From 2ff4a572df6b098779bc592a0c6e0a90e1b79b2e Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期五, 12 十一月 2021 19:08:00 +0800
Subject: [PATCH] 暂存
---
src/pages/internetData/components/screening.vue | 194 ++++++++++++++++++++++++------------------------
1 files changed, 96 insertions(+), 98 deletions(-)
diff --git a/src/pages/internetData/components/screening.vue b/src/pages/internetData/components/screening.vue
index 933f38e..fba5e54 100644
--- a/src/pages/internetData/components/screening.vue
+++ b/src/pages/internetData/components/screening.vue
@@ -1,118 +1,116 @@
<template>
-<div class="screening">
-
- <div class="title">璁惧缂栫爜 : </div>
- <div class="input_code">
- <el-input
- placeholder="璇疯緭鍏ュ唴瀹�"
- v-model="code"
- clearable>
- </el-input>
- </div>
-
+ <div class="screening">
+ <div class="title">璁惧缂栫爜 :</div>
+ <div class="input_code">
+ <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="code" clearable> </el-input>
+ </div>
- <div class="title electric">鐢甸噺鍖洪棿 : </div>
+ <div class="title electric">鐢甸噺鍖洪棿 :</div>
- <div class="input_elec">
- <el-input
- placeholder="璇疯緭鍏�"
- v-model="lowerElec"
- clearable>
- </el-input>
- </div>
- <div class="font-weight: 700;font-size: 25px;">-</div>
- <div class="input_elec">
- <el-input
- placeholder="璇疯緭鍏�"
- v-model="UpperElec"
- clearable>
- </el-input>
- </div>
+ <div class="input_elec">
+ <el-input placeholder="璇疯緭鍏�" v-model="lowerElec" clearable> </el-input>
+ </div>
+ <div class="font-weight: 700;font-size: 25px;">-</div>
+ <div class="input_elec">
+ <el-input placeholder="璇疯緭鍏�" v-model="UpperElec" clearable> </el-input>
+ </div>
- <div class="save">鏌ヨ</div>
- <div class="reset">娓呯┖</div>
-
-
-</div>
+ <div class="save" @click="searchHelmet">鏌ヨ</div>
+ <div class="reset" @click="resetHelmet">娓呯┖</div>
+ </div>
</template>
<script>
export default {
- data() {
- return {
- code:'',
- lowerElec: '',
- UpperElec: ''
- }
- }
-}
+ data() {
+ return {
+ code: "",
+ lowerElec: "",
+ UpperElec: "",
+ };
+ },
+ methods: {
+ searchHelmet() {
+ this.$emit("searchHelmet", {
+ sn: this.code,
+ batteryStart: this.lowerElec,
+ batteryEnd: this.UpperElec,
+ });
+ },
+ resetHelmet() {
+ this.code = "";
+ this.lowerElec = "";
+ this.UpperElec = "";
+ this.$emit("resetHelmet");
+ },
+ },
+};
</script>
<style scoped lang="scss">
.screening {
- display: flex;
- align-items: center;
- padding: 0 20px;
- height: 70px;
- border-radius: 15px;
- background-color: #F2F2F7;
+ display: flex;
+ align-items: center;
+ padding: 0 20px;
+ height: 70px;
+ border-radius: 15px;
+ background-color: #f2f2f7;
- .title {
- font-size: 14px;
- color: #4F4F4F;
+ .title {
+ font-size: 14px;
+ color: #4f4f4f;
+ }
+
+ .input_code {
+ margin: 0 20px 0 5px;
+ width: 250px;
+ }
+
+ .input_elec {
+ margin: 0 5px;
+ width: 130px;
+ }
+
+ .save {
+ margin-left: 22%;
+ margin-right: 10px;
+ width: 90px;
+ height: 40px;
+ border-radius: 10px;
+ background: #fff;
+ color: #333333;
+ font-size: 14px;
+ line-height: 40px;
+ cursor: pointer;
+
+ &:hover {
+ background: #11aa66;
+ color: #fff;
}
+ }
- .input_code {
- margin:0 20px 0 5px ;
- width: 250px;
+ .reset {
+ width: 90px;
+ height: 40px;
+ background: #fff;
+ border-radius: 10px;
+ color: #333333;
+ font-size: 14px;
+ line-height: 40px;
+ cursor: pointer;
+
+ &:hover {
+ background: #11aa66;
+ color: #fff;
}
+ }
- .input_elec {
- margin:0 5px ;
- width: 130px;
+ .el-input ::v-deep input {
+ border-radius: 10px;
+
+ &:focus {
+ border: 1px solid #11aa66;
}
-
- .save {
- margin-left: 22%;
- margin-right: 10px;
- width: 90px;
- height: 40px;
- border-radius: 10px;
- background: #fff;
- color: #333333;
- font-size: 14px;
- line-height: 40px;
- cursor: pointer;
-
- &:hover {
- background: #11AA66;
- color: #fff;
- }
- }
-
- .reset {
- width: 90px;
- height: 40px;
- background: #fff;
- border-radius: 10px;
- color: #333333;
- font-size: 14px;
- line-height: 40px;
- cursor: pointer;
-
- &:hover {
- background: #11AA66;
- color: #fff;
- }
- }
-
- .el-input ::v-deep input {
- border-radius: 10px;
-
- &:focus {
- border: 1px solid #11AA66;
- }
- }
-
+ }
}
</style>
\ No newline at end of file
--
Gitblit v1.8.0