|
|
@@ -51,15 +51,15 @@
|
|
|
常规项目选择
|
|
|
</view>
|
|
|
</view>
|
|
|
- <u-form-item label="项目编号搜索" v-if="type != 'detail'">
|
|
|
+ <!-- <u-form-item label="项目编号搜索" v-if="type != 'detail'">
|
|
|
<u-input placeholder="请输入项目编号搜索" v-model="form.search" />
|
|
|
- </u-form-item>
|
|
|
+ </u-form-item> -->
|
|
|
|
|
|
<u-form-item label="检测类型" v-if="type != 'detail'">
|
|
|
- <!-- <u-input placeholder="请选择检测类型" type="select" v-model="form.jianCeType"
|
|
|
- @click="selectClick('jianCeType')" /> -->
|
|
|
- <lin-select item-key="id" placeholder='请输入内容' :binData="jianCeTypeList" checkType="checkbox" tags="name" :disabled="true" inputStyle="" selectStyle="" overflow="hide" @getBackVal="checkBoxChange">
|
|
|
- </lin-select>
|
|
|
+ <u-input placeholder="" disabled />
|
|
|
+ <u-button type="success" class="btn-back-color" slot="right" size="mini" @click="sheetClick('jianCeType','检测类型')">选择
|
|
|
+ </u-button>
|
|
|
+
|
|
|
|
|
|
</u-form-item>
|
|
|
|
|
|
@@ -78,58 +78,32 @@
|
|
|
</u-form-item>
|
|
|
|
|
|
<view v-if="jianCeShow">
|
|
|
- <view v-if="type != 'detail'">
|
|
|
- <view>
|
|
|
- <checkbox-group v-for="(it, x) in form.jianCeList" :key="x">
|
|
|
- <label class=" uni-list-cell uni-list-cell-pd" v-show="it.checked" style="display: flex;margin: 15rpx 10rpx;font-size: 20rpx;line-height: 40rpx;">
|
|
|
- <view>
|
|
|
- <checkbox :checked="it.checked" :value="it.id_" @click="changeIndex(it,x)" />
|
|
|
+ <scroll-view scroll-y="true" class="scroll" :style="{borderRadius: `${mode == 'ios' ? '10px 10px 0 0' : '0'}`}">
|
|
|
+ <view class="l-action-sheet-box">
|
|
|
+ <view class="l-address-list" v-for="(item, index) in form.jianCeList" :key="index" v-if="item.checked">
|
|
|
+ <view class="l-item">
|
|
|
+ <view class="l-radio" v-if="type != 'detail'" @click="changeIndex(item,index)">
|
|
|
+ <text class="l-radio-outer" :class="{'l-radio-checked': item.checked}"></text>
|
|
|
+ <text class="l-radio-inner"></text>
|
|
|
</view>
|
|
|
- <view style="margin-left: 10rpx;font-size: 26rpx;" @click.stop="getSty(it)">
|
|
|
- <view>
|
|
|
- {{it.xiang_mu_bian_hao || ''}}-{{it.jian_ce_xiang_mu_ || ''}}
|
|
|
- <text style="color: red;">[{{it.zhe_hou_jia_ge_ || '0'}}元]</text>
|
|
|
+ <view class="l-info" @click.stop="getSty(item)">
|
|
|
+ <view class="l-address-desc">
|
|
|
+ {{item.xiang_mu_bian_hao || ''}}-{{item.jian_ce_xiang_mu_ || ''}}
|
|
|
+ <text style="color: red;">[{{item.zhe_hou_jia_ge_ || '0'}}元]</text>
|
|
|
</view>
|
|
|
- <view>检测类别:{{it.jian_ce_lei_bie_}}</view>
|
|
|
- <!-- <view>{{it.yi_ju_de_biao_zhu || ''}}</view> -->
|
|
|
- <view>报告周期(工作日):{{it.bao_gao_zhou_qi_g || '当'}}天</view>
|
|
|
- </view>
|
|
|
- </label>
|
|
|
- </checkbox-group>
|
|
|
- </view>
|
|
|
- <view>
|
|
|
- <checkbox-group v-for="(it, x) in form.jianCeList" :key="x">
|
|
|
- <label class=" uni-list-cell uni-list-cell-pd" v-show="((form.jianCeTypeString.indexOf(it.jian_ce_lei_bie_ || '') !== -1) || (form.search && it.xiang_mu_bian_hao.indexOf(form.search) !== -1)) && !it.checked" style="display: flex;margin: 15rpx 10rpx;font-size: 20rpx;line-height: 40rpx;">
|
|
|
- <view>
|
|
|
- <checkbox :checked="it.checked" :value="it.id_" @click="changeIndex(it,x)" />
|
|
|
- </view>
|
|
|
- <view style="margin-left: 10rpx;font-size: 26rpx;" @click.stop="getSty(it)">
|
|
|
- <view>
|
|
|
- {{it.xiang_mu_bian_hao || ''}}-{{it.jian_ce_xiang_mu_ || ''}}
|
|
|
- <text style="color: red;">[{{it.zhe_hou_jia_ge_ || '0'}}元]</text>
|
|
|
+ <view class="l-userinfo">
|
|
|
+ 检测类别:
|
|
|
+ <text class="l-user-name">{{item.jian_ce_lei_bie_}}</text>
|
|
|
+ </view>
|
|
|
+ <view class="l-userinfo">
|
|
|
+ 报告周期(工作日):
|
|
|
+ <text class="l-user-name">{{item.bao_gao_zhou_qi_g || '当'}}天</text>
|
|
|
</view>
|
|
|
- <view>检测类别:{{it.jian_ce_lei_bie_}}</view>
|
|
|
- <!-- <view>{{it.yi_ju_de_biao_zhu || ''}}</view> -->
|
|
|
- <view>报告周期(工作日):{{it.bao_gao_zhou_qi_g || '当'}}天</view>
|
|
|
</view>
|
|
|
- </label>
|
|
|
- </checkbox-group>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view v-else>
|
|
|
- <view v-for="(it, x) in form.jianCeList" :key="x" v-if="it.checked" @click="getSty(it)">
|
|
|
- <view class="jiancexiangm">
|
|
|
- <view>
|
|
|
- {{it.xiang_mu_bian_hao || ''}}-{{it.jian_ce_xiang_mu_ || ''}}
|
|
|
- <text style="color: red;">[{{it.zhe_hou_jia_ge_ || '当'}}元]</text>
|
|
|
</view>
|
|
|
- <view>检测类别:{{it.jian_ce_lei_bie_}}</view>
|
|
|
- <!-- <view>{{it.yi_ju_de_biao_zhu || ''}}</view> -->
|
|
|
- <view>报告周期(工作日):{{it.bao_gao_zhou_qi_g || '当'}}天</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </scroll-view>
|
|
|
</view>
|
|
|
|
|
|
|
|
|
@@ -171,6 +145,7 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
+ <view class="qingshe">(样品类型、样品运输条件、样品数量、样品规格)组,请填写的必须展开,不填写的可以隐藏</view>
|
|
|
<view class="qingshe" @click="form.showBoolean1 = !form.showBoolean1">
|
|
|
<view>
|
|
|
①
|
|
|
@@ -331,6 +306,51 @@
|
|
|
|
|
|
<lin-popup ref="picker" :title="title" :list="list" @onConfirm="onConfirm"></lin-popup>
|
|
|
|
|
|
+ <u-popup v-model="show" height="800" mode="bottom">
|
|
|
+ <view>
|
|
|
+ <view class="jianCeTypeTop u-p-20">
|
|
|
+ <view class="jianCeTypeLeft" @click.stop="jianCeClick()">
|
|
|
+ 检测类型选择
|
|
|
+ </view>
|
|
|
+ <view class="jianceCenter">
|
|
|
+ {{form.jianCeType}}
|
|
|
+ </view>
|
|
|
+ <view class="closeClass" @click.stop="show = false">
|
|
|
+ 关闭
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="jianCeTypeContent u-p-20">
|
|
|
+ <scroll-view scroll-y="true" class="scroll" :style="{borderRadius: `${mode == 'ios' ? '10px 10px 0 0' : '0'}`}">
|
|
|
+ <view class="l-action-sheet-box">
|
|
|
+ <view class="l-address-list" v-for="(item, index) in form.jianCeList" :key="index" v-if="item.jian_ce_lei_bie_ == form.jianCeType">
|
|
|
+ <view class="l-item">
|
|
|
+ <view class="l-radio" v-if="type != 'detail'" @click="changeIndex(item,index)">
|
|
|
+ <text class="l-radio-outer" :class="{'l-radio-checked': item.checked}"></text>
|
|
|
+ <text class="l-radio-inner"></text>
|
|
|
+ </view>
|
|
|
+ <view class="l-info" @click.stop="getSty(item)">
|
|
|
+ <view class="l-address-desc">
|
|
|
+ {{item.xiang_mu_bian_hao || ''}}-{{item.jian_ce_xiang_mu_ || ''}}
|
|
|
+ <text style="color: red;">[{{item.zhe_hou_jia_ge_ || '0'}}元]</text>
|
|
|
+ </view>
|
|
|
+ <view class="l-userinfo">
|
|
|
+ 检测类别:
|
|
|
+ <text class="l-user-name">{{item.jian_ce_lei_bie_}}</text>
|
|
|
+ </view>
|
|
|
+ <view class="l-userinfo">
|
|
|
+ 报告周期(工作日):
|
|
|
+ <text class="l-user-name">{{item.bao_gao_zhou_qi_g || '当'}}天</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </scroll-view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </u-popup>
|
|
|
+
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -422,7 +442,9 @@
|
|
|
trigger: 'blur',
|
|
|
}],
|
|
|
},
|
|
|
- title: ''
|
|
|
+ title: '',
|
|
|
+
|
|
|
+ show: false
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
@@ -583,8 +605,11 @@
|
|
|
if (type == 'disposition') {
|
|
|
this.list = this.dispositionList
|
|
|
}
|
|
|
+ if (type == 'jianCeType') {
|
|
|
+ this.list = this.jianCeTypeList
|
|
|
+ }
|
|
|
|
|
|
- if (type.includes('specification') || type.includes('yangpinType')) {
|
|
|
+ if (type.includes('specification') || type.includes('yangpinType') || type == 'jianCeType') {
|
|
|
this.$refs['picker'].show();
|
|
|
} else {
|
|
|
this.sheetShow = true
|
|
|
@@ -604,35 +629,26 @@
|
|
|
actionSheetCallback(e) {
|
|
|
let that = this
|
|
|
let lists = that.form
|
|
|
-
|
|
|
- if (this.listType == 'state') {
|
|
|
- lists.yangPinZhuangTai = this.list[e].text
|
|
|
- }
|
|
|
-
|
|
|
- //1
|
|
|
- if (this.listType == 'transportType1') {
|
|
|
- lists.yangBenYunShuTiao = that.list[e].text
|
|
|
+ switch (this.listType) {
|
|
|
+ case 'state':
|
|
|
+ lists.yangPinZhuangTai = this.list[e].text
|
|
|
+ break
|
|
|
+ case 'transportType1':
|
|
|
+ lists.yangBenYunShuTiao = that.list[e].text
|
|
|
+ break
|
|
|
+ case 'transportType2':
|
|
|
+ lists.yangPinYunShuTiao = that.list[e].text
|
|
|
+ break
|
|
|
+ case 'transportType3':
|
|
|
+ lists.yangPinYunShuSan = that.list[e].text
|
|
|
+ break
|
|
|
+ case 'transportType4':
|
|
|
+ lists.yangPinYunShuSi = that.list[e].text
|
|
|
+ break
|
|
|
+ case 'disposition':
|
|
|
+ this.form.yangBenChuLi = this.list[e].text
|
|
|
+ break
|
|
|
}
|
|
|
-
|
|
|
- //2
|
|
|
- if (this.listType == 'transportType2') {
|
|
|
- lists.yangPinYunShuTiao = that.list[e].text
|
|
|
- }
|
|
|
-
|
|
|
- //3
|
|
|
- if (this.listType == 'transportType3') {
|
|
|
- lists.yangPinYunShuSan = that.list[e].text
|
|
|
- }
|
|
|
-
|
|
|
- //4
|
|
|
- if (this.listType == 'transportType4') {
|
|
|
- lists.yangPinYunShuSi = that.list[e].text
|
|
|
- }
|
|
|
-
|
|
|
- if (this.listType == 'disposition') {
|
|
|
- this.form.yangBenChuLi = this.list[e].text
|
|
|
- }
|
|
|
-
|
|
|
},
|
|
|
//调用日期组件
|
|
|
dateClick(type) {
|
|
|
@@ -659,7 +675,6 @@
|
|
|
let list = []
|
|
|
datas.forEach(item => {
|
|
|
this.form.taoCanXiangMuList.push(item)
|
|
|
-
|
|
|
//判断与常规项目是否相同
|
|
|
let ypglOne = this.form.jianCeList
|
|
|
ypglOne.forEach(it => {
|
|
|
@@ -734,34 +749,41 @@
|
|
|
onConfirm(e) {
|
|
|
let that = this
|
|
|
let lists = that.form
|
|
|
-
|
|
|
- //样品类型
|
|
|
- if (this.listType == 'yangpinType1') {
|
|
|
- lists.yangPinLeiXing = that.list[e].name
|
|
|
- }
|
|
|
- if (this.listType == 'yangpinType2') {
|
|
|
- lists.yangPinLeiXingEr = that.list[e].name
|
|
|
- }
|
|
|
- if (this.listType == 'yangpinType3') {
|
|
|
- lists.yangPinLeiXingSan = that.list[e].name
|
|
|
- }
|
|
|
- if (this.listType == 'yangpinType4') {
|
|
|
- lists.yangPinLeiXingSi = that.list[e].name
|
|
|
- }
|
|
|
-
|
|
|
- //样品规格
|
|
|
- if (this.listType == 'specification1') {
|
|
|
- lists.yangPinGuiGe = that.list[e].name
|
|
|
- }
|
|
|
- if (this.listType == 'specification2') {
|
|
|
- lists.yangPinGuiGeEr = that.list[e].name
|
|
|
- }
|
|
|
- if (this.listType == 'specification3') {
|
|
|
- lists.yangPinGuiGeSan = that.list[e].name
|
|
|
- }
|
|
|
- if (this.listType == 'specification4') {
|
|
|
- lists.yangPinGuiGeSi = that.list[e].name
|
|
|
+ switch (this.listType) {
|
|
|
+ case 'yangpinType1':
|
|
|
+ lists.yangPinLeiXing = that.list[e].name
|
|
|
+ break
|
|
|
+ case 'yangpinType2':
|
|
|
+ lists.yangPinLeiXingEr = that.list[e].name
|
|
|
+ break
|
|
|
+ case 'yangpinType3':
|
|
|
+ lists.yangPinLeiXingSan = that.list[e].name
|
|
|
+ break
|
|
|
+ case 'yangpinType4':
|
|
|
+ lists.yangPinLeiXingSi = that.list[e].name
|
|
|
+ break
|
|
|
+ case 'specification1':
|
|
|
+ lists.yangPinGuiGe = that.list[e].name
|
|
|
+ break
|
|
|
+ case 'specification2':
|
|
|
+ lists.yangPinGuiGeEr = that.list[e].name
|
|
|
+ break
|
|
|
+ case 'specification3':
|
|
|
+ lists.yangPinGuiGeSan = that.list[e].name
|
|
|
+ break
|
|
|
+ case 'specification4':
|
|
|
+ lists.yangPinGuiGeSi = that.list[e].name
|
|
|
+ break
|
|
|
+ case 'jianCeType':
|
|
|
+ lists.jianCeType = that.list[e].name
|
|
|
+ this.$refs['picker'].hide();
|
|
|
+ this.show = true
|
|
|
+ break
|
|
|
}
|
|
|
+ },
|
|
|
+ jianCeClick() {
|
|
|
+ this.show = false
|
|
|
+ this.sheetClick('jianCeType', '检测类型')
|
|
|
}
|
|
|
},
|
|
|
onReady() {
|
|
|
@@ -830,4 +852,117 @@
|
|
|
// overflow: hidden;
|
|
|
// text-overflow: ellipsis;
|
|
|
// }
|
|
|
+
|
|
|
+
|
|
|
+ .scroll {
|
|
|
+ width: 100%;
|
|
|
+ height: calc(100% - 35px);
|
|
|
+ margin: 5px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .l-address-list {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .l-item {
|
|
|
+ margin: 0px auto 10px;
|
|
|
+ background-color: #f1f1f1;
|
|
|
+ border-radius: 5px;
|
|
|
+ padding: 5px 0;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .l-radio {
|
|
|
+ display: inline-block;
|
|
|
+ width: 16px;
|
|
|
+ height: 16px;
|
|
|
+ position: relative;
|
|
|
+ margin: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .l-radio .l-radio-outer {
|
|
|
+ position: absolute;
|
|
|
+ display: block;
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ border: 1px solid #e5e5e5;
|
|
|
+ border-radius: 50%;
|
|
|
+ background-color: #ffffff;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+
|
|
|
+ .l-radio .l-radio-checked {
|
|
|
+ background-color: #ffbb1b;
|
|
|
+ }
|
|
|
+
|
|
|
+ .l-radio .l-radio-inner {
|
|
|
+ position: absolute;
|
|
|
+ top: 7px;
|
|
|
+ left: 7px;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background-color: #ffffff;
|
|
|
+ border-radius: 50%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .l-info {
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .l-address-desc {
|
|
|
+ font-size: 14px;
|
|
|
+ display: block;
|
|
|
+ padding: 2px 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .l-userinfo {
|
|
|
+ padding: 2px 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .l-userinfo text {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #666666;
|
|
|
+ }
|
|
|
+
|
|
|
+ .l-user-tel {
|
|
|
+ padding: 0 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .jianCeTypeTop {
|
|
|
+ position: fixed;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ background-color: #FFFFFF;
|
|
|
+ z-index: 1300;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .closeClass {
|
|
|
+ color: rgb(41, 121, 255);
|
|
|
+ width: 170rpx;
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+
|
|
|
+ .jianCeTypeLeft {
|
|
|
+ color: #01a39e;
|
|
|
+ width: 170rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .jianceCenter {
|
|
|
+ display: inline-block;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .jianCeTypeContent {
|
|
|
+ position: relative;
|
|
|
+ top: 50rpx;
|
|
|
+ }
|
|
|
</style>
|