| | |
| | | <template> |
| | | <div v-loading="loading" class="inspection"> |
| | | <el-row class="title"> |
| | | <el-col :span="12" style="padding-left: 20px;">检验单详情</el-col> |
| | | <el-col :span="12" style="padding-left: 20px;">检验单详情 |
| | | <span style="color: #3A7BFA;"> 样品</span> |
| | | <span v-if="currentFiberOpticTape" style="color: #3A7BFA;"> - 光纤带</span> |
| | | <span v-if="currentFiberOptic" style="color: #3A7BFA;"> - 光纤</span> |
| | | </el-col> |
| | | <el-col :span="12" style="text-align: right;"> |
| | | <el-button size="small" type="primary" @click="fiberOpticVisible=true" v-if="fiberOptic.length>0">光纤切换</el-button> |
| | | <el-button size="small" type="primary" @click="fiberOpticTapeVisible=true" v-if="fiberOpticTape.length>0">光纤带切换</el-button> |
| | |
| | | </template> |
| | | <template v-else-if="n.v.ps!=undefined && n.v.ps.value==='样品编号'"> |
| | | <div style="display: flex;flex-wrap: nowrap;align-items: center;"> |
| | | <i class="el-icon-caret-left table_caret" @click="caretSample(-1)"></i> |
| | | <i class="el-icon-caret-left table_caret" @click="caretSample(-1)" v-if="!currentFiberOpticTape&&!currentFiberOptic"></i> |
| | | <div :style="`font-family:${n.v.ff} !important;`">{{currentSample.sampleCode}}</div> |
| | | <i class="el-icon-caret-right table_caret" @click="caretSample(1)"></i> |
| | | <i class="el-icon-caret-right table_caret" |
| | | v-if="!currentFiberOpticTape&&!currentFiberOptic"@click="caretSample(1)"></i> |
| | | </div> |
| | | </template> |
| | | <template v-else-if="n.v.ps!=undefined && n.v.ps.value==='样品型号'"> |
| | | <div :style="`font-family:${n.v.ff} !important;`" v-if="currentSample.model!==undefined&¤tSample.model!==null">{{currentSample.model}}</div> |
| | | </template> |
| | | <template v-else-if="n.v.ps!=undefined && n.v.ps.value==='套管'"> |
| | | <div style="display: flex;flex-wrap: nowrap;align-items: center;"> |
| | | <!-- <i class="el-icon-caret-left table_caret" @click="caretBushing(-1)"></i> --> |
| | | <div :style="`font-family:${n.v.ff} !important;`">{{currentBushing?currentBushing.color:''}}</div> |
| | | <!-- <i class="el-icon-caret-right table_caret" @click="caretBushing(1)"></i> --> |
| | | </div> |
| | | </template> |
| | | <template v-else-if="n.v.ps!=undefined && n.v.ps.value==='光纤带'"> |
| | | <div style="display: flex;flex-wrap: nowrap;align-items: center;"> |
| | | <i class="el-icon-caret-left table_caret" @click="caretTape(-1) |
| | | " v-if="currentFiberOpticTape"></i> |
| | | <div :style="`font-family:${n.v.ff} !important;`">{{currentFiberOpticTape?currentFiberOpticTape.code:''}}</div> |
| | | <i class="el-icon-caret-right table_caret" |
| | | v-if="currentFiberOpticTape" |
| | | @click="caretTape(1)"></i> |
| | | </div> |
| | | </template> |
| | | <template v-else-if="n.v.ps!=undefined && n.v.ps.value==='光纤'"> |
| | | <div style="display: flex;flex-wrap: nowrap;align-items: center;"> |
| | | <i class="el-icon-caret-left table_caret" @click="caretOptic(-1)" |
| | | v-if="currentFiberOptic"></i> |
| | | <div :style="`font-family:${n.v.ff} !important;`">{{currentFiberOptic?currentFiberOptic.color:''}} |
| | | </div> |
| | | <i |
| | | v-if="currentFiberOptic" class="el-icon-caret-right table_caret" @click="caretOptic(1)"></i> |
| | | </div> |
| | | </template> |
| | | <span v-else :style="`font-family:${n.v.ff} !important;`">{{n.v.v}}</span> |
| | | </div> |
| | |
| | | <el-drawer title="光纤切换" :visible.sync="fiberOpticVisible" :size="500"> |
| | | <el-table class="el-table" ref="fiberOpticTable" :data="fiberOptic" height="100%" tooltip-effect="dark" border |
| | | highlight-current-row @row-click="handleChangeOptic" :row-class-name="tableRowClassName" |
| | | :current-row-key="currentKey" :row-key="record=>record.index" v-if="fiberOpticVisible"> |
| | | :current-row-key="currentKey2" :row-key="record=>record.index" v-if="fiberOpticVisible"> |
| | | <el-table-column type="index" align="center" label="序号" width="70px" :key="Math.random()"> |
| | | </el-table-column> |
| | | <el-table-column prop="bushColor" label="管套色标" min-width="100px" show-overflow-tooltip></el-table-column> |
| | |
| | | <el-drawer title="光纤带切换" :visible.sync="fiberOpticTapeVisible" :size="500"> |
| | | <el-table class="el-table" ref="fiberOpticTapeTable" :data="fiberOpticTape" height="100%" tooltip-effect="dark" border |
| | | highlight-current-row @row-click="handleChangeTape" :row-class-name="tableRowClassName" |
| | | :current-row-key="currentKey" :row-key="record=>record.index" v-if="fiberOpticTapeVisible"> |
| | | :current-row-key="currentKey1" :row-key="record=>record.index" v-if="fiberOpticTapeVisible"> |
| | | <el-table-column type="index" align="center" label="序号" width="70px" :key="Math.random()"> |
| | | </el-table-column> |
| | | <el-table-column prop="code" label="光纤带编号" min-width="110px" show-overflow-tooltip></el-table-column> |
| | |
| | | <el-drawer title="套管切换" :visible.sync="bushingVisible" :size="500"> |
| | | <el-table class="el-table" ref="bushingTable" :data="bushing" height="100%" tooltip-effect="dark" border |
| | | highlight-current-row @row-click="handleChangeBushing" :row-class-name="tableRowClassName" |
| | | :current-row-key="currentKey" :row-key="record=>record.index" v-if="bushingVisible"> |
| | | :current-row-key="currentKey0" :row-key="record=>record.index" v-if="bushingVisible"> |
| | | <el-table-column type="index" align="center" label="序号" width="70px" :key="Math.random()"> |
| | | </el-table-column> |
| | | <el-table-column prop="color" label="管色标" min-width="100px" show-overflow-tooltip></el-table-column> |
| | |
| | | ps: {}, |
| | | param: {}, |
| | | currentKey: 1, |
| | | currentKey0: 1, |
| | | currentKey1: 1, |
| | | currentKey2: 1, |
| | | comparisonList: [], |
| | | excelMethodList: [], |
| | | equipOptions: [], |
| | |
| | | this.fiberOpticTape = row.fibers; |
| | | } |
| | | this.bushingVisible = false; |
| | | this.currentKey0 = row.index |
| | | }, |
| | | async handleChangeOptic(row, column, event){ |
| | | this.currentFiberOptic = row; |
| | |
| | | this.fiberOpticVisible = false; |
| | | let list = await this.getCurrentProduct(row.id,2) |
| | | this.getTableLists0(list) |
| | | this.currentKey = row.index |
| | | this.currentKey2 = row.index |
| | | }, |
| | | async handleChangeTape(row, column, event){ |
| | | this.currentFiberOpticTape = row; |
| | |
| | | // 配置光纤 |
| | | this.fiberOptic = row.fiber; |
| | | } |
| | | this.currentKey = row.index |
| | | this.currentKey1 = row.index |
| | | }, |
| | | async handleChangeSample(row, column, event) { |
| | | this.param = {} |
| | |
| | | }) |
| | | this.getTableLists() |
| | | }, |
| | | caretBushing(num){ |
| | | let index = this.currentKey0 + num |
| | | if(index < 1){ |
| | | this.$message.error('当前是第一个套管') |
| | | return |
| | | } else if(index > this.bushing.length){ |
| | | this.$message.error('当前是最后一个套管') |
| | | return |
| | | } |
| | | this.currentKey0 = index |
| | | this.currentBushing = this.HaveJson(this.bushing[index - 1]) |
| | | this.fiberOpticTape = [] |
| | | this.currentFiberOpticTape = null; |
| | | this.fiberOptic = [] |
| | | this.currentFiberOptic = null; |
| | | if( this.currentBushing.fiber&& this.currentBushing.fiber.length>0){ |
| | | // 直接配置光纤 |
| | | this.fiberOptic = this.currentBushing.fiber; |
| | | }else if( this.currentBushing.fibers&& this.currentBushing.fibers.length>0){ |
| | | // 配置光纤带后,再配置光纤 |
| | | this.fiberOpticTape = this.currentBushing.fibers; |
| | | } |
| | | }, |
| | | async caretTape(num){ |
| | | let index = this.currentKey1 + num |
| | | if(index < 1){ |
| | | this.$message.error('当前是第一个光纤带') |
| | | return |
| | | } else if(index > this.fiberOpticTape.length){ |
| | | this.$message.error('当前是最后一个光纤带') |
| | | return |
| | | } |
| | | this.currentKey1 = index |
| | | this.currentFiberOpticTape = this.HaveJson(this.fiberOpticTape[index - 1]) |
| | | this.param = {} |
| | | this.fiberOptic = [] |
| | | this.currentFiberOptic = null; |
| | | this.currentFiberOpticTape.productList.forEach(a => { |
| | | this.param[a.id] = { |
| | | insValue: [], |
| | | comValue: [], |
| | | resValue: null, |
| | | equipValue: [], |
| | | equipName: [], |
| | | insResult: null |
| | | } |
| | | }) |
| | | this.fiberOpticTapeVisible = false; |
| | | let list = await this.getCurrentProduct(this.currentFiberOpticTape.id,1) |
| | | this.getTableLists0(list) |
| | | if(this.currentFiberOpticTape.fiber&&this.currentFiberOpticTape.fiber.length>0){ |
| | | // 配置光纤 |
| | | this.fiberOptic = this.currentFiberOpticTape.fiber; |
| | | } |
| | | }, |
| | | async caretOptic(num){ |
| | | let index = this.currentKey2 + num |
| | | if(index < 1){ |
| | | this.$message.error('当前是第一个光纤') |
| | | return |
| | | } else if(index > this.fiberOptic.length){ |
| | | this.$message.error('当前是最后一个光纤') |
| | | return |
| | | } |
| | | this.currentKey2 = index |
| | | this.currentFiberOptic = this.HaveJson(this.fiberOptic[index - 1]) |
| | | this.currentFiberOptic.productList.forEach(a => { |
| | | this.param[a.id] = { |
| | | insValue: [], |
| | | comValue: [], |
| | | resValue: null, |
| | | equipValue: [], |
| | | equipName: [], |
| | | insResult: null |
| | | } |
| | | }) |
| | | let list = await this.getCurrentProduct(this.currentFiberOptic.id,2) |
| | | this.getTableLists0(list) |
| | | }, |
| | | handleSuccessUp(response, ) { |
| | | this.upLoading = false; |
| | | if (response.code == 200) { |