feat:搭好了工作台架子,增加了工单的搜索方法,修改了部分样式

This commit is contained in:
KindSeven
2024-09-15 01:16:00 +08:00
parent 18508b5ecc
commit 162bae7fc3
7 changed files with 204 additions and 22 deletions

View File

@@ -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);

View File

@@ -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>

View File

@@ -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);

View File

@@ -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);