添加权限按钮，由后台配置权限

src/views/aftersales/aftersalesWorkOrder.vue

@@ -81,7 +81,7 @@
                 <!-- 头部左侧按钮模块 -->
                 <div class="avue-crud__left">
                   <!-- v-if="ButtonPermissions.add" -->
-                  <el-button v-if="ButtonPermissions.add" type="primary" @click="AddInfo">
+                  <el-button  v-if="PermissionButton.workAdd" type="primary" @click="AddInfo">
                     <el-icon><Plus /></el-icon>新 增</el-button
                   >
                   <!-- <el-button type="primary" @click="BatchDelete">
@@ -89,18 +89,18 @@
                   > -->
 
                   <!-- v-if="ButtonPermissions.batchReject" -->
-                  <el-button v-if="ButtonPermissions.batchReject"  type="primary"  @click="BatchReturn">批量打回</el-button>
+                  <el-button v-if="PermissionButton.batch_return"  type="primary"  @click="BatchReturn">批量打回</el-button>
                   <!-- v-if="ButtonPermissions.assignment" -->
-                  <el-button v-if="ButtonPermissions.assignment" type="primary" @click="assign">工单指派</el-button>
+                  <el-button v-if="PermissionButton.assign"  type="primary" @click="assign">工单指派</el-button>
 
                   <!-- v-if="ButtonPermissions.applyArbitration" -->
-                  <el-button v-if="ButtonPermissions.applyArbitration" type="primary" @click="arbitrate">申请仲裁</el-button>
+                  <el-button v-if="PermissionButton.apply_arbitration" type="primary" @click="arbitrate">申请仲裁</el-button>
 
                   <!-- v-if="ButtonPermissions.batchFinish" -->
-                  <el-button v-if="ButtonPermissions.batchFinish" type="primary" @click="Batchcompletion">批量完结</el-button>
+                  <el-button v-if="PermissionButton.batch_completion" type="primary" @click="Batchcompletion">批量完结</el-button>
 
                   <!-- v-if="ButtonPermissions.appeal" -->
-                  <el-button v-if="ButtonPermissions.appeal" type="primary" @click="appeal">申诉</el-button>
+                  <el-button v-if="PermissionButton.representations" type="primary" @click="appeal">申诉</el-button>
                   <!-- v-if="details.query.workOrderStatus == 30" -->
                   <!-- <el-button type="primary" @click="ProcessingParty"> 处理方信息</el-button> -->
                 </div>
@@ -1039,11 +1039,11 @@
     :columnList="details.columnList"
   ></edittablehead>
 </template>
-
 <script setup>
 import { ElMessage } from 'element-plus';
 import { ElMessageBox } from 'element-plus';
 import { Plus } from '@element-plus/icons-vue';
+import { useStore } from "vuex";
 import {
   $_getList,
   $_submit,
@@ -1068,8 +1068,7 @@ import { getToken } from '@/utils/auth';
 import { getDictionaryBiz } from '@/api/system/dict'; //字典
 import functions from '@/utils/functions.js';
 import { getDetailWarehouse, getDeptWarehouse } from '@/api/basicdata/basicdataWarehouse'; //处理方
-import { ref, reactive, toRefs, computed, onMounted, nextTick, watch } from 'vue';
-import { mapGetters,useStore } from "vuex";
+import { ref, reactive, toRefs, computed, onMounted, nextTick, watch ,getCurrentInstance} from 'vue';
 import {
   columnList,
   recordList,
@@ -1077,11 +1076,45 @@ import {
   AppealList,
   timeoutList,
 } from '@/option/aftersales/vueTvemp.js';
-
 import { processRowProperty, isNumer, computeNumber } from '@/utils/util';
 import { useRouter } from 'vue-router';
 import dayjs from 'dayjs';
 const $router = useRouter();
+const $useStore = useStore();
+
+const $route = useRoute();
+/** vuex */
+const accessControl= $useStore.getters.permission
+console.log(accessControl,'权限按钮');
+// workAdd;//新增
+// batch_return;//批量打回
+// assign;//工单指派
+// apply_arbitration;//申请仲裁
+// batch_completion;//批量完结
+// representations;//申诉
+// reply;//回复
+// processing_completed;//处理完结
+// work_order_completion;//完结
+// repulse;//打回
+// arbitration_completed;//仲裁完结
+// information_editing;//信息编辑
+console.log(accessControl.workAdd,'新增按钮权限');
+const PermissionButton = computed(() => {
+      return {
+        workAdd:accessControl.workAdd,//新增
+        batch_return:accessControl.batch_return,//批量打回
+        assign:accessControl.assign,//工单指派
+        apply_arbitration:accessControl.apply_arbitration,//申请仲裁
+        batch_completion:accessControl.batch_completion,//批量完结
+        representations:accessControl.representations,//申诉
+        reply:accessControl.reply,//回复
+        processing_completed:accessControl.processing_completed,//处理完结
+        work_order_completion:accessControl.work_order_completion,//完结
+        repulse:accessControl.repulse,//打回
+        arbitration_completed:accessControl.arbitration_completed,//仲裁完结
+        information_editing:accessControl.information_editing,//信息编辑
+      }
+    });
 const tabValue = ref(0); //侧边栏激活状态
 const publicColumnList = ref([]); //公共列表参数
 const scrollContainer = ref(null); //客服实例
@@ -1151,6 +1184,7 @@ const AppealStatus = ref(false); //申诉列表状态
 const dialogModifyAmount = ref(false); //超时金额修改弹出状态
 const UserPermissions = ref('仓库客服'); //客服权限
 const TabPermissions = ref(0); //菜单权限
+
 const AppealStatusT = ref(false); //是否为申诉列表
 const TabList = ref([
   { name: 0, label: '全部' },
@@ -1594,10 +1628,12 @@ const Tableheaderswitching = (val = columnList) => {
   publicColumnList.value = val; //默认加载表格
   details.columnList = val;
 };
+
 // 页面初始化
 const OnLoad = () => {
   // 表格切换
 
+
   userInfo.value = JSON.parse(localStorage.getItem('TWMS-userInfo')); //获取本地登录人参数
   Mydata.value = JSON.parse(localStorage.getItem('my_data')); //获取本地仓库信息
   currentUser.value = Mydata.value.id;

src/views/aftersales/aftersalesWorkOrderFF.vue

@@ -330,6 +330,9 @@ export default {
   mounted() {
     this.init();
     this.onLoad(this.page);
+    console.log(this,'this方法');
+    console.log(this.permission.workAdd,'this权限');
+    console.log(this.validData(this.permission.workAdd,true),'this处理');
   },
   computed: {
     ...mapGetters(["permission"]),

src/views/aftersales/aftersalesWorkOrderInfo.vue

@@ -444,14 +444,13 @@
         />
       </el-dialog>
     </div>
-
     <div class="foot_btn">
-      <el-button type="primary" v-if="ButtonPermissions.reply"   @click="addireply">回复</el-button>
-      <el-button type="primary" v-if="ButtonPermissions.ProcessingResults" @click="addingRecord">处理结果</el-button>
-      <el-button type="primary" v-if="ButtonPermissions.end" @click="EndJump">完结 </el-button>
-      <el-button type="primary" v-if="ButtonPermissions.repulse" @click="BatchReturn">打回 </el-button>
-      <el-button type="primary" v-if="ButtonPermissions.ArbitrationCompleted" @click="CustomerServiceCompleted">客服仲裁完结 </el-button>
-      <el-button type="primary" v-if="ButtonPermissions.edit" @click="EditInformation">信息编辑</el-button>
+      <el-button type="primary" v-if="PermissionButton.reply"   @click="addireply">回复</el-button>
+      <el-button type="primary" v-if="PermissionButton.processing_completed" @click="addingRecord">处理结果</el-button>
+      <el-button type="primary" v-if="PermissionButton.work_order_completion" @click="EndJump">完结 </el-button>
+      <el-button type="primary" v-if="PermissionButton.repulse" @click="BatchReturn">打回 </el-button>
+      <el-button type="primary" v-if="PermissionButton.arbitration_completed" @click="CustomerServiceCompleted">客服仲裁完结 </el-button>
+      <el-button type="primary" v-if="PermissionButton.information_editing" @click="EditInformation">信息编辑</el-button>
     </div>
   </el-card>
   <!-- 批量打回弹窗 -->
@@ -501,6 +500,7 @@ import { useRouter, useRoute } from 'vue-router';
 import { getDictionaryBiz } from '@/api/system/dict'; //字典
 import { getDetailWarehouse, getDeptWarehouse } from '@/api/basicdata/basicdataWarehouse'; //处理方
 import { AddressClosed } from '@/utils/util';
+import { useStore } from "vuex";
 import {
   $_getList,
   $_submit,
@@ -558,6 +558,8 @@ const RouteIndexs = ref(''); //进入前的页面索引
 const UserPermissions = ref('');//当前状态
 const warehouseInfo=ref('');//仓库信息
 const warehouseState=ref(false);//仓库权限
+const $useStore = useStore();
+const accessControl= $useStore.getters.permission
 const PackageInfo = ref([
   //包件信息
   { packageCode: '', orderCode: '', waybillNumber: '', brandName: '' },
@@ -649,6 +651,26 @@ const ImgSuccess = (response, uploadFile) => {
     console.log(Indexform.value['packList'], '图片列表');
   }
 };
+
+
+// 后台控制权限按钮
+const PermissionButton = computed(() => {
+      return {
+        workAdd:accessControl.workAdd,//新增
+        batch_return:accessControl.batch_return,//批量打回
+        assign:accessControl.assign,//工单指派
+        apply_arbitration:accessControl.apply_arbitration,//申请仲裁
+        batch_completion:accessControl.batch_completion,//批量完结
+        representations:accessControl.representations,//申诉
+        reply:accessControl.reply,//回复
+        processing_completed:accessControl.processing_completed,//处理完结
+        work_order_completion:accessControl.work_order_completion,//完结
+        repulse:accessControl.repulse,//打回
+        arbitration_completed:accessControl.arbitration_completed,//仲裁完结
+        information_editing:accessControl.information_editing,//信息编辑
+      }
+    });
+
 // 详情按钮权限
 const ButtonPermissions = computed(() => {
   // 根据 TabPermissions 的状态，决定每个按钮的显示隐藏逻辑
@@ -881,7 +903,6 @@ const onLoad = () => {
     // let a=['张三','李四']
     // let b=['张三']
     // let result = b.some(item => a.includes(item));
-    ProcessingRecordsName.value;//匹配到的中文名字
     companyProportion.value = 100 - sum;
     ProcessingRecordsName.value = ProcessingRecords.value.filter(item => warehouseData.value.includes(item.value)).label;
     console.log(   ProcessingRecordsName.value ,'匹配到的中文处理方');