perf(src/packages): 信息下的自定义时间支持近一周

@@ -17,11 +17,13 @@ export const option = {
     textColor: 'black',
     textColor: 'black',
     textBackgroundColor: 'white',
     textBackgroundColor: 'white',
     textBackgroundColorAlpha: 1,
     textBackgroundColorAlpha: 1,
-    iconColor:'black',
+    iconColor: 'black',
     //弹出下拉框
     //弹出下拉框
     textSelectModalBackgroundColor: 'white',
     textSelectModalBackgroundColor: 'white',
     textSelectModalTextColor: 'black'
     textSelectModalTextColor: 'black'
-  }
+  },
+  //是否开启前一周
+  openLastWeek: false
 }
 }
 
 
 export default class Config extends PublicConfigClass implements CreateComponentType {
 export default class Config extends PublicConfigClass implements CreateComponentType {

@@ -6,9 +6,19 @@
   </collapse-item>
   </collapse-item>
 
 
   <collapse-item name="时间配置" :expanded="true">
   <collapse-item name="时间配置" :expanded="true">
+    <setting-item-box name="近一周">
+      <setting-item>
+        <n-switch @change="handleChange" v-model:value="optionData.openLastWeek" size="small"></n-switch>
+      </setting-item>
+    </setting-item-box>
     <setting-item-box name="基础">
     <setting-item-box name="基础">
       <setting-item name="类型">
       <setting-item name="类型">
-        <n-select v-model:value="optionData.componentInteractEventKey" size="small" :options="datePickerTypeOptions" />
+        <n-select
+          @change="handleSelect"
+          v-model:value="optionData.componentInteractEventKey"
+          size="small"
+          :options="datePickerTypeOptions"
+        />
       </setting-item>
       </setting-item>
     </setting-item-box>
     </setting-item-box>
 
 
@@ -159,4 +169,12 @@ const datePickerTypeOptions = [
     value: ComponentInteractEventEnum.QUARTER_RANGE
     value: ComponentInteractEventEnum.QUARTER_RANGE
   }
   }
 ]
 ]
+const handleChange = (value: boolean) => {
+  if (!value) return
+  const lastWeekEnd = new Date(new Date().toLocaleDateString()).getTime() - 7 * 24 * 3600 * 1000
+  const lastWeekStart = new Date().getTime()
+  props.optionData.dataset = [lastWeekEnd, lastWeekStart] as any
+}
+
+const handleSelect = (value: string) => (props.optionData.openLastWeek = false)
 </script>
 </script>

@@ -79,6 +79,21 @@ watch(
     immediate: true
     immediate: true
   }
   }
 )
 )
+
+watch(
+  () => props.chartConfig.option.openLastWeek,
+  newData => {
+    if (!newData) return
+    const lastWeekEnd = new Date(new Date().toLocaleDateString()).getTime() - 7 * 24 * 3600 * 1000
+    const lastWeekStart = new Date().getTime()
+    props.chartConfig.option.componentInteractEventKey = 'daterange'
+    option.dataset = [lastWeekEnd, lastWeekStart]
+    onChange(option.dataset)
+  },
+  {
+    immediate: true
+  }
+)
 </script>
 </script>
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
@@ -98,8 +113,8 @@ watch(
   .n-base-icon {
   .n-base-icon {
     color: v-bind('iconColor') !important;
     color: v-bind('iconColor') !important;
   }
   }
-  .n-date-panel{
-    background: v-bind('textSelectModalBackgroundColor') !important;;
+  .n-date-panel {
+    background: v-bind('textSelectModalBackgroundColor') !important;
   }
   }
 }
 }
 </style>
 </style>