From 078b910e4a7099ecca561dc19cf58a3a27703e7d Mon Sep 17 00:00:00 2001
From: ngfchl <ngfchl@126.com>
Date: Tue, 6 Dec 2022 21:07:18 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=8D=A1=E7=89=87=E5=85=A8?=
 =?UTF-8?q?=E5=B1=80=E6=90=9C=E7=B4=A2=E5=8A=9F=E8=83=BD=EF=BC=8C=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E7=AB=99=E7=82=B9=E5=90=8D=E7=A7=B0=E5=92=8C=E7=BD=91?=
 =?UTF-8?q?=E5=9D=80=E6=A8=A1=E7=B3=8A=E6=90=9C=E7=B4=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/auto_pt/status.html | 110 ++++++++++++++++++++--------------
 1 file changed, 64 insertions(+), 46 deletions(-)

diff --git a/templates/auto_pt/status.html b/templates/auto_pt/status.html
index c7437fe..2a19e37 100644
--- a/templates/auto_pt/status.html
+++ b/templates/auto_pt/status.html
@@ -67,10 +67,21 @@
 
         </div>
         <div class="body">
-            <div v-if="showList">
-                <div>
-                    <el-input v-model="searchKey" placeholder="请输入站点名称或者网址搜索"></el-input>
-                </div>
+            <el-row v-if="showList">
+                <el-row :gutter="20">
+                    <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4"
+                            style="margin-bottom: 10px;float: right;">
+                        <el-input autofocus
+                                  :span="6"
+                                  prefix-icon="el-icon-search"
+                                  clearable
+                                  v-model="searchKey"
+                                  @input="siteSearch"
+                                  placeholder="请输入站点名称或者网址搜索">
+
+                        </el-input>
+                    </el-col>
+                </el-row>
                 <el-row :gutter="20">
                     <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" style="margin-bottom: 10px;">
                         <el-card class="box-card info-card">
@@ -178,7 +189,7 @@
                         </el-card>
                     </el-col>
                     <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" style="margin-bottom: 10px;"
-                            v-for="site in ptData.status_list">
+                            v-for="site in showData">
                         <el-card class="box-card info-card">
                             <div slot="header" class="clearfix">
 
@@ -301,52 +312,52 @@
                         </el-card>
                     </el-col>
                 </el-row>
-            </div>
+        </div>
 
-            <div v-else="showList" style="margin-top: -15px;">
-                <div style="text-align: center">
+        <div v-else="showList" style="margin-top: -15px;">
+            <div style="text-align: center">
 
-                    <el-button-group>
-                        <el-button size="mini" :type="begInvite ? 'primary' : ''" @click="begInviteMode">
-                            求药
-                        </el-button>
-                        <el-button size="mini" :type="showLegend ? 'primary' : ''" @click="showLegendMode">
-                            图例
-                        </el-button>
-                        <el-button size="mini" :type="showLogo ? 'primary' : ''" @click="showLogoMode"
-                                   v-if="showLegend">
-                            Logo
-                        </el-button>
-                    </el-button-group>
-
-                </div>
-
-                <charts ref="charts" style="height: 700px;margin-top: 5px;" :option="option"></charts>
+                <el-button-group>
+                    <el-button size="mini" :type="begInvite ? 'primary' : ''" @click="begInviteMode">
+                        求药
+                    </el-button>
+                    <el-button size="mini" :type="showLegend ? 'primary' : ''" @click="showLegendMode">
+                        图例
+                    </el-button>
+                    <el-button size="mini" :type="showLogo ? 'primary' : ''" @click="showLogoMode"
+                               v-if="showLegend">
+                        Logo
+                    </el-button>
+                </el-button-group>
 
             </div>
 
+            <charts ref="charts" style="height: 700px;margin-top: 5px;" :option="option"></charts>
+
         </div>
-    </el-card>
-    <el-dialog
-            {#            title="历史数据"#}
-            :visible.sync="showSiteChart"
-            width="90%"
-            top="5vh"
-            center>
-        <el-row>
-            <el-col :span="24">
-                <charts ref="seeding_charts" style="height: 320px;margin-top: 15px;" :option="option"></charts>
-            </el-col>
-        </el-row>
-        <el-row :gutter="20">
-            <el-col :span="12">
-                <charts ref="bonus_charts" :span="12" style="height: 320px;margin-top: 15px;" :option="option"></charts>
-            </el-col>
-            <el-col :span="12">
-                <charts ref="ratio_charts" :span="12" style="height: 320px;margin-top: 15px;" :option="option"></charts>
-            </el-col>
-        </el-row>
-    </el-dialog>
+
+</div>
+</el-card>
+<el-dialog
+        {#            title="历史数据"#}
+        :visible.sync="showSiteChart"
+        width="90%"
+        top="5vh"
+        center>
+    <el-row>
+        <el-col :span="24">
+            <charts ref="seeding_charts" style="height: 320px;margin-top: 15px;" :option="option"></charts>
+        </el-col>
+    </el-row>
+    <el-row :gutter="20">
+        <el-col :span="12">
+            <charts ref="bonus_charts" :span="12" style="height: 320px;margin-top: 15px;" :option="option"></charts>
+        </el-col>
+        <el-col :span="12">
+            <charts ref="ratio_charts" :span="12" style="height: 320px;margin-top: 15px;" :option="option"></charts>
+        </el-col>
+    </el-row>
+</el-dialog>
 </div>
 
 {% include 'admin/includes/js-part.html' %}
@@ -372,6 +383,7 @@
                     shuffle: false,
                     searchKey: '',
                     sortStep: 1,
+                    showData: [],
                 }
             },
             beforeMount() {
@@ -396,7 +408,12 @@
             },
             methods: {
                 siteSearch() {
-
+                    console.log(this.searchKey)
+                    {#this.showData#}
+                    this.searchKey == '' ? this.showData = this.ptData.status_list : this.showData = this.ptData.status_list.filter(site => {
+                        return site.url.toLowerCase().includes(this.searchKey.toLowerCase()) || site.name.toLowerCase().includes(this.searchKey.toLowerCase())
+                    })
+                    console.log(this.showData)
                 },
                 changeSortStep() {
                     console.log(this.sortStep)
@@ -608,6 +625,7 @@
                     //乱序
                     {#this.shuffleList()#}
                     this.showList = true
+                    this.siteSearch()
                 },
                 setPie() {
                     let uploadedList = []