修改出库from表单

src/views/activiti/form/ProcessMaterialsDelivery.vue

@@ -1,18 +1,37 @@
 <template>
   <a-card :bordered="false">
+    <a-tabs style="text-align: center"   @change="changeTables">
+      <a-tab-pane tab="总库出库" key="1" v-if="onlineDisabled" forceRender>
+        <a-tabs style="text-align: center">
+          <a-tab-pane tab="流程正文" key="1" forceRender>
+            <process-materials-delivery-form :dianshang="delivery" :isNew="isNew" :hieg="hieg" @delivery="showType" :processData="processData" :disabled="disabled"
+                                             @afterSubmit="afterSub" @close="close" :task="task" @passTask="passTask"
+                                             @backTask="backTask" @loadData="loadData"/>
+          </a-tab-pane>
 
-    <a-tabs style="text-align: center">
-      <a-tab-pane tab="流程正文" key="1" forceRender>
-        <process-materials-delivery-form :isNew="isNew" :hieg="hieg" :processData="processData" :disabled="disabled"
-                                         @afterSubmit="afterSub" @close="close" :task="task" @passTask="passTask"
-                                         @backTask="backTask" @loadData="loadData"/>
+          <a-tab-pane tab="流程节点图" key="2" forceRender>
+            <historic-pictrue :pictureId="pictureId" :procInstId="procInstId"/>
+          </a-tab-pane>
+          <a-tab-pane tab="审批历史" key="3" forceRender>
+            <historic-detail :pictureId="pictureId" :procInstId="procInstId"/>
+          </a-tab-pane>
+        </a-tabs>
       </a-tab-pane>
+      <a-tab-pane tab="项目部出库" key="2" v-if="noDisabled" forceRender>
+        <a-tabs style="text-align: center">
+          <a-tab-pane tab="流程正文" key="1" forceRender>
+            <process-materials-delivery-form  :dianshang="delivery" :isNew="isNew" :hieg="hieg"  @delivery="showType" :processData="processData" :disabled="disabled"
+                                             @afterSubmit="afterSub" @close="close" :task="task" @passTask="passTask"
+                                             @backTask="backTask" @loadData="loadData"/>
+          </a-tab-pane>
 
-      <a-tab-pane tab="流程节点图" key="2" forceRender>
-        <historic-pictrue :pictureId="pictureId" :procInstId="procInstId"/>
-      </a-tab-pane>
-      <a-tab-pane tab="审批历史" key="3" forceRender>
-        <historic-detail :pictureId="pictureId" :procInstId="procInstId"/>
+          <a-tab-pane tab="流程节点图" key="2" forceRender>
+            <historic-pictrue :pictureId="pictureId" :procInstId="procInstId"/>
+          </a-tab-pane>
+          <a-tab-pane tab="审批历史" key="3" forceRender>
+            <historic-detail :pictureId="pictureId" :procInstId="procInstId"/>
+          </a-tab-pane>
+        </a-tabs>
       </a-tab-pane>
     </a-tabs>
   </a-card>
@@ -27,7 +46,11 @@
     name: 'ProcessMaterialsDelivery',
     components: { ProcessMaterialsDeliveryForm, historicPictrue, historicDetail },
     data() {
-      return {}
+      return {
+        delivery: 1,
+        onlineDisabled:true,
+        noDisabled:true
+      }
     },
     props: {
       /*流程数据*/
@@ -79,6 +102,17 @@
       },
       loadData() {
         this.$emit('loadData')
+      },
+      changeTables(val){
+        this.delivery=Number(val);
+      },
+      showType(val){
+        if (val==2){
+          this.onlineDisabled=false
+        }
+        if (val==1){
+          this.noDisabled=false
+        }
       }
     }
   }

src/views/activiti/form/ProcessMaterialsDeliveryForm.vue

@@ -9,6 +9,11 @@
               <a-input v-decorator="['id']" placeholder="" style="width: 100%"/>
             </a-form-item>
           </a-col>
+          <a-col :span="8" v-show="false">
+            <a-form-item label="ID" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['deliveryType']" placeholder="" style="width: 100%"/>
+            </a-form-item>
+          </a-col>
           <a-col :span="8" v-show="false">
             <a-form-item label="ID" :labelCol="labelCol" :wrapperCol="wrapperCol">
               <a-input v-decorator="['id']" placeholder="" style="width: 100%" disabled/>
@@ -35,7 +40,14 @@
                       date-format="YYYY-MM-DD HH:mm:ss" style="width: 100%" disabled/>
             </a-form-item>
           </a-col>
-          <a-col :span="8">
+          <a-col :span="8" v-if="this.deliveryType==1">
+            <a-form-item label="物资类型" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <j-dict-select-tag type="list" @change="isMaterialType"
+                                 v-decorator="['materialType',validatorRules.materialType]" :trigger-change="true"
+                                 dictCode="stronger_material_type" placeholder="请选择物资类型"/>
+            </a-form-item>
+          </a-col>
+          <a-col :span="8" v-if="this.deliveryType==2">
             <a-form-item label="物资类型" :labelCol="labelCol" :wrapperCol="wrapperCol">
               <j-dict-select-tag type="list" @change="isMaterialType"
                                  v-decorator="['materialType',validatorRules.materialType]" :trigger-change="true"
@@ -334,6 +346,7 @@
         btndisabled: false,
         describes: '',
         assignees:'',
+        deliveryType:'',
         validatorRules: {
           // 'blur'是鼠标失去焦点的时候会触发验证
           materialType: { rules: [{ required: true, message: '请选择物资类型!' }] },
@@ -381,8 +394,12 @@
         type: Boolean,
         default: false,
         required: false
+      },
+      dianshang: {
+        type: Number,
+        default: 0,
+        required: false
       }
-
     },
     computed: {
       formDisabled() {
@@ -406,6 +423,17 @@
         return false
       }
     },
+    watch: {
+      dianshang: {
+        immediate: true,
+        handler: function(val) {
+          if (val==1){
+
+          }
+          this.deliveryType = val
+        }
+      }
+    },
     created() {
       //如果是流程中表单，则需要加载流程表单data
       //this.showFlowData()