From 4bad62e4fd67ba8759f79263e4b08bf9ab6d64d0 Mon Sep 17 00:00:00 2001
From: licp <lichunping@guanfang.com.cn>
Date: 星期五, 31 五月 2024 15:59:56 +0800
Subject: [PATCH] 消息通知样式优化
---
src/components/do/b1-ins-order/fiberoptic-config.vue | 265 ++++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 223 insertions(+), 42 deletions(-)
diff --git a/src/components/do/b1-ins-order/fiberoptic-config.vue b/src/components/do/b1-ins-order/fiberoptic-config.vue
index 3be7c9f..6b301fa 100644
--- a/src/components/do/b1-ins-order/fiberoptic-config.vue
+++ b/src/components/do/b1-ins-order/fiberoptic-config.vue
@@ -6,7 +6,7 @@
<el-col :span="18" style="text-align: right;">
<el-button size="medium" type="primary" @click="save" :loading="saveLoad">淇� 瀛�</el-button>
<el-button size="medium" @click="outConfig">
- <span style="color: #3A7BFA;">鍙� 娑�</span>
+ <span style="color: #3A7BFA;">杩� 鍥�</span>
</el-button>
</el-col>
</el-row>
@@ -55,9 +55,9 @@
</el-select>
</template>
</el-table-column>
- <el-table-column prop="num2" label="鏍囬噺" show-overflow-tooltip>
+ <el-table-column prop="num2" label="鏍囬噺" show-overflow-tooltip align="center">
</el-table-column>
- <el-table-column prop="num3" label="娴嬭瘯閲�" show-overflow-tooltip>
+ <el-table-column prop="num3" label="娴嬭瘯閲�" show-overflow-tooltip align="center">
</el-table-column>
</el-table>
</div>
@@ -65,26 +65,34 @@
<el-col :span="15">
<div class="grid-content">
<h5>妫�娴嬮」淇℃伅</h5>
- <el-table ref="table1" :data="tableData" tooltip-effect="dark" style="width: 100%" height="282px"
- size="small" @selection-change="handleSelectionChange">
- <el-table-column type="selection" width="55">
+ <el-table ref="productTable" :data="detectionItems" tooltip-effect="dark" style="width: 100%"
+ :row-class-name="tableRowClassName"
+ :header-cell-class-name="setClassName"
+ height="283px"
+ size="small" @selection-change="handleSelectionChange2"
+ @select-all="handleAll"
+ @select="upProductSelect"
+ >
+ <el-table-column type="selection" width="55"
+ :selectable="()=>(currentDetectionItems||this.multiFiberList.length > 0)">
</el-table-column>
- <el-table-column label="瀹為獙瀹�" show-overflow-tooltip>
- <template slot-scope="scope">{{ scope.row.date }}</template>
+ <el-table-column label="瀹為獙瀹�" show-overflow-tooltip prop="sonLaboratory" ></el-table-column>
+ <el-table-column prop="inspectionItem" label="妫�楠岄」" show-overflow-tooltip>
</el-table-column>
- <el-table-column prop="name" label="妫�娴嬮」鐩�" show-overflow-tooltip>
+ <el-table-column prop="inspectionItemSubclass" label="妫�楠岄」瀛愰」" show-overflow-tooltip width="100px">
</el-table-column>
- <el-table-column prop="address" label="璇曢獙鏂规硶" show-overflow-tooltip>
+ <el-table-column prop="methodS" label="璇曢獙鏂规硶" min-width="90" show-overflow-tooltip>
</el-table-column>
- <el-table-column prop="address" label="鍗曚环" width="70" show-overflow-tooltip>
+ <el-table-column prop="price" label="鍗曚环" width="70" show-overflow-tooltip>
</el-table-column>
- <el-table-column prop="address" label="鍗曚綅" width="70" show-overflow-tooltip>
+ <el-table-column prop="unit" label="鍗曚綅" width="70" show-overflow-tooltip>
</el-table-column>
- <el-table-column prop="address" label="棰勮鏃堕棿" show-overflow-tooltip>
+ <el-table-column prop="manDay" label="棰勮鏃堕棿" width="90" show-overflow-tooltip>
</el-table-column>
- <el-table-column prop="address" label="妫�娴嬫爣鍑�" show-overflow-tooltip>
- </el-table-column>
- <el-table-column prop="address" label="妫�娴嬭姹�" show-overflow-tooltip>
+ <el-table-column prop="ask" label="妫�娴嬭姹�" show-overflow-tooltip width="200px">
+ <template slot-scope="scope">
+ <el-input v-model="scope.row.ask" placeholder="璇疯緭鍏�" size="small"></el-input>
+ </template>
</el-table-column>
</el-table>
</div>
@@ -95,7 +103,7 @@
<div class="grid-content">
<h5>鍏夌氦甯�
<el-button size="mini" type="primary" class="btns" @click="addFibers"
- :disabled="miresModel===null||miresStandard===null">鐢熸垚鍏夌氦甯�</el-button>
+ :disabled="packageInfo.ismiers===false||miresModel===null||miresStandard===null">鐢熸垚鍏夌氦甯�</el-button>
<el-button size="mini" class="btns" @click="clearFibers" :disabled="selectBushing.length === 0">娓呴櫎</el-button>
</h5>
<div
@@ -103,7 +111,7 @@
<div class="search-item" style="width: 50%;margin-right: 16px;">
<label style="width: 80px;">绾ゅ甫绫诲瀷</label>
<el-select v-model="miresModel" placeholder="璇烽�夋嫨" size="small" style="width: 100%;"
- :disabled="bushing.length===0">
+ :disabled="selectBushing.length===0">
<el-option v-for="(item,a) in miresModels" :key="a" :label="item.label" :value="item.value">
</el-option>
</el-select>
@@ -119,7 +127,7 @@
</div>
</div>
<el-table ref="table2" :data="fibersList" tooltip-effect="dark" style="width: 100%" height="270px"
- size="small" @selection-change="handleSelectionChange" highlight-current-row>
+ size="small" @selection-change="handleSelectionChange" highlight-current-row @row-click="rowClickFiber">
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column prop="code" label="鍏夌氦甯︾紪鍙�" show-overflow-tooltip align="center">
@@ -142,7 +150,7 @@
<div class="search-item" style="width: 50%;margin-right: 16px;">
<label style="width: 80px;">鍏夌氦绫诲瀷</label>
<el-select v-model="mireModel" placeholder="璇烽�夋嫨" size="small" style="width: 100%;"
- :disabled="bushing.length===0">
+ :disabled="selectBushing.length===0">
<el-option v-for="(item,a) in mireModels" :key="a" :label="item.label" :value="item.value">
</el-option>
</el-select>
@@ -151,14 +159,15 @@
<label style="width: 80px;">鍙傝�冩爣鍑�</label>
<el-select v-model="mireStandard" placeholder="璇烽�夋嫨" size="small" style="width: 100%;"
:disabled="mireModel===null" @focus="selectsStandardMethodByFLSSM()"
- @change="(value)=>methodChange(value)">
+ @change="(value)=>methodChange(value)" :loading="mireStandardLoading">
<el-option v-for="item in mireStandards" :key="item.id" :label="item.code" :value="item.id">
</el-option>
</el-select>
</div>
</div>
<el-table ref="table3" :data="fiberList" tooltip-effect="dark" style="width: 100%" height="270px"
- size="small" @selection-change="handleSelectionChange">
+ size="small" highlight-current-row @selection-change="handleSelectionChange4"
+ @row-click="rowClickFiber">
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column prop="bushColor" label="绠″鑹叉爣" width="90" align="center">
@@ -218,7 +227,35 @@
productList2: [],
fiberList: [],
fibersList: [],
- selectFibers: []
+ selectFibers: [],
+ detectionItems:[],
+ currentDetectionItems:null,
+ mireStandardLoading:false,
+ multiFiberList:[]
+ }
+ },
+ computed: {
+ isAllDisabled() {
+ return this.multiFiberList.length > 0||this.currentDetectionItems
+ },
+ },
+ watch: {
+ mireModel(val1,val0) {
+ if(val1!=val0){
+ this.mireStandards = []
+ this.fiberList = []
+ this.multiFiberList = []
+ this.detectionItems = []
+ this.currentDetectionItems = null;
+ }
+ },
+ mireStandard(val1,val0) {
+ if(val1!=val0){
+ this.fiberList = []
+ this.multiFiberList = []
+ this.detectionItems = []
+ this.currentDetectionItems = null;
+ }
}
},
mounted() {
@@ -232,6 +269,29 @@
}
})
this.models = this.models.replace(',', '')
+ this.packageInfo.ismiers = this.models.split(',').every(e=>e.indexOf('d')>-1)
+ if(this.sample[0].bushing === undefined || this.sample[0].bushing === null){
+ this.bushing = []
+ }else{
+ this.bushing = this.HaveJson(this.sample[0].bushing)
+ this.packageInfo.num1 = this.sample[0].bushing.length
+ this.packageInfo.num2 = this.sample[0].bushing[0].num2
+ this.packageInfo.num3 = this.sample[0].bushing[0].num3
+ this.bushing.forEach(a=>{
+ if(this.packageInfo.ismiers){
+ a.fibers.forEach(b=>{
+ this.fibersList.push(b)
+ b.fiber.forEach(c=>{
+ this.fiberList.push(c)
+ })
+ })
+ }else{
+ a.fiber.forEach(b=>{
+ this.fiberList.push(b)
+ })
+ }
+ })
+ }
this.getTypeDicts1()
this.getStandTreeBySampleType()
this.getStandTreeBySampleType2()
@@ -239,9 +299,14 @@
methods: {
handleSelectionChange(val) {
this.selectFibers = val
+ this.multiFiberList = val
},
handleSelectionChange1(val) {
this.selectBushing = val
+ },
+ handleSelectionChange2(val){},
+ handleSelectionChange4(val){
+ this.multiFiberList = val
},
outConfig() {
this.$parent.configShow = false
@@ -254,6 +319,9 @@
})
},
upNum() {
+ this.fiberList = []
+ this.fibersList = []
+ this.detectionItems = []
if (this.packageInfo.radio === 0) {
this.packageInfo.num3 = this.packageInfo.num2
}
@@ -279,7 +347,6 @@
color: colors2[i].label,
num2: this.packageInfo.num2,
num3: this.packageInfo.num3,
- ismiers: this.packageInfo.ismiers,
fibers: [],
fiber: []
}
@@ -311,17 +378,19 @@
this.miresModels = []
res.data.forEach(a => {
this.miresModels.push({
- label: a.model,
- value: a.sample + ' - ' + a.model
+ label: a.sample,
+ value: a.sample
})
})
})
},
selectsStandardMethodByFLSSM() {
this.mireStandards = []
+ this.mireStandardLoading = true
this.$axios.post(this.$api.standardTree.selectsStandardMethodByFLSSM, {
tree: '涓ぉ绉戞妧妫�娴嬩腑蹇� - 閫氫俊浜у搧瀹為獙瀹� - 鍏夌氦 - ' + this.mireModel
}).then(res => {
+ this.mireStandardLoading = false
this.mireStandards = res.data.standardMethodList
})
},
@@ -358,9 +427,9 @@
methodChange2(val) {
if (val === null || val === '') return
this.$axios.post(this.$api.standardTree.selectStandardProductList, {
- model: this.miresModel.split(' - ')[1],
+ model: '',
standardMethodListId: val,
- factory: ''
+ factory: '涓ぉ绉戞妧妫�娴嬩腑蹇� - 閫氫俊浜у搧瀹為獙瀹� - 鍏夌氦甯� - ' + this.miresModel + ' - ',
}, {
headers: {
'Content-Type': 'application/json'
@@ -392,34 +461,34 @@
let model = this.mireModel.split(' - ')[1]
let standard = this.mireStandards.find(a => a.id == this.mireStandard).code
if (this.packageInfo.ismiers) {
- /* if(this.selectFibers.length === 0){
+ if(this.selectFibers.length === 0){
this.$message.error('鏈�夋嫨鍏夌氦甯�')
return
- } */
- // this.selectFibers.forEach(a => {
- this.fibersList.forEach(a => {
+ }
+ this.selectFibers.forEach(a => {
+ a.fiber = []
for (var i = 0; i < parseInt(a.num); i++) {
let fiber = {
bushColor: a.color,
color: colors2[i].label,
model: model,
standard: standard,
- product: this.productList
+ productList: this.HaveJson(this.productList)
}
a.fiber.push(fiber)
this.fiberList.push(fiber)
}
})
} else {
- // this.selectBushing.forEach(a => {
- this.bushing.forEach(a => {
+ this.selectBushing.forEach(a => {
+ a.fiber = []
for (var i = 0; i < parseInt(a.num3); i++) {
let fiber = {
bushColor: a.color,
color: colors2[i].label,
model: model,
standard: standard,
- product: this.productList
+ productList: this.HaveJson(this.productList)
}
a.fiber.push(fiber)
this.fiberList.push(fiber)
@@ -428,28 +497,125 @@
}
},
addFibers() {
+ if(this.selectBushing.length===0){
+ this.$message.error('鏈�夋嫨濂楃')
+ return
+ }
this.fibersList = []
- let model = this.miresModel.split(' - ')[1]
let standard = this.miresStandards.find(a => a.id == this.miresStandard).code
this.packageInfo.ismiers = true
this.fiberList = []
- this.bushing.forEach(a => {
- // this.selectBushing.forEach(a => {
+ this.selectBushing.forEach(a => {
a.fiber = []
+ a.fibers = []
for (var i = 0; i < parseInt(a.num3); i++) {
let fibers = {
code: null,
color: a.color,
- model: model,
+ model: this.miresModel,
standard: standard,
num: a.num3,
- product: this.HaveJson(this.productList2),
+ productList: this.HaveJson(this.productList2),
fiber: []
}
a.fibers.push(fibers)
this.fibersList.push(fibers)
}
})
+ },
+ rowClickFiber(row, column, event){
+ this.currentDetectionItems = row
+ this.detectionItems = row.productList
+ setTimeout(() => {
+ this.detectionItems.forEach(a => {
+ if (a.state == 1) this.toggleSelection(a)
+ })
+ }, 200)
+ },
+ toggleSelection(row) {
+ this.$refs.productTable.toggleRowSelection(row, true);
+ },
+ tableRowClassName({
+ row,
+ rowIndex
+ }) {
+ if (row.state === 0) {
+ return 'warning-row';
+ }
+ return '';
+ },
+ handleAll(e) {
+ if (e.length > 0) {
+ this.detectionItems.map(m => {
+ m.state = 1
+ return m
+ })
+ } else {
+ this.detectionItems.map(m => {
+ m.state = 0
+ return m
+ })
+ }
+ if (e.length > 0) {
+ if(this.multiFiberList.length > 0){
+ this.multiFiberList.map(item => {
+ item.productList.map(m=>{
+ m.state = 1;
+ return m;
+ })
+ return item
+ })
+ }else{
+ this.currentDetectionItems.productList.map(m=>{
+ m.state = 1;
+ return m;
+ })
+ }
+ } else {
+ if(this.multiFiberList.length > 0){
+ this.multiFiberList.map(item => {
+ item.productList.map(m=>{
+ m.state = 0;
+ return m;
+ })
+ return item
+ })
+ }else{
+ this.currentDetectionItems.productList.map(m=>{
+ m.state = 0;
+ return m;
+ });
+ }
+ }
+ this.$nextTick(() => {
+ this.$refs.productTable.doLayout()
+ })
+ },
+ upProductSelect(selection, row) {
+ row.state = row.state == 1 ? 0 : 1
+ if(this.multiFiberList.length > 0){
+ this.multiFiberList.map(item => {
+ item.productList.map(m=>{
+ if(m.id == row.id){
+ m.state = row.state;
+ }
+ return m
+ })
+ return item
+ })
+ }else{
+ this.currentDetectionItems.productList.map(m=>{
+ if(m.id == row.id){
+ m.state = row.state;
+ }
+ return m;
+ });
+ }
+ },
+ setClassName({ column }) {
+ if (column.type == 'selection' && !this.isAllDisabled) {
+ return 'all-disabled'
+ }
},
clearFibers(){
this.packageInfo.ismiers = false
@@ -459,7 +625,17 @@
})
},
save(){
- console.log(this.bushing);
+ for(let a in this.bushing){
+ if(this.bushing[a].fibers.length===0&&this.bushing[a].fiber.length===0){
+ this.$message.error(this.bushing[a].color+'绠¤壊鏍囧绠＄己灏戦厤缃棤娉曚繚瀛�')
+ return
+ }
+ }
+ this.sample.forEach(a=>{
+ a.bushing = this.bushing
+ })
+ this.$message.success('宸蹭繚瀛�')
+ console.log(11111111,this.bushing)
}
}
}
@@ -523,4 +699,9 @@
padding-top: 2px !important;
padding-bottom: 2px !important;
}
+ >>>.all-disabled .el-checkbox__input .el-checkbox__inner {
+ background-color: #edf2fc;
+ border-color: #dcdfe6;
+ cursor: not-allowed;
+ }
</style>
--
Gitblit v1.9.3