修改

src/views/system/searchNav/index.vue

@@ -14,6 +14,7 @@
       <el-table v-loading="loading" :data="dataList" border>
         <el-table-column label="导航标题" prop="navigationName" align="center" />
         <el-table-column label="链接地址" prop="url" align="center" show-overflow-tooltip />
+        <el-table-column label="页面类型" prop="title" align="center" />
         <el-table-column label="排序" prop="sort" width="100" align="center" />
         <el-table-column label="是否显示" prop="isEnable" width="100" align="center">
           <template #default="scope">
@@ -40,6 +41,11 @@
         <el-form-item label="链接地址" prop="url">
           <el-input v-model="form.url" placeholder="请输入链接地址" />
         </el-form-item>
+        <el-form-item label="页面类型" prop="title">
+          <el-select v-model="form.title" placeholder="请选择页面类型">
+            <el-option v-for="item in navList" :key="item.title" :label="item.title" :value="item.title" />
+          </el-select>
+        </el-form-item>
         <el-form-item label="排序" prop="sort">
           <el-input-number v-model="form.sort" :min="0" />
         </el-form-item>
@@ -85,11 +91,22 @@ const data = reactive({
   rules: {
     navigationName: [{ required: true, message: '导航名称不能为空', trigger: 'blur' }],
     url: [{ required: true, message: '链接地址不能为空', trigger: 'blur' }],
+    title: [{ required: true, message: '请选择页面类型', trigger: 'blur' }],
     sort: [{ required: true, message: '排序不能为空', trigger: 'blur' }],
     isEnable: [{ required: true, message: '请选择是否启用', trigger: 'change' }]
   }
 });
 
+const navList = ref<any>([
+  { title: '首页', url: '/index' },
+  { title: '工业品商城', url: '/indexMro' },
+  { title: '福礼商城', url: '/indexFuli' },
+  { title: '商用工程', url: '/theme?id=2' },
+  { title: '场景采购', url: '/plan/procure' },
+  { title: '解决方案', url: '/plan' },
+  { title: '特价专区', url: '/search/special' }
+]);
+
 const { queryParams, form, rules } = toRefs(data);
 
 const getList = async () => {
@@ -106,6 +123,7 @@ const reset = () => {
     navType: 'setting_search',
     navigationName: undefined,
     url: undefined,
+    title: undefined,
     sort: 0,
     isEnable: '0'
   };