|
|
|
|
@ -1,17 +1,18 @@
|
|
|
|
|
<template> |
|
|
|
|
<div class="container"> |
|
|
|
|
<header> |
|
|
|
|
<el-form :inline="true" class="demo-form-inline" :label-width="120"> |
|
|
|
|
<el-form :label-width="120"> |
|
|
|
|
<el-row> |
|
|
|
|
<el-col :span="6"> |
|
|
|
|
<el-form-item label="来信时间"> |
|
|
|
|
<el-date-picker v-model="query.mailTime" value-format="YYYY-MM-DD" type="daterange" |
|
|
|
|
range-separator="~" start-placeholder="开始日期" end-placeholder="结束日期" @change="handleMailTimeQuery"/> |
|
|
|
|
range-separator="~" start-placeholder="开始日期" end-placeholder="结束日期" |
|
|
|
|
@change="handleMailTimeQuery" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="6"> |
|
|
|
|
<el-form-item label="信件来源"> |
|
|
|
|
<el-select v-model="query.source" placeholder="" clearable style="width: 280px"> |
|
|
|
|
<el-select v-model="query.source" placeholder="" clearable> |
|
|
|
|
<el-option v-for="item in dictData.mail_source" :key="item.value" :label="item.name" |
|
|
|
|
:value="item.value" /> |
|
|
|
|
</el-select> |
|
|
|
|
@ -25,14 +26,13 @@
|
|
|
|
|
<el-option label="身份证" value="idCard" /> |
|
|
|
|
<el-option label="联系电话" value="phone" /> |
|
|
|
|
</el-select> |
|
|
|
|
<el-input v-model="query.contactFieldValue" :placeholder="placeholderText" clearable |
|
|
|
|
style="width: 172px" /> |
|
|
|
|
<el-input v-model="query.contactFieldValue" :placeholder="placeholderText" clearable /> |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="6"> |
|
|
|
|
<el-form-item label="信件等级"> |
|
|
|
|
<el-select v-model="query.mailLevel" placeholder="" clearable style="width: 280px"> |
|
|
|
|
<el-select v-model="query.mailLevel" placeholder="" clearable> |
|
|
|
|
<el-option v-for="item in dictData.mail_level" :key="item.value" :label="item.name" |
|
|
|
|
:value="item.value" /> |
|
|
|
|
</el-select> |
|
|
|
|
@ -43,12 +43,12 @@
|
|
|
|
|
<el-col :span="6"> |
|
|
|
|
<el-form-item label="信件分类"> |
|
|
|
|
<el-tree-select v-model="query.mailCategory" :data="mailStore.mailCategorys" check-strictly |
|
|
|
|
filterable style="width: 280px" /> |
|
|
|
|
filterable /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="6"> |
|
|
|
|
<el-form-item label="信件状态"> |
|
|
|
|
<el-select v-model="query.mailState" placeholder="" clearable style="width: 280px"> |
|
|
|
|
<el-select v-model="query.mailState" placeholder="" clearable> |
|
|
|
|
<el-option v-for="item in dictData.mail_state" :key="item.value" :label="item.name" |
|
|
|
|
:value="item.value" /> |
|
|
|
|
</el-select> |
|
|
|
|
@ -56,7 +56,6 @@
|
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="6"> |
|
|
|
|
<el-form-item label="办理单位"> |
|
|
|
|
<div class="flex gap"> |
|
|
|
|
<el-tree-select class="flex-1" v-model="query.deptId" :data="optionsData.dept" clearable |
|
|
|
|
node-key="id" filterable :props="{ |
|
|
|
|
value: 'id', |
|
|
|
|
@ -64,14 +63,12 @@
|
|
|
|
|
disabled(data: any) { |
|
|
|
|
return !!data.isStop |
|
|
|
|
} |
|
|
|
|
}" check-strictly :default-expand-all="true" placeholder="请选择上级部门" |
|
|
|
|
style="width: 280px" /> |
|
|
|
|
</div> |
|
|
|
|
}" check-strictly placeholder="请选择上级部门" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="6"> |
|
|
|
|
<el-form-item label="流程阶段"> |
|
|
|
|
<el-select v-model="query.flowKey" placeholder="" clearable style="width: 280px"> |
|
|
|
|
<el-select v-model="query.flowKey" placeholder="" clearable> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
@ -79,8 +76,7 @@
|
|
|
|
|
<el-row> |
|
|
|
|
<el-col :span="6"> |
|
|
|
|
<el-form-item label="信件标签"> |
|
|
|
|
<el-select v-model="query.mailLabels" placeholder="请选择标签" multiple clearable |
|
|
|
|
style="width: 280px"> |
|
|
|
|
<el-select v-model="query.mailLabels" placeholder="请选择标签" multiple clearable> |
|
|
|
|
<el-option v-for="item in optionsData.labels" :key="item.id" :label="item.labelName" |
|
|
|
|
:value="item.id" /> |
|
|
|
|
</el-select> |
|
|
|
|
@ -336,7 +332,7 @@ const handleMailTimeQuery = (val: any) => {
|
|
|
|
|
if (val) { |
|
|
|
|
query.value.mailTimeStart = val[0]; |
|
|
|
|
query.value.mailTimeEnd = val[1]; |
|
|
|
|
}else{ |
|
|
|
|
} else { |
|
|
|
|
delete query.value.mailTimeStart |
|
|
|
|
delete query.value.mailTimeEnd |
|
|
|
|
} |
|
|
|
|
|