|
|
|
|
@ -432,26 +432,26 @@
|
|
|
|
|
<el-icon><Plus /></el-icon> |
|
|
|
|
</el-upload> |
|
|
|
|
|
|
|
|
|
<el-dialog v-model="dialogImgList" width="30%"> |
|
|
|
|
<el-image |
|
|
|
|
:src="amplifyurl" |
|
|
|
|
:zoom-rate="1.2" |
|
|
|
|
:max-scale="7" |
|
|
|
|
:min-scale="0.2" |
|
|
|
|
:preview-src-list="amplifysrcList" |
|
|
|
|
:initial-index="4" |
|
|
|
|
fit="cover" |
|
|
|
|
/> |
|
|
|
|
<el-dialog v-model="dialogImgList" width="30%"> |
|
|
|
|
<el-image |
|
|
|
|
:src="amplifyurl" |
|
|
|
|
:zoom-rate="1.2" |
|
|
|
|
:max-scale="7" |
|
|
|
|
:min-scale="0.2" |
|
|
|
|
:preview-src-list="amplifysrcList" |
|
|
|
|
:initial-index="4" |
|
|
|
|
fit="cover" |
|
|
|
|
/> |
|
|
|
|
</el-dialog> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="foot_btn"> |
|
|
|
|
<el-button type="primary" @click="addireply">回复</el-button> |
|
|
|
|
<el-button type="primary" @click="addingRecord">处理结果</el-button> |
|
|
|
|
<el-button type="primary" @click="EndJump">完结 </el-button> |
|
|
|
|
<el-button type="primary" @click="BatchReturn">打回 </el-button> |
|
|
|
|
<el-button type="primary" @click="CustomerServiceCompleted">客服仲裁完结 </el-button> |
|
|
|
|
<el-button type="primary" @click="EditInformation">信息编辑</el-button> |
|
|
|
|
<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> |
|
|
|
|
</div> |
|
|
|
|
</el-card> |
|
|
|
|
<!-- 批量打回弹窗 --> |
|
|
|
|
@ -495,14 +495,12 @@
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script setup> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
import { ElMessage } from 'element-plus'; |
|
|
|
|
import { ElMessageBox } from 'element-plus'; |
|
|
|
|
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 { AddressClosed } from '@/utils/util'; |
|
|
|
|
import { |
|
|
|
|
$_getList, |
|
|
|
|
$_submit, |
|
|
|
|
@ -522,7 +520,7 @@ const Indexform = ref({
|
|
|
|
|
packList: [], |
|
|
|
|
decreaseImageEntityList: [], //处理好的图片数据 |
|
|
|
|
}); //首页新增表单 |
|
|
|
|
const dialogImgList=ref(false) |
|
|
|
|
const dialogImgList = ref(false); |
|
|
|
|
const IndexException = ref([]); //异常类型下拉选择 |
|
|
|
|
const DiscoveringNodes = ref([]); //发现节点下拉选择 |
|
|
|
|
const ProcessingResults = ref([]); //处理结果列表选项 |
|
|
|
|
@ -552,8 +550,10 @@ const HistorIndex = ref(0); //历史包件索引
|
|
|
|
|
const TotalClaimAmount = ref(0); //总金额 |
|
|
|
|
const dialogReturn = ref(false); //打回弹窗 |
|
|
|
|
const repulse = ref(false); //加载效果 |
|
|
|
|
const amplifyurl= ref('');//当前点击的图片 |
|
|
|
|
const amplifysrcList = ref([]);//图片循环列表 |
|
|
|
|
const amplifyurl = ref(''); //当前点击的图片 |
|
|
|
|
const amplifysrcList = ref([]); //图片循环列表 |
|
|
|
|
const RouteIndexs = ref(''); //进入前的页面索引 |
|
|
|
|
const UserPermissions = ref('');//当前状态 |
|
|
|
|
const PackageInfo = ref([ |
|
|
|
|
//包件信息 |
|
|
|
|
{ packageCode: '', orderCode: '', waybillNumber: '', brandName: '' }, |
|
|
|
|
@ -606,6 +606,24 @@ function updateDictionary(targetArray, dictionaryType) {
|
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// 获取角色权限 |
|
|
|
|
getDictionaryBiz('after_sales_visits').then(res => { |
|
|
|
|
console.log(res, '角色字典'); |
|
|
|
|
const matchingItem = res.data.data.find( |
|
|
|
|
item => item.dictValue == JSON.parse(localStorage.getItem('TWMS-userInfo')).content.role_name |
|
|
|
|
); |
|
|
|
|
if (matchingItem) { |
|
|
|
|
UserPermissions.value = matchingItem.dictValue; |
|
|
|
|
} else { |
|
|
|
|
UserPermissions.value = '仓库客服'; |
|
|
|
|
} |
|
|
|
|
console.log(UserPermissions.value, '当前角色权限'); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 图片上传必须携带TOKEN |
|
|
|
|
const headers = computed(() => { |
|
|
|
|
return { 'Blade-Auth': 'Bearer ' + getToken() }; |
|
|
|
|
@ -627,6 +645,94 @@ const ImgSuccess = (response, uploadFile) => {
|
|
|
|
|
console.log(Indexform.value['packList'], '图片列表'); |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
// 详情按钮权限 |
|
|
|
|
const ButtonPermissions = computed(() => { |
|
|
|
|
// 根据 TabPermissions 的状态，决定每个按钮的显示隐藏逻辑 |
|
|
|
|
switch (RouteIndexs.value !='null') { |
|
|
|
|
case RouteIndexs.value == 0: //全部 |
|
|
|
|
return { |
|
|
|
|
reply: true, //回复按钮(都可以查看) |
|
|
|
|
ProcessingResults: UserPermissions.value == '仓库客服', //处理结果按钮 |
|
|
|
|
end: UserPermissions.value == '职能客服', //完结按钮 |
|
|
|
|
repulse: UserPermissions.value == '客服经理', //打回按钮 |
|
|
|
|
ArbitrationCompleted: UserPermissions.value == '职能客服', //客服仲裁完结 |
|
|
|
|
edit: UserPermissions.value != '仓库客服', //编辑 |
|
|
|
|
}; |
|
|
|
|
case RouteIndexs.value == 1: //处理中 |
|
|
|
|
return { |
|
|
|
|
reply: false, //回复按钮 |
|
|
|
|
ProcessingResults: false, //处理结果按钮 |
|
|
|
|
end: false, //完结按钮 |
|
|
|
|
repulse: false, //打回按钮 |
|
|
|
|
ArbitrationCompleted: false, //客服仲裁完结 |
|
|
|
|
edit: false, //编辑 |
|
|
|
|
}; |
|
|
|
|
case RouteIndexs.value == 2: //处理完毕 |
|
|
|
|
return { |
|
|
|
|
reply: false, //回复按钮 |
|
|
|
|
ProcessingResults: false, //处理结果按钮 |
|
|
|
|
end: UserPermissions.value == '职能客服', //完结按钮 |
|
|
|
|
repulse: UserPermissions.value == '客服经理', //打回按钮 |
|
|
|
|
ArbitrationCompleted: UserPermissions.value == '职能客服', //客服仲裁完结 |
|
|
|
|
edit: false, //编辑 |
|
|
|
|
}; |
|
|
|
|
case RouteIndexs.value == 3: //待处理 |
|
|
|
|
return { |
|
|
|
|
reply: UserPermissions.value == '仓库客服', //回复按钮 |
|
|
|
|
ProcessingResults: UserPermissions.value == '仓库客服', //处理结果按钮 |
|
|
|
|
end: UserPermissions.value == '职能客服', //完结按钮 |
|
|
|
|
repulse: UserPermissions.value == '职能客服', //打回按钮 |
|
|
|
|
ArbitrationCompleted: UserPermissions.value == '职能客服', //客服仲裁完结 |
|
|
|
|
edit: false, //编辑 |
|
|
|
|
}; |
|
|
|
|
case RouteIndexs.value == 4: //理赔金额未出 |
|
|
|
|
return { |
|
|
|
|
reply: false, //回复按钮 |
|
|
|
|
ProcessingResults: false, //处理结果按钮 |
|
|
|
|
end: false, //完结按钮 |
|
|
|
|
repulse: false, //打回按钮 |
|
|
|
|
ArbitrationCompleted: false, //客服仲裁完结 |
|
|
|
|
edit: false, //编辑 |
|
|
|
|
}; |
|
|
|
|
case RouteIndexs.value == 5: //仲裁中 |
|
|
|
|
return { |
|
|
|
|
reply: false, //回复按钮 |
|
|
|
|
ProcessingResults: false, //处理结果按钮 |
|
|
|
|
end: false, //完结按钮 |
|
|
|
|
repulse: false, //打回按钮 |
|
|
|
|
ArbitrationCompleted: UserPermissions.value == '职能客服', //客服仲裁完结 |
|
|
|
|
edit: false, //编辑 |
|
|
|
|
}; |
|
|
|
|
case RouteIndexs.value == 6: //完结 |
|
|
|
|
return { |
|
|
|
|
reply: false, //回复按钮 |
|
|
|
|
ProcessingResults: false, //处理结果按钮 |
|
|
|
|
end: false, //完结按钮 |
|
|
|
|
repulse: false, //打回按钮 |
|
|
|
|
ArbitrationCompleted: false, //客服仲裁完结 |
|
|
|
|
edit: false, //编辑 |
|
|
|
|
}; |
|
|
|
|
case RouteIndexs.value == 7: //超时未处理 |
|
|
|
|
return { |
|
|
|
|
reply: false, //回复按钮 |
|
|
|
|
ProcessingResults: false, //处理结果按钮 |
|
|
|
|
end: false, //完结按钮 |
|
|
|
|
repulse: false, //打回按钮 |
|
|
|
|
ArbitrationCompleted: false, //客服仲裁完结 |
|
|
|
|
edit: false, //编辑 |
|
|
|
|
}; |
|
|
|
|
// 其他任何情况下的默认情况 |
|
|
|
|
default: |
|
|
|
|
return { |
|
|
|
|
reply: false, //回复按钮 |
|
|
|
|
ProcessingResults: false, //处理结果按钮 |
|
|
|
|
end: false, //完结按钮 |
|
|
|
|
repulse: false, //打回按钮 |
|
|
|
|
ArbitrationCompleted: false, //客服仲裁完结 |
|
|
|
|
edit: false, //编辑 |
|
|
|
|
}; |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
// 上传图片规则 |
|
|
|
|
const beforeAvatarUpload = rawFile => { |
|
|
|
|
@ -641,9 +747,9 @@ const beforeAvatarUpload = rawFile => {
|
|
|
|
|
}; |
|
|
|
|
// 点击图片列表回调 |
|
|
|
|
const pictureList = val => { |
|
|
|
|
dialogImgList.value=true; |
|
|
|
|
dialogImgList.value = true; |
|
|
|
|
console.log(val, '图片列表'); |
|
|
|
|
amplifyurl.value=val.url; |
|
|
|
|
amplifyurl.value = val.url; |
|
|
|
|
}; |
|
|
|
|
// 点击图片移除 |
|
|
|
|
const ImgListRemove = val => { |
|
|
|
|
@ -712,6 +818,10 @@ const ResponsiblePartychange = (val, index) => {
|
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
const onLoad = () => { |
|
|
|
|
if($route.query.RouteIndexs!='null'){ |
|
|
|
|
RouteIndexs.value = $route.query.RouteIndexs;//记录当前状态 |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
console.log($route.query.id, '页面初始化'); |
|
|
|
|
routerState.value = $route.query.routerState; |
|
|
|
|
updateDictionary(IndexException.value, 'pc_work_order'); //异常类型 |
|
|
|
|
@ -1096,7 +1206,6 @@ const addingRecord = () => {
|
|
|
|
|
}; |
|
|
|
|
// 客服仲裁完结 |
|
|
|
|
const CustomerServiceCompleted = () => { |
|
|
|
|
|
|
|
|
|
$router.push({ |
|
|
|
|
path: '/aftersales/aftersalesWorkOrdermodify', |
|
|
|
|
query: { |
|
|
|
|
@ -1109,7 +1218,6 @@ const CustomerServiceCompleted = () => {
|
|
|
|
|
index: '1', |
|
|
|
|
}, |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
}; |
|
|
|
|
// 编辑信息 |
|
|
|
|
const EditInformation = () => { |
|
|
|
|
@ -1473,7 +1581,7 @@ const EndJump = () => {
|
|
|
|
|
height: 30px !important; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
:deep(.el-image){ |
|
|
|
|
:deep(.el-image) { |
|
|
|
|
width: 100% !important; |
|
|
|
|
height: 300px !important; |
|
|
|
|
} |
|
|
|
|
|
