ソースを参照

reactor:综合查询新增快捷查询;

zhangchong 1 年間 前
コミット
d2d0add3e0
2 ファイル変更48 行追加10 行削除
  1. 44 6
      src/views/business/order/index.vue
  2. 4 4
      src/views/tels/callLog/index.vue

+ 44 - 6
src/views/business/order/index.vue

@@ -1,6 +1,14 @@
 <template>
 	<div class="business-order-container layout-pd">
 		<el-card shadow="never">
+			<div class="flex-center-align mb20">
+				<span style="color: var(--el-text-color-regular); display: inline-block; width: 100px; text-align: right; padding-right: 12px">快捷查询</span>
+				<el-radio-group v-model="fastSearch" @change="fastSearchChange" :disabled="state.loading">
+					<el-radio-button label="all">全部</el-radio-button>
+					<el-radio-button label="city">市工单</el-radio-button>
+					<el-radio-button label="province">省工单</el-radio-button>
+				</el-radio-group>
+			</div>
 			<el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent label-width="100px">
 				<el-row :gutter="10">
 					<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
@@ -300,13 +308,17 @@
 			>
 				<!-- 表格 header 按钮 -->
 				<template #tableHeader="scope">
-					<el-button type="primary" @click="onCreateRepeatEvent"> <SvgIcon name="ele-Plus" class="mr5" /> 创建重复性事件 </el-button>
-					<el-button type="primary" @click="onObserve" v-auth="'business:order:observe'" :disabled="!scope.isSelected">
-						<SvgIcon name="ele-View" class="mr5" />设置观察件
-					</el-button>
-					<el-button type="primary" @click="onEnd" v-auth="'business:order:end'" :disabled="!scope.isSelected">
-						<SvgIcon name="ele-Stopwatch" class="mr5" />设置终结件
+					<el-button
+						type="primary"
+						@click="onProvinceReturn"
+						v-auth="'business:order:observe'"
+						:disabled="!scope.isSelected"
+						v-if="fastSearch === 'province'"
+						>省退回申请
 					</el-button>
+					<el-button type="primary" @click="onCreateRepeatEvent">创建重复性事件 </el-button>
+					<el-button type="primary" @click="onObserve" v-auth="'business:order:observe'" :disabled="!scope.isSelected">设置观察件 </el-button>
+					<el-button type="primary" @click="onEnd" v-auth="'business:order:end'" :disabled="!scope.isSelected">设置终结件 </el-button>
 				</template>
 				<template #expiredStatus="{ row }">
 					<span :class="'overdue-status-' + row.expiredStatus" :title="row.expiredStatusText"></span>
@@ -390,6 +402,7 @@ const state = reactive({
 		Statuses: [], // 状态
 		doneTime: [], // 办结时间
 		PushTypeCode: null, //推送类型
+		IsProvince: false, // 省市工单
 	},
 	tableData: [], //表单
 	loading: false, // 加载
@@ -405,6 +418,13 @@ const state = reactive({
 	orgData: [], // 机构数据
 	areaOptions: [], // 省市区数据
 });
+const fastSearch = ref('all'); // tab位置
+const fastSearchChange = (val: string) => {
+	state.queryParams.PageIndex = 1;
+	state.queryParams.PageSize = 10;
+	state.queryParams.IsProvince = val === 'province';
+	queryList();
+};
 const ruleFormRef = ref<RefType>(); // 表单ref
 const searchCol = ref(true); // 展开/收起
 const route = useRoute(); // 路由
@@ -586,6 +606,24 @@ const onEnd = () => {
 		})
 		.catch(() => {});
 };
+// 省退回申请
+const onProvinceReturn = () => {
+	const titles = proTableRef.value.selectedList.map((item: any) => item.title).join(',');
+	const ids = proTableRef.value.selectedList.map((item: any) => {
+		return {
+			orderId: item.id,
+		};
+	});
+	ElMessageBox.confirm(`确定要【${titles}】省退回申请吗?`, '提示', {
+		confirmButtonText: '确定',
+		cancelButtonText: '取消',
+		type: 'warning',
+		draggable: true,
+		autofocus: false,
+	})
+		.then(() => {})
+		.catch(() => {});
+};
 // 创建重复性事件
 const repeatEventEditRef = ref<RefType>();
 const onCreateRepeatEvent = () => {

+ 4 - 4
src/views/tels/callLog/index.vue

@@ -149,7 +149,7 @@
 				<!-- 表格操作 -->
 				<template #operation="{ row }">
 					<template v-if="['0', '1'].includes(state.queryParams.type)">
-						<el-button link type="primary" @click="onCreate(row)" title="创建失联工单" v-auth="'tels:callLog:connect'" v-if="!row.externalId">
+						<el-button link type="primary" @click="onCreate(row)" title="创建失联工单" v-auth="'tels:callLog:connectOrder'" v-if="!row.externalId">
 							失联工单
 						</el-button>
 						<el-button link type="primary" @click="onConnect(row)" title="关联业务" v-auth="'tels:callLog:connect'" v-if="!row.externalId">
@@ -163,9 +163,9 @@
 						<el-button link type="primary" @click="onDownload(row)" title="下载录音" v-if="row.recordingFileUrl"> 下载录音 </el-button>
 					</template>
 				</template>
-        <template #title="{ row }">
-          <order-detail :order="row.order" @updateList="queryList">{{ row.order?.title }}</order-detail>
-        </template>
+				<template #title="{ row }">
+					<order-detail :order="row.order" @updateList="queryList">{{ row.order?.title }}</order-detail>
+				</template>
 			</ProTable>
 		</el-card>
 		<!-- 播放录音 -->