From eeef5d4039d2b3fee6854ddc2789aa23232b2cfb Mon Sep 17 00:00:00 2001
From: zmc <zmc_li@foxmail.com>
Date: 星期三, 27 九月 2023 17:24:10 +0800
Subject: [PATCH] 登陆页换了背景，加了风险排名
---
src/sfc/InputSearch.vue | 155 +++++++++++++++++++++++++++++++++++++--------------
1 files changed, 111 insertions(+), 44 deletions(-)
diff --git a/src/sfc/InputSearch.vue b/src/sfc/InputSearch.vue
index c0a5d13..28757d2 100644
--- a/src/sfc/InputSearch.vue
+++ b/src/sfc/InputSearch.vue
@@ -10,34 +10,88 @@
1浠ｈ〃闇�瑕侀粯璁ゅ�� 锛�0浠ｈ〃涓嶉渶瑕侀粯璁ゅ��
-->
<script>
+import exceptionApi from '@/api/exceptionApi.js';
export default {
- props:{
- // 0浠ｈ〃涓嶉渶瑕侀粯璁ゅ�硷紝1浠ｈ〃闇�瑕侀粯璁ゅ��
- isNeedDefaultSite:{
+ props: {
+ // 0浠ｈ〃涓嶉渶瑕侀粯璁ゅ�硷紝1浠ｈ〃闇�瑕侀粯璁ゅ��
+ isNeedDefaultSite: {
+ type: String,
+ default: '0'
+ },
+ // 0浠ｈ〃涓嶉渶瑕侊紝1浠ｈ〃鏍规嵁鏃舵鍜屽紓甯告潵缁欏嚭杈撳叆寤鸿
+ isNeedRealTimeAdvice:{
type:String,
default:'0'
+ },
+ exceptionType:{
+ type:Array,
+ default:()=>{
+ return []
+ }
+ },
+ beginTime:{
+ type:String,
+ default:''
+ },
+ endTime:{
+ type:String,
+ default:''
+ },
+ siteName:{
+ type:String,
+ default:'-1'
}
},
- emits:['submitValue','submitSiteNums'],
+ emits: ['submitValue', 'submitSiteNums'],
data() {
return {
+ // 鐢ㄦ埛閫変腑鐨勫��
state: '',
- // 绔欑偣鍚嶇О
- siteNames:[],
+ // 淇濆瓨杈撳叆寤鸿鐨勭珯鐐瑰悕绉�
+ siteNames: []
}
},
-
- mounted() {
- // 鍔犺浇鎵�鏈夌殑绔欑偣鍚嶇О
- this.loadAll()
- if(this.isNeedDefaultSite == 1){
- this.state = '閲戝北鍖洪噾灞辨柊鍩嶫SC1-0401鍗曞厓1-11-01鍦板潡椤圭洰09'
- this.$emit('submitValue',this.state)
- }else if(this.isNeedDefaultSite == 0){
- this.state = ''
- this.$emit('submitValue',this.state)
+ watch:{
+ beginTime(val,oldVal){
+
+ if(this.isNeedRealTimeAdvice =='1' && oldVal != ''){
+ exceptionApi.getExceptionName(this.exceptionType,this.beginTime,this.endTime).then( res=>{
+ this.siteNames = []
+ const sites = res.data.data
+ sites.filter((item) => {
+ this.siteNames.push(item['name'])
+ })
+ })
+ }
+ },
+ exceptionType(){
+ if(this.isNeedRealTimeAdvice =='1' ){
+ exceptionApi.getExceptionName(this.exceptionType,this.beginTime,this.endTime).then( res=>{
+ this.siteNames = []
+ const sites = res.data.data
+ sites.filter((item) => {
+ this.siteNames.push(item['name'])
+ })
+ })
+ }
+ },
+ siteName(){
+ if(this.siteName != '-1' && this.siteName != ''){
+ this.state = this.siteName
+ this.$emit('submitValue', this.state)
+ }
}
-
+ },
+ mounted() {
+ // 鍔犺浇鎵�鏈夌殑绔欑偣鍚嶇О
+ this.loadAll()
+ if (this.isNeedDefaultSite == 1) {
+ this.state = '閲戝北鍖洪噾灞辨柊鍩嶫SC1-0401鍗曞厓1-11-01鍦板潡椤圭洰09'
+ this.$emit('submitValue', this.state)
+ } else if (this.isNeedDefaultSite == 0) {
+ this.state = ''
+ this.$emit('submitValue', this.state)
+ }
},
methods: {
querySearch(queryString, cb) {
@@ -56,23 +110,35 @@
},
// 鍒濆鍖栧姞杞芥墍鏈夌殑绔欑偣鍚嶅瓧
loadAll() {
- this.$http.get('/dust/sitename').then(response=>{
- const sites = response.data.data
- sites.filter(item=>{
- this.siteNames.push(item['name'])
+ if(this.isNeedRealTimeAdvice == '1'){
+ exceptionApi.getExceptionName(this.exceptionType,this.beginTime,this.endTime).then( res=>{
+ this.siteNames = []
+ const sites = res.data.data
+ sites.filter((item) => {
+ this.siteNames.push(item['name'])
})
- this.$emit('submitSiteNums',this.siteNames.length)
+ })
+
+ }else if(this.isNeedRealTimeAdvice == '0'){
+ this.$http.get('/dust/sitename').then((response) => {
+ const sites = response.data.data
+ sites.filter((item) => {
+ this.siteNames.push(item['name'])
+ })
+ this.$emit('submitSiteNums', this.siteNames.length)
})
+ }
},
+
// 鐐瑰嚮閫変腑寤鸿椤规椂瑙﹀彂
handleSelect(item) {
this.state = item
- this.$emit('submitValue',this.state)
+ this.$emit('submitValue', this.state)
},
// 鍦ㄧ偣鍑荤敱 clearable 灞炴�х敓鎴愮殑娓呯┖鎸夐挳鏃惰Е鍙�
- clearSiteName(){
- this.state=''
- this.$emit('submitValue',this.state)
+ clearSiteName() {
+ this.state = ''
+ this.$emit('submitValue', this.state)
}
}
}
@@ -80,21 +146,21 @@
<template>
<div class="container">
- <span class="text">鐐逛綅鍚嶇О锛�</span>
- <el-autocomplete
- v-model="state"
- :fetch-suggestions="querySearch"
- popper-class="my-autocomplete"
- placeholder="璇疯緭鍏�"
- @select="handleSelect"
- clearable
- @clear="clearSiteName"
- >
- <template #default="{ item }">
- <div class="value">{{ item }}</div>
- </template>
- </el-autocomplete>
-</div>
+ <span class="text">鐐逛綅鍚嶇О锛�</span>
+ <el-autocomplete
+ v-model="state"
+ :fetch-suggestions="querySearch"
+ popper-class="my-autocomplete"
+ placeholder="璇疯緭鍏�"
+ @select="handleSelect"
+ clearable
+ @clear="clearSiteName"
+ >
+ <template #default="{ item }">
+ <div class="value">{{ item }}</div>
+ </template>
+ </el-autocomplete>
+ </div>
</template>
<style>
@@ -104,10 +170,11 @@
.text {
font-weight: bold;
- margin-top: 5px;
- font-size: 16px;
+ font-size: 14px;
+ color: #333333;
}
.el-autocomplete {
- margin-top: 5px;
+ width: 200px;
}
+
</style>
--
Gitblit v1.9.3