fix: 修改展示的错误

src/views/chart/ContentConfigurations/components/ChartData/components/ChartDataMatchingAndShow/index.vue

@@ -1,10 +1,6 @@
 <template>
   <n-timeline class="go-chart-configurations-timeline">
-    <n-timeline-item
+    <n-timeline-item v-if="isCharts" type="info" :title="TimelineTitleEnum.MAPPING">
-      v-if="isCharts"
-      type="info"
-      :title="TimelineTitleEnum.MAPPING"
-    >
       <n-table striped>
         <thead>
           <tr>
@@ -21,10 +17,7 @@
                 <n-text>无</n-text>
               </n-space>
               <n-space v-else>
-                <n-badge
+                <n-badge dot :type="item.result === 1 ? 'success' : 'error'"></n-badge>
-                  dot
-                  :type="item.result === 1 ? 'success' : 'error'"
-                ></n-badge>
                 <n-text>匹配{{ item.result === 1 ? '成功' : '失败' }}</n-text>
               </n-space>
             </td>
@@ -120,6 +113,7 @@ const matchingHandle = (mapping: string) => {
 
 // 处理映射列表
 const dimensionsAndSourceHandle = () => {
+  try {
     // 去除首项数据轴标识
     return dimensions.value.map((dimensionsItem: string, index: number) => {
       return index === 0 ?
@@ -136,6 +130,9 @@ const dimensionsAndSourceHandle = () => {
           result: matchingHandle(dimensionsItem)
         }
     })
+  } catch (error) {
+    return []
+  }
 }
 
 watch(() => targetData.value?.option?.dataset, (newData) => {
@@ -153,7 +150,7 @@ watch(() => targetData.value?.option?.dataset, (newData) => {
 </script>
 
 <style lang="scss" scoped>
-@include go('chart-configurations-timeline') {
+@include go("chart-configurations-timeline") {
   @include deep() {
     pre {
       white-space: pre-wrap;

src/views/chart/ContentConfigurations/index.vue

@@ -53,7 +53,7 @@
           type="segment"
         >
           <n-tab-pane
-            v-for="(item, index) in canvasTabList"
+            v-for="(item) in canvasTabList"
             :key="item.key"
             :name="item.key"
             size="small"

src/views/chart/ContentLayers/index.vue

@@ -12,6 +12,9 @@
       </n-icon>
     </template>
     <!-- 图层内容 -->
+    <n-space v-if="reverseList.length === 0" justify="center">
+      <n-text class="not-layer-text">暂无图层~</n-text>
+    </n-space>
     <!-- https://github.com/SortableJS/vue.draggable.next -->
     <draggable
       item-key="id"
@@ -108,6 +111,11 @@ $wight: 170px;
   flex-shrink: 0;
   overflow: hidden;
   @extend .go-transition;
+  .not-layer-text {
+    position: relative;
+    top: 10px;
+    opacity: .4;
+  }
   &.scoped {
     width: 0;
   }