费用申请修改

src/views/ecw/order/feeApplication.vue

@@ -12,35 +12,35 @@
         </div></el-form-item>
         <el-form-item :label="$t('发货人')+'：'"><div class="content">{{orderDetails.consignorVO ? orderDetails.consignorVO.name :''}}</div></el-form-item>
         <el-form-item :label="$t('唛头')"><div class="content">{{orderDetails.marks}}</div></el-form-item>
-        <el-form-item> <el-button :disabled="!!processInstanceId" @click="addCost">{{$t('添加申请')}}</el-button></el-form-item>
+        <el-form-item> <el-button :disabled="!!processInstanceId || editMode" @click="addCost">{{$t('添加申请')}}</el-button></el-form-item>
       </el-form>
       <el-table :data="list">
          <el-table-column :label="$t('序号')" type="index"></el-table-column>
          <el-table-column :label="$t('费用类型')">
            <template  v-slot:default = "scope">
-             <dict-selector  :disabled="!!scope.row.status"  :type="DICT_TYPE.FEE_TYPE" v-model="scope.row.feeType" />
+             <dict-selector  :disabled="!scope.row.editMode && !!scope.row.status"  :type="DICT_TYPE.FEE_TYPE" v-model="scope.row.feeType" />
            </template>
          </el-table-column>
          <el-table-column :label="$t('金额')">
            <template v-slot:default = 'scope'>
-             <el-input  :disabled="!!scope.row.status" v-model.number="scope.row.applicationFee" ></el-input>
+             <el-input  :disabled="!scope.row.editMode && !!scope.row.status" v-model.number="scope.row.applicationFee" ></el-input>
            </template>
          </el-table-column>
          <el-table-column :label="$t('货币类型')">
            <template v-slot:default = 'scope'>
-             <el-select :disabled="!!scope.row.status"  v-model="scope.row.applicationFeeCurrency">
+             <el-select :disabled="!scope.row.editMode && !!scope.row.status"  v-model="scope.row.applicationFeeCurrency">
                <el-option v-for="item in JSON.parse(currencys)" :key="item.id" :label="item.titleZh" :value="item.id" />
              </el-select>
            </template>
          </el-table-column>
          <el-table-column :label="$t('付款类型')">
            <template v-slot = {row}>
-             <dict-selector  :disabled="row.status" :type="DICT_TYPE.PAYMENT_TYPE" v-model="row.payType" />
+             <dict-selector  :disabled="!row.editMode && !!row.status" :type="DICT_TYPE.PAYMENT_TYPE" v-model="row.payType" />
            </template>
          </el-table-column>
          <el-table-column :label="$t('备注')">
            <template v-slot:default="scope">
-             <el-input  :disabled="!!scope.row.status" v-model="scope.row.remarks" type="textarea"></el-input>
+             <el-input  :disabled="!scope.row.editMode && !!scope.row.status" v-model="scope.row.remarks" type="textarea"></el-input>
            </template>
          </el-table-column>
          <el-table-column :label="$t('确认收款')">
@@ -55,9 +55,9 @@
          </el-table-column>
          <el-table-column :label="$t('操作')">
            <template v-slot:default = 'scope'>
-             <el-button type="text" v-if="scope.row.status !== 0&&scope.row.status !== 1">{{STATUS[scope.row.status]}}</el-button>
-             <!--el-button type="text" v-if="scope.row.status == 1" @click="examineFn">{{$t('审核中')}}</el-button>
-             <el-button type="text" v-if="scope.row.status === 2" @click="modify(scope.row)">{{$t('修改')}}</el-button>-->
+             <el-tag v-if="scope.row.status !== 0 && !scope.row.editMode">{{STATUS[scope.row.status]}}</el-tag>
+             <!--el-button type="text" v-if="scope.row.status == 1" @click="examineFn">{{$t('审核中')}}</el-button-->
+             <el-button type="text" v-if="modifable(scope.$index)" @click="modify(scope.row)">{{$t('修改')}}</el-button>
              <el-button type="text" v-if="scope.row.status === 0" @click="del(scope.$index)">删除</el-button>
            </template>
          </el-table-column>
@@ -66,7 +66,7 @@
         <work-flow xmlkey="free_apply" v-model="selectedUsers"  />
       </div>
       <div style="text-align: center;margin-top: 20px;">
-        <el-button type="primary" v-if="!processInstanceId" style="margin-right: 30px;" :disabled="!feeList.length" @click="submit">{{$t('提交')}}</el-button>
+        <el-button type="primary" v-if="!processInstanceId" style="margin-right: 30px;" :disabled="!feeList.length && !editMode" @click="submit">{{$t('提交')}}</el-button>
         <el-button type="primary" v-if="processInstanceId" style="margin-right: 30px;" @click="goProcessDetail">{{$t('审核中')}}</el-button>
         <el-button type="primary" v-if="processInstanceId" style="margin-right: 30px;" @click="cancel">{{$t('取消审核')}}</el-button>
         <el-button @click="$emit('update:dialogVisible',false)">{{$t('返回')}}</el-button>
@@ -112,14 +112,31 @@ export default {
       DICT_TYPE,
       getDictDatas,
       STATUS:{},
-      isModify:[],
-      isModifyIf:false,
       selectedUsers:[]
     }
   },
     computed:{
       feeList(){
           return this.list.filter(item => item.status === 0)
+      },
+      // 正在编辑的费用申请
+      currentItem(){
+          return this.list.find(item => item.editMode)
+      },
+      // 是否修改模式
+      editMode(){
+        return !!this.currentItem
+      },
+      modifable(){
+          return (index) => {
+              // 审核中不允许修改
+              if(this.processInstanceId) return false
+              // 有未提交的不允许修改
+              if(this.feeList.length) return false
+              // 有修改中的不允许修改
+              if(this.list.findIndex(item => item.editMode) > -1) return false
+              return true
+          }
       }
     },
   created() {
@@ -152,6 +169,10 @@ export default {
         this.list.splice(index, 1)
       })
     },
+    // 修改
+    modify(item){
+      this.$set(item, 'editMode', true)
+    },
     addCost(){
         this.list.push({
             orderId:this.orderId,
@@ -172,6 +193,15 @@ export default {
         if(errList.length){
             return this.$message.error('请填写完整费用申请信息')
         }
+        if(this.editMode){
+            // 要提交status=1,否则保持原状态
+            const data = {...this.currentItem,status:1, copyUserId:this.selectedUsers}
+            return applicationUpdate(data).then(r => {
+                this.$message.success(this.$t('修改成功'));
+                this.$emit('update:dialogVisible',false)
+            })
+        }
+
         feeApplicationCreateBatch( {
           orderFeeApplicationCreateReqVOList: this.feeList,
           copyUserId:this.selectedUsers,
@@ -208,7 +238,6 @@ export default {
   watch:{
     dialogVisible(val){
        if(val){
-         this.isModify = []
          this.getOrderList()
          getOrder(this.orderId).then(r =>{
            if(r.code === 0){