市场认证清单-维护清单-交付物模板

jero-web/src/views/virtualAuthenticationList/components/editModel.vue

@@ -127,6 +127,25 @@
               </div>
             </a-col>
           </a-row>
+          <a-row :gutter="24">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                    <span class="title-text-text"
+                          :title="$t('deliverableTemplate')">{{$t('deliverableTemplate')}}</span>
+                </div>
+                <a-form-model-item class="itemModel" prop="deliverableTemplate">
+                  <a-button type="primary" class="button-text"
+                            @click="clickButtonToUpload('deliverableTemplate')">
+                    {{ (formInline.deliverableTemplate === 'null' || formInline.deliverableTemplate === ''
+                    ||
+                    formInline.deliverableTemplate == null) ? $t('clickUpload') : $t('viewUploadedFiles')
+                    }}
+                  </a-button>
+                </a-form-model-item>
+              </div>
+            </a-col>
+          </a-row>
         </a-form-model>
       </a-spin>
       <div class="drawer-bootom-button">
@@ -135,18 +154,21 @@
       </div>
     </a-drawer>
     <codeNumber ref="codeNumber" @regulation="regulation" />
+    <uploadFile ref="uploadFile" @uploadSuccess="uploadSuccess"/>
   </div>
 </template>
 
 <script>
 import { getAction, postAction, downloadFile, deleteAction } from '@/api/manage'
 import codeNumber from './codeNumber'
+import uploadFile from '@/components/uploadFile/file'
 
 export default {
   name:'editModel',
   props: ['url'],
   components:{
-    codeNumber
+    codeNumber,
+    uploadFile
   },
   data() {
     return {
@@ -276,7 +298,44 @@ export default {
         this.formInline = {... this.formInline}
         this.$refs.ruleForm.validateField(['serialNumber'])
       })
-    }
+    },
+    //交付物模板
+    clickButtonToUpload(item, index,isTrue) {
+      this.numIndex = index
+      this.$refs.uploadFile.perentHandleFunc()
+      this.$refs.uploadFile.visible = true
+      this.uploadName = item
+      let ids = ''
+      console.log(index)
+      if (isTrue){
+        ids = this.formInline.dataList[index][item]
+      }else{
+        ids = this.formInline[item]
+      }
+      getAction('sys/common/getFileInfos', { id: ids }).then((res) => {
+        if (res.success) {
+          this.$refs.uploadFile.perentHandleFunc(res.result)
+        } else {
+          this.$refs.uploadFile.perentHandleFunc()
+        }
+      })
+    },
+    /** 上传文件的回调 */
+    uploadSuccess(data) {
+      let attIdList = []
+      if (data && data.length > 0) {
+        data.map(item => {
+          attIdList.push(item.id || data.name)
+        })
+      }
+      /** 赋值给当前对应的表单文件 */
+      if (this.formInline.id) {
+        this.formInline[this.uploadName] = attIdList.join(',')
+      } else {
+        this.formInline.dataList[this.numIndex][this.uploadName] = attIdList.join(',')
+      }
+      this.formInline = { ...this.formInline }
+    },
   }
 }
 </script>
@@ -333,4 +392,13 @@ export default {
   background: #fff;
   border-radius: 0 0 2px 2px;
 }
+
+.button-text {
+  height: 38px;
+  width: calc(100% - 100px);
+  line-height: 38px;
+  background: #fff;
+  border: 1px #00B3BE solid;
+  color: #00B3BE;
+}
 </style>