|
@@ -5,6 +5,31 @@
|
|
|
<el-tab-pane name="out" label="转出列表"></el-tab-pane>
|
|
|
<el-tab-pane name="in" label="转入列表"></el-tab-pane>
|
|
|
</el-tabs>
|
|
|
+ <el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent inline>
|
|
|
+ <el-form-item prop="cityName">
|
|
|
+ <el-input v-model="state.queryParams.cityName" placeholder="互转城市名称" clearable @keyup.enter="handleQuery" class="keyword-input" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="crTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="state.queryParams.crTime"
|
|
|
+ type="daterange"
|
|
|
+ unlink-panels
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始时间"
|
|
|
+ end-placeholder="结束时间"
|
|
|
+ :shortcuts="shortcuts"
|
|
|
+ @change="handleQuery"
|
|
|
+ value-format="YYYY-MM-DD"
|
|
|
+ :clearable="false"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label-width="0">
|
|
|
+ <el-button type="primary" @click="handleQuery" :loading="state.loading"> <SvgIcon name="ele-Search" class="mr5" />查询 </el-button>
|
|
|
+ <el-button @click="resetQuery(ruleFormRef)" class="default-button" :loading="state.loading">
|
|
|
+ <SvgIcon name="ele-Refresh" class="mr5" />重置
|
|
|
+ </el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
<ProTable
|
|
|
ref="proTableRef"
|
|
|
:columns="columns"
|
|
@@ -25,40 +50,42 @@
|
|
|
import { onMounted, reactive, ref } from 'vue';
|
|
|
import dayjs from 'dayjs';
|
|
|
import { formatDate } from '@/utils/formatTime';
|
|
|
+import { cityConversionIn, cityConversionOut } from "@/api/statistics/center";
|
|
|
+import { shortcuts } from "@/utils/constants";
|
|
|
+import { FormInstance } from "element-plus";
|
|
|
|
|
|
const proTableRef = ref<RefType>(); // 表格ref
|
|
|
// 表格配置项
|
|
|
const columns = ref<any[]>([]);
|
|
|
const columnsOut = [
|
|
|
{ type: 'index', fixed: 'left', width: 55, label: '序号', align: 'center' },
|
|
|
- { prop: 'callnum', label: '受理编号' },
|
|
|
+ { prop: 'orderCode', label: '受理编号' },
|
|
|
{
|
|
|
- prop: 'filedTime',
|
|
|
+ prop: 'transferOutTime',
|
|
|
label: '转出时间',
|
|
|
width: 170,
|
|
|
render: (scope) => {
|
|
|
- return <span>{formatDate(scope.row.filedTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
+ return <span>{formatDate(scope.row.transferOutTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
},
|
|
|
},
|
|
|
- { prop: 'callnum', label: '同步次数' },
|
|
|
- { prop: 'callnum', label: '同步状态' },
|
|
|
- { prop: 'callnum', label: '同步返回' },
|
|
|
- { prop: 'callnum', label: '转入市州' },
|
|
|
+ { prop: 'sendTimes', label: '同步次数' },
|
|
|
+ { prop: 'isSuccess', label: '同步状态', render: (scope) => <span>{scope.row.isSuccess ? '成功' : '失败'}</span>},
|
|
|
+ { prop: 'result', label: '同步返回',minWidth:300 },
|
|
|
+ { prop: 'cityName', label: '转入市州' },
|
|
|
];
|
|
|
const columnsInt = [
|
|
|
{ type: 'index', fixed: 'left', width: 55, label: '序号', align: 'center' },
|
|
|
- { prop: 'callnum', label: '转入受理编号' },
|
|
|
- { prop: 'callnum', label: '新建受理编号' },
|
|
|
+ { prop: 'orderCode', label: '转入受理编号' },
|
|
|
{
|
|
|
- prop: 'filedTime',
|
|
|
+ prop: 'transferOutTime',
|
|
|
label: '转入时间',
|
|
|
width: 170,
|
|
|
render: (scope) => {
|
|
|
- return <span>{formatDate(scope.row.filedTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
+ return <span>{formatDate(scope.row.transferOutTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
},
|
|
|
},
|
|
|
- { prop: 'callnum', label: '同步转入' },
|
|
|
- { prop: 'callnum', label: '来源市州' },
|
|
|
+ { prop: 'result', label: '同步转入',minWidth:400 },
|
|
|
+ { prop: 'cityName', label: '来源市州' },
|
|
|
];
|
|
|
// 定义变量内容
|
|
|
const ruleFormRef = ref<RefType>(); // 表单ref
|
|
@@ -67,7 +94,7 @@ const state = reactive({
|
|
|
// 查询条件
|
|
|
PageIndex: 1,
|
|
|
PageSize: 10,
|
|
|
- PhoneNum: null, // 来电号码
|
|
|
+ CiryName: null, // 城市名称
|
|
|
crTime: [dayjs().startOf('day').format('YYYY-MM-DD'), dayjs().endOf('day').format('YYYY-MM-DD')],
|
|
|
direction: 'out',
|
|
|
},
|
|
@@ -80,17 +107,41 @@ const handleQuery = () => {
|
|
|
state.queryParams.PageIndex = 1;
|
|
|
queryList();
|
|
|
};
|
|
|
+/** 重置按钮操作 */
|
|
|
+const resetQuery = (formEl: FormInstance | undefined) => {
|
|
|
+ if (!formEl) return;
|
|
|
+ formEl.resetFields();
|
|
|
+ queryList();
|
|
|
+}
|
|
|
/** 获取列表 */
|
|
|
const queryList = () => {
|
|
|
- // state.loading = true;
|
|
|
+ state.loading = true;
|
|
|
columns.value = state.queryParams.direction === 'out' ? columnsOut : columnsInt;
|
|
|
+ let StartDate = null;
|
|
|
+ let EndDate = null;
|
|
|
+ if (state.queryParams?.crTime) {
|
|
|
+ StartDate = state.queryParams?.crTime[0];
|
|
|
+ EndDate = state.queryParams?.crTime[1];
|
|
|
+ }
|
|
|
+ const request = {
|
|
|
+ StartDate,
|
|
|
+ EndDate,
|
|
|
+ CiryName:state.queryParams.CiryName,
|
|
|
+ PageIndex: state.queryParams.PageIndex,
|
|
|
+ PageSize: state.queryParams.PageSize,
|
|
|
+ };
|
|
|
if (state.queryParams.direction === 'out') {
|
|
|
- /*departmentHighFrequency(state.queryParams).then((res) => {
|
|
|
- state.tableData = res.data;
|
|
|
- state.total = res.total;
|
|
|
+ cityConversionOut(request).then((res) => {
|
|
|
+ state.tableData = res.result.items;
|
|
|
+ state.total = res.result.total;
|
|
|
state.loading = false;
|
|
|
- });*/
|
|
|
+ });
|
|
|
} else {
|
|
|
+ cityConversionIn(request).then((res) => {
|
|
|
+ state.tableData = res.result.items;
|
|
|
+ state.total = res.result.total;
|
|
|
+ state.loading = false;
|
|
|
+ });
|
|
|
}
|
|
|
};
|
|
|
onMounted(() => {
|