Skip to content

M
mancheng_code
Commit e69a7107 by heshihao
Options

feat: 适配修改

parent 6983fbe2
Showing with 1453 additions and 2251 deletions
package-lock.json 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json
...@@ -24,6 +24,7 @@ ...@@ -24,6 +24,7 @@
"qs": "^6.10.1", "qs": "^6.10.1",
"relation-graph": "^1.1.0", "relation-graph": "^1.1.0",
"screenfull": "^5.2.0", "screenfull": "^5.2.0",
"v-scale-screen": "^1.0.2",
"vue": "^2.6.11", "vue": "^2.6.11",
"vue-baidu-map": "^0.21.22", "vue-baidu-map": "^0.21.22",
"vue-router": "^3.2.0", "vue-router": "^3.2.0",
......
public/index.html
<!DOCTYPE html> <!DOCTYPE html>
<html lang=""> <html lang="">
<head>
<head> <meta charset="utf-8" />
<meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title> <title>
<%= htmlWebpackPlugin.options.title %> <%= htmlWebpackPlugin.options.title %>
</title> </title>
</head> </head>
<body onresize="handleScreen();"> <body>
<noscript> <noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. <strong
Please enable it to continue.</strong> >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please
enable it to continue.</strong
>
</noscript> </noscript>
<div id="app"></div> <div id="app"></div>
<!-- built files will be auto injected --> <!-- built files will be auto injected -->
...@@ -30,7 +31,7 @@ ...@@ -30,7 +31,7 @@
ua = navigator.userAgent.toLowerCase(); ua = navigator.userAgent.toLowerCase();
if (window.devicePixelRatio !== undefined) { if (window.devicePixelRatio !== undefined) {
ratio = window.devicePixelRatio; ratio = window.devicePixelRatio;
} else if (~ua.indexOf('msie')) { } else if (~ua.indexOf("msie")) {
if (screen.deviceXDPI && screen.logicalXDPI) { if (screen.deviceXDPI && screen.logicalXDPI) {
ratio = screen.deviceXDPI / screen.logicalXDPI; ratio = screen.deviceXDPI / screen.logicalXDPI;
} }
...@@ -61,12 +62,12 @@ ...@@ -61,12 +62,12 @@
return width; return width;
} }
window.onresize = function () { // window.onresize = function() {
handleScreen() // handleScreen();
} // };
// window.onload = function(){
// handleScreen()
// }
</script> </script>
</body> </body>
</html> </html>
src/App.vue
<template> <template>
<v-scale-screen width="1920" height="960">
<div id="app" @click="isTimeOut"> <div id="app" @click="isTimeOut">
<router-view /> <router-view />
<!-- <transition name="el-fade-in" mode="out-in"> <!-- <transition name="el-fade-in" mode="out-in">
...@@ -36,6 +37,7 @@ ...@@ -36,6 +37,7 @@
</filter> </filter>
</svg> </svg>
</div> </div>
</v-scale-screen>
</template> </template>
<script> <script>
...@@ -46,7 +48,7 @@ export default { ...@@ -46,7 +48,7 @@ export default {
currentTime: null, // 当前点击的时间 currentTime: null, // 当前点击的时间
timeOut: 60*15* 1000, // 设置超时时间:30分钟 timeOut: 60 * 15 * 1000, // 设置超时时间:30分钟
}; };
}, },
created() { created() {
...@@ -62,7 +64,7 @@ export default { ...@@ -62,7 +64,7 @@ export default {
if (localStorage.getItem("token")) { if (localStorage.getItem("token")) {
// 如果是登录状态,提示超过15分钟 // 如果是登录状态,提示超过15分钟
this.$message.warning('登录超时，请重新登录') this.$message.warning("登录超时，请重新登录");
localStorage.setItem("token", ""); localStorage.setItem("token", "");
this.$store.commit("setToken", ""); this.$store.commit("setToken", "");
this.$store.commit("setFlag", 0); this.$store.commit("setFlag", 0);
......
src/assets/css/reset.css
...@@ -11,9 +11,8 @@ body { ...@@ -11,9 +11,8 @@ body {
overflow: hidden; overflow: hidden;
} }
body { body {
font: normal 400 16px/1.5 "Microsoft YaHei", "MicrosoftYaHei", "Heiti SC", font: normal 400 16px/1.5 "Microsoft YaHei", "MicrosoftYaHei", "Heiti SC", tahoma, arial, "Hiragino Sans GB",
tahoma, arial, "Hiragino Sans GB", "Arial Negreta", "Arial Normal", "Arial Negreta", "Arial Normal", "Arial" "\5B8B\4F53", sans-serif;
"Arial" "\5B8B\4F53", sans-serif;
/*根据网站实际背景来设*/ /*根据网站实际背景来设*/
/* background-color: #f2f2f2; */ /* background-color: #f2f2f2; */
} }
...@@ -107,7 +106,15 @@ table { ...@@ -107,7 +106,15 @@ table {
} }
@font-face { @font-face {
font-family: PangMenZhengDao; font-family: PangMenZhengDao;
src: url(./庞门正道标题体.TTF); src: url(./庞门正道标题体.ttf);
}
@font-face {
font-family: JiangChengXieHei-900W;
src: url(./江城斜黑体900W.ttf);
}
@font-face {
font-family: Alibaba PuHuiTi;
src: url(./Alibaba-PuHuiTi-Regular.ttf);
} }
.scroll-auto { .scroll-auto {
scrollbar-color: #767ffe #e9f3ff; scrollbar-color: #767ffe #e9f3ff;
...@@ -162,3 +169,7 @@ table { ...@@ -162,3 +169,7 @@ table {
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
} }
.v-modal {
position: relative;
}
src/assets/images/header/head-title-left.png
src/assets/images/header/head-title-left.png

44.6 KB | W: | H:

src/assets/images/header/head-title-left.png

40.3 KB | W: | H:

src/assets/images/header/head-title-left.png
src/assets/images/header/head-title-left.png
src/assets/images/header/head-title-left.png
src/assets/images/header/head-title-left.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/images/index/headbg-title.png
src/assets/images/index/headbg-title.png

200 KB | W: | H:

src/assets/images/index/headbg-title.png

182 KB | W: | H:

src/assets/images/index/headbg-title.png
src/assets/images/index/headbg-title.png
src/assets/images/index/headbg-title.png
src/assets/images/index/headbg-title.png
  • 2-up
  • Swipe
  • Onion skin
src/components/Header.vue
...@@ -14,94 +14,38 @@ ...@@ -14,94 +14,38 @@
active-text-color="#fff" active-text-color="#fff"
> >
<el-menu-item index="index"> <el-menu-item index="index">
<img <img v-show="activeIndex == 'index'" src="../assets/images/header/icon-nav01.png" alt="" />
v-show="activeIndex == 'index'" <img v-show="activeIndex != 'index'" src="../assets/images/header/icon-nav01.png" alt="" />
src="../assets/images/header/icon-nav01.png"
alt=""
/>
<img
v-show="activeIndex != 'index'"
src="../assets/images/header/icon-nav01.png"
alt=""
/>
<span>招商驾驶舱</span> <span>招商驾驶舱</span>
</el-menu-item> </el-menu-item>
<el-menu-item index="atlas" :disabled="false"> <el-menu-item index="atlas" :disabled="false">
<img <img v-show="activeIndex == 'atlas'" src="../assets/images/header/icon-nav02-select.png" alt="" />
v-show="activeIndex == 'atlas'" <img v-show="activeIndex != 'atlas'" src="../assets/images/header/icon-nav02.png" alt="" />
src="../assets/images/header/icon-nav02-select.png"
alt=""
/>
<img
v-show="activeIndex != 'atlas'"
src="../assets/images/header/icon-nav02.png"
alt=""
/>
<span>产业现状图谱</span> <span>产业现状图谱</span>
</el-menu-item> </el-menu-item>
<el-menu-item index="radar" :disabled="false"> <el-menu-item index="radar" :disabled="false">
<img <img v-show="activeIndex == 'radar'" src="../assets/images/header/icon-nav03-select.png" alt="" />
v-show="activeIndex == 'radar'" <img v-show="activeIndex != 'radar'" src="../assets/images/header/icon-nav03.png" alt="" />
src="../assets/images/header/icon-nav03-select.png"
alt=""
/>
<img
v-show="activeIndex != 'radar'"
src="../assets/images/header/icon-nav03.png"
alt=""
/>
<span>产业招商雷达</span> <span>产业招商雷达</span>
</el-menu-item> </el-menu-item>
<el-menu-item index="map" :disabled="false"> <el-menu-item index="map" :disabled="false">
<img <img v-show="activeIndex == 'map'" src="../assets/images/header/icon-nav04-select.png" alt="" />
v-show="activeIndex == 'map'" <img v-show="activeIndex != 'map'" src="../assets/images/header/icon-nav04.png" alt="" />
src="../assets/images/header/icon-nav04-select.png"
alt=""
/>
<img
v-show="activeIndex != 'map'"
src="../assets/images/header/icon-nav04.png"
alt=""
/>
<span>产业招商地图</span> <span>产业招商地图</span>
</el-menu-item> </el-menu-item>
<el-menu-item index="assess" :disabled="false"> <el-menu-item index="assess" :disabled="false">
<img <img v-show="activeIndex == 'assess'" src="../assets/images/header/icon-nav05-select.png" alt="" />
v-show="activeIndex == 'assess'" <img v-show="activeIndex != 'assess'" src="../assets/images/header/icon-nav05.png" alt="" />
src="../assets/images/header/icon-nav05-select.png"
alt=""
/>
<img
v-show="activeIndex != 'assess'"
src="../assets/images/header/icon-nav05.png"
alt=""
/>
<span>智能选址评估</span> <span>智能选址评估</span>
</el-menu-item> </el-menu-item>
<el-menu-item index="portrait" :disabled="false"> <el-menu-item index="portrait" :disabled="false">
<img <img v-show="activeIndex == 'portrait'" src="../assets/images/header/icon-nav06-select.png" alt="" />
v-show="activeIndex == 'portrait'" <img v-show="activeIndex != 'portrait'" src="../assets/images/header/icon-nav06.png" alt="" />
src="../assets/images/header/icon-nav06-select.png"
alt=""
/>
<img
v-show="activeIndex != 'portrait'"
src="../assets/images/header/icon-nav06.png"
alt=""
/>
<span>360企业画像</span> <span>360企业画像</span>
</el-menu-item> </el-menu-item>
<el-menu-item index="resources" :disabled="false"> <el-menu-item index="resources" :disabled="false">
<img <img v-show="activeIndex == 'resources'" src="../assets/images/header/icon-nav07-select.png" alt="" />
v-show="activeIndex == 'resources'" <img v-show="activeIndex != 'resources'" src="../assets/images/header/icon-nav07.png" alt="" />
src="../assets/images/header/icon-nav07-select.png"
alt=""
/>
<img
v-show="activeIndex != 'resources'"
src="../assets/images/header/icon-nav07.png"
alt=""
/>
<span>招商资源管理</span> <span>招商资源管理</span>
</el-menu-item> </el-menu-item>
</el-menu> </el-menu>
...@@ -138,22 +82,10 @@ export default { ...@@ -138,22 +82,10 @@ export default {
}, },
methods: { methods: {
handleSelect(key) { handleSelect(key) {
//2023.7.31隐藏除产业图谱其他的入口
if (
key === "atlas" ||
key === "radar" ||
key === "map" ||
key === "portrait"
) {
this.activeIndex = key; this.activeIndex = key;
if (this.$route.name !== key) { if (this.$route.name !== key) {
this.$router.push({ name: key }); this.$router.push({ name: key });
} }
}
//原代码
// this.activeIndex = key;
// if (this.$route.name !== key) {
// this.$router.push({ name: key });
}, },
goLogin() { goLogin() {
this.$message({ this.$message({
...@@ -166,11 +98,10 @@ export default { ...@@ -166,11 +98,10 @@ export default {
this.$router.push({ name: "login" }); this.$router.push({ name: "login" });
}, },
goUserCenter() { goUserCenter() {
//2023.8.2隐藏用户中心 if (this.$route.name !== "usercenter") {
// if (this.$route.name !== "usercenter") { this.activeIndex = "usercenter";
// this.activeIndex = "usercenter"; this.$router.push({ name: "usercenter" });
// this.$router.push({ name: "usercenter" }); }
// }
}, },
getNowTime() { getNowTime() {
this.nowTime = this.$moment().format("YYYY[年]MMMDo HH:mm:ss"); this.nowTime = this.$moment().format("YYYY[年]MMMDo HH:mm:ss");
...@@ -290,11 +221,7 @@ header { ...@@ -290,11 +221,7 @@ header {
color: #75798e !important; color: #75798e !important;
border-bottom-color: transparent !important; border-bottom-color: transparent !important;
border-bottom: none; border-bottom: none;
background: linear-gradient( background: linear-gradient(0deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0) 100%) !important;
0deg,
rgba(255, 255, 255, 0.22) 0%,
rgba(255, 255, 255, 0) 100%
) !important;
span { span {
color: #fff; color: #fff;
opacity: 1; opacity: 1;
...@@ -315,70 +242,71 @@ header { ...@@ -315,70 +242,71 @@ header {
background: transparent; background: transparent;
} }
@media screen and (max-width: 1200px) { // 可以解开
.el-menu--horizontal > .el-menu-item { // @media screen and (max-width: 1200px) {
width: 94px; // .el-menu--horizontal > .el-menu-item {
} // width: 94px;
header .nav { // }
width: 600px; // header .nav {
margin-left: 20px; // width: 600px;
} // margin-left: 20px;
.title { // }
img { // .title {
width: 200px; // img {
} // width: 200px;
} // }
header .nav li img, // }
header .ul li img { // header .nav li img,
margin-top: 20px; // header .ul li img {
width: 70px; // margin-top: 20px;
height: auto; // width: 70px;
} // height: auto;
/deep/ .nav .el-menu--horizontal > .el-menu-item { // }
width: 70px; // /deep/ .nav .el-menu--horizontal > .el-menu-item {
} // width: 70px;
header .nav span, // }
header .ul span { // header .nav span,
font-size: 12px; // header .ul span {
} // font-size: 12px;
} // }
@media screen and (max-width: 1600px) { // }
.el-menu--horizontal > .el-menu-item { // @media screen and (max-width: 1600px) {
width: 94px; // .el-menu--horizontal > .el-menu-item {
} // width: 94px;
header .nav, // }
header .ul { // header .nav,
margin-left: 80px; // header .ul {
} // margin-left: 80px;
.title { // }
img { // .title {
width: 300px; // img {
} // width: 300px;
} // }
.nav span, // }
.ul span { // .nav span,
margin-top: -25px; // .ul span {
font-size: 16px; // margin-top: -25px;
} // font-size: 16px;
header .user { // }
position: absolute; // header .user {
right: 0px; // position: absolute;
span { // right: 0px;
font-size: 16px; // span {
} // font-size: 16px;
} // }
} // }
@media only screen and (width: 1366px) { // }
.el-menu--horizontal > .el-menu-item { // @media only screen and (width: 1366px) {
width: 94px; // .el-menu--horizontal > .el-menu-item {
} // width: 94px;
header .nav { // }
margin-left: 30px; // header .nav {
} // margin-left: 30px;
.title { // }
img { // .title {
width: 300px; // img {
} // width: 300px;
} // }
} // }
// }
</style> </style>
src/components/chain.vue
...@@ -8,7 +8,6 @@ ...@@ -8,7 +8,6 @@
> >
<img v-if="activeId == item.id" :src="item.icon1" alt="" /> <img v-if="activeId == item.id" :src="item.icon1" alt="" />
<img v-if="activeId != item.id" :src="item.icon" alt="" /> <img v-if="activeId != item.id" :src="item.icon" alt="" />
<span>{{ item.name }}</span> <span>{{ item.name }}</span>
</li> </li>
</ul> </ul>
...@@ -39,87 +38,67 @@ export default { ...@@ -39,87 +38,67 @@ export default {
let res = await API.cluster(); let res = await API.cluster();
if (res.success) { if (res.success) {
} else { } else {
//源代码
// this.Industry = res; // this.Industry = res;
// <!-- 2023.8.1修改与隐藏 -->
this.Industry = [ this.Industry = [
{ {
icon: icon: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-gt.png",
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-gt.png", icon1: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-gt-select.png",
icon1:
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-gt-select.png",
id: 1, id: 1,
industry_level: 1, industry_level: 1,
name: "纸制品加工及卫品", name: "纸制品加工及卫品",
}, },
{ {
icon: icon: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-whly.png",
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-whly.png", icon1: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-whly-select.png",
icon1:
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-whly-select.png",
id: 2, id: 2,
industry_level: 1, industry_level: 1,
name: "文化旅游", name: "文化旅游",
}, },
{ {
icon: icon: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-gjd.png",
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-gjd.png", icon1: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-gjd-select.png",
icon1:
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-gjd-select.png",
id: 3, id: 3,
industry_level: 1, industry_level: 1,
name: "轨道交通", name: "轨道交通",
}, },
{ {
icon: icon: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-xcl.png",
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-xcl.png", icon1: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-xcl-select.png",
icon1:
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-xcl-select.png",
id: 5, id: 5,
industry_level: 1, industry_level: 1,
name: "新材料及高端装备制造", name: "新材料及高端装备制造",
}, },
{ {
icon: icon: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-yy.png",
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-yy.png", icon1: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-yy-select.png",
icon1:
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-yy-select.png",
id: 4, id: 4,
industry_level: 1, industry_level: 1,
name: "生物医药大健康", name: "生物医药大健康",
}, },
{ {
icon: icon: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-mcq.png",
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-mcq.png", icon1: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-mcq-select.png",
icon1:
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-mcq-select.png",
id: 6, id: 6,
industry_level: 1, industry_level: 1,
name: "教育和体育", name: "教育和体育",
}, },
{ {
icon: icon: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-zbzz.png",
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-zbzz.png", icon1: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-zbzz-select.png",
icon1:
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-zbzz-select.png",
id: 7, id: 7,
industry_level: 1, industry_level: 1,
name: "现代服务及商贸物流", name: "现代服务及商贸物流",
}, },
{ {
icon: icon: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-zz.png",
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-zz.png", icon1: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-zz-select.png",
icon1:
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-zz-select.png",
id: 8, id: 8,
industry_level: 1, industry_level: 1,
name: "农业产业化及食品加工", name: "农业产业化及食品加工",
}, },
{ {
icon: icon: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-mhg.png",
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-mhg.png", icon1: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-mhg-select.png",
icon1:
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-mhg-select.png",
id: 9, id: 9,
industry_level: 1, industry_level: 1,
name: "电力电气", name: "电力电气",
...@@ -163,11 +142,7 @@ export default { ...@@ -163,11 +142,7 @@ export default {
cursor: default; cursor: default;
} }
&.active { &.active {
background: linear-gradient( background: linear-gradient(90deg, #6e8efe 0%, rgba(110, 142, 254, 0.6) 100%);
90deg,
#6e8efe 0%,
rgba(110, 142, 254, 0.6) 100%
);
border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px;
span { span {
font-size: 16px; font-size: 16px;
......
src/components/manageHeader.vue
...@@ -103,8 +103,7 @@ export default { ...@@ -103,8 +103,7 @@ export default {
width: 160px; width: 160px;
height: 46px; height: 46px;
background: rgba(39, 110, 156, 0.36); background: rgba(39, 110, 156, 0.36);
box-shadow: 0px 0px 4px 0px rgba(0, 132, 255, 0.8), box-shadow: 0px 0px 4px 0px rgba(0, 132, 255, 0.8), 0px 0px 16px 0px rgba(0, 156, 255, 0.31);
0px 0px 16px 0px rgba(0, 156, 255, 0.31);
border-radius: 10px; border-radius: 10px;
font-size: 20px; font-size: 20px;
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
...@@ -129,27 +128,27 @@ export default { ...@@ -129,27 +128,27 @@ export default {
*ipad 1024 * 768 *ipad 1024 * 768
*/ */
/*分辨率低于1440，采用下面的样式*/ /*分辨率低于1440，采用下面的样式*/
@media screen and (max-device-width: 1366px) { // @media screen and (max-device-width: 1366px) {
.head .bnti { // .head .bnti {
img { // img {
width: 88% !important; // width: 88% !important;
} // }
} // }
} // }
/*分辨率低于1180，采用下面的样式*/ /*分辨率低于1180，采用下面的样式*/
@media screen and (max-device-width: 1180px) { // @media screen and (max-device-width: 1180px) {
.head .bnti { // .head .bnti {
img { // img {
width: 66% !important; // width: 66% !important;
} // }
} // }
} // }
/*分辨率低于1024，采用下面的样式*/ /*分辨率低于1024，采用下面的样式*/
@media screen and (max-device-width: 1024px) { // @media screen and (max-device-width: 1024px) {
.bnti { // .bnti {
img { // img {
width: 66% !important; // width: 66% !important;
} // }
} // }
} // }
</style> </style>
src/main.js
import Vue from 'vue' import Vue from "vue";
import App from './App.vue' import App from "./App.vue";
import router from './router' import router from "./router";
import store from './store' import store from "./store";
import axios from './utils/http' import axios from "./utils/http";
import axios2 from 'axios' import axios2 from "axios";
// 使用elementUI // 使用elementUI
import ElementUI from 'element-ui'; import ElementUI from "element-ui";
import 'element-ui/lib/theme-chalk/index.css'; import "element-ui/lib/theme-chalk/index.css";
// 引入动画 // 引入动画
import 'animate.css'; import "animate.css";
// 使用重置样式 // 使用重置样式
import './assets/css/reset.css' import "./assets/css/reset.css";
// 使用moment // 使用moment
import moment from 'moment' import moment from "moment";
// 引入自定义方法 // 引入自定义方法
import func from './utils/func' import func from "./utils/func";
// 视频插件 // 视频插件
import Video from 'video.js' import Video from "video.js";
import 'video.js/dist/video-js.css' import "video.js/dist/video-js.css";
// 使用echarts // 使用echarts
import * as echarts from 'echarts'; import * as echarts from "echarts";
import 'echarts-gl'; import "echarts-gl";
// 引入百度地图 // 引入百度地图
import BaiduMap from 'vue-baidu-map' import BaiduMap from "vue-baidu-map";
// 使用Highcharts // 使用Highcharts
import Highcharts from "highcharts/highstock";
import HighchartsMore from "highcharts/highcharts-more";
import HighchartsDrilldown from "highcharts/modules/drilldown";
import Highcharts3D from "highcharts/highcharts-3d";
import Highcharts from 'highcharts/highstock'; import VScaleScreen from "v-scale-screen";
import HighchartsMore from 'highcharts/highcharts-more'; Vue.use(VScaleScreen);
import HighchartsDrilldown from 'highcharts/modules/drilldown';
import Highcharts3D from 'highcharts/highcharts-3d';
HighchartsMore(Highcharts) HighchartsMore(Highcharts);
HighchartsDrilldown(Highcharts); HighchartsDrilldown(Highcharts);
Highcharts3D(Highcharts); Highcharts3D(Highcharts);
// 使用moment // 使用moment
require("moment/min/locales.min"); require("moment/min/locales.min");
moment.locale('zh-cn'); moment.locale("zh-cn");
let bus = new Vue() let bus = new Vue();
Vue.prototype.$bus = bus Vue.prototype.$bus = bus;
// 视频插件 // 视频插件
Vue.prototype.$video = Video Vue.prototype.$video = Video;
Vue.use(ElementUI); Vue.use(ElementUI);
Vue.prototype.$moment = moment Vue.prototype.$moment = moment;
Vue.config.productionTip = false Vue.config.productionTip = false;
Vue.prototype.axios = axios Vue.prototype.axios = axios;
Vue.prototype.$axios = axios2 Vue.prototype.$axios = axios2;
Vue.prototype.$Highcharts = Highcharts Vue.prototype.$Highcharts = Highcharts;
Vue.prototype.$echarts = echarts Vue.prototype.$echarts = echarts;
// 复制方法 // 复制方法
Vue.prototype.$copy = func.copy Vue.prototype.$copy = func.copy;
Vue.use(BaiduMap, { Vue.use(BaiduMap, {
// ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */ // ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */
ak: 'tZT2SxRwIIig1eO8z0IgZaYfArwRdunb' ak: "tZT2SxRwIIig1eO8z0IgZaYfArwRdunb",
}) });
new Vue({ new Vue({
router, router,
store, store,
render: h => h(App) render: (h) => h(App),
}).$mount('#app') }).$mount("#app");
src/utils/industry_clone.json deleted 100644 → 0
[
{
"id": 1,
"industry_level": 1,
"name": "纸制品加工及卫品",
"img1": "zhi2.png",
"img2": "zhi.png",
"span": "<p>纸制品加工指用纸及纸板为原料，进一步加工制成纸制品的生产活动。 满城区是中国北方最大的生活用纸产业聚集区，曾被中国造纸协会授予“华北生活用纸产业基地”称号。该区现有纸制品生产企业70家、深加工企业270余家、配套彩印包装企业40余家、纸制品机械销售企业8家，形成了集原纸生产、复卷加工、展示销售和纸品机械、物流、彩印包装等行业的全产业链条，生活用纸年产量200余万吨，全国生活用纸市场占有率25%左右。</p>"
},
{
"id": 2,
"industry_level": 1,
"name": "文化旅游",
"img1": "whly-01.png",
"img2": "whly-02.png",
"span": "<p>文化旅游是以人文资源为载体，彰显地域差异、文化差异，引导旅游者体验旅游资源文化内涵的过程。文化旅游产业链分为上游资源开发，中游旅游产品，下游旅游消费三个环节。旅游资源开发包括旅游产品投资者、开发商、运营商，以及文化IP资源等领域。旅游产品核心是各类旅游资源。旅游消费主要包括衍生品、配套服务消费等领域。</p><p>满城人文历史悠久，山水资源众多，文化旅游资源得天独厚。全市文化旅游产业规模较大，细分领域丰富，旅游产品以观光游为主，参与型、互动型、体验型产品较少。</p>"
},
{
"id": 3,
"industry_level": 1,
"name": "轨道交通",
"img1": "gdjt01.png",
"img2": "gdjt02.png",
"span": "<p>轨道交通是指具有固定线路，铺设固定轨道，配备运输车辆及服务设施，采用轮转方式的大运量公共交通。轨道交通产业包括高速铁路、城际铁路、客运专线、货运专线等铁路及城际轨道交通，地铁、轻轨、有轨电车、磁悬浮电车等城市轨道交通。2020年，我国轨道交通装备行业市场规模为11803.1亿元，预计2025年接近2万亿元，市场增长率在10%左右。轨道交通行业主要包括四个环节，上游铁路基础设施建设，中游机车车辆制造，下游包括轨道交通运营服务和轨道交通信息化。</p>"
},
{
"id": 4,
"industry_level": 1,
"name": "生物医药大健康",
"img1": "yy-01.png",
"img2": "yy-02.png",
"span": "<p>医药产业链，上游主要包括药物研发、药材种植及销售、药物原料生产等环节；中游主要包括生物制药、中药制造、化学制药、保健品、医疗器械等环节；下游主要包括药品流通、医疗服务等环节。满城市在中药种植、中药研制领域优势明显。</p>"
},
{
"id": 5,
"industry_level": 1,
"name": "新材料及高端装备制造",
"img1": "xcl-01.png",
"img2": "xcl-02.png",
"span": "<p>新材料是指新出现的、具有优异性能或特殊功能的材料，或是传统材料改进后性能明显提高或产生新功能的材料。新材料产业是新一轮科技革命与产业变革中创新最为活跃、发展最为迅猛的新兴产业之一。</p><p>新材料产业规模庞大、门类广。结合《“十四五”国家战略性新兴产业发展规划》，新材料可以分为先进基础材料、关健战略新材料、前沿新材料等大类。先进基础材料主要包括金属新材料、化工新材料、硅基新材料等。关健战略新材料包括生物基新材料、高性能纤维新材料等。前沿新材料主要包括，超导新材料、纳米新材料、石墨烯新材料等。满城市新材料产业刚刚萌芽，全市新材料企业分布于金属基新材料、化工新材料、硅基新材料领域。</p>"
},
{
"id": 6,
"industry_level": 1,
"name": "教育和体育",
"img1": "",
"img2": "",
"span": "<p></p>"
},
{
"id": 7,
"industry_level": 1,
"name": "现代服务及商贸物流",
"img1": "",
"img2": "",
"span": "<p></p>"
},
{
"id": 8,
"industry_level": 1,
"name": "农业产业化及食品加工",
"img1": "",
"img2": "",
"span": "<p></p>"
},
{
"id": 9,
"industry_level": 1,
"name": "电力电气",
"img1": "",
"img2": "",
"span": "<p></p>"
}
]
src/views/assess/assess.vue
...@@ -8,16 +8,8 @@ ...@@ -8,16 +8,8 @@
:class="activeRouter == item.name ? 'active' : ''" :class="activeRouter == item.name ? 'active' : ''"
@click="changeRouter(item.name)" @click="changeRouter(item.name)"
> >
<img <img v-if="activeRouter != item.name" :src="require(`@/assets/images/assess/${item.img}`)" alt="" />
v-if="activeRouter != item.name" <img v-if="activeRouter == item.name" :src="require(`@/assets/images/assess/${item.img_select}`)" alt="" />
:src="require(`@/assets/images/assess/${item.img}`)"
alt=""
/>
<img
v-if="activeRouter == item.name"
:src="require(`@/assets/images/assess/${item.img_select}`)"
alt=""
/>
<span>{{ item.title }} </span> <span>{{ item.title }} </span>
</li> </li>
</ul> </ul>
......
src/views/assess/pages/ass.vue
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
> >
<bm-boundary <bm-boundary
v-for="item in district_list" v-for="item in district_list"
:key="item.district_name" :key="item.id"
:name="'山西省晋城市' + item.district_name" :name="'山西省晋城市' + item.district_name"
:strokeWeight="2" :strokeWeight="2"
strokeColor="#2977f0" strokeColor="#2977f0"
......
src/views/atlas/atlas.vue
...@@ -8,17 +8,9 @@ ...@@ -8,17 +8,9 @@
:class="activeRouter == index ? 'active' : ''" :class="activeRouter == index ? 'active' : ''"
@click="changeRouter(index)" @click="changeRouter(index)"
> >
<img <img v-if="activeRouter != index" :src="require(`@/assets/images/atlas/${item.img}`)" alt="" />
v-if="activeRouter != index" <img v-if="activeRouter == index" :src="require(`@/assets/images/atlas/${item.img_select}`)" alt="" />
:src="require(`@/assets/images/atlas/${item.img}`)" <span>{{ item.title }}</span>
alt=""
/>
<img
v-if="activeRouter == index"
:src="require(`@/assets/images/atlas/${item.img_select}`)"
alt=""
/>
<span>{{ item.title}}</span>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -43,72 +35,48 @@ ...@@ -43,72 +35,48 @@
/> />
<div v-if="activeRouter == 2" class=" box-more"> <div v-if="activeRouter == 2" class=" box-more">
<div class="top-head-nav"> <div class="top-head-nav">
<span <span :class="[resourcesActiveName == 1 ? 'active' : '']" @click="resourcesActiveName = 1">高等院校</span>
:class="[resourcesActiveName == 1 ? 'active' : '']" <span :class="[resourcesActiveName == 2 ? 'active' : '']" @click="resourcesActiveName = 2">创新平台</span>
@click="resourcesActiveName = 1"
>高等院校</span
>
<span
:class="[resourcesActiveName == 2 ? 'active' : '']"
@click="resourcesActiveName = 2"
>创新平台</span
>
</div> </div>
<!-- <School <School
v-if="resourcesActiveName == 1" v-if="resourcesActiveName == 1"
:industry_id="industry_id" :industry_id="industry_id"
:industry_level="industry_level" :industry_level="industry_level"
:select_flag="1" :select_flag="1"
/> --> />
<!-- <Platform <Platform
v-if="resourcesActiveName == 2" v-if="resourcesActiveName == 2"
:industry_id="industry_id" :industry_id="industry_id"
:industry_level="industry_level" :industry_level="industry_level"
:select_flag="3" :select_flag="3"
/> --> />
</div> </div>
<div v-if="activeRouter == 3" class=" box-more"> <div v-if="activeRouter == 3" class=" box-more">
<div class="top-head-nav"> <div class="top-head-nav">
<span <span :class="[carrierActiveName == 1 ? 'active' : '']" @click="carrierActiveName = 1">行政区</span>
:class="[carrierActiveName == 1 ? 'active' : '']" <span :class="[carrierActiveName == 2 ? 'active' : '']" @click="carrierActiveName = 2">开发区</span>
@click="carrierActiveName = 1" <span :class="[carrierActiveName == 3 ? 'active' : '']" @click="carrierActiveName = 3">产业园区</span>
>行政区</span
>
<span
:class="[carrierActiveName == 2 ? 'active' : '']"
@click="carrierActiveName = 2"
>开发区</span
>
<span
:class="[carrierActiveName == 3 ? 'active' : '']"
@click="carrierActiveName = 3"
>产业园区</span
>
</div> </div>
<!-- <District <District
v-if="carrierActiveName == 1" v-if="carrierActiveName == 1"
:industry_id="industry_id" :industry_id="industry_id"
:industry_level="industry_level" :industry_level="industry_level"
:select_flag="1" :select_flag="1"
/> --> />
<!-- <Kaifaqu <Kaifaqu
v-if="carrierActiveName == 2" v-if="carrierActiveName == 2"
:industry_id="industry_id" :industry_id="industry_id"
:industry_level="industry_level" :industry_level="industry_level"
:select_flag="7" :select_flag="7"
/> --> />
<!-- <Park <Park
v-if="carrierActiveName == 3" v-if="carrierActiveName == 3"
:industry_id="industry_id" :industry_id="industry_id"
:industry_level="industry_level" :industry_level="industry_level"
:select_flag="2" :select_flag="2"
/> -->
</div>
<Policy
v-if="activeRouter == 4"
:industry_id="industry_id"
:industry_level="industry_level"
/> />
</div>
<Policy v-if="activeRouter == 4" :industry_id="industry_id" :industry_level="industry_level" />
<Estimate v-if="activeRouter == 5" :industry_id="industry_id" /> <Estimate v-if="activeRouter == 5" :industry_id="industry_id" />
</div> </div>
</div> </div>
...@@ -215,14 +183,7 @@ export default { ...@@ -215,14 +183,7 @@ export default {
methods: { methods: {
changeRouter(val) { changeRouter(val) {
console.log(val);
//限制其他几个页面入口
if (val !== 5) {
this.activeRouter = val; this.activeRouter = val;
}
//源代码
// this.activeRouter = val;
}, },
getCateid(data) { getCateid(data) {
...@@ -759,10 +720,7 @@ td { ...@@ -759,10 +720,7 @@ td {
} }
} }
//// 表格样式修改 //// 表格样式修改
/deep/.el-table--striped /deep/.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
.el-table__body
tr.el-table__row--striped
td.el-table__cell {
// background: #f7faff; // background: #f7faff;
background: #f9fafc; background: #f9fafc;
} }
...@@ -825,10 +783,7 @@ td { ...@@ -825,10 +783,7 @@ td {
height: 30px; height: 30px;
background: url("~@images/atlas/icon-page-right.png") no-repeat center; background: url("~@images/atlas/icon-page-right.png") no-repeat center;
} }
/deep/ /deep/ .el-pagination button:disabled.btn-next:hover .el-icon-arrow-right:before {
.el-pagination
button:disabled.btn-next:hover
.el-icon-arrow-right:before {
content: ""; content: "";
display: inline-block; display: inline-block;
width: 30px; width: 30px;
...@@ -845,10 +800,7 @@ td { ...@@ -845,10 +800,7 @@ td {
height: 30px; height: 30px;
background: url("~@images/atlas/icon-page-left.png") no-repeat center; background: url("~@images/atlas/icon-page-left.png") no-repeat center;
} }
/deep/ /deep/ .el-pagination button:disabled.btn-prev:hover .el-icon-arrow-left:before {
.el-pagination
button:disabled.btn-prev:hover
.el-icon-arrow-left:before {
content: ""; content: "";
display: inline-block; display: inline-block;
width: 30px; width: 30px;
...@@ -929,17 +881,11 @@ td { ...@@ -929,17 +881,11 @@ td {
/deep/.tab-resources .el-tabs--top .el-tabs__item.is-top:nth-child(2) { /deep/.tab-resources .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
padding-left: 24px; padding-left: 24px;
} }
/deep/.tab-resources /deep/.tab-resources .el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
.el-tabs--card
> .el-tabs__header
.el-tabs__item:first-child {
border-left: 1px solid #0043b3; border-left: 1px solid #0043b3;
} }
/deep/.tab-resources /deep/.tab-resources .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
.el-tabs--card
> .el-tabs__header
.el-tabs__item.is-active {
color: #fff; color: #fff;
background: linear-gradient(0deg, #0043b3 0%, #2667d5 100%); background: linear-gradient(0deg, #0043b3 0%, #2667d5 100%);
border-radius: 4px; border-radius: 4px;
...@@ -1022,26 +968,26 @@ td { ...@@ -1022,26 +968,26 @@ td {
*ipad 1024 * 768 *ipad 1024 * 768
*/ */
/*分辨率低于1680，采用下面的样式*/ /*分辨率低于1680，采用下面的样式*/
@media screen and (max-device-width: 1680px) { // @media screen and (max-device-width: 1680px) {
.top-head-nav { // .top-head-nav {
margin-bottom: 16px !important; // margin-bottom: 16px !important;
} // }
/deep/ .el-table .el-table__cell { // /deep/ .el-table .el-table__cell {
line-height: 40px !important; // line-height: 40px !important;
height: 40px !important; // height: 40px !important;
} // }
/deep/ .el-table .el-table__cell .cell { // /deep/ .el-table .el-table__cell .cell {
height: 40px !important; // height: 40px !important;
line-height: 40px !important; // line-height: 40px !important;
} // }
.el-pagination { // .el-pagination {
text-align: right; // text-align: right;
margin-top: 10px; // margin-top: 10px;
} // }
.box-more { // .box-more {
padding: 20px 30px; // padding: 20px 30px;
overflow: hidden; // overflow: hidden;
overflow-y: auto; // overflow-y: auto;
} // }
} // }
</style> </style>
src/views/atlas/pages/chain.vue
...@@ -2,32 +2,16 @@ ...@@ -2,32 +2,16 @@
<div class="chain-detail info"> <div class="chain-detail info">
<div class="detail"> <div class="detail">
<div class="title"> <div class="title">
<!-- 2023.8.1修改与隐藏 --> <span>{{ info.name }}</span>
<!-- <span>{{ info.name }}</span> -->
<span v-if="info.name == '新材料'">{{ info.name+'及高端装备制造' }}</span>
<span v-if="info.name == '医药'">{{ '生物医药大健康'}}</span>
<span v-else>{{ info.name}}</span>
</div> </div>
<div class="concent-box "> <div class="concent-box ">
<div <div class="text-box scroll-auto" v-html="info.span" ref="details"></div>
class="text-box scroll-auto"
v-html="info.span"
ref="details"
></div>
<div class="img"> <div class="img">
<div> <div>
<img <img :src="require('@/assets/images/industry/' + info.img1)" alt="" v-if="info.img1" />
:src="require('@/assets/images/industry/' + info.img1)"
alt=""
v-if="info.img1"
/>
</div> </div>
<div> <div>
<img <img :src="require('@/assets/images/industry/' + info.img2)" alt="" v-if="info.img2" />
:src="require('@/assets/images/industry/' + info.img2)"
alt=""
v-if="info.img2"
/>
</div> </div>
</div> </div>
</div> </div>
...@@ -35,7 +19,7 @@ ...@@ -35,7 +19,7 @@
</div> </div>
</template> </template>
<script> <script>
import industryArr from "@/utils/industry_clone.json"; import industryArr from "@/utils/industry.json";
export default { export default {
data() { data() {
return { return {
...@@ -191,22 +175,22 @@ export default { ...@@ -191,22 +175,22 @@ export default {
*ipad 1024 * 768 *ipad 1024 * 768
*/ */
/*分辨率低于1680，采用下面的样式*/ /*分辨率低于1680，采用下面的样式*/
@media screen and (max-device-width: 1680px) { // @media screen and (max-device-width: 1680px) {
.img img { // .img img {
max-height: 248px; // max-height: 248px;
border: 1px solid #ddd; // border: 1px solid #ddd;
} // }
} // }
// /*分辨率低于1536，采用下面的样式*/ // /*分辨率低于1536，采用下面的样式*/
// @media screen and (max-device-width: 1512px) { // @media screen and (max-device-width: 1512px) {
// } // }
/*分辨率低于1440，采用下面的样式*/ /*分辨率低于1440，采用下面的样式*/
@media screen and (max-device-width: 1440px) { // @media screen and (max-device-width: 1440px) {
.img img { // .img img {
max-height: 200px; // max-height: 200px;
border: 1px solid #ddd; // border: 1px solid #ddd;
} // }
} // }
/*分辨率低于1180，采用下面的样式*/ /*分辨率低于1180，采用下面的样式*/
@media screen and (max-device-width: 1180px) { @media screen and (max-device-width: 1180px) {
......
src/views/atlas/pages/district.vue
...@@ -45,13 +45,7 @@ export default { ...@@ -45,13 +45,7 @@ export default {
watch: { watch: {
industry_id(nv, ov) { industry_id(nv, ov) {
this.currentPage = 1; this.currentPage = 1;
this.getTableData( this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
}, },
}, },
props: { props: {
...@@ -69,23 +63,11 @@ export default { ...@@ -69,23 +63,11 @@ export default {
}, },
}, },
mounted() { mounted() {
this.getTableData( this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
}, },
methods: { methods: {
async getTableData(inid, industry_level, select_flag, page, perpage) { async getTableData(inid, industry_level, select_flag, page, perpage) {
let res = await API.zaiti( let res = await API.zaiti(inid, industry_level, select_flag, page, perpage);
inid,
industry_level,
select_flag,
page,
perpage
);
this.districtData = res.admin_data; this.districtData = res.admin_data;
this.total = res.size; this.total = res.size;
}, },
...@@ -215,19 +197,19 @@ export default { ...@@ -215,19 +197,19 @@ export default {
*ipad 1024 * 768 *ipad 1024 * 768
*/ */
/*分辨率低于1680，采用下面的样式*/ /*分辨率低于1680，采用下面的样式*/
@media screen and (max-device-width: 1680px) { // @media screen and (max-device-width: 1680px) {
.district_flex li .d_main .d_main_center, // .district_flex li .d_main .d_main_center,
.district_flex li .d_main .d_main_right { // .district_flex li .d_main .d_main_right {
flex: 1; // flex: 1;
display: flex; // display: flex;
flex-direction: column; // flex-direction: column;
justify-content: space-around; // justify-content: space-around;
height: 100%; // height: 100%;
font-family: Microsoft YaHei; // font-family: Microsoft YaHei;
color: #333; // color: #333;
font-size: 14px; // font-size: 14px;
} // }
} // }
// /*分辨率低于1536，采用下面的样式*/ // /*分辨率低于1536，采用下面的样式*/
// @media screen and (max-device-width: 1512px) { // @media screen and (max-device-width: 1512px) {
// } // }
......
src/views/atlas/pages/kaifaqu.vue
...@@ -44,13 +44,7 @@ export default { ...@@ -44,13 +44,7 @@ export default {
watch: { watch: {
industry_id(nv, ov) { industry_id(nv, ov) {
this.currentPage = 1; this.currentPage = 1;
this.getTableData( this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
}, },
}, },
props: { props: {
...@@ -68,23 +62,11 @@ export default { ...@@ -68,23 +62,11 @@ export default {
}, },
}, },
mounted() { mounted() {
this.getTableData( this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
}, },
methods: { methods: {
async getTableData(inid, industry_level, select_flag, page, perpage) { async getTableData(inid, industry_level, select_flag, page, perpage) {
let res = await API.zaiti( let res = await API.zaiti(inid, industry_level, select_flag, page, perpage);
inid,
industry_level,
select_flag,
page,
perpage
);
this.districtData = res.garden; this.districtData = res.garden;
this.total = res.size; this.total = res.size;
}, },
...@@ -214,19 +196,19 @@ export default { ...@@ -214,19 +196,19 @@ export default {
*ipad 1024 * 768 *ipad 1024 * 768
*/ */
/*分辨率低于1680，采用下面的样式*/ /*分辨率低于1680，采用下面的样式*/
@media screen and (max-device-width: 1680px) { // @media screen and (max-device-width: 1680px) {
.district_flex li .d_main .d_main_center, // .district_flex li .d_main .d_main_center,
.district_flex li .d_main .d_main_right { // .district_flex li .d_main .d_main_right {
flex: 1; // flex: 1;
display: flex; // display: flex;
flex-direction: column; // flex-direction: column;
justify-content: space-around; // justify-content: space-around;
height: 100%; // height: 100%;
font-family: Microsoft YaHei; // font-family: Microsoft YaHei;
color: #333; // color: #333;
font-size: 14px; // font-size: 14px;
} // }
} // }
// /*分辨率低于1536，采用下面的样式*/ // /*分辨率低于1536，采用下面的样式*/
// @media screen and (max-device-width: 1512px) { // @media screen and (max-device-width: 1512px) {
// } // }
......
src/views/atlas/pages/park.vue
...@@ -13,12 +13,7 @@ ...@@ -13,12 +13,7 @@
textAlign: 'center', textAlign: 'center',
}" }"
> >
<el-table-column <el-table-column :show-overflow-tooltip="true" label="序号" width="50" fixed>
:show-overflow-tooltip="true"
label="序号"
width="50"
fixed
>
<template slot-scope="scope"> <template slot-scope="scope">
{{ (currentPage - 1) * perpage + scope.row.index }} {{ (currentPage - 1) * perpage + scope.row.index }}
</template> </template>
...@@ -30,36 +25,16 @@ ...@@ -30,36 +25,16 @@
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column :show-overflow-tooltip="true" prop="region" label="所属地区"> </el-table-column>
:show-overflow-tooltip="true" <el-table-column :show-overflow-tooltip="true" prop="phone" label="联系电话"> </el-table-column>
prop="region" <el-table-column :show-overflow-tooltip="true" prop="level" label="园区级别"> </el-table-column>
label="所属地区"
>
</el-table-column>
<el-table-column
:show-overflow-tooltip="true"
prop="phone"
label="联系电话"
>
</el-table-column>
<el-table-column
:show-overflow-tooltip="true"
prop="level"
label="园区级别"
>
</el-table-column>
<!-- <el-table-column <!-- <el-table-column
:show-overflow-tooltip="true" :show-overflow-tooltip="true"
prop="cate" prop="cate"
label="园区类型" label="园区类型"
> >
</el-table-column> --> </el-table-column> -->
<el-table-column <el-table-column :show-overflow-tooltip="true" prop="address" label="地址"> </el-table-column>
:show-overflow-tooltip="true"
prop="address"
label="地址"
>
</el-table-column>
</el-table> </el-table>
<el-pagination <el-pagination
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
...@@ -89,13 +64,7 @@ export default { ...@@ -89,13 +64,7 @@ export default {
watch: { watch: {
industry_id(nv, ov) { industry_id(nv, ov) {
this.currentPage = 1; this.currentPage = 1;
this.getTableData( this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
}, },
}, },
props: { props: {
...@@ -113,23 +82,11 @@ export default { ...@@ -113,23 +82,11 @@ export default {
}, },
}, },
mounted() { mounted() {
this.getTableData( this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
}, },
methods: { methods: {
async getTableData(inid, industry_level, select_flag, page, perpage) { async getTableData(inid, industry_level, select_flag, page, perpage) {
let res = await API.zaiti( let res = await API.zaiti(inid, industry_level, select_flag, page, perpage);
inid,
industry_level,
select_flag,
page,
perpage
);
this.tableData = res.garden.map((item, index) => { this.tableData = res.garden.map((item, index) => {
item.index = index + 1; item.index = index + 1;
return item; return item;
...@@ -147,22 +104,10 @@ export default { ...@@ -147,22 +104,10 @@ export default {
handleSizeChange(val) { handleSizeChange(val) {
this.currentPage = 1; this.currentPage = 1;
this.perpage = val; this.perpage = val;
this.getTableData( this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
this.getTableData( this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
}, },
}, },
}; };
...@@ -187,31 +132,31 @@ export default { ...@@ -187,31 +132,31 @@ export default {
*ipad 1024 * 768 *ipad 1024 * 768
*/ */
/*分辨率低于1680，采用下面的样式*/ /*分辨率低于1680，采用下面的样式*/
@media screen and (max-device-width: 1680px) { // @media screen and (max-device-width: 1680px) {
.top-head-nav { // .top-head-nav {
margin-bottom: 16px !important; // margin-bottom: 16px !important;
} // }
.options { // .options {
margin-bottom: 0px; // margin-bottom: 0px;
} // }
.time-options { // .time-options {
margin: 10px 0; // margin: 10px 0;
} // }
.el-pagination { // .el-pagination {
margin-top: 14px; // margin-top: 14px;
} // }
} // }
// /*分辨率低于1536，采用下面的样式*/ // /*分辨率低于1536，采用下面的样式*/
// @media screen and (max-device-width: 1512px) { // @media screen and (max-device-width: 1512px) {
// } // }
/*分辨率低于1440，采用下面的样式*/ /*分辨率低于1440，采用下面的样式*/
@media screen and (max-device-width: 1440px) { // @media screen and (max-device-width: 1440px) {
.box-more { // .box-more {
padding: 20px 30px; // padding: 20px 30px;
overflow: hidden; // overflow: hidden;
overflow-y: auto; // overflow-y: auto;
} // }
} // }
/*分辨率低于1366，采用下面的样式*/ /*分辨率低于1366，采用下面的样式*/
@media screen and (max-device-width: 1366px) { @media screen and (max-device-width: 1366px) {
} }
......
src/views/atlas/pages/platform.vue
...@@ -13,54 +13,23 @@ ...@@ -13,54 +13,23 @@
textAlign: 'center', textAlign: 'center',
}" }"
> >
<el-table-column <el-table-column :show-overflow-tooltip="true" fixed prop="index" label="序号" width="80">
:show-overflow-tooltip="true"
fixed
prop="index"
label="序号"
width="80"
>
<template slot-scope="scope"> <template slot-scope="scope">
{{ (page - 1) * per_page + scope.row.index }} {{ (page - 1) * per_page + scope.row.index }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column :show-overflow-tooltip="true" fixed prop="name" label="平台名称" width="400">
:show-overflow-tooltip="true"
fixed
prop="name"
label="平台名称"
width="400"
>
<template slot-scope="scope"> <template slot-scope="scope">
<div @click="goPlatform(scope.row.id)" style="cursor:pointer"> <div @click="goPlatform(scope.row.id)" style="cursor:pointer">
{{ scope.row.name }} {{ scope.row.name }}
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column :show-overflow-tooltip="true" prop="admin" label="所属地区"> </el-table-column>
:show-overflow-tooltip="true" <el-table-column :show-overflow-tooltip="true" prop="cate" label="平台类型"> </el-table-column>
prop="admin"
label="所属地区"
>
</el-table-column>
<el-table-column
:show-overflow-tooltip="true"
prop="cate"
label="平台类型"
>
</el-table-column>
<!-- <el-table-column :show-overflow-tooltip="true" prop="fax" label="传真"> </el-table-column> --> <!-- <el-table-column :show-overflow-tooltip="true" prop="fax" label="传真"> </el-table-column> -->
<el-table-column <el-table-column :show-overflow-tooltip="true" prop="postcode" label="联系电话"> </el-table-column>
:show-overflow-tooltip="true" <el-table-column :show-overflow-tooltip="true" prop="address" label="地址"></el-table-column>
prop="postcode"
label="联系电话"
>
</el-table-column>
<el-table-column
:show-overflow-tooltip="true"
prop="address"
label="地址"
></el-table-column>
</el-table> </el-table>
<el-pagination <el-pagination
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
...@@ -90,13 +59,7 @@ export default { ...@@ -90,13 +59,7 @@ export default {
watch: { watch: {
industry_id(nv, ov) { industry_id(nv, ov) {
this.page = 1; this.page = 1;
this.getTableData( this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.page, this.per_page);
this.industry_id,
this.industry_level,
this.select_flag,
this.page,
this.per_page
);
}, },
}, },
props: { props: {
...@@ -114,23 +77,11 @@ export default { ...@@ -114,23 +77,11 @@ export default {
}, },
}, },
mounted() { mounted() {
this.getTableData( this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.page, this.per_page);
this.industry_id,
this.industry_level,
this.select_flag,
this.page,
this.per_page
);
}, },
methods: { methods: {
async getTableData(inid, industry_level, select_flag, page, per_page) { async getTableData(inid, industry_level, select_flag, page, per_page) {
let res = await API.resource( let res = await API.resource(inid, industry_level, select_flag, page, per_page);
inid,
industry_level,
select_flag,
page,
per_page
);
this.tableData = res.df.map((item, index) => { this.tableData = res.df.map((item, index) => {
item.index = index + 1; item.index = index + 1;
return item; return item;
...@@ -148,22 +99,10 @@ export default { ...@@ -148,22 +99,10 @@ export default {
handleSizeChange(val) { handleSizeChange(val) {
this.page = 1; this.page = 1;
this.per_page = val; this.per_page = val;
this.getTableData( this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.page, this.per_page);
this.industry_id,
this.industry_level,
this.select_flag,
this.page,
this.per_page
);
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
this.getTableData( this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.page, this.per_page);
this.industry_id,
this.industry_level,
this.select_flag,
this.page,
this.per_page
);
}, },
}, },
}; };
...@@ -188,39 +127,39 @@ export default { ...@@ -188,39 +127,39 @@ export default {
*ipad 1024 * 768 *ipad 1024 * 768
*/ */
/*分辨率低于1680，采用下面的样式*/ /*分辨率低于1680，采用下面的样式*/
@media screen and (max-device-width: 1680px) { // @media screen and (max-device-width: 1680px) {
.top-head-nav { // .top-head-nav {
margin-bottom: 14px !important; // margin-bottom: 14px !important;
} // }
/deep/ .el-table .el-table__cell { // /deep/ .el-table .el-table__cell {
line-height: 40px !important; // line-height: 40px !important;
height: 40px !important; // height: 40px !important;
} // }
/deep/ .el-table .el-table__cell .cell { // /deep/ .el-table .el-table__cell .cell {
height: 40px !important; // height: 40px !important;
line-height: 40px !important; // line-height: 40px !important;
} // }
.el-pagination { // .el-pagination {
text-align: right; // text-align: right;
margin-top: 6px; // margin-top: 6px;
} // }
.box-more { // .box-more {
padding: 20px; // padding: 20px;
overflow: hidden; // overflow: hidden;
overflow-y: auto; // overflow-y: auto;
} // }
} // }
// /*分辨率低于1536，采用下面的样式*/ // /*分辨率低于1536，采用下面的样式*/
// @media screen and (max-device-width: 1512px) { // @media screen and (max-device-width: 1512px) {
// } // }
/*分辨率低于1440，采用下面的样式*/ /*分辨率低于1440，采用下面的样式*/
@media screen and (max-device-width: 1440px) { // @media screen and (max-device-width: 1440px) {
.box-more { // .box-more {
padding: 20px 30px; // padding: 20px 30px;
overflow: hidden; // overflow: hidden;
overflow-y: auto; // overflow-y: auto;
} // }
} // }
/*分辨率低于1366，采用下面的样式*/ /*分辨率低于1366，采用下面的样式*/
@media screen and (max-device-width: 1366px) { @media screen and (max-device-width: 1366px) {
} }
......
src/views/atlas/pages/policy.vue
<template> <template>
<div class=" box-more"> <div class=" box-more">
<div class="top-head-nav"> <div class="top-head-nav">
<!-- <span :class="[policy_level == 0 ? 'active' : '']" @click="changeLevel(0)" <!-- <span :class="[policy_level == 0 ? 'active' : '']" @click="changeLevel(0)">全部</span> -->
>全部</span <span :class="[policy_level == 1 ? 'active' : '']" @click="changeLevel(1)">国家级</span>
> --> <!-- <span :class="[policy_level == 2 ? 'active' : '']" @click="changeLevel(2)">省级</span>
<span :class="[policy_level == 1 ? 'active' : '']" @click="changeLevel(1)" <span :class="[policy_level == 3 ? 'active' : '']" @click="changeLevel(3)">市级</span>
>国家级</span <span :class="[policy_level == 4 ? 'active' : '']" @click="changeLevel(4)">县区</span>
> <span :class="[policy_level == 5 ? 'active' : '']" @click="changeLevel(5)">开发区</span> -->
<!-- 2023.7.31隐藏产业政策入口 -->
<!-- <span :class="[policy_level == 2 ? 'active' : '']" @click="changeLevel(2)"
>省级</span
>
<span :class="[policy_level == 3 ? 'active' : '']" @click="changeLevel(3)"
>市级</span
>
<span :class="[policy_level == 4 ? 'active' : '']" @click="changeLevel(4)"
>县区</span
>
<span :class="[policy_level == 5 ? 'active' : '']" @click="changeLevel(5)"
>开发区</span
> -->
</div> </div>
<div class="options clearfix" v-if="policy_level != 0 && policy_level != 3"> <!-- <div class="options clearfix" v-if="policy_level != 0 && policy_level != 3">
<span>分类筛选：</span> <span>分类筛选：</span>
<ul <ul :class="[policy_level == 4 ? 'xq' : '', policy_level == 5 ? 'kfq' : '']">
:class="[policy_level == 4 ? 'xq' : '', policy_level == 5 ? 'kfq' : '']"
>
<li <li
v-for="item of institution[policy_level]" v-for="item of institution[policy_level]"
:key="item.label" :key="item.label"
...@@ -35,28 +20,16 @@ ...@@ -35,28 +20,16 @@
{{ item.label }} {{ item.label }}
</li> </li>
</ul> </ul>
</div> </div> -->
<div class="time-options "> <div class="time-options ">
<div> <div>
<em>年份筛选：</em> <em>年份筛选：</em>
<el-date-picker <el-date-picker v-model="year" type="year" placeholder="请选择年份" value-format="yyyy" @change="search">
v-model="year"
type="year"
placeholder="请选择年份"
value-format="yyyy"
@change="search"
>
</el-date-picker> </el-date-picker>
</div> </div>
<div class="search-name"> <div class="search-name">
<em>政策名称：</em> <em>政策名称：</em>
<el-input <el-input v-model="keyword" placeholder="请输入政策名称" type="text" clearable @keydown.enter.native="search" />
v-model="keyword"
placeholder="请输入政策名称"
type="text"
clearable
@keydown.enter.native="search"
/>
<span @click="search">搜索</span> <span @click="search">搜索</span>
</div> </div>
</div> </div>
...@@ -73,40 +46,20 @@ ...@@ -73,40 +46,20 @@
textAlign: 'center', textAlign: 'center',
}" }"
> >
<el-table-column <el-table-column :show-overflow-tooltip="true" label="序号" width="50" fixed>
:show-overflow-tooltip="true"
label="序号"
width="50"
fixed
>
<template slot-scope="scope"> <template slot-scope="scope">
{{ (currentPage - 1) * perpage + scope.row.index }} {{ (currentPage - 1) * perpage + scope.row.index }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column :show-overflow-tooltip="true" fixed prop="name" label="政策名称" width="550">
:show-overflow-tooltip="true"
fixed
prop="name"
label="政策名称"
width="550"
>
<template slot-scope="scope"> <template slot-scope="scope">
<div @click="goPolicy(scope.row.id)" style="cursor:pointer"> <div @click="goPolicy(scope.row.id)" style="cursor:pointer">
{{ scope.row.name }} {{ scope.row.name }}
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column :show-overflow-tooltip="true" prop="org" label="发布机构"></el-table-column>
:show-overflow-tooltip="true" <el-table-column :show-overflow-tooltip="true" prop="pubdate" label="发布日期"> </el-table-column>
prop="org"
label="发布机构"
></el-table-column>
<el-table-column
:show-overflow-tooltip="true"
prop="pubdate"
label="发布日期"
>
</el-table-column>
</el-table> </el-table>
<el-pagination <el-pagination
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
...@@ -262,16 +215,7 @@ export default { ...@@ -262,16 +215,7 @@ export default {
policy_name: this.keyword, policy_name: this.keyword,
}); });
}, },
async getTableData({ async getTableData({ inid, industry_level, policy_level, page, perpage, policy_type, policy_year, policy_name }) {
inid,
industry_level,
policy_level,
page,
perpage,
policy_type,
policy_year,
policy_name,
}) {
let res = await API.indus_policy({ let res = await API.indus_policy({
inid, inid,
industry_level, industry_level,
...@@ -474,35 +418,35 @@ export default { ...@@ -474,35 +418,35 @@ export default {
*ipad 1024 * 768 *ipad 1024 * 768
*/ */
/*分辨率低于1680，采用下面的样式*/ /*分辨率低于1680，采用下面的样式*/
@media screen and (max-device-width: 1680px) { // @media screen and (max-device-width: 1680px) {
.top-head-nav { // .top-head-nav {
margin-bottom: 16px !important; // margin-bottom: 16px !important;
} // }
.options { // .options {
margin-bottom: 0px; // margin-bottom: 0px;
} // }
.time-options { // .time-options {
margin: 10px 0; // margin: 10px 0;
} // }
.el-pagination { // .el-pagination {
margin-top: 14px; // margin-top: 14px;
} // }
.box-more { // .box-more {
overflow: hidden; // overflow: hidden;
overflow-y: auto; // overflow-y: auto;
} // }
} // }
// /*分辨率低于1536，采用下面的样式*/ // /*分辨率低于1536，采用下面的样式*/
// @media screen and (max-device-width: 1512px) { // @media screen and (max-device-width: 1512px) {
// } // }
/*分辨率低于1440，采用下面的样式*/ /*分辨率低于1440，采用下面的样式*/
@media screen and (max-device-width: 1440px) { // @media screen and (max-device-width: 1440px) {
.box-more { // .box-more {
padding: 20px 30px; // padding: 20px 30px;
overflow: hidden; // overflow: hidden;
overflow-y: auto; // overflow-y: auto;
} // }
} // }
/*分辨率低于1366，采用下面的样式*/ /*分辨率低于1366，采用下面的样式*/
@media screen and (max-device-width: 1366px) { @media screen and (max-device-width: 1366px) {
} }
......
src/views/atlas/pages/school.vue
...@@ -10,7 +10,6 @@ ...@@ -10,7 +10,6 @@
<p><span>学校地址：</span>{{ item.address }}</p> <p><span>学校地址：</span>{{ item.address }}</p>
<p class="btn" @click="goSchool(item.id)">查看详情</p> <p class="btn" @click="goSchool(item.id)">查看详情</p>
</div> </div>
</div> </div>
</template> </template>
...@@ -31,13 +30,7 @@ export default { ...@@ -31,13 +30,7 @@ export default {
watch: { watch: {
industry_id(nv, ov) { industry_id(nv, ov) {
this.currentPage = 1; this.currentPage = 1;
this.getTableData( this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
}, },
}, },
props: { props: {
...@@ -55,23 +48,11 @@ export default { ...@@ -55,23 +48,11 @@ export default {
}, },
}, },
mounted() { mounted() {
this.getTableData( this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
}, },
methods: { methods: {
async getTableData(inid, industry_level, select_flag, page, perpage) { async getTableData(inid, industry_level, select_flag, page, perpage) {
let res = await API.resource( let res = await API.resource(inid, industry_level, select_flag, page, perpage);
inid,
industry_level,
select_flag,
page,
perpage
);
this.tableData = res.df; this.tableData = res.df;
this.total = res.size; this.total = res.size;
}, },
...@@ -86,22 +67,10 @@ export default { ...@@ -86,22 +67,10 @@ export default {
handleSizeChange(val) { handleSizeChange(val) {
this.currentPage = 1; this.currentPage = 1;
this.perpage = val; this.perpage = val;
this.getTableData( this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
this.getTableData( this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
}, },
}, },
}; };
...@@ -184,26 +153,26 @@ export default { ...@@ -184,26 +153,26 @@ export default {
*ipad 1024 * 768 *ipad 1024 * 768
*/ */
/*分辨率低于1680，采用下面的样式*/ /*分辨率低于1680，采用下面的样式*/
@media screen and (max-device-width: 1680px) { // @media screen and (max-device-width: 1680px) {
.content-school > div { // .content-school > div {
padding: 50px 0 0 30px; // padding: 50px 0 0 30px;
} // }
.content-school .title { // .content-school .title {
margin-bottom: 30px; // margin-bottom: 30px;
} // }
.content-school .btn { // .content-school .btn {
margin-top: 60px; // margin-top: 60px;
} // }
} // }
// /*分辨率低于1536，采用下面的样式*/ // /*分辨率低于1536，采用下面的样式*/
// @media screen and (max-device-width: 1512px) { // @media screen and (max-device-width: 1512px) {
// } // }
/*分辨率低于1440，采用下面的样式*/ /*分辨率低于1440，采用下面的样式*/
@media screen and (max-device-width: 1440px) { // @media screen and (max-device-width: 1440px) {
.content-school .btn[data-v-78d3a93d] { // .content-school .btn[data-v-78d3a93d] {
margin-top: 24px; // margin-top: 24px;
} // }
} // }
/*分辨率低于1366，采用下面的样式*/ /*分辨率低于1366，采用下面的样式*/
@media screen and (max-device-width: 1366px) { @media screen and (max-device-width: 1366px) {
} }
......
src/views/atlas/pages/workshop.vue
...@@ -57,13 +57,7 @@ export default { ...@@ -57,13 +57,7 @@ export default {
watch: { watch: {
industry_id(nv, ov) { industry_id(nv, ov) {
this.currentPage = 1; this.currentPage = 1;
this.getTableData( this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
}, },
}, },
props: { props: {
...@@ -81,23 +75,11 @@ export default { ...@@ -81,23 +75,11 @@ export default {
}, },
}, },
mounted() { mounted() {
this.getTableData( this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
}, },
methods: { methods: {
async getTableData(inid, industry_level, select_flag, page, perpage) { async getTableData(inid, industry_level, select_flag, page, perpage) {
let res = await API.zaiti( let res = await API.zaiti(inid, industry_level, select_flag, page, perpage);
inid,
industry_level,
select_flag,
page,
perpage
);
this.tableData = res.factory_data; this.tableData = res.factory_data;
this.total = res.size; this.total = res.size;
}, },
...@@ -112,22 +94,10 @@ export default { ...@@ -112,22 +94,10 @@ export default {
handleSizeChange(val) { handleSizeChange(val) {
this.currentPage = 1; this.currentPage = 1;
this.perpage = val; this.perpage = val;
this.getTableData( this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
this.getTableData( this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
}, },
}, },
}; };
...@@ -142,9 +112,9 @@ export default { ...@@ -142,9 +112,9 @@ export default {
text-align: right; text-align: right;
margin-top: 20px; margin-top: 20px;
} }
@media screen and (min-width: 1366px) and (max-width: 1800px) { // @media screen and (min-width: 1366px) and (max-width: 1800px) {
/deep/ .el-table { // /deep/ .el-table {
width: 1120px !important; // width: 1120px !important;
} // }
} // }
</style> </style>
src/views/details/building.vue
...@@ -332,40 +332,40 @@ table { ...@@ -332,40 +332,40 @@ table {
.height_box { .height_box {
height: 30px; height: 30px;
} }
@media screen and (min-width: 1366px) and (max-width: 1600px) { // @media screen and (min-width: 1366px) and (max-width: 1600px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0px 200px 30px; // padding: 0px 200px 30px;
} // }
} // }
@media only screen and (width: 1366px) { // @media only screen and (width: 1366px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0px 200px 30px; // padding: 0px 200px 30px;
} // }
} // }
@media screen and (max-width: 1200px) { // @media screen and (max-width: 1200px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
.epClassify li p { // .epClassify li p {
font-size: 16px; // font-size: 16px;
} // }
.epClassify li p:last-child { // .epClassify li p:last-child {
font-size: 18px; // font-size: 18px;
} // }
.epClassify li { // .epClassify li {
padding: 0 30px; // padding: 0 30px;
} // }
/deep/ .el-tabs__nav-scroll { // /deep/ .el-tabs__nav-scroll {
padding-left: 30px; // padding-left: 30px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0 30px 30px; // padding: 0 30px 30px;
} // }
} // }
</style> </style>
src/views/details/building1.vue
...@@ -42,11 +42,7 @@ ...@@ -42,11 +42,7 @@
<el-image <el-image
v-if="info.outer_picture_url" v-if="info.outer_picture_url"
:src="info.outer_picture_url" :src="info.outer_picture_url"
:preview-src-list="[ :preview-src-list="[info.outer_picture_url, info.inside_picture_url, info.price_url]"
info.outer_picture_url,
info.inside_picture_url,
info.price_url,
]"
> >
</el-image> </el-image>
</td> </td>
...@@ -63,11 +59,7 @@ ...@@ -63,11 +59,7 @@
<td>拟招引产业</td> <td>拟招引产业</td>
<td> <td>
{{ info.attract_status }} {{ info.attract_status }}
{{ {{ info.attract_status == "其他" ? `(${info.other_attract_status})` : "" }}
info.attract_status == "其他"
? `(${info.other_attract_status})`
: ""
}}
</td> </td>
<td>合作模式</td> <td>合作模式</td>
<td>{{ info.cooperation_model }}</td> <td>{{ info.cooperation_model }}</td>
...@@ -86,11 +78,7 @@ ...@@ -86,11 +78,7 @@
<el-image <el-image
v-if="info.inside_picture_url" v-if="info.inside_picture_url"
:src="info.inside_picture_url" :src="info.inside_picture_url"
:preview-src-list="[ :preview-src-list="[info.outer_picture_url, info.inside_picture_url, info.price_url]"
info.outer_picture_url,
info.inside_picture_url,
info.price_url,
]"
> >
</el-image> </el-image>
</td> </td>
...@@ -115,11 +103,7 @@ ...@@ -115,11 +103,7 @@
<el-image <el-image
v-if="info.price_url" v-if="info.price_url"
:src="info.price_url" :src="info.price_url"
:preview-src-list="[ :preview-src-list="[info.outer_picture_url, info.inside_picture_url, info.price_url]"
info.outer_picture_url,
info.inside_picture_url,
info.price_url,
]"
> >
</el-image> </el-image>
</td> </td>
...@@ -157,10 +141,8 @@ export default { ...@@ -157,10 +141,8 @@ export default {
async getDetail(id) { async getDetail(id) {
let res = await api.CheckDetail({ id, carrier_type: 1 }); let res = await api.CheckDetail({ id, carrier_type: 1 });
if (res.data.length > 0) { if (res.data.length > 0) {
res.data[0].inside_picture_url = res.data[0].inside_picture_url = res.data[0].inside_picture_url[0]?.url || "";
res.data[0].inside_picture_url[0]?.url || ""; res.data[0].outer_picture_url = res.data[0].outer_picture_url[0]?.url || "";
res.data[0].outer_picture_url =
res.data[0].outer_picture_url[0]?.url || "";
this.info = res.data[0]; this.info = res.data[0];
res.data[0].price_url = res.data[0].price_url[0]?.url || ""; res.data[0].price_url = res.data[0].price_url[0]?.url || "";
} else { } else {
...@@ -180,8 +162,7 @@ export default { ...@@ -180,8 +162,7 @@ export default {
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
height: 260px; height: 260px;
background: url("~@/assets/images/public/bg-img-building.png") no-repeat background: url("~@/assets/images/public/bg-img-building.png") no-repeat center;
center;
padding: 0 210px; padding: 0 210px;
} }
.main_body { .main_body {
...@@ -452,42 +433,42 @@ table { ...@@ -452,42 +433,42 @@ table {
.height_box { .height_box {
height: 30px; height: 30px;
} }
@media screen and (min-width: 1366px) and (max-width: 1600px) { // @media screen and (min-width: 1366px) and (max-width: 1600px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0px 200px 30px; // padding: 0px 200px 30px;
} // }
} // }
@media only screen and (width: 1366px) { // @media only screen and (width: 1366px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0px 200px 30px; // padding: 0px 200px 30px;
} // }
} // }
@media screen and (max-width: 1200px) { // @media screen and (max-width: 1200px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
.epClassify li p { // .epClassify li p {
font-size: 16px; // font-size: 16px;
} // }
.epClassify li p:last-child { // .epClassify li p:last-child {
font-size: 18px; // font-size: 18px;
} // }
.epClassify li { // .epClassify li {
padding: 0 30px; // padding: 0 30px;
} // }
/deep/ .el-tabs__nav-scroll { // /deep/ .el-tabs__nav-scroll {
padding-left: 30px; // padding-left: 30px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0 30px 30px; // padding: 0 30px 30px;
} // }
} // }
/* /*
*常用电脑尺寸 1680 * 900 *常用电脑尺寸 1680 * 900
* 1536 * 864 * 1536 * 864
...@@ -500,29 +481,29 @@ table { ...@@ -500,29 +481,29 @@ table {
@media screen and (max-device-width: 1680px) { @media screen and (max-device-width: 1680px) {
} }
/*分辨率低于1536，采用下面的样式*/ /*分辨率低于1536，采用下面的样式*/
@media screen and (max-device-width: 1536px) { // @media screen and (max-device-width: 1536px) {
.main .main_body .main-body-area { // .main .main_body .main-body-area {
max-width: 1400px; // max-width: 1400px;
} // }
} // }
/*分辨率低于1440，采用下面的样式*/ /*分辨率低于1440，采用下面的样式*/
@media screen and (max-device-width: 1440px) { // @media screen and (max-device-width: 1440px) {
.main .main_body .main-body-area { // .main .main_body .main-body-area {
max-width: 1366px; // max-width: 1366px;
} // }
} // }
/*分辨率低于1366，采用下面的样式*/ /*分辨率低于1366，采用下面的样式*/
@media screen and (max-device-width: 1366px) { // @media screen and (max-device-width: 1366px) {
.main .main_body .main-body-area { // .main .main_body .main-body-area {
max-width: 1180px; // max-width: 1180px;
} // }
} // }
/*分辨率低于1180，采用下面的样式*/ /*分辨率低于1180，采用下面的样式*/
@media screen and (max-device-width: 1180px) { // @media screen and (max-device-width: 1180px) {
.main .main_body .main-body-area { // .main .main_body .main-body-area {
max-width: 1000px; // max-width: 1000px;
} // }
} // }
/*分辨率低于1024，采用下面的样式*/ /*分辨率低于1024，采用下面的样式*/
@media screen and (max-device-width: 1024px) { @media screen and (max-device-width: 1024px) {
} }
......
src/views/details/enterpriseList.vue
...@@ -4,20 +4,13 @@ ...@@ -4,20 +4,13 @@
<div class="head_crumbs clearfix"> <div class="head_crumbs clearfix">
<span>当前位置：</span> <span>当前位置：</span>
<el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/' }" <el-breadcrumb-item :to="{ path: '/' }">招商驾驶舱</el-breadcrumb-item>
>招商驾驶舱</el-breadcrumb-item
>
<el-breadcrumb-item>企业列表页</el-breadcrumb-item> <el-breadcrumb-item>企业列表页</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
<span class="go_back" @click="$router.go(-1)">返回</span> <span class="go_back" @click="$router.go(-1)">返回</span>
</div> </div>
<div class="list" v-if="size != 0"> <div class="list" v-if="size != 0">
<div <div class="list_item" v-for="item of List" :key="item.id" @click="goEpDetails(item.id)">
class="list_item"
v-for="item of List"
:key="item.id"
@click="goEpDetails(item.id)"
>
<p class="item_title">{{ item.name }}</p> <p class="item_title">{{ item.name }}</p>
<div class="clearfix float_box pp"> <div class="clearfix float_box pp">
<p> <p>
...@@ -321,10 +314,7 @@ export default { ...@@ -321,10 +314,7 @@ export default {
height: 30px; height: 30px;
background: url("~@images/atlas/icon-page-right.png") no-repeat center; background: url("~@images/atlas/icon-page-right.png") no-repeat center;
} }
/deep/ /deep/ .el-pagination button:disabled.btn-next:hover .el-icon-arrow-right:before {
.el-pagination
button:disabled.btn-next:hover
.el-icon-arrow-right:before {
content: ""; content: "";
display: inline-block; display: inline-block;
width: 30px; width: 30px;
...@@ -341,10 +331,7 @@ export default { ...@@ -341,10 +331,7 @@ export default {
height: 30px; height: 30px;
background: url("~@images/atlas/icon-page-left.png") no-repeat center; background: url("~@images/atlas/icon-page-left.png") no-repeat center;
} }
/deep/ /deep/ .el-pagination button:disabled.btn-prev:hover .el-icon-arrow-left:before {
.el-pagination
button:disabled.btn-prev:hover
.el-icon-arrow-left:before {
content: ""; content: "";
display: inline-block; display: inline-block;
width: 30px; width: 30px;
...@@ -357,52 +344,52 @@ export default { ...@@ -357,52 +344,52 @@ export default {
/deep/ .el-pagination .btn-prev .el-icon { /deep/ .el-pagination .btn-prev .el-icon {
box-shadow: 0px 0px 4px 0px rgb(86 86 86 / 11%); box-shadow: 0px 0px 4px 0px rgb(86 86 86 / 11%);
} }
@media only screen and (width: 1366px) { // @media only screen and (width: 1366px) {
.epMain .epList { // .epMain .epList {
padding: 30px 20px; // padding: 30px 20px;
width: 100%; // width: 100%;
overflow-y: scroll; // overflow-y: scroll;
} // }
.list_item { // .list_item {
padding: 0 50px 0 80px; // padding: 0 50px 0 80px;
width: 100%; // width: 100%;
} // }
/deep/ .el-pagination { // /deep/ .el-pagination {
text-align: center; // text-align: center;
margin-top: 60px; // margin-top: 60px;
} // }
.list_item .item_title { // .list_item .item_title {
font-size: 24px; // font-size: 24px;
} // }
} // }
@media screen and (max-width: 1200px) { // @media screen and (max-width: 1200px) {
.epMain .epList { // .epMain .epList {
padding: 30px 20px 20px; // padding: 30px 20px 20px;
width: 100%; // width: 100%;
overflow-y: scroll; // overflow-y: scroll;
} // }
.list_item { // .list_item {
padding: 0 50px 0 80px; // padding: 0 50px 0 80px;
width: 100%; // width: 100%;
} // }
.head_crumbs { // .head_crumbs {
font-size: 16px; // font-size: 16px;
} // }
/deep/ .el-breadcrumb__item { // /deep/ .el-breadcrumb__item {
font-size: 16px; // font-size: 16px;
} // }
.head_crumbs .go_back { // .head_crumbs .go_back {
height: 32px; // height: 32px;
line-height: 32px; // line-height: 32px;
} // }
.list_item .flex_p span { // .list_item .flex_p span {
font-size: 14px; // font-size: 14px;
} // }
.list_item .float_box p { // .list_item .float_box p {
font-size: 16px; // font-size: 16px;
} // }
.list_item .item_title { // .list_item .item_title {
font-size: 22px; // font-size: 22px;
} // }
} // }
</style> </style>
src/views/details/enterpriseList2.vue
...@@ -15,12 +15,7 @@ ...@@ -15,12 +15,7 @@
<span class="go_back" @click="$router.go(-1)">返回</span> <span class="go_back" @click="$router.go(-1)">返回</span>
</div> </div>
<div class="list" v-if="size != 0"> <div class="list" v-if="size != 0">
<div <div class="list_item" v-for="item of List" :key="item.id" @click="goEpDetails(item.id)">
class="list_item"
v-for="item of List"
:key="item.id"
@click="goEpDetails(item.id)"
>
<p class="item_title">{{ item.name }}</p> <p class="item_title">{{ item.name }}</p>
<div class="clearfix float_box pp"> <div class="clearfix float_box pp">
<p> <p>
...@@ -92,11 +87,7 @@ export default { ...@@ -92,11 +87,7 @@ export default {
if (this.$route.name == "enterpriseList2" && nv != this.old_url) { if (this.$route.name == "enterpriseList2" && nv != this.old_url) {
this.select = this.$route.query.select.toString(); this.select = this.$route.query.select.toString();
this.inid = this.$route.query.inid; this.inid = this.$route.query.inid;
this.area = [ this.area = [this.$route.query.area1, this.$route.query.area2, this.$route.query.area3];
this.$route.query.area1,
this.$route.query.area2,
this.$route.query.area3,
];
this.product = this.$route.query.product; this.product = this.$route.query.product;
switch (this.select) { switch (this.select) {
case "1": case "1":
...@@ -132,11 +123,7 @@ export default { ...@@ -132,11 +123,7 @@ export default {
this.old_url = this.$route.fullPath; this.old_url = this.$route.fullPath;
this.select = this.$route.query.select.toString(); this.select = this.$route.query.select.toString();
this.inid = this.$route.query.inid; this.inid = this.$route.query.inid;
this.area = [ this.area = [this.$route.query.area1, this.$route.query.area2, this.$route.query.area3];
this.$route.query.area1,
this.$route.query.area2,
this.$route.query.area3,
];
this.product = this.$route.query.product; this.product = this.$route.query.product;
switch (this.select) { switch (this.select) {
case "1": case "1":
...@@ -323,8 +310,7 @@ export default { ...@@ -323,8 +310,7 @@ export default {
width: 18px; width: 18px;
height: 28px; height: 28px;
content: ""; content: "";
background: url("~@/assets/images/public/icon-information-normal.png") background: url("~@/assets/images/public/icon-information-normal.png") no-repeat center;
no-repeat center;
} }
} }
&:hover { &:hover {
...@@ -351,8 +337,7 @@ export default { ...@@ -351,8 +337,7 @@ export default {
strong { strong {
color: #446db3; color: #446db3;
&::after { &::after {
background: url("~@/assets/images/public/icon-information-hover.png") background: url("~@/assets/images/public/icon-information-hover.png") no-repeat center;
no-repeat center;
} }
} }
} }
...@@ -442,10 +427,7 @@ export default { ...@@ -442,10 +427,7 @@ export default {
height: 44px; height: 44px;
background: url("~@/assets/images/atlas/icon-page-right.png") no-repeat center; background: url("~@/assets/images/atlas/icon-page-right.png") no-repeat center;
} }
/deep/ /deep/ .el-pagination button:disabled.btn-next:hover .el-icon-arrow-right:before {
.el-pagination
button:disabled.btn-next:hover
.el-icon-arrow-right:before {
content: ""; content: "";
display: inline-block; display: inline-block;
width: 44px; width: 44px;
...@@ -462,10 +444,7 @@ export default { ...@@ -462,10 +444,7 @@ export default {
height: 44px; height: 44px;
background: url("~@/assets/images/atlas/icon-page-left.png") no-repeat center; background: url("~@/assets/images/atlas/icon-page-left.png") no-repeat center;
} }
/deep/ /deep/ .el-pagination button:disabled.btn-prev:hover .el-icon-arrow-left:before {
.el-pagination
button:disabled.btn-prev:hover
.el-icon-arrow-left:before {
content: ""; content: "";
display: inline-block; display: inline-block;
width: 44px; width: 44px;
...@@ -506,95 +485,95 @@ export default { ...@@ -506,95 +485,95 @@ export default {
line-height: 44px !important; line-height: 44px !important;
} }
/*分辨率低于1680，采用下面的样式*/ /*分辨率低于1680，采用下面的样式*/
@media screen and (max-device-width: 1680px) { // @media screen and (max-device-width: 1680px) {
.epMain { // .epMain {
overflow-y: auto; // overflow-y: auto;
scrollbar-color: #767ffe #e9f3ff; // scrollbar-color: #767ffe #e9f3ff;
scrollbar-width: 6px; // scrollbar-width: 6px;
scrollbar-width: thin; // scrollbar-width: thin;
overflow-y: auto; // overflow-y: auto;
&::-webkit-scrollbar { // &::-webkit-scrollbar {
width: 10px; // width: 10px;
height: 10px; // height: 10px;
} // }
&::-webkit-scrollbar-thumb { // &::-webkit-scrollbar-thumb {
border-radius: 10px; // border-radius: 10px;
background: linear-gradient(0deg, #767ffe, #79aefe); // background: linear-gradient(0deg, #767ffe, #79aefe);
} // }
&::-webkit-scrollbar-track { // &::-webkit-scrollbar-track {
background: #e9f3ff; // background: #e9f3ff;
border-radius: 10px; // border-radius: 10px;
} // }
} // }
.epMain .epList { // .epMain .epList {
max-width: 1480px; // max-width: 1480px;
} // }
.list_item { // .list_item {
height: 120px; // height: 120px;
} // }
} // }
/*分辨率低于1536，采用下面的样式*/ /*分辨率低于1536，采用下面的样式*/
@media screen and (max-device-width: 1536px) { // @media screen and (max-device-width: 1536px) {
.epMain .epList { // .epMain .epList {
max-width: 1440px; // max-width: 1440px;
} // }
} // }
/*分辨率低于1440，采用下面的样式*/ /*分辨率低于1440，采用下面的样式*/
@media screen and (max-device-width: 1440px) { // @media screen and (max-device-width: 1440px) {
.epMain .epList { // .epMain .epList {
max-width: 1366px; // max-width: 1366px;
} // }
} // }
@media only screen and (width: 1366px) { // @media only screen and (width: 1366px) {
.epMain .epList { // .epMain .epList {
padding: 30px 20px; // padding: 30px 20px;
width: 100%; // width: 100%;
overflow-y: scroll; // overflow-y: scroll;
} // }
.list_item { // .list_item {
padding: 0 50px 0 80px; // padding: 0 50px 0 80px;
width: 100%; // width: 100%;
} // }
/deep/ .el-pagination { // /deep/ .el-pagination {
text-align: center; // text-align: center;
margin-top: 60px; // margin-top: 60px;
} // }
.list_item .item_title { // .list_item .item_title {
font-size: 22px; // font-size: 22px;
} // }
} // }
@media screen and (max-width: 1200px) { // @media screen and (max-width: 1200px) {
.epMain .epList { // .epMain .epList {
padding: 30px 20px 20px; // padding: 30px 20px 20px;
width: 100%; // width: 100%;
overflow-y: scroll; // overflow-y: scroll;
} // }
.list_item { // .list_item {
padding: 0 50px 0 80px; // padding: 0 50px 0 80px;
width: 100%; // width: 100%;
} // }
.head_crumbs { // .head_crumbs {
font-size: 16px; // font-size: 16px;
} // }
/deep/ .el-breadcrumb__item { // /deep/ .el-breadcrumb__item {
font-size: 16px; // font-size: 16px;
} // }
.head_crumbs .go_back { // .head_crumbs .go_back {
height: 32px; // height: 32px;
line-height: 32px; // line-height: 32px;
} // }
.list_item .flex_p span { // .list_item .flex_p span {
font-size: 14px; // font-size: 14px;
} // }
.list_item .float_box p { // .list_item .float_box p {
font-size: 16px; // font-size: 16px;
} // }
.list_item .item_title { // .list_item .item_title {
font-size: 22px; // font-size: 22px;
} // }
} // }
/deep/.head_crumbs .el-input { /deep/.head_crumbs .el-input {
box-sizing: border-box; box-sizing: border-box;
margin-left: 50px; margin-left: 50px;
......
src/views/details/enterpriseList3.vue
...@@ -4,20 +4,13 @@ ...@@ -4,20 +4,13 @@
<div class="head_crumbs clearfix"> <div class="head_crumbs clearfix">
<span>当前位置：</span> <span>当前位置：</span>
<el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/radar' }" <el-breadcrumb-item :to="{ path: '/radar' }">招商雷达</el-breadcrumb-item>
>招商雷达</el-breadcrumb-item
>
<el-breadcrumb-item>企业列表页</el-breadcrumb-item> <el-breadcrumb-item>企业列表页</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
<span class="go_back" @click="$router.go(-1)">返回</span> <span class="go_back" @click="$router.go(-1)">返回</span>
</div> </div>
<div class="list" v-if="size != 0"> <div class="list" v-if="size != 0">
<div <div class="list_item" v-for="item of List" :key="item.id" @click="goEpDetails(item.id)">
class="list_item"
v-for="item of List"
:key="item.id"
@click="goEpDetails(item.id)"
>
<p class="item_title">{{ item.name }}</p> <p class="item_title">{{ item.name }}</p>
<div class="clearfix float_box pp"> <div class="clearfix float_box pp">
<p> <p>
...@@ -305,10 +298,7 @@ export default { ...@@ -305,10 +298,7 @@ export default {
height: 30px; height: 30px;
background: url("~@images/atlas/icon-page-right.png") no-repeat center; background: url("~@images/atlas/icon-page-right.png") no-repeat center;
} }
/deep/ /deep/ .el-pagination button:disabled.btn-next:hover .el-icon-arrow-right:before {
.el-pagination
button:disabled.btn-next:hover
.el-icon-arrow-right:before {
content: ""; content: "";
display: inline-block; display: inline-block;
width: 30px; width: 30px;
...@@ -325,10 +315,7 @@ export default { ...@@ -325,10 +315,7 @@ export default {
height: 30px; height: 30px;
background: url("~@images/atlas/icon-page-left.png") no-repeat center; background: url("~@images/atlas/icon-page-left.png") no-repeat center;
} }
/deep/ /deep/ .el-pagination button:disabled.btn-prev:hover .el-icon-arrow-left:before {
.el-pagination
button:disabled.btn-prev:hover
.el-icon-arrow-left:before {
content: ""; content: "";
display: inline-block; display: inline-block;
width: 30px; width: 30px;
...@@ -341,52 +328,52 @@ export default { ...@@ -341,52 +328,52 @@ export default {
/deep/ .el-pagination .btn-prev .el-icon { /deep/ .el-pagination .btn-prev .el-icon {
box-shadow: 0px 0px 4px 0px rgb(86 86 86 / 11%); box-shadow: 0px 0px 4px 0px rgb(86 86 86 / 11%);
} }
@media only screen and (width: 1366px) { // @media only screen and (width: 1366px) {
.epMain .epList { // .epMain .epList {
padding: 30px 20px; // padding: 30px 20px;
width: 100%; // width: 100%;
overflow-y: scroll; // overflow-y: scroll;
} // }
.list_item { // .list_item {
padding: 0 50px 0 80px; // padding: 0 50px 0 80px;
width: 100%; // width: 100%;
} // }
/deep/ .el-pagination { // /deep/ .el-pagination {
text-align: center; // text-align: center;
margin-top: 60px; // margin-top: 60px;
} // }
.list_item .item_title { // .list_item .item_title {
font-size: 24px; // font-size: 24px;
} // }
} // }
@media screen and (max-width: 1200px) { // @media screen and (max-width: 1200px) {
.epMain .epList { // .epMain .epList {
padding: 30px 20px 20px; // padding: 30px 20px 20px;
width: 100%; // width: 100%;
overflow-y: scroll; // overflow-y: scroll;
} // }
.list_item { // .list_item {
padding: 0 50px 0 80px; // padding: 0 50px 0 80px;
width: 100%; // width: 100%;
} // }
.head_crumbs { // .head_crumbs {
font-size: 16px; // font-size: 16px;
} // }
/deep/ .el-breadcrumb__item { // /deep/ .el-breadcrumb__item {
font-size: 16px; // font-size: 16px;
} // }
.head_crumbs .go_back { // .head_crumbs .go_back {
height: 32px; // height: 32px;
line-height: 32px; // line-height: 32px;
} // }
.list_item .flex_p span { // .list_item .flex_p span {
font-size: 14px; // font-size: 14px;
} // }
.list_item .float_box p { // .list_item .float_box p {
font-size: 16px; // font-size: 16px;
} // }
.list_item .item_title { // .list_item .item_title {
font-size: 22px; // font-size: 22px;
} // }
} // }
</style> </style>
src/views/details/institution.vue
...@@ -329,46 +329,46 @@ export default { ...@@ -329,46 +329,46 @@ export default {
.height_box { .height_box {
height: 30px; height: 30px;
} }
@media screen and (min-width: 1366px) and (max-width: 1600px) { // @media screen and (min-width: 1366px) and (max-width: 1600px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0px 200px 30px; // padding: 0px 200px 30px;
} // }
} // }
@media only screen and (width: 1366px) { // @media only screen and (width: 1366px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0px 200px 30px; // padding: 0px 200px 30px;
} // }
} // }
@media screen and (max-width: 1200px) { // @media screen and (max-width: 1200px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
.epClassify li p { // .epClassify li p {
font-size: 16px; // font-size: 16px;
} // }
.epClassify li p:last-child { // .epClassify li p:last-child {
font-size: 18px; // font-size: 18px;
} // }
.epClassify li { // .epClassify li {
padding: 0 30px; // padding: 0 30px;
} // }
/deep/ .el-tabs__nav-scroll { // /deep/ .el-tabs__nav-scroll {
padding-left: 30px; // padding-left: 30px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0 30px 30px; // padding: 0 30px 30px;
} // }
.detail[data-v-65c8d7fb] { // .detail[data-v-65c8d7fb] {
font-size: 14px; // font-size: 14px;
} // }
.info p { // .info p {
font-size: 12px; // font-size: 12px;
} // }
} // }
</style> </style>
src/views/details/keyProject.vue
...@@ -3,13 +3,7 @@ ...@@ -3,13 +3,7 @@
<div class="header"> <div class="header">
<div <div
class="epName" class="epName"
:style=" :style="info.name.length > 30 ? (info.name.length > 42 ? 'fontSize:28px;' : 'fontSize:32px;') : ''"
info.name.length > 30
? info.name.length > 42
? 'fontSize:28px;'
: 'fontSize:32px;'
: ''
"
> >
{{ info.name }} {{ info.name }}
<span class="goBack" @click="$router.go(-1)">返回</span> <span class="goBack" @click="$router.go(-1)">返回</span>
...@@ -345,46 +339,46 @@ export default { ...@@ -345,46 +339,46 @@ export default {
.height_box { .height_box {
height: 30px; height: 30px;
} }
@media screen and (min-width: 1366px) and (max-width: 1600px) { // @media screen and (min-width: 1366px) and (max-width: 1600px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0px 200px 30px; // padding: 0px 200px 30px;
} // }
} // }
@media only screen and (width: 1366px) { // @media only screen and (width: 1366px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0px 200px 30px; // padding: 0px 200px 30px;
} // }
} // }
@media screen and (max-width: 1200px) { // @media screen and (max-width: 1200px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
.epClassify li p { // .epClassify li p {
font-size: 16px; // font-size: 16px;
} // }
.epClassify li p:last-child { // .epClassify li p:last-child {
font-size: 18px; // font-size: 18px;
} // }
.epClassify li { // .epClassify li {
padding: 0 30px; // padding: 0 30px;
} // }
/deep/ .el-tabs__nav-scroll { // /deep/ .el-tabs__nav-scroll {
padding-left: 30px; // padding-left: 30px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0 30px 30px; // padding: 0 30px 30px;
} // }
.detail[data-v-65c8d7fb] { // .detail[data-v-65c8d7fb] {
font-size: 14px; // font-size: 14px;
} // }
.info p { // .info p {
font-size: 12px; // font-size: 12px;
} // }
} // }
</style> </style>
src/views/details/land.vue
...@@ -2,17 +2,17 @@ ...@@ -2,17 +2,17 @@
<div class="main"> <div class="main">
<div class="header"> <div class="header">
<div class="epName"> <div class="epName">
{{info.name}} {{ info.name }}
<span class="goBack" @click="$router.go(-1)">返回</span> <span class="goBack" @click="$router.go(-1)">返回</span>
</div> </div>
<ul class="epClassify"> <ul class="epClassify">
<li> <li>
<p>地块编号：</p> <p>地块编号：</p>
<p>{{info.num}}</p> <p>{{ info.num }}</p>
</li> </li>
<li> <li>
<p>地址：</p> <p>地址：</p>
<p>{{info.addr}}</p> <p>{{ info.addr }}</p>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -24,32 +24,32 @@ ...@@ -24,32 +24,32 @@
<table border="1" padding="0"> <table border="1" padding="0">
<tr> <tr>
<td>地块名称</td> <td>地块名称</td>
<td>{{info.name}}</td> <td>{{ info.name }}</td>
<td>地块编号</td> <td>地块编号</td>
<td>{{info.num}}</td> <td>{{ info.num }}</td>
</tr> </tr>
<tr> <tr>
<td>产业类型</td> <td>产业类型</td>
<td>{{info.industry_type}}</td> <td>{{ info.industry_type }}</td>
<td>土地性质</td> <td>土地性质</td>
<td>{{info.nature}}</td> <td>{{ info.nature }}</td>
</tr> </tr>
<tr> <tr>
<td>土地面积</td> <td>土地面积</td>
<td>{{info.acreage}} 亩</td> <td>{{ info.acreage }} 亩</td>
<td>规划指标</td> <td>规划指标</td>
<td>{{info.target}}</td> <td>{{ info.target }}</td>
</tr> </tr>
<tr> <tr>
<td>出让年限</td> <td>出让年限</td>
<td>{{info.age_limit}}</td> <td>{{ info.age_limit }}</td>
<td>联系方式</td> <td>联系方式</td>
<td>{{info.telephone}}</td> <td>{{ info.telephone }}</td>
</tr> </tr>
<tr> <tr>
<td>地块位置</td> <td>地块位置</td>
<td colspan="3">{{info.addr}}</td> <td colspan="3">{{ info.addr }}</td>
</tr> </tr>
</table> </table>
</div> </div>
...@@ -339,40 +339,40 @@ table { ...@@ -339,40 +339,40 @@ table {
.height_box { .height_box {
height: 30px; height: 30px;
} }
@media screen and (min-width: 1366px) and (max-width: 1600px) { // @media screen and (min-width: 1366px) and (max-width: 1600px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0px 200px 30px; // padding: 0px 200px 30px;
} // }
} // }
@media only screen and (width: 1366px) { // @media only screen and (width: 1366px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0px 200px 30px; // padding: 0px 200px 30px;
} // }
} // }
@media screen and (max-width: 1200px) { // @media screen and (max-width: 1200px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
.epClassify li p { // .epClassify li p {
font-size: 16px; // font-size: 16px;
} // }
.epClassify li p:last-child { // .epClassify li p:last-child {
font-size: 18px; // font-size: 18px;
} // }
.epClassify li { // .epClassify li {
padding: 0 30px; // padding: 0 30px;
} // }
/deep/ .el-tabs__nav-scroll { // /deep/ .el-tabs__nav-scroll {
padding-left: 30px; // padding-left: 30px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0 30px 30px; // padding: 0 30px 30px;
} // }
} // }
</style> </style>
src/views/details/land1.vue
...@@ -47,12 +47,7 @@ ...@@ -47,12 +47,7 @@
<td>规划指标要求 - 绿化率</td> <td>规划指标要求 - 绿化率</td>
<td>{{ info.greening_rate }}</td> <td>{{ info.greening_rate }}</td>
<td class="img" rowspan="5"> <td class="img" rowspan="5">
<el-image <el-image v-if="info.price_url" :src="info.price_url" :preview-src-list="[info.price_url]"> </el-image>
v-if="info.price_url"
:src="info.price_url"
:preview-src-list="[info.price_url]"
>
</el-image>
</td> </td>
</tr> </tr>
<tr> <tr>
...@@ -384,42 +379,42 @@ table { ...@@ -384,42 +379,42 @@ table {
.height_box { .height_box {
height: 30px; height: 30px;
} }
@media screen and (min-width: 1366px) and (max-width: 1600px) { // @media screen and (min-width: 1366px) and (max-width: 1600px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0px 200px 30px; // padding: 0px 200px 30px;
} // }
} // }
@media only screen and (width: 1366px) { // @media only screen and (width: 1366px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0px 200px 30px; // padding: 0px 200px 30px;
} // }
} // }
@media screen and (max-width: 1200px) { // @media screen and (max-width: 1200px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
.epClassify li p { // .epClassify li p {
font-size: 16px; // font-size: 16px;
} // }
.epClassify li p:last-child { // .epClassify li p:last-child {
font-size: 18px; // font-size: 18px;
} // }
.epClassify li { // .epClassify li {
padding: 0 30px; // padding: 0 30px;
} // }
/deep/ .el-tabs__nav-scroll { // /deep/ .el-tabs__nav-scroll {
padding-left: 30px; // padding-left: 30px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0 30px 30px; // padding: 0 30px 30px;
} // }
} // }
/* /*
*常用电脑尺寸 1680 * 900 *常用电脑尺寸 1680 * 900
* 1536 * 864 * 1536 * 864
...@@ -432,29 +427,29 @@ table { ...@@ -432,29 +427,29 @@ table {
@media screen and (max-device-width: 1680px) { @media screen and (max-device-width: 1680px) {
} }
/*分辨率低于1536，采用下面的样式*/ /*分辨率低于1536，采用下面的样式*/
@media screen and (max-device-width: 1536px) { // @media screen and (max-device-width: 1536px) {
.main .main_body .main-body-area { // .main .main_body .main-body-area {
max-width: 1400px; // max-width: 1400px;
} // }
} // }
/*分辨率低于1440，采用下面的样式*/ /*分辨率低于1440，采用下面的样式*/
@media screen and (max-device-width: 1440px) { // @media screen and (max-device-width: 1440px) {
.main .main_body .main-body-area { // .main .main_body .main-body-area {
max-width: 1366px; // max-width: 1366px;
} // }
} // }
/*分辨率低于1366，采用下面的样式*/ /*分辨率低于1366，采用下面的样式*/
@media screen and (max-device-width: 1366px) { // @media screen and (max-device-width: 1366px) {
.main .main_body .main-body-area { // .main .main_body .main-body-area {
max-width: 1180px; // max-width: 1180px;
} // }
} // }
/*分辨率低于1180，采用下面的样式*/ /*分辨率低于1180，采用下面的样式*/
@media screen and (max-device-width: 1180px) { // @media screen and (max-device-width: 1180px) {
.main .main_body .main-body-area { // .main .main_body .main-body-area {
max-width: 1000px; // max-width: 1000px;
} // }
} // }
/*分辨率低于1024，采用下面的样式*/ /*分辨率低于1024，采用下面的样式*/
@media screen and (max-device-width: 1024px) { @media screen and (max-device-width: 1024px) {
} }
......
src/views/details/notification.vue
...@@ -228,82 +228,82 @@ export default { ...@@ -228,82 +228,82 @@ export default {
} }
} }
@media only screen and (width: 1366px) { // @media only screen and (width: 1366px) {
.policy_body { // .policy_body {
.policy_main { // .policy_main {
width: 100%; // width: 100%;
} // }
} // }
.head_crumbs { // .head_crumbs {
width: 100%; // width: 100%;
} // }
} // }
@media screen and (min-width: 1366px) and (max-width: 1600px) { // @media screen and (min-width: 1366px) and (max-width: 1600px) {
.policy_body { // .policy_body {
.policy_main { // .policy_main {
width: 100%; // width: 100%;
} // }
} // }
.head_crumbs { // .head_crumbs {
width: 100%; // width: 100%;
padding: 15px 20px; // padding: 15px 20px;
font-size: 16px; // font-size: 16px;
} // }
.prev_next { // .prev_next {
height: 200px; // height: 200px;
font-size: 16px; // font-size: 16px;
} // }
.title { // .title {
font-size: 26px; // font-size: 26px;
} // }
.classify { // .classify {
font-size: 16px; // font-size: 16px;
} // }
/deep/ .el-breadcrumb__item { // /deep/ .el-breadcrumb__item {
font-size: 16px; // font-size: 16px;
} // }
.head_crumbs .go_back { // .head_crumbs .go_back {
height: 30px; // height: 30px;
line-height: 30px; // line-height: 30px;
} // }
.policy_body .policy_main { // .policy_body .policy_main {
padding: 15px 110px 15px; // padding: 15px 110px 15px;
// overflow-y: auto; // // overflow-y: auto;
} // }
} // }
@media screen and (max-width: 1200px) { // @media screen and (max-width: 1200px) {
.policy_body { // .policy_body {
.policy_main { // .policy_main {
width: 100%; // width: 100%;
} // }
} // }
.head_crumbs { // .head_crumbs {
width: 100%; // width: 100%;
padding: 15px 20px; // padding: 15px 20px;
font-size: 16px; // font-size: 16px;
} // }
.prev_next { // .prev_next {
height: 200px; // height: 200px;
font-size: 16px; // font-size: 16px;
} // }
.title { // .title {
font-size: 24px; // font-size: 24px;
} // }
.classify { // .classify {
font-size: 12px; // font-size: 12px;
} // }
/deep/ .el-breadcrumb__item { // /deep/ .el-breadcrumb__item {
font-size: 16px; // font-size: 16px;
} // }
.head_crumbs .go_back { // .head_crumbs .go_back {
height: 30px; // height: 30px;
line-height: 30px; // line-height: 30px;
} // }
.policy_body .policy_main { // .policy_body .policy_main {
overflow-y: auto; // overflow-y: auto;
} // }
} // }
.content { .content {
max-height: calc(100vh - 400px); max-height: calc(100vh - 400px);
overflow: auto; overflow: auto;
......
src/views/details/park.vue
...@@ -51,10 +51,7 @@ ...@@ -51,10 +51,7 @@
<tr> <tr>
<td>产业定位</td> <td>产业定位</td>
<td colspan="3" style="padding :20px "> <td colspan="3" style="padding :20px ">
<div <div style="line-height:36px" v-html="info.industry_position"></div>
style="line-height:36px"
v-html="info.industry_position"
></div>
</td> </td>
</tr> </tr>
<tr> <tr>
...@@ -99,10 +96,7 @@ ...@@ -99,10 +96,7 @@
<tr> <tr>
<td>产业定位</td> <td>产业定位</td>
<td colspan="3" style="padding :20px "> <td colspan="3" style="padding :20px ">
<div <div style="line-height:36px" v-html="info.industry_position"></div>
style="line-height:36px"
v-html="info.industry_position"
></div>
</td> </td>
</tr> </tr>
<tr> <tr>
...@@ -141,10 +135,7 @@ ...@@ -141,10 +135,7 @@
<tr> <tr>
<td>产业定位</td> <td>产业定位</td>
<td colspan="3" style="padding :20px "> <td colspan="3" style="padding :20px ">
<div <div style="line-height:36px" v-html="info.industry_position"></div>
style="line-height:36px"
v-html="info.industry_position"
></div>
</td> </td>
</tr> </tr>
<tr> <tr>
...@@ -161,22 +152,13 @@ ...@@ -161,22 +152,13 @@
<el-tab-pane label="投资成本" name="cost" v-if="info.cate == '行政区'"> <el-tab-pane label="投资成本" name="cost" v-if="info.cate == '行政区'">
<div class="header_title"></div> <div class="header_title"></div>
<div> <div>
<div <div :class="['card', priceType == 1 ? 'active' : '']" @click="changePriceType(1)">
:class="['card', priceType == 1 ? 'active' : '']"
@click="changePriceType(1)"
>
土地基准价格 土地基准价格
</div> </div>
<div <div :class="['card', priceType == 2 ? 'active' : '']" @click="changePriceType(2)">
:class="['card', priceType == 2 ? 'active' : '']"
@click="changePriceType(2)"
>
水电气暖价格 水电气暖价格
</div> </div>
<div <div :class="['card', priceType == 3 ? 'active' : '']" @click="changePriceType(3)">
:class="['card', priceType == 3 ? 'active' : '']"
@click="changePriceType(3)"
>
劳动力成本 劳动力成本
</div> </div>
</div> </div>
...@@ -184,10 +166,7 @@ ...@@ -184,10 +166,7 @@
<div class="header_title"></div> <div class="header_title"></div>
<!-- 土地基准价格 --> <!-- 土地基准价格 -->
<!-- <img v-if="info.img_url" class="img1" :src="info.img_url" alt="" /> --> <!-- <img v-if="info.img_url" class="img1" :src="info.img_url" alt="" /> -->
<el-image <el-image :src="info.img_url" :preview-src-list="[info.img_url]"></el-image>
:src="info.img_url"
:preview-src-list="[info.img_url]"
></el-image>
</div> </div>
<div v-if="priceType == 2" class="table_one table_one2"> <div v-if="priceType == 2" class="table_one table_one2">
<div class="header_title">水价</div> <div class="header_title">水价</div>
...@@ -320,11 +299,7 @@ ...@@ -320,11 +299,7 @@
</div> </div>
<div class="height_box"></div> <div class="height_box"></div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane <el-tab-pane label="投入与产出强度" name="require" v-if="info.cate == '开发区'">
label="投入与产出强度"
name="require"
v-if="info.cate == '开发区'"
>
<div class="header_title"></div> <div class="header_title"></div>
<div class="table_one table_three"> <div class="table_one table_three">
<table border="1" padding="0"> <table border="1" padding="0">
...@@ -653,45 +628,45 @@ table { ...@@ -653,45 +628,45 @@ table {
.height_box { .height_box {
height: 30px; height: 30px;
} }
@media screen and (min-width: 1367px) and (max-width: 1600px) { // @media screen and (min-width: 1367px) and (max-width: 1600px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0px 200px 30px; // padding: 0px 200px 30px;
} // }
} // }
@media only screen and (width: 1366px) { // @media only screen and (width: 1366px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0px 200px 30px; // padding: 0px 200px 30px;
} // }
.epClassify li { // .epClassify li {
padding: 0 40px; // padding: 0 40px;
} // }
} // }
@media screen and (max-width: 1200px) { // @media screen and (max-width: 1200px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
.epClassify li p { // .epClassify li p {
font-size: 16px; // font-size: 16px;
} // }
.epClassify li p:last-child { // .epClassify li p:last-child {
font-size: 18px; // font-size: 18px;
} // }
.epClassify li { // .epClassify li {
padding: 0 30px; // padding: 0 30px;
} // }
/deep/ .el-tabs__nav-scroll { // /deep/ .el-tabs__nav-scroll {
padding-left: 30px; // padding-left: 30px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0 30px 30px; // padding: 0 30px 30px;
} // }
} // }
.card { .card {
display: inline-block; display: inline-block;
margin-right: 20px; margin-right: 20px;
......
src/views/details/platform.vue
...@@ -183,7 +183,7 @@ export default { ...@@ -183,7 +183,7 @@ export default {
} }
.flex-box { .flex-box {
display: flex; display: flex;
height: 100%; height: 80%;
} }
.detail { .detail {
text-indent: 2em; text-indent: 2em;
...@@ -320,48 +320,48 @@ export default { ...@@ -320,48 +320,48 @@ export default {
padding: 0 210px; padding: 0 210px;
} }
.height_box { .height_box {
height: 30px; height: 80px;
}
@media screen and (min-width: 1366px) and (max-width: 1600px) {
.main .header {
padding: 0 20px;
}
/deep/ .el-tabs .el-tabs__content {
padding: 0px 200px 30px;
}
}
@media only screen and (width: 1366px) {
.main .header {
padding: 0 20px;
}
/deep/ .el-tabs .el-tabs__content {
padding: 0px 200px 30px;
}
}
@media screen and (max-width: 1200px) {
.main .header {
padding: 0 20px;
}
.epClassify li p {
font-size: 16px;
}
.epClassify li p:last-child {
font-size: 18px;
}
.epClassify li {
padding: 0 30px;
}
/deep/ .el-tabs__nav-scroll {
padding-left: 30px;
}
/deep/ .el-tabs .el-tabs__content {
padding: 0 30px 30px;
}
.detail[data-v-65c8d7fb] {
font-size: 14px;
}
.info p {
font-size: 12px;
}
} }
// @media screen and (min-width: 1366px) and (max-width: 1600px) {
// .main .header {
// padding: 0 20px;
// }
// /deep/ .el-tabs .el-tabs__content {
// padding: 0px 200px 30px;
// }
// }
// @media only screen and (width: 1366px) {
// .main .header {
// padding: 0 20px;
// }
// /deep/ .el-tabs .el-tabs__content {
// padding: 0px 200px 30px;
// }
// }
// @media screen and (max-width: 1200px) {
// .main .header {
// padding: 0 20px;
// }
// .epClassify li p {
// font-size: 16px;
// }
// .epClassify li p:last-child {
// font-size: 18px;
// }
// .epClassify li {
// padding: 0 30px;
// }
// /deep/ .el-tabs__nav-scroll {
// padding-left: 30px;
// }
// /deep/ .el-tabs .el-tabs__content {
// padding: 0 30px 30px;
// }
// .detail[data-v-65c8d7fb] {
// font-size: 14px;
// }
// .info p {
// font-size: 12px;
// }
// }
</style> </style>
src/views/details/policy.vue
...@@ -4,11 +4,7 @@ ...@@ -4,11 +4,7 @@
<span>当前位置：</span> <span>当前位置：</span>
<el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item <el-breadcrumb-item>{{ activeMenu == "cockpit" ? "招商" : "产业" }}政策</el-breadcrumb-item>
>{{
activeMenu == "cockpit" ? "招商" : "产业"
}}政策</el-breadcrumb-item
>
<el-breadcrumb-item>正文</el-breadcrumb-item> <el-breadcrumb-item>正文</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
<span class="go_back" @click="goBack">返回</span> <span class="go_back" @click="goBack">返回</span>
...@@ -43,12 +39,7 @@ ...@@ -43,12 +39,7 @@
<div :class="['pdf', isFull ? 'isAll' : '']"> <div :class="['pdf', isFull ? 'isAll' : '']">
<div v-if="!isFull" class="full" @click="isFull = true">全屏</div> <div v-if="!isFull" class="full" @click="isFull = true">全屏</div>
<div v-if="isFull" class="exit" @click="isFull = false">退出全屏</div> <div v-if="isFull" class="exit" @click="isFull = false">退出全屏</div>
<iframe <iframe ref="ifRame" style="margin-top:30px;" :src="info.file" frameborder="0"></iframe>
ref="ifRame"
style="margin-top:30px;"
:src="info.file"
frameborder="0"
></iframe>
</div> </div>
<div class="division"></div> <div class="division"></div>
<div class="prev_next"> <div class="prev_next">
...@@ -254,80 +245,80 @@ export default { ...@@ -254,80 +245,80 @@ export default {
} }
} }
@media only screen and (width: 1366px) { // @media only screen and (width: 1366px) {
.policy_body { // .policy_body {
.policy_main { // .policy_main {
width: 100%; // width: 100%;
} // }
} // }
.head_crumbs { // .head_crumbs {
width: 100%; // width: 100%;
} // }
} // }
@media screen and (min-width: 1366px) and (max-width: 1600px) { // @media screen and (min-width: 1366px) and (max-width: 1600px) {
.policy_body { // .policy_body {
.policy_main { // .policy_main {
width: 100%; // width: 100%;
} // }
} // }
.head_crumbs { // .head_crumbs {
width: 100%; // width: 100%;
padding: 15px 20px; // padding: 15px 20px;
font-size: 16px; // font-size: 16px;
} // }
.prev_next { // .prev_next {
height: 200px; // height: 200px;
font-size: 16px; // font-size: 16px;
} // }
.title { // .title {
font-size: 26px; // font-size: 26px;
} // }
.classify { // .classify {
font-size: 16px; // font-size: 16px;
} // }
/deep/ .el-breadcrumb__item { // /deep/ .el-breadcrumb__item {
font-size: 16px; // font-size: 16px;
} // }
.head_crumbs .go_back { // .head_crumbs .go_back {
height: 30px; // height: 30px;
line-height: 30px; // line-height: 30px;
} // }
.policy_body .policy_main { // .policy_body .policy_main {
padding: 15px 110px 15px; // padding: 15px 110px 15px;
// overflow-y: auto; // // overflow-y: auto;
} // }
} // }
@media screen and (max-width: 1200px) { // @media screen and (max-width: 1200px) {
.policy_body { // .policy_body {
.policy_main { // .policy_main {
width: 100%; // width: 100%;
} // }
} // }
.head_crumbs { // .head_crumbs {
width: 100%; // width: 100%;
padding: 15px 20px; // padding: 15px 20px;
font-size: 16px; // font-size: 16px;
} // }
.prev_next { // .prev_next {
height: 200px; // height: 200px;
font-size: 16px; // font-size: 16px;
} // }
.title { // .title {
font-size: 24px; // font-size: 24px;
} // }
.classify { // .classify {
font-size: 12px; // font-size: 12px;
} // }
/deep/ .el-breadcrumb__item { // /deep/ .el-breadcrumb__item {
font-size: 16px; // font-size: 16px;
} // }
.head_crumbs .go_back { // .head_crumbs .go_back {
height: 30px; // height: 30px;
line-height: 30px; // line-height: 30px;
} // }
.policy_body .policy_main { // .policy_body .policy_main {
overflow-y: auto; // overflow-y: auto;
} // }
} // }
</style> </style>
src/views/details/project.vue
...@@ -110,7 +110,6 @@ ...@@ -110,7 +110,6 @@
<td>项目政策需求</td> <td>项目政策需求</td>
<td colspan="3">---</td> <td colspan="3">---</td>
</tr> </tr>
</table> </table>
</div> </div>
<div class="height_box"></div> <div class="height_box"></div>
...@@ -408,40 +407,40 @@ table { ...@@ -408,40 +407,40 @@ table {
.height_box { .height_box {
height: 30px; height: 30px;
} }
@media screen and (min-width: 1366px) and (max-width: 1600px) { // @media screen and (min-width: 1366px) and (max-width: 1600px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0px 200px 30px; // padding: 0px 200px 30px;
} // }
} // }
@media only screen and (width: 1366px) { // @media only screen and (width: 1366px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0px 200px 30px; // padding: 0px 200px 30px;
} // }
} // }
@media screen and (max-width: 1200px) { // @media screen and (max-width: 1200px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
.epClassify li p { // .epClassify li p {
font-size: 16px; // font-size: 16px;
} // }
.epClassify li p:last-child { // .epClassify li p:last-child {
font-size: 18px; // font-size: 18px;
} // }
.epClassify li { // .epClassify li {
padding: 0 30px; // padding: 0 30px;
} // }
/deep/ .el-tabs__nav-scroll { // /deep/ .el-tabs__nav-scroll {
padding-left: 30px; // padding-left: 30px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0 30px 30px; // padding: 0 30px 30px;
} // }
} // }
</style> </style>
src/views/details/school.vue
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
</ul> </ul>
</div> </div>
<div class="main_body"> <div class="main_body">
<el-tabs v-model="activeName" > <el-tabs v-model="activeName">
<el-tab-pane label="学校简介" name="introduction"> <el-tab-pane label="学校简介" name="introduction">
<div class="header_title"></div> <div class="header_title"></div>
<div class="detail"> <div class="detail">
...@@ -347,46 +347,46 @@ export default { ...@@ -347,46 +347,46 @@ export default {
.height_box { .height_box {
height: 30px; height: 30px;
} }
@media screen and (min-width: 1366px) and (max-width: 1600px) { // @media screen and (min-width: 1366px) and (max-width: 1600px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0px 200px 30px; // padding: 0px 200px 30px;
} // }
} // }
@media only screen and (width: 1366px) { // @media only screen and (width: 1366px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0px 200px 30px; // padding: 0px 200px 30px;
} // }
} // }
@media screen and (max-width: 1200px) { // @media screen and (max-width: 1200px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
.epClassify li p { // .epClassify li p {
font-size: 16px; // font-size: 16px;
} // }
.epClassify li p:last-child { // .epClassify li p:last-child {
font-size: 18px; // font-size: 18px;
} // }
.epClassify li { // .epClassify li {
padding: 0 30px; // padding: 0 30px;
} // }
/deep/ .el-tabs__nav-scroll { // /deep/ .el-tabs__nav-scroll {
padding-left: 30px; // padding-left: 30px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0 30px 30px; // padding: 0 30px 30px;
} // }
.detail[data-v-65c8d7fb] { // .detail[data-v-65c8d7fb] {
font-size: 14px; // font-size: 14px;
} // }
.info p { // .info p {
font-size: 12px; // font-size: 12px;
} // }
} // }
</style> </style>
src/views/details/workshop.vue
...@@ -344,40 +344,40 @@ table { ...@@ -344,40 +344,40 @@ table {
.height_box { .height_box {
height: 30px; height: 30px;
} }
@media screen and (min-width: 1366px) and (max-width: 1600px) { // @media screen and (min-width: 1366px) and (max-width: 1600px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0px 200px 30px; // padding: 0px 200px 30px;
} // }
} // }
@media only screen and (width: 1366px) { // @media only screen and (width: 1366px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0px 200px 30px; // padding: 0px 200px 30px;
} // }
} // }
@media screen and (max-width: 1200px) { // @media screen and (max-width: 1200px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
.epClassify li p { // .epClassify li p {
font-size: 16px; // font-size: 16px;
} // }
.epClassify li p:last-child { // .epClassify li p:last-child {
font-size: 18px; // font-size: 18px;
} // }
.epClassify li { // .epClassify li {
padding: 0 30px; // padding: 0 30px;
} // }
/deep/ .el-tabs__nav-scroll { // /deep/ .el-tabs__nav-scroll {
padding-left: 30px; // padding-left: 30px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0 30px 30px; // padding: 0 30px 30px;
} // }
} // }
</style> </style>
src/views/details/workshop1.vue
...@@ -44,11 +44,7 @@ ...@@ -44,11 +44,7 @@
<el-image <el-image
v-if="info.outer_picture_url" v-if="info.outer_picture_url"
:src="info.outer_picture_url" :src="info.outer_picture_url"
:preview-src-list="[ :preview-src-list="[info.outer_picture_url, info.inside_picture_url, info.price_url]"
info.outer_picture_url,
info.inside_picture_url,
info.price_url,
]"
> >
</el-image> </el-image>
</td> </td>
...@@ -87,11 +83,7 @@ ...@@ -87,11 +83,7 @@
<el-image <el-image
v-if="info.inside_picture_url" v-if="info.inside_picture_url"
:src="info.inside_picture_url" :src="info.inside_picture_url"
:preview-src-list="[ :preview-src-list="[info.outer_picture_url, info.inside_picture_url, info.price_url]"
info.outer_picture_url,
info.inside_picture_url,
info.price_url,
]"
> >
</el-image> </el-image>
</td> </td>
...@@ -100,11 +92,7 @@ ...@@ -100,11 +92,7 @@
<td>拟招引产业</td> <td>拟招引产业</td>
<td colspan="3"> <td colspan="3">
{{ info.attract_status }} {{ info.attract_status }}
{{ {{ info.attract_status == "其他" ? `(${info.other_attract_status})` : "" }}
info.attract_status == "其他"
? `(${info.other_attract_status})`
: ""
}}
</td> </td>
<td>联系人</td> <td>联系人</td>
<td>{{ info.linkman }}</td> <td>{{ info.linkman }}</td>
...@@ -123,11 +111,7 @@ ...@@ -123,11 +111,7 @@
<el-image <el-image
v-if="info.price_url" v-if="info.price_url"
:src="info.price_url" :src="info.price_url"
:preview-src-list="[ :preview-src-list="[info.outer_picture_url, info.inside_picture_url, info.price_url]"
info.outer_picture_url,
info.inside_picture_url,
info.price_url,
]"
> >
</el-image> </el-image>
</td> </td>
...@@ -162,10 +146,8 @@ export default { ...@@ -162,10 +146,8 @@ export default {
let res = await api.CheckDetail({ id, carrier_type: 3 }); let res = await api.CheckDetail({ id, carrier_type: 3 });
console.log(res); console.log(res);
if (res.data.length > 0) { if (res.data.length > 0) {
res.data[0].inside_picture_url = res.data[0].inside_picture_url = res.data[0].inside_picture_url[0]?.url || "";
res.data[0].inside_picture_url[0]?.url || ""; res.data[0].outer_picture_url = res.data[0].outer_picture_url[0]?.url || "";
res.data[0].outer_picture_url =
res.data[0].outer_picture_url[0]?.url || "";
res.data[0].price_url = res.data[0].price_url[0]?.url || ""; res.data[0].price_url = res.data[0].price_url[0]?.url || "";
console.log(res.data[0]); console.log(res.data[0]);
this.info = res.data[0]; this.info = res.data[0];
...@@ -186,8 +168,7 @@ export default { ...@@ -186,8 +168,7 @@ export default {
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
height: 260px; height: 260px;
background: url("~@/assets/images/public/bg-img-workshop.png") no-repeat background: url("~@/assets/images/public/bg-img-workshop.png") no-repeat center;
center;
padding: 0 210px; padding: 0 210px;
} }
.main_body { .main_body {
...@@ -458,42 +439,42 @@ table { ...@@ -458,42 +439,42 @@ table {
.height_box { .height_box {
height: 20px; height: 20px;
} }
@media screen and (min-width: 1366px) and (max-width: 1600px) { // @media screen and (min-width: 1366px) and (max-width: 1600px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0px 200px 30px; // padding: 0px 200px 30px;
} // }
} // }
@media only screen and (width: 1366px) { // @media only screen and (width: 1366px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0px 200px 30px; // padding: 0px 200px 30px;
} // }
} // }
@media screen and (max-width: 1200px) { // @media screen and (max-width: 1200px) {
.main .header { // .main .header {
padding: 0 20px; // padding: 0 20px;
} // }
.epClassify li p { // .epClassify li p {
font-size: 16px; // font-size: 16px;
} // }
.epClassify li p:last-child { // .epClassify li p:last-child {
font-size: 18px; // font-size: 18px;
} // }
.epClassify li { // .epClassify li {
padding: 0 30px; // padding: 0 30px;
} // }
/deep/ .el-tabs__nav-scroll { // /deep/ .el-tabs__nav-scroll {
padding-left: 30px; // padding-left: 30px;
} // }
/deep/ .el-tabs .el-tabs__content { // /deep/ .el-tabs .el-tabs__content {
padding: 0 30px 30px; // padding: 0 30px 30px;
} // }
} // }
/* /*
*常用电脑尺寸 1680 * 900 *常用电脑尺寸 1680 * 900
* 1536 * 864 * 1536 * 864
...@@ -506,29 +487,29 @@ table { ...@@ -506,29 +487,29 @@ table {
@media screen and (max-device-width: 1680px) { @media screen and (max-device-width: 1680px) {
} }
/*分辨率低于1536，采用下面的样式*/ /*分辨率低于1536，采用下面的样式*/
@media screen and (max-device-width: 1536px) { // @media screen and (max-device-width: 1536px) {
.main .main_body .main-body-area { // .main .main_body .main-body-area {
max-width: 1400px; // max-width: 1400px;
} // }
} // }
/*分辨率低于1440，采用下面的样式*/ /*分辨率低于1440，采用下面的样式*/
@media screen and (max-device-width: 1440px) { // @media screen and (max-device-width: 1440px) {
.main .main_body .main-body-area { // .main .main_body .main-body-area {
max-width: 1366px; // max-width: 1366px;
} // }
} // }
/*分辨率低于1366，采用下面的样式*/ /*分辨率低于1366，采用下面的样式*/
@media screen and (max-device-width: 1366px) { // @media screen and (max-device-width: 1366px) {
.main .main_body .main-body-area { // .main .main_body .main-body-area {
max-width: 1180px; // max-width: 1180px;
} // }
} // }
/*分辨率低于1180，采用下面的样式*/ /*分辨率低于1180，采用下面的样式*/
@media screen and (max-device-width: 1180px) { // @media screen and (max-device-width: 1180px) {
.main .main_body .main-body-area { // .main .main_body .main-body-area {
max-width: 1000px; // max-width: 1000px;
} // }
} // }
/*分辨率低于1024，采用下面的样式*/ /*分辨率低于1024，采用下面的样式*/
@media screen and (max-device-width: 1024px) { @media screen and (max-device-width: 1024px) {
} }
......
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