parent
14c05ca927
commit
51e20d3bde
@ -0,0 +1,64 @@
|
|||||||
|
<template>
|
||||||
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||||||
|
<el-tab-pane label="前方三月需求计划" name="first">
|
||||||
|
<Sygdxqjh :height="height" :list="list" />
|
||||||
|
</el-tab-pane>
|
||||||
|
<el-tab-pane label="线表信息" name="second">
|
||||||
|
<Xbjh :height="height" :list="list1" />
|
||||||
|
</el-tab-pane>
|
||||||
|
<el-tab-pane label="批量信息" name="third">
|
||||||
|
<Plxx :height="height" :list="list2" />
|
||||||
|
</el-tab-pane>
|
||||||
|
<el-tab-pane label="板材需求" name="">
|
||||||
|
<Bcxq :height="height" :list="list4" />
|
||||||
|
</el-tab-pane>
|
||||||
|
<el-tab-pane label="跨位信息" name="fourth">
|
||||||
|
<Kwxx :height="height" :list="list3" />
|
||||||
|
</el-tab-pane>
|
||||||
|
</el-tabs>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import Sygdxqjh from "@/views/dashboard/components/fd/child/sygdxqjh.vue";
|
||||||
|
import Xbjh from "@/views/dashboard/components/fd/child/xbjh.vue";
|
||||||
|
import Plxx from "@/views/dashboard/components/fd/child/plxx.vue";
|
||||||
|
import Kwxx from "@/views/dashboard/components/fd/child/kwxx.vue";
|
||||||
|
import Bcxq from "@/views/dashboard/components/fd/child/bcxq.vue";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name:'Tabs',
|
||||||
|
components: {Bcxq, Kwxx, Plxx, Xbjh, Sygdxqjh},
|
||||||
|
props:{
|
||||||
|
data:Object
|
||||||
|
},
|
||||||
|
data(){
|
||||||
|
return {
|
||||||
|
activeName: 'first',
|
||||||
|
height: '500px',
|
||||||
|
list:[],
|
||||||
|
list1:[],
|
||||||
|
list2:[],
|
||||||
|
list3:[],
|
||||||
|
list4:[],
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
window.addEventListener('resize', this.getHeight)
|
||||||
|
this.getHeight()
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
showData(fd){
|
||||||
|
this.list1=this.data.list1
|
||||||
|
this.list2=this.data.list2
|
||||||
|
this.list3=this.data.list3
|
||||||
|
this.list4=this.data.list4
|
||||||
|
},
|
||||||
|
handleClick(tab, event) {
|
||||||
|
|
||||||
|
},
|
||||||
|
getHeight() {
|
||||||
|
this.height = window.innerHeight - 718+'px'
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
@ -0,0 +1,151 @@
|
|||||||
|
<template>
|
||||||
|
<div class="mytablefdt" style="display: flex;justify-content: center;align-items: center;">
|
||||||
|
<vxe-grid
|
||||||
|
id="id"
|
||||||
|
ref="xGridFd"
|
||||||
|
:empty-text="emtext"
|
||||||
|
:height="520"
|
||||||
|
resizable
|
||||||
|
:columns="tableColumn"
|
||||||
|
:data="tableData"
|
||||||
|
:show-header="false"
|
||||||
|
align="center"
|
||||||
|
@cell-click="cellClick"
|
||||||
|
border=none
|
||||||
|
:cell-style="cellStyle"
|
||||||
|
>
|
||||||
|
</vxe-grid>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name:'Zgt',
|
||||||
|
props:{
|
||||||
|
czbh:String,
|
||||||
|
},
|
||||||
|
data(){
|
||||||
|
return{
|
||||||
|
columns:[],
|
||||||
|
tableData:[],
|
||||||
|
tableColumn: [],
|
||||||
|
tableDataMainAll:[],
|
||||||
|
fds:[],
|
||||||
|
emtext:''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
show(res){
|
||||||
|
this.tableColumn=[]
|
||||||
|
this.emtext=this.czbh+"尚未定义直观图请于分段制造部管理人员联系！"
|
||||||
|
if(res.success) {
|
||||||
|
const col = res.data.col;
|
||||||
|
for (let i = 0; i <= col; i++) {
|
||||||
|
let ii = i + '';
|
||||||
|
let aaa = 'column' + ii.padStart(3, '0');
|
||||||
|
this.columns.push(aaa);
|
||||||
|
let temp1 = {
|
||||||
|
title: `111`, width: "35px", field: `column${ii.padStart(3, '0')}`, type: "html",
|
||||||
|
slots: {
|
||||||
|
// 使用 JSX 渲染
|
||||||
|
default: ({row, column}) => {
|
||||||
|
return [
|
||||||
|
<a>{row[column.property]}</a>
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
this.tableColumn.push(temp1)
|
||||||
|
}
|
||||||
|
this.tableData=res.data.data
|
||||||
|
this.tableDataMainAll=res.data.fdqk
|
||||||
|
this.fds=res.data.fd
|
||||||
|
}
|
||||||
|
},
|
||||||
|
cellClick({row,column}){
|
||||||
|
if( row[column.field] ==='' || row[column.field]===undefined || row[column.field]===null){
|
||||||
|
return
|
||||||
|
}else{
|
||||||
|
this.$confirm('是否选择'+ row[column.field] +'分段数据?', '提示', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
distinguishCancelAndClose: false,
|
||||||
|
type: 'warning'
|
||||||
|
}).then(type => {
|
||||||
|
this.row = row
|
||||||
|
this.column = column
|
||||||
|
this.tableDataMain = this.tableDataMainAll.filter((item) => {
|
||||||
|
return item.fdh == row[column.field];
|
||||||
|
});
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
cellStyle({ row, rowIndex, column }) {
|
||||||
|
for(let index of this.fds) {
|
||||||
|
if(index.fdh===row[column.property]){
|
||||||
|
if(index.color==='green'){
|
||||||
|
if (this.row === row && this.column === column) {
|
||||||
|
return {
|
||||||
|
backgroundColor: '#00FF00',
|
||||||
|
border:'1px solid black',
|
||||||
|
color:'blue'
|
||||||
|
}
|
||||||
|
}else{
|
||||||
|
return {
|
||||||
|
backgroundColor: '#00FF00',
|
||||||
|
border:'1px solid black',
|
||||||
|
color:'black'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if(index.color==='yellow'){
|
||||||
|
if (this.row === row && this.column === column) {
|
||||||
|
return {
|
||||||
|
backgroundColor: '#FFFF00',
|
||||||
|
border:'1px solid black',
|
||||||
|
color:'blue'
|
||||||
|
}
|
||||||
|
}else{
|
||||||
|
return {
|
||||||
|
backgroundColor: '#FFFF00',
|
||||||
|
border:'1px solid black',
|
||||||
|
color:'black'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if(index.color==='red'){
|
||||||
|
if (this.row === row && this.column === column) {
|
||||||
|
return {
|
||||||
|
backgroundColor: '#FF0000',
|
||||||
|
border:'1px solid black',
|
||||||
|
color:'blue'
|
||||||
|
|
||||||
|
}
|
||||||
|
}else{
|
||||||
|
return {
|
||||||
|
backgroundColor: '#FF0000',
|
||||||
|
border:'1px solid black',
|
||||||
|
color:'black'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if(row[column.property]){
|
||||||
|
if (this.row === row && this.column === column) {
|
||||||
|
return {
|
||||||
|
border:'1px solid black',
|
||||||
|
color:'blue'
|
||||||
|
}
|
||||||
|
}else{
|
||||||
|
return {
|
||||||
|
border:'1px solid black',
|
||||||
|
color:'black'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue