|
@@ -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 = () => {
|