完善干线权限按钮

src/views/distribution/artery/TripartiteTransfer.vue

@@ -82,22 +82,74 @@
       <div class="avue-crud__header">
         <!-- 头部左侧按钮模块 -->
         <div class="avue-crud__left">
-          <el-button type="primary" icon="Plus" @click="addTransfer">新增中转 </el-button>
-          <el-button type="primary" icon="Printer" @click="handleShowListOfLoadedWagons"
-            >装载清单</el-button
+          <!-- 新增中转 -->
+          <el-button
+            v-if="permissionObj.TripartiteTransfer_add"
+            type="primary"
+            icon="Plus"
+            @click="addTransfer"
+            >新增中转
+          </el-button>
+
+          <!-- 装载清单 -->
+          <el-button
+            v-if="permissionObj.TripartiteTransfer_boatNote"
+            type="primary"
+            icon="Printer"
+            @click="handleShowListOfLoadedWagons"
+          >
+            装载清单
+          </el-button>
+
+          <!-- 装载卸车清单(财务) -->
+          <el-button
+            v-if="permissionObj.TripartiteTransfer_LoadingAndUnloadingList"
+            type="primary"
+            icon="Printer"
+            @click="searchReset()"
           >
-          <el-button type="primary" icon="Printer" @click="searchReset()"
-            >装载卸车清单(财务)</el-button
+            装载卸车清单(财务)
+          </el-button>
+
+          <!-- 发车 -->
+          <el-button
+            v-if="permissionObj.TripartiteTransfer_startCar"
+            type="primary"
+            icon="Van"
+            @click="handleConfirmStartCar"
+          >
+            发 车
+          </el-button>
+
+          <!-- 取消发车 -->
+          <el-button
+            v-if="permissionObj.TripartiteTransfer_cancelStartCar"
+            type="primary"
+            icon="Delete"
+            @click="handleCancelStartCar"
           >
-          <el-button type="primary" icon="Van" @click="handleConfirmStartCar">发 车</el-button>
-          <el-button type="primary" icon="Delete" @click="handleCancelStartCar">
             取消发车
           </el-button>
+
           <!-- 到达 -->
-          <el-button type="primary" icon="CircleCheck" @click="handleShowConfirm">
+          <el-button
+            v-if="permissionObj.TripartiteTransfer_arrive"
+            type="primary"
+            icon="CircleCheck"
+            @click="handleShowConfirm"
+          >
             到 达
           </el-button>
-          <el-button type="primary" icon="Edit" @click="editTransfer">修 改</el-button>
+
+          <!-- 修改 -->
+          <el-button
+            v-if="permissionObj.TripartiteTransfer_edit"
+            type="primary"
+            icon="Edit"
+            @click="editTransfer"
+          >
+            修 改
+          </el-button>
         </div>
         <!-- 头部右侧按钮模块 -->
         <div class="avue-crud__right">
@@ -128,20 +180,40 @@
 
           <template v-if="slotProps.scope.column.label === '操作'">
             <!-- <el-text @click="handleShowzeroAdditionalRecording(slotProps.scope)"> 删除 </el-text> -->
+            <!-- 文员签收 -->
             <el-text
-              v-if="!slotProps.scope.row.signTime"
+              v-if="
+                permissionObj.TripartiteTransfer_theClearkSignsForIt &&
+                !slotProps.scope.row.signTime
+              "
               @click="handleTheClerkSignsForIt(slotProps.scope)"
             >
               文员签收
             </el-text>
-            <el-text @click="() => handleShowSiginImg(slotProps.scope)"> 签收图片管理 </el-text>
+
+            <!-- 签收图片管理 -->
+            <el-text
+              v-if="permissionObj.TripartiteTransfer_signImg"
+              @click="() => handleShowSiginImg(slotProps.scope)"
+            >
+              签收图片管理
+            </el-text>
+
+            <!-- 结算 -->
             <el-text
-              v-if="Number(slotProps.scope.row.isSettlement) === 1"
+              v-if="
+                permissionObj.TripartiteTransfer_Account &&
+                Number(slotProps.scope.row.isSettlement) === 1
+              "
               @click="handleShowCloseAnAccount(slotProps.scope)"
             >
               结算
             </el-text>
-            <el-text @click="handleShowTruckLoadingDetails(slotProps.scope)">装车明细</el-text>
+            <el-text
+              v-if="permissionObj.TripartiteTransfer_loadingDetail"
+              @click="handleShowTruckLoadingDetails(slotProps.scope)"
+              >装车明细</el-text
+            >
           </template>
         </template>
       </tablecmt>
@@ -196,7 +268,7 @@
       </el-form-item>
     </el-form>
 
-    <div class="flex-c-c mt10">
+    <div class="flex-c-c mt10" v-if="permissionObj.TripartiteTransfer_signImg_submit">
       <el-button @click="details.popUpShow.uploadSiginImg = false">关 闭</el-button>
       <el-button type="primary" icon="Position" @click="handleSubmitSiginImg">提 交</el-button>
     </div>
@@ -475,7 +547,7 @@
 import { ref, reactive, toRefs, computed, onMounted, nextTick } from 'vue';
 import functions from '@/utils/functions';
 import dayjs from 'dayjs';
-import { mapGetters } from 'vuex';
+import { mapGetters, useStore } from 'vuex';
 /** 获取字典 */
 import { getDictionaryBiz } from '@/api/system/dict';
 import {
@@ -511,6 +583,9 @@ import { getToken } from '@/utils/auth';
 // 获取路由实例
 const $router = useRouter();
 
+// vuex
+const $store = useStore();
+
 const details = reactive<any>({
   /** 是否开启搜索 */
   search: true,
@@ -691,6 +766,58 @@ const {
 const permission = computed(() => mapGetters(['permission', 'tagWel', 'tagList']));
 console.log('permission :>> ', permission);
 
+/** 权限按钮 */
+const permissionObj = reactive({
+  /** 新增中转 */
+  TripartiteTransfer_add: computed(() => {
+    return $store.getters.permission.TripartiteTransfer_add;
+  }),
+  /** 装载清单 */
+  TripartiteTransfer_boatNote: computed(() => {
+    return $store.getters.permission.TripartiteTransfer_boatNote;
+  }),
+  /** 装载卸车清单(财务) */
+  TripartiteTransfer_LoadingAndUnloadingList: computed(() => {
+    return $store.getters.permission.TripartiteTransfer_LoadingAndUnloadingList;
+  }),
+  /** 发车 */
+  TripartiteTransfer_startCar: computed(() => {
+    return $store.getters.permission.TripartiteTransfer_startCar;
+  }),
+  /** 取消发车 */
+  TripartiteTransfer_cancelStartCar: computed(() => {
+    return $store.getters.permission.TripartiteTransfer_cancelStartCar;
+  }),
+  /** 到达 */
+  TripartiteTransfer_arrive: computed(() => {
+    return $store.getters.permission.TripartiteTransfer_arrive;
+  }),
+  /** 修改 */
+  TripartiteTransfer_edit: computed(() => {
+    return $store.getters.permission.TripartiteTransfer_edit;
+  }),
+  /** 文员签收 */
+  TripartiteTransfer_theClearkSignsForIt: computed(() => {
+    return $store.getters.permission.TripartiteTransfer_theClearkSignsForIt;
+  }),
+  /** 签收图片管理 */
+  TripartiteTransfer_signImg: computed(() => {
+    return $store.getters.permission.TripartiteTransfer_signImg;
+  }),
+  /** 签收图片提交 */
+  TripartiteTransfer_signImg_submit: computed(() => {
+    return $store.getters.permission.TripartiteTransfer_signImg_submit;
+  }),
+  /** 结算 */
+  TripartiteTransfer_Account: computed(() => {
+    return $store.getters.permission.TripartiteTransfer_Account;
+  }),
+  /** 装车明细 */
+  TripartiteTransfer_loadingDetail: computed(() => {
+    return $store.getters.permission.TripartiteTransfer_loadingDetail;
+  }),
+});
+
 /** 转换码值 */
 const handleConversionCodeValue = (item, label, Arr) => {
   const codes = Arr.map(item => item.value);

src/views/distribution/artery/TripartiteTransferDetails.vue

@@ -218,7 +218,12 @@
           <!-- 控件 -->
           <div style="margin-bottom: 10px" class="flex-c-sb">
             <div>
-              <el-button type="primary" icon="Promotion" @click="searchReset()">
+              <el-button
+                v-if="permissionObj.TripartiteTransferDetails_CostSharingRecognition"
+                type="primary"
+                icon="Promotion"
+                @click="searchReset()"
+              >
                 成本分摊确认
               </el-button>
             </div>
@@ -562,6 +567,16 @@ const {
 const permission = computed(() => mapGetters(['permission', 'tagWel', 'tagList']));
 console.log('permission :>> ', permission);
 
+/** 权限按钮 */
+const permissionObj = reactive({
+  /** 计划仓更改 */
+  TripartiteTransferDetails_CostSharingRecognition: computed(() => {
+    return $store.getters.permission.TripartiteTransferDetails_CostSharingRecognition;
+  }),
+});
+
+// TripartiteTransferDetails_CostSharingRecognition
+
 onMounted(() => {
   const timer = setTimeout(() => {
     details.listNode = document.querySelector('.maboxhi');

src/views/distribution/artery/truckLoadingDetails.vue

@@ -55,7 +55,14 @@
           </el-button>
 
           <!-- 中转批量签收 -->
-          <el-button type="primary" icon="Edit" @click="handleBatchSigin"> 中转批量签收 </el-button>
+          <el-button
+            v-if="permissionObj.truckLoadingDetails_batchSign"
+            type="primary"
+            icon="Edit"
+            @click="handleBatchSigin"
+          >
+            中转批量签收
+          </el-button>
 
           <!-- 批量卸车 -->
           <el-button
@@ -398,7 +405,7 @@ const permission = computed(() => mapGetters(['permission', 'tagWel', 'tagList']
 
 /** 权限按钮 */
 const permissionObj = reactive({
-  // VehicleStowage -- 车辆配载; VehicleArrivalManagement -- 到车管理
+  // VehicleStowage -- 车辆配载; VehicleArrivalManagement -- 到车管理; TripartiteTransfer -- 三方中转
 
   /** 计划仓更改 */
   truckLoadingDetails_changePlanWarehouse: computed(() => {
@@ -414,6 +421,20 @@ const permissionObj = reactive({
     return _flag;
   }),
 
+  /** 中转批量签收 */
+  truckLoadingDetails_batchSign: computed(() => {
+    let _flag = false;
+    switch (details.pageInfo.type) {
+      case 'TripartiteTransfer':
+        _flag = $store.getters.permission.truckLoadingDetails_TripartiteTransfer_BatchSigin;
+        break;
+
+      default:
+        break;
+    }
+    return _flag;
+  }),
+
   /** 批量卸车 */
   truckLoadingDetails_batchUnload: computed(() => {
     let _flag = false;
@@ -422,6 +443,10 @@ const permissionObj = reactive({
         _flag = $store.getters.permission.truckLoadingDetails_VehicleArrivalManagement_batchUnload;
         break;
 
+      case 'TripartiteTransfer':
+        _flag = $store.getters.permission.truckLoadingDetails_TripartiteTransfer_batchUnload;
+        break;
+
       default:
         break;
     }
@@ -440,6 +465,10 @@ const permissionObj = reactive({
         _flag = $store.getters.permission.truckLoadingDetails_VehicleArrivalManagement_delete;
         break;
 
+      case 'TripartiteTransfer':
+        _flag = $store.getters.permission.truckLoadingDetails_TripartiteTransfer_delete;
+        break;
+
       default:
         break;
     }
@@ -458,6 +487,10 @@ const permissionObj = reactive({
         _flag = $store.getters.permission.truckLoadingDetails_VehicleArrivalManagement_zeroUnload;
         break;
 
+      case 'TripartiteTransfer':
+        _flag = $store.getters.permission.truckLoadingDetails_TripartiteTransfer_zeroUnload;
+        break;
+
       default:
         break;
     }
@@ -477,6 +510,10 @@ const permissionObj = reactive({
           $store.getters.permission.truckLoadingDetails_VehicleArrivalManagement_packageUnload;
         break;
 
+      case 'TripartiteTransfer':
+        _flag = $store.getters.permission.truckLoadingDetails_TripartiteTransfer_packageUnload;
+        break;
+
       default:
         break;
     }