lh-mobile/pages/jiance/order/lhypbMessage.vue

<template>
	<view>
		<view class="u-m-20">
			<u-form :model="form" ref="uForm" label-width="220" :error-type="errorType">
				<u-form-item label="样品名称" prop="yangPinMingCheng" required>
					<u-input placeholder="请输入样品名称" v-model="form.yangPinMingCheng" :disabled="type == 'detail'?true :false" />
				</u-form-item>
				<u-form-item label="样品编号">
					<u-input placeholder="请输入样品编号" v-model="form.yangPinBianHao" disabled />
				</u-form-item>
				<u-form-item label="姓名">
					<u-input placeholder="请输入姓名" v-model="form.xingMing" :disabled="type == 'detail'?true :false" />
				</u-form-item>
				<u-form-item label="性别">
					<uni-data-select placeholder="请选择性别" v-model="form.xingBie" :localdata="sexList" v-if="type != 'detail'">
					</uni-data-select>
					<!-- <u-radio-group v-model="form.xingBie" v-if="type != 'detail'">
						<u-radio v-for="(it, index) in sexList" :key="index" :name="it.name">
							{{it.name}}
						</u-radio>
					</u-radio-group> -->
					<text v-else>{{form.xingBie}}</text>
				</u-form-item>
				<u-form-item label="年龄">
					<u-input placeholder="请输入年龄" v-model="form.nianLing" :disabled="type == 'detail'?true :false" />
				</u-form-item>
				<u-form-item label="送检批号/编号" prop="songJianPiHao" required>
					<u-input placeholder="请输入送检批号/编号" v-model="form.songJianPiHao" :disabled="type == 'detail'?true :false" />
				</u-form-item>
				<u-form-item label="样本状态" prop="yangPinZhuangTai" required>
					<u-input placeholder="请选择样本状态" v-model="form.yangPinZhuangTai" :disabled="type == 'detail'?true :false" />
					<u-button type="success" slot="right" class="btn-back-color" size="mini" @click="sheetClick('state')" v-if="type != 'detail'">选择
					</u-button>
				</u-form-item>
				<u-form-item label="送检时间" prop="songJianShiJian" required>
					<u-input placeholder="请选择送检时间" v-model="form.songJianShiJian" disabled />
					<u-button type="success" slot="right" class="btn-back-color" size="mini" @click="dateClick('inspect')" v-if="type != 'detail'">选择
					</u-button>
				</u-form-item>
				<view class="qingshe">
					<view class="qingTitle">
						若需做培养基灵敏度检测请在此备注
					</view>
				</view>
				<u-form-item label="备注">
					<u-input placeholder="请输入备注" v-model="form.beiZhu1" :disabled="type == 'detail'?true :false" />
				</u-form-item>

				<view class="qingshe">
					<view class="qingTitle">
						常规项目选择
					</view>
				</view>
				<u-form-item label="项目编号搜索" v-if="type != 'detail'">
					<u-input placeholder="请输入项目编号搜索" v-model="form.search" />
				</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" inputStyle="" selectStyle="" overflow="hide" @getBackVal="checkBoxChange">
					</lin-select>

				</u-form-item>

				<view v-if="false">
					<uni-data-checkbox v-model="form.jianCeType" multiple :localdata="jianCeTypeList" @change="checkBoxChange">
					</uni-data-checkbox>
				</view>

				<u-form-item label="检测项目" prop="name">
					<div style="display: flex;justify-content: flex-end;" @click="jianCeShow = !jianCeShow">
						<!-- <checkbox :checked="checked" style="margin-right: 15rpx;" @click="checkedChange" />全选 -->
						<u-icon name="arrow-up" color="#999" v-if="jianCeShow">
						</u-icon>
						<u-icon name="arrow-down" color="#999" v-else></u-icon>
					</div>
				</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)" />
									</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>
										<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>
										<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>
				</view>


				<view class="qingshe" v-if="taoCanShow">
					<view class="qingTitle">
						套餐选择
					</view>
				</view>

				<u-form-item label="选择套餐" prop="name" label-position="top" v-if="taoCanShow">
					<view class="btnBox" v-if="type != 'detail'">
						<u-button class="btnSin" size="mini" :type="it.checked ? 'success':''" v-for="(it, x) in form.taoCanList" :key="x" @click="changeTaoCanIndex(it,x,it.checked)">
							{{it.tao_can_ming_chen}}
						</u-button>
					</view>
					<view class="btnBox" v-else>
						<u-tag class="btnSin" size="default" v-for="(it, x) in form.taoCanList" v-if="it.checked" :text="it.tao_can_ming_chen" :key="x" />
					</view>
				</u-form-item>

				<u-form-item label="套餐项目" prop="name" v-if="taoCanShow">
					<div style="display: flex;justify-content: flex-end;" @click="taoCanXiangMuShow = !taoCanXiangMuShow">
						<u-icon name="arrow-up" v-if="taoCanXiangMuShow"></u-icon>
						<u-icon name="arrow-down" v-else></u-icon>
					</div>
				</u-form-item>

				<view v-if="taoCanXiangMuShow && form.taoCanXiangMuList && form.taoCanXiangMuList.length > 0">
					<view style="padding: 0 20rpx;">
						<view v-for="(it, x) in form.taoCanXiangMuList" :key="x" @click.stop="getSty(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 class="qingshe" @click="form.showBoolean1 = !form.showBoolean1">
					<view>
						①
					</view>
					<view>
						<u-icon name="arrow-up" v-if="form.showBoolean1"></u-icon>
						<u-icon name="arrow-down" v-else></u-icon>
					</view>
				</view>
				<block v-if="form.showBoolean1">
					<u-form-item label="样品类型①" required>
						<u-input placeholder="请选择样品类型①" v-model="form.yangPinLeiXing" :disabled="type == 'detail'?true :false" />
						<u-button type="success" slot="right" class="btn-back-color" size="mini" @click="sheetClick('yangpinType1','样品类型')" v-if="type != 'detail'">选择
						</u-button>
					</u-form-item>
					<u-form-item label="样品运输条件①" required>
						<u-input placeholder="请选择样品运输条件①" v-model="form.yangBenYunShuTiao" :disabled="type == 'detail'?true :false" />
						<u-button type="success" slot="right" class="btn-back-color" size="mini" @click="sheetClick('transportType1')" v-if="type != 'detail'">选择
						</u-button>
					</u-form-item>
					<u-form-item label="样品数量①" required>
						<uni-number-box v-model="form.shuLiang" v-if="type != 'detail'"></uni-number-box>
						<text v-else>{{form.shuLiang}}</text>
					</u-form-item>
					<u-form-item label="样品规格①" required>
						<u-input placeholder="请输入样品规格①" v-model="form.yangPinGuiGe" :disabled="type == 'detail'?true :false" />
						<u-button slot="right" type="success" class="btn-back-color" size="mini" @click="sheetClick('specification1','样品规格')" v-if="type != 'detail'">规格
						</u-button>
					</u-form-item>
				</block>

				<view v-if="(type == 'detail' && (form.yangPinLeiXingEr || form.yangPinYunShuTiao || form.shuLiangEr > 0 || form.yangPinGuiGeEr)) || type != 'detail'">
					<view class="qingshe" @click="form.showBoolean2 = !form.showBoolean2">
						<view>
							②
						</view>
						<view>
							<u-icon name="arrow-up" v-if="form.showBoolean2"></u-icon>
							<u-icon name="arrow-down" v-else></u-icon>
						</view>
					</view>
					<block v-if="form.showBoolean2">
						<u-form-item label="样品类型②" required>
							<u-input placeholder="请选择样品类型②" v-model="form.yangPinLeiXingEr" :disabled="type == 'detail'?true :false" />
							<u-button type="success" slot="right" class="btn-back-color" size="mini" @click="sheetClick('yangpinType2','样品类型')" v-if="type != 'detail'">选择
							</u-button>
						</u-form-item>
						<u-form-item label="样品运输条件②" required>
							<u-input placeholder="请选择样品运输条件②" v-model="form.yangPinYunShuTiao" :disabled="type == 'detail'?true :false" />
							<u-button type="success" slot="right" class="btn-back-color" size="mini" @click="sheetClick('transportType2')" v-if="type != 'detail'">选择
							</u-button>
						</u-form-item>
						<u-form-item label="样品数量②" required>
							<uni-number-box v-model="form.shuLiangEr" v-if="type != 'detail'"></uni-number-box>
							<text v-else>{{form.shuLiangEr}}</text>
						</u-form-item>
						<u-form-item label="样品规格②" required>
							<u-input placeholder="请输入样品规格②" v-model="form.yangPinGuiGeEr" :disabled="type == 'detail'?true :false" />
							<u-button slot="right" type="success" class="btn-back-color" size="mini" @click="sheetClick('specification2','样品规格')" v-if="type != 'detail'">规格
							</u-button>
						</u-form-item>
					</block>
				</view>

				<view v-if="(type == 'detail' && (form.yangPinLeiXingSan || form.yangPinYunShuSan || form.shuLiangSan > 0 || form.yangPinGuiGeSan)) || type != 'detail'">
					<view class="qingshe" @click="form.showBoolean3 = !form.showBoolean3">
						<view>
							③
						</view>
						<view>
							<u-icon name="arrow-up" v-if="form.showBoolean3"></u-icon>
							<u-icon name="arrow-down" v-else></u-icon>
						</view>
					</view>
					<block v-if="form.showBoolean3">
						<u-form-item label="样品类型③" required>
							<u-input placeholder="请选择样品类型③" v-model="form.yangPinLeiXingSan" :disabled="type == 'detail'?true :false" />
							<u-button type="success" slot="right" class="btn-back-color" size="mini" @click="sheetClick('yangpinType3','样品类型')" v-if="type != 'detail'">选择
							</u-button>
						</u-form-item>
						<u-form-item label="样品运输条件③" required>
							<u-input placeholder="请选择样品运输条件③" v-model="form.yangPinYunShuSan" :disabled="type == 'detail'?true :false" />
							<u-button type="success" slot="right" class="btn-back-color" size="mini" @click="sheetClick('transportType3')" v-if="type != 'detail'">选择
							</u-button>
						</u-form-item>
						<u-form-item label="样品数量③" required>
							<uni-number-box v-model="form.shuLiangSan" v-if="type != 'detail'"></uni-number-box>
							<text v-else>{{form.shuLiangSan}}</text>
						</u-form-item>
						<u-form-item label="样品规格③" required>
							<u-input placeholder="请输入样品规格③" v-model="form.yangPinGuiGeSan" :disabled="type == 'detail'?true :false" />
							<u-button slot="right" type="success" class="btn-back-color" size="mini" @click="sheetClick('specification3','样品规格')" v-if="type != 'detail'">规格
							</u-button>
						</u-form-item>
					</block>
				</view>

				<view v-if="(type == 'detail' && (form.yangPinLeiXingSi || form.yangPinYunShuSi || form.shuLiangSi > 0 || form.yangPinGuiGeSi)) || type != 'detail'">
					<view class="qingshe" @click="form.showBoolean4 = !form.showBoolean4">
						<view>
							④
						</view>
						<view>
							<u-icon name="arrow-up" v-if="form.showBoolean4"></u-icon>
							<u-icon name="arrow-down" v-else></u-icon>
						</view>
					</view>
					<block v-if="form.showBoolean4">
						<u-form-item label="样品类型④" required>
							<u-input placeholder="请选择样品类型④" v-model="form.yangPinLeiXingSi" :disabled="type == 'detail'?true :false" />
							<u-button type="success" slot="right" class="btn-back-color" size="mini" @click="sheetClick('yangpinType4','样品类型')" v-if="type != 'detail'">选择
							</u-button>
						</u-form-item>
						<u-form-item label="样品运输条件④" required>
							<u-input placeholder="请选择样品运输条件④" v-model="form.yangPinYunShuSi" :disabled="type == 'detail'?true :false" />
							<u-button type="success" slot="right" class="btn-back-color" size="mini" @click="sheetClick('transportType4')" v-if="type != 'detail'">选择
							</u-button>
						</u-form-item>
						<u-form-item label="样品数量④" required>
							<uni-number-box v-model="form.shuLiangSi" v-if="type != 'detail'"></uni-number-box>
							<text v-else>{{form.shuLiangSi}}</text>
						</u-form-item>
						<u-form-item label="样品规格④" required>
							<u-input placeholder="请输入样品规格④" v-model="form.yangPinGuiGeSi" :disabled="type == 'detail'?true :false" />
							<u-button slot="right" type="success" class="btn-back-color" size="mini" @click="sheetClick('specification4','样品规格')" v-if="type != 'detail'">规格
							</u-button>
						</u-form-item>
					</block>
				</view>

				<u-form-item label="项目名称" prop="xiangMuMingCheng" v-if="form.mingChengShow">
					<u-input placeholder="请输入项目名称" v-model="form.xiangMuMingCheng" :disabled="type == 'detail'?true :false" />
				</u-form-item>
				<u-form-item label="样品总价" prop="yangPinZongJia">
					<u-input v-model="form.yangPinZongJia" disabled />
				</u-form-item>
			</u-form>
			<view style="height: 110rpx;" v-if="itemType"></view>

			<view class="btnBottom" v-if="itemType">
				<u-row>
					<u-col span="6">
						<u-button type="success" class="btn green-back-color" @click="deletSing">取消
						</u-button>
					</u-col>
					<u-col span="6">
						<u-button type="success" class="btn btn-back-color" @click="sumbitSing">保存
						</u-button>
					</u-col>
				</u-row>
			</view>
		</view>

		<u-action-sheet :list="list" v-model="sheetShow" @click="actionSheetCallback" z-index="2000">
		</u-action-sheet>
		<u-select v-model="selectShow" :list="list" @confirm="selectConfirm"></u-select>
		<u-calendar v-model="dateShow" :mode="mode" max-date="2050-01-01" @change="dateChange"></u-calendar>

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

	</view>
</template>

<script>
	import order from './test.json'
	import linSelect from '@/components/lin-select/lin-select.vue'
	import meth from './meth.js'
	export default {
		components: {
			linSelect
		},
		props: {
			jianCeTypeList: {
				type: Array,
				default: () => {
					return []
				}
			},
			taoCanShow: {
				type: Boolean,
				default: true
			},
			heTongId: {
				type: String,
				default: ''
			},
			item: {
				type: Object,
				default: function() {
					return {};
				}
			},
			itemType: {
				type: Boolean,
				default: true
			},
			type: {
				type: String,
				default: 'add'
			},
			chuJuBaoGaoYaoQiu: {
				type: String,
				default: '常规'
			},
		},
		data() {
			return {
				jianCeShow: true,
				taoCanXiangMuShow: true,
				checked: false,
				errorType: ['toast'],
				form: this.item,
				//样本状态
				sampleStateList: order.sampleState,
				sexList: order.sex,
				//样本类型
				sampleTypeList: [],
				//样本运输条件
				transportTypeList: order.transportType,
				//样本规格
				// specificationList: order.specification,
				specificationList: [],
				validList: order.validList,
				list: [],
				listType: '',
				sheetShow: false,
				selectShow: false,
				dateShow: false,
				mode: 'date',
				rules: {
					yangPinMingCheng: [{
						required: true,
						message: '请输入样品名称',
						trigger: 'blur',
					}],
					songJianPiHao: [{
						required: true,
						message: '请输入送检批号/编号',
						trigger: 'blur',
					}],
					yangPinZhuangTai: [{
						required: true,
						message: '请输入样本状态',
						trigger: 'blur',
					}],
					songJianShiJian: [{
						required: true,
						message: '请输入送检时间',
						trigger: 'blur',
					}],
				},
				title: ''
			}
		},
		created() {
			this.getYpbzggb()
			this.getYplxb()
		},

		methods: {
			//获取初始化数据，在添加使用
			getInit(data) {
				this.form = JSON.parse(JSON.stringify(data))
			},
			//样品类型
			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
						}
					}
				})
			},
			//委托项目 点击事件
			changeIndex(it, x) {
				let taoCanXiangMuList = this.form.taoCanXiangMuList
				if (taoCanXiangMuList.length > 0 && !it.checked) {
					//判断是否与套餐项目相同
					let showData = taoCanXiangMuList.findIndex(item => item.id_ == it.id_)
					if (showData >= 0) {
						uni.showToast({
							title: it.xiang_mu_bian_hao + '项目与套餐项目相同',
							icon: 'none',
							duration: 1000
						})
					}
				}


				let itemData = this.form
				this.form.jianCeList[x].checked = !this.form.jianCeList[x].checked

				let show = itemData.jianCeList.some(item => (item.id_ == '1039826037036285952' || item.id_ ==
					'1040205909151711232') && item.checked)

				if (show) {
					itemData.mingChengShow = true
				} else {
					itemData.xiangMuMingCheng = ''
					itemData.mingChengShow = false
				}
				this.getTotal()
			},
			//套餐添加事件
			changeTaoCanIndex(it, x, checked) {
				let itemData = this.form

				//checked 判断套餐是否被选中
				if (!checked) {
					let itList = it.xuan_ze_jian_ce_x.split(',')
					let arr = itemData.taoCanXiangMuList.map(item => item.id_)
					//判断现选的套餐跟已选套餐是否有相同的
					var cList = itList.filter((item) => arr.some((ite) => ite === item))
					if (cList.length > 0) {
						uni.showToast({
							title: it.tao_can_ming_chen + '与其他套餐的检测项目相同，请选择其他套餐',
							icon: 'none',
							duration: 2000
						})
						return
					}
				} else {
					itemData.taoCanXiangMuList = itemData.taoCanXiangMuList.filter(item => item.tao_can_zhu_jian_ !== it
						.id_)
				}
				this.form.taoCanList[x].checked = !this.form.taoCanList[x].checked

				if (!checked) {
					this.taoCanChange(it.id_)
				} else {
					this.getTotal()
				}
			},
			//计算检测项目和套餐价格
			getTotal() {
				var itemTotal = 0
				this.form.jianCeList.forEach((it, x) => {
					if (it.checked) {
						itemTotal += parseFloat(it.zhe_hou_jia_ge_ || 0)
					}
				})
				this.form.taoCanXiangMuList.forEach((it, x) => {
					itemTotal += parseFloat(it.zhe_hou_jia_ge_ || 0)
				})

				if (this.chuJuBaoGaoYaoQiu == '加急') {
					itemTotal = itemTotal * 1.2
				} else if (this.chuJuBaoGaoYaoQiu == '特急') {
					itemTotal = itemTotal * 1.5
				} else {
					itemTotal = itemTotal
				}

				this.form.yangPinZongJia = (itemTotal).toFixed(2)

				if (!this.itemType) {
					this.$emit("countTotal")
				}
			},
			//弹出框初始化
			selectClick(type) {
				this.listType = type
				this.selectShow = true
				if (type == 'jianCeType') {
					this.list = this.jianCeTypeList
				}
			},
			//弹出框初始化
			sheetClick(type, title = '') {
				this.listType = type
				this.title = title
				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.includes('specification') || type.includes('yangpinType')) {
					this.$refs['picker'].show();
				} else {
					this.sheetShow = true
				}

			},
			//弹出框初始化
			selectConfirm(e) {
				let that = this
				let lists = that.form
				if (this.listType == 'jianCeType') {
					lists.jianCeType = e[0].value
				}
			},

			//下拉框回调
			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
				}

				//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) {
				if (type == 'inspect') {
					this.listType = type
					this.mode = 'date'
					this.dateShow = true
				}
			},
			//日期回调
			dateChange(e) {
				if (this.listType == 'inspect') {
					this.form.songJianShiJian = e.result
				}
			},
			//根据套餐查询套餐项目
			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  tt.tao_can_zhu_jian_ = '${i}' and parent_id_ = '${this.heTongId}'`
				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
						let list = []
						datas.forEach(item => {
							this.form.taoCanXiangMuList.push(item)

							//判断与常规项目是否相同
							let ypglOne = this.form.jianCeList
							ypglOne.forEach(it => {
								if ((item.id_ == it.id_) && it.checked) {
									list.push(it.xiang_mu_bian_hao)
								}
							})
						})

						if (list.length > 0) {
							uni.showToast({
								title: list.join(",") + '项目与已常规项目相同',
								icon: 'none',
								duration: 1000
							})
						}

						this.getTotal()
					}
				})
			},
			//取消事件
			deletSing() {
				this.$emit("deletClick")
			},

			//保存事件
			sumbitSing() {
				if (this.form.yangPinZongJia == '') {
					this.form.yangPinZongJia = 0
				}
				for (let item of this.validList) {
					if (this.form[item.value] == '') {
						this.$showToast.getShowToast(item.toast, item.num)
						return
					}
				}
				if (!meth.getJudge(this.form)) {
					return
				}
				this.$refs.uForm.validate(valid => {
					if (valid) {
						this.$emit("sumbitSingClick", this.form)
					} else {
						uni.showToast({
							title: '必填项未填写',
							icon: 'none',
							duration: 2000
						})
					}
				});

			},
			//检测项目详情
			getSty(item) {
				this.$emit('getParentContent', item)
			},
			checkBoxChange(e) {
				this.form.jianCeTypeString = e
			},
			checkedChange() {
				this.checked = !this.checked
				if (this.form.jianCeList && this.form.jianCeList.length > 0) {
					this.form.jianCeList.forEach(item => {
						if (this.form.jianCeTypeString.indexOf(item.jian_ce_lei_bie_) !== -1) {
							item.checked = this.checked
						}
					})
				}

			},
			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
				}
			}
		},
		onReady() {
			this.$refs.uForm.setRules(this.rules);
		}
	}
</script>

<style lang="scss" scoped>
	.qingshe {
		background-color: #f0f9eb;
		color: #67c23a;
		padding: 15rpx 20rpx;
		border-radius: 8rpx;

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

	.btnBottom {
		z-index: 1500;
		// height: 220rpx;
		background-color: #FFFFFF;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;


		.btn {
			margin: 20rpx;
		}
	}

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

		view {
			line-height: 30rpx;
		}
	}

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

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

	// .ellipsis {
	// 	width: 100%;
	// 	display: inline-block;
	// 	white-space: nowrap;
	// 	overflow: hidden;
	// 	text-overflow: ellipsis;
	// }
</style>