copy from src/views/business/productOrder/components/add.vue
copy to src/views/business/productOrder/components/addOrder.vue
Îļþ´Ó src/views/business/productOrder/components/add.vue ¸´ÖÆ |
| | |
| | | <el-select v-show="active==1" v-model="template" placeholder="ä¸å模æ¿" size="small" |
| | | @change="selectInsOrderTemplateById"> |
| | | <el-option v-for="(a, ai) in templates" :key="ai" :label="a.name" :value="a.id"> |
| | | <span style="float: left">{{ a.name }}</span> |
| | | <i class="el-icon-delete" style="float: right; color: #66b1ff; font-size: 16px" |
| | | @click.stop="handleDelete(a)"></i> |
| | | <div style="display: flex; align-items: center; justify-content: space-between;"> |
| | | <span>{{ a.name }}</span> |
| | | <i class="el-icon-delete" |
| | | style="color: #66b1ff; font-size: 16px; cursor: pointer;" |
| | | @click.stop="handleDelete(a)"> |
| | | </i> |
| | | </div> |
| | | </el-option> |
| | | </el-select> |
| | | <el-button v-show="active==1" size="small" @click="templateDia=true"> |
| | |
| | | <el-form ref="addObj" :inline="true" :model="addObj" :rules="addObjRules" label-width="108px" label-position="right"> |
| | | <el-row> |
| | | <el-col :span="6"> |
| | | <el-form-item label="å§æç¼å·:"> |
| | | <el-form-item label="å§æç¼å·:" prop="entrustCode"> |
| | | <el-input v-model="addObj.entrustCode" clearable disabled placeholder="ç³»ç»çæ" size="small"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="å¶å人:"> |
| | | <el-form-item label="å¶å人:" prop="custom"> |
| | | <el-input v-model="addObj.custom" disabled size="small" clearable></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="æ¥ååéæ¹å¼:"> |
| | | <el-form-item label="æ¥ååéæ¹å¼:" prop="send"> |
| | | <el-radio-group v-model="addObj.send" :disabled="active>1&&tabIndex!=4" size="mini"> |
| | | <el-radio :label="1" border style="margin-right: 0">èªå</el-radio> |
| | | <el-radio :label="0" border>å
¶ä»</el-radio> |
| | |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="6"> |
| | | <el-form-item label="æ ·åå¤çæ¹å¼:"> |
| | | <el-form-item label="æ ·åå¤çæ¹å¼:" prop="processing"> |
| | | <el-radio-group v-model="addObj.processing" :disabled="active>1&&tabIndex!=4" size="mini" style="display: flex; flex-direction: column;"> |
| | | <el-radio :label="0" border style="margin-right: 0">å§æåä½åå</el-radio> |
| | | <el-radio :label="1" border>å®éªå®¤å¤ç</el-radio> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="æ¯å¦çæ ·:"> |
| | | <el-form-item label="æ¯å¦çæ ·:" prop="isLeave"> |
| | | <el-radio-group v-model="addObj.isLeave" border :disabled="active>1&&tabIndex!=4" size="mini"> |
| | | <el-radio :label="0" border style="margin-right: 0">ä¸çæ ·</el-radio> |
| | | <el-radio :label="1" border>çæ ·</el-radio> |
| | |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="6"> |
| | | <el-form-item label="å§æäºº:"> |
| | | <el-form-item label="å§æäºº:" prop="prepareUser"> |
| | | <el-input v-model="addObj.prepareUser" :disabled="active>1&&tabIndex!=4" :placeholder="active>1 ? '' : '请è¾å
¥'" clearable size="small"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="å§æäººè±æ:"> |
| | | <el-form-item label="å§æäººè±æ:" prop="prepareUserEn"> |
| | | <el-input v-model="addObj.prepareUserEn" :disabled="active>1&&tabIndex!=4" :placeholder="active>1 ? '' : '请è¾å
¥'" clearable size="small"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="夿³¨:"> |
| | | <el-form-item label="夿³¨:" prop="remark"> |
| | | <el-input v-model="addObj.remark" :autosize="{ minRows: 2, maxRows: 2}" :disabled="active>1&&tabIndex!=4" :placeholder="active>1 ? '' : '请è¾å
¥'" clearable |
| | | size="small" style="width: 100%" type="textarea"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="夿³¨è±æ:"> |
| | | <el-form-item label="夿³¨è±æ:" prop="remarkEn"> |
| | | <el-input v-model="addObj.remarkEn" :autosize="{ minRows: 2, maxRows: 2}" :disabled="active>1&&tabIndex!=4" :placeholder="active>1 ? '' : '请è¾å
¥'" clearable |
| | | size="small" type="textarea"></el-input> |
| | | </el-form-item> |
| | |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="6"> |
| | | <el-form-item label="æ ·ååç§°:"> |
| | | <el-form-item label="æ ·ååç§°:" prop="sampleView"> |
| | | <el-input v-model="addObj.sampleView" :disabled="active>1&&tabIndex!=4" :placeholder="active>1 ? '' : '请è¾å
¥'" clearable |
| | | size="small"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="æ ·ååç§°è±æ:"> |
| | | <el-form-item label="æ ·ååç§°è±æ:" prop="sampleViewEn"> |
| | | <el-input v-model="addObj.sampleViewEn" :disabled="active>1&&tabIndex!=4" :placeholder="active>1 ? '' : '请è¾å
¥'" clearable |
| | | size="small"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="å§æäººå·¥å·:"> |
| | | <el-form-item label="å§æäººå·¥å·:" prop="prepareCode"> |
| | | <el-input v-model="addObj.prepareCode" :disabled="active>1&&tabIndex!=4" :placeholder="active>1 ? '' : '请è¾å
¥'" clearable |
| | | size="small"></el-input> |
| | | </el-form-item> |
| | |
| | | size="small" type="textarea" |
| | | @change="e=>requestChange(e,scope.row,'radius')"> |
| | | </el-input> |
| | | <!-- <el-select v-else-if="scope.row.inspectionItem.includes('髿¸©ååè¯éª') && (active==1||tabIndex==4)" v-model="scope.row.radius" clearable--> |
| | | <!-- placeholder="æ¡ä»¶"--> |
| | | <!-- size="small" @change="e=>requestChange(e,scope.row,'radius')">--> |
| | | <!-- <el-option v-for="(a,i) in JSON.parse(scope.row.radiusList)" :key="i" :label="a" :value="a"></el-option>--> |
| | | <!-- </el-select>--> |
| | | <span v-else>{{scope.row.radius}}</span> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | </el-table-column> |
| | | <el-table-column label="计éåä½" prop="unit" show-overflow-tooltip width="100"></el-table-column> |
| | | <el-table-column label="åä»·" prop="price" show-overflow-tooltip width="100"></el-table-column> |
| | | <!-- <el-table-column prop="manDay" label="é¢è®¡æ¶é´(天)" width="120" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="manHour" label="å·¥æ¶ç³»æ°" width="100" show-overflow-tooltip></el-table-column> --> |
| | | <!-- <el-table-column prop="deviceGroup" label="设å¤ç»" width="120" show-overflow-tooltip></el-table-column> --> |
| | | <el-table-column label="åºé´" min-width="120" prop="section" show-overflow-tooltip></el-table-column> |
| | | <el-table-column :filter-method="filterHandler" :filters="filters" label="åå®éªå®¤" min-width="130" prop="sonLaboratory" |
| | | show-overflow-tooltip></el-table-column> |
| | | <el-table-column v-if="isSpecial&&active==1" |
| | | fixed="right" |
| | | label="æä½" |
| | | width="100"> |
| | | <el-table-column v-if="isSpecial&&active==1" label="æä½" width="100"> |
| | | <template slot-scope="scope"> |
| | | <el-button v-if="!scope.row.repetitionTag" size="small" type="text" @click="addProductList(productList,scope.row,scope.$index)">æå
¥è¡</el-button> |
| | | <el-button v-if="!!scope.row.repetitionTag&&scope.row.delete" size="small" type="text" @click="deleteProductList(scope.$index,productList)">å é¤</el-button> |
| | |
| | | import {mapGetters} from "vuex"; |
| | | |
| | | export default { |
| | | name: 'Add', |
| | | name: 'AddOrder', |
| | | components: { |
| | | limsTable, |
| | | cableConfig, |
| | | AuxiliaryWireCore |
| | | }, |
| | | computed:{ |
| | | ...mapGetters(["nickName"]), |
| | | ...mapGetters(["nickName", 'nameEn', 'userName']), |
| | | }, |
| | | dicts: ['check_type1', 'urgency_level', 'form_type', 'sample_status_list'], |
| | | data() { |
| | |
| | | } |
| | | }, |
| | | watch: { |
| | | sampleList() { |
| | | this.addObj.method = null |
| | | this.productList = [] |
| | | }, |
| | | // sampleList() { |
| | | // this.addObj.method = null |
| | | // this.productList = [] |
| | | // }, |
| | | productList: { |
| | | deep: true, |
| | | handler(val) { |
| | |
| | | this.active = this.$route.query.active |
| | | this.tabIndex = this.$route.query.tabIndex |
| | | this.currentId = this.$route.query.currentId |
| | | this.getUserNowData() |
| | | this.getInfo() |
| | | if(this.tabIndex==4&&this.active==2){ |
| | | this.isSpecial = true |
| | | }else{ |
| | | this.isSpecial = false |
| | | } |
| | | }, |
| | | activated() { |
| | | this.active = this.$route.query.active |
| | |
| | | }, |
| | | methods: { |
| | | getInfo() { |
| | | this.getUserNowData() |
| | | this.selectStandardTreeList() |
| | | this.getAuthorizedPerson(); |
| | | this.selectStandardMethods() |
| | | this.getPrepareUser() // å¤å¶å½åè´¦å·äººä¸ºå§æäºº |
| | | if (this.active != 1) { |
| | | // æ¥ç/å®¡æ ¸æµç¨ |
| | | // è¯·æ±æ¥å£ï¼åæ¾æ°æ® |
| | |
| | | }) |
| | | }) |
| | | } |
| | | if(this.tabIndex==4&&this.active==2){ |
| | | this.isSpecial = true |
| | | }else{ |
| | | this.isSpecial = false |
| | | } |
| | | }, |
| | | getPrepareUser () { |
| | | // this.addObj.prepareUser = JSON.parse(localStorage.getItem("user")).name; |
| | | // this.addObj.prepareUserEn = JSON.parse(localStorage.getItem("user")).nameEn |
| | | // this.addObj.prepareCode = JSON.parse(localStorage.getItem("user")).account |
| | | |
| | | }, |
| | | // ç¼è¾è¦æ±å¼è¡¨æ ¼ |
| | | editSpecial () { |
| | |
| | | sampleList.forEach(a => { |
| | | if (a.insProduct.length > 0) { |
| | | a.insProduct.forEach(c => { |
| | | delete c.id |
| | | if (this.tabIndex != 4) { |
| | | delete c.id |
| | | } |
| | | }) |
| | | } |
| | | if (a.endModels) { |
| | |
| | | sampleList.forEach(a => { |
| | | if (a.insProduct.length > 0) { |
| | | a.insProduct.forEach(c => { |
| | | delete c.id |
| | | if (this.tabIndex != 4) { |
| | | delete c.id |
| | | } |
| | | }) |
| | | } |
| | | if (a.endModels) { |
| | |
| | | } |
| | | }, |
| | | saveMethod(sampleList){ |
| | | console.log('sampleList----', sampleList) |
| | | this.saveLoad = true |
| | | if (this.addObj.quarterItemId) { |
| | | this.addObj.quarterItemId = this.addObj.quarterItemId[1] |
| | | } |
| | | if(this.tabIndex==4&&this.active==2){ |
| | | if (this.addObj.createTime) { |
| | | delete this.addObj.createTime |
| | | } |
| | | // éååæäº¤ |
| | | updateInsOrder({insOrder: this.addObj, sampleList: sampleList}).then(res => { |
| | | updateInsOrder({insOrder: this.addObj, sampleProduct: sampleList}).then(res => { |
| | | this.saveLoad = false |
| | | this.$message.success('å·²æäº¤') |
| | | this.bsm3Dia = false; |
| | |
| | | }) |
| | | }, |
| | | getUserNowData() { |
| | | this.addObj.prepareUser = this.nickName |
| | | this.addObj.prepareUserEn = this.nameEn |
| | | this.addObj.prepareCode = this.userName |
| | | getUserNow().then(res => { |
| | | let selects = res.data |
| | | if (selects == null) return |
| | |
| | | if (node.data.code === '[3]') { |
| | | this.sampleViewEn = val.sampleTypeEn |
| | | } else if (node.data.code === '[4]') { |
| | | console.log('node.data---', node.data) |
| | | if (node.data.children!==null && node.data.children.length>0) { |
| | | this.sampleViewEn = val.sampleEn |
| | | } |
| | |
| | | }, |
| | | tableRowClassName({row, rowIndex}) { |
| | | if (row.state == 1) { |
| | | console.log('row.state---', row.state) |
| | | return 'warning-row'; |
| | | } else { |
| | | return ''; |
| | |
| | | >>>.warning-row { |
| | | color: #1890FF; |
| | | } |
| | | .node_i { |
| | | color: orange; |
| | | font-size: 18px; |
| | | } |
| | | </style> |