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 | 386 ++++++++++++++++++++++++++++++++++--------------------
1 files changed, 244 insertions(+), 142 deletions(-)
diff --git a/src/views/system/work-order/threshold/index.vue b/src/views/system/work-order/threshold/index.vue
index 8754259..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,99 +37,181 @@
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-item label="鍥惧儚璐ㄩ噺">
+ <el-form label-width="120px">
+ <el-form-item label="妯＄硦鍒嗗�硷細">
<el-input
- v-model="videoList.imageQuality"
+ v-model="videoList.blur"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
- <span v-else>{{
- thresholdList[0].imageQuality
- }}</span></el-form-item
- >
- <el-form-item label="瑙嗛璐ㄩ噺">
+ <span v-else>{{ thresholdList[0].blur }}</span>
+ </el-form-item>
+ <el-form-item label="棰滆壊鍒嗗�硷細">
<el-input
- v-model="videoList.videoQuality"
+ v-model="videoList.color"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
- <span v-else>{{
- thresholdList[0].videoQuality
- }}</span></el-form-item
- >
- <el-form-item label="鏍囨敞鍑嗙‘鐜�">
+ <span v-else>{{ thresholdList[0].color }}</span>
+ </el-form-item>
+ <el-form-item label="浜害鍒嗗�硷細">
<el-input
- v-model="videoList.annotationAccuracy"
+ v-model="videoList.light"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
- <span v-else>{{
- thresholdList[0].annotationAccuracy
- }}</span></el-form-item
- >
+ <span v-else>{{ thresholdList[0].light }}</span>
+ </el-form-item>
+ <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>
+ </el-form-item>
+ <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>
+ </el-form-item>
+ <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>
+ </el-form-item>
+ <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>
+ </el-form-item>
+ <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>
+ </el-form-item>
</el-form>
</div>
</div>
<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.imageQualityAuto"
+ v-model="videoList.blur"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
- <span v-else>{{
- thresholdList[0].imageQualityAuto
- }}</span></el-form-item
- >
- <el-form-item label="瑙嗛璐ㄩ噺">
+ <span v-else>{{ thresholdList[0].blur }}</span>
+ </el-form-item>
+ <el-form-item label="">
<el-input
- v-model="videoList.videoQualityAuto"
+ v-model="videoList.color"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
- <span v-else>{{
- thresholdList[0].videoQualityAuto
- }}</span></el-form-item
- >
- <el-form-item label="鏍囨敞鍑嗙‘鐜�">
+ <span v-else>{{ thresholdList[0].color }}</span>
+ </el-form-item>
+ <el-form-item label="">
<el-input
- v-model="videoList.annotationAccuracyAuto"
+ v-model="videoList.light"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
- <span v-else>{{
- thresholdList[0].annotationAccuracyAuto
- }}</span></el-form-item
- >
+ <span v-else>{{ thresholdList[0].light }}</span>
+ </el-form-item>
+ <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>
+ </el-form-item>
+ <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>
+ </el-form-item>
+ <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>
+ </el-form-item>
+ <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>
+ </el-form-item>
+ <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>
+ </el-form-item>
</el-form>
</div>
</div>
</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>
@@ -142,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>
@@ -151,62 +233,72 @@
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-item label="鎶撴媿閲�">
+ <el-form label-width="140px">
+ <el-form-item label="鏃堕挓鍑嗙‘鐜囷細">
<el-input
- v-model="faceList.captureNum"
+ v-model="faceList.clockPercent"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
- <span v-else>{{ thresholdList[1].captureNum }}</span></el-form-item
- >
- <el-form-item label="鍙婃椂鐜�">
+ <span v-else>{{ thresholdList[1].clockPercent }}</span>
+ </el-form-item>
+ <el-form-item label="鏁版嵁鍙婃椂鐜囷細">
<el-input
- v-model="faceList.timelyRate"
+ v-model="faceList.timelyPercent"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
- <span v-else>{{ thresholdList[1].timelyRate }}</span></el-form-item
- >
- <el-form-item label="寤惰繜閲�">
+ <span v-else>{{ thresholdList[1].timelyPercent }}</span>
+ </el-form-item>
+ <el-form-item label="涓嶅敮涓�鏁版嵁閲忥細">
<el-input
- v-model="faceList.delayAmount"
+ v-model="faceList.nouniqueCount"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
- <span v-else>{{ thresholdList[1].delayAmount }}</span></el-form-item
- >
- <el-form-item label="璁惧娲昏穬鐜�">
+ <span v-else>{{ thresholdList[1].nouniqueCount }}</span>
+ </el-form-item>
+ <el-form-item label="寤烘ā澶辫触鐜囷細">
<el-input
- v-model="faceList.deviceActiveRate"
+ v-model="faceList.failPercent"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
- <span v-else>{{ thresholdList[1].deviceActiveRate }}</span></el-form-item
- >
- <el-form-item label="鎶撴媿鍙婃椂鐜�">
+ <span v-else>{{ thresholdList[1].failPercent }}</span>
+ </el-form-item>
+ <el-form-item label="骞冲潎浜鸿劯浣庤瘎鍒嗙巼锛�">
<el-input
- v-model="faceList.name"
+ v-model="faceList.lowScorePercent"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
- <span v-else>{{ thresholdList[1].deviceActiveRate }}</span></el-form-item
+ <span v-else>{{
+ thresholdList[1].lowScorePercent
+ }}</span></el-form-item
>
- <el-form-item label="鏃堕挓鍑嗙‘鐜�">
+ <el-form-item label="鎸佺画鏃犳暟鎹ぉ鏁帮細">
<el-input
- v-model="thresholdList[0].name"
+ v-model="thresholdList[0].continueNoDataCount"
size="mini"
style="width: 100px"
v-if="ifEdit"
@@ -222,58 +314,57 @@
<el-form
ref="form"
:model="thresholdList[0]"
- label-width="100px"
>
- <el-form-item label="鎶撴媿閲�">
+ <el-form-item label="">
<el-input
- v-model="thresholdList[1].captureNum"
+ v-model="thresholdList[1].clockPercent"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
<span v-else>{{
- thresholdList[1].captureNum
+ thresholdList[1].clockPercent
}}</span></el-form-item
>
- <el-form-item label="鍙婃椂鐜�">
+ <el-form-item label="">
<el-input
- v-model="thresholdList[0].name"
+ v-model="thresholdList[0].timelyPercent"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
<span v-else>{{ 10 }}</span></el-form-item
>
- <el-form-item label="寤惰繜閲�">
+ <el-form-item label="">
<el-input
- v-model="thresholdList[0].name"
+ v-model="thresholdList[0].nouniqueCount"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
<span v-else>{{ 10 }}</span></el-form-item
>
- <el-form-item label="璁惧娲昏穬鐜�">
+ <el-form-item label="">
<el-input
- v-model="thresholdList[0].name"
+ v-model="thresholdList[0].failPercent"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
<span v-else>{{ 10 }}</span></el-form-item
>
- <el-form-item label="鎶撴媿鍙婃椂鐜�">
+ <el-form-item label="">
<el-input
- v-model="thresholdList[0].name"
+ v-model="thresholdList[0].lowScorePercent"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
<span v-else>{{ 10 }}</span></el-form-item
>
- <el-form-item label="鏃堕挓鍑嗙‘鐜�">
+ <el-form-item label="">
<el-input
- v-model="thresholdList[0].name"
+ v-model="thresholdList[0].continueNoDataCount"
size="mini"
style="width: 100px"
v-if="ifEdit"
@@ -286,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>
@@ -309,72 +400,80 @@
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-form-item label="鏃堕挓鍑嗙‘鐜囷細">
<el-input
- v-model="thresholdList[0].name"
+ v-model="thresholdList[0].clockPercent"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
- <span v-else>{{ 10 }}</span></el-form-item
- >
- <el-form-item label="杩囪溅缂哄け鐜�">
+ <span v-else>{{ 10 }}</span>
+ </el-form-item>
+ <el-form-item label="鏁版嵁鍙婃椂鐜囷細">
<el-input
- v-model="thresholdList[0].name"
+ v-model="thresholdList[0].timelyPercent"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
- <span v-else>{{ 10 }}</span></el-form-item
- >
- <el-form-item label="鏈夋晥杩囪溅鏁版嵁閲�">
+ <span v-else>{{ 10 }}</span>
+ </el-form-item>
+ <el-form-item label="涓嶅敮涓�鏁版嵁閲忥細">
<el-input
- v-model="thresholdList[0].name"
+ v-model="thresholdList[0].nouniqueCount"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
- <span v-else>{{ 10 }}</span></el-form-item
- >
- <el-form-item label="璁惧娲昏穬鐜�">
+ <span v-else>{{ 10 }}</span>
+ </el-form-item>
+ <el-form-item label="杞︾墝鏈瘑鍒噺锛�">
<el-input
- v-model="thresholdList[0].name"
+ v-model="thresholdList[0].dayNoNumberCount"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
- <span v-else>{{ 10 }}</span></el-form-item
- >
- <el-form-item label="鎶撴媿鍙婃椂鐜�">
+ <span v-else>{{ 10 }}</span>
+ </el-form-item>
+ <el-form-item label="杞﹁締鍏」灞炴�т笉瀹屾暣閲忥細">
<el-input
- v-model="thresholdList[0].name"
+ v-model="thresholdList[0].noIntegrityCount"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
- <span v-else>{{ 10 }}</span></el-form-item
- >
- <el-form-item label="鏃堕挓鍑嗙‘鐜�">
+ <span v-else>{{ 10 }}</span>
+ </el-form-item>
+ <el-form-item label="鎸佺画鏃犳暟鎹ぉ鏁帮細">
<el-input
- v-model="thresholdList[0].name"
+ v-model="thresholdList[0].continueNoDataCount"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
- <span v-else>{{ 10 }}</span></el-form-item
- >
+ <span v-else>{{ 10 }}</span>
+ </el-form-item>
</el-form>
</div>
</div>
@@ -384,62 +483,61 @@
<el-form
ref="form"
:model="thresholdList[0]"
- label-width="120px"
>
- <el-form-item label="杩囪溅鏁版嵁閲�">
+ <el-form-item label="">
<el-input
- v-model="thresholdList[0].name"
+ v-model="thresholdList[0].clockPercent"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
- <span v-else>{{ 10 }}</span></el-form-item
- >
- <el-form-item label="杩囪溅缂哄け鐜�">
+ <span v-else>{{ 10 }}</span>
+ </el-form-item>
+ <el-form-item label="">
<el-input
- v-model="thresholdList[0].name"
+ v-model="thresholdList[0].timelyPercent"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
- <span v-else>{{ 10 }}</span></el-form-item
- >
- <el-form-item label="鏈夋晥杩囪溅鏁版嵁閲�">
+ <span v-else>{{ 10 }}</span>
+ </el-form-item>
+ <el-form-item label="">
<el-input
- v-model="thresholdList[0].name"
+ v-model="thresholdList[0].nouniqueCount"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
- <span v-else>{{ 10 }}</span></el-form-item
- >
- <el-form-item label="璁惧娲昏穬鐜�">
+ <span v-else>{{ 10 }}</span>
+ </el-form-item>
+ <el-form-item label="">
<el-input
- v-model="thresholdList[0].name"
+ v-model="thresholdList[0].dayNoNumberCount"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
- <span v-else>{{ 10 }}</span></el-form-item
- >
- <el-form-item label="鎶撴媿鍙婃椂鐜�">
+ <span v-else>{{ 10 }}</span>
+ </el-form-item>
+ <el-form-item label="">
<el-input
- v-model="thresholdList[0].name"
+ v-model="thresholdList[0].noIntegrityCount"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
- <span v-else>{{ 10 }}</span></el-form-item
- >
- <el-form-item label="鏃堕挓鍑嗙‘鐜�">
+ <span v-else>{{ 10 }}</span>
+ </el-form-item>
+ <el-form-item label="">
<el-input
- v-model="thresholdList[0].name"
+ v-model="thresholdList[0].continueNoDataCount"
size="mini"
style="width: 100px"
v-if="ifEdit"
></el-input>
- <span v-else>{{ 10 }}</span></el-form-item
- >
+ <span v-else>{{ 10 }}</span>
+ </el-form-item>
</el-form>
</div>
</div>
@@ -1106,6 +1204,10 @@
methods: {
a() {
this.ifEdit = true;
+ },
+ b(){
+ console.log(1111111);
+ this.ifEdit = false;
console.log(this.ifEdit);
},
showContent(row) {
@@ -1162,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