licp
2024-09-24 8c16c0fdac9d895f8b53a8032f47cddfe8490ff9
src/components/view/b1-inspect-order-plan.vue
@@ -138,7 +138,7 @@
         <div class="center">
            <div class="center-options">
               <el-row>
                  <el-col :span="21">
                  <el-col :span="18">
                     <div style="display: flex;align-items: center;margin-bottom: 10px;">
                        <ul class="tab">
                           <li v-for="(m,i) in tabList" :key="i" :class="{active:i==tabIndex}" @click="handleTab(m,i)">{{m.label.replace('试验室','')}}
@@ -150,8 +150,9 @@
                        </div>
                     </div>
                  </el-col>
                  <el-col :span="3">
                  <el-col :span="6">
                     <div class="center-title">
                <el-button size="small" type="primary" @click="handleCode" style="margin-right: 16px;">扫码报检</el-button>
                        <span>总计任务数量:</span>
                        <span>{{total}}</span>
                     </div>
@@ -201,7 +202,7 @@
            width="100px"
          >
          <template slot-scope="scope">
              <el-tag :type="typeList.find(m=>m.value==scope.row.insState).type" size="small">{{ typeList.find(m=>m.value==scope.row.insState).label }}</el-tag>
              <el-tag :type="insStateList.find(m=>m.value==scope.row.insState).type" size="small">{{ insStateList.find(m=>m.value==scope.row.insState).label }}</el-tag>
            </template></el-table-column>
          <el-table-column
            prop="userName"
@@ -236,14 +237,15 @@
          <el-table-column
            fixed="right"
            align="center" label="操作"
            width="250px"
            width="320px"
          >
          <template slot-scope="scope">
            <el-button @click="handleDataLook(scope.row)" type="text" size="small">数据查看</el-button>
            <el-button @click="handleInspection(scope.row)" type="text" size="small" :disabled="scope.row.userName == null || scope.row.insState == 3 || scope.row.insState == 5||scope.row.insState == 6||(scope.row.userName&&!scope.row.userName.includes(userName))">检验</el-button>
            <el-button @click="handleConnect(scope.row)" type="text" size="small" :disabled="scope.row.userName == null || scope.row.insState == 5  || scope.row.insState == 3||scope.row.insState == 6||(scope.row.userName&&!scope.row.userName.includes(userName))">交接</el-button>
            <el-button @click="handleReview(scope.row)" type="text" size="small" :disabled="scope.row.userName == null || scope.row.insState != 3 ||(scope.row.checkName&&!scope.row.checkName.includes(userName))">复核</el-button>
            <el-button @click="claimFun(scope.row)" type="text" size="small" :disabled="scope.row.userName != null || scope.row.checkName!=null">认领</el-button>
            <el-button @click="handleInspection(scope.row)" type="text" size="small" :disabled="scope.row.userName == null || scope.row.insState == 3 || scope.row.insState == 5||scope.row.insState == 6||(scope.row.userName&&!scope.row.userName.includes(userName))" v-if="inspection">检验</el-button>
            <el-button @click="handleConnect(scope.row)" type="text" size="small" :disabled="scope.row.userName == null || scope.row.insState == 5  || scope.row.insState == 3||scope.row.insState == 6||(scope.row.userName&&!scope.row.userName.includes(userName))" v-if="connect">交接</el-button>
            <el-button @click="handleReview(scope.row)" type="text" size="small" :disabled="scope.row.userName == null || scope.row.insState != 3 ||(scope.row.checkName&&!scope.row.checkName.includes(userName))" v-if="review">复核</el-button>
            <el-button @click="claimFun(scope.row)" type="text" size="small" :disabled="scope.row.userName != null || scope.row.checkName!=null" v-if="claim">认领</el-button>
            <el-button @click="lookHistory0(scope.row)" type="text" size="small" :disabled="!scope.row.num1 || scope.row.num1<1">查看记录</el-button>
          </template>
          </el-table-column>
        </el-table>
@@ -298,19 +300,60 @@
      <div style="width: 100%;height: 100%;" v-if="activeFace >0">
         <Add :active="activeFace" :currentId="currentId" :examine="examine"/>
      </div>
    <Inspection v-if="state>0" @goback="goback" :orderId="orderId" :inspectorList="inspectorList" :sonLaboratory="componentData.entity.sonLaboratory" :state="state"/>
    <Inspection v-if="state>0" @goback="goback" :orderId="orderId" :inspectorList="inspectorList" :sonLaboratory="componentData.entity.sonLaboratory" :state="state" :orderStateId="orderStateId" :version="version" :isLook="isLook" :num1="num1"/>
      <el-dialog title="数据查看" :visible.sync="dataDialogVisible" width="80%">
            <div style="height: 70vh;overflow-y: auto;" v-if="dataDialogVisible">
               <ValueTable ref="ValueTableDataLook" :rowKey="'insProductId'" :url="$api.insOrder.selectSampleAndProductByOrderId"
                  :componentData="componentDataDataLook"/>
            </div>
         </el-dialog>
      <el-dialog title="查看记录" :visible.sync="historyDialogVisible" width="50%">
        <el-table
          :data="historyList"
          border
          style="width: 100%">
          <el-table-column
            prop="submitTime"
            label="提交日期"
            width="150">
          </el-table-column>
          <el-table-column
            prop="submitUserName"
            label="提交人"
            width="90">
          </el-table-column>
          <el-table-column
            prop="term"
            label="实验阶段"
            width="120">
          </el-table-column>
          <el-table-column
            prop="note"
            label="实验操作"
            width="120">
          </el-table-column>
          <el-table-column
            prop="tell"
            label="再次检验原因"
            width="120">
          </el-table-column>
          <el-table-column
            fixed="right"
            label="操作"
            width="100">
            <template slot-scope="scope">
              <el-button @click="lookHistory(scope.row)" type="text" size="small">查看</el-button>
            </template>
          </el-table-column>
        </el-table>
         </el-dialog>
      <input type="text" id="ScanCodeInfo" v-model="codeInfo" @keyup.enter="keyup" style="opacity: 0;height: 0px;margin: 0px;padding: 0px;position: absolute;top: 0;"  autocomplete="off"></input>
  </div>
</template>
<script>
   import ValueTable from '../tool/value-table.vue'
     import Inspection from '../do/b1-inspect-order-plan/Inspection.vue'
  import Inspection from '../do/b1-inspect-order-plan/Inspection.vue'
   import {
      getYearAndMonthAndDays
   } from '../../util/date'
@@ -324,6 +367,11 @@
      },
      data() {
         return {
        currentHistory:{},
        historyDialogVisible:false,
        historyList:[],
        orderStateId:null,
        version:null,
            examine: null,
        inspectorList: [],//检验人员列表
            alone: false,
@@ -450,6 +498,14 @@
                     disabFun: (row, index) => {
                        return row.userName != null || row.checkName!=null
                     }
                  }, {
                     id: '',
                     font: '查看记录',
                     type: 'text',
                     method: 'claimFun',
                     disabFun: (row, index) => {
                        return !row.num1 || row.num1<2
                     }
                  }
               ],
               linkEvent: {
@@ -502,7 +558,7 @@
        loading:false,
        currentTime: null,
        sonLaboratoryList:[],
        tableData: null,
        tableData: [],
        page:{
          current:1,
          size:20,
@@ -523,7 +579,17 @@
          label: '未出结果',
          type: 'info'
        }],
        typeList:[]
        typeList:[],
        getInsProduct2:false,
        claim:false,
        review:false,
        connect:false,
        inspection:false,
        isLook:false,//是否是查看历史页面
        num1:null,
        codeInfo:null,
        startTime:null,
        scanInsOrderState:false
         }
      },
      created() {
@@ -541,6 +607,45 @@
      }
      },
      methods: {
      // 扫码报检
      handleCode(){
        let input = document.getElementById('ScanCodeInfo');
        // console.log(1234567,input,this.startTime)
        input.focus();
        this.startTime&&clearInterval(this.startTime)
        this.startTime = setInterval(()=>{
            input.focus()
        },1000)
      },
      // 扫码枪按下
      keyup(e){
        var code = ''
        console.log(3333,this.codeInfo)
        try{
          code = JSON.parse(this.codeInfo)
          if(code==null||code==undefined||code==''){
            this.$message.error('该二维码有误')
          }else{
            this.$axios.post(this.$api.insOrderPlan.scanInsOrderState,
              {
                sonLaboratory: this.componentData.entity.sonLaboratory,
                sampleCode: code
              }
            ).then(res => {
              if(res.code==200){
                this.$message({
                  type: 'success',
                  message: '报检成功'
                })
              }
              this.refreshTable()
            })
          }
        }catch(e){
          this.$message.error('该二维码有误')
        }
        this.codeInfo = null
      },
      // 拖拽
      initializeSortable() {
        const tableBody = this.$refs.table0.$el.querySelector('.el-table__body-wrapper > table > tbody');
@@ -593,6 +698,8 @@
            let review = false
        let claim = false
        let jumpTeam = false
        // let getInsProduct2 = false
        // let getInsOrderUserList = false
            for (var i = 0; i < power.length; i++) {
               if (power[i].menuMethod == 'doInsOrder') {
                  inspection = true
@@ -609,19 +716,33 @@
          if (power[i].menuMethod == 'jumpTeam') {
                  jumpTeam = true
               }
          // if (power[i].menuMethod == 'getInsProduct2') {
               //    getInsProduct2 = true
               // }
          if (power[i].menuMethod == 'scanInsOrderState') {
                  this.scanInsOrderState = true
               }
            }
        // if (!getInsProduct2) {
            //    this.componentData.do.splice(5, 1)
            // }
            if (!claim) {
               this.componentData.do.splice(3, 1)
               this.componentData.do.splice(4, 1)
            }
            if (!review) {
               this.componentData.do.splice(2, 1)
               this.componentData.do.splice(3, 1)
            }
        if (!connect) {
               this.componentData.do.splice(1, 1)
               this.componentData.do.splice(2, 1)
            }
            if (!inspection) {
               this.componentData.do.splice(0, 1)
               this.componentData.do.splice(1, 1)
            }
        // this.getInsProduct2 = getInsProduct2
        this.claim = claim
        this.review = review
        this.connect = connect
        this.inspection = inspection
        this.jumpTeam = jumpTeam
         },
         changeCheckBox(val) {
@@ -641,7 +762,7 @@
               this.sampleUserForm = {
                  entrustCode: row.entrustCode,
                  insSampleId: row.id,
                     sonLaboratory: row.sonLaboratory,
            sonLaboratory: row.sonLaboratory,
               }
               this.claimVisible = true
            }
@@ -790,8 +911,11 @@
          inspectorList.push(user.name)
        }
        this.inspectorList = inspectorList
        this.state = 1;
            this.orderId = row.id
        this.version = row.version
        this.orderStateId = row.orderStateId
        this.state = 1;
        this.isLook = false
      },
      handleConnect(row){
        this.orderId = row.id
@@ -841,6 +965,9 @@
      handleReview(row){
        this.state = 2;
            this.orderId = row.id
        this.version = row.version
        this.orderStateId = row.orderStateId
        this.isLook = false
      },
      getAuthorizedPerson() {
            this.$axios.get(this.$api.user.getUserMenu).then(res => {
@@ -854,6 +981,24 @@
               this.personList = data
            })
         },
      lookHistory0(row){
        this.currentHistory = row
        this.$axios.post(this.$api.insOrderPlan.getInsOrderUserList, {
          insOrderStateId:row.orderStateId,
        }).then(res => {
          this.historyList = res.data
          this.historyDialogVisible = true
        })
      },
      lookHistory(row){
        this.isLook = true
        this.state = 2;
        this.orderId = this.currentHistory.id
        this.version = this.currentHistory.version
        this.orderStateId = this.currentHistory.orderStateId
        this.num1 = row.num
        this.historyDialogVisible = false
      }
      }
   }
</script>