Skip to content

S
smart_gov_platform
Commit af7c34fc authored by “yiyousong”'s avatar “yiyousong”
Browse files
Options

perf:修改搜索组件

parent b2fc01d5
Hide whitespace changes
Inline Side-by-side
Showing with 380 additions and 139 deletions
portal-manager-ui/admin/src/App.vue
View file @ af7c34fc
...@@ -58,18 +58,15 @@ export default { ...@@ -58,18 +58,15 @@ export default {
</script> </script>
<style lang="less"> <style lang="less">
.app {
min-width: 1600px;
}
.export { .export {
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
} }
.ant-calendar-prev-month-btn::before, .ant-calendar-prev-month-btn::before,
.ant-calendar-prev-year-btn::before, .ant-calendar-prev-year-btn::before,
.ant-calendar-prev-year-btn::after, .ant-calendar-prev-year-btn::after,
.ant-calendar-next-month-btn::before, .ant-calendar-next-month-btn::before,
.ant-calendar-next-year-btn::before, .ant-calendar-next-year-btn::before,
.ant-calendar-next-year-btn::after{ .ant-calendar-next-year-btn::after {
border-color: rgba(0, 0, 0, 1) !important; border-color: rgba(0, 0, 0, 1) !important;
} }
</style> </style>
\ No newline at end of file
portal-manager-ui/admin/src/assets/css/common.less
View file @ af7c34fc
@searBG:#F0F0F0;
/* 基础 */ /* 基础 */
.primary { .primary {
color: #1890ff; color: #1890ff;
...@@ -628,6 +630,7 @@ img { ...@@ -628,6 +630,7 @@ img {
tr, th,td{ tr, th,td{
border:none !important; border:none !important;
} }
} }
.ant-table-thead th { .ant-table-thead th {
background: linear-gradient(0deg, #f9fbff 0%, #cbddff 78%); background: linear-gradient(0deg, #f9fbff 0%, #cbddff 78%);
...@@ -678,15 +681,15 @@ img { ...@@ -678,15 +681,15 @@ img {
} }
.ant-select { .ant-select {
width: 100%; width: 100%;
height: 42px; min-height:42px;
.ant-select-selection__rendered { .ant-select-selection__rendered {
height: 100%; min-height:42px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.ant-select-selection { .ant-select-selection {
height: 42px; min-height:42px;
background: #f0f0f0; background: @searBG;
border-radius: 4px; border-radius: 4px;
border: none; border: none;
font-size: 14px; font-size: 14px;
...@@ -701,22 +704,31 @@ img { ...@@ -701,22 +704,31 @@ img {
font-weight: 500; font-weight: 500;
color: #232323; color: #232323;
} }
.ant-select-selection__clear{
background: @searBG;
}
.ant-calendar-picker { .ant-calendar-picker {
min-width: 100% !important; min-width: 100% !important;
max-width: 100%; max-width: 100%;
} }
.ant-calendar-picker-input { .ant-calendar-picker-input {
.ant-calendar-range-picker-input:nth-child(1) { .ant-calendar-range-picker-input:nth-child(1) {
width:33%;
text-align: left; text-align: left;
} }
.ant-calendar-range-picker-input:nth-child(3) { .ant-calendar-range-picker-input:nth-child(3) {
width:33%;
text-align: right; text-align: right;
} }
} }
.ant-calendar-picker-clear{
background: @searBG;
}
.ant-input { .ant-input {
width: 100%; width: 100%;
height: 42px; height: 42px;
background: #f0f0f0; background: @searBG;
border: none; border: none;
border-radius: 4px; border-radius: 4px;
font-size: 14px; font-size: 14px;
......
portal-manager-ui/admin/src/components/YRangePicker.vue 0 → 100644
View file @ af7c34fc
<template>
<div>
<a-range-picker
v-bind="$attrs"
:allowClear="allowClear"
valueFormat="YYYY-MM-DD"
:value="value"
@change="handleChange"
>
<img slot="suffixIcon" src="@/assets/images/dataManage/icon-date.png" />
</a-range-picker>
</div>
</template>
<script>
export default {
model: {
value: "value",
event: "change",
},
props: {
value: {
required: true,
default: "",
},
allowClear: {
default: false,
},
},
data() {
return {};
},
methods: {
handleChange(value) {
this.$emit("change", value);
},
},
};
</script>
<style lang="less" scoped>
</style>
\ No newline at end of file
portal-manager-ui/admin/src/components/YSelect.vue 0 → 100644
View file @ af7c34fc
<template>
<div>
<a-select
:v-bind="$attrs"
:allowClear="allowClear"
:showSearch="showSearch"
:value="value"
:optionFilterProp="optionFilterProp"
@change="handleChange"
>
<img slot="clearIcon" src="@/assets/images/icon-close.png" />
<img slot="suffixIcon" src="@/assets/images/dataManage/pull-down.png" />
<slot></slot>>
</a-select>
</div>
</template>
<script>
export default {
model: {
value: "value",
event: "change",
},
props: {
value: {
required: true,
default: "",
},
allowClear: {
default: "",
},
showSearch: {
default: "",
},
optionFilterProp: {
default: "",
},
},
data() {
return {};
},
methods: {
handleChange(value) {
this.$emit("change", value);
},
},
};
</script>
<style lang="less" scoped>
</style>
\ No newline at end of file
portal-manager-ui/admin/src/components/reportformsForm/AbnormalReportFormSearch.vue
View file @ af7c34fc
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
<a-select-option value="" label="全部"> 全部 </a-select-option> <a-select-option value="" label="全部"> 全部 </a-select-option>
<a-select-option :value="0" label="未处理"> 未处理 </a-select-option> <a-select-option :value="0" label="未处理"> 未处理 </a-select-option>
</a-select> </a-select>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -30,8 +30,8 @@ ...@@ -30,8 +30,8 @@
:label="v.name + '-' + v.fromnum" :label="v.name + '-' + v.fromnum"
>{{ v.name + "-" + v.fromnum }}</a-select-option >{{ v.name + "-" + v.fromnum }}</a-select-option
> >
</a-select> </y-select>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -46,8 +46,8 @@ ...@@ -46,8 +46,8 @@
:label="v" :label="v"
>{{ v }}</a-select-option >{{ v }}</a-select-option
> >
</a-select> </y-select>
<a-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" /> <y-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" />
<a-input <a-input
allowClear allowClear
placeholder="请输入工作人员姓名查询" placeholder="请输入工作人员姓名查询"
...@@ -61,6 +61,8 @@ ...@@ -61,6 +61,8 @@
</template> </template>
<script> <script>
import YSelect from "@/components/YSelect.vue";
import YRangePicker from "@/components/YRangePicker.vue";
import Storage from "@/utils/js/Storage"; import Storage from "@/utils/js/Storage";
import { mapMutations } from "vuex"; import { mapMutations } from "vuex";
import { debounce } from "lodash"; import { debounce } from "lodash";
...@@ -74,6 +76,10 @@ const alert = { ...@@ -74,6 +76,10 @@ const alert = {
}; };
export default { export default {
name: "abnormalReportForm-search", name: "abnormalReportForm-search",
components: {
YSelect,
YRangePicker,
},
data() { data() {
return { return {
siteId: Storage.get(2, "siteId"), siteId: Storage.get(2, "siteId"),
......
portal-manager-ui/admin/src/components/reportformsForm/AlertingSearch.vue
View file @ af7c34fc
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<a-button block class="export-btn" icon="upload" @click="handleExport"> <a-button block class="export-btn" icon="upload" @click="handleExport">
导出 导出
</a-button> </a-button>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -14,8 +14,8 @@ ...@@ -14,8 +14,8 @@
> >
<a-select-option value="" label="全部类型"> 全部类型 </a-select-option> <a-select-option value="" label="全部类型"> 全部类型 </a-select-option>
<a-select-option :value="0" label="离线"> 离线 </a-select-option> <a-select-option :value="0" label="离线"> 离线 </a-select-option>
</a-select> </y-select>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -30,8 +30,8 @@ ...@@ -30,8 +30,8 @@
<a-select-option :value="2" label="清除已确认"> <a-select-option :value="2" label="清除已确认">
清除已确认 清除已确认
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" /> <y-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" />
<a-input <a-input
allowClear allowClear
placeholder="请输入设备名称查询" placeholder="请输入设备名称查询"
...@@ -45,11 +45,17 @@ ...@@ -45,11 +45,17 @@
</template> </template>
<script> <script>
import YSelect from "@/components/YSelect.vue";
import YRangePicker from "@/components/YRangePicker.vue";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import { mapMutations } from "vuex"; import { mapMutations } from "vuex";
import { debounce } from "lodash"; import { debounce } from "lodash";
export default { export default {
name: "alerting-search", name: "alerting-search",
components: {
YSelect,
YRangePicker,
},
data() { data() {
return { return {
siteId: storage.get(2, "siteId"), siteId: storage.get(2, "siteId"),
......
portal-manager-ui/admin/src/components/reportformsForm/CallRecordFormSearch.vue
View file @ af7c34fc
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<a-button block class="export-btn" icon="upload" @click="handleExport"> <a-button block class="export-btn" icon="upload" @click="handleExport">
导出 导出
</a-button> </a-button>
<a-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" /> <y-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" />
<a-input <a-input
allowClear allowClear
placeholder="请输入手机号码搜索" placeholder="请输入手机号码搜索"
...@@ -18,11 +18,17 @@ ...@@ -18,11 +18,17 @@
</template> </template>
<script> <script>
import YSelect from "@/components/YSelect.vue";
import YRangePicker from "@/components/YRangePicker.vue";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import { mapMutations } from "vuex"; import { mapMutations } from "vuex";
import { debounce } from "lodash"; import { debounce } from "lodash";
export default { export default {
name: "callRecordForm-search", name: "callRecordForm-search",
components: {
YSelect,
YRangePicker,
},
data() { data() {
return { return {
siteId: storage.get(2, "siteId"), siteId: storage.get(2, "siteId"),
......
portal-manager-ui/admin/src/components/reportformsForm/CallrecordSearch.vue
View file @ af7c34fc
<template> <template>
<!-- 排号机搜索 -->
<div class="search-form"> <div class="search-form">
<a-space direction="vertical" size="middle"> <a-space direction="vertical" size="middle">
<a-button block class="export-btn" icon="upload" @click="handleExport"> <a-button block class="export-btn" icon="upload" @click="handleExport">
导出 导出
</a-button> </a-button>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
placeholder="请选择大厅" placeholder="请选择大厅"
v-model="searchForm.hallid" v-model="searchForm.hallid"
> >
<img slot="clearIcon" src="@/assets/images/icon-close.png" />
<img slot="suffixIcon" src="@/assets/images/dataManage/pull-down.png" />
<a-select-option value="" label="全部大厅"> 全部大厅 </a-select-option> <a-select-option value="" label="全部大厅"> 全部大厅 </a-select-option>
<a-select-option <a-select-option
v-for="v in datingList" v-for="v in datingList"
...@@ -20,8 +23,8 @@ ...@@ -20,8 +23,8 @@
> >
{{ v.hallName }} {{ v.hallName }}
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -37,15 +40,15 @@ ...@@ -37,15 +40,15 @@
> >
{{ v.name }} {{ v.name }}
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
placeholder="请选择设备" placeholder="请选择设备"
v-model="searchForm.id" v-model="searchForm.id"
> >
<a-select-option value=""> 全部设备 </a-select-option> <a-select-option value="" label="全部设备"> 全部设备 </a-select-option>
<a-select-option <a-select-option
v-for="v in deviceData" v-for="v in deviceData"
:key="v.id" :key="v.id"
...@@ -54,8 +57,8 @@ ...@@ -54,8 +57,8 @@
> >
{{ v.name }} {{ v.name }}
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -71,8 +74,10 @@ ...@@ -71,8 +74,10 @@
> >
{{ v.name }} {{ v.name }}
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" /> <y-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time">
<img slot="suffixIcon" src="@/assets/images/dataManage/icon-date.png" />
</y-range-picker>
<a-input <a-input
allowClear allowClear
placeholder="输入排队编号搜索" placeholder="输入排队编号搜索"
...@@ -87,6 +92,8 @@ ...@@ -87,6 +92,8 @@
<script> <script>
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import YSelect from "@/components/YSelect.vue";
import YRangePicker from "@/components/YRangePicker.vue";
import { mapMutations } from "vuex"; import { mapMutations } from "vuex";
import { getDatingList, getBumenList, getCalllist } from "@/api/dataAdmin"; import { getDatingList, getBumenList, getCalllist } from "@/api/dataAdmin";
import { debounce } from "lodash"; import { debounce } from "lodash";
...@@ -102,6 +109,10 @@ const style = [ ...@@ -102,6 +109,10 @@ const style = [
]; ];
export default { export default {
name: "callRecord-search", name: "callRecord-search",
components: {
YSelect,
YRangePicker,
},
data() { data() {
return { return {
siteId: storage.get(2, "siteId"), siteId: storage.get(2, "siteId"),
......
portal-manager-ui/admin/src/components/reportformsForm/DepartmentSearch.vue
View file @ af7c34fc
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<a-button block class="export-btn" icon="upload" @click="handleExport"> <a-button block class="export-btn" icon="upload" @click="handleExport">
导出 导出
</a-button> </a-button>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -21,8 +21,8 @@ ...@@ -21,8 +21,8 @@
> >
{{ v.hallName }} {{ v.hallName }}
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
> >
{{ v.name }} {{ v.name }}
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-select <a-select
allowClear allowClear
showSearch showSearch
...@@ -47,7 +47,9 @@ ...@@ -47,7 +47,9 @@
v-model="evaChoose" v-model="evaChoose"
mode="multiple" mode="multiple"
> >
<a-select-option value=""> 全部评价 </a-select-option> <img slot="clearIcon" src="@/assets/images/icon-close.png" />
<img slot="suffixIcon" src="@/assets/images/dataManage/pull-down.png" />
<!-- <a-select-option value="" label="全部评价"> 全部评价 </a-select-option> -->
<a-select-option <a-select-option
v-for="v in optonList" v-for="v in optonList"
:key="v.id" :key="v.id"
...@@ -65,7 +67,9 @@ ...@@ -65,7 +67,9 @@
v-model="evaFrom" v-model="evaFrom"
mode="multiple" mode="multiple"
> >
<a-select-option value="" label=""> 全部来源 </a-select-option> <img slot="clearIcon" src="@/assets/images/icon-close.png" />
<img slot="suffixIcon" src="@/assets/images/dataManage/pull-down.png" />
<!-- <a-select-option value="" label="全部来源"> 全部来源 </a-select-option> -->
<a-select-option value="1" label="窗口评价"> 窗口评价 </a-select-option> <a-select-option value="1" label="窗口评价"> 窗口评价 </a-select-option>
<a-select-option value="2" label="自助服务终端"> <a-select-option value="2" label="自助服务终端">
自助服务终端 自助服务终端
...@@ -79,10 +83,10 @@ ...@@ -79,10 +83,10 @@
一体化评价 一体化评价
</a-select-option> </a-select-option>
</a-select> </a-select>
<a-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" /> <y-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" />
<a-input <a-input
allowClear allowClear
placeholder="请输入评价人姓名或部门名称搜索" placeholder="请输入评价人姓名或窗口编号搜索"
v-model="searchForm.info" v-model="searchForm.info"
/> />
<a-button block class="search-btn" icon="search" @click="handleSearch"> <a-button block class="search-btn" icon="search" @click="handleSearch">
...@@ -92,13 +96,19 @@ ...@@ -92,13 +96,19 @@
</div> </div>
</template> </template>
<script> <script>
import YSelect from "@/components/YSelect.vue";
import YRangePicker from "@/components/YRangePicker.vue";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import { mapMutations } from "vuex"; import { mapMutations } from "vuex";
import { getDatingList, getBumenList, getOptonList } from "@/api/dataAdmin"; import { getDatingList, getBumenList, getOptonList } from "@/api/dataAdmin";
import { debounce } from "lodash"; import { debounce } from "lodash";
export default { export default {
name: "departmentEvaluation-search", name: "departmentEvaluation-search",
components: {
YSelect,
YRangePicker,
},
data() { data() {
return { return {
siteId: storage.get(2, "siteId"), siteId: storage.get(2, "siteId"),
...@@ -191,5 +201,5 @@ export default { ...@@ -191,5 +201,5 @@ export default {
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
</style> </style>
\ No newline at end of file
portal-manager-ui/admin/src/components/reportformsForm/DepositRecordSearch.vue
View file @ af7c34fc
...@@ -5,14 +5,14 @@ ...@@ -5,14 +5,14 @@
<a-button block class="export-btn" icon="upload" @click="handleExport"> <a-button block class="export-btn" icon="upload" @click="handleExport">
导出 导出
</a-button> </a-button>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
placeholder="请选择设备" placeholder="请选择设备"
v-model="searchForm.number" v-model="searchForm.number"
> >
<a-select-option value=""> 全部设备 </a-select-option> <a-select-option value="" label="全部设备"> 全部设备 </a-select-option>
<a-select-option <a-select-option
v-for="v in deviceData" v-for="v in deviceData"
:key="v.id" :key="v.id"
...@@ -21,8 +21,8 @@ ...@@ -21,8 +21,8 @@
> >
{{ v.name }} {{ v.name }}
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -32,8 +32,8 @@ ...@@ -32,8 +32,8 @@
<a-select-option value="" label="全部状态"> 全部状态 </a-select-option> <a-select-option value="" label="全部状态"> 全部状态 </a-select-option>
<a-select-option :value="1" label="未取件"> 未取件 </a-select-option> <a-select-option :value="1" label="未取件"> 未取件 </a-select-option>
<a-select-option :value="2" label="已取件"> 已取件 </a-select-option> <a-select-option :value="2" label="已取件"> 已取件 </a-select-option>
</a-select> </y-select>
<a-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" /> <y-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" />
<a-input <a-input
allowClear allowClear
placeholder="请输入邮递员姓名或联系电话查询" placeholder="请输入邮递员姓名或联系电话查询"
...@@ -47,12 +47,18 @@ ...@@ -47,12 +47,18 @@
</template> </template>
<script> <script>
import YSelect from "@/components/YSelect.vue";
import YRangePicker from "@/components/YRangePicker.vue";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import { mapMutations } from "vuex"; import { mapMutations } from "vuex";
import { getSitePickupDevice } from "@/api/dataAdmin"; import { getSitePickupDevice } from "@/api/dataAdmin";
import { debounce } from "lodash"; import { debounce } from "lodash";
export default { export default {
name: "depositRecord-search", name: "depositRecord-search",
components: {
YSelect,
YRangePicker,
},
data() { data() {
return { return {
siteId: storage.get(2, "siteId"), siteId: storage.get(2, "siteId"),
......
portal-manager-ui/admin/src/components/reportformsForm/FillrecordSearch.vue
View file @ af7c34fc
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<a-button block class="export-btn" icon="upload" @click="handleExport"> <a-button block class="export-btn" icon="upload" @click="handleExport">
导出 导出
</a-button> </a-button>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -13,8 +13,8 @@ ...@@ -13,8 +13,8 @@
> >
<a-select-option :value="1" label="按事项"> 按事项 </a-select-option> <a-select-option :value="1" label="按事项"> 按事项 </a-select-option>
<a-select-option :value="2" label="按材料"> 按材料 </a-select-option> <a-select-option :value="2" label="按材料"> 按材料 </a-select-option>
</a-select> </y-select>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -28,8 +28,8 @@ ...@@ -28,8 +28,8 @@
<a-select-option :value="2" label="在线提交"> <a-select-option :value="2" label="在线提交">
在线提交 在线提交
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" /> <y-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" />
<a-input <a-input
allowClear allowClear
placeholder="请输入名称搜索" placeholder="请输入名称搜索"
...@@ -43,11 +43,17 @@ ...@@ -43,11 +43,17 @@
</template> </template>
<script> <script>
import YSelect from "@/components/YSelect.vue";
import YRangePicker from "@/components/YRangePicker.vue";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import { mapMutations } from "vuex"; import { mapMutations } from "vuex";
import { debounce } from "lodash"; import { debounce } from "lodash";
export default { export default {
name: "fillForm-search", name: "fillForm-search",
components: {
YSelect,
YRangePicker,
},
data() { data() {
return { return {
siteId: storage.get(2, "siteId"), siteId: storage.get(2, "siteId"),
......
portal-manager-ui/admin/src/components/reportformsForm/ImpossibleFormSearch.vue
View file @ af7c34fc
...@@ -5,17 +5,17 @@ ...@@ -5,17 +5,17 @@
<a-button block class="export-btn" icon="upload" @click="handleExport"> <a-button block class="export-btn" icon="upload" @click="handleExport">
导出 导出
</a-button> </a-button>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
placeholder="请选择" placeholder="请选择"
v-model="searchForm.reply" v-model="searchForm.reply"
> >
<a-select-option value=""> 全部 </a-select-option> <a-select-option value="" label="全部"> 全部 </a-select-option>
<a-select-option :value="0"> 未回复 </a-select-option> <a-select-option :value="0" label="未回复"> 未回复 </a-select-option>
</a-select> </y-select>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -31,8 +31,8 @@ ...@@ -31,8 +31,8 @@
> >
{{ v.label }} {{ v.label }}
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" /> <y-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" />
<a-input <a-input
allowClear allowClear
placeholder="请输入标题或姓名关键字搜索" placeholder="请输入标题或姓名关键字搜索"
...@@ -46,6 +46,8 @@ ...@@ -46,6 +46,8 @@
</template> </template>
<script> <script>
import YSelect from "@/components/YSelect.vue";
import YRangePicker from "@/components/YRangePicker.vue";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import { mapMutations } from "vuex"; import { mapMutations } from "vuex";
import { debounce } from "lodash"; import { debounce } from "lodash";
...@@ -61,6 +63,10 @@ const deviceList = [ ...@@ -61,6 +63,10 @@ const deviceList = [
]; ];
export default { export default {
name: "ImpossibleForm-search", name: "ImpossibleForm-search",
components: {
YSelect,
YRangePicker,
},
data() { data() {
return { return {
siteId: storage.get(2, "siteId"), siteId: storage.get(2, "siteId"),
......
portal-manager-ui/admin/src/components/reportformsForm/LetterRecordFormSearch.vue
View file @ af7c34fc
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<a-button block class="export-btn" icon="upload" @click="handleExport"> <a-button block class="export-btn" icon="upload" @click="handleExport">
导出 导出
</a-button> </a-button>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -20,8 +20,8 @@ ...@@ -20,8 +20,8 @@
> >
{{ v }} {{ v }}
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -37,8 +37,8 @@ ...@@ -37,8 +37,8 @@
> >
{{ v.name }} {{ v.name }}
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" /> <y-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" />
<a-input <a-input
allowClear allowClear
placeholder="请输入标题或姓名关键字搜索" placeholder="请输入标题或姓名关键字搜索"
...@@ -52,6 +52,8 @@ ...@@ -52,6 +52,8 @@
</template> </template>
<script> <script>
import YSelect from "@/components/YSelect.vue";
import YRangePicker from "@/components/YRangePicker.vue";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import { mapMutations } from "vuex"; import { mapMutations } from "vuex";
import { debounce } from "lodash"; import { debounce } from "lodash";
...@@ -63,6 +65,10 @@ const source = { ...@@ -63,6 +65,10 @@ const source = {
}; };
export default { export default {
name: "letterRecordForm-search", name: "letterRecordForm-search",
components: {
YSelect,
YRangePicker,
},
data() { data() {
return { return {
siteId: storage.get(2, "siteId"), siteId: storage.get(2, "siteId"),
......
portal-manager-ui/admin/src/components/reportformsForm/MakeRecordSearch.vue
View file @ af7c34fc
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<a-button block class="export-btn" icon="upload" @click="handleExport"> <a-button block class="export-btn" icon="upload" @click="handleExport">
导出 导出
</a-button> </a-button>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -21,8 +21,8 @@ ...@@ -21,8 +21,8 @@
> >
{{ v.name }} {{ v.name }}
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -38,8 +38,8 @@ ...@@ -38,8 +38,8 @@
> >
{{ v }} {{ v }}
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" /> <y-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" />
<a-input <a-input
allowClear allowClear
placeholder="请输入预约人姓名/业务名称搜索" placeholder="请输入预约人姓名/业务名称搜索"
...@@ -53,6 +53,8 @@ ...@@ -53,6 +53,8 @@
</template> </template>
<script> <script>
import YSelect from "@/components/YSelect.vue";
import YRangePicker from "@/components/YRangePicker.vue";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import { mapMutations } from "vuex"; import { mapMutations } from "vuex";
import { getDeptList } from "@/api/dataAdmin"; import { getDeptList } from "@/api/dataAdmin";
...@@ -65,6 +67,10 @@ let statusItem = { ...@@ -65,6 +67,10 @@ let statusItem = {
}; };
export default { export default {
name: "RecordReport-search", name: "RecordReport-search",
components: {
YSelect,
YRangePicker,
},
data() { data() {
return { return {
statusItem, statusItem,
......
portal-manager-ui/admin/src/components/reportformsForm/MatterSearch.vue
View file @ af7c34fc
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<a-button block class="export-btn" icon="upload" @click="handleExport"> <a-button block class="export-btn" icon="upload" @click="handleExport">
导出 导出
</a-button> </a-button>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -21,8 +21,8 @@ ...@@ -21,8 +21,8 @@
> >
{{ v.hallName }} {{ v.hallName }}
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
> >
{{ v.name }} {{ v.name }}
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-select <a-select
allowClear allowClear
showSearch showSearch
...@@ -47,7 +47,9 @@ ...@@ -47,7 +47,9 @@
v-model="evaChoose" v-model="evaChoose"
mode="multiple" mode="multiple"
> >
<a-select-option value=""> 全部评价 </a-select-option> <img slot="clearIcon" src="@/assets/images/icon-close.png" />
<img slot="suffixIcon" src="@/assets/images/dataManage/pull-down.png" />
<!-- <a-select-option value="" label="全部评价"> 全部评价 </a-select-option> -->
<a-select-option <a-select-option
v-for="v in optonList" v-for="v in optonList"
:key="v.id" :key="v.id"
...@@ -65,7 +67,9 @@ ...@@ -65,7 +67,9 @@
v-model="evaFrom" v-model="evaFrom"
mode="multiple" mode="multiple"
> >
<a-select-option value="" label=""> 全部来源 </a-select-option> <img slot="clearIcon" src="@/assets/images/icon-close.png" />
<img slot="suffixIcon" src="@/assets/images/dataManage/pull-down.png" />
<!-- <a-select-option value="" label="全部来源"> 全部来源 </a-select-option> -->
<a-select-option value="1" label="窗口评价"> 窗口评价 </a-select-option> <a-select-option value="1" label="窗口评价"> 窗口评价 </a-select-option>
<a-select-option value="2" label="自助服务终端"> <a-select-option value="2" label="自助服务终端">
自助服务终端 自助服务终端
...@@ -79,10 +83,10 @@ ...@@ -79,10 +83,10 @@
一体化评价 一体化评价
</a-select-option> </a-select-option>
</a-select> </a-select>
<a-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" /> <y-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" />
<a-input <a-input
allowClear allowClear
placeholder="请输入评价人姓名或排号编号搜索" placeholder="请输入评价人姓名或窗口编号搜索"
v-model="searchForm.info" v-model="searchForm.info"
/> />
<a-button block class="search-btn" icon="search" @click="handleSearch"> <a-button block class="search-btn" icon="search" @click="handleSearch">
...@@ -93,12 +97,18 @@ ...@@ -93,12 +97,18 @@
</template> </template>
<script> <script>
import YSelect from "@/components/YSelect.vue";
import YRangePicker from "@/components/YRangePicker.vue";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import { mapMutations } from "vuex"; import { mapMutations } from "vuex";
import { getDatingList, getBumenList, getOptonList } from "@/api/dataAdmin"; import { getDatingList, getBumenList, getOptonList } from "@/api/dataAdmin";
import { debounce } from "lodash"; import { debounce } from "lodash";
export default { export default {
name: "matterEvaluation-search", name: "matterEvaluation-search",
components: {
YSelect,
YRangePicker,
},
data() { data() {
return { return {
siteId: storage.get(2, "siteId"), siteId: storage.get(2, "siteId"),
......
portal-manager-ui/admin/src/components/reportformsForm/MicroFormSearch.vue
View file @ af7c34fc
...@@ -5,16 +5,14 @@ ...@@ -5,16 +5,14 @@
<a-button block class="export-btn" icon="upload" @click="handleExport"> <a-button block class="export-btn" icon="upload" @click="handleExport">
导出 导出
</a-button> </a-button>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
placeholder="请选择类型" placeholder="请选择类型"
v-model="searchForm.check_real" v-model="searchForm.check_real"
> >
<a-select-option value="-1" label="全部类型"> <a-select-option value="" label="全部类型"> 全部类型 </a-select-option>
全部类型
</a-select-option>
<a-select-option <a-select-option
v-for="(v, key) in check_realList" v-for="(v, key) in check_realList"
:key="key" :key="key"
...@@ -23,8 +21,8 @@ ...@@ -23,8 +21,8 @@
> >
{{ v }} {{ v }}
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" /> <y-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" />
<a-input <a-input
allowClear allowClear
placeholder="请输入昵称关键字搜索" placeholder="请输入昵称关键字搜索"
...@@ -38,6 +36,8 @@ ...@@ -38,6 +36,8 @@
</template> </template>
<script> <script>
import YSelect from "@/components/YSelect.vue";
import YRangePicker from "@/components/YRangePicker.vue";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import { mapMutations } from "vuex"; import { mapMutations } from "vuex";
import { debounce } from "lodash"; import { debounce } from "lodash";
...@@ -47,6 +47,10 @@ let check_realList = { ...@@ -47,6 +47,10 @@ let check_realList = {
}; };
export default { export default {
name: "microForm-search", name: "microForm-search",
components: {
YSelect,
YRangePicker,
},
data() { data() {
return { return {
check_realList, check_realList,
...@@ -54,7 +58,7 @@ export default { ...@@ -54,7 +58,7 @@ export default {
// 搜索数据 // 搜索数据
searchForm: { searchForm: {
search: "", search: "",
check_real: "-1", check_real: "",
time: [ time: [
this.$moment().format("YYYY-MM-DD"), this.$moment().format("YYYY-MM-DD"),
this.$moment().format("YYYY-MM-DD"), this.$moment().format("YYYY-MM-DD"),
......
portal-manager-ui/admin/src/components/reportformsForm/NetworkFormSearch.vue
View file @ af7c34fc
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<a-button block class="export-btn" icon="upload" @click="handleExport"> <a-button block class="export-btn" icon="upload" @click="handleExport">
导出 导出
</a-button> </a-button>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -15,8 +15,8 @@ ...@@ -15,8 +15,8 @@
<a-select-option value=""> 全部建议 </a-select-option> <a-select-option value=""> 全部建议 </a-select-option>
<a-select-option :value="0"> 未处理 </a-select-option> <a-select-option :value="0"> 未处理 </a-select-option>
<a-select-option :value="1"> 已处理 </a-select-option> <a-select-option :value="1"> 已处理 </a-select-option>
</a-select> </y-select>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -32,8 +32,8 @@ ...@@ -32,8 +32,8 @@
> >
{{ v }} {{ v }}
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -49,8 +49,8 @@ ...@@ -49,8 +49,8 @@
> >
{{ v }} {{ v }}
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" /> <y-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" />
<a-input <a-input
allowClear allowClear
placeholder="请输入标题或姓名关键字搜索" placeholder="请输入标题或姓名关键字搜索"
...@@ -64,6 +64,8 @@ ...@@ -64,6 +64,8 @@
</template> </template>
<script> <script>
import YSelect from "@/components/YSelect.vue";
import YRangePicker from "@/components/YRangePicker.vue";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import { mapMutations } from "vuex"; import { mapMutations } from "vuex";
import { debounce } from "lodash"; import { debounce } from "lodash";
...@@ -83,6 +85,10 @@ const nowDevice = { ...@@ -83,6 +85,10 @@ const nowDevice = {
}; };
export default { export default {
name: "networkForm-search", name: "networkForm-search",
components: {
YSelect,
YRangePicker,
},
data() { data() {
return { return {
siteId: storage.get(2, "siteId"), siteId: storage.get(2, "siteId"),
......
portal-manager-ui/admin/src/components/reportformsForm/OtherRecordSearch.vue
View file @ af7c34fc
...@@ -5,14 +5,14 @@ ...@@ -5,14 +5,14 @@
<a-button block class="export-btn" icon="upload" @click="handleExport"> <a-button block class="export-btn" icon="upload" @click="handleExport">
导出 导出
</a-button> </a-button>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
placeholder="请选择设备" placeholder="请选择设备"
v-model="searchForm.number" v-model="searchForm.number"
> >
<a-select-option value=""> 全部设备 </a-select-option> <a-select-option value="" label="全部设备"> 全部设备 </a-select-option>
<a-select-option <a-select-option
v-for="v in deviceData" v-for="v in deviceData"
:key="v.id" :key="v.id"
...@@ -21,8 +21,8 @@ ...@@ -21,8 +21,8 @@
> >
{{ v.name }} {{ v.name }}
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -38,8 +38,8 @@ ...@@ -38,8 +38,8 @@
> >
{{ v }} {{ v }}
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" /> <y-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" />
<a-button block class="search-btn" icon="search" @click="handleSearch"> <a-button block class="search-btn" icon="search" @click="handleSearch">
搜索 搜索
</a-button> </a-button>
...@@ -48,6 +48,8 @@ ...@@ -48,6 +48,8 @@
</template> </template>
<script> <script>
import YSelect from "@/components/YSelect.vue";
import YRangePicker from "@/components/YRangePicker.vue";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import { mapMutations } from "vuex"; import { mapMutations } from "vuex";
import { getSitePickupDevice } from "@/api/dataAdmin"; import { getSitePickupDevice } from "@/api/dataAdmin";
...@@ -62,6 +64,10 @@ const operationTypeList = { ...@@ -62,6 +64,10 @@ const operationTypeList = {
}; };
export default { export default {
name: "otherRecord-search", name: "otherRecord-search",
components: {
YSelect,
YRangePicker,
},
data() { data() {
return { return {
siteId: storage.get(2, "siteId"), siteId: storage.get(2, "siteId"),
......
portal-manager-ui/admin/src/components/reportformsForm/PickUpRecordSearch.vue
View file @ af7c34fc
...@@ -5,14 +5,14 @@ ...@@ -5,14 +5,14 @@
<a-button block class="export-btn" icon="upload" @click="handleExport"> <a-button block class="export-btn" icon="upload" @click="handleExport">
导出 导出
</a-button> </a-button>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
placeholder="请选择设备" placeholder="请选择设备"
v-model="searchForm.number" v-model="searchForm.number"
> >
<a-select-option value=""> 全部设备 </a-select-option> <a-select-option value="" label="全部设备"> 全部设备 </a-select-option>
<a-select-option <a-select-option
v-for="v in deviceData" v-for="v in deviceData"
:key="v.id" :key="v.id"
...@@ -21,8 +21,8 @@ ...@@ -21,8 +21,8 @@
> >
{{ v.name }} {{ v.name }}
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" /> <y-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" />
<a-input <a-input
allowClear allowClear
placeholder="请输入取件人姓名或手机号搜索" placeholder="请输入取件人姓名或手机号搜索"
...@@ -35,13 +35,19 @@ ...@@ -35,13 +35,19 @@
</div> </div>
</template> </template>
<script> <script>
import YSelect from "@/components/YSelect.vue";
import YRangePicker from "@/components/YRangePicker.vue";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import { mapMutations } from "vuex"; import { mapMutations } from "vuex";
import { getSitePickupDevice } from "@/api/dataAdmin"; import { getSitePickupDevice } from "@/api/dataAdmin";
import { debounce } from "lodash"; import { debounce } from "lodash";
export default { export default {
name: "pickUpRecord-search", name: "pickUpRecord-search",
components: {
YSelect,
YRangePicker,
},
data() { data() {
return { return {
siteId: storage.get(2, "siteId"), siteId: storage.get(2, "siteId"),
...@@ -98,5 +104,5 @@ export default { ...@@ -98,5 +104,5 @@ export default {
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
</style> </style>
\ No newline at end of file
portal-manager-ui/admin/src/components/reportformsForm/PoliticsShowSearch.vue
View file @ af7c34fc
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<a-button block class="export-btn" icon="upload" @click="handleExport"> <a-button block class="export-btn" icon="upload" @click="handleExport">
导出 导出
</a-button> </a-button>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
> >
{{ v }} {{ v }}
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-input <a-input
allowClear allowClear
placeholder="请输入用户姓名或者手机号搜索" placeholder="请输入用户姓名或者手机号搜索"
...@@ -35,6 +35,8 @@ ...@@ -35,6 +35,8 @@
</template> </template>
<script> <script>
import YSelect from "@/components/YSelect.vue";
import YRangePicker from "@/components/YRangePicker.vue";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import { mapMutations } from "vuex"; import { mapMutations } from "vuex";
import { debounce } from "lodash"; import { debounce } from "lodash";
...@@ -45,6 +47,10 @@ const levelList = { ...@@ -45,6 +47,10 @@ const levelList = {
}; };
export default { export default {
name: "PoliticsShow-search", name: "PoliticsShow-search",
components: {
YSelect,
YRangePicker,
},
data() { data() {
return { return {
siteId: storage.get(2, "siteId"), siteId: storage.get(2, "siteId"),
......
portal-manager-ui/admin/src/components/reportformsForm/QueueSearch.vue
View file @ af7c34fc
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<a-button block class="export-btn" icon="upload" @click="handleExport"> <a-button block class="export-btn" icon="upload" @click="handleExport">
导出 导出
</a-button> </a-button>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -20,8 +20,8 @@ ...@@ -20,8 +20,8 @@
> >
{{ v.hallName }} {{ v.hallName }}
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -37,15 +37,15 @@ ...@@ -37,15 +37,15 @@
> >
{{ v.name }} {{ v.name }}
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
placeholder="请选择设备" placeholder="请选择设备"
v-model="searchForm.id" v-model="searchForm.id"
> >
<a-select-option value=""> 全部设备 </a-select-option> <a-select-option value="" label="全部设备"> 全部设备 </a-select-option>
<a-select-option <a-select-option
v-for="v in deviceData" v-for="v in deviceData"
:key="v.id" :key="v.id"
...@@ -54,8 +54,8 @@ ...@@ -54,8 +54,8 @@
> >
{{ v.name }} {{ v.name }}
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -71,8 +71,8 @@ ...@@ -71,8 +71,8 @@
> >
{{ v.name }} {{ v.name }}
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" /> <y-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" />
<a-input <a-input
allowClear allowClear
placeholder="输入排队编号搜索" placeholder="输入排队编号搜索"
...@@ -86,6 +86,8 @@ ...@@ -86,6 +86,8 @@
</template> </template>
<script> <script>
import YSelect from "@/components/YSelect.vue";
import YRangePicker from "@/components/YRangePicker.vue";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import { mapMutations } from "vuex"; import { mapMutations } from "vuex";
import { getDatingList, getBumenList, getTaskList } from "@/api/dataAdmin"; import { getDatingList, getBumenList, getTaskList } from "@/api/dataAdmin";
...@@ -106,6 +108,10 @@ const style = [ ...@@ -106,6 +108,10 @@ const style = [
]; ];
export default { export default {
name: "queueRecord-search", name: "queueRecord-search",
components: {
YSelect,
YRangePicker,
},
data() { data() {
return { return {
siteId: storage.get(2, "siteId"), siteId: storage.get(2, "siteId"),
......
portal-manager-ui/admin/src/components/reportformsForm/SampleRecordSearch.vue
View file @ af7c34fc
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<a-button block class="export-btn" icon="upload" @click="handleExport"> <a-button block class="export-btn" icon="upload" @click="handleExport">
导出 导出
</a-button> </a-button>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -14,8 +14,8 @@ ...@@ -14,8 +14,8 @@
> >
<a-select-option :value="1" label="按事项"> 按事项 </a-select-option> <a-select-option :value="1" label="按事项"> 按事项 </a-select-option>
<a-select-option :value="2" label="按材料"> 按材料 </a-select-option> <a-select-option :value="2" label="按材料"> 按材料 </a-select-option>
</a-select> </y-select>
<a-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" /> <y-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" />
<a-input <a-input
allowClear allowClear
placeholder="请输入名称搜索" placeholder="请输入名称搜索"
...@@ -29,11 +29,17 @@ ...@@ -29,11 +29,17 @@
</template> </template>
<script> <script>
import YSelect from "@/components/YSelect.vue";
import YRangePicker from "@/components/YRangePicker.vue";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import { mapMutations } from "vuex"; import { mapMutations } from "vuex";
import { debounce } from "lodash"; import { debounce } from "lodash";
export default { export default {
name: "sampleForm-search", name: "sampleForm-search",
components: {
YSelect,
YRangePicker,
},
data() { data() {
return { return {
siteId: storage.get(2, "siteId"), siteId: storage.get(2, "siteId"),
......
portal-manager-ui/admin/src/components/reportformsForm/WindowSearch.vue
View file @ af7c34fc
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<a-button block class="export-btn" icon="upload" @click="handleExport"> <a-button block class="export-btn" icon="upload" @click="handleExport">
导出 导出
</a-button> </a-button>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -21,8 +21,8 @@ ...@@ -21,8 +21,8 @@
> >
{{ v.hallName }} {{ v.hallName }}
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-select <y-select
allowClear allowClear
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
> >
{{ v.name }} {{ v.name }}
</a-select-option> </a-select-option>
</a-select> </y-select>
<a-select <a-select
allowClear allowClear
showSearch showSearch
...@@ -47,7 +47,9 @@ ...@@ -47,7 +47,9 @@
v-model="evaChoose" v-model="evaChoose"
mode="multiple" mode="multiple"
> >
<a-select-option value=""> 全部评价 </a-select-option> <img slot="clearIcon" src="@/assets/images/icon-close.png" />
<img slot="suffixIcon" src="@/assets/images/dataManage/pull-down.png" />
<!-- <a-select-option value="" label="全部评价"> 全部评价 </a-select-option> -->
<a-select-option <a-select-option
v-for="v in optonList" v-for="v in optonList"
:key="v.id" :key="v.id"
...@@ -65,7 +67,9 @@ ...@@ -65,7 +67,9 @@
v-model="evaFrom" v-model="evaFrom"
mode="multiple" mode="multiple"
> >
<a-select-option value="" label=""> 全部来源 </a-select-option> <img slot="clearIcon" src="@/assets/images/icon-close.png" />
<img slot="suffixIcon" src="@/assets/images/dataManage/pull-down.png" />
<!-- <a-select-option value="" label="全部来源"> 全部来源 </a-select-option> -->
<a-select-option value="1" label="窗口评价"> 窗口评价 </a-select-option> <a-select-option value="1" label="窗口评价"> 窗口评价 </a-select-option>
<a-select-option value="2" label="自助服务终端"> <a-select-option value="2" label="自助服务终端">
自助服务终端 自助服务终端
...@@ -79,7 +83,7 @@ ...@@ -79,7 +83,7 @@
一体化评价 一体化评价
</a-select-option> </a-select-option>
</a-select> </a-select>
<a-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" /> <y-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time" />
<a-input <a-input
allowClear allowClear
placeholder="请输入评价人姓名或窗口编号搜索" placeholder="请输入评价人姓名或窗口编号搜索"
...@@ -93,12 +97,18 @@ ...@@ -93,12 +97,18 @@
</template> </template>
<script> <script>
import YSelect from "@/components/YSelect.vue";
import YRangePicker from "@/components/YRangePicker.vue";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import { mapMutations } from "vuex"; import { mapMutations } from "vuex";
import { getDatingList, getBumenList, getOptonList } from "@/api/dataAdmin"; import { getDatingList, getBumenList, getOptonList } from "@/api/dataAdmin";
import { debounce } from "lodash"; import { debounce } from "lodash";
export default { export default {
name: "windowsEvaluation-search", name: "windowsEvaluation-search",
components: {
YSelect,
YRangePicker,
},
data() { data() {
return { return {
siteId: storage.get(2, "siteId"), siteId: storage.get(2, "siteId"),
......
portal-manager-ui/admin/src/views/dataAdmin/components/queueCall/callRecord.vue
View file @ af7c34fc
...@@ -224,10 +224,10 @@ export default { ...@@ -224,10 +224,10 @@ export default {
}, },
{ {
title: "办理窗口", title: "办理窗口",
width: 150, width: 200,
dataIndex: "window_name", dataIndex: "window_name",
customRender: (text) => { customRender: (text, record) => {
return text || "--"; return text ? `${text}-${record.window_fromnum}` : "--";
}, },
}, },
{ {
...@@ -267,7 +267,7 @@ export default { ...@@ -267,7 +267,7 @@ export default {
width: 160, width: 160,
dataIndex: "wait_time", dataIndex: "wait_time",
customRender: (text) => { customRender: (text) => {
return text.wait_time || "--"; return text || "--";
}, },
}, },
......
portal-manager-ui/admin/src/views/dataAdmin/components/queueCall/module.vue
View file @ af7c34fc
<template> <template>
<div class="h-full w-full flex flex-col"> <div class="h-full w-full flex flex-col">
<div class="total-info"> <div class="total-info">
<span class="mr-[30px]">取号次数：{{ total ?? 0 }}次</span> <span
v-if="$route.path == '/home/dataManagement/queueCall/queueRecord'"
class="mr-[30px]"
>取号次数：{{ total ?? 0 }}次</span
>
<span
v-if="$route.path == '/home/dataManagement/queueCall/callRecord'"
class="mr-[30px]"
>呼叫次数：{{ total ?? 0 }}次</span
>
<span>统计时间段：{{ time[0] }} - {{ time[1] }}</span> <span>统计时间段：{{ time[0] }} - {{ time[1] }}</span>
</div> </div>
<div class="reportforms-out-box"> <div class="reportforms-out-box">
......
portal-manager-ui/admin/src/views/dataAdmin/components/queueCall/queueRecord.vue
View file @ af7c34fc
...@@ -217,10 +217,10 @@ export default { ...@@ -217,10 +217,10 @@ export default {
}, },
{ {
title: "办理窗口", title: "办理窗口",
width: 150, width: 200,
dataIndex: "window_name", dataIndex: "window_name",
customRender: (text) => { customRender: (text, record) => {
return text || "--"; return text ? `${text}-${record.window_fromnum}` : "--";
}, },
}, },
{ {
......
portal-manager-ui/admin/src/views/home/home.vue
View file @ af7c34fc
...@@ -16,6 +16,7 @@ ...@@ -16,6 +16,7 @@
</h1> </h1>
<div class="selectOnptions"> <div class="selectOnptions">
<a-select v-model="siteInfo" labelInValue @change="handleChange"> <a-select v-model="siteInfo" labelInValue @change="handleChange">
<a-icon slot="suffixIcon" type="down-circle" />
<a-select-option v-for="v in siteList" :key="v.id" :value="v.id"> <a-select-option v-for="v in siteList" :key="v.id" :value="v.id">
{{ v.siteName }} {{ v.siteName }}
</a-select-option> </a-select-option>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment