Skip to content

M
mancheng_code
Commit e69a7107 by heshihao
Options

feat: 适配修改

parent 6983fbe2
Showing with 1524 additions and 2323 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 @@
"qs": "^6.10.1",
"relation-graph": "^1.1.0",
"screenfull": "^5.2.0",
"v-scale-screen": "^1.0.2",
"vue": "^2.6.11",
"vue-baidu-map": "^0.21.22",
"vue-router": "^3.2.0",
......
public/index.html
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
<title>
<%= htmlWebpackPlugin.options.title %>
</title>
</head>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>
<%= htmlWebpackPlugin.options.title %>
</title>
</head>
<body onresize="handleScreen();">
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
<script>
/***js代码***/
function handleScreen() {
const m = detectZoom();
document.body.style.zoom = 100 / Number(m);
}
function detectZoom() {
let ratio = 0,
screen = window.screen,
ua = navigator.userAgent.toLowerCase();
if (window.devicePixelRatio !== undefined) {
ratio = window.devicePixelRatio;
} else if (~ua.indexOf('msie')) {
if (screen.deviceXDPI && screen.logicalXDPI) {
ratio = screen.deviceXDPI / screen.logicalXDPI;
}
} else if (window.outerWidth !== undefined && window.innerWidth !== undefined) {
ratio = window.outerWidth / window.innerWidth;
<body>
<noscript>
<strong
>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please
enable it to continue.</strong
>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
<script>
/***js代码***/
function handleScreen() {
const m = detectZoom();
document.body.style.zoom = 100 / Number(m);
}
if (ratio) {
ratio = Math.round(ratio * 100);
function detectZoom() {
let ratio = 0,
screen = window.screen,
ua = navigator.userAgent.toLowerCase();
if (window.devicePixelRatio !== undefined) {
ratio = window.devicePixelRatio;
} else if (~ua.indexOf("msie")) {
if (screen.deviceXDPI && screen.logicalXDPI) {
ratio = screen.deviceXDPI / screen.logicalXDPI;
}
} else if (window.outerWidth !== undefined && window.innerWidth !== undefined) {
ratio = window.outerWidth / window.innerWidth;
}
if (ratio) {
ratio = Math.round(ratio * 100);
}
return ratio;
}
return ratio;
}
function getWindowHeight() {
var zoom = document.body.style.zoom;
var height = $(window).height();
if (zoom) {
return height / zoom;
function getWindowHeight() {
var zoom = document.body.style.zoom;
var height = $(window).height();
if (zoom) {
return height / zoom;
}
return height;
}
return height;
}
function getWindowWidth() {
var zoom = document.body.style.zoom;
var width = $(window).width();
if (zoom) {
return width / zoom;
function getWindowWidth() {
var zoom = document.body.style.zoom;
var width = $(window).width();
if (zoom) {
return width / zoom;
}
return width;
}
return width;
}
window.onresize = function () {
handleScreen()
}
</script>
</body>
</html>
\ No newline at end of file
// window.onresize = function() {
// handleScreen();
// };
// window.onload = function(){
// handleScreen()
// }
</script>
</body>
</html>
src/App.vue
<template>
<div id="app" @click="isTimeOut">
<router-view />
<!-- <transition name="el-fade-in" mode="out-in">
<v-scale-screen width="1920" height="960">
<div id="app" @click="isTimeOut">
<router-view />
<!-- <transition name="el-fade-in" mode="out-in">
<keep-alive>
<router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
......@@ -9,33 +10,34 @@
<transition name="el-fade-in" mode="out-in">
<router-view v-if="!$route.meta.keepAlive"></router-view>
</transition> -->
<svg style="display:none">
<filter id="colorMeMatrixRed">
<feColorMatrix
in="SourceGraphic"
type="matrix"
values="
<svg style="display:none">
<filter id="colorMeMatrixRed">
<feColorMatrix
in="SourceGraphic"
type="matrix"
values="
0.24 0.24 0.24 0.325 0
0.05 0.05 0.05 0.2178 0
0.04 0.04 0.04 0.174 0
0 0 0 1 0
"
/>
</filter>
<filter id="colorMeMatrixBlue">
<feColorMatrix
in="SourceGraphic"
type="matrix"
values="
/>
</filter>
<filter id="colorMeMatrixBlue">
<feColorMatrix
in="SourceGraphic"
type="matrix"
values="
0.05 0.05 0.05 0.218 0
0.1 0.1 0.1 0.280 0
0.2 0.2 0.2 0.346 0
0 0 0 1 0
"
/>
</filter>
</svg>
</div>
/>
</filter>
</svg>
</div>
</v-scale-screen>
</template>
<script>
......@@ -46,7 +48,7 @@ export default {
currentTime: null, // 当前点击的时间
timeOut: 60*15* 1000, // 设置超时时间:30分钟
timeOut: 60 * 15 * 1000, // 设置超时时间:30分钟
};
},
created() {
......@@ -62,7 +64,7 @@ export default {
if (localStorage.getItem("token")) {
// 如果是登录状态,提示超过15分钟
this.$message.warning('登录超时，请重新登录')
this.$message.warning("登录超时，请重新登录");
localStorage.setItem("token", "");
this.$store.commit("setToken", "");
this.$store.commit("setFlag", 0);
......
src/assets/css/reset.css
......@@ -11,9 +11,8 @@ body {
overflow: hidden;
}
body {
font: normal 400 16px/1.5 "Microsoft YaHei", "MicrosoftYaHei", "Heiti SC",
tahoma, arial, "Hiragino Sans GB", "Arial Negreta", "Arial Normal",
"Arial" "\5B8B\4F53", sans-serif;
font: normal 400 16px/1.5 "Microsoft YaHei", "MicrosoftYaHei", "Heiti SC", tahoma, arial, "Hiragino Sans GB",
"Arial Negreta", "Arial Normal", "Arial" "\5B8B\4F53", sans-serif;
/*根据网站实际背景来设*/
/* background-color: #f2f2f2; */
}
......@@ -107,7 +106,15 @@ table {
}
@font-face {
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 {
scrollbar-color: #767ffe #e9f3ff;
......@@ -162,3 +169,7 @@ table {
-ms-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 @@
active-text-color="#fff"
>
<el-menu-item index="index">
<img
v-show="activeIndex == 'index'"
src="../assets/images/header/icon-nav01.png"
alt=""
/>
<img
v-show="activeIndex != 'index'"
src="../assets/images/header/icon-nav01.png"
alt=""
/>
<img v-show="activeIndex == 'index'" src="../assets/images/header/icon-nav01.png" alt="" />
<img v-show="activeIndex != 'index'" src="../assets/images/header/icon-nav01.png" alt="" />
<span>招商驾驶舱</span>
</el-menu-item>
<el-menu-item index="atlas" :disabled="false">
<img
v-show="activeIndex == 'atlas'"
src="../assets/images/header/icon-nav02-select.png"
alt=""
/>
<img
v-show="activeIndex != 'atlas'"
src="../assets/images/header/icon-nav02.png"
alt=""
/>
<img v-show="activeIndex == 'atlas'" src="../assets/images/header/icon-nav02-select.png" alt="" />
<img v-show="activeIndex != 'atlas'" src="../assets/images/header/icon-nav02.png" alt="" />
<span>产业现状图谱</span>
</el-menu-item>
<el-menu-item index="radar" :disabled="false">
<img
v-show="activeIndex == 'radar'"
src="../assets/images/header/icon-nav03-select.png"
alt=""
/>
<img
v-show="activeIndex != 'radar'"
src="../assets/images/header/icon-nav03.png"
alt=""
/>
<img v-show="activeIndex == 'radar'" src="../assets/images/header/icon-nav03-select.png" alt="" />
<img v-show="activeIndex != 'radar'" src="../assets/images/header/icon-nav03.png" alt="" />
<span>产业招商雷达</span>
</el-menu-item>
<el-menu-item index="map" :disabled="false">
<img
v-show="activeIndex == 'map'"
src="../assets/images/header/icon-nav04-select.png"
alt=""
/>
<img
v-show="activeIndex != 'map'"
src="../assets/images/header/icon-nav04.png"
alt=""
/>
<img v-show="activeIndex == 'map'" src="../assets/images/header/icon-nav04-select.png" alt="" />
<img v-show="activeIndex != 'map'" src="../assets/images/header/icon-nav04.png" alt="" />
<span>产业招商地图</span>
</el-menu-item>
<el-menu-item index="assess" :disabled="false">
<img
v-show="activeIndex == 'assess'"
src="../assets/images/header/icon-nav05-select.png"
alt=""
/>
<img
v-show="activeIndex != 'assess'"
src="../assets/images/header/icon-nav05.png"
alt=""
/>
<img v-show="activeIndex == 'assess'" src="../assets/images/header/icon-nav05-select.png" alt="" />
<img v-show="activeIndex != 'assess'" src="../assets/images/header/icon-nav05.png" alt="" />
<span>智能选址评估</span>
</el-menu-item>
<el-menu-item index="portrait" :disabled="false">
<img
v-show="activeIndex == 'portrait'"
src="../assets/images/header/icon-nav06-select.png"
alt=""
/>
<img
v-show="activeIndex != 'portrait'"
src="../assets/images/header/icon-nav06.png"
alt=""
/>
<img v-show="activeIndex == 'portrait'" 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>
</el-menu-item>
<el-menu-item index="resources" :disabled="false">
<img
v-show="activeIndex == 'resources'"
src="../assets/images/header/icon-nav07-select.png"
alt=""
/>
<img
v-show="activeIndex != 'resources'"
src="../assets/images/header/icon-nav07.png"
alt=""
/>
<img v-show="activeIndex == 'resources'" src="../assets/images/header/icon-nav07-select.png" alt="" />
<img v-show="activeIndex != 'resources'" src="../assets/images/header/icon-nav07.png" alt="" />
<span>招商资源管理</span>
</el-menu-item>
</el-menu>
......@@ -138,22 +82,10 @@ export default {
},
methods: {
handleSelect(key) {
//2023.7.31隐藏除产业图谱其他的入口
if (
key === "atlas" ||
key === "radar" ||
key === "map" ||
key === "portrait"
) {
this.activeIndex = key;
if (this.$route.name !== key) {
this.$router.push({ name: key });
}
this.activeIndex = key;
if (this.$route.name !== key) {
this.$router.push({ name: key });
}
//原代码
// this.activeIndex = key;
// if (this.$route.name !== key) {
// this.$router.push({ name: key });
},
goLogin() {
this.$message({
......@@ -166,11 +98,10 @@ export default {
this.$router.push({ name: "login" });
},
goUserCenter() {
//2023.8.2隐藏用户中心
// if (this.$route.name !== "usercenter") {
// this.activeIndex = "usercenter";
// this.$router.push({ name: "usercenter" });
// }
if (this.$route.name !== "usercenter") {
this.activeIndex = "usercenter";
this.$router.push({ name: "usercenter" });
}
},
getNowTime() {
this.nowTime = this.$moment().format("YYYY[年]MMMDo HH:mm:ss");
......@@ -290,11 +221,7 @@ header {
color: #75798e !important;
border-bottom-color: transparent !important;
border-bottom: none;
background: linear-gradient(
0deg,
rgba(255, 255, 255, 0.22) 0%,
rgba(255, 255, 255, 0) 100%
) !important;
background: linear-gradient(0deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0) 100%) !important;
span {
color: #fff;
opacity: 1;
......@@ -315,70 +242,71 @@ header {
background: transparent;
}
@media screen and (max-width: 1200px) {
.el-menu--horizontal > .el-menu-item {
width: 94px;
}
header .nav {
width: 600px;
margin-left: 20px;
}
.title {
img {
width: 200px;
}
}
header .nav li img,
header .ul li img {
margin-top: 20px;
width: 70px;
height: auto;
}
/deep/ .nav .el-menu--horizontal > .el-menu-item {
width: 70px;
}
header .nav span,
header .ul span {
font-size: 12px;
}
}
@media screen and (max-width: 1600px) {
.el-menu--horizontal > .el-menu-item {
width: 94px;
}
header .nav,
header .ul {
margin-left: 80px;
}
.title {
img {
width: 300px;
}
}
.nav span,
.ul span {
margin-top: -25px;
font-size: 16px;
}
header .user {
position: absolute;
right: 0px;
span {
font-size: 16px;
}
}
}
@media only screen and (width: 1366px) {
.el-menu--horizontal > .el-menu-item {
width: 94px;
}
header .nav {
margin-left: 30px;
}
.title {
img {
width: 300px;
}
}
}
// 可以解开
// @media screen and (max-width: 1200px) {
// .el-menu--horizontal > .el-menu-item {
// width: 94px;
// }
// header .nav {
// width: 600px;
// margin-left: 20px;
// }
// .title {
// img {
// width: 200px;
// }
// }
// header .nav li img,
// header .ul li img {
// margin-top: 20px;
// width: 70px;
// height: auto;
// }
// /deep/ .nav .el-menu--horizontal > .el-menu-item {
// width: 70px;
// }
// header .nav span,
// header .ul span {
// font-size: 12px;
// }
// }
// @media screen and (max-width: 1600px) {
// .el-menu--horizontal > .el-menu-item {
// width: 94px;
// }
// header .nav,
// header .ul {
// margin-left: 80px;
// }
// .title {
// img {
// width: 300px;
// }
// }
// .nav span,
// .ul span {
// margin-top: -25px;
// font-size: 16px;
// }
// header .user {
// position: absolute;
// right: 0px;
// span {
// font-size: 16px;
// }
// }
// }
// @media only screen and (width: 1366px) {
// .el-menu--horizontal > .el-menu-item {
// width: 94px;
// }
// header .nav {
// margin-left: 30px;
// }
// .title {
// img {
// width: 300px;
// }
// }
// }
</style>
src/components/chain.vue
......@@ -8,7 +8,6 @@
>
<img v-if="activeId == item.id" :src="item.icon1" alt="" />
<img v-if="activeId != item.id" :src="item.icon" alt="" />
<span>{{ item.name }}</span>
</li>
</ul>
......@@ -39,87 +38,67 @@ export default {
let res = await API.cluster();
if (res.success) {
} else {
//源代码
// this.Industry = res;
// <!-- 2023.8.1修改与隐藏 -->
this.Industry = [
{
icon:
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-gt.png",
icon1:
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-gt-select.png",
icon: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-gt.png",
icon1: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-gt-select.png",
id: 1,
industry_level: 1,
name: "纸制品加工及卫品",
},
{
icon:
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-whly.png",
icon1:
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-whly-select.png",
icon: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-whly.png",
icon1: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-whly-select.png",
id: 2,
industry_level: 1,
name: "文化旅游",
},
{
icon:
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-gjd.png",
icon1:
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-gjd-select.png",
icon: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-gjd.png",
icon1: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-gjd-select.png",
id: 3,
industry_level: 1,
name: "轨道交通",
},
{
icon:
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-xcl.png",
icon1:
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-xcl-select.png",
icon: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-xcl.png",
icon1: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-xcl-select.png",
id: 5,
industry_level: 1,
name: "新材料及高端装备制造",
},
{
icon:
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-yy.png",
icon1:
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-yy-select.png",
icon: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-yy.png",
icon1: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-yy-select.png",
id: 4,
industry_level: 1,
name: "生物医药大健康",
},
{
icon:
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-mcq.png",
icon1:
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-mcq-select.png",
icon: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-mcq.png",
icon1: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-mcq-select.png",
id: 6,
industry_level: 1,
name: "教育和体育",
},
{
icon:
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-zbzz.png",
icon1:
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-zbzz-select.png",
icon: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-zbzz.png",
icon1: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-zbzz-select.png",
id: 7,
industry_level: 1,
name: "现代服务及商贸物流",
},
{
icon:
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-zz.png",
icon1:
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-zz-select.png",
icon: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-zz.png",
icon1: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-zz-select.png",
id: 8,
industry_level: 1,
name: "农业产业化及食品加工",
},
{
icon:
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-mhg.png",
icon1:
"https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-mhg-select.png",
icon: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-mhg.png",
icon1: "https://zysf-store.oss-cn-beijing.aliyuncs.com//晋城招商图谱平台/产业大类图标/icon-mhg-select.png",
id: 9,
industry_level: 1,
name: "电力电气",
......@@ -163,11 +142,7 @@ export default {
cursor: default;
}
&.active {
background: linear-gradient(
90deg,
#6e8efe 0%,
rgba(110, 142, 254, 0.6) 100%
);
background: linear-gradient(90deg, #6e8efe 0%, rgba(110, 142, 254, 0.6) 100%);
border-radius: 4px 0px 0px 4px;
span {
font-size: 16px;
......
src/components/manageHeader.vue
......@@ -103,8 +103,7 @@ export default {
width: 160px;
height: 46px;
background: rgba(39, 110, 156, 0.36);
box-shadow: 0px 0px 4px 0px rgba(0, 132, 255, 0.8),
0px 0px 16px 0px rgba(0, 156, 255, 0.31);
box-shadow: 0px 0px 4px 0px rgba(0, 132, 255, 0.8), 0px 0px 16px 0px rgba(0, 156, 255, 0.31);
border-radius: 10px;
font-size: 20px;
font-family: Microsoft YaHei;
......@@ -129,27 +128,27 @@ export default {
*ipad 1024 * 768
*/
/*分辨率低于1440，采用下面的样式*/
@media screen and (max-device-width: 1366px) {
.head .bnti {
img {
width: 88% !important;
}
}
}
// @media screen and (max-device-width: 1366px) {
// .head .bnti {
// img {
// width: 88% !important;
// }
// }
// }
/*分辨率低于1180，采用下面的样式*/
@media screen and (max-device-width: 1180px) {
.head .bnti {
img {
width: 66% !important;
}
}
}
// @media screen and (max-device-width: 1180px) {
// .head .bnti {
// img {
// width: 66% !important;
// }
// }
// }
/*分辨率低于1024，采用下面的样式*/
@media screen and (max-device-width: 1024px) {
.bnti {
img {
width: 66% !important;
}
}
}
// @media screen and (max-device-width: 1024px) {
// .bnti {
// img {
// width: 66% !important;
// }
// }
// }
</style>
src/main.js
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import axios from './utils/http'
import axios2 from 'axios'
import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import axios from "./utils/http";
import axios2 from "axios";
// 使用elementUI
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import ElementUI from "element-ui";
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
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.js/dist/video-js.css'
import Video from "video.js";
import "video.js/dist/video-js.css";
// 使用echarts
import * as echarts from 'echarts';
import 'echarts-gl';
import * as echarts from "echarts";
import "echarts-gl";
// 引入百度地图
import BaiduMap from 'vue-baidu-map'
import BaiduMap from "vue-baidu-map";
// 使用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 HighchartsMore from 'highcharts/highcharts-more';
import HighchartsDrilldown from 'highcharts/modules/drilldown';
import Highcharts3D from 'highcharts/highcharts-3d';
import VScaleScreen from "v-scale-screen";
Vue.use(VScaleScreen);
HighchartsMore(Highcharts)
HighchartsMore(Highcharts);
HighchartsDrilldown(Highcharts);
Highcharts3D(Highcharts);
// 使用moment
require("moment/min/locales.min");
moment.locale('zh-cn');
moment.locale("zh-cn");
let bus = new Vue()
Vue.prototype.$bus = bus
let bus = new Vue();
Vue.prototype.$bus = bus;
// 视频插件
Vue.prototype.$video = Video
Vue.prototype.$video = Video;
Vue.use(ElementUI);
Vue.prototype.$moment = moment
Vue.config.productionTip = false
Vue.prototype.axios = axios
Vue.prototype.$axios = axios2
Vue.prototype.$Highcharts = Highcharts
Vue.prototype.$echarts = echarts
Vue.prototype.$moment = moment;
Vue.config.productionTip = false;
Vue.prototype.axios = axios;
Vue.prototype.$axios = axios2;
Vue.prototype.$Highcharts = Highcharts;
Vue.prototype.$echarts = echarts;
// 复制方法
Vue.prototype.$copy = func.copy
Vue.prototype.$copy = func.copy;
Vue.use(BaiduMap, {
// ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */
ak: 'tZT2SxRwIIig1eO8z0IgZaYfArwRdunb'
})
ak: "tZT2SxRwIIig1eO8z0IgZaYfArwRdunb",
});
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app')
render: (h) => h(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 @@
:class="activeRouter == item.name ? 'active' : ''"
@click="changeRouter(item.name)"
>
<img
v-if="activeRouter != item.name"
:src="require(`@/assets/images/assess/${item.img}`)"
alt=""
/>
<img
v-if="activeRouter == item.name"
:src="require(`@/assets/images/assess/${item.img_select}`)"
alt=""
/>
<img v-if="activeRouter != item.name" :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>
</li>
</ul>
......
src/views/assess/pages/ass.vue
......@@ -38,7 +38,7 @@
>
<bm-boundary
v-for="item in district_list"
:key="item.district_name"
:key="item.id"
:name="'山西省晋城市' + item.district_name"
:strokeWeight="2"
strokeColor="#2977f0"
......
src/views/atlas/atlas.vue
......@@ -8,17 +8,9 @@
:class="activeRouter == index ? 'active' : ''"
@click="changeRouter(index)"
>
<img
v-if="activeRouter != index"
:src="require(`@/assets/images/atlas/${item.img}`)"
alt=""
/>
<img
v-if="activeRouter == index"
:src="require(`@/assets/images/atlas/${item.img_select}`)"
alt=""
/>
<span>{{ item.title}}</span>
<img v-if="activeRouter != index" :src="require(`@/assets/images/atlas/${item.img}`)" alt="" />
<img v-if="activeRouter == index" :src="require(`@/assets/images/atlas/${item.img_select}`)" alt="" />
<span>{{ item.title }}</span>
</li>
</ul>
</div>
......@@ -43,72 +35,48 @@
/>
<div v-if="activeRouter == 2" class=" box-more">
<div class="top-head-nav">
<span
:class="[resourcesActiveName == 1 ? 'active' : '']"
@click="resourcesActiveName = 1"
>高等院校</span
>
<span
:class="[resourcesActiveName == 2 ? 'active' : '']"
@click="resourcesActiveName = 2"
>创新平台</span
>
<span :class="[resourcesActiveName == 1 ? 'active' : '']" @click="resourcesActiveName = 1">高等院校</span>
<span :class="[resourcesActiveName == 2 ? 'active' : '']" @click="resourcesActiveName = 2">创新平台</span>
</div>
<!-- <School
<School
v-if="resourcesActiveName == 1"
:industry_id="industry_id"
:industry_level="industry_level"
:select_flag="1"
/> -->
<!-- <Platform
/>
<Platform
v-if="resourcesActiveName == 2"
:industry_id="industry_id"
:industry_level="industry_level"
:select_flag="3"
/> -->
/>
</div>
<div v-if="activeRouter == 3" class=" box-more">
<div class="top-head-nav">
<span
:class="[carrierActiveName == 1 ? 'active' : '']"
@click="carrierActiveName = 1"
>行政区</span
>
<span
:class="[carrierActiveName == 2 ? 'active' : '']"
@click="carrierActiveName = 2"
>开发区</span
>
<span
:class="[carrierActiveName == 3 ? 'active' : '']"
@click="carrierActiveName = 3"
>产业园区</span
>
<span :class="[carrierActiveName == 1 ? 'active' : '']" @click="carrierActiveName = 1">行政区</span>
<span :class="[carrierActiveName == 2 ? 'active' : '']" @click="carrierActiveName = 2">开发区</span>
<span :class="[carrierActiveName == 3 ? 'active' : '']" @click="carrierActiveName = 3">产业园区</span>
</div>
<!-- <District
<District
v-if="carrierActiveName == 1"
:industry_id="industry_id"
:industry_level="industry_level"
:select_flag="1"
/> -->
<!-- <Kaifaqu
/>
<Kaifaqu
v-if="carrierActiveName == 2"
:industry_id="industry_id"
:industry_level="industry_level"
:select_flag="7"
/> -->
<!-- <Park
/>
<Park
v-if="carrierActiveName == 3"
:industry_id="industry_id"
:industry_level="industry_level"
:select_flag="2"
/> -->
/>
</div>
<Policy
v-if="activeRouter == 4"
:industry_id="industry_id"
:industry_level="industry_level"
/>
<Policy v-if="activeRouter == 4" :industry_id="industry_id" :industry_level="industry_level" />
<Estimate v-if="activeRouter == 5" :industry_id="industry_id" />
</div>
</div>
......@@ -215,14 +183,7 @@ export default {
methods: {
changeRouter(val) {
console.log(val);
//限制其他几个页面入口
if (val !== 5) {
this.activeRouter = val;
}
//源代码
// this.activeRouter = val;
this.activeRouter = val;
},
getCateid(data) {
......@@ -759,10 +720,7 @@ td {
}
}
//// 表格样式修改
/deep/.el-table--striped
.el-table__body
tr.el-table__row--striped
td.el-table__cell {
/deep/.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
// background: #f7faff;
background: #f9fafc;
}
......@@ -825,10 +783,7 @@ td {
height: 30px;
background: url("~@images/atlas/icon-page-right.png") no-repeat center;
}
/deep/
.el-pagination
button:disabled.btn-next:hover
.el-icon-arrow-right:before {
/deep/ .el-pagination button:disabled.btn-next:hover .el-icon-arrow-right:before {
content: "";
display: inline-block;
width: 30px;
......@@ -845,10 +800,7 @@ td {
height: 30px;
background: url("~@images/atlas/icon-page-left.png") no-repeat center;
}
/deep/
.el-pagination
button:disabled.btn-prev:hover
.el-icon-arrow-left:before {
/deep/ .el-pagination button:disabled.btn-prev:hover .el-icon-arrow-left:before {
content: "";
display: inline-block;
width: 30px;
......@@ -929,17 +881,11 @@ td {
/deep/.tab-resources .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
padding-left: 24px;
}
/deep/.tab-resources
.el-tabs--card
> .el-tabs__header
.el-tabs__item:first-child {
/deep/.tab-resources .el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
border-left: 1px solid #0043b3;
}
/deep/.tab-resources
.el-tabs--card
> .el-tabs__header
.el-tabs__item.is-active {
/deep/.tab-resources .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
color: #fff;
background: linear-gradient(0deg, #0043b3 0%, #2667d5 100%);
border-radius: 4px;
......@@ -1022,26 +968,26 @@ td {
*ipad 1024 * 768
*/
/*分辨率低于1680，采用下面的样式*/
@media screen and (max-device-width: 1680px) {
.top-head-nav {
margin-bottom: 16px !important;
}
/deep/ .el-table .el-table__cell {
line-height: 40px !important;
height: 40px !important;
}
/deep/ .el-table .el-table__cell .cell {
height: 40px !important;
line-height: 40px !important;
}
.el-pagination {
text-align: right;
margin-top: 10px;
}
.box-more {
padding: 20px 30px;
overflow: hidden;
overflow-y: auto;
}
}
// @media screen and (max-device-width: 1680px) {
// .top-head-nav {
// margin-bottom: 16px !important;
// }
// /deep/ .el-table .el-table__cell {
// line-height: 40px !important;
// height: 40px !important;
// }
// /deep/ .el-table .el-table__cell .cell {
// height: 40px !important;
// line-height: 40px !important;
// }
// .el-pagination {
// text-align: right;
// margin-top: 10px;
// }
// .box-more {
// padding: 20px 30px;
// overflow: hidden;
// overflow-y: auto;
// }
// }
</style>
src/views/atlas/pages/chain.vue
......@@ -2,32 +2,16 @@
<div class="chain-detail info">
<div class="detail">
<div class="title">
<!-- 2023.8.1修改与隐藏 -->
<!-- <span>{{ info.name }}</span> -->
<span v-if="info.name == '新材料'">{{ info.name+'及高端装备制造' }}</span>
<span v-if="info.name == '医药'">{{ '生物医药大健康'}}</span>
<span v-else>{{ info.name}}</span>
<span>{{ info.name }}</span>
</div>
<div class="concent-box ">
<div
class="text-box scroll-auto"
v-html="info.span"
ref="details"
></div>
<div class="text-box scroll-auto" v-html="info.span" ref="details"></div>
<div class="img">
<div>
<img
:src="require('@/assets/images/industry/' + info.img1)"
alt=""
v-if="info.img1"
/>
<img :src="require('@/assets/images/industry/' + info.img1)" alt="" v-if="info.img1" />
</div>
<div>
<img
:src="require('@/assets/images/industry/' + info.img2)"
alt=""
v-if="info.img2"
/>
<img :src="require('@/assets/images/industry/' + info.img2)" alt="" v-if="info.img2" />
</div>
</div>
</div>
......@@ -35,7 +19,7 @@
</div>
</template>
<script>
import industryArr from "@/utils/industry_clone.json";
import industryArr from "@/utils/industry.json";
export default {
data() {
return {
......@@ -52,7 +36,7 @@ export default {
industry_id(nv, ov) {
industryArr.forEach((item) => {
if (item.id == nv) {
this.info = item;
this.info = item;
}
});
this.$refs.details.scrollTop = "0px";
......@@ -61,7 +45,7 @@ export default {
mounted() {
industryArr.forEach((item) => {
if (item.id == this.industry_id) {
this.info = item;
this.info = item;
}
});
},
......@@ -191,22 +175,22 @@ export default {
*ipad 1024 * 768
*/
/*分辨率低于1680，采用下面的样式*/
@media screen and (max-device-width: 1680px) {
.img img {
max-height: 248px;
border: 1px solid #ddd;
}
}
// @media screen and (max-device-width: 1680px) {
// .img img {
// max-height: 248px;
// border: 1px solid #ddd;
// }
// }
// /*分辨率低于1536，采用下面的样式*/
// @media screen and (max-device-width: 1512px) {
// }
/*分辨率低于1440，采用下面的样式*/
@media screen and (max-device-width: 1440px) {
.img img {
max-height: 200px;
border: 1px solid #ddd;
}
}
// @media screen and (max-device-width: 1440px) {
// .img img {
// max-height: 200px;
// border: 1px solid #ddd;
// }
// }
/*分辨率低于1180，采用下面的样式*/
@media screen and (max-device-width: 1180px) {
......
src/views/atlas/pages/district.vue
......@@ -45,13 +45,7 @@ export default {
watch: {
industry_id(nv, ov) {
this.currentPage = 1;
this.getTableData(
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
},
},
props: {
......@@ -69,23 +63,11 @@ export default {
},
},
mounted() {
this.getTableData(
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
},
methods: {
async getTableData(inid, industry_level, select_flag, page, perpage) {
let res = await API.zaiti(
inid,
industry_level,
select_flag,
page,
perpage
);
let res = await API.zaiti(inid, industry_level, select_flag, page, perpage);
this.districtData = res.admin_data;
this.total = res.size;
},
......@@ -215,19 +197,19 @@ export default {
*ipad 1024 * 768
*/
/*分辨率低于1680，采用下面的样式*/
@media screen and (max-device-width: 1680px) {
.district_flex li .d_main .d_main_center,
.district_flex li .d_main .d_main_right {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-around;
height: 100%;
font-family: Microsoft YaHei;
color: #333;
font-size: 14px;
}
}
// @media screen and (max-device-width: 1680px) {
// .district_flex li .d_main .d_main_center,
// .district_flex li .d_main .d_main_right {
// flex: 1;
// display: flex;
// flex-direction: column;
// justify-content: space-around;
// height: 100%;
// font-family: Microsoft YaHei;
// color: #333;
// font-size: 14px;
// }
// }
// /*分辨率低于1536，采用下面的样式*/
// @media screen and (max-device-width: 1512px) {
// }
......
src/views/atlas/pages/kaifaqu.vue
......@@ -44,13 +44,7 @@ export default {
watch: {
industry_id(nv, ov) {
this.currentPage = 1;
this.getTableData(
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
},
},
props: {
......@@ -68,23 +62,11 @@ export default {
},
},
mounted() {
this.getTableData(
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
},
methods: {
async getTableData(inid, industry_level, select_flag, page, perpage) {
let res = await API.zaiti(
inid,
industry_level,
select_flag,
page,
perpage
);
let res = await API.zaiti(inid, industry_level, select_flag, page, perpage);
this.districtData = res.garden;
this.total = res.size;
},
......@@ -214,19 +196,19 @@ export default {
*ipad 1024 * 768
*/
/*分辨率低于1680，采用下面的样式*/
@media screen and (max-device-width: 1680px) {
.district_flex li .d_main .d_main_center,
.district_flex li .d_main .d_main_right {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-around;
height: 100%;
font-family: Microsoft YaHei;
color: #333;
font-size: 14px;
}
}
// @media screen and (max-device-width: 1680px) {
// .district_flex li .d_main .d_main_center,
// .district_flex li .d_main .d_main_right {
// flex: 1;
// display: flex;
// flex-direction: column;
// justify-content: space-around;
// height: 100%;
// font-family: Microsoft YaHei;
// color: #333;
// font-size: 14px;
// }
// }
// /*分辨率低于1536，采用下面的样式*/
// @media screen and (max-device-width: 1512px) {
// }
......
src/views/atlas/pages/park.vue
......@@ -13,12 +13,7 @@
textAlign: 'center',
}"
>
<el-table-column
:show-overflow-tooltip="true"
label="序号"
width="50"
fixed
>
<el-table-column :show-overflow-tooltip="true" label="序号" width="50" fixed>
<template slot-scope="scope">
{{ (currentPage - 1) * perpage + scope.row.index }}
</template>
......@@ -30,36 +25,16 @@
</div>
</template>
</el-table-column>
<el-table-column
:show-overflow-tooltip="true"
prop="region"
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 :show-overflow-tooltip="true" prop="region" 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
:show-overflow-tooltip="true"
prop="cate"
label="园区类型"
>
</el-table-column> -->
<el-table-column
:show-overflow-tooltip="true"
prop="address"
label="地址"
>
</el-table-column>
<el-table-column :show-overflow-tooltip="true" prop="address" label="地址"> </el-table-column>
</el-table>
<el-pagination
@current-change="handleCurrentChange"
......@@ -89,13 +64,7 @@ export default {
watch: {
industry_id(nv, ov) {
this.currentPage = 1;
this.getTableData(
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
},
},
props: {
......@@ -113,23 +82,11 @@ export default {
},
},
mounted() {
this.getTableData(
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
},
methods: {
async getTableData(inid, industry_level, select_flag, page, perpage) {
let res = await API.zaiti(
inid,
industry_level,
select_flag,
page,
perpage
);
let res = await API.zaiti(inid, industry_level, select_flag, page, perpage);
this.tableData = res.garden.map((item, index) => {
item.index = index + 1;
return item;
......@@ -147,22 +104,10 @@ export default {
handleSizeChange(val) {
this.currentPage = 1;
this.perpage = val;
this.getTableData(
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
},
handleCurrentChange(val) {
this.getTableData(
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
},
},
};
......@@ -187,31 +132,31 @@ export default {
*ipad 1024 * 768
*/
/*分辨率低于1680，采用下面的样式*/
@media screen and (max-device-width: 1680px) {
.top-head-nav {
margin-bottom: 16px !important;
}
.options {
margin-bottom: 0px;
}
.time-options {
margin: 10px 0;
}
.el-pagination {
margin-top: 14px;
}
}
// @media screen and (max-device-width: 1680px) {
// .top-head-nav {
// margin-bottom: 16px !important;
// }
// .options {
// margin-bottom: 0px;
// }
// .time-options {
// margin: 10px 0;
// }
// .el-pagination {
// margin-top: 14px;
// }
// }
// /*分辨率低于1536，采用下面的样式*/
// @media screen and (max-device-width: 1512px) {
// }
/*分辨率低于1440，采用下面的样式*/
@media screen and (max-device-width: 1440px) {
.box-more {
padding: 20px 30px;
overflow: hidden;
overflow-y: auto;
}
}
// @media screen and (max-device-width: 1440px) {
// .box-more {
// padding: 20px 30px;
// overflow: hidden;
// overflow-y: auto;
// }
// }
/*分辨率低于1366，采用下面的样式*/
@media screen and (max-device-width: 1366px) {
}
......
src/views/atlas/pages/platform.vue
......@@ -13,54 +13,23 @@
textAlign: 'center',
}"
>
<el-table-column
:show-overflow-tooltip="true"
fixed
prop="index"
label="序号"
width="80"
>
<el-table-column :show-overflow-tooltip="true" fixed prop="index" label="序号" width="80">
<template slot-scope="scope">
{{ (page - 1) * per_page + scope.row.index }}
</template>
</el-table-column>
<el-table-column
:show-overflow-tooltip="true"
fixed
prop="name"
label="平台名称"
width="400"
>
<el-table-column :show-overflow-tooltip="true" fixed prop="name" label="平台名称" width="400">
<template slot-scope="scope">
<div @click="goPlatform(scope.row.id)" style="cursor:pointer">
{{ scope.row.name }}
</div>
</template>
</el-table-column>
<el-table-column
:show-overflow-tooltip="true"
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="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="postcode"
label="联系电话"
>
</el-table-column>
<el-table-column
:show-overflow-tooltip="true"
prop="address"
label="地址"
></el-table-column>
<el-table-column :show-overflow-tooltip="true" prop="postcode" label="联系电话"> </el-table-column>
<el-table-column :show-overflow-tooltip="true" prop="address" label="地址"></el-table-column>
</el-table>
<el-pagination
@current-change="handleCurrentChange"
......@@ -90,13 +59,7 @@ export default {
watch: {
industry_id(nv, ov) {
this.page = 1;
this.getTableData(
this.industry_id,
this.industry_level,
this.select_flag,
this.page,
this.per_page
);
this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.page, this.per_page);
},
},
props: {
......@@ -114,23 +77,11 @@ export default {
},
},
mounted() {
this.getTableData(
this.industry_id,
this.industry_level,
this.select_flag,
this.page,
this.per_page
);
this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.page, this.per_page);
},
methods: {
async getTableData(inid, industry_level, select_flag, page, per_page) {
let res = await API.resource(
inid,
industry_level,
select_flag,
page,
per_page
);
let res = await API.resource(inid, industry_level, select_flag, page, per_page);
this.tableData = res.df.map((item, index) => {
item.index = index + 1;
return item;
......@@ -148,22 +99,10 @@ export default {
handleSizeChange(val) {
this.page = 1;
this.per_page = val;
this.getTableData(
this.industry_id,
this.industry_level,
this.select_flag,
this.page,
this.per_page
);
this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.page, this.per_page);
},
handleCurrentChange(val) {
this.getTableData(
this.industry_id,
this.industry_level,
this.select_flag,
this.page,
this.per_page
);
this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.page, this.per_page);
},
},
};
......@@ -188,39 +127,39 @@ export default {
*ipad 1024 * 768
*/
/*分辨率低于1680，采用下面的样式*/
@media screen and (max-device-width: 1680px) {
.top-head-nav {
margin-bottom: 14px !important;
}
/deep/ .el-table .el-table__cell {
line-height: 40px !important;
height: 40px !important;
}
/deep/ .el-table .el-table__cell .cell {
height: 40px !important;
line-height: 40px !important;
}
.el-pagination {
text-align: right;
margin-top: 6px;
}
.box-more {
padding: 20px;
overflow: hidden;
overflow-y: auto;
}
}
// @media screen and (max-device-width: 1680px) {
// .top-head-nav {
// margin-bottom: 14px !important;
// }
// /deep/ .el-table .el-table__cell {
// line-height: 40px !important;
// height: 40px !important;
// }
// /deep/ .el-table .el-table__cell .cell {
// height: 40px !important;
// line-height: 40px !important;
// }
// .el-pagination {
// text-align: right;
// margin-top: 6px;
// }
// .box-more {
// padding: 20px;
// overflow: hidden;
// overflow-y: auto;
// }
// }
// /*分辨率低于1536，采用下面的样式*/
// @media screen and (max-device-width: 1512px) {
// }
/*分辨率低于1440，采用下面的样式*/
@media screen and (max-device-width: 1440px) {
.box-more {
padding: 20px 30px;
overflow: hidden;
overflow-y: auto;
}
}
// @media screen and (max-device-width: 1440px) {
// .box-more {
// padding: 20px 30px;
// overflow: hidden;
// overflow-y: auto;
// }
// }
/*分辨率低于1366，采用下面的样式*/
@media screen and (max-device-width: 1366px) {
}
......
src/views/atlas/pages/policy.vue
<template>
<div class=" box-more">
<div class="top-head-nav">
<!-- <span :class="[policy_level == 0 ? 'active' : '']" @click="changeLevel(0)"
>全部</span
> -->
<span :class="[policy_level == 1 ? 'active' : '']" @click="changeLevel(1)"
>国家级</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
> -->
<!-- <span :class="[policy_level == 0 ? 'active' : '']" @click="changeLevel(0)">全部</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 == 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 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>
<ul
:class="[policy_level == 4 ? 'xq' : '', policy_level == 5 ? 'kfq' : '']"
>
<ul :class="[policy_level == 4 ? 'xq' : '', policy_level == 5 ? 'kfq' : '']">
<li
v-for="item of institution[policy_level]"
:key="item.label"
......@@ -35,28 +20,16 @@
{{ item.label }}
</li>
</ul>
</div>
</div> -->
<div class="time-options ">
<div>
<em>年份筛选：</em>
<el-date-picker
v-model="year"
type="year"
placeholder="请选择年份"
value-format="yyyy"
@change="search"
>
<el-date-picker v-model="year" type="year" placeholder="请选择年份" value-format="yyyy" @change="search">
</el-date-picker>
</div>
<div class="search-name">
<em>政策名称：</em>
<el-input
v-model="keyword"
placeholder="请输入政策名称"
type="text"
clearable
@keydown.enter.native="search"
/>
<el-input v-model="keyword" placeholder="请输入政策名称" type="text" clearable @keydown.enter.native="search" />
<span @click="search">搜索</span>
</div>
</div>
......@@ -73,40 +46,20 @@
textAlign: 'center',
}"
>
<el-table-column
:show-overflow-tooltip="true"
label="序号"
width="50"
fixed
>
<el-table-column :show-overflow-tooltip="true" label="序号" width="50" fixed>
<template slot-scope="scope">
{{ (currentPage - 1) * perpage + scope.row.index }}
</template>
</el-table-column>
<el-table-column
:show-overflow-tooltip="true"
fixed
prop="name"
label="政策名称"
width="550"
>
<el-table-column :show-overflow-tooltip="true" fixed prop="name" label="政策名称" width="550">
<template slot-scope="scope">
<div @click="goPolicy(scope.row.id)" style="cursor:pointer">
{{ scope.row.name }}
</div>
</template>
</el-table-column>
<el-table-column
:show-overflow-tooltip="true"
prop="org"
label="发布机构"
></el-table-column>
<el-table-column
:show-overflow-tooltip="true"
prop="pubdate"
label="发布日期"
>
</el-table-column>
<el-table-column :show-overflow-tooltip="true" prop="org" label="发布机构"></el-table-column>
<el-table-column :show-overflow-tooltip="true" prop="pubdate" label="发布日期"> </el-table-column>
</el-table>
<el-pagination
@current-change="handleCurrentChange"
......@@ -262,16 +215,7 @@ export default {
policy_name: this.keyword,
});
},
async getTableData({
inid,
industry_level,
policy_level,
page,
perpage,
policy_type,
policy_year,
policy_name,
}) {
async getTableData({ inid, industry_level, policy_level, page, perpage, policy_type, policy_year, policy_name }) {
let res = await API.indus_policy({
inid,
industry_level,
......@@ -474,35 +418,35 @@ export default {
*ipad 1024 * 768
*/
/*分辨率低于1680，采用下面的样式*/
@media screen and (max-device-width: 1680px) {
.top-head-nav {
margin-bottom: 16px !important;
}
.options {
margin-bottom: 0px;
}
.time-options {
margin: 10px 0;
}
.el-pagination {
margin-top: 14px;
}
.box-more {
overflow: hidden;
overflow-y: auto;
}
}
// @media screen and (max-device-width: 1680px) {
// .top-head-nav {
// margin-bottom: 16px !important;
// }
// .options {
// margin-bottom: 0px;
// }
// .time-options {
// margin: 10px 0;
// }
// .el-pagination {
// margin-top: 14px;
// }
// .box-more {
// overflow: hidden;
// overflow-y: auto;
// }
// }
// /*分辨率低于1536，采用下面的样式*/
// @media screen and (max-device-width: 1512px) {
// }
/*分辨率低于1440，采用下面的样式*/
@media screen and (max-device-width: 1440px) {
.box-more {
padding: 20px 30px;
overflow: hidden;
overflow-y: auto;
}
}
// @media screen and (max-device-width: 1440px) {
// .box-more {
// padding: 20px 30px;
// overflow: hidden;
// overflow-y: auto;
// }
// }
/*分辨率低于1366，采用下面的样式*/
@media screen and (max-device-width: 1366px) {
}
......
src/views/atlas/pages/school.vue
......@@ -10,7 +10,6 @@
<p><span>学校地址：</span>{{ item.address }}</p>
<p class="btn" @click="goSchool(item.id)">查看详情</p>
</div>
</div>
</template>
......@@ -31,13 +30,7 @@ export default {
watch: {
industry_id(nv, ov) {
this.currentPage = 1;
this.getTableData(
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
},
},
props: {
......@@ -55,23 +48,11 @@ export default {
},
},
mounted() {
this.getTableData(
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
},
methods: {
async getTableData(inid, industry_level, select_flag, page, perpage) {
let res = await API.resource(
inid,
industry_level,
select_flag,
page,
perpage
);
let res = await API.resource(inid, industry_level, select_flag, page, perpage);
this.tableData = res.df;
this.total = res.size;
},
......@@ -86,22 +67,10 @@ export default {
handleSizeChange(val) {
this.currentPage = 1;
this.perpage = val;
this.getTableData(
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
},
handleCurrentChange(val) {
this.getTableData(
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
},
},
};
......@@ -184,26 +153,26 @@ export default {
*ipad 1024 * 768
*/
/*分辨率低于1680，采用下面的样式*/
@media screen and (max-device-width: 1680px) {
.content-school > div {
padding: 50px 0 0 30px;
}
.content-school .title {
margin-bottom: 30px;
}
.content-school .btn {
margin-top: 60px;
}
}
// @media screen and (max-device-width: 1680px) {
// .content-school > div {
// padding: 50px 0 0 30px;
// }
// .content-school .title {
// margin-bottom: 30px;
// }
// .content-school .btn {
// margin-top: 60px;
// }
// }
// /*分辨率低于1536，采用下面的样式*/
// @media screen and (max-device-width: 1512px) {
// }
/*分辨率低于1440，采用下面的样式*/
@media screen and (max-device-width: 1440px) {
.content-school .btn[data-v-78d3a93d] {
margin-top: 24px;
}
}
// @media screen and (max-device-width: 1440px) {
// .content-school .btn[data-v-78d3a93d] {
// margin-top: 24px;
// }
// }
/*分辨率低于1366，采用下面的样式*/
@media screen and (max-device-width: 1366px) {
}
......
src/views/atlas/pages/workshop.vue
......@@ -57,13 +57,7 @@ export default {
watch: {
industry_id(nv, ov) {
this.currentPage = 1;
this.getTableData(
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
},
},
props: {
......@@ -81,23 +75,11 @@ export default {
},
},
mounted() {
this.getTableData(
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
},
methods: {
async getTableData(inid, industry_level, select_flag, page, perpage) {
let res = await API.zaiti(
inid,
industry_level,
select_flag,
page,
perpage
);
let res = await API.zaiti(inid, industry_level, select_flag, page, perpage);
this.tableData = res.factory_data;
this.total = res.size;
},
......@@ -112,22 +94,10 @@ export default {
handleSizeChange(val) {
this.currentPage = 1;
this.perpage = val;
this.getTableData(
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
},
handleCurrentChange(val) {
this.getTableData(
this.industry_id,
this.industry_level,
this.select_flag,
this.currentPage,
this.perpage
);
this.getTableData(this.industry_id, this.industry_level, this.select_flag, this.currentPage, this.perpage);
},
},
};
......@@ -142,9 +112,9 @@ export default {
text-align: right;
margin-top: 20px;
}
@media screen and (min-width: 1366px) and (max-width: 1800px) {
/deep/ .el-table {
width: 1120px !important;
}
}
// @media screen and (min-width: 1366px) and (max-width: 1800px) {
// /deep/ .el-table {
// width: 1120px !important;
// }
// }
</style>
src/views/details/building.vue
......@@ -332,40 +332,40 @@ table {
.height_box {
height: 30px;
}
@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;
}
}
// @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;
// }
// }
</style>
src/views/details/building1.vue
......@@ -42,11 +42,7 @@
<el-image
v-if="info.outer_picture_url"
:src="info.outer_picture_url"
:preview-src-list="[
info.outer_picture_url,
info.inside_picture_url,
info.price_url,
]"
:preview-src-list="[info.outer_picture_url, info.inside_picture_url, info.price_url]"
>
</el-image>
</td>
......@@ -63,11 +59,7 @@
<td>拟招引产业</td>
<td>
{{ info.attract_status }}
{{
info.attract_status == "其他"
? `(${info.other_attract_status})`
: ""
}}
{{ info.attract_status == "其他" ? `(${info.other_attract_status})` : "" }}
</td>
<td>合作模式</td>
<td>{{ info.cooperation_model }}</td>
......@@ -86,11 +78,7 @@
<el-image
v-if="info.inside_picture_url"
:src="info.inside_picture_url"
:preview-src-list="[
info.outer_picture_url,
info.inside_picture_url,
info.price_url,
]"
:preview-src-list="[info.outer_picture_url, info.inside_picture_url, info.price_url]"
>
</el-image>
</td>
......@@ -115,11 +103,7 @@
<el-image
v-if="info.price_url"
:src="info.price_url"
:preview-src-list="[
info.outer_picture_url,
info.inside_picture_url,
info.price_url,
]"
:preview-src-list="[info.outer_picture_url, info.inside_picture_url, info.price_url]"
>
</el-image>
</td>
......@@ -157,10 +141,8 @@ export default {
async getDetail(id) {
let res = await api.CheckDetail({ id, carrier_type: 1 });
if (res.data.length > 0) {
res.data[0].inside_picture_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].inside_picture_url = res.data[0].inside_picture_url[0]?.url || "";
res.data[0].outer_picture_url = res.data[0].outer_picture_url[0]?.url || "";
this.info = res.data[0];
res.data[0].price_url = res.data[0].price_url[0]?.url || "";
} else {
......@@ -180,8 +162,7 @@ export default {
box-sizing: border-box;
width: 100%;
height: 260px;
background: url("~@/assets/images/public/bg-img-building.png") no-repeat
center;
background: url("~@/assets/images/public/bg-img-building.png") no-repeat center;
padding: 0 210px;
}
.main_body {
......@@ -452,42 +433,42 @@ table {
.height_box {
height: 30px;
}
@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;
}
}
// @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;
// }
// }
/*
*常用电脑尺寸 1680 * 900
* 1536 * 864
......@@ -500,29 +481,29 @@ table {
@media screen and (max-device-width: 1680px) {
}
/*分辨率低于1536，采用下面的样式*/
@media screen and (max-device-width: 1536px) {
.main .main_body .main-body-area {
max-width: 1400px;
}
}
// @media screen and (max-device-width: 1536px) {
// .main .main_body .main-body-area {
// max-width: 1400px;
// }
// }
/*分辨率低于1440，采用下面的样式*/
@media screen and (max-device-width: 1440px) {
.main .main_body .main-body-area {
max-width: 1366px;
}
}
// @media screen and (max-device-width: 1440px) {
// .main .main_body .main-body-area {
// max-width: 1366px;
// }
// }
/*分辨率低于1366，采用下面的样式*/
@media screen and (max-device-width: 1366px) {
.main .main_body .main-body-area {
max-width: 1180px;
}
}
// @media screen and (max-device-width: 1366px) {
// .main .main_body .main-body-area {
// max-width: 1180px;
// }
// }
/*分辨率低于1180，采用下面的样式*/
@media screen and (max-device-width: 1180px) {
.main .main_body .main-body-area {
max-width: 1000px;
}
}
// @media screen and (max-device-width: 1180px) {
// .main .main_body .main-body-area {
// max-width: 1000px;
// }
// }
/*分辨率低于1024，采用下面的样式*/
@media screen and (max-device-width: 1024px) {
}
......
src/views/details/enterpriseList.vue
......@@ -4,20 +4,13 @@
<div class="head_crumbs clearfix">
<span>当前位置：</span>
<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>
</el-breadcrumb>
<span class="go_back" @click="$router.go(-1)">返回</span>
</div>
<div class="list" v-if="size != 0">
<div
class="list_item"
v-for="item of List"
:key="item.id"
@click="goEpDetails(item.id)"
>
<div class="list_item" v-for="item of List" :key="item.id" @click="goEpDetails(item.id)">
<p class="item_title">{{ item.name }}</p>
<div class="clearfix float_box pp">
<p>
......@@ -321,10 +314,7 @@ export default {
height: 30px;
background: url("~@images/atlas/icon-page-right.png") no-repeat center;
}
/deep/
.el-pagination
button:disabled.btn-next:hover
.el-icon-arrow-right:before {
/deep/ .el-pagination button:disabled.btn-next:hover .el-icon-arrow-right:before {
content: "";
display: inline-block;
width: 30px;
......@@ -341,10 +331,7 @@ export default {
height: 30px;
background: url("~@images/atlas/icon-page-left.png") no-repeat center;
}
/deep/
.el-pagination
button:disabled.btn-prev:hover
.el-icon-arrow-left:before {
/deep/ .el-pagination button:disabled.btn-prev:hover .el-icon-arrow-left:before {
content: "";
display: inline-block;
width: 30px;
......@@ -357,52 +344,52 @@ export default {
/deep/ .el-pagination .btn-prev .el-icon {
box-shadow: 0px 0px 4px 0px rgb(86 86 86 / 11%);
}
@media only screen and (width: 1366px) {
.epMain .epList {
padding: 30px 20px;
width: 100%;
overflow-y: scroll;
}
.list_item {
padding: 0 50px 0 80px;
width: 100%;
}
/deep/ .el-pagination {
text-align: center;
margin-top: 60px;
}
.list_item .item_title {
font-size: 24px;
}
}
@media screen and (max-width: 1200px) {
.epMain .epList {
padding: 30px 20px 20px;
width: 100%;
overflow-y: scroll;
}
.list_item {
padding: 0 50px 0 80px;
width: 100%;
}
.head_crumbs {
font-size: 16px;
}
/deep/ .el-breadcrumb__item {
font-size: 16px;
}
.head_crumbs .go_back {
height: 32px;
line-height: 32px;
}
.list_item .flex_p span {
font-size: 14px;
}
.list_item .float_box p {
font-size: 16px;
}
.list_item .item_title {
font-size: 22px;
}
}
// @media only screen and (width: 1366px) {
// .epMain .epList {
// padding: 30px 20px;
// width: 100%;
// overflow-y: scroll;
// }
// .list_item {
// padding: 0 50px 0 80px;
// width: 100%;
// }
// /deep/ .el-pagination {
// text-align: center;
// margin-top: 60px;
// }
// .list_item .item_title {
// font-size: 24px;
// }
// }
// @media screen and (max-width: 1200px) {
// .epMain .epList {
// padding: 30px 20px 20px;
// width: 100%;
// overflow-y: scroll;
// }
// .list_item {
// padding: 0 50px 0 80px;
// width: 100%;
// }
// .head_crumbs {
// font-size: 16px;
// }
// /deep/ .el-breadcrumb__item {
// font-size: 16px;
// }
// .head_crumbs .go_back {
// height: 32px;
// line-height: 32px;
// }
// .list_item .flex_p span {
// font-size: 14px;
// }
// .list_item .float_box p {
// font-size: 16px;
// }
// .list_item .item_title {
// font-size: 22px;
// }
// }
</style>
src/views/details/enterpriseList2.vue
......@@ -15,12 +15,7 @@
<span class="go_back" @click="$router.go(-1)">返回</span>
</div>
<div class="list" v-if="size != 0">
<div
class="list_item"
v-for="item of List"
:key="item.id"
@click="goEpDetails(item.id)"
>
<div class="list_item" v-for="item of List" :key="item.id" @click="goEpDetails(item.id)">
<p class="item_title">{{ item.name }}</p>
<div class="clearfix float_box pp">
<p>
......@@ -92,11 +87,7 @@ export default {
if (this.$route.name == "enterpriseList2" && nv != this.old_url) {
this.select = this.$route.query.select.toString();
this.inid = this.$route.query.inid;
this.area = [
this.$route.query.area1,
this.$route.query.area2,
this.$route.query.area3,
];
this.area = [this.$route.query.area1, this.$route.query.area2, this.$route.query.area3];
this.product = this.$route.query.product;
switch (this.select) {
case "1":
......@@ -132,11 +123,7 @@ export default {
this.old_url = this.$route.fullPath;
this.select = this.$route.query.select.toString();
this.inid = this.$route.query.inid;
this.area = [
this.$route.query.area1,
this.$route.query.area2,
this.$route.query.area3,
];
this.area = [this.$route.query.area1, this.$route.query.area2, this.$route.query.area3];
this.product = this.$route.query.product;
switch (this.select) {
case "1":
......@@ -323,8 +310,7 @@ export default {
width: 18px;
height: 28px;
content: "";
background: url("~@/assets/images/public/icon-information-normal.png")
no-repeat center;
background: url("~@/assets/images/public/icon-information-normal.png") no-repeat center;
}
}
&:hover {
......@@ -351,8 +337,7 @@ export default {
strong {
color: #446db3;
&::after {
background: url("~@/assets/images/public/icon-information-hover.png")
no-repeat center;
background: url("~@/assets/images/public/icon-information-hover.png") no-repeat center;
}
}
}
......@@ -442,10 +427,7 @@ export default {
height: 44px;
background: url("~@/assets/images/atlas/icon-page-right.png") no-repeat center;
}
/deep/
.el-pagination
button:disabled.btn-next:hover
.el-icon-arrow-right:before {
/deep/ .el-pagination button:disabled.btn-next:hover .el-icon-arrow-right:before {
content: "";
display: inline-block;
width: 44px;
......@@ -462,10 +444,7 @@ export default {
height: 44px;
background: url("~@/assets/images/atlas/icon-page-left.png") no-repeat center;
}
/deep/
.el-pagination
button:disabled.btn-prev:hover
.el-icon-arrow-left:before {
/deep/ .el-pagination button:disabled.btn-prev:hover .el-icon-arrow-left:before {
content: "";
display: inline-block;
width: 44px;
......@@ -506,95 +485,95 @@ export default {
line-height: 44px !important;
}
/*分辨率低于1680，采用下面的样式*/
@media screen and (max-device-width: 1680px) {
.epMain {
overflow-y: auto;
scrollbar-color: #767ffe #e9f3ff;
scrollbar-width: 6px;
scrollbar-width: thin;
overflow-y: auto;
&::-webkit-scrollbar {
width: 10px;
height: 10px;
}
&::-webkit-scrollbar-thumb {
border-radius: 10px;
background: linear-gradient(0deg, #767ffe, #79aefe);
}
&::-webkit-scrollbar-track {
background: #e9f3ff;
border-radius: 10px;
}
}
.epMain .epList {
max-width: 1480px;
}
.list_item {
height: 120px;
}
}
// @media screen and (max-device-width: 1680px) {
// .epMain {
// overflow-y: auto;
// scrollbar-color: #767ffe #e9f3ff;
// scrollbar-width: 6px;
// scrollbar-width: thin;
// overflow-y: auto;
// &::-webkit-scrollbar {
// width: 10px;
// height: 10px;
// }
// &::-webkit-scrollbar-thumb {
// border-radius: 10px;
// background: linear-gradient(0deg, #767ffe, #79aefe);
// }
// &::-webkit-scrollbar-track {
// background: #e9f3ff;
// border-radius: 10px;
// }
// }
// .epMain .epList {
// max-width: 1480px;
// }
// .list_item {
// height: 120px;
// }
// }
/*分辨率低于1536，采用下面的样式*/
@media screen and (max-device-width: 1536px) {
.epMain .epList {
max-width: 1440px;
}
}
// @media screen and (max-device-width: 1536px) {
// .epMain .epList {
// max-width: 1440px;
// }
// }
/*分辨率低于1440，采用下面的样式*/
@media screen and (max-device-width: 1440px) {
.epMain .epList {
max-width: 1366px;
}
}
// @media screen and (max-device-width: 1440px) {
// .epMain .epList {
// max-width: 1366px;
// }
// }
@media only screen and (width: 1366px) {
.epMain .epList {
padding: 30px 20px;
width: 100%;
overflow-y: scroll;
}
.list_item {
padding: 0 50px 0 80px;
width: 100%;
}
/deep/ .el-pagination {
text-align: center;
margin-top: 60px;
}
.list_item .item_title {
font-size: 22px;
}
}
@media screen and (max-width: 1200px) {
.epMain .epList {
padding: 30px 20px 20px;
width: 100%;
overflow-y: scroll;
}
.list_item {
padding: 0 50px 0 80px;
width: 100%;
}
.head_crumbs {
font-size: 16px;
}
/deep/ .el-breadcrumb__item {
font-size: 16px;
}
.head_crumbs .go_back {
height: 32px;
line-height: 32px;
}
.list_item .flex_p span {
font-size: 14px;
}
.list_item .float_box p {
font-size: 16px;
}
.list_item .item_title {
font-size: 22px;
}
}
// @media only screen and (width: 1366px) {
// .epMain .epList {
// padding: 30px 20px;
// width: 100%;
// overflow-y: scroll;
// }
// .list_item {
// padding: 0 50px 0 80px;
// width: 100%;
// }
// /deep/ .el-pagination {
// text-align: center;
// margin-top: 60px;
// }
// .list_item .item_title {
// font-size: 22px;
// }
// }
// @media screen and (max-width: 1200px) {
// .epMain .epList {
// padding: 30px 20px 20px;
// width: 100%;
// overflow-y: scroll;
// }
// .list_item {
// padding: 0 50px 0 80px;
// width: 100%;
// }
// .head_crumbs {
// font-size: 16px;
// }
// /deep/ .el-breadcrumb__item {
// font-size: 16px;
// }
// .head_crumbs .go_back {
// height: 32px;
// line-height: 32px;
// }
// .list_item .flex_p span {
// font-size: 14px;
// }
// .list_item .float_box p {
// font-size: 16px;
// }
// .list_item .item_title {
// font-size: 22px;
// }
// }
/deep/.head_crumbs .el-input {
box-sizing: border-box;
margin-left: 50px;
......
src/views/details/enterpriseList3.vue
......@@ -4,20 +4,13 @@
<div class="head_crumbs clearfix">
<span>当前位置：</span>
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/radar' }"
>招商雷达</el-breadcrumb-item
>
<el-breadcrumb-item :to="{ path: '/radar' }">招商雷达</el-breadcrumb-item>
<el-breadcrumb-item>企业列表页</el-breadcrumb-item>
</el-breadcrumb>
<span class="go_back" @click="$router.go(-1)">返回</span>
</div>
<div class="list" v-if="size != 0">
<div
class="list_item"
v-for="item of List"
:key="item.id"
@click="goEpDetails(item.id)"
>
<div class="list_item" v-for="item of List" :key="item.id" @click="goEpDetails(item.id)">
<p class="item_title">{{ item.name }}</p>
<div class="clearfix float_box pp">
<p>
......@@ -305,10 +298,7 @@ export default {
height: 30px;
background: url("~@images/atlas/icon-page-right.png") no-repeat center;
}
/deep/
.el-pagination
button:disabled.btn-next:hover
.el-icon-arrow-right:before {
/deep/ .el-pagination button:disabled.btn-next:hover .el-icon-arrow-right:before {
content: "";
display: inline-block;
width: 30px;
......@@ -325,10 +315,7 @@ export default {
height: 30px;
background: url("~@images/atlas/icon-page-left.png") no-repeat center;
}
/deep/
.el-pagination
button:disabled.btn-prev:hover
.el-icon-arrow-left:before {
/deep/ .el-pagination button:disabled.btn-prev:hover .el-icon-arrow-left:before {
content: "";
display: inline-block;
width: 30px;
......@@ -341,52 +328,52 @@ export default {
/deep/ .el-pagination .btn-prev .el-icon {
box-shadow: 0px 0px 4px 0px rgb(86 86 86 / 11%);
}
@media only screen and (width: 1366px) {
.epMain .epList {
padding: 30px 20px;
width: 100%;
overflow-y: scroll;
}
.list_item {
padding: 0 50px 0 80px;
width: 100%;
}
/deep/ .el-pagination {
text-align: center;
margin-top: 60px;
}
.list_item .item_title {
font-size: 24px;
}
}
@media screen and (max-width: 1200px) {
.epMain .epList {
padding: 30px 20px 20px;
width: 100%;
overflow-y: scroll;
}
.list_item {
padding: 0 50px 0 80px;
width: 100%;
}
.head_crumbs {
font-size: 16px;
}
/deep/ .el-breadcrumb__item {
font-size: 16px;
}
.head_crumbs .go_back {
height: 32px;
line-height: 32px;
}
.list_item .flex_p span {
font-size: 14px;
}
.list_item .float_box p {
font-size: 16px;
}
.list_item .item_title {
font-size: 22px;
}
}
// @media only screen and (width: 1366px) {
// .epMain .epList {
// padding: 30px 20px;
// width: 100%;
// overflow-y: scroll;
// }
// .list_item {
// padding: 0 50px 0 80px;
// width: 100%;
// }
// /deep/ .el-pagination {
// text-align: center;
// margin-top: 60px;
// }
// .list_item .item_title {
// font-size: 24px;
// }
// }
// @media screen and (max-width: 1200px) {
// .epMain .epList {
// padding: 30px 20px 20px;
// width: 100%;
// overflow-y: scroll;
// }
// .list_item {
// padding: 0 50px 0 80px;
// width: 100%;
// }
// .head_crumbs {
// font-size: 16px;
// }
// /deep/ .el-breadcrumb__item {
// font-size: 16px;
// }
// .head_crumbs .go_back {
// height: 32px;
// line-height: 32px;
// }
// .list_item .flex_p span {
// font-size: 14px;
// }
// .list_item .float_box p {
// font-size: 16px;
// }
// .list_item .item_title {
// font-size: 22px;
// }
// }
</style>
src/views/details/institution.vue
......@@ -329,46 +329,46 @@ export default {
.height_box {
height: 30px;
}
@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>
src/views/details/keyProject.vue
......@@ -3,13 +3,7 @@
<div class="header">
<div
class="epName"
:style="
info.name.length > 30
? info.name.length > 42
? 'fontSize:28px;'
: 'fontSize:32px;'
: ''
"
:style="info.name.length > 30 ? (info.name.length > 42 ? 'fontSize:28px;' : 'fontSize:32px;') : ''"
>
{{ info.name }}
<span class="goBack" @click="$router.go(-1)">返回</span>
......@@ -345,46 +339,46 @@ export default {
.height_box {
height: 30px;
}
@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>
src/views/details/land.vue
......@@ -2,17 +2,17 @@
<div class="main">
<div class="header">
<div class="epName">
{{info.name}}
{{ info.name }}
<span class="goBack" @click="$router.go(-1)">返回</span>
</div>
<ul class="epClassify">
<li>
<p>地块编号：</p>
<p>{{info.num}}</p>
<p>{{ info.num }}</p>
</li>
<li>
<p>地址：</p>
<p>{{info.addr}}</p>
<p>{{ info.addr }}</p>
</li>
</ul>
</div>
......@@ -24,32 +24,32 @@
<table border="1" padding="0">
<tr>
<td>地块名称</td>
<td>{{info.name}}</td>
<td>{{ info.name }}</td>
<td>地块编号</td>
<td>{{info.num}}</td>
<td>{{ info.num }}</td>
</tr>
<tr>
<td>产业类型</td>
<td>{{info.industry_type}}</td>
<td>{{ info.industry_type }}</td>
<td>土地性质</td>
<td>{{info.nature}}</td>
<td>{{ info.nature }}</td>
</tr>
<tr>
<td>土地面积</td>
<td>{{info.acreage}} 亩</td>
<td>{{ info.acreage }} 亩</td>
<td>规划指标</td>
<td>{{info.target}}</td>
<td>{{ info.target }}</td>
</tr>
<tr>
<td>出让年限</td>
<td>{{info.age_limit}}</td>
<td>{{ info.age_limit }}</td>
<td>联系方式</td>
<td>{{info.telephone}}</td>
<td>{{ info.telephone }}</td>
</tr>
<tr>
<td>地块位置</td>
<td colspan="3">{{info.addr}}</td>
<td colspan="3">{{ info.addr }}</td>
</tr>
</table>
</div>
......@@ -339,40 +339,40 @@ table {
.height_box {
height: 30px;
}
@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;
}
}
// @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;
// }
// }
</style>
src/views/details/land1.vue
......@@ -47,12 +47,7 @@
<td>规划指标要求 - 绿化率</td>
<td>{{ info.greening_rate }}</td>
<td class="img" rowspan="5">
<el-image
v-if="info.price_url"
:src="info.price_url"
:preview-src-list="[info.price_url]"
>
</el-image>
<el-image v-if="info.price_url" :src="info.price_url" :preview-src-list="[info.price_url]"> </el-image>
</td>
</tr>
<tr>
......@@ -384,42 +379,42 @@ table {
.height_box {
height: 30px;
}
@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;
}
}
// @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;
// }
// }
/*
*常用电脑尺寸 1680 * 900
* 1536 * 864
......@@ -432,29 +427,29 @@ table {
@media screen and (max-device-width: 1680px) {
}
/*分辨率低于1536，采用下面的样式*/
@media screen and (max-device-width: 1536px) {
.main .main_body .main-body-area {
max-width: 1400px;
}
}
// @media screen and (max-device-width: 1536px) {
// .main .main_body .main-body-area {
// max-width: 1400px;
// }
// }
/*分辨率低于1440，采用下面的样式*/
@media screen and (max-device-width: 1440px) {
.main .main_body .main-body-area {
max-width: 1366px;
}
}
// @media screen and (max-device-width: 1440px) {
// .main .main_body .main-body-area {
// max-width: 1366px;
// }
// }
/*分辨率低于1366，采用下面的样式*/
@media screen and (max-device-width: 1366px) {
.main .main_body .main-body-area {
max-width: 1180px;
}
}
// @media screen and (max-device-width: 1366px) {
// .main .main_body .main-body-area {
// max-width: 1180px;
// }
// }
/*分辨率低于1180，采用下面的样式*/
@media screen and (max-device-width: 1180px) {
.main .main_body .main-body-area {
max-width: 1000px;
}
}
// @media screen and (max-device-width: 1180px) {
// .main .main_body .main-body-area {
// max-width: 1000px;
// }
// }
/*分辨率低于1024，采用下面的样式*/
@media screen and (max-device-width: 1024px) {
}
......
src/views/details/notification.vue
......@@ -228,82 +228,82 @@ export default {
}
}
@media only screen and (width: 1366px) {
.policy_body {
.policy_main {
width: 100%;
}
}
.head_crumbs {
width: 100%;
}
}
@media screen and (min-width: 1366px) and (max-width: 1600px) {
.policy_body {
.policy_main {
width: 100%;
}
}
.head_crumbs {
width: 100%;
padding: 15px 20px;
font-size: 16px;
}
.prev_next {
height: 200px;
font-size: 16px;
}
.title {
font-size: 26px;
}
.classify {
font-size: 16px;
}
/deep/ .el-breadcrumb__item {
font-size: 16px;
}
.head_crumbs .go_back {
height: 30px;
line-height: 30px;
}
.policy_body .policy_main {
padding: 15px 110px 15px;
// @media only screen and (width: 1366px) {
// .policy_body {
// .policy_main {
// width: 100%;
// }
// }
// .head_crumbs {
// width: 100%;
// }
// }
// @media screen and (min-width: 1366px) and (max-width: 1600px) {
// .policy_body {
// .policy_main {
// width: 100%;
// }
// }
// .head_crumbs {
// width: 100%;
// padding: 15px 20px;
// font-size: 16px;
// }
// .prev_next {
// height: 200px;
// font-size: 16px;
// }
// .title {
// font-size: 26px;
// }
// .classify {
// font-size: 16px;
// }
// /deep/ .el-breadcrumb__item {
// font-size: 16px;
// }
// .head_crumbs .go_back {
// height: 30px;
// line-height: 30px;
// }
// .policy_body .policy_main {
// padding: 15px 110px 15px;
// overflow-y: auto;
}
}
@media screen and (max-width: 1200px) {
.policy_body {
.policy_main {
width: 100%;
}
}
.head_crumbs {
width: 100%;
padding: 15px 20px;
font-size: 16px;
}
.prev_next {
height: 200px;
font-size: 16px;
}
.title {
font-size: 24px;
}
.classify {
font-size: 12px;
}
/deep/ .el-breadcrumb__item {
font-size: 16px;
}
.head_crumbs .go_back {
height: 30px;
line-height: 30px;
}
.policy_body .policy_main {
overflow-y: auto;
}
}
// // overflow-y: auto;
// }
// }
// @media screen and (max-width: 1200px) {
// .policy_body {
// .policy_main {
// width: 100%;
// }
// }
// .head_crumbs {
// width: 100%;
// padding: 15px 20px;
// font-size: 16px;
// }
// .prev_next {
// height: 200px;
// font-size: 16px;
// }
// .title {
// font-size: 24px;
// }
// .classify {
// font-size: 12px;
// }
// /deep/ .el-breadcrumb__item {
// font-size: 16px;
// }
// .head_crumbs .go_back {
// height: 30px;
// line-height: 30px;
// }
// .policy_body .policy_main {
// overflow-y: auto;
// }
// }
.content {
max-height: calc(100vh - 400px);
overflow: auto;
......
src/views/details/park.vue
......@@ -51,10 +51,7 @@
<tr>
<td>产业定位</td>
<td colspan="3" style="padding :20px ">
<div
style="line-height:36px"
v-html="info.industry_position"
></div>
<div style="line-height:36px" v-html="info.industry_position"></div>
</td>
</tr>
<tr>
......@@ -99,10 +96,7 @@
<tr>
<td>产业定位</td>
<td colspan="3" style="padding :20px ">
<div
style="line-height:36px"
v-html="info.industry_position"
></div>
<div style="line-height:36px" v-html="info.industry_position"></div>
</td>
</tr>
<tr>
......@@ -141,10 +135,7 @@
<tr>
<td>产业定位</td>
<td colspan="3" style="padding :20px ">
<div
style="line-height:36px"
v-html="info.industry_position"
></div>
<div style="line-height:36px" v-html="info.industry_position"></div>
</td>
</tr>
<tr>
......@@ -161,22 +152,13 @@
<el-tab-pane label="投资成本" name="cost" v-if="info.cate == '行政区'">
<div class="header_title"></div>
<div>
<div
:class="['card', priceType == 1 ? 'active' : '']"
@click="changePriceType(1)"
>
<div :class="['card', priceType == 1 ? 'active' : '']" @click="changePriceType(1)">
土地基准价格
</div>
<div
:class="['card', priceType == 2 ? 'active' : '']"
@click="changePriceType(2)"
>
<div :class="['card', priceType == 2 ? 'active' : '']" @click="changePriceType(2)">
水电气暖价格
</div>
<div
:class="['card', priceType == 3 ? 'active' : '']"
@click="changePriceType(3)"
>
<div :class="['card', priceType == 3 ? 'active' : '']" @click="changePriceType(3)">
劳动力成本
</div>
</div>
......@@ -184,10 +166,7 @@
<div class="header_title"></div>
<!-- 土地基准价格 -->
<!-- <img v-if="info.img_url" class="img1" :src="info.img_url" alt="" /> -->
<el-image
:src="info.img_url"
:preview-src-list="[info.img_url]"
></el-image>
<el-image :src="info.img_url" :preview-src-list="[info.img_url]"></el-image>
</div>
<div v-if="priceType == 2" class="table_one table_one2">
<div class="header_title">水价</div>
......@@ -320,11 +299,7 @@
</div>
<div class="height_box"></div>
</el-tab-pane>
<el-tab-pane
label="投入与产出强度"
name="require"
v-if="info.cate == '开发区'"
>
<el-tab-pane label="投入与产出强度" name="require" v-if="info.cate == '开发区'">
<div class="header_title"></div>
<div class="table_one table_three">
<table border="1" padding="0">
......@@ -653,45 +628,45 @@ table {
.height_box {
height: 30px;
}
@media screen and (min-width: 1367px) 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;
}
.epClassify li {
padding: 0 40px;
}
}
@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;
}
}
// @media screen and (min-width: 1367px) 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;
// }
// .epClassify li {
// padding: 0 40px;
// }
// }
// @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;
// }
// }
.card {
display: inline-block;
margin-right: 20px;
......
src/views/details/platform.vue
......@@ -183,7 +183,7 @@ export default {
}
.flex-box {
display: flex;
height: 100%;
height: 80%;
}
.detail {
text-indent: 2em;
......@@ -320,48 +320,48 @@ export default {
padding: 0 210px;
}
.height_box {
height: 30px;
}
@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;
}
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;
// }
// }
</style>
src/views/details/policy.vue
......@@ -4,11 +4,7 @@
<span>当前位置：</span>
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item
>{{
activeMenu == "cockpit" ? "招商" : "产业"
}}政策</el-breadcrumb-item
>
<el-breadcrumb-item>{{ activeMenu == "cockpit" ? "招商" : "产业" }}政策</el-breadcrumb-item>
<el-breadcrumb-item>正文</el-breadcrumb-item>
</el-breadcrumb>
<span class="go_back" @click="goBack">返回</span>
......@@ -43,12 +39,7 @@
<div :class="['pdf', isFull ? 'isAll' : '']">
<div v-if="!isFull" class="full" @click="isFull = true">全屏</div>
<div v-if="isFull" class="exit" @click="isFull = false">退出全屏</div>
<iframe
ref="ifRame"
style="margin-top:30px;"
:src="info.file"
frameborder="0"
></iframe>
<iframe ref="ifRame" style="margin-top:30px;" :src="info.file" frameborder="0"></iframe>
</div>
<div class="division"></div>
<div class="prev_next">
......@@ -254,80 +245,80 @@ export default {
}
}
@media only screen and (width: 1366px) {
.policy_body {
.policy_main {
width: 100%;
}
}
.head_crumbs {
width: 100%;
}
}
@media screen and (min-width: 1366px) and (max-width: 1600px) {
.policy_body {
.policy_main {
width: 100%;
}
}
.head_crumbs {
width: 100%;
padding: 15px 20px;
font-size: 16px;
}
.prev_next {
height: 200px;
font-size: 16px;
}
.title {
font-size: 26px;
}
.classify {
font-size: 16px;
}
/deep/ .el-breadcrumb__item {
font-size: 16px;
}
.head_crumbs .go_back {
height: 30px;
line-height: 30px;
}
.policy_body .policy_main {
padding: 15px 110px 15px;
// @media only screen and (width: 1366px) {
// .policy_body {
// .policy_main {
// width: 100%;
// }
// }
// .head_crumbs {
// width: 100%;
// }
// }
// @media screen and (min-width: 1366px) and (max-width: 1600px) {
// .policy_body {
// .policy_main {
// width: 100%;
// }
// }
// .head_crumbs {
// width: 100%;
// padding: 15px 20px;
// font-size: 16px;
// }
// .prev_next {
// height: 200px;
// font-size: 16px;
// }
// .title {
// font-size: 26px;
// }
// .classify {
// font-size: 16px;
// }
// /deep/ .el-breadcrumb__item {
// font-size: 16px;
// }
// .head_crumbs .go_back {
// height: 30px;
// line-height: 30px;
// }
// .policy_body .policy_main {
// padding: 15px 110px 15px;
// overflow-y: auto;
}
}
@media screen and (max-width: 1200px) {
.policy_body {
.policy_main {
width: 100%;
}
}
.head_crumbs {
width: 100%;
padding: 15px 20px;
font-size: 16px;
}
.prev_next {
height: 200px;
font-size: 16px;
}
.title {
font-size: 24px;
}
.classify {
font-size: 12px;
}
/deep/ .el-breadcrumb__item {
font-size: 16px;
}
.head_crumbs .go_back {
height: 30px;
line-height: 30px;
}
.policy_body .policy_main {
overflow-y: auto;
}
}
// // overflow-y: auto;
// }
// }
// @media screen and (max-width: 1200px) {
// .policy_body {
// .policy_main {
// width: 100%;
// }
// }
// .head_crumbs {
// width: 100%;
// padding: 15px 20px;
// font-size: 16px;
// }
// .prev_next {
// height: 200px;
// font-size: 16px;
// }
// .title {
// font-size: 24px;
// }
// .classify {
// font-size: 12px;
// }
// /deep/ .el-breadcrumb__item {
// font-size: 16px;
// }
// .head_crumbs .go_back {
// height: 30px;
// line-height: 30px;
// }
// .policy_body .policy_main {
// overflow-y: auto;
// }
// }
</style>
src/views/details/project.vue
......@@ -110,7 +110,6 @@
<td>项目政策需求</td>
<td colspan="3">---</td>
</tr>
</table>
</div>
<div class="height_box"></div>
......@@ -408,40 +407,40 @@ table {
.height_box {
height: 30px;
}
@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;
}
}
// @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;
// }
// }
</style>
src/views/details/school.vue
......@@ -29,7 +29,7 @@
</ul>
</div>
<div class="main_body">
<el-tabs v-model="activeName" >
<el-tabs v-model="activeName">
<el-tab-pane label="学校简介" name="introduction">
<div class="header_title"></div>
<div class="detail">
......@@ -81,7 +81,7 @@ export default {
return {
activeName: "introduction",
activeMenu: "",
info: {},
info: {},
iconPng: iconPng,
};
},
......@@ -347,46 +347,46 @@ export default {
.height_box {
height: 30px;
}
@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>
src/views/details/workshop.vue
......@@ -344,40 +344,40 @@ table {
.height_box {
height: 30px;
}
@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;
}
}
// @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;
// }
// }
</style>
src/views/details/workshop1.vue
......@@ -44,11 +44,7 @@
<el-image
v-if="info.outer_picture_url"
:src="info.outer_picture_url"
:preview-src-list="[
info.outer_picture_url,
info.inside_picture_url,
info.price_url,
]"
:preview-src-list="[info.outer_picture_url, info.inside_picture_url, info.price_url]"
>
</el-image>
</td>
......@@ -87,11 +83,7 @@
<el-image
v-if="info.inside_picture_url"
:src="info.inside_picture_url"
:preview-src-list="[
info.outer_picture_url,
info.inside_picture_url,
info.price_url,
]"
:preview-src-list="[info.outer_picture_url, info.inside_picture_url, info.price_url]"
>
</el-image>
</td>
......@@ -100,11 +92,7 @@
<td>拟招引产业</td>
<td colspan="3">
{{ info.attract_status }}
{{
info.attract_status == "其他"
? `(${info.other_attract_status})`
: ""
}}
{{ info.attract_status == "其他" ? `(${info.other_attract_status})` : "" }}
</td>
<td>联系人</td>
<td>{{ info.linkman }}</td>
......@@ -123,11 +111,7 @@
<el-image
v-if="info.price_url"
:src="info.price_url"
:preview-src-list="[
info.outer_picture_url,
info.inside_picture_url,
info.price_url,
]"
:preview-src-list="[info.outer_picture_url, info.inside_picture_url, info.price_url]"
>
</el-image>
</td>
......@@ -162,10 +146,8 @@ export default {
let res = await api.CheckDetail({ id, carrier_type: 3 });
console.log(res);
if (res.data.length > 0) {
res.data[0].inside_picture_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].inside_picture_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].price_url = res.data[0].price_url[0]?.url || "";
console.log(res.data[0]);
this.info = res.data[0];
......@@ -186,8 +168,7 @@ export default {
box-sizing: border-box;
width: 100%;
height: 260px;
background: url("~@/assets/images/public/bg-img-workshop.png") no-repeat
center;
background: url("~@/assets/images/public/bg-img-workshop.png") no-repeat center;
padding: 0 210px;
}
.main_body {
......@@ -458,42 +439,42 @@ table {
.height_box {
height: 20px;
}
@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;
}
}
// @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;
// }
// }
/*
*常用电脑尺寸 1680 * 900
* 1536 * 864
......@@ -506,29 +487,29 @@ table {
@media screen and (max-device-width: 1680px) {
}
/*分辨率低于1536，采用下面的样式*/
@media screen and (max-device-width: 1536px) {
.main .main_body .main-body-area {
max-width: 1400px;
}
}
// @media screen and (max-device-width: 1536px) {
// .main .main_body .main-body-area {
// max-width: 1400px;
// }
// }
/*分辨率低于1440，采用下面的样式*/
@media screen and (max-device-width: 1440px) {
.main .main_body .main-body-area {
max-width: 1366px;
}
}
// @media screen and (max-device-width: 1440px) {
// .main .main_body .main-body-area {
// max-width: 1366px;
// }
// }
/*分辨率低于1366，采用下面的样式*/
@media screen and (max-device-width: 1366px) {
.main .main_body .main-body-area {
max-width: 1180px;
}
}
// @media screen and (max-device-width: 1366px) {
// .main .main_body .main-body-area {
// max-width: 1180px;
// }
// }
/*分辨率低于1180，采用下面的样式*/
@media screen and (max-device-width: 1180px) {
.main .main_body .main-body-area {
max-width: 1000px;
}
}
// @media screen and (max-device-width: 1180px) {
// .main .main_body .main-body-area {
// max-width: 1000px;
// }
// }
/*分辨率低于1024，采用下面的样式*/
@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