feat:搭好了工作台架子,增加了工单的搜索方法,修改了部分样式
This commit is contained in:
@@ -144,8 +144,8 @@ const tableConfig = reactive({
|
||||
align: 'center',
|
||||
showOverflowTooltip: false,
|
||||
currentRender: ({ row, index }) => {
|
||||
if (row.state !== null) {
|
||||
return (<Tag dictType={'work_order_status'} value={row.state} />)
|
||||
if (row.orderState !== null) {
|
||||
return (<Tag dictType={'work_order_status'} value={row.orderState} />)
|
||||
} else {
|
||||
return '--'
|
||||
}
|
||||
@@ -155,6 +155,7 @@ const tableConfig = reactive({
|
||||
prop: 'callState',
|
||||
label: '电话拨打状态',
|
||||
align: 'center',
|
||||
width: 150,
|
||||
showOverflowTooltip: false,
|
||||
currentRender: ({ row, index }) => {
|
||||
if (row.callState !== null) {
|
||||
@@ -169,6 +170,7 @@ const tableConfig = reactive({
|
||||
label: '处理人',
|
||||
align: 'center'
|
||||
},
|
||||
|
||||
{
|
||||
prop: 'processedContent',
|
||||
label: '处理内容',
|
||||
@@ -192,6 +194,11 @@ const tableConfig = reactive({
|
||||
align: 'center',
|
||||
width: 200
|
||||
},
|
||||
{
|
||||
prop: 'workOrderNumber',
|
||||
label: '关单人',
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
prop: 'oper',
|
||||
label: '操作',
|
||||
@@ -231,6 +238,16 @@ const tableConfig = reactive({
|
||||
// {name: '新增', key: 'add', color: '#DED0B2', auth: auths.report},
|
||||
]
|
||||
})
|
||||
const search = (val) => {
|
||||
let obj = { ...val }
|
||||
if (obj.dateValue) {
|
||||
obj.startTime = obj.dateValue[0]
|
||||
obj.endTime = obj.dateValue[1]
|
||||
delete obj.dateValue
|
||||
}
|
||||
tableConfig.params = obj
|
||||
tableIns.value.refresh()
|
||||
}
|
||||
const headBtnClick = (key) => {
|
||||
// console.log(key);
|
||||
|
||||
|
||||
@@ -112,7 +112,7 @@ defineExpose({
|
||||
auto>
|
||||
<div class="common-layout">
|
||||
<el-container>
|
||||
<el-header class="header"><span>工单号 :</span>
|
||||
<el-header class="header"><span>工单号:</span>
|
||||
<span>{{ rowData.orderNumber }}</span>
|
||||
</el-header>
|
||||
<el-container class="main-container">
|
||||
@@ -130,33 +130,33 @@ defineExpose({
|
||||
<el-main :style="{ position: 'static' }" class="main-content">
|
||||
<div class="top">
|
||||
<div class="info">
|
||||
<span>创始人 : {{ rowData.createBy }}</span>
|
||||
<span>处理人 :{{ rowData.operationUser }}</span>
|
||||
<span>创始人:{{ rowData.createBy }}</span>
|
||||
<span>处理人:{{ rowData.operationUser }}</span>
|
||||
</div>
|
||||
<div class="info">
|
||||
<span>工单名称 :{{ rowData.siteName }}</span>
|
||||
<span>关单人 :{{ rowData.knotter }}</span>
|
||||
<span>工单名称:{{ rowData.siteName }}</span>
|
||||
<span>关单人:{{ rowData.knotter }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="body">
|
||||
<div>
|
||||
<div>工单内容 :</div>
|
||||
<div>工单内容:</div>
|
||||
<div class="text">{{ rowData.orderContent }}</div>
|
||||
|
||||
</div>
|
||||
<div>
|
||||
<div>处理内容 :</div>
|
||||
<div>处理内容:</div>
|
||||
<div class="text">{{ rowData.processedContent }}</div>
|
||||
|
||||
</div>
|
||||
<div>
|
||||
<div>录音信息 :</div>
|
||||
<div>录音信息:</div>
|
||||
<div class="text">{{ rowData.recordUrl }}</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div>电话拨打记录 :</div>
|
||||
<div>电话拨打记录:</div>
|
||||
<div class="timebox">
|
||||
<div>
|
||||
<el-scrollbar height="20vh">
|
||||
@@ -171,8 +171,7 @@ defineExpose({
|
||||
<span :style="{ color: '#a8abb2' }">{{ activity.callIdNumber
|
||||
}}</span>
|
||||
<span :style="{
|
||||
color: activity.callState
|
||||
=== '通话中' ? '#6cc23a' : '#409eff'
|
||||
color: activity.callState === '通话中' ? '#6cc23a' : '#409eff'
|
||||
}">{{ activity.callState }}</span>
|
||||
<span class="span-3th" :style="{ color: '#a8abb2' }">{{
|
||||
activity.answer_time }}</span>
|
||||
|
||||
@@ -144,8 +144,8 @@ const tableConfig = reactive({
|
||||
align: 'center',
|
||||
showOverflowTooltip: false,
|
||||
currentRender: ({ row, index }) => {
|
||||
if (row.state !== null) {
|
||||
return (<Tag dictType={'work_order_status'} value={row.state} />)
|
||||
if (row.orderState !== null) {
|
||||
return (<Tag dictType={'work_order_status'} value={row.orderState} />)
|
||||
} else {
|
||||
return '--'
|
||||
}
|
||||
@@ -155,6 +155,7 @@ const tableConfig = reactive({
|
||||
prop: 'callState',
|
||||
label: '电话拨打状态',
|
||||
align: 'center',
|
||||
width: 150,
|
||||
showOverflowTooltip: false,
|
||||
currentRender: ({ row, index }) => {
|
||||
if (row.callState !== null) {
|
||||
@@ -169,6 +170,7 @@ const tableConfig = reactive({
|
||||
label: '处理人',
|
||||
align: 'center'
|
||||
},
|
||||
|
||||
{
|
||||
prop: 'processedContent',
|
||||
label: '处理内容',
|
||||
@@ -192,6 +194,11 @@ const tableConfig = reactive({
|
||||
align: 'center',
|
||||
width: 200
|
||||
},
|
||||
{
|
||||
prop: 'workOrderNumber',
|
||||
label: '关单人',
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
prop: 'oper',
|
||||
label: '操作',
|
||||
@@ -231,6 +238,17 @@ const tableConfig = reactive({
|
||||
// {name: '新增', key: 'add', color: '#DED0B2', auth: auths.report},
|
||||
]
|
||||
})
|
||||
|
||||
const search = (val) => {
|
||||
let obj = {...val}
|
||||
if (obj.dateValue) {
|
||||
obj.startTime = obj.dateValue[0]
|
||||
obj.endTime = obj.dateValue[1]
|
||||
delete obj.dateValue
|
||||
}
|
||||
tableConfig.params = obj
|
||||
tableIns.value.refresh()
|
||||
}
|
||||
const headBtnClick = (key) => {
|
||||
// console.log(key);
|
||||
|
||||
|
||||
@@ -144,8 +144,8 @@ const tableConfig = reactive({
|
||||
align: 'center',
|
||||
showOverflowTooltip: false,
|
||||
currentRender: ({ row, index }) => {
|
||||
if (row.state !== null) {
|
||||
return (<Tag dictType={'work_order_status'} value={row.state} />)
|
||||
if (row.orderState !== null) {
|
||||
return (<Tag dictType={'work_order_status'} value={row.orderState} />)
|
||||
} else {
|
||||
return '--'
|
||||
}
|
||||
@@ -155,6 +155,7 @@ const tableConfig = reactive({
|
||||
prop: 'callState',
|
||||
label: '电话拨打状态',
|
||||
align: 'center',
|
||||
width: 150,
|
||||
showOverflowTooltip: false,
|
||||
currentRender: ({ row, index }) => {
|
||||
if (row.callState !== null) {
|
||||
@@ -169,6 +170,7 @@ const tableConfig = reactive({
|
||||
label: '处理人',
|
||||
align: 'center'
|
||||
},
|
||||
|
||||
{
|
||||
prop: 'processedContent',
|
||||
label: '处理内容',
|
||||
@@ -192,6 +194,11 @@ const tableConfig = reactive({
|
||||
align: 'center',
|
||||
width: 200
|
||||
},
|
||||
{
|
||||
prop: 'workOrderNumber',
|
||||
label: '关单人',
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
prop: 'oper',
|
||||
label: '操作',
|
||||
@@ -231,6 +238,17 @@ const tableConfig = reactive({
|
||||
// {name: '新增', key: 'add', color: '#DED0B2', auth: auths.report},
|
||||
]
|
||||
})
|
||||
|
||||
const search = (val) => {
|
||||
let obj = {...val}
|
||||
if (obj.dateValue) {
|
||||
obj.startTime = obj.dateValue[0]
|
||||
obj.endTime = obj.dateValue[1]
|
||||
delete obj.dateValue
|
||||
}
|
||||
tableConfig.params = obj
|
||||
tableIns.value.refresh()
|
||||
}
|
||||
const headBtnClick = (key) => {
|
||||
// console.log(key);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user