修复编辑公司占比计算

src/views/aftersales/aftersalesWorkOrdermodify.vue

@@ -312,14 +312,22 @@
               </div>
               <div class="maxBox el_zb">
                 <span class="title">占比:</span>
-                <el-input
+                <el-input-number
                   v-model="item.responsibilityRatio"
+                  :controls="false"
                   placeholder="占比"
                   :disabled="RouterState == 'Kfend'"
                   :rows="2"
-                  @input="ProportionInput"
+                  :max="item.ProportionMax"
+                  @input="CompanyProportionInput(item)"
                 />
+                <span>%</span>
               </div>
+              <div class="maxBox">
+                  <el-form-item label="三方责任人">
+                    <el-input v-model="item.tripartite" placeholder="请输入三方责任人" />
+                  </el-form-item>
+                </div>
 
               <div class="maxBox">
                 <span class="title">说明:</span>
@@ -343,7 +351,7 @@
             </div>
           </div>
           <div class="Proportion">
-            <span class="title">公司占比:{{ companyProportion }}</span>
+            <span class="title">公司占比:{{ companyProportion }}%</span>
           </div>
         </div>
       </el-tab-pane>
@@ -696,7 +704,7 @@ const valueStrictly = ref();
 const routerID = ref(null); //路由参数ID
 const routerState = ref(''); //路由状态
 const personResponsibleList = ref([]); //责任人列表
-const companyProportion = ref(0); //公司占比
+const companyProportion = ref(100); //公司占比
 const identifying = ref(1); //订单，零担状态
 const dialogHistoricalPackage = ref(false); //历史包件弹窗
 const HistoricalPackageList = ref([]); //历史包件数组
@@ -746,7 +754,7 @@ const PackageInfo = ref([
 ]);
 // 责任方列表
 const FangAddList = ref([
-  { businessName: '', personResponsibleName: '', responsibilityRatio: '', description: '' },
+  { businessName: '', personResponsibleName: '', responsibilityRatio: '', description: '',tripartite:'' },
 ]);
 // 提货责任方
 const responsible = ref([
@@ -920,12 +928,16 @@ const onLoad = () => {
 
     FangAddList.value = res.data.data.personResponsibleVOS.map(res => {
       ResponsiblepartyData.value.push(res);
+     
       return {
         businessName: res.businessId, //责任人ID
         personResponsibleName: res.personResponsibleName, //责任人名称
         responsibilityRatio: res.responsibilityRatio, //占比
+        tripartite:res.tripartite,//三方责任人
         description: res.description, //说明
+        ProportionMax:100
       };
+    
     });
 
     InitialresponsibleParty.value = JSON.parse(JSON.stringify(FangAddList.value)); //拷贝一份责任方
@@ -973,7 +985,6 @@ const onLoad = () => {
           return {
             input: item.money,
             min: 0,
-            max: 9999999999999999999999999999,
             state: item.resultType,
             payment: item.compensationMethod,
             name: item.resultTypeName,
@@ -1093,16 +1104,41 @@ const abnormalChange = val => {
   }
 };
 // 公司占比计算
-const ProportionInput = () => {
-  console.log(FangAddList.value, '公司占比');
-  let sum = 0;
-  FangAddList.value.forEach(item => {
-    sum = Number(item.responsibilityRatio) + sum;
-  });
-  sum = 100 - sum;
-  companyProportion.value = sum;
-  console.log(sum, '公司占比');
+const CompanyProportion = val => {
+  console.log(val,'接受的值');
+  setTimeout(() => {
+    console.log(FangAddList.value, ' FangAddList.value');
+    let proportion = 0; //责任比例之和
+    FangAddList.value.forEach(item => {
+      proportion += Number(item.responsibilityRatio);
+    });
+    // companyProportion公司占比
+    companyProportion.value = 100 - proportion;
+
+    let sum = 0;
+    FangAddList.value.forEach(item => {
+      console.log(item.responsibilityRatio, '当前比例');
+      sum += Number(item.responsibilityRatio);
+    });
+    console.log(sum, '当前比例之和');
+    let max = (100 - sum )+ Number(val.responsibilityRatio);
+    console.log('MAX当前最大值', max);
+    if (val.ProportionMax) {
+      val.ProportionMax = max;
+    }
+  }, 0);
 };
+
+
+
+// 公司占比事件
+const CompanyProportionInput = item => {
+  console.log(item, '接收的值');
+  CompanyProportion(item);
+};
+
+
+
 // 发现节点事件
 const DiscoveringNodesChange = val => {
   groundlineSet.value = false; //干线条件都不满足
@@ -1142,18 +1178,30 @@ const PackagRemoval = (val, item) => {
 };
 // 责任方添加
 const responsibleParty = () => {
+  let sum = 0;
+  FangAddList.value.forEach(item => {
+    console.log(item.responsibilityRatio, '当前比例');
+    sum += Number(item.responsibilityRatio);
+  });
+  console.log(sum, '当前总和');
+  let max = 100 - sum;
+  console.log('添加了责任方');
   FangAddList.value.push({
     businessName: '',
     personResponsibleName: '',
+    tripartite: '',
     responsibilityRatio: '',
     description: '',
+    ProportionMax: max,
   });
+  console.log(max, '当前最大值');
+  console.log(FangAddList.value,'最新参数');
 };
 // 责任移除
 const ResponsibilityRemoval = (val, item) => {
   unProcessorEntityList.value.push(item);
-  console.log(unProcessorEntityList.value, '移除责任方');
   FangAddList.value.splice(val, 1); //移除当前点击的按钮
+  CompanyProportion(val);
 };
 // 顶部标签切换
 const TopChange = val => {
@@ -2088,6 +2136,7 @@ const ViewPackageDetails = val => {
     align-items: center;
     width: 30%;
     margin-right: 16px;
+    font-size: 14px;
     .title {
       width: 80px;
       font-size: 14px;
@@ -2096,6 +2145,9 @@ const ViewPackageDetails = val => {
     .el-select {
       width: 100%;
     }
+    :deep(.el-form-item){
+      margin-bottom: 0;
+    }
   }
   .el-btn {
     margin-left: 5%;