Browse Source

画道路

master
juwei001 1 year ago
parent
commit
def1137751
  1. 211
      src/views/next/dialog-module/zdyf-right/kyll/keyEnterprises.vue
  2. 6182
      src/views/next/screen-content-map/cpt/aaa.json
  3. 391
      src/views/next/screen-content-map/cpt/daolu.json
  4. 6152
      src/views/next/screen-content-map/cpt/daolu1.js
  5. 10586
      src/views/next/screen-content-map/cpt/yifeng.json
  6. 35
      src/views/next/screen-content-map/cpt/zdyf-map.vue

211
src/views/next/dialog-module/zdyf-right/kyll/keyEnterprises.vue

@ -12,68 +12,27 @@
<div class="dialog_body">
<div class="content">
<div class="main">
<div class="header">
<img
src="@/assets/images/common/title-small.png"
alt=""
style="width: 20px; height: 20px"
/>
</div>
<div class="flex">
<div
class="item"
@click="openCompanyDetail(item)"
v-for="(item, index) in list1"
:key="index"
>
<img :src="item.cover" alt="" v-if="item.cover" />
<div v-else class="noImg">暂无图片</div>
<div class="content">
<div>
<span class="name">{{ item.name }}</span>
<!-- <span class="name">{{ item.contacts }}</span> -->
</div>
<p>{{ item.introduction }}</p>
</div>
</div>
</div>
<div class="header">
<img
src="@/assets/images/common/title-small.png"
alt=""
style="width: 20px; height: 20px"
/>
</div>
<div class="flex">
<div class="content-left">
<div class="content-left-list">
<div
class="item"
@click="openCompanyDetail(item)"
v-for="(item, index) in list2"
:key="index"
v-for="item in types"
:key="item.value"
@click="onDatils(item)"
:class="`content-left-list-item ${
currentId === item.value ? 'action' : ''
}`"
>
<img :src="item.cover" alt="" v-if="item.cover" />
<div v-else class="noImg">暂无图片</div>
<div class="content">
<div>
<span class="name">{{ item.name }}</span>
<!-- <span class="name">{{ item.contacts }}</span> -->
</div>
<p>{{ item.introduction }}</p>
</div>
{{ item.label }}
</div>
</div>
<div class="header">
<img
src="@/assets/images/common/title-small.png"
alt=""
style="width: 20px; height: 20px"
/>
</div>
<div class="content-right">
<div class="flex">
<div
class="item"
@click="openCompanyDetail(item)"
v-for="(item, index) in list3"
v-for="(item, index) in list"
:key="index"
>
<img :src="item.cover" alt="" v-if="item.cover" />
@ -81,35 +40,11 @@
<div class="content">
<div>
<span class="name">{{ item.name }}</span>
<!-- <span class="name">{{ item.contacts }}</span> -->
</div>
<p>{{ item.introduction }}</p>
</div>
</div>
</div>
<div class="header">
<img
src="@/assets/images/common/title-small.png"
alt=""
style="width: 20px; height: 20px"
/>
</div>
<div class="flex">
<div
class="item"
@click="openCompanyDetail(item)"
v-for="(item, index) in list4"
:key="index"
>
<img :src="item.cover" alt="" v-if="item.cover" />
<div v-else class="noImg">暂无图片</div>
<div class="content">
<div>
<span class="name">{{ item.name }}</span>
<!-- <span class="name">{{ item.contacts }}</span> -->
</div>
<p>{{ item.introduction }}</p>
</div>
</div>
</div>
</div>
@ -127,36 +62,8 @@ export default {
data () {
return {
dialogTitle: '重点企业',
list: [
{
name: '印象初',
imgSrc: require('@/assets/images/resource/kyll/1.jpg'),
unit: '中国科学院院士',
content:
'1995年6月被联合国教科文组织和中国科学院挑选为中国当代科技精英之一。1995年10月当选为中国科学院院士。印象初院士长期从事蝗虫分类工作。'
},
{
name: '李天来',
imgSrc: require('@/assets/images/resource/kyll/2.jpg'),
unit: '中国工程院院士',
content:
'多年来一直从事设施园艺及蔬菜生理生态的研究与教学工作,多项研究成果已达世界先进水平。'
},
{
name: '孙忠奎',
imgSrc: require('@/assets/images/resource/kyll/3.jpg'),
unit: '瑞克斯旺(中国)农业科技有限公司总经理',
content:
'瑞克斯旺作为种子提供方,是这条产业链的上方,只有打好这个开头,才能为客户生产好的蔬菜奠定基础,保证提供给消费者安全的蔬菜,瑞克斯旺公司用品质和信誉赢得客户和经销商十年如一日的支持。'
},
{
name: '曹修竹',
imgSrc: '',
unit: '青岛德龙种子有限公司创始人',
content:
'培育出番茄和辣椒新品种300个,在农业部登记的品种42个,其中干辣椒品种推广面积居全国第一。他热衷于公益事业,捐赠现金和物资总额已超过100万元,并在2022年防疫工作中捐款12万元和价值3000元的物资。'
}
],
list: [],
currentId: '1',
list1: [],
list2: [],
list3: [],
@ -189,6 +96,7 @@ export default {
created () {
seedCompanyList({ type: '1' }).then((res) => {
this.list1 = res.data
this.list = res.data
})
seedCompanyList({ type: '2' }).then((res) => {
this.list2 = res.data
@ -210,6 +118,10 @@ export default {
this.set_qyjj(true)
this.set_gsxq_id(item.id)
},
onDatils (item) {
this.currentId = item.value
this.list = this[`list${item.value}`]
},
closeDialog () {
this.showGlobalDialog('zdyfGgqyClose')
}
@ -241,7 +153,6 @@ export default {
.dialog_header {
position: relative;
margin-bottom: 40px;
.close-icon {
width: 18px;
@ -278,20 +189,62 @@ export default {
.dialog_body {
position: relative;
top:-24px;
> .content {
box-sizing: border-box;
color: #fff;
padding: 0px 24px 0 27px;
padding: 0px 24px 0 0;
.main {
height: 716px;
overflow-y: hidden;
height: 790px;
.content {
display: flex;
&-left {
margin-top: -6px;
padding-top: 38px;
width: 160px;
height: 750px;
background: linear-gradient(
270deg,
#1f7eff 0%,
rgba(13, 113, 248, 0) 100%
);
&-list {
&-item {
width: 136px;
height: 44px;
line-height: 44px;
font-size: 16px;
padding-left: 24px;
font-weight: 500;
color: #c5defb;
font-family: PingFang SC;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.action {
color: #ffffff;
background-image: linear-gradient(
to right,
rgba(71, 149, 255, 1) 0%,
rgba(71, 149, 255, 1) 6px,
rgba(31, 126, 255, 1) 7px,
rgba(249, 140, 38, 0) 160px
);
}
}
}
&-right {
width: calc(100% - 165px);
padding-left: 39px;
margin-top: 38px;
height: 745px;
box-sizing: border-box;
overflow-y: scroll;
&::-webkit-scrollbar {
width: 3px;
width: 6px;
}
&::-webkit-scrollbar-track {
@ -304,6 +257,38 @@ export default {
background: linear-gradient(270deg, #0063fe, #0095ff);
}
.numItem {
width: 670px;
background: rgba(109, 166, 255, 0.2);
padding: 16px 16px;
border-radius: 2px;
margin-bottom: 10px;
.title {
font-family: PingFang SC;
font-weight: bold;
font-size: 18px;
color: #ffffff;
line-height: 32px;
}
.content {
display: flex;
justify-content: space-between;
font-family: PingFang SC;
font-weight: 500;
font-size: 16px;
color: rgba(255, 255, 255, 0.6);
line-height: 32px;
.txt {
font-family: PingFang SC;
font-weight: 500;
font-size: 16px;
color: #ffffff;
line-height: 32px;
}
}
}
}
}
.header {
width: 100%;
height: 30px;
@ -325,7 +310,7 @@ export default {
.item {
display: flex;
width: 647px;
width: 552px;
padding: 16px 24px 16px 16px;
box-sizing: border-box;
background: #1657b8;

6182
src/views/next/screen-content-map/cpt/aaa.json

File diff suppressed because it is too large

391
src/views/next/screen-content-map/cpt/daolu.json

@ -0,0 +1,391 @@
{
"type": "FeatureCollection",
"name": "100000_full",
"features": [
{
"type": "Feature",
"properties": {
"adcode": "1202770845325680641",
"level": "street",
"parent": {
"adcode": 100000
},
"subFeatureIndex": 0,
"acroutes": [100000]
},
"geometry": {
"type": "MultiPolygon",
"coordinates": [
[
[
[120.208845, 36.589717],
[120.208845, 36.589391],
[120.208813, 36.588967],
[120.208775, 36.588367],
[120.208652, 36.5865],
[120.208593, 36.585685],
[120.208513, 36.584472],
[120.208513, 36.584435],
[120.208448, 36.583673],
[120.208448, 36.583608],
[120.208395, 36.582879],
[120.208341, 36.582112],
[120.208287, 36.581425],
[120.208282, 36.581323],
[120.208234, 36.580535],
[120.208191, 36.579971],
[120.208137, 36.579204],
[120.208105, 36.5787],
[120.20803, 36.577691],
[120.207853, 36.575235],
[120.207735, 36.573486],
[120.207654, 36.572322],
[120.207461, 36.569607],
[120.207268, 36.566818],
[120.207198, 36.56575],
[120.207155, 36.565117],
[120.207091, 36.564238],
[120.20707, 36.5639],
[120.206978, 36.5625],
[120.206882, 36.561013],
[120.20685, 36.560584],
[120.206801, 36.559881],
[120.206705, 36.558428],
[120.206683, 36.558138],
[120.206576, 36.556658],
[120.20649, 36.555241],
[120.206399, 36.553804],
[120.206297, 36.552345],
[120.206243, 36.551513],
[120.206109, 36.549507],
[120.205916, 36.546631],
[120.205766, 36.544545],
[120.20575, 36.544351],
[120.20575, 36.544298],
[120.20575, 36.543756],
[120.20568, 36.542705],
[120.205508, 36.540897],
[120.205487, 36.540527],
[120.205369, 36.538842],
[120.205331, 36.538703],
[120.205278, 36.53858],
[120.205213, 36.538483],
[120.205128, 36.538397],
[120.204924, 36.538236],
[120.202655, 36.536713],
[120.202225, 36.536434],
[120.201689, 36.536074],
[120.201383, 36.535881],
[120.201265, 36.535828],
[120.201078, 36.535768],
[120.200847, 36.535763],
[120.197596, 36.535801],
[120.192173, 36.535849],
[120.192001, 36.535854],
[120.191384, 36.535844],
[120.191137, 36.535844],
[120.191137, 36.535844],
[120.191137, 36.535634],
[120.191105, 36.533735],
[120.191094, 36.533247],
[120.191094, 36.532421],
[120.191067, 36.530763],
[120.191046, 36.52954],
[120.191046, 36.529498],
[120.191019, 36.526606],
[120.19096, 36.523731],
[120.190923, 36.520829],
[120.190901, 36.518554],
[120.190896, 36.518098],
[120.190848, 36.5154],
[120.190805, 36.512616],
[120.190799, 36.512353],
[120.190772, 36.511387],
[120.190585, 36.507621],
[120.190585, 36.507568],
[120.190558, 36.50687],
[120.19051, 36.505674],
[120.190472, 36.504988],
[120.190429, 36.504424],
[120.190349, 36.503292],
[120.190338, 36.502622],
[120.190391, 36.502477],
[120.190429, 36.502413],
[120.19052, 36.502251],
[120.190563, 36.502166],
[120.19125, 36.501254],
[120.191561, 36.500825],
[120.191679, 36.50068],
[120.191845, 36.500433],
[120.191904, 36.50032],
[120.191963, 36.500143],
[120.19199, 36.499983],
[120.192006, 36.499661],
[120.192017, 36.499478],
[120.192033, 36.49877],
[120.192055, 36.49869],
[120.192087, 36.49774],
[120.192097, 36.497231],
[120.192119, 36.496581],
[120.19213, 36.496281],
[120.192194, 36.494521],
[120.192248, 36.492285],
[120.192285, 36.491115],
[120.192387, 36.488111],
[120.192473, 36.485697],
[120.192473, 36.485595],
[120.192484, 36.485236],
[120.192494, 36.484828],
[120.192548, 36.482886],
[120.19257, 36.482478],
[120.19257, 36.482478],
[120.192242, 36.482478],
[120.190429, 36.48243],
[120.185268, 36.482317],
[120.184829, 36.482269],
[120.184512, 36.482189],
[120.184196, 36.48206],
[120.18404, 36.481969],
[120.183836, 36.481829],
[120.183627, 36.481652],
[120.183461, 36.481486],
[120.183348, 36.481346],
[120.183268, 36.481223],
[120.18315, 36.48103],
[120.183026, 36.480826],
[120.182221, 36.47948],
[120.180145, 36.475993],
[120.179314, 36.474609],
[120.178338, 36.472989],
[120.178037, 36.472511],
[120.177833, 36.472227],
[120.177442, 36.471766],
[120.17682, 36.47116],
[120.17521, 36.469652],
[120.17455, 36.469035],
[120.174346, 36.468842],
[120.174164, 36.468676],
[120.173912, 36.468434],
[120.173751, 36.468284],
[120.172871, 36.467463],
[120.172651, 36.467254],
[120.17255, 36.467168],
[120.17182, 36.466546],
[120.171042, 36.465758],
[120.170248, 36.465017],
[120.169717, 36.464529],
[120.169493, 36.464401]
]
]
]
}
},
{
"type": "Feature",
"properties": {
"adcode": "1202770845325680641",
"level": "street",
"parent": {
"adcode": 100000
},
"subFeatureIndex": 0,
"acroutes": [100000]
},
"geometry": {
"type": "MultiPolygon",
"coordinates": [
[
[
[120.192569, 36.48248],
[120.19257, 36.482478],
[120.19257, 36.482478],
[120.196829, 36.482564],
[120.197859, 36.482586],
[120.200192, 36.482618],
[120.201491, 36.48265],
[120.202778, 36.482671],
[120.204891, 36.482709],
[120.206345, 36.48273],
[120.20803, 36.482757],
[120.208985, 36.482773],
[120.210653, 36.4828],
[120.212402, 36.482822],
[120.219365, 36.482913],
[120.219499, 36.482886],
[120.219574, 36.482886],
[120.219971, 36.482897],
[120.220818, 36.482913],
[120.22179, 36.482918],
[120.222358, 36.482929],
[120.224289, 36.48295],
[120.225507, 36.482972],
[120.226242, 36.482977],
[120.227798, 36.483004],
[120.228533, 36.483015],
[120.229278, 36.483031],
[120.231166, 36.483047],
[120.231381, 36.483052],
[120.234278, 36.48309],
[120.234375, 36.483117],
[120.234423, 36.483128],
[120.235517, 36.483079],
[120.236917, 36.482993],
[120.23858, 36.482891],
[120.239723, 36.482816],
[120.241622, 36.482677],
[120.243961, 36.482516],
[120.248477, 36.482178],
[120.250956, 36.481996],
[120.252453, 36.481883],
[120.254169, 36.481754],
[120.254979, 36.481663],
[120.255049, 36.481647],
[120.255628, 36.48155],
[120.256159, 36.481432],
[120.256347, 36.481373],
[120.256368, 36.481368],
[120.257345, 36.48096],
[120.257876, 36.480655],
[120.258139, 36.480483],
[120.258841, 36.479936],
[120.259271, 36.47955],
[120.259389, 36.479421],
[120.259475, 36.479303],
[120.259625, 36.479051],
[120.26, 36.478337],
[120.261127, 36.476245],
[120.261282, 36.475987],
[120.261551, 36.47559],
[120.261738, 36.475413],
[120.262269, 36.474979],
[120.262752, 36.474609],
[120.262816, 36.47456],
[120.263348, 36.474153],
[120.263932, 36.473702],
[120.264522, 36.473257],
[120.26485, 36.473],
[120.265322, 36.47264],
[120.26588, 36.472216],
[120.266529, 36.471744],
[120.269248, 36.469657],
[120.269586, 36.469395],
[120.272692, 36.467002],
[120.274758, 36.465414],
[120.27692, 36.463746],
[120.277081, 36.463622],
[120.27832, 36.462678],
[120.280433, 36.461053],
[120.283131, 36.458961],
[120.287799, 36.455366],
[120.289011, 36.454428],
[120.290427, 36.453333],
[120.290915, 36.452958],
[120.291334, 36.452636],
[120.291833, 36.45225],
[120.29224, 36.451939],
[120.295041, 36.449793],
[120.295245, 36.449637],
[120.296285, 36.448822],
[120.300292, 36.445764],
[120.301741, 36.444659],
[120.301741, 36.444659],
[120.301773, 36.444418],
[120.301826, 36.442953],
[120.30188, 36.44165],
[120.301896, 36.44129],
[120.301934, 36.440196],
[120.302063, 36.43775],
[120.302063, 36.43775],
[120.303007, 36.437691],
[120.303935, 36.437616],
[120.304632, 36.437562],
[120.304734, 36.437557],
[120.305185, 36.437508],
[120.30563, 36.437466],
[120.306054, 36.437433],
[120.306612, 36.43739],
[120.30732, 36.437326],
[120.30968, 36.437122],
[120.31218, 36.436913],
[120.312464, 36.436891],
[120.314186, 36.436736],
[120.315103, 36.436661],
[120.31719, 36.436484],
[120.317512, 36.436462],
[120.317512, 36.436462],
[120.317518, 36.435937],
[120.317523, 36.435057],
[120.317544, 36.434161],
[120.317544, 36.434161],
[120.31777, 36.433877],
[120.317957, 36.433678],
[120.319175, 36.432385],
[120.319438, 36.432074],
[120.320436, 36.430728],
[120.320484, 36.430663],
[120.32079, 36.430266],
[120.320983, 36.430041],
[120.321181, 36.429853],
[120.321841, 36.429344],
[120.322265, 36.429016],
[120.322785, 36.42862],
[120.322887, 36.428545],
[120.323365, 36.42818],
[120.323917, 36.427745],
[120.325285, 36.426699],
[120.326315, 36.425846],
[120.32676, 36.425449],
[120.330403, 36.422129],
[120.330875, 36.421678],
[120.331588, 36.420932],
[120.331878, 36.42067],
[120.33213, 36.42046],
[120.332575, 36.420138],
[120.333273, 36.419677],
[120.333541, 36.4195],
[120.335123, 36.418427],
[120.335322, 36.418304],
[120.336529, 36.417563],
[120.337441, 36.416979],
[120.338106, 36.41655],
[120.339141, 36.415938],
[120.342076, 36.414259],
[120.344238, 36.413025],
[120.344581, 36.412832],
[120.345321, 36.412376],
[120.345627, 36.412076],
[120.34596, 36.411711],
[120.346646, 36.410933],
[120.347558, 36.409876],
[120.348594, 36.408691],
[120.348663, 36.40861],
[120.349323, 36.407859],
[120.349715, 36.407403],
[120.349801, 36.407312],
[120.349967, 36.407124],
[120.350305, 36.406733],
[120.350358, 36.406674],
[120.350546, 36.406459],
[120.350723, 36.406261],
[120.350879, 36.406084],
[120.35111, 36.405826],
[120.351726, 36.405123],
[120.351903, 36.404989],
[120.352059, 36.404936],
[120.35222, 36.40492],
[120.352483, 36.404914],
[120.353105, 36.40492],
[120.354081, 36.404941],
[120.354376, 36.404952],
[120.35472, 36.404957],
[120.355691, 36.405],
[120.356887, 36.405032],
[120.357509, 36.405043],
[120.357633, 36.405038]
]
]
]
}
}
]
}

6152
src/views/next/screen-content-map/cpt/daolu1.js

File diff suppressed because it is too large

10586
src/views/next/screen-content-map/cpt/yifeng.json

File diff suppressed because it is too large

35
src/views/next/screen-content-map/cpt/zdyf-map.vue

@ -27,6 +27,8 @@
<script>
import { Scene, PolygonLayer, LineLayer, PointLayer } from '@antv/l7'
import { GaodeMap } from '@antv/l7-maps'
import daoluJson from './daolu.json'
import daoluArr from './daolu1.js'
import yifengJson from './yifeng.json'
import jdbandaoJson from './jdbandao.json'
import point from './point.json'
@ -41,8 +43,9 @@ let scene
let polygonLayer
let polygonLayer1
let lineLayer
let lineLayer1
let dotLayer
let textLayer
// let textLayer
let dotLayer1
let dotLayer2
let dotLayer3
@ -145,6 +148,7 @@ export default {
this.switcMapType1(data)
})
})
console.log(JSON.stringify(daoluArr))
selectConfigList({ type: 2 }).then((res) => {
this.headerList = this.headerList.map((item) => {
const data = res.data.filter((i) => i.name == item.name)
@ -154,7 +158,7 @@ export default {
}
})
})
seedCompanyList().then(res => {
seedCompanyList().then((res) => {
this.companyList = res.data
})
},
@ -165,7 +169,7 @@ export default {
}),
...mapActions({}),
openCompanyDetail (item) {
const row = this.companyList.filter(item1 => item1.name === item.name)
const row = this.companyList.filter((item1) => item1.name === item.name)
this.set_qyjj(true)
this.set_gsxq_id(row[0].id)
},
@ -270,7 +274,7 @@ export default {
enable: true, // true - false
dir: 'out' // in - out
},
opacity: 0.8,
opacity: 0.4,
heightfixed: true,
sourceColor: '#3372d0',
targetColor: '#00284e'
@ -294,9 +298,19 @@ export default {
trailLength: 2 // 线
})
scene.addLayer(lineLayer)
polygonLayer1.on('click', (e) => {
console.log('222', e)
lineLayer1 = new LineLayer({
zIndex: 2,
name: 'line3'
})
.source(daoluJson)
.shape('line')
.color('#25e3b6')
.size(2)
.style({
opacity: 0.4,
lineWidth: 2
})
scene.addLayer(lineLayer1)
},
initDot (data, arr) {
this.removeDotLayers()
@ -307,15 +321,6 @@ export default {
种植企业: 'zhongzhi',
加工企业: 'jiagong'
}
const gaoliang = [
'瑞克斯旺(中国)农业科技有限公司',
'青岛德龙种子有限公司',
'青岛世农种苗有限公司',
'山东汉研种业科技有限公司',
'青岛润之禾农业科技有限公司',
'青岛诚一果蔬现代农业专业合作社',
'青岛龙之园绿色食品有限公司'
]
if (arr.some((item) => item === '育种企业')) {
dotLayer = new PointLayer({ zIndex: 30 })
.source(data['育种企业'])

Loading…
Cancel
Save