|
@@ -1,15 +1,14 @@
|
|
|
<template>
|
|
|
<div class="tels-callLog-connect-container">
|
|
|
<el-dialog v-model="state.dialogVisible" draggable title="关联业务" @close="close">
|
|
|
- <div class="flex-center-align mb15">
|
|
|
- 关联类型:
|
|
|
- <el-radio-group v-model="isOrder" @change="queryList">
|
|
|
- <el-radio :value="true">工单</el-radio>
|
|
|
- <el-radio :value="false">回访</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </div>
|
|
|
<div class="table-search-content">
|
|
|
<el-form :model="state.queryParams" @submit.native.prevent inline>
|
|
|
+ <el-form-item label="关联类型" prop="Keyword">
|
|
|
+ <el-radio-group v-model="isOrder" @change="queryList">
|
|
|
+ <el-radio :value="true">工单</el-radio>
|
|
|
+ <el-radio :value="false">回访</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="" prop="Keyword">
|
|
|
<el-input v-model="state.queryParams.Keyword" placeholder="工单编码/标题" clearable @keyup.enter="queryList" class="keyword-input" />
|
|
|
</el-form-item>
|
|
@@ -39,8 +38,7 @@
|
|
|
v-model:page-size="state.queryParams.PageSize"
|
|
|
:key="Math.random()"
|
|
|
v-model:radio="tableRadio"
|
|
|
- @current-change="handleSelectionChange"
|
|
|
- max-height="400"
|
|
|
+ max-height="500"
|
|
|
>
|
|
|
<template #title="{ row }">
|
|
|
<order-detail v-if="isOrder" :order="row">{{ row.title }}</order-detail>
|
|
@@ -74,13 +72,6 @@ import { formatDate } from '@/utils/formatTime';
|
|
|
import { callLogLink, callLogOrder, callLogVisit } from '@/api/tels/callLog';
|
|
|
|
|
|
const OrderDetail = defineAsyncComponent(() => import('@/components/OrderDetail/index.vue')); // 工单详情
|
|
|
-
|
|
|
-const props = defineProps({
|
|
|
- specialFlagList: {
|
|
|
- type: Array,
|
|
|
- default: () => [],
|
|
|
- },
|
|
|
-});
|
|
|
// 定义子组件向父组件传值/事件
|
|
|
const emit = defineEmits(['updateList']);
|
|
|
|
|
@@ -89,7 +80,7 @@ const proTableRef = ref<RefType>(); // 表格ref
|
|
|
const columns = ref<any[]>([]);
|
|
|
// 工单表头
|
|
|
const orderColumns = [
|
|
|
- { type: 'radio', fixed: 'left', width: 60, label: '请选择', align: 'center' },
|
|
|
+ { type: 'radio', fixed: 'left', width: 70, label: '请选择', align: 'center' },
|
|
|
{ prop: 'no', label: '工单编码', width: 140 },
|
|
|
{ prop: 'isProvinceText', label: '省/市工单', width: 90 },
|
|
|
{ prop: 'currentStepName', label: '当前节点', width: 100 },
|
|
@@ -107,7 +98,7 @@ const orderColumns = [
|
|
|
{ prop: 'acceptorName', label: '受理人', width: 120 },
|
|
|
];
|
|
|
const visitColumns = [
|
|
|
- { type: 'radio', fixed: 'left', width: 60, label: '请选择', align: 'center' },
|
|
|
+ { type: 'radio', fixed: 'left', width: 70, label: '请选择', align: 'center' },
|
|
|
{ prop: 'order.no', label: '工单编码', width: 140 },
|
|
|
{ prop: 'order.isProvinceText', label: '省/市工单', width: 90 },
|
|
|
{ prop: 'order.title', label: '工单标题', width: 200 },
|
|
@@ -202,12 +193,6 @@ const close = () => {
|
|
|
tableRadio.value = '';
|
|
|
};
|
|
|
const tableRadio = ref<String>(''); // 选择的单选框
|
|
|
-// 选择重复件
|
|
|
-const handleSelectionChange = (row: any) => {
|
|
|
- if (row) {
|
|
|
- tableRadio.value = row.id;
|
|
|
- }
|
|
|
-};
|
|
|
// 保存
|
|
|
const onSubmit = () => {
|
|
|
loading.value = true;
|