update: 高级筛选项更新

src/components/AdvanceSearch/index.vue

@@ -13,18 +13,13 @@
             <d-input placeholder="请输入软件/组件名称" v-model="formData.searchWord"/>
           </d-form-item>
         </d-col>
-        <d-col :span="8">
-          <d-form-item field="licenseRisk" label="license集成风险" help-tips="license集成风险说明">
-            <d-select :options="licenseRiskList" v-model="formData.licenseStrengths"></d-select>
-          </d-form-item>
-        </d-col>
-      </d-row>
-      <d-row :gutter="16">
         <d-col :span="8">
           <d-form-item field="version" label="软件版本">
             <d-input v-model="formData.softwareVersion"/>
           </d-form-item>
         </d-col>
+      </d-row>
+      <d-row :gutter="16">
         <d-col :span="8">
           <d-form-item field="dependency" label="依赖软件">
             <d-input v-model="formData.dependentSoftware"/>
@@ -35,19 +30,17 @@
             <d-select :options="languageList" v-model="formData.programmingLanguage"></d-select>
           </d-form-item>
         </d-col>
-      </d-row>
-      <d-row :gutter="16">
         <d-col :span="8">
           <d-form-item field="date" label="版本发布日期">
-            <d-range-date-picker-pro v-model="formData.dateRange"  style="width: 100%;"/>
+            <d-range-date-picker-pro v-model="formData.dateRange"  style="width: 100%;"
+            :placeholder="['开始日期', '结束日期']"/>
           </d-form-item>
         </d-col>
       </d-row>
-
       <slot name="operation">
         <gc-form-operation style="display: flex; justify-content: center; gap: 8px;">
-          <d-button variant="solid" @click="submitForm">搜索</d-button>
+          <d-button style="width: 96px; height: 32px;" variant="solid" @click="submitForm">搜索</d-button>
-          <d-button @click="cancel">取消</d-button>
+          <d-button style="width: 96px; height: 32px;" @click="cancel">取消</d-button>
         </gc-form-operation>
       </slot>
     </d-form>
@@ -66,7 +59,6 @@ const props = defineProps({
     default: () => ({
       licenseName: '',
       searchWord: '',
-      licenseStrengths: '',
       softwareVersion: '',
       dependentSoftware: '',
       programmingLanguage: '',
@@ -76,20 +68,6 @@ const props = defineProps({
 })
 const emit = defineEmits(['submit', 'cancel', 'update:modelValue']);
 const languageList = ref([]);
-const licenseRiskList = ref([
-  {
-    name: '高',
-    value: 'high'
-  },
-  {
-    name: '中',
-    value: 'medium'
-  },
-  {
-    name: '低',
-    value: 'low'
-  }
-])
 
 const formData = ref({...props.modelValue});
 
@@ -113,7 +91,6 @@ const cancel = () => {
   formData.value = {
     licenseName: '',
     searchWord: '',
-    licenseStrengths: '',
     softwareVersion: '',
     dependentSoftware: '',
     programmingLanguage: '',

src/views/Jyh/Home/index.vue

@@ -69,7 +69,7 @@
             :dot-color="item.dotColor" :line-color="'var(--devui-form-control-line-hover)'">
               <template #default>
                 <div style="display: flex; justify-content: space-between;">
-                  <div class="cursor-pointer" @click="openWarningDetail(item.text)">{{ item.text }}</div>
+                  <div class="cursor-pointer" @click="openWarningDetail(item.text, index)">{{ item.text }}</div>
                   <div style="display: flex;  align-items: center; gap: 8px;">
                     <d-icon name="icon-time"></d-icon>
                     {{ item.time }}
@@ -175,8 +175,14 @@ const checkMore = () => {
   router.push({ name: 'PersonalCenter' });
 }
 
-const openWarningDetail = (event) => {
+const openWarningDetail = (event, index) => {
-  console.log(event)
+  infoList.value.forEach((item, i) => {
+    if (i <= index) {
+      item.dotColor = 'var(--devui-info)';
+    } else {
+      item.dotColor = '';
+    }
+  })
 }
 
 let resizeObserver: ResizeObserver | null = null;

src/views/Jyh/Search/Components/OssQuery.vue

@@ -3,10 +3,10 @@
     <div class="search-form">
       <AdvanceSearch v-model="newFormData" class="px-20">
         <template #operation>
-          <gc-form-operation class="jyh-form-operation">
+          <div>
             <d-button class="mr-2" variant="solid">筛选</d-button>
             <d-button variant="solid" color="secondary">清空</d-button>
-          </gc-form-operation>
+          </div>
           <d-button class="output-btn" icon="icon-share" variant="text">导出</d-button>
         </template>
       </AdvanceSearch>
@@ -135,7 +135,6 @@ const isUseOptions = reactive(['是', '否']);
 const newFormData = ref({
   licenseName: '',
   searchWord: '',
-  licenseStrengths: '',
   softwareVersion: '',
   dependentSoftware: '',
   programmingLanguage: '',