From 032f47cfabb2d1960f8bb4774ea79a93e1709947 Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期五, 19 七月 2024 09:52:13 +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