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="绂佹瘨瀹ｄ紶鎺ヨЕ鐜�" >
+ <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="鍖哄垝浠ｇ爜" 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="鍖哄垝浠ｇ爜" 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="鍖哄垝浠ｇ爜" 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