Просмотр исходного кода

财务订单审核-订单详情影像资料加预览

@dongkboy 1 месяц назад
Родитель
Сommit
9525f3dba7
1 измененных файлов с 6 добавлено и 1 удалено
  1. 6 1
      src/views/finance/modules/auditDetail.vue

+ 6 - 1
src/views/finance/modules/auditDetail.vue

@@ -999,7 +999,7 @@
             <el-tab-pane v-for="(item, index) in infoList" :label="item.label" :name="item.name">
               <el-row :gutter="10" class="list">
                 <el-col :span="4" class="list-item" v-for="sub in item.list">
-                  <img :src="sub.previewUrl" />
+                  <img :src="sub.previewUrl"  @click="viewImage(sub)"  />
                   <div class="tips">{{ sub.imageType === 'C01' ? '行驶证主页' : sub.imageType === 'D01' ? '行驶证副页' :
                     sub.imageType
                       ===
@@ -1128,6 +1128,7 @@
       <el-button size="small" type="primary" @click="handleUpdateToQuestionOrder">确定</el-button>
     </template>
   </el-dialog>
+
 </template>
 
 <script setup lang="ts">
@@ -1211,6 +1212,10 @@ let optionObj = ref({
   insuranceType: [], // 险种类型
   car_type_code: [], // 车辆类型
 })
+const  viewImage = (item) => {
+  imageUrl.value = item.previewUrl
+  imageShow.value = true
+}
 const initOption = () => {
   let list = ['vehicle_use_code', 'car_nature_code', 'energy_type_code', 'car_kind_code', 'car_type_code']
   list.forEach(item => {