|
|
|
|
@ -6,7 +6,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex mt-3 common-box" style="padding: 40px 20px;">
|
|
|
|
|
<div class="swiper-container">
|
|
|
|
|
<el-carousel height="550px">
|
|
|
|
|
<el-carousel>
|
|
|
|
|
<el-carousel-item v-for="item in roleInfo.newsImgData" :key="item">
|
|
|
|
|
<img class="max-w max-h" :src="item" />
|
|
|
|
|
</el-carousel-item>
|
|
|
|
|
@ -30,9 +30,41 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="mt-3 common-box">
|
|
|
|
|
<div class="flex mb-2 ta-l fz-20 fw-b jc-sb ai-c">
|
|
|
|
|
<span class="commontitle">商品展示</span>
|
|
|
|
|
<span class="commontitle" @click="supplyReload" >合作社风采</span>
|
|
|
|
|
<!-- <div class="flex flex-1 ml-3">
|
|
|
|
|
<div class="ml-2 cursor supplyspan" v-for="(item,index) in roleInfo.supplyArr" :class="roleInfo.supplyIndex==index?'red':''" @click="supplyClick(item,index)">
|
|
|
|
|
{{item.name}}
|
|
|
|
|
</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
<spam class="more-common" @click="hzsmoreClick">更多+</spam>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="line-common"></div>
|
|
|
|
|
<div class="flex wrap">
|
|
|
|
|
<div class="mapimg pos-r max-h">
|
|
|
|
|
<MapBox @godetails="godetailsMap"></MapBox>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex column flex-1">
|
|
|
|
|
<div class="flex mb-2 max-w cursor serveli" v-for="item in roleInfo.servesData" @click="godetailsMapRIght(item)">
|
|
|
|
|
<div style="width: 150px;">
|
|
|
|
|
<img class="max-w max-h" v-if="item.src" :src="item.src" />
|
|
|
|
|
<img class="max-w max-h" v-else src="/public/images/serverno.png" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex flex-1 max-h column jc-sb label">
|
|
|
|
|
<p class="fz-18 fw-b ta-l">{{ item.name }}</p>
|
|
|
|
|
<p class="fz-16">{{ item.type }}</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="viewDetail">查看详情<el-icon><Right /></el-icon></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="mt-3 common-box">
|
|
|
|
|
<div class="flex mb-2 ta-l fz-20 fw-b jc-sb ai-c">
|
|
|
|
|
<span class="commontitle">农发优品</span>
|
|
|
|
|
<spam class="more-common" @click="moreClick('1')">更多+</spam>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="line-common"></div>
|
|
|
|
|
@ -46,14 +78,20 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="mt-3 common-box">
|
|
|
|
|
<div class="flex mb-2 ta-l fz-20 fw-b jc-sb ai-c">
|
|
|
|
|
<span class="commontitle">农资服务</span>
|
|
|
|
|
<span class="commontitle" @click="supplyReload">社会化服务</span>
|
|
|
|
|
<div class="flex flex-1 ml-3">
|
|
|
|
|
<div class="ml-2 cursor supplyspan" v-for="(item,index) in roleInfo.supplyArr" :class="roleInfo.supplyIndex==index?'red':''" @click="supplyClick(item,index)">
|
|
|
|
|
{{item.name}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<spam class="more-common" @click="moreClick('2')">更多+</spam>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="line-common"></div>
|
|
|
|
|
<div class="flex wrap jc-sb">
|
|
|
|
|
<div class="flex mb-2 materialli-common cursor" v-for="item in roleInfo.servesData" @click="godetails(item, '2')">
|
|
|
|
|
<div class="flex wrap">
|
|
|
|
|
<div class="flex mb-2 materialli-common cursor" v-for="item in roleInfo.societyServesData" @click="godetails(item, '2')">
|
|
|
|
|
<div style="width: 150px;">
|
|
|
|
|
<img class="max-w max-h" v-if="item.src" :src="item.src" />
|
|
|
|
|
<img class="max-w max-h" v-else src="/public/images/serverno.png" />
|
|
|
|
|
@ -66,6 +104,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="mt-3 common-box">
|
|
|
|
|
<div class="flex mb-2 ta-l fz-20 fw-b jc-sb ai-c">
|
|
|
|
|
<span class="commontitle">金融信息</span>
|
|
|
|
|
@ -73,47 +112,38 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="line-common"></div>
|
|
|
|
|
<div class="flex mb-3 jrimgbox wrap jc-sb">
|
|
|
|
|
<div class="financialicommon" v-for="item in roleInfo.financialData" @click="godetails(item, '4')">
|
|
|
|
|
<div class="fz-26 fw-b">{{item.name}}</div>
|
|
|
|
|
<div class="financialicommon fz-18" v-for="item in roleInfo.financialData" @click="godetails(item, '4')">
|
|
|
|
|
<div class="fw-b">{{item.name}}</div>
|
|
|
|
|
<div class="mt-2 lilv">贷款利率</div>
|
|
|
|
|
<div class="mt-2 lilvnum">{{ item.nhll }}</div>
|
|
|
|
|
<div class="mt-2">担保方式:<div class="typejr">{{ item.dbfs }}</div></div>
|
|
|
|
|
<div class="mt-2 fz-18">额度:{{ item.rzed }}</div>
|
|
|
|
|
<div class="mt-2">额度:{{ item.rzed }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex mt-3 common-box map-container column">
|
|
|
|
|
|
|
|
|
|
<!-- <div class="flex mt-3 common-box map-container column">
|
|
|
|
|
<div class="flex mb-2 ta-l fz-20 fw-b jc-sb ai-c">
|
|
|
|
|
<span class="commontitle">帮扶成果</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="line-common"></div>
|
|
|
|
|
<div class="flex map-box ai-c jc-c">
|
|
|
|
|
<div class="mapimg pos-r max-h">
|
|
|
|
|
<!-- <div v-for="item in roleInfo.pointArr1">
|
|
|
|
|
<div class="point background1 pos-a " :style="{'left': item.left + 'px', 'top': item.top + 'px'}"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-for="item in roleInfo.pointArr2">
|
|
|
|
|
<div class="point background2 pos-a " :style="{'left': item.left + 'px', 'top': item.top + 'px'}"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-for="item in roleInfo.pointArr3">
|
|
|
|
|
<div class="point background3 pos-a " :style="{'left': item.left + 'px', 'top': item.top + 'px'}"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<img class="max-w" src="/public/images/mapimg.png" /> -->
|
|
|
|
|
<MapBox></MapBox>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex cgbox column ta-l fz-24 fw-b">
|
|
|
|
|
<div class="mt-3 mb-3 ta-l">
|
|
|
|
|
<span class="spanbf color1">数字乡村公司</span>
|
|
|
|
|
<span class="spanbf cursor color1" @click="opWindows">智慧化帮扶种植</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="mt-3 mb-3 ta-l">
|
|
|
|
|
<span class="spanbf cursor color2" @click="bfcgClick()">订单服务型帮扶模式</span>
|
|
|
|
|
<span class="spanbf cursor color2" @click="bfcgClick">订单服务型帮扶模式</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="mt-3 mb-3 ta-l">
|
|
|
|
|
<span class="spanbf color3">东蒙全流程服务型帮扶模式</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
@ -134,24 +164,20 @@
|
|
|
|
|
areasArr:["市总平台", "兰山区", "罗庄区", "河东区", "郯城县", "兰陵县", "莒南县", "沂水县", "蒙阴县", "平邑县", "费县", "沂南县", "临沭县", "高新区", "沂河新区"],
|
|
|
|
|
goodsData:[],
|
|
|
|
|
servesData:[],
|
|
|
|
|
societyServesData: [],
|
|
|
|
|
navsArr: [],
|
|
|
|
|
areasOption: [],
|
|
|
|
|
newsData:[],
|
|
|
|
|
newsImgData:[],
|
|
|
|
|
financialData: [],
|
|
|
|
|
pointArr1:[
|
|
|
|
|
{left: 260 , top: 500}, {left: 239 , top: 520}, {left: 440 , top: 470}, {left: 430 , top: 530}, {left: 460 , top: 510},
|
|
|
|
|
supplyArr: [
|
|
|
|
|
{ name: "农机", value: "1" },
|
|
|
|
|
{ name: "农技", value: "2" },
|
|
|
|
|
{ name: "农资", value: "3" },
|
|
|
|
|
{ name: "管理", value: "4" },
|
|
|
|
|
],
|
|
|
|
|
pointArr2:[
|
|
|
|
|
{left: 260 , top: 460}, {left: 370 , top: 530}, {left: 620 , top: 510}, {left: 280 , top: 703}, {left: 230 , top: 677},
|
|
|
|
|
{left: 240 , top: 650}, {left: 270 , top: 690}, {left: 280 , top: 686}, {left: 310 , top: 680}, {left: 280 , top: 610},
|
|
|
|
|
{left: 303 , top: 660}, {left: 233 , top: 690}, {left: 338 , top: 604}, {left: 358 , top: 633}, {left: 270 , top: 300},
|
|
|
|
|
{left: 410 , top: 400}, {left: 380 , top: 370}, {left: 367 , top: 411}, {left: 347 , top: 352}, {left: 370 , top: 320},
|
|
|
|
|
{left: 340 , top: 310}, {left: 330 , top: 295}, {left: 446 , top: 341}, {left: 437 , top: 232},
|
|
|
|
|
],
|
|
|
|
|
pointArr3:[
|
|
|
|
|
{left: 224 , top: 510}
|
|
|
|
|
]
|
|
|
|
|
supplyIndex: null,
|
|
|
|
|
supplySearch: null,
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
onMounted(() => {
|
|
|
|
|
@ -169,11 +195,24 @@
|
|
|
|
|
methods.getNewsData()
|
|
|
|
|
methods.getGoodsData()
|
|
|
|
|
methods.getServersData()
|
|
|
|
|
methods.getServersData1()
|
|
|
|
|
methods.getFiancialData()
|
|
|
|
|
methods.getCodeType()
|
|
|
|
|
methods.getAreaCode()
|
|
|
|
|
});
|
|
|
|
|
let methods = {
|
|
|
|
|
supplyClick(item,index){
|
|
|
|
|
data.roleInfo.supplyIndex = index
|
|
|
|
|
data.roleInfo.supplySearch = item.value
|
|
|
|
|
methods.getServersData1()
|
|
|
|
|
},
|
|
|
|
|
supplyReload(){
|
|
|
|
|
if(data.roleInfo.supplySearch){
|
|
|
|
|
data.roleInfo.supplyIndex = null
|
|
|
|
|
data.roleInfo.supplySearch = null
|
|
|
|
|
methods.getServersData1()
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
navsClick(item,index){
|
|
|
|
|
let depeArr = LinYiDeptJson.RECORDS
|
|
|
|
|
if(!item.pId){
|
|
|
|
|
@ -193,6 +232,7 @@
|
|
|
|
|
}
|
|
|
|
|
methods.getGoodsData(item)
|
|
|
|
|
methods.getServersData(item)
|
|
|
|
|
methods.getServersData1(item)
|
|
|
|
|
},
|
|
|
|
|
navsAllClick(){
|
|
|
|
|
data.roleInfo.navsIndex = null
|
|
|
|
|
@ -208,6 +248,7 @@
|
|
|
|
|
})
|
|
|
|
|
methods.getGoodsData()
|
|
|
|
|
methods.getServersData()
|
|
|
|
|
methods.getServersData1()
|
|
|
|
|
},
|
|
|
|
|
// 获取字典
|
|
|
|
|
getCodeType(){
|
|
|
|
|
@ -252,7 +293,7 @@
|
|
|
|
|
mid: window.newsMid || "35861221-3686-47be-9703-a55c986a14f6",
|
|
|
|
|
paginationInputDto: {
|
|
|
|
|
page: 1,
|
|
|
|
|
rows: 6
|
|
|
|
|
rows: 4
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
data.roleInfo.newsData = []
|
|
|
|
|
@ -287,7 +328,7 @@
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
let param = {
|
|
|
|
|
id: window.goodsId || "64bf1a9b-528f-4337-91e0-81a95f6524f0",
|
|
|
|
|
id: window.goodsId || "2b8e8557-689a-45dc-b177-cfffe52af844",
|
|
|
|
|
mid: window.goodsMid || "074d0217-2c28-4c32-be54-24dbe010b9b6",
|
|
|
|
|
paginationInputDto: {
|
|
|
|
|
page: 1,
|
|
|
|
|
@ -303,11 +344,16 @@
|
|
|
|
|
data.roleInfo.goodsData.push({
|
|
|
|
|
name: item._input_80b4fa2f7f7546fab7ef300e2efeaa7a,
|
|
|
|
|
src: BASE_API + item._image_upload_6dac9b2e6816498bafdafdc2afc0dc53.split(',')[0] || null,
|
|
|
|
|
srcArr: item._image_upload_6dac9b2e6816498bafdafdc2afc0dc53.split(','),
|
|
|
|
|
time: item._modify_time_9fbd11b18c9d41629a55f8ff37b5109d,
|
|
|
|
|
label: item._input_83f2bb43d50d4f8facb3c8d046acfcf9,
|
|
|
|
|
details: item._input_text_area_be9296152c444608ae874a808c242d63,
|
|
|
|
|
county: item.county,
|
|
|
|
|
town: item.town,
|
|
|
|
|
price: item.price,
|
|
|
|
|
unit: item.unit,
|
|
|
|
|
contacts: item.contacts,
|
|
|
|
|
phone: item.phone,
|
|
|
|
|
type: item._select_8f4db93a317145c788c978c1365523c5,
|
|
|
|
|
greatName: item.greatName,
|
|
|
|
|
value: item.value
|
|
|
|
|
@ -321,6 +367,10 @@
|
|
|
|
|
details: item._input_text_area_be9296152c444608ae874a808c242d63,
|
|
|
|
|
county: item.county,
|
|
|
|
|
town: item.town,
|
|
|
|
|
price: item.price,
|
|
|
|
|
unit: item.unit,
|
|
|
|
|
contacts: item.contacts,
|
|
|
|
|
phone: item.phone,
|
|
|
|
|
type: item._select_8f4db93a317145c788c978c1365523c5,
|
|
|
|
|
greatName: item.greatName,
|
|
|
|
|
value: item.value
|
|
|
|
|
@ -331,7 +381,9 @@
|
|
|
|
|
},
|
|
|
|
|
//供需
|
|
|
|
|
getServersData(val){
|
|
|
|
|
let serach = {}
|
|
|
|
|
let serach = {
|
|
|
|
|
type1: 1
|
|
|
|
|
}
|
|
|
|
|
if(val){
|
|
|
|
|
if(val.pId){
|
|
|
|
|
serach.town = val.name
|
|
|
|
|
@ -340,7 +392,47 @@
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
let param = {
|
|
|
|
|
id: window.supplyId || "c3f59b58-168d-4663-9dbc-3b6616e46f08",
|
|
|
|
|
// id: window.supplyId || "b67f0631-8a4d-4093-99cb-54f51be9499f",
|
|
|
|
|
// mid: window.supplyMid || "196514f9-ba78-47f3-b4ce-31e4ed04f488",
|
|
|
|
|
id: "cf16f568-4bb8-43b9-8e49-b23105e70bda",
|
|
|
|
|
mid: "9c027ef9-cc04-4006-831d-e799982f6435",
|
|
|
|
|
paginationInputDto: {
|
|
|
|
|
page: 1,
|
|
|
|
|
rows: 4
|
|
|
|
|
},
|
|
|
|
|
queryJson: JSON.stringify(serach)
|
|
|
|
|
}
|
|
|
|
|
data.roleInfo.servesData = []
|
|
|
|
|
postMethodCommon("/FormScheme/GetFormDataPage?id=" + param.id + "&mid="+param.mid, param).then(res =>{
|
|
|
|
|
let rel = res.data.result.items
|
|
|
|
|
rel.forEach(item =>{
|
|
|
|
|
if (item.imgsrc) {
|
|
|
|
|
item.src = BASE_API + item.imgsrc.split(",")[0] || null,
|
|
|
|
|
item.srcArr = item.imgsrc.split(',')
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (item.imgsrc1) {
|
|
|
|
|
item.src1 = BASE_API + item.imgsrc1.split(",")[0] || null,
|
|
|
|
|
item.srcArr1 = item.imgsrc1.split(',')
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
data.roleInfo.servesData.push(item)
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
getServersData1(val){
|
|
|
|
|
let serach = {
|
|
|
|
|
type1: data.roleInfo.supplyIndex + 1
|
|
|
|
|
}
|
|
|
|
|
if(val){
|
|
|
|
|
if(val.pId){
|
|
|
|
|
serach.town = val.name
|
|
|
|
|
}else{
|
|
|
|
|
serach.county = val.name
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
let param = {
|
|
|
|
|
id: window.supplyId || "b67f0631-8a4d-4093-99cb-54f51be9499f",
|
|
|
|
|
mid: window.supplyMid || "196514f9-ba78-47f3-b4ce-31e4ed04f488",
|
|
|
|
|
paginationInputDto: {
|
|
|
|
|
page: 1,
|
|
|
|
|
@ -348,42 +440,25 @@
|
|
|
|
|
},
|
|
|
|
|
queryJson: JSON.stringify(serach)
|
|
|
|
|
}
|
|
|
|
|
data.roleInfo.servesData = []
|
|
|
|
|
data.roleInfo.societyServesData = []
|
|
|
|
|
postMethodCommon("/FormScheme/GetFormDataPage?id=" + param.id + "&mid="+param.mid, param).then(res =>{
|
|
|
|
|
let rel = res.data.result.items
|
|
|
|
|
rel.forEach(item =>{
|
|
|
|
|
if (item._image_upload_6ef4229fad0f4d4ba56561d26d71c357) {
|
|
|
|
|
data.roleInfo.servesData.push({
|
|
|
|
|
name: item._input_3892f6e0bb6146aaad369b9e7fb74c25,
|
|
|
|
|
src:
|
|
|
|
|
BASE_API +
|
|
|
|
|
item._image_upload_6ef4229fad0f4d4ba56561d26d71c357.split(
|
|
|
|
|
","
|
|
|
|
|
)[0] || null,
|
|
|
|
|
time: item._modify_time_68d02ed08d66492ba116fb8e682f29cd,
|
|
|
|
|
owerhzs: item._input_30c6c60ea8c040efa8b16190a89c83db,
|
|
|
|
|
details: item._input_text_area_41db31bf108a4cca909e498a59bfb26d,
|
|
|
|
|
county: item.county,
|
|
|
|
|
town: item.town,
|
|
|
|
|
type: item._select_58acbd1176e64cc1829fc15beae082e5,
|
|
|
|
|
type1: item._radio_group_d4dc9d5ca439493db18d34a4c95d24dd,
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
data.roleInfo.servesData.push({
|
|
|
|
|
name: item._input_3892f6e0bb6146aaad369b9e7fb74c25,
|
|
|
|
|
src: null,
|
|
|
|
|
time: item._modify_time_68d02ed08d66492ba116fb8e682f29cd,
|
|
|
|
|
owerhzs: item._input_30c6c60ea8c040efa8b16190a89c83db,
|
|
|
|
|
details: item._input_text_area_41db31bf108a4cca909e498a59bfb26d,
|
|
|
|
|
county: item.county,
|
|
|
|
|
town: item.town,
|
|
|
|
|
type: item._select_58acbd1176e64cc1829fc15beae082e5,
|
|
|
|
|
type1: item._radio_group_d4dc9d5ca439493db18d34a4c95d24dd,
|
|
|
|
|
});
|
|
|
|
|
if (item.imagesrc) {
|
|
|
|
|
item.src = BASE_API + item.imagesrc.split(",")[0] || null,
|
|
|
|
|
item.srcArr = item.imagesrc.split(',')
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (item.imagesrc1) {
|
|
|
|
|
item.src1 = BASE_API + item.imagesrc1.split(",")[0] || null,
|
|
|
|
|
item.srcArr1 = item.imagesrc1.split(',')
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
data.roleInfo.societyServesData.push(item)
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
//金融
|
|
|
|
|
getFiancialData(){
|
|
|
|
|
let param = {
|
|
|
|
|
@ -409,8 +484,11 @@
|
|
|
|
|
newsClick(e){
|
|
|
|
|
context.emit('newsClick', e)
|
|
|
|
|
},
|
|
|
|
|
bfcgClick(){
|
|
|
|
|
context.emit('bfcgClick')
|
|
|
|
|
// bfcgClick(){
|
|
|
|
|
// context.emit('bfcgClick')
|
|
|
|
|
// },
|
|
|
|
|
opWindows(){
|
|
|
|
|
window.open("https://yqgj.huafeng.cloud/")
|
|
|
|
|
},
|
|
|
|
|
godetails(e,i){
|
|
|
|
|
let emitData = e
|
|
|
|
|
@ -421,32 +499,48 @@
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if( i==2 ){
|
|
|
|
|
let navsType = [
|
|
|
|
|
{ name: "物资供需", value: "1" },
|
|
|
|
|
{ name: "服务供需", value: "2" },
|
|
|
|
|
{ name: "农机", value: "1" },
|
|
|
|
|
{ name: "农技", value: "2" },
|
|
|
|
|
{ name: "农资", value: "3" },
|
|
|
|
|
{ name: "管理", value: "4" },
|
|
|
|
|
]
|
|
|
|
|
let navsType1 = [
|
|
|
|
|
{ name: "提供", value: "1" },
|
|
|
|
|
{ name: "需求", value: "2" },
|
|
|
|
|
]
|
|
|
|
|
navsType1.forEach(item =>{
|
|
|
|
|
navsType.forEach(item =>{
|
|
|
|
|
if(item.value == e.type1){
|
|
|
|
|
emitData.Type1Name = item.name
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
navsType.forEach(item =>{
|
|
|
|
|
if(item.value == e.type){
|
|
|
|
|
emitData.TypeName = item.name
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if(e.type1 == 4){
|
|
|
|
|
if(e.linksrc){
|
|
|
|
|
window.open(e.linksrc)
|
|
|
|
|
}
|
|
|
|
|
if(e.manageupload){
|
|
|
|
|
window.open(BASE_API + e.manageupload.split(',')[0])
|
|
|
|
|
}
|
|
|
|
|
}else{
|
|
|
|
|
let obj = {
|
|
|
|
|
index: i,
|
|
|
|
|
record: emitData
|
|
|
|
|
}
|
|
|
|
|
context.emit('godetails', obj)
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
hzsmoreClick(){
|
|
|
|
|
context.emit('hzsmoreClick')
|
|
|
|
|
},
|
|
|
|
|
godetailsMap(obj){
|
|
|
|
|
context.emit('godetailsMap', obj)
|
|
|
|
|
},
|
|
|
|
|
godetailsMapRIght(item){
|
|
|
|
|
let obj = {
|
|
|
|
|
index: i,
|
|
|
|
|
record: emitData
|
|
|
|
|
}
|
|
|
|
|
context.emit('godetails', obj)
|
|
|
|
|
index: '2',
|
|
|
|
|
record: item,
|
|
|
|
|
}
|
|
|
|
|
context.emit('godetailsMap', obj)
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
return {
|
|
|
|
|
@ -466,13 +560,13 @@
|
|
|
|
|
padding: 20px;
|
|
|
|
|
}
|
|
|
|
|
.swiper-container{
|
|
|
|
|
width: 60%;
|
|
|
|
|
height: 550px;
|
|
|
|
|
border: 1px solid #DEE2E7;
|
|
|
|
|
width: 40%;
|
|
|
|
|
height: 350px;
|
|
|
|
|
|
|
|
|
|
padding: 5px;
|
|
|
|
|
}
|
|
|
|
|
.news-container{
|
|
|
|
|
width: 40%;
|
|
|
|
|
width: 60%;
|
|
|
|
|
}
|
|
|
|
|
.news-title{
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
@ -496,11 +590,11 @@
|
|
|
|
|
line-height: 30px;
|
|
|
|
|
}
|
|
|
|
|
.news-li .labelsli .label{
|
|
|
|
|
width: 365px;
|
|
|
|
|
width: 525px;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
font-weight: 550;
|
|
|
|
|
line-height: 30px;
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
text-align: left;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
white-space: normal;
|
|
|
|
|
@ -554,6 +648,10 @@
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
border: 1px solid #DEE2E7;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
margin-right: 1.7%;
|
|
|
|
|
}
|
|
|
|
|
.materialli-common:nth-child(3n){
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
}
|
|
|
|
|
.materialli-common .img{
|
|
|
|
|
width: 150px;
|
|
|
|
|
@ -627,7 +725,10 @@
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
}
|
|
|
|
|
.mapimg{
|
|
|
|
|
width: 60%;
|
|
|
|
|
width: 65%;
|
|
|
|
|
height: 800px;
|
|
|
|
|
background: #fff;
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
.cgbox{
|
|
|
|
|
width: 35%;
|
|
|
|
|
@ -656,7 +757,6 @@
|
|
|
|
|
}
|
|
|
|
|
.financialicommon .lilv{
|
|
|
|
|
color: #546e7a;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
}
|
|
|
|
|
.financialicommon .lilvnum{
|
|
|
|
|
color: #fd6040;
|
|
|
|
|
@ -707,4 +807,37 @@
|
|
|
|
|
background: linear-gradient( 270deg, #EAE6E6 0%, #F6F4F4 100%);
|
|
|
|
|
margin-bottom: 25px;
|
|
|
|
|
}
|
|
|
|
|
.red{
|
|
|
|
|
color: red;
|
|
|
|
|
}
|
|
|
|
|
.supplyspan{
|
|
|
|
|
padding: 5px 15px;
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
border: 1px solid #dfdfdf;
|
|
|
|
|
}
|
|
|
|
|
.serveli{
|
|
|
|
|
height: 150px;
|
|
|
|
|
background: #FFFFFF;
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
border: 1px solid #DEE2E7;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
.serveli .img{
|
|
|
|
|
width: 150px;
|
|
|
|
|
height: 150px;
|
|
|
|
|
}
|
|
|
|
|
.serveli .label{
|
|
|
|
|
align-items: flex-start;
|
|
|
|
|
padding: 25px 20px;
|
|
|
|
|
height: calc(100% - 50px);
|
|
|
|
|
}
|
|
|
|
|
.serveli .viewDetail{
|
|
|
|
|
width: 45px;
|
|
|
|
|
background: #D1241E;
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
color: #fff;
|
|
|
|
|
line-height: 45px;
|
|
|
|
|
writing-mode: vertical-rl;
|
|
|
|
|
letter-spacing: 8px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|