From 80d60cd10af79bdeebb0b759792d11bb4fb621dc Mon Sep 17 00:00:00 2001
From: qb <1191961160@qq.com>
Date: Sun, 7 Apr 2024 17:19:20 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=A8=A1=E7=89=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/views/index.js                     |  9 +++
 .../distribution/artery/AddVehicleStowage.vue |  6 ++
 .../Financialse/FinancialBill.vue             | 32 +++++++++
 src/views/warehouse/warehouseWaybill.vue      |  4 +-
 src/views/wel/index.vue                       | 70 ++++++++++---------
 5 files changed, 85 insertions(+), 36 deletions(-)
 create mode 100644 src/views/financialsector/Financialse/FinancialBill.vue

diff --git a/src/router/views/index.js b/src/router/views/index.js
index 154eeffb..8be6f392 100644
--- a/src/router/views/index.js
+++ b/src/router/views/index.js
@@ -1503,6 +1503,15 @@ export default [
         name: '新增模板',
         component: () => import('@/views/financialsector/Financialse/FinancialWarehousing.vue'),
       },
+      {
+        meta: {
+          i18n: 'dict',
+          keepAlive: false,
+        },
+        path: '/financialsector/Financialse/FinancialBill',
+        name: '新增模板',
+        component: () => import('@/views/financialsector/Financialse/FinancialBill.vue'),
+      },
     ],
   },
   {
diff --git a/src/views/distribution/artery/AddVehicleStowage.vue b/src/views/distribution/artery/AddVehicleStowage.vue
index 549117e5..3a304699 100644
--- a/src/views/distribution/artery/AddVehicleStowage.vue
+++ b/src/views/distribution/artery/AddVehicleStowage.vue
@@ -575,6 +575,12 @@
   </el-dialog>
 </template>
 
+<script lang="ts">
+export default {
+  name: 'AddVehicleStowage',
+};
+</script>
+
 <script setup lang="ts">
 import { ref, reactive, toRefs, computed, onMounted, nextTick, onActivated, watch } from 'vue';
 import functions from '@/utils/functions';
diff --git a/src/views/financialsector/Financialse/FinancialBill.vue b/src/views/financialsector/Financialse/FinancialBill.vue
new file mode 100644
index 00000000..323dc49e
--- /dev/null
+++ b/src/views/financialsector/Financialse/FinancialBill.vue
@@ -0,0 +1,32 @@
+<template>
+  <div>
+    <el-form>
+      <el-form-item label="计费类型">
+        <el-input />
+      </el-form-item>
+    </el-form>
+
+    <el-divider content-position="left">整车计费</el-divider>
+    <el-form inline>
+      <el-form-item label="车型"></el-form-item>
+      <el-form-item label="整车计费（ 元/车 ）">
+        <el-input-number :min="0" :controls="false" :precision="2" :value-on-clear="0" />
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style lang="scss" scoped>
+// 标题
+:deep(.el-divider__text.is-left) {
+  font-size: 20px;
+  font-weight: bold;
+  color: var(--el-color-primary);
+}
+
+:deep(.el-input-number .el-input__inner) {
+  text-align: left;
+}
+</style>
diff --git a/src/views/warehouse/warehouseWaybill.vue b/src/views/warehouse/warehouseWaybill.vue
index 5c3eb922..4b52a792 100644
--- a/src/views/warehouse/warehouseWaybill.vue
+++ b/src/views/warehouse/warehouseWaybill.vue
@@ -609,7 +609,7 @@ export default {
         {
           prop: 'stockCount',
           label: '在库数',
-          type: 4,
+          type: 2,
           values: '',
           width: '130',
           checkarr: [],
@@ -620,7 +620,7 @@ export default {
         {
           prop: 'handleNum',
           label: '可用数量',
-          type: 4,
+          type: 2,
           values: '',
           width: '130',
           checkarr: [],
diff --git a/src/views/wel/index.vue b/src/views/wel/index.vue
index 7888812e..46f82a80 100644
--- a/src/views/wel/index.vue
+++ b/src/views/wel/index.vue
@@ -546,10 +546,21 @@
       <!-- 当前配送数据 -->
       <div class="mr10 box1 view_box">
         <!-- 标题 -->
-        <div class="align_center mb20">
-          <img class="mr10 img_13pt" src="@/static/icon_data.png" alt="" />
+        <div class="flex-c-sb mb20">
+          <div class="align_center">
+            <img class="mr10 img_13pt" src="@/static/icon_data.png" alt="" />
 
-          <div class="title">当前配送数据</div>
+            <div class="title">当前配送数据</div>
+          </div>
+
+          <div class="align_center">
+            <div :class="{ button: true, active: isActive }" @click="isActive = !isActive">
+              市配
+            </div>
+            <div :class="{ button: true, active: !isActive }" @click="isActive = !isActive">
+              商配
+            </div>
+          </div>
         </div>
 
         <!-- 数据 -->
@@ -557,18 +568,18 @@
           <div class="item">
             <div class="align_center">
               <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
-              <span>总数</span>
+              <span>配送计划总数</span>
             </div>
             <div class="mt10">
               <span class="data mr5px">16899</span>
-              <span class="">件</span>
+              <span class="">单</span>
             </div>
           </div>
 
           <div class="item border-left">
             <div class="align_center">
               <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
-              <span>零担</span>
+              <span>总件数</span>
             </div>
             <div class="mt10">
               <span class="data mr5px">16899</span>
@@ -579,29 +590,29 @@
           <div class="item border-left">
             <div class="align_center">
               <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
-              <span>三方中转</span>
+              <span>总重量</span>
             </div>
             <div class="mt10">
               <span class="data mr5px">16899</span>
-              <span class="">件</span>
+              <span class="">kg</span>
             </div>
           </div>
 
           <div class="item border-left">
             <div class="align_center">
               <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
-              <span>商配</span>
+              <span>总方数</span>
             </div>
             <div class="mt10">
               <span class="data mr5px">16899</span>
-              <span class="">件</span>
+              <span class="">m³</span>
             </div>
           </div>
 
           <div class="item border-left">
             <div class="align_center">
               <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
-              <span>市配</span>
+              <span>在途件数</span>
             </div>
             <div class="mt10">
               <span class="data mr5px">16899</span>
@@ -620,11 +631,11 @@
           <div class="title">签收数据</div>
         </div>
 
-        <div class="border data_container pd10 flex">
+        <div class="border data_container pd10 flex-c-sb">
           <div class="item">
             <div class="align_center">
               <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
-              <span>总数</span>
+              <span>已签收</span>
             </div>
             <div class="mt10">
               <span class="data mr5px">16899</span>
@@ -635,18 +646,7 @@
           <div class="item border-left">
             <div class="align_center">
               <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
-              <span>已上架</span>
-            </div>
-            <div class="mt10">
-              <span class="data mr5px">16899</span>
-              <span class="">件</span>
-            </div>
-          </div>
-
-          <div class="item border-left">
-            <div class="align_center">
-              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
-              <span>空置</span>
+              <span>未签收</span>
             </div>
             <div class="mt10">
               <span class="data mr5px">16899</span>
@@ -657,18 +657,17 @@
           <div class="item border-left">
             <div class="align_center">
               <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
-              <span>已上架</span>
+              <span>签收率</span>
             </div>
             <div class="mt10">
-              <span class="data mr5px">16899</span>
-              <span class="">件</span>
+              <span class="data">16899</span>
             </div>
           </div>
 
           <div class="item border-left">
             <div class="align_center">
               <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
-              <span>未上架</span>
+              <span>文员签收数</span>
             </div>
             <div class="mt10">
               <span class="data mr5px">16899</span>
@@ -679,18 +678,17 @@
           <div class="item border-left">
             <div class="align_center">
               <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
-              <span>未上架</span>
+              <span>文员签收率</span>
             </div>
             <div class="mt10">
-              <span class="data mr5px">16899</span>
-              <span class="">件</span>
+              <span class="data">16899</span>
             </div>
           </div>
 
           <div class="item border-left">
             <div class="align_center">
               <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
-              <span>未上架</span>
+              <span>超时签收</span>
             </div>
             <div class="mt10">
               <span class="data mr5px">16899</span>
@@ -908,7 +906,11 @@ const isActive = ref(false);
 
 // 第四排
 .row_fourthly {
-  @extend .row_second;
+  @extend .row_third;
+
+  .item {
+    width: 150px;
+  }
 }
 
 .mr5px {