1 year ago · 6c15f09ad6
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 
				-# 接口地址http://8.136.199.33:8610/v1   https://rddptest.hzinsights.com/adminapi
			
 
				-VITE_APP_API_URL="http://8.136.199.33:8610/v1"
			
 
				+# 接口地址http://8.136.199.33:8610/v1   http://8.136.199.33:7778/adminapi
			
 
				+VITE_APP_API_URL="http://8.136.199.33:7778/adminapi"
			
 
				 # 路由根地址
			
 
				 VITE_APP_BASE_URL="/"
			
 
				 # 打包输入文件名
			
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
 
				     <meta charset="UTF-8" />
			
 
				     <link rel="icon" type="image/x-icon" href="/fa.ico"/>
			
 
				     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">
			
 
				-    <title>移动ETA</title>
			
 
				+    <title>ETA投研平台</title>
			
 
				     <link href='/froala_editor.pkgd.min.css' rel='stylesheet' type='text/css' />
			
 
				   </head>
			
 
				   <body>
			
--- a/src/api/dataEDB.js
+++ b/src/api/dataEDB.js
@@ -0,0 +1,88 @@
 
				+//ETA指标库
			
 
				+import { get,post } from "./index";
			
 
				+
			
 
				+export default{
			
 
				+    /**
			
 
				+     * ETA指标列表
			
 
				+     */
			
 
				+    edbList(params){
			
 
				+        return get('/datamanage/classify/edb_info/list?ClassifyId=535',params)
			
 
				+    },
			
 
				+
			
 
				+    /**
			
 
				+     * ETA指标库分类列表
			
 
				+     */
			
 
				+    edbClassifyList(){
			
 
				+        return get('/datamanage/classify/items/v3',{})
			
 
				+    },
			
 
				+
			
 
				+    /**
			
 
				+     * 新增ETA指标库分类
			
 
				+     * @param ClassifyName
			
 
				+     * @param Level
			
 
				+     * @param ParentId
			
 
				+     */
			
 
				+    edbClassifyAdd(params){
			
 
				+        return post('/datamanage/classify/add',params)
			
 
				+    },
			
 
				+
			
 
				+    /**
			
 
				+     * 编辑ETA指标库分类
			
 
				+     * @param ClassifyName
			
 
				+     * @param ClassifyId
			
 
				+     */
			
 
				+    edbClassifyEdit(params){
			
 
				+        return post('/datamanage/classify/edit',params)
			
 
				+    },
			
 
				+
			
 
				+    /**
			
 
				+     * 删除ETA指标库分类检测
			
 
				+     * @param ClassifyId
			
 
				+     * @param EdbInfoId
			
 
				+     */
			
 
				+    edbClassifyDeleteCheck(params){
			
 
				+        return post('/datamanage/classify/delete/check',params)
			
 
				+    },
			
 
				+
			
 
				+    /**
			
 
				+     * 删除ETA指标库分类(包含指标的删除)
			
 
				+     * @param ClassifyId
			
 
				+     * @param EdbInfoId
			
 
				+     */
			
 
				+    edbClassifyDelete(params){
			
 
				+        return post('/datamanage/classify/delete',params)
			
 
				+    },
			
 
				+
			
 
				+    /**
			
 
				+     * 移动ETA指标库分类
			
 
				+     * @param ClassifyId
			
 
				+     * @param ParentClassifyId
			
 
				+     * @param PrevClassifyId
			
 
				+     * @param NextClassifyId
			
 
				+     */
			
 
				+    edbClassifyMove(params){
			
 
				+        return post('/datamanage/edb_classify/move',params)
			
 
				+    },
			
 
				+
			
 
				+    /**
			
 
				+     * 基础指标详情
			
 
				+     * @param EdbInfoId
			
 
				+     */
			
 
				+    getBaseEdbInfo(params){
			
 
				+        return get('/datamanage/edb_info/detail',params)
			
 
				+    },
			
 
				+
			
 
				+    /**
			
 
				+     * 基础指标编辑
			
 
				+     * @param EdbInfoId
			
 
				+     * @param ClassifyId
			
 
				+     * @param EdbName
			
 
				+     * @param Frequency
			
 
				+     * @param Unit
			
 
				+     */
			
 
				+    editBaseEdbInfo(params){
			
 
				+        return post('/datamanage/edb_info/edit',params)
			
 
				+    }
			
 
				+
			
 
				+
			
 
				+}
			
--- a/src/assets/imgs/chartETA/icon_chartETA_logo.png
+++ b/src/assets/imgs/chartETA/icon_chartETA_logo.png
--- a/src/assets/imgs/dataEDB/icon_menu.png
+++ b/src/assets/imgs/dataEDB/icon_menu.png
--- a/src/assets/imgs/dataEDB/icon_opt.png
+++ b/src/assets/imgs/dataEDB/icon_opt.png
--- a/src/assets/imgs/myETA/icon_myETA_logo.png
+++ b/src/assets/imgs/myETA/icon_myETA_logo.png
--- a/src/assets/imgs/ppt/ppt_icon_en.png
+++ b/src/assets/imgs/ppt/ppt_icon_en.png
--- a/src/assets/imgs/ppt/ppt_icon_zh.png
+++ b/src/assets/imgs/ppt/ppt_icon_zh.png
--- a/src/assets/imgs/report/report_icon.png
+++ b/src/assets/imgs/report/report_icon.png
--- a/src/assets/imgs/report/report_icon_en.png
+++ b/src/assets/imgs/report/report_icon_en.png
--- a/src/assets/imgs/tabbar/home-s.png
+++ b/src/assets/imgs/tabbar/home-s.png
--- a/src/assets/imgs/tabbar/home.png
+++ b/src/assets/imgs/tabbar/home.png
--- a/src/assets/imgs/tabbar/icon_EDB.png
+++ b/src/assets/imgs/tabbar/icon_EDB.png
--- a/src/assets/imgs/tabbar/icon_PPT.png
+++ b/src/assets/imgs/tabbar/icon_PPT.png
--- a/src/assets/imgs/tabbar/icon_chart.png
+++ b/src/assets/imgs/tabbar/icon_chart.png
--- a/src/assets/imgs/tabbar/icon_dataSource.png
+++ b/src/assets/imgs/tabbar/icon_dataSource.png
--- a/src/assets/imgs/tabbar/icon_myChart.png
+++ b/src/assets/imgs/tabbar/icon_myChart.png
--- a/src/assets/imgs/tabbar/icon_preEDB.png
+++ b/src/assets/imgs/tabbar/icon_preEDB.png
--- a/src/assets/imgs/tabbar/icon_report.png
+++ b/src/assets/imgs/tabbar/icon_report.png
--- a/src/assets/imgs/tabbar/icon_table.png
+++ b/src/assets/imgs/tabbar/icon_table.png
--- a/src/assets/imgs/tabbar/user-s.png
+++ b/src/assets/imgs/tabbar/user-s.png
--- a/src/assets/imgs/tabbar/user.png
+++ b/src/assets/imgs/tabbar/user.png
--- a/src/assets/styles/common.scss
+++ b/src/assets/styles/common.scss
@@ -18,7 +18,7 @@ html,body,#app{
 
				     }
			
 
				 }
			
 
				 
			
 
				-div{
			
 
				+div,ul,li{
			
 
				     box-sizing: border-box;
			
 
				 }
			
 
				 
			
--- a/src/router/dataEDB.js
+++ b/src/router/dataEDB.js
@@ -0,0 +1,13 @@
 
				+// ETA指标库模块
			
 
				+export const dataEDBRoutes=[
			
 
				+    {
			
 
				+        path:"/dataEDB/index",
			
 
				+        name:"DataEDBIndex",
			
 
				+        component: () => import("@/views/dataEDB/Index.vue"),
			
 
				+        meta: { 
			
 
				+            title: "ETA指标库",
			
 
				+            keepAlive:true,
			
 
				+            hasBackTop:true,
			
 
				+        },
			
 
				+    },
			
 
				+]
			
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -17,6 +17,7 @@ import {myETARoutes} from './myETA'
 
				 import {reportRoutes} from './report'
			
 
				 import {reportEnRoutes} from './reportEn'
			
 
				 import {chartETARoutes} from './chartETA'
			
 
				+import {dataEDBRoutes} from './dataEDB'
			
 
				 
			
 
				 const routes = [
			
 
				   	{
			
@@ -67,6 +68,8 @@ const routes = [
 
				 			...reportEnRoutes,
			
 
				             //ETA图库模块
			
 
				             ...chartETARoutes,
			
 
				+			//ETA指标库模块
			
 
				+			...dataEDBRoutes,
			
 
				 		]
			
 
				 	},
			
 
				 	
			
--- a/src/views/dataEDB/Index.vue
+++ b/src/views/dataEDB/Index.vue
@@ -0,0 +1,383 @@
 
				+<script setup name="DataEDBIndex">
			
 
				+import {reactive,ref, watch} from 'vue'
			
 
				+import apiDataEDB from '@/api/dataEDB'
			
 
				+import EDBClassify from './components/EDBClassify.vue'
			
 
				+import EditBaseEDB from './components/EditBaseEDB.vue'
			
 
				+import {useEDBDelete} from './hooks/useEDBDelete'
			
 
				+import { showToast } from 'vant'
			
 
				+
			
 
				+const {edbClassifyDelete} =useEDBDelete()
			
 
				+
			
 
				+const listState = reactive({
			
 
				+    list:[],
			
 
				+    page:1,
			
 
				+    pageSize:15,
			
 
				+    finished:false,
			
 
				+    loading:false,
			
 
				+    total:0,
			
 
				+    activeClassifyName:'',//当前选中的分类名称
			
 
				+    activeClassifyId:0,
			
 
				+})
			
 
				+async function getEDBList(){
			
 
				+    const res=await apiDataEDB.edbList()
			
 
				+    if(res.Ret===200){
			
 
				+        listState.loading=false
			
 
				+        if(!res.Data){
			
 
				+            listState.finished=true
			
 
				+            listState.total=0
			
 
				+            return
			
 
				+        }
			
 
				+        
			
 
				+        listState.finished=true
			
 
				+        const arr=res.Data.EdbInfoList||[]
			
 
				+        listState.list=[...listState.list,...arr]
			
 
				+        listState.total=20
			
 
				+    }
			
 
				+}
			
 
				+getEDBList()
			
 
				+// 触底加载
			
 
				+function onLoad(){
			
 
				+    listState.page++
			
 
				+    getEDBList()
			
 
				+}
			
 
				+// 刷新列表
			
 
				+function refreshEBDList(){
			
 
				+
			
 
				+}
			
 
				+
			
 
				+//基础操作
			
 
				+const showActionPop=ref(false)
			
 
				+function handleSelectActionOpt(e){
			
 
				+    console.log(e);
			
 
				+}
			
 
				+
			
 
				+// 分类弹窗
			
 
				+const showClassifyPop=ref(false)
			
 
				+watch(
			
 
				+    ()=>showClassifyPop.value,
			
 
				+    (n)=>{
			
 
				+        if(!n){
			
 
				+            listState.page=1
			
 
				+            listState.list=[]
			
 
				+            listState.finished=false
			
 
				+            listState.total=0
			
 
				+            getEDBList()
			
 
				+        }
			
 
				+    }
			
 
				+)
			
 
				+function handleSelectClassifyChange(e){
			
 
				+    listState.activeClassifyName=e.selectClassifyNameStr
			
 
				+    listState.activeClassifyId=e.selectClassifyId
			
 
				+}
			
 
				+
			
 
				+// 单个指标操作数据
			
 
				+const edbOptState=reactive({
			
 
				+    show:false,
			
 
				+    data:null,
			
 
				+})
			
 
				+watch(
			
 
				+    ()=>edbOptState.show,
			
 
				+    (n)=>{
			
 
				+        if(!n){
			
 
				+            edbOptState.data=null
			
 
				+        }
			
 
				+    }
			
 
				+)
			
 
				+function handleShowEdbOpt(item){
			
 
				+    edbOptState.data=item
			
 
				+
			
 
				+    edbOptState.show=true
			
 
				+}
			
 
				+// 控制指标操作中的计算指标查看
			
 
				+function seeComputeEDBInfo(data){
			
 
				+    return data?.EdbType===2&&![58,59,67,68].includes(data?.Source)
			
 
				+}
			
 
				+
			
 
				+
			
 
				+const activeEditEDBData=ref(null)//当前编辑的指标项数据
			
 
				+const showEditBaseEDB=ref(false)// 显示编辑基础指标
			
 
				+// 指标操作
			
 
				+function handleEDBOpt(type,data){
			
 
				+    // 编辑
			
 
				+    if(type==='edit'){
			
 
				+        activeEditEDBData.value=data
			
 
				+        // 基础指标
			
 
				+        if(data.EdbType===1 || [58,59,67,68].includes(data.Source)){
			
 
				+            showEditBaseEDB.value=true
			
 
				+        }
			
 
				+        // 计算指标
			
 
				+        if(data.EdbType === 2 && ![27,40,58,59].includes(data.Source)){
			
 
				+            showToast('待开发，计算指标请在pc端操作')
			
 
				+        }
			
 
				+    }
			
 
				+    // 删除
			
 
				+    if(type==='delete'){
			
 
				+        edbClassifyDelete(data).then((res)=>{
			
 
				+            if(res===true){
			
 
				+                refreshEBDList()
			
 
				+            }
			
 
				+        })
			
 
				+    }
			
 
				+
			
 
				+    edbOptState.show=false
			
 
				+}
			
 
				+//编辑基础指标信息成功回调
			
 
				+function handleEditBaseEdbSuccess(e){
			
 
				+    // 更新列表中指标的名称
			
 
				+    listState.list.forEach(item=>{
			
 
				+        if(item.EdbInfoId===e.EdbInfoId){
			
 
				+            item.ClassifyName=e.EdbName
			
 
				+        }
			
 
				+    })
			
 
				+}
			
 
				+
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+    <div class="dataEDB-index-page">
			
 
				+        <div class="top-sticky-box">
			
 
				+            <div class="search-box">
			
 
				+                <van-search 
			
 
				+                    shape="round" 
			
 
				+                    readonly 
			
 
				+                    placeholder="请输入指标ID/指标名称"
			
 
				+                    style="flex:1;padding-left:0"
			
 
				+                    @click-input="$router.push('/chartETA/search')"
			
 
				+                />
			
 
				+                <div class="lang-icon icon">
			
 
				+                    <img v-if="true" src="@/assets/imgs/chartETA/lang-icon.png" alt="">
			
 
				+                    <img v-if="false" src="@/assets/imgs/chartETA/langEn-icon.png" alt="">
			
 
				+                </div>
			
 
				+            </div>
			
 
				+            <div class="count-box">
			
 
				+                <div class="con">
			
 
				+                    <div class="van-ellipsis label">{{listState.activeClassifyName||'全部'}}</div>
			
 
				+                    <span class="num">共70个指标</span>
			
 
				+                </div>
			
 
				+                <img class="menu-icon" src="@/assets/imgs/dataEDB/icon_menu.png" alt="" @click="showClassifyPop=true">
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <div class="edb-list-wrap">
			
 
				+            <van-list
			
 
				+                v-model:loading="listState.loading"
			
 
				+                :finished="listState.finished"
			
 
				+                :finished-text="listState.list.length>0?'没有更多了':'暂无数据'"
			
 
				+                :immediate-check="false"
			
 
				+                @load="onLoad"
			
 
				+            >
			
 
				+                <img v-if="listState.list.length==0&&listState.finished" class="list-empty-img" src="https://hzstatic.hzinsights.com/static/ETA_mobile/empty_img.png" alt="">
			
 
				+                <ul class="edb-list">
			
 
				+                    <li class="edb-item" v-for="item in listState.list" :key="item.EdbInfoId">
			
 
				+                        <div class="van-multi-ellipsis--l2 name">{{item.ClassifyName}}</div>
			
 
				+                        <van-image
			
 
				+                            class="img"
			
 
				+                            src=""
			
 
				+                        />
			
 
				+                        <div>
			
 
				+                            <span class="time">{{item.StartDate}}</span>
			
 
				+                            <svg 
			
 
				+                                class="opt-icon" 
			
 
				+                                xmlns="http://www.w3.org/2000/svg" 
			
 
				+                                width="28" 
			
 
				+                                height="28" 
			
 
				+                                viewBox="0 0 28 28" 
			
 
				+                                fill="none"
			
 
				+                                @click="handleShowEdbOpt(item)"
			
 
				+                            >
			
 
				+                                <rect width="28" height="28" rx="4" :fill="item.EdbInfoId===edbOptState.data?.EdbInfoId?'#0052D9':'none'"/>
			
 
				+                                <path d="M14 19.25C14.9625 19.25 15.75 20.0375 15.75 21C15.75 21.9625 14.9625 22.75 14 22.75C13.0375 22.75 12.25 21.9625 12.25 21C12.25 20.0375 13.0375 19.25 14 19.25ZM12.25 14C12.25 14.9625 13.0375 15.75 14 15.75C14.9625 15.75 15.75 14.9625 15.75 14C15.75 13.0375 14.9625 12.25 14 12.25C13.0375 12.25 12.25 13.0375 12.25 14ZM12.25 7C12.25 7.9625 13.0375 8.75 14 8.75C14.9625 8.75 15.75 7.9625 15.75 7C15.75 6.0375 14.9625 5.25 14 5.25C13.0375 5.25 12.25 6.0375 12.25 7Z" :fill="item.EdbInfoId===edbOptState.data?.EdbInfoId?'#fff':'#333333'"/>
			
 
				+                            </svg>
			
 
				+                        </div>
			
 
				+                    </li>
			
 
				+                </ul>
			
 
				+            </van-list>
			
 
				+        </div>
			
 
				+        
			
 
				+    </div>
			
 
				+
			
 
				+    <!-- 悬浮操作按钮 -->
			
 
				+    <div class="fixed-opt-btn" @click="showActionPop=true">
			
 
				+        <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
			
 
				+            <path fill-rule="evenodd" clip-rule="evenodd" d="M43.4855 12.7505L25.4062 2.31235C24.536 1.80995 23.4639 1.80995 22.5937 2.31235L4.5144 12.7505V33.6267C4.5144 34.6315 5.05046 35.5599 5.92065 36.0623L24 46.5005L42.0793 36.0623C42.9495 35.5599 43.4855 34.6315 43.4855 33.6267V12.7505ZM23.997 22.2665L9.01233 13.6153L24 4.96245L38.9859 13.6158L23.997 22.2665ZM25.5 24.8665L40.485 16.2149V33.5165L25.5 42.1666V24.8665ZM22.5 24.8665V42.1667L7.51198 33.5165V16.2132L22.5 24.8665Z" fill="white"/>
			
 
				+        </svg>
			
 
				+    </div>
			
 
				+
			
 
				+    <!-- 基础操作弹窗 -->
			
 
				+    <van-action-sheet
			
 
				+        teleport="body"
			
 
				+        v-model:show="showActionPop"
			
 
				+        cancel-text="取消"
			
 
				+        close-on-click-action
			
 
				+        :actions="[
			
 
				+            {
			
 
				+                name:'添加指标'
			
 
				+            },
			
 
				+            {
			
 
				+                name:'计算指标'
			
 
				+            },
			
 
				+            {
			
 
				+                name:'替换指标'
			
 
				+            }
			
 
				+        ]"
			
 
				+        @select="handleSelectActionOpt"
			
 
				+    >
			
 
				+    </van-action-sheet>
			
 
				+
			
 
				+    <!-- 分类弹窗 -->
			
 
				+    <EDBClassify v-model="showClassifyPop" @change="handleSelectClassifyChange"/>
			
 
				+
			
 
				+    <!-- 指标的操作 -->
			
 
				+    <van-action-sheet
			
 
				+        teleport="body"
			
 
				+        v-model:show="edbOptState.show"
			
 
				+        cancel-text="取消"
			
 
				+        close-on-click-action
			
 
				+    >
			
 
				+        <template #default>
			
 
				+            <ul class="edb-opt-list">
			
 
				+                <!-- 计算指标查看 -->
			
 
				+                <!-- <li class="item" v-if="seeComputeEDBInfo(edbOptState.data)">查看</li> -->
			
 
				+                <li class="item color-blue" v-if="edbOptState.data?.Button.OpButton" @click="handleEDBOpt('edit',edbOptState.data)">编辑</li>
			
 
				+                <li class="item color-red" v-if="edbOptState.data?.Button.DeleteButton" @click="handleEDBOpt('delete',edbOptState.data)">删除</li>
			
 
				+                <li class="item" v-if="edbOptState.data?.Button.MoveButton">移动至</li>
			
 
				+                <li class="item" v-if="edbOptState.data?.Button.ShowEdbRelation">关联指标</li>
			
 
				+                <li class="item" v-if="edbOptState.data?.Button.ShowChartRelation">关联图表</li>
			
 
				+            </ul>
			
 
				+        </template>
			
 
				+    </van-action-sheet>
			
 
				+
			
 
				+    <!-- 编辑基础指标 -->
			
 
				+    <EditBaseEDB 
			
 
				+        v-model="showEditBaseEDB" 
			
 
				+        :edbInfoId="activeEditEDBData?.EdbInfoId"
			
 
				+        @success="handleEditBaseEdbSuccess"
			
 
				+    />
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.dataEDB-index-page{
			
 
				+    min-height: 100vh;
			
 
				+    background-color: $page-bg-grey;
			
 
				+}
			
 
				+.fixed-opt-btn{
			
 
				+    width: var(--van-back-top-size);
			
 
				+    height: var(--van-back-top-size);
			
 
				+    position: fixed;
			
 
				+    right: var(--van-back-top-right);
			
 
				+    bottom: calc(var(--van-back-top-bottom) + var(--van-back-top-size) + 10px);
			
 
				+    background-color: $theme-color;
			
 
				+    border-radius: 50%;
			
 
				+    box-shadow: 0px 6px 28px 4px rgba(0, 0, 0, 0.05), 0px 16px 20px 2px rgba(0, 0, 0, 0.06), 0px 10px 10px -6px rgba(0, 0, 0, 0.1);
			
 
				+    svg{
			
 
				+        width: 40px;
			
 
				+        height: 40px;
			
 
				+        position: absolute;
			
 
				+        top: 50%;
			
 
				+        left: 50%;
			
 
				+        transform: translate(-50%,-50%);
			
 
				+    }
			
 
				+}
			
 
				+.top-sticky-box{
			
 
				+    top: 0;
			
 
				+    left: 0;
			
 
				+    right: 0;
			
 
				+    z-index: 99;
			
 
				+    position: sticky;
			
 
				+    background-color: #fff;
			
 
				+    .search-box{
			
 
				+        display: flex;
			
 
				+        align-items: center;
			
 
				+        padding: 20px $page-padding;
			
 
				+        border-bottom: 1px solid $border-color;
			
 
				+        :deep(.van-search){
			
 
				+            padding: 0;
			
 
				+        }
			
 
				+        .lang-icon{
			
 
				+            margin-left: 10px;
			
 
				+            width: 70px;
			
 
				+            height:70px;
			
 
				+            background-color: #F2F3FF;
			
 
				+            border-radius: 50%;
			
 
				+            display: flex;
			
 
				+            align-items: center;
			
 
				+            justify-content: center;
			
 
				+            img{
			
 
				+                width:45px;
			
 
				+                height:45px;
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+    .count-box{
			
 
				+        display: flex;
			
 
				+        align-items: center;
			
 
				+        padding: 20px $page-padding;
			
 
				+        .con{
			
 
				+            flex: 1;
			
 
				+            display: flex;
			
 
				+            overflow: hidden;
			
 
				+            .lable{
			
 
				+                flex: 1;
			
 
				+            }
			
 
				+            .num{
			
 
				+                color: $font-grey_999;
			
 
				+                margin-left: 12px;
			
 
				+                flex-shrink: 0;
			
 
				+            }
			
 
				+        }
			
 
				+        .menu-icon{
			
 
				+            width: 48px;
			
 
				+            height: 48px;
			
 
				+            flex-shrink: 0;
			
 
				+            margin-left: 10px;
			
 
				+        }
			
 
				+    }
			
 
				+}
			
 
				+.edb-list-wrap{
			
 
				+    padding: 32px $page-padding;
			
 
				+    .edb-list{
			
 
				+        display: flex;
			
 
				+        justify-content: space-between;
			
 
				+        flex-wrap: wrap;
			
 
				+        gap: 30px 0;
			
 
				+        .edb-item{
			
 
				+            width: 326px;
			
 
				+            border-radius: 8px;
			
 
				+            background: #FFF;
			
 
				+            box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.08);
			
 
				+            padding: 10px;
			
 
				+            .name{
			
 
				+                min-height: 70px;
			
 
				+            }
			
 
				+            .img{
			
 
				+                width: 100%;
			
 
				+                height: 220px;
			
 
				+                margin: 14px 0;
			
 
				+            }
			
 
				+            .time{
			
 
				+                font-size: 24px;
			
 
				+            }
			
 
				+            .opt-icon{
			
 
				+                float: right;
			
 
				+                width: 28px;
			
 
				+                height: 28px;
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+    
			
 
				+}
			
 
				+.edb-opt-list{
			
 
				+    .item{
			
 
				+        font-size: 14PX;
			
 
				+        text-align: center;
			
 
				+        line-height: 44PX;
			
 
				+        border-bottom: 1px solid $border-color;
			
 
				+    }
			
 
				+    .color-blue{
			
 
				+        color: $theme-color;
			
 
				+    }
			
 
				+    .color-red{
			
 
				+        color: $theme-red;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+</style>
			
--- a/src/views/dataEDB/components/EDBClassify.vue
+++ b/src/views/dataEDB/components/EDBClassify.vue
@@ -0,0 +1,494 @@
 
				+<script setup>
			
 
				+import {reactive, ref,watch} from 'vue'
			
 
				+import { useWindowSize } from '@vueuse/core'
			
 
				+import apiDataEDB from '@/api/dataEDB'
			
 
				+import { showDialog , showToast } from 'vant';
			
 
				+import {useEDBDelete} from '../hooks/useEDBDelete'
			
 
				+
			
 
				+const {edbClassifyDelete}=useEDBDelete()
			
 
				+const { width } = useWindowSize()
			
 
				+
			
 
				+const props=defineProps({
			
 
				+    modelValue:{
			
 
				+        type:Boolean,
			
 
				+        default:false
			
 
				+    }
			
 
				+})
			
 
				+
			
 
				+const emits=defineEmits(['update:modelValue','change'])
			
 
				+
			
 
				+// 关闭弹窗
			
 
				+function handleClose(){
			
 
				+    emits('update:modelValue',false)
			
 
				+}
			
 
				+
			
 
				+// 当前点击了哪些分类
			
 
				+let selectClassifyNameStr=''
			
 
				+let selectClassifyId=0
			
 
				+function handleSelectClassify(level1,level2,level3){
			
 
				+    // console.log(level1,level2,level3);
			
 
				+    if(level1){
			
 
				+        selectClassifyId=level1.ClassifyId
			
 
				+        selectClassifyNameStr=`${level1.ClassifyName}`
			
 
				+    }
			
 
				+    if(level2){
			
 
				+        selectClassifyId=level2.ClassifyId
			
 
				+        selectClassifyNameStr=`${level1.ClassifyName}/${level2.ClassifyName}`
			
 
				+    }
			
 
				+    if(level3){
			
 
				+        selectClassifyId=level3.ClassifyId
			
 
				+        selectClassifyNameStr=`${level1.ClassifyName}/${level2.ClassifyName}/${level3.ClassifyName}`
			
 
				+    }
			
 
				+    emits('change',{selectClassifyNameStr,selectClassifyId})
			
 
				+}
			
 
				+
			
 
				+// 设置显示的分类名称（中英文）
			
 
				+function getClassifyItemName(item){
			
 
				+    return item.ClassifyName
			
 
				+}
			
 
				+
			
 
				+// 获取分类数据
			
 
				+const classifyList=ref([])
			
 
				+async function getEDBClassifyList(){
			
 
				+    const res=await apiDataEDB.edbClassifyList()
			
 
				+    if(res.Ret===200){
			
 
				+        classifyList.value=res.Data.AllNodes||[]
			
 
				+    }
			
 
				+}
			
 
				+getEDBClassifyList()
			
 
				+
			
 
				+const openClassify=ref([])//当前展开的分类
			
 
				+
			
 
				+// 分类操作数据
			
 
				+const classifyState=reactive({
			
 
				+    show:false,
			
 
				+    title:'',
			
 
				+    name:'',//输入框中的值
			
 
				+    placeholderText:'',
			
 
				+    type:'add',//新增、编辑
			
 
				+    level:1,//1新增/编辑一级目录,2新增/编辑二级目录
			
 
				+    level1Text:'',
			
 
				+    level2Text:'',
			
 
				+    parentId:0,
			
 
				+    classifyId:0,
			
 
				+})
			
 
				+watch(
			
 
				+    ()=>classifyState.show,
			
 
				+    (n)=>{
			
 
				+        if(!n){
			
 
				+            classifyState.title=''
			
 
				+            classifyState.name=''
			
 
				+            classifyState.placeholderText=''
			
 
				+            classifyState.type='add'
			
 
				+            classifyState.level=1
			
 
				+            classifyState.level1Text=''
			
 
				+            classifyState.level2Text=''
			
 
				+            classifyState.parentId=0
			
 
				+            classifyState.classifyId=0
			
 
				+        }
			
 
				+    }
			
 
				+)
			
 
				+function handleAddLevel1(){
			
 
				+    classifyState.title='添加一级目录'
			
 
				+    classifyState.placeholderText='请输入一级分类名称'
			
 
				+    classifyState.show=true
			
 
				+}
			
 
				+async function handleConfirmClassifyState(){
			
 
				+    let params={}
			
 
				+    if(classifyState.type==='add'){
			
 
				+        params={
			
 
				+            ClassifyName:classifyState.name,
			
 
				+            Level:classifyState.level,
			
 
				+            ParentId:classifyState.parentId
			
 
				+        }
			
 
				+    }else{
			
 
				+        params={
			
 
				+            ClassifyName:classifyState.name,
			
 
				+            ClassifyId:classifyState.classifyId
			
 
				+        }
			
 
				+    }
			
 
				+    const res=classifyState.type==='add'?await apiDataEDB.edbClassifyAdd(params):await apiDataEDB.edbClassifyEdit(params)
			
 
				+    if(res.Ret===200){
			
 
				+        getEDBClassifyList()
			
 
				+        classifyState.show=false
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+// 显示分类操作按钮数据
			
 
				+const classifyOptState=reactive({
			
 
				+    show:false,
			
 
				+    actions:[],
			
 
				+    level:1,//点击的是几级
			
 
				+    level1Data:null,
			
 
				+    level2Data:null,
			
 
				+    level3Data:null
			
 
				+})
			
 
				+watch(
			
 
				+    ()=>classifyOptState.show,
			
 
				+    (n)=>{
			
 
				+        if(!n){
			
 
				+            classifyOptState.actions=[]
			
 
				+            classifyOptState.level=1
			
 
				+            classifyOptState.level1Data=null
			
 
				+            classifyOptState.level2Data=null
			
 
				+            classifyOptState.level3Data=null
			
 
				+        }
			
 
				+    }
			
 
				+)
			
 
				+// 显示分类的具体操作选项
			
 
				+function handleShowClassifyOpt(level,level1,level2,level3){
			
 
				+    const optArr=[
			
 
				+        {name:'重命名',type:'edit'},
			
 
				+        {name:'删除',type:'delete',color:"#C54322"}
			
 
				+    ]
			
 
				+    if(level===1){
			
 
				+        // 判断操作权限
			
 
				+        if(level1.Button.AddButton){//添加权限
			
 
				+            optArr.unshift({name:'添加二级目录',type:'add'})
			
 
				+        }
			
 
				+        if(!level1.Button.OpButton){//编辑权限
			
 
				+            optArr=optArr.filter(item=>item.type!='edit')
			
 
				+        }
			
 
				+        if(!level1.Button.DeleteButton){//删除
			
 
				+            optArr=optArr.filter(item=>item.type!='delete')
			
 
				+        }
			
 
				+    }else if(level===2){
			
 
				+        // 判断操作权限
			
 
				+        if(level2.Button.AddButton){//添加权限
			
 
				+            optArr.unshift({name:'添加三级目录',type:'add'})
			
 
				+        }
			
 
				+        if(level2.Button.MoveButton){//移动权限
			
 
				+            optArr.push({name:'移动至',type:'move'})
			
 
				+        }
			
 
				+        if(!level2.Button.OpButton){//编辑权限
			
 
				+            optArr=optArr.filter(item=>item.type!='edit')
			
 
				+        }
			
 
				+        if(!level2.Button.DeleteButton){//删除
			
 
				+            optArr=optArr.filter(item=>item.type!='delete')
			
 
				+        }
			
 
				+    }else if(level===3){
			
 
				+        // 判断操作权限
			
 
				+        if(level3.Button.MoveButton){//移动权限
			
 
				+            optArr.push({name:'移动至',type:'move'})
			
 
				+        }
			
 
				+        if(!level3.Button.OpButton){//编辑权限
			
 
				+            optArr=optArr.filter(item=>item.type!='edit')
			
 
				+        }
			
 
				+        if(!level3.Button.DeleteButton){//删除
			
 
				+            optArr=optArr.filter(item=>item.type!='delete')
			
 
				+        }
			
 
				+    }
			
 
				+    classifyOptState.actions=optArr
			
 
				+    classifyOptState.level=level
			
 
				+    classifyOptState.level1Data=level1
			
 
				+    classifyOptState.level2Data=level2
			
 
				+    classifyOptState.level3Data=level3
			
 
				+    classifyOptState.show=true
			
 
				+}
			
 
				+function handleSelectOpt(e){
			
 
				+    if(e.type==='add'){
			
 
				+        classifyState.title=e.name
			
 
				+        classifyState.placeholderText='请输入分类名称'
			
 
				+        classifyState.type='add'
			
 
				+        classifyState.level1Text=classifyOptState.level1Data?.ClassifyName
			
 
				+        classifyState.level2Text=classifyOptState.level2Data?.ClassifyName
			
 
				+        if(classifyOptState.level===1){
			
 
				+            classifyState.parentId=classifyOptState.level1Data?.ClassifyId
			
 
				+            classifyState.level=1
			
 
				+        }
			
 
				+        if(classifyOptState.level===2){
			
 
				+            classifyState.parentId=classifyOptState.level2Data?.ClassifyId
			
 
				+            classifyState.level=2
			
 
				+        }
			
 
				+        classifyState.show=true
			
 
				+    }
			
 
				+    if(e.type==='edit'){
			
 
				+        classifyState.title='重命名'
			
 
				+        classifyState.placeholderText='请输入分类名称'
			
 
				+        classifyState.type='edit'
			
 
				+        classifyState.level=classifyOptState.level
			
 
				+        if(classifyOptState.level===1){
			
 
				+            classifyState.classifyId=classifyOptState.level1Data?.ClassifyId
			
 
				+            classifyState.name=classifyOptState.level1Data?.ClassifyName
			
 
				+        }else if(classifyOptState.level===2){
			
 
				+            classifyState.level1Text=classifyOptState.level1Data?.ClassifyName
			
 
				+            classifyState.classifyId=classifyOptState.level2Data?.ClassifyId
			
 
				+            classifyState.name=classifyOptState.level2Data?.ClassifyName
			
 
				+        }else if(classifyOptState.level===3){
			
 
				+            classifyState.level1Text=classifyOptState.level1Data?.ClassifyName
			
 
				+            classifyState.level2Text=classifyOptState.level2Data?.ClassifyName
			
 
				+            classifyState.classifyId=classifyOptState.level3Data?.ClassifyId
			
 
				+            classifyState.name=classifyOptState.level3Data?.ClassifyName
			
 
				+        }
			
 
				+        classifyState.show=true
			
 
				+    }
			
 
				+    if(e.type==='delete'){
			
 
				+        let data=null
			
 
				+        if(classifyOptState.level===1){
			
 
				+            data=classifyOptState.level1Data
			
 
				+        }else if(classifyOptState.level===2){
			
 
				+            data=classifyOptState.level2Data
			
 
				+        }else if(classifyOptState.level===3){
			
 
				+            data=classifyOptState.level3Data
			
 
				+        }
			
 
				+        edbClassifyDelete(data).then(res=>{
			
 
				+            console.log(res===true);
			
 
				+            if(res===true){
			
 
				+                getEDBClassifyList()
			
 
				+            }
			
 
				+        })
			
 
				+    }
			
 
				+    if(e.type==='move'){
			
 
				+        classifyMoveState.selectValue=''
			
 
				+        classifyMoveState.tabIndex=0
			
 
				+        if(classifyOptState.level===2){
			
 
				+            //移动二级
			
 
				+            classifyMoveState.options=classifyList.value.map(item=>{
			
 
				+                return {
			
 
				+                    ...item,
			
 
				+                    Children:null
			
 
				+                }
			
 
				+            })
			
 
				+            classifyMoveState.classifyId=classifyOptState.level2Data.ClassifyId
			
 
				+            classifyMoveState.moveLevel=2
			
 
				+        }
			
 
				+        if(classifyOptState.level===3){
			
 
				+            //移动三级
			
 
				+            classifyMoveState.options=classifyList.value.map(item=>{
			
 
				+                const children=item.Children.map(_item=>{
			
 
				+                    return {
			
 
				+                        ..._item,
			
 
				+                        Children:null
			
 
				+                    }
			
 
				+                })
			
 
				+                return {
			
 
				+                    ...item,
			
 
				+                    Children:children
			
 
				+                }
			
 
				+            })
			
 
				+            classifyMoveState.classifyId=classifyOptState.level3Data.ClassifyId
			
 
				+            classifyMoveState.moveLevel=3
			
 
				+        }
			
 
				+        
			
 
				+        classifyMoveState.show=true
			
 
				+    }
			
 
				+    classifyOptState.show=false
			
 
				+}
			
 
				+
			
 
				+// 移动分类数据
			
 
				+const classifyMoveState=reactive({
			
 
				+    show:false,
			
 
				+    selectValue:'',
			
 
				+    options:[],
			
 
				+    classifyId:0,//要移动的分类id
			
 
				+    tabIndex:0,//当前选择了哪一级的分类
			
 
				+    moveLevel:2,//要移动的分类是哪级
			
 
				+})
			
 
				+function handleSelectMoveClassifyChange({value,selectedOptions,tabIndex}){
			
 
				+    classifyMoveState.tabIndex=tabIndex
			
 
				+}
			
 
				+function handleConfirmMove(){
			
 
				+    if(!classifyMoveState.selectValue){
			
 
				+        showToast('请选择要移动至的分类')
			
 
				+        return
			
 
				+    }
			
 
				+    if(classifyMoveState.moveLevel===3&&classifyMoveState.tabIndex!=1){
			
 
				+        showToast('请选择要移动至的二级分类')
			
 
				+        return
			
 
				+    }
			
 
				+    let NextClassifyId=0
			
 
				+    if(classifyMoveState.moveLevel===2){
			
 
				+        const index=classifyMoveState.options.findIndex(e=>e.ClassifyId===classifyMoveState.selectValue)
			
 
				+        console.log(index);
			
 
				+        NextClassifyId=classifyList.value[index].Children[0]?.ClassifyId
			
 
				+    }else if(classifyMoveState.moveLevel===3){
			
 
				+        let index1=0,index2=0;
			
 
				+        classifyMoveState.options.forEach((e,idx)=>{
			
 
				+            e.Children?.forEach((e2,idx2)=>{
			
 
				+                if(e2.ClassifyId===classifyMoveState.selectValue){
			
 
				+                    index1=idx
			
 
				+                    index2=idx2
			
 
				+                }
			
 
				+            })
			
 
				+        })
			
 
				+        NextClassifyId=classifyList.value[index1].Children[index2].Children[0]?.ClassifyId
			
 
				+    }
			
 
				+    // console.log(NextClassifyId);
			
 
				+    apiDataEDB.edbClassifyMove({
			
 
				+        ClassifyId:classifyMoveState.classifyId,
			
 
				+        ParentClassifyId:classifyMoveState.selectValue,
			
 
				+        PrevClassifyId:0,
			
 
				+        NextClassifyId:NextClassifyId
			
 
				+    }).then(res=>{
			
 
				+        if(res.Ret===200){
			
 
				+            showToast('移动成功')
			
 
				+            getEDBClassifyList()
			
 
				+            classifyMoveState.show=false
			
 
				+        }
			
 
				+    })
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+    <van-popup 
			
 
				+        :show="props.modelValue"
			
 
				+        position="right"
			
 
				+        closeable
			
 
				+        :style="{width:width>650?'400px':'100%',height:'100%'}"
			
 
				+        @click-close-icon="handleClose"
			
 
				+    >
			
 
				+        <div class="edb-classify-wrap">
			
 
				+            <div class="top-box"></div>
			
 
				+            <div class="classify-box">
			
 
				+                <van-collapse v-model="openClassify" :border="false">
			
 
				+                    <van-collapse-item
			
 
				+                        v-for="level1 in classifyList"
			
 
				+                        :key="level1.ClassifyId"
			
 
				+                        :name="level1.ClassifyId"
			
 
				+                        :is-link="false"
			
 
				+                        :border="false"
			
 
				+                    >
			
 
				+                        <template #title>
			
 
				+                            <div class="van-ellipsis" @click="handleSelectClassify(level1)">
			
 
				+                                <van-icon :name="openClassify.includes(level1.ClassifyId)?'arrow-down':'arrow'" style="margin-right:4px"/>
			
 
				+                                <span>{{getClassifyItemName(level1)}}</span>
			
 
				+                            </div>
			
 
				+                        </template>
			
 
				+                        <template #value>
			
 
				+                            <img style="width:22px;height:22px" src="@/assets/imgs/dataEDB/icon_opt.png" alt="" @click.stop="handleShowClassifyOpt(1,level1)">
			
 
				+                        </template>
			
 
				+                        <div class="level2-box">
			
 
				+                            <van-collapse-item
			
 
				+                                v-for="level2 in level1.Children"
			
 
				+                                :key="level2.ClassifyId"
			
 
				+                                :name="level2.ClassifyId"
			
 
				+                                :is-link="false"
			
 
				+                                :border="false"
			
 
				+                            >
			
 
				+                                <template #title>
			
 
				+                                    <div class="van-ellipsis" @click="handleSelectClassify(level1,level2)">
			
 
				+                                        <van-icon :name="openClassify.includes(level2.ClassifyId)?'arrow-down':'arrow'" style="margin-right:4px"/>
			
 
				+                                        <span>{{getClassifyItemName(level2)}}</span>
			
 
				+                                    </div>
			
 
				+                                </template>
			
 
				+                                <template #value>
			
 
				+                                    <img style="width:22px;height:22px" src="@/assets/imgs/dataEDB/icon_opt.png" alt="" @click.stop="handleShowClassifyOpt(2,level1,level2)">
			
 
				+                                </template>
			
 
				+                                <div class="level3-box">
			
 
				+                                    <van-collapse-item
			
 
				+                                        v-for="level3 in level2.Children"
			
 
				+                                        :key="level3.ClassifyId"
			
 
				+                                        :title="getClassifyItemName(level3)" 
			
 
				+                                        :name="level3.ClassifyId"
			
 
				+                                        :is-link="false"
			
 
				+                                        disabled
			
 
				+                                        :border="false"
			
 
				+                                    >
			
 
				+                                        <template #title>
			
 
				+                                            <div class="van-ellipsis" @click="handleSelectClassify(level1,level2,level3)">
			
 
				+                                                <span>{{getClassifyItemName(level3)}}</span>
			
 
				+                                            </div>
			
 
				+                                        </template>
			
 
				+                                        <template #value>
			
 
				+                                            <img style="width:22px;height:22px" src="@/assets/imgs/dataEDB/icon_opt.png" alt="" @click.stop="handleShowClassifyOpt(3,level1,level2,level3)">
			
 
				+                                        </template>
			
 
				+                                    </van-collapse-item>
			
 
				+                                </div>
			
 
				+                            </van-collapse-item>
			
 
				+                        </div>
			
 
				+                    </van-collapse-item>
			
 
				+                </van-collapse>
			
 
				+            </div>
			
 
				+            <div class="bot-btn-box">
			
 
				+                <van-button type="primary" block @click="handleAddLevel1">添加一级目录</van-button>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+    </van-popup>
			
 
				+
			
 
				+    <!-- 分类操作选项 -->
			
 
				+    <van-action-sheet
			
 
				+        v-model:show="classifyOptState.show"
			
 
				+        :actions="classifyOptState.actions"
			
 
				+        cancel-text="取消"
			
 
				+        @select="handleSelectOpt"
			
 
				+    />
			
 
				+
			
 
				+    <!-- 创建/编辑分类 -->
			
 
				+    <van-dialog 
			
 
				+        v-model:show="classifyState.show" 
			
 
				+        :title="classifyState.title" 
			
 
				+        show-cancel-button
			
 
				+        @confirm="handleConfirmClassifyState"
			
 
				+    >
			
 
				+        <div class="edit-classify-wrap">
			
 
				+            <p v-if="classifyState.level1Text" style="margin-bottom:8px">一级目录：{{classifyState.level1Text}}</p>
			
 
				+            <p v-if="classifyState.level2Text" style="margin-bottom:8px">二级目录：{{classifyState.level2Text}}</p>
			
 
				+            <input class="input-box" type="text" :placeholder="classifyState.placeholderText" v-model="classifyState.name">
			
 
				+        </div>
			
 
				+    </van-dialog>
			
 
				+
			
 
				+    <van-popup 
			
 
				+        v-model:show="classifyMoveState.show" 
			
 
				+        round 
			
 
				+        position="bottom"
			
 
				+    >
			
 
				+        <van-cascader
			
 
				+            v-model="classifyMoveState.selectValue"
			
 
				+            title="移动至"
			
 
				+            :options="classifyMoveState.options"
			
 
				+            :field-names="{text:'ClassifyName',value:'ClassifyId',children:'Children'}"
			
 
				+            @close="classifyMoveState.show = false"
			
 
				+            @change="handleSelectMoveClassifyChange"
			
 
				+        />
			
 
				+        <div style="width:300px;margin:0 auto;padding:20px 0">
			
 
				+            <van-button type="primary" round block @click="handleConfirmMove">确定</van-button>
			
 
				+        </div>
			
 
				+    </van-popup>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.edb-classify-wrap{
			
 
				+    height: 100%;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    .top-box{
			
 
				+        height: calc(var(--van-popup-close-icon-margin) + 50px);
			
 
				+        background-color: #fff;
			
 
				+        flex-shrink: 0;
			
 
				+    }
			
 
				+    .classify-box{
			
 
				+        flex: 1;
			
 
				+        overflow-y: auto;
			
 
				+        :deep(.van-cell__title){
			
 
				+            flex: 2;
			
 
				+            overflow: hidden;
			
 
				+            white-space: nowrap;
			
 
				+            text-overflow: ellipsis;
			
 
				+            color: #333;
			
 
				+        }
			
 
				+        :deep(.van-collapse-item__content){
			
 
				+            padding-right: 0;
			
 
				+            padding-top: 0;
			
 
				+            padding-bottom: 0;
			
 
				+        }
			
 
				+    }
			
 
				+    .bot-btn-box{
			
 
				+        padding: 48px;
			
 
				+        flex-shrink: 0;
			
 
				+    }
			
 
				+    
			
 
				+}
			
 
				+
			
 
				+.edit-classify-wrap{
			
 
				+    padding: 32px 48px;
			
 
				+    .input-box{
			
 
				+        width: 100%;
			
 
				+        box-sizing: border-box;
			
 
				+        display: block;
			
 
				+        padding: 24px 32px;
			
 
				+        background-color: #f6f6f6;
			
 
				+        border-radius: 12px;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+</style>
			
--- a/src/views/dataEDB/components/EditBaseEDB.vue
+++ b/src/views/dataEDB/components/EditBaseEDB.vue
@@ -0,0 +1,251 @@
 
				+<script setup>
			
 
				+import {watch,ref, reactive, computed} from 'vue'
			
 
				+import apiDataEDB from '@/api/dataEDB'
			
 
				+import {edbFrequencyOpts,edbUnitOpts} from '../util/config'
			
 
				+import { showToast } from 'vant'
			
 
				+
			
 
				+const props=defineProps({
			
 
				+    modelValue:{
			
 
				+        type:Boolean,
			
 
				+        default:false
			
 
				+    },
			
 
				+    edbInfoId:{
			
 
				+        type:Number,
			
 
				+        default:0
			
 
				+    },//当前指标id
			
 
				+})
			
 
				+const emits=defineEmits(['update:modelValue','success'])
			
 
				+
			
 
				+const edbNameInputFocus=ref(false)//指标名称输入框聚焦状态
			
 
				+
			
 
				+const formState=reactive({
			
 
				+    name:'',
			
 
				+    classify:'',
			
 
				+    frequency:'',
			
 
				+    unit:''
			
 
				+})
			
 
				+// 获取指标详情
			
 
				+async function getEDBInfo(){
			
 
				+    const res=await apiDataEDB.getBaseEdbInfo({EdbInfoId:props.edbInfoId})
			
 
				+    if(res.Ret===200){
			
 
				+        formState.name=res.Data.EdbName
			
 
				+        formState.classify=res.Data.ClassifyId
			
 
				+        formState.frequency=res.Data.Frequency
			
 
				+        formState.unit=res.Data.Unit
			
 
				+
			
 
				+        getEdbClassifyList()
			
 
				+    }
			
 
				+}
			
 
				+watch(
			
 
				+    ()=>props.modelValue,
			
 
				+    ()=>{
			
 
				+        props.modelValue && getEDBInfo()
			
 
				+    }
			
 
				+)
			
 
				+
			
 
				+function handleClose(){
			
 
				+    emits('update:modelValue',false)
			
 
				+}
			
 
				+
			
 
				+// 获取指标库分类
			
 
				+const edbClassifyList=ref([])
			
 
				+function getEdbClassifyList(){
			
 
				+    apiDataEDB.edbClassifyList().then(res=>{
			
 
				+        if(res.Ret===200){
			
 
				+            edbClassifyList.value=res.Data.AllNodes||[]
			
 
				+        }
			
 
				+    })
			
 
				+}
			
 
				+const showSelectClassify=ref(false)
			
 
				+const selectClassifyNameStr=computed(()=>{
			
 
				+    if(!formState.classify) return ''
			
 
				+    let str=''
			
 
				+    edbClassifyList.value.forEach(level1=>{
			
 
				+        level1.Children?.forEach(level2=>{
			
 
				+            level2.Children?.forEach(level3=>{
			
 
				+                if(level3.ClassifyId===formState.classify){
			
 
				+                    str=`${level1.ClassifyName}/${level2.ClassifyName}/${level3.ClassifyName}`
			
 
				+                }
			
 
				+            })
			
 
				+        })
			
 
				+    })
			
 
				+    return str
			
 
				+
			
 
				+})
			
 
				+
			
 
				+// 选择频率
			
 
				+const showSelectFrequency=ref(false)
			
 
				+const frequencyOpts=edbFrequencyOpts.map(item=>{
			
 
				+    return {
			
 
				+        text:item,
			
 
				+        value:item
			
 
				+    }
			
 
				+})
			
 
				+function onConfirmSelectFrequency(e){
			
 
				+    formState.frequency=e.selectedValues[0]
			
 
				+    showSelectFrequency.value=false
			
 
				+}
			
 
				+
			
 
				+// 选择单位
			
 
				+const showSelectUnit=ref(false)
			
 
				+const unitOpts=edbUnitOpts.map(item=>{return{text:item,value:item}})
			
 
				+function onConfirmSelectUnit(e){
			
 
				+    formState.unit=e.selectedValues[0]
			
 
				+    showSelectUnit.value=false
			
 
				+}
			
 
				+
			
 
				+// 保存编辑
			
 
				+async function handleSave(){
			
 
				+    const params={
			
 
				+        EdbInfoId:props.edbInfoId,
			
 
				+        ClassifyId:formState.classify,
			
 
				+        EdbName:formState.name,
			
 
				+        Frequency:formState.frequency,
			
 
				+        Unit:formState.unit
			
 
				+    }
			
 
				+    if(!params.EdbName){
			
 
				+        showToast('指标名称不能为空')
			
 
				+        return
			
 
				+    }
			
 
				+    if(!params.ClassifyId){
			
 
				+        showToast('目录名称不能为空')
			
 
				+        return
			
 
				+    }
			
 
				+    if(!params.Frequency){
			
 
				+        showToast('频率不能为空')
			
 
				+        return
			
 
				+    }
			
 
				+    if(!params.Unit){
			
 
				+        showToast('单位不能为空')
			
 
				+        return
			
 
				+    }
			
 
				+    const res=await apiDataEDB.editBaseEdbInfo(params)
			
 
				+    if(res.Ret===200){
			
 
				+        showToast(res.Msg)
			
 
				+        emits('update:modelValue')
			
 
				+        emits('success',params)
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+    <van-popup 
			
 
				+        :show="props.modelValue"
			
 
				+        position="bottom"
			
 
				+        style="width:100%;height:100%"
			
 
				+    >
			
 
				+        <div class="edit-baseEDB-wrap">
			
 
				+            <van-field 
			
 
				+                v-model="formState.name" 
			
 
				+                label="指标名称" 
			
 
				+                placeholder="指标名称"
			
 
				+                input-align="right"
			
 
				+                @focus="edbNameInputFocus=true"
			
 
				+                @blur="edbNameInputFocus=false"
			
 
				+            >
			
 
				+                <template #right-icon>
			
 
				+                    <svg class="edit-icon" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
			
 
				+                        <path d="M23.4 13.2L34.8 24.6L19.4 40H8V28.6L23.4 13.2ZM23.4 19L12 30.4V36H17.6L29 24.6L23.4 19ZM28.8 8L40 19.4L36.6 22.8L25.2 11.4L28.8 8Z" :fill="edbNameInputFocus?'#0052D9':'#333333'"/>
			
 
				+                    </svg>
			
 
				+                </template>
			
 
				+            </van-field>
			
 
				+            <van-field 
			
 
				+                :modelValue="selectClassifyNameStr"
			
 
				+                readonly
			
 
				+                label="所属目录" 
			
 
				+                placeholder="请选择所属目录"
			
 
				+                input-align="right"
			
 
				+                right-icon="arrow"
			
 
				+                @click-input="showSelectClassify=true"
			
 
				+            />
			
 
				+            <van-field 
			
 
				+                :modelValue="formState.frequency"
			
 
				+                readonly
			
 
				+                label="频率" 
			
 
				+                placeholder="请选择频率"
			
 
				+                input-align="right"
			
 
				+                right-icon="arrow"
			
 
				+                @click-input="showSelectFrequency=true"
			
 
				+            />
			
 
				+            <van-field 
			
 
				+                :modelValue="formState.unit"
			
 
				+                readonly
			
 
				+                label="单位" 
			
 
				+                placeholder="请选择单位"
			
 
				+                input-align="right"
			
 
				+                right-icon="arrow"
			
 
				+                @click-input="showSelectUnit=true"
			
 
				+            />
			
 
				+
			
 
				+            <div class="btn-box">
			
 
				+                <van-button @click="handleClose">取消</van-button>
			
 
				+                <van-button type="primary" @click="handleSave">保存</van-button>
			
 
				+            </div>
			
 
				+            
			
 
				+        </div>
			
 
				+    </van-popup>
			
 
				+
			
 
				+    <!-- 选择分类 -->
			
 
				+    <van-popup 
			
 
				+        v-model:show="showSelectClassify" 
			
 
				+        round 
			
 
				+        position="bottom"
			
 
				+    >
			
 
				+        <van-cascader
			
 
				+            v-model="formState.classify"
			
 
				+            title="选择目录"
			
 
				+            :options="edbClassifyList"
			
 
				+            :field-names="{text:'ClassifyName',value:'ClassifyId',children:'Children'}"
			
 
				+            @close="showSelectClassify = false"
			
 
				+        />
			
 
				+    </van-popup>
			
 
				+
			
 
				+    <!-- 选择频率 -->
			
 
				+    <van-popup 
			
 
				+        v-model:show="showSelectFrequency" 
			
 
				+        round 
			
 
				+        position="bottom"
			
 
				+    >
			
 
				+        <van-picker
			
 
				+            title="请选择频率"
			
 
				+            :columns="frequencyOpts"
			
 
				+            @cancel="showSelectFrequency=false"
			
 
				+            @confirm="onConfirmSelectFrequency"
			
 
				+        />
			
 
				+    </van-popup>
			
 
				+
			
 
				+    <!-- 选择单位 -->
			
 
				+    <van-popup 
			
 
				+        v-model:show="showSelectUnit" 
			
 
				+        round 
			
 
				+        position="bottom"
			
 
				+    >
			
 
				+        <van-picker
			
 
				+            title="选择单位"
			
 
				+            :columns="unitOpts"
			
 
				+            @cancel="showSelectUnit=false"
			
 
				+            @confirm="onConfirmSelectUnit"
			
 
				+        />
			
 
				+    </van-popup>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.edit-baseEDB-wrap{
			
 
				+    .edit-icon{
			
 
				+        width: 48px;
			
 
				+        height: 48px;
			
 
				+    }
			
 
				+    :deep(.van-field__right-icon){
			
 
				+        width: 60px;
			
 
				+    }
			
 
				+    .btn-box{
			
 
				+        margin-top: 50PX;
			
 
				+        text-align: center;
			
 
				+        .van-button{
			
 
				+            width: 150PX;
			
 
				+            margin: 0 10PX;
			
 
				+        }
			
 
				+    }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/dataEDB/hooks/useEDBDelete.js
+++ b/src/views/dataEDB/hooks/useEDBDelete.js
@@ -0,0 +1,63 @@
 
				+// 目录或者指标的删除
			
 
				+import apiDataEDB from '@/api/dataEDB'
			
 
				+import { showDialog , showToast } from 'vant';
			
 
				+
			
 
				+
			
 
				+export function useEDBDelete(){
			
 
				+    // 删除分类
			
 
				+    async function handleClassifyDelete(data){
			
 
				+        const res=await apiDataEDB.edbClassifyDelete({
			
 
				+            ClassifyId:data.ClassifyId,
			
 
				+            EdbInfoId:data.EdbInfoId
			
 
				+        })
			
 
				+        if(res.Ret===200){
			
 
				+            showToast('删除成功')
			
 
				+            return true
			
 
				+        }
			
 
				+    }
			
 
				+
			
 
				+    async function edbClassifyDelete(data){
			
 
				+        const res=await apiDataEDB.edbClassifyDeleteCheck({
			
 
				+            ClassifyId:data.ClassifyId,
			
 
				+            EdbInfoId:data.EdbInfoId
			
 
				+        })
			
 
				+        if(res.Ret===200){
			
 
				+            if([1,3,4].includes(res.Data.DeleteStatus)){
			
 
				+                let message=res.Data.TipsMsg
			
 
				+                if(res.Data.DeleteStatus === 1) message='该目录关联指标不可删除'
			
 
				+                if(res.Data.DeleteStatus === 3) message='当前指标已用作画图，不可删除'
			
 
				+                showDialog({
			
 
				+                    title: '删除失败',
			
 
				+                    message: message,
			
 
				+                    confirmButtonText:'知道了'
			
 
				+                })
			
 
				+                
			
 
				+            }else if(res.Data.DeleteStatus === 0 && !data.EdbCode){
			
 
				+                await showDialog({
			
 
				+                    title: '提示',
			
 
				+                    message: '确定删除当前目录吗?',
			
 
				+                    showCancelButton:true,
			
 
				+                })
			
 
				+                return  handleClassifyDelete(data)
			
 
				+            }else if(res.Data.DeleteStatus === 0 && data.EdbCode){
			
 
				+                await showDialog({
			
 
				+                    title: '提示',
			
 
				+                    message: '删除后指标和指标值均不可使用，确认删除吗?',
			
 
				+                    showCancelButton:true,
			
 
				+                })
			
 
				+                return handleClassifyDelete(data)
			
 
				+            }else if(res.Data.DeleteStatus === 2){
			
 
				+                await showDialog({
			
 
				+                    title: '提示',
			
 
				+                    message: '确认删除当前目录及包含的子目录吗?',
			
 
				+                    showCancelButton:true,
			
 
				+                })
			
 
				+                return handleClassifyDelete(data)
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+
			
 
				+    return {
			
 
				+        edbClassifyDelete
			
 
				+    }
			
 
				+}
			
--- a/src/views/dataEDB/util/config.js
+++ b/src/views/dataEDB/util/config.js
@@ -0,0 +1,20 @@
 
				+//指标频率配置项
			
 
				+export const edbFrequencyOpts=['日度','周度','旬度','月度','季度','年度']
			
 
				+
			
 
				+// 指标单位配置项
			
 
				+export const edbUnitOpts=[
			
 
				+    '无',
			
 
				+    '万吨',
			
 
				+    '亿元',
			
 
				+    '元',
			
 
				+    '元/吨',
			
 
				+    '元/湿吨',
			
 
				+    '千克',
			
 
				+    '吨',
			
 
				+    '短吨',
			
 
				+    '美元/吨',
			
 
				+    '万平方米',
			
 
				+    '美元/桶',
			
 
				+    '美分/加仑',
			
 
				+    '手'
			
 
				+]
			
--- a/src/views/tabbar/Home.vue
+++ b/src/views/tabbar/Home.vue
@@ -1,9 +1,10 @@
 
				 <script setup>
			
 
				-import {ref} from 'vue'
			
 
				+import {ref,computed} from 'vue'
			
 
				 import { useRouter } from "vue-router";
			
 
				 import {apiMenuList} from '@/api/user'
			
 
				 import {getStaticImg} from '@/hooks/common'
			
 
				 import {useCachedViewsStore} from '@/store/modules/cachedViews'
			
 
				+import { showToast } from 'vant';
			
 
				 
			
 
				 const cachedViewsStore=useCachedViewsStore()
			
 
				 cachedViewsStore.removeCaches(-1)
			
@@ -11,6 +12,10 @@ cachedViewsStore.removeCaches(-1)
 
				 const router=useRouter()
			
 
				 
			
 
				 function goNext(path){
			
 
				+    if(!path){
			
 
				+        showToast('功能开发中，敬请期待！')
			
 
				+        return
			
 
				+    }
			
 
				     const routerEl=router.resolve({path})
			
 
				     window.open(routerEl.href,'_blank')
			
 
				 }
			
@@ -19,94 +24,169 @@ if(!localStorage.getItem('token')){
 
				     router.replace('/login')
			
 
				 }
			
 
				 
			
 
				+const language_version=ref('zh')//语言版本 zh en 
			
 
				+function languageVersionChange(){
			
 
				+    if(language_version.value==='zh'){
			
 
				+        language_version.value='en'
			
 
				+    }else{
			
 
				+        language_version.value='zh'
			
 
				+    }
			
 
				+}
			
 
				 /**
			
 
				  * name 显示的名称
			
 
				  * key 对应接口中的 name
			
 
				  * level 说明该菜单在数据中的第几级查找
			
 
				+ * type 类型 zh中文 en英文
			
 
				  */
			
 
				 const menuConfig=[
			
 
				     {
			
 
				         name:'中文研报',
			
 
				+        des:'研报一体化管理',
			
 
				         key:'研报列表',
			
 
				+        type:'zh',
			
 
				         level:2,
			
 
				         path:'/report/list',
			
 
				-        icon:getStaticImg('report/report_icon.png'),
			
 
				+        icon:getStaticImg('tabbar/icon_report.png'),
			
 
				+        backgroundColor:'#FFFBF6',
			
 
				         show:false
			
 
				     },
			
 
				     {
			
 
				-        name:'英文研报',
			
 
				+        name:'English Research Report',
			
 
				+        des:'Integrated Research Report Management',
			
 
				         key:'英文研报',
			
 
				+        type:'en',
			
 
				         level:2,
			
 
				         path:'/reportEn/list',
			
 
				-        icon:getStaticImg('report/report_icon_en.png'),
			
 
				+        icon:getStaticImg('tabbar/icon_report.png'),
			
 
				+        backgroundColor:'#FFFBF6',
			
 
				         show:false
			
 
				     },
			
 
				     {
			
 
				         name:'智能PPT',
			
 
				+        des:"支持共享协作编辑",
			
 
				         key:'智能ppt',
			
 
				+        type:'zh',
			
 
				         level:1,
			
 
				         path:'/ppt/index',
			
 
				-        icon:getStaticImg('ppt/ppt_icon_zh.png'),
			
 
				+        icon:getStaticImg('tabbar/icon_PPT.png'),
			
 
				+        backgroundColor:'#FFF5F3',
			
 
				         show:false
			
 
				     },
			
 
				     {
			
 
				-        name:'英文PPT',
			
 
				+        name:'PPT in English',
			
 
				+        des:'Support for collaborative editing',
			
 
				         key:'英文ppt',
			
 
				+        type:'en',
			
 
				         level:1,
			
 
				         path:'/ppten/index',
			
 
				-        icon:getStaticImg('ppt/ppt_icon_en.png'),
			
 
				+        icon:getStaticImg('tabbar/icon_PPT.png'),
			
 
				+        backgroundColor:'#FFF5F3',
			
 
				         show:false
			
 
				     },
			
 
				     {
			
 
				-        name:'My ETA',
			
 
				-        key:'My ETA',
			
 
				+        name:'数据源',
			
 
				+        des:'数据对接与整合',
			
 
				+        key:'数据源',
			
 
				+        type:'zh',
			
 
				         level:1,
			
 
				-        path:'/myETA/index',
			
 
				-        icon:getStaticImg('myETA/icon_myETA_logo.png'),
			
 
				+        path:'',
			
 
				+        icon:getStaticImg('tabbar/icon_dataSource.png'),
			
 
				+        backgroundColor:'#F8F9FF',
			
 
				+        show:false
			
 
				+    },
			
 
				+    {
			
 
				+        name:'指标库',
			
 
				+        des:'数据归类与分析',
			
 
				+        key:'ETA指标库',
			
 
				+        type:'zh',
			
 
				+        level:1,
			
 
				+        path:'/dataEDB/index',
			
 
				+        icon:getStaticImg('tabbar/icon_EDB.png'),
			
 
				+        backgroundColor:'#F5FAFF',
			
 
				+        show:false
			
 
				+    },
			
 
				+    {
			
 
				+        name:'预测指标',
			
 
				+        des:'模型预测趋势',
			
 
				+        key:'ETA预测指标',
			
 
				+        type:'zh',
			
 
				+        level:1,
			
 
				+        path:'',
			
 
				+        icon:getStaticImg('tabbar/icon_preEDB.png'),
			
 
				+        backgroundColor:'#FFF5F3',
			
 
				         show:false
			
 
				     },
			
 
				     {
			
 
				         name:'ETA图库',
			
 
				+        des:'数据可视化平台',
			
 
				         key:'ETA图库',
			
 
				+        type:'zh',
			
 
				         level:1,
			
 
				         path:'/chartETA/list',
			
 
				-        icon:getStaticImg('chartETA/icon_chartETA_logo.png'),
			
 
				+        icon:getStaticImg('tabbar/icon_chart.png'),
			
 
				+        backgroundColor:'#F8F9FF',
			
 
				         show:false
			
 
				-    }
			
 
				+    },
			
 
				+    {
			
 
				+        name:'My ETA',
			
 
				+        des:'图表收藏',
			
 
				+        key:'My ETA',
			
 
				+        type:'zh',
			
 
				+        level:1,
			
 
				+        path:'/myETA/index',
			
 
				+        icon:getStaticImg('tabbar/icon_myChart.png'),
			
 
				+        backgroundColor:'#F5FAFF',
			
 
				+        show:false
			
 
				+    },
			
 
				+    {
			
 
				+        name:'ETA表格',
			
 
				+        des:'快速建立平衡表',
			
 
				+        key:'ETA表格',
			
 
				+        type:'zh',
			
 
				+        level:1,
			
 
				+        path:'',
			
 
				+        icon:getStaticImg('tabbar/icon_table.png'),
			
 
				+        backgroundColor:'#FFFBF6',
			
 
				+        show:false
			
 
				+    },
			
 
				 ]
			
 
				-const menuOpts=ref([])
			
 
				+const menuOpts=computed(()=>{
			
 
				+    // 过滤中英文
			
 
				+    let arr=menuConfig.filter(item=>item.type===language_version.value)
			
 
				+    
			
 
				+    // 根据菜单数据权限过滤
			
 
				+    arr.forEach(item=>{
			
 
				+        if(item.level===1){
			
 
				+            resMenuList.value.forEach(f=>{
			
 
				+                if(f.name.trim()===item.key){
			
 
				+                    item.show=true
			
 
				+                }
			
 
				+            })
			
 
				+        }
			
 
				+        if(item.level===2){
			
 
				+            resMenuList.value.forEach(f=>{
			
 
				+                f.children.forEach(s=>{
			
 
				+                    if(s.name.trim()===item.key){
			
 
				+                        item.show=true
			
 
				+                    }
			
 
				+                })
			
 
				+            })
			
 
				+        }
			
 
				+    })
			
 
				+
			
 
				+    arr=arr.filter(item=>item.show)
			
 
				+    return arr||[]
			
 
				+})
			
 
				 
			
 
				 // 获取菜单权限数据
			
 
				+const resMenuList=ref([])
			
 
				 async function getMenuList(){
			
 
				     menuConfig.forEach(item=>{
			
 
				         item.show=false
			
 
				     })
			
 
				     const res=await apiMenuList()
			
 
				     if(res.Ret===200){
			
 
				-        if(res.Data.List){
			
 
				-            const arr=res.Data.List
			
 
				-            menuConfig.forEach(item=>{
			
 
				-                if(item.level===1){
			
 
				-                    arr.forEach(f=>{
			
 
				-                        if(f.name.trim()===item.key){
			
 
				-                            item.show=true
			
 
				-                        }
			
 
				-                    })
			
 
				-                }
			
 
				-                if(item.level===2){
			
 
				-                    arr.forEach(f=>{
			
 
				-                        f.children.forEach(s=>{
			
 
				-                            if(s.name.trim()===item.key){
			
 
				-                                item.show=true
			
 
				-                            }
			
 
				-                        })
			
 
				-                    })
			
 
				-                }
			
 
				-            })
			
 
				-            menuOpts.value=menuConfig.filter(item=>item.show)
			
 
				-        }else{
			
 
				-            menuOpts.value=[]
			
 
				-        }
			
 
				+        resMenuList.value=res.Data.List||[]
			
 
				     }
			
 
				 }
			
 
				 getMenuList()
			
@@ -115,23 +195,27 @@ getMenuList()
 
				 
			
 
				 <template>
			
 
				     <div class="home-page">
			
 
				+        <img 
			
 
				+            class="top-img"
			
 
				+            :src="language_version==='zh'?'https://hzstatic.hzinsights.com/static/ETA_mobile/tabbar_home_topimg_en.png':'https://hzstatic.hzinsights.com/static/ETA_mobile/tabbar_home_topimg_zh.png'" 
			
 
				+            alt=""
			
 
				+            @click="languageVersionChange"
			
 
				+        >
			
 
				+
			
 
				         <div class="list">
			
 
				             <div 
			
 
				                 v-for="item in menuOpts"
			
 
				                 :key="item.name"
			
 
				-                class="item-box" 
			
 
				+                :class="['item-box',item.type==='en'?'item-box_en':'']"
			
 
				+                :style="{backgroundColor:item.backgroundColor}"
			
 
				                 @click="goNext(item.path)"
			
 
				             >
			
 
				-                <img :src="item.icon" alt="">
			
 
				-                <div>{{item.name}}</div>
			
 
				+                <img class="icon" :src="item.icon" alt="">
			
 
				+                <div class="content">
			
 
				+                    <div class="name">{{item.name}}</div>
			
 
				+                    <div class="des">{{item.des}}</div>
			
 
				+                </div>
			
 
				             </div>
			
 
				-            
			
 
				-            <div class="item-box" style="border:none;height:0"></div>
			
 
				-            <div class="item-box" style="border:none;height:0"></div>
			
 
				-            <div class="item-box" style="border:none;height:0"></div>
			
 
				-            <div class="item-box" style="border:none;height:0"></div>
			
 
				-            <div class="item-box" style="border:none;height:0"></div>
			
 
				-            <div class="item-box" style="border:none;height:0"></div>
			
 
				         </div>
			
 
				         
			
 
				     </div>
			
@@ -140,28 +224,50 @@ getMenuList()
 
				 <style lang="scss" scoped>
			
 
				 .home-page{
			
 
				     padding: 30px 34px;
			
 
				+    .top-img{
			
 
				+        display: block;
			
 
				+        width: 100%;
			
 
				+        margin-bottom: 40px;
			
 
				+    }
			
 
				     .list{
			
 
				         display: flex;
			
 
				-        justify-content: space-between;
			
 
				+        gap: 20px;
			
 
				         flex-wrap: wrap;
			
 
				         .item-box{
			
 
				-            width: 326px;
			
 
				-            height: 326px;
			
 
				-            margin-bottom: 20px;
			
 
				+            width: 331px;
			
 
				+            min-height: 228px;
			
 
				+            padding: 40px 20px;
			
 
				             display: flex;
			
 
				-            flex-direction: column;
			
 
				             justify-content: center;
			
 
				             align-items: center;
			
 
				-            font-size: 32px;
			
 
				-            border: 1px solid $border-color;
			
 
				             border-radius: 32px;
			
 
				-            filter: drop-shadow(3px 4px 12px rgba(0, 0, 0, 0.08));
			
 
				-            img{
			
 
				-                width: 140px;
			
 
				-                height: 140px;
			
 
				-                margin-bottom: 40px;
			
 
				+            .icon{
			
 
				+                width: 90px;
			
 
				+                height: 90px;
			
 
				+                margin-right: 12px;
			
 
				+            }
			
 
				+            .content{
			
 
				+                .name{
			
 
				+                    font-size: 36px;
			
 
				+                    font-weight: 600;
			
 
				+                }
			
 
				+                .des{
			
 
				+                    font-size: 24px;
			
 
				+                    color: $font-grey_999;
			
 
				+                    margin-top: 12px;
			
 
				+                }
			
 
				+            }
			
 
				+        }
			
 
				+        .item-box_en{
			
 
				+            flex-direction: column;
			
 
				+            justify-content: flex-start;
			
 
				+            align-items: flex-start;
			
 
				+            .icon{
			
 
				+                width: 48px;
			
 
				+                height: 48px;
			
 
				+                margin-bottom: 12px;
			
 
				+                margin-right: 0;
			
 
				             }
			
 
				-
			
 
				         }
			
 
				     }
			
 
				 }
			
--- a/src/views/tabbar/Index.vue
+++ b/src/views/tabbar/Index.vue
@@ -79,8 +79,8 @@ function goPage(item){
 
				             align-items: center;
			
 
				             height: 100%;
			
 
				             .icon{
			
 
				-                width: 40px;
			
 
				-                height: 40px;
			
 
				+                width: 48px;
			
 
				+                height: 48px;
			
 
				             }
			
 
				             .text{
			
 
				                 font-size: 20px;
			
@@ -95,9 +95,9 @@ function goPage(item){
 
				         .tabbar-item-con{
			
 
				             background-color: #F2F3FF;
			
 
				             border-radius: 112px;
			
 
				-            .text{
			
 
				-                color: $theme-color;
			
 
				-            }
			
 
				+            // .text{
			
 
				+            //     color: $theme-color;
			
 
				+            // }
			
 
				         }
			
 
				     }
			
 
				 }