From f4c324b44aadc4d8a44d4c67c588d2f76261ccaa Mon Sep 17 00:00:00 2001
From: wl <173@qq.com>
Date: 星期三, 30 十一月 2022 16:07:39 +0800
Subject: [PATCH] fix：消息分页 视频查询 图片查询
---
src/views/intelligentPatrol/studyJudge/index.vue | 174 +++++++++++++++++++++++++--------------------------------
1 files changed, 76 insertions(+), 98 deletions(-)
diff --git a/src/views/intelligentPatrol/studyJudge/index.vue b/src/views/intelligentPatrol/studyJudge/index.vue
index e5fcded..63dc317 100644
--- a/src/views/intelligentPatrol/studyJudge/index.vue
+++ b/src/views/intelligentPatrol/studyJudge/index.vue
@@ -1,14 +1,13 @@
<template>
<div class="study-judge">
<div class="study-judge-header">
- <span>鎮ㄦ湁1111鏉″緟瀹℃牳鎶ヨ淇℃伅,浠婃棩绔嬫0鏉�,鍐嶅涔�0鏉�</span>
+ <span>鎮ㄦ湁{{ eventList.length }}鏉″緟瀹℃牳鎶ヨ淇℃伅,浠婃棩绔嬫0鏉�,鍐嶅涔爗{ countData.review }}鏉�</span>
</div>
<div class="study-judge-main">
- <!-- sjm:study-judge-main -->
<div class="sjm-header">
<div class="sjm-header-left">
- <span class="moni-name">鐩戞帶鐐逛綅鍚嶇О:涓崕璺疿X璺彛 </span>
- <span class="moni-area">涓崕琛楅亾鍖哄煙</span>
+ <span class="moni-name">鐩戞帶鐐逛綅鍚嶇О: {{ currentEvent.name }} </span>
+ <span class="moni-area">{{ currentEvent.street }}</span>
</div>
<div class="sjm-header-right">
<el-button size="small">瀹炴椂棰勮</el-button>
@@ -17,22 +16,10 @@
</div>
<div class="sjm-content">
<div class="sjm-content-left">
- <div class="img-item">
+ <div class="img-item" v-for="(item, index) in imageList" :key="item.id">
<span>鎶ヨ鍥剧墖</span>
- <img
- src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__67d4d15bfc501319f8377f2ce37bf441.svg"
- alt="">
- <span>鎶ヨ鏃堕棿锛�2022-09-08 14:23:34</span>
- </div>
- <div class="img-item">
- <img
- src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__67d4d15bfc501319f8377f2ce37bf441.svg"
- alt="">
- </div>
- <div class="img-item">
- <img
- src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__67d4d15bfc501319f8377f2ce37bf441.svg"
- alt="">
+ <img :src="item">
+ <span v-if="index === 0">鎶ヨ鏃堕棿锛歿{ currentEvent.alarmTime }}</span>
</div>
</div>
<div class="sjm-content-center">
@@ -46,10 +33,10 @@
</div>
<el-form ref="currentEvent" label-width="120px" :model="currentEvent" :rules="rules">
<el-form-item label="浜嬩欢缂栧彿:">
- <span>{{ currentEvent.number }}</span>
+ <span>{{ currentEvent.code }}</span>
</el-form-item>
<el-form-item label="浜嬩欢绛夌骇:">
- <span>{{ currentEvent.level }}</span>
+ <span>{{ currentEvent.grade }}</span>
</el-form-item>
<el-form-item label="棣栨鎶ヨ鏃堕棿:">
<span>{{ currentEvent.firstTime }}</span>
@@ -65,25 +52,22 @@
<el-radio :label="item.id" v-for="item in adviceList" :key="item.id">{{ item.label }}</el-radio>
</el-radio-group>
</el-form-item>
- <el-form-item label="闂绫诲瀷:" prop="type">
- <el-input v-model="currentEvent.type" placeholder="璇烽�夋嫨闂绫诲瀷"></el-input>
+ <el-form-item label="澶х被鍚嶇О:" prop="categoryId">
+ <el-input v-model="currentEvent.categoryId" placeholder="璇烽�夋嫨澶х被鍚嶇О"></el-input>
</el-form-item>
- <el-form-item label="澶х被鍚嶇О:" prop="bigKind">
- <el-input v-model="currentEvent.bigKind" placeholder="璇烽�夋嫨澶х被鍚嶇О"></el-input>
- </el-form-item>
- <el-form-item label="灏忕被鍚嶇О:" prop="smallKind">
- <el-input v-model="currentEvent.smallKind" placeholder="璇烽�夋嫨灏忕被鍚嶇О"></el-input>
+ <el-form-item label="灏忕被鍚嶇О:" prop="typeId">
+ <el-input v-model="currentEvent.typeId" placeholder="璇烽�夋嫨灏忕被鍚嶇О"></el-input>
</el-form-item>
<el-form-item label="杞︾墝鍙�:" prop="carNumber">
<el-input v-model="currentEvent.carNumber" placeholder="璇峰～鍐欒溅鐗屽彿鐮�"></el-input>
</el-form-item>
- <el-form-item label="澶囨敞:">
- <el-input type="textarea" :rows="5" v-model="currentEvent.tip"></el-input>
+ <el-form-item label="澶囨敞:" prop="description">
+ <el-input type="textarea" :rows="5" v-model="currentEvent.description"></el-input>
</el-form-item>
<el-form-item>
- <el-button>涓婁竴鏉�</el-button>
+ <el-button @click="pageChange('prev')">涓婁竴鏉�</el-button>
<el-button @click.native.prevent="handleConfirm">纭</el-button>
- <el-button>涓嬩竴鏉�</el-button>
+ <el-button @click="pageChange('next')">涓嬩竴鏉�</el-button>
</el-form-item>
</el-form>
</div>
@@ -94,58 +78,25 @@
</template>
<script>
+import basecase from "@/api/operate/basecase";
+import { FILE_ORIGINAL_URL } from "@/utils";
+
export default {
+ created() {
+ this.getInspectionData();
+ basecase.getInspectionCountData()
+ .then(res => {
+ this.countData = res;
+ })
+ .catch(err => this.$message.error(err))
+ },
data() {
- const validateAdvice = (rule,value,callback)=>{
- if(value){
- callback()
- }else{
- callback(new Error('澶勭悊鎰忚涓嶈兘涓虹┖'))
- }
- }
- const validateType = (rule,value,callback)=>{
- if(value){
- callback()
- }else{
- callback(new Error('闂绫诲瀷涓嶈兘涓虹┖'))
- }
- }
- const validateBigKind = (rule,value,callback)=>{
- console.log(value)
- if(value){
- callback()
- }else{
- callback(new Error('澶х被鍚嶇О涓嶈兘涓虹┖'))
- }
- }
- const validateSmallKind = (rule,value,callback)=>{
- if(value){
- callback()
- }else{
- callback(new Error('灏忕被鍚嶇О涓嶈兘涓虹┖'))
- }
- }
- const validateCarNumber = (rule,value,callback)=>{
- if(value){
- callback()
- }else{
- callback(new Error('杞︾墝鍙蜂笉鑳戒负绌�'))
- }
- }
return {
- currentEvent: {
- number: '1233123414141414',
- level: '涓�鑸簨浠�',
- firstTime: '2022/09/23 12:00:00',
- recentTime: '2022/09/23/ 12:00:00',
- conntinueTime: '0灏忔椂10鍒嗛挓',
- advice: null,
- type: '',
- bigKind: '',
- smallKind: '',
- carNumber: '',
- tip: ''
+ eventList: [],
+ countData: {
+ review: 0
},
+ currentEvent: {},
adviceList: [
{
id: 1,
@@ -167,42 +118,70 @@
rules:{
advice:[
{
- trigger:'blur',validator:validateAdvice
+ required: true, trigger:['blur', 'change'], message: '澶勭悊鎰忚涓嶈兘涓虹┖'
},
],
- type:[
+ categoryId:[
{
- trigger:'blur',validator:validateType
+ required: true, trigger:['blur', 'change'], message: '澶х被鍚嶇О涓嶈兘涓虹┖'
}
],
- bigKind:[
+ typeId:[
{
- trigger:'blur',validator:validateBigKind
- }
- ],
- smallKind:[
- {
- trigger:'blur',validator:validateSmallKind
+ required: true, trigger:['blur', 'change'], message: '灏忕被鍚嶇О涓嶈兘涓虹┖'
}
],
carNumber:[
{
- trigger:'blur',validator:validateCarNumber
+ required: true, trigger:['blur', 'change'], message: '杞︾墝鍙蜂笉鑳戒负绌�'
}
]
- }
+ },
+ imageList: [],
+ currentPage: 1
}
},
methods:{
+ pageChange(type) {
+ if (this.eventList.length === this.currentPage) {
+ this.$message.warning('褰撳墠宸叉槸鏈�鍚庝竴椤�');
+ return;
+ }
+ if (type === 'next') {
+ this.currentPage += 1;
+ } else {
+ this.currentPage -= 1;
+ }
+ this.currentEvent = this.eventList[this.currentPage - 1];
+ },
+
+ getInspectionData() {
+ basecase.getInspectionData({ current: this.currentPage })
+ .then(({ records }) => {
+ this.eventList = records;
+ this.eventList.forEach(item => {
+ if (item.picData) {
+ const imageUrls = item.picData.split(',');
+ this.imageList = imageUrls.map(url => `${FILE_ORIGINAL_URL}${url}`);
+ }
+ })
+ this.currentEvent = this.eventList[this.currentPage - 1];
+ })
+ .catch(err => this.$message.error(err))
+ },
+
// 纭鐐瑰嚮浜嬩欢
handleConfirm(){
- console.log(this.$refs.currentEvent)
this.$refs.currentEvent.validate((flag)=>{
- console.log(flag)
if(flag){
-
- }else{
- return false
+ basecase.confirmInspection(this.currentEvent)
+ .then(() => {
+ this.$message.success('鎿嶄綔鎴愬姛');
+ this.getInspectionData();
+ })
+ .catch(err => this.$message.error(err))
+ } else {
+ this.$message.warning('璇锋鏌ュ繀濉」')
}
})
}
@@ -281,7 +260,6 @@
.el-form {
::v-deep .el-form-item {
- // margin-bottom: 10px;
}
::v-deep .el-form-item__label {
--
Gitblit v1.8.0