From becf4b68d07cc3248cba8c652768a8be41875410 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Thu, 18 Mar 2021 11:35:40 +0800
Subject: [PATCH] 部分弹框样式修改，省-区三级联动，部分接口调整
---
src/views/policeTracking/policeTracking.vue | 479 ++++++++++++++++++++++++++++++++++++++---------------------
1 files changed, 304 insertions(+), 175 deletions(-)
diff --git a/src/views/policeTracking/policeTracking.vue b/src/views/policeTracking/policeTracking.vue
index f338ba2..e6740f7 100644
--- a/src/views/policeTracking/policeTracking.vue
+++ b/src/views/policeTracking/policeTracking.vue
@@ -1,18 +1,26 @@
<template>
<el-row>
<el-col :span="12">
- <div style="background: #fff;height: 100%;">
+ <div style="background: #fff; height: 100%">
<el-card class="trackClass">
-
- <div style="margin-top: 20px;" role="tab" aria-expanded="true" aria-controls="el-collapse-content-823"
- aria-describedby="el-collapse-content-823">
- <div role="button" tabindex="0"
- class="el-collapse-item__header focusing is-active">
- <div class="avue-group__header avue-group"><i class="el-icon-message-solid avue-group__icon"></i>
- <h1 class="avue-group__title">警情信息</h1></div>
+ <div
+ style="margin-top: 20px"
+ role="tab"
+ aria-expanded="true"
+ aria-controls="el-collapse-content-823"
+ aria-describedby="el-collapse-content-823"
+ >
+ <div
+ role="button"
+ tabindex="0"
+ class="el-collapse-item__header focusing is-active"
+ >
+ <div class="avue-group__header avue-group">
+ <i class="el-icon-message-solid avue-group__icon"></i>
+ <h1 class="avue-group__title">警情信息</h1>
+ </div>
</div>
</div>
-
<el-form
:model="form"
@@ -20,130 +28,157 @@
size="mini"
class="policeForm"
label-width="100px"
- style="background: #fff; margin-top: 20px;margin-left: 10px; margin-right: 10px; height: calc(100% - 40px); width: calc(100% - 20px)"
+ 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-col span="12">
<el-form-item label="报警人姓名">
<el-input
disabled="true"
v-model="form.galarmPeople"
autocomplete="off"
></el-input>
- </el-form-item
- >
+ </el-form-item>
</el-col>
- <el-col span="12"
- >
+ <el-col span="12">
<el-form-item label="联系方式">
<el-input
disabled="true"
v-model="form.phoneNumber"
autocomplete="off"
></el-input>
- </el-form-item
- >
+ </el-form-item>
</el-col>
</el-row>
<el-row>
- <el-col span="12"
- >
+ <el-col span="12">
<el-form-item label="事发地址">
<el-input
disabled="true"
v-model="form.place"
autocomplete="off"
></el-input>
- </el-form-item
- >
+ </el-form-item>
</el-col>
- <el-col span="12"
- >
+ <el-col span="12">
<el-form-item label="设备编号">
<el-input
disabled="true"
v-model="form.deviceNumber"
autocomplete="off"
></el-input>
- </el-form-item
- >
+ </el-form-item>
</el-col>
-
</el-row>
<el-row>
- <el-col span="12"
- >
+ <el-col span="12">
<el-form-item label="报警时间">
<el-input
disabled="true"
v-model="form.galarmTime"
autocomplete="off"
></el-input>
- </el-form-item
- >
+ </el-form-item>
</el-col>
- <el-col span="12"
- >
+ <el-col span="12">
<el-form-item label="报警内容">
<el-input
disabled="true"
v-model="form.content"
autocomplete="off"
></el-input>
- </el-form-item
- >
+ </el-form-item>
</el-col>
</el-row>
<el-row>
- <el-col span="12"
- >
+ <el-col span="12">
<el-form-item label="处置时间">
<el-input
disabled="true"
v-model="form.czTime"
autocomplete="off"
></el-input>
- </el-form-item
- >
+ </el-form-item>
</el-col>
- <el-col span="12"
- >
+ <el-col span="12">
<el-form-item label="备注">
<el-input
disabled="true"
v-model="form.bz"
autocomplete="off"
></el-input>
- </el-form-item
- >
+ </el-form-item>
</el-col>
</el-row>
-
<el-row>
- <el-col span="12"
- >
+ <el-col span="12">
<el-form-item label="警情类型">
<el-input
disabled="true"
v-model="form.waringType"
autocomplete="off"
></el-input>
- </el-form-item
- >
+ </el-form-item>
+ </el-col>
+ <el-col span="12">
+ <el-form-item label="省份" class="cityClassParams">
+ <avue-form :option="itemOption" v-model="form"></avue-form>
+ </el-form-item>
</el-col>
</el-row>
</el-form>
- <div style="margin-top: 20px;" role="tab" aria-expanded="true" aria-controls="el-collapse-content-823"
- aria-describedby="el-collapse-content-823">
- <div role="button" tabindex="0"
- class="el-collapse-item__header focusing is-active">
- <div class="avue-group__header avue-group"><i class="el-icon-s-custom avue-group__icon"></i>
- <h1 class="avue-group__title">保安信息</h1></div>
+ <div
+ style="margin-top: 20px"
+ role="tab"
+ aria-expanded="true"
+ aria-controls="el-collapse-content-823"
+ aria-describedby="el-collapse-content-823"
+ >
+ <div
+ role="button"
+ tabindex="0"
+ class="el-collapse-item__header focusing is-active"
+ >
+ <div class="avue-group__header avue-group">
+ <i class="el-icon-document avue-group__icon"></i>
+ <h1 class="avue-group__title">接警信息</h1>
+ </div>
+ </div>
+ </div>
+
+ <el-card class="receiving-alarm-box">
+ <div v-for="(item, index) in receivingList" :key="index">
+ {{ item.zctime + " " + item.sname + " " + item.zc }}
+ </div>
+ </el-card>
+
+ <div
+ style="margin-top: 20px"
+ role="tab"
+ aria-expanded="true"
+ aria-controls="el-collapse-content-823"
+ aria-describedby="el-collapse-content-823"
+ >
+ <div
+ role="button"
+ tabindex="0"
+ class="el-collapse-item__header focusing is-active"
+ >
+ <div class="avue-group__header avue-group">
+ <i class="el-icon-s-custom avue-group__icon"></i>
+ <h1 class="avue-group__title">保安信息</h1>
+ </div>
</div>
</div>
@@ -152,102 +187,102 @@
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)"
+ 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-col span="12">
<el-form-item label="人员编号">
<el-input
disabled="true"
v-model="security.snumber"
autocomplete="off"
></el-input>
- </el-form-item
- >
+ </el-form-item>
</el-col>
- <el-col span="12"
- >
+ <el-col span="12">
<el-form-item label="人员名称">
<el-input
disabled="true"
v-model="security.sname"
autocomplete="off"
></el-input>
- </el-form-item
- >
+ </el-form-item>
</el-col>
</el-row>
<el-row>
- <el-col span="12"
- >
+ <el-col span="12">
<el-form-item label="性别">
<el-input
disabled="true"
v-model="security.sex"
autocomplete="off"
></el-input>
- </el-form-item
- >
+ </el-form-item>
</el-col>
- <el-col span="12"
- >
+ <el-col span="12">
<el-form-item label="年龄">
<el-input
disabled="true"
v-model="security.age"
autocomplete="off"
></el-input>
- </el-form-item
- >
+ </el-form-item>
</el-col>
</el-row>
<el-row>
- <el-col span="12"
- >
+ <el-col span="12">
<el-form-item label="联系电话">
<el-input
disabled="true"
v-model="security.phone"
autocomplete="off"
></el-input>
- </el-form-item
- >
+ </el-form-item>
</el-col>
- <el-col span="12"
- >
+ <el-col span="12">
<el-form-item label="家庭住址">
<el-input
disabled="true"
v-model="security.address"
autocomplete="off"
></el-input>
- </el-form-item
- >
+ </el-form-item>
</el-col>
</el-row>
</el-form>
<el-row :gutter="20">
<el-col :span="16">
- <div class="grid-content bg-purple">
-
- </div>
+ <div class="grid-content bg-purple"></div>
</el-col>
<el-col :span="8">
- <div class="grid-content bg-purple">
-
- </div>
+ <div class="grid-content bg-purple"></div>
</el-col>
</el-row>
<div class="demo-image__placeholder">
- <div role="tab" aria-expanded="true" aria-controls="el-collapse-content-823"
- aria-describedby="el-collapse-content-823">
- <div role="button" tabindex="0"
- class="el-collapse-item__header focusing is-active">
- <div class="avue-group__header avue-group"><i class="el-icon-s-order avue-group__icon"></i>
- <h1 class="avue-group__title">警情反馈</h1></div>
+ <div
+ role="tab"
+ aria-expanded="true"
+ aria-controls="el-collapse-content-823"
+ aria-describedby="el-collapse-content-823"
+ >
+ <div
+ role="button"
+ tabindex="0"
+ class="el-collapse-item__header focusing is-active"
+ >
+ <div class="avue-group__header avue-group">
+ <i class="el-icon-s-order avue-group__icon"></i>
+ <h1 class="avue-group__title">警情反馈</h1>
+ </div>
</div>
</div>
<el-input
@@ -258,31 +293,60 @@
></el-input>
<div class="block">
- <div style="margin-top: 20px;" role="tab" aria-expanded="true" aria-controls="el-collapse-content-823"
- aria-describedby="el-collapse-content-823">
- <div role="button" tabindex="0"
- class="el-collapse-item__header focusing is-active">
- <div class="avue-group__header avue-group"><i class="el-icon-camera-solid avue-group__icon"></i>
- <h1 class="avue-group__title">现场图片</h1></div>
+ <div
+ style="margin-top: 20px"
+ role="tab"
+ aria-expanded="true"
+ aria-controls="el-collapse-content-823"
+ aria-describedby="el-collapse-content-823"
+ >
+ <div
+ role="button"
+ tabindex="0"
+ class="el-collapse-item__header focusing is-active"
+ >
+ <div class="avue-group__header avue-group">
+ <i class="el-icon-camera-solid avue-group__icon"></i>
+ <h1 class="avue-group__title">现场图片</h1>
+ </div>
</div>
</div>
<div>
- <el-image :src="src" style="width: 150px;margin-left: 5px"></el-image>
- <el-image :src="src" style="width: 150px;margin-left: 5px"></el-image>
- <el-image :src="src" style="width: 150px;margin-left: 5px"></el-image>
+ <el-image
+ :src="src"
+ style="width: 150px; margin-left: 5px"
+ ></el-image>
+ <el-image
+ :src="src"
+ style="width: 150px; margin-left: 5px"
+ ></el-image>
+ <el-image
+ :src="src"
+ style="width: 150px; margin-left: 5px"
+ ></el-image>
</div>
</div>
<div class="block">
- <div style="margin-top: 20px;" role="tab" aria-expanded="true" aria-controls="el-collapse-content-823"
- aria-describedby="el-collapse-content-823">
- <div role="button" tabindex="0"
- class="el-collapse-item__header focusing is-active">
- <div class="avue-group__header avue-group"><i class="el-icon-video-camera-solid avue-group__icon"></i>
- <h1 class="avue-group__title">现场视频</h1></div>
+ <div
+ style="margin-top: 20px"
+ role="tab"
+ aria-expanded="true"
+ aria-controls="el-collapse-content-823"
+ aria-describedby="el-collapse-content-823"
+ >
+ <div
+ role="button"
+ tabindex="0"
+ class="el-collapse-item__header focusing is-active"
+ >
+ <div class="avue-group__header avue-group">
+ <i class="el-icon-video-camera-solid avue-group__icon"></i>
+ <h1 class="avue-group__title">现场视频</h1>
+ </div>
</div>
</div>
<div>
- <el-image :src="src" style="width: 150px;margin-left: 5px">
+ <el-image :src="src" style="width: 150px; margin-left: 5px">
<div slot="placeholder" class="image-slot">
加载中<span class="dot">...</span>
</div>
@@ -296,7 +360,6 @@
<el-button @click="onSubmit" type="danger">处理完成</el-button>
</el-col>
</el-row>
-
</el-card>
</div>
</el-col>
@@ -311,81 +374,147 @@
height="100%"
></iframe>
</el-col>
-
</el-row>
-
</template>
<script>
- import axios from "axios";
+import axios from "axios";
- export default {
- data() {
- return {
- selectOptions: [],
- security: {
- snumber: 20018,
- sname: "金同涛",
- sex: "男",
- age: 23,
- phone: 1387975426,
- address: "江西省南昌市西湖区",
- },
- src: 'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg',
- form: {},
- };
- }, created() {
- this.form = this.$route.query;
- }
- , methods: {
- onSubmit() {
- var newAxios = axios.create({
- baseURL: "https://web.byisf.com:18001",
- withCredentials: false,
- headers: {},
- });
-
- newAxios
- .post(
- "/api/blade-jfpts/jingdan/jingdan/updateInfo",
- {},
- {
- params: {
- id: this.form.id,
- handleP: this.form.handleP,
- handName: this.form.handName,
- handletype: this.form.handletype,
- type: "2",
- },
- }
- )
- .then((res) => {
- if (res.data.msg == "修改成功") {
- var arr = [];
- this.$store.state.tags.tagList.forEach((item) => {
- if (item.value != this.$store.state.tags.tag.value) {
- arr.push(item);
- }
- });
- this.$store.state.tags.tagList = arr;
- this.$router.go(-1);
- }
- });
+export default {
+ data() {
+ return {
+ selectOptions: [],
+ receivingList: [],
+ security: {
+ snumber: 20018,
+ sname: "金同涛",
+ sex: "男",
+ age: 23,
+ phone: 1387975426,
+ address: "江西省南昌市西湖区",
},
+ src:
+ "https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg",
+ form: {},
+ itemOption: {
+ menuBtn: false,
+ column: [
+ {
+ disabled: true,
+ row: false,
+ prop: "province",
+ type: "select",
+ placeholder: "省份",
+ props: {
+ label: "name",
+ value: "code",
+ },
+ cascaderItem: ["city", "district"],
+ dicUrl: "/api/blade-system/region/select",
+ span: 1,
+ labelWidth: "0",
+ className: "cityClassSelect",
+ },
+ {
+ disabled: true,
+ row: false,
+ prop: "city",
+ type: "select",
+ placeholder: "地市",
+ props: {
+ label: "name",
+ value: "code",
+ },
+ dicUrl: "/api/blade-system/region/select?code={{key}}",
+ span: 1,
+ labelWidth: "0",
+ className: "cityClassSelect",
+ },
+ {
+ disabled: true,
+ row: false,
+ prop: "district",
+ type: "select",
+ placeholder: "区县",
+ props: {
+ label: "name",
+ value: "code",
+ },
+ dicUrl: "/api/blade-system/region/select?code={{key}}",
+ span: 1,
+ labelWidth: "0",
+ className: "cityClassSelect",
+ },
+ ],
+ },
+ };
+ },
+ created() {
+ this.form = this.$route.query;
+ this.getReceivingAlarm();
+ },
+ methods: {
+ onSubmit() {
+ var newAxios = axios.create({
+ baseURL: "https://web.byisf.com:18001",
+ withCredentials: false,
+ headers: {},
+ });
+
+ newAxios
+ .post(
+ "/api/blade-jfpts/jingdan/jingdan/updateInfo",
+ {},
+ {
+ params: {
+ id: this.form.id,
+ handleP: this.form.handleP,
+ handName: this.form.handName,
+ handletype: this.form.handletype,
+ type: "2",
+ },
+ }
+ )
+ .then((res) => {
+ if (res.data.msg == "修改成功") {
+ var arr = [];
+ this.$store.state.tags.tagList.forEach((item) => {
+ if (item.value != this.$store.state.tags.tag.value) {
+ arr.push(item);
+ }
+ });
+ this.$store.state.tags.tagList = arr;
+ this.$router.go(-1);
+ }
+ });
},
- }
+
+ getReceivingAlarm() {
+ axios.get("/api/blade-jfpts/operation/list").then((res) => {
+ this.receivingList = res.data.data.records;
+ });
+ },
+ },
+};
</script>
-<style>
- .el-col {
- height: 95%;
+<style lang="scss">
+.el-col {
+ height: 95%;
+}
+
+.trackClass {
+ height: 100%;
+ overflow: auto;
+ overflow-x: hidden;
+}
+
+.receiving-alarm-box {
+ line-height: 32px !important;
+ height: 200px;
+ overflow-y: auto;
+ .el-card__body {
+ padding: 0 10px !important;
}
-
- .trackClass {
- height: 100%;
- overflow: auto;
- overflow-x: hidden;
- }
-
-
+}
</style>
--
Gitblit v1.9.3