消息通知

proxy.conf.json

@@ -1,6 +1,6 @@
 {
   "/service": {
-		"target": "http://192.168.3.108",
+		"target": "http://192.168.4.105",
     "logLevel": "debug",
     "changeOrigin": true,
     "pathRewrite": {

src/app/components/configurationCenter/configuration-message/configuration-message.component.html

@@ -0,0 +1,97 @@
+<div class="content priority">
+  <div class="contentInner">
+    <div class="list-template" id="wechatTable">
+      <div class="list-template__content">
+        <div class="list-template__bottom">
+          <nz-table class="list-template__nzTable" [nzData]="messageList" nzSize="middle" [nzShowPagination]="false"
+            [nzLoading]="loading1" [nzScroll]="{ y: tableHeight + 'px' }">
+            <thead>
+              <tr class="thead">
+                <th nzWidth="5%">序号</th>
+                <th nzWidth="20%">通知描述</th>
+                <th nzWidth="20%">被通知人</th>
+                <th nzWidth="20%">通知模式</th>
+                <th nzWidth="20%">是否开启</th>
+                <th nzWidth="15%">操作</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr *ngFor="let data of messageList;let i = index">
+                <td>{{i + 1}}</td>
+                <td>{{data.noticeNode}}</td>
+                <td>{{data.noticeDetails}}</td>
+                <td>
+                  {{data.messageStationFlag == 1 ? '站内消息' : ''}}
+                  {{data.shortMessageFlag == 1 ? '短信' : ''}}
+                  {{data.wechatMessageFlag ==1 ? '微信' : ''}}
+                </td>
+                <td>{{data.flag ==1 ? '是' : '否'}}</td>
+                <td>
+                  <div class="coop">
+                    <span (click)="edit(data)">编辑</span>
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </nz-table>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- 新增/编辑模态框 -->
+<div class="save display_flex justify-content_flex-center align-items_center add" *ngIf="modalMessage">
+  <div class="modalBody">
+    <div class="title">{{modelName}}<i class="icon_transport transport-guanbi" (click)="hideMessageModal()"></i></div>
+    <div class="content">
+      <div class="message_head">
+        <span class="head_item">流程描述：{{ editData.noticeNode }}</span>
+        <span class="head_item">被通知人：{{ editData.noticeDetails }}</span>
+        <span class="head_item">
+          <ng-container  *ngIf="editData.noticeRule !== 'no'&&(editData.noticeCode == 'user_receive_overresp' || editData.noticeCode == 'manager_receive_overresp')">
+            <i class="icon_transport transport-required red"></i>逾期响应时长<nz-input-number class="inputNumber" nzSize="small" [(ngModel)]="editData.noticeRule"></nz-input-number>分钟
+          </ng-container>
+          <ng-container  *ngIf="editData.noticeRule !== 'no'&&(editData.noticeCode == 'user_doing_overresp' || editData.noticeCode == 'manager_doing_overresp')">
+            <i class="icon_transport transport-required red"></i>解决时长剩余<nz-input-number class="inputNumber" nzSize="small" [(ngModel)]="editData.noticeRule"></nz-input-number>%
+          </ng-container>
+        </span>
+      </div>
+      <div class="message_tab">
+        <div class="tab" *ngFor="let item of tabs;let i = index;" (click)="selectTab(i)" [ngClass]="{ active: i == currentIndex }">
+          <label nz-checkbox [(ngModel)]="item.checkboxFlag" (ngModelChange)="selectThis($event, i)"></label><span class="ml8">{{item.tabName}}</span>
+        </div>
+      </div>
+      <div class="message_body">
+        <div class="message_body_list" *ngFor="let item of tabs;let i = index;" [hidden]="i != currentIndex">
+          <div class="message_body_list_title" *ngIf="!(i == 1)">
+            <span>通知标题：</span><input nz-input placeholder="请输入通知标题" [(ngModel)]="item.processTitle" [disabled]="item.disable" />
+          </div>
+          <div class="message_body_list_body">
+            <span>通知内容：</span><textarea class="wd" rows="10" nz-input placeholder="请输入通知内容" [(ngModel)]="item.processContent" [disabled]="item.disable"></textarea>
+          </div>
+          <div class="message_body_list_configure">
+            <span style="visibility: hidden">变量名称：</span>
+            <p>备注：[$变量名称$]可添加<em *ngFor="let v of varArr;let first = first;let last = last;"><span (click)="writeIn(item, v, $event, 'processContent')">{{v}}</span><i *ngIf="!last">、</i><i *ngIf="last">。</i></em></p>
+          </div>
+          <div class="message_body_list_title">
+            <span><i class="icon_transport transport-required red"></i>是否开启：</span>
+            <nz-radio-group [(ngModel)]="editData.flag">
+              <label nz-radio [nzValue]="true">是</label>
+              <label nz-radio [nzValue]="false">否</label>
+            </nz-radio-group>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class=" display_flex justify-content_flex-center">
+      <button nzType="primary" nz-button (click)="submitMessageForm()" [nzLoading]="btnLoading">确认</button>
+      <button class="btn cancel" nz-button nzType="default" (click)="hideMessageModal()">取消</button>
+    </div>
+  </div>
+</div>
+
+<!-- 操作成功/失败提示框 -->
+<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+  [info]="promptInfo">
+</app-prompt-modal>

src/app/components/configurationCenter/configuration-message/configuration-message.component.less

@@ -0,0 +1,322 @@
+@import "../../../../../src/theme.less";
+:host {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  background-color: #F0F2F5;
+  .list-template__nzTable,
+  .list-template__bottom{
+    padding: 0!important;
+    border: none!important;
+    background: #fff!important;
+  }
+  .list-template{
+    width: 100%!important;
+    height: 100%!important;
+  }
+  .content{
+    flex: 1;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    border: 1px solid #EEF3F9;
+    &.priority{
+      margin: 24px 64px 0;
+      background-color: #fff;
+      .contentInner{
+        padding: 24px;
+        border: 1px solid #E8EBEF;
+      }
+    }
+    .contentItem{
+      padding: 4px 16px;
+      cursor: pointer;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      &.active{
+        color: @primary-color;
+        background-color: #F0F6ED;
+        border-radius: 4px;
+      }
+    }
+    .contentInner{
+      flex: 1;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 0 16px;
+      gap: 16px;
+      .contentHead{
+        height: 45px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        gap: 16px;
+        padding: 0 16px;
+        font-size: 16px;
+        font-weight: bold;
+        border-bottom: 1px solid #D9D9D9;
+        .title{
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+        .btns{
+          flex-shrink: 0;
+        }
+      }
+      .contentBody{
+        padding: 0 8px;
+        margin: 4px 0;
+        flex: 1;
+      }
+      .address{
+        flex: 1;
+        height: 100%;
+        background: #FFFFFF;
+        border: 1px solid #E8EBEF;
+        display: flex;
+        flex-direction: column;
+        width: 0;
+      }
+      .addressAssign{
+        flex: 3;
+        height: 100%;
+        background: #FFFFFF;
+        border: 1px solid #E8EBEF;
+        display: flex;
+        flex-direction: column;
+        width: 0;
+      }
+      .list-template__searchItem {
+        margin-bottom: 16px;
+        .label {
+          color: #333;
+          display: inline-block;
+          width: 70px;
+          text-align-last: justify;
+          text-align: justify;
+          &.label--big {
+            width: 100px;
+          }
+        }
+        .formItem {
+          width: 135px;
+        }
+      }
+    }
+    .contentBtns{
+      margin-bottom: 16px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+  }
+
+  .save {
+    position: fixed;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.4);
+    z-index: 99;
+
+    .tips{
+      margin-bottom: 16px!important;
+    }
+
+    .modalBody {
+      width: 350px;
+      background: #fff;
+      border-radius: 5px;
+      padding: 10px 20px;
+      color: #333;
+
+      .title {
+        width: 100%;
+        text-align: center;
+        font-size: 18px;
+        position: relative;
+
+        i {
+          position: absolute;
+          right: 0;
+          top: 0;
+          font-size: 20px;
+          color: #666;
+          cursor: pointer;
+          padding: 0 5px;
+        }
+      }
+
+      .content {
+        width: 310px;
+        background: #f9fafb;
+        border: 1px solid #e5e9ed;
+        border-radius: 5px;
+        overflow: hidden;
+        margin-top: 12px;
+        padding: 16px 0;
+
+        .busyList{
+          display: flex;
+          margin-bottom: 8px;
+          .busyContent{
+            margin-right: 8px;
+            flex: 1;
+          }
+        }
+
+        & > div {
+          text-align: center;
+          margin: 0;
+
+          &.icon {
+            // margin-top: 17px;
+
+            i {
+              color: #34b349;
+              font-size: 30px !important;
+
+              &.transport-wenhao {
+                color: #f5a523;
+              }
+
+              &.transport-shibai {
+                color: #ff3a52;
+              }
+            }
+          }
+
+          &.defeat {
+            color: #333;
+            font-size: 14px;
+          }
+
+          &:nth-child(3) {
+            font-size: 14px;
+            color: #666;
+          }
+        }
+        .workAssignmentTips {
+          font-size: 12px;
+        }
+      }
+
+      button {
+        margin-top: 10px;
+
+        &.btn {
+          margin-left: 8px;
+        }
+      }
+    }
+
+    // 新增
+    &.add {
+      .transport-required{
+        font-size: 10px;
+        margin-right: 4px;
+        position: relative;
+        bottom: 2px;
+      }
+      .modalBody {
+        width: 926px;
+        height: auto;
+
+        .content {
+          display: block;
+          width: 100%;
+          height: auto;
+          padding: 0;
+          max-height: 600px;
+          overflow-y: auto;
+          border: 1px solid #E9E9E9;
+
+          .message_head{
+            height: 50px;
+            padding: 0 24px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            .head_item{
+              flex: 1;
+              &:first-of-type{
+                text-align: left;
+              }
+              &:last-of-type{
+                text-align: right;
+              }
+              .inputNumber{
+                width: 62px;
+                margin-left: 2px;
+                margin-right: 5px;
+              }
+            }
+          }
+
+          .message_tab{
+            height: 56px;
+            display: flex;
+            border-top: 1px solid #E9E9E9;
+            .tab{
+              height: 100%;
+              flex: 1;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              cursor: pointer;
+              &.active{
+                color: @primary-color;
+                background-color: #EEEEEE;
+              }
+            }
+          }
+
+          .message_body{
+            border-top: 1px solid #E9E9E9;
+            width: 300%;
+            display: flex;
+            .message_body_list{
+              width: 884px;
+              padding: 16px;
+              .message_body_list_title{
+                display: flex;
+                margin-top: 0;
+                align-items: center;
+                span{
+                  flex-shrink: 0;
+                }
+              }
+              .message_body_list_body{
+                display: flex;
+                margin-top: 16px;
+                line-height: 32px;
+                span{
+                  flex-shrink: 0;
+                }
+              }
+              .message_body_list_configure{
+                display: flex;
+                text-align: left;
+                margin-top: 8px;
+                span{
+                  flex-shrink: 0;
+                }
+                em{
+                  font-style: normal;
+                  color: @primary-color;
+                  cursor: pointer;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

src/app/components/configurationCenter/configuration-message/configuration-message.component.ts

@@ -0,0 +1,281 @@
+import { Component, OnInit } from "@angular/core";
+import { ActivatedRoute } from "@angular/router";
+import { MainService } from "../../../services/main.service";
+import { ToolService } from 'src/app/services/tool.service';
+import { NzMessageService } from 'ng-zorro-antd';
+
+@Component({
+  selector: "app-configuration-message",
+  templateUrl: "./configuration-message.component.html",
+  styleUrls: ["./configuration-message.component.less"],
+})
+export class ConfigurationMessageComponent implements OnInit {
+  constructor(
+    private route: ActivatedRoute,
+    private mainService: MainService,
+    private tool: ToolService,
+    private message: NzMessageService,
+  ) {}
+
+  coopData: any = {}; //当前操作列
+  currentHospital; //当前院区
+
+  ngOnInit() {
+    this.currentHospital = this.tool.getCurrentHospital();
+    setTimeout(() => {
+      this.tableHeight = document.querySelector('#wechatTable').clientHeight - 8 - document.querySelector('#wechatTable .thead').clientHeight;
+    }, 0)
+    this.getList();
+  }
+
+  // 新增弹框
+  modelName = ""; //模态框名称
+  modalMessage: boolean = false; //新增/编辑模态框
+  add: boolean; //true:新增；false:编辑
+  //关闭新增/编辑弹框
+  hideMessageModal() {
+    this.modalMessage = false;
+  }
+
+  // 选项卡
+  //tabName: 名称,processTitle:标题, processContent: 内容, checkboxFlag: checkbox是否选中,,disable:遮罩是否显示
+  tabs = []
+
+  //变量参数
+  varArr = [
+    "[$报修单号$]",
+    "[$报修科室$]",
+    "[$报修时间$]",
+    "[$报修人$]",
+    "[$详细地址$]",
+    "[$不受理时间$]",
+    "[$不受理原因$]",
+    "[$故障描述$]",
+    "[$服务台人员$]",
+    "[$受理时间$]",
+    "[$事件单号$]",
+    "[$地点$]",
+    "[$区域$]",
+    "[$学工号$]",
+    "[$联系人电话$]",
+    "[$受理人$]",
+    "[$受理人电话$]",
+    "[$处理人$]",
+    "[$处理人电话$]",
+    "[$指派人$]",
+    "[$转派人$]",
+    "[$延期原因$]",
+    "[$进入系统$]",
+    "[$回访满意度$]",
+    "[$回访备注$]",
+    "[$回访处理结果$]",
+    "[$评价满意度$]",
+    "[$评价内容$]",
+  ];
+
+  // 写入
+  writeIn(tab, content, event, type){
+    console.log(event);
+    var element = event.target.parentElement.parentElement.parentElement.previousElementSibling.children[1];
+    if (element.selectionStart || element.selectionStart == '0') {
+        var startPos = element.selectionStart;
+        var endPos = element.selectionEnd;
+        tab[type] = element.value.substring(0, startPos) + content + element.value.substring(endPos);
+        element.focus();
+        setTimeout(() => {
+          element.setSelectionRange(startPos + content.length, startPos + content.length);
+        },0)
+    } else {
+        var val = element.value + content;
+        tab[type] = val;
+        element.focus();
+    }
+  }
+
+  // 编辑
+  currentIndex = 0;
+  editData:any = {};
+  edit(data) {
+    console.log(data);
+    this.modelName = "编辑";
+    this.add = false;
+    this.modalMessage = true;
+
+    this.coopData = data;
+    this.editData = {
+        id: data.id,//id
+        noticeCode: data.noticeCode,
+        noticeRule: data.noticeRule === undefined ? 'no' : data.noticeRule,//通知规则,数字
+        noticeNode: data.noticeNode,//流程节点
+        processName: data.processName,//报修流程或者事件流程
+        noticeState: data.noticeState,//状态
+        noticeDetails: data.noticeDetails,//被通知人
+        noticeProcess: data.noticeProcess,//1为报修流程、2为事件流程
+        messageStationContent: data.messageStationContent,//站内消息通知内容
+        shortMessageContent: data.shortMessageContent,//短信通知内容
+        wechatMessageContent: data.wechatMessageContent,//微信通知内容
+        messageStationFlag: data.messageStationFlag == 1 ? true : false,//站内消息是否开启
+        shortMessageFlag: data.shortMessageFlag == 1 ? true : false,//短信是否开启
+        wechatMessageFlag: data.wechatMessageFlag == 1 ? true : false,//微信是否开启
+        messageStationTitle: data.messageStationTitle,//站内消息标题
+        wechatMessageTitle: data.wechatMessageTitle,//微信标题
+        flag: data.flag == 1 ? true : false//总开关是否开启,0为关闭，1为开启
+    };
+
+    this.tabs = [
+      {
+        tabName: "站内消息",
+        processTitle: this.editData.messageStationTitle,
+        processContent: this.editData.messageStationContent,
+        checkboxFlag: this.editData.messageStationFlag,
+        disable: !this.editData.messageStationFlag
+      },
+      {
+          tabName: "短信",
+          processTitle: '',
+          processContent: this.editData.shortMessageContent,
+          checkboxFlag: this.editData.shortMessageFlag,
+          disable: !this.editData.shortMessageFlag
+      },
+      {
+          tabName: "微信",
+          processTitle: this.editData.wechatMessageTitle,
+          processContent: this.editData.wechatMessageContent,
+          checkboxFlag: this.editData.wechatMessageFlag,
+          disable: !this.editData.wechatMessageFlag
+      }
+    ];
+
+    this.currentIndex = 0;
+  }
+
+  //tab页面切换
+  selectTab(index) {
+    this.currentIndex = index;
+  };
+
+  //checkbox选中或者取消
+  selectThis(e, index) {
+    //遮罩切换
+    this.tabs[index].disable = !this.tabs[index].checkboxFlag;
+    //所有checkbox有一个选中，总开关开启
+    this.editData.flag = this.tabs.some(function (v) {
+        return v.checkboxFlag;
+    });
+};
+
+  // 新增/编辑表单提交
+  btnLoading: boolean = false; //提交按钮loading状态
+  submitMessageForm(): void {
+    this.btnLoading = true;
+    var filterArr = this.tabs.filter(item => {
+      return item.checkboxFlag;
+    });
+    for (var i = 0; i < filterArr.length; i++) {
+        if (filterArr[i].processContent == '') {
+            alert("通知内容【" + filterArr[i].tabName + "】不能为空！");
+            return;
+        } else {
+            var nowArr = [...new Set([...(filterArr[i].processContent.match(/\[\$[^\$\[\]]*?\$\]/g) || []), ...this.varArr])];
+            if (nowArr.length !== this.varArr.length) {
+                alert("【" + filterArr[i].tabName + "】请填写有效的变量名称！");
+                return;
+            }
+        }
+    }
+    let postData:any = {};
+    //请求参数处理(是否有输入数字控件)
+    if (this.editData.noticeRule !== 'no') {
+        postData = {
+            // "messageManager": {
+                "id": this.editData.id,
+                "noticeRule": this.editData.noticeRule,
+                "messageStationFlag": this.tabs[0].checkboxFlag ? 1 : 0,
+                "messageStationTitle": this.tabs[0].processTitle,
+                "messageStationContent": this.tabs[0].processContent,
+                "shortMessageFlag": this.tabs[1].checkboxFlag ? 1 : 0,
+                "shortMessageContent": this.tabs[1].processContent,
+                "wechatMessageFlag": this.tabs[2].checkboxFlag ? 1 : 0,
+                "wechatMessageTitle": this.tabs[2].processTitle,
+                "wechatMessageContent": this.tabs[2].processContent,
+                "flag": this.editData.flag ? 1 : 0
+            // }
+        };
+    } else {
+        postData = {
+            // "messageManager": {
+                "id": this.editData.id,
+                "messageStationFlag": this.tabs[0].checkboxFlag ? 1 : 0,
+                "messageStationTitle": this.tabs[0].processTitle,
+                "messageStationContent": this.tabs[0].processContent,
+                "shortMessageFlag": this.tabs[1].checkboxFlag ? 1 : 0,
+                "shortMessageContent": this.tabs[1].processContent,
+                "wechatMessageFlag": this.tabs[2].checkboxFlag ? 1 : 0,
+                "wechatMessageTitle": this.tabs[2].processTitle,
+                "wechatMessageContent": this.tabs[2].processContent,
+                "flag": this.editData.flag ? 1 : 0
+            // }
+        };
+    }
+    // 关闭模态窗口并传递一个结果
+    postData = Object.assign({}, this.coopData, postData);
+    this.mainService
+      .simplePost("updData", "messageManager", postData)
+      .subscribe((result) => {
+        this.btnLoading = false;
+        this.hideMessageModal();
+        let msg = "";
+        if (this.add) {
+          msg = "新增";
+        } else {
+          msg = "修改";
+        }
+        if (result.status == 200) {
+          this.showPromptModal(msg, true, '');
+        } else {
+          this.showPromptModal(msg, false, result.msg);
+        }
+      });
+  }
+
+  // 获取列表
+  loading1:boolean = false;
+  messageList: any[] = []; //表格数据
+  tableHeight:number = 0;
+  getList() {
+    let data = {
+      idx: 0,
+      sum: 9999,
+      messageManager: {
+        "noticeProcess": 1
+      },
+    };
+    this.loading1 = true;
+    this.mainService
+      .getFetchDataList("simple/data", "messageManager", data)
+      .subscribe((data) => {
+        this.loading1 = false;
+        if (data.status == 200) {
+          this.messageList = data.list || [];
+        }else{
+          this.message.error(data.msg || "请求数据失败");
+        }
+      });
+  }
+
+  // 展示信息提示框（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）
+  promptContent: string; //操作提示框提示信息
+  ifSuccess: boolean; //操作成功/失败
+  promptInfo: string; //操作结果提示信息
+  promptModalShow: boolean; //操作提示框是否展示
+  showPromptModal(con, success, promptInfo?) {
+    this.promptModalShow = false;
+    this.promptContent = con;
+    this.ifSuccess = success;
+    this.promptInfo = promptInfo;
+    setTimeout(() => {
+      this.promptModalShow = true;
+    }, 100);
+    this.getList();
+  }
+}

src/app/views/incident-config/incident-config.component.html

@@ -20,6 +20,10 @@
   <ng-container *ngIf="activeTagId === 3">
     <app-configuration-dictionary></app-configuration-dictionary>
   </ng-container>
+  <!-- 消息通知 -->
+  <ng-container *ngIf="activeTagId === 4">
+    <app-configuration-message></app-configuration-message>
+  </ng-container>
 </div>
 
 

src/app/views/incident-config/incident-config.component.ts

@@ -16,6 +16,7 @@ export class IncidentConfigComponent implements OnInit, AfterViewInit {
     { id: 1, name: '故障现象',},
     { id: 2, name: '优先级',},
     { id: 3, name: '数据字典',},
+    { id: 4, name: '消息通知',},
   ];
 
   ngOnInit(): void {}

src/app/views/incident-config/incident-config.module.ts

@@ -7,6 +7,7 @@ import { ShareModule } from 'src/app/share/share.module';
 import { ConfigurationCategoryComponent } from 'src/app/components/configurationCenter/configuration-category/configuration-category.component';
 import { ConfigurationPriorityComponent } from 'src/app/components/configurationCenter/configuration-priority/configuration-priority.component';
 import { ConfigurationDictionaryComponent } from 'src/app/components/configurationCenter/configuration-dictionary/configuration-dictionary.component';
+import { ConfigurationMessageComponent } from 'src/app/components/configurationCenter/configuration-message/configuration-message.component';
 
 
 @NgModule({
@@ -15,6 +16,7 @@ import { ConfigurationDictionaryComponent } from 'src/app/components/configurati
     ConfigurationCategoryComponent,
     ConfigurationPriorityComponent,
     ConfigurationDictionaryComponent,
+    ConfigurationMessageComponent,
   ],
   imports: [
     CommonModule,

src/app/views/other-config/other-config.module.ts

@@ -5,16 +5,12 @@ import { OtherConfigRoutingModule } from './other-config-routing.module';
 import { OtherConfigComponent } from './other-config.component';
 import { ShareModule } from 'src/app/share/share.module';
 import { ConfigurationWechatComponent } from 'src/app/components/configurationCenter/configuration-wechat/configuration-wechat.component';
-// import { ConfigurationPriorityComponent } from 'src/app/components/configurationCenter/configuration-priority/configuration-priority.component';
-// import { ConfigurationDictionaryComponent } from 'src/app/components/configurationCenter/configuration-dictionary/configuration-dictionary.component';
 
 
 @NgModule({
   declarations: [
     OtherConfigComponent,
     ConfigurationWechatComponent,
-    // ConfigurationPriorityComponent,
-    // ConfigurationDictionaryComponent,
   ],
   imports: [
     CommonModule,

src/assets/iconfont/demo_index.html

@@ -55,6 +55,12 @@
           <ul class="icon_lists dib-box">
           
             <li class="dib">
+              <span class="icon icon_transport">&#xe606;</span>
+                <div class="name">星号</div>
+                <div class="code-name">&amp;#xe606;</div>
+              </li>
+          
+            <li class="dib">
               <span class="icon icon_transport">&#xe76e;</span>
                 <div class="name">第三方</div>
                 <div class="code-name">&amp;#xe76e;</div>
@@ -73,12 +79,6 @@
               </li>
           
             <li class="dib">
-              <span class="icon icon_transport">&#xe768;</span>
-                <div class="name">第三方服务</div>
-                <div class="code-name">&amp;#xe768;</div>
-              </li>
-          
-            <li class="dib">
               <span class="icon icon_transport">&#xe689;</span>
                 <div class="name">快速报修</div>
                 <div class="code-name">&amp;#xe689;</div>
@@ -517,12 +517,6 @@
               </li>
           
             <li class="dib">
-              <span class="icon icon_transport">&#xe606;</span>
-                <div class="name">星号</div>
-                <div class="code-name">&amp;#xe606;</div>
-              </li>
-          
-            <li class="dib">
               <span class="icon icon_transport">&#xe61b;</span>
                 <div class="name">空白页-暂无漏接诊单</div>
                 <div class="code-name">&amp;#xe61b;</div>
@@ -828,9 +822,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'icon_transport';
-  src: url('iconfont.woff2?t=1722669597007') format('woff2'),
-       url('iconfont.woff?t=1722669597007') format('woff'),
-       url('iconfont.ttf?t=1722669597007') format('truetype');
+  src: url('iconfont.woff2?t=1722826184082') format('woff2'),
+       url('iconfont.woff?t=1722826184082') format('woff'),
+       url('iconfont.ttf?t=1722826184082') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -857,6 +851,15 @@
         <ul class="icon_lists dib-box">
           
           <li class="dib">
+            <span class="icon icon_transport transport-required"></span>
+            <div class="name">
+              星号
+            </div>
+            <div class="code-name">.transport-required
+            </div>
+          </li>
+          
+          <li class="dib">
             <span class="icon icon_transport transport-disanfang"></span>
             <div class="name">
               第三方
@@ -884,15 +887,6 @@
           </li>
           
           <li class="dib">
-            <span class="icon icon_transport transport-disanfangfuwu"></span>
-            <div class="name">
-              第三方服务
-            </div>
-            <div class="code-name">.transport-disanfangfuwu
-            </div>
-          </li>
-          
-          <li class="dib">
             <span class="icon icon_transport transport-kuaisubaoxiu"></span>
             <div class="name">
               快速报修
@@ -1550,15 +1544,6 @@
           </li>
           
           <li class="dib">
-            <span class="icon icon_transport transport-required"></span>
-            <div class="name">
-              星号
-            </div>
-            <div class="code-name">.transport-required
-            </div>
-          </li>
-          
-          <li class="dib">
             <span class="icon icon_transport transport-yunzhuanzhentongjiicon-"></span>
             <div class="name">
               空白页-暂无漏接诊单
@@ -2019,6 +2004,14 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#transport-required"></use>
+                </svg>
+                <div class="name">星号</div>
+                <div class="code-name">#transport-required</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#transport-disanfang"></use>
                 </svg>
                 <div class="name">第三方</div>
@@ -2043,14 +2036,6 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#transport-disanfangfuwu"></use>
-                </svg>
-                <div class="name">第三方服务</div>
-                <div class="code-name">#transport-disanfangfuwu</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#transport-kuaisubaoxiu"></use>
                 </svg>
                 <div class="name">快速报修</div>
@@ -2635,14 +2620,6 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#transport-required"></use>
-                </svg>
-                <div class="name">星号</div>
-                <div class="code-name">#transport-required</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#transport-yunzhuanzhentongjiicon-"></use>
                 </svg>
                 <div class="name">空白页-暂无漏接诊单</div>

src/assets/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "icon_transport"; /* Project id 4543613 */
-  src: url('iconfont.woff2?t=1722669597007') format('woff2'),
-       url('iconfont.woff?t=1722669597007') format('woff'),
-       url('iconfont.ttf?t=1722669597007') format('truetype');
+  src: url('iconfont.woff2?t=1722826184082') format('woff2'),
+       url('iconfont.woff?t=1722826184082') format('woff'),
+       url('iconfont.ttf?t=1722826184082') format('truetype');
 }
 
 .icon_transport {
@@ -13,6 +13,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.transport-required:before {
+  content: "\e606";
+}
+
 .transport-disanfang:before {
   content: "\e76e";
 }
@@ -25,10 +29,6 @@
   content: "\e635";
 }
 
-.transport-disanfangfuwu:before {
-  content: "\e768";
-}
-
 .transport-kuaisubaoxiu:before {
   content: "\e689";
 }
@@ -321,10 +321,6 @@
   content: "\e62f";
 }
 
-.transport-required:before {
-  content: "\e606";
-}
-
 .transport-yunzhuanzhentongjiicon-:before {
   content: "\e61b";
 }

src/assets/iconfont/iconfont.json

@@ -6,6 +6,13 @@
   "description": "",
   "glyphs": [
     {
+      "icon_id": "20719696",
+      "name": "星号",
+      "font_class": "required",
+      "unicode": "e606",
+      "unicode_decimal": 58886
+    },
+    {
       "icon_id": "4561786",
       "name": "第三方",
       "font_class": "disanfang",
@@ -27,13 +34,6 @@
       "unicode_decimal": 58933
     },
     {
-      "icon_id": "39599292",
-      "name": "第三方服务",
-      "font_class": "disanfangfuwu",
-      "unicode": "e768",
-      "unicode_decimal": 59240
-    },
-    {
       "icon_id": "18856229",
       "name": "快速报修",
       "font_class": "kuaisubaoxiu",
@@ -545,13 +545,6 @@
       "unicode_decimal": 58927
     },
     {
-      "icon_id": "2817690",
-      "name": "星号",
-      "font_class": "required",
-      "unicode": "e606",
-      "unicode_decimal": 58886
-    },
-    {
       "icon_id": "5260595",
       "name": "空白页-暂无漏接诊单",
       "font_class": "yunzhuanzhentongjiicon-",

src/common.less

@@ -146,6 +146,22 @@
   flex-wrap: wrap;
 }
 
+.wd{
+  word-break: break-all;
+}
+// list模板样式 end
+
+// 滚动条样式
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+::-webkit-scrollbar-thumb {
+
+
+}
+
 // button
 @lg-btn-height: 52px;
 @default-btn-height: 34px;