图表详情删除操作

src/assets/styles/vant.scss

@@ -18,6 +18,12 @@
     color: $theme-color;
 }
 
+.van-dialog__footer{
+    .van-dialog__cancel{
+        color: #333;
+    }
+}
+
 .van-cell__title{
     font-size: 32px;
 }

src/views/chartETA/ChartDetail.vue

@@ -2,7 +2,7 @@
 import {nextTick, onMounted,ref,reactive} from 'vue'
 import {showDialog, showToast} from 'vant'
 import apiChart from '@/api/chart'
-import { useRoute,useRouter } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 import { getSSRHandler, useWindowSize } from '@vueuse/core'
 import {yearSelectOpt,sameOptionType} from '@/hooks/chart/config'
 import {useChartRender} from '@/hooks/chart/render'
@@ -11,12 +11,15 @@ import EdbInfo from './components/EdbInfo.vue'
 import SourceDetail from './components/SourceDetail.vue'
 import TreeSelectPop from './components/TreeSelectPop.vue'
 import AddChartToMyETA from './components/AddChartToMyETA.vue'
+import {useCachedViewsStore} from '@/store/modules/cachedViews'
 import _ from 'lodash';
+
+
 const {options,axisLimitState,chartRender}=useChartRender()
 const { width } = useWindowSize()
-
+const cachedViewsStore=useCachedViewsStore()
 const route=useRoute()
-const router = useRouter()
+const router=useRouter()
 
 //获取图详情
 let chartInfoData=null
@@ -304,6 +307,7 @@ async function getShareLink(){
         await navigator.clipboard.writeText(linkUrl)
         showToast({message:'复制链接成功',type:'success'})
     }catch(err){
+        console.log(err);
         showToast({message:'复制链接失败',type:'fail'})
     }
 }
@@ -394,7 +398,27 @@ function openAddToMyETADialog(){
 }
 //删除图表
 function deleteChart(){
-    //删除成功后,返回上一页
+    showDialog({
+        title: '提示',
+        message: '删除后该图表将不能再引用，确认删除吗？',
+        showCancelButton:true
+    }).then(() => {
+        apiChart.deleteClassify({
+            ChartClassifyId:Number(route.query.chartClassifyId),
+            ChartInfoId:Number(route.query.id),
+        }).then(res=>{
+            if(res.Ret===200){
+                cachedViewsStore.removeCaches('ChartETAList')
+                cachedViewsStore.removeCaches('ChartETASearch')
+                showToast('删除成功')
+                setTimeout(() => {
+                    router.back()
+                }, 1000);
+            }
+        })
+    }).catch(()=>{
+        
+    })
 }
 
 
@@ -694,6 +718,7 @@ function deleteChart(){
             <img :src="savePicSrc" alt="" style="width:100%;box-sizing: border-box;">
             <p style="text-align: center;color:#999;margin-top: 10px;">长按保存图片</p>
         </van-popup>
+
     </div>
 </template>
 

src/views/chartETA/List.vue

@@ -21,10 +21,6 @@ const {
     catalogNodes,//目录列表
     getCatalogList,//获取图库目录
 } = useCatalogList()
-//跳转至搜索页
-const goSearch = ()=>{
-
-}
 
 //跳转至图表详情页
 const goChartDetail = (item)=>{
@@ -32,7 +28,8 @@ const goChartDetail = (item)=>{
         path:'/chartETA/chartdetail',
         query:{
             id:item.ChartInfoId,
-            chartType:item.ChartType
+            chartType:item.ChartType,
+            chartClassifyId:listState.cid
         }
     })
 }
@@ -323,7 +320,7 @@ getChartList()
                     readonly 
                     placeholder="请输入图表名称"
                     style="flex:1;padding-left:0"
-                    @click-input="goSearch"
+                    @click-input="$router.push('/chartETA/search')"
                 />
                 <div class="lang-icon icon" @click="changeLang">
                     <img v-if="currentLang==='CN'" src="@/assets/imgs/chartETA/lang-icon.png" alt="">

src/views/chartETA/Search.vue

@@ -57,7 +57,8 @@ function goDetail(item){
         path:'/chartETA/chartdetail',
         query:{
             id:item.ChartInfoId,
-            chartType:item.ChartType
+            chartType:item.ChartType,
+            chartClassifyId:0
         }
     })
 }