执法登记:详情附件预览改为真实图片

src/api/enforce.js

@@ -50,4 +50,7 @@ export const queryUserInfo = (params, success, error) => _get("/getUserInfo",par
 export const queryEnforcementRegistrationById = (id, success, error) =>_get("/code/registration/queryById/" + id,null,success,error)
 
 
+//查询附件
+export const getAttr = (id, success, error) => _get("/code/registration/queryFiles/" + id,null,success,error);
+
 

src/views/enterprise/registrationDetail.vue

@@ -90,7 +90,7 @@
                         </van-uploader> -->
                         <div class="zoom">
                             <img
-                            v-for="(item, index) in imgstr && imgstr.split(',')"
+                            v-for="(item, index) in data.imgstr && data.imgstr.split(',')"
                               class="img"
                               :src="item"
                               alt="预览图片"
@@ -136,7 +136,7 @@
 <script setup name="register">
 
 import { showSuccessToast,showImagePreview } from 'vant';
-import {queryEnforcementRegistrationById} from '../../api/enforce'
+import {queryEnforcementRegistrationById, getAttr} from '../../api/enforce'
 import { reactive, ref } from "vue";
 import {uploadFile} from "../../util/fileUpload";
 import {getDict} from "../../api/Home";
@@ -157,10 +157,8 @@ const data = reactive({
     popupContent: '',
     popupVisible2: false,
     popupContent2: '',
+    imgstr: "",
 });
-// 图片imagelist
-const imgstr = "https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg,https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg";
-const imgstrArr = imgstr.split(",");
 //保存参数
 const submitData = reactive({
     //执法部门
@@ -204,6 +202,7 @@ const tapBad = () => {
     submitData.reslut = 1;
 }
 const imagePreview = (index) =>{
+    var imgstrArr = data.imgstr.split(",");
   showImagePreview({
     images:imgstrArr,
     startPosition: index,
@@ -222,6 +221,18 @@ const setDict = () =>{
     },error=>{});
 }
 
+const setAttr = () =>{
+    // 查询检查要求字典信息
+    getAttr(route?.query?.id, success => {
+        if (success.data.filePreview != null) {
+            for (var i=0; i<success.data.filePreview.fileList.length; i++) {
+                data.imgstr += success.data.filePreview.fileList[i] + ",";
+            }
+            data.imgstr = data.imgstr.substring(0, data.imgstr.length - 1);
+        }
+    },error=>{});
+}
+
 //3a0096181c184e5aa56f70923680856d$6e74ceda1463c165fd43eeeadce4f7cd
 //初始化参数，获取扫码的企业统一信用编码
 onMounted(() =>{
@@ -250,6 +261,8 @@ onMounted(() =>{
     },error=>{
 
     })
+
+    setAttr();
 })
 
 // 返回