From 50c88323724d77f463af6653041382959a128923 Mon Sep 17 00:00:00 2001 From: 龚焕茏 <2842157468@qq.com> Date: 星期五, 30 八月 2024 17:40:28 +0800 Subject: [PATCH] feat:更新图像资源到index表并展示 --- src/views/system/work-order/index.vue | 21 +++++++++++++++------ 1 files changed, 15 insertions(+), 6 deletions(-) diff --git a/src/views/system/work-order/index.vue b/src/views/system/work-order/index.vue index c731f2a..b02c481 100644 --- a/src/views/system/work-order/index.vue +++ b/src/views/system/work-order/index.vue @@ -17,6 +17,7 @@ </el-form-item> <el-form-item label="宸ュ崟鐘舵��" prop="status"> <el-select v-model="queryParams.status" placeholder="宸ュ崟鐘舵��" @change="handleQuery"> + <el-option label="鍏ㄩ儴" value=""></el-option> <el-option label="寰呭鐞�" value="DISTRIBUTED"></el-option> <el-option label="寰呭鏍�" value="YW_HANDLE"></el-option> <el-option label="宸插畬鎴�" value="AUDITING_SUCCESS"></el-option> @@ -63,10 +64,20 @@ <div class="card"> <div class="card-left"> <el-image - :preview-src-list="['https://img2.baidu.com/it/u=68398439,1553004927&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=357']" - fit="cover" src="https://img2.baidu.com/it/u=68398439,1553004927&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=357" + v-if="item.imgList && item.imgList.length > 0" + :preview-src-list="item.imgList" + fit="cover" :src="item.imgList[0]" class="image" - /> + > + <div slot="error" class="image-slot"> + <i class="el-icon-picture-outline">鍔犺浇澶辫触</i> + </div> + </el-image> + <el-image class="image" style="display: flex;justify-content: center;align-items: center;" v-else> + <div slot="error" class="image-slot"> + <i class="el-icon-picture-outline" style="color: gray;font-size: 14px">鏈彇鍒板浘鐗�</i> + </div> + </el-image> </div> <div class="work-order"> <el-row class="work-order-item"> @@ -716,9 +727,7 @@ this.queryParams.params = {} this.queryParams['start'] = this.daterangeYwHandleTime ? this.daterangeYwHandleTime[0] : null this.queryParams['end'] = this.daterangeYwHandleTime ? this.daterangeYwHandleTime[1] : null - if (this.queryParams['status'] == '') { - this.queryParams['status'] = 'DISTRIBUTED' - } + listWorkOrder(this.queryParams).then(response => { // response.data.forEach(item => { // if (item.errorType) { -- Gitblit v1.8.0