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

Write Preview
Loading…
Cancel
Save