fix:采矿权分类

pages/Transaction/detail/_id.vue

@@ -12,8 +12,12 @@
           <div class="mt20"></div>
           <div class="top-zd">
             <ul class="suggestype">
-              <li :class="{ active: currentIndex4overview === index }" v-for="(item, index) in commonCode4mineRightType"
-                :key="index" @click="changeSuggest(index, item)">
+              <li
+                :class="{ active: currentIndex4overview === index }"
+                v-for="(item, index) in commonCode4mineRightType"
+                :key="index"
+                @click="changeSuggest(index, item)"
+              >
                 {{ item.dictLabel }}
               </li>
             </ul>
@@ -24,43 +28,29 @@
           <div class="tableWrapper">
             <div class="item" v-for="(item, index1) in suggestList" :key="index1" @click="clickVolume(item.id)">
               <div class="img-box">
-                <img v-show="item.websiteMiningImage" :src="`${baseApi}${item.websiteMiningImage[0]}`" alt=""
-                  class="left-img" />
+                <img v-show="item.websiteMiningImage" :src="`${baseApi}${item.websiteMiningImage[0]}`" alt="" class="left-img" />
               </div>
               <div class="center">
                 <p class="tit" :title="item.websiteMiningTitle">
                   {{
                     (item.websiteMiningTitle &&
-                      (item.websiteMiningTitle.length > 10
-                        ? item.websiteMiningTitle.substring(0, 10) + "..."
-                        : item.websiteMiningTitle)) ||
-                    "-"
-                  }}
-                </p>
-                <p>合作模式：{{ item.cooperationMethod || "-" }}</p>
-                <p>
-                  主要矿种：{{
-                    (item.miningTypes && item.miningTypes.join(",")) || "-"
+                      (item.websiteMiningTitle.length > 10 ? item.websiteMiningTitle.substring(0, 10) + '...' : item.websiteMiningTitle)) ||
+                    '-'
                   }}
                 </p>
+                <p>合作模式：{{ item.cooperationMethod || '-' }}</p>
+                <p>主要矿种：{{ (item.miningTypes && item.miningTypes.join(',')) || '-' }}</p>
                 <p :title="item.averageQuality">
                   品位指标:
-                  {{
-                    (item.averageQuality &&
-                      (item.averageQuality.length > 10
-                        ? item.averageQuality.substring(0, 10) + "..."
-                        : item.averageQuality)) ||
-                    "-"
-                  }}
+                  {{ (item.averageQuality && (item.averageQuality.length > 10 ? item.averageQuality.substring(0, 10) + '...' : item.averageQuality)) || '-' }}
                 </p>
-                <p>资源储量：{{ item.reservesScale || "-" }}</p>
-                <img class="mining-tag" :src="baseApi +
-                  getValueByIdAndField(
-                    KqTagList,
-                    Number(item.miningLable[0]),
-                    'picUrl'
-                  )
-                  " alt="" v-if="item.miningLable && item.miningLable.length > 0" />
+                <p>资源储量：{{ item.reservesScale || '-' }}</p>
+                <img
+                  class="mining-tag"
+                  :src="baseApi + getValueByIdAndField(KqTagList, Number(item.miningLable[0]), 'picUrl')"
+                  alt=""
+                  v-if="item.miningLable && item.miningLable.length > 0"
+                />
               </div>
               <!-- <p>整体转让</p> -->
               <!-- <div class="item-right">
@@ -131,8 +121,7 @@
       </article>
     </div>
     <div class="inner">
-      <el-pagination layout="prev, pager, next" :current-page="searchForm.pageNum" @current-change="changePage"
-        :page-size="searchForm.pageSize" :total="total">
+      <el-pagination layout="prev, pager, next" :current-page="searchForm.pageNum" @current-change="changePage" :page-size="searchForm.pageSize" :total="total">
       </el-pagination>
     </div>
 
@@ -142,13 +131,13 @@
 
 <script>
 // import Footer from '../../../components/Footer.vue'
-import sendRequest from "~/utils/request.js";
-import { getDictLabelFromVal, filterByFields } from "~/utils/tyler";
-import Footer from "~/components/Footer.vue";
-import BackToTopButton from "~/components/BackToTopButton.vue";
-import HorizontalMenu from "~/components/header/HorizontalMenu.vue";
-import Header from "~/components/header/Header.vue";
-import CommonDialog from "~/components/dialog/CommonDialog.vue";
+import sendRequest from '~/utils/request.js';
+import { getDictLabelFromVal, filterByFields } from '~/utils/tyler';
+import Footer from '~/components/Footer.vue';
+import BackToTopButton from '~/components/BackToTopButton.vue';
+import HorizontalMenu from '~/components/header/HorizontalMenu.vue';
+import Header from '~/components/header/Header.vue';
+import CommonDialog from '~/components/dialog/CommonDialog.vue';
 export default {
   components: {
     sendRequest,
@@ -162,10 +151,10 @@ export default {
     return {
       page: {},
       total: 0,
-      minType: "",
+      minType: '',
       minTypeList: [],
       dialogVisible: false,
-      omDemandName: "cs",
+      omDemandName: 'cs',
       suggestList: [],
       suggestListShow: [],
       suggestType: 2,
@@ -180,10 +169,11 @@ export default {
       mineList: [],
       mineListTotal: 0,
       searchForm: {
-        isRecommendation: "Y",
-        minType: "全部",
+        isRecommendation: 'Y',
+        minType: '全部',
         pageNum: 1,
         pageSize: 9,
+        dictLabel: '采矿权',
       },
       KqTagList: [],
     };
@@ -191,7 +181,7 @@ export default {
   watch: {},
   mounted() {
     this.$nextTick(() => {
-      this.$wow.init({ animateClass: "animate__animated" });
+      this.$wow.init({ animateClass: 'animate__animated' });
     });
 
     this.suggestType = this.$route.query.id;
@@ -205,23 +195,22 @@ export default {
   methods: {
     getDictLabelFromVal,
     getValueByIdAndField(arr, id, field) {
-      const result = arr.find((item) => item.id === id);
+      const result = arr.find(item => item.id === id);
       return result ? result[field] : null;
     },
     changePage(pageNum) {
-      console.log(pageNum, this.searchForm.pageNum, "changePage");
+      console.log(pageNum, this.searchForm.pageNum, 'changePage');
       this.searchForm.pageNum = pageNum;
       this.getSuggestList();
     },
     async clickVolume(id, index) {
-      const result = await sendRequest("business/screening/trackMine", "get", {
+      const result = await sendRequest('business/screening/trackMine', 'get', {
         id,
       });
       if (result.code === 200) {
         const url = `/Transaction/minDet?id=${id}`;
-        window.open(url, "_blank"); // '_blank' 表示在新标签页中打开
+        window.open(url, '_blank'); // '_blank' 表示在新标签页中打开
       }
-
     },
     openDia(val) {
       this.dialogVisible = true;
@@ -243,25 +232,23 @@ export default {
       this.getSuggestList();
     },
     async getKqTag() {
-      const result = await sendRequest("business/miningTag/listAll", "get", {
+      const result = await sendRequest('business/miningTag/listAll', 'get', {
         pageNum: 1,
         pageSize: 999,
       });
       this.KqTagList = result.rows;
     },
     async mineralType() {
-      const result = await sendRequest("business/mineralType/list", "get");
+      const result = await sendRequest('business/mineralType/list', 'get');
       this.minTypeList = result.rows;
-      this.minTypeList.unshift({ name: "全部" });
+      this.minTypeList.unshift({ name: '全部' });
     },
     async getSuggestList() {
-      const result = await sendRequest(
-        "business/templateData/recommendMiningRights",
-        "get",
-        this.searchForm
-      );
+      console.log(this.searchForm, 'searchForm');
+      const result = await sendRequest('business/templateData/recommendMiningRights', 'get', this.searchForm);
 
-      this.suggestList = result.data.rows.map((item) => ({
+      console.log(result, 'result');
+      this.suggestList = result.data.rows.map(item => ({
         ...item,
         websiteMiningImage: item.websiteMiningImage || [], // 确保是数组
       }));
@@ -271,11 +258,11 @@ export default {
     async getCommoncode() {
       const mineRight = await sendRequest(
         // 矿权类型
-        "/system/dict/data/type/cfkq_mining_right_type",
-        "get"
+        '/system/dict/data/type/cfkq_mining_right_type',
+        'get'
       );
       this.commonCode4mineRightType = mineRight.data;
-      console.log(this.commonCode4mineRightType, "1111");
+      console.log(this.commonCode4mineRightType, '1111');
     },
   },
 };
@@ -457,7 +444,7 @@ body {
     letter-spacing: 7px;
   }
 
-  >p {
+  > p {
     font-size: 14px;
     color: #b1b1b1;
     margin-top: 6px;