|
|
|
@ -83,7 +83,7 @@
|
|
|
|
|
<el-button |
|
|
|
|
type="primary" |
|
|
|
|
@click="AddInfo" |
|
|
|
|
v-if="TabPermissions == 0 && UserPermissions == '仓库客服'" |
|
|
|
|
v-if="ButtonPermissions.add" |
|
|
|
|
> |
|
|
|
|
<el-icon><Plus /></el-icon>新 增</el-button |
|
|
|
|
> |
|
|
|
@ -93,40 +93,31 @@
|
|
|
|
|
<el-button |
|
|
|
|
type="primary" |
|
|
|
|
@click="BatchReturn" |
|
|
|
|
v-if=" |
|
|
|
|
|
|
|
|
|
(TabPermissions == 0 && UserPermissions == '职能客服') || (TabPermissions == 1 && UserPermissions != '仓库客服' ) || (TabPermissions !=2 && !AppealStatusT) |
|
|
|
|
|
|
|
|
|
" |
|
|
|
|
v-if="ButtonPermissions.batchReject" |
|
|
|
|
>批量打回</el-button |
|
|
|
|
> |
|
|
|
|
<el-button |
|
|
|
|
type="primary" |
|
|
|
|
@click="assign" |
|
|
|
|
v-if="TabPermissions == 0 && UserPermissions == '客服经理' && TabPermissions !=2" |
|
|
|
|
v-if="ButtonPermissions.assignment" |
|
|
|
|
>工单指派</el-button |
|
|
|
|
> |
|
|
|
|
<el-button |
|
|
|
|
type="primary" |
|
|
|
|
@click="arbitrate" |
|
|
|
|
v-if=" |
|
|
|
|
((TabPermissions == 0 || TabPermissions == 1 ) && TabPermissions !=2) && UserPermissions == '仓库客服' |
|
|
|
|
" |
|
|
|
|
v-if="ButtonPermissions.applyArbitration" |
|
|
|
|
>申请仲裁</el-button |
|
|
|
|
> |
|
|
|
|
<el-button |
|
|
|
|
type="primary" |
|
|
|
|
@click="Batchcompletion" |
|
|
|
|
v-if=" |
|
|
|
|
(TabPermissions == 0 || UserPermissions == '职能客服') && |
|
|
|
|
(TabPermissions == 1 || UserPermissions != '仓库客服') |
|
|
|
|
" |
|
|
|
|
v-if="ButtonPermissions.batchFinish" |
|
|
|
|
>批量完结</el-button |
|
|
|
|
> |
|
|
|
|
<el-button |
|
|
|
|
type="primary" |
|
|
|
|
@click="appeal" |
|
|
|
|
v-if="(TabPermissions !=2 && UserPermissions == '仓库客服') || AppealStatusT " |
|
|
|
|
v-if="ButtonPermissions.appeal" |
|
|
|
|
>申诉</el-button |
|
|
|
|
> |
|
|
|
|
<!-- v-if="details.query.workOrderStatus == 30" --> |
|
|
|
@ -1172,7 +1163,7 @@ const AppealStatus = ref(false); //申诉列表状态
|
|
|
|
|
const dialogModifyAmount = ref(false); //超时金额修改弹出状态 |
|
|
|
|
const UserPermissions = ref('仓库客服'); //客服权限 |
|
|
|
|
const TabPermissions = ref(0); //菜单权限 |
|
|
|
|
const AppealStatusT=ref(false);//是否为申诉列表 |
|
|
|
|
const AppealStatusT = ref(false); //是否为申诉列表 |
|
|
|
|
const TabList = ref([ |
|
|
|
|
{ name: 0, label: '全部' }, |
|
|
|
|
{ name: 1, label: '处理中' }, |
|
|
|
@ -1304,10 +1295,181 @@ const {
|
|
|
|
|
recorddata, |
|
|
|
|
} = toRefs(details); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let s=[ |
|
|
|
|
|
|
|
|
|
] |
|
|
|
|
// let tab = [ |
|
|
|
|
// { label: '全部', value: 0 }, |
|
|
|
|
// { label: '处理中', value: 1 }, |
|
|
|
|
// { label: '待处理完毕', value: 2 }, |
|
|
|
|
// { label: '待处理', value: 3 }, |
|
|
|
|
// { label: '理赔金额未出', value: 4 }, |
|
|
|
|
// { label: '仲裁中', value: 5 }, |
|
|
|
|
// { label: '完结', value: 6 }, |
|
|
|
|
// { label: '超时未处理', value: 7 }, |
|
|
|
|
// ]; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// // 按钮配置 |
|
|
|
|
// // 1.新增 2.批量打回 3.工单指派 4.申请仲裁 5.批量完结 6.申诉 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// // 角色配置 |
|
|
|
|
// // 1.仓库客服 |
|
|
|
|
// // 2.职能客服 |
|
|
|
|
// // 3.客服经理 |
|
|
|
|
|
|
|
|
|
// // 在value == 0状态下的权限配置 |
|
|
|
|
// 1.新增 只能仓库客服查看 |
|
|
|
|
// 2.批量打回 只能职能客服查看 |
|
|
|
|
// 3.工单指派 只能客服经理查看 |
|
|
|
|
// 4.申请仲裁 只能仓库客服查看 |
|
|
|
|
// 5.批量完结 只能职能客服查看 |
|
|
|
|
// 6.申诉 隐藏 |
|
|
|
|
|
|
|
|
|
// // 在value==1状态下的权限配置 |
|
|
|
|
// 1.新增 隐藏 |
|
|
|
|
// 2.批量打回 只能仓库客服查看 |
|
|
|
|
// 3.工单指派 隐藏 |
|
|
|
|
// 4.申请仲裁 只能仓库客服查看 |
|
|
|
|
// 5.批量完结 只能职能客服和客服经理查看 |
|
|
|
|
// 6.申诉 隐藏 |
|
|
|
|
// // 在value==2状态下的权限配置 |
|
|
|
|
// 隐藏所有按钮 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// // 在value==3状态下的权限配置 |
|
|
|
|
// 1.新增 隐藏 |
|
|
|
|
// 2.批量打回 只能仓库客服查看 |
|
|
|
|
// 3.工单指派 只能客服经理查看 |
|
|
|
|
// 4.申请仲裁 隐藏 |
|
|
|
|
// 5.批量完结 隐藏 |
|
|
|
|
// 6.申诉 隐藏 |
|
|
|
|
|
|
|
|
|
// // 在value==4状态下的权限配置 |
|
|
|
|
// 1.新增 隐藏 |
|
|
|
|
// 2.批量打回 隐藏 |
|
|
|
|
// 3.工单指派 隐藏 |
|
|
|
|
// 4.申请仲裁 隐藏 |
|
|
|
|
// 5.批量完结 隐藏 |
|
|
|
|
// 6.申诉 仓库客服查看 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// // 在value==5状态下的权限配置 |
|
|
|
|
// 1.新增 隐藏 |
|
|
|
|
// 2.批量打回 隐藏 |
|
|
|
|
// 3.工单指派 隐藏 |
|
|
|
|
// 4.申请仲裁 隐藏 |
|
|
|
|
// 5.批量完结 隐藏 |
|
|
|
|
// 6.申诉 隐藏 |
|
|
|
|
|
|
|
|
|
// // 在value==6状态下的权限配置 |
|
|
|
|
// 1.新增 隐藏 |
|
|
|
|
// 2.批量打回 隐藏 |
|
|
|
|
// 3.工单指派 隐藏 |
|
|
|
|
// 4.申请仲裁 隐藏 |
|
|
|
|
// 5.批量完结 隐藏 |
|
|
|
|
// 6.申诉 隐藏 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// // 在value== 7 状态下的权限配置 |
|
|
|
|
// 1.新增 隐藏 |
|
|
|
|
// 2.批量打回 隐藏 |
|
|
|
|
// 3.工单指派 隐藏 |
|
|
|
|
// 4. 申请仲裁 隐藏 |
|
|
|
|
// 5.批量完结 隐藏 |
|
|
|
|
// 6.申诉 隐藏 |
|
|
|
|
|
|
|
|
|
// 角色通过 UserPermissions 变量控制 |
|
|
|
|
// 菜单通过 TabPermissions变量 来控制 |
|
|
|
|
// 例如: |
|
|
|
|
// const UserPermissions = ref('仓库客服'); //客服权限 |
|
|
|
|
// const TabPermissions = ref(0); //菜单权限 |
|
|
|
|
|
|
|
|
|
const ButtonPermissions = computed(() => { |
|
|
|
|
// 根据 TabPermissions 的状态,决定每个按钮的显示隐藏逻辑 |
|
|
|
|
switch (TabPermissions.value) { |
|
|
|
|
case 0://全部 |
|
|
|
|
return { |
|
|
|
|
add: UserPermissions.value == '仓库客服', //新增按钮 |
|
|
|
|
batchReject: UserPermissions.value == '职能客服',//批量打回 |
|
|
|
|
assignment: UserPermissions.value == '客服经理',//工单指派 |
|
|
|
|
applyArbitration: UserPermissions.value == '仓库客服',//申请仲裁 |
|
|
|
|
batchFinish: UserPermissions.value == '职能客服',//批量完结 |
|
|
|
|
appeal: false//申诉 |
|
|
|
|
}; |
|
|
|
|
case 1://处理中 |
|
|
|
|
return { |
|
|
|
|
add: false,//新增按钮 |
|
|
|
|
batchReject: UserPermissions.value != '仓库客服',//批量打回 |
|
|
|
|
assignment: false,//工单指派 |
|
|
|
|
applyArbitration: UserPermissions.value == '仓库客服',//申请仲裁 |
|
|
|
|
batchFinish:UserPermissions.value != '仓库客服',//批量完结 |
|
|
|
|
appeal: false//申诉 |
|
|
|
|
}; |
|
|
|
|
case 2://处理完毕 |
|
|
|
|
return { |
|
|
|
|
add: false,//新增按钮 |
|
|
|
|
batchReject: false,//批量打回 |
|
|
|
|
assignment: false,//工单指派 |
|
|
|
|
applyArbitration: false,//申请仲裁 |
|
|
|
|
batchFinish:false,//批量完结 |
|
|
|
|
appeal: UserPermissions.value == '仓库客服' && AppealStatusT.value//申诉 |
|
|
|
|
}; |
|
|
|
|
case 3://待处理 |
|
|
|
|
return { |
|
|
|
|
add: false,//新增按钮 |
|
|
|
|
batchReject: UserPermissions.value == '仓库客服',//批量打回 |
|
|
|
|
assignment:UserPermissions.value == '客服经理',//工单指派 |
|
|
|
|
applyArbitration: false,//申请仲裁 |
|
|
|
|
batchFinish:false,//批量完结 |
|
|
|
|
appeal: false//申诉 |
|
|
|
|
}; |
|
|
|
|
case 4://理赔金额未出 |
|
|
|
|
return { |
|
|
|
|
add: false,//新增按钮 |
|
|
|
|
batchReject: false,//批量打回 |
|
|
|
|
assignment:false,//工单指派 |
|
|
|
|
applyArbitration: false,//申请仲裁 |
|
|
|
|
batchFinish:false,//批量完结 |
|
|
|
|
appeal: UserPermissions.value == '仓库客服'//申诉 |
|
|
|
|
}; |
|
|
|
|
case 5://仲裁中 |
|
|
|
|
return { |
|
|
|
|
add: false,//新增按钮 |
|
|
|
|
batchReject: false,//批量打回 |
|
|
|
|
assignment:false,//工单指派 |
|
|
|
|
applyArbitration: false,//申请仲裁 |
|
|
|
|
batchFinish:false,//批量完结 |
|
|
|
|
appeal:false//申诉 |
|
|
|
|
}; |
|
|
|
|
case 6://完结 |
|
|
|
|
return { |
|
|
|
|
add: false,//新增按钮 |
|
|
|
|
batchReject: false,//批量打回 |
|
|
|
|
assignment:false,//工单指派 |
|
|
|
|
applyArbitration: false,//申请仲裁 |
|
|
|
|
batchFinish:false,//批量完结 |
|
|
|
|
appeal:false//申诉 |
|
|
|
|
}; |
|
|
|
|
case 7://超时未处理 |
|
|
|
|
return { |
|
|
|
|
add: false,//新增按钮 |
|
|
|
|
batchReject: false,//批量打回 |
|
|
|
|
assignment:false,//工单指派 |
|
|
|
|
applyArbitration: false,//申请仲裁 |
|
|
|
|
batchFinish:false,//批量完结 |
|
|
|
|
appeal:false//申诉 |
|
|
|
|
}; |
|
|
|
|
// 其他任何情况下的默认情况 |
|
|
|
|
default: |
|
|
|
|
return { |
|
|
|
|
add: false, |
|
|
|
|
batchReject: false, |
|
|
|
|
assignment: false, |
|
|
|
|
applyArbitration: false, |
|
|
|
|
batchFinish: false, |
|
|
|
|
appeal: false |
|
|
|
|
}; |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const ProcessingResults = [ |
|
|
|
@ -2141,7 +2303,7 @@ const appealFn = val => {
|
|
|
|
|
// 申诉列表 |
|
|
|
|
const AppealTab = val => { |
|
|
|
|
if (val == 0) { |
|
|
|
|
AppealStatusT.value=false;//申诉列表开启 |
|
|
|
|
AppealStatusT.value = false; //申诉列表开启 |
|
|
|
|
Tableheaderswitching(columnList); //切换表头 |
|
|
|
|
console.log('处理完毕'); |
|
|
|
|
ProcessingPartyState.value = false; //关闭处理方 |
|
|
|
@ -2154,8 +2316,8 @@ const AppealTab = val => {
|
|
|
|
|
}; |
|
|
|
|
IndexTable(data); |
|
|
|
|
} else { |
|
|
|
|
AppealStatusT.value=true;//申诉列表开启 |
|
|
|
|
console.log(val,'切换申诉列表'); |
|
|
|
|
AppealStatusT.value = true; //申诉列表开启 |
|
|
|
|
console.log(val, '切换申诉列表'); |
|
|
|
|
Tableheaderswitching(AppealList); //切换表头 |
|
|
|
|
AppealList.forEach(item => { |
|
|
|
|
//清空搜索记录 |
|
|
|
@ -2216,7 +2378,7 @@ const TimeoutHandling = val => {
|
|
|
|
|
// 标签栏触发 |
|
|
|
|
const tabChenge = val => { |
|
|
|
|
TabPermissions.value = val; //记录当前点击的菜单 |
|
|
|
|
AppealStatusT.value=false;//申诉列表开启 |
|
|
|
|
AppealStatusT.value = false; //申诉列表开启 |
|
|
|
|
console.log(val, '触发了标签栏'); |
|
|
|
|
let data = {}; |
|
|
|
|
if (val == 0) { |
|
|
|
|