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

zengh

2021-03-05 d38074494d9e14229dbed437e396013bd1862c10

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

 src/router/views/index.js

@@ -23,149 +23,162 @@
      import( /* webpackChunkName: "views" */ '@/views/wel/dashboard')
  }]
},
{
  path: '/distribution',
  component: Layout,
  redirect: '/distribution/index',
  children: [{
    path: 'index',
    name: '警情分发处置',
    meta: {
      i18n: 'distribution'
    },
    component: () =>
      import( /* webpackChunkName: "views" */ '@/views/distribution/index')
  }]
},
{
  path: '/test',
  component: Layout,
  redirect: '/test/index',
  children: [{
    path: 'index',
    name: '测试页',
    meta: {
      i18n: 'test'
    },
    component: () =>
      import( /* webpackChunkName: "views" */ '@/views/util/test')
  }]
}, {
  path: '/dict-horizontal',
  component: Layout,
  redirect: '/dict-horizontal/index',
  children: [{
    path: 'index',
    name: '字典管理',
    meta: {
      i18n: 'dict'
    },
    component: () =>
      import( /* webpackChunkName: "views" */ '@/views/util/demo/dict-horizontal')
  }]
}, {
  path: '/dict-vertical',
  component: Layout,
  redirect: '/dict-vertical/index',
  children: [{
    path: 'index',
    name: '字典管理',
    meta: {
      i18n: 'dict'
    },
    component: () =>
      import( /* webpackChunkName: "views" */ '@/views/util/demo/dict-vertical')
  }]
}, {
  path: '/info',
  component: Layout,
  redirect: '/info/index',
  children: [{
    path: 'index',
    name: '个人信息',
    meta: {
      i18n: 'info'
    },
    component: () =>
      import( /* webpackChunkName: "views" */ '@/views/system/userinfo')
  }]
}, {
  path: '/real',
  component: Layout,
  redirect: '/real/video',
  children: [{
    path: 'video',
    name: '视频',
    meta: {
      i18n: 'real'
    },
    component: () =>
      import( /* webpackChunkName: "views" */ '@/views/Video/video')
  }
    , {
    path: 'history/:historyId',
    name: '设备历史',
    meta: {
      i18n: 'real'
    },
    component: () =>
      import( /* webpackChunkName: "views" */ '@/views/realTimePolice/realHistory')
  }]
}, {
  path: '/work/process/leave',
  component: Layout,
  redirect: '/work/process/leave/form',
  children: [{
    path: 'form/:processDefinitionId',
    name: '请假流程',
    meta: {
      i18n: 'work'
    },
    component: () =>
      import( /* webpackChunkName: "views" */ '@/views/work/process/leave/form')
  {
    path: '/distribution',
    component: Layout,
    redirect: '/distribution/index',
    children: [{
      path: 'index',
      name: '警情分发处置',
      meta: {
        i18n: 'distribution'
      },
      component: () =>
        import( /* webpackChunkName: "views" */ '@/views/distribution/index')
    }]
  },
  {
    path: '/test',
    component: Layout,
    redirect: '/test/index',
    children: [{
      path: 'index',
      name: '测试页',
      meta: {
        i18n: 'test'
      },
      component: () =>
        import( /* webpackChunkName: "views" */ '@/views/util/test')
    }]
  }, {
    path: 'handle/:taskId/:processInstanceId/:businessId',
    name: '处理请假流程',
    meta: {
      i18n: 'work'
    },
    component: () =>
      import( /* webpackChunkName: "views" */ '@/views/work/process/leave/handle')
    path: '/dict-horizontal',
    component: Layout,
    redirect: '/dict-horizontal/index',
    children: [{
      path: 'index',
      name: '字典管理',
      meta: {
        i18n: 'dict'
      },
      component: () =>
        import( /* webpackChunkName: "views" */ '@/views/util/demo/dict-horizontal')
    }]
  }, {
    path: 'detail/:processInstanceId/:businessId',
    name: '请假流程详情',
    meta: {
      i18n: 'work'
    },
    component: () =>
      import( /* webpackChunkName: "views" */ '@/views/work/process/leave/detail')
    path: '/dict-vertical',
    component: Layout,
    redirect: '/dict-vertical/index',
    children: [{
      path: 'index',
      name: '字典管理',
      meta: {
        i18n: 'dict'
      },
      component: () =>
        import( /* webpackChunkName: "views" */ '@/views/util/demo/dict-vertical')
    }]
  }, {
    path: '/info',
    component: Layout,
    redirect: '/info/index',
    children: [{
      path: 'index',
      name: '个人信息',
      meta: {
        i18n: 'info'
      },
      component: () =>
        import( /* webpackChunkName: "views" */ '@/views/system/userinfo')
    }]
  }, {
    path: '/real',
    component: Layout,
    redirect: '/real/video',
    children: [{
      path: 'video',
      name: '视频',
      meta: {
        i18n: 'real'
      },
      component: () =>
        import( /* webpackChunkName: "views" */ '@/views/Video/video')
    }
      , {
        path: 'history/:historyId',
        name: '设备历史',
        meta: {
          i18n: 'real'
        },
        component: () =>
          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',
    children: [{
      path: 'form/:processDefinitionId',
      name: '请假流程',
      meta: {
        i18n: 'work'
      },
      component: () =>
        import( /* webpackChunkName: "views" */ '@/views/work/process/leave/form')
    }, {
      path: 'handle/:taskId/:processInstanceId/:businessId',
      name: '处理请假流程',
      meta: {
        i18n: 'work'
      },
      component: () =>
        import( /* webpackChunkName: "views" */ '@/views/work/process/leave/handle')
    }, {
      path: 'detail/:processInstanceId/:businessId',
      name: '请假流程详情',
      meta: {
        i18n: 'work'
      },
      component: () =>
        import( /* webpackChunkName: "views" */ '@/views/work/process/leave/detail')
    }]
  },
  {
    path: '/realTimePolice',
    component: Layout,
    redirect: '/realTimePolice/real',
    children: [{
      path: 'index',
      name: '实时报警',
      meta: {
        i18n: 'real'
      },
      component: () =>
        import( /* webpackChunkName: "views" */ '@/views/realTimePolice/real')
    }]
  },
  {
    path: '/clientManagement',
    component: Layout,
    redirect: '/clientManagement/clientManagement',
    children: [{
      path: 'index',
      name: '客户管理',
      meta: {
        i18n: 'clientManagement'
      },
      component: () =>
        import( /* webpackChunkName: "views" */ '@/views/clientManagement/clientManagement')
    }]
  }]
},
{
  path: '/realTimePolice',
  component: Layout,
  redirect: '/realTimePolice/real',
  children: [{
    path: 'index',
    name: '实时报警',
    meta: {
      i18n: 'real'
    },
    component: () =>
      import( /* webpackChunkName: "views" */ '@/views/realTimePolice/real')
  }]
},
{
  path: '/clientManagement',
  component: Layout,
  redirect: '/clientManagement/clientManagement',
  children: [{
    path: 'index',
    name: '客户管理',
    meta: {
      i18n: 'clientManagement'
    },
    component: () =>
      import( /* webpackChunkName: "views" */ '@/views/clientManagement/clientManagement')
  }]
}]

 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>