新增查看附件公用方法

src/utils/common.js

@@ -90,9 +90,14 @@ export default {
   //获取表格数据
   getColumnData(row,field,prop){
     if(field.type == 'Array'){
-
+      return row[field.value].join('、')
     }else{
       return row[field.value] || '--'
     }
-  }
+  },
+
+  //查看图片
+  checkViewer(guid){
+    return `http://192.168.1.14:8801/fileManager/downloadFile?fileId=${guid}`
+  },
 }

src/views/product/components/dialog/addEditCategory.vue

@@ -39,7 +39,7 @@
                   <i class="el-icon-delete" @click.stop="handleRemove"></i>
                 </span>
               </span>
-                <el-image ref="image" style="width:100%;height: 100%;" :src="form.systemFileList[0].guid?`http://192.168.1.14:8801/fileManager/downloadFile?fileId=${form.systemFileList[0].guid}`:form.systemFileList[0].url" :preview-src-list="form.systemFileList?form.systemFileList.map(item=>{return item.guid? `http://192.168.1.14:8801/fileManager/downloadFile?fileId=${item.guid}`:item.url}):[]"></el-image>
+                <el-image ref="image" style="width:100%;height: 100%;" :src="form.systemFileList[0].guid?$commonJS.checkViewer(form.systemFileList[0].guid):form.systemFileList[0].url" :preview-src-list="form.systemFileList?form.systemFileList.map(item=>{return item.guid? $commonJS.checkViewer(item.guid):item.url}):[]"></el-image>
             </span>
             <i v-else class="el-icon-plus avatar-uploader-icon"></i>
           </el-upload>

src/views/product/components/dialog/addEditProduct.vue

@@ -3,9 +3,9 @@
   <div class="addEditProduct">
     <el-dialog :title="title" :visible.sync="dialogVisible" :before-close="handleClose" width="600px" :close-on-click-modal="false">
       <el-form :model="form" :rules="rules" ref="ruleForm" label-width="120px" class="demo-ruleForm">
-        <el-form-item label="所属产品类别" prop="productCategoryId">
+        <el-form-item label="所属产品类别" prop="categoryId">
           <el-select
-            v-model="form.productCategoryId"
+            v-model="form.categoryId"
             filterable
             remote
             reserve-keyword
@@ -22,8 +22,8 @@
             </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="产品名称" prop="productName">
-          <el-input v-model="form.productName" placeholder="请输入产品名称"></el-input>
+        <el-form-item label="产品名称" prop="name">
+          <el-input v-model="form.name" placeholder="请输入产品名称"></el-input>
         </el-form-item>
         <el-form-item label="上市时间" prop="marketTime">
           <el-date-picker
@@ -69,7 +69,7 @@
                   <i class="el-icon-delete" @click.stop="handleRemove"></i>
                 </span>
               </span>
-                <el-image ref="image" style="width:100%;height: 100%;" :src="form.systemFileList[0].id?$p2 + form.systemFileList[0].url:form.systemFileList[0].url" :preview-src-list="form.systemFileList?form.systemFileList.map(item=>{return item.id? $p2 + item.url:item.url}):[]"></el-image>
+              <el-image ref="image" style="width:100%;height: 100%;" :src="form.systemFileList[0].guid?$commonJS.checkViewer(form.systemFileList[0].guid):form.systemFileList[0].url" :preview-src-list="form.systemFileList?form.systemFileList.map(item=>{return item.guid? $commonJS.checkViewer(item.guid):item.url}):[]"></el-image>
             </span>
             <i v-else class="el-icon-plus avatar-uploader-icon"></i>
           </el-upload>
@@ -119,8 +119,8 @@ export default {
       form: {},
       // 产品表单的校验
       rules: {
-        productCategoryId: [{ required: true, message: '请输入所属产品类别', trigger: 'blur' },],
-        productName: [{ required: true, message: '请输入产品名称', trigger: 'blur' },],
+        categoryId: [{ required: true, message: '请输入所属产品类别', trigger: 'blur' },],
+        name: [{ required: true, message: '请输入产品名称', trigger: 'blur' },],
         licenseRate:[{ required: false, validator:licenseRateRule, trigger: 'blur' },],
       },
       //产品类别集合
@@ -263,9 +263,9 @@ export default {
           if(response.data.data && response.data.data.length == 0){
             this.isLazy = false
           }
-          if(this.form.productCategoryId){
+          if(this.form.categoryId){
             var index = response.data.data.findIndex(item=>{
-              return item.id == this.form.productCategoryId
+              return item.id == this.form.categoryId
             })
             if(index!=-1){
               response.data.data.splice(index,1)

src/views/product/components/index.vue

@@ -239,7 +239,8 @@ export default {
     },
     //预览图片
     checkImage(row){
-      this.imgSrc =  `http://192.168.1.14:8801/fileManager/downloadFile?fileId=${item.systemFileList[0].guid}`
+      // this.imgSrc =  `http://192.168.1.14:8801/fileManager/downloadFile?fileId=${item.systemFileList[0].guid}`
+      this.imgSrc = this.$commonJS.checkViewer(row.systemFileList[0].guid)
       this.showImg = true
     },
     //关闭预览图片