lh_firm_former/src/views/system/jbdScan/goods/sampleConfirmation.vue

<!-- 样品接收确认 -->
<template>
    <div class="sample-scan">
        <!-- 扫码接收的输入框-->
        <el-input v-model="facilityId" ref="redarInput" @change="facilityData(facilityId)"
            style="z-index: -999;"></el-input>
        <!-- <el-button type="primary" @click="openRedar" >
            測試</el-button> -->
        <!-- 扫码操作组件-->
        <div class="popContainer" v-if="redar" @click="remRedar">
            <dv-decoration-12 style="width:150px;height:150px;margin:0 auto;top: 35%;">
                <span style=" color: #66D9EF;">开启扫描设备连接-样品接收确认</span>
            </dv-decoration-12>
        </div>
        <el-dialog width="75%" top="5vh" :modal-append-to-body='false' title="      样品手动接收确认操作 - 确认样品数量及相关信息  (如果扫描无结果,请点击除标题外的空白处,恢复扫码功能)  
               如有修改样品类型规格等信息，请前往质量管理-客户反馈-客户沟通模块填写客户沟通记录表" @close="closeDialog" :before-close="handleClose"
            :visible.sync="visible"> <!-- 表单是否显示 -->
            <div style="height: 600px;overflow: auto;" @click.self="handleChange">
                <el-form label-position="top" size="mini" :model="listData" label-width="100px">
                    <div v-for="(item, index) in listData">
                        <el-row>
                            <div class="dynamic-form-table">
                                <div class="dynamic-form-table__block panel panel-info">
                                    <div class="panel-heading ibps-clearfix">
                                        <!--块模式：工具栏-->
                                        <div class="ibps-fl dynamic-form-table__label">
                                            样品No:{{ index + 1 }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </el-row>

                        <div style="padding: 10px 20px;">


                            <el-row>
                                <el-col :span="6">
                                    <el-form-item label="样品编号">
                                        <el-input v-model="item.yang_pin_bian_hao" readonly="true"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="6">
                                    <el-form-item label="样品名称">
                                        <el-input v-model="item.yang_pin_ming_che" readonly="true"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="6">
                                    <el-form-item label="样品总数">
                                        <el-input v-model="item.yang_pin_zong_shu" readonly="true"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="6">
                                    <el-form-item label="本次确认数量" required>
                                        <el-input v-model="item.jie_yang_shu_lian"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>


                            <div v-if="item.yang_pin_lei_xing">
                                <div>
                                    <el-alert
                                        title="样品类型①信息"
                                        type="success">
                                    </el-alert>
                                </div>

                                <el-row>
                                    <el-col :span="8">
                                        <el-form-item label="样品类型(一)">
                                            <!-- <el-input v-model="item.yang_pin_lei_xing " ></el-input> -->
                                            <template slot-scope="scope">
                                                <el-select v-model="item.yang_pin_lei_xing" placeholder="请选择" filterable
                                                    allow-create>
                                                    <el-option v-for="item in sampleTypes" :key="item.value" :label="item.label"
                                                        :value="item.value">
                                                    </el-option>
                                                </el-select>
                                            </template>
                                        </el-form-item>
                                    </el-col>

                                    <el-col :span="8">
                                        <el-form-item label="样品运输条件(一)">
                                            <!-- <el-input v-model="item.yang_ben_yun_shu_" ></el-input> -->
                                            <template slot-scope="scope">
                                                <el-select v-model="item.yang_ben_yun_shu_" placeholder="请选择" filterable
                                                    allow-create>
                                                    <el-option v-for="item in sampleTransportationConditions" :key="item.value"
                                                        :label="item.label" :value="item.value">
                                                    </el-option>
                                                </el-select>
                                            </template>
                                        </el-form-item>
                                    </el-col>

                                    <el-col :span="8">
                                        <el-form-item label="样品数量(一)">
                                            <el-input v-model="item.shu_liang_" @change="changeShuLiang(index)"></el-input>
                                        </el-form-item>
                                    </el-col>
                                    </el-row>

                                    <el-row>
                                        <el-col :span="8">
                                            <el-form-item label="样品规格(一)">
                                                <template slot-scope="scope">
                                                    <el-select 
                                                        v-model="item.yang_pin_gui_ge_"     
                                                        placeholder="请选择" 
                                                        filterable
                                                        allow-create
                                                        @change="changeGuiGe(index,0)">
                                                        <el-option v-for="item in sampleSpecifications" :key="item.value"
                                                            :label="item.label" :value="item.value">
                                                        </el-option>
                                                    </el-select>
                                                </template>
                                            </el-form-item>
                                        </el-col>
                                        <el-col :span="8">
                                            <el-form-item label="单位(一)" v-if="UnitFlag" required>
                                                <el-input v-model="item.dan_wei_yi"></el-input>
                                            </el-form-item>
                                        </el-col>
                                        <el-col :span="8">
                                        <el-form-item label="样品存放位置(一)" required>
                                            <template slot-scope="scope">
                                                <weizhiData v-model="item.shou_yang_wei_zhi_yi" />
                                            </template>
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <!--每种类型对应的留样数量和留样存放位置-->
                                <el-row>
                                
                                    <el-col :span="8">
                                        <el-form-item label="是否留样" class="zzj">
                                            <template slot-scope="scope">
                                                <el-select v-model="item.shi_fou_liu_yang_yi" placeholder="请选择"
                                                    @change="ifLiuYangChange(index,0)">
                                                    <el-option v-for="item in ifLY" :key="item.value" :label="item.label"
                                                        :value="item.value">
                                                    </el-option>
                                                </el-select>
                                            </template>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="8">
                                        <el-form-item label="留样数量(一)" required class="zzj">
                                            <template slot-scope="scope">
                                                <el-input v-model="item.liu_yang_shu_lian_yi"></el-input>
                                            </template>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="8">
                                        <el-form-item label="留样存放位置(一)" required>
                                            <template slot-scope="scope">
                                                <liuyangData v-model="item.liu_yang_wei_zhi_yi" ref="LyPositionOne" />
                                            </template>
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                            </div>
                            
                            <div  v-if="item.flag2">
                                <div>
                                    <el-alert
                                        title="样品类型②信息"
                                        type="success">
                                    </el-alert>
                                </div>
                                <el-row>
                                    <el-col :span="8">
                                        <el-form-item label="样品类型(二)">
                                            <!-- <el-input v-model="item.yang_pin_lei_er_"   ></el-input> -->
                                            <template slot-scope="scope">
                                                <el-select v-model="item.yang_pin_lei_er_" placeholder="请选择" filterable
                                                    allow-create>
                                                    <el-option v-for="item in sampleTypes" :key="item.value" :label="item.label"
                                                        :value="item.value">
                                                    </el-option>
                                                </el-select>
                                            </template>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="8">
                                        <el-form-item label="样品运输条件(二)">
                                            <!-- <el-input v-model="item.yang_pin_yun_shu_"  ></el-input> -->
                                            <template slot-scope="scope">
                                                <el-select v-model="item.yang_pin_yun_shu_" placeholder="请选择" filterable
                                                    allow-create>
                                                    <el-option v-for="item in sampleTransportationConditions" :key="item.value"
                                                        :label="item.label" :value="item.value">
                                                    </el-option>
                                                </el-select>
                                            </template>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="8">
                                        <el-form-item label="样品数量(二)">
                                            <el-input v-model="item.shu_liang_er_" @change="changeShuLiang(index)"></el-input>
                                        </el-form-item>
                                    </el-col>
                                </el-row>

                                <el-row>
                                    <el-col :span="8">
                                        <el-form-item label="样品规格(二)">
                                            <!-- <el-input v-model="item.yang_pin_gui_ge_e"  ></el-input> -->
                                            <template slot-scope="scope">
                                                <el-select v-model="item.yang_pin_gui_ge_e" placeholder="请选择" filterable
                                                    allow-create @change="changeGuiGe(index,1)">
                                                    <el-option v-for="item in sampleSpecifications" :key="item.value"
                                                        :label="item.label" :value="item.value">
                                                    </el-option>
                                                </el-select>
                                            </template>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="8">
                                            <el-form-item label="单位(二)" v-if="UnitFlag" required>
                                                <el-input v-model="item.dan_wei_er"></el-input>
                                            </el-form-item>
                                    </el-col>
                                    <el-col :span="8">
                                        <el-form-item label="样品存放位置(二)" required>
                                            <template slot-scope="scope">
                                                <weizhiData v-model="item.shou_yang_wei_zhi_er" />
                                            </template>
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <!--每种类型对应的留样数量和留样存放位置-->
                                <el-row>
                                    <el-col :span="8">
                                        <el-form-item label="是否留样" class="zzj">
                                            <template slot-scope="scope">
                                                <el-select v-model="item.shi_fou_liu_yang_er" placeholder="请选择"
                                                    @change="ifLiuYangChange(index,1)">
                                                    <el-option v-for="item in ifLY" :key="item.value" :label="item.label"
                                                        :value="item.value">
                                                    </el-option>
                                                </el-select>
                                            </template>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="8">
                                        <el-form-item label="留样数量(二)" required class="zzj">
                                            <template slot-scope="scope">
                                                <el-input v-model="item.liu_yang_shu_lian_er"></el-input>
                                            </template>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="8">
                                        <el-form-item label="留样存放位置(二)" required>
                                            <template slot-scope="scope">
                                                <liuyangData v-model="item.liu_yang_wei_zhi_er" ref="LyPositionTwo" />
                                            </template>
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                            </div>
                            
                            
                            <div v-if="item.flag3">
                                <div>
                                    <el-alert
                                        title="样品类型③信息"
                                        type="success">
                                    </el-alert>
                                </div>
                                <el-row>
                                    <el-col :span="8">
                                        <el-form-item label="样品类型(三)">
                                            <!-- <el-input v-model="item.yang_pin_lei_san_"  ></el-input> -->
                                            <template slot-scope="scope">
                                                <el-select v-model="item.yang_pin_lei_san_" placeholder="请选择" filterable
                                                    allow-create>
                                                    <el-option v-for="item in sampleTypes" :key="item.value" :label="item.label"
                                                        :value="item.value">
                                                    </el-option>
                                                </el-select>
                                            </template>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="8">
                                        <el-form-item label="样品运输条件(三)">
                                            <!-- <el-input v-model="item.yang_pin_yun_san"  ></el-input> -->
                                            <template slot-scope="scope">
                                                <el-select v-model="item.yang_pin_yun_san" placeholder="请选择" filterable
                                                    allow-create>
                                                    <el-option v-for="item in sampleTransportationConditions" :key="item.value"
                                                        :label="item.label" :value="item.value">
                                                    </el-option>
                                                </el-select>
                                            </template>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="8">
                                        <el-form-item label="样品数量(三)">
                                            <el-input v-model="item.shu_liang_san_" @change="changeShuLiang(index)"></el-input>
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="8">
                                        <el-form-item label="样品规格(三)">
                                            <!-- <el-input v-model="item.yang_pin_gui_ge_s"  ></el-input> -->
                                            <template slot-scope="scope">
                                                <el-select v-model="item.yang_pin_gui_ge_s" placeholder="请选择" filterable
                                                    allow-create @change="changeGuiGe(index,2)">
                                                    <el-option v-for="item in sampleSpecifications" :key="item.value"
                                                        :label="item.label" :value="item.value">
                                                    </el-option>
                                                </el-select>
                                            </template>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="8">
                                                <el-form-item label="单位(三)" v-if="UnitFlag" required>
                                                    <el-input v-model="item.dan_wei_san"></el-input>
                                                </el-form-item>
                                        </el-col>
                                        <el-col :span="8">
                                        <el-form-item label="样品存放位置(三)" required>
                                            <template slot-scope="scope">
                                                <weizhiData v-model="item.shou_yang_wei_zhi_san" />
                                            </template>
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                              
                                <!--每种类型对应的留样数量和留样存放位置-->
                                <el-row>
                                    <el-col :span="8">
                                        <el-form-item label="是否留样" class="zzj">
                                            <template slot-scope="scope">
                                                <el-select v-model="item.shi_fou_liu_yang_san" placeholder="请选择"
                                                    @change="ifLiuYangChange(index,2)">
                                                    <el-option v-for="item in ifLY" :key="item.value" :label="item.label"
                                                        :value="item.value">
                                                    </el-option>
                                                </el-select>
                                            </template>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="8">
                                        <el-form-item label="留样数量(三)" required class="zzj">
                                            <template slot-scope="scope">
                                                <el-input v-model="item.liu_yang_shu_lian_san"></el-input>
                                            </template>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="8">
                                        <el-form-item label="留样存放位置(三)" required>
                                            <template slot-scope="scope">
                                                <liuyangData v-model="item.liu_yang_wei_zhi_san" ref="LyPositionThree" />
                                            </template>
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                            </div>
                            

                            <div v-if="item.flag4">
                                <div>
                                    <el-alert
                                        title="样品类型④信息"
                                        type="success">
                                    </el-alert>
                                </div>
                            <el-row>
                                <el-col :span="8">
                                    <el-form-item label="样品类型(四)">
                                        <!-- <el-input v-model="item.yang_pin_lei_si_"   ></el-input> -->
                                        <template slot-scope="scope">
                                            <el-select v-model="item.yang_pin_lei_si_" placeholder="请选择" filterable
                                                allow-create>
                                                <el-option v-for="item in sampleTypes" :key="item.value" :label="item.label"
                                                    :value="item.value">
                                                </el-option>
                                            </el-select>
                                        </template>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="8">
                                    <el-form-item label="样品运输条件(四)">
                                        <!-- <el-input v-model="item.yang_pin_yun_si_"  ></el-input> -->
                                        <template slot-scope="scope">
                                            <el-select v-model="item.yang_pin_yun_si_" placeholder="请选择" filterable
                                                allow-create>
                                                <el-option v-for="item in sampleTransportationConditions" :key="item.value"
                                                    :label="item.label" :value="item.value">
                                                </el-option>
                                            </el-select>
                                        </template>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="8">
                                    <el-form-item label="样品数量(四)">
                                        <el-input v-model="item.shu_liang_si_" @change="changeShuLiang(index)"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="8">
                                    <el-form-item label="样品规格(四)">
                                        <!-- <el-input v-model="item.yang_pin_gui_si_"  ></el-input> -->
                                        <template slot-scope="scope">
                                            <el-select v-model="item.yang_pin_gui_si_" placeholder="请选择" filterable
                                                allow-create @change="changeGuiGe(index,3)">
                                                <el-option v-for="item in sampleSpecifications" :key="item.value"
                                                    :label="item.label" :value="item.value">
                                                </el-option>
                                            </el-select>
                                        </template>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="8">
                                    <el-form-item label="单位(四)" v-if="UnitFlag" required>
                                        <el-input v-model="item.dan_wei_si"></el-input>
                                    </el-form-item>
                                </el-col>
                                
                                <el-col :span="8">
                                        <el-form-item label="样品存放位置(四)" required>
                                            <template slot-scope="scope">
                                                <weizhiData v-model="item.shou_yang_wei_zhi_si" />
                                            </template>
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <!--每种类型对应的留样数量和留样存放位置 -->
                                <el-row>
                                    <el-col :span="8">
                                        <el-form-item label="是否留样" class="zzj">
                                            <template slot-scope="scope">
                                                <el-select v-model="item.shi_fou_liu_yang_si" placeholder="请选择"
                                                    @change="ifLiuYangChange(index,3)">
                                                    <el-option v-for="item in ifLY" :key="item.value" :label="item.label"
                                                        :value="item.value">
                                                    </el-option>
                                                </el-select>
                                            </template>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="8">
                                        <el-form-item label="留样数量(四)" required class="zzj">
                                            <template slot-scope="scope">
                                                <el-input v-model="item.liu_yang_shu_lian_si"></el-input>
                                            </template>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="8">
                                        <el-form-item label="留样存放位置(四)" required>
                                            <template slot-scope="scope">
                                                <liuyangData v-model="item.liu_yang_wei_zhi_si" ref="LyPositionFour" />
                                            </template>
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                            </div>

                            <div>
                                    <el-alert
                                        title="样品信息配置"
                                        type="warning"
                                        description="上面样品单位自动截取样品规格中被 / 与 * 包裹着的字符，如果样品规格中不存在匹配的字符，则需要手动填写">
                                    </el-alert>
                                </div>
                            <el-row>
                                <el-col :span="8">
                                    <el-form-item label="留样日期">
                                        <template slot-scope="scope">
                                            <el-date-picker v-model="item.liu_yang_ri_qi_" type="date"
                                                value-format="yyyy-MM-dd" format="yyyy-MM-dd" placeholder="请选择"
                                                :readonly="false" :clearable="true" @change="liuyanRiQiChange(item, index)" />
                                        </template>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="8">
                                    <el-form-item label="留样期限至">
                                        <template slot-scope="scope">
                                            <el-date-picker v-model="item.liu_yang_qi_xian" type="date"
                                                value-format="yyyy-MM-dd" format="yyyy-MM-dd" placeholder="请选择"
                                                :readonly="false" :clearable="true" />
                                        </template>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="6">
                                    <el-form-item label="验收结果">
                                        <template slot-scope="scope">
                                            <el-select v-model="item.yan_shou_jie_guo_" placeholder="请选择">
                                                <el-option v-for="item in checkOptions" :key="item.value"
                                                    :label="item.label" :value="item.value">
                                                </el-option>
                                            </el-select>
                                        </template>
                                    </el-form-item>
                                </el-col>
                            </el-row>

                            <el-row>
                                <el-col :span="8">
                                    <el-form-item label="返样日期">
                                        <template slot-scope="scope">
                                            <el-date-picker v-model="item.fan_yang_ri_qi_" type="date"
                                                value-format="yyyy-MM-dd" format="yyyy-MM-dd" placeholder="请选择"
                                                :readonly="false" :clearable="true" />
                                        </template>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="8">
                                    <el-form-item label="返样接样人">
                                        <template slot-scope="scope">
                                            <el-input v-model="item.fan_yang_jyr" placeholder="请输入" type="text"
                                                :readonly="false" clearable />
                                        </template>
                                    </el-form-item>
                                </el-col>

                                <el-col :span="8">
                                    <el-form-item label="是否加急">
                                        <el-input v-model="item.chu_ju_bao_gao_ya" readonly="true" ></el-input>
                                    </el-form-item>
                                </el-col>
                               
                            </el-row>

                            <el-row>
                                <el-col :span="8">
                                    <el-form-item label="姓名">
                                        <template slot-scope="scope">
                                            <el-input v-model="item.xing_ming_" placeholder="请输入" type="text"
                                                :readonly="false" clearable />
                                        </template>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="8">
                                    <el-form-item label="性别">
                                        <template slot-scope="scope">
                                            <el-select v-model="item.xing_bie_" placeholder="请选择">
                                                <el-option v-for="item in sex" :key="item.value" :label="item.label"
                                                    :value="item.value">
                                                </el-option>
                                            </el-select>
                                        </template>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="8">
                                    <el-form-item label="年龄">
                                        <template slot-scope="scope">
                                            <el-input v-model="item.nian_ling_" placeholder="请输入" type="text"
                                                :readonly="false" clearable />
                                        </template>
                                    </el-form-item>
                                </el-col>
                            </el-row>

                            <el-row>

                                <el-col :span="8">
                                    <el-form-item label="备注">
                                        <template slot-scope="scope">
                                            <el-input v-model="item.bei_zhu_" placeholder="请输入" type="text"
                                                :readonly="false" clearable />
                                        </template>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="8">
                                    <el-form-item label="送样要求">
                                        <template slot-scope="scope">
                                            <el-input v-model="item.song_yang_yao_qiu" placeholder="请输入" type="text"
                                                :readonly="false" clearable />
                                        </template>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="7">
                                    <el-form-item label="接样确认状态">
                                        <template slot-scope="scope">
                                            <el-select v-model="item.jie_yang_zhuang_t" placeholder="请选择">
                                                <el-option v-for="item in options" :key="item.value" :label="item.label"
                                                    :value="item.value">
                                                </el-option>
                                            </el-select>
                                        </template>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="1">
                                    <el-form-item label="功能">
                                        <template slot-scope="scope">
                                            <el-button size="small" type="danger" icon="el-icon-delete"
                                                @click="deleteData(item.id_)">删除</el-button>
                                        </template>
                                    </el-form-item>
                                </el-col>
                            </el-row>

                            <el-row>
                            </el-row>
                        </div>
                    </div>
                </el-form>
            </div>
            <span slot="footer" class="dialog-footer">
                <el-button @click="visible = false">取 消</el-button>
                <el-button @click="submitData('确认')" type="primary">样品确认</el-button>
            </span>
        </el-dialog>

    </div>
</template>


<script>
import sampleConfirmationJS from '../js/sampleConfirmationJS.js'
import IbpsLinkData from '@/business/platform/data/templaterender/link-data'
import weizhiData from "./weizhiData.vue"
import liuyangData from "./liuyangData.vue"
import * as dayjs from 'dayjs'
export default {
    components: {
        IbpsLinkData,
        weizhiData,
        liuyangData,
    },
    mixins: [sampleConfirmationJS],
    props: { scanVisible: Boolean },
    watch: {
        listData: {
            handler(val, oldName) {
                if (val.length > 0) {
                    this.visible = true
                    this.redar = false    // 扫描后就让扫描组件隐藏
                }
            },
            deep: true,
            immediate: true
        },
        scanVisible: {
            handler(val, oldName) {
                if (val) {
                    this.redar = true       // 扫码的组件  一开始先展示
                    this.visible = false    // 结果列表   一开始没扫描就不展示
                    this.$nextTick(() => {
                        this.$refs.redarInput.focus(); //聚焦input
                    })
                    this.listData = [] //清空列表
                } else {
                    this.remRedar()
                }
            },
            deep: true,
            immediate: true
        }
    },
    data() {
        return {
            updateNum: 1,
            visible: false,
            redar: false,
            facilityId: '',
            listData: [],
            options: [{
                value: '已确认',
                label: '已确认'
            }, {
                value: '未确认',
                label: '未确认'
            }],
            checkOptions: [{
                value: '完好',
                label: '完好'
            }, {
                value: '残缺',
                label: '残缺'
            }],
            ifLY: [{
                value: '是',
                label: '是'
            }, {
                value: '否',
                label: '否'
            }],
            sex: [{
                value: '男',
                label: '男'
            }, {
                value: '女',
                label: '女'
            }],
            sampleTypes: [],
            sampleSpecifications: [],
            sampleTransportationConditions: [{
                value: '常温',
                label: '常温'
            }, {
                value: '冰袋（2-8℃）',
                label: '冰袋（2-8℃）'
            }, {
                value: '干冰',
                label: '干冰'
            }, {
                value: '液氮',
                label: '液氮'
            }, {
                value: '其它',
                label: '其它'
            }],
            pageCount: '',
            item: '',
            flag: true,
            UnitFlag : true

        }
    },
    methods: {
        msgTips(msg) {
            this.$message({
                message: msg,
                type: "error"
            })
        },
        /** 留样日期选择时 联动 留样期限时间更新 */
        liuyanRiQiChange(item, index) {
            if (item.liu_yang_ri_qi_ === undefined || item.liu_yang_ri_qi_ === null) {
                item.xiao_hui_ri_qi_ = ""
                item.liu_yang_qi_xian = ""
            } else {
                this.flag = false
                let curTime = new Date(new Date().getTime() + 28800000).toJSON().slice(0, 10).replace('T', ' ')
                if (item.liu_yang_ri_qi_ < curTime) {
                    this.msgTips("留样日期不得早于收样日期")
                }
                // let itemData =  dayjs(item.liu_yang_ri_qi_).add(7,'day').format("YYYY-MM-DD")
                let val = dayjs(item.liu_yang_ri_qi_).add(3, 'month').format("YYYY-MM-DD")
                // item.xiao_hui_ri_qi_ = itemData
                item.xiao_hui_ri_qi_ = ""
                item.liu_yang_qi_xian = val
                this.flag = true
            }
        },
        /** 改变数量时 计算总数 */
        changeShuLiang(index) {
            let item = this.listData[index]
            let total = parseInt(item.shu_liang_ || 0) + parseInt(item.shu_liang_er_ || 0) + parseInt(item.shu_liang_san_ || 0) + parseInt(item.shu_liang_si_ || 0)
            item.yang_pin_zong_shu = total
            item.jie_yang_shu_lian = total
        },
        /** 页面触发是否留样按钮执行判断事件 */
        ifLiuYangChange(index,LYIndex) {
            let item = this.listData[index]
            let ifLYArgs = ['shi_fou_liu_yang_yi','shi_fou_liu_yang_er','shi_fou_liu_yang_san','shi_fou_liu_yang_si']
            let LYShuLiangArgs = ['liu_yang_shu_lian_yi','liu_yang_shu_lian_er','liu_yang_shu_lian_san','liu_yang_shu_lian_si']
            let positionArgs = ['LyPositionOne','LyPositionTwo','LyPositionThree','LyPositionThree']
            if (item[ifLYArgs[LYIndex]] == '否') {
                item[LYShuLiangArgs[LYIndex]] = null
                this.$refs[positionArgs[LYIndex]][0].clearPosition()
                this.commonJudgeLiuYangState(item)
            } else {
                item[LYShuLiangArgs[LYIndex]] = ' ml/支×1支'
                // todo 把位置填写并显示？
            }
        },
        /** 判断该样品是否四种类型都 不留样，则置空 留样日期、留样期限 */
        commonJudgeLiuYangState(item) {
            if(item.shi_fou_liu_yang_yi == '否'){
                let LYFlag = true
                let flagArgs = ['flag2','flag3','flag4']
                let shiFouLYArgs = ['shi_fou_liu_yang_er','shi_fou_liu_yang_san','shi_fou_liu_yang_si']
                flagArgs.forEach((element,i) => {
                    if(item[element] === true && item[shiFouLYArgs[i]] === '是'){
                        LYFlag = false
                    }
                });
                if(LYFlag){
                    item.liu_yang_ri_qi_ = null
                    item.liu_yang_qi_xian = null
                }
            }
        },
        /* 规格触发事件：匹配规格中 被 / 和 * 包裹的字符串，并赋值给单位字段展示 */
        changeGuiGe(index,specificationIndex){
            this.UnitFlag = false
            let SpecificationsArgs = ['yang_pin_gui_ge_','yang_pin_gui_ge_e','yang_pin_gui_ge_s','yang_pin_gui_si_']
            let UnitArgs = ['dan_wei_yi','dan_wei_er','dan_wei_san','dan_wei_si']
            let unit = this.handleSpecificationsToUnit(this.listData[index][SpecificationsArgs[specificationIndex]])
            this.listData[index][UnitArgs[specificationIndex]] = unit
            this.UnitFlag = true
        },
        /** 匹配表达式，符合则返回值，否则返回空字符串 */
        handleSpecificationsToUnit(val){
            const regex = /[\/\*]([^\/*]*)[\/\*]/
            return val.match(regex) ? val.match(regex)[1] : ''
        }
    }
}
</script>


<style lang="less" scoped>
/deep/ .el-form-item__label,
/deep/ .el-input__inner {
    color: none;
}

.sample-scan .popContainer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;
    background: rgba(0, 0, 0, 0.7);
}

// .dynamic-form-table__label:before {
//   content: '*';
//   color: #F56C6C;
// }
.dynamic-form-table__label {
    color: #F56C6C;
    font-size: 18px;
    line-height: 40px;
    font-weight: bold;
}

/**必须设置.el-form-item__label为none */
/deep/.zzj .el-form-item__content .el-input__inner {
    color: #e60c14;
}

/deep/.el-form-item__content {
    display: inline-block;
}

/deep/.el-form-item__label {
    padding: 0;
    margin-right: 5px;
    width: 120px;
}

/deep/.el-input__inner {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0;
}

/deep/.jiaji {
    // color: #F56C6C;
    // font-size: 18px;
    // line-height: 40px;
    // font-weight: bold;  
}

/deep/.el-dialog__title {
    line-height: 24px;
    color: #e60c14;
    font-weight: 600;
}
</style>