<template>
|
<div style="height: 100%">
|
<div class="page-header">
|
<div class="header-left">
|
<a @click="$router.go(-1)"><i class="icon-btn-back"></i></a>
|
<h2 v-if="resultVal!=null && dataForm.id!=null">查看-原材料检验</h2>
|
<h2 v-else>编辑-原材料检验</h2>
|
</div>
|
<div class="btn-group header-right">
|
<el-button @click="save()" type="primary" v-if="this.dataForm.id==null">保存</el-button>
|
</div>
|
</div>
|
<div class="page-main">
|
<div class="rawMaterial-basic">
|
<el-form
|
:model="dataForm"
|
:rules="dataRule"
|
ref="dataForm"
|
style="width: 100%"
|
class="l-mes"
|
label-width="110px">
|
<el-row>
|
<el-col :span="6">
|
<el-form-item label="原材料检验编号" prop="rawInsNo">
|
<el-input v-model="dataForm.rawInsNo" disabled>
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="零件号" prop="code">
|
<el-input v-model="dataForm.code" disabled>
|
<el-button
|
slot="append"
|
icon="el-icon-full-screen"
|
:disabled="resultVal!=null && dataForm.id!=null"
|
@click="Turnonthecamera"></el-button>
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item prop="name" label="原材料名称">
|
<el-tooltip class="item" effect="dark" :content="dataForm.name">
|
<el-input v-model="dataForm.name" disabled ></el-input>
|
</el-tooltip>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item prop="formTime" label="来料日期">
|
<el-date-picker
|
style="width:100%"
|
v-model="dataForm.formTime"
|
type="datetime"
|
value-format="yyyy-MM-dd HH:mm:ss"
|
disabled>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="6">
|
<el-form-item label="规格型号" prop="specs">
|
<el-tooltip class="item" effect="dark" :content="dataForm.specs">
|
<el-input v-model="dataForm.specs" disabled></el-input>
|
</el-tooltip>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item prop="unit" label="单位">
|
<el-input
|
v-model="dataForm.unit"
|
disabled
|
></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="供应商名称" prop="supplier">
|
<el-tooltip class="item" effect="dark" :content="dataForm.supplier" >
|
<el-input v-model="dataForm.supplier" disabled />
|
</el-tooltip>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="数量" prop="number">
|
<el-input v-model="dataForm.number" :disabled="resultVal!=null" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="6">
|
<el-form-item prop="projectName" label="项目名称" v-if="dataForm.id!=null">
|
<el-tooltip :disabled="dataForm.projectName==null" :content="dataForm.projectName">
|
<el-input v-model="dataForm.projectName" disabled ></el-input>
|
</el-tooltip>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="报检日期" prop="createTime" v-if="dataForm.id!=null">
|
<el-input v-model="dataForm.createTime" disabled />
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="报检人" prop="createUser" v-if="dataForm.id!=null">
|
<el-input v-model="dataForm.createUser" disabled />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
|
|
|
<div class="rawMaterial-detail">
|
<el-row style="width:100%;z-index: 10;height:50px;">
|
<el-col :span="18">检验项目</el-col>
|
<el-col :span="2">
|
<el-button style="width:90%" v-if="dataForm.id==null" size="small" @click="clickAddLine()">添加检验项目</el-button>
|
</el-col>
|
<el-col :span="2">
|
<el-button style="width:90%" v-if="resultVal==null || dataForm.id==null" size="small" @click="addTeatValueColumn()">添加检测值列</el-button>
|
</el-col>
|
<el-col :span="2">
|
<el-button style="width:90%" v-if="resultVal==null || dataForm.id==null" size="small" @click="delTeatValueColumn()">删除检测值列</el-button>
|
</el-col>
|
</el-row>
|
<el-row style="width:100%;">
|
<el-col :span="24">
|
<el-table
|
:header-cell-style="{textAlign:'center',color:'black',backgroundColor:'#fafafa'}"
|
:cell-style="{textAlign:'center'}"
|
ref="table"
|
:data="list"
|
border
|
style="width: 100%;"
|
height="400"
|
row-key="iid"
|
default-expand-all
|
:tree-props="{children: 'children', hasChildren: 'hasChildren'}">
|
<el-table-column type="index" label="序号" width="60">
|
</el-table-column>
|
<el-table-column prop="father" label="检验项目" width="260">
|
<template slot-scope="scope">
|
<el-input v-if="scope.row.children" style="width:90%" :disabled="dataForm.id!=null" v-model="scope.row.father" placeholder="请输入检验项目"></el-input>
|
</template>
|
</el-table-column>
|
<el-table-column prop="name" label="项目" width="260">
|
<template slot-scope="scope">
|
<div v-if="!scope.row.children">
|
<el-input class="inline-input" :disabled="dataForm.id!=null" v-model="scope.row.name"
|
placeholder="请输入项目名称"></el-input>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="unit" label="单位" width="260">
|
<template slot-scope="scope">
|
<div v-if="!scope.row.children">
|
<el-input :disabled="dataForm.id != null" v-model="scope.row.unit" placeholder="请输入单位"></el-input>
|
</div>
|
</template>
|
|
</el-table-column>
|
<el-table-column prop="required" label="标准值" width="260">
|
<template slot-scope="scope">
|
<div v-if="!scope.row.children">
|
<el-input :disabled="dataForm.id != null" v-model="scope.row.required"
|
placeholder="请输入标准值"></el-input>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="testValue" label="检测值" min-width="260" v-for="(item,index) in empiricalValueAdd" :key="index">
|
<template slot-scope="scope">
|
<div v-if="!scope.row.children">
|
<el-tooltip :disabled="scope.row.deviceId != null" class="item" effect="dark" content="请先选择设备！" placement="top-start">
|
<el-select style="width:100%" allow-create filterable default-first-option
|
:disabled="scope.row.deviceId == null || (dataForm.id!=null&&resultVal!=null)"
|
v-model="scope.row.testValueList[index]"
|
placeholder="请输入或选择检测值"
|
@change="changeState(scope.row,scope.$index)">
|
<el-option label="是" value="是"/>
|
<el-option label="否" value="否"/>
|
</el-select>
|
</el-tooltip>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="deviceName" label="试验设备" min-width="260">
|
<template slot-scope="scope">
|
<div v-if="!scope.row.children">
|
<el-select :disabled="dataForm!=null && resultVal!=null" style="width:100%"
|
v-model="scope.row.deviceId" filterable @change="updateDevice(scope.row,scope.$index)">
|
<el-option v-for="(item,index) in deviceList"
|
:key="index" :value="item.id" :label="item.code +'-'+ item.name"></el-option>
|
</el-select>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="note" label="检验描述" width="260" >
|
<template slot-scope="scope">
|
<div v-if="!scope.row.children">
|
<el-input @blur="changeState(scope.row, scope.$index)" :disabled="scope.row.deviceId == null || (dataForm.id!=null&&resultVal!=null)" v-model="scope.row.note" placeholder="检验描述"></el-input>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column fixed="right" v-if="dataForm.id != null" prop="testState" label="结论" min-width="150">
|
<template slot-scope="scope">
|
<div v-if="!scope.row.children">
|
<span v-if="scope.row.testState == 0" style="color:#F56C6C">不合格</span>
|
<span v-else-if="scope.row.testState == 1" style="color:#67C23A">合格</span>
|
<span v-else>暂无结论</span>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column fixed="right" style="background-color: white;" v-if="dataForm.id == null" label="操作" width="150">
|
<template slot-scope="scope">
|
<div v-if="scope.row.fId!=null">
|
<el-button type="text" @click="addChildren(scope.row)">添加项目</el-button>
|
<el-button type="text" @click="delChildren(scope.row,scope.$index,true)">删除行</el-button>
|
</div>
|
<el-button v-else type="text" @click="delChildren(scope.row,scope.$index,false)">取消</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-col>
|
</el-row>
|
</div>
|
<div class="rawMaterial-result">
|
<el-row>
|
<el-col :span="24">检验结论</el-col>
|
</el-row>
|
<el-row style="width:100%">
|
<el-col :span="24">
|
<el-table border height="90" :data="conclusionTable" ref="conclusion" v-model="conclusion"
|
:header-cell-style="{textAlign:'center',color:'black',backgroundColor:'#fafafa'}"
|
:cell-style="{textAlign:'center'}">
|
<el-table-column prop="code" label="物料编号"></el-table-column>
|
<el-table-column prop="name" label="物料名称"></el-table-column>
|
<el-table-column prop="userName" label="检验员"></el-table-column>
|
<el-table-column prop="judgeState" label="检验结论">
|
<template slot-scope="scope">
|
<el-tag type="success" v-if="scope.row.testState == '1'">合格</el-tag>
|
<el-tag type="danger" v-else-if="scope.row.testState == '0'">不合格</el-tag>
|
</template>
|
</el-table-column>
|
<el-table-column label="操作">
|
<template>
|
<el-button type="text" :disabled="resultVal!=null && dataForm.id!=null" @click="showDialog()" size="small">上报</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-col>
|
</el-row>
|
</div>
|
</div>
|
<rawMaterialPartDialog :paramObj="paramObj" :currshowlist.sync="showPart" @listenToPartEvent="selectPart" />
|
<el-dialog
|
title="上报"
|
:visible.sync="dialogVisible"
|
width="30%" class="l-mes">
|
<el-row>
|
<el-col>
|
<span>不合格数量:</span>
|
<el-input type="number" v-model="unqualifiedNum" placeholder="请输入不合格数量"/>
|
</el-col>
|
</el-row>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="dialogVisible = false">取 消</el-button>
|
<el-button type="primary" @click="submitSave()">确 定</el-button>
|
</span>
|
</el-dialog>
|
<el-dialog
|
title="扫描"
|
:visible.sync="qrcode"
|
width="60%">
|
<div style="height: 100vh;width: 100%;">
|
<qr-code-app ref="codeCompont" @ok="getResultInfo" @cancelCodeDialog="cancelCodeDialog"></qr-code-app>
|
</div>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="qrcode = false">取 消</el-button>
|
<el-button type="primary" @click="qrcode = false">确 定</el-button>
|
</span>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
import {
|
selectDevice,
|
addRawInspects,
|
getObj,
|
updateRawInsProduct,
|
updateRawInspectsById,
|
updateDeviceById, chooseIFS} from '@/api/quality/rawMaterial'
|
import rawMaterialPartDialog from '@/views/common/rawMaterial-part'
|
import qrCodeApp from '@/views/common/qrCodeApp'
|
export default {
|
components:{
|
rawMaterialPartDialog,
|
qrCodeApp
|
},
|
computed:{},
|
data(){
|
return{
|
qrcode: false,
|
userdata:[],
|
currentRow:[],
|
userlist:[],
|
unqualifiedNum: null,
|
dialogVisible:false,
|
resultVal: null,
|
projectList: [],
|
paramObj: {},
|
IFSData: [],
|
showPart: false,
|
// 添加列
|
empiricalValueAdd: 1,
|
// 编辑时存储最长的列数字，做删除判断
|
empiricalValueAddMaxNumber: 0,
|
columnList: [],
|
dataForm:{
|
id: null,
|
judgeState: null,
|
formTime: '',
|
message: '',
|
name: '',
|
code: '',
|
specs: '',
|
unit: '',
|
number: '',
|
supplier: '',
|
rawInsProducts: [{
|
deviceId: 0,
|
father:'',
|
name: '',
|
required: '',
|
testValue: '',
|
unit: '',
|
testValueList: []
|
}]
|
},
|
form: null,
|
list:[],
|
conclusion: null,
|
conclusionTable: [{
|
code: '',
|
name: '',
|
userName: '',
|
testState: ''
|
}],
|
dataRule: {},
|
deviceList: [],
|
}
|
},
|
beforeUpdate(){
|
this.$nextTick(()=>{
|
this.$refs.table.doLayout();
|
})
|
},
|
created(){
|
this.dataForm.id = this.$route.query.id
|
this.resultVal = this.$route.query.resultVal
|
if(this.resultVal == null){
|
let val = sessionStorage.getItem("raw-resultVal-"+this.dataForm.id)
|
val == undefined ? null : this.resultVal=val
|
}
|
this.init()
|
this.getDeviceList()
|
},
|
watch:{
|
dialogVisible(newVal){
|
if(newVal){
|
this.unqualifiedNum = null
|
}
|
},
|
},
|
methods:{
|
getResultInfo(data){
|
let obj=JSON.parse(data)
|
let info={"code":obj["part_no"]}
|
this.paramObj = info
|
this.showPart = true
|
},
|
cancelCodeDialog(){
|
this.qrcode = false
|
},
|
// 打开相机
|
Turnonthecamera() {
|
this.qrcode = true
|
this.$refs.codeCompont.openCamera()
|
},
|
// 确认回调
|
selectPart(param, nodePart, index) {
|
if (typeof param !== 'undefined') {
|
this.dataForm.rawInsNo = param.rawInsNo
|
this.dataForm.code = param.code
|
this.dataForm.name = param.name
|
this.dataForm.formTime = param.formTime
|
this.dataForm.unit = param.unit
|
this.dataForm.specs = param.specs
|
this.dataForm.supplier = param.supplier
|
this.dataForm.number = param.number
|
this.dataForm.message = param.message
|
this.dataForm.projectName = param.projectName
|
this.projectList = param.rawInsProducts == null ? [] : param.rawInsProducts
|
param.rawInsProducts.forEach(o=>{
|
this.clickAddLine(o)
|
})
|
}
|
|
},
|
queryCode(){
|
this.paramObj = {
|
code: this.dataForm.code
|
}
|
this.showPart = true
|
},
|
updateDevice(row, index) {
|
updateDeviceById({ deviceId: row.deviceId, rpId: row.rpId }).then(res => {
|
row.testValue = null
|
row.testState = null
|
row.testValueList = []
|
row.note = null
|
}).catch(error => {
|
console.log(error)
|
})
|
},
|
checkTestState(){
|
let resultVal = '1'
|
this.list.forEach(item=>{
|
if(item.children){
|
item.children.forEach(ele=>{
|
if(ele.testState == 0){
|
resultVal = '0'
|
}
|
})
|
}
|
})
|
this.resultVal = resultVal
|
this.conclusionTable[0].testState = resultVal
|
sessionStorage.setItem("raw-resultVal-"+this.dataForm.id,resultVal)
|
},
|
showDialog(){
|
let size = 0 //不合格项目数量
|
this.list.forEach(item=>{
|
if(item.children){
|
let num = item.children.filter(e=>{
|
return e.testState == 0
|
}).length
|
size+=num
|
}
|
})
|
if (size > 0) {
|
this.dialogVisible = true
|
}else{
|
this.submitSave()
|
}
|
},
|
//上报
|
submitSave(){
|
let data = {
|
id: this.dataForm.id,
|
number: this.unqualifiedNum,
|
result: this.conclusionTable[0].testState
|
}
|
updateRawInspectsById(data).then(res => {
|
if(res.data.code == 0 && (res.data.data=='1'|| res.data.data=='0')){
|
sessionStorage.setItem("raw-resultVal-"+this.dataForm.id,res.data.data)
|
this.$message.success("上报成功");
|
}else{
|
this.$message.error("上报失败，",res.data.data);
|
}
|
this.dialogVisible = false
|
this.checkTestState()
|
});
|
},
|
addTeatValueColumn(){
|
this.empiricalValueAdd = this.empiricalValueAdd + 1;
|
},
|
// 添加行
|
clickAddLine(row) {
|
let ele = {
|
fId: Math.random(),
|
father: null,
|
iid: Math.random(),
|
children:[]
|
}
|
if(row){
|
ele.father = row.father?row.father:null
|
row.children.forEach(item => {
|
ele.children.push({
|
deviceId: null,
|
deviceName: null,
|
iid: Math.random(),
|
required: item.required?item.required:null,
|
rpId: null,
|
name: item.name?item.name:null,
|
unit: item.unit?item.unit:null,
|
userName: null,
|
testValue: null,
|
testValueList: [],
|
note: null,
|
testState: null
|
})
|
let arr = []
|
item.empiricalValueAddss = arr
|
if (arr.length > this.empiricalValueAdd) {
|
this.empiricalValueAdd = arr.length
|
}
|
})
|
this.list.push(ele)
|
}else{
|
ele.children.push({
|
deviceId: null,
|
deviceName: null,
|
iid: Math.random(),
|
required: null,
|
rpId: null,
|
name: null,
|
unit: null,
|
userName: null,
|
testValue: '',
|
testValueList: [],
|
note: null,
|
testState: ''
|
})
|
this.list.push(ele)
|
}
|
|
},
|
changeRowResult(){
|
if(this.list){
|
this.list.forEach(e=>{
|
if(e.children){
|
e.children.forEach(i=>{
|
if(i.testValueList.length>1){
|
let arr = i.testValue.split(",")
|
arr.splice((arr.length-1),1)
|
let obj = {
|
deviceId: i.deviceId,
|
rpId: i.rpId,
|
testValue: arr.join(","),
|
note: i.note
|
}
|
updateRawInsProduct(obj).then(res=>{
|
if(res.data.code === 0){
|
this.init()
|
}
|
})
|
}
|
})
|
}
|
})
|
}
|
},
|
delTeatValueColumn(){
|
if (this.empiricalValueAdd - 1 > 0) {
|
if (this.empiricalValueAddMaxNumber != this.empiricalValueAdd - 1) {
|
this.empiricalValueAdd = this.empiricalValueAdd - 1;
|
this.changeRowResult()
|
this.list.forEach(i => {
|
if(i.children){
|
i.children.forEach(ele=>{
|
ele.testValueList.splice(this.empiricalValueAdd, 1);
|
})
|
}
|
});
|
}
|
}
|
},
|
init(){
|
if(this.dataForm.id){
|
getObj(this.dataForm.id).then(res=>{
|
let data = res.data.data
|
this.dataForm.rawInsNo = data.rawInsNo
|
this.dataForm.name = data.name
|
this.dataForm.formTime = data.formTime
|
this.dataForm.code = data.code
|
this.dataForm.specs = data.specs
|
this.dataForm.unit = data.runit
|
this.dataForm.supplier = data.supplier
|
this.dataForm.number = data.number
|
this.dataForm.projectName = data.projectName
|
this.dataForm.createTime = data.creatTime
|
this.dataForm.createUser = data.createUser
|
let userNameList = []
|
this.list = []
|
data.children.forEach(item => {
|
if (item.children) {
|
let ele = {
|
iid: null,
|
father: null,
|
children: []
|
}
|
ele.iid = Math.random()
|
ele.father = item.rpFather
|
if (item.children != undefined) {
|
item.children.forEach(obj => {
|
let arr= []
|
if(obj.userName){
|
userNameList.push(obj.userName)
|
}
|
if(obj.testValue){
|
arr = obj.testValue.split(",")
|
}
|
if (arr.length > this.empiricalValueAdd) {
|
this.empiricalValueAdd = arr.length
|
}
|
let o = {
|
deviceId: obj.deviceId,
|
deviceName: obj.deviceName,
|
iid: Math.random(),
|
required: obj.required,
|
rpId: obj.rpId,
|
name: obj.rpName,
|
unit: obj.rpUnit,
|
userName: obj.userName,
|
testValue: obj.testValue?obj.testValue:'',
|
testValueList: arr,
|
note: obj.note?obj.note:'',
|
testState: obj.testState
|
}
|
ele.children.push(o)
|
})
|
this.list.push(ele)
|
}}
|
})
|
let rVal = '1'
|
this.list.forEach(item=>{
|
if(item.children){
|
item.children.forEach(ele=>{
|
if(ele.testState == 0){
|
rVal = '0'
|
}
|
})
|
}
|
})
|
this.conclusionTable = [{
|
code: data.code,
|
name: data.name,
|
userName: Array.from(new Set(userNameList)).join(','),
|
testState: this.resultVal==null?rVal:this.resultVal
|
}]
|
}).catch(error=>{
|
this.$message.error("获取失败",error)
|
})
|
}else{
|
this.conclusionTable = []
|
}
|
},
|
changeState(row, index) {
|
if(row){
|
let isTrue = true
|
for(var i=0;i<row.testValueList.length;i++){
|
let val = row.testValueList[i]
|
let reg = /^[0-9]*[1-9][0-9]*$/
|
if(!reg.test(val) && !['是','否'].includes(val)){
|
this.$message.error("请输入数字或选择是否")
|
row.testValueList[i] = null
|
isTrue = false
|
}
|
}
|
if(!isTrue){
|
return
|
}
|
}
|
if (row.rpId != null && row.rpId != '') {
|
let val = row.testValueList.join(",")
|
if (val === undefined || val === '' || val === null) {
|
return
|
}
|
let obj = {
|
deviceId: row.deviceId,
|
rpId: row.rpId,
|
testValue: val,
|
note: row.note
|
}
|
updateRawInsProduct(obj).then(res => {
|
if (res.data.code == 0) {
|
this.$message.success("更新成功")
|
} else {
|
this.$message.error("更新失败")
|
}
|
this.init()
|
})
|
}
|
},
|
// 删除子项目
|
delChildren(row,index,isParent) {
|
if(isParent){
|
let parentIndex = this.list.findIndex(el =>{
|
return el.iid == row.iid
|
})
|
this.list.splice(parentIndex,1)
|
}else{
|
let i = this.list.findIndex(el =>{
|
return el.children.find(ele => ele.iid == row.iid)
|
})
|
let childrenIndex = this.list[i].children.findIndex(el =>{
|
return el.iid == row.iid
|
})
|
this.list[i].children.splice(childrenIndex,1)
|
}
|
},
|
//添加子项目
|
addChildren(row){
|
let obj = {
|
deviceId: null,
|
deviceName: null,
|
iid: Math.random(),
|
required: null,
|
rpId: null,
|
name: null,
|
unit: null,
|
userName: null,
|
testValue: null,
|
testValueList: [],
|
note: null,
|
testState: null
|
}
|
row.children.push(obj)
|
},
|
save(){
|
let data = this.dataForm
|
this.list.forEach(item=>{
|
item.children.forEach(c=>{
|
c.testValue=c.testValueList.join(",")
|
})
|
})
|
data.rawInsProducts = this.list
|
addRawInspects(data).then(res=>{
|
this.$message.success("保存成功")
|
this.$router.go(-1)
|
}).catch(error=>{
|
this.$message.error(error)
|
})
|
},
|
getDeviceList(){
|
selectDevice().then(res=>{
|
this.deviceList = res.data.data
|
})
|
},
|
},
|
}
|
</script>
|
|
<style>
|
.rawMaterial-detail {
|
width: 100%;
|
height: 470px;
|
padding: 10px 20px;
|
display: flex;
|
border: 1px solid #ddd;
|
background-color: #fff;
|
margin-top: 10px;
|
box-sizing: border-box;
|
flex-wrap: wrap;
|
}
|
|
.rawMaterial-result {
|
width: 100%;
|
height: 150px;
|
padding: 10px 20px;
|
display: flex;
|
border: 1px solid #ddd;
|
background-color: #fff;
|
margin-top: 10px;
|
box-sizing: border-box;
|
flex-wrap: wrap;
|
}
|
|
.rawMaterial-basic {
|
background-color: #fff;
|
height: 155px;
|
display: flex;
|
flex-wrap: wrap;
|
padding: 10px 20px;
|
border: 1px solid #ddd;
|
box-sizing: border-box;
|
}
|
|
.rawMaterial-related-stock-part {
|
background-color: #fff;
|
width: 100%;
|
height: 220px;
|
border: 1px solid #ddd;
|
padding: 10px 20px 0px 20px;
|
box-sizing: border-box;
|
}
|
|
.rawMaterial-bom {
|
background-color: #fff;
|
width: 100%;
|
height: 499px;
|
border: 1px solid #ddd;
|
padding: 10px 20px;
|
box-sizing: border-box;
|
}
|
|
.rawMaterial-bom .el-card__header {
|
padding: 1px 20px;
|
border-bottom: 0px solid #ebeef5;
|
}
|
|
.rawMaterial-bom .el-card__body {
|
height: calc(100% - 22px);
|
}
|
|
.rawMaterial-bom .el-card__body .el-collapse {
|
height: 100%;
|
overflow: auto;
|
}
|
|
.rawMaterial-technology-params {
|
background-color: #fff;
|
width: calc(52% - 20px);
|
float: left;
|
height: 719px;
|
border: 1px solid #ddd;
|
padding: 10px 20px;
|
margin-left: 20px;
|
}
|
|
.rawMaterial-structure {
|
background-color: #fff;
|
width: 35%;
|
float: left;
|
height: 719px;
|
border: 1px solid #ddd;
|
padding: 10px 20px;
|
box-sizing: border-box;
|
}
|
|
.rawMaterial-flow {
|
background-color: #fff;
|
width: calc(65% - 20px);
|
float: left;
|
height: 719px;
|
border: 1px solid #ddd;
|
padding: 10px 20px;
|
margin-left: 20px;
|
box-sizing: border-box;
|
}
|
|
/*自定义disabled状态下checkbox的样式*/
|
.completeproductstructure-checkout
|
.el-checkbox__input.is-disabled.is-checked
|
.el-checkbox__inner {
|
background-color: #006eff;
|
border-color: #006eff;
|
}
|
|
.completeproductstructure-checkout
|
.el-checkbox__input.is-disabled.is-checked
|
+ span.el-checkbox__label {
|
color: #006eff;
|
border-color: #006eff;
|
}
|
|
.completeproductstructure-checkout
|
.el-checkbox__input.is-disabled
|
.el-checkbox__inner {
|
background-color: #ffffff;
|
cursor: pointer;
|
}
|
|
.completeproductstructure-checkout
|
.el-checkbox__input.is-disabled
|
+ span.el-checkbox__label {
|
color: #606266;
|
cursor: pointer;
|
}
|
|
.completeproductstructure-checkout .el-checkbox__inner::after {
|
border: 1px solid #fff !important;
|
border-left: 0 !important;
|
border-top: 0 !important;
|
cursor: pointer !important;
|
}
|
|
.rawMaterial-bom-div {
|
width: 100%;
|
margin-bottom: 5px;
|
}
|
|
.rawMaterial-technology-div {
|
width: 100%;
|
margin-bottom: 5px;
|
margin-right: 10px;
|
}
|
|
.rawMaterial-technology-div .el-collapse {
|
border-top: 0px;
|
border-bottom: 0px;
|
}
|
|
.structure-detail-table th.gutter {
|
display: table-cell !important;
|
width: 10px !important;
|
}
|
|
.structure-detail-table colgroup.gutter {
|
display: table-cell !important;
|
width: 10px !important;
|
}
|
|
.final-product-checkout .el-card__header {
|
padding: 0px 20px;
|
border-bottom: 0px;
|
}
|
|
.final-product-checkout .el-card__body {
|
padding: 0px 20px 20px;
|
}
|
|
.orimaterial-quantity .el-card__header {
|
padding: 0px 20px;
|
border-bottom: 0px;
|
}
|
|
.orimaterial-quantity .el-card__body {
|
padding: 0px 20px 20px;
|
}
|
|
.rawMaterial-materialcost-table th.gutter {
|
display: table-cell !important;
|
width: 10px !important;
|
}
|
|
.rawMaterial-materialcost-table colgroup.gutter {
|
display: table-cell !important;
|
width: 10px !important;
|
}
|
|
.GooFlow .ico .ico_start:before {
|
color: red;
|
}
|
.highlight-tab-class {
|
color: #006eff;
|
background: #e4e7ed;
|
border-top: 1px solid #006eff;
|
}
|
.unhighlight-tab-class {
|
border: 1px solid #e4e7ed;
|
border-bottom: none;
|
}
|
</style>
|
