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