修改巡逻样式

shuishen

2021-03-11 08413f10a9b4833d0a00a3ee2a3ce629acc7bdd8

 src/views/clientManagement/clientManagement.vue

@@ -43,6 +43,22 @@
              }}
            </el-tag>
          </template>
          <template slot-scope="{ type, size, row }" slot="menu">
            <el-button
              icon="el-icon-video-camera-solid"
              :size="size"
              :type="type"
              @click.stop="handleStart(row)"
            >视频
            </el-button>
            <el-button
              icon="el-icon-location-outline"
              :size="size"
              :type="type"
              @click.stop="handleMap(row)"
            >定位
            </el-button>
          </template>

          <template slot-scope="{ row }" slot="dxzt">
            <el-tag>{{
@@ -62,6 +78,21 @@

        </avue-crud>

        <el-drawer
          title="电子地图"
          append-to-body="true"
          :visible.sync="showMap"
        >
          <iframe
            id="mapDiv"
            ref="mapDiv"
            src="/map/index.html?openid=ClientManagement&ISinit=1"
            frameborder="0"
            width="100%"
            height="100%"
          ></iframe>
        </el-drawer>

      </basic-container>
    </el-col>
    <el-dialog title="缴费提醒" :visible.sync="dialogTableVisible" top="280px" custom-class="payWin" append-to-body="true">
@@ -79,7 +110,6 @@
<script>
  import {getList, remove, update, add, getclient, getDeptLazyTree, getAll} from "@/api/client/client";
  import {mapGetters} from "vuex";

  export default {
    created() {
      this.payWin();
@@ -88,6 +118,8 @@
      return {
        form: {},
        query: {},
        showMap: false,
        initFlag: true,
        loading: true,
        page: {
          pageSize: 10,
@@ -129,7 +161,7 @@
          calcHeight: 80,
          labelWidth: '100',
          dialogWidth: 950,
          menuWidth: 160,
          menuWidth: 250,
          size: "mini",
          tip: false,
          searchShow: true,
@@ -143,19 +175,36 @@
          column: [
            {
              label: "设备名称",
              width: 130,
              width: 200,
              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"
                }
              ]
            },
            {
              label: "到期时间",
              prop: "releaseTimeRange",
              type: "datetime",
              format: "yyyy-MM-dd HH:mm:ss",
              valueFormat: "yyyy-MM-dd HH:mm:ss",
              format: "yyyy-MM-dd",
              valueFormat: "yyyy-MM-dd",
              searchRange: true,
              searchSpan: 5,
              searchSpan: 6,
              hide: true,
              addDisplay: false,
              editDisplay: false,
@@ -172,14 +221,68 @@
            {
              label: "设备编号",
              prop: "deviceNumber",
              width: 130
              width: 130,
              editDisabled:true,
              rules: [
                {
                  required: false,
                  message: "请输入设备编号",
                  trigger: "click"
                }
              ]
            },
            {
              label: "序列号",
              prop: "serialNumber",
              hide: true,
              addDisplay: true,
              editDisplay: true,
              viewDisplay: true,
            },
            {
              label: "通道号",
              prop: "channelNumber",
              hide: true,
              addDisplay: true,
              editDisplay: true,
              viewDisplay: true,
            }, {
              label: "布撤防状态",
              prop: "devicestate",
              type: "select",
              slot: true,
              width: 100,
              rules: [{
                required: true,
                message: "请选择布撤防状态",
                trigger: "blur"
              }],
              dicData: [
                {
                  label: "撤防",
                  value: "0"
                },
                {
                  label: "布防",
                  value: "1"
                }
              ]
            }, {
              label: "设备状态",
              prop: "dxzt",
              slot: true,
              addDisplay: false,
              editDisplay: false,
            }, {
              label: "缴费信息",
              prop: "pay",
            },
            {
              label: "省份",
              prop: "province",
              search: true,
              searchSpan: 3,
              searchLabelWidth: 60,
              searchLabelWidth: 45,
              placeholder: "省份",
              type: "select",
              props: {
@@ -226,47 +329,30 @@
              span: 3,
              labelWidth: "0",
              className: "cityClass3"
            }, {
              label: "布撤防状态",
              prop: "devicestate",
              type: "select",
              slot: true,
              width: 100,
              rules: [{
                required: true,
                trigger: "blur"
              }],
              dicData: [
                {
                  label: "撤防",
                  value: "0"
                },
                {
                  label: "布防",
                  value: "1"
                }
              ]
            }, {
              label: "设备状态",
              prop: "dxzt",
              slot: true,
              addDisplay: false,
              editDisplay: false,
            }, {
              label: "缴费信息",
              prop: "pay",
            }, {
            },
            {
              label: "设备类型",
              prop: "deviceType",
              width: 150,
              width: 160,
              search: true,
            }, {
              searchSpan: 3,
              searchLabelWidth: 80,
              searchPlaceholder: "请选择",
              type: "select",
              props: {
                label: "dictValue",
                value: "dictValue"
              },
              dicUrl: "/api/blade-system/dict-biz/child-list?parentId=1357568691367661569",
            },
            {
              label: "权属",
              prop: "ownership",
              width: 150
            }, {
              label: "街道",
              prop: "street",
              width: 150
              width: 200
            }, {
              label: "安装时间",
              prop: "stime",
@@ -282,7 +368,7 @@
              format: "yyyy-MM-dd",
              valueFormat: "yyyy-MM-dd HH:mm:ss",
              width: 150
            }, {
            },{
              label: "最后上传时间",
              prop: "heartbeat",
              type: "datetime",
@@ -364,6 +450,7 @@
          });
      },
      searchReset() {
        this.treeDeptId = null;
        this.query = {};
        this.onLoad(this.page);
      },
@@ -499,7 +586,25 @@
          }
        });

      }
      },handleStart(row) {
        var arr = [];
        this.$store.state.tags.tagList.forEach(item => {
          if (item.label != "视频") {
            arr.push(item);
          }
        });
        this.$store.state.tags.tagList = arr;
        this.$router.push({
          path: `/real/video/`,query:row
        });
      },handleMap(row) {
        this.showMap = true;
        this.$nextTick(() => {
          this.$refs.mapDiv.onload = () => {
            window.frames[0].init("equipment",{x: row.jd, y: row.wd});
          };
        })
      },
    }
  };
</script>