添加公共庫

sample-form-manager-ui/admin/src/pages/software/librarymanage/LibraryManage.vue

@@ -126,7 +126,7 @@
     ></AddMaterals>
     <!-- 材料预览 -->
     <PreviewMaterals
-      :materalsInfo="materalsInfo"
+      :materialsInfo="materalsInfo"
       :previewVisible.sync="previewVisible"
     ></PreviewMaterals>
   </div>
@@ -134,13 +134,11 @@
 
 <script>
 import TableHeader from "@/components/TableHeader.vue";
-import AddMaterals from "./modal/AddMaterals.vue";
 import PreviewMaterals from "./modal/PreviewMaterals.vue";
 import { getPubdatumList,delPubdatum } from "@/api/libray";
 export default {
   components: {
     TableHeader,
-    AddMaterals,
     PreviewMaterals
   },
   data() {
@@ -223,6 +221,7 @@ export default {
     },
     // 预览
     handlePreview(row) {
+      console.log("row",row)
       this.materalsInfo = row;
       this.previewVisible = true;
     },

sample-form-manager-ui/admin/src/pages/software/librarymanage/modal/PreviewMaterals.vue

@@ -3,22 +3,14 @@
     <el-dialog title="材料预览" :visible.sync="Visible" width="50%" top="2vh">
       <div class="main flex flexc aic">
         <div class="header tac mb20">
-          <div class="materals-name mb10">分公司登记申请书</div>
-          <p class="abbreviation">材料全称：公司登记申请书</p>
+          <div class="materals-name mb10">{{ materialsInfo.materialName }}</div>
+          <p class="abbreviation">材料全称：{{ materialsInfo.materiaFullName }}</p>
         </div>
         <div class="preview-box">
-          <img
-            class="sample-sheet-img"
-            src="../../../../assets/img/yangbiao.png"
-          />
+          <img class="sample-sheet-img" :src="api + materialsPreview" />
         </div>
       </div>
-      <!-- <span slot="footer" class="dialog-footer">
-        <el-button size="small" type="primary" @click="Visible = false"
-          >确 定</el-button
-        >
-        <el-button size="small" @click="Visible = false">取 消</el-button>
-      </span> -->
+
     </el-dialog>
   </div>
 </template>
@@ -26,7 +18,7 @@
 <script>
 export default {
   props: {
-    materalsInfo: {
+    materialsInfo: {
       type: Object,
       required: true,
       default: () => {
@@ -48,6 +40,15 @@ export default {
         this.$emit("update:previewVisible", val);
       },
     },
+    materialsPreview() {
+      return this.materialsInfo.preViewPath;
+    },
+  },
+  data() {
+    return {
+      api: process.env.VUE_APP_API_BASE_URL,
+      val: "",
+    };
   },
 };
 </script>

sample-form-manager-ui/admin/src/pages/software/materials/MaterialsManage.vue

@@ -269,6 +269,8 @@
       :drawer.sync="drawer"
       :materialsInfo="materialsInfo"
     ></PreviewMaterials>
+
+
     <!-- 公共库 -->
     <CommonLib :depList="depList" :libVisible.sync="libVisible"></CommonLib>
   </div>