From 84b2d361e6ad14da0b6b6cb4d6891582181db025 Mon Sep 17 00:00:00 2001
From: wl <173@qq.com>
Date: 星期三, 30 十一月 2022 14:34:34 +0800
Subject: [PATCH] fix: 消息修改 图片查询修改
---
src/views/intelligentPatrol/studyJudge/index.vue | 160 ++++++++++++++++++++---------------------------------
1 files changed, 61 insertions(+), 99 deletions(-)
diff --git a/src/views/intelligentPatrol/studyJudge/index.vue b/src/views/intelligentPatrol/studyJudge/index.vue
index 29b44c5..63dc317 100644
--- a/src/views/intelligentPatrol/studyJudge/index.vue
+++ b/src/views/intelligentPatrol/studyJudge/index.vue
@@ -1,7 +1,7 @@
<template>
<div class="study-judge">
<div class="study-judge-header">
- <span>鎮ㄦ湁1111鏉″緟瀹℃牳鎶ヨ淇℃伅,浠婃棩绔嬫0鏉�,鍐嶅涔爗{ currentEvent.review }}鏉�</span>
+ <span>鎮ㄦ湁{{ eventList.length }}鏉″緟瀹℃牳鎶ヨ淇℃伅,浠婃棩绔嬫0鏉�,鍐嶅涔爗{ countData.review }}鏉�</span>
</div>
<div class="study-judge-main">
<div class="sjm-header">
@@ -16,20 +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="currentEvent.picData">
- <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">
@@ -62,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>
@@ -96,72 +83,20 @@
export default {
created() {
- basecase.getInspectionData({ current: 1 })
- .then(({ records }) => {
- this.eventList = records;
- this.currentEvent = this.eventList[0];
- if (this.currentEvent.picData) {
- this.currentEvent.picData = `${FILE_ORIGINAL_URL}${this.currentEvent.picData}`;
- }
- })
- .catch(err => this.$message.error(err))
-
+ this.getInspectionData();
basecase.getInspectionCountData()
.then(res => {
- this.currentEvent.review = res.review;
+ 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 {
eventList: [],
- currentEvent: {
- code: null,
- grade: null,
- picData: null,
- street: null,
- urlAddress: null,
- name: null,
- latitude: null,
- longitude: null,
+ countData: {
review: 0
},
+ currentEvent: {},
adviceList: [
{
id: 1,
@@ -183,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('璇锋鏌ュ繀濉」')
}
})
}
@@ -297,7 +260,6 @@
.el-form {
::v-deep .el-form-item {
- // margin-bottom: 10px;
}
::v-deep .el-form-item__label {
--
Gitblit v1.8.0