修改/bug

licp

2024-06-26 254f5863bed7474f258e6829cc0a2a4f94989e1c

 src/components/view/b1-inspection-order.vue

@@ -68,6 +68,31 @@
   .el-form-item {
      margin-bottom: 16px;
   }
  .box-card >>>.el-radio__inner {
    border-radius: 2px !important;
  }
  .box-card >>>.el-radio__input.is-checked .el-radio__inner::after {
    content: '';
    width: 8px;
    height: 3px;
    border: 1px solid white;
    border-top: transparent;
    border-right: transparent;
    text-align: center;
    display: block;
    position: absolute;
    top: 3px;
    left: 2px;
    transform: rotate(-45deg);
    border-radius: 0px;
    background: none;
  }
  >>>.el-radio__label{
    color: #000 !important;
  }
  >>>.el-radio__input.is-disabled.is-checked .el-radio__inner{
    background: #3A7BFA;
  }
</style>

<template>
@@ -77,6 +102,7 @@
            <el-row class="title">
               <el-col :span="12" style="padding-left: 20px;">检验下单</el-col>
               <el-col :span="12" style="text-align: right;">
            <el-button size="medium" type="primary" @click="print">标签打印</el-button>
                  <el-button size="medium" type="primary" @click="playOrder(1)" v-if="addPower">下单</el-button>
               </el-col>
            </el-row>
@@ -229,19 +255,85 @@
      <div style="width: 100%;height: 100%;" v-if="active >0">
         <Add :active="active" :currentId="currentId" v-if="active<4" />
      </div>
    <el-dialog title="标签打印" :visible.sync="printDialogVisible" width="40%" top="5vh">
      <div style="width:100%;height: 400px;overflow-y: auto;" v-loading="loadPint">
        <div class="dia_body">
          <el-checkbox
          style="margin: 10px 5px;"
          :indeterminate="isIndeterminate"
          v-model="checkAll"
          @change="handleCheckAllChange">全选</el-checkbox>
          <el-checkbox-group @change="changePrintCode()" v-model="checkIndexList">
            <el-card class="box-card" v-for="(item, i) in qrData" :key="i" style="margin-bottom: 15px; font-size: 16px !important;">
                  <el-checkbox :label="i" :key="i" style="position: relative;top:-20px;left:5px"><br></el-checkbox>
                   <div>
                    <el-row style="font-size: 14px;padding-left: 20px;">
                        <el-col  style="font-weight: bold;">{{ item.pName }}</el-col>
                    </el-row>
                    <div style="display: flex;">
                      <div>
                        <el-col :span="8" :offset="4">
                          <vueQr :text="JSON.stringify(item.sampleCode)" :size="140" :margin="2"></vueQr>
                        </el-col>
                      </div>
                      <div style="margin-left: 50px;width: 100%;">
                        <el-row>
                          <el-col  style="font-weight: bold;font-size: 14px;"><span>样品编号:&nbsp; </span>{{ item.sampleCode }}</el-col>
                        </el-row>
                        <el-row style="margin-top: 1px;font-size: 14px;">
                          <el-col  style="font-weight: bold;"><span>委托单号:&nbsp; </span>{{ item.code }}</el-col>
                        </el-row>
                        <el-row style="margin-top: 1px;font-size: 14px;">
                          <el-col  style="font-weight: bold;"><span>规格型号:&nbsp; </span>{{ item.model }}</el-col>
                        </el-row>
                        <el-row style="margin-top: 1px;font-size: 14px;">
                          <el-col  style="font-weight: bold;"><span>样品名称号:&nbsp; </span>{{ item.sample }}</el-col>
                        </el-row>
                        <el-row style="margin-top: 1px;font-size: 14px;">
                          <el-col  style="font-weight: bold;"><span>检测项目:&nbsp; </span>{{ item.item }}</el-col>
                        </el-row>
                        <el-row style="margin-top: 3px;font-size: 14px;">
                          <el-col  style="font-weight: bold;display: flex;align-items: center;"><span>样品状态:&nbsp; </span><el-radio-group :value="item.insState" style="margin-top: 7px;margin-left: 4px;" disabled>
                            <el-radio :label="0" style="font-weight: bold;margin-right: 7px;">待检</el-radio>
                            <el-radio :label="1" style="font-weight: bold;margin-right: 7px;">在检</el-radio>
                            <el-radio :label="2" style="font-weight: bold;margin-right: 7px;">已检</el-radio>
                          </el-radio-group><el-radio :label="1" style="font-weight: bold;margin-top: 7px;" v-model="item.isLeave" disabled>留样</el-radio></el-col>
                        </el-row>
                      </div>
                  </div>
                  </div>
            </el-card>
          </el-checkbox-group>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-row>
          <el-button @click="printDialogVisible=false">取 消</el-button>
          <el-button type="primary" @click="submitPrint" :loading="printLoading">打 印</el-button>
        </el-row>
      </span>
    </el-dialog>
   </div>
</template>

<script>
   import ValueTable from '../tool/value-table.vue'
   import Add from '../do/b1-ins-order/add.vue'
  import vueQr from 'vue-qr'
  import PrintJS from 'print-js'
   export default {
      components: {
         ValueTable,
         Add
         Add,
      vueQr
      },
      data() {
         return {
        loadPint:false,
        checkAll: false,
        isIndeterminate: true,
        printLoading:false,
        printDialogVisible:false,
            //是否审核通过  true是 false不是
            isPass: false,
            //是否审核撤销  true是 false不是
@@ -278,8 +370,9 @@
                  }
               },
               isIndex: true,
               showSelect: false,
               select: false,
               showSelect: true,
               select: true,
          selectMethod:'selectMethod',
               do: [{
                  id: 'dataLook',
                  font: '数据查看',
@@ -321,7 +414,7 @@
                  }
               }],
               linkEvent: {
                  entrustCode: {
                  sampleName: {
                     method: 'selectAllByOne'
                  }
               },
@@ -455,9 +548,23 @@
            active: 0, //1：下单，2：查看，3：审核，4：光纤配置,默认为0
            currentId: null,
        more:false,
        insOrderRow:{}
        insOrderRow:{},
        checkIndexList:[],
        checkDataList:[],
        qrData:[],
        multipleSelection:[]
         }
      },
    watch:{
      printDialogVisible(newVal){
        if(!newVal){
          this.qrData = []
          this.checkIndexList = []
          this.checkDataList = []
          this.isIndeterminate = true;
        }
      }
    },
      mounted() {
         this.entityCopy = this.HaveJson(this.componentData.entity)
         this.getPower()
@@ -467,6 +574,86 @@
      this.selectEnumByCategoryForOrderType()
      },
      methods: {
      selectMethod(val){
        this.multipleSelection = val
      },
      getLabelPrinting(selection){
        this.loadPint = true;
        this.$axios.post(this.$api.insOrder.labelPrinting,{
          ids:selection.map(m=>m.id).join(',')
        }).then(res => {
          let arr = res.data;
          arr.forEach(a=>{
            this.loadPint = false;
            let arr1 = []
            a.insProduct.forEach(b=>{
              arr1.push(b.inspectionItem)
            })
            a.item = [...new Set(arr1)].join(',')
          })
          this.qrData = arr
          console.log(this.qrData)
            })
      },
      //选择要打印的二维码
      changePrintCode(){
        let indexList = this.checkIndexList
        let arr = []
        indexList.forEach(i=>{
          arr.push(this.qrData[i])
        })
        this.checkDataList = arr
      },
      //全选
      handleCheckAllChange(val) {
        if(val){
          for(var i=0;i<this.qrData.length;i++){
            this.checkIndexList.push(i)
          }
          this.checkDataList = this.qrData
        }else{
          this.checkIndexList = []
          this.checkDataList = []
        }
        this.isIndeterminate = false;
      },
      submitPrint(){
        if(this.checkDataList.length < 1){
          this.$message.warning("请选择要打印的二维码")
          return
        }
        this.printDialogVisible = false;
        PrintJS({
            printable: 'printMOrder',//页面
            type: "html",//文档类型
              maxWidth:450,
              targetStyles:['*'],
              style: `@page {
                margin:0;
                size: 360px 175px landscape;
              }
              html{
                zoom:100%;
              }
              @media print{
                width: 360px;
                height: 175px;
                margin:0;
              }`,
              onPrintDialogClose: this.erexcel=false,
              targetStyles: ["*"], // 使用dom的所有样式，很重要
              font_size: '',
        });
      },
      print(){
        if(this.multipleSelection.length==0){
            this.$message.warning('请选择一条数据')
            return
        }
        let selection = this.multipleSelection
        this.getLabelPrinting(selection)
        this.printDialogVisible = true
      },
         getAuthorizedPerson() {
            this.$axios.get(this.$api.user.getUserMenu).then(res => {
               let data = []