文件上传ui

src/views/burst/form/purchase/ProcessIndustrialDeliveryForm.vue

@@ -34,11 +34,12 @@
             </a-form-model-item>
           </a-col>
 
-          <a-col :xs="24" :sm="8">
-            <a-form-model-item label="文件Id" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fileId">
-              <a-input v-decorator="['fileId']" placeholder="请输入文件Id" ></a-input>
-            </a-form-model-item>
-          </a-col>
+           <a-col :xs="24" :sm="8">
+             <a-form-model-item label="文件" :labelCol="labelCol3" :wrapperCol="wrapperCol3" prop="fileId">
+               <!--              <a-input v-model="form.fileId" placeholder="请输入文件id" ></a-input>-->
+               <j-upload v-decorator="['fileId']" style="z-index: 999"></j-upload>
+             </a-form-model-item>
+           </a-col>
 
         </a-row>
       </a-form>
@@ -120,6 +121,14 @@ import pick from 'lodash.pick'
           xs: { span: 24 },
           sm: { span: 16 },
         },
+        labelCol3: {
+          xs: { span: 24 },
+          sm: { span: 6 }
+        },
+        wrapperCol3: {
+          xs: { span: 24 },
+          sm: { span: 5 }
+        },
         model:{
           planType:null,
           company:null,

src/views/burst/form/purchase/ProcessIndustrialRestoreForm.vue

@@ -22,15 +22,16 @@
 
           <a-col :span="8" >
             <a-form-model-item label="物资类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="type">
-<!--              <a-input v-model="model.type" placeholder="请输入物资类型" ></a-input>-->
+
               <j-dict-select-tag type="list"  v-decorator="['type']"
                                  dictCode="explosive_type" :trigger-change="true"
-                                 placeholder="请选择物资类型" @change="elect"/>
+                                 placeholder="请选择物资类型" @change="elect" />
             </a-form-model-item>
           </a-col>
-          <a-col :span="8" >
-            <a-form-model-item label="文件" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fileId">
-              <a-input v-decorator="['fileId']"  placeholder="请输入文件Id" ></a-input>
+          <a-col :xs="24" :sm="8">
+            <a-form-model-item label="文件" :labelCol="labelCol3" :wrapperCol="wrapperCol3" prop="fileId">
+              <!--              <a-input v-model="form.fileId" placeholder="请输入文件id" ></a-input>-->
+              <j-upload v-decorator="['fileId']" style="z-index: 999"></j-upload>
             </a-form-model-item>
           </a-col>
         </a-row>
@@ -113,6 +114,14 @@ import pick from 'lodash.pick'
           xs: { span: 24 },
           sm: { span: 16 },
         },
+        labelCol3: {
+          xs: { span: 24 },
+          sm: { span: 6 }
+        },
+        wrapperCol3: {
+          xs: { span: 24 },
+          sm: { span: 5 }
+        },
         model:{
           planType:null,
           company:null,
@@ -254,6 +263,7 @@ import pick from 'lodash.pick'
     methods: {
       //物资类型切换
       elect(val) {
+        console.log("val>>>>>>>>>>>",val)
         if (val != undefined) {
           this.assigneesText = val;
         }

src/views/burst/form/purchase/ProcessIndustrialScrapsForm.vue

@@ -20,21 +20,21 @@
             </a-form-model-item>
           </a-col>
 
-          <a-col :xs="24" :sm="8">
-            <a-form-model-item label="文件" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fileId">
-              <a-input v-decorator="['fileId']"  placeholder="请输入文件"></a-input>
-            </a-form-model-item>
-          </a-col>
-
           <a-col :xs="24" :sm="8">
             <a-form-model-item label="物资类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="type">
               <!--              <a-input v-model="model.type" placeholder="请输入物资类型"></a-input>-->
               <!--              <a-input v-model="model.type" placeholder="请输入物资类型" ></a-input>-->
               <j-dict-select-tag type="list"  v-decorator="['type']"
-                                 dictCode="explosive_type"
+                                 dictCode="explosive_type" :trigger-change="true"
                                  placeholder="请选择物资类型" @change="elect" />
             </a-form-model-item>
           </a-col>
+          <a-col :xs="24" :sm="8">
+            <a-form-model-item label="文件" :labelCol="labelCol3" :wrapperCol="wrapperCol3" prop="fileId">
+              <!--              <a-input v-model="form.fileId" placeholder="请输入文件id" ></a-input>-->
+              <j-upload v-decorator="['fileId']" style="z-index: 999"></j-upload>
+            </a-form-model-item>
+          </a-col>
         </a-row>
       </a-form>
     </j-form-container>
@@ -121,6 +121,15 @@ export default {
         company: null,
         departId: null
       },
+      labelCol3: {
+        xs: { span: 24 },
+        sm: { span: 6 }
+      },
+      wrapperCol3: {
+        xs: { span: 24 },
+        sm: { span: 5 }
+      },
+
       validatorRules: {
         departId: [
           { required: true, message: '请输入流程发起部门!' }
@@ -264,6 +273,7 @@ export default {
   methods: {
     //物资类型切换
     elect(val) {
+      console.log("val>>>>>>>>>>>",val)
       if (val != undefined) {
         this.assigneesText = val
       }