kubbo/dvcp_v2_wechat_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

尝试修复

Browse Source
This commit is contained in:
aixianling
2024-03-04 12:29:42 +08:00
parent 0fc3742e9e
commit d24b4beed4
1 changed files with 76 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
src/project/qujing/AppPhotoReport/PhotoDetail.vue
View File

@@ -13,7 +13,7 @@
<div class="flex wrap">
<image class="fill imageItem" v-for="(item, index) in info.files" @click="preview(item.url)" :key="index" :src="item.url"/>
</div>
<span v-if="!info.files.length">暂无照片</span>
<span v-if="!hasFiles(info.files)">暂无照片</span>
</AiItem>
</AiGroup>
<u-gap height="24" v-if="result.doExplain"/>
@@ -23,20 +23,20 @@
<div class="flex wrap">
<image class="fill imageItem" v-for="(item, index) in result.files" @click="preview(item.url)" :key="index" :src="item.url"/>
</div>
<span v-if="!result.files.length">暂无照片</span>
<span v-if="!hasFiles(result.files)">暂无照片</span>
</AiItem>
</AiGroup>
<u-gap height="24" v-if="info.judgeName"/>
<AiGroup title="研判信息" description noBorder labelColor="#999" v-if="info.judgeName">
<AiItem label="事件研判"><span class="risk-level" :class="`level`+info.judgeRiskLevel">{{ $dict.getLabel('qujingRiskLevel', info.judgeRiskLevel) }}</span></AiItem>
<AiItem label="事件研判">
<span class="risk-level" :class="`level` + info.judgeRiskLevel">{{ $dict.getLabel("qujingRiskLevel", info.judgeRiskLevel) }}</span>
</AiItem>
<AiItem label="当事人姓名" :value="info.judgeName"/>
<AiItem label="性别" :value="$dict.getLabel('sex', info.judgeSex)"/>
<AiItem label="联系电话" :value="info.judgePhone"/>
<AiItem label="家庭住址" :value="info.judgeAddress"/>
<AiItem label="排查内容" class="not-line">
<span v-for="(item, index) in info.judgeRiskList" :key="index">
<span v-if="index > 0">,</span>{{ $dict.getLabel('qujingRisk', item) }}
</span>
<span v-for="(item, index) in info.judgeRiskList" :key="index"> <span v-if="index > 0">,</span>{{ $dict.getLabel("qujingRisk", item) }} </span>
</AiItem>
</AiGroup>
<u-gap height="24" v-if="info.mediateAreaName"/>
@@ -50,7 +50,7 @@
<AiItem label="调处结果" class="not-line" value="调解成功"/>
</AiGroup>
<u-gap height="24"/>
<u-tabs :list="evaluation && evaluation.id ? [{name:'办理进度'},{name:'我的评价'}] : [{name:'办理进度'}] " :current="currentTab" @change="v=>currentTab=v"/>
<u-tabs :list="tabs" :current="currentTab" @change="v => (currentTab = v)"/>
<u-gap height="24" bg-color="#fff"/>
<AiGroup noBorder v-if="currentTab == '0'">
<AiStep v-for="(item, i) in process" :key="item.id" :index="i">
@@ -77,67 +77,82 @@ export default {
info: {},
result: {},
currentTab: 0,
evaluation: {}
}
evaluation: {},
};
},
computed: {
detailStatus: v => {
const status = !v.evaluation.id ? v.info.eventStatus : 'evaluation'
const status = !v.evaluation.id ? v.info.eventStatus : "evaluation";
return {
cls: 'status-' + status,
label: !v.evaluation.id ? v.$dict.getLabel('qujingEventStatus', v.info.eventStatus) : "已评价"
}
cls: "status-" + status,
label: !v.evaluation.id ? v.$dict.getLabel("qujingEventStatus", v.info.eventStatus) : "已评价",
};
},
process() {
const list = this.info.processList
const list = this.info.processList;
if (this.evaluation.id) {
const {id, createUserName, score, createTime: doTime, rateText: doExplain} = this.evaluation
const {id, createUserName, score, createTime: doTime, rateText: doExplain} = this.evaluation;
list.splice(0, 0, {
id, doTime, doExplain,
systemExplain: `${createUserName}完成评价 (${score}星评价)`
})
id,
doTime,
doExplain,
systemExplain: `${createUserName}完成评价 (${score}星评价)`,
});
}
return list
return list;
},
tabs: v => {
const tabs = [{name: "办理进度"}];
if (!!v.evaluation?.id) {
tabs.push({name: "我的评价"});
}
return tabs;
},
},
onShow() {
this.getInfo()
this.getInfo();
},
onLoad(query) {
this.id = query.id
this.getInfo()
this.$dict.load(['qujingEventStatus', 'qujingDoStatus', 'qujingEventType', 'sex', 'qujingRisk', 'qujingRiskLevel'])
this.id = query.id;
this.getInfo();
this.$dict.load(["qujingEventStatus", "qujingDoStatus", "qujingEventType", "sex", "qujingRisk", "qujingRiskLevel"]);
},
methods: {
getInfo() {
this.$loading()
this.$instance.post(`/app/appclapeventinfoqujing/queryDetailById?id=${this.id}`).then(res => {
this.$loading();
this.$instance
.post(`/app/appclapeventinfoqujing/queryDetailById?id=${this.id}`)
.then(res => {
if (res?.data) {
this.info = res.data
if (['3', '4'].includes(res.data.eventStatus) && res.data.groupName != '矛盾调解') {
this.result = res.data.processList[0]
this.info = res.data;
if (["3", "4"].includes(res.data.eventStatus) && res.data.groupName != "矛盾调解") {
this.result = res.data.processList[0];
}
if (this.info.judgeRisk) {
this.info.judgeRiskList = this.info.judgeRisk.split(',')
this.info.judgeRiskList = this.info.judgeRisk.split(",");
}
}
}).finally(() => this.$hideLoading())
})
.finally(() => this.$hideLoading());
},
previewResult(url) {
uni.previewImage({
urls: this.result.files.map(v => v.url),
current: url
})
current: url,
});
},
preview(url) {
uni.previewImage({
urls: this.info.files.map(v => v.url),
current: url
})
}
}
}
current: url,
});
},
hasFiles(files) {
return files?.length > 0;
},
},
};
</script>
<style lang="scss">
@@ -219,6 +234,7 @@ export default {
margin-right: 0;
}
}
.not-line {
.AiItem {
.normal {
@@ -227,20 +243,25 @@ export default {
}
}
}
::v-deep .AiGroup {
.groupHeader {
padding-top: 16px !important;
}
}
.level1 {
color: #3D88F5;
}
.level2 {
color: #52C75B;
}
.level3 {
color: #FF883C;
}
.level4 {
color: #FF3C3C;
}