乱占耕地详情修改

src/components/farmland/ShowInfoModal/index.vue

@@ -47,6 +47,29 @@
         <a-descriptions-item label="永农面积(亩)">{{
           dataProcessing(props.showInfoData.yongjiujibennongtian_area)
         }}</a-descriptions-item>
+        <a-descriptions-item label="线索照片">
+          <div class="image-div">
+            <a-image-preview-group
+              :preview="{
+                getContainer: getContainer,
+                onVisibleChange: handlerImageChange,
+              }"
+            >
+              <template v-for="(imageItem, imageIndex) in casepicList" :key="imageIndex">
+                <a-image
+                  v-if="imageItem"
+                  width="100px"
+                  height="100px"
+                  @click="handlerPreviewImage(imageIndex, imageItem)"
+                  :src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
+                  :preview="{
+                    getContainer,
+                  }"
+                ></a-image>
+              </template>
+            </a-image-preview-group>
+          </div>
+        </a-descriptions-item>
       </a-descriptions>
       <a-divider>核实信息</a-divider>
       <a-descriptions
@@ -172,6 +195,50 @@
         <a-descriptions-item label="其他需要说明的情况">{{
           props.showInfoData.qitashuoming
         }}</a-descriptions-item>
+        <a-descriptions-item label="现场照片">
+          <div class="image-div">
+            <a-image-preview-group
+              :preview="{
+                getContainer: getContainer,
+                onVisibleChange: handlerImageChange,
+              }"
+            >
+              <template v-for="(imageItem, imageIndex) in anjianzhaopianList" :key="imageIndex">
+                <a-image
+                  v-if="imageItem"
+                  width="100px"
+                  height="100px"
+                  @click="handlerPreviewImage(imageIndex, imageItem)"
+                  :src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
+                  :preview="{
+                    getContainer,
+                  }"
+                ></a-image>
+              </template>
+            </a-image-preview-group>
+          </div>
+        </a-descriptions-item>
+        <a-descriptions-item label="附件">
+          <a-image-preview-group :preview="{ getContainer }">
+            <template v-for="(item, itemIndex) in fujianList" :key="itemIndex">
+              <a-image
+                v-if="showImage(item)"
+                style="width: 100px; height: 100px"
+                :src="`${VITE_GLOB_INFO_IMAGE_URL}/${item}`"
+                :preview="{ getContainer }"
+              ></a-image>
+              <div v-else>
+                <Icon
+                  v-if="item"
+                  :style="`font-size: 30px; cursor: pointer;`"
+                  icon="ion:document-attach-outline"
+                  @click="hanlderPreViewFile(item)"
+                />
+                {{ handlerDealFileName(item) }}
+              </div>
+            </template>
+          </a-image-preview-group>
+        </a-descriptions-item>
       </a-descriptions>
     </div>
     <!-- File Preview && Download Start -->