工单搜索调整

src/theme/app.scss

@@ -429,7 +429,7 @@ li {
 		height: 20px;
 	}
 }
-.flexEnd {
+.flex-end {
 	display: flex;
 	justify-content: flex-end;
 }

src/views/business/order/accept/repeatOrderDetail.vue

@@ -1,9 +1,9 @@
 <template>
 	<div class="order-repeatOrder-container layout-pd">
 		<el-card shadow="never">
-			<el-tabs v-model="state.activeName" class="demo-tabs" @tab-change="handleClick">
+			<!-- <el-tabs v-model="state.activeName" class="demo-tabs" @tab-change="handleClick">
 				<el-tab-pane :name="item.value" v-for="item in state.tabPaneList" :key="item.value" :label="item.label"></el-tab-pane>
-			</el-tabs>
+			</el-tabs> -->
 			<!-- 工单详情 -->
 			<el-collapse v-model="state.collapseArr" v-if="state.activeName === 'default'" class="collapse-box" v-loading="state.loading">
 				<!-- 来电信息 -->
@@ -352,9 +352,9 @@ const showduplicateInfo = () => {
 	});
 };
 // 切换tab 查询列表
-const handleClick = (val: string) => {
-	console.log(val);
-};
+// const handleClick = (val: string) => {
+// 	console.log(val);
+// };
 onMounted(() => {
 	if (route.params.id) getDeail(route.params.id);
 });

src/views/business/order/components/orderDetail.vue

@@ -1,9 +1,9 @@
 <template>
 	<div>
 		<el-dialog v-model="state.isShowDialog" draggable title="工单详情" ref="dialogRef" width="80%" append-to-body>
-			<el-tabs v-model="state.activeName" class="demo-tabs" @tab-change="handleClick">
+			<!-- <el-tabs v-model="state.activeName" class="demo-tabs" @tab-change="handleClick">
 				<el-tab-pane :name="item.value" v-for="item in state.tabPaneList" :key="item.value" :label="item.label"></el-tab-pane>
-			</el-tabs>
+			</el-tabs> -->
 			<!-- 工单详情 -->
 			<el-collapse v-model="state.collapseArr" v-if="state.activeName === 'default'" class="collapse-box" v-loading="state.loading">
 				<!-- 来电信息 -->
@@ -405,9 +405,9 @@ const closeDialog = () => {
 	state.isShowDialog = false;
 };
 // 切换tab 查询列表
-const handleClick = (val: string) => {
-	console.log(val);
-};
+// const handleClick = (val: string) => {
+// 	console.log(val);
+// };
 // 流转记录
 const onRecord = () => {
 	CrculationRecordRef.value.openDialog(state.ruleForm);

src/views/business/order/index.vue

@@ -1,234 +1,222 @@
 <template>
-	<div class="business-oreder-container layout-padding">
-		<div class="layout-padding-auto layout-padding-view pd15">
+	<div class="business-oreder-container layout-pd">
+		<el-card shadow="never">
 			<!-- <el-tabs v-model="state.activeName" class="h100" @tab-change="handleClick"> -->
 			<!-- <el-tab-pane :name="item.value" v-for="item in state.tabPaneList" :key="item.value" :label="item.label"></el-tab-pane> -->
-			<div class="flex-column">
-				<!-- 查询条件 -->
-				<div :class="{ 'search-coloct': !searchCol }" class="search-inner">
-					<el-form :model="state.queryParams" ref="ruleFormRef" :inline="true" @submit.native.prevent class="mt15" label-width="100px">
-						<el-row :gutter="35">
-							<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
-								<el-form-item label="关键字" prop="Keyword">
-									<el-input v-model="state.queryParams.Keyword" placeholder="工单编码/标题" clearable @keyup.enter="getList(state.activeName)" />
-								</el-form-item>
-							</el-col>
-							<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
-								<el-form-item label="关键字" prop="Content">
-									<el-input v-model="state.queryParams.Content" placeholder="诉求详情" clearable @keyup.enter="getList(state.activeName)" />
-								</el-form-item>
-							</el-col>
-							<el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="6">
-								<el-form-item label="受理类型" prop="AcceptType">
-									<el-select v-model="state.queryParams.AcceptType" placeholder="请选择受理类型" multiple clearable class="w100">
-										<el-option v-for="item in state.acceptTypeOptions" :value="item.key" :key="item.key" :label="item.value" />
-									</el-select>
-								</el-form-item>
-							</el-col>
-							<el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="6">
-								<el-form-item label="来源渠道" prop="Channel">
-									<el-select v-model="state.queryParams.Channel" placeholder="请选择来源渠道" multiple clearable class="w100">
-										<el-option v-for="item in state.channelOptions" :value="item.key" :key="item.key" :label="item.value" />
-									</el-select>
-								</el-form-item>
-							</el-col>
-							<el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="6">
-								<el-form-item label="热点分类" prop="HotspotId">
-									<el-tree-select
-										class="w100"
-										v-model="state.queryParams.HotspotId"
-										filterable
-										clearable
-										multiple
-										:render-after-expand="false"
-										show-checkbox
-										placeholder="请选择热点分类"
-										:props="HotspotProps"
-										lazy
-										:load="load"
-										node-key="id"
-										check-strictly
-									/>
-								</el-form-item>
-							</el-col>
-							<el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="6">
-								<el-form-item label="部门" prop="OrgCode">
-									<el-cascader
-										:options="state.orgsOptions"
-										filterable
-										:show-all-levels="false"
-										:props="{ checkStrictly: true, value: 'id', label: 'orgName', emitPath: false, multiple: true }"
-										placeholder="请选择所属部门"
-										clearable
-										class="w100"
-										v-model="state.queryParams.OrgCode"
-										ref="cascaderRef"
-										@change="getselKnowledgeList"
-									>
-										<template #default="{ node, data }">
-											<span>{{ data.orgName }}</span>
-											<span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
-										</template>
-									</el-cascader>
-								</el-form-item>
-							</el-col>
-							<el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="6">
-								<el-form-item label="受理坐席" prop="NameOrNo">
-									<el-input v-model="state.queryParams.NameOrNo" placeholder="坐席姓名/坐席工号" clearable @keyup.enter="getList(state.activeName)" />
-								</el-form-item>
-							</el-col>
-							<el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="6">
-								<el-form-item label="受理时间" prop="crTime">
-									<el-date-picker
-										v-model="state.queryParams.crTime"
-										type="daterange"
-										unlink-panels
-										range-separator="至"
-										start-placeholder="开始日期"
-										end-placeholder="结束日期"
-										:shortcuts="shortcuts"
-										@change="timeStartChangeCr"
-										value-format="YYYY-MM-DD[T]HH:mm:ss"
-									/>
-									<!-- value-format="YYYY-MM-DD" -->
-								</el-form-item>
-							</el-col>
-							<el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="6">
-								<el-form-item label="转接来源" prop="TransferPhone">
-									<el-input
-										v-model="state.queryParams.TransferPhone"
-										placeholder="请填写转接来源"
-										clearable
-										@keyup.enter="getList(state.activeName)"
-									/>
-								</el-form-item>
-							</el-col>
-							<el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="6">
-								<el-form-item label="紧急程度" prop="EmergencyLevel">
-									<el-select v-model="state.queryParams.EmergencyLevel" placeholder="请选择受理类型" multiple clearable class="w100">
-										<el-option v-for="item in state.emergencyLevelOptions" :value="item.key" :key="item.key" :label="item.value" />
-									</el-select>
-								</el-form-item>
-							</el-col>
-							<el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="6">
-								<el-form-item label="办理期限" prop="exTime">
-									<el-date-picker
-										v-model="state.queryParams.exTime"
-										type="daterange"
-										unlink-panels
-										range-separator="至"
-										start-placeholder="开始日期"
-										end-placeholder="结束日期"
-										:shortcuts="shortcuts"
-										@change="timeStartChangeEx"
-										value-format="YYYY-MM-DD[T]HH:mm:ss"
-									/>
-									<!-- value-format="YYYY-MM-DD" -->
-								</el-form-item>
-							</el-col>
-							<el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="6">
-								<el-form-item label="电话号码" prop="PhoneNo">
-									<el-input v-model="state.queryParams.PhoneNo" placeholder="来电号码/联系电话" clearable @keyup.enter="getList(state.activeName)" />
-								</el-form-item>
-							</el-col>
-							<el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="6">
-								<el-form-item label="推送分类" prop="PushTypeCode">
-									<el-select v-model="state.queryParams.PushTypeCode" placeholder="请选择推送分类" clearable class="w100">
-										<el-option v-for="item in state.pushTypeOptions" :value="item.dicDataValue" :key="item.dicDataValue" :label="item.dicDataName" />
-									</el-select>
-								</el-form-item>
-							</el-col>
-							<el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="6">
-								<el-form-item label="工单状态" prop="Status">
-									<el-select v-model="state.queryParams.Status" placeholder="请选择工单状态" multiple clearable class="w100">
-										<el-option v-for="item in state.orderStatusOptions" :value="item.key" :key="item.key" :label="item.value" />
-									</el-select>
-								</el-form-item>
-							</el-col>
-						</el-row>
-					</el-form>
-				</div>
-				<!-- 按钮组 -->
-				<div class="w100" style="display: flex; justify-content: flex-end">
-					<el-button type="primary" @click="getList(state.activeName)" :loading="state.loading">
-						<SvgIcon name="ele-Search" class="mr5" />查询
-					</el-button>
-					<el-button @click="resetQuery(ruleFormRef)" v-waves class="default-button"> <SvgIcon name="ele-Refresh" class="mr5" />重置 </el-button>
-					<el-button link type="primary" @click="closeSearch">
-						{{ searchCol ? '收起' : '展开' }}
-						<SvgIcon :class="{ 'is-reverse': searchCol }" name="ele-ArrowDown" class="mr5 arrow" size="18px" />
+			<el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent class="mt15" label-width="100px">
+				<el-row :gutter="10">
+					<el-col :span="8">
+						<el-form-item label="关键字" prop="Keyword">
+							<el-input v-model="state.queryParams.Keyword" placeholder="工单编码/标题" clearable @keyup.enter="getList" />
+						</el-form-item>
+					</el-col>
+					<el-col :span="8">
+						<el-form-item label="诉求详情" prop="Content">
+							<el-input v-model="state.queryParams.Content" placeholder="诉求详情" clearable @keyup.enter="getList" />
+						</el-form-item>
+					</el-col>
+					<el-col :span="8" v-show="!searchCol">
+						<el-form-item label="受理类型" prop="AcceptType">
+							<el-select v-model="state.queryParams.AcceptType" placeholder="请选择受理类型" multiple clearable class="w100">
+								<el-option v-for="item in state.acceptTypeOptions" :value="item.key" :key="item.key" :label="item.value" />
+							</el-select>
+						</el-form-item>
+					</el-col>
+					<el-col :span="8" v-show="!searchCol">
+						<el-form-item label="来源渠道" prop="Channel">
+							<el-select v-model="state.queryParams.Channel" placeholder="请选择来源渠道" multiple clearable class="w100">
+								<el-option v-for="item in state.channelOptions" :value="item.key" :key="item.key" :label="item.value" />
+							</el-select>
+						</el-form-item>
+					</el-col>
+					<el-col :span="8" v-show="!searchCol">
+						<el-form-item label="热点分类" prop="HotspotId">
+							<el-tree-select
+								class="w100"
+								v-model="state.queryParams.HotspotId"
+								filterable
+								clearable
+								multiple
+								:render-after-expand="false"
+								show-checkbox
+								placeholder="请选择热点分类"
+								:props="HotspotProps"
+								lazy
+								:load="load"
+								node-key="id"
+								check-strictly
+							/>
+						</el-form-item>
+					</el-col>
+					<el-col :span="8" v-show="!searchCol">
+						<el-form-item label="部门" prop="OrgCode">
+							<el-cascader
+								:options="state.orgsOptions"
+								filterable
+								:show-all-levels="false"
+								:props="{ checkStrictly: true, value: 'id', label: 'orgName', emitPath: false, multiple: true }"
+								placeholder="请选择所属部门"
+								clearable
+								class="w100"
+								v-model="state.queryParams.OrgCode"
+								ref="cascaderRef"
+								@change="getselKnowledgeList"
+							>
+								<template #default="{ node, data }">
+									<span>{{ data.orgName }}</span>
+									<span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
+								</template>
+							</el-cascader>
+						</el-form-item>
+					</el-col>
+					<el-col :span="8" v-show="!searchCol">
+						<el-form-item label="受理坐席" prop="NameOrNo">
+							<el-input v-model="state.queryParams.NameOrNo" placeholder="坐席姓名/坐席工号" clearable @keyup.enter="getList" />
+						</el-form-item>
+					</el-col>
+					<el-col :span="8" v-show="!searchCol">
+						<el-form-item label="受理时间" prop="crTime">
+							<el-date-picker
+								v-model="state.queryParams.crTime"
+								type="daterange"
+								unlink-panels
+								range-separator="至"
+								start-placeholder="开始日期"
+								end-placeholder="结束日期"
+								:shortcuts="shortcuts"
+								@change="timeStartChangeCr"
+								value-format="YYYY-MM-DD[T]HH:mm:ss"
+							/>
+						</el-form-item>
+					</el-col>
+					<el-col :span="8" v-show="!searchCol">
+						<el-form-item label="转接来源" prop="TransferPhone">
+							<el-input v-model="state.queryParams.TransferPhone" placeholder="请填写转接来源" clearable @keyup.enter="getList" />
+						</el-form-item>
+					</el-col>
+					<el-col :span="8" v-show="!searchCol">
+						<el-form-item label="紧急程度" prop="EmergencyLevel">
+							<el-select v-model="state.queryParams.EmergencyLevel" placeholder="请选择受理类型" multiple clearable class="w100">
+								<el-option v-for="item in state.emergencyLevelOptions" :value="item.key" :key="item.key" :label="item.value" />
+							</el-select>
+						</el-form-item>
+					</el-col>
+					<el-col :span="8" v-show="!searchCol">
+						<el-form-item label="办理期限" prop="exTime">
+							<el-date-picker
+								v-model="state.queryParams.exTime"
+								type="daterange"
+								unlink-panels
+								range-separator="至"
+								start-placeholder="开始日期"
+								end-placeholder="结束日期"
+								:shortcuts="shortcuts"
+								@change="timeStartChangeEx"
+								value-format="YYYY-MM-DD[T]HH:mm:ss"
+							/>
+						</el-form-item>
+					</el-col>
+					<el-col :span="8" v-show="!searchCol">
+						<el-form-item label="电话号码" prop="PhoneNo">
+							<el-input v-model="state.queryParams.PhoneNo" placeholder="来电号码/联系电话" clearable @keyup.enter="getList" />
+						</el-form-item>
+					</el-col>
+					<el-col :span="8" v-show="!searchCol">
+						<el-form-item label="推送分类" prop="PushTypeCode">
+							<el-select v-model="state.queryParams.PushTypeCode" placeholder="请选择推送分类" clearable class="w100">
+								<el-option v-for="item in state.pushTypeOptions" :value="item.dicDataValue" :key="item.dicDataValue" :label="item.dicDataName" />
+							</el-select>
+						</el-form-item>
+					</el-col>
+					<el-col :span="8" v-show="!searchCol">
+						<el-form-item label="工单状态" prop="Status">
+							<el-select v-model="state.queryParams.Status" placeholder="请选择工单状态" multiple clearable class="w100">
+								<el-option v-for="item in state.orderStatusOptions" :value="item.key" :key="item.key" :label="item.value" />
+							</el-select>
+						</el-form-item>
+					</el-col>
+					<el-col :span="8">
+						<div class="flex-end w100">
+							<el-button type="primary" @click="getList" :loading="state.loading"> <SvgIcon name="ele-Search" class="mr5" />查询 </el-button>
+							<el-button @click="resetQuery(ruleFormRef)" v-waves class="default-button"> <SvgIcon name="ele-Refresh" class="mr5" />重置 </el-button>
+							<el-button link type="primary" @click="closeSearch">
+								{{ searchCol ? '展开' : '收起' }}
+								<SvgIcon :class="{ 'is-reverse': searchCol }" name="ele-ArrowUp" class="mr5 arrow" size="18px" />
+							</el-button>
+						</div>
+					</el-col>
+				</el-row>
+			</el-form>
+			<!-- 功能按钮 -->
+			<div class="flex-center-between mb20 mt20">
+				<!-- <p class="table-title">信息列表</p> -->
+				<div>
+					<el-button type="primary" @click="onAddWorkOrder"> <SvgIcon name="ele-Plus" class="mr5" />新建工单 </el-button>
+					<el-button type="primary" :disabled="!state.multipleSelection.length" v-waves @click="onImportTable">
+						<SvgIcon name="iconfont icon-daochu" class="mr5" />导出
 					</el-button>
 				</div>
-				<!-- 功能按钮 -->
-				<div class="flex-center-between mb20">
-					<!-- <p class="table-title">信息列表</p> -->
-					<div>
-						<el-button type="primary" @click="onAddWorkOrder"> <SvgIcon name="ele-Plus" class="mr5" />新建工单 </el-button>
-						<el-button type="primary" :disabled="!state.multipleSelection.length" v-waves @click="onImportTable">
-							<SvgIcon name="iconfont icon-daochu" class="mr5" />导出
-						</el-button>
-					</div>
-				</div>
-				<!-- 表格 -->
-				<el-table :data="state.tableList" v-loading="state.loading" row-key="id" @selection-change="handleSelectionChange" @sort-change="sortChange">
-					<el-table-column type="selection" width="55" :reserve-selection="true" />
-					<el-table-column type="index" width="60" label="序号" />
-					<!--  sortable="custom" 工单编码排序 -->
-					<el-table-column label="工单编码" prop="no" show-overflow-tooltip width="150">
-						<template #default="scope">
-							<span>{{ scope.row.no }}</span>
-						</template>
-					</el-table-column>
-					<el-table-column label="标题" show-overflow-tooltip width="400">
-						<template #default="scope">
-							<span style="color: var(--el-color-primary)">{{ scope.row.title }}</span>
-						</template>
-					</el-table-column>
-					<el-table-column label="工单状态" show-overflow-tooltip width="100">
-						<template #default="scope">
-							<!-- 草稿 -->
-							<span style="color: var(--el-color-info)" v-if="scope.row.status === 0">{{ scope.row.statusText }}</span>
-							<!-- 待签收 -->
-							<span style="color: var(--el-color-success)" v-if="scope.row.status === 10">{{ scope.row.statusText }}</span>
-							<!-- 办理中 -->
-							<span style="color: var(--el-color-primary)" v-if="scope.row.status === 20">{{ scope.row.statusText }}</span>
-							<!-- 会签中 -->
-							<span style="color: var(--el-color-primary)" v-if="scope.row.status === 30">{{ scope.row.statusText }}</span>
-							<!-- 退回 -->
-							<span style="color: var(--el-color-danger)" v-if="scope.row.status === 40">{{ scope.row.statusText }}</span>
-							<!-- 办理完成 -->
-							<span style="color: var(--el-color-success)" v-if="scope.row.status === 50">{{ scope.row.statusText }}</span>
-							<!-- 已归档 -->
-							<span style="color: var(--el-color-info)" v-if="scope.row.status === 60">{{ scope.row.statusText }}</span>
-						</template>
-					</el-table-column>
-					<el-table-column prop="currentStepName" label="当前环节" show-overflow-tooltip width="150"></el-table-column>
-					<el-table-column prop="acceptTypeText" label="受理类型" show-overflow-tooltip width="150"></el-table-column>
-					<el-table-column prop="hotspot" label="热点分类" show-overflow-tooltip width="200"></el-table-column>
-					<!--  sortable="custom" 紧急程度排序 -->
-					<el-table-column label="紧急程度" show-overflow-tooltip prop="emergencyLevelText" width="100">
-						<template #default="scope">
-							<span v-if="scope.row.emergencyLevel === 2 || scope.row.emergencyLevel === 3" style="color: var(--el-color-danger)">{{
-								scope.row.emergencyLevelText
-							}}</span>
-							<span v-else style="color: var(--el-color-primary)">{{ scope.row.emergencyLevelText }}</span>
-						</template>
-					</el-table-column>
-					<!--  sortable="custom" 办理期限排序 -->
-					<el-table-column prop="expiredTime" label="办理期限" show-overflow-tooltip width="170">
-						<template #default="scope">
-							<span>{{ formatDate(scope.row.expiredTime, 'YYYY-mm-dd HH:MM:SS') }}</span>
-						</template>
-					</el-table-column>
-					<el-table-column prop="employeeName" label="受理坐席" show-overflow-tooltip width="170">
-						<template #default="scope">
-							<span>{{ scope.row.employeeName + '[' + scope.row.employeeStaffNo + ']' }}</span>
-						</template>
-					</el-table-column>
-					<el-table-column label="操作" width="120" fixed="right" align="center">
-						<!-- 草稿0 status 可以删除 -->
-						<template #default="{ row }">
-							<!-- <el-button link type="primary" @click="onEditTemp(scope.row)" title="修改">
+			</div>
+			<!-- 表格 -->
+			<el-table :data="state.tableList" v-loading="state.loading" row-key="id" @selection-change="handleSelectionChange" @sort-change="sortChange">
+				<el-table-column type="selection" width="55" :reserve-selection="true" />
+				<el-table-column type="index" width="60" label="序号" />
+				<!--  sortable="custom" 工单编码排序 -->
+				<el-table-column label="工单编码" prop="no" show-overflow-tooltip width="150">
+					<template #default="scope">
+						<span>{{ scope.row.no }}</span>
+					</template>
+				</el-table-column>
+				<el-table-column label="标题" show-overflow-tooltip width="400">
+					<template #default="scope">
+						<span style="color: var(--el-color-primary)">{{ scope.row.title }}</span>
+					</template>
+				</el-table-column>
+				<el-table-column label="工单状态" show-overflow-tooltip width="100">
+					<template #default="scope">
+						<!-- 草稿 -->
+						<span style="color: var(--el-color-info)" v-if="scope.row.status === 0">{{ scope.row.statusText }}</span>
+						<!-- 待签收 -->
+						<span style="color: var(--el-color-success)" v-if="scope.row.status === 10">{{ scope.row.statusText }}</span>
+						<!-- 办理中 -->
+						<span style="color: var(--el-color-primary)" v-if="scope.row.status === 20">{{ scope.row.statusText }}</span>
+						<!-- 会签中 -->
+						<span style="color: var(--el-color-primary)" v-if="scope.row.status === 30">{{ scope.row.statusText }}</span>
+						<!-- 退回 -->
+						<span style="color: var(--el-color-danger)" v-if="scope.row.status === 40">{{ scope.row.statusText }}</span>
+						<!-- 办理完成 -->
+						<span style="color: var(--el-color-success)" v-if="scope.row.status === 50">{{ scope.row.statusText }}</span>
+						<!-- 已归档 -->
+						<span style="color: var(--el-color-info)" v-if="scope.row.status === 60">{{ scope.row.statusText }}</span>
+					</template>
+				</el-table-column>
+				<el-table-column prop="currentStepName" label="当前环节" show-overflow-tooltip width="150"></el-table-column>
+				<el-table-column prop="acceptTypeText" label="受理类型" show-overflow-tooltip width="150"></el-table-column>
+				<el-table-column prop="hotspot" label="热点分类" show-overflow-tooltip width="200"></el-table-column>
+				<!--  sortable="custom" 紧急程度排序 -->
+				<el-table-column label="紧急程度" show-overflow-tooltip prop="emergencyLevelText" width="100">
+					<template #default="scope">
+						<span v-if="scope.row.emergencyLevel === 2 || scope.row.emergencyLevel === 3" style="color: var(--el-color-danger)">{{
+							scope.row.emergencyLevelText
+						}}</span>
+						<span v-else style="color: var(--el-color-primary)">{{ scope.row.emergencyLevelText }}</span>
+					</template>
+				</el-table-column>
+				<!--  sortable="custom" 办理期限排序 -->
+				<el-table-column prop="expiredTime" label="办理期限" show-overflow-tooltip width="170">
+					<template #default="scope">
+						<span>{{ formatDate(scope.row.expiredTime, 'YYYY-mm-dd HH:MM:SS') }}</span>
+					</template>
+				</el-table-column>
+				<el-table-column prop="employeeName" label="受理坐席" show-overflow-tooltip width="170">
+					<template #default="scope">
+						<span>{{ scope.row.employeeName + '[' + scope.row.employeeStaffNo + ']' }}</span>
+					</template>
+				</el-table-column>
+				<el-table-column label="操作" width="120" fixed="right" align="center">
+					<!-- 草稿0 status 可以删除 -->
+					<template #default="{ row }">
+						<!-- <el-button link type="primary" @click="onEditTemp(scope.row)" title="修改">
 								修改
 							</el-button>
 							<el-button link type="success" v-if="scope.row.status === 0" @click="onReleaseTemp(scope.row)" title="发布">
@@ -237,28 +225,20 @@
 							<el-button link type="warning" v-if="scope.row.status === 2" @click="tempEnable(scope.row)" title="启用">
 								启用
 							</el-button>-->
-							<el-button link type="primary" @click="onOrderDetail(row)" :title="row.status === 0 ? '编辑工单信息' : '查看工单详情'">
-								详情
-							</el-button>
-							<el-button link v-if="row.status === 0" type="danger" @click="onDeleteOrder(row)" title="删除工单"> 删除 </el-button>
-						</template>
-					</el-table-column>
-					<template #empty>
-						<Empty />
+						<el-button link type="primary" @click="onOrderDetail(row)" :title="row.status === 0 ? '编辑工单信息' : '查看工单详情'"> 详情 </el-button>
+						<el-button link v-if="row.status === 0" type="danger" @click="onDeleteOrder(row)" title="删除工单"> 删除 </el-button>
 					</template>
-				</el-table>
-				<!-- 分页 -->
-				<pagination
-					:total="state.total"
-					v-model:page="state.queryParams.PageIndex"
-					v-model:limit="state.queryParams.PageSize"
-					@pagination="getList(state.activeName)"
-				/>
-			</div>
+				</el-table-column>
+				<template #empty>
+					<Empty />
+				</template>
+			</el-table>
+			<!-- 分页 -->
+			<pagination :total="state.total" v-model:page="state.queryParams.PageIndex" v-model:limit="state.queryParams.PageSize" @pagination="getList" />
 			<!-- </el-tabs> -->
-		</div>
+		</el-card>
 		<!-- 工单详情 -->
-		<order-detail ref="detailRef" @updateList="getList(state.activeName)" />
+		<order-detail ref="detailRef" @updateList="getList" />
 	</div>
 </template>
 <script setup lang="ts" name="order">
@@ -305,7 +285,7 @@ const shortcuts = [
 ];
 // 定义变量内容
 const ruleFormRef = ref();
-const searchCol = ref(false);
+const searchCol = ref(true);
 const router = useRouter();
 const detailRef = ref();
 const state = reactive(<any>{
@@ -421,11 +401,11 @@ const getBaseData = async () => {
 	state.orderStatusOptions = res.result?.orderStatusOptions ?? [];
 };
 /** 获取列表 */
-const getList = (val: string) => {
+const getList = () => {
 	let request = JSON.parse(JSON.stringify(state.queryParams));
 	Reflect.deleteProperty(request, 'crTime'); // 删除无用的参数
 	Reflect.deleteProperty(request, 'exTime'); // 删除无用的参数
-	switch (val) {
+	switch (state.activeName) {
 		case 'all':
 			state.loading = true;
 			orderList(request)
@@ -524,11 +504,11 @@ const resetQuery = (formEl: FormInstance | undefined) => {
 	state.queryParams.CreationTimeEnd = '';
 	state.queryParams.ExpiredTimeStart = '';
 	state.queryParams.ExpiredTimeStart = '';
-	getList(state.activeName);
+	getList();
 };
 // 切换tab 查询列表
 // const handleClick = (val: string) => {
-// 	getList(val);
+// 	getList();
 // };
 // 多选表格
 const handleSelectionChange = (val: any) => {
@@ -568,7 +548,7 @@ const onDeleteOrder = (row: any) => {
 		.then(() => {
 			orderDelete(row.id).then(() => {
 				ElMessage.success('操作成功');
-				getList(state.activeName);
+				getList();
 			});
 		})
 		.catch(() => {});
@@ -594,31 +574,14 @@ const onImportTable = () => {
 };
 onMounted(async () => {
 	getBaseData();
-	getList(state.activeName);
+	getList();
 });
 onActivated(() => {
-	getList(state.activeName);
+	getList();
 });
 </script>
 <style scoped lang="scss">
 .business-oreder-container {
-	:deep(.el-tabs__content) {
-		height: 100%;
-	}
-	.flex-column {
-		display: flex;
-		flex-direction: column;
-		height: 100%;
-		.el-table {
-			flex: 1;
-		}
-	}
-	.search-inner {
-		max-width: 100%;
-		max-height: 500px;
-		/* 增加过渡时间以适应高度 */
-		transition: max-height 0.2s linear;
-	}
 	.arrow {
 		transition: transform var(--el-transition-duration);
 		transform: rotateZ(0);
@@ -627,13 +590,5 @@ onActivated(() => {
 	.arrow.is-reverse {
 		transform: rotateZ(-180deg);
 	}
-	.search-inner.search-coloct {
-		max-height: 48px;
-		overflow: hidden;
-		margin-bottom: 20px;
-	}
-	:deep(.el-form-item) {
-		width: 100%;
-	}
 }
 </style>

src/views/tels/callRecord/index.vue

@@ -58,8 +58,8 @@
 						</template>
 					</el-table-column>
 
-					<el-table-column prop="toNo" label="进入IVR时间" show-overflow-tooltip></el-table-column>
-					<el-table-column prop="toNo" label="进入队列时间" show-overflow-tooltip></el-table-column>
+					<el-table-column prop="toNo" label="进入IVR时间" show-overflow-tooltip width="170"></el-table-column>
+					<el-table-column prop="toNo" label="进入队列时间" show-overflow-tooltip width="170"></el-table-column>
 					<el-table-column prop="toNo" label="振铃时间" show-overflow-tooltip></el-table-column>
 					<el-table-column prop="toNo" label="接听时间" show-overflow-tooltip></el-table-column>
 					<el-table-column prop="toNo" label="挂断时间" show-overflow-tooltip></el-table-column>
@@ -67,7 +67,7 @@
 					<el-table-column prop="toNo" label="挂断方" show-overflow-tooltip></el-table-column>
 					<el-table-column prop="toNo" label="通话时长" show-overflow-tooltip></el-table-column>
 					<el-table-column prop="toNo" label="等待时长" show-overflow-tooltip></el-table-column>
-					<el-table-column prop="toNo" label="通话保持时长" show-overflow-tooltip></el-table-column>
+					<el-table-column prop="toNo" label="通话保持时长" show-overflow-tooltip width="170"></el-table-column>
 					<el-table-column prop="ringOffTypeText" label="挂断原因" show-overflow-tooltip></el-table-column>
 					<el-table-column label="操作" width="120" fixed="right" align="center">
 						<template #default="scope">