From fd934f83afae1e3fce46db8610837d0e0f4d9393 Mon Sep 17 00:00:00 2001
From: zmc <zmc_li@foxmail.com>
Date: 星期四, 02 十一月 2023 10:44:56 +0800
Subject: [PATCH] 按开发清单已修改
---
src/sfc/InputSearch.vue | 159 ++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 114 insertions(+), 45 deletions(-)
diff --git a/src/sfc/InputSearch.vue b/src/sfc/InputSearch.vue
index c0a5d13..2db8a64 100644
--- a/src/sfc/InputSearch.vue
+++ b/src/sfc/InputSearch.vue
@@ -1,7 +1,6 @@
<!--
杩滅▼鎼滅储 绔欑偣鍚嶇О 杈撳叆妗嗙粍浠�
鏍规嵁杈撳叆绔欑偣鐨勫唴瀹规彁渚涘搴旂殑杈撳叆寤鸿
-
**
鍦ㄧ埗缁勪欢涓缃�
<InputSearch :isNeedDefaultSite="1" @submit-value="(n)=>form.name=n"> </InputSearch>
@@ -9,35 +8,92 @@
鐖剁粍浠堕�氳繃娉ㄥ叆 :isNeedDefaultSite="1"鎴� :isNeedDefaultSite="0"鏉ヤ唬琛ㄨ杈撳叆妗嗘湁鏃犻粯璁ょ殑绔欑偣鍚嶇О
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 +112,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 +148,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 +172,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