|
@@ -1,19 +1,140 @@
|
|
|
<template>
|
|
|
<div class="app-container">
|
|
|
- <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px" @submit.native.prevent>
|
|
|
- <el-form-item label="任务名称" prop="jobName">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.jobName"
|
|
|
- placeholder="请输入任务名称"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
|
- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
|
- </el-form-item>
|
|
|
+ <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="90px" @submit.native.prevent class="form-style">
|
|
|
+ <el-row :gutter="24">
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="任务名称" prop="jobName">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.jobName"
|
|
|
+ placeholder="请输入任务名称"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="任务类型" prop="jobType" class="form-style">
|
|
|
+ <el-select v-model="queryParams.jobType" placeholder="请选择任务类型" clearable size="small" >
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.lawenforcement_jobType"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="创建人" prop="creatorName">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.creatorName"
|
|
|
+ placeholder="请输入创建人"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="创建部门" prop="deptName">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.deptName"
|
|
|
+ placeholder="请输入创建部门"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="24">
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="检查对象代码" prop="checkObjectCode">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.checkObjectCode"
|
|
|
+ placeholder="请输入检查对象代码"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="检查对象名称" prop="checkObjectName">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.checkObjectName"
|
|
|
+ placeholder="请输入检查对象名称"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="检查开始时间" prop="checkStartTime">
|
|
|
+ <el-date-picker
|
|
|
+ clearable
|
|
|
+ v-model="formattedQueryCheckStartTime"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="请选择检查开始时间"
|
|
|
+ @change="handleDateChange('checkStartTime', 1)"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="检查结束时间" prop="checkEndTime">
|
|
|
+ <el-date-picker
|
|
|
+ clearable
|
|
|
+ v-model="formattedQueryCheckEndTime"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="请选择检查结束时间"
|
|
|
+ @change="handleDateChange('checkEndTime', 1)"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="24">
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="任务状态" prop="recordStatus" class="form-style">
|
|
|
+ <el-select v-model="queryParams.recordStatus" placeholder="请选择任务状态" clearable size="small">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.lawenforcement_type"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="创建方式" prop="createMethod" class="form-style">
|
|
|
+ <el-select v-model="queryParams.createMethod" placeholder="请选择创建方式" clearable size="small">
|
|
|
+ <el-option value="1" label="平台对接">平台对接</el-option>
|
|
|
+ <el-option value="2" label="API对接">API对接</el-option>
|
|
|
+ <el-option value="3" label="数据同步">数据同步</el-option>
|
|
|
+ <el-option value="4" label="自建">自建</el-option>
|
|
|
+ <el-option value="5" label="未知方式">未知方式</el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="是否立案" prop="isRegisterRecord" v-if="queryParams.isRegister !== '1'">
|
|
|
+ <el-select v-model="queryParams.isRegisterRecord" placeholder="请选择是否立案" clearable size="small">
|
|
|
+ <el-option value="3" label="是">是</el-option>
|
|
|
+ <el-option value="0" label="否">否</el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
|
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</el-form>
|
|
|
|
|
|
<el-row :gutter="10" class="mb8">
|
|
@@ -444,6 +565,16 @@ export default {
|
|
|
pageNum: 1,
|
|
|
pageSize: 10,
|
|
|
jobName: null,
|
|
|
+ jobType: null,
|
|
|
+ creatorName: null,
|
|
|
+ deptName: null,
|
|
|
+ gender: null,
|
|
|
+ checkObjectCode: null,
|
|
|
+ checkObjectName: null,
|
|
|
+ checkStartTime: null,
|
|
|
+ checkEndTime: null,
|
|
|
+ createMethod: null,
|
|
|
+ isRegisterRecord: null,
|
|
|
},
|
|
|
// 表单参数
|
|
|
form: {
|
|
@@ -524,6 +655,38 @@ export default {
|
|
|
this.form.checkEndTime = new Date(value).getTime();
|
|
|
},
|
|
|
},
|
|
|
+ formattedQueryCheckStartTime: {
|
|
|
+ get() {
|
|
|
+ const timestamp = this.queryParams.checkStartTime;
|
|
|
+ return timestamp ? new Date(timestamp).toISOString().split("T")[0] : '';
|
|
|
+ },
|
|
|
+ set(value) {
|
|
|
+ // 创建一个新的 Date 对象
|
|
|
+ let date = new Date(value);
|
|
|
+
|
|
|
+ // 设置时间为当天的 00:00:00
|
|
|
+ // date.setHours(0, 0, 0, 1);
|
|
|
+
|
|
|
+ // 将日期转换为时间戳
|
|
|
+ this.queryParams.checkStartTime = date.getTime();
|
|
|
+ },
|
|
|
+ },
|
|
|
+ formattedQueryCheckEndTime: {
|
|
|
+ get() {
|
|
|
+ const timestamp = this.queryParams.checkEndTime;
|
|
|
+ return timestamp ? new Date(timestamp).toISOString().split("T")[0] : '';
|
|
|
+ },
|
|
|
+ set(value) {
|
|
|
+ // 创建一个新的 Date 对象
|
|
|
+ let date = new Date(value);
|
|
|
+
|
|
|
+ // 设置时间为当天的 00:00:00
|
|
|
+ // date.setHours(0, 0, 0, 0);
|
|
|
+
|
|
|
+ // 将日期转换为时间戳
|
|
|
+ this.queryParams.checkEndTime = date.getTime();
|
|
|
+ },
|
|
|
+ },
|
|
|
},
|
|
|
methods: {
|
|
|
/** 获取部门列表 页面初始化执行 */
|
|
@@ -632,6 +795,8 @@ export default {
|
|
|
/** 提交按钮 */
|
|
|
submitForm() {
|
|
|
this.form.createMethod = 4
|
|
|
+ debugger
|
|
|
+
|
|
|
this.$refs["form"].validate(valid => {
|
|
|
if (valid) {
|
|
|
if (this.title === "修改任务数据") {
|
|
@@ -676,9 +841,9 @@ export default {
|
|
|
return '';
|
|
|
},
|
|
|
//新增修改时间格式处理
|
|
|
- handleDateChange(prop) {
|
|
|
+ handleDateChange(prop, type) {
|
|
|
// 验证日期是否合法
|
|
|
- const value = this.form[prop];
|
|
|
+ const value = type ? this.queryParams[prop] : this.form[prop];
|
|
|
if (value) {
|
|
|
const date = new Date(value);
|
|
|
if (isNaN(date.getTime())) {
|