314637581
/
flossom-cloud
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

【ID1000608】

Browse Source 
护理记录-缺少【显示最近一次护理记录】字段搜索，缺少折叠展开按钮
master
382696293@qq.com 2 years ago
parent e687e65826
commit f1087a59ce
1 changed files with 95 additions and 83 deletions
Show Stats Download Patch File Download Diff File

178
flossom-ui/src/views/system/nursingLog/index.vue
Unescape Escape View File

@ -1,88 +1,98 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-popover placement="top-start" width="200" trigger="click" content="手机号码和用户编号，满足其中之一内容即可">
<el-form-item label="用户编号" prop="userIdList" slot="reference">
<el-input style="width: 200px" v-model="queryParams.userIdList" placeholder="搜索多个请用英文逗号隔开"
clearable
@keyup.enter.native="handleQuery"/>
</el-form-item>
</el-popover>
<el-form-item label="会员昵称" prop="nickname">
<el-input
style="width: 200px" v-model="queryParams.nickname" placeholder="请输入单个会员昵称进行搜索" clearable
@keyup.enter.native="handleQuery"/>
</el-form-item>
<el-popover placement="top-start" width="200" trigger="click" content="手机号码和用户编号，满足其中之一内容即可">
<el-form-item label="手机号码" prop="mobile" slot="reference">
<el-input style="width: 200px" v-model="queryParams.mobile" placeholder="搜索多个请用英文逗号隔开" clearable
@keyup.enter.native="handleQuery"/>
</el-form-item>
</el-popover>
<el-form-item label="省" prop="provinceId">
<el-select style="width: 120px" v-model="queryParams.provinceId" @change="getCityList(queryParams.provinceId)"
placeholder="请选择省" @keyup.enter.native="handleQuery" filterable clearable
@clear="clearOption(1)">
<el-option v-for="item in provinceList" :key="item.id" :label="item.name" :value="item.id"/>
</el-select>
</el-form-item>
<el-form-item label="市" prop="cityId">
<el-select style="width: 120px" v-model="queryParams.cityId" @change="getAreaByPid(queryParams.cityId)"
@clear="clearOption(2)" @keyup.enter.native="handleQuery" filterable clearable
placeholder="请选择市">
<el-option v-for="item in cityList" :key="item.id" :label="item.name" :value="item.id"/>
</el-select>
</el-form-item>
<el-form-item label="区" prop="areaId">
<el-select style="width: 120px" v-model="queryParams.areaId" @keyup.enter.native="handleQuery" filterable
clearable placeholder="请选择区">
<el-option v-for="item in areaList" :key="item.id" :label="item.name" :value="item.id"/>
</el-select>
</el-form-item>
<el-popover placement="top-start" width="200" trigger="click" content="外部标签和小程序标签，同时满足所选内容">
<el-form-item label="外部标签" prop="wecomTagList" slot="reference">
<el-select v-model="queryParams.wecomTagList" multiple placeholder="请选择">
<el-option v-for="item in wecomTagList" :key="item.value" :label="item.label" :value="item.value"/>
</el-select>
</el-form-item>
</el-popover>
<el-form-item label="仪器" prop="instrumentIdList">
<el-select v-model="queryParams.instrumentIdList" placeholder="请选择仪器" multiple :style="{ width: '100%' }"
clearable>
<el-option v-for="item in instrumentList" :key="item.id" :label="item.name" :value="item.id"/>
</el-select>
</el-form-item>
<el-popover placement="top-start" width="200" trigger="click" content="外部标签和小程序标签，同时满足所选内容">
<el-form-item label="小程序标签" label-width="100" prop="miniProgramTags" slot="reference">
<el-select v-model="queryParams.miniProgramTagList" multiple placeholder="请选择">
<el-option v-for="item in miniProgramTagList" :key="item.value" :label="item.label" :value="item.value"/>
</el-select>
</el-form-item>
</el-popover>
<el-form-item label="模式" prop="modeIdList">
<el-select v-model="queryParams.modeIdList" placeholder="请选择模式" multiple :style="{ width: '100%' }"
clearable>
<el-option v-for="item in modeList" :key="item.id" :label="item.modeName" :value="item.id"/>
</el-select>
</el-form-item>
<el-form-item label="最新护理时间" prop="updateTimeRange" label-width="150">
<el-date-picker style="width: 360px" v-model="queryParams.updateTimeRange" type="datetimerange"
range-separator="至"
start-placeholder="开始日期" value-format="yyyy-MM-dd HH:mm:ss" end-placeholder="结束日期"
align="right">
</el-date-picker>
</el-form-item>
<el-form-item label="护理时长范围" prop="nursingTimeRange" label-width="150">
<el-time-picker is-range v-model="queryParams.nursingTimeRange" range-separator="至"
start-placeholder="开始时间"
end-placeholder="结束时间" placeholder="请选择护理时长范围" clearable value-format="HH:mm:ss">
</el-time-picker>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-collapse accordion style="margin-bottom: 10px" v-model="activeNames">
<el-collapse-item name="search">
<template slot="title">
<div class="margin-top" style="border-left: solid 2px #419eff;padding-left: 10px;font-size: 18px !important;color: #000;">
搜索
</div>
</template>
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-popover placement="top-start" width="200" trigger="click" content="手机号码和用户编号，满足其中之一内容即可">
<el-form-item label="用户编号" prop="userIdList" slot="reference">
<el-input style="width: 200px" v-model="queryParams.userIdList" placeholder="搜索多个请用英文逗号隔开"
clearable
@keyup.enter.native="handleQuery"/>
</el-form-item>
</el-popover>
<el-form-item label="会员昵称" prop="nickname">
<el-input
style="width: 200px" v-model="queryParams.nickname" placeholder="请输入单个会员昵称进行搜索" clearable
@keyup.enter.native="handleQuery"/>
</el-form-item>
<el-popover placement="top-start" width="200" trigger="click" content="手机号码和用户编号，满足其中之一内容即可">
<el-form-item label="手机号码" prop="mobile" slot="reference">
<el-input style="width: 200px" v-model="queryParams.mobile" placeholder="搜索多个请用英文逗号隔开" clearable
@keyup.enter.native="handleQuery"/>
</el-form-item>
</el-popover>
<el-form-item label="省" prop="provinceId">
<el-select style="width: 120px" v-model="queryParams.provinceId" @change="getCityList(queryParams.provinceId)"
placeholder="请选择省" @keyup.enter.native="handleQuery" filterable clearable
@clear="clearOption(1)">
<el-option v-for="item in provinceList" :key="item.id" :label="item.name" :value="item.id"/>
</el-select>
</el-form-item>
<el-form-item label="市" prop="cityId">
<el-select style="width: 120px" v-model="queryParams.cityId" @change="getAreaByPid(queryParams.cityId)"
@clear="clearOption(2)" @keyup.enter.native="handleQuery" filterable clearable
placeholder="请选择市">
<el-option v-for="item in cityList" :key="item.id" :label="item.name" :value="item.id"/>
</el-select>
</el-form-item>
<el-form-item label="区" prop="areaId">
<el-select style="width: 120px" v-model="queryParams.areaId" @keyup.enter.native="handleQuery" filterable
clearable placeholder="请选择区">
<el-option v-for="item in areaList" :key="item.id" :label="item.name" :value="item.id"/>
</el-select>
</el-form-item>
<el-popover placement="top-start" width="200" trigger="click" content="外部标签和小程序标签，同时满足所选内容">
<el-form-item label="外部标签" prop="wecomTagList" slot="reference">
<el-select v-model="queryParams.wecomTagList" multiple placeholder="请选择">
<el-option v-for="item in wecomTagList" :key="item.value" :label="item.label" :value="item.value"/>
</el-select>
</el-form-item>
</el-popover>
<el-form-item label="仪器" prop="instrumentIdList">
<el-select v-model="queryParams.instrumentIdList" placeholder="请选择仪器" multiple :style="{ width: '100%' }"
clearable>
<el-option v-for="item in instrumentList" :key="item.id" :label="item.name" :value="item.id"/>
</el-select>
</el-form-item>
<el-popover placement="top-start" width="200" trigger="click" content="外部标签和小程序标签，同时满足所选内容">
<el-form-item label="小程序标签" label-width="100" prop="miniProgramTags" slot="reference">
<el-select v-model="queryParams.miniProgramTagList" multiple placeholder="请选择">
<el-option v-for="item in miniProgramTagList" :key="item.value" :label="item.label" :value="item.value"/>
</el-select>
</el-form-item>
</el-popover>
<el-form-item label="模式" prop="modeIdList">
<el-select v-model="queryParams.modeIdList" placeholder="请选择模式" multiple :style="{ width: '100%' }"
clearable>
<el-option v-for="item in modeList" :key="item.id" :label="item.modeName" :value="item.id"/>
</el-select>
</el-form-item>
<el-form-item label="最新护理时间" prop="updateTimeRange" label-width="150">
<el-date-picker style="width: 360px" v-model="queryParams.updateTimeRange" type="datetimerange"
range-separator="至"
start-placeholder="开始日期" value-format="yyyy-MM-dd HH:mm:ss" end-placeholder="结束日期"
align="right">
</el-date-picker>
</el-form-item>
<el-form-item label="护理时长范围" prop="nursingTimeRange" label-width="150">
<el-time-picker is-range v-model="queryParams.nursingTimeRange" range-separator="至"
start-placeholder="开始时间"
end-placeholder="结束时间" placeholder="请选择护理时长范围" clearable value-format="HH:mm:ss">
</el-time-picker>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
</el-collapse-item>
</el-collapse>
<!-- 批量操作下拉选项 -->
<div class="margin-top"
@ -252,6 +262,8 @@ export default {
components: {Treeselect},
data() {
return {
// 折叠搜索
activeNames: ['search'],
// 遮罩层
loading: true,
// 选中数组

Write Preview
Loading…
Cancel
Save