lh_firm_former/src/views/system/jbdScan/goods/manualConfirmation.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:100px;margin:0 auto;top: 35%;">
                 <span style=" color: #66D9EF;">开启扫描设备连接-样品接收确认</span>
                </dv-decoration-12>
           </div>
              <el-dialog
               width="90%"
               :modal-append-to-body='false'
               title="      样品手动接收确认操作 - 确认样品数量及相关信息 - 【位置根据是否留样二选一进行选择】"
               @close="closeDialog"
               :before-close = "handleClose"
               :visible.sync="visible"
               > <!-- 表单是否显示 -->
                   <div style="min-height: 600px;"  @click.self="handleChange">
                     <el-button @click="submitData('确认')" type="primary" style="float: right;margin: 5px;">样品确认</el-button>
                       <el-table
                           :data="listData"
                           stripe
                           style="width: 100%">

                         <el-table-column
                           prop="yang_pin_bian_hao"
                           label="样品编号"
                           width="150px">
                          </el-table-column>

                         <el-table-column
                           prop="yang_pin_ming_che"
                           label="样品名称">
                         </el-table-column>

                         <el-table-column
                           prop="yang_pin_zong_shu"
                           label="样品总数"
                           width="180px">
                         </el-table-column>

                         <el-table-column
                           label="本次确认数量"
                           width="150px">
                               <template slot-scope="scope">
                                   <el-input-number
                                    v-model="scope.row.jie_yang_shu_lian"
                                    controls-position="right"
                                    @change="handleChange"
                                    :min="1" :max="9999">
                                    </el-input-number>
                                </template>
                         </el-table-column>




                        <el-table-column
                          prop="yang_pin_lei_xing"
                          label="样品类型(一)"
                          width="150px">
                         </el-table-column>

                        <el-table-column
                          prop="yang_ben_yun_shu_"
                          label="样品运输条件(一)"
                          width="150px">
                         </el-table-column>

                        <el-table-column
                          prop="shu_liang_"
                          label="样品数量(一)"
                          width="150px">
                         </el-table-column>

                        <el-table-column
                          prop="yang_pin_gui_ge_"
                          label="样品规格(一)"
                          width="150px">
                         </el-table-column>


                         <el-table-column
                           prop="yang_pin_lei_er_"
                           label="样品类型(二)"
                           width="150px">
                          </el-table-column>

                         <el-table-column
                           prop="yang_pin_yun_shu_"
                           label="样品运输条件(二)"
                           width="150px">
                          </el-table-column>

                         <el-table-column
                           prop="shu_liang_er_"
                           label="样品数量(二)"
                           width="150px">
                          </el-table-column>

                         <el-table-column
                           prop="yang_pin_gui_ge_e"
                           label="样品规格(二)"
                           width="150px">
                          </el-table-column>


                         <el-table-column
                           prop="yang_pin_lei_san_"
                           label="样品类型(三)"
                           width="150px">
                          </el-table-column>

                         <el-table-column
                           prop="yang_pin_yun_san"
                           label="样品运输条件(三)"
                           width="150px">
                          </el-table-column>

                         <el-table-column
                           prop="shu_liang_san_"
                           label="样品数量(三)"
                           width="150px">
                          </el-table-column>

                         <el-table-column
                           prop="yang_pin_gui_ge_s"
                           label="样品规格(三)"
                           width="150px">
                          </el-table-column>

                        <el-table-column
                          prop="yang_pin_lei_si_"
                          label="样品类型(四)"
                          width="150px">
                         </el-table-column>

                        <el-table-column
                          prop="yang_pin_yun_si_"
                          label="样品运输条件(四)"
                          width="150px">
                         </el-table-column>

                        <el-table-column
                          prop="shu_liang_si_"
                          label="样品数量(四)"
                          width="150px">
                         </el-table-column>

                        <el-table-column
                          prop="yang_pin_gui_si_"
                          label="样品规格(四)"
                          width="150px">
                         </el-table-column>

                         <el-table-column
                           label="是否留样"
                           width="80px">
                           <template slot-scope="scope">
                               <el-select v-model="scope.row.shi_fou_liu_yang_" placeholder="请选择">
                                 <el-option
                                   v-for="item in ifLY"
                                   :key="item.value"
                                   :label="item.label"
                                   :value="item.value">
                                 </el-option>
                               </el-select>
                            </template>
                         </el-table-column>

                         <el-table-column
                           label="样品存放位置"
                           width="200px"
                           >
                            <template slot-scope="scope">
                              <!-- <ibps-link-data
                                v-model="scope.row.shou_yang_wei_zhi"
                                template-key = "lhypwzztzly"
                              /> -->
                              <weizhiData  v-model="scope.row.shou_yang_wei_zhi"/>
                             </template>
                         </el-table-column>

                         <el-table-column
                           label="留样存放位置"
                           width="200px">
                            <template slot-scope="scope">
                              <!-- <ibps-link-data
                                v-model="scope.row.liu_yang_wei_zhi_"
                                template-key = "lhypwzztzly"
                              /> -->
                              <liuyangData v-model="scope.row.liu_yang_wei_zhi_"/>
                             </template>

                         </el-table-column>


                        <el-table-column
                          label="验收结果"
                          width="120px">
                          <template slot-scope="scope">
                              <el-select v-model="scope.row.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-table-column>

                        <el-table-column
                          label="留样日期"
                          width="230px">
                          <template slot-scope="scope">
                            <el-date-picker
                              v-model="scope.row.liu_yang_ri_qi_"
                              type="date"
                              value-format="yyyy-MM-dd"
                              format="yyyy-MM-dd"
                              placeholder="请选择"
                              :readonly="false"
                              :clearable="true"
                            />
                          </template>
                        </el-table-column>

                        <el-table-column
                          label="留样数量"
                          width="150px">
                          <template slot-scope="scope">
                              <el-input-number
                               v-model="scope.row.liu_yang_shu_lian"
                                controls-position="right"
                                @change="handleChange"
                                :min="1" :max="9999">
                               </el-input-number>
                           </template>

                        </el-table-column>


                        <el-table-column
                          label="留样期限至"
                          width="230px">
                          <template slot-scope="scope">
                            <el-date-picker
                              v-model="scope.row.liu_yang_qi_xian"
                              type="date"
                              value-format="yyyy-MM-dd"
                              format="yyyy-MM-dd"
                              placeholder="请选择"
                              :readonly="false"
                              :clearable="true"
                            />
                          </template>
                        </el-table-column>


                        <el-table-column
                          label="销毁日期"
                          width="230px">
                          <template slot-scope="scope">
                            <el-date-picker
                              v-model="scope.row.xiao_hui_ri_qi_"
                              type="date"
                              value-format="yyyy-MM-dd"
                              format="yyyy-MM-dd"
                              placeholder="请选择"
                              :readonly="false"
                              :clearable="true"
                            />
                          </template>
                        </el-table-column>

                        <el-table-column
                          label="返样日期"
                          width="230px">
                          <template slot-scope="scope">
                            <el-date-picker
                              v-model="scope.row.fan_yang_ri_qi_"
                              type="date"
                              value-format="yyyy-MM-dd"
                              format="yyyy-MM-dd"
                              placeholder="请选择"
                              :readonly="false"
                              :clearable="true"
                            />
                          </template>
                        </el-table-column>


                        <el-table-column
                          label="返样接样人"
                          width="150px">
                          <template slot-scope="scope">
                            <el-input
                                  v-model="scope.row.fan_yang_jyr"
                                  placeholder="请输入"
                                  type="text"
                                  :readonly="false"
                                  clearable
                                />
                          </template>
                        </el-table-column>


                        <el-table-column
                          label="姓名"
                          width="150px">
                          <template slot-scope="scope">
                            <el-input
                                  v-model="scope.row.xing_ming_"
                                  placeholder="请输入"
                                  type="text"
                                  :readonly="false"
                                  clearable
                                />
                          </template>
                        </el-table-column>

                        <el-table-column
                          label="性别"
                          width="150px">
                            <template slot-scope="scope">
                                <el-select v-model="scope.row.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-table-column>

                        <el-table-column
                          label="年龄"
                          width="130px">
                          <template slot-scope="scope">
                            <el-input
                                  v-model="scope.row.nian_ling_"
                                  placeholder="请输入"
                                  type="text"
                                  :readonly="false"
                                  clearable
                                />
                          </template>
                        </el-table-column>


                       <el-table-column
                          label="报告编制员"
                          width="130px">
                           <template slot-scope="scope">
                              <ibps-user-selector
                                v-model="scope.row.bao_gao_bian_zhi_"
                                placeholder="请选择"
                                type="user"
                                store="id"
                              />
                           </template>
                        </el-table-column>
                        <!-- 
                              :multiple="true" -->
                        <el-table-column
                          label="报告复核员"
                          width="130px">
                           <template slot-scope="scope">
                            <ibps-user-selector
                              v-model="scope.row.bao_gao_shen_he_y"
                              placeholder="请选择"
                              type="user"
                              store="id"
                            />
                            </template>
                        </el-table-column>


                        <el-table-column
                          label="备注"
                          width="180px">
                          <template slot-scope="scope">
                            <el-input
                                  v-model="scope.row.bei_zhu_"
                                  placeholder="请输入"
                                  type="text"
                                  :readonly="false"
                                  clearable
                                />
                          </template>
                        </el-table-column>

                        
                         <el-table-column
                          label="送样要求"
                          width="180px">
                          <template slot-scope="scope">
                            <el-input
                                  v-model="scope.row.song_yang_yao_qiu"
                                  placeholder="请输入"
                                  type="text"
                                  :readonly="false"
                                  clearable
                                />
                          </template>
                        </el-table-column> 
                                            
  
                         <el-table-column
                           label="接样确认状态"
                           width="130px">
                            <template slot-scope="scope">
                                <el-select v-model="scope.row.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-table-column>



                         <el-table-column label="功能">
                                 <template slot-scope="scope">
                                     <el-button
                                       size="small"
                                       type="danger"
                                       icon="el-icon-delete"
                                       @click="deleteData(scope.row.id_)"
                                     >删除</el-button>
                                 </template>
                               </el-table-column>


                       </el-table>
                       <el-pagination
                         layout="prev,pager,next"
                         background
                         @current-change="current_change"
                         :current-page="currentPage"
                         :pager-count="5"
                         :page-size="10"
                         :total="this.pageCount"
                       ></el-pagination>
                   </div>
             </el-dialog>

  </div>
</template>


<script>
import manualConfirmationJS from '../js/manualConfirmationJS.js'
import IbpsLinkData from '@/business/platform/data/templaterender/link-data'
import weizhiData from "./weizhiData.vue"
import liuyangData from "./liuyangData.vue"

import IbpsUserSelector from '@/business/platform/org/selector'
 export default {
   components:{
     IbpsLinkData,
     weizhiData,
     liuyangData,

    IbpsUserSelector

   },
   mixins:[manualConfirmationJS],
   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 = false       // 扫码的组件  一开始先展示
            this.visible = true    // 结果列表   一开始没扫描就不展示

            this.$nextTick(() => {
                this.$refs.redarInput.focus(); //聚焦input
              })
            this.listData = [] //清空列表
          }else{
            this.remRedar()
          }
       },
       deep: true,
       immediate: true
     }
   },
   created() {
     this.facilityData(1)
   },
  data () {
    return {
     updateNum:1,
     visible:false,
     redar:false,
     facilityId:'',
     listData:[],
     currentPage:1,
     options: [{
               value: '已确认',
               label: '已确认'
             }, {
               value: '未确认',
               label: '未确认'
             }],
      checkOptions:[{
            value:'完好',
            label:'完好'
          },{
            value:'残缺',
            label:'残缺'
          }],
      ifLY:[{
          value:'是',
          label:'是'
        },{
          value:'否',
          label:'否'
        }],
        sex:[{
          value:'男',
          label:'男'
        },{
          value:'女',
          label:'女'
        }],
      // OriginalPosition:[],
      mjwtsqbAllResult:[],
      pageCount:1,
      item:''

    }
  },
  methods:{
    current_change(currentPage){
      this.currentPage = currentPage
      this.facilityData(currentPage)
    }
  }

  }
</script>

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