From 1a4493f0dd1a81d4fd021f48e47f7f3dc351dd33 Mon Sep 17 00:00:00 2001 From: 黄何裕 <1053952480@qq.com> Date: 星期三, 17 七月 2024 16:30:20 +0800 Subject: [PATCH] 修改考核结果细明野米安 --- src/views/system/work-order/threshold/index.vue | 178 ++++++++++++++++++++++++++++------------------------------- 1 files changed, 85 insertions(+), 93 deletions(-) diff --git a/src/views/system/work-order/threshold/index.vue b/src/views/system/work-order/threshold/index.vue index 07815a9..7053ad8 100644 --- a/src/views/system/work-order/threshold/index.vue +++ b/src/views/system/work-order/threshold/index.vue @@ -14,8 +14,8 @@ <!-- </el-col>--> <!-- </el-row>--> <el-row> - <el-col :span="8"> - <el-card style="margin-bottom: 20px; height: 340px; margin-right: 20px"> + <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"> + <el-card style="margin-bottom: 20px; height: 450px; margin-right: 20px"> <div style="display: flex; justify-content: space-between"> <div class="header鈥攖ext">瑙嗛</div> <div> @@ -37,14 +37,22 @@ style=" margin: 20px; display: flex; - width: 350px; + width: 400px; justify-content: space-between; " > <div> - <span style="font-size: small">宸ュ崟闃堝��</span> + <div + style=" + font-size: small; + display: flex; + flex-direction: row-reverse; + width: 172px; + " + >宸ュ崟闃堝��</div + > <div> - <el-form label-width="100px"> + <el-form label-width="120px"> <el-form-item label="妯$硦鍒嗗�硷細"> <el-input v-model="videoList.blur" @@ -52,9 +60,7 @@ style="width: 100px" v-if="ifEdit" ></el-input> - <span v-else>{{ - thresholdList[0].blur - }}</span> + <span v-else>{{ thresholdList[0].blur }}</span> </el-form-item> <el-form-item label="棰滆壊鍒嗗�硷細"> <el-input @@ -63,9 +69,7 @@ style="width: 100px" v-if="ifEdit" ></el-input> - <span v-else>{{ - thresholdList[0].color - }}</span> + <span v-else>{{ thresholdList[0].color }}</span> </el-form-item> <el-form-item label="浜害鍒嗗�硷細"> <el-input @@ -74,9 +78,7 @@ style="width: 100px" v-if="ifEdit" ></el-input> - <span v-else>{{ - thresholdList[0].light - }}</span> + <span v-else>{{ thresholdList[0].light }}</span> </el-form-item> <el-form-item label="閬尅鍒嗗�硷細"> <el-input @@ -85,9 +87,7 @@ style="width: 100px" v-if="ifEdit" ></el-input> - <span v-else>{{ - thresholdList[0].shade - }}</span> + <span v-else>{{ thresholdList[0].shade }}</span> </el-form-item> <el-form-item label="闆姳鍒嗗�硷細"> <el-input @@ -96,9 +96,7 @@ style="width: 100px" v-if="ifEdit" ></el-input> - <span v-else>{{ - thresholdList[0].snow - }}</span> + <span v-else>{{ thresholdList[0].snow }}</span> </el-form-item> <el-form-item label="鏉$汗鍒嗗�硷細"> <el-input @@ -107,9 +105,7 @@ style="width: 100px" v-if="ifEdit" ></el-input> - <span v-else>{{ - thresholdList[0].stripe - }}</span> + <span v-else>{{ thresholdList[0].stripe }}</span> </el-form-item> <el-form-item label="鏃犱俊鍙峰垎鍊硷細"> <el-input @@ -118,9 +114,7 @@ style="width: 100px" v-if="ifEdit" ></el-input> - <span v-else>{{ - thresholdList[0].signal - }}</span> + <span v-else>{{ thresholdList[0].signal }}</span> </el-form-item> <el-form-item label="鏍囨敞鏃堕棿宸�(绉�)锛�"> <el-input @@ -129,9 +123,7 @@ style="width: 100px" v-if="ifEdit" ></el-input> - <span v-else>{{ - thresholdList[0].diffTime - }}</span> + <span v-else>{{ thresholdList[0].diffTime }}</span> </el-form-item> </el-form> </div> @@ -139,98 +131,78 @@ <div> <span style="font-size: small">涓嬪彂闃堝��</span> <div> - <el-form - ref="form" - :model="thresholdList[0]" - label-width="100px" - > - <el-form-item label="妯$硦鍒嗗�硷細"> + <el-form ref="form" :model="thresholdList[0]"> + <el-form-item label=""> <el-input v-model="videoList.blur" size="mini" style="width: 100px" v-if="ifEdit" ></el-input> - <span v-else>{{ - thresholdList[0].blur - }}</span> + <span v-else>{{ thresholdList[0].blur }}</span> </el-form-item> - <el-form-item label="棰滆壊鍒嗗�硷細"> + <el-form-item label=""> <el-input v-model="videoList.color" size="mini" style="width: 100px" v-if="ifEdit" ></el-input> - <span v-else>{{ - thresholdList[0].color - }}</span> + <span v-else>{{ thresholdList[0].color }}</span> </el-form-item> - <el-form-item label="浜害鍒嗗�硷細"> + <el-form-item label=""> <el-input v-model="videoList.light" size="mini" style="width: 100px" v-if="ifEdit" ></el-input> - <span v-else>{{ - thresholdList[0].light - }}</span> + <span v-else>{{ thresholdList[0].light }}</span> </el-form-item> - <el-form-item label="閬尅鍒嗗�硷細"> + <el-form-item label=""> <el-input v-model="videoList.shade" size="mini" style="width: 100px" v-if="ifEdit" ></el-input> - <span v-else>{{ - thresholdList[0].shade - }}</span> + <span v-else>{{ thresholdList[0].shade }}</span> </el-form-item> - <el-form-item label="闆姳鍒嗗�硷細"> + <el-form-item label=""> <el-input v-model="videoList.snow" size="mini" style="width: 100px" v-if="ifEdit" ></el-input> - <span v-else>{{ - thresholdList[0].snow - }}</span> + <span v-else>{{ thresholdList[0].snow }}</span> </el-form-item> - <el-form-item label="鏉$汗鍒嗗�硷細"> + <el-form-item label=""> <el-input v-model="videoList.stripe" size="mini" style="width: 100px" v-if="ifEdit" ></el-input> - <span v-else>{{ - thresholdList[0].stripe - }}</span> + <span v-else>{{ thresholdList[0].stripe }}</span> </el-form-item> - <el-form-item label="鏃犱俊鍙峰垎鍊硷細"> + <el-form-item label=""> <el-input v-model="videoList.signal" size="mini" style="width: 100px" v-if="ifEdit" ></el-input> - <span v-else>{{ - thresholdList[0].signal - }}</span> + <span v-else>{{ thresholdList[0].signal }}</span> </el-form-item> - <el-form-item label="鏍囨敞鏃堕棿宸�(绉�)锛�"> + <el-form-item label=""> <el-input v-model="videoList.difftime" size="mini" style="width: 100px" v-if="ifEdit" ></el-input> - <span v-else>{{ - thresholdList[0].difftime - }}</span> + <span v-else>{{ thresholdList[0].difftime }}</span> </el-form-item> </el-form> </div> @@ -238,8 +210,8 @@ </div> </el-card> </el-col> - <el-col :span="8"> - <el-card style="margin-bottom: 20px; height: 340px; margin-right: 20px"> + <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"> + <el-card style="margin-bottom: 20px; height: 450px; margin-right: 20px"> <div style="display: flex; justify-content: space-between"> <div class="header鈥攖ext">浜鸿劯</div> <div> @@ -252,7 +224,7 @@ v-if="!ifEdit" >淇敼 </el-button> - <el-button size="mini" type="primary" @click="a()" v-if="ifEdit" + <el-button size="mini" type="primary" @click="b()" v-if="ifEdit" >淇濆瓨 </el-button> </div> @@ -261,14 +233,22 @@ style=" margin: 20px; display: flex; - width: 350px; + width: 400px; justify-content: space-between; " > <div> - <span style="font-size: small">宸ュ崟闃堝��</span> + <div + style=" + font-size: small; + display: flex; + flex-direction: row-reverse; + width: 190px; + " + >宸ュ崟闃堝��</div + > <div> - <el-form label-width="100px"> + <el-form label-width="140px"> <el-form-item label="鏃堕挓鍑嗙‘鐜囷細"> <el-input v-model="faceList.clockPercent" @@ -312,7 +292,9 @@ style="width: 100px" v-if="ifEdit" ></el-input> - <span v-else>{{ thresholdList[1].lowScorePercent }}</span></el-form-item + <span v-else>{{ + thresholdList[1].lowScorePercent + }}</span></el-form-item > <el-form-item label="鎸佺画鏃犳暟鎹ぉ鏁帮細"> <el-input @@ -332,9 +314,8 @@ <el-form ref="form" :model="thresholdList[0]" - label-width="100px" > - <el-form-item label="鏃堕挓鍑嗙‘鐜囷細"> + <el-form-item label=""> <el-input v-model="thresholdList[1].clockPercent" size="mini" @@ -345,7 +326,7 @@ thresholdList[1].clockPercent }}</span></el-form-item > - <el-form-item label="鏁版嵁鍙婃椂鐜囷細"> + <el-form-item label=""> <el-input v-model="thresholdList[0].timelyPercent" size="mini" @@ -354,7 +335,7 @@ ></el-input> <span v-else>{{ 10 }}</span></el-form-item > - <el-form-item label="涓嶅敮涓�鏁版嵁閲忥細"> + <el-form-item label=""> <el-input v-model="thresholdList[0].nouniqueCount" size="mini" @@ -363,7 +344,7 @@ ></el-input> <span v-else>{{ 10 }}</span></el-form-item > - <el-form-item label="寤烘ā澶辫触鐜囷細"> + <el-form-item label=""> <el-input v-model="thresholdList[0].failPercent" size="mini" @@ -372,7 +353,7 @@ ></el-input> <span v-else>{{ 10 }}</span></el-form-item > - <el-form-item label="骞冲潎浜鸿劯浣庤瘎鍒嗙巼锛�"> + <el-form-item label=""> <el-input v-model="thresholdList[0].lowScorePercent" size="mini" @@ -381,7 +362,7 @@ ></el-input> <span v-else>{{ 10 }}</span></el-form-item > - <el-form-item label="鎸佺画鏃犳暟鎹ぉ鏁帮細"> + <el-form-item label=""> <el-input v-model="thresholdList[0].continueNoDataCount" size="mini" @@ -396,8 +377,8 @@ </div> </el-card></el-col > - <el-col :span="8"> - <el-card style="margin-bottom: 20px; height: 340px; margin-right: 20px"> + <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"> + <el-card style="margin-bottom: 20px; height: 450px; margin-right: 20px"> <div style="display: flex; justify-content: space-between"> <div class="header鈥攖ext">杞﹁締</div> <div> @@ -419,17 +400,25 @@ style=" margin: 20px; display: flex; - width: 350px; + width: 400px; justify-content: space-between; " > <div> - <span style="font-size: small">宸ュ崟闃堝��</span> + <div + style=" + font-size: small; + display: flex; + flex-direction: row-reverse; + width: 232px; + " + >宸ュ崟闃堝��</div + > <div> <el-form ref="form" :model="thresholdList[0]" - label-width="120px" + label-width="180px" > <el-form-item label="鏃堕挓鍑嗙‘鐜囷細"> <el-input @@ -494,9 +483,8 @@ <el-form ref="form" :model="thresholdList[0]" - label-width="120px" > - <el-form-item label="鏃堕挓鍑嗙‘鐜囷細"> + <el-form-item label=""> <el-input v-model="thresholdList[0].clockPercent" size="mini" @@ -505,7 +493,7 @@ ></el-input> <span v-else>{{ 10 }}</span> </el-form-item> - <el-form-item label="鏁版嵁鍙婃椂鐜囷細"> + <el-form-item label=""> <el-input v-model="thresholdList[0].timelyPercent" size="mini" @@ -514,7 +502,7 @@ ></el-input> <span v-else>{{ 10 }}</span> </el-form-item> - <el-form-item label="涓嶅敮涓�鏁版嵁閲忥細"> + <el-form-item label=""> <el-input v-model="thresholdList[0].nouniqueCount" size="mini" @@ -523,7 +511,7 @@ ></el-input> <span v-else>{{ 10 }}</span> </el-form-item> - <el-form-item label="杞︾墝鏈瘑鍒噺锛�"> + <el-form-item label=""> <el-input v-model="thresholdList[0].dayNoNumberCount" size="mini" @@ -532,7 +520,7 @@ ></el-input> <span v-else>{{ 10 }}</span> </el-form-item> - <el-form-item label="杞﹁締鍏」灞炴�т笉瀹屾暣閲忥細"> + <el-form-item label=""> <el-input v-model="thresholdList[0].noIntegrityCount" size="mini" @@ -541,7 +529,7 @@ ></el-input> <span v-else>{{ 10 }}</span> </el-form-item> - <el-form-item label="鎸佺画鏃犳暟鎹ぉ鏁帮細"> + <el-form-item label=""> <el-input v-model="thresholdList[0].continueNoDataCount" size="mini" @@ -1216,6 +1204,10 @@ methods: { a() { this.ifEdit = true; + }, + b(){ + console.log(1111111); + this.ifEdit = false; console.log(this.ifEdit); }, showContent(row) { @@ -1272,7 +1264,7 @@ this.loading = true; listThreshold(this.queryParams).then((response) => { this.thresholdList = response.rows; - this.videoList = thresholdList[0]; + this.videoList = this.thresholdList[0]; this.total = response.total; this.loading = false; }); -- Gitblit v1.8.0