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