|
|
@@ -51,7 +51,7 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="text-content">
|
|
|
+ <!-- <view class="text-content">
|
|
|
<view class="title">
|
|
|
<text class="black">主诉</text>
|
|
|
<text class="gray">(选填)</text>
|
|
|
@@ -66,7 +66,7 @@
|
|
|
</view>
|
|
|
<textarea class="textArea" maxlength="200" @input="historyIllnessInput" placeholder="请填写既往病史内容"></textarea>
|
|
|
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
<view class="img-content">
|
|
|
<view class="title">
|
|
|
<text class="black">复诊凭证</text>
|
|
|
@@ -87,67 +87,50 @@
|
|
|
|
|
|
</view>
|
|
|
<!-- 疾病选择 -->
|
|
|
- <!-- <view class="disease-select">
|
|
|
- <view class="title">
|
|
|
- <text class="black">本次用药的确诊疾病</text>
|
|
|
- <text class="gray">(可多选)</text>
|
|
|
+ <view class="disease-select">
|
|
|
+ <view class="x-bc" @click="show=true">
|
|
|
+ <view class="title">
|
|
|
+ <text class="black">本次用药的确诊疾病</text>
|
|
|
+ <text class="gray">(可多选)</text>
|
|
|
+ </view>
|
|
|
+ <u-icon name="arrow-right" color="#222" size="18" ></u-icon>
|
|
|
</view>
|
|
|
<view class="dise-list">
|
|
|
<view
|
|
|
- v-for="(item,index) in diseaseList"
|
|
|
+ v-for="(item,index) in activeDise"
|
|
|
:key="index"
|
|
|
- :class="activeDise == index?'item active':'item'"
|
|
|
- @click="choseDise(index)"
|
|
|
+ class="item active x-bc"
|
|
|
>
|
|
|
{{ item }}
|
|
|
+ <u-icon name="close" color="#fff" size="16" @click="choseDise(item,1)" style="margin-left: 10rpx;"></u-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view> -->
|
|
|
- <!-- 是否使用过此药 -->
|
|
|
- <view class="check-box">
|
|
|
- <view class="left">
|
|
|
- <image src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/app/newImages/shopping/yao.png" mode=""></image>
|
|
|
- <text class="text">是否有过敏史</text>
|
|
|
- </view>
|
|
|
- <radio-group style="display: flex;align-items: center;">
|
|
|
- <label style="margin-right: 50upx;">
|
|
|
- <radio value="1" :checked="isAllergic==true" style="margin-right: 16upx;" />
|
|
|
- <text class="my-radio-text">是</text>
|
|
|
- </label>
|
|
|
- <label>
|
|
|
- <radio value="0" :checked="isAllergic==false" style="margin-right: 16upx;" />
|
|
|
- <text class="my-radio-text">否</text>
|
|
|
- </label>
|
|
|
- </radio-group>
|
|
|
</view>
|
|
|
- <view class="check-box">
|
|
|
+ <!-- 是否使用过此药 -->
|
|
|
+ <view class="check-box" v-for="(que,index) in quesList" :key="index">
|
|
|
<view class="left">
|
|
|
<image src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/app/newImages/shopping/yao.png" mode=""></image>
|
|
|
- <text class="text">肝功能是否异常</text>
|
|
|
+ <text class="text">{{que.title}}</text>
|
|
|
</view>
|
|
|
- <radio-group style="display: flex;align-items: center;">
|
|
|
- <label style="margin-right: 50upx;">
|
|
|
- <radio value="1" :checked="isLiver==true" style="margin-right: 16upx;" />
|
|
|
- <text class="my-radio-text">是</text>
|
|
|
- </label>
|
|
|
- <label>
|
|
|
- <radio value="0" :checked="isLiver==false" style="margin-right: 16upx;" />
|
|
|
- <text class="my-radio-text">否</text>
|
|
|
+ <radio-group style="display: flex;align-items: center;" @change="changeRadio($event,index,1)">
|
|
|
+ <label class="label" v-for="(option,index) in que.options" :key="index">
|
|
|
+ <radio :value="option" :checked="option==que.answer" style="margin-right: 16upx;" />
|
|
|
+ <text class="my-radio-text">{{option}}</text>
|
|
|
</label>
|
|
|
</radio-group>
|
|
|
</view>
|
|
|
<view class="check-box">
|
|
|
<view class="left">
|
|
|
<image src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/app/newImages/shopping/yao.png" mode=""></image>
|
|
|
- <text class="text">肾功能是否异常</text>
|
|
|
+ <text class="text">是否是备孕/怀孕</text>
|
|
|
</view>
|
|
|
- <radio-group style="display: flex;align-items: center;">
|
|
|
+ <radio-group style="display: flex;align-items: center;" @change="changeRadio($event,'isLactation',0)">
|
|
|
<label style="margin-right: 50upx;">
|
|
|
- <radio value="1" :checked="isRenal==true" style="margin-right: 16upx;" />
|
|
|
+ <radio value="1" :checked="isLactation==1" style="margin-right: 16upx;" />
|
|
|
<text class="my-radio-text">是</text>
|
|
|
</label>
|
|
|
<label>
|
|
|
- <radio value="0" :checked="isRenal==false" style="margin-right: 16upx;" />
|
|
|
+ <radio value="0" :checked="isLactation==0" style="margin-right: 16upx;" />
|
|
|
<text class="my-radio-text">否</text>
|
|
|
</label>
|
|
|
</radio-group>
|
|
|
@@ -155,31 +138,61 @@
|
|
|
<view class="check-box">
|
|
|
<view class="left">
|
|
|
<image src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/app/newImages/shopping/yao.png" mode=""></image>
|
|
|
- <text class="text">是否是备孕/怀孕/哺乳期</text>
|
|
|
+ <text class="text">是否是哺乳期</text>
|
|
|
</view>
|
|
|
- <radio-group style="display: flex;align-items: center;">
|
|
|
+ <radio-group style="display: flex;align-items: center;" @change="changeRadio($event,'isPregnantWoman',0)">
|
|
|
<label style="margin-right: 50upx;">
|
|
|
- <radio value="1" :checked="isLactation==true" style="margin-right: 16upx;" />
|
|
|
+ <radio value="1" :checked="isPregnantWoman==1" style="margin-right: 16upx;" />
|
|
|
<text class="my-radio-text">是</text>
|
|
|
</label>
|
|
|
<label>
|
|
|
- <radio value="0" :checked="isLactation==false" style="margin-right: 16upx;" />
|
|
|
+ <radio value="0" :checked="isPregnantWoman==0" style="margin-right: 16upx;" />
|
|
|
<text class="my-radio-text">否</text>
|
|
|
</label>
|
|
|
</radio-group>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="agreement">
|
|
|
+ <label>
|
|
|
+ <checkbox :checked="isAgreement" color="#2583EB" style="transform:scale(0.7)" @click="handleAgreement()" />我确认已确诊此疾病并使用过该药,且无过敏史、无相关禁忌症和不良反应
|
|
|
+ </label>
|
|
|
+ </view>
|
|
|
<view class="btn-box">
|
|
|
<view class="btn" @click="submit()">去开处方</view>
|
|
|
</view>
|
|
|
+ <u-popup :show="show" :round="10" mode="bottom" closeable :closeOnClickOverlay="false" @close="close">
|
|
|
+ <view class="popbox-title">
|
|
|
+ <view>选择本次用药的确诊疾病</view>
|
|
|
+ </view>
|
|
|
+ <view class="search-cont">
|
|
|
+ <view class="inner" style="margin-top:0">
|
|
|
+ <image class="icon-search" src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/shop/image/icon_search.png" mode=""></image>
|
|
|
+ <input type="text" v-model="diagnosisName" placeholder="输入疾病搜索" confirm-type="search" @confirm="doSearchUser" placeholder-style="font-size:28rpx;color:#BBBBBB;font-family: PingFang SC;" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <scroll-view :scroll-y="true" class="popbox" style="height: 60vh;" @scrolltolower="scrolltolower">
|
|
|
+ <view v-for="(item, i) in diseaseList" :key="i" @click="choseDise(item.diagnosisName)">
|
|
|
+ <view class="popbox-item x-bc">
|
|
|
+ <view class="name">{{item.diagnosisName}}</view>
|
|
|
+ <view v-show="activeDise.includes(item.diagnosisName)">
|
|
|
+ <u-icon name="checkmark" color="#2979ff" size="22"></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="empty" v-if="diseaseList&&diseaseList.length==0">
|
|
|
+ <image src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/shop/image/global_search_empty.png" mode="widthFix"></image>
|
|
|
+ <view>{{msg}}</view>
|
|
|
+ </view>
|
|
|
+ </scroll-view>
|
|
|
+ </u-popup>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import {getStoreOrderById} from './api/storeOrder.js'
|
|
|
import {getWeixinPrescribeTemps} from '@/api/common'
|
|
|
- import {doPrescribe} from './api/prescribe'
|
|
|
+ import {doPrescribe,diseaseQueryList} from './api/prescribe'
|
|
|
import {getPatientList,delPatient} from '@/api/patient'
|
|
|
export default {
|
|
|
data() {
|
|
|
@@ -191,17 +204,42 @@
|
|
|
orderId:null,
|
|
|
patient:[],
|
|
|
patientId:null,
|
|
|
+ patientInfo: {},
|
|
|
// 疾病列表
|
|
|
- // diseaseList: ['消化不良','心血管','呼吸系统','感染病','皮肤病','口腔','妇科','耳鼻喉'],
|
|
|
+ diseaseList: [],
|
|
|
// 选中的疾病
|
|
|
- // activeDise: 0,
|
|
|
- isAllergic: false,
|
|
|
- isLiver: false,
|
|
|
- isRenal: false,
|
|
|
- isLactation: false,
|
|
|
+ activeDise: [],
|
|
|
+ isLactation: 0,
|
|
|
+ isPregnantWoman: 0,
|
|
|
chiefComplaint:null,
|
|
|
historyIllness:null,
|
|
|
-
|
|
|
+ diagnosisName: '',
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ quesList:[
|
|
|
+ // {
|
|
|
+ // answer: "是",
|
|
|
+ // subjectId: 3,
|
|
|
+ // title: "是否使用过此类药物",
|
|
|
+ // options: ['是','否']
|
|
|
+ // },
|
|
|
+ {
|
|
|
+ answer: "否",
|
|
|
+ subjectId: 4,
|
|
|
+ title: "是否有药物过敏史",
|
|
|
+ options: ['是','否']
|
|
|
+ },
|
|
|
+ {
|
|
|
+ answer: "否",
|
|
|
+ subjectId: 5,
|
|
|
+ title: "肝肾功能是否有异常",
|
|
|
+ options: ['是','否']
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ show: false,
|
|
|
+ msg: '暂无数据',
|
|
|
+ isAgreement: false,
|
|
|
+ hasMore: true
|
|
|
}
|
|
|
},
|
|
|
onLoad(option) {
|
|
|
@@ -212,19 +250,90 @@
|
|
|
})
|
|
|
this.getWeixinPrescribeTemps();
|
|
|
this.getStoreOrderById();
|
|
|
+ this.diseaseQueryList()
|
|
|
},
|
|
|
onShow() {
|
|
|
this.getPatientList();
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
+ handleAgreement() {
|
|
|
+ this.isAgreement = !this.isAgreement;
|
|
|
+ },
|
|
|
back(){
|
|
|
- uni.showToast({
|
|
|
- icon:'none',
|
|
|
- title: "请填写资料提交处方,否则将无法发货"
|
|
|
+ // uni.showToast({
|
|
|
+ // icon:'none',
|
|
|
+ // title: "请填写资料提交处方,否则将无法发货"
|
|
|
+ // });
|
|
|
+ uni.showModal({
|
|
|
+ title: '提示',
|
|
|
+ content: '请填写资料提交处方,否则将无法发货,确定要返回吗?',
|
|
|
+ cancelColor: '#2583EB',
|
|
|
+ confirmColor: '#000000',
|
|
|
+ success: function (res) {
|
|
|
+ if (res.confirm) {
|
|
|
+ uni.navigateBack()
|
|
|
+ } else if (res.cancel) {
|
|
|
+ console.log('用户点击取消');
|
|
|
+ }
|
|
|
+ }
|
|
|
});
|
|
|
},
|
|
|
- getStoreOrderById:function(){
|
|
|
+ close() {
|
|
|
+ this.show = false
|
|
|
+ },
|
|
|
+ diseaseQueryList(){
|
|
|
+ var that = this;
|
|
|
+ const param = {
|
|
|
+ orderId: this.orderId,
|
|
|
+ diagnosisName: this.diagnosisName,
|
|
|
+ pageNum: this.pageNum,
|
|
|
+ pageSize: this.pageSize,
|
|
|
+ }
|
|
|
+ diseaseQueryList(param).then(
|
|
|
+ res => {
|
|
|
+ if(res.code==200){
|
|
|
+ if (that.pageNum == 1) {
|
|
|
+ that.diseaseList = res.datas;
|
|
|
+
|
|
|
+ } else {
|
|
|
+ that.diseaseList = that.diseaseList.concat(res.datas);
|
|
|
+
|
|
|
+ }
|
|
|
+ if(that.diseaseList.length>=res.total) {
|
|
|
+ that.hasMore = false
|
|
|
+ } else {
|
|
|
+ that.hasMore = true
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ uni.showToast({
|
|
|
+ icon:'none',
|
|
|
+ title: "请求失败",
|
|
|
+ });
|
|
|
+ that.diseaseList = [];
|
|
|
+ }
|
|
|
+ },
|
|
|
+ rej => {}
|
|
|
+ );
|
|
|
+ },
|
|
|
+ scrolltolower() {
|
|
|
+ if(!this.hasMore) return
|
|
|
+ this.pageNum++;
|
|
|
+ this.diseaseQueryList()
|
|
|
+ },
|
|
|
+ doSearchUser() {
|
|
|
+ this.hasMore = true
|
|
|
+ this.pageNum = 1;
|
|
|
+ this.diseaseQueryList()
|
|
|
+ },
|
|
|
+ changeRadio(e,name,type) {
|
|
|
+ if(type==1) {
|
|
|
+ this.quesList[name].answer = e.detail.value
|
|
|
+ } else {
|
|
|
+ this[name] = e.detail.value
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getStoreOrderById(){
|
|
|
var data={orderId:this.orderId}
|
|
|
getStoreOrderById(data).then(
|
|
|
res => {
|
|
|
@@ -237,7 +346,7 @@
|
|
|
rej => {}
|
|
|
);
|
|
|
},
|
|
|
- getWeixinPrescribeTemps:function(){
|
|
|
+ getWeixinPrescribeTemps(){
|
|
|
getWeixinPrescribeTemps().then(
|
|
|
res => {
|
|
|
if(res.code==200){
|
|
|
@@ -297,6 +406,18 @@
|
|
|
})
|
|
|
},
|
|
|
submit(){
|
|
|
+ // let url = 'https://ehospital-m-test.sq580.com/#/preDemand?id=5459&thirdPlatform=0'
|
|
|
+ // uni.navigateTo({
|
|
|
+ // url: '/pages/index/webview?url='+encodeURIComponent(url)
|
|
|
+ // })
|
|
|
+ // return
|
|
|
+ if (!this.isAgreement) {
|
|
|
+ uni.showToast({
|
|
|
+ icon: 'none',
|
|
|
+ title: '请先勾选确认'
|
|
|
+ });
|
|
|
+ return false;
|
|
|
+ }
|
|
|
var that=this;
|
|
|
if(this.patientId==null){
|
|
|
uni.showToast({
|
|
|
@@ -309,61 +430,98 @@
|
|
|
uni.showLoading({
|
|
|
title:"正在处理中"
|
|
|
})
|
|
|
- var data={
|
|
|
+ // var data={
|
|
|
+ // patientId:this.patientId,
|
|
|
+ // orderId:this.orderId,
|
|
|
+ // isAllergic:this.isAllergic,
|
|
|
+ // isLiver:this.isLiver,
|
|
|
+ // isRenal:this.isRenal,
|
|
|
+ // isLactation:this.isLactation,
|
|
|
+ // chiefComplaint:this.chiefComplaint,
|
|
|
+ // historyIllness:this.historyIllness,
|
|
|
+ // recordPic:this.imgList.toString()
|
|
|
+ // }
|
|
|
+ if(this.activeDise.length==0) {
|
|
|
+ uni.showToast({
|
|
|
+ icon:'none',
|
|
|
+ title: "请选择本次用药的确诊疾病"
|
|
|
+ });
|
|
|
+ return
|
|
|
+ }
|
|
|
+ const beforeAiDataList = [
|
|
|
+ { answer: this.activeDise.join(','), subjectId: 1, title: '症状' },
|
|
|
+ {
|
|
|
+ answerMedicine: JSON.stringify([{ medicineId: '92', number: 1 }]),
|
|
|
+ subjectId: 2,
|
|
|
+ title: '居民用药信息选择'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ answer: "是",
|
|
|
+ subjectId: 3,
|
|
|
+ title: "是否使用过此类药物"
|
|
|
+ },
|
|
|
+ ...this.quesList.map(({ answer, subjectId, title }) => ({ answer, subjectId, title }))
|
|
|
+ ];
|
|
|
+ const relationMap = { '本人': 1, '父母': 2,'配偶': 3, '子女': 4 };
|
|
|
+ const relationship = relationMap[this.patientInfo.relation] ?? 5;
|
|
|
+ const data={
|
|
|
+ souceFrom: 0,//0-微信小程序,1-APP,2-H5,3-支付宝小程序
|
|
|
+ storeOrderId: this.orderId,
|
|
|
+ imgList:this.imgList.toString(),
|
|
|
+ isLactation: this.isLactation,
|
|
|
+ isPregnantWoman: this.isPregnantWoman,
|
|
|
patientId:this.patientId,
|
|
|
- orderId:this.orderId,
|
|
|
- isAllergic:this.isAllergic,
|
|
|
- isLiver:this.isLiver,
|
|
|
- isRenal:this.isRenal,
|
|
|
- isLactation:this.isLactation,
|
|
|
- chiefComplaint:this.chiefComplaint,
|
|
|
- historyIllness:this.historyIllness,
|
|
|
- recordPic:this.imgList.toString()
|
|
|
+ userId: uni.getStorageSync('userId'),
|
|
|
+ relationship, // 1-本人,2-父母,3-配偶,4-子女,5-其他
|
|
|
+ beforeAiDataList
|
|
|
}
|
|
|
doPrescribe(data).then(
|
|
|
res => {
|
|
|
+ uni.hideLoading()
|
|
|
if(res.code==200){
|
|
|
- uni.hideLoading()
|
|
|
- uni.showToast({
|
|
|
- icon:'success',
|
|
|
- title:res.msg,
|
|
|
- });
|
|
|
- var order =res.order;
|
|
|
- uni.requestSubscribeMessage({
|
|
|
- tmplIds: this.temps,
|
|
|
- success(res) {
|
|
|
- setTimeout(function(){
|
|
|
- if(order.paid!=1){
|
|
|
- uni.redirectTo({
|
|
|
- url: './paymentOrder?orderId='+that.order.id
|
|
|
- })
|
|
|
- }
|
|
|
- else{
|
|
|
- uni.navigateBack({
|
|
|
- delta: 1
|
|
|
- });
|
|
|
+ uni.redirectTo({
|
|
|
+ url: '/pages/index/webview?url='+encodeURIComponent(res.data)
|
|
|
+ })
|
|
|
+ // uni.showToast({
|
|
|
+ // icon:'success',
|
|
|
+ // title:res.msg,
|
|
|
+ // });
|
|
|
+ // var order =res.order;
|
|
|
+ // uni.requestSubscribeMessage({
|
|
|
+ // tmplIds: this.temps,
|
|
|
+ // success(res) {
|
|
|
+ // setTimeout(function(){
|
|
|
+ // if(order.paid!=1){
|
|
|
+ // uni.redirectTo({
|
|
|
+ // url: './paymentOrder?orderId='+that.order.id
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ // else{
|
|
|
+ // uni.navigateBack({
|
|
|
+ // delta: 1
|
|
|
+ // });
|
|
|
|
|
|
- }
|
|
|
+ // }
|
|
|
|
|
|
- },500);
|
|
|
- },
|
|
|
- fail(res) {
|
|
|
- setTimeout(function(){
|
|
|
- if(order.paid!=1){
|
|
|
- uni.redirectTo({
|
|
|
- url: './paymentOrder?orderId='+that.order.id
|
|
|
- })
|
|
|
- }
|
|
|
- else{
|
|
|
- uni.navigateBack({
|
|
|
- delta: 1
|
|
|
- });
|
|
|
+ // },500);
|
|
|
+ // },
|
|
|
+ // fail(res) {
|
|
|
+ // setTimeout(function(){
|
|
|
+ // if(order.paid!=1){
|
|
|
+ // uni.redirectTo({
|
|
|
+ // url: './paymentOrder?orderId='+that.order.id
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ // else{
|
|
|
+ // uni.navigateBack({
|
|
|
+ // delta: 1
|
|
|
+ // });
|
|
|
|
|
|
- }
|
|
|
+ // }
|
|
|
|
|
|
- },500);
|
|
|
- }
|
|
|
- })
|
|
|
+ // },500);
|
|
|
+ // }
|
|
|
+ // })
|
|
|
|
|
|
|
|
|
}else{
|
|
|
@@ -398,6 +556,7 @@
|
|
|
},
|
|
|
// 选中问诊人
|
|
|
chosePatient(item) {
|
|
|
+ this.patientInfo = item
|
|
|
this.patientId = item.patientId
|
|
|
},
|
|
|
// 添加问诊人
|
|
|
@@ -407,14 +566,68 @@
|
|
|
})
|
|
|
},
|
|
|
// 疾病选择
|
|
|
- choseDise(index) {
|
|
|
- this.activeDise = index
|
|
|
+ choseDise(item) {
|
|
|
+ this.activeDise.includes(item) ? this.activeDise.splice(this.activeDise.indexOf(item), 1) : this.activeDise.push(item); // 不在就加上
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<style lang="scss">
|
|
|
+<style lang="scss" scoped>
|
|
|
+ .label {
|
|
|
+ margin-right: 50upx;
|
|
|
+ &:last-child {
|
|
|
+ margin-right: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .popbox-item {
|
|
|
+ padding: 24rpx;
|
|
|
+ border-bottom: 1rpx solid #eee;
|
|
|
+ }
|
|
|
+ .agreement {
|
|
|
+ padding: 40rpx 30rpx 0 30rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #666666;
|
|
|
+ }
|
|
|
+ .popbox {
|
|
|
+ background-color: #fff;
|
|
|
+ &-title {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ padding: 24rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ border-bottom: 1rpx solid #EDEEEF;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .search-cont{
|
|
|
+ padding: 16upx 30upx;
|
|
|
+ background-color: #FFFFFF;
|
|
|
+ .inner{
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: 100%;
|
|
|
+ height: 72upx;
|
|
|
+ background: #F7F7F7;
|
|
|
+ border-radius: 36upx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ padding: 0 30upx;
|
|
|
+ .icon-search{
|
|
|
+ width: 28upx;
|
|
|
+ height: 28upx;
|
|
|
+ margin-right: 20upx;
|
|
|
+ }
|
|
|
+ input{
|
|
|
+ height: 60upx;
|
|
|
+ line-height: 60upx;
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
.content{
|
|
|
height: 100%;
|
|
|
display: flex;
|
|
|
@@ -599,6 +812,7 @@
|
|
|
border-radius: 16upx;
|
|
|
padding: 40upx 30upx 22upx;
|
|
|
margin-top: 20upx;
|
|
|
+ margin-bottom: 20upx;
|
|
|
.title{
|
|
|
display: flex;
|
|
|
align-items: center;
|