增加人事系统对接

value

2024-05-16 083c818af77d33d619dba3dc20f94e996225a1c7

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

@@ -12,19 +12,20 @@
   }

   .search_thing {
      width: 350px;
      display: flex;
      align-items: center;
      height: 50px;
    width: 230px;
   }

   .search_label {
      width: 110px;
      width: 90px;
      font-size: 14px;
      text-align: right;
   }

   .search_input {
      width: calc(100% - 110px);
      width: calc(100% - 90px);
   }

   .table {
@@ -54,7 +55,7 @@
      border-radius: 8px 0 0 8px;
   }

   .tab li:nth-child(4) {
   .tab li:nth-child(5) {
      border-radius: 0 8px 8px 0;
   }

@@ -69,117 +70,152 @@
</style>

<template>
   <div class="role_manage">
      <div>
         <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="playOrder">下单</el-button>
            </el-col>
         </el-row>
   <div class="inspection_order">
      <div style="width: 100%;height: 100%;" v-if="active == 0">
         <div>
            <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="playOrder(1)" v-if="addPower">下单</el-button>
               </el-col>
            </el-row>
         </div>
         <div class="search">
            <div class="search_thing">
               <div class="search_label">委托编号：</div>
               <div class="search_input"><el-input size="small" placeholder="请输入" clearable
                     v-model="componentData.entity.entrustCode" @keyup.enter.native="refreshTable()"></el-input></div>
            </div>
            <div class="search_thing">
               <div class="search_label">样品名称：</div>
               <div class="search_input"><el-input size="small" placeholder="请输入" clearable
                     v-model="componentData.entity.sampleType" @keyup.enter.native="refreshTable()"></el-input></div>
            </div>
        <div class="search_thing">
           <div class="search_label">样品型号：</div>
           <div class="search_input"><el-input size="small" placeholder="请输入" clearable
                 v-model="componentData.entity.sampleModel" @keyup.enter.native="refreshTable()"></el-input></div>
        </div>
        <div class="search_thing">
               <div class="search_label">样品编号：</div>
               <div class="search_input"><el-input size="small" placeholder="请输入" clearable
                     v-model="componentData.entity.sampleCode" @keyup.enter.native="refreshTable()"></el-input></div>
            </div>
        <div class="search_thing">
               <div class="search_label">下单时间：</div>
               <div class="search_input">
            <el-date-picker style="width:100%" v-model="componentData.entity.createTime"
            type="date"
            size="small"
            format="yyyy-MM-dd"
            value-format="yyyy-MM-dd HH:mm:ss"
            clearable
            placeholder="选择日期">
            </el-date-picker>
          </div>
            </div>
            <div class="search_thing" style="padding-left: 30px;">
               <el-button size="small" @click="refresh()">重 置</el-button>
               <el-button size="small" type="primary" @click="refreshTable()">查 询</el-button>
            </div>
         </div>
         <div class="table">
            <ul class="tab">
               <li v-for="(m,i) in tabList" :key="i" :class="{active:i==tabIndex}" @click="handleTab(m,i)">{{m.label}}</li>
            </ul>
            <ValueTable ref="ValueTable" :url="$api.insOrder.selectInsOrderParameter" :componentData="componentData"
               :key="'b'+upIndex" style="height: calc(100% - 44px)" />
         </div>
         <!-- 审核 -->
         <el-dialog title="下单审核" :visible.sync="verifyDialogVisible" width="30%" :before-close="handleClose">
            <p style="font-size:16px;color:#333333" v-if="!isPass">委托编号<span
                  style="color:#34BD66">ZTMS2023071001</span>的信息是否通过</p>
            <el-form :label-position="labelPosition" :model="formData" label-width="150px" ref="ruleForm" v-else>
               <el-form-item label="请输入样品库位号：">
                  <el-input v-model="formData.specificationModel" size="small" style="width:60%"></el-input>
               </el-form-item>
            </el-form>
            <span slot="footer" class="dialog-footer">
               <el-row v-if="!isPass">
                  <el-button @click="handleClose">退 回</el-button>
                  <el-button type="primary" @click="submitForm" :loading="upLoad">通 过</el-button>
               </el-row>
               <el-row v-else>
                  <el-button @click="handleClose">返 回</el-button>
                  <el-button type="primary" @click="submitForm" :loading="upLoad">确 定</el-button>
               </el-row>
            </span>
         </el-dialog>
         <!-- 撤销 -->
         <el-dialog title="下单撤销" :visible.sync="quashDialogVisible" width="30%" :before-close="handleClose">
            <p style="font-size:16px;color:#333333" v-if="!isQuash">委托编号<span
                  style="color:#34BD66">ZTMS2023071001</span>的信息是否撤销</p>
            <el-form :label-position="labelPosition" :model="formData" label-width="150px" ref="ruleForm" v-else>
               <el-form-item label="请输入撤销原因：">
                  <el-input v-model="formData.specificationModel" size="small" style="width:60%"></el-input>
               </el-form-item>
            </el-form>
            <span slot="footer" class="dialog-footer">
               <el-row v-if="!isQuash">
                  <el-button @click="handleClose">取 消</el-button>
                  <el-button type="primary" @click="submitForm" :loading="upLoad">确 定</el-button>
               </el-row>
               <el-row v-else>
                  <el-button @click="handleClose">返 回</el-button>
                  <el-button type="primary" @click="submitForm" :loading="upLoad">确 定</el-button>
               </el-row>
            </span>
         </el-dialog>
         <!-- 下发 -->
         <el-dialog title="检验分配" :visible.sync="issuedDialogVisible" width="400px" :before-close="handleClose">
            <div class="body" style="max-height: 60vh;">
               <el-row>
                  <el-col class="search_thing" style="width: 95%;">
                     <div class="search_label"><span class="required-span">* </span>约定时间：</div>
                     <div class="search_input">
                        <el-date-picker size="small" v-model="distributeData.appointed" type="date" placeholder="选择日期"
                           value-format="yyyy-MM-dd" style="width: 100%;" format="yyyy-MM-dd">
                        </el-date-picker>
                     </div>
                  </el-col>
                  <el-col class="search_thing" style="width: 95%;">
                     <div class="search_label"><span class="required-span" v-show="distributeData.type==2">* </span>指派人员：</div>
                     <div class="search_input">
                        <el-select v-model="distributeData.userId" placeholder="请选择" size="small" style="width: 100%;" clearable>
                           <el-option v-for="(item,i) in personList" :key="i" :label="item.label" :value="item.value">
                           </el-option>
                        </el-select>
                     </div>
                  </el-col>
               </el-row>
            </div>
            <span slot="footer" class="dialog-footer">
               <el-row>
                  <el-button @click="handleClose2">取 消</el-button>
                  <el-button type="primary" @click="submitForm2" :loading="upLoad">确 定</el-button>
               </el-row>
            </span>
         </el-dialog>
         <el-dialog title="数据查看" :visible.sync="dataDialogVisible" width="80%">
            <div style="height: 70vh;overflow-y: auto;" v-if="dataDialogVisible">
               <ValueTable ref="ValueTableDataLook" :url="$api.insOrder.selectSampleAndProductByOrderId"
                  :componentData="componentDataDataLook"/>
            </div>
         </el-dialog>
      </div>
      <div class="search">
         <div class="search_thing">
            <div class="search_label">委托编号：</div>
            <div class="search_input"><el-input size="small" placeholder="请输入" clearable
                  v-model="componentData.entity.deviceName" @keyup.enter.native="refreshTable()"></el-input></div>
         </div>
         <div class="search_thing">
            <div class="search_label">样品名称：</div>
            <div class="search_input"><el-input size="small" placeholder="请输入" clearable
                  v-model="componentData.entity.specificationModel" @keyup.enter.native="refreshTable()"></el-input></div>
         </div>
         <div class="search_thing" style="padding-left: 30px;">
            <el-button size="small" @click="refresh()">重 置</el-button>
            <el-button size="small" type="primary" @click="refreshTable()">查 询</el-button>
         </div>
      <div style="width: 100%;height: 100%;" v-if="active >0">
         <Add :active="active" :currentId="currentId" />
      </div>
      <div class="table">
         <ul class="tab">
            <li v-for="(m,i) in tabList" :key="i" :class="{active:i==tabIndex}" @click="handleTab(m,i)">{{m.label}}</li>
         </ul>
         <!-- 语法 子组件通过 this.$emit +传入方法名 调用父组件方法 例如  this.$emit（selectAllByOne） 就需在父组件声明并传入  @selectAllByOne="selectAllByOne"-->
         <ValueTable ref="ValueTable" :url="$api.deviceScope.selectDeviceParameter" :componentData="componentData"
            :key="upIndex" style="height: calc(100% - 44px)" @selectAllByOne="selectAllByOne"
            @handleDataLook="handleDataLook" @download="download" @handleVerify="handleVerify" @handlEquash="handlEquash"
            @handleIssued="handleIssued" />
      </div>
      <!-- 审核 -->
      <el-dialog title="下单审核" :visible.sync="verifyDialogVisible" width="30%" :before-close="handleClose">
         <p style="font-size:16px;color:#333333" v-if="!isPass">委托编号<span
               style="color:#34BD66">ZTMS2023071001</span>的信息是否通过</p>
         <el-form :label-position="labelPosition" :model="formData" label-width="150px" ref="ruleForm" v-else>
            <el-form-item label="请输入样品库位号：">
               <el-input v-model="formData.specificationModel" size="small" style="width:60%"></el-input>
            </el-form-item>
         </el-form>
         <span slot="footer" class="dialog-footer">
            <el-row v-if="!isPass">
               <el-button @click="handleClose">退 回</el-button>
               <el-button type="primary" @click="submitForm" :loading="upLoad">通 过</el-button>
            </el-row>
            <el-row v-else>
               <el-button @click="handleClose">返 回</el-button>
               <el-button type="primary" @click="submitForm" :loading="upLoad">确 定</el-button>
            </el-row>
         </span>
      </el-dialog>
      <!-- 撤销 -->
      <el-dialog title="下单撤销" :visible.sync="quashDialogVisible" width="30%" :before-close="handleClose">
         <p style="font-size:16px;color:#333333" v-if="!isQuash">委托编号<span
               style="color:#34BD66">ZTMS2023071001</span>的信息是否撤销</p>
         <el-form :label-position="labelPosition" :model="formData" label-width="150px" ref="ruleForm" v-else>
            <el-form-item label="请输入撤销原因：">
               <el-input v-model="formData.specificationModel" size="small" style="width:60%"></el-input>
            </el-form-item>
         </el-form>
         <span slot="footer" class="dialog-footer">
            <el-row v-if="!isQuash">
               <el-button @click="handleClose">取 消</el-button>
               <el-button type="primary" @click="submitForm" :loading="upLoad">确 定</el-button>
            </el-row>
            <el-row v-else>
               <el-button @click="handleClose">返 回</el-button>
               <el-button type="primary" @click="submitForm" :loading="upLoad">确 定</el-button>
            </el-row>
         </span>
      </el-dialog>
      <!-- 下发 -->
      <el-dialog title="检验下发" :visible.sync="issuedDialogVisible" width="30%" :before-close="handleClose">
         <el-form :label-position="labelPosition" :model="formData" label-width="150px" ref="ruleForm">
            <el-form-item label="约定时间：">
               <el-date-picker style="width:100%" format="yyyy-MM-dd" value-format="yyyy-MM-dd" v-model="formData.downTime"
                  type="date" size="small" placeholder="选择时间">
               </el-date-picker>
            </el-form-item>
            <el-form-item label="指派人员：">
               <el-select v-model="formData.equipmentManager" placeholder="请选择" size="small" style="width:100%">
                  <el-option v-for="item in personList" :key="item.value" :label="item.label" :value="item.value">
                  </el-option>
               </el-select>
            </el-form-item>
         </el-form>
         <span slot="footer" class="dialog-footer">
            <el-row>
               <el-button @click="handleClose">取 消</el-button>
               <el-button type="primary" @click="submitForm" :loading="upLoad">确 定</el-button>
            </el-row>
         </span>
      </el-dialog>
      <el-dialog title="数据查看" :visible.sync="dataDialogVisible" width="70%" :before-close="handleClose">
         <div style="height: 70vh;overflow-y: auto;">
            <ValueTable ref="ValueTableDataLook" :url="$api.deviceScope.selectDeviceParameter"
               :componentData="componentDataDataLook" :key="upIndex" />
         </div>
      </el-dialog>
   </div>
</template>

<script>
   import ValueTable from '../tool/value-table.vue'
   import Add from '../do/b1-ins-order/add.vue'
   export default {
      components: {
         ValueTable
         ValueTable,
         Add
      },
      data() {
         return {
@@ -192,15 +228,24 @@
            issuedDialogVisible: false,
            dataDialogVisible: false,
            formData: {},
            formData0: {},
            formData1: {},
            distributeData: {
               orderId: '',
               sampleId: '',
               appointed: '',
               userId: ''
            },
            // 人员列表
            personList: [],
            labelPosition: 'right',
            componentData: {
               entity: {
                  deviceStatus: null,
                  deviceName: null,
                  specificationModel: null,
                  largeCategory: null,
                  entrustCode: null,
                  sampleType: null,
            sampleName: null,
            sampleModel: null,
            sampleCode: null,
                  state: 0,
                  orderBy: {
                     field: 'id',
                     order: 'asc'
@@ -213,59 +258,106 @@
                  id: 'dataLook',
                  font: '数据查看',
                  type: 'text',
                  method: 'handleDataLook'
                  method: 'handleDataLook',
                  disabFun: (row, index) => {
                     return row.state != 1 && row.state != 4
                  }
               }, {
                  id: 'download',
                  font: '报告下载',
                  type: 'text',
                  method: 'download'
                  method: 'download',
                  disabFun: (row, index) => {
                     return row.state != 4 || row.reportId == null
                  }
               }, {
                  id: 'verify',
                  font: '审核',
                  type: 'text',
                  method: 'handleVerify'
                  method: 'handleVerify',
                  disabFun: (row, index) => {
                     return row.state != 0
                  }
               }, {
                  id: 'quash',
                  font: '撤销',
                  type: 'text',
                  method: 'handlEquash'
                  method: 'handlEquash',
                  disabFun: (row, index) => {
                     return row.state != 1 && row.state != 0
                  }
               }, {
                  id: 'issued',
                  font: '下发',
                  font: '分配',
                  type: 'text',
                  method: 'handleIssued'
                  method: 'handleIssued',
                  disabFun: (row, index) => {
                     return row.state != 1 || row.sendTime != null
                  }
               }],
               linkEvent: {
                  entrustCode: {
                     method: 'selectAllByOne'
                  }
               },
               tagField: {
                  deviceStatus: {
                  type: {
                     select: [{
                        value: 0,
                        type: 'success',
                        label: '正常'
                        label: '普通'
                     }, {
                        value: 1,
                        type: 'warning',
                        label: '报废'
                        label: '优先'
                     }, {
                        value: 2,
                        type: 'danger',
                        label: '保修'
                        label: '紧急'
                     }]
                  }
               },
               linkEvent:{
                 deviceName:{
                   id: 'details',
                   method:'selectAllByOne',
                 }
                  },
                  createUser: {
                     select: []
                  },
            orderType: {
              select: []
            },
            processing: {
              select: [{
                value: 1,
                label: '实验室处理'
              },{
                value: 0,
                label: '委托单位取回'
              }]
            },
            isLeave: {
              select: [{
                value: 1,
                label: '留样'
              },{
                value: 0,
                label: '不留样'
              }]
            },
            send: {
              select: [{
                value: 1,
                label: '自取'
              },{
                value: 0,
                label: '其他'
              }]
            }
               },
               selectField: {},
               requiredAdd: ['largeCategory', 'subclass', 'deviceName', 'internalCode', 'specificationModel', 'manufacturer'],
               requiredUp: ['largeCategory', 'subclass', 'deviceName', 'internalCode', 'specificationModel', 'manufacturer']
               requiredAdd: [],
               requiredUp: []
            },
            componentDataDataLook: {
               entity: {
                  id: 0,
                  orderBy: {
                     field: 'id',
                     field: 'sampleCode',
                     order: 'asc'
                  }
               },
@@ -274,23 +366,38 @@
               select: false,
               do: [],
               tagField: {
                  deviceStatus: {
                  insState: {
                     select: []
                  },
                  insResult: {
                     select: [{
                        value: 0,
                        type: 'success',
                        label: '正常'
                     }, {
                        value: 1,
                        type: 'warning',
                        label: '报废'
                     }, {
                        value: 2,
                        type: 'danger',
                        label: '保修'
                        label: '合格',
                        type: 'success'
                     },{
                        value: 0,
                        label: '不合格',
                        type: 'danger'
                     }]
                  }
               },
               selectField: {},
          spanConfig:{
            rows:[
              {
                name:'sampleCode',
                index:0
              },
              {
                name:'sample',
                index:1
              },
              {
                name:'model',
                index:2
              }
            ]
          },
               requiredAdd: [],
               requiredUp: []
            },
@@ -299,12 +406,15 @@
            addPower: true,
            upLoad: false,
            tabList: [{
                  label: '检验处理',
                  label: '待审核',
                  value: 0
               }, {
                  label: '待检验',
                  value: 1
               },
               {
                  label: '待审核',
                  value: 1
                  label: '已检验',
                  value: 4
               },
               {
                  label: '退回',
@@ -316,13 +426,31 @@
               },
            ],
            tabIndex: 0,
            active: 0, //1：下单，2：查看，3：审核
            currentId: null
         }
      },
      mounted() {
         this.entityCopy = this.HaveJson(this.componentData.entity)
         this.getPower()
         this.getUserMenu()
         this.getAuthorizedPerson()
         this.getInsStateDicts()
      this.selectEnumByCategoryForOrderType()
      },
      methods: {
         getAuthorizedPerson() {
            this.$axios.get(this.$api.user.getUserMenu).then(res => {
               let data = []
               res.data.forEach(a => {
                  data.push({
                     label: a.name,
                     value: a.id
                  })
               })
               this.personList = data
            })
         },
         refreshTable() {
            this.$refs['ValueTable'].selectList()
         },
@@ -337,21 +465,15 @@
            let del = false
            let add = false
            for (var i = 0; i < power.length; i++) {
               if (power[i].menuMethod == 'upDeviceParameter') {
               if (power[i].menuMethod == 'upInsOrder') {
                  up = true
               }
               if (power[i].menuMethod == 'delDeviceParameter') {
                  del = true
               }
               if (power[i].menuMethod == 'addDeviceParameter') {
               if (power[i].menuMethod == 'addInsOrder') {
                  add = true
               }
            }
            if (!del) {
               this.componentData.do.splice(1, 1)
            }
            if (!up) {
               this.componentData.do.splice(0, 1)
               this.componentData.do.splice(4, 1)
            }
            this.addPower = add
         },
@@ -362,25 +484,46 @@
            this.dataDialogVisible = false;
            this.upLoad = false;
         },
         handleClose2() {
            this.verifyDialogVisible = false;
            this.quashDialogVisible = false;
            this.issuedDialogVisible = false;
            this.dataDialogVisible = false;
            this.upLoad = false;
         },
         // 详情
         selectAllByOne(row) {
            //打开弹框
            this.dialogVisible = true;
            //row = 点击对应行值
            //复制给formData
            this.formData = this.HaveJson(row);
            this.active = 2;
            // console.log(row);
            // //打开弹框
            // this.dialogVisible = true;
            // //row = 点击对应行值
            // //复制给formData
            // this.formData = this.HaveJson(row);
            this.currentId = row.id
         },
         // 数据查看
         handleDataLook(row) {
            this.componentDataDataLook.entity.id = row.id
            this.dataDialogVisible = true;
         },
         // 下载报告
         download(row) {

         },
        let url = row.urlS?row.urlS:row.url;
        if(url){
          url = url.split('.')[0]+'.pdf'
          const link = document.createElement('a');
          link.href = this.javaApi + url;
          link.target = '_blank';
          document.body.appendChild(link);
          link.click();
        }
      },
         // 审核
         handleVerify(row) {
            this.verifyDialogVisible = true;
            // this.verifyDialogVisible = true;
            this.active = 3;
            this.currentId = row.id
         },
         // 撤销
         handlEquash(row) {
@@ -389,6 +532,43 @@
         // 下发
         handleIssued(row) {
            this.issuedDialogVisible = true;
            this.$axios.post(this.$api.insOrder.selectOrderManDay, {
               id: row.id
            }).then(res => {
               this.distributeData.orderId = row.id
               this.distributeData.sampleId = row.sampleId
               this.distributeData.appointed = res.data
          this.distributeData.type = row.type
            })
         },
         submitForm2() {
            if (this.distributeData.appointed == null || this.distributeData.appointed == '') {
               this.$message.error('约定时间未填写')
               return
            }
        if(this.distributeData.type==2&&(this.distributeData.userId==null||this.distributeData.userId=='')){
               this.$message.error('指派人员未填写')
               return
            }
            this.upLoad = true;
            this.$axios.post(this.$api.insOrder.upInsOrder, {
               orderId: this.distributeData.orderId,
               sampleId: this.distributeData.sampleId,
               appointed: this.distributeData.appointed,
               userId: this.distributeData.userId
            }).then(res => {
               if (res.code === 201) {
                  this.upLoad = false
                  return
               }
               this.$message.success('修改成功')
               this.upLoad = false
               this.issuedDialogVisible = false
               this.refreshTable()
            }).catch(e => {
               this.$message.error('修改失败')
               this.upLoad = false
            })
         },
         submitForm() {
            this.upLoad = true;
@@ -398,30 +578,54 @@
            delete this.formData.createUser
            delete this.formData.updateUser
            this.formData.authorizedPerson = authorizedPerson
            this.$axios.post(this.$api.deviceScope.upDeviceParameter, this.formData, {
               headers: {
                  'Content-Type': 'application/json'
               }
            }).then(res => {
               if (res.code === 201) {
                  this.upLoad = false
                  return
               }
               this.$message.success('修改成功')
               this.upLoad = false
               this.refreshTable()
               this.dialogVisible = false
            }).catch(e => {
               this.$message.error('修改失败')
               this.dialogVisible = false
               this.upLoad = false
            })
         },
         // 下单
         playOrder() {},
         playOrder(num) {
            this.active = num
         },
         handleTab(m, i) {
            this.tabIndex = i;
         }
            this.componentData.entity.state = m.value
            this.refreshTable()
         },
         getUserMenu() {
            this.$axios.get(this.$api.user.getUserMenu).then(res => {
               let data = []
               res.data.forEach(a => {
                  data.push({
                     label: a.name,
                     value: a.id
                  })
               })
               this.componentData.tagField.createUser.select = data
            })
         },
         getInsStateDicts() {
            this.$axios.post(this.$api.enums.selectEnumByCategory, {
               category: "检验任务状态"
            }).then(res => {
               let data = res.data
               this.insStateList = data
               data.forEach(ele => {
                  //0:待检验 1:检验中 2:已检验 3:待复核 4:复核未通过 5:复核通过
                  if (['2', '5'].includes(ele.value)) {
                     ele.type = 'success'
                  } else if (['1', '3'].includes(ele.value)) {
                     ele.type = 'warning'
                  } else if (['0', '4'].includes(ele.value)) {
                     ele.type = 'danger'
                  }
               })
               this.componentDataDataLook.tagField.insState.select = data
            })
         },
      selectEnumByCategoryForOrderType() {
        this.$axios.post(this.$api.enums.selectEnumByCategory, {
          category: "检验类别"
        }).then(res => {
          this.componentData.tagField.orderType.select = res.data
        })
      },
      }
   }
</script>
</script>