From d0e1a3fb24d0ee76aa4ef1b0e042392b4d3ac794 Mon Sep 17 00:00:00 2001 From: jinlin <jinlin> Date: 星期四, 07 十一月 2024 16:38:26 +0800 Subject: [PATCH] 预计参数多层次分级,新增型号增加namePath --- web/src/views/modules/home.vue | 113 +++++++++++++++++++++++++++++++------------------------- 1 files changed, 63 insertions(+), 50 deletions(-) diff --git a/web/src/views/modules/home.vue b/web/src/views/modules/home.vue index 9a5027f..d80e736 100644 --- a/web/src/views/modules/home.vue +++ b/web/src/views/modules/home.vue @@ -1,53 +1,57 @@ <template> - <div class="fa-card-b"> - <span class="size">绯荤粺鐧诲綍娆℃暟:{{dataForm.loginNum}}</span> - <span class="size">璇曢獙鏂规鍒跺畾娆℃暟:{{dataForm.planMakeNum}}</span> - <el-table ref="taskTable" class="DataTable" :data="dataForm.taskReliabList" height="330px" border> - <el-table-column label="浠诲姟鍙潬鎬ф暟鎹�" align="center"> - <el-table-column align="center" prop="name" label="鍚嶇О"> + <div class="fa-card-b"> + <div style="margin: 0 0 10px 0"> + <span class="size">绯荤粺鐧诲綍娆℃暟:</span> + <span class="font">{{dataForm.loginNum}}</span> + <span class="size">璇曢獙鏂规鍒跺畾娆℃暟:</span> + <span class="font">{{dataForm.planMakeNum}}</span> + </div> + <el-table ref="taskTable" class="DataTable" :data="dataForm.taskReliabList" height="330px" border> + <el-table-column label="浠诲姟鍙潬鎬ф暟鎹�" align="center"> + <el-table-column align="center" prop="name" label="鍚嶇О"> + </el-table-column> + <el-table-column align="center" prop="taskNum" label="浠诲姟"> + </el-table-column> + <el-table-column align="center" prop="operatConNum" label="鎬讳綋宸ュ喌"> + </el-table-column> + <el-table-column align="center" prop="modelNum" label="妯″瀷"> + </el-table-column> + <el-table-column align="center" prop="simulatNum" label="浠跨湡璇勪及(娆�)"> + </el-table-column> + <el-table-column align="center" prop="testData" label="璇曢獙鏁版嵁(濂�)"> + </el-table-column> + <el-table-column align="center" prop="assessNum" label="璇勫畾娆℃暟"> + </el-table-column> </el-table-column> - <el-table-column align="center" prop="taskNum" label="浠诲姟"> - </el-table-column> - <el-table-column align="center" prop="operatConNum" label="鎬讳綋宸ュ喌"> - </el-table-column> - <el-table-column align="center" prop="modelNum" label="妯″瀷"> - </el-table-column> - <el-table-column align="center" prop="simulatNum" label="浠跨湡璇勪及(娆�)"> - </el-table-column> - <el-table-column align="center" prop="testData" label="璇曢獙鏁版嵁(濂�)"> - </el-table-column> - <el-table-column align="center" prop="assessNum" label="璇勫畾娆℃暟"> - </el-table-column> - </el-table-column> - </el-table> + </el-table> - <el-table ref="baseTable" class="DataTable" height="230px" :data="dataForm.baseReliabList" border - v-adaptive="{bottomOffset:30}"> - <el-table-column label="鍩烘湰鍙潬鎬ф暟鎹�" align="center"> - <el-table-column align="center" prop="name" label="鍚嶇О"> + <el-table ref="baseTable" class="DataTable" height="230px" :data="dataForm.baseReliabList" border + v-adaptive="{bottomOffset:30}"> + <el-table-column label="鍩烘湰鍙潬鎬ф暟鎹�" align="center"> + <el-table-column align="center" prop="name" label="鍚嶇О"> + </el-table-column> + <el-table-column align="center" prop="xtNum" label="绯荤粺"> + </el-table-column> + <el-table-column align="center" prop="sbNum" label="璁惧"> + </el-table-column> + <el-table-column align="center" prop="mtbf" label="MTBF"> + <template slot-scope="scope"> + <span>{{keepNumber(scope.row.mtbf) }}</span> + </template> + </el-table-column> + <el-table-column align="center" prop="mttr" label="MTTR"> + <template slot-scope="scope"> + <span>{{keepNumber(scope.row.mttr) }}</span> + </template> + </el-table-column> + <el-table-column align="center" prop="availability" label="鍙敤搴�"> + <template slot-scope="scope"> + <span>{{keepNumber(scope.row.availability) }}</span> + </template> + </el-table-column> </el-table-column> - <el-table-column align="center" prop="xtNum" label="绯荤粺"> - </el-table-column> - <el-table-column align="center" prop="sbNum" label="璁惧"> - </el-table-column> - <el-table-column align="center" prop="mtbf" label="MTBF"> - <template slot-scope="scope"> - <span>{{keepNumber(scope.row.mtbf) }}</span> - </template> - </el-table-column> - <el-table-column align="center" prop="mttr" label="MTTR"> - <template slot-scope="scope"> - <span>{{keepNumber(scope.row.mttr) }}</span> - </template> - </el-table-column> - <el-table-column align="center" prop="availability" label="鍙敤搴�"> - <template slot-scope="scope"> - <span>{{keepNumber(scope.row.availability) }}</span> - </template> - </el-table-column> - </el-table-column> - </el-table> - </div> + </el-table> + </div> </template> <script> @@ -60,12 +64,15 @@ baseReliabList: [], loginNum: '', planMakeNum: '' - } + }, + userId: '' } }, components: {}, + created() { + }, mounted() { - this.init() + this.init2() }, computed: { keepNumber() { //杩囨护鍣ㄤ繚鐣�4涓哄皬鏁� @@ -76,7 +83,7 @@ }, }, methods: { - init() { + init2() { this.getInfo2() }, async getInfo2() { @@ -98,7 +105,13 @@ background: #edf6ff; } - .size{ + .size { + font-size: 20px; + margin: 10px; + color: #000000; + } + + .font { font-size: 20px; margin: 10px; color: #0aa0bf; -- Gitblit v1.9.1