成本

src/components/pric/tablePric.vue

@@ -1,5 +1,10 @@
 <template>
-  <el-table :data="SurchargeData" border style="width: 100%" class="el_row_table">
+  <el-table
+    :data="SurchargeData"
+    border
+    :style="{ width: '100%', maxHeight: height + 'px' }"
+    class="el_row_table"
+  >
     <template v-for="column in Surcharge" :key="column.prop">
       <el-table-column
         v-if="column.disabled"
@@ -89,6 +94,9 @@ function selectChange(data) {
   emit('change', data);
 }
 const props = defineProps({
+  height: {
+    type: Number,
+  },
   SurchargeData: {
     type: Array,
     required: true,
@@ -102,6 +110,11 @@ const props = defineProps({
     default: () => [],
   },
 });
+console.log(props.height,'props');
 </script>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+.el_row_table {
+  overflow: scroll;
+}
+</style>

src/views/cost/Deliverycostmanagement/Deliverymaintenancecosts.vue

@@ -168,6 +168,7 @@
           :Surcharge="Categorybyitembilling"
           @focus="handleRowFocus"
           @search="search"
+          :height="150"
         >
           <template #default="slotProps">
             <template v-if="slotProps.scope.column.label === '操作'"> </template>
@@ -178,10 +179,11 @@
       <div class="el_category">
         <span class="title">品类按方计费</span>
         <SurchargeTable
-          :SurchargeData="form.Categorybyitembilling"
+          :SurchargeData="form.Categorybasedbillingbyparty"
-          :Surcharge="Categorybyitembilling"
+          :Surcharge="Categorybasedbillingbyparty"
           @focus="handleRowFocus"
           @search="search"
+          :height="150"
         >
           <template #default="slotProps">
             <template v-if="slotProps.scope.column.label === '操作'"> </template>
@@ -190,12 +192,13 @@
       </div>
 
       <div class="el_category">
-        <span class="title">品类按方计费</span>
+        <span class="title">品类按重量计费</span>
         <SurchargeTable
-          :SurchargeData="form.Categorybyitembilling"
+          :SurchargeData="form.Categorychargesbyweight"
-          :Surcharge="Categorybyitembilling"
+          :Surcharge="Categorychargesbyweight"
           @focus="handleRowFocus"
           @search="search"
+          :height="150"
         >
           <template #default="slotProps">
             <template v-if="slotProps.scope.column.label === '操作'"> </template>
@@ -204,12 +207,13 @@
       </div>
 
       <div class="el_category">
-        <span class="title">品类按方计费</span>
+        <span class="title">品类按吨计费</span>
         <SurchargeTable
-          :SurchargeData="form.Categorybyitembilling"
+          :SurchargeData="form.Categorybilledbyton"
-          :Surcharge="Categorybyitembilling"
+          :Surcharge="Categorybilledbyton"
           @focus="handleRowFocus"
           @search="search"
+          :height="150"
         >
           <template #default="slotProps">
             <template v-if="slotProps.scope.column.label === '操作'"> </template>
@@ -275,11 +279,68 @@
       >
         <template #default="slotProps">
           <template v-if="slotProps.scope.column.label === '操作'">
-            <el-text class="el_text_del">删除</el-text>
+            <div class="el_btn_txt">
+              <el-text class="el_text_del" @click="Oversizedbillingdel(slotProps)">删除</el-text>
+              <el-text class="el_text_add" @click="Oversizedbillingadd">新增</el-text>
+            </div>
           </template>
         </template>
       </SurchargeTable>
     </div>
+
+    <div class="el_Super">
+      <div class="el_Super_box">
+        <span class="title">统一超区公里数(km)</span>
+        <el-input-number
+          v-model="form.numc"
+          :min="0"
+          :controls="false"
+          :precision="2"
+          :value-on-clear="0"
+        />
+      </div>
+      <div class="el_Super_box">
+        <span class="title">统一超区后单价(元/km)</span>
+        <el-input-number
+          v-model="form.numc"
+          :min="0"
+          :controls="false"
+          :precision="2"
+          :value-on-clear="0"
+        />
+      </div>
+      <div class="el_Super_box">
+        <span class="title">点位补贴单价(元/点)</span>
+        <el-input-number
+          v-model="form.numc"
+          :min="0"
+          :controls="false"
+          :precision="2"
+          :value-on-clear="0"
+        />
+      </div>
+      <div class="el_Super_box">
+        <span class="title">保底费(元)</span>
+        <el-input-number
+          v-model="form.numc"
+          :min="0"
+          :controls="false"
+          :precision="2"
+          :value-on-clear="0"
+        />
+      </div>
+      <div class="el_Super_box">
+        <span class="title">油费(元/km)</span>
+        <el-input-number
+          v-model="form.numc"
+          :min="0"
+          :controls="false"
+          :precision="2"
+          :value-on-clear="0"
+        />
+      </div>
+    </div>
+
     <template #footer>
       <div class="dialog-footer">
         <el-button @click="form.dialogVisible = false">取消</el-button>
@@ -319,6 +380,107 @@ const form = ref({
       options: [],
       loading: false,
     },
+    {
+      index: 1,
+      Costsettlementcategory: '', //成本结算品类
+      UnitPrice: '', //单价(元/件)
+      options: [],
+      loading: false,
+    },
+    {
+      index: 1,
+      Costsettlementcategory: '', //成本结算品类
+      UnitPrice: '', //单价(元/件)
+      options: [],
+      loading: false,
+    },
+    {
+      index: 1,
+      Costsettlementcategory: '', //成本结算品类
+      UnitPrice: '', //单价(元/件)
+      options: [],
+      loading: false,
+    },
+    {
+      index: 1,
+      Costsettlementcategory: '', //成本结算品类
+      UnitPrice: '', //单价(元/件)
+      options: [],
+      loading: false,
+    },
+    {
+      index: 1,
+      Costsettlementcategory: '', //成本结算品类
+      UnitPrice: '', //单价(元/件)
+      options: [],
+      loading: false,
+    },
+    {
+      index: 1,
+      Costsettlementcategory: '', //成本结算品类
+      UnitPrice: '', //单价(元/件)
+      options: [],
+      loading: false,
+    },
+    {
+      index: 1,
+      Costsettlementcategory: '', //成本结算品类
+      UnitPrice: '', //单价(元/件)
+      options: [],
+      loading: false,
+    },
+    {
+      index: 1,
+      Costsettlementcategory: '', //成本结算品类
+      UnitPrice: '', //单价(元/件)
+      options: [],
+      loading: false,
+    },
+    {
+      index: 1,
+      Costsettlementcategory: '', //成本结算品类
+      UnitPrice: '', //单价(元/件)
+      options: [],
+      loading: false,
+    },
+    {
+      index: 1,
+      Costsettlementcategory: '', //成本结算品类
+      UnitPrice: '', //单价(元/件)
+      options: [],
+      loading: false,
+    },
+  ],
+  //品类按方计费
+  Categorybasedbillingbyparty: [
+    {
+      index: 1,
+      Costsettlementcategory: '', //成本结算品类
+      UnitPrice: '', //单价(元/件)
+      options: [],
+      loading: false,
+    },
+  ],
+
+  // 品类按重量计费
+  Categorychargesbyweight: [
+    {
+      index: 1,
+      Costsettlementcategory: '', //成本结算品类
+      UnitPrice: '', //单价(元/件)
+      options: [],
+      loading: false,
+    },
+  ],
+  // 品类按吨计费
+  Categorybilledbyton: [
+    {
+      index: 1,
+      Costsettlementcategory: '', //成本结算品类
+      UnitPrice: '', //单价(元/件)
+      options: [],
+      loading: false,
+    },
   ],
   asurcharge: [
     {
@@ -402,7 +564,60 @@ const Categorybyitembilling = ref([
     disabled: true,
   },
 ]);
-
+// 品类按方计费
+const Categorybasedbillingbyparty = ref([
+  { label: '序号', prop: 'index', type: 'string', width: '50', disabled: true },
+  {
+    label: '成本结算品类',
+    prop: 'Warehousecategory',
+    type: 'select',
+    width: 'auto',
+    disabled: true,
+  },
+  {
+    label: '单价(元/件)',
+    prop: 'UnitPrice',
+    type: 'number',
+    width: 'auto',
+    disabled: true,
+  },
+]);
+//品类按重量计费
+const Categorychargesbyweight = ref([
+  { label: '序号', prop: 'index', type: 'string', width: '50', disabled: true },
+  {
+    label: '成本结算品类',
+    prop: 'Warehousecategory',
+    type: 'select',
+    width: 'auto',
+    disabled: true,
+  },
+  {
+    label: '单价(元/件)',
+    prop: 'UnitPrice',
+    type: 'number',
+    width: 'auto',
+    disabled: true,
+  },
+]);
+// 品类按吨计费
+const Categorybilledbyton = ref([
+  { label: '序号', prop: 'index', type: 'string', width: '50', disabled: true },
+  {
+    label: '成本结算品类',
+    prop: 'Warehousecategory',
+    type: 'select',
+    width: 'auto',
+    disabled: true,
+  },
+  {
+    label: '单价(元/件)',
+    prop: 'UnitPrice',
+    type: 'number',
+    width: 'auto',
+    disabled: true,
+  },
+]);
 // 附加费
 const asurcharge = ref([
   { label: '序号', prop: 'index', type: 'string', width: '50', disabled: true },
@@ -495,6 +710,14 @@ const newlyadded = row => {
 const Pricingrules = () => {
   console.log(form.value);
 };
+// 新增超区区域计费
+const Oversizedbillingadd=()=>{
+  
+}
+// 删除超区区域计费
+const Oversizedbillingdel=(row)=>{
+console.log(row,'删除超区费');
+}
 </script>
 
 <style scoped lang="scss">
@@ -645,5 +868,41 @@ const Pricingrules = () => {
     color: #ff5722;
     cursor: pointer;
   }
+  .el_text_add{
+    margin-left: 10px;
+    color: #0045c4;
+    cursor: pointer;
+  }
+}
+.el_Super {
+  display: flex;
+  justify-content: space-between;
+  .el_Super_box {
+    width: 18%;
+    display: flex;
+    flex-direction: column;
+    .el-input-number {
+      width: 100%;
+    }
+    .title {
+      position: relative;
+      padding: 0 10px;
+      display: block;
+      margin-top: 20px;
+      margin-bottom: 10px;
+    }
+    .title::after {
+      content: '';
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 4px;
+      height: 100%;
+      background-color: #172e60;
+    }
+  }
+}
+.SuperAdd {
+  display: flex;
 }
 </style>