src/views/VisualDisplay/src/pages/cf/index.vue

@@ -289,7 +289,7 @@
                     </el-table-column>
                     <el-table-column prop="fileIds" label="附件个数" width="160" align="center">
                       <template #default="scope">
-                        <span class="fjBtn" @click="openFiles(scope.row.fileList)">{{
+                        <span class="fjBtn" @click="openFiles(scope.row)">{{
                           scope.row.fileIds
                         }}</span>
                       </template>
@@ -421,11 +421,11 @@
                       <div class="image_preview">
                         <el-image
                           style="width: 100%; height: 100%"
-                          :src="item.slice(1, item.length)"
+                          :src="item"
                           :zoom-rate="1.2"
                           :max-scale="7"
                           :min-scale="0.2"
-                          :preview-src-list="[item.slice(1, item.length)]"
+                          :preview-src-list="[item]"
                           show-progress
                           fit="contain"
                         />
@@ -503,29 +503,85 @@
       <el-dialog title="" v-model="Dialogfiles" width="1050px" top="15vh">
         <template #header="{}">
           <div class="dialog_title">
-            <span class="dialog_title_text">附件列表</span>
+            <span class="dialog_title_text">{{ searchform.crklx == 0 ? '出库' : '入库' }}单</span>
           </div>
         </template>
-        <el-scrollbar style="height: 600px">
-          <el-row style="height: 600px;padding:15px">
-            <el-col :span="12" v-for="(item, index) in fileList" :key="index">
-              <!-- <img :src="item" alt="附件图片"/>
-             -->
-              <div class="image_preview">
-                <el-image
-                  style="width: 100%; height: 100%"
-                  :src="item"
-                  :zoom-rate="1.2"
-                  :max-scale="7"
-                  :min-scale="0.2"
-                  :preview-src-list="[item]"
-                  show-progress
-                  fit="contain"
-                />
-              </div>
-            </el-col>
-            <!-- <el-col :span="12">图片</el-col> -->
-          </el-row>
+        <el-scrollbar class="hw-rightcon" style="height: 600px; margin: 0">
+          <el-form
+            class="formstyletwo"
+            style="height: 600px; padding: 15px"
+            ref="form"
+            :model="crkDetail"
+            label-width="140px"
+          >
+            <h3 class="hwk_title"><i></i>基础信息</h3>
+            <el-row :gutter="20">
+              <el-col :span="8">
+                <el-form-item label="粮食品种">
+                  <el-input v-model="crkDetail.lspzmc" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="粮食等级">
+                  <el-input v-model="crkDetail.lsdjmc" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="净重（吨）">
+                  <el-input v-model="crkDetail.jz" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <h3 class="hwk_title"><i></i>承运及登记</h3>
+            <el-row :gutter="20">
+              <el-col :span="8">
+                <el-form-item label="承运人">
+                  <el-input v-model="crkDetail.cyr" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="运输工具">
+                  <el-input v-model="crkDetail.ysgj" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="车船号">
+                  <el-input v-model="crkDetail.cch" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="入门时间">
+                  <el-input v-model="crkDetail.rmsj" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="登记员">
+                  <el-input v-model="crkDetail.djy" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="出门时间">
+                  <el-input v-model="crkDetail.cmsj" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="8" v-for="(item, index) in fileList" :key="index">
+                <div class="image_preview">
+                  <el-image
+                    style="width: 100%; height: 100%"
+                    :src="item"
+                    :zoom-rate="1.2"
+                    :max-scale="7"
+                    :min-scale="0.2"
+                    :preview-src-list="[item]"
+                    show-progress
+                    fit="contain"
+                  />
+                </div>
+              </el-col>
+            </el-row>
+          </el-form>
         </el-scrollbar>
       </el-dialog>
     </div>
@@ -621,6 +677,7 @@ const cangOptions = ref([
   //   hwmc: 'HW-2'
   // }
 ])
+const crkDetail = ref({})
 const fileList = ref([])
 //出入库
 const page = ref({
@@ -801,7 +858,8 @@ const tableRowClassName = ({ row, rowIndex }) => {
 //文件弹窗
 const openFiles = (row: any) => {
   Dialogfiles.value = true
-  fileList.value = row
+  crkDetail.value = row
+  fileList.value = row.fileList
 }
 // 获取行政区划代码
 const getXzqh = async () => {
@@ -1197,6 +1255,7 @@ onMounted(() => {
     font-size: 20px;
     font-weight: bold;
     margin: 10px 0px 20px;
+    color: #ffffff;
     i {
       float: left;
       width: 5px;
@@ -1444,10 +1503,10 @@ onMounted(() => {
   //   width: 100%;
   //   height: 100px;
   // }
-  .el-image{
+  .el-image {
     position: relative;
   }
-  .el-image__error{
+  .el-image__error {
     width: 80%;
     height: 80%;
     position: absolute;