From d1baecbe16bba824747960d1a83c4a5b59b28c69 Mon Sep 17 00:00:00 2001
From: hh <2397241381@qq.com>
Date: Sat, 6 Apr 2024 19:19:15 +0800
Subject: [PATCH] =?UTF-8?q?ui=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/sy/an.vue | 118 +++++++++++++++++---
 src/views/sy/fe.vue | 260 ++++++++++++++++++++++++++++++++++++++++++--
 2 files changed, 352 insertions(+), 26 deletions(-)

diff --git a/src/views/sy/an.vue b/src/views/sy/an.vue
index b05f3c4..ce5a78a 100644
--- a/src/views/sy/an.vue
+++ b/src/views/sy/an.vue
@@ -1,16 +1,106 @@
 <template>
-    <div style="padding: 10px;">
-      <el-card>
-        
-      </el-card>
-    </div>
-  </template>
-  
-  <script>
-  </script>
-  <style lang="less" scoped>
-  .card {
-    padding: 10px;
+  <div style="padding: 10px;">
+    <el-card>
+      <template #header>
+        <span style="font-size: 25px;">
+          数据分析
+        </span>
+        <span style="float: right;display: flex;">
+          <el-input v-model="adder" placeholder="请输入地址" />
+          <el-button style="margin-left: 10px;" type="primary" @click="goto">开始分析</el-button>
+        </span>
+      </template>
+      <div class="center" v-loading="loading">
+        <el-row class="top">
+          <el-col :span="12" class="col1">
+            <div id="chart1" style="width: 100%;height: 100%;"></div>
+          </el-col>
+          <el-col :span="12" class="col2">
+            <div id="chart2" style="width: 100%;height: 100%;"></div>
+          </el-col>
+        </el-row>
+        <el-row class="bottom">
+          <el-col :span="12" class="col1">
+            <div id="chart3" style="width: 100%;height: 100%;"></div>
+          </el-col>
+          <el-col :span="12" class="col2">
+            <div id="chart4" style="width: 100%;height: 100%;"></div>
+          </el-col>
+        </el-row>
+      </div>
+
+    </el-card>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "get",
+  data() {
+    return {
+      loading: false,
+      adder: ''
+    }
+  },
+  methods: {
+    goto() {
+      if (!this.adder) {
+        this.$message.error('请输入地址')
+        return
+      }
+      //加载1.5秒
+      this.loading = true
+      this.$message.info('开始分析' + this.adder + '的天气数据')
+      setTimeout(() => {
+        this.loading = false
+      }, 2500)
+    }
   }
-  
-  </style>
\ No newline at end of file
+}
+</script>
+</script>
+<style lang="less" scoped>
+.card {
+  padding: 10px;
+}
+
+.center {
+  height: 500px;
+
+  .top {
+    height: 50%;
+    // 下边框
+    border-bottom: 1px solid #dbdada;
+    ;
+
+    .col1 {
+      height: 100%;
+      padding: 10px;
+      // 左边框
+      border-right: 1px solid #dbdada;
+      ;
+    }
+
+    .col2 {
+      padding: 10px;
+      height: 100%;
+    }
+  }
+
+  .bottom {
+    height: 50%;
+
+    .col1 {
+      height: 100%;
+      padding: 10px;
+      // 左边框
+      border-right: 1px solid #dbdada;
+    }
+
+    .col2 {
+      padding: 10px;
+      height: 100%;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/sy/fe.vue b/src/views/sy/fe.vue
index b05f3c4..9c49cba 100644
--- a/src/views/sy/fe.vue
+++ b/src/views/sy/fe.vue
@@ -1,16 +1,252 @@
 <template>
-    <div style="padding: 10px;">
+  <div style="padding: 10px;">
       <el-card>
-        
+          <template #header>
+              <span style="font-size: 25px;">
+                  数据爬取
+              </span>
+              <span>
+                  来源:
+                  <a href="https://www.tianqishi.com/" target="_blank">天气史查询</a>
+              </span>
+              <span style="float: right;display: flex;">
+                  <el-input v-model="adder" placeholder="请输入地址" />
+                  <el-button style="margin-left: 10px;" type="success" @click="goto">开始爬取</el-button>
+              </span>
+          </template>
+          <div class="center" v-loading="loading">
+              <el-table :data="tableData" height="500" stripe style="width: 100%">
+                  <el-table-column prop="data1" label="日期" />
+                  <el-table-column prop="data2" label="气温" />
+                  <el-table-column prop="data3" label="天气情况" />
+                  <el-table-column prop="data4" label="风向" />
+                  <el-table-column prop="data5" label="风力" />
+                  <el-table-column prop="data6" label="日出" />
+                  <el-table-column prop="data7" label="日落" />
+              </el-table>
+          </div>
+
+
       </el-card>
-    </div>
-  </template>
-  
-  <script>
-  </script>
-  <style lang="less" scoped>
-  .card {
-    padding: 10px;
+  </div>
+</template>
+
+<script>
+import { getAction } from '@/api/manage'
+
+export default {
+  name: "get",
+  data() {
+      return {
+          tableData: [{ 'data1': '20240405', 'data2': '7~14℃', 'data3': '晴转多云', 'data4': '西南风', 'data5': '3-4', 'data6': '05:06', 'data7': '18:07' }
+              ,
+          { 'data1': '20240404', 'data2': '0~10℃', 'data3': '晴', 'data4': '西北风', 'data5': '1-3', 'data6': '05:08', 'data7': '18:06' }
+              ,
+          { 'data1': '20240403', 'data2': '-2~9℃', 'data3': '多云', 'data4': '西北风', 'data5': '1-3', 'data6': '05:09', 'data7': '18:05' }
+              ,
+          { 'data1': '20240402', 'data2': '-3~10℃', 'data3': '晴', 'data4': '西南风', 'data5': '1-3', 'data6': '05:11', 'data7': '18:03' }
+              ,
+          { 'data1': '20240401', 'data2': '-4~5℃', 'data3': '晴', 'data4': '西北风', 'data5': '1-3', 'data6': '05:13', 'data7': '18:02' }
+              ,
+          { 'data1': '20240331', 'data2': '-5~3℃', 'data3': '多云转晴', 'data4': '西北风', 'data5': '1-3', 'data6': '05:15', 'data7': '18:01' }
+              ,
+          { 'data1': '20240330', 'data2': '-5~5℃', 'data3': '阵雨转多云', 'data4': '西北风', 'data5': '3-4', 'data6': '05:17', 'data7': '18:00' }
+              ,
+          { 'data1': '20240329', 'data2': '-3~5℃', 'data3': '多云', 'data4': '西南风', 'data5': '3-4', 'data6': '05:19', 'data7': '17:58' }
+              ,
+          { 'data1': '20240328', 'data2': '-4~10℃', 'data3': '多云转晴', 'data4': '西南风', 'data5': '4-5', 'data6': '05:21', 'data7': '17:57' }
+              ,
+          { 'data1': '20240327', 'data2': '6~12℃', 'data3': '阵雨转小雨', 'data4': '西南风', 'data5': '3-4', 'data6': '05:23', 'data7': '17:56' }
+              ,
+          { 'data1': '20240326', 'data2': '-2~11℃', 'data3': '晴', 'data4': '东南风', 'data5': '1-3', 'data6': '05:25', 'data7': '17:54' }
+              ,
+          { 'data1': '20240325', 'data2': '-3~10℃', 'data3': '晴', 'data4': '东北风', 'data5': '1-3', 'data6': '05:27', 'data7': '17:53' }
+              ,
+          { 'data1': '20240324', 'data2': '-5~6℃', 'data3': '晴', 'data4': '西北风', 'data5': '1-3', 'data6': '05:29', 'data7': '17:52' }
+              ,
+          { 'data1': '20240323', 'data2': '-6~8℃', 'data3': '阵雨转晴', 'data4': '西南风', 'data5': '1-3', 'data6': '05:31', 'data7': '17:50' }
+              ,
+          { 'data1': '20240322', 'data2': '-3~10℃', 'data3': '多云转雨夹雪', 'data4': '东南风', 'data5': '1-3', 'data6': '05:32', 'data7': '17:49' }
+              ,
+          { 'data1': '20240321', 'data2': '-5~5℃', 'data3': '晴', 'data4': '东南风', 'data5': '1-3', 'data6': '05:34', 'data7': '17:48' }
+              ,
+          { 'data1': '20240320', 'data2': '-8~3℃', 'data3': '晴', 'data4': '西北风', 'data5': '1-3', 'data6': '05:36', 'data7': '17:46' }
+              ,
+          { 'data1': '20240319', 'data2': '-7~3℃', 'data3': '晴转多云', 'data4': '西北风', 'data5': '1-3', 'data6': '05:38', 'data7': '17:45' }
+              ,
+          { 'data1': '20240318', 'data2': '-8~2℃', 'data3': '多云转晴', 'data4': '北风', 'data5': '1-3', 'data6': '05:40', 'data7': '17:44' }
+              ,
+          { 'data1': '20240317', 'data2': '-8~2℃', 'data3': '晴', 'data4': '西北风', 'data5': '3-4', 'data6': '05:42', 'data7': '17:42' }
+              ,
+          { 'data1': '20240316', 'data2': '-6~5℃', 'data3': '雨夹雪转小雪', 'data4': '东南风', 'data5': '1-3', 'data6': '05:44', 'data7': '17:41' }
+              ,
+          { 'data1': '20240315', 'data2': '-5~7℃', 'data3': '晴转多云', 'data4': '西北风', 'data5': '1-3', 'data6': '05:46', 'data7': '17:40' }
+              ,
+          { 'data1': '20240314', 'data2': '0~9℃', 'data3': '多云', 'data4': '西南风', 'data5': '1-3', 'data6': '05:48', 'data7': '17:38' }
+              ,
+          { 'data1': '20240313', 'data2': '-2~7℃', 'data3': '晴转多云', 'data4': '西南风', 'data5': '1-3', 'data6': '05:50', 'data7': '17:37' }
+              ,
+          { 'data1': '20240312', 'data2': '-5~6℃', 'data3': '晴', 'data4': '西南风', 'data5': '1-3', 'data6': '05:52', 'data7': '17:36' }
+              ,
+          { 'data1': '20240311', 'data2': '-7~5℃', 'data3': '多云转晴', 'data4': '西北风', 'data5': '1-3', 'data6': '05:53', 'data7': '17:34' }
+              ,
+          { 'data1': '20240310', 'data2': '-7~7℃', 'data3': '晴', 'data4': '西南风', 'data5': '1-3', 'data6': '05:55', 'data7': '17:33' }
+              ,
+          { 'data1': '20240309', 'data2': '-13~1℃', 'data3': '晴', 'data4': '西南风', 'data5': '1-3', 'data6': '05:57', 'data7': '17:32' }
+              ,
+          { 'data1': '20240308', 'data2': '-14~-3℃', 'data3': '多云转晴', 'data4': '西北风', 'data5': '1-3', 'data6': '05:59', 'data7': '17:30' }
+              ,
+          { 'data1': '20240307', 'data2': '-11~1℃', 'data3': '多云', 'data4': '西南风', 'data5': '1-3', 'data6': '06:01', 'data7': '17:29' }
+              ,
+          { 'data1': '20240306', 'data2': '-14~-1℃', 'data3': '晴', 'data4': '西北风', 'data5': '1-3', 'data6': '06:03', 'data7': '17:28' }
+              ,
+          { 'data1': '20240305', 'data2': '-14~-1℃', 'data3': '晴', 'data4': '西北风', 'data5': '1-3', 'data6': '06:05', 'data7': '17:26' }
+              ,
+          { 'data1': '20240304', 'data2': '-12~-2℃', 'data3': '晴', 'data4': '西北风', 'data5': '1-3', 'data6': '06:06', 'data7': '17:25' }
+              ,
+          { 'data1': '20240303', 'data2': '-16~-5℃', 'data3': '多云转晴', 'data4': '西北风', 'data5': '1-3', 'data6': '06:08', 'data7': '17:23' }
+              ,
+          { 'data1': '20240302', 'data2': '-17~-7℃', 'data3': '晴', 'data4': '西北风', 'data5': '1-3', 'data6': '06:10', 'data7': '17:22' }
+              ,
+          { 'data1': '20240301', 'data2': '-17~-7℃', 'data3': '多云转晴', 'data4': '西北风', 'data5': '1-3', 'data6': '06:12', 'data7': '17:21' }
+              ,
+          { 'data1': '20240229', 'data2': '-13~-5℃', 'data3': '阵雪转小雪', 'data4': '西南风', 'data5': '1-3', 'data6': '06:14', 'data7': '17:19' }
+              ,
+          { 'data1': '20240228', 'data2': '-15~-4℃', 'data3': '多云', 'data4': '西北风', 'data5': '1-3', 'data6': '06:15', 'data7': '17:18' }
+              ,
+          { 'data1': '20240227', 'data2': '-9~-4℃', 'data3': '多云转小雪', 'data4': '西南风', 'data5': '1-3', 'data6': '06:17', 'data7': '17:16' }
+              ,
+          { 'data1': '20240226', 'data2': '-18~-5℃', 'data3': '晴', 'data4': '西北风', 'data5': '1-3', 'data6': '06:19', 'data7': '17:15' }
+              ,
+          { 'data1': '20240225', 'data2': '-15~-2℃', 'data3': '晴', 'data4': '西北风', 'data5': '1-3', 'data6': '06:21', 'data7': '17:14' }
+              ,
+          { 'data1': '20240224', 'data2': '-14~-3℃', 'data3': '多云', 'data4': '西南风', 'data5': '1-3', 'data6': '06:22', 'data7': '17:12' }
+              ,
+          { 'data1': '20240223', 'data2': '-17~-5℃', 'data3': '晴', 'data4': '西北风', 'data5': '1-3', 'data6': '06:24', 'data7': '17:11' }
+              ,
+          { 'data1': '20240222', 'data2': '-19~-8℃', 'data3': '晴', 'data4': '西北风', 'data5': '1-3', 'data6': '06:26', 'data7': '17:09' }
+              ,
+          { 'data1': '20240221', 'data2': '-21~-10℃', 'data3': '晴', 'data4': '西北风', 'data5': '1-3', 'data6': '06:27', 'data7': '17:08' }
+              ,
+          { 'data1': '20240220', 'data2': '-23~-12℃', 'data3': '晴', 'data4': '西风', 'data5': '1-3', 'data6': '06:29', 'data7': '17:06' }
+              ,
+          { 'data1': '20240219', 'data2': '-18~-9℃', 'data3': '多云转晴', 'data4': '西北风', 'data5': '3-4', 'data6': '06:31', 'data7': '17:05' }
+              ,
+          { 'data1': '20240218', 'data2': '-11~4℃', 'data3': '雨夹雪转小雪', 'data4': '西南风', 'data5': '1-3', 'data6': '06:32', 'data7': '17:03' }
+              ,
+          { 'data1': '20240217', 'data2': '3~6℃', 'data3': '多云', 'data4': '西南风', 'data5': '3-4', 'data6': '06:34', 'data7': '17:02' }
+              ,
+          { 'data1': '20240216', 'data2': '-2~0℃', 'data3': '晴转多云', 'data4': '西南风', 'data5': '1-3', 'data6': '06:36', 'data7': '17:01' }
+              ,
+          { 'data1': '20240215', 'data2': '-17~-7℃', 'data3': '晴', 'data4': '西北风', 'data5': '1-3', 'data6': '06:37', 'data7': '16:59' }
+              ,
+          { 'data1': '20240214', 'data2': '-17~-2℃', 'data3': '多云转晴', 'data4': '西北风', 'data5': '1-3', 'data6': '06:39', 'data7': '16:58' }
+              ,
+          { 'data1': '20240213', 'data2': '-6~5℃', 'data3': '晴', 'data4': '西南风', 'data5': '3-4', 'data6': '06:40', 'data7': '16:56' }
+              ,
+          { 'data1': '20240212', 'data2': '2~3℃', 'data3': '晴', 'data4': '西南风', 'data5': '3-4', 'data6': '06:42', 'data7': '16:55' }
+              ,
+          { 'data1': '20240211', 'data2': '-12~-4℃', 'data3': '晴', 'data4': '西南风', 'data5': '1-3', 'data6': '06:43', 'data7': '16:53' }
+              ,
+          { 'data1': '20240210', 'data2': '-14~-6℃', 'data3': '多云', 'data4': '西南风', 'data5': '1-3', 'data6': '06:44', 'data7': '16:52' }
+              ,
+          { 'data1': '20240209', 'data2': '-18~-7℃', 'data3': '晴转多云', 'data4': '西南风', 'data5': '1-3', 'data6': '06:46', 'data7': '16:50' }
+              ,
+          { 'data1': '20240208', 'data2': '-22~-8℃', 'data3': '晴', 'data4': '西南风', 'data5': '1-3', 'data6': '06:47', 'data7': '16:49' }
+              ,
+          { 'data1': '20240207', 'data2': '-23~-8℃', 'data3': '晴', 'data4': '西南风', 'data5': '1-3', 'data6': '06:49', 'data7': '16:47' }
+              ,
+          { 'data1': '20240206', 'data2': '-25~-9℃', 'data3': '多云转晴', 'data4': '西北风', 'data5': '1-3', 'data6': '06:50', 'data7': '16:46' }
+              ,
+          { 'data1': '20240205', 'data2': '-24~-11℃', 'data3': '晴转多云', 'data4': '东北风', 'data5': '1-3', 'data6': '06:51', 'data7': '16:44' }
+              ,
+          { 'data1': '20240204', 'data2': '-27~-11℃', 'data3': '晴', 'data4': '西北风', 'data5': '1-3', 'data6': '06:53', 'data7': '16:43' }
+              ,
+          { 'data1': '20240203', 'data2': '-27~-12℃', 'data3': '晴', 'data4': '西南风', 'data5': '1-3', 'data6': '06:54', 'data7': '16:41' }
+              ,
+          { 'data1': '20240202', 'data2': '-28~-14℃', 'data3': '晴', 'data4': '西北风', 'data5': '1-3', 'data6': '06:55', 'data7': '16:40' }
+              ,
+          { 'data1': '20240201', 'data2': '-25~-16℃', 'data3': '晴', 'data4': '西南风', 'data5': '1-3', 'data6': '06:56', 'data7': '16:39' }
+              ,
+          { 'data1': '20240131', 'data2': '-28~-16℃', 'data3': '晴', 'data4': '西北风', 'data5': '1-3', 'data6': '06:57', 'data7': '16:37' }
+              ,
+          { 'data1': '20240130', 'data2': '-23~-15℃', 'data3': '阵雪转小雪', 'data4': '东北风', 'data5': '1-3', 'data6': '06:59', 'data7': '16:36' }
+              ,
+          { 'data1': '20240129', 'data2': '-27~-14℃', 'data3': '晴', 'data4': '西北风', 'data5': '1-3', 'data6': '07:00', 'data7': '16:34' }
+              ,
+          { 'data1': '20240128', 'data2': '-20~-8℃', 'data3': '晴转多云', 'data4': '东南风', 'data5': '1-3', 'data6': '07:01', 'data7': '16:33' }
+              ,
+          { 'data1': '20240127', 'data2': '-23~-11℃', 'data3': '晴', 'data4': '西南风', 'data5': '1-3', 'data6': '07:02', 'data7': '16:31' }
+              ,
+          { 'data1': '20240126', 'data2': '-23~-14℃', 'data3': '多云', 'data4': '西北风', 'data5': '1-3', 'data6': '07:03', 'data7': '16:30' }
+              ,
+          { 'data1': '20240125', 'data2': '-24~-10℃', 'data3': '多云', 'data4': '西南风', 'data5': '1-3', 'data6': '07:04', 'data7': '16:28' }
+              ,
+          { 'data1': '20240124', 'data2': '-26~-15℃', 'data3': '晴', 'data4': '西北风', 'data5': '1-3', 'data6': '07:05', 'data7': '16:27' }
+              ,
+          { 'data1': '20240123', 'data2': '-24~-16℃', 'data3': '阵雪转多云', 'data4': '西北风', 'data5': '1-3', 'data6': '07:06', 'data7': '16:26' }
+              ,
+          { 'data1': '20240122', 'data2': '-31~-19℃', 'data3': '多云转晴', 'data4': '西北风', 'data5': '1-3', 'data6': '07:06', 'data7': '16:24' }
+              ,
+          { 'data1': '20240121', 'data2': '-22~-18℃', 'data3': '小雪转阵雪', 'data4': '东北风', 'data5': '1-3', 'data6': '07:07', 'data7': '16:23' }
+              ,
+          { 'data1': '20240120', 'data2': '-22~-15℃', 'data3': '多云转小雪', 'data4': '东北风', 'data5': '1-3', 'data6': '07:08', 'data7': '16:21' }
+              ,
+          { 'data1': '20240119', 'data2': '-27~-15℃', 'data3': '晴', 'data4': '东北风', 'data5': '1-3', 'data6': '07:09', 'data7': '16:20' }
+              ,
+          { 'data1': '20240118', 'data2': '-27~-15℃', 'data3': '晴', 'data4': '东北风', 'data5': '1-3', 'data6': '07:09', 'data7': '16:19' }
+              ,
+          { 'data1': '20240117', 'data2': '-21~-6℃', 'data3': '晴', 'data4': '西北风', 'data5': '1-3', 'data6': '07:10', 'data7': '16:17' }
+              ,
+          { 'data1': '20240116', 'data2': '-11~-5℃', 'data3': '晴', 'data4': '西南风', 'data5': '1-3', 'data6': '07:11', 'data7': '16:16' }
+              ,
+          { 'data1': '20240115', 'data2': '-23~-14℃', 'data3': '晴', 'data4': '西北风', 'data5': '1-3', 'data6': '07:11', 'data7': '16:15' }
+              ,
+          { 'data1': '20240114', 'data2': '-23~-13℃', 'data3': '晴', 'data4': '西北风', 'data5': '3-4', 'data6': '07:12', 'data7': '16:14' }
+              ,
+          { 'data1': '20240113', 'data2': '-17~-13℃', 'data3': '多云转小雪', 'data4': '西南风', 'data5': '1-3', 'data6': '07:12', 'data7': '16:12' }
+              ,
+          { 'data1': '20240112', 'data2': '-29~-16℃', 'data3': '多云', 'data4': '西北风', 'data5': '1-3', 'data6': '07:13', 'data7': '16:11' }
+              ,
+          { 'data1': '20240111', 'data2': '-26~-11℃', 'data3': '小雪转多云', 'data4': '西北风', 'data5': '1-3', 'data6': '07:13', 'data7': '16:10' }
+              ,
+          { 'data1': '20240110', 'data2': '-10~-8℃', 'data3': '晴转小雪', 'data4': '西南风', 'data5': '1-3', 'data6': '07:13', 'data7': '16:09' }
+              ,
+          { 'data1': '20240109', 'data2': '-23~-15℃', 'data3': '晴', 'data4': '西北风', 'data5': '1-3', 'data6': '07:14', 'data7': '16:08' }
+              ,
+          { 'data1': '20240108', 'data2': '-26~-11℃', 'data3': '晴', 'data4': '西南风', 'data5': '1-3', 'data6': '07:14', 'data7': '16:06' }
+              ,
+          { 'data1': '20240107', 'data2': '-23~-17℃', 'data3': '多云转晴', 'data4': '西北风', 'data5': '1-3', 'data6': '07:14', 'data7': '16:05' }
+              ,
+          ],
+          loading: false,
+          adder: ''
+      }
+  },
+  methods: {
+      goto() {
+          // 如果没有输入地址
+          if (!this.adder) {
+              this.$message.error('请输入地址')
+              return
+          }
+          //加载1.5秒
+          this.loading = true
+          this.$message.info('开始爬取' + this.adder + '的天气数据')
+          setTimeout(() => {
+              this.loading = false
+          }, 2500)
+      }
   }
-  
-  </style>
\ No newline at end of file
+}
+</script>
+</script>
+<style lang="less" scoped>
+.card {
+  padding: 10px;
+}
+
+.center {
+  height: 500px;
+}
+</style>
\ No newline at end of file