From 5e163108829ce7c3cf9d22e9470373d5d93d2106 Mon Sep 17 00:00:00 2001
From: odc.xiaohui <xiaohui@Q1>
Date: 星期二, 27 二月 2024 09:37:15 +0800
Subject: [PATCH] 禁毒办

---
 src/views/td/data/index.vue                                      |  288 ++++++++----
 src/views/visualizationConfiguration/antiDrugWork.vue            |  128 +++++
 src/views/target/manage/index.vue                                |   96 +--
 src/views/visualizationConfiguration/keyIndicatorData.vue        |   29 +
 src/views/td/data/editTd.vue                                     |  143 ++++++
 src/views/visualizationConfiguration/abuseIndexRanking.vue       |   74 +++
 src/views/visualizationConfiguration/indicatorTrend.vue          |   38 +
 src/views/visualizationConfiguration/index.vue                   |   41 +
 vite.config.ts                                                   |    4 
 src/views/visualizationConfiguration/comprehensiveIndicators.vue |  226 ++++++++++
 src/views/visualizationConfiguration/indicatorData.vue           |   84 +++
 src/router/index.ts                                              |   13 
 src/views/visualizationConfiguration/dimensionIndex.vue          |  156 +++++++
 13 files changed, 1,160 insertions(+), 160 deletions(-)

diff --git a/src/router/index.ts b/src/router/index.ts
index 6c56cd3..634ce22 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -88,6 +88,19 @@
         meta: { title: '涓汉涓績', icon: 'user' }
       }
     ]
+  },
+  {
+    path: '/td',
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        path: 'edit',
+        component: () => import('@/views/td/data/editTd.vue'),
+        name: 'Edit',
+        meta: { title: '鏂板/淇敼鎸囨爣鏁版嵁', icon: '' }
+      }
+    ]
   }
 ];
 
diff --git a/src/views/target/manage/index.vue b/src/views/target/manage/index.vue
index 22b1266..f8726fe 100644
--- a/src/views/target/manage/index.vue
+++ b/src/views/target/manage/index.vue
@@ -1,69 +1,37 @@
 <template>
   <div class="p-2">
-    <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
-      <div class="search" v-show="showSearch">
-        <el-form :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
-          <el-form-item label="" prop="tgCreateTime">
-            <el-date-picker clearable
-              v-model="queryParams.tgCreateTime"
-              type="date"
-              value-format="YYYY-MM-DD"
-              placeholder="璇烽�夋嫨"
-            />
-          </el-form-item>
-          <el-form-item label="" prop="userId">
-            <el-input v-model="queryParams.userId" placeholder="璇疯緭鍏�" clearable style="width: 240px" @keyup.enter="handleQuery" />
-          </el-form-item>
-          <el-form-item label="" prop="tgName">
-            <el-input v-model="queryParams.tgName" placeholder="璇疯緭鍏�" clearable style="width: 240px" @keyup.enter="handleQuery" />
-          </el-form-item>
-          <el-form-item>
-            <el-button type="primary" icon="Search" @click="handleQuery">鎼滅储</el-button>
-            <el-button icon="Refresh" @click="resetQuery">閲嶇疆</el-button>
-          </el-form-item>
-        </el-form>
-      </div>
-    </transition>
-
     <el-card shadow="never">
       <template #header>
         <el-row :gutter="10" class="mb8">
           <el-col :span="1.5">
-            <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['tg:manage:add']">鏂板</el-button>
+            <el-button type="primary" plain @click="handleAdd" v-hasPermi="['tg:manage:add']">鏂板缓</el-button>
           </el-col>
-          <el-col :span="1.5">
-            <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['tg:manage:edit']">淇敼</el-button>
-          </el-col>
-          <el-col :span="1.5">
-            <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['tg:manage:remove']">鍒犻櫎</el-button>
-          </el-col>
-          <el-col :span="1.5">
-            <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['tg:manage:export']">瀵煎嚭</el-button>
-          </el-col>
-          <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+
         </el-row>
       </template>
 
       <el-table v-loading="loading" :data="manageList" @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="55" align="center" />
-        <el-table-column label="" align="center" prop="tgStatus" />
-        <el-table-column label="" align="center" prop="tgType" />
-        <el-table-column label="" align="center" prop="tgCreateTime" width="180">
+        <el-table-column label="搴忓彿" type="index" width="55" align="center" />
+        <el-table-column label="鎸囨爣鍚嶇О" align="center" prop="tgStatus" />
+        <el-table-column label="鎸囨爣绫诲瀷" align="center" prop="tgType" />
+        <el-table-column label="鍒涘缓鏃堕棿" align="center" prop="tgCreateTime" width="180">
           <template #default="scope">
             <span>{{ parseTime(scope.row.tgCreateTime, '{y}-{m}-{d}') }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="" align="center" prop="tgId" v-if="true" />
-        <el-table-column label="" align="center" prop="userId" />
-        <el-table-column label="" align="center" prop="tgName" />
+        <el-table-column label="鍒涘缓浜�" align="center" prop="tgId" v-if="true" />
+        <el-table-column label="鐘舵��" align="center" prop="userId" />
         <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
           <template #default="scope">
-            <el-tooltip content="淇敼" placement="top">
-              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['tg:manage:edit']"></el-button>
-            </el-tooltip>
-            <el-tooltip content="鍒犻櫎" placement="top">
-              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['tg:manage:remove']"></el-button>
-            </el-tooltip>
+            <el-button link type="primary"  @click="handledisable()">绂佺敤</el-button>
+            <el-button link type="primary"  @click="handleUpdate(scope.row)" v-hasPermi="['tg:manage:edit']">缂栬緫</el-button>
+            <el-button link type="danger"  @click="handleDelete(scope.row)" v-hasPermi="['tg:manage:edit']">鍒犻櫎</el-button>
+<!--            <el-tooltip content="淇敼" placement="top">-->
+<!--              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['tg:manage:edit']"></el-button>-->
+<!--            </el-tooltip>-->
+<!--            <el-tooltip content="鍒犻櫎" placement="top">-->
+<!--              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['tg:manage:remove']"></el-button>-->
+<!--            </el-tooltip>-->
           </template>
         </el-table-column>
       </el-table>
@@ -79,19 +47,14 @@
     <!-- 娣诲姞鎴栦慨鏀广�愯濉啓鍔熻兘鍚嶇О銆戝璇濇 -->
     <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
       <el-form ref="manageFormRef" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="" prop="tgCreateTime">
-          <el-date-picker clearable
-            v-model="form.tgCreateTime"
-            type="datetime"
-            value-format="YYYY-MM-DD HH:mm:ss"
-            placeholder="璇烽�夋嫨">
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="" prop="userId">
+        <el-form-item label="鎸囨爣鍚嶇О" prop="tgCreateTime" required>
           <el-input v-model="form.userId" placeholder="璇疯緭鍏�" />
         </el-form-item>
-        <el-form-item label="" prop="tgName">
-          <el-input v-model="form.tgName" placeholder="璇疯緭鍏�" />
+        <el-form-item label="鎸囨爣绫诲瀷" prop="userId" required>
+          <el-select v-model="form.region" placeholder="璇烽�夋嫨">
+            <el-option label="鍖哄幙鎸囨爣" value="shanghai" />
+            <el-option label="琛楅晣鎸囨爣" value="beijing" />
+          </el-select>
         </el-form-item>
       </el-form>
       <template #footer>
@@ -216,7 +179,7 @@
 const handleAdd = () => {
   reset();
   dialog.visible = true;
-  dialog.title = "娣诲姞銆愯濉啓鍔熻兘鍚嶇О銆�";
+  dialog.title = "鏂板";
 }
 
 /** 淇敼鎸夐挳鎿嶄綔 */
@@ -226,7 +189,7 @@
   const res = await getManage(_tgId);
   Object.assign(form.value, res.data);
   dialog.visible = true;
-  dialog.title = "淇敼銆愯濉啓鍔熻兘鍚嶇О銆�";
+  dialog.title = "淇敼";
 }
 
 /** 鎻愪氦鎸夐挳 */
@@ -245,11 +208,16 @@
     }
   });
 }
-
+const handledisable = async () => {
+  await proxy?.$modal.confirm('璇风‘瀹氭槸鍚︾鐢紵').finally(() => loading.value = false);
+  // await delManage();
+  proxy?.$modal.msgSuccess("绂佺敤鎴愬姛");
+  await getList();
+}
 /** 鍒犻櫎鎸夐挳鎿嶄綔 */
 const handleDelete = async (row?: ManageVO) => {
   const _tgIds = row?.tgId || ids.value;
-  await proxy?.$modal.confirm('鏄惁纭鍒犻櫎銆愯濉啓鍔熻兘鍚嶇О銆戠紪鍙蜂负"' + _tgIds + '"鐨勬暟鎹」锛�').finally(() => loading.value = false);
+  await proxy?.$modal.confirm('璇风‘璁ゆ槸鍚﹀垹闄わ紵').finally(() => loading.value = false);
   await delManage(_tgIds);
   proxy?.$modal.msgSuccess("鍒犻櫎鎴愬姛");
   await getList();
diff --git a/src/views/td/data/editTd.vue b/src/views/td/data/editTd.vue
new file mode 100644
index 0000000..d7fba9f
--- /dev/null
+++ b/src/views/td/data/editTd.vue
@@ -0,0 +1,143 @@
+<script setup lang="ts">
+import router from "@/router";
+
+const form = reactive({
+  name: '',
+  region: '',
+  date1: '',
+  date2: '',
+  delivery: false,
+  type: [],
+  resource: '',
+  desc: '',
+})
+const onSubmit = () => {
+  router.go(-1)
+  console.log('submit!')
+}
+const Cancel = () => {
+  router.go(-1)
+  console.log('submit!')
+}
+</script>
+
+<template>
+<div class="td_etid">
+  <div style="text-align: right;margin-right: 20px">
+    <el-button type="primary" @click="Cancel">杩斿洖</el-button>
+  </div>
+  <el-form :inline="true" :model="form"  label-width="50%">
+
+    <el-form-item label="琛屾斂鍖哄垝" label-width="50%">
+      <el-select v-model="form.region" placeholder="璇烽�夋嫨">
+        <el-option label="閾舵潖琛楅亾" value="shanghai" />
+        <el-option label="钂查槼琛楅亾" value="beijing" />
+        <el-option label="鐏屽彛琛楅亾" value="beijing" />
+        <el-option label="濂庡厜濉旇閬�" value="beijing" />
+        <el-option label="骞哥琛楅亾" value="beijing" />
+        <el-option label="鐜夊爞琛楅亾" value="beijing" />
+      </el-select>
+    </el-form-item>
+    <el-form-item label="缁熻鍛ㄦ湡" prop="collectTime">
+      <el-date-picker clearable
+                      v-model="form.collectTime"
+                      type="date"
+                      value-format="YYYY-MM-DD"
+                      placeholder="璇烽�夋嫨缁熻鍛ㄦ湡"
+      />
+    </el-form-item>
+    <el-form-item label="濮撳悕" >
+      <el-input v-model="form.name" />
+    </el-form-item>
+    <el-form-item label="姣掑搧缁煎悎婊ョ敤骞冲潎鎸囨暟" >
+      <el-input v-model="form.name" />
+    </el-form-item>
+    <el-form-item label="姣涘彂鎶芥鎶ュ埌鐜�" >
+      <el-input v-model="form.name" />
+    </el-form-item>
+    <el-form-item label="姣涘彂鎶芥鎶ュ埌浜烘暟" >
+      <el-input v-model="form.name" />
+    </el-form-item>
+    <el-form-item label="姣涘彂鎶芥搴旀浜烘暟" >
+      <el-input v-model="form.name" />
+    </el-form-item>
+    <el-form-item label="姣涘彂鎶芥闃虫�х巼" >
+      <el-input v-model="form.name" />
+    </el-form-item>
+    <el-form-item label="姣涘彂鎶芥闃虫�т汉鏁�" >
+      <el-input v-model="form.name" />
+    </el-form-item>
+    <el-form-item label="鎴掓柇涓夊勾鏈鍚镐汉鍛樻煡澶勭巼" >
+      <el-input v-model="form.name" />
+    </el-form-item>
+    <el-form-item label="鎴掓柇涓夊勾琚煡浜烘暟" >
+      <el-input v-model="form.name" />
+    </el-form-item>
+    <el-form-item label="鎴掓柇涓夊勾鏈鍚镐汉鏁�" >
+      <el-input v-model="form.name" />
+    </el-form-item>
+    <el-form-item label="鍦ㄥ唽鍚告瘨浜哄憳婊嬩簨琛屼负" >
+      <el-input v-model="form.name" />
+    </el-form-item>
+    <el-form-item label="鏄撳埗姣掑寲瀛﹀搧绠℃帶闂" >
+      <el-input v-model="form.name" />
+    </el-form-item>
+    <el-form-item label="杈栧尯鍐呭嚭鐜拌仛闆嗘互鐢ㄧ獫鐐规暟" >
+      <el-input v-model="form.name" />
+    </el-form-item>
+    <el-form-item label="澶栨祦娑夋瘨浜哄憳鏁�" >
+      <el-input v-model="form.name" />
+    </el-form-item>
+    <el-form-item label="姣掑搧涓浆闆嗘暎鏁伴噺" >
+      <el-input v-model="form.name" />
+    </el-form-item>
+    <el-form-item label="鏈垚骞存秹姣掍汉鍛樻暟" >
+      <el-input v-model="form.name" />
+    </el-form-item>
+    <el-form-item label="鏂板彂鐜板惛姣掍汉鍛樻暟" >
+      <el-input v-model="form.name" />
+    </el-form-item>
+    <el-form-item label="鍒舵瘨绐濈偣鏁伴噺" >
+      <el-input v-model="form.name" />
+    </el-form-item>
+    <el-form-item label="澶栧崗婧簮琚煡鑾锋暟" >
+      <el-input v-model="form.name" />
+    </el-form-item>
+    <el-form-item label="绂佹瘨宸ヤ綔婊℃剰搴�" >
+      <el-input v-model="form.name" />
+    </el-form-item>
+    <el-form-item label="绂佹瘨鐭ヨ瘑鏅強鐜�" >
+      <el-input v-model="form.name" />
+    </el-form-item>
+    <el-form-item label="绂佹瘨瀹d紶鎺ヨЕ鐜�" >
+      <el-input v-model="form.name" />
+    </el-form-item>
+    <el-form-item label="鍛ㄨ竟姣掓儏鎰熺煡搴�" >
+      <el-input v-model="form.name" />
+    </el-form-item>
+    <el-form-item label="绂佹瘨鏁存敼鍙嶉鏁伴噺" >
+      <el-input v-model="form.name" />
+    </el-form-item>
+    <el-form-item label="绂佹瘨鏁存敼澶勭悊鏁伴噺" >
+      <el-input v-model="form.name" />
+    </el-form-item>
+    <el-form-item label="绂佹瘨鏁存敼鏈鐞嗘暟閲�" >
+      <el-input v-model="form.name" />
+    </el-form-item>
+
+  </el-form>
+  <div style="text-align: center">
+    <el-button @click="Cancel">鍙栨秷</el-button>
+    <el-button type="primary" @click="onSubmit">淇濆瓨</el-button>
+  </div>
+</div>
+</template>
+
+<style scoped lang="scss">
+.td_etid{
+  padding: 10px;
+}
+  .el-form-item{
+    width: 40%;
+  }
+</style>
diff --git a/src/views/td/data/index.vue b/src/views/td/data/index.vue
index 2815c98..a0bf927 100644
--- a/src/views/td/data/index.vue
+++ b/src/views/td/data/index.vue
@@ -1,103 +1,164 @@
 <template>
   <div class="p-2">
-    <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
-      <div class="search" v-show="showSearch">
-        <el-form :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
-          <el-form-item label="琛屾斂鍖哄垝" prop="areaName">
-            <el-input v-model="queryParams.areaName" placeholder="璇疯緭鍏ヨ鏀垮尯鍒�" clearable style="width: 240px" @keyup.enter="handleQuery" />
-          </el-form-item>
-          <el-form-item label="鍖哄垝浠g爜" prop="areaCode">
-            <el-input v-model="queryParams.areaCode" placeholder="璇疯緭鍏ュ尯鍒掍唬鐮�" clearable style="width: 240px" @keyup.enter="handleQuery" />
-          </el-form-item>
-          <el-form-item label="缁熻鏃堕棿" prop="collectTime">
-            <el-date-picker clearable
-              v-model="queryParams.collectTime"
-              type="date"
-              value-format="YYYY-MM-DD"
-              placeholder="璇烽�夋嫨缁熻鏃堕棿"
-            />
-          </el-form-item>
-          <el-form-item>
-            <el-button type="primary" icon="Search" @click="handleQuery">鎼滅储</el-button>
-            <el-button icon="Refresh" @click="resetQuery">閲嶇疆</el-button>
-          </el-form-item>
-        </el-form>
-      </div>
-    </transition>
+    <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
+      <el-tab-pane label="闀囪鎸囨爣鏁版嵁" name="first"></el-tab-pane>
+      <el-tab-pane label="鍖哄幙鎸囨爣鏁版嵁" name="second"></el-tab-pane>
+    </el-tabs>
+    <div v-show="activeName=='first'">
+      <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
+        <div class="search" v-show="showSearch">
+          <el-form :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
+            <el-form-item label="缁熻鍛ㄦ湡" prop="collectTime">
+              <el-date-picker clearable
+                              v-model="queryParams.collectTime"
+                              type="date"
+                              value-format="YYYY-MM-DD"
+                              placeholder="璇烽�夋嫨缁熻鍛ㄦ湡"
+              />
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary"  @click="handleQuery">鎼滅储</el-button>
+              <el-button type="primary"  @click="handleAddData">鏂板</el-button>
+              <el-button type="primary"  @click="dialogDr.visible = true">瀵煎叆</el-button>
+            </el-form-item>
+          </el-form>
+        </div>
+      </transition>
 
-    <el-card shadow="never">
-      <template #header>
-        <el-row :gutter="10" class="mb8">
-          <el-col :span="1.5">
-            <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['td:data:add']">鏂板</el-button>
-          </el-col>
-          <el-col :span="1.5">
-            <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['td:data:edit']">淇敼</el-button>
-          </el-col>
-          <el-col :span="1.5">
-            <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['td:data:remove']">鍒犻櫎</el-button>
-          </el-col>
-          <el-col :span="1.5">
-            <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['td:data:export']">瀵煎嚭</el-button>
-          </el-col>
-          <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-        </el-row>
-      </template>
+      <el-card shadow="never">
 
-      <el-table v-loading="loading" :data="dataList" @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="55" align="center" />
-        <el-table-column label="涓婚敭" align="center" prop="id" v-if="true" />
-        <el-table-column label="琛屾斂鍖哄垝" align="center" prop="areaName" />
-        <el-table-column label="鍖哄垝浠g爜" align="center" prop="areaCode" />
-        <el-table-column label="缁熻鏃堕棿" align="center" prop="collectTime" width="180">
-          <template #default="scope">
-            <span>{{ parseTime(scope.row.collectTime, '{y}-{m}-{d}') }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
-          <template #default="scope">
-            <el-tooltip content="淇敼" placement="top">
-              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['td:data:edit']"></el-button>
-            </el-tooltip>
-            <el-tooltip content="鍒犻櫎" placement="top">
-              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['td:data:remove']"></el-button>
-            </el-tooltip>
-          </template>
-        </el-table-column>
-      </el-table>
+        <el-table v-loading="loading" :data="dataList" @selection-change="handleSelectionChange">
+          <el-table-column label="搴忓彿" type="index" width="55" align="center" />
+          <el-table-column label="鏈�鏂扮粺璁″懆鏈�" align="center" prop="areaName" />
+          <el-table-column label="缁煎悎骞冲潎鎸囨暟" align="center" prop="areaCode" />
+          <el-table-column label="姣涘彂鎶芥闃虫�х巼" align="center" prop="collectTime" width="180"/>
+          <el-table-column label="鏂板鍚告瘨浜哄憳" align="center" prop="collectTime" width="180"/>
+          <el-table-column label="鎸囨爣鍚嶇О1" align="center" prop="collectTime" width="180"/>
+          <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
+            <template #default="scope">
+              <el-button link type="primary"  @click="handleUpdate(scope.row)" v-hasPermi="['td:data:edit']">璁板綍</el-button>
+              <el-button link type="primary"  @click="handledata(scope.row)" v-hasPermi="['td:data:edit']">缂栬緫</el-button>
+              <!--            <el-tooltip content="淇敼" placement="top">-->
+              <!--              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['td:data:edit']"></el-button>-->
+              <!--            </el-tooltip>-->
+              <!--            <el-tooltip content="鍒犻櫎" placement="top">-->
+              <!--              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['td:data:remove']"></el-button>-->
+              <!--            </el-tooltip>-->
+            </template>
+          </el-table-column>
+        </el-table>
 
-      <pagination
+        <pagination
           v-show="total>0"
           :total="total"
           v-model:page="queryParams.pageNum"
           v-model:limit="queryParams.pageSize"
           @pagination="getList"
-      />
-    </el-card>
-    <!-- 娣诲姞鎴栦慨鏀规寚鏍囨暟鎹璇濇 -->
-    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
-      <el-form ref="dataFormRef" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="琛屾斂鍖哄垝" prop="areaName">
-          <el-input v-model="form.areaName" placeholder="璇疯緭鍏ヨ鏀垮尯鍒�" />
-        </el-form-item>
-        <el-form-item label="鍖哄垝浠g爜" prop="areaCode">
-          <el-input v-model="form.areaCode" placeholder="璇疯緭鍏ュ尯鍒掍唬鐮�" />
-        </el-form-item>
-        <el-form-item label="缁熻鏃堕棿" prop="collectTime">
-          <el-date-picker clearable
-            v-model="form.collectTime"
-            type="datetime"
-            value-format="YYYY-MM-DD HH:mm:ss"
-            placeholder="璇烽�夋嫨缁熻鏃堕棿">
-          </el-date-picker>
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <div class="dialog-footer">
-          <el-button :loading="buttonLoading" type="primary" @click="submitForm">纭� 瀹�</el-button>
-          <el-button @click="cancel">鍙� 娑�</el-button>
+        />
+      </el-card>
+    </div>
+    <div v-show="activeName=='second'">
+      <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
+        <div class="search" v-show="showSearch">
+          <el-form :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
+            <el-form-item label="缁熻鍛ㄦ湡" prop="collectTime">
+              <el-date-picker clearable
+                              v-model="queryParams.collectTime"
+                              type="date"
+                              value-format="YYYY-MM-DD"
+                              placeholder="璇烽�夋嫨缁熻鍛ㄦ湡"
+              />
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary"  @click="handleQuery">鎼滅储</el-button>
+              <el-button type="primary"  @click="handleQuery">鏂板</el-button>
+              <el-button type="primary"  @click="handleQuery">瀵煎叆</el-button>
+            </el-form-item>
+          </el-form>
         </div>
-      </template>
+      </transition>
+
+      <el-card shadow="never">
+
+        <el-table v-loading="loading" :data="dataList" @selection-change="handleSelectionChange">
+          <el-table-column label="搴忓彿" type="index" width="55" align="center" />
+          <el-table-column label="鏈�鏂扮粺璁″懆鏈�" align="center" prop="areaName" />
+          <el-table-column label="缁煎悎骞冲潎鎸囨暟" align="center" prop="areaCode" />
+          <el-table-column label="姣涘彂鎶芥闃虫�х巼" align="center" prop="collectTime" width="180"/>
+          <el-table-column label="鏂板鍚告瘨浜哄憳" align="center" prop="collectTime" width="180"/>
+          <el-table-column label="鎸囨爣鍚嶇О1" align="center" prop="collectTime" width="180"/>
+          <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
+            <template #default="scope">
+              <el-button link type="primary"  @click="handleUpdate(scope.row)" v-hasPermi="['td:data:edit']">璁板綍</el-button>
+              <el-button link type="primary"  @click="handleUpdate(scope.row)" v-hasPermi="['td:data:edit']">缂栬緫</el-button>
+              <!--            <el-tooltip content="淇敼" placement="top">-->
+              <!--              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['td:data:edit']"></el-button>-->
+              <!--            </el-tooltip>-->
+              <!--            <el-tooltip content="鍒犻櫎" placement="top">-->
+              <!--              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['td:data:remove']"></el-button>-->
+              <!--            </el-tooltip>-->
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <pagination
+          v-show="total>0"
+          :total="total"
+          v-model:page="queryParams.pageNum"
+          v-model:limit="queryParams.pageSize"
+          @pagination="getList"
+        />
+      </el-card>
+    </div>
+    <!-- 娣诲姞鎴栦慨鏀规寚鏍囨暟鎹璇濇 -->
+    <el-dialog title="瀵煎叆" v-model="dialogDr.visible" width="500px" append-to-body>
+      <el-upload
+        v-model:file-list="fileList"
+        class="upload-demo"
+        action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
+        multiple
+        :on-preview="handlePreview"
+        :on-remove="handleRemove"
+        :before-remove="beforeRemove"
+        :limit="3"
+        :on-exceed="handleExceed"
+      >
+        <el-button type="primary">涓婁紶闄勪欢</el-button>
+        <template #tip>
+          <div class="el-upload__tip">
+            闄愬埗500KB.
+          </div>
+        </template>
+      </el-upload>
+      <div style="text-align: right">
+        <el-button @click="dialogDr.visible=false">鍙栨秷</el-button>
+        <el-button type="primary" @click="dialogDr.visible=false">纭畾</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog title="鏌ョ湅璇︽儏" v-model="dialog.visible" width="80%" append-to-body>
+      <el-table v-loading="loading" :data="dataList" @selection-change="handleSelectionChange">
+        <el-table-column label="鎸囨爣鍚嶇О" align="center" prop="areaName" width="180"/>
+        <el-table-column label="2023-01" align="center" prop="collectTime" width="180"/>
+        <el-table-column label="2023-02" align="center" prop="areaCode" />
+        <el-table-column label="2023-03" align="center" prop="collectTime" width="180"/>
+        <el-table-column label="2023-04" align="center" prop="collectTime" width="180"/>
+        <el-table-column label="2023-05" align="center" prop="collectTime" width="180"/>
+        <el-table-column label="2023-06" align="center" prop="collectTime" width="180"/>
+        <el-table-column label="2023-07" align="center" prop="collectTime" width="180"/>
+        <el-table-column label="2023-08" align="center" prop="collectTime" width="180"/>
+        <el-table-column label="2023-09" align="center" prop="collectTime" width="180"/>
+        <el-table-column label="2023-10" align="center" prop="collectTime" width="180"/>
+        <el-table-column label="2023-11" align="center" prop="collectTime" width="180"/>
+        <el-table-column label="2023-12" align="center" prop="collectTime" width="180"/>
+
+      </el-table>
+      <pagination
+        v-show="total>0"
+        :total="total"
+        v-model:page="queryParams.pageNum"
+        v-model:limit="queryParams.pageSize"
+        @pagination="getList"
+      />
     </el-dialog>
   </div>
 </template>
@@ -105,9 +166,10 @@
 <script setup name="Data" lang="ts">
 import { listData, getData, delData, addData, updateData } from '@/api/td/data';
 import { DataVO, DataQuery, DataForm } from '@/api/td/data/types';
-
+import type { TabsPaneContext, UploadProps, UploadUserFile } from "element-plus";
+import router from "@/router";
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
-
+const activeName = ref('first')
 const dataList = ref<DataVO[]>([]);
 const buttonLoading = ref(false);
 const loading = ref(true);
@@ -124,7 +186,10 @@
   visible: false,
   title: ''
 });
-
+const dialogDr = reactive<DialogOption>({
+  visible: false,
+  title: ''
+});
 const initFormData: DataForm = {
   id: undefined,
   areaName: undefined,
@@ -159,7 +224,37 @@
 });
 
 const { queryParams, form, rules } = toRefs(data);
+// 瀵煎叆
+const fileList = ref<UploadUserFile[]>([
+])
 
+const handleRemove: UploadProps['onRemove'] = (file, uploadFiles) => {
+  console.log(file, uploadFiles)
+}
+
+const handlePreview: UploadProps['onPreview'] = (uploadFile) => {
+  console.log(uploadFile)
+}
+
+const handleExceed: UploadProps['onExceed'] = (files, uploadFiles) => {
+  ElMessage.warning(
+    `The limit is 3, you selected ${files.length} files this time, add up to ${
+      files.length + uploadFiles.length
+    } totally`
+  )
+}
+
+const beforeRemove: UploadProps['beforeRemove'] = (uploadFile, uploadFiles) => {
+  return ElMessageBox.confirm(
+    `Cancel the transfer of ${uploadFile.name} ?`
+  ).then(
+    () => true,
+    () => false
+  )
+}
+const handleClick = (tab: TabsPaneContext, event: Event) => {
+  console.log(tab.props.label, activeName)
+}
 /** 鏌ヨ鎸囨爣鏁版嵁鍒楄〃 */
 const getList = async () => {
   loading.value = true;
@@ -186,7 +281,10 @@
   queryParams.value.pageNum = 1;
   getList();
 }
-
+const handleAddData = () => {
+  // const tableId = row?.tableId || ids.value[0];
+  router.push({ path: '/td/edit', query: { pageNum: queryParams.value.pageNum } });
+}
 /** 閲嶇疆鎸夐挳鎿嶄綔 */
 const resetQuery = () => {
   queryFormRef.value?.resetFields();
@@ -206,7 +304,9 @@
   dialog.visible = true;
   dialog.title = "娣诲姞鎸囨爣鏁版嵁";
 }
-
+const handledata=(row: any)=>{
+  router.push({ path: '/td/edit', query: { pageNum: queryParams.value.pageNum } });
+}
 /** 淇敼鎸夐挳鎿嶄綔 */
 const handleUpdate = async (row?: DataVO) => {
   reset();
diff --git a/src/views/visualizationConfiguration/abuseIndexRanking.vue b/src/views/visualizationConfiguration/abuseIndexRanking.vue
new file mode 100644
index 0000000..1a752b1
--- /dev/null
+++ b/src/views/visualizationConfiguration/abuseIndexRanking.vue
@@ -0,0 +1,74 @@
+<script setup lang="ts">
+  const form = reactive({
+
+  })
+</script>
+
+<template>
+<div>
+  <el-form :model="form" label-width="220px"  label-position="left">
+    <div>鐪佸唴鎺掑悕</div>
+    <el-form-item label="鎺掑悕鏃堕棿鑼冨洿" required >
+      <el-select v-model="form.region" placeholder="璇烽�夋嫨">
+        <el-option label="褰撴湀" value="shanghai" />
+        <el-option label="鏈" value="beijing" />
+        <el-option label="鏈勾" value="beijing" />
+      </el-select>
+    </el-form-item>
+    <div>
+      闀囪鏁版嵁
+    </div>
+    <el-form-item label="鎺掑悕鏃堕棿鑼冨洿" required>
+      <el-select v-model="form.region" placeholder="璇烽�夋嫨">
+        <el-option label="褰撴湀" value="shanghai" />
+        <el-option label="鏈" value="beijing" />
+        <el-option label="鏈勾" value="beijing" />
+      </el-select>
+    </el-form-item>
+   <div style="display: flex">
+     <el-form-item label="鎶樼嚎鏃堕棿鑼冨洿锛堟帓鍚嶏級">
+       <el-date-picker
+         v-model="form.time"
+         type="daterange"
+         range-separator="鑷�"
+         start-placeholder="寮�濮嬫椂闂�"
+         end-placeholder="缁撴潫鏃堕棿"
+       />
+     </el-form-item>
+     <el-form-item label="鎶樼嚎鏃堕棿杞达紙鎺掑悕锛�" required >
+       <el-select v-model="form.region" placeholder="璇烽�夋嫨">
+         <el-option label="鎸夋湀" value="shanghai" />
+         <el-option label="鎸夊" value="beijing" />
+         <el-option label="鎸夊勾" value="beijing" />
+       </el-select>
+     </el-form-item>
+   </div>
+    <div style="display: flex">
+      <el-form-item label="鎶樼嚎鏃堕棿鑼冨洿锛堟寚鏁板垎鏋愶級">
+        <el-date-picker
+          v-model="form.time"
+          type="daterange"
+          range-separator="鑷�"
+          start-placeholder="寮�濮嬫椂闂�"
+          end-placeholder="缁撴潫鏃堕棿"
+        />
+      </el-form-item>
+      <el-form-item label="鎶樼嚎鏃堕棿杞达紙鎸囨暟鍒嗘瀽锛�" required >
+        <el-select v-model="form.region" placeholder="璇烽�夋嫨">
+          <el-option label="鎸夋湀" value="shanghai" />
+          <el-option label="鎸夊" value="beijing" />
+          <el-option label="鎸夊勾" value="beijing" />
+        </el-select>
+      </el-form-item>
+    </div>
+  </el-form>
+  <div style="text-align: center">
+    <el-button >鍙栨秷</el-button>
+    <el-button type="primary" >淇濆瓨</el-button>
+  </div>
+</div>
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/src/views/visualizationConfiguration/antiDrugWork.vue b/src/views/visualizationConfiguration/antiDrugWork.vue
new file mode 100644
index 0000000..42fdf13
--- /dev/null
+++ b/src/views/visualizationConfiguration/antiDrugWork.vue
@@ -0,0 +1,128 @@
+<script setup lang="ts">
+import router from "@/router";
+const form = reactive({
+  name: '',
+  region: '',
+  date1: '',
+  date2: '',
+  delivery: false,
+  type: [],
+  resource: '',
+  desc: '',
+})
+const options = [
+  {
+    value: '1',
+    label: '缁煎悎骞冲潎鎸囨爣',
+  },
+  {
+    value: '2',
+    label: '姣涘彂鎶芥闃虫�х巼',
+  },
+  {
+    value: '3',
+    label: '鎴掓柇涓夊勾鏈鍚镐汉鍛樻煡澶勭巼',
+  },
+  {
+    value: '4',
+    label: '鍦ㄥ唽鍚告瘨浜哄憳婊嬩簨琛屼负',
+  },
+  {
+    value: '5',
+    label: '鏄撳埗姣掑寲瀛﹀搧绠℃帶闂',
+  },
+  {
+    value: '6',
+    label: '杈栧尯鍐呭嚭鐜拌仛闆嗘互鐢ㄧ獫鐐规暟',
+  },
+]
+const onSubmit = () => {
+  router.go(-1)
+  console.log('submit!')
+}
+const Cancel = () => {
+  router.go(-1)
+  console.log('submit!')
+}
+</script>
+
+<template>
+  <div class="td_etid">
+    <el-form :inline="true" :model="form"  label-width="50%">
+      <div>
+        绂佹瘨璇勪环
+      </div>
+      <div style="display:flex;">
+        <el-form-item label="宸ヤ綔婊℃剰搴�" required  label-width="50%">
+          <el-select v-model="form.region" placeholder="璇烽�夋嫨">
+            <el-option label="缁煎悎骞冲潎鎸囨爣婊℃剰" value="shanghai" />
+            <el-option label="姣涘彂娌规鎶ュ埌鐜囨弧鎰�" value="beijing" />
+            <el-option label="澶栨祦娑夋瘨浜哄憳婊℃剰" value="beijing" />
+            <el-option label="绂佹瘨宸ヤ綔婊℃剰搴︽弧鎰�" value="beijing" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="鐭ヨ瘑鏅強鐜�" required label-width="50%">
+          <el-select v-model="form.region" placeholder="璇烽�夋嫨">
+            <el-option label="缁煎悎骞冲潎鎸囨爣鏅強鐜�" value="shanghai" />
+            <el-option label="姣涘彂娌规鎶ュ埌鐜囨櫘鍙婄巼" value="beijing" />
+            <el-option label="澶栨祦娑夋瘨浜哄憳鏅強鐜�" value="beijing" />
+            <el-option label="绂佹瘨宸ヤ綔婊℃剰搴︽櫘鍙婄巼" value="beijing" />
+          </el-select>
+        </el-form-item>
+      </div>
+      <div style="display:flex;">
+        <el-form-item label="宸ヤ綔鎺ヨЕ鐜�" required  label-width="50%">
+          <el-select v-model="form.region" placeholder="璇烽�夋嫨">
+            <el-option label="缁煎悎骞冲潎鎸囨爣鎺ヨЕ鐜�" value="shanghai" />
+            <el-option label="姣涘彂娌规鎶ュ埌鐜囨帴瑙︾巼" value="beijing" />
+            <el-option label="澶栨祦娑夋瘨浜哄憳鎺ヨЕ鐜�" value="beijing" />
+            <el-option label="绂佹瘨宸ヤ綔鎺ヨЕ鐜�" value="beijing" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="姣掓儏鎰熺煡搴�" required label-width="50%">
+          <el-select v-model="form.region" placeholder="璇烽�夋嫨">
+            <el-option label="缁煎悎骞冲潎鎸囨爣鎰熺煡搴�" value="shanghai" />
+            <el-option label="姣涘彂娌规鎶ュ埌鐜囨劅鐭ュ害" value="beijing" />
+            <el-option label="澶栨祦娑夋瘨浜哄憳鎰熺煡搴�" value="beijing" />
+            <el-option label="绂佹瘨宸ヤ綔婊℃剰搴︽劅鐭ュ害" value="beijing" />
+          </el-select>
+        </el-form-item>
+      </div>
+      <div>
+        鍚勮闀囨帓鍚�
+      </div>
+      <div>
+        <el-form-item label="閫夋嫨鎸囨爣" required >
+          <el-select
+            v-model="form.region"
+            multiple
+            collapse-tags
+            collapse-tags-tooltip
+            placeholder="璇烽�夋嫨"
+            style="width: 240px"
+          >
+            <el-option
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </div>
+    </el-form>
+    <div style="text-align: center">
+      <el-button @click="Cancel">鍙栨秷</el-button>
+      <el-button type="primary" @click="onSubmit">淇濆瓨</el-button>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.td_etid{
+  padding: 10px;
+}
+.el-form-item{
+  width: 40%;
+}
+</style>
diff --git a/src/views/visualizationConfiguration/comprehensiveIndicators.vue b/src/views/visualizationConfiguration/comprehensiveIndicators.vue
new file mode 100644
index 0000000..c9c81f0
--- /dev/null
+++ b/src/views/visualizationConfiguration/comprehensiveIndicators.vue
@@ -0,0 +1,226 @@
+<script lang="ts" setup>
+import router from "@/router";
+
+const form = reactive({
+  name: "",
+  region: "",
+  date1: "",
+  date2: "",
+  delivery: false,
+  type: [],
+  resource: "",
+  desc: ""
+});
+const options = [
+  {
+    value: "1",
+    label: "缁煎悎骞冲潎鎸囨爣"
+  },
+  {
+    value: "2",
+    label: "姣涘彂鎶芥闃虫�х巼"
+  },
+  {
+    value: "3",
+    label: "鎴掓柇涓夊勾鏈鍚镐汉鍛樻煡澶勭巼"
+  },
+  {
+    value: "4",
+    label: "鍦ㄥ唽鍚告瘨浜哄憳婊嬩簨琛屼负"
+  },
+  {
+    value: "5",
+    label: "鏄撳埗姣掑寲瀛﹀搧绠℃帶闂"
+  },
+  {
+    value: "6",
+    label: "杈栧尯鍐呭嚭鐜拌仛闆嗘互鐢ㄧ獫鐐规暟"
+  }
+];
+const onSubmit = () => {
+  router.go(-1);
+  console.log("submit!");
+};
+const Cancel = () => {
+  router.go(-1);
+  console.log("submit!");
+};
+</script>
+
+<template>
+  <div class="td_etid">
+    <el-form :model="form" label-position="right" label-width="180px" style="max-width: 460px">
+      <div>
+        閮芥睙鍫板競鎸囨爣
+      </div>
+      <el-form-item label="鍙栧�兼椂闂磋寖鍥�" required>
+        <el-select v-model="form.region" placeholder="璇烽�夋嫨">
+          <el-option label="褰撴湀" value="shanghai" />
+          <el-option label="鏈" value="beijing" />
+          <el-option label="鏈勾" value="beijing" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="姣掑搧婊ョ敤" required>
+        <el-select
+          v-model="form.region"
+          collapse-tags
+          collapse-tags-tooltip
+          multiple
+          placeholder="璇烽�夋嫨"
+          style="width: 240px"
+        >
+          <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="瑕佺礌绠℃帶" required>
+        <el-select
+          v-model="form.region"
+          collapse-tags
+          collapse-tags-tooltip
+          multiple
+          placeholder="璇烽�夋嫨"
+          style="width: 240px"
+        >
+          <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="椋庨櫓绠℃帶" required>
+        <el-select
+          v-model="form.region"
+          collapse-tags
+          collapse-tags-tooltip
+          multiple
+          placeholder="璇烽�夋嫨"
+          style="width: 240px"
+        >
+          <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="绂佹瘨宸ヤ綔" required>
+        <el-select
+          v-model="form.region"
+          collapse-tags
+          collapse-tags-tooltip
+          multiple
+          placeholder="璇烽�夋嫨"
+          style="width: 240px"
+        >
+          <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <div>
+        琛楅晣鎺掑悕
+      </div>
+      <el-form-item label="鍙栧�兼椂闂磋寖鍥�" required>
+        <el-select v-model="form.region" placeholder="璇烽�夋嫨">
+          <el-option label="褰撴湀" value="shanghai" />
+          <el-option label="鏈" value="beijing" />
+          <el-option label="鏈勾" value="beijing" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="姣掑搧婊ョ敤" required>
+        <el-select
+          v-model="form.region"
+          collapse-tags
+          collapse-tags-tooltip
+          multiple
+          placeholder="璇烽�夋嫨"
+          style="width: 240px"
+        >
+          <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="瑕佺礌绠℃帶" required>
+        <el-select
+          v-model="form.region"
+          collapse-tags
+          collapse-tags-tooltip
+          multiple
+          placeholder="璇烽�夋嫨"
+          style="width: 240px"
+        >
+          <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="椋庨櫓绠℃帶" required>
+        <el-select
+          v-model="form.region"
+          collapse-tags
+          collapse-tags-tooltip
+          multiple
+          placeholder="璇烽�夋嫨"
+          style="width: 240px"
+        >
+          <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="绂佹瘨宸ヤ綔" required>
+        <el-select
+          v-model="form.region"
+          collapse-tags
+          collapse-tags-tooltip
+          multiple
+          placeholder="璇烽�夋嫨"
+          style="width: 240px"
+        >
+          <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+
+    </el-form>
+    <div style="text-align: center">
+      <el-button @click="Cancel">鍙栨秷</el-button>
+      <el-button type="primary" @click="onSubmit">淇濆瓨</el-button>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.td_etid {
+  padding: 10px;
+}
+
+.el-form-item {
+  width: 80%;
+}
+</style>
diff --git a/src/views/visualizationConfiguration/dimensionIndex.vue b/src/views/visualizationConfiguration/dimensionIndex.vue
new file mode 100644
index 0000000..83d6060
--- /dev/null
+++ b/src/views/visualizationConfiguration/dimensionIndex.vue
@@ -0,0 +1,156 @@
+<script setup lang="ts">
+import router from "@/router";
+const form = reactive({
+  name: '',
+  region: '',
+  date1: '',
+  date2: '',
+  delivery: false,
+  type: [],
+  resource: '',
+  desc: '',
+})
+const onSubmit = () => {
+  router.go(-1)
+  console.log('submit!')
+}
+const Cancel = () => {
+  router.go(-1)
+  console.log('submit!')
+}
+</script>
+
+<template>
+  <div class="td_etid">
+    <el-form :inline="true" :model="form"  label-width="50%">
+      <el-form-item label="鎸囨爣1" required>
+        <el-input v-model="form.name" />
+      </el-form-item>
+      <el-form-item label="鍙栧�兼寚鏍�" required  label-width="50%">
+        <el-select v-model="form.region" placeholder="璇烽�夋嫨">
+          <el-option label="缁煎悎骞冲潎鎸囨爣" value="shanghai" />
+          <el-option label="姣涘彂娌规鎶ュ埌鐜�" value="beijing" />
+          <el-option label="澶栨祦娑夋瘨浜哄憳" value="beijing" />
+          <el-option label="绂佹瘨宸ヤ綔婊℃剰搴�" value="beijing" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="鍙栧�兼椂闂磋寖鍥�" required label-width="50%">
+        <el-select v-model="form.region" placeholder="璇烽�夋嫨">
+          <el-option label="褰撴湀" value="shanghai" />
+          <el-option label="鏈" value="beijing" />
+          <el-option label="鏈勾" value="beijing" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="鍙栧�艰鏀垮尯鍒�" required label-width="50%">
+        <el-select v-model="form.region" placeholder="璇烽�夋嫨">
+          <el-option label="閮芥睙鍫板競" value="shanghai" />
+          <el-option label="闈掔緤鍖�" value="beijing" />
+          <el-option label="姝︿警鍖�" value="beijing" />
+          <el-option label="閲戠墰鍖�" value="beijing" />
+          <el-option label="鎴愬崕鍖�" value="beijing" />
+          <el-option label="閿︽睙鍖�" value="beijing" />
+        </el-select>
+      </el-form-item>
+      <el-divider />
+      <el-form-item label="鎸囨爣2" required>
+        <el-input v-model="form.name" />
+      </el-form-item>
+      <el-form-item label="鍙栧�兼寚鏍�" required  label-width="50%">
+        <el-select v-model="form.region" placeholder="璇烽�夋嫨">
+          <el-option label="缁煎悎骞冲潎鎸囨爣" value="shanghai" />
+          <el-option label="姣涘彂娌规鎶ュ埌鐜�" value="beijing" />
+          <el-option label="澶栨祦娑夋瘨浜哄憳" value="beijing" />
+          <el-option label="绂佹瘨宸ヤ綔婊℃剰搴�" value="beijing" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="鍙栧�兼椂闂磋寖鍥�" required label-width="50%">
+        <el-select v-model="form.region" placeholder="璇烽�夋嫨">
+          <el-option label="褰撴湀" value="shanghai" />
+          <el-option label="鏈" value="beijing" />
+          <el-option label="鏈勾" value="beijing" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="鍙栧�艰鏀垮尯鍒�" required label-width="50%">
+        <el-select v-model="form.region" placeholder="璇烽�夋嫨">
+          <el-option label="閮芥睙鍫板競" value="shanghai" />
+          <el-option label="闈掔緤鍖�" value="beijing" />
+          <el-option label="姝︿警鍖�" value="beijing" />
+          <el-option label="閲戠墰鍖�" value="beijing" />
+          <el-option label="鎴愬崕鍖�" value="beijing" />
+          <el-option label="閿︽睙鍖�" value="beijing" />
+        </el-select>
+      </el-form-item>
+      <el-divider />
+      <el-form-item label="鎸囨爣3" required>
+        <el-input v-model="form.name" />
+      </el-form-item>
+      <el-form-item label="鍙栧�兼寚鏍�" required  label-width="50%">
+        <el-select v-model="form.region" placeholder="璇烽�夋嫨">
+          <el-option label="缁煎悎骞冲潎鎸囨爣" value="shanghai" />
+          <el-option label="姣涘彂娌规鎶ュ埌鐜�" value="beijing" />
+          <el-option label="澶栨祦娑夋瘨浜哄憳" value="beijing" />
+          <el-option label="绂佹瘨宸ヤ綔婊℃剰搴�" value="beijing" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="鍙栧�兼椂闂磋寖鍥�" required label-width="50%">
+        <el-select v-model="form.region" placeholder="璇烽�夋嫨">
+          <el-option label="褰撴湀" value="shanghai" />
+          <el-option label="鏈" value="beijing" />
+          <el-option label="鏈勾" value="beijing" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="鍙栧�艰鏀垮尯鍒�" required label-width="50%">
+        <el-select v-model="form.region" placeholder="璇烽�夋嫨">
+          <el-option label="閮芥睙鍫板競" value="shanghai" />
+          <el-option label="闈掔緤鍖�" value="beijing" />
+          <el-option label="姝︿警鍖�" value="beijing" />
+          <el-option label="閲戠墰鍖�" value="beijing" />
+          <el-option label="鎴愬崕鍖�" value="beijing" />
+          <el-option label="閿︽睙鍖�" value="beijing" />
+        </el-select>
+      </el-form-item>
+      <el-divider />
+      <el-form-item label="鎸囨爣4" required>
+        <el-input v-model="form.name" />
+      </el-form-item>
+      <el-form-item label="鍙栧�兼寚鏍�" required  label-width="50%">
+        <el-select v-model="form.region" placeholder="璇烽�夋嫨">
+          <el-option label="缁煎悎骞冲潎鎸囨爣" value="shanghai" />
+          <el-option label="姣涘彂娌规鎶ュ埌鐜�" value="beijing" />
+          <el-option label="澶栨祦娑夋瘨浜哄憳" value="beijing" />
+          <el-option label="绂佹瘨宸ヤ綔婊℃剰搴�" value="beijing" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="鍙栧�兼椂闂磋寖鍥�" required label-width="50%">
+        <el-select v-model="form.region" placeholder="璇烽�夋嫨">
+          <el-option label="褰撴湀" value="shanghai" />
+          <el-option label="鏈" value="beijing" />
+          <el-option label="鏈勾" value="beijing" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="鍙栧�艰鏀垮尯鍒�" required label-width="50%">
+        <el-select v-model="form.region" placeholder="璇烽�夋嫨">
+          <el-option label="閮芥睙鍫板競" value="shanghai" />
+          <el-option label="闈掔緤鍖�" value="beijing" />
+          <el-option label="姝︿警鍖�" value="beijing" />
+          <el-option label="閲戠墰鍖�" value="beijing" />
+          <el-option label="鎴愬崕鍖�" value="beijing" />
+          <el-option label="閿︽睙鍖�" value="beijing" />
+        </el-select>
+      </el-form-item>
+    </el-form>
+    <div style="text-align: center">
+      <el-button @click="Cancel">鍙栨秷</el-button>
+      <el-button type="primary" @click="onSubmit">淇濆瓨</el-button>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.td_etid{
+  padding: 10px;
+}
+.el-form-item{
+  width: 40%;
+}
+</style>
diff --git a/src/views/visualizationConfiguration/index.vue b/src/views/visualizationConfiguration/index.vue
new file mode 100644
index 0000000..a11110e
--- /dev/null
+++ b/src/views/visualizationConfiguration/index.vue
@@ -0,0 +1,41 @@
+<script setup lang="ts">
+import DimensionIndex from "./dimensionIndex.vue"
+import AbuseIndexRanking from "./abuseIndexRanking.vue"
+import IndicatorData from "./indicatorData.vue"
+import ComprehensiveIndicators from "./comprehensiveIndicators.vue"
+import IndicatorTrend from "./indicatorTrend.vue"
+import KeyIndicatorData from "./keyIndicatorData.vue"
+import AntiDrugWork from "./antiDrugWork.vue"
+</script>
+
+<template>
+<div>
+  <el-tabs tab-position="left" style="height: calc(100vh - 90px)" class="demo-tabs">
+    <el-tab-pane label="缁村害鎸囨暟">
+      <dimension-index></dimension-index>
+    </el-tab-pane>
+    <el-tab-pane label="姣掑搧婊ョ敤鎸囨暟鎺掑悕">
+      <abuse-index-ranking></abuse-index-ranking>
+    </el-tab-pane>
+    <el-tab-pane label="鍏抽敭鎸囨爣鏁版嵁锛堝崱鐗囷級">
+      <indicator-data></indicator-data>
+    </el-tab-pane>
+    <el-tab-pane label="鍦板浘缁煎悎鎸囨爣">
+      <comprehensive-indicators></comprehensive-indicators>
+    </el-tab-pane>
+    <el-tab-pane label="閮芥睙鍫板競鍚勮閬撴寚鏍囪秼鍔�">
+      <indicator-trend></indicator-trend>
+    </el-tab-pane>
+    <el-tab-pane label="鍏抽敭鎸囨爣鏁版嵁锛堢皣鐘讹級">
+      <key-indicator-data></key-indicator-data>
+    </el-tab-pane>
+    <el-tab-pane label="绂佹瘨宸ヤ綔">
+      <anti-drug-work></anti-drug-work>
+    </el-tab-pane>
+  </el-tabs>
+</div>
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/src/views/visualizationConfiguration/indicatorData.vue b/src/views/visualizationConfiguration/indicatorData.vue
new file mode 100644
index 0000000..ec7fc95
--- /dev/null
+++ b/src/views/visualizationConfiguration/indicatorData.vue
@@ -0,0 +1,84 @@
+<script setup lang="ts">
+const form = reactive({
+
+})
+const options = [
+  {
+    value: '1',
+    label: '缁煎悎骞冲潎鎸囨爣',
+  },
+  {
+    value: '2',
+    label: '姣涘彂鎶芥闃虫�х巼',
+  },
+  {
+    value: '3',
+    label: '鎴掓柇涓夊勾鏈鍚镐汉鍛樻煡澶勭巼',
+  },
+  {
+    value: '4',
+    label: '鍦ㄥ唽鍚告瘨浜哄憳婊嬩簨琛屼负',
+  },
+  {
+    value: '5',
+    label: '鏄撳埗姣掑寲瀛﹀搧绠℃帶闂',
+  },
+  {
+    value: '6',
+    label: '杈栧尯鍐呭嚭鐜拌仛闆嗘互鐢ㄧ獫鐐规暟',
+  },
+]
+</script>
+
+<template>
+  <div>
+    <el-form :model="form" label-width="220px"  label-position="left">
+      <div>瑕佺礌绠℃帶锛堜粎闄愯缃�6椤癸級</div>
+      <el-form-item label="閫夋嫨鎸囨爣" required >
+        <el-select
+          v-model="form.region"
+          multiple
+          collapse-tags
+          collapse-tags-tooltip
+          placeholder="璇烽�夋嫨"
+          style="width: 240px"
+        >
+          <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <div>
+        椋庨櫓绠℃帶锛堜粎闄愯缃�6椤癸級
+      </div>
+      <el-form-item label="閫夋嫨鎸囨爣" required >
+        <el-select
+          v-model="form.region"
+          multiple
+          collapse-tags
+          collapse-tags-tooltip
+          placeholder="璇烽�夋嫨"
+          style="width: 240px"
+        >
+          <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+    </el-form>
+    <div style="text-align: center">
+      <el-button >鍙栨秷</el-button>
+      <el-button type="primary" >淇濆瓨</el-button>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/src/views/visualizationConfiguration/indicatorTrend.vue b/src/views/visualizationConfiguration/indicatorTrend.vue
new file mode 100644
index 0000000..5fb6cfe
--- /dev/null
+++ b/src/views/visualizationConfiguration/indicatorTrend.vue
@@ -0,0 +1,38 @@
+<script setup lang="ts">
+const form = reactive({
+
+})
+</script>
+
+<template>
+<div>
+  <el-form  :model="form" label-width="220px"  label-position="left">
+    <div style="display: flex">
+      <el-form-item label="鎶樼嚎鏃堕棿鑼冨洿锛堟寚鏁板垎鏋愶級">
+        <el-date-picker
+          v-model="form.time"
+          type="daterange"
+          range-separator="鑷�"
+          start-placeholder="寮�濮嬫椂闂�"
+          end-placeholder="缁撴潫鏃堕棿"
+        />
+      </el-form-item>
+      <el-form-item label="鎶樼嚎鏃堕棿杞达紙鎸囨暟鍒嗘瀽锛�" required >
+        <el-select v-model="form.region" placeholder="璇烽�夋嫨">
+          <el-option label="鎸夋湀" value="shanghai" />
+          <el-option label="鎸夊" value="beijing" />
+          <el-option label="鎸夊勾" value="beijing" />
+        </el-select>
+      </el-form-item>
+    </div>
+  </el-form>
+  <div style="text-align: center">
+    <el-button >鍙栨秷</el-button>
+    <el-button type="primary" >淇濆瓨</el-button>
+  </div>
+</div>
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/src/views/visualizationConfiguration/keyIndicatorData.vue b/src/views/visualizationConfiguration/keyIndicatorData.vue
new file mode 100644
index 0000000..3bf5a54
--- /dev/null
+++ b/src/views/visualizationConfiguration/keyIndicatorData.vue
@@ -0,0 +1,29 @@
+<script setup lang="ts">
+const form = reactive({
+
+})
+</script>
+
+<template>
+  <div>
+    <el-form  :model="form" label-width="220px"  label-position="left">
+      <div style="display: flex">
+        <el-form-item label="閫夋嫨榛樿鎸囨爣" required >
+          <el-select v-model="form.region" placeholder="璇烽�夋嫨">
+            <el-option label="鏂板鍚告瘨浜哄憳" value="shanghai" />
+            <el-option label="鏂板鍚告瘨浜哄憳" value="beijing" />
+            <el-option label="鏂板鍚告瘨浜哄憳" value="beijing" />
+          </el-select>
+        </el-form-item>
+      </div>
+    </el-form>
+    <div style="text-align: center">
+      <el-button >鍙栨秷</el-button>
+      <el-button type="primary" >淇濆瓨</el-button>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/vite.config.ts b/vite.config.ts
index 462a676..73449ef 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -26,8 +26,8 @@
       open: true,
       proxy: {
         [env.VITE_APP_BASE_API]: {
-          // target: 'http://192.168.3.228:8080',
-          target: 'http://localhost:8080',
+          target: 'http://192.168.3.43:8080',
+          // target: 'http://localhost:8080',
           changeOrigin: true,
           rewrite: (path) => path.replace(new RegExp('^' + env.VITE_APP_BASE_API), '')
         }

--
Gitblit v1.8.0