页面优化

src/views/quality/qcTableCheckDevelop/index.vue

@@ -55,15 +55,15 @@
 					</div>
 					<div class="top-left-table">
 						<div class="title">巡检数据统计</div>
-						<el-table :data="tableTbody" height="440" :loading="loading">
-							<el-table-column label="时间" align="center" prop="timeCol" min-width="100" />
-							<el-table-column label="抽样数" align="center" prop="sampleQuality" min-width="100"/>
+						<el-table :data="tableTbody" height="440" :loading="loading" ref="tables">
+							<el-table-column label="时间" align="center" prop="timeCol" min-width="100" fixed="left" />
+							<el-table-column label="抽样数" align="center" prop="sampleQuality" min-width="100" fixed/>
 							<el-table-column label="缺陷不良" align="center"  min-width="100">
 								<template v-for="(column, index) in tableThead">
 									<el-table-column align="center"  :prop="'col'+index" :key="index" :label="column"/>
 								</template>
 							</el-table-column>
-							<el-table-column label="不良率" align="center" prop="noOkRate" min-width="100">
+							<el-table-column label="不良率" align="center" prop="noOkRate" min-width="100" fixed="right">
 								<template slot-scope="scope">
 									<span>{{scope.row.noOkRate}}%</span>
 								</template>
@@ -111,7 +111,7 @@ export default {
 	data() {
 		return {
 			// 遮罩层
-			loading: true,
+			loading: false,
 			// 选中数组
 			ids: [],
 			// 非单个禁用
@@ -170,21 +170,22 @@ export default {
 				// 	dictValue:'日'
 				// },
 			],
-			tableThead:[],
+			tableThead:[
+				
+			],
 			tableTbody:[],
-			tableTheadTh:[],
 			tableBlfx:[],
 			echartsData:[],
 			dateNode:'dd',
 		};
 	},
 	mounted(){
-		this.$nextTick(()=>{
+		// this.$nextTick(()=>{
 			this.getDictData()
 			this.getThead()
 			this.getTbody()
 			this.getBlfx()
-		})
+		// })
 		
 		// this.getEchartsTh()
 	
@@ -206,10 +207,11 @@ export default {
 		},
 		async getTbody(){
 			this.loading=true
-			// this.tableTheadTh=[]
 			let res=await getTableHzData(this.queryParams)
 			console.log('resData',res)
-			
+			this.$nextTick(()=>{
+				this.$refs.tables.doLayout()//对table进行重新布局
+			})
 			let xData=[]
 			let yData=[]
 			this.tableTbody=res