1190 lines
30 KiB
Vue
1190 lines
30 KiB
Vue
|
<template>
|
|||
|
|
<view class="hzIndex">
|
|||
|
|
<hzHeader title="药品预定"></hzHeader>
|
|||
|
|
<view class="container hzContent">
|
|||
|
|
<view class="main">
|
|||
|
|
<view class="tab-box">
|
|||
|
|
<view class="tab-item" :class="currentTabIndex == 0 ? 'active_tab' : ''"
|
|||
|
|
@click="currentTabIndex = 0">
|
|||
|
|
药品预订
|
|||
|
|
<view class="tabBottom" v-if="currentTabIndex == 0"></view>
|
|||
|
|
</view>
|
|||
|
|
<view class="tab-item" :class="currentTabIndex == 1 ? 'active_tab' : ''"
|
|||
|
|
@click="currentTabIndex = 1">
|
|||
|
|
预订记录
|
|||
|
|
<view class="tabBottom" v-if="currentTabIndex == 1"></view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view v-if="currentTabIndex == 0">
|
|||
|
|
<!-- <view class="form-box">
|
|||
|
|
<view class="form-item">
|
|||
|
|
<text class="label">姓名</text>
|
|||
|
|
<view class="ipt-box"><input type="text" placeholder="请填写订购人姓名" v-model="userName" /></view>
|
|||
|
|
</view>
|
|||
|
|
<view class="form-item">
|
|||
|
|
<text class="label">部门</text>
|
|||
|
|
<view class="ipt-box select">
|
|||
|
|
<image class="arrow" src="/static/icons/right-arrow.png" mode=""></image>
|
|||
|
|
<picker class="picker" v-if="deptList.length > 0" :range="deptList" @change="changeDepartment" range-key="name">
|
|||
|
|
<view>{{ deptList[departmentIndex].name }}</view>
|
|||
|
|
</picker>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="form-item">
|
|||
|
|
<text class="label">联系电话</text>
|
|||
|
|
<view class="ipt-box"><input type="text" placeholder="请填写手机号码" v-model="phone" /></view>
|
|||
|
|
</view>
|
|||
|
|
</view> -->
|
|||
|
|
<view class="form-box card-box" v-if="medicals.length > 0">
|
|||
|
|
<view id="visitor" v-for="(item, index) in medicals" :key="index">
|
|||
|
|
<view class="visitor">
|
|||
|
|
<view class="form-item">
|
|||
|
|
<text class="label">药名</text>
|
|||
|
|
<view class="ipt-box"><input class="name" v-model="item.drugsName" type="text"
|
|||
|
|
placeholder="请填写药名" /></view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class="form-item">
|
|||
|
|
<text class="label">剂型</text>
|
|||
|
|
<view class="select">
|
|||
|
|
<image class="arrow" src="/static/icons/right-arrow.png" mode=""></image>
|
|||
|
|
<picker class="picker" v-if="medicalList.length > 0" :range="medicalList"
|
|||
|
|
@change="changeDosage($event, index)" range-key="name">
|
|||
|
|
<view>{{ medicalList[item.drugsType].name }}</view>
|
|||
|
|
</picker>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="form-item">
|
|||
|
|
<text class="label">剂量</text>
|
|||
|
|
<view class="ipt-box"><input class="name" v-model="item.drugsDose" type="text"
|
|||
|
|
placeholder="请输入剂量" /></view>
|
|||
|
|
</view>
|
|||
|
|
<view class="form-item">
|
|||
|
|
<text class="label">单位</text>
|
|||
|
|
<view class="select">
|
|||
|
|
<image class="arrow" src="/static/icons/right-arrow.png" mode=""></image>
|
|||
|
|
<picker class="picker" v-if="drugsUnitList.length > 0" :range="drugsUnitList"
|
|||
|
|
@change="changeDrugsUnit($event, index)" range-key="name">
|
|||
|
|
<view>{{ drugsUnitList[item.drugsUnit].name }}</view>
|
|||
|
|
</picker>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="form-item">
|
|||
|
|
<text class="label">厂家</text>
|
|||
|
|
<view class="ipt-box"><input class="name" v-model="item.drugsFactory" type="text"
|
|||
|
|
placeholder="请输入厂家" /></view>
|
|||
|
|
</view>
|
|||
|
|
<view class="form-item">
|
|||
|
|
<text class="label">数量</text>
|
|||
|
|
<view class="ipt-box">
|
|||
|
|
<view class="">
|
|||
|
|
<input class="name" v-model="item.drugsNum" type="number"
|
|||
|
|
placeholder="请输入数量" />
|
|||
|
|
<!-- <uni-number-box :min="1" :max="500" :value="item.drugsNum" @change="unbChange($event, index)" /> -->
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="form-item upload-box">
|
|||
|
|
<text class="label">图片</text>
|
|||
|
|
<text class="tip-c">(药品正面和反面,至多两张)</text>
|
|||
|
|
<view class="img-box">
|
|||
|
|
<view class="img-item" v-for="(imgItem, imgIndex) in item.imgs" :key="imgIndex">
|
|||
|
|
<image class="remove-btn" @click="removeImg(index,imgIndex)"
|
|||
|
|
src="/static/icons/delete-icon.png" mode=""></image>
|
|||
|
|
<image class="img" :src="imgItem.replace(/[\r\n]/g,'')" mode=""></image>
|
|||
|
|
</view>
|
|||
|
|
<view class="img-item upload-btn" @click="chooseImg(index)"
|
|||
|
|
v-if="medicals[index].imgs.length < 2">
|
|||
|
|
<image class="img" src="/static/imgs/tianjia-img.png" mode=""></image>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view style="font-size: 28rpx;font-weight: 600;color: red;border-bottom: 1px solid #eee;">互联网信息系统严禁存储、传输、处理涉及国家秘密企业秘密以及敏感信息，违者将严肃问责追责!</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="form-item" v-if="medicals.length > 0 && index > 0">
|
|||
|
|
<image class="jian" src="../../static/takeaway/cut1.png" @click="jianBtn(index)"
|
|||
|
|
alt="">
|
|||
|
|
</image>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<!-- 添加 -->
|
|||
|
|
<view id="addbtn" class="add clear">
|
|||
|
|
<view class="addbtn" @click="addBtn()">
|
|||
|
|
<image class="add-img" src="../../static/takeaway/add3.png" mode=""></image><text> 新增
|
|||
|
|
</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<!-- <view class="tips">
|
|||
|
|
温馨提醒：
|
|||
|
|
<br />
|
|||
|
|
1. 所购药品非本所日常用药，可能存在价格偏高现象
|
|||
|
|
<br />
|
|||
|
|
2. 到货后必须开方取回，否则由本人承担经济损失
|
|||
|
|
<br />
|
|||
|
|
3. 7号之前（含7号）订购单于当月下旬到货；7号之后于次月下旬到货。
|
|||
|
|
</view> -->
|
|||
|
|
<view class="tips">
|
|||
|
|
<view class="tipsTit">
|
|||
|
|
<image src="@/static/haircut/tz.png" mode=""></image>
|
|||
|
|
<text>温馨提示</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="tipsCont">
|
|||
|
|
<text>1. 所购药品非本所日常用药，可能存在价格偏高现象</text>
|
|||
|
|
<text>2. 到货后必须开方取回，否则由本人承担经济损失</text>
|
|||
|
|
<text>3. 7号之前（含7号）订购单于当月下旬到货；7号之后于次月下旬到货。</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="occupied"></view>
|
|||
|
|
<view class="footer-btn footer-btn-color" @click="submit()">
|
|||
|
|
<view class="btn">确认订购</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<!-- 订购记录列表 -->
|
|||
|
|
<view class="list-box" v-if="currentTabIndex == 1">
|
|||
|
|
<view class="detail" v-for="(item, index) in list" :key="index">
|
|||
|
|
<view class="detail_header">
|
|||
|
|
<image class="blueSign" src="@/static/haircut/ypyd.png" mode=""></image>
|
|||
|
|
<text class="font-tilte" style="font-size: 16px;">{{ item.createTime }}</text>
|
|||
|
|
<text style="color: #666;" v-if="item.status==0&&item.endremind==0"
|
|||
|
|
class="font-result">待审核</text>
|
|||
|
|
<text v-if="item.status==1&&item.endremind==0" class="font-result">已同意</text>
|
|||
|
|
<text style="color: red;" v-if="item.status==2&&item.endremind==0"
|
|||
|
|
class="font-result">已拒绝</text>
|
|||
|
|
<text v-if="item.endremind>0" class="font-result">已到货</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="detail_msg">
|
|||
|
|
<!-- <view class="info-item">
|
|||
|
|
<view class="fl-text">姓名:</view>
|
|||
|
|
<view class="fr-text">{{ item.user_name }}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="info-item">
|
|||
|
|
<view class="fl-text">联系电话:</view>
|
|||
|
|
<view class="fr-text">{{ item.tel_number }}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="info-item">
|
|||
|
|
<view class="fl-text">部门:</view>
|
|||
|
|
<view class="fr-text">{{ item.dept_name }}</view>
|
|||
|
|
</view> -->
|
|||
|
|
<view class="info-item">
|
|||
|
|
<text>预计到货时间：</text>
|
|||
|
|
<text class="infoSpan">{{ item.pickDate }}</text>
|
|||
|
|
</view>
|
|||
|
|
<!-- <view class="info-item">
|
|||
|
|
<view class="fl-text">剂型:</view>
|
|||
|
|
|
|||
|
|
<view class="fr-text">{{medicalList[item.drugs_type]}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="info-item">
|
|||
|
|
<view class="fl-text">剂量:</view>
|
|||
|
|
|
|||
|
|
<view class="fr-text">{{item.drugs_dose}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="info-item">
|
|||
|
|
<view class="fl-text">单位:</view>
|
|||
|
|
|
|||
|
|
<view class="fr-text">{{drugsUnitList[item.drugs_unit]}}</view>
|
|||
|
|
</view> -->
|
|||
|
|
<view class="info-item">
|
|||
|
|
<text>详情:</text>
|
|||
|
|
<text class="infoSpan"><text v-for="(item1, index1) in item.detailList"
|
|||
|
|
:key="index1"><text
|
|||
|
|
v-if="index1!=0">，</text>{{ item1.drugs_name}}x{{item1.drugs_num}}</text>
|
|||
|
|
</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="info-item" v-if="item.status!=0">
|
|||
|
|
<text>医师意见:</text>
|
|||
|
|
<text v-if="item.status==1" class="infoSpan">通过</text>
|
|||
|
|
<text v-if="item.status==2" class="infoSpan"><textarea style="width: auto;" auto-height
|
|||
|
|
type="text" disabled="true" :value="item.reason" /></text>
|
|||
|
|
</view>
|
|||
|
|
<view class="info-item" v-if="item.status!=0&&item.real_name">
|
|||
|
|
<text>医师:</text>
|
|||
|
|
<text class="infoSpan">{{item.real_name+" "+item.mobile}}</text>
|
|||
|
|
</view>
|
|||
|
|
<!-- <view class="comment-btn" @click.stop="del(item.detail_id,4,index)">删除</view> -->
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<content-none v-if="currentTabIndex != 0 && list.length == 0" :padTop="20"></content-none>
|
|||
|
|
</view>
|
|||
|
|
<uni-calendar ref="calendar" :insert="false" @confirm="confirm"></uni-calendar>
|
|||
|
|
<uni-calendar ref="calendar2" :insert="false" @confirm="confirm2"></uni-calendar>
|
|||
|
|
<load-more v-show="currentTabIndex == 1" :loadingType="loadingType" :contentText="contentText"></load-more>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import uniCalendar from '@/components/uni-calendar/uni-calendar.vue';
|
|||
|
|
import {
|
|||
|
|
getAllDept,
|
|||
|
|
submitDrugsApply,
|
|||
|
|
getMyDrugsApplyList
|
|||
|
|
} from '@/common/api.js';
|
|||
|
|
import {
|
|||
|
|
callbackRequest,
|
|||
|
|
convertImgToBase64,
|
|||
|
|
alertTip,
|
|||
|
|
getStorage,
|
|||
|
|
wxSdk,
|
|||
|
|
uploadImg
|
|||
|
|
} from '@/common/util.js';
|
|||
|
|
import loadMore from '@/components/loadMore.vue';
|
|||
|
|
import contentNone from '@/components/contentNone.vue';
|
|||
|
|
import datetimePicker from '@/components/dateTime.vue';
|
|||
|
|
import uniNumberBox from '@/components/uni-number-box/uni-number-box.vue';
|
|||
|
|
import {
|
|||
|
|
pathToBase64
|
|||
|
|
} from '@/js_sdk/mmmm-image-tools/index.js';
|
|||
|
|
let currentTime = new Date().getTime();
|
|||
|
|
let millisecond = 24 * 7 * 60 * 60 * 1000;
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
userId: getStorage('userInfo').userId, //登录用户id
|
|||
|
|
user: getStorage('userInfo'),
|
|||
|
|
selectedTime: '',
|
|||
|
|
currentTabIndex: 0,
|
|||
|
|
page: 1,
|
|||
|
|
pageSize: 10,
|
|||
|
|
medicalList: [{
|
|||
|
|
name: '片剂'
|
|||
|
|
}, {
|
|||
|
|
name: '胶囊'
|
|||
|
|
}, {
|
|||
|
|
name: '颗粒'
|
|||
|
|
}, {
|
|||
|
|
name: '丸剂'
|
|||
|
|
}, {
|
|||
|
|
name: '口服液'
|
|||
|
|
}, {
|
|||
|
|
name: '乳膏'
|
|||
|
|
}, {
|
|||
|
|
name: '散剂'
|
|||
|
|
}, {
|
|||
|
|
name: '滴眼液'
|
|||
|
|
}, {
|
|||
|
|
name: '针剂'
|
|||
|
|
}, {
|
|||
|
|
name: '贴剂'
|
|||
|
|
}, {
|
|||
|
|
name: '喷剂'
|
|||
|
|
}, {
|
|||
|
|
name: '饮片'
|
|||
|
|
}], //{ name: '克' },{ name: '颗' },
|
|||
|
|
drugsUnitList: [{
|
|||
|
|
name: '盒'
|
|||
|
|
}, {
|
|||
|
|
name: '瓶'
|
|||
|
|
}, {
|
|||
|
|
name: '袋'
|
|||
|
|
}, {
|
|||
|
|
name: '支'
|
|||
|
|
}],
|
|||
|
|
medicalIndex: 0, //选择的剂型下标
|
|||
|
|
medicals: [{
|
|||
|
|
drugsName: '',
|
|||
|
|
drugsFactory: '',
|
|||
|
|
drugsDose: '',
|
|||
|
|
drugsUnit: 0,
|
|||
|
|
drugsType: 0,
|
|||
|
|
drugsNum: 1,
|
|||
|
|
imgs: [],
|
|||
|
|
imgsId: []
|
|||
|
|
}], //[{ medName: '', factory: '', medicalIndex: 0, count: 1, imgs: [] }],
|
|||
|
|
role: 1,
|
|||
|
|
list: [],
|
|||
|
|
visitPlace: '0',
|
|||
|
|
userName: getStorage('userInfo').userName,
|
|||
|
|
DeptName: getStorage('userInfo').userId,
|
|||
|
|
mediciName: '',
|
|||
|
|
phone: getStorage('userInfo').telnumber,
|
|||
|
|
loadingType: 0, //0-loading前；1-loading中；2-没有更多了
|
|||
|
|
contentText: {
|
|||
|
|
contentdown: '上拉加载更多',
|
|||
|
|
contentrefresh: '正在加载...',
|
|||
|
|
contentnomore: '没有更多数据了'
|
|||
|
|
},
|
|||
|
|
deptList: [], //部门列表
|
|||
|
|
departmentIndex: 0,
|
|||
|
|
factory: '',
|
|||
|
|
imgs: [] //用户上传的图片
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
components: {
|
|||
|
|
uniCalendar,
|
|||
|
|
loadMore,
|
|||
|
|
datetimePicker,
|
|||
|
|
contentNone,
|
|||
|
|
uniNumberBox
|
|||
|
|
},
|
|||
|
|
watch: {
|
|||
|
|
currentTabIndex: function(newVal, oldVal) {
|
|||
|
|
this.currentTabIndex = newVal;
|
|||
|
|
if (this.currentTabIndex == 1) {
|
|||
|
|
this.page = 1;
|
|||
|
|
this.loadingType = 0;
|
|||
|
|
this.getMyDrugsApplyList();
|
|||
|
|
} else {
|
|||
|
|
this.getDepartment();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
onLoad(option) {
|
|||
|
|
this.currentTabIndex = option.currentTabIndex || 0;
|
|||
|
|
if (this.currentTabIndex == 0) {
|
|||
|
|
this.getDepartment();
|
|||
|
|
} else {
|
|||
|
|
this.page = 1;
|
|||
|
|
this.loadingType = 0;
|
|||
|
|
this.getMyDrugsApplyList();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
// 数字输入框
|
|||
|
|
unbChange(value, index) {
|
|||
|
|
this.medicals[index].drugsNum = value;
|
|||
|
|
},
|
|||
|
|
// 选择剂型
|
|||
|
|
changeDosage(e, index) {
|
|||
|
|
let cur = this;
|
|||
|
|
cur.medicals[index].drugsType = e.detail.value;
|
|||
|
|
},
|
|||
|
|
// 选择单位
|
|||
|
|
changeDrugsUnit(e, index) {
|
|||
|
|
let cur = this;
|
|||
|
|
cur.medicals[index].drugsUnit = e.detail.value;
|
|||
|
|
},
|
|||
|
|
// 选择部门
|
|||
|
|
changeDepartment(e) {
|
|||
|
|
this.departmentIndex = e.detail.value;
|
|||
|
|
},
|
|||
|
|
// 获取部门
|
|||
|
|
getDepartment() {
|
|||
|
|
let data = {
|
|||
|
|
method: getAllDept,
|
|||
|
|
data: {}
|
|||
|
|
};
|
|||
|
|
callbackRequest(data).then(res => {
|
|||
|
|
// console.log(res);
|
|||
|
|
if (res.data.returnCode == 1) {
|
|||
|
|
this.deptList = res.data.returnData;
|
|||
|
|
for (var i = 0; i < this.deptList.length; i++) {
|
|||
|
|
if (this.deptList[i].id == this.user.deptId) {
|
|||
|
|
this.departmentIndex = i;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// console.log("dept:", this.deptList);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
getMyDrugsApplyList() {
|
|||
|
|
var data = {
|
|||
|
|
userId: this.userId,
|
|||
|
|
page: this.page,
|
|||
|
|
pageSize: this.pageSize
|
|||
|
|
};
|
|||
|
|
let params = {
|
|||
|
|
method: getMyDrugsApplyList,
|
|||
|
|
data: data
|
|||
|
|
};
|
|||
|
|
callbackRequest(params).then(res => {
|
|||
|
|
if (res.data.returnCode == 1) {
|
|||
|
|
let result = res.data.returnData;
|
|||
|
|
if (this.page == 1) {
|
|||
|
|
this.list = result;
|
|||
|
|
} else {
|
|||
|
|
if (result.length > 0) {
|
|||
|
|
this.list = [...this.list, result];
|
|||
|
|
this.loadingType = 0;
|
|||
|
|
} else {
|
|||
|
|
this.loadingType = 2;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
alertTip(res.data.returnMsg);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
toDetail(url) {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
async chooseImg(index) {
|
|||
|
|
let chec = 0;
|
|||
|
|
let sty = [];
|
|||
|
|
let _this = this;
|
|||
|
|
uni.showActionSheet({
|
|||
|
|
itemList: ['拍照', '相册'],
|
|||
|
|
success: function(resp) {
|
|||
|
|
chec = resp.tapIndex;
|
|||
|
|
if (chec == 0) {
|
|||
|
|
sty = ['camera']; //从相册相机选择
|
|||
|
|
} else {
|
|||
|
|
sty = ['album']; //从相册相机选择
|
|||
|
|
}
|
|||
|
|
uni.chooseImage({
|
|||
|
|
count: 2,
|
|||
|
|
sizeType: ['compressed'],
|
|||
|
|
sourceType: sty,
|
|||
|
|
quality: 1,
|
|||
|
|
success: async function(res) {
|
|||
|
|
let resData = res.tempFilePaths;
|
|||
|
|
for (let i = 0; i < resData.length; i++) {
|
|||
|
|
if (_this.medicals[index].imgs.length > 2) {
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
uni.getImageInfo({
|
|||
|
|
src: resData[i],
|
|||
|
|
success: async (path) => {
|
|||
|
|
convertImgToBase64(path.path,
|
|||
|
|
async function(base64) {
|
|||
|
|
if (_this.medicals[
|
|||
|
|
index].imgs
|
|||
|
|
.length < 2) {
|
|||
|
|
// _this.imgs.push(base64);
|
|||
|
|
|
|||
|
|
uni.showLoading({
|
|||
|
|
title: '图片上传中'
|
|||
|
|
})
|
|||
|
|
let blength =
|
|||
|
|
base64.length;
|
|||
|
|
let glength = 7500;
|
|||
|
|
if (blength <=
|
|||
|
|
glength) {
|
|||
|
|
let uploadParam = {
|
|||
|
|
base64: base64,
|
|||
|
|
userId: getStorage(
|
|||
|
|
'userInfo'
|
|||
|
|
)
|
|||
|
|
.userId +
|
|||
|
|
i,
|
|||
|
|
groupEnd: '1'
|
|||
|
|
}
|
|||
|
|
await uploadImg
|
|||
|
|
(
|
|||
|
|
uploadParam
|
|||
|
|
)
|
|||
|
|
.then(
|
|||
|
|
resu => {
|
|||
|
|
resu =
|
|||
|
|
resu
|
|||
|
|
.data;
|
|||
|
|
uni
|
|||
|
|
.hideLoading();
|
|||
|
|
if (resu
|
|||
|
|
.returnCode !=
|
|||
|
|
1
|
|||
|
|
) {
|
|||
|
|
alertTip
|
|||
|
|
(resu
|
|||
|
|
.returnMsg
|
|||
|
|
);
|
|||
|
|
} else {
|
|||
|
|
_this
|
|||
|
|
.medicals[
|
|||
|
|
index
|
|||
|
|
]
|
|||
|
|
.imgs
|
|||
|
|
.push(
|
|||
|
|
base64
|
|||
|
|
);
|
|||
|
|
_this
|
|||
|
|
.medicals[
|
|||
|
|
index
|
|||
|
|
]
|
|||
|
|
.imgsId
|
|||
|
|
.push(
|
|||
|
|
resu
|
|||
|
|
.returnData +
|
|||
|
|
".jpg"
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
let fnum =
|
|||
|
|
parseInt(
|
|||
|
|
blength /
|
|||
|
|
glength
|
|||
|
|
);
|
|||
|
|
for (let j =
|
|||
|
|
1; j <
|
|||
|
|
fnum +
|
|||
|
|
1; j++) {
|
|||
|
|
if (j ==
|
|||
|
|
fnum) {
|
|||
|
|
let groupBase =
|
|||
|
|
base64
|
|||
|
|
.slice(
|
|||
|
|
(j -
|
|||
|
|
1
|
|||
|
|
) *
|
|||
|
|
glength
|
|||
|
|
);
|
|||
|
|
console
|
|||
|
|
.log(
|
|||
|
|
groupBase
|
|||
|
|
.length,
|
|||
|
|
"groupBaselength"
|
|||
|
|
);
|
|||
|
|
let uploadParam = {
|
|||
|
|
base64: groupBase,
|
|||
|
|
userId: getStorage(
|
|||
|
|
'userInfo'
|
|||
|
|
)
|
|||
|
|
.userId +
|
|||
|
|
i,
|
|||
|
|
groupEnd: '1'
|
|||
|
|
}
|
|||
|
|
await uploadImg
|
|||
|
|
(
|
|||
|
|
uploadParam
|
|||
|
|
)
|
|||
|
|
.then(
|
|||
|
|
resu => {
|
|||
|
|
resu =
|
|||
|
|
resu
|
|||
|
|
.data;
|
|||
|
|
if (resu
|
|||
|
|
.returnCode ==
|
|||
|
|
1
|
|||
|
|
) {
|
|||
|
|
_this
|
|||
|
|
.medicals[
|
|||
|
|
index
|
|||
|
|
]
|
|||
|
|
.imgs
|
|||
|
|
.push(
|
|||
|
|
base64
|
|||
|
|
);
|
|||
|
|
_this
|
|||
|
|
.medicals[
|
|||
|
|
index
|
|||
|
|
]
|
|||
|
|
.imgsId
|
|||
|
|
.push(
|
|||
|
|
resu
|
|||
|
|
.returnData +
|
|||
|
|
".jpg"
|
|||
|
|
);
|
|||
|
|
} else {
|
|||
|
|
uni
|
|||
|
|
.hideLoading();
|
|||
|
|
alertTip
|
|||
|
|
(resu
|
|||
|
|
.returnMsg
|
|||
|
|
);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
} else {
|
|||
|
|
let groupBase =
|
|||
|
|
base64
|
|||
|
|
.slice(
|
|||
|
|
(j -
|
|||
|
|
1
|
|||
|
|
) *
|
|||
|
|
glength,
|
|||
|
|
glength *
|
|||
|
|
j
|
|||
|
|
);
|
|||
|
|
let uploadParam = {
|
|||
|
|
base64: groupBase,
|
|||
|
|
userId: getStorage(
|
|||
|
|
'userInfo'
|
|||
|
|
)
|
|||
|
|
.userId +
|
|||
|
|
i,
|
|||
|
|
groupEnd: '0'
|
|||
|
|
}
|
|||
|
|
await uploadImg
|
|||
|
|
(
|
|||
|
|
uploadParam
|
|||
|
|
)
|
|||
|
|
.then(
|
|||
|
|
resu => {
|
|||
|
|
resu =
|
|||
|
|
resu
|
|||
|
|
.data;
|
|||
|
|
if (resu
|
|||
|
|
.returnCode ==
|
|||
|
|
1
|
|||
|
|
) {} else {
|
|||
|
|
uni
|
|||
|
|
.hideLoading();
|
|||
|
|
alertTip
|
|||
|
|
(resu
|
|||
|
|
.returnMsg
|
|||
|
|
);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
uni
|
|||
|
|
.hideLoading();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
fail: function(resp) {
|
|||
|
|
console.log(resp.errMsg);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// chooseImg(index) {
|
|||
|
|
// let chec = 0;
|
|||
|
|
// let sty = [];
|
|||
|
|
// let _this = this;
|
|||
|
|
// uni.showActionSheet({
|
|||
|
|
// itemList:['拍照','相册'],
|
|||
|
|
// success:function(resp){
|
|||
|
|
// chec = resp.tapIndex;
|
|||
|
|
// if (chec == 0) {
|
|||
|
|
// sty = ['camera']; //从相册相机选择
|
|||
|
|
// } else {
|
|||
|
|
// sty = ['album']; //从相册相机选择
|
|||
|
|
// }
|
|||
|
|
// uni.chooseImage({
|
|||
|
|
// count:3,
|
|||
|
|
// sizeType: ['compressed'],
|
|||
|
|
// sourceType: sty,
|
|||
|
|
// quality: 0.7,
|
|||
|
|
// success:function(res){
|
|||
|
|
// let resData = res.tempFilePaths;
|
|||
|
|
// for(let i=0;i<resData.length;i++){
|
|||
|
|
// uni.getImageInfo({
|
|||
|
|
// src: resData[i],
|
|||
|
|
// success: (path) => {
|
|||
|
|
// pathToBase64(path.path).then(base64 => {
|
|||
|
|
// // if(_this.imgs.length<3){
|
|||
|
|
// // _this.imgs.push(base64);
|
|||
|
|
// // }
|
|||
|
|
// if(_this.medicals[index].imgs.length<2){
|
|||
|
|
// _this.medicals[index].imgs.push(base64);
|
|||
|
|
// }
|
|||
|
|
// })
|
|||
|
|
// .catch(error => {
|
|||
|
|
// })
|
|||
|
|
// }
|
|||
|
|
// })
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
// }
|
|||
|
|
// });
|
|||
|
|
// },
|
|||
|
|
// fail:function(resp){
|
|||
|
|
// console.log(resp.errMsg);
|
|||
|
|
// }
|
|||
|
|
// });
|
|||
|
|
// },
|
|||
|
|
|
|||
|
|
//删除图片
|
|||
|
|
removeImg(index, imgIndex) {
|
|||
|
|
let cur = this.medicals[index];
|
|||
|
|
cur.imgs.splice(imgIndex, 1);
|
|||
|
|
cur.imgsId.splice(imgIndex, 1);
|
|||
|
|
},
|
|||
|
|
confirm(e) {
|
|||
|
|
this.selectedTime = e.fulldate;
|
|||
|
|
},
|
|||
|
|
open(type) {
|
|||
|
|
if (type == 1) {
|
|||
|
|
this.$refs.calendar.open();
|
|||
|
|
} else {
|
|||
|
|
this.$refs.calendar2.open();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
// 添加一个药品表单
|
|||
|
|
addBtn() {
|
|||
|
|
var obj = {
|
|||
|
|
drugsName: '',
|
|||
|
|
drugsFactory: '',
|
|||
|
|
drugsDose: '',
|
|||
|
|
drugsUnit: 0,
|
|||
|
|
drugsType: 0,
|
|||
|
|
drugsNum: 1,
|
|||
|
|
imgs: [],
|
|||
|
|
imgsId: []
|
|||
|
|
};
|
|||
|
|
this.medicals.push(obj);
|
|||
|
|
this.number++;
|
|||
|
|
},
|
|||
|
|
// 删除一个药品表单
|
|||
|
|
jianBtn(index) {
|
|||
|
|
// $delete : Vue的语法，响应式
|
|||
|
|
this.$delete(this.medicals, index);
|
|||
|
|
},
|
|||
|
|
submit() {
|
|||
|
|
for (var i = 0; i < this.medicals.length; i++) {
|
|||
|
|
if (this.medicals[i].drugsName == '') {
|
|||
|
|
alertTip('请输入药品名称');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (this.medicals[i].drugsDose == '') {
|
|||
|
|
alertTip('请输入药品剂量');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (this.medicals[i].drugsFactory == '') {
|
|||
|
|
alertTip('请输入药品厂家');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (this.medicals[i].drugsNum == '' || this.medicals[i].drugsNum == 0) {
|
|||
|
|
alertTip('请输入药品数量');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni.showModal({
|
|||
|
|
title: '确认',
|
|||
|
|
content: '特殊需求药品价格偏高，是否接受？点击接受提交。',
|
|||
|
|
showCancel: true,
|
|||
|
|
cancelText: '取消',
|
|||
|
|
confirmText: '接受',
|
|||
|
|
success: res => {
|
|||
|
|
if (res.confirm) {
|
|||
|
|
let detailList = [];
|
|||
|
|
this.medicals.forEach(
|
|||
|
|
function(value, index, array) {
|
|||
|
|
let dobj = {
|
|||
|
|
drugsName: value.drugsName,
|
|||
|
|
drugsFactory: value.drugsFactory,
|
|||
|
|
drugsDose: value.drugsDose,
|
|||
|
|
drugsUnit: value.drugsUnit,
|
|||
|
|
drugsType: value.drugsType,
|
|||
|
|
drugsNum: value.drugsNum,
|
|||
|
|
imgs: value.imgsId,
|
|||
|
|
}
|
|||
|
|
detailList.push(dobj);
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
let params = {
|
|||
|
|
method: submitDrugsApply,
|
|||
|
|
data: {
|
|||
|
|
userName: this.userName,
|
|||
|
|
userId: this.userId,
|
|||
|
|
telNumber: this.phone,
|
|||
|
|
deptName: this.deptList[this.departmentIndex].name,
|
|||
|
|
deptId: this.deptList[this.departmentIndex].id,
|
|||
|
|
detailList: detailList
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
callbackRequest(params).then(res => {
|
|||
|
|
if (res.data.returnCode == 1) {
|
|||
|
|
alertTip('订购成功');
|
|||
|
|
setTimeout(function() {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: '/pages/medical/drugreserve?currentTabIndex=1'
|
|||
|
|
});
|
|||
|
|
}, 1500);
|
|||
|
|
} else {
|
|||
|
|
alertTip(res.data.returnMsg);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
} else if (res.cancel) {}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onReachBottom() {
|
|||
|
|
if (this.loadingType !== 0 || this.currentTabIndex == 0) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
this.loadingType = 1;
|
|||
|
|
this.page = this.page + 1;
|
|||
|
|
this.getMyDrugsApplyList();
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss">
|
|||
|
|
@import '@/static/css/common.scss';
|
|||
|
|
|
|||
|
|
page {
|
|||
|
|
// background: #f8f8f8;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.font-result {
|
|||
|
|
display: inline-block;
|
|||
|
|
float: right;
|
|||
|
|
font-size: 28upx;
|
|||
|
|
color: #00c277;
|
|||
|
|
line-height: 50upx;
|
|||
|
|
vertical-align: top;
|
|||
|
|
padding-right: 20upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.container {
|
|||
|
|
padding: 22upx;
|
|||
|
|
|
|||
|
|
.main {
|
|||
|
|
.tab-box {
|
|||
|
|
width: 80%;
|
|||
|
|
display: flex;
|
|||
|
|
font-size: 36upx;
|
|||
|
|
color: #555555;
|
|||
|
|
|
|||
|
|
.active_tab {
|
|||
|
|
font-weight: 800;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tab-item {
|
|||
|
|
width: 40%;
|
|||
|
|
|
|||
|
|
.tabBottom {
|
|||
|
|
width: 28%;
|
|||
|
|
height: 6upx;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
background-image: linear-gradient(to right, #64E182, #1CA7B2);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.form-box {
|
|||
|
|
margin-top: 24upx;
|
|||
|
|
|
|||
|
|
.form-item {
|
|||
|
|
overflow: hidden;
|
|||
|
|
border-bottom: 1px solid #EBEFF7;
|
|||
|
|
padding: 26upx 0;
|
|||
|
|
|
|||
|
|
.label {
|
|||
|
|
float: left;
|
|||
|
|
width: 150upx;
|
|||
|
|
font-size: 28upx;
|
|||
|
|
color: #555555;
|
|||
|
|
font-weight: 400;
|
|||
|
|
line-height: 50upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ipt-box {
|
|||
|
|
margin-left: 150upx;
|
|||
|
|
|
|||
|
|
input {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 50upx;
|
|||
|
|
line-height: 50upx;
|
|||
|
|
font-size: 26upx;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.pic {
|
|||
|
|
width: 60upx;
|
|||
|
|
height: 60upx;
|
|||
|
|
line-height: 80upx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.select {
|
|||
|
|
.arrow {
|
|||
|
|
float: right;
|
|||
|
|
width: 16upx;
|
|||
|
|
height: 29upx;
|
|||
|
|
margin-top: 10upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
input {
|
|||
|
|
width: 70%;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tip-c {
|
|||
|
|
color: #929292;
|
|||
|
|
font-size: 25upx;
|
|||
|
|
margin-left: 20upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.jian {
|
|||
|
|
width: 40upx;
|
|||
|
|
height: 40upx;
|
|||
|
|
margin-left: 50%;
|
|||
|
|
transform: translateX(-50%);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.select {
|
|||
|
|
.arrow {
|
|||
|
|
float: right;
|
|||
|
|
width: 16upx;
|
|||
|
|
height: 29upx;
|
|||
|
|
margin-top: 10upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.picker {
|
|||
|
|
height: 50upx;
|
|||
|
|
line-height: 50upx;
|
|||
|
|
font-size: 26upx;
|
|||
|
|
color: #666;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.upload-box {
|
|||
|
|
.label {
|
|||
|
|
float: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.img-box {
|
|||
|
|
overflow: hidden;
|
|||
|
|
padding-top: 25upx;
|
|||
|
|
|
|||
|
|
.img-item {
|
|||
|
|
float: left;
|
|||
|
|
width: 67*2upx;
|
|||
|
|
height: 67*2upx;
|
|||
|
|
background: #E6E8EE;
|
|||
|
|
border-radius: 5*2upx;
|
|||
|
|
// margin: 0 20upx 20upx 0upx;
|
|||
|
|
position: relative;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
|
|||
|
|
.img {
|
|||
|
|
display: block;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.remove-btn {
|
|||
|
|
position: absolute;
|
|||
|
|
top: -18upx;
|
|||
|
|
right: -18upx;
|
|||
|
|
width: 44upx;
|
|||
|
|
height: 44upx;
|
|||
|
|
z-index: 2;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.upload-btn {
|
|||
|
|
.img {
|
|||
|
|
width: 60upx;
|
|||
|
|
height: 60upx;
|
|||
|
|
// margin: 75upx auto 0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sure-btn {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 80upx;
|
|||
|
|
font-size: 28upx;
|
|||
|
|
color: #fff;
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 80upx;
|
|||
|
|
border-radius: 8upx;
|
|||
|
|
background: #0066cc;
|
|||
|
|
background: linear-gradient(to right, #ffc200, #ff9000);
|
|||
|
|
/*设置按钮为渐变颜色*/
|
|||
|
|
margin-top: 50upx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.form-box .form-item:last-child {
|
|||
|
|
border-bottom: 0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#addbtn {
|
|||
|
|
height: 100upx;
|
|||
|
|
background-color: #ffffff;
|
|||
|
|
border-radius: 20upx;
|
|||
|
|
color: #333333;
|
|||
|
|
position: relative;
|
|||
|
|
margin-top: 20upx;
|
|||
|
|
line-height: 100upx;
|
|||
|
|
text-align: center;
|
|||
|
|
|
|||
|
|
text {
|
|||
|
|
font-size: 38upx;
|
|||
|
|
color: #00c277;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.addbtn {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.add-img {
|
|||
|
|
width: 40upx;
|
|||
|
|
height: 40upx;
|
|||
|
|
margin-right: 16upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.addbtn view text:nth-child(1) {}
|
|||
|
|
|
|||
|
|
.addbtn view text:nth-child(2) {
|
|||
|
|
font-weight: 600;
|
|||
|
|
font-size: 32upx;
|
|||
|
|
color: #00c277;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tips {
|
|||
|
|
width: 100%;
|
|||
|
|
padding: 20upx;
|
|||
|
|
background-color: #fff;
|
|||
|
|
border-radius: 20upx;
|
|||
|
|
margin-top: 20upx;
|
|||
|
|
color: #FB8107;
|
|||
|
|
font-size: 28upx;
|
|||
|
|
|
|||
|
|
.tipsTit {
|
|||
|
|
width: 100%;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tipsCont {
|
|||
|
|
margin-left: 38upx;
|
|||
|
|
margin-top: 10upx;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
font-size: 24upx;
|
|||
|
|
color: #555555;
|
|||
|
|
line-height: 40upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 36upx;
|
|||
|
|
height: 36upx;
|
|||
|
|
margin-right: 10upx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.num-box {
|
|||
|
|
float: right;
|
|||
|
|
width: 220upx;
|
|||
|
|
// height: 20upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list-box {
|
|||
|
|
margin: unset;
|
|||
|
|
margin-top: 36upx;
|
|||
|
|
|
|||
|
|
.detail {
|
|||
|
|
// margin-top: 10upx;
|
|||
|
|
margin-bottom: 24upx;
|
|||
|
|
background: #ffffff;
|
|||
|
|
border-radius: 20upx;
|
|||
|
|
padding: 24upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.detail_header {
|
|||
|
|
padding: 15upx 0upx;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: center;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.detail_header .blueSign {
|
|||
|
|
width: 48upx;
|
|||
|
|
height: 48upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.detail_header .font-tilte {
|
|||
|
|
display: inline-block;
|
|||
|
|
font-weight: bold;
|
|||
|
|
font-size: 18px;
|
|||
|
|
color: #333333;
|
|||
|
|
margin-left: 16upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.detail_header .font-result {
|
|||
|
|
display: inline-block;
|
|||
|
|
position: absolute;
|
|||
|
|
width: 80*2upx;
|
|||
|
|
height: 28*2upx;
|
|||
|
|
right: 0upx;
|
|||
|
|
background: #C1EFEA;
|
|||
|
|
border-radius: 15px 15px 15px 15px;
|
|||
|
|
font-size: 28upx;
|
|||
|
|
color: #0DB0A7;
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 28*2upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.detail_msg {
|
|||
|
|
display: grid;
|
|||
|
|
margin-top: 20upx;
|
|||
|
|
padding: unset;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.detail_msg .info-item {
|
|||
|
|
font-size: 28upx;
|
|||
|
|
color: #999999;
|
|||
|
|
margin-bottom: 10upx;
|
|||
|
|
font-size: 28upx;
|
|||
|
|
line-height: 50upx;
|
|||
|
|
|
|||
|
|
text {
|
|||
|
|
display: inline-block;
|
|||
|
|
width: 200upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.infoSpan {
|
|||
|
|
width: auto;
|
|||
|
|
font-size: 28upx;
|
|||
|
|
color: #666;
|
|||
|
|
float: right;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// .detail_msg .info-item:nth-of-type(3) {
|
|||
|
|
// padding-bottom: 24upx;
|
|||
|
|
// border-bottom: 1px solid #EBEFF7;
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
// .detail_msg .info-item:last-child {
|
|||
|
|
// padding-bottom: 24upx;
|
|||
|
|
// border-bottom: 0px solid #000;
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
.comment-btn {
|
|||
|
|
margin-top: 24upx;
|
|||
|
|
width: 84*2upx;
|
|||
|
|
height: 32*2upx;
|
|||
|
|
border-radius: 16*2upx;
|
|||
|
|
border: 1px solid #0DB0A7;
|
|||
|
|
font-size: 28upx;
|
|||
|
|
color: #0DB0A7;
|
|||
|
|
line-height: 32*2upx;
|
|||
|
|
text-align: center;
|
|||
|
|
min-width: 140upx;
|
|||
|
|
justify-self: end;
|
|||
|
|
background-color: unset;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bg-ccc {
|
|||
|
|
border-color: #CACACA;
|
|||
|
|
color: #CACACA;
|
|||
|
|
background-color: #fff !important;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|