Skip to content

C
chifengweb2.0
Commit 4ce270e9 authored by sxl's avatar sxl 💬
Browse files
Options

fix:采矿权分类

parent 62ddec06
Show whitespace changes
Inline Side-by-side
Showing with 48 additions and 61 deletions
pages/Transaction/detail/_id.vue
View file @ 4ce270e9
......@@ -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;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment