From f75c4df0ca8cdee5c15f0ecd4288825f35b19bf1 Mon Sep 17 00:00:00 2001
From: licp <lichunping@guanfang.com.cn>
Date: 星期一, 25 三月 2024 15:01:17 +0800
Subject: [PATCH] 完成样品模板回显为table功能
---
src/components/do/b1-ins-order/add.vue | 104 +++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 78 insertions(+), 26 deletions(-)
diff --git a/src/components/do/b1-ins-order/add.vue b/src/components/do/b1-ins-order/add.vue
index 0c3f585..b57f729 100644
--- a/src/components/do/b1-ins-order/add.vue
+++ b/src/components/do/b1-ins-order/add.vue
@@ -80,6 +80,13 @@
.ins_order_add .el-table .warning-row .cell {
color: #bababa;
}
+
+ .el-select .is-disabled{
+ background: transparent !important;
+ }
+ .el-select .is-disabled .el-input__inner{
+ background: transparent !important;
+ }
</style>
<template>
@@ -122,7 +129,7 @@
<div class="search_input">
<el-input readonly size="small" v-model="addObj.custom">
<template slot="append"><el-button slot="append" icon="el-icon-search"
- @click="selectUserDia = true"></el-button></template>
+ @click="selectUserDia = true" :disabled="active>1"></el-button></template>
</el-input>
</div>
</el-col>
@@ -135,7 +142,7 @@
<el-col class="search_thing" :span="6">
<div class="search_label"><span class="required-span">* </span>绱ф�ョ▼搴︼細</div>
<div class="search_input">
- <el-select size="small" style="width: 100%;" clearable v-model="addObj.type">
+ <el-select size="small" style="width: 100%;" clearable v-model="addObj.type" :disabled="active>1">
<el-option v-for="(a, ai) in type" :key="ai" :value="a.value" :label="a.label"></el-option>
</el-select>
</div>
@@ -145,7 +152,7 @@
<div class="search_input">
<el-input readonly size="small" v-model="addObj.sample">
<template slot="append"><el-button slot="append" icon="el-icon-search"
- @click="selectStandardTree = true"></el-button></template>
+ @click="selectStandardTree = true" :disabled="active>1"></el-button></template>
</el-input>
</div>
</el-col>
@@ -165,13 +172,13 @@
<div class="search_label"><span class="required-span">* </span>鏍峰搧鏁伴噺锛�</div>
<div class="search_input">
<el-input-number size="small" v-model="addObj.sampleNum" :min="1" :max="100" :precision="0"
- style="width: 65%;" @change="addStandardTree"></el-input-number>
+ style="width: 65%;" @change="addStandardTree" :readonly="active>1"></el-input-number>
</div>
</el-col>
<el-col class="search_thing" :span="6">
<div class="search_label">鏍峰搧鍗曚綅锛�</div>
<div class="search_input">
- <el-select v-model="addObj.unit" clearable size="small" style="width: 100%;">
+ <el-select v-model="addObj.unit" clearable size="small" style="width: 100%;" :disabled="active>1">
<el-option v-for="(a, i) in units" :key="i" :label="a.label" :value="a.value"></el-option>
</el-select>
</div>
@@ -179,13 +186,13 @@
<el-col class="search_thing" :span="6">
<div class="search_label">OTC璁㈠崟鍙凤細</div>
<div class="search_input">
- <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="addObj.otcCode"></el-input>
+ <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="addObj.otcCode" :readonly="active>1"></el-input>
</div>
</el-col>
<el-col class="search_thing" :span="6">
<div class="search_label" style="width: 175px;">鏄惁娑夊強閰嶅鏍峰搧锛�</div>
<div class="search_input" style="width: calc(100% - 175px);">
- <el-radio-group v-model="addObj.mating" @change="$refs.sampleTable.doLayout()">
+ <el-radio-group v-model="addObj.mating" @change="$refs.sampleTable.doLayout()" :disabled="active>1">
<el-radio :label="1">鏄�</el-radio>
<el-radio :label="0">鍚�</el-radio>
</el-radio-group>
@@ -195,7 +202,7 @@
<div class="search_label">澶囨敞锛�</div>
<div class="search_input">
<el-input type="textarea" :autosize="{ minRows: 2, maxRows: 2}" size="small" clearable
- v-model="addObj.remark"></el-input>
+ v-model="addObj.remark" :readonly="active>1"></el-input>
</div>
</el-col>
</el-row>
@@ -208,17 +215,17 @@
</el-button>
</div> -->
<el-table class="el-table sampleTable" ref="sampleTable" :data="sampleList" height="250px" tooltip-effect="dark"
- border @selection-change="selectSample" highlight-current-row @row-click="rowClick" style="margin-top: 10px;">
- <el-table-column type="selection" width="60"></el-table-column>
+ border @selection-change="selectSample" highlight-current-row @row-click="rowClick" style="margin-top: 10px;" >
+ <el-table-column type="selection" width="60" :selectable="selectable"></el-table-column>
<el-table-column type="index" label="搴忓彿" width="65" align="center"></el-table-column>
<el-table-column prop="sample" label="鏍峰搧鍚嶇О" align="center" min-width="100">
<template slot-scope="scope">
- <el-input size="small" v-model="scope.row.sample" clearable></el-input>
+ <el-input size="small" v-model="scope.row.sample" clearable :readonly="active>1"></el-input>
</template>
</el-table-column>
<el-table-column prop="sampleCode" label="鏍峰搧缂栧彿" min-width="140" align="center">
<template slot-scope="scope">
- <el-input size="small" v-model="scope.row.sampleCode" clearable placeholder="涓嶅～鍐欏垯绯荤粺鑷姩鐢熸垚"></el-input>
+ <el-input size="small" v-model="scope.row.sampleCode" clearable placeholder="涓嶅～鍐欏垯绯荤粺鑷姩鐢熸垚" :readonly="active>1"></el-input>
</template>
</el-table-column>
<!-- <el-table-column prop="factory" label="宸ュ巶" align="center" min-width="100">
@@ -230,7 +237,7 @@
<el-table-column prop="model" label="鏍峰搧鍨嬪彿" align="center" min-width="100">
<template slot-scope="scope">
<el-select v-model="scope.row.model" filterable allow-create default-first-option placeholder="鏍峰搧鍨嬪彿"
- size="small" @change="handleChangeModel">
+ size="small" @change="handleChangeModel" :disabled="active>1">
<el-option v-for="item in models" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
@@ -238,9 +245,8 @@
</el-table-column>
<el-table-column prop="standardMethodListId" label="妫�楠屾爣鍑�" align="center" min-width="100">
<template slot-scope="scope">
- <el-select v-model="scope.row.standardMethodListId" :disabled="scope.row.model==null" filterable
- placeholder="妫�楠屾爣鍑�" size="small" :loading="methodLoad" @change="(value)=>methodChange(value, scope.row)"
- @focus="methodFocus">
+ <el-select v-model="scope.row.standardMethodListId" :disabled="scope.row.model==null||active>1" placeholder="妫�楠屾爣鍑�" size="small"
+ :loading="methodLoad" @change="(value)=>methodChange(value, scope.row)" @focus="methodFocus" :readonly="active>1">
<el-option v-for="item in methods" :key="item.id" :label="item.code" :value="item.id">
</el-option>
</el-select>
@@ -248,14 +254,14 @@
</el-table-column>
<el-table-column prop="unit" label="鍗曚綅" align="center" min-width="100">
<template slot-scope="scope">
- <el-select v-model="scope.row.unit" clearable size="small" style="width: 100%;">
+ <el-select v-model="scope.row.unit" clearable size="small" style="width: 100%;" :disabled="active>1">
<el-option v-for="(a, i) in units" :key="i" :label="a.label" :value="a.value"></el-option>
</el-select>
</template>
</el-table-column>
<el-table-column prop="isLeave" label="鏄惁鐣欐牱" align="center" min-width="100">
<template slot-scope="scope">
- <el-select v-model="scope.row.isLeave" size="small">
+ <el-select v-model="scope.row.isLeave" size="small" :disabled="active>1">
<el-option label="鐣欐牱" :value="1"></el-option>
<el-option label="涓嶇暀鏍�" :value="0"></el-option>
</el-select>
@@ -288,8 +294,8 @@
</el-table>
<el-table class="el-table" ref="productTable" :data="productList" height="380px" tooltip-effect="dark" border
@selection-change="selectProduct" style="margin-bottom: 10px;" @select="upProductSelect"
- :row-class-name="tableRowClassName" v-loading="getProductLoad">
- <el-table-column type="selection" width="65"></el-table-column>
+ :row-class-name="tableRowClassName" v-loading="getProductLoad" @select-all="handleAll">
+ <el-table-column type="selection" width="65" :selectable="selectable"></el-table-column>
<el-table-column prop="inspectionItem" label="妫�楠岄」" min-width="140" show-overflow-tooltip></el-table-column>
<el-table-column prop="inspectionItemSubclass" label="妫�楠岄」瀛愰」" min-width="140"
show-overflow-tooltip></el-table-column>
@@ -411,9 +417,9 @@
<el-button type="primary" @click="onSample()" :loading="getProductLoad">纭� 瀹�</el-button>
</span>
</el-dialog>
- <el-dialog title="淇濆瓨妯℃澘" :visible.sync="templateDia" width="30%">
- <div class="body" style="height: 10vh;display: flex;align-items: center;" v-if="templateDia">
- <div class="search_label"><span class="required-span">* </span>妯℃澘鍚嶇О锛�</div>
+ <el-dialog title="淇濆瓨妯℃澘" :visible.sync="templateDia" width="400px">
+ <div class="body" style="display: flex;align-items: center;" v-if="templateDia">
+ <div class="search_label" style="width: 90px;"><span class="required-span">* </span>妯℃澘鍚嶇О锛�</div>
<div class="search_input">
<el-input size="small" clearable v-model="templateName"></el-input>
</div>
@@ -634,7 +640,9 @@
save() {
if (!this.addObj.custom) {
this.$message.error('鏈�夋嫨涓嬪崟瀹㈡埛')
- } else if (!this.addObj.type) {
+ return
+ }
+ if (!this.addObj.type) {
this.$message.error('鏈�夋嫨绱ф�ョ▼搴�')
} else if (this.sampleList.length < 1) {
this.$message.error('璇锋坊鍔犱竴涓牱鍝�')
@@ -1071,7 +1079,51 @@
this.$axios.get(this.$api.standardTree.selectStandardMethodEnum).then(res => {
this.methods = res.data
})
- }
+ },
+ selectable(){
+ if(this.active>1){
+ return false
+ }else{
+ return true
+ }
+ },
+ handleAll(e){
+ if(e.length>0){
+ this.productList.map(m=>{
+ m.state = 1
+ return m
+ })
+ }else{
+ this.productList.map(m=>{
+ m.state = 0
+ return m
+ })
+ }
+ if(e.length>0){
+ this.sampleList.map(item => {
+ if (this.sampleIds.indexOf(item.id) > -1) {
+ item.insProduct.map(m => {
+ m.state = 1
+ return m;
+ })
+ }
+ return item
+ })
+ }else{
+ this.sampleList.map(item => {
+ if (this.sampleIds.indexOf(item.id) > -1) {
+ item.insProduct.map(m => {
+ m.state = 0
+ return m;
+ })
+ }
+ return item
+ })
+ }
+ this.$nextTick(()=>{
+ this.$refs.productTable.doLayout()
+ })
+ }
}
}
-</script>
\ No newline at end of file
+</script>
--
Gitblit v1.9.3