添加图标

shuishen

2021-04-01 f1f4e39f5f08a511459783ecc282313dc7664b79

 src/views/clientManagement/clientManagement.vue

@@ -18,6 +18,7 @@
                   @row-update="rowUpdate"
                   @row-save="rowSave"
                   :row-style="rowStyle"
                   row-class-name="tabFontSize"
                   :before-open="beforeOpen"
                   @search-change="searchChange"
                   @search-reset="searchReset"
@@ -28,7 +29,7 @@
                   @on-load="onLoad">
          <template slot="menuLeft">
            <el-button type="danger"
                       size="small"
                       size="mini"
                       icon="el-icon-delete"
                       plain
                       v-if="permission.clientManagement_delete"
@@ -238,6 +239,7 @@
          labelWidth: '100',
          dialogWidth: 950,
          menuWidth: 250,
          align:"center",
          size: "mini",
          tip: false,
          searchShow: true,
@@ -246,7 +248,7 @@
          border: true,
          index: true,
          viewBtn: true,
          selection: false,
          selection: true,
          dialogClickModal: false,
          column: [
            {
@@ -255,23 +257,7 @@
              prop: "deviceName",
              searchPlaceholder: "设备名称/编号",
              search: true,
            },
            {
              label: "上级菜单",
              prop: "pid",
              type: "tree",
              dicUrl: "/api/blade-jfpts/catalogs/catalogs/tree",
              hide: true,
              props: {
                label: "title"
              },
              rules: [
                {
                  required: false,
                  message: "请选择上级菜单",
                  trigger: "click"
                }
              ]
              sortable:true,
            },
            {
              label: "到期时间",
@@ -304,6 +290,23 @@
                {
                  required: false,
                  message: "请输入设备编号",
                  trigger: "click"
                }
              ]
            },
            {
              label: "使用方",
              prop: "deptId",
              width: 200,
              type: "tree",
              dicUrl: "/api/blade-system/dept/trees",
              props: {
                label: "title"
              },
              rules: [
                {
                  required: false,
                  message: "请选择上级菜单",
                  trigger: "click"
                }
              ]
@@ -352,13 +355,26 @@
                  value: "1"
                }
              ]
            }, {
            },
            {
              label: "设备状态",
              align: "center",
              prop: "dxzt",
              slot: true,
              addDisplay: false,
              editDisplay: false,
            },
            {
              label: "故障状态",
              prop: "state",
              addDisplay: false,
              editDisplay: false
            },
            {
              label: "故障原因",
              prop: "reason",
              addDisplay: false,
              editDisplay: false
            },
            {
              label: "设备类型",
@@ -427,15 +443,20 @@
              span: 3,
              labelWidth: "0",
              className: "cityClass3"
            },
            {
              label: "权属",
              prop: "ownership",
              width: 150
            }, {
              label: "街道",
              prop: "street",
              width: 200
            },
            {
              label: "负责人",
              prop: "oneContacts",
              width: 72
            },
            {
              label: "负责人电话",
              prop: "onePhone",
              width: 110
            }, {
              label: "到期时间",
              prop: "expireTime",
@@ -454,7 +475,7 @@
              valueFormat: "yyyy-MM-dd HH:mm:ss",
              width: 130
            }, {
              label: "最后上传时间",
              label: "心跳时间",
              prop: "heartbeat",
              type: "datetime",
              format: "yyyy-MM-dd",
@@ -472,7 +493,7 @@
      permissionList() {
        return {
          addBtn: this.vaildData(this.permission.clientManagement_add, false),
          viewBtn: this.vaildData(this.permission.clientManagement_view, false),
          viewBtn: this.vaildData(null, false),
          delBtn: this.vaildData(this.permission.clientManagement_delete, false),
          editBtn: this.vaildData(this.permission.clientManagement_edit, false)
        };
@@ -554,7 +575,7 @@
          });
      },
      searchReset() {
        this.treeDeptId = null;
        this.treeDeptId = "";
        this.query = {};
        this.onLoad(this.page);
      },
@@ -629,6 +650,16 @@
            ...this.query
          };
        }

        //在线设备
        if(this.$route.query.dxtype != undefined){
          values = {
            ...params,
            dxtype: this.$route.query.dxtype,
            ...this.query,
          };
        }

        this.loading = true;
        getList(page.currentPage, page.pageSize, values, this.treeDeptId).then(res => {
          const data = res.data.data;
@@ -764,4 +795,8 @@
    color: red;
  }

  .tabFontSize{
    font-size: 15px;
  }

</style>