修改巡逻样式

shuishen

2021-03-11 08413f10a9b4833d0a00a3ee2a3ce629acc7bdd8

 src/views/security/security.vue

@@ -27,7 +27,39 @@
                   @click="handleDelete">删 除
        </el-button>
      </template>

      <template slot-scope="{ row }" slot="jtype">
        <el-tag>{{
          row.jtype == "0" ? "否" : row.jtype == "1" ? "是" : "无"
          }}
        </el-tag>
      </template>

      <template slot-scope="{ type, size, row }" slot="menu">
        <el-button
          icon="el-icon-location-outline"
          :size="size"
          :type="type"
          @click.stop="handleMap(row)"
        >定位
        </el-button>
      </template>
    </avue-crud>

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

@@ -41,6 +73,7 @@
        form: {},
        query: {},
        loading: true,
        showMap: false,
        page: {
          pageSize: 10,
          currentPage: 1,
@@ -198,6 +231,16 @@
            });
          });
      },
      handleMap(row) {
        debugger
        this.showMap = true;
        this.$nextTick(() => {
          this.$refs.mapDiv.onload = () => {
            window.frames[0].init(null,{x: row.jd, y: row.wd});

          };
        })
      },
      handleDelete() {
        if (this.selectionList.length === 0) {
          this.$message.warning("请选择至少一条数据");
@@ -267,4 +310,3 @@
    }
  };
</script>