From a918cfe4dfa4b8a6345be00dfb0cdd3784395cc7 Mon Sep 17 00:00:00 2001
From: xzg <4727863@qq.com>
Date: Wed, 24 Jul 2024 17:05:05 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=B7=B2bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/distribution/signfor/asurcharge.vue | 275 +++++++++++-------
 1 file changed, 162 insertions(+), 113 deletions(-)

diff --git a/src/views/distribution/signfor/asurcharge.vue b/src/views/distribution/signfor/asurcharge.vue
index ab826ce4..94b6011c 100644
--- a/src/views/distribution/signfor/asurcharge.vue
+++ b/src/views/distribution/signfor/asurcharge.vue
@@ -25,102 +25,13 @@
           </el-form-item> -->
         </el-form>
       </el-row>
-      <div class="header">
-        <h2 class="money">合计费用:999999</h2>
-
-        <div class="radio">
-          <div class="el_radio">
-            <span class="title">是否专车：</span>
-            <el-radio-group v-model="radio">
-              <el-radio :value="0">是</el-radio>
-              <el-radio :value="1">否</el-radio>
-            </el-radio-group>
-          </div>
-          <div class="el_radio el_money">
-            <span class="title">专车费用：</span>
-            <el-input-number
-              v-model="form.num"
-              :min="0"
-              :max="10"
-              @change="handleChange"
-              :controls="false"
-              :value-on-clear="0"
-            />
-          </div>
-          <div class="el_radio">
-            <span class="title">是否超区：</span>
-            <el-radio-group v-model="radio">
-              <el-radio :value="0">是</el-radio>
-              <el-radio :value="1">否</el-radio>
-            </el-radio-group>
-          </div>
-          <div class="el_radio el_money">
-            <span class="title">超区公里数：</span>
-            <el-input-number
-              v-model="form.num"
-              :min="0"
-              @change="handleChange"
-              :controls="false"
-              :value-on-clear="0"
-            />
-          </div>
-          <div class="el_radio el_money">
-            <span class="title">超区费用：</span>
-            <el-input-number
-              v-model="form.num"
-              :min="0"
-              @change="handleChange"
-              :controls="false"
-              :value-on-clear="0"
-            />
-          </div>
-        </div>
-        <!-- ---  -->
-        <!-- <div class="radio">
-          <div class="el_radio">
-            <span class="title">是否超区：</span>
-            <el-radio-group v-model="radio">
-              <el-radio :value="0">是</el-radio>
-              <el-radio :value="1">否</el-radio>
-            </el-radio-group>
-          </div>
-          <div class="el_radio el_money">
-            <span class="title">超区公里数：</span>
-            <el-input-number
-              v-model="form.num"
-              :min="0"
-              @change="handleChange"
-              :controls="false"
-              :value-on-clear="0"
-            />
-          </div>
-          <div class="el_radio el_money">
-            <span class="title">超区费用：</span>
-            <el-input-number
-              v-model="form.num"
-              :min="0"
-              @change="handleChange"
-              :controls="false"
-              :value-on-clear="0"
-            />
-          </div>
-        </div> -->
-      </div>
 
       <!-- 控件模块 -->
       <el-row>
         <div class="avue-crud__header">
           <!-- 头部左侧按钮模块 -->
           <div class="avue-crud__left">
-            <el-button type="primary" @click="AddInfo"
-              ><el-icon><Plus /></el-icon>新增</el-button
-            >
-            <el-button type="primary" @click="Batchdeletion"
-              ><el-icon><Delete /></el-icon>批量删除</el-button
-            >
-            <el-button type="primary" @click="exportExcel"
-              ><el-icon><Download /></el-icon>导出</el-button
-            >
+            <h4 class="el_fee">合计费用:999999</h4>
           </div>
           <!-- 头部右侧按钮模块 -->
           <div class="avue-crud__right">
@@ -133,12 +44,28 @@
       <div v-loading="loadingObj.list">
         <!-- 首页表格 -->
         <el-tabs v-model="tabName" type="border-card" class="el_tab_top" @tab-click="tabchange">
-          <el-tab-pane label="上楼费" name="1"></el-tab-pane>
-          <el-tab-pane label="装卸费" name="4"></el-tab-pane>
-          <el-tab-pane label="平移费" name="3"></el-tab-pane>
-          <el-tab-pane label="分货费" name="5"></el-tab-pane>
+          <el-tab-pane label="上楼费" :name="1"></el-tab-pane>
+          <el-tab-pane label="装卸费" :name="4"></el-tab-pane>
+          <el-tab-pane label="平移费" :name="3"></el-tab-pane>
+          <el-tab-pane label="分货费" :name="5"></el-tab-pane>
+          <el-tab-pane label="专车费" :name="6"></el-tab-pane>
+          <el-tab-pane label="超区费" :name="2"></el-tab-pane>
         </el-tabs>
-        <el-row>
+        <div class="el_topbtn">
+          <div v-if="[1, 3, 4, 5].includes(tabName)" class="el_left">
+            <el-button type="primary" @click="AddInfo"
+              ><el-icon><Plus /></el-icon>新增</el-button
+            >
+            <el-button type="primary" @click="Batchdeletion"
+              ><el-icon><Delete /></el-icon>批量删除</el-button
+            >
+          </div>
+          <el-button type="primary" @click="exportExcel"
+            ><el-icon><Download /></el-icon>导出</el-button
+          >
+        </div>
+
+        <el-row v-if="[1, 3, 4, 5].includes(tabName)">
           <!-- 列表模块 -->
           <tablecmt
             class="tableNode"
@@ -159,6 +86,63 @@
             </template>
           </tablecmt>
         </el-row>
+        <div v-if="[2, 6].includes(tabName)" class="header_content">
+          <div class="radio">
+            <div v-if="tabName == 6" class="el_box">
+              <div class="el_radio">
+                <span class="title">是否专车：</span>
+                <el-radio-group v-model="radio">
+                  <el-radio :value="0">是</el-radio>
+                  <el-radio :value="1">否</el-radio>
+                </el-radio-group>
+              </div>
+              <div class="el_radio el_money">
+                <span class="title">专车费用：</span>
+                <el-input-number
+                  v-model="form.num"
+                  :min="0"
+                  :max="10"
+                  @change="handleChange"
+                  :controls="false"
+                  :value-on-clear="0"
+                />
+              </div>
+              <el-button type="primary" class="el_butn" @click="preservation">保存</el-button>
+            </div>
+
+            <div v-if="tabName == 2" class="el_box">
+              <div class="el_radio">
+                <span class="title">是否超区：</span>
+                <el-radio-group v-model="radio">
+                  <el-radio :value="0">是</el-radio>
+                  <el-radio :value="1">否</el-radio>
+                </el-radio-group>
+              </div>
+              <div class="el_radio el_money">
+                <span class="title">超区公里数：</span>
+                <el-input-number
+                  v-model="form.num"
+                  :min="0"
+                  @change="handleChange"
+                  :controls="false"
+                  :value-on-clear="0"
+                />
+              </div>
+              <div class="el_radio el_money">
+                <span class="title">超区费用：</span>
+                <el-input-number
+                  v-model="form.num"
+                  :min="0"
+                  @change="handleChange"
+                  :controls="false"
+                  :value-on-clear="0"
+                />
+              </div>
+
+              <el-button type="primary" class="el_butn" @click="preservation">保存</el-button>
+            </div>
+          </div>
+        </div>
       </div>
       <!-- 分页模块 -->
       <!-- <el-row class="el-fy">
@@ -275,9 +259,10 @@ import { ElMessageBox, ElMessage } from 'element-plus';
 import { downloadXls } from '@/utils/util';
 import { useStore } from 'vuex';
 import dayjs from 'dayjs';
+import { postFindCarListByName } from '@/api/distribution/addTripartiteTransfer';
 const $router = useRouter(); //跳转
 const $useStore = useStore(); //权限
-const tabName = ref('1');
+const tabName = ref(1);
 const addvalueDetailId = ref('');
 const ConfirmationInformation = ref(false);
 const $route = useRoute(); //获取地址栏参数
@@ -571,6 +556,33 @@ const ConfirmSubmission = () => {
     }
   });
 };
+// 超区专车保存
+const preservation = () => {
+  let data = {
+    addvalueType: tabName.value, //类型
+    deliveryId: $route.query.id,
+    reservationId: $route.query.reservationId,
+  };
+  console.log(data, '准备提交的数据');
+  //超区
+  if (tabName.value == 2) {
+  
+  } else if (tabName.value == 6) {
+    //专车
+  }
+  // 表格下面有数据走新增接口
+  $_saveSignAddValuePackage(data).then(res => {
+    console.log(res, '新增成功');
+    if (res.data.code == 200) {
+      ElMessage({
+        message: res.data.msg,
+        type: 'success',
+      });
+      packdialog.value = false; //关闭弹窗
+      TcZcInput.value.floolNum = ''; //清空楼层
+    }
+  });
+};
 //删除
 const Batchdeletion = () => {
   if (!details.selectionList.length) {
@@ -578,29 +590,32 @@ const Batchdeletion = () => {
       message: '请勾选要删除的数据',
       type: 'warning',
     });
-    return
+    return;
   }
   details.loadingObj.list = true;
-  let data={
+  let data = {
     addvalueType: tabName.value, //类型
     deliveryId: $route.query.id,
     reservationId: $route.query.reservationId,
     packageEntityList: details.selectionList, //选择的包件
-  }
-  $_cancelSignAddValuePackage(data).then(res=>{
-    console.log(res,'删除成功');
-    if(res.data.code==200){
-      ElMessage({
-        message:res.data.msg,
-        type: 'success',
-      });
-    }
-  }).catch(err=>{
-    console.log(err,'删除失败');
-  }).finally(()=>{
-    details.loadingObj.list = false;
-      onLoad(tabName.value)
-  })
+  };
+  $_cancelSignAddValuePackage(data)
+    .then(res => {
+      console.log(res, '删除成功');
+      if (res.data.code == 200) {
+        ElMessage({
+          message: res.data.msg,
+          type: 'success',
+        });
+      }
+    })
+    .catch(err => {
+      console.log(err, '删除失败');
+    })
+    .finally(() => {
+      details.loadingObj.list = postFindCarListByName;
+      onLoad(tabName.value);
+    });
 };
 //导出
 // const exportExcel = () => {
@@ -730,4 +745,38 @@ const Batchdeletion = () => {
     }
   }
 }
+.avue-crud__left {
+  .el_fee {
+    margin: 0;
+  }
+}
+.header_content {
+  .el_box {
+    display: flex;
+    align-items: flex-end;
+    .el_radio {
+      display: flex;
+      flex-direction: column;
+      width: 15%;
+    }
+    .el-radio-group {
+      background-color: #e7e7e7;
+    }
+    .el-input-number {
+      width: 100%;
+    }
+    .el_money {
+      margin-left: 10px;
+    }
+    .el_butn {
+      margin-left: 10px;
+    }
+  }
+}
+.el_topbtn {
+  display: flex;
+  .el_left {
+    margin-right: 12px;
+  }
+}
 </style>