lh-mobile/pages/jiance/list/specimen.vue

<template>
	<view class="bgColor">
		<cu-custom bgColor="bg-luohu" :isBack="true">
			<block slot="backText">返回</block>
			<block slot="content">样品确定</block>
		</cu-custom>
		<view class="m-30 m-t-0 p-b-50">
			<u-form :model="form" ref="uForm" label-width="210" :error-type="errorType">
				<u-form-item label="样品名称" prop="yang_pin_ming_che" required>
					<u-input v-model="form.yang_pin_ming_che" />
				</u-form-item>
				<u-form-item label="样品编号">
					<u-input v-model="form.yang_pin_bian_hao" disabled />
				</u-form-item>
				<u-form-item label="姓名">
					<u-input v-model="form.xing_ming_" />
				</u-form-item>
				<u-form-item label="性别">
					<!-- <u-radio-group v-model="form.xing_bie_">
						<u-radio v-for="(it, index) in sexList" :key="index" :name="it.name">
							{{it.name}}
						</u-radio>
					</u-radio-group> -->
					<uni-data-select placeholder="请选择性别" v-model="form.xing_bie_" :localdata="sexList">
					</uni-data-select>
				</u-form-item>
				<u-form-item label="年龄">
					<u-input type="number" v-model="form.nian_ling_" />
				</u-form-item>
				<u-form-item label="送检批号/编号" prop="song_jian_pi_hao_" required>
					<u-input v-model="form.song_jian_pi_hao_" />
				</u-form-item>

				<u-form-item label="样本状态" prop="yang_pin_zhuang_t" required>
					<u-input v-model="form.yang_pin_zhuang_t" />
					<u-button slot="right" type="success" size="mini" @click="sheetClick('state')">选择
					</u-button>
				</u-form-item>
				<u-form-item label="送检时间" prop="song_jian_shi_jia" required>
					<u-input type="select" v-model="form.song_jian_shi_jia" @click="dateClick('inspect')" />
				</u-form-item>
				<view class="qingshe">
					<view class="qingTitle">
						若需做培养基灵敏度检测请在此备注
					</view>
				</view>
				<u-form-item label="备注">
					<u-input placeholder="请输入备注" v-model="form.bei_zhu_1_" />
				</u-form-item>
				<view v-if="jianCeListShow">
					<view class="qingshe" style="background-color: #99cc66;margin-bottom: 20rpx;">
						<view class="qingTitle" style="color: #FFFFFF;">
							常规项目
						</view>
					</view>
					<view style="width: 100%;">
						<view v-for="(it, x) in jianCeList" :key="x" @click="getJianXiangData(it)">
							<view class="jiancexiangm">
								<view>
									{{it.lei_bie_ || ''}}-{{it.jian_ce_xiang_mu_ || ''}}[{{it.xiang_mu_dan_jia_ || '0'}}元]
								</view>
								<view>{{it.yi_ju_de_biao_zhu || ''}}</view>
								<!-- <view>报告周期（工作日）:{{it.bao_gao_zhou_qi_g || '0'}}天</view> -->
							</view>
						</view>
					</view>
				</view>
				<view v-if="taoCanShow">
					<view class="qingshe" style="background-color: #99cc66;margin-bottom: 20rpx;">
						<view class="qingTitle" style="color: #FFFFFF;">
							套餐
						</view>
					</view>
					<view class="btnBox">
						<u-tag class="btnSin" size="default" :text="it.tao_can_ming_chen" v-for="(it, x) in taoCanList" :key="x" />
					</view>
					<view>
						<view>
							<view v-for="(it, x) in taoCanXiangMuList" :key="x" @click="getJianXiangData(it)">
								<view class="jiancexiangm">
									<view>
										{{it.jian_ce_lei_bie_ || ''}}-{{it.jian_ce_xiang_mu_ || ''}}
										<text style="color: red;">[{{it.zhe_hou_jia_ge_ || '0'}}元]</text>
									</view>
									<view>{{it.yi_ju_de_biao_zhu || ''}}</view>
								</view>
							</view>
						</view>
					</view>
				</view>

				<view class="qingshe" @click="showBoolean1 = !showBoolean1">
					<view>
						①
					</view>
					<view>
						<u-icon name="arrow-up" v-if="showBoolean1"></u-icon>
						<u-icon name="arrow-down" v-else></u-icon>
					</view>
				</view>
				<block v-if="showBoolean1">
					<u-form-item label="样本类型①" required>
						<u-input v-model="form.yang_pin_lei_xing" />
						<u-button slot="right" type="success" size="mini" @click="sheetClick('yangpinType1','样本类型')">选择
						</u-button>
					</u-form-item>
					<u-form-item label="样本运输条件①" required>
						<u-input v-model="form.yang_ben_yun_shu_" />
						<u-button slot="right" type="success" size="mini" @click="sheetClick('transportType1')">选择
						</u-button>
					</u-form-item>
					<u-form-item label="数量①" required>
						<uni-number-box v-model="form.shu_liang_"></uni-number-box>
					</u-form-item>
					<u-form-item label="样品规格①" required>
						<u-input v-model="form.yang_pin_gui_ge_" />
						<u-button slot="right" type="success" size="mini" @click="sheetClick('specification1')">规格
						</u-button>
					</u-form-item>
				</block>


				<view class="qingshe" @click="showBoolean2 = !showBoolean2">
					<view>
						②
					</view>
					<view>
						<u-icon name="arrow-up" v-if="showBoolean3"></u-icon>
						<u-icon name="arrow-down" v-else></u-icon>
					</view>
				</view>
				<block v-if="showBoolean2">
					<u-form-item label="样本类型②" required>
						<u-input v-model="form.yang_pin_lei_er_" />
						<u-button slot="right" type="success" size="mini" @click="sheetClick('yangpinType2','样本类型')">选择
						</u-button>
					</u-form-item>
					<u-form-item label="样本运输条件②" required>
						<u-input v-model="form.yang_pin_yun_shu_" />
						<u-button slot="right" type="success" size="mini" @click="sheetClick('transportType2')">选择
						</u-button>
					</u-form-item>
					<u-form-item label="数量②" required>
						<uni-number-box v-model="form.shu_liang_er_"></uni-number-box>
					</u-form-item>
					<u-form-item label="样品规格②" required>
						<u-input v-model="form.yang_pin_gui_ge_e" />
						<u-button slot="right" type="success" size="mini" @click="sheetClick('specification2')">规格
						</u-button>
					</u-form-item>
				</block>


				<view class="qingshe" @click="showBoolean3 = !showBoolean3">
					<view>
						③
					</view>
					<view>
						<u-icon name="arrow-up" v-if="showBoolean3"></u-icon>
						<u-icon name="arrow-down" v-else></u-icon>
					</view>
				</view>
				<block v-if="showBoolean3">
					<u-form-item label="样本类型③" required>
						<u-input v-model="form.yang_pin_lei_san_" />
						<u-button slot="right" type="success" size="mini" @click="sheetClick('yangpinType3','样本类型')">选择
						</u-button>
					</u-form-item>
					<u-form-item label="样本运输条件③" required>
						<u-input v-model="form.yang_pin_yun_san" />
						<u-button slot="right" type="success" size="mini" @click="sheetClick('transportType3')">选择
						</u-button>
					</u-form-item>
					<u-form-item label="数量③" required>
						<uni-number-box v-model="form.shu_liang_san_"></uni-number-box>
					</u-form-item>
					<u-form-item label="样品规格③" required>
						<u-input v-model="form.yang_pin_gui_ge_s" />
						<u-button slot="right" type="success" size="mini" @click="sheetClick('specification3')">规格
						</u-button>
					</u-form-item>
				</block>


				<view class="qingshe" @click="showBoolean4 = !showBoolean4">
					<view>
						④
					</view>
					<view>
						<u-icon name="arrow-up" v-if="showBoolean4"></u-icon>
						<u-icon name="arrow-down" v-else></u-icon>
					</view>
				</view>
				<block v-if="showBoolean4">
					<u-form-item label="样本类型④" required>
						<u-input v-model="form.yang_pin_lei_si_" @click="sheetClick('yangpinType4')" />
						<u-button slot="right" type="success" size="mini" @click="sheetClick('yangpinType4','样本类型')">选择
						</u-button>
					</u-form-item>
					<u-form-item label="样本运输条件④" required>
						<u-input v-model="form.yang_pin_yun_si_" />
						<u-button slot="right" type="success" size="mini" @click="sheetClick('transportType4')">选择
						</u-button>
					</u-form-item>
					<u-form-item label="数量④" required>
						<uni-number-box v-model="form.shu_liang_si_"></uni-number-box>
					</u-form-item>
					<u-form-item label="样品规格④" required>
						<u-input v-model="form.yang_pin_gui_si_" />
						<u-button slot="right" type="success" size="mini" @click="sheetClick('specification4')">规格
						</u-button>
					</u-form-item>
					<u-form-item label="项目名称" v-if="mingChengShow">
						<u-input v-model="form.xiang_mu_ming_che" />
					</u-form-item>
				</block>
			</u-form>
			<u-button type="error" @click="getSave" class="u-m-t-50">提交</u-button>
		</view>

		<u-calendar v-model="dateShow" :mode="mode" max-date="2050-01-01" @change="dateChange"></u-calendar>
		<u-action-sheet :list="list" v-model="sheetShow" @click="actionSheetCallback"></u-action-sheet>


		<u-modal v-model="meassageShow" :show-cancel-button="true" :show-confirm-button="false" title="检测项目" @cancel="cancel">
			<view class="u-update-content">
				<rich-text :nodes="content"></rich-text>
			</view>
		</u-modal>

		<lin-popup ref="picker" :title="title" :list="list" @onConfirm="onConfirm"></lin-popup>

	</view>
</template>

<script>
	import test from './json/spe.json'
	import {
		ACCESS_TOKEN,
		USER_NAME,
		USER_INFO
	} from "@/common/util/constants"
	import order from '../order/test.json'
	import specimenBox from './js/specimenBox.js'
	import meth from '../order/meth'
	export default {
		data() {
			return {
				userid: '',
				id: '',
				weiTuoBianHao: '',
				form: {
					yang_pin_ming_che: '',
					yang_pin_bian_hao: '',
					xing_bie_: '',
					xing_ming_: '',
					nian_ling_: '',
					song_jian_pi_hao_: '',
					yang_pin_zhuang_t: '',
					song_jian_shi_jia: '',
					bei_zhu_1_: '',
					yang_pin_lei_xing: '',
					yang_ben_yun_shu_: '',
					shu_liang_: 0,
					yang_pin_gui_ge_: '',
					yang_pin_lei_er_: '',
					yang_pin_yun_shu_: '',
					yang_pin_gui_ge_e: '',
					shu_liang_er_: 0,
					yang_pin_gui_ge_s: '',
					shu_liang_san_: 0,
					yang_pin_yun_san: '',
					yang_pin_lei_san_: '',
					yang_pin_gui_si_: '',
					shu_liang_si_: 0,
					yang_pin_yun_si_: '',
					yang_pin_lei_si_: '',
					xiang_mu_ming_che: '',

					yang_pin_zong_shu: 0
				},
				showBoolean1: true,
				showBoolean2: false,
				showBoolean3: false,
				showBoolean4: false,
				jianCeList: [],
				//日期
				dateType: 'inspect',
				dateShow: false,
				mode: 'date',
				//下拉框
				sheetShow: false,
				list: [],

				//样本类型
				sampleTypeList: [],
				//样本状态
				sampleStateList: order.sampleState,
				//样本运输条件
				transportTypeList: test.transportType,
				//样本规格
				specificationList: [],
				//样品处理
				dispositionList: order.disposition,
				//性别
				sexList: order.sex,
				listType: '',

				mingChengShow: false,
				taoCanList: [],
				taoCanShow: false,
				taoCanXiangMuList: [],
				jianCeListShow: false,
				content: ``,
				meassageShow: false,
				title: '',
				content: null,
				errorType: ['toast'],
				rules: {
					yang_pin_ming_che: [{
						required: true,
						message: '请输入样品名称',
						trigger: 'blur',
					}],
					song_jian_pi_hao_: [{
						required: true,
						message: '请输入送检批号/编号',
						trigger: 'blur',
					}],
					yang_pin_zhuang_t: [{
						required: true,
						message: '请选择样本状态',
						trigger: 'blur',
					}],
					song_jian_shi_jia: [{
						required: true,
						message: '请选择送检时间',
						trigger: 'blur',
					}],
				}
			}
		},
		onLoad(option) {
			let info = uni.getStorageSync(USER_INFO);
			if (info.employee.id) {
				this.userid = info.employee.id || ''
			}
			if (option.id) {
				this.id = option.id
				this.getDe(option.id)
			}
			if (option.weiTuoBianHao) {
				this.weiTuoBianHao = option.weiTuoBianHao
				this.getLH(option.weiTuoBianHao)
			}
			this.getYpbzggb()
			this.getYplxb()
		},
		onReady() {
			this.$refs.uForm.setRules(this.rules);
		},
		methods: {
			//样品类型
			getYplxb() {
				let sql =
					`select lei_xing_ from t_yplxb order by create_time_ desc`
				let requestData = this.$sig(sql)
				this.$http.post("/ibps/business/v3/sys/universal/inputSqlSelectData", requestData).then(res => {
					if (res.data.state == 200) {
						const datas = res.data.variables.data
						if (datas.length > 0) {
							datas.forEach(item => {
								this.$set(item, 'name', item.lei_xing_)
							})
							this.sampleTypeList = datas
						}
					}
				})
			},
			//样品规格
			getYpbzggb() {
				let sql =
					`select yang_pin_gui_ge_ from t_ypbzggb order by create_time_ desc`
				let requestData = this.$sig(sql)
				this.$http.post("/ibps/business/v3/sys/universal/inputSqlSelectData", requestData).then(res => {
					if (res.data.state == 200) {
						const datas = res.data.variables.data
						if (datas.length > 0) {
							datas.forEach(item => {
								this.$set(item, 'name', item.yang_pin_gui_ge_)
							})
							this.specificationList = datas
						}
					}
				})
			},
			//样品详情
			getDe(id) {
				uni.showLoading({
					mask: true,
					title: '加载中'
				})
				let sql = `select  * from  t_lhypb  where id_ = '${id}'`
				let requestData = this.$sig(sql)
				this.$http.post("/ibps/business/v3/sys/universal/inputSqlSelectData", requestData).then(res => {
					if (res.data.state == 200) {
						let result = res.data.variables.data[0]
						this.form = specimenBox.getForm(result)

						if (result.jian_ce_xiang_mu_ && result.jian_ce_xiang_mu_ != '') {
							this.getJiangCeDe(result.jian_ce_xiang_mu_)
						}

						if (result.yang_pin_lei_xing != '') {
							this.showBoolean1 = true
						}
						if (result.yang_pin_lei_er_ != '') {
							this.showBoolean2 = true
						}
						if (result.yang_pin_lei_san_ != '') {
							this.showBoolean3 = true
						}
						if (result.yang_pin_lei_si_ != '') {
							this.showBoolean4 = true
						}

						if (result.xiang_mu_ming_che != '') {
							this.mingChengShow = true
						}

						this.getTaoCanList(result.xuan_ze_tao_can_)
						this.taoCanChange(result.tao_can_zi_biao_i)

						uni.hideLoading()
					} else {
						uni.hideLoading()
					}
				})
			},
			getLH(weiTuoBianHao) {
				let sql =
					`select * from t_mjsjdzcb where wei_tuo_dan_hao_ = '${weiTuoBianHao}' order by create_time_ desc`
				let requestData = this.$sig(sql)
				this.$http.post("/ibps/business/v3/sys/universal/inputSqlSelectData", requestData).then(res => {
					if (res.data.state == 200) {
						const datas = res.data.variables.data
						if (datas.length > 0) {
							let result = datas[0]
							this.content = JSON.parse(result.bao_cun_nei_rong_)
						}
					}
				})
			},
			//查询检测项目
			getJiangCeDe(id) {
				let sql = `select * from t_mjjcnlfw where FIND_IN_SET(id_,'${id}')`

				let requestData = this.$sig(sql)

				this.$http.post("/ibps/business/v3/sys/universal/inputSqlSelectData", requestData).then(res => {
					if (res.data.state == 200) {
						let result = res.data.variables.data
						if (result.length > 0) {
							this.jianCeListShow = true
							this.jianCeList = result
						} else {
							this.jianCeListShow = false
							this.jianCeList = []
						}

					}
				})
			},
			//根据合同查询套餐
			getTaoCanList(id) {
				let sql =
					`select  * from  t_jctc  where FIND_IN_SET(id_,'${id}')`

				let requestData = this.$sig(sql)
				this.$http.post("/ibps/business/v3/sys/universal/inputSqlSelectData", requestData).then(res => {
					if (res.data.state == 200) {
						const datas = res.data.variables.data
						if (datas.length > 0) {
							this.taoCanShow = true
							this.taoCanList = datas
						} else {
							this.taoCanShow = false
							this.taoCanList = []
						}
					}
				})
			},
			//根据套餐查询套餐项目
			taoCanChange(i) {
				let sql =
					`select tm.*,tt.zhe_hou_jia_ge_,tt.tao_can_zhu_jian_,tt.id_ as tczbId from t_mjjcnlfw  tm,t_httcb tt where tm.id_ = tt.jian_ce_xiang_mu_ and  FIND_IN_SET(tt.id_,'${i}')`
				let requestData = this.$sig(sql)
				this.$http.post("/ibps/business/v3/sys/universal/inputSqlSelectData", requestData).then(res => {
					if (res.data.state == 200) {
						const datas = res.data.variables.data
						this.taoCanXiangMuList = datas
					}
				})
			},
			//修改样品
			getSave() {
				this.form.update_by_ = this.userid
				this.form.update_time_ = meth.time(19)
				this.form.yang_pin_zong_shu = parseInt(this.form.shu_liang_si_) + parseInt(this.form.shu_liang_san_) +
					parseInt(this.form.shu_liang_er_) + parseInt(this.form.shu_liang_)
				let lHData = specimenBox.getLHBataToast(this.form, this.showBoolean1, this.showBoolean2, this
					.showBoolean3, this.showBoolean4)
				if (!lHData) {
					return
				}

				if (this.form.shu_liang_ == 0) {
					this.form.shu_liang_ = ''
				}
				if (this.form.shu_liang_er_ == 0) {
					this.form.shu_liang_er_ = ''
				}
				if (this.form.shu_liang_san_ == 0) {
					this.form.shu_liang_san_ = ''
				}
				if (this.form.shu_liang_si_ == 0) {
					this.form.shu_liang_si_ = ''
				}
				// let lHData = null
				// if (this.weiTuoBianHao && this.content) {
				// 	lHData = specimenBox.getLHBata(this.content, this.form, this.showBoolean1, this.showBoolean2, this
				// 		.showBoolean3, this.showBoolean4)
				// }
				let pp = {
					paramWhere: [{
						id_: this.id
					}],
					tableName: "t_lhypb",
					paramCond: this.form
				}
				let data = this.$sig(pp)

				this.$refs.uForm.validate(valid => {
					if (valid && lHData) {
						this.$http.post("ibps/business/v3/sys/universal/updateDatasContextTable", data).then(res => {
							if (res.data.state == 200) {
								// if (this.weiTuoBianHao && lHData) {
								// 	this.getLiuHen(lHData)
								// }
								uni.navigateBack({
									delta: 1
								})
								this.$tip.success('提交成功!')
							} else {
								uni.showToast({
									title: '提交失败',
									icon: 'fail',
									duration: 2000
								})
							}
						});
					}
				})

			},
			//数据留痕
			getLiuHen(form) {
				let dataContent = JSON.stringify(form)
				let list = []
				let obj = {
					wei_tuo_dan_hao_: this.weiTuoBianHao,
					bao_cun_nei_rong_: dataContent,
					dui_ying_shu_ju_b: 't_lhwtblh',
					bao_cun_biao_ti_: '委托单留痕,样品修改',
					zhuang_tai_: '留痕',
					bian_zhi_shi_jian: meth.time(19),
					bian_zhi_ren_: this.userid
				}
				list.push(obj)
				const params2 = {
					tableName: 't_mjsjdzcb',
					paramWhere: list
				}
				let data = this.$sig(params2)
				this.$http.post("ibps/business/v3/sys/universal/addDataContextTable", data).then(res => {
					if (res.data.state == 200) {}
				});
			},

			sheetClick(type) {
				this.listType = type
				if (type == 'state') {
					this.list = this.sampleStateList
				}
				//1
				if (type.includes('yangpinType')) {
					this.list = this.sampleTypeList
				}
				if (type.includes('transportType')) {
					this.list = this.transportTypeList
				}
				if (type.includes('specification')) {
					this.list = this.specificationList
				}
				if (type == 'disposition') {
					this.list = this.dispositionList
				}

				if (type == 'jianCeType') {
					this.list = this.jianCeTypeList
				}

				if (type.includes('specification') || type.includes('yangpinType')) {
					this.$refs['picker'].show();
				} else {
					this.sheetShow = true
				}
			},
			dateClick() {
				this.dateShow = true
			},
			//日期回调
			dateChange(e) {
				if (this.type == 'inspect') {
					this.form.song_jian_shi_jia = e.result
				}
			},
			//下拉框回调
			actionSheetCallback(e) {
				let that = this
				let lists = that.form
				switch (this.listType) {
					case 'state':
						lists.yang_pin_zhuang_t = this.list[e].text
						break
					case 'transportType1':
						lists.yang_ben_yun_shu_ = that.list[e].text
						break
					case 'transportType2':
						lists.yang_pin_yun_shu_ = that.list[e].text
						break
					case 'transportType3':
						lists.yang_pin_yun_san = that.list[e].text
						break
					case 'transportType4':
						lists.yang_pin_yun_si_ = that.list[e].text
						break
					case 'disposition':
						this.form.yangBenChuLi = this.list[e].text
						break
				}
			},
			onConfirm(e) {
				let that = this
				let lists = that.form
				switch (this.listType) {
					case 'yangpinType1':
						lists.yang_pin_lei_xing = that.list[e].name
						break
					case 'yangpinType2':
						lists.yang_pin_lei_er_ = that.list[e].name
						break
					case 'yangpinType3':
						lists.yang_pin_lei_san_ = that.list[e].name
						break
					case 'yangpinType4':
						lists.yang_pin_lei_si_ = that.list[e].name
						break
					case 'specification1':
						lists.yang_pin_gui_ge_ = that.list[e].name
						break
					case 'specification2':
						lists.yang_pin_gui_ge_e = that.list[e].name
						break
					case 'specification3':
						lists.yang_pin_gui_ge_s = that.list[e].name
						break
					case 'specification4':
						lists.yang_pin_gui_si_ = that.list[e].name
						break
				}
			},
			//检测详情弹出框
			getJianXiangData(item) {
				let content = `
					1. 检测项目编号：${item.xiang_mu_bian_hao}<br>
					2. 检测项目名称：${item.jian_ce_xiang_mu_}<br>
					3. 检测类别：${item.jian_ce_lei_bie_}<br>
					4. 操作规程：${item.yi_ju_de_biao_zhu}<br>
					5. 送样要求：${item.yang_pin_tiao_jia}<br>
					6. 报告周期（工作日）：${item.bao_gao_zhou_qi_g}<br>
					7. 价格：${item.zhe_hou_jia_ge_ || 0}元<br>
				`
				this.content = content
				this.meassageShow = true
			},
			cancel() {
				this.meassageShow = false
			}
		}
	}
</script>

<style lang="scss" scoped>
	.bgColor {
		background-color: #FFFFFF;
		height: auto;
	}

	.qingshe {
		background-color: #f0f9eb;
		color: #67c23a;
		padding: 15rpx 20rpx;
		border-radius: 8rpx;

		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 25rpx;
	}

	.jiancexiangm {
		padding: 10rpx 30rpx;
		// width: 100%;
		padding: 20rpx;
		margin-bottom: 20rpx;
		background-color: #f1f1f1;
		border-radius: 8rpx;
		color: $u-content-color;
		line-height: 1.7;

		view {
			line-height: 30rpx;
		}
	}

	.btnBox {
		display: flex;
		flex-wrap: wrap;

		.btnSin {
			margin: 10rpx 5rpx;
		}
	}

	.u-full-content {
		background-color: #00C777;
	}

	.u-update-content {
		font-size: 26rpx;
		color: $u-content-color;
		line-height: 1.7;
		padding: 30rpx;
	}
</style>