suojin
/
jonhon-mes-web
25
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

安环管理-环保管理-环保巡检任务-页面调整

Browse Source
dev-scheduling
ysn 1 month ago
parent 956c222f0d
commit da6f6e5ef1
1 changed files with 105 additions and 88 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 193
      src/views/safetyManagement/equipmentInspectionTask/index.vue

193
src/views/safetyManagement/equipmentInspectionTask/index.vue
Unescape View File

@ -9,7 +9,7 @@
v-model:search="query" v-model:search="query"
ref="crud" ref="crud"
@row-del="rowDel" @row-del="rowDel"
@search-change="searchChange" @search-change="searchChange"
@search-reset="searchReset" @search-reset="searchReset"
@selection-change="selectionChange" @selection-change="selectionChange"
@current-change="currentChange" @current-change="currentChange"
@ -24,7 +24,7 @@
</template> </template>
<script> <script>
import { getList } from '@/api/safetyManagement/equipmentInspectionTask.js' import { getList } from '@/api/safetyManagement/equipmentInspectionTask.js';
export default { export default {
data() { data() {
return { return {
@ -35,9 +35,10 @@ export default {
}, },
data: [], data: [],
query: { query: {
taskStatus: '2' taskStatus: '1',
}, },
option: { height: "auto", option: {
height: 'auto',
calcHeight: 32, calcHeight: 32,
tip: false, tip: false,
simplePage: true, simplePage: true,
@ -52,12 +53,12 @@ export default {
viewBtn: false, viewBtn: false,
delBtn: false, delBtn: false,
addBtn: false, addBtn: false,
editBtnText: "修改", editBtnText: '修改',
addBtnIcon: " ", addBtnIcon: ' ',
viewBtnIcon: " ", viewBtnIcon: ' ',
delBtnIcon: " ", delBtnIcon: ' ',
editBtnIcon: " ", editBtnIcon: ' ',
viewBtnText: "详情", viewBtnText: '详情',
labelWidth: 120, labelWidth: 120,
menuWidth: 120, menuWidth: 120,
dialogWidth: 1040, dialogWidth: 1040,
@ -72,36 +73,34 @@ export default {
index: false, index: false,
showOverflowTooltip: true, showOverflowTooltip: true,
menu: false, menu: false,
searchLabelPosition: "left", searchLabelPosition: 'left',
searchLabelPosition: "left", searchLabelPosition: 'left',
searchGutter: 24, searchGutter: 24,
searchSpan: 6, searchSpan: 6,
menuAlign: "left", menuAlign: 'left',
gridBtn: false, gridBtn: false,
searchMenuPosition: "right", searchMenuPosition: 'right',
align: "center", align: 'center',
column: [ column: [
{ {
label: "巡检点编号", label: '巡检点编号',
prop: "insNum", prop: 'insNum',
sortable: true, sortable: true,
filter: true, filter: true,
search: true, search: true,
searchLabelWidth: 90, searchLabelWidth: 90,
}, },
{ {
label: "巡检点位置", label: '巡检点位置',
prop: "insSite", prop: 'insSite',
sortable: true, sortable: true,
filter: true, filter: true,
search: true, search: true,
searchLabelWidth: 90, searchLabelWidth: 90,
}, },
{ {
label: "巡检点类型", label: '巡检点类型',
prop: "insType", prop: 'insType',
sortable: true, sortable: true,
filter: true, filter: true,
span: 24, span: 24,
@ -115,22 +114,22 @@ export default {
rules: [ rules: [
{ {
required: false, required: false,
message: "请输入巡检点位置", message: '请输入巡检点位置',
trigger: "blur", trigger: 'blur',
}, },
], ],
}, },
{ {
label: "等待周期", label: '等待周期',
prop: "waitCycle", prop: 'waitCycle',
sortable: true, sortable: true,
filter: true, filter: true,
search: false, search: false,
display: false, display: false,
}, },
{ {
label: "巡检点备注", label: '巡检点备注',
prop: "parMemo", prop: 'insMemo',
sortable: true, sortable: true,
filter: true, filter: true,
search: false, search: false,
@ -138,8 +137,8 @@ export default {
searchLabelWidth: 110, searchLabelWidth: 110,
}, },
{ {
label: "发起时间", label: '发起时间',
prop: "queryLaunchTime", prop: 'queryLaunchTime',
search: true, search: true,
display: false, display: false,
hide: true, hide: true,
@ -151,72 +150,74 @@ export default {
endPlaceholder: "结束时间", endPlaceholder: "结束时间",
}, },
{ {
label: "发起时间", label: '发起时间',
prop: "launchTime", prop: 'launchTime',
sortable: true, sortable: true,
filter: true, filter: true,
display: false, type: 'datetime',
type: "datetime",
format: 'YYYY-MM-DD HH:mm:ss', format: 'YYYY-MM-DD HH:mm:ss',
valueFormat: 'YYYY-MM-DD HH:mm:ss', valueFormat: 'YYYY-MM-DD HH:mm:ss',
// searchRange: true, searchRange: true,
}, },
{ {
label: "巡检人", label: '巡检人',
prop: "insMan", prop: 'insMan',
sortable: true, sortable: true,
filter: true, filter: true,
search: true, search: true,
searchLabelWidth: 70,
}, },
{ {
label: "检验时间", label: '检验时间',
prop: "queryTestTime", prop: 'queryTestTime',
sortable: true, sortable: true,
filter: true, filter: true,
search: true, search: true,
searchLabelWidth: 80,
hide: true, hide: true,
type: "datetime", type: 'date',
format: 'YYYY-MM-DD HH:mm:ss', format: 'YYYY-MM-DD',
valueFormat: 'YYYY-MM-DD HH:mm:ss', valueFormat: 'YYYY-MM-DD',
searchRange: true, searchRange: true,
startPlaceholder: "开始时间",
endPlaceholder: "结束时间"
}, },
{ {
label: "检验时间", label: '检验时间',
prop: "testTime", prop: 'testTime',
sortable: true, sortable: true,
filter: true, filter: true,
type: "datetime", type: 'datetime',
format: 'YYYY-MM-DD HH:mm:ss', format: 'YYYY-MM-DD HH:mm:ss',
valueFormat: 'YYYY-MM-DD HH:mm:ss', valueFormat: 'YYYY-MM-DD HH:mm:ss',
// searchRange: true, // searchRange: true,
// startPlaceholder: "开始时间",
// endPlaceholder: "结束时间"
}, },
{ {
label: "备注", label: '任务状态',
prop: "memo", prop: 'taskStatus',
sortable: true,
filter: true,
search: false,
},
{
label: "任务状态",
prop: "taskStatus",
sortable: true, sortable: true,
filter: true, filter: true,
search: true, search: true,
type: 'select', type: 'select',
value:'2', // value: "2",
searchLabelWidth: 80,
dicData: [ dicData: [
{ label: '已检', value: '1' }, {
{ label: '待检', value: '2' }, //任务状态: 1、已检，2、待检，3、未准时完成 label: '待检',
{ label: '未准时完成', value: '3' }, //任务状态: 1、已检，2、待检，3、未准时完成 value: '1',
] },
{
label: '未检',
value: '2',
},
{
label: '已检',
value: '3',
},
],
},
{
label: '备注',
prop: 'parMemo',
sortable: true,
filter: true,
search: false,
}, },
], ],
}, },
@ -231,39 +232,55 @@ export default {
searchChange(params, done) { searchChange(params, done) {
this.query = params; this.query = params;
this.page.currentPage = 1; this.page.currentPage = 1;
this.onLoad(this.page, params) this.onLoad(this.page, params);
done() done();
}, },
// 搜索重置 // 搜索重置
searchReset() { searchReset() {
this.query = {taskStatus:'2'} this.query = { taskStatus: '1' };
this.onLoad(this.page) this.onLoad(this.page);
}, },
// 加载页面数据 // 加载页面数据
onLoad(page, params = {}) { onLoad(page, params = {}) {
this.loading = true; this.loading = true;
const requestParams = Object.assign({}, params, this.query); const requestParams = Object.assign({}, params, this.query);
// 后端要字符串类型 // 后端要字符串类型
if (requestParams.queryLaunchTime && Array.isArray(requestParams.queryLaunchTime) && requestParams.queryLaunchTime.length > 0) { if (
requestParams.queryLaunchTime[0] = requestParams.queryLaunchTime[0].length == 10 ? requestParams.queryLaunchTime[0] + ' 00:00:00' : requestParams.queryLaunchTime[0] requestParams.queryLaunchTime &&
requestParams.queryLaunchTime[1] = requestParams.queryLaunchTime[1].length == 10 ? requestParams.queryLaunchTime[1] + ' 23:59:59' : requestParams.queryLaunchTime[1] Array.isArray(requestParams.queryLaunchTime) &&
requestParams.queryLaunchTime.length > 0
) {
requestParams.queryLaunchTime[0] =
requestParams.queryLaunchTime[0].length == 10
? requestParams.queryLaunchTime[0] + ' 00:00:00'
: requestParams.queryLaunchTime[0];
requestParams.queryLaunchTime[1] =
requestParams.queryLaunchTime[1].length == 10
? requestParams.queryLaunchTime[1] + ' 23:59:59'
: requestParams.queryLaunchTime[1];
requestParams.queryLaunchTime = requestParams.queryLaunchTime.join(','); requestParams.queryLaunchTime = requestParams.queryLaunchTime.join(',');
} }
if (requestParams.queryTestTime && Array.isArray(requestParams.queryTestTime) && requestParams.queryTestTime.length > 0) { if (
requestParams.queryTestTime[0] = requestParams.queryTestTime[0].length == 10 ? requestParams.queryTestTime[0] + ' 00:00:00' : requestParams.queryTestTime[0] requestParams.queryTestTime &&
requestParams.queryTestTime[1] = requestParams.queryTestTime[1].length == 10 ? requestParams.queryTestTime[1] + ' 23:59:59' : requestParams.queryTestTime[1] Array.isArray(requestParams.queryTestTime) &&
requestParams.queryTestTime.length > 0
) {
requestParams.queryTestTime[0] =
requestParams.queryTestTime[0].length == 10
? requestParams.queryTestTime[0] + ' 00:00:00'
: requestParams.queryTestTime[0];
requestParams.queryTestTime[1] =
requestParams.queryTestTime[1].length == 10
? requestParams.queryTestTime[1] + ' 23:59:59'
: requestParams.queryTestTime[1];
requestParams.queryTestTime = requestParams.queryTestTime.join(','); requestParams.queryTestTime = requestParams.queryTestTime.join(',');
} }
console.log('查询参数:', requestParams) console.log('查询参数:', requestParams);
getList(page.currentPage, page.pageSize, requestParams).then( getList(page.currentPage, page.pageSize, requestParams).then(res => {
(res) => { this.data = res.data.data.records;
this.data = res.data.data.records; this.loading = false;
this.loading = false; this.page.total = res.data.data.total;
this.page.total = res.data.data.total; });
}
);
}, },
}, },
}; };

Write Preview
Loading…
Cancel
Save