行业解决方案 正副标题的修改

src/utils/dict.js

 import useDictStore from '@/store/modules/dict'
 import useDictStore from '@/store/modules/dict'
 import { getDicts } from '@/api/system/dict/data'
 import { getDicts } from '@/api/system/dict/data'
+import request from "@/utils/request.js";
 
 
 /**
 /**
  * 获取字典数据
  * 获取字典数据
@@ -22,3 +23,11 @@ export function useDict(...args) {
     return toRefs(res.value);
     return toRefs(res.value);
   })()
   })()
 }
 }
+
+export function getDictDatas(dictType) {
+    return request({
+        url: '/biz/dict/getByType',
+        method: 'get',
+        params: {dictType}
+    });
+}
\ No newline at end of file

src/views/industryApplications/index.vue

@@ -7,7 +7,13 @@
                   @click="handleSolution(i.id)">
                   @click="handleSolution(i.id)">
             <div class="resource-item">
             <div class="resource-item">
               <div class="img">
               <div class="img">
-                <div class="img-title">行业解决方案</div>
+                <!--                <div class="img-title">行业解决方案</div>-->
+                <div class="img-title-a"> {{ selectDictLabel(solutionCategoryDict, i.category) }}</div>
+                <br>
+                <br>
+                <div class="img-title-b">
+                  {{ selectDictLabel(industryCategoryDict, i.industryCategory) }}
+                </div>
               </div>
               </div>
               <div class="text-content">
               <div class="text-content">
                 <div class="title">{{ i.title }}</div>
                 <div class="title">{{ i.title }}</div>
@@ -46,12 +52,27 @@
 <script setup name="industryApplicationsIndex">
 <script setup name="industryApplicationsIndex">
 import {ref} from 'vue'
 import {ref} from 'vue'
 import {getSolution} from "@/api/industry.js";
 import {getSolution} from "@/api/industry.js";
-import {parseTime} from "@/utils/ruoyi.js";
+import {parseTime, selectDictLabel} from "@/utils/ruoyi.js";
 import {useRouter} from "vue-router";
 import {useRouter} from "vue-router";
+import {getDictDatas} from "@/utils/dict.js";
 
 
 const solutionList = ref([])
 const solutionList = ref([])
 const router = useRouter();
 const router = useRouter();
 
 
+// 定义变量存储两个字典数据
+const solutionCategoryDict = ref([]); // 解决方案分类字典
+const industryCategoryDict = ref([]); // 行业分类字典
+
+// 组件挂载时获取字典数据
+onMounted(async () => {
+  // 等待接口返回后，将数据存入变量
+  const solutionRes = await getDictDatas("solution_category");
+  solutionCategoryDict.value = solutionRes.data; // 接口返回的data数组
+
+  const industryRes = await getDictDatas("industry_category");
+  industryCategoryDict.value = industryRes.data;
+});
+
 function getData() {
 function getData() {
   getSolution().then(res => {
   getSolution().then(res => {
     solutionList.value = res.code === 0 ? res.data : []
     solutionList.value = res.code === 0 ? res.data : []
@@ -608,12 +629,22 @@ function handleSolution(id) {
   align-items: center;
   align-items: center;
 }
 }
 
 
-.img-title {
+.img-title-a {
   font-family: YouSheBiaoTiHei, system-ui;
   font-family: YouSheBiaoTiHei, system-ui;
   font-size: 36px;
   font-size: 36px;
   color: #fff;
   color: #fff;
   line-height: 30px;
   line-height: 30px;
+  padding: 0px 20px;
+  margin-bottom: 50px
+}
+
+.img-title-b{
+  font-family: YouSheBiaoTiHei, system-ui;
+  font-size: 26px;
+  color: #fff;
+  line-height: 30px;
   padding: 0 20px;
   padding: 0 20px;
+  margin-bottom: -50px;
 }
 }
 
 
 .resource-item .img img {
 .resource-item .img img {
@@ -938,6 +969,10 @@ function handleSolution(id) {
   height: 40px;
   height: 40px;
   font-size: 16px
   font-size: 16px
 }
 }
+.img-titleA {
+  /* 你原来的所有样式（颜色、定位、内边距等）都保留 */
+  br + * { font-size: 12px; } // 只改这行：让<br>后面的文字变小
+}
 
 
 </style>
 </style>