西医药物
This commit is contained in:
yanwenlong
@@ -3,75 +3,65 @@
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
<z-nav-bar title="方药检索"></z-nav-bar>
|
||||
<!-- <uni-search-bar @confirm="search" :focus="true" v-model="searchValue" @blur="blur" @focus="focus" @input="input"
|
||||
@cancel="cancel" @clear="clear">
|
||||
</uni-search-bar> -->
|
||||
|
||||
<view class="contentBox">
|
||||
<!-- <scroll-view class="scroll-view_H oneCateList" scroll-x="true" scroll-left="0"> -->
|
||||
<view class="oneCateList flexbox">
|
||||
<text :class="[curOneCateIndex == index ? 'cur' : '']" @click="setOneCateIndex(item,index)"
|
||||
v-for="(item, index) in oneCateList" :key="item.prescriptCategoryId">{{item.title}}</text>
|
||||
<view class="oneCateList flexbox firstTab">
|
||||
<text :class="[curFirstTabIndex == index ? 'cur' : '']" @click="setFirstTabIndex(item,index)"
|
||||
v-for="(item, index) in firstTabList" :key="item.firstTabId">{{item.title}}</text>
|
||||
</view>
|
||||
<view class="search_box" v-if="oneCateList.length > 0">
|
||||
<!-- <u-search :disabled="userMes.pointPower == 0 && oneCateList[curOneCateIndex].id == 3 || userMes
|
||||
.pointPower == 0 && oneCateList[curOneCateIndex].id == 6 ? true : false" @click="checkDisable" placeholder="请输入方剂名" @focus="focus" @clear="clear"
|
||||
v-model="searchValue" @input="input" @blur="blur" @search="search"></u-search> -->
|
||||
<u-search @click="checkDisable" placeholder="请输入方剂名" @focus="focus" @clear="clear" v-model="searchValue"
|
||||
@input="input" @blur="blur" @search="search" @custom="search"></u-search>
|
||||
</view>
|
||||
<view class="searchList" v-show="showSearchList">
|
||||
<view class="itemBox" v-if="searchList.length > 0">
|
||||
<view class="item" v-for="(item, index) in searchList" :key="index" @click="gotoDetail(item)">
|
||||
{{item.title}}
|
||||
<view v-if="curFirstTabIndex==0">
|
||||
<view class="oneCateList flexbox">
|
||||
<text :class="[curOneCateIndex == index ? 'cur' : '']" @click="setOneCateIndex(item,index)"
|
||||
v-for="(item, index) in oneCateList" :key="item.prescriptCategoryId">{{item.title}}</text>
|
||||
</view>
|
||||
<view class="search_box" v-if="oneCateList.length > 0">
|
||||
<u-search @click="checkDisable" placeholder="请输入方剂名" @focus="focus" @clear="clear" v-model="searchValue"
|
||||
@input="input" @blur="blur" @search="search" @custom="search"></u-search>
|
||||
</view>
|
||||
<view class="searchList" v-show="showSearchList">
|
||||
<view class="itemBox" v-if="searchList.length > 0">
|
||||
<view class="item" v-for="(item, index) in searchList" :key="index" @click="gotoDetail(item)">
|
||||
{{item.title}}
|
||||
</view>
|
||||
</view>
|
||||
<view v-else class="">
|
||||
<u-divider text="未找到相关方剂哦~"></u-divider>
|
||||
</view>
|
||||
</view>
|
||||
<view v-else class="">
|
||||
<u-divider text="未找到相关方剂哦~"></u-divider>
|
||||
<view v-show="!showSearchList">
|
||||
<view class="grid twoCateList" v-if="twoCateList.length > 0">
|
||||
<u-grid :col="3" border class="u-grid-list">
|
||||
<u-grid-item v-for="(item, index) in twoCateList" :key="item.prescriptCategoryId"
|
||||
@click="setTwoCateIndex(item, index)">
|
||||
<view :class="['grid-text',curTwoCateIndex == index ? 'cur' : '']">{{item.title}}</view>
|
||||
</u-grid-item>
|
||||
</u-grid>
|
||||
</view>
|
||||
<view class="titleList" v-if="curOneCateIndex != 2">
|
||||
<u-grid :col="1" v-if="titleList.length > 0">
|
||||
<u-grid-item v-for="(item, index) in titleList" :key="item.prescriptId"
|
||||
@click="gotoDetail(item)" style="align-items: flex-start;border-bottom: 2px solid #fff;">
|
||||
<view :class="['titleItem']">{{item.title}}</view>
|
||||
</u-grid-item>
|
||||
</u-grid>
|
||||
<u-divider v-else text="暂无方剂数据哦~"></u-divider>
|
||||
</view>
|
||||
<view class="titleList" v-else>
|
||||
<u-grid :col="1" v-if="titleList">
|
||||
<u-grid-item v-for="(item, index) in titleList" :key="index">
|
||||
<view :class="['titleItem']">{{index}}</view>
|
||||
<u-grid-item v-for="(item1, index1) in item" :key="item1.prescriptId">
|
||||
<view :class="['JFtitleItem']" @click="gotoDetail(item1)">{{item1.title}}</view>
|
||||
</u-grid-item>
|
||||
</u-grid-item>
|
||||
</u-grid>
|
||||
<u-divider v-else text="暂无方剂数据哦~"></u-divider>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- </scroll-view> -->
|
||||
<view v-show="!showSearchList">
|
||||
<view class="grid twoCateList" v-if="twoCateList.length > 0">
|
||||
<u-grid :col="3" border class="u-grid-list">
|
||||
<u-grid-item v-for="(item, index) in twoCateList" :key="item.prescriptCategoryId"
|
||||
@click="setTwoCateIndex(item, index)">
|
||||
<view :class="['grid-text',curTwoCateIndex == index ? 'cur' : '']">{{item.title}}</view>
|
||||
</u-grid-item>
|
||||
</u-grid>
|
||||
</view>
|
||||
<view class="titleList" v-if="curOneCateIndex != 2">
|
||||
<u-grid :col="1" v-if="titleList.length > 0">
|
||||
<u-grid-item v-for="(item, index) in titleList" :key="item.prescriptId"
|
||||
@click="gotoDetail(item)" style="align-items: flex-start;border-bottom: 2px solid #fff;">
|
||||
<view :class="['titleItem']">{{item.title}}</view>
|
||||
</u-grid-item>
|
||||
</u-grid>
|
||||
<u-divider v-else text="暂无方剂数据哦~"></u-divider>
|
||||
</view>
|
||||
<view class="titleList" v-else>
|
||||
<u-grid :col="1" v-if="titleList">
|
||||
<u-grid-item v-for="(item, index) in titleList" :key="index">
|
||||
<view :class="['titleItem']">{{index}}</view>
|
||||
<u-grid-item v-for="(item1, index1) in item" :key="item1.prescriptId">
|
||||
<view :class="['JFtitleItem']" @click="gotoDetail(item1)">{{item1.title}}</view>
|
||||
</u-grid-item>
|
||||
</u-grid-item>
|
||||
</u-grid>
|
||||
<u-divider v-else text="暂无方剂数据哦~"></u-divider>
|
||||
</view>
|
||||
|
||||
<view v-if="curFirstTabIndex==1">
|
||||
<medicineSearch></medicineSearch>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- <view class="search_box flexbox" @click="">
|
||||
<view class="search">
|
||||
<text class="icon_search"></text>
|
||||
<text class="prompt">请输入方剂名</text>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
<u-modal :show="limitShow" :title="limitTitle" :content='limitContent' @confirm="limitShow=false">
|
||||
<view class="limiTy">
|
||||
<view v-if="curOneCateIndex == 0">
|
||||
@@ -87,18 +77,29 @@
|
||||
</view>
|
||||
</u-modal>
|
||||
|
||||
<z-navigation></z-navigation>
|
||||
<!-- <z-navigation></z-navigation> -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import $http from '@/config/requestConfig.js';
|
||||
import medicineSearch from './medicineSearch'
|
||||
import {
|
||||
mapState
|
||||
} from 'vuex';
|
||||
export default {
|
||||
components: {
|
||||
medicineSearch
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
firstTabList:[{
|
||||
firstTabId: 1,
|
||||
title: '方剂检索'
|
||||
},{
|
||||
firstTabId: 2,
|
||||
title: '药物检索'
|
||||
}],
|
||||
playData: {},
|
||||
searchValue: '',
|
||||
oneCateList: [{
|
||||
@@ -106,6 +107,7 @@
|
||||
}], // 一级分类标题1
|
||||
twoCateList: [], // 二级分类标题
|
||||
titleList: [], // 方剂标题
|
||||
curFirstTabIndex: 0, // 20240128需求：在原来一级分类基础上再新加一级分类：方剂检索、药物检索
|
||||
curOneCateIndex: 0, // 当前选中的一级分类
|
||||
curTwoCateIndex: 0, // 当前选中的二级分类
|
||||
searchList: [], // 搜索结果数组
|
||||
@@ -213,6 +215,17 @@
|
||||
this.curTwoCateIndex = index
|
||||
this.getTitles(id)
|
||||
},
|
||||
setFirstTabIndex(item, index) {
|
||||
let id = item.firstTabId
|
||||
this.curFirstTabIndex = index
|
||||
|
||||
if (index == 1) {
|
||||
// this.setOneCateIndex(id)
|
||||
}else{
|
||||
this.setOneCateIndex(this.oneCateList[0], 0)
|
||||
}
|
||||
|
||||
},
|
||||
setOneCateIndex(item, index) {
|
||||
// if(this.userMes.tgdzPower == 0){
|
||||
// let that = this
|
||||
@@ -434,9 +447,6 @@
|
||||
plus.key.hideSoftKeybord();
|
||||
// #endif
|
||||
},
|
||||
components: {
|
||||
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -473,6 +483,17 @@
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
.firstTab{
|
||||
text {
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
width: 50%;
|
||||
padding: 20rpx 0;
|
||||
margin-bottom: 10rpx;
|
||||
font-size: 34rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.twoCateList {
|
||||
font-size: 28rpx;
|
||||
|
||||
Reference in New Issue
Block a user