From 405eeb045cfecff07b80a33582033be6cc52ed33 Mon Sep 17 00:00:00 2001 From: zhanghua <314079846@qq.com> Date: 星期三, 14 十二月 2022 14:36:06 +0800 Subject: [PATCH] 样式修改 --- src/views/operate/management/myIndex/components/closure/index.vue | 2 src/views/operate/management/message/index.vue | 2 src/views/systemSetting/platform/cockpitManage/index.vue | 2 src/views/operate/myWait/index.vue | 2 src/views/operate/disposal/casepool/pool/index.vue | 4 src/components/illdetail/index.vue | 14 src/views/operate/disposal/casepool/learn/index.vue | 2 src/views/operate/viewEvent/components/illExamine/index.vue | 2 src/views/operate/disposal/casepool/notDeal/index.vue | 2 src/views/operate/disposal/casepool/notDeal/updateUser/index.vue | 2 src/views/operate/viewEvent/components/examine/index.vue | 2 src/views/operate/car/myIndex/update/index.vue | 2 src/views/operate/viewEvent/components/closure/index.vue | 2 src/views/operate/management/message/checkSms/index.vue | 2 src/views/operate/disposal/casepool/escalation/index.vue | 2 src/views/intelligentPatrol/studyJudge/index.vue | 175 +++++++------ src/views/operate/management/myIndex/components/examine/index.vue | 2 src/components/map/index.vue | 65 +++- src/views/operate/management/myIndex/components/illclosure/index.vue | 2 src/views/operate/viewEvent/components/illclosure/index.vue | 2 src/views/operate/disposal/casepool/dispatch/index.vue | 4 src/views/operate/disposal/casepool/learn/updateUser/index.vue | 2 src/components/detail/index.vue | 463 ++++++++++++++++++---------------- src/views/operate/management/myIndex/index.vue | 6 src/views/operate/management/myIndex/components/illExamine/index.vue | 2 25 files changed, 415 insertions(+), 352 deletions(-) diff --git a/src/components/detail/index.vue b/src/components/detail/index.vue index 14aeb40..d9a11e0 100644 --- a/src/components/detail/index.vue +++ b/src/components/detail/index.vue @@ -1,239 +1,264 @@ <template> - <div class="view"> - <div class="view-data"> - <div class="data-item"> - <div class="data-item__left"> - <label class="data-title"> - 闂绫诲瀷: - </label> - <span class="data-detail">{{ getCategoryLabel(baseCase.category) }}</span> - </div> - <div class="data-item__right"> - <label class="data-title"> - 澶х被鍚嶇О: - </label> - <span class="data-detail">{{baseCase.violationsVO.categoryText}}</span> - </div> - </div> - <div class="data-item"> - <div class="data-item__left"> - <label class="data-title"> - 灏忕被鍚嶇О: - </label> - <span class="data-detail">{{baseCase.violationsVO.typeText}}</span> - </div> - <div class="data-item__right"> - <label class="data-title"> - 浜嬩欢绛夌骇: - </label> - <span class="data-detail">{{baseCase.violationsVO.gradeText}}</span> - </div> - </div> - <div class="data-item"> - <div class="data-item__left"> - <label class="data-title"> - 妗堢敱: - </label> - <span class="data-detail">{{baseCase.violationsVO.actionCause}}</span> - </div> - </div> - <div class="data-item"> - <div class="data-item__left"> - <label class="data-title"> - 鎵�灞炶閬�: - </label> - <span class="data-detail">{{baseCase.streetText}}</span> - </div> - <div class="data-item__right"> - <label class="data-title"> - 鎵�灞炵ぞ鍖�: - </label> - <span class="data-detail">{{baseCase.communityText}}</span> - </div> - </div> - <div class="data-item"> - <div class="data-item__left"> - <label class="data-title"> - 浜嬪彂鍦扮偣: - </label> - <span class="data-detail">{{baseCase.site}}</span> - </div> - </div> - <div class="data-item"> - <div class="data-item__left"> - <label class="data-title"> - 鍏宠仈鍟嗛摵鍚嶇О: - </label> - <span class="data-detail">{{baseCase.violationsVO.shopName}}</span> - </div> - </div> - <div class="data-item"> - <div class="data-item__left"> - <label class="data-title"> - 闂鎻忚堪: - </label> - <span class="data-detail">{{baseCase.violationsVO.description}}</span> - </div> - </div> - <div class="data-user"> - <div class="data-item"> - <div class="data-item__left"> - <label class="data-title"> - 鍙嶆槧浜�: - </label> - <span class="data-detail">{{baseCase.violationsVO.informant}}</span> - </div> - <div class="data-item__right"> - <label class="data-title"> - 鑱旂郴鏂瑰紡: - </label> - <span class="data-detail">{{baseCase.violationsVO.informantPhoneCode}}</span> - </div> - </div> - <div class="data-item"> - <div class="data-item__left"> - <label class="data-title"> - 韬唤璇佸彿: - </label> - <span class="data-detail">{{baseCase.violationsVO.informantIdCard}}</span> - </div> - </div> - </div> + <div class="view"> + <div class="view-data"> + <div class="data-item"> + <div class="data-item__left"> + <label class="data-title"> 闂绫诲瀷: </label> + <span class="data-detail">{{ + getCategoryLabel(baseCase.category) + }}</span> </div> - <div class="view-process"> - <div class="process-header"> - <div class="process-title-item" v-for="item in titleList" :key="item.title" - @click="changeComponent(item.index)"> - <div :class="['process-title',activeIndex===item.index ? 'title-active' : '' ]">{{item.title}}</div> - <div :class="['under-line',activeIndex===item.index ? 'line-active' : '' ]"></div> - </div> - </div> - <div class="show-item"> - <div class="show-wrap"> - <MyProcess v-if="activeIndex === 1" :handlePassVo="handlePassVo" :baseCase="baseCase"></MyProcess> - <MyFilePicture v-else-if="activeIndex === 2" :filesPictureVo="filesPictureVo" :mycode='mycode'></MyFilePicture> - <MySovleProblem v-else-if="activeIndex === 3" :baseCase="baseCase" :handlePassVo="handlePassVo"></MySovleProblem> - <MyScene v-else :currentSitVo="currentSitVo" :baseCase="baseCase"></MyScene> - </div> - </div> + <div class="data-item__right"> + <label class="data-title"> 澶х被鍚嶇О: </label> + <span class="data-detail">{{ + baseCase.violationsVO.categoryText + }}</span> </div> + </div> + <div class="data-item"> + <div class="data-item__left"> + <label class="data-title"> 灏忕被鍚嶇О: </label> + <span class="data-detail">{{ baseCase.violationsVO.typeText }}</span> + </div> + <div class="data-item__right"> + <label class="data-title"> 浜嬩欢绛夌骇: </label> + <span class="data-detail">{{ baseCase.violationsVO.gradeText }}</span> + </div> + </div> + <div class="data-item"> + <div class="data-item__left"> + <label class="data-title"> 妗堢敱: </label> + <span class="data-detail">{{ + baseCase.violationsVO.actionCause + }}</span> + </div> + </div> + <div class="data-item"> + <div class="data-item__left"> + <label class="data-title"> 鎵�灞炶閬�: </label> + <span class="data-detail">{{ baseCase.streetText }}</span> + </div> + <div class="data-item__right"> + <label class="data-title"> 鎵�灞炵ぞ鍖�: </label> + <span class="data-detail">{{ baseCase.communityText }}</span> + </div> + </div> + <div class="data-item"> + <div class="data-item__left"> + <label class="data-title"> 浜嬪彂鍦扮偣: </label> + <span class="data-detail">{{ baseCase.site }}</span> + </div> + </div> + <div class="data-item"> + <div class="data-item__left"> + <label class="data-title"> 鍏宠仈鍟嗛摵鍚嶇О: </label> + <span class="data-detail">{{ baseCase.violationsVO.shopName }}</span> + </div> + </div> + <div class="data-item"> + <div class="data-item__left"> + <label class="data-title"> 闂鎻忚堪: </label> + <span class="data-detail">{{ + baseCase.violationsVO.description + }}</span> + </div> + </div> + <div class="data-user"> + <div class="data-item"> + <div class="data-item__left"> + <label class="data-title"> 鍙嶆槧浜�: </label> + <span class="data-detail">{{ + baseCase.violationsVO.informant + }}</span> + </div> + <div class="data-item__right"> + <label class="data-title"> 鑱旂郴鏂瑰紡: </label> + <span class="data-detail">{{ + baseCase.violationsVO.informantPhoneCode + }}</span> + </div> + </div> + <div class="data-item"> + <div class="data-item__left"> + <label class="data-title"> 韬唤璇佸彿: </label> + <span class="data-detail">{{ + baseCase.violationsVO.informantIdCard + }}</span> + </div> + </div> + </div> </div> + <div class="view-process"> + <div class="process-header"> + <div + class="process-title-item" + v-for="item in titleList" + :key="item.title" + @click="changeComponent(item.index)" + > + <div + :class="[ + 'process-title', + activeIndex === item.index ? 'title-active' : '', + ]" + > + {{ item.title }} + </div> + <div + :class="[ + 'under-line', + activeIndex === item.index ? 'line-active' : '', + ]" + ></div> + </div> + </div> + <div class="show-item"> + <div class="show-wrap"> + <MyProcess + v-if="activeIndex === 1" + :handlePassVo="handlePassVo" + :baseCase="baseCase" + ></MyProcess> + <MyFilePicture + v-else-if="activeIndex === 2" + :filesPictureVo="filesPictureVo" + :mycode="mycode" + ></MyFilePicture> + <MySovleProblem + v-else-if="activeIndex === 3" + :baseCase="baseCase" + :handlePassVo="handlePassVo" + ></MySovleProblem> + <MyScene + v-else + :currentSitVo="currentSitVo" + :baseCase="baseCase" + ></MyScene> + </div> + </div> + </div> + </div> </template> <script> -import MyProcess from '@/components/process' -import MyFilePicture from '@/components/filePictrue' -import MySovleProblem from '@/components/solveProblem' -import MyScene from '@/components/scene' +import MyProcess from "@/components/process"; +import MyFilePicture from "@/components/filePictrue"; +import MySovleProblem from "@/components/solveProblem"; +import MyScene from "@/components/scene"; import { CATEGOTY } from "@/utils/helper"; export default { - components: { - MyProcess, MyFilePicture, MySovleProblem, MyScene - }, - data() { - return { - myInfo: { - - }, - activeIndex: 1, - titleList: [ - { - title: '鍔炵悊缁忚繃', - index: 1, - }, - { - title: '妗堝嵎鍥剧墖', - index: 2, - }, - { - title: '闂澶勭悊', - index: 3, - }, - { - title: '鐜板満鎯呭喌', - index: 4, - }, - ], - baseCase:{}, - handlePassVo:{}, - currentSitVo:{}, - filesPictureVo:{} - - } - }, - created() { - this.baseCase = this.info.baseCase; - this.handlePassVo = this.info.handlePassVo; - this.currentSitVo = this.info.currentSitVo; - this.filesPictureVo = this.info.filesPictureVo; - }, - methods: { - changeComponent(index) { - this.activeIndex = index; + components: { + MyProcess, + MyFilePicture, + MySovleProblem, + MyScene, + }, + data() { + return { + myInfo: {}, + activeIndex: 1, + titleList: [ + { + title: "鍔炵悊缁忚繃", + index: 1, }, - getCategoryLabel(category) { - return CATEGOTY.find(item => item.value === category).label; - } + { + title: "妗堝嵎鍥剧墖", + index: 2, + }, + { + title: "闂澶勭悊", + index: 3, + }, + { + title: "鐜板満鎯呭喌", + index: 4, + }, + ], + baseCase: {}, + handlePassVo: {}, + currentSitVo: {}, + filesPictureVo: {}, + }; + }, + created() { + this.baseCase = this.info.baseCase; + this.handlePassVo = this.info.handlePassVo; + this.currentSitVo = this.info.currentSitVo; + this.filesPictureVo = this.info.filesPictureVo; + }, + methods: { + changeComponent(index) { + this.activeIndex = index; }, - props: ['info','mycode'] -} + getCategoryLabel(category) { + return CATEGOTY.find((item) => item.value === category).label; + }, + }, + props: ["info", "mycode"], +}; </script> <style lang="scss" scoped> .view { - display: flex; - padding: 20px; + display: flex; + padding: 20px; - .view-data { - color: #4b9bb7; - flex: 4; - padding: 0 30px 0 20px; - - .data-item { - display: flex; - justify-content: space-between; - line-height: 40px; - } - - border: 1px solid #17324c; + .view-data { + color: #4b9bb7; + // flex: 4; + padding: 0 30px 0 20px; + width: 480px; + .data-item { + display: flex; + justify-content: space-between; + line-height: 40px; } - .view-process { - flex: 6; - margin-left: 20px; - - .process-header { - display: flex; - line-height: 40px; - - .process-title-item { - width: 120px; - text-align: center; - - .under-line { - height: 2px; - width: 100%; - } - - .title-active { - color: #4b9bb7; - } - - .line-active { - background-color: #4b9bb7; - border-radius: 20px; - } - } - } - - .show-item { - overflow: hidden; - height: 600px; - position: relative; - .show-wrap{ - overflow: scroll; - height: 600px; - } - } + border: 1px solid #17324c; + .data-detail { + line-height: 1.8; + max-width: 240px; + display: inline-grid; } + } + + .view-process { + flex: 6; + margin-left: 20px; + + .process-header { + display: flex; + line-height: 40px; + + .process-title-item { + width: 120px; + text-align: center; + + .under-line { + height: 2px; + width: 100%; + } + + .title-active { + color: #4b9bb7; + } + + .line-active { + background-color: #4b9bb7; + border-radius: 20px; + } + } + } + + .show-item { + overflow: hidden; + height: 600px; + position: relative; + .show-wrap { + overflow: auto; + height: 600px; + } + } + } } </style> \ No newline at end of file diff --git a/src/components/illdetail/index.vue b/src/components/illdetail/index.vue index fee547e..fc24c26 100644 --- a/src/components/illdetail/index.vue +++ b/src/components/illdetail/index.vue @@ -130,7 +130,7 @@ <MyFilePicture v-else-if="activeIndex === 2" :filesPictureVo="filesPictureVo" - :mycode='mycode' + :mycode="mycode" ></MyFilePicture> <MySovleProblem v-else-if="activeIndex === 3" @@ -198,10 +198,10 @@ }, methods: { changeComponent(index) { - this.activeIndex = index; + this.activeIndex = index; }, }, - props: ["info","mycode"], + props: ["info", "mycode"], }; </script> <style lang="scss" scoped> @@ -222,6 +222,12 @@ display: flex; // justify-content: space-between; line-height: 20px; + + .data-detail { + line-height: 1.8; + max-width: 240px; + display: inline-grid; + } } border: 1px solid #17324c; @@ -268,7 +274,7 @@ height: 600px; position: relative; .show-wrap { - overflow: scroll; + overflow: auto; height: 600px; } } diff --git a/src/components/map/index.vue b/src/components/map/index.vue index 3f4d905..34e89bf 100644 --- a/src/components/map/index.vue +++ b/src/components/map/index.vue @@ -1,33 +1,54 @@ <template> - <div id="container"></div> + <div id="container"></div> </template> <script> import AMapLoader from "@amap/amap-jsapi-loader"; export default { - data() { - return { - map: null, - } - }, - mounted() { - AMapLoader.load({ - key: "091ade377d4db40f68cc78cb9658ce8d", // 鐢宠濂界殑Web绔紑鍙戣�匥ey锛岄娆¤皟鐢� load 鏃跺繀濉� - version: "2.0", // 鎸囧畾瑕佸姞杞界殑 JSAPI 鐨勭増鏈紝缂虹渷鏃堕粯璁や负 1.4.15 - plugins: [], // 闇�瑕佷娇鐢ㄧ殑鐨勬彃浠跺垪琛紝濡傛瘮渚嬪昂'AMap.Scale'绛� - }) - .then((AMap) => { - this.map = new AMap.Map("container"); - this.map.setZoomAndCenter(15,['119.27179890', '28.59027084']); - }) - .catch((e) => { - console.log(e); - }); + data() { + return { + map: null, + }; + }, + created() { + debugger; + if (!this.point) { + this.point = { x: "119.27179890", y: "28.59027084" }; } -} + if (!this.zoom) { + this.zoom = 15; + } + }, + mounted() { + AMapLoader.load({ + key: "091ade377d4db40f68cc78cb9658ce8d", // 鐢宠濂界殑Web绔紑鍙戣�匥ey锛岄娆¤皟鐢� load 鏃跺繀濉� + version: "2.0", // 鎸囧畾瑕佸姞杞界殑 JSAPI 鐨勭増鏈紝缂虹渷鏃堕粯璁や负 1.4.15 + plugins: [], // 闇�瑕佷娇鐢ㄧ殑鐨勬彃浠跺垪琛紝濡傛瘮渚嬪昂'AMap.Scale'绛� + }) + .then((AMap) => { + this.map = new AMap.Map("container"); + this.map.setZoomAndCenter(this.zoom, [this.point.x, this.point.y]); + if (this.mark) { + // 鍒涘缓涓�涓� Marker 瀹炰緥锛� + var marker = new AMap.Marker({ + position: new AMap.LngLat(this.point.x, this.point.y), // 缁忕含搴﹀璞★紝涔熷彲浠ユ槸缁忕含搴︽瀯鎴愮殑涓�缁存暟缁刐116.39, 39.9] + title: this.mark.title, + }); + + // 灏嗗垱寤虹殑鐐规爣璁版坊鍔犲埌宸叉湁鐨勫湴鍥惧疄渚嬶細 + this.map.add(marker); + } + }) + .catch((e) => { + console.log(e); + }); + }, + + props: ["point", "zoom", "mark"], +}; </script> <style lang="scss" scoped> #container { - width: 100%; - height: 100%; + width: 100%; + height: 100%; } </style> \ No newline at end of file diff --git a/src/views/intelligentPatrol/studyJudge/index.vue b/src/views/intelligentPatrol/studyJudge/index.vue index e19e9d6..70710da 100644 --- a/src/views/intelligentPatrol/studyJudge/index.vue +++ b/src/views/intelligentPatrol/studyJudge/index.vue @@ -2,9 +2,10 @@ <div class="study-judge"> <div class="study-judge-header"> <span - >鎮ㄦ湁<span @click="openDialogTable">{{ countData.review }}</span>鏉″緟瀹℃牳鎶ヨ淇℃伅,浠婃棩绔嬫{{ - countData.register - }}鏉�,鍐嶅涔爗{ countData.study }}鏉�</span + >鎮ㄦ湁<span @click="openDialogTable">{{ countData.review }}</span + >鏉″緟瀹℃牳鎶ヨ淇℃伅,浠婃棩绔嬫{{ countData.register }}鏉�,鍐嶅涔爗{ + countData.study + }}鏉�</span > </div> <div class="study-judge-main"> @@ -16,37 +17,39 @@ </div> <div class="sjm-header-right"> <el-button size="small" @click="createVideo(currentEvent, 'live')" - >瀹炴椂棰勮 - </el-button - > + >瀹炴椂棰勮 + </el-button> <el-button size="small" @click="createVideo(currentEvent, 'playback')" - >褰曞儚鍥炴斁 - </el-button - > + >褰曞儚鍥炴斁 + </el-button> </div> </div> <div class="sjm-content"> <div class="sjm-content-left"> <div - class="img-item" - v-for="(item, index) in imageList" - :key="item.id" + class="img-item" + v-for="(item, index) in imageList" + :key="item.id" > <span>鎶ヨ鍥剧墖</span> - <img :src="item"/> + <img :src="item" /> <span v-if="index === 0" - >鎶ヨ鏃堕棿锛歿{ currentEvent.alarmTime }}</span + >鎶ヨ鏃堕棿锛歿{ currentEvent.alarmTime }}</span > </div> <div class="img-item" v-for="item in imageList" :key="item.id"> - <img :src="item"/> + <img :src="item" /> </div> </div> <div class="sjm-content-center"> <div class="map"> - <MyMap></MyMap> + <MyMap :point="point" :zoom="zoom" :mark="mark"></MyMap> + + <!-- <iframe + style="height: 488px; min-width: 460px" + src="https://183.245.159.161:8282/OneMap/index.html#/OneMap?code=2&clientVersion=&skin=white&locale=zh&otherAuthor=allowable" + ></iframe> --> </div> - <!-- <iframe src="https://183.245.159.161:8282/OneMap/index.html#/OneMap?code=2&clientVersion=&skin=white&locale=zh&otherAuthor=allowable"></iframe> --> </div> <div class="sjm-content-right"> <div class="card-box"> @@ -54,10 +57,10 @@ <span>鎶ヨ璁板綍--{{ currentEvent.algoName }}</span> </div> <el-form - ref="currentEvent" - label-width="120px" - :model="eventInfoData" - :rules="rules" + ref="currentEvent" + label-width="120px" + :model="eventInfoData" + :rules="rules" > <el-form-item label="浜嬩欢缂栧彿:"> <span>{{ currentEvent.code }}</span> @@ -76,86 +79,83 @@ </el-form-item> <el-form-item label="鍏宠仈搴楅摵" prop="store"> <el-select - v-model="eventInfoData.store" - clearable - @change="selectStoreChange" - placeholder="璇烽�夋嫨鍏宠仈搴楅摵" + v-model="eventInfoData.store" + clearable + @change="selectStoreChange" + placeholder="璇烽�夋嫨鍏宠仈搴楅摵" > <el-option - v-for="store in storeList" - :value="store.id" - :label="store.storeName" - :key="store.id" + v-for="store in storeList" + :value="store.id" + :label="store.storeName" + :key="store.id" /> </el-select> </el-form-item> <el-form-item v-if="eventInfoData.store" label="搴楅摵寰楀垎:"> <span>{{ - selectStoreChange(eventInfoData.store).storeScore - }}</span> + selectStoreChange(eventInfoData.store).storeScore + }}</span> </el-form-item> <el-form-item label="澶勭悊鎰忚:" prop="state"> <el-radio-group v-model="eventInfoData.state"> <el-radio - :label="item.id" - v-for="item in stateList" - :key="item.id" - >{{ item.label }} - </el-radio - > + :label="item.id" + v-for="item in stateList" + :key="item.id" + >{{ item.label }} + </el-radio> </el-radio-group> </el-form-item> <el-form-item label="澶х被鍚嶇О:" prop="categoryId"> <el-select - v-model="eventInfoData.categoryId" - placeholder="璇烽�夋嫨澶х被鍚嶇О" - @change="categoryChange" + v-model="eventInfoData.categoryId" + placeholder="璇烽�夋嫨澶х被鍚嶇О" + @change="categoryChange" > <el-option - v-for="category in categoryOptions" - :key="category.id" - :value="category.id" - :label="category.name" + v-for="category in categoryOptions" + :key="category.id" + :value="category.id" + :label="category.name" /> </el-select> </el-form-item> <el-form-item label="灏忕被鍚嶇О:" prop="typeId"> <el-select - v-model="eventInfoData.typeId" - placeholder="璇烽�夋嫨灏忕被鍚嶇О" + v-model="eventInfoData.typeId" + placeholder="璇烽�夋嫨灏忕被鍚嶇О" > <el-option - v-for="type in typeOptions" - :key="type.id" - :value="type.id" - :label="type.name" + v-for="type in typeOptions" + :key="type.id" + :value="type.id" + :label="type.name" /> </el-select> </el-form-item> <el-form-item label="杞︾墝鍙�:" prop="carNumber"> <el-input - v-model="eventInfoData.carNumber" - placeholder="璇峰~鍐欒溅鐗屽彿鐮�" + v-model="eventInfoData.carNumber" + placeholder="璇峰~鍐欒溅鐗屽彿鐮�" ></el-input> </el-form-item> <el-form-item label="澶囨敞:" prop="description"> <el-input - type="textarea" - :rows="5" - v-model="eventInfoData.description" + type="textarea" + :rows="5" + v-model="eventInfoData.description" ></el-input> </el-form-item> <el-form-item> <el-button - :disabled="currentPage === 1" - @click="pageChange('prev')" - >涓婁竴鏉� - </el-button - > + :disabled="currentPage === 1" + @click="pageChange('prev')" + >涓婁竴鏉� + </el-button> <el-button @click.native.prevent="handleConfirm" - >纭 - </el-button - > + >纭 + </el-button> <el-button @click="pageChange('next')">涓嬩竴鏉�</el-button> </el-form-item> </el-form> @@ -165,25 +165,25 @@ </div> <el-dialog :visible="isShowDialog" title="璋冨害淇℃伅"> <MyDispatch - v-if="isShowDialog" - :mytype="1" - @getDispatchData="confirmInspection" - :isGetData="true" - @changeDialog="closeDialog" + v-if="isShowDialog" + :mytype="1" + @getDispatchData="confirmInspection" + :isGetData="true" + @changeDialog="closeDialog" ></MyDispatch> </el-dialog> <el-dialog - :visible.sync="dialogCreate" - title="鏌ョ湅瑙嗛" - v-show="dialogCreate" - :before-close="handleClose2" + :visible.sync="dialogCreate" + title="鏌ョ湅瑙嗛" + v-show="dialogCreate" + :before-close="handleClose2" > <div class="dom" style="width: 100%; height: 600px; position: relative"> <div id="dom1" class="dom1"></div> </div> </el-dialog> <el-dialog :visible.sync="isShowTable" title="鎶ヨ淇℃伅" width="1200px"> - <inspection-table/> + <inspection-table /> </el-dialog> </div> </template> @@ -200,7 +200,7 @@ import MyMap from "@/components/map"; export default { - components: { MyDispatch, MyMap ,InspectionTable}, + components: { MyDispatch, MyMap, InspectionTable }, created() { this.getInspectionData(); this.initEventParams(); @@ -251,13 +251,13 @@ } }; return { - timer:null, + timer: null, countData: { study: 0, review: 0, register: 0, }, - isShowTable: true, + isShowTable: false, currentEvent: {}, stateList: [ { @@ -323,11 +323,14 @@ domId: "dom1", ctrl: "ctrl1", playType: "live", + point: null, + mark: null, + zoom: null, }; }, methods: { - openDialogTable(){ - this.isShowTable = true + openDialogTable() { + this.isShowTable = true; }, pageChange(type) { if (type === "next") { @@ -343,6 +346,12 @@ .getInspectionData({ current: this.currentPage }) .then(({ records }) => { this.currentEvent = records[0]; + this.point = { + x: this.currentEvent.longitude, + y: this.currentEvent.latitude, + }; + this.zoom = 19; + this.mark = { title: this.currentEvent.address }; if (this.currentEvent?.picData) { this.imageList = this.currentEvent.picData .split(",") @@ -587,7 +596,7 @@ beforeDestroy() { clearInterval(this.timer); this.timer = null; - } + }, }; </script> @@ -616,7 +625,6 @@ margin-left: 4vw; } } - .sjm-header-right { flex: 1; display: flex; @@ -651,6 +659,9 @@ } } + .sjm-content-center { + width: calc(100% - 800px); + } .sjm-content-right { .card-box { .card-header { @@ -664,7 +675,7 @@ .el-form { ::v-deep .el-form-item { - margin-bottom: 5px; + margin-bottom: 15px; } ::v-deep .el-form-item__label { @@ -678,7 +689,7 @@ } .map { - height: 488px; + height: 100%; min-width: 460px; } </style> diff --git a/src/views/operate/car/myIndex/update/index.vue b/src/views/operate/car/myIndex/update/index.vue index 47a6bad..6101d4d 100644 --- a/src/views/operate/car/myIndex/update/index.vue +++ b/src/views/operate/car/myIndex/update/index.vue @@ -225,7 +225,7 @@ height: 600px; position: relative; .show-wrap{ - overflow: scroll; + overflow: auto; height: 600px; } } diff --git a/src/views/operate/disposal/casepool/dispatch/index.vue b/src/views/operate/disposal/casepool/dispatch/index.vue index 140c2af..3bf13ff 100644 --- a/src/views/operate/disposal/casepool/dispatch/index.vue +++ b/src/views/operate/disposal/casepool/dispatch/index.vue @@ -79,13 +79,13 @@ </el-table-column> </el-table> <!-- 璇︽儏椤靛睍绀� --> - <el-dialog :visible.sync="dialogView" width="80%" title="鍩虹淇℃伅(浜哄伐)" v-if="dialogView" + <el-dialog :visible.sync="dialogView" title="鍩虹淇℃伅(浜哄伐)" v-if="dialogView" :before-close="handleClose"> <MyDetail :info=info v-if="mystatus===1"></MyDetail> <MyIllDetail :info=info v-else></MyIllDetail> </el-dialog> <!-- 涓婁紶椤甸潰 --> - <el-dialog :visible.sync="dialogUpload" width="80%" title="涓婁紶澶勭疆缁撴灉" v-if="dialogUpload" + <el-dialog :visible.sync="dialogUpload" title="涓婁紶澶勭疆缁撴灉" v-if="dialogUpload" :before-close="handleClose"> <uploadVio v-if="mystatus === 1" :imageResourceId="imageResourceId" :caseId="caseId" :mycode="caseCode" :vioData="vioData" @closeDialog="closeDialog"></uploadVio> <uploadIll v-else :caseId="caseId" :mycode="caseCode" @closeDialog="closeDialog" :illData="illData"></uploadIll> diff --git a/src/views/operate/disposal/casepool/escalation/index.vue b/src/views/operate/disposal/casepool/escalation/index.vue index 177901f..6008cac 100644 --- a/src/views/operate/disposal/casepool/escalation/index.vue +++ b/src/views/operate/disposal/casepool/escalation/index.vue @@ -73,7 +73,7 @@ <!-- 璇︽儏椤靛睍绀� --> <el-dialog :visible.sync="dialogView" - width="80%" + width="60%" title="鍩虹淇℃伅(浜哄伐)" v-if="dialogView" :before-close="handleClose" diff --git a/src/views/operate/disposal/casepool/learn/index.vue b/src/views/operate/disposal/casepool/learn/index.vue index ecabb3f..dabb9ec 100644 --- a/src/views/operate/disposal/casepool/learn/index.vue +++ b/src/views/operate/disposal/casepool/learn/index.vue @@ -77,7 +77,7 @@ </el-table-column> </el-table> <!-- 璇︽儏椤靛睍绀� --> - <el-dialog :visible.sync="dialogView" width="80%" title="鍩虹淇℃伅(浜哄伐)" v-if="dialogView" + <el-dialog :visible.sync="dialogView" width="60%" title="鍩虹淇℃伅(浜哄伐)" v-if="dialogView" :before-close="handleClose"> <MyDetail :info=info v-if="mystatus === 1"></MyDetail> <MyIllDetail :info=info v-else></MyIllDetail> diff --git a/src/views/operate/disposal/casepool/learn/updateUser/index.vue b/src/views/operate/disposal/casepool/learn/updateUser/index.vue index 47a6bad..6101d4d 100644 --- a/src/views/operate/disposal/casepool/learn/updateUser/index.vue +++ b/src/views/operate/disposal/casepool/learn/updateUser/index.vue @@ -225,7 +225,7 @@ height: 600px; position: relative; .show-wrap{ - overflow: scroll; + overflow: auto; height: 600px; } } diff --git a/src/views/operate/disposal/casepool/notDeal/index.vue b/src/views/operate/disposal/casepool/notDeal/index.vue index 9267ef7..5f7d058 100644 --- a/src/views/operate/disposal/casepool/notDeal/index.vue +++ b/src/views/operate/disposal/casepool/notDeal/index.vue @@ -70,7 +70,7 @@ </el-table-column> </el-table> <!-- 璇︽儏椤靛睍绀� --> - <el-dialog :visible.sync="dialogView" width="80%" title="鍩虹淇℃伅(浜哄伐)" v-if="dialogView" + <el-dialog :visible.sync="dialogView" width="60%" title="鍩虹淇℃伅(浜哄伐)" v-if="dialogView" :before-close="handleClose"> <MyDetail :info=info v-if="mystatus===1"></MyDetail> <MyIllDetail :info=info v-else></MyIllDetail> diff --git a/src/views/operate/disposal/casepool/notDeal/updateUser/index.vue b/src/views/operate/disposal/casepool/notDeal/updateUser/index.vue index 47a6bad..6101d4d 100644 --- a/src/views/operate/disposal/casepool/notDeal/updateUser/index.vue +++ b/src/views/operate/disposal/casepool/notDeal/updateUser/index.vue @@ -225,7 +225,7 @@ height: 600px; position: relative; .show-wrap{ - overflow: scroll; + overflow: auto; height: 600px; } } diff --git a/src/views/operate/disposal/casepool/pool/index.vue b/src/views/operate/disposal/casepool/pool/index.vue index 0d6e672..450a4a7 100644 --- a/src/views/operate/disposal/casepool/pool/index.vue +++ b/src/views/operate/disposal/casepool/pool/index.vue @@ -105,13 +105,13 @@ </el-table-column> </el-table> <!-- 璇︽儏椤靛睍绀� --> - <el-dialog :visible.sync="dialogView" width="80%" title="鍩虹淇℃伅(浜哄伐)" v-if="dialogView" + <el-dialog :visible.sync="dialogView" width="60%" title="鍩虹淇℃伅(浜哄伐)" v-if="dialogView" :before-close="handleClose"> <MyDetail :info=info v-if="mystatus === 1"></MyDetail> <MyIllDetail :info=info v-else></MyIllDetail> </el-dialog> <!-- 璋冨害 --> - <el-dialog :visible.sync="dialogDispatch" width="80%" title="璋冨害淇℃伅" v-if="dialogDispatch" + <el-dialog :visible.sync="dialogDispatch" width="60%" title="璋冨害淇℃伅" v-if="dialogDispatch" :before-close="handleClose"> <MyDispatch :id="baseId" :mytype="mystatus" @changeDialog="changeDialog" :refresh="getUserList"> </MyDispatch> diff --git a/src/views/operate/management/message/checkSms/index.vue b/src/views/operate/management/message/checkSms/index.vue index 188c115..d5568e0 100644 --- a/src/views/operate/management/message/checkSms/index.vue +++ b/src/views/operate/management/message/checkSms/index.vue @@ -166,7 +166,7 @@ position: relative; .show-wrap { - overflow: scroll; + overflow: auto; height: 600px; } } diff --git a/src/views/operate/management/message/index.vue b/src/views/operate/management/message/index.vue index 9325b12..a0f0671 100644 --- a/src/views/operate/management/message/index.vue +++ b/src/views/operate/management/message/index.vue @@ -66,7 +66,7 @@ <!-- 瀹℃牳椤甸潰 --> <el-dialog :visible.sync="dialogCheckSms" - width="80%" + width="60%" title="娑堟伅璇︽儏" :before-close="handleClose" > diff --git a/src/views/operate/management/myIndex/components/closure/index.vue b/src/views/operate/management/myIndex/components/closure/index.vue index dd16953..3d9dafa 100644 --- a/src/views/operate/management/myIndex/components/closure/index.vue +++ b/src/views/operate/management/myIndex/components/closure/index.vue @@ -384,7 +384,7 @@ position: relative; .show-wrap { - overflow: scroll; + overflow: auto; height: 600px; } } diff --git a/src/views/operate/management/myIndex/components/examine/index.vue b/src/views/operate/management/myIndex/components/examine/index.vue index df1a2a1..f41c9b4 100644 --- a/src/views/operate/management/myIndex/components/examine/index.vue +++ b/src/views/operate/management/myIndex/components/examine/index.vue @@ -257,7 +257,7 @@ position: relative; .show-wrap { - overflow: scroll; + overflow: auto; height: 600px; } } diff --git a/src/views/operate/management/myIndex/components/illExamine/index.vue b/src/views/operate/management/myIndex/components/illExamine/index.vue index 3c5bebe..677d0e7 100644 --- a/src/views/operate/management/myIndex/components/illExamine/index.vue +++ b/src/views/operate/management/myIndex/components/illExamine/index.vue @@ -249,7 +249,7 @@ position: relative; .show-wrap { - overflow: scroll; + overflow: auto; height: 600px; } } diff --git a/src/views/operate/management/myIndex/components/illclosure/index.vue b/src/views/operate/management/myIndex/components/illclosure/index.vue index a00e63a..014aecc 100644 --- a/src/views/operate/management/myIndex/components/illclosure/index.vue +++ b/src/views/operate/management/myIndex/components/illclosure/index.vue @@ -409,7 +409,7 @@ position: relative; .show-wrap { - overflow: scroll; + overflow: auto; height: 600px; } } diff --git a/src/views/operate/management/myIndex/index.vue b/src/views/operate/management/myIndex/index.vue index b355df8..8ed5fc0 100644 --- a/src/views/operate/management/myIndex/index.vue +++ b/src/views/operate/management/myIndex/index.vue @@ -70,19 +70,19 @@ </el-table-column> </el-table> <!-- 瀹℃牳椤甸潰 --> - <el-dialog :visible.sync="dialogExamine" width="80%" title="鍩虹淇℃伅(浜哄伐)" v-if="dialogExamine" + <el-dialog :visible.sync="dialogExamine" width="60%" title="鍩虹淇℃伅(浜哄伐)" v-if="dialogExamine" :before-close="handleClose"> <MyExamine :info="info" v-if="myproblem === 1" @closeDialog="closeDialog"></MyExamine> <MyIllExamine :info="info" v-else @closeDialog="closeDialog"></MyIllExamine> </el-dialog> <!-- 缁撴椤甸潰 --> - <el-dialog :visible.sync="dialogClosure" width="80%" title="鍩虹淇℃伅(浜哄伐)" v-if="dialogClosure" + <el-dialog :visible.sync="dialogClosure" width="60%" title="鍩虹淇℃伅(浜哄伐)" v-if="dialogClosure" :before-close="handleClose"> <MyClosure :info="info" v-if="myproblem === 1" @closeDialog="closeDialog"></MyClosure> <MyIllClosure :info="info" v-else @closeDialog="closeDialog"></MyIllClosure> </el-dialog> <!-- 璇︽儏椤甸潰 --> - <el-dialog :visible.sync="dialogView" width="80%" title="鍩虹淇℃伅(浜哄伐)" v-if="dialogView" + <el-dialog :visible.sync="dialogView" width="60%" title="鍩虹淇℃伅(浜哄伐)" v-if="dialogView" :before-close="handleNoClose"> <MyDetail :info=info v-if="myproblem === 1" :mycode = 'code'></MyDetail> <MyIllDetail :info=info v-else :mycode="code"></MyIllDetail> diff --git a/src/views/operate/myWait/index.vue b/src/views/operate/myWait/index.vue index 67f3ad1..4258e03 100644 --- a/src/views/operate/myWait/index.vue +++ b/src/views/operate/myWait/index.vue @@ -60,7 +60,7 @@ <!-- 鏌ョ湅淇敼椤甸潰 --> <el-dialog :visible.sync="dialogUpdate" - width="80%" + width="60%" :title="title" :destroy-on-close="true" :key="updateFlag" diff --git a/src/views/operate/viewEvent/components/closure/index.vue b/src/views/operate/viewEvent/components/closure/index.vue index 0a7f4e1..b7b7456 100644 --- a/src/views/operate/viewEvent/components/closure/index.vue +++ b/src/views/operate/viewEvent/components/closure/index.vue @@ -303,7 +303,7 @@ position: relative; .show-wrap { - overflow: scroll; + overflow: auto; height: 600px; } } diff --git a/src/views/operate/viewEvent/components/examine/index.vue b/src/views/operate/viewEvent/components/examine/index.vue index 517a8c3..1005528 100644 --- a/src/views/operate/viewEvent/components/examine/index.vue +++ b/src/views/operate/viewEvent/components/examine/index.vue @@ -248,7 +248,7 @@ position: relative; .show-wrap { - overflow: scroll; + overflow: auto; height: 600px; } } diff --git a/src/views/operate/viewEvent/components/illExamine/index.vue b/src/views/operate/viewEvent/components/illExamine/index.vue index 8b3ba69..774153b 100644 --- a/src/views/operate/viewEvent/components/illExamine/index.vue +++ b/src/views/operate/viewEvent/components/illExamine/index.vue @@ -248,7 +248,7 @@ position: relative; .show-wrap { - overflow: scroll; + overflow: auto; height: 600px; } } diff --git a/src/views/operate/viewEvent/components/illclosure/index.vue b/src/views/operate/viewEvent/components/illclosure/index.vue index 8c9f954..1f57e61 100644 --- a/src/views/operate/viewEvent/components/illclosure/index.vue +++ b/src/views/operate/viewEvent/components/illclosure/index.vue @@ -313,7 +313,7 @@ position: relative; .show-wrap { - overflow: scroll; + overflow: auto; height: 600px; } } diff --git a/src/views/systemSetting/platform/cockpitManage/index.vue b/src/views/systemSetting/platform/cockpitManage/index.vue index 64dc551..9b9234e 100644 --- a/src/views/systemSetting/platform/cockpitManage/index.vue +++ b/src/views/systemSetting/platform/cockpitManage/index.vue @@ -83,7 +83,7 @@ </el-table-column> </el-table> <!-- 璇︽儏椤靛睍绀� --> - <el-dialog :visible.sync="dialogView" width="80%" title="鍩虹淇℃伅(浜哄伐)" + <el-dialog :visible.sync="dialogView" width="60%" title="鍩虹淇℃伅(浜哄伐)" :before-close="handleClose"> <MyDetail :info=info v-if="mystatus === 1"></MyDetail> <MyIllDetail :info=info v-else></MyIllDetail> -- Gitblit v1.8.0