From a2299a6d4a6f99e9c11132138f5d3e9ec68f03ea Mon Sep 17 00:00:00 2001 From: jiangping <jp@doumee.com> Date: 星期五, 06 六月 2025 19:19:34 +0800 Subject: [PATCH] 开发更新 --- admin/src/views/workorder/components/problemReportingDetails.vue | 107 ++++++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 85 insertions(+), 22 deletions(-) diff --git a/admin/src/views/workorder/components/problemReportingDetails.vue b/admin/src/views/workorder/components/problemReportingDetails.vue index 213c8d9..83379bb 100644 --- a/admin/src/views/workorder/components/problemReportingDetails.vue +++ b/admin/src/views/workorder/components/problemReportingDetails.vue @@ -1,61 +1,70 @@ <template> <GlobalWindow - title="闂涓婃姤璇︽儏" + :title="title" :showConfirm="false" :visible.sync="visible" + @close="closeView" width="100%"> <div class="wt"> <div class="wt_head"> <div class="wt_head_title"> - 闂璇︽儏 - <el-tag style="margin-left: 10px;">杞伐鍗�</el-tag> + <div class="title">闂璇︽儏</div> + <el-tag style="margin-left: 10px;" v-if="form.dealStatus === 0">寰呭鐞�</el-tag> + <el-tag style="margin-left: 10px;" v-if="form.dealStatus === 1">宸茶浆宸ュ崟</el-tag> + <el-tag style="margin-left: 10px;" type="info" v-if="form.dealStatus === 2">宸插叧闂�</el-tag> </div> - <el-button>鏌ョ湅宸ュ崟</el-button> + <el-button @click="handleDetail" v-if="form.dealStatus === 1 && isShow">鏌ョ湅宸ュ崟</el-button> </div> <div class="wt_content"> <div class="wt_content_row" style="width: 25%;"> - 浣嶇疆锛�- + 浣嶇疆锛歿{form.position || '-'}} </div> <div class="wt_content_row" style="width: 25%;"> - 涓婃姤浜猴細寮犱笁涓� + 涓婃姤浜猴細{{form.name || '-'}} </div> <div class="wt_content_row" style="width: 50%;"> - 涓婃姤浜虹數璇濓細180553847234 + 涓婃姤浜虹數璇濓細{{form.phone || '-'}} </div> <div class="wt_content_row" style="width: 100%; margin-top: 15px;"> - 涓婃姤鏃堕棿锛�2024-11-21 12:00:23 + 涓婃姤鏃堕棿锛歿{form.submitDate || '-'}} </div> <div class="wt_content_row" style="width: 100%; margin-top: 15px;"> - 闂鎻忚堪锛氳繖鏄棶棰樻弿杩拌繖鏄棶棰樻弿杩拌繖鏄棶棰樻弿杩拌繖鏄棶棰樻弿杩拌繖鏄棶棰樻弿杩拌繖鏄棶棰樻弿杩拌繖鏄棶棰樻弿杩拌繖鏄棶棰樻弿杩� + 闂鎻忚堪锛歿{form.content || '-'}} </div> <div class="wt_content_row" style="width: 100%; margin-top: 15px;"> <div class="wt_content_row_label">闂鍥剧墖锛�</div> - <div class="wt_content_row_list"> - <div class="wt_content_row_list_img"> - <img src="" alt="" /> + <div class="wt_content_row_list" v-if="form.fileList && form.fileList.length >= 0"> + <div class="wt_content_row_list_img" v-for="(item, index) in form.fileList" :key="index"> + <el-image + style="width: 80px; height: 80px" + :src="item.fileurlFull" + :preview-src-list="form.fileList.map(item => item.fileurlFull)"> + </el-image> </div> </div> </div> </div> <div class="wt_head"> <div class="wt_head_title"> - 澶勭悊缁撴灉 + <div class="title">澶勭悊缁撴灉</div> </div> </div> <div class="wt_content"> <div class="wt_content_row" style="width: 100%;"> - 澶勭悊浜猴細寮犱笁-琛屾斂閮� + 澶勭悊浜猴細{{form.dealUserName}}-{{form.dealUserCompanyName}} </div> <div class="wt_content_row" style="width: 100%; margin-top: 15px;"> - 澶勭悊鏃堕棿锛�2024-11-21 12:00:23 + 澶勭悊鏃堕棿锛歿{form.dealDate || '-'}} </div> <div class="wt_content_row" style="width: 100%; margin-top: 15px;"> - 澶勭悊缁撴灉锛氳浆宸ュ崟 + 澶勭悊缁撴灉锛歿{returnText(form.dealStatus)}} </div> - <div class="wt_content_row" style="width: 100%; margin-top: 15px;"> - 鍏抽棴璇存槑锛氳鏄庤鏄庤鏄庤鏄庤鏄庤鏄庤鏄庤鏄庤鏄庤鏄庤鏄庤鏄庤鏄庤鏄庤鏄庤鏄庤鏄� + <div class="wt_content_row" style="width: 100%; margin-top: 15px;" v-if="form.dealStatus === 2"> + 鍏抽棴璇存槑锛歿{form.dealInfo}} </div> </div> + <!-- 宸ュ崟璇︽儏 --> + <GDDetail ref="GD_Detail" @close="closeDetails" /> </div> </GlobalWindow> </template> @@ -63,21 +72,75 @@ <script> import BaseOpera from '@/components/base/BaseOpera' import GlobalWindow from '@/components/common/GlobalWindow' + // import GDDetail from './detail' + // import GDDetail from '@/views/workorder/components/detail' + import { getById } from '@/api/ywProblem' export default { name: "problemReportingDetails", extends: BaseOpera, - components: { GlobalWindow }, + components: { + GlobalWindow, + GDDetail: () => import('./detail') + }, data() { return { - info: {} + form: {}, + showDetail: false, + isShow: true, + test: false } }, methods: { - + closeView() { + this.$emit('close') + this.visible = false + }, + closeDetails() { + console.log('1') + this.test = false + }, + open (title, target, show) { + this.title = title + this.form = target + this.isShow = show + getById(target.id) + .then(res => { + this.form = res + this.visible = true + }) + }, + handleDetail() { + this.test = true + this.$nextTick(() => { + this.$refs.GD_Detail.open('宸ュ崟璇︽儏', { workorderId: this.form.workorderId }, false) + // this.$refs.GD_Detail.isShow = false + // this.$refs.GD_Detail.visible = true + // this.$refs.GD_Detail.id = this.form.workorderId + // this.$refs.GD_Detail.getDetail() + }) + }, + returnText(status) { + if (status === 0) { + return '寰呭鐞�' + } else if (status === 1) { + return '宸茶浆宸ュ崟' + } else if (status === 2) { + return '宸插叧闂�' + } else { + return '' + } + } } } </script> - +<style lang="scss" scoped> + @import '@/assets/style/variables.scss'; + .title { + font-weight: 500; + font-size: 18px; + color: $primary-color; + } +</style> <style lang="scss" scoped> .wt { width: 100%; -- Gitblit v1.9.3