fix: 调整数据图表组件

src/views/view-all-manage/create-view/index.vue

@@ -56,9 +56,12 @@
       </div>
       <div class="right-box">
         <div class="y-table-container" v-if="previewData.type === 'table'">
+          <div class="y-table-name">
+            <div class="title">{{ previewData.preview_name }}</div>
+          </div>
           <div class="y-table-filter">
             <div
-              v-for="(item, index) in previewData.filterConfig"
+              v-for="item in previewData.filterConfig"
               :key="item.name"
               class="filter-item"
             >
@@ -80,6 +83,7 @@
                 v-model:value="previewData.filterData[item.name]"
                 @change="toFilt"
               />
+              <a-range-picker v-if="item.type === 'date'" class="input-item" v-model:value="previewData.filterData[item.name]" @change="toFilt" />
             </div>
           </div>
           <div class="y-table-content">
@@ -102,7 +106,7 @@
             />
           </div>
         </div>
-        <y-chart v-if="previewData.type === 'chart'" :chartCfg="previewData.chartCfg"></y-chart>
+        <y-chart v-else-if="previewData.type === 'chart'" :chart-cfg="previewData.chartCfg"></y-chart>
         <div class="preview-area" v-else>
           <div><BarChartOutlined /></div>
           <div>预览区</div>
@@ -262,8 +266,8 @@ const toPreview = () => {
     perPage: previewData.perPage,
     filter,
     showTypeId: showTypeId.value,
-    xDataId: xDataId.value.toString(),
-    yDataId: yDataId.value.toString(),
+    xDataId: xDataId.value?.toString(),
+    yDataId: yDataId.value?.toString(),
   })
     .then((res) => {
       previewData.type = res.data.type;
@@ -357,6 +361,12 @@ const toFilt = () => {
     font-size: 100px;
   }
 }
+.y-table-name {
+  .title {
+    font-size: 18px;
+    font-weight: bold;
+  }
+}
 .y-table-filter {
   display: flex;
   flex-wrap: wrap;

src/views/view-all-manage/view-list/index.vue

@@ -73,16 +73,18 @@
       <div class="right-box">
         <y-table
           v-if="selectViewInfo.type === 'table'"
-          :filterConfig="selectViewInfo.filter"
-          :dataList="selectViewInfo.data"
-          :columnConfig="selectViewInfo.header"
+          :filter-config="selectViewInfo.filter"
+          :data-list="selectViewInfo.data"
+          :column-config="selectViewInfo.header"
           :total="selectViewInfo.count"
+          :title="selectViewInfo.preview_name"
           @toFilt="
             (params) => {
               toGetViewInfo(params);
             }
           "
         />
+        <y-chart v-else-if="selectViewInfo.type === 'chart'" :chartCfg="selectViewInfo.config" :title="selectViewInfo.preview_name" :filter-config="selectViewInfo.filter" @toFilt="toGetViewInfo" />
         <div class="preview-area" v-else>
           <div><BarChartOutlined /></div>
           <div>展示区</div>
@@ -182,6 +184,7 @@ const toDelete = (previewId) => {
   padding: 10px;
   flex-shrink: 0;
   border-right: 1px solid #ddd;
+  overflow: auto;
 }
 
 :deep(.ant-table-row:hover) {