首页招标类型使用字典修改

src/views/demo/home/index.vue

@@ -25,17 +25,9 @@
             全部
             <div v-if="bidtype == null" class="menu-item-active"></div>
           </div>
-          <div class="menu-item" @click="changeContentMenu('材料类招标')">
-            材料
-            <div v-if="bidtype == '材料类招标'" class="menu-item-active"></div>
-          </div>
-          <div class="menu-item" @click="changeContentMenu('工程类招标')">
-            工程
-            <div v-if="bidtype == '工程类招标'" class="menu-item-active"></div>
-          </div>
-          <div class="menu-item" @click="changeContentMenu('服务类招标')">
-            服务
-            <div v-if="bidtype == '服务类招标'" class="menu-item-active"></div>
+          <div class="menu-item" v-for="item in bidTypeList" @click="changeContentMenu(item.itemValue)">
+            {{ item.itemName }}
+            <div v-if="bidtype == item.itemValue" class="menu-item-active"></div>
           </div>
         </div>
         <a-spin tip="加载中..." :spinning="loading">
@@ -78,8 +70,12 @@ import { LoadBidAnnouncement } from '@/api/demo/announcement'
 import dayjs from "dayjs"
 import { getAppEnvConfig } from '@/utils/env';
 import { LoadFilesByIds } from '@/api/demo/files'
+import { getLoad } from '@/api/sys/sysDataItemDetail'
 const { VITE_GLOB_API_URL } = getAppEnvConfig();
 onMounted(() => {
+  getLoad({code:'zblx'}).then(res => {
+    bidTypeList.value = res
+  })
   query()
 })
 
@@ -96,6 +92,7 @@ const showAnnouncement = ref({
   projectName: '',
   Files: [],
 })
+const bidTypeList = ref([])
 const changeMenu = (value) => {
   type.value = value
   query()
@@ -280,8 +277,12 @@ const openFile = (item) => {
       padding-left: 19px;
       display: flex;
       margin-bottom: 7px;
+      overflow-x: auto;
+      ::-webkit-scrollbar{
+        width: 0;
+        height: 0;
+      }
       .menu-item{
-        width: 94px;
         font-family: PingFangSC-Medium;
         font-weight: 500;
         font-size: 22px;