From 38e6f27a8082e1173e3c02a33da5da39b6c6872c Mon Sep 17 00:00:00 2001 From: gaoluyang <gaoluyang@rengu.cc> Date: 星期三, 31 七月 2024 13:33:04 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- src/components/view/b1-inspection-order.vue | 1089 ++++++++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 884 insertions(+), 205 deletions(-) diff --git a/src/components/view/b1-inspection-order.vue b/src/components/view/b1-inspection-order.vue index 9f1829b..cf1c56b 100644 --- a/src/components/view/b1-inspection-order.vue +++ b/src/components/view/b1-inspection-order.vue @@ -9,22 +9,24 @@ height: 80px; display: flex; align-items: center; + overflow: hidden; } .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 { @@ -34,229 +36,757 @@ height: calc(100% - 60px - 80px - 10px - 40px); padding: 20px; } - .tab{ - list-style-type: none; - display: flex; - margin-bottom: 12px; - } - .tab li{ - line-height: 24px; - padding: 6px 14px; - font-size: 14px; - color: #333333; - border: 1px solid #EEEEEE; - cursor: pointer; - } - .tab li:nth-child(1){ - border-radius: 8px 0 0 8px; - } - .tab li:nth-child(4){ - border-radius: 0 8px 8px 0; - } - .tab li.active{ - border-color: #3A7BFA; - color: #3A7BFA; - } - .el-form-item{ - margin-bottom: 16px; + .tab { + list-style-type: none; + display: flex; + margin-bottom: 12px; + } + + .tab li { + line-height: 24px; + padding: 6px 14px; + font-size: 14px; + color: #333333; + border: 1px solid #EEEEEE; + cursor: pointer; + } + + .tab li:nth-child(1) { + border-radius: 8px 0 0 8px; + } + + .tab li:nth-child(5) { + border-radius: 0 8px 8px 0; + } + + .tab li.active { + border-color: #3A7BFA; + color: #3A7BFA; + } + + .el-form-item { + margin-bottom: 16px; + } + .box-card >>>.el-radio__inner { + border-radius: 2px !important; } - .picName{ + .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-dialog__body >>>.el-radio__label{ + font-size: 8px; + } + .el-dialog__body >>>.el-radio__input.is-checked .el-radio__inner::after { + content: ''; + width: 4px; + height: 3px; + border: 1px solid #000; + border-top: transparent; + border-right: transparent; + text-align: center; + display: block; + position: absolute; + top: 1px; + left: 2px; + transform: rotate(-45deg); + border-radius: 0px; + background: none; + } + >>>.el-radio__input.is-disabled.is-checked .el-radio__inner{ + background: #3A7BFA; + } + .el-dialog__body >>>.el-radio__input.is-disabled.is-checked .el-radio__inner{ + background: transparent; + } + .el-dialog__body >>>.el-radio__inner{ + width: 8px !important; + height: 8px !important; + } + .el-dialog__body >>>.el-radio__label{ + padding-left: 2px !important; + } + .el-dialog__body >>>.el-card__body{ + padding: 0 !important; + } + .el-dialog__body >>>.el-card { + border: none; + } + .el-dialog__body >>>.el-radio__input.is-disabled .el-radio__inner{ + border-color: #000 !important; + } + .el-dialog__body >>>.el-radio__input.is-disabled.is-checked .el-radio__inner{ + border: none !important; + } + .scor{ + width: 3px; + height: 3px; + border-radius: 1px; + border: 1px solid #000; + display: inline-block; + } + .ellipsis-multiline { + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; - white-space: nowrap; - word-break: break-all; - width: 120px; + word-wrap: break-word; + max-height: 3.0em; /* 楂樺害涓哄瓧浣撳ぇ灏忕殑涓ゅ�� */ + line-height: 1.5em; /* 琛岄珮 */ + height: 3.0em; /* 楂樺害涓鸿楂樼殑涓ゅ�� */ } </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> - <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 class="inspection_order"> + <div style="width: 100%;height: 100%;" v-show="active == 0"> + <div> + <el-row class="title"> + <el-col :span="12" style="padding-left: 20px;text-align: left;">妫�楠屼笅鍗�</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> </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> - <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锛坰electAllByOne锛� 灏遍渶鍦ㄧ埗缁勪欢澹版槑骞朵紶鍏� @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="dialogVisible0" - width="30%" - :before-close="handleClose"> - <p style="font-size:16px;color:#333333">濮旀墭缂栧彿<span style="color:#34BD66">ZTMS2023071001</span>鐨勪俊鎭槸鍚﹂�氳繃</p> - <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> + <div class="search" :style="`height: ${more?130:80}px;`"> + <el-row :gutter="10" style="width: 100%;"> + <el-col :span="20" style="display: flex;flex-wrap: wrap;"> + <div class="search_thing" style="width: 20%;"> + <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" style="width: 20%;"> + <div class="search_label">鏍峰搧鍚嶇О锛�</div> + <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable + v-model="componentData.entity.sample" @keyup.enter.native="refreshTable()"></el-input></div> + </div> + <div class="search_thing" style="width: 20%;"> + <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" style="width: 20%;"> + <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" style="width: 20%;"> + <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="width: 20%;" v-if="more"> + <div class="search_label">涓嬪崟浜猴細</div> + <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable + v-model="componentData.entity.name" @keyup.enter.native="refreshTable()"></el-input></div> + </div> + <div class="search_thing" style="width: 20%;" v-if="more"> + <div class="search_label">宸ョ▼鍚嶇О锛�</div> + <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable + v-model="componentData.entity.engineering" @keyup.enter.native="refreshTable()"></el-input></div> + </div> + <div class="search_thing" style="width: 20%;" v-if="more"> + <div class="search_label">鐢熶骇鍗曚綅锛�</div> + <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable + v-model="componentData.entity.production" @keyup.enter.native="refreshTable()"></el-input></div> + </div> + </el-col> + <el-col :span="4"> + <div class="search_thing"> + <el-button type="text" :icon="!more?'el-icon-arrow-down':'el-icon-arrow-up'" style="color: #3A7BFA;" @click="more=!more">{{!more?'鏇村':'鏀惰捣'}}</el-button> + <el-button size="small" @click="refresh()">閲� 缃�</el-button> + <el-button size="small" type="primary" @click="refreshTable()">鏌� 璇�</el-button> + </div> + </el-col> </el-row> - <el-row v-else> - <el-button @click="handleClose">杩� 鍥�</el-button> - <el-button type="primary" @click="submitForm" :loading="upLoad">纭� 瀹�</el-button> + </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 :style="getStyle()" ref="ValueTable" :url="$api.insOrder.selectInsOrderParameter" :componentData="componentData" + :key="'b'+upIndex" /> + </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">{{this.insOrderRow.entrustCode}}</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 filterable @change="changeUser"> + <el-option v-for="(item,i) in personList" :key="i" :label="item.label" :value="item.value"> + </el-option> + </el-select> + </div> + </el-col> + <el-col class="search_thing" style="width: 95%;" v-if="distributeData.userId"> + <div class="search_label"><span class="required-span" >* </span>璇曢獙瀹わ細</div> + <div class="search_input"> + <el-select v-model="distributeData.sonLaboratory" placeholder="璇烽�夋嫨" size="small" style="width: 100%;" clearable filterable> + <el-option v-for="(item,i) in sonLaboratoryList" :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 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>鏍峰搧缂栧彿: </span>{{ item.sampleCode }}</el-col> + </el-row> + <el-row style="margin-top: 1px;font-size: 14px;"> + <el-col style="font-weight: bold;"><span>濮旀墭鍗曞彿: </span>{{ item.code }}</el-col> + </el-row> + <el-row style="margin-top: 1px;font-size: 14px;"> + <el-col style="font-weight: bold;"><span>瑙勬牸鍨嬪彿: </span>{{ item.model }}</el-col> + </el-row> + <el-row style="margin-top: 1px;font-size: 14px;"> + <el-col style="font-weight: bold;"><span>鏍峰搧鍚嶇О: </span>{{ item.sampleName }}</el-col> + </el-row> + <el-row style="margin-top: 1px;font-size: 14px;" class="ellipsis-multiline"> + <el-col style="font-weight: bold;"><span>妫�娴嬮」鐩�: </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>鏍峰搧鐘舵��: </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 class="el-dialog__body" style="display:none;overflow-y: auto;margin-top: 0;position: fixed;top: 999px;z-index: 99999;"> + <div id="printMOrder"> + <el-card class="box-card" v-for="(item, i) in checkDataList" :key="i" style="font-size: 8px !important;page-break-after: always;color: #000;box-shadow: none;" > + <div style="display: flex;"> + <div> + <el-col :span="10" :offset="2"> + <vueQr :text="JSON.stringify(item.sampleCode)" :size="78" :margin="2"></vueQr> + </el-col> + </div> + <div style="margin-left: 12px;line-height: 9px;"> + <el-row> + <el-col style="font-size: 8px;"><span>鏍峰搧缂栧彿: </span>{{ item.sampleCode }}</el-col> + </el-row> + <el-row style="font-size: 8px;"> + <el-col><span>濮旀墭鍗曞彿: </span>{{ item.code }}</el-col> + </el-row> + <el-row style="font-size: 8px;"> + <el-col><span>瑙勬牸鍨嬪彿: </span>{{ item.model }}</el-col> + </el-row> + <el-row style="font-size: 8px;"> + <el-col ><span>鏍峰搧鍚嶇О: </span>{{ item.sampleName }}</el-col> + </el-row> + <el-row style="font-size: 8px;width: 140px;"> + <el-col class="ellipsis-multiline"><span>妫�娴嬮」鐩�: </span>{{ item.item }}</el-col> + </el-row> + <el-row style="margin-top: 3px;font-size: 8px;"> + <el-col style="display: flex;align-items: center;"><span>鏍峰搧鐘舵��: + </span> + <span style="white-space: nowrap;"><span v-if="item.insState==0">鈭�</span><span class="scor" v-if="item.insState!=0"></span>寰呮 + <span v-if="item.insState==1">鈭�</span><span class="scor" v-if="item.insState!=1"></span>鍦ㄦ + <span v-if="item.insState==2">鈭�</span><span class="scor" v-if="item.insState!=2"></span>宸叉 + <span v-if="item.isLeave==1">鈭�</span><span class="scor" v-if="item.isLeave!=1"></span>鐣欐牱</span> + <!-- <el-radio-group :value="item.insState" style="margin-top: 3px;margin-left: 1px;" disabled> + <el-radio :label="0" style="margin-right: 3px;font-size: 6px;">寰呮</el-radio> + <el-radio :label="1" style="margin-right: 3px;font-size: 6px;">鍦ㄦ</el-radio> + <el-radio :label="2" style="margin-right: 3px;font-size: 6px;">宸叉</el-radio> + </el-radio-group><el-radio :label="1" style="margin-top: 3px;font-size: 8px;" v-model="item.isLeave" disabled>鐣欐牱</el-radio> --> + </el-col> + </el-row> + </div> + </div> + </el-card> + </div> + </div> </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 + ValueTable, + Add, + vueQr }, data() { return { - //鏄惁閫氳繃 true鏄� false涓嶆槸 - isPass: true, + loadPint:false, + checkAll: false, + isIndeterminate: true, + printLoading:false, + printDialogVisible:false, + //鏄惁瀹℃牳閫氳繃 true鏄� false涓嶆槸 + isPass: false, + //鏄惁瀹℃牳鎾ら攢 true鏄� false涓嶆槸 + isQuash: false, + verifyDialogVisible: false, + quashDialogVisible: false, + issuedDialogVisible: false, + dataDialogVisible: false, formData: {}, - value: '', - options: [], - labelPosition: 'right', - dialogVisible0: false, + formData0: {}, + formData1: {}, + distributeData: { + orderId: '', + sampleId: '', + appointed: '', + userId: '', + sonLaboratory:'' + }, + // 浜哄憳鍒楄〃 + personList: [], componentData: { entity: { - deviceStatus: null, - deviceName: null, - specificationModel: null, - largeCategory: null, + entrustCode: null, + sample: null, + sampleName: null, + sampleModel: null, + sampleCode: null, + state: 0, + name:null, + engineering:null, + production:null, orderBy: { field: 'id', order: 'asc' } }, isIndex: true, - showSelect: false, - select: false, + showSelect: true, + select: true, + selectMethod:'selectMethod', do: [{ - id: 'details', - font: '璇︽儏', - type: 'text', - method: 'selectAllByOne' - }, { 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' - },{ - id: 'issued', - font: '涓嬪彂', + method: 'handlEquash', + disabFun: (row, index) => { + return row.state != 1 && row.state != 0 + } + }, { + font: '鍒嗛厤', type: 'text', - method: 'handleIssued' + method: 'handleIssued', + disabFun: (row, index) => { + return row.state != 1 || row.sendTime != null + } }], + linkEvent: { + sampleName: { + method: 'selectAllByOne' + } + }, tagField: { - deviceStatus: { + type: { select: [{ value: 0, type: 'success', - label: '姝e父' - },{ + label: '鏅��' + }, { value: 1, type: 'warning', - label: '鎶ュ簾' - },{ + label: '浼樺厛' + }, { value: 2, type: 'danger', - label: '淇濅慨' + label: '绱ф��' + }] + }, + 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: [], + requiredUp: [], + needSort: ['createTime', 'sendTime', 'type', 'appointed'] + }, + componentDataDataLook: { + entity: { + id: 0, + orderBy: { + field: 'sampleCode', + order: 'asc' + } + }, + isIndex: false, + showSelect: false, + select: false, + do: [], + tagField: { + insState: { + select: [] + }, + insResult: { + select: [{ + value: 1, + label: '鍚堟牸', + type: 'success' + },{ + value: 0, + label: '涓嶅悎鏍�', + type: 'danger' }] } - }, + }, selectField: {}, - requiredAdd:['largeCategory','subclass','deviceName','internalCode','specificationModel','manufacturer'], - requiredUp:['largeCategory','subclass','deviceName','internalCode','specificationModel','manufacturer'] + spanConfig:{ + rows:[ + { + name:'sampleCode', + index:0 + }, + { + name:'sample', + index:1 + }, + { + name:'model', + index:2 + } + ] + }, + requiredAdd: [], + requiredUp: [] }, entityCopy: {}, upIndex: 0, - addDia: true, addPower: true, - //璁惧绫诲瀷鍒楄〃 - equipmentList:[], - // 璐熻矗浜哄垪琛� - responsiblePersonList:[], - // 鎺堟潈浜哄垪琛� - authorizerList:[], - // 璁惧鐘舵�佸垪琛� - deviceStatusList:[], - upLoad:false, - tabList:[ + upLoad: false, + tabList: [{ + label: '寰呭鏍�', + value: 0 + }, { + label: '寰呮楠�', + value: 1 + }, + { + label: '宸叉楠�', + value: 4 + }, + { + label: '閫�鍥�', + value: 2 + }, + { + label: '鎾ら攢', + value: 3 + }, + ], + tabIndex: 0, + active: 0, //1锛氫笅鍗曪紝2锛氭煡鐪嬶紝3锛氬鏍革紝4锛氬厜绾ら厤缃�,榛樿涓�0 + currentId: null, + more:false, + insOrderRow:{}, + checkIndexList:[], + checkDataList:[ { - label:'妫�楠屽鐞�', - value:0 - }, - { - label:'寰呭鏍�', - value:1 - }, - { - label:'閫�鍥�', - value:2 - }, - { - label:'鎾ら攢', - value:3 - }, + sampleCode:'11111' + } ], - tabIndex:0, + qrData:[], + multipleSelection:[], + sonLaboratoryList:[] } }, + watch:{ + printDialogVisible(newVal){ + if(!newVal){ + this.qrData = [] + this.checkIndexList = [] + this.checkDataList = [] + this.isIndeterminate = true; + } + } + }, mounted() { this.entityCopy = this.HaveJson(this.componentData.entity) this.getPower() + this.getUserMenu() + this.getAuthorizedPerson() + this.getInsStateDicts() + this.selectEnumByCategoryForOrderType() }, methods: { - refreshTable() { - this.$refs['ValueTable'].selectList() + 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:360, + targetStyles:['*'], + style: `@page { + margin:0; + size: 360px 175px collapse; + } + 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 = [] + res.data.forEach(a => { + data.push({ + label: a.name, + value: a.id + }) + }) + this.personList = data + }) + }, + refreshTable(e) { + this.$refs['ValueTable'].selectList(e) }, refresh() { this.componentData.entity = this.HaveJson(this.entityCopy) @@ -268,80 +798,229 @@ let up = false let del = false let add = false + let revoke = false + let check = 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 (power[i].menuMethod == 'updateStatus') { + revoke = true + } + if (power[i].menuMethod == 'upInsOrderOfState') { + check = true + } } - if(!del){ - this.componentData.do.splice(1, 1) + if (!up) { + this.componentData.do.splice(4, 1) } - if(!up){ - this.componentData.do.splice(0, 1) - } + if (!revoke) { + this.componentData.do.splice(3, 1) + } + if (!check) { + this.componentData.do.splice(2, 1) + } this.addPower = add }, - handleClose(){ - this.dialogVisible0 = false; - this.upLoad = false; + handleClose() { + this.verifyDialogVisible = false; + this.quashDialogVisible = false; + this.issuedDialogVisible = false; + this.dataDialogVisible = false; + this.upLoad = false; }, - // 璇︽儏 - selectAllByOne(row){ - //鎵撳紑寮规 - this.dialogVisible = true; - //row = 鐐瑰嚮瀵瑰簲琛屽�� - //澶嶅埗缁檉ormData - this.formData=this.HaveJson(row); + handleClose2() { + this.verifyDialogVisible = false; + this.quashDialogVisible = false; + this.issuedDialogVisible = false; + this.dataDialogVisible = false; + this.upLoad = false; }, - // 鏁版嵁鏌ョ湅 - handleDataLook(row){}, - // 涓嬭浇鎶ュ憡 - download(row){}, - // 瀹℃牳 - handleVerify(row){ - this.dialogVisible0 = true; + // 璇︽儏 + selectAllByOne(row) { + this.active = 2; + // console.log(row); + // //鎵撳紑寮规 + // this.dialogVisible = true; + // //row = 鐐瑰嚮瀵瑰簲琛屽�� + // //澶嶅埗缁檉ormData + // 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(); + } }, - // 鎾ら攢 - handlEquash(row){}, - // 涓嬪彂 - handleIssued(row){}, - submitForm(){ - this.upLoad = true; - let authorizedPerson = this.formData.authorizedPerson.length>0?this.formData.authorizedPerson.join(','):'' - delete this.formData.createTime - delete this.formData.updateTime - 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' + // 瀹℃牳 + handleVerify(row) { + // this.verifyDialogVisible = true; + this.active = 3; + this.currentId = row.id + }, + // 鎾ら攢 + handlEquash(row) { + this.quashDialogVisible = true; + this.insOrderRow=row + }, + // 涓嬪彂 + 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 + }) + this.$axios.post(this.$api.insOrderPlan.upPlanUser2, { + orderId:row.id, + }).then(res => { + if (res.code === 200&&res.data.length>0) { + this.sonLaboratoryList = []; + res.data.forEach(m=>{ + this.sonLaboratoryList.push({ + value:m, + label:m + }) + }) } + }) + }, + 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 + } + if(this.distributeData.userId&&(this.distributeData.sonLaboratory==null||this.distributeData.sonLaboratory=='')){ + 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, + sonLaboratory:this.distributeData.sonLaboratory, }).then(res => { if (res.code === 201) { this.upLoad = false return } this.$message.success('淇敼鎴愬姛') - this.upLoad = false - this.refreshTable() - this.dialogVisible = false + this.upLoad = false + this.issuedDialogVisible = false + this.refreshTable('page') }).catch(e => { this.$message.error('淇敼澶辫触') - this.dialogVisible = false this.upLoad = false }) + }, + submitForm() { + this.upLoad = true; + if (this.tabIndex==1){ + this.axios.put(this.$api.insOrder.updateInspected+"?id="+this.insOrderRow.id).then(res=>{ + if (res.code===200){ + this.upLoad=false + this.quashDialogVisible=false + this.refreshTable('page') + this.$message.success("鏇存柊鎴愬姛") + } + }) + }else{ + this.axios.put(this.$api.insOrder.updateStatus+"?id="+this.insOrderRow.id).then(res=>{ + if (res.code===200){ + this.upLoad = false + this.quashDialogVisible = false + this.refreshTable('page') + this.$message.success("鏇存柊鎴愬姛") + } + }) + } + let authorizedPerson = this.formData.authorizedPerson.length > 0 ? this.formData.authorizedPerson.join(',') : '' + delete this.formData.createTime + delete this.formData.updateTime + delete this.formData.createUser + delete this.formData.updateUser + this.formData.authorizedPerson = authorizedPerson + }, + // 涓嬪崟 + playOrder(num) { + this.active = num + this.refreshTable('page') + }, + 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 + }) }, - // 涓嬪崟 - playOrder(){}, - handleTab(m,i){ - this.tabIndex = i; + getStyle(){ + return 'height: calc(100% - '+(this.more?'94':'44')+'px)' + }, + changeUser(){ + if(this.sonLaboratoryList.length>0){ + this.distributeData.sonLaboratory = this.sonLaboratoryList[0].value + } } } } -- Gitblit v1.9.3