警情追踪相关代码以及样式调整

zengh

2021-03-05 d38074494d9e14229dbed437e396013bd1862c10

警情追踪相关代码以及样式调整

 src/router/views/index.js

@@ -112,6 +112,19 @@
      import( /* webpackChunkName: "views" */ '@/views/realTimePolice/realHistory')
  }]
}, {
    path: '/policeTracking',
    component: Layout,
    redirect: '/policeTracking/track',
    children: [{
      path: 'track',
      name: '警情追踪',
      meta: {
        i18n: 'track'
      },
      component: () =>
        import( /* webpackChunkName: "views" */ '@/views/policeTracking/policeTracking')
    }]
  }, {
  path: '/work/process/leave',
  component: Layout,
  redirect: '/work/process/leave/form',

 src/views/clientManagement/clientManagement.vue

@@ -259,6 +259,7 @@
            {
              label: "设备类型",
              prop: "deviceType",
              width: 160,
              search: true,
              searchSpan: 3,
              searchLabelWidth: 80,

 src/views/policeInformationDistribution/index.vue

@@ -514,9 +514,7 @@
    },
    PoliceTracking(row){
      //警情追踪



      this.$router.push({ path: "/policeTracking/track", query: row });
    }
  }
};

 src/views/policeTracking/policeTracking.vue

New file
@@ -0,0 +1,194 @@
<template>
  <el-row>
    <el-col :span="12">
      <el-card class="trackClass">
        <span>警情信息</span>

        <el-form
          :model="form"
          label-position="right"
          size="mini"
          label-width="100px"
          style="background: #fff; margin-top: 20px;margin-left: 10px; margin-right: 10px; height: calc(100% - 40px); width: calc(100% - 20px)"
        >
          <el-row>
            <el-col span="12"
            >
              <el-form-item label="报警人姓名">
                <el-input
                  disabled="true"
                  v-model="form.galarmPeople"
                  autocomplete="off"
                ></el-input>
              </el-form-item
              >
            </el-col>
            <el-col span="12"
            >
              <el-form-item label="联系方式">
                <el-input
                  disabled="true"
                  v-model="form.phoneNumber"
                  autocomplete="off"
                ></el-input>
              </el-form-item
              >
            </el-col>
          </el-row>
          <el-row>
            <el-col span="12"
            >
              <el-form-item label="事发地址">
                <el-input
                  disabled="true"
                  v-model="form.place"
                  autocomplete="off"
                ></el-input>
              </el-form-item
              >
            </el-col>
            <el-col span="12"
            >
              <el-form-item label="行政区">
                <el-input
                  disabled="true"
                  v-model="form.addvnm"
                  autocomplete="off"
                ></el-input>
              </el-form-item
              >
            </el-col>
          </el-row>
          <el-row>
            <el-col span="12"
            >
              <el-form-item label="报警时间">
                <el-input
                  disabled="true"
                  v-model="form.galarmTime"
                  autocomplete="off"
                ></el-input>
              </el-form-item
              >
            </el-col>
            <el-col span="12"
            >
              <el-form-item label="报警内容">
                <el-input
                  disabled="true"
                  v-model="form.content"
                  autocomplete="off"
                ></el-input>
              </el-form-item
              >
            </el-col>
          </el-row>
          <el-row>
            <el-col span="12"
            >
              <el-form-item label="警情级别">
                <el-input
                  disabled="true"
                  v-model="form.level"
                  autocomplete="off"
                ></el-input>
              </el-form-item
              >
            </el-col>
            <el-col span="12"
            >
              <el-form-item label="警情类别">
                <el-input
                  disabled="true"
                  v-model="form.waringType"
                  autocomplete="off"
                ></el-input>
              </el-form-item
              >
            </el-col>
          </el-row>
          <el-row>
            <el-col span="12"
            >
              <el-form-item label="是否上报110">
                <el-input
                  disabled="true"
                  v-model="form.alarmPeople"
                  autocomplete="off"
                ></el-input>
              </el-form-item
              >
            </el-col>
            <el-col span="12"
            >
              <el-form-item label="设备编号">
                <el-input
                  disabled="true"
                  v-model="form.deviceNumber"
                  autocomplete="off"
                ></el-input>
              </el-form-item
              >
            </el-col>
          </el-row>
          <el-row :align="center">
            <el-col :offset="2">
              <el-form-item>
                <el-button type="success">保安位置</el-button>
                <el-button type="success">路径规划</el-button>
                <el-button type="warning">呼叫保安</el-button>
                <el-button type="danger">处理完成</el-button>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>


        <el-row>
          <span>拍照取证</span>

        </el-row>

      </el-card>

    </el-col>

    <el-col :span="12">
      <iframe
        id="mapDiv"
        ref="mapDiv"
        src="http://36.134.81.48:18001/map/index.html?openid=ClientManagement"
        frameborder="0"
        width="100%"
        height="100%"
      ></iframe>
    </el-col>

  </el-row>

</template>

<script>
  export default {
    data() {
      return {
        selectOptions: [],
        form: {},
      };
    },created() {
      this.form = this.$route.query;
    },
  }
</script>

<style>
  .el-col {
    height: 95%;
  }

  .trackClass {
    height: 100%;
  }


</style>