From 09a1bd58e04706d7e1d6e1543b990c08a4b8f97c Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期四, 16 一月 2025 13:57:03 +0800
Subject: [PATCH] 测试完成

---
 src/views/sfstatistics/analyse/index.vue |   96 ++++++++++++++++++++++++++++++++++++++++++++++-
 1 files changed, 93 insertions(+), 3 deletions(-)

diff --git a/src/views/sfstatistics/analyse/index.vue b/src/views/sfstatistics/analyse/index.vue
index 7972788..2313919 100644
--- a/src/views/sfstatistics/analyse/index.vue
+++ b/src/views/sfstatistics/analyse/index.vue
@@ -1,11 +1,79 @@
 <template>
-  <div>鎸囨爣鍒嗘瀽</div>
+  <div class="indexanalysis">
+    <div class="analysis-top">
+      <div class="title-top">鏌ヨ鏉′欢</div>
+      <div class="value">
+        <el-form ref="form" :model="form" label-width="120px">
+          <el-form-item label="閫夋嫨鎸囨爣绫诲瀷">
+            <el-select v-model="value" filterable placeholder="璇烽�夋嫨">
+              <el-option
+                v-for="item in options"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+      </div>
+    </div>
+    <div class="formindex">
+      <el-table :data="tableData" border style="width: 100%">
+        <el-table-column prop="date" label="鎸囨爣绫诲瀷"> </el-table-column>
+        <el-table-column prop="name" label="鎸囨爣鍚嶇О"> </el-table-column>
+        <el-table-column prop="address" label="鍑虹幇娆℃暟"> </el-table-column>
+        <el-table-column prop="times" label="鎸囨爣绫诲瀷鍑虹幇娆℃暟">
+        </el-table-column>
+        <el-table-column prop="proportion" label="鍗犳瘮"> </el-table-column>
+      </el-table>
+    </div>
+  </div>
 </template>
 
 <script>
 export default {
+  name: "indexanalysis",
   data() {
-    return {};
+    return {
+      options: [
+        {
+          value: "閫夐」1",
+          label: "鍙戠儹鏈夋棤",
+        },
+        {
+          value: "閫夐」2",
+          label: "鍜冲椊鏈夋棤",
+        },
+        {
+          value: "閫夐」3",
+          label: "鏈嶈嵂鍚庝笉鑹弽搴�",
+        },
+      ],
+      tableData: [
+        {
+          date: "鍙戠儹鏈夋棤",
+          name: "鏈�",
+          address: 1,
+          times: 2,
+          proportion: "50%",
+        },
+        {
+          date: "鍙戠儹鏈夋棤",
+          name: "鏃�",
+          address: 1,
+          times: 2,
+          proportion: "50%",
+        },
+        {
+          date: "鍙戠儹鏈夋棤",
+          name: "鍏朵粬",
+          address: 0,
+          times: 2,
+          proportion: "0%",
+        },
+      ],
+    };
   },
 
   created() {},
@@ -14,4 +82,26 @@
 };
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.analysis-top {
+  border: 1px solid #dcdfe6;
+  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
+    0 0 6px 0 rgba(0, 0, 0, 0.04);
+  margin: 15px;
+  .title-top {
+    background-color: #00bbd3;
+    color: #fff;
+    padding: 10px 20px;
+    font-size: 20px;
+    font-weight: 500;
+    margin-bottom: 20px;
+  }
+}
+.formindex {
+  margin: 0 15px;
+  border: 1px solid #dcdfe6;
+  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
+    0 0 6px 0 rgba(0, 0, 0, 0.04);
+  padding: 20px;
+}
+</style>

--
Gitblit v1.9.3