|
@@ -1,8 +1,6 @@
|
|
|
<template>
|
|
|
<el-dialog v-model="state.dialogVisible" draggable title="拓展信息" ref="dialogRef" width="60%" append-to-body>
|
|
|
- <!-- 工单详情 -->
|
|
|
- <el-collapse v-model="state.collapseArr" v-if="state.activeName === 'default'" class="collapse-box">
|
|
|
- <!-- 工单信息 -->
|
|
|
+ <el-collapse v-model="state.collapseArr" class="collapse-box">
|
|
|
<el-collapse-item name="1">
|
|
|
<template #title>
|
|
|
<p class="pl20">
|
|
@@ -142,10 +140,10 @@
|
|
|
<el-form-item label="订单号"> {{ state.ruleForm.externalOrderNo }} </el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="8" v-if="state.ruleForm.salesMode === '现场'">
|
|
|
- <el-form-item label="经营地址"> {{ state.ruleForm.acceptTypeText }} </el-form-item>
|
|
|
+ <el-form-item label="经营地址"> {{ state.ruleForm.businessPosition.address }} </el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="8" v-if="state.ruleForm.salesMode === '现场'">
|
|
|
- <el-form-item label="经营详细地址"> {{ state.ruleForm.bussinessAddress }} </el-form-item>
|
|
|
+ <el-form-item label="经营详细地址"> {{ state.ruleForm.businessPosition.street }} </el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="8" v-if="state.ruleForm.salesModeCode === '19'">
|
|
|
<el-form-item label="具体渠道"> {{ state.ruleForm.channel }} </el-form-item>
|
|
@@ -187,25 +185,15 @@
|
|
|
<el-form-item label="消费者地址"> {{ state.ruleForm.consumerAddress }} </el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" v-if="state.ruleForm.acceptTypeText === '投诉'">
|
|
|
- <el-form-item label="诉求">
|
|
|
- {{ state.ruleForm.complainTypes.includes(1) ? '修理 ' : '' }}
|
|
|
- {{ state.ruleForm.complainTypes.includes(2) ? '重做 ' : '' }}
|
|
|
- {{ state.ruleForm.complainTypes.includes(3) ? '更换 ' : '' }}
|
|
|
- {{ state.ruleForm.complainTypes.includes(4) ? '退货 ' : '' }}
|
|
|
- {{ state.ruleForm.complainTypes.includes(5) ? '补足商品数量 ' : '' }}
|
|
|
- {{ state.ruleForm.complainTypes.includes(6) ? '退赔费用 ' : '' }}
|
|
|
- {{ state.ruleForm.complainTypes.includes(7) ? '赔偿损失 ' : '' }}
|
|
|
- {{ state.ruleForm.complainTypes.includes(8) ? '停止侵权 ' : '' }}
|
|
|
- {{ state.ruleForm.complainTypes.includes(9) ? '核定侵权责任 ' : '' }}
|
|
|
+ <el-form-item label="诉求">
|
|
|
+ <span v-for="item in state.ruleForm.complainTypes" :key="item.id" class="mr8">{{item.name}}</span>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
</el-collapse-item>
|
|
|
-
|
|
|
</el-collapse>
|
|
|
-
|
|
|
<template #footer>
|
|
|
<span class="dialog-footer">
|
|
|
<el-button class="default-button" @click="state.dialogVisible = false">关闭</el-button>
|
|
@@ -222,21 +210,15 @@ import { formatDate } from '/@/utils/formatTime';
|
|
|
const state = reactive<any>({
|
|
|
dialogVisible: false,
|
|
|
ruleForm: {
|
|
|
- phoneNo: '', // 手机号
|
|
|
- gender: 0, //性别
|
|
|
- name: '', // 姓名
|
|
|
- userName: '', // 用户昵称
|
|
|
- orgId: '', // 组织id
|
|
|
- orgCode: '', //组织code
|
|
|
- staffNo: '', //工号
|
|
|
- defaultTelNo: '', //默认分机
|
|
|
- email: '', //邮箱
|
|
|
- },
|
|
|
- activeName: 'default',
|
|
|
+ orderTypeText: '', // 工单类型
|
|
|
+ acceptTypeText: '', // 受理类型
|
|
|
+ licenceType: '', // 证件类型
|
|
|
+ licenceNo: '', // 证件号码
|
|
|
+ identityType: '', // 提供方类型
|
|
|
+ identity:'',// 提供放身份
|
|
|
+ businessPosition:{},
|
|
|
+ },
|
|
|
collapseArr: ['1', '2', '3', '4'],
|
|
|
- extensionState: 1,
|
|
|
- extensionList: [{ id: 1 }, { id: 2 }, { id: 3 }, { id: 4 }],
|
|
|
- status: 1,
|
|
|
});
|
|
|
// 打开弹窗
|
|
|
const ruleFormRef = ref<RefType>();
|