feat(样品): 素材库按钮

src/views/setting/sample/index.vue

@@ -189,7 +189,7 @@
     <el-drawer
       :visible.sync="dialogVisible"
       :title="dialogTitle"
-      wrapper-closable="false"
+      :wrapper-closable="false"
       size="40%"
       @close="cancleSubmit"
     >
@@ -278,7 +278,11 @@
             v-model="editParamsForm.trademark"
             :limit="1"
           ></image-upload>
-          <el-link type="primary" @click="selectTrademarkMaterial">
+          <el-link
+            v-if="trademarkDisplay"
+            type="primary"
+            @click="selectTrademarkMaterial"
+          >
             从素材库选择</el-link
           >
         </el-form-item>
@@ -287,7 +291,11 @@
             v-model="editParamsForm.samplePhotos"
             :limit="5"
           ></image-upload>
-          <el-link type="primary" @click="selectSampleMaterial">
+          <el-link
+            v-if="samplePhotosDisplay"
+            type="primary"
+            @click="selectSampleMaterial"
+          >
             从素材库选择</el-link
           >
         </el-form-item>
@@ -412,7 +420,9 @@ export default {
       editParamsForm: {
         id: '',
         deleted: 0,
-        flag: '0'
+        flag: '0',
+        trademark: '',
+        samplePhotos: ''
       },
       tableLoding: true,
       activeName: 'completeSample',
@@ -430,7 +440,9 @@ export default {
       tableData: [],
       total: 0,
       dialogVisible: false,
-      dialogTitle: '新建'
+      dialogTitle: '新建',
+      trademarkDisplay: true,
+      samplePhotosDisplay: true
     }
   },
   computed: {
@@ -438,6 +450,26 @@ export default {
       return materialLibrary
     }
   },
+  watch: {
+    'editParamsForm.trademark'(newVal, oldVal) {
+      if (newVal) {
+        this.trademarkDisplay = false
+      } else {
+        this.trademarkDisplay = true
+      }
+    },
+    'editParamsForm.samplePhotos'(newVal, oldVal) {
+      if (newVal) {
+        var arr = []
+        arr = newVal.split(',')
+        if (arr.length < 5) {
+          this.samplePhotosDisplay = true
+        } else {
+          this.samplePhotosDisplay = false
+        }
+      }
+    }
+  },
   created() {
     this.getList()
   },