Skip to content

M
mancheng_code
Commit e37bd62e by heshihao
Options

feat: 界面暂时修改

parent a8e984bd
Showing with 192 additions and 85 deletions
src/router/index.js
...@@ -86,6 +86,12 @@ const routes = [ ...@@ -86,6 +86,12 @@ const routes = [
}, },
component: () => import("../views/portrait/portrait.vue"), component: () => import("../views/portrait/portrait.vue"),
}, },
// 台账详情
{
path: "/resources/projectinfo/:id",
name: "projectinfo",
component: () => import("../views/details/project.vue"),
},
{ {
path: "/resources", path: "/resources",
name: "resources", name: "resources",
...@@ -143,12 +149,7 @@ const routes = [ ...@@ -143,12 +149,7 @@ const routes = [
}, },
component: () => import("../views/resources/page/account.vue"), component: () => import("../views/resources/page/account.vue"),
}, },
// 台账详情
{
path: "/resources/projectinfo/:id",
name: "projectinfo",
component: () => import("../views/resources/page/projectinfo.vue"),
},
// 台账详情 // 台账详情
{ {
path: "/resources/projectinfo2/:id", path: "/resources/projectinfo2/:id",
......
src/views/details/project.vue
This source diff could not be displayed because it is too large. You can view the blob instead.
src/views/index/index_copy.vue
...@@ -68,9 +68,9 @@ ...@@ -68,9 +68,9 @@
<p style="margin-right: 20px;" :class="[activeCard == 1 ? 'active' : '']" @click="changeACard(1)"> <p style="margin-right: 20px;" :class="[activeCard == 1 ? 'active' : '']" @click="changeACard(1)">
<span class="title">经济指标</span> <span class="title">经济指标</span>
</p> </p>
<p :class="[activeCard == 2 ? 'active' : '']" @click="changeACard(2)"> <!-- <p :class="[activeCard == 2 ? 'active' : '']" @click="changeACard(2)">
<span class="title">企业统计</span> <span class="title">企业统计</span>
</p> </p> -->
</div> </div>
</div> </div>
<el-carousel <el-carousel
...@@ -85,51 +85,47 @@ ...@@ -85,51 +85,47 @@
<ul class="list-num " v-if="item == 1"> <ul class="list-num " v-if="item == 1">
<p class="title"> <p class="title">
<span class="san-left" @click="prev1"></span> <span class="san-left" @click="prev1"></span>
<span>{{ jjzb_dic1.year }}</span> <span>2022年</span>
<span class="san-right" @click="next1"></span> <span class="san-right" @click="next1"></span>
</p> </p>
<li class="bg-100"> <li class="bg-100">
<span>地区生产总值:{{ jjzb_dic1.GDP }}</span> <span>地区生产总值:150.19亿元</span>
<span>规上工业增加值增速:{{ jjzb_dic1.addscale }}</span> <span>固定资产投资:-亿元</span>
</li>
<li class="bg-100">
<span>固定资产投资:{{ jjzb_dic1.investment }}</span>
<span>社会消费品零售额:{{ jjzb_dic1.retail }}</span>
</li> </li>
<li class="bg-100"> <li class="bg-100">
<span>进出口总额:{{ jjzb_dic1.in_out }}</span> <span>规模以上工业增加值:3.7%</span>
<span>一般公共预算支出:{{ jjzb_dic1.public }}</span> <span>社会消费品零售总额:29.85亿元</span>
</li> </li>
<li class="bg-100"> <li class="bg-100">
<span>居民人均可支配收入:{{ jjzb_dic1.people_out }} </span> <span>限额以上消费品零售额:3.76亿元</span>
<span>城镇居民人均可支配收入:40769元</span>
</li> </li>
<li class="bg-100"> <li class="bg-100">
<span>居民消费价格指数:{{ jjzb_dic1.people_per }}</span> <span>农村居民人均可支配收入:24660元 </span>
<span>公共财政预算收入:7.79亿元</span>
</li> </li>
</ul> </ul>
<ul class="list-num" v-if="item == 2"> <ul class="list-num" v-if="item == 2">
<p class="title"> <p class="title">
<span class="san-left" @click="prev1"></span> <span class="san-left" @click="prev1"></span>
<span>{{ jjzb_dic.year }}</span> <span>2023年1-11月(*为季度指标)</span>
<span class="san-right" @click="next1"></span> <span class="san-right" @click="next1"></span>
</p> </p>
<li class="bg-100"> <li class="bg-100">
<span>地区生产总值:{{ jjzb_dic.GDP }}</span> <span>*地区生产总值:114.5亿元</span>
<span>规上工业增加值增速:{{ jjzb_dic.addscale }}</span> <span>固定资产投资:-亿元</span>
</li>
<li class="bg-100">
<span>固定资产投资:{{ jjzb_dic.investment }}</span>
<span>社会消费品零售额:{{ jjzb_dic.retail }}</span>
</li> </li>
<li class="bg-100"> <li class="bg-100">
<span>进出口总额:{{ jjzb_dic.in_out }}</span> <span>规模以上工业增加值:4.1%</span>
<span>一般公共预算支出:{{ jjzb_dic.public }}</span> <span>*社会消费品零售总额:23.6亿元</span>
</li> </li>
<li class="bg-100"> <li class="bg-100">
<span>居民人均可支配收入:{{ jjzb_dic.people_out }}</span> <span>限额以上消费品零售额:3.47亿元</span>
<span>*城镇居民人均可支配收入:32206元</span>
</li> </li>
<li class="bg-100"> <li class="bg-100">
<span>居民消费价格指数:{{ jjzb_dic.people_per }}</span> <span>*农村居民人均可支配收入:20350元 </span>
<span>公共财政预算收入:-亿元</span>
</li> </li>
</ul> </ul>
</el-carousel-item> </el-carousel-item>
...@@ -145,18 +141,19 @@ ...@@ -145,18 +141,19 @@
</li> </li>
<li> <li>
<span @click="goEpList(3)">高新技术企业：{{ table_dic.gxjs }}家</span> <span @click="goEpList(3)">高新技术企业：{{ table_dic.gxjs }}家</span>
<span @click="goEpList(4)">专精特新企业：{{ table_dic.zjtx }}家</span> <span @click="goEpList(4)">专精特新中小企业：{{ table_dic.zjtx }}家</span>
</li> </li>
<li> <li>
<span @click="goEpList(5)"> 科技型中小企业：{{ table_dic.kjzx }}家 </span> <span @click="goEpList(5)"> 科技型中小企业：{{ table_dic.kjzx }}家 </span>
<span @click="goEpList(6)"> 省级民营科技企业：{{ table_dic.tbe_sjmy }}家 </span> 专精特新示范企业
<!-- <span @click="goEpList(6)"> 省级民营科技企业：{{ table_dic.tbe_sjmy }}家 </span> -->
</li> </li>
<li> <!-- <li>
<span @click="goEpList(7)"> 国家级专精特新小巨人企业：{{ table_dic.zjtg_gjjxjr }}家 </span> <span @click="goEpList(7)"> 国家级专精特新小巨人企业：{{ table_dic.zjtg_gjjxjr }}家 </span>
</li> </li>
<li> <li>
<span @click="goEpList(8)"> 省级专精特新小巨人企业：{{ table_dic.zjtg_sjxjr }}家 </span> <span @click="goEpList(8)"> 省级专精特新小巨人企业：{{ table_dic.zjtg_sjxjr }}家 </span>
</li> </li> -->
</ul> </ul>
</div> </div>
</div> </div>
...@@ -191,7 +188,6 @@ ...@@ -191,7 +188,6 @@
<div> <div>
<p class="color3 one">第三产业</p> <p class="color3 one">第三产业</p>
<ul> <ul>
<li class="color31 second">批发零售业</li>
<li class="color32 second">金融保险业</li> <li class="color32 second">金融保险业</li>
<li class="color33 second">房地产业</li> <li class="color33 second">房地产业</li>
<li class="color34 second">其他服务业</li> <li class="color34 second">其他服务业</li>
...@@ -699,35 +695,48 @@ ...@@ -699,35 +695,48 @@
</div> </div>
</div> </div>
<div class="right-box"> <div class="right-box">
<div class="list-box"> <div class="left-two">
<div class="title-box"> <div class="title-box">
<img src="@/assets/images/index/title-bg.png" alt="" /> <img src="@/assets/images/index/title-bg.png" alt="" />
<img <img
src="@/assets/images/index/icon-arrow.png" src="@/assets/images/index/icon-arrow.png"
style="width: 35px;height: 39px;position: absolute;left: 9px;" alt=""
style="width: 35px;height: 39px;line-height: 39px;position: absolute;left: 9px;"
/> />
<div class="text"> <div class="text">
<p :class="[1 == 1 ? 'active' : '']"> <!-- <p style="margin-right: 20px;" :class="[activeCard == 1 ? 'active' : '']" @click="changeACard(1)">
<span class="title">重点招商项目</span> <span class="title">经济指标</span>
</p> -->
<p :class="[activeCard2 == 2 ? 'active' : '']" @click="changeActiveCard2(2)">
<span class="title">企业统计</span>
</p> </p>
</div> </div>
</div> </div>
<div class="text-li-container"> <div class="enterprise">
<ul <ul class="list-num11">
class="list-num text-li1" <li>
ref="myList1" <span @click="goEpList(1)">上市企业：{{ table_dic.ssqy }}家</span>
@mouseenter="mouseIn1('myList1')" <span @click="goEpList(2)">
@mouseleave="mouseOut1('myList1')" 满城区规模以上企业：354家
> <!-- {{ table_dic.gmys }} -->
<li v-for="item of project" :key="item.id" @click="goProject(item.id)"> </span>
<span> {{ item.name }}</span> </li>
<li>
<span @click="goEpList(3)">高新技术企业：{{ table_dic.gxjs }}家</span>
<span @click="goEpList(8)">开发区规模以上工业企业：70余家 </span>
</li>
<li>
<span @click="goEpList(5)">科技型中小企业：{{ table_dic.kjzx }}家 </span>
<span @click="goEpList(4)">专精特新中小企业：{{ table_dic.zjtx }}家</span>
</li>
<li>
<span @click="goEpList(7)"> 专精特新示范企业：8家 </span>
<span @click="goEpList(6)"> 创新型中小企业：72家 </span>
</li> </li>
</ul> </ul>
</div> </div>
</div> <!-- <div class="title-box">
<div class="pie" style="margin-top:20px">
<div class="title-box">
<img src="@/assets/images/index/title-bg.png" alt="" /> <img src="@/assets/images/index/title-bg.png" alt="" />
<img <img
src="@/assets/images/index/icon-arrow.png" src="@/assets/images/index/icon-arrow.png"
...@@ -764,7 +773,34 @@ ...@@ -764,7 +773,34 @@
<div class="charts" ref="chart_huan_2"></div> <div class="charts" ref="chart_huan_2"></div>
</div> </div>
</el-carousel-item> </el-carousel-item>
</el-carousel> </el-carousel> -->
</div>
<div class="list-box" style="margin-top:20px">
<div class="title-box">
<img src="@/assets/images/index/title-bg.png" alt="" />
<img
src="@/assets/images/index/icon-arrow.png"
style="width: 35px;height: 39px;position: absolute;left: 9px;"
/>
<div class="text">
<p :class="[1 == 1 ? 'active' : '']">
<span class="title">重点招商项目</span>
</p>
</div>
</div>
<div class="text-li-container">
<ul
class="list-num text-li1"
ref="myList1"
@mouseenter="mouseIn1('myList1')"
@mouseleave="mouseOut1('myList1')"
>
<li v-for="item of project" :key="item.id" @click="goProject(item.id)">
<span> {{ item.name }}</span>
</li>
</ul>
</div>
</div> </div>
<div class="list-box" style="margin-top:20px"> <div class="list-box" style="margin-top:20px">
...@@ -778,9 +814,9 @@ ...@@ -778,9 +814,9 @@
<p :class="[activeCard2 == 2 ? 'active' : '']" @click="changeActiveCard2(2)"> <p :class="[activeCard2 == 2 ? 'active' : '']" @click="changeActiveCard2(2)">
<span class="title">招商政策</span> <span class="title">招商政策</span>
</p> </p>
<p :class="[activeCard2 == 3 ? 'active' : '']" @click="changeActiveCard2(3)"> <!-- <p :class="[activeCard2 == 3 ? 'active' : '']" @click="changeActiveCard2(3)">
<span class="title">数据通报</span> <span class="title">数据通报</span>
</p> </p> -->
</div> </div>
</div> </div>
...@@ -922,13 +958,13 @@ export default { ...@@ -922,13 +958,13 @@ export default {
// // 初始化图表 // // 初始化图表
this.initCharts3D(); this.initCharts3D();
if (document.body.offsetWidth < 1600) { // if (document.body.offsetWidth < 1600) {
this.initCharts3D1(true); // this.initCharts3D1(true);
this.initCharts3D2(true); // this.initCharts3D2(true);
} else { // } else {
this.initCharts3D1(true); // this.initCharts3D1(true);
this.initCharts3D2(true); // this.initCharts3D2(true);
} // }
this.initChartsBar(); this.initChartsBar();
// this.initChartsMap(); // this.initChartsMap();
...@@ -938,8 +974,8 @@ export default { ...@@ -938,8 +974,8 @@ export default {
this.getProject(this.district); this.getProject(this.district);
this.getPropol(this.district); this.getPropol(this.district);
this.getDataNotification(); this.getDataNotification();
this.getIndustryDistribute1(); // this.getIndustryDistribute1();
this.getIndustryDistribute2(); // this.getIndustryDistribute2();
}); });
}, },
methods: { methods: {
...@@ -1760,44 +1796,38 @@ export default { ...@@ -1760,44 +1796,38 @@ export default {
show: false, show: false,
}, },
data: [ data: [
// {
// value: 271162,
// name: "第一产业",
// itemStyle: { color: "#0263ff" },
// },
{ {
value: 769894, value: 396069,
name: "第一产业",
itemStyle: { color: "#0263ff" },
},
{
value: 11017558,
name: "工业", name: "工业",
itemStyle: { color: "#ab48e6" }, itemStyle: { color: "#ab48e6" },
}, },
{ {
value: 525157, value: 59431,
name: "建筑业", name: "建筑业",
itemStyle: { color: "#cd4a84" }, itemStyle: { color: "#cd4a84" },
}, },
{ {
value: 1026466, value: 141738,
name: "批发零售业",
itemStyle: { color: "#cd4a53" },
},
{
value: 994604,
name: "交通运输仓储和邮政业", name: "交通运输仓储和邮政业",
itemStyle: { color: "#3b41ba" }, itemStyle: { color: "#3b41ba" },
}, },
{ {
value: 801662, value: 110189,
name: "金融保险业", name: "金融保险业",
itemStyle: { color: "#e4cb63" }, itemStyle: { color: "#e4cb63" },
}, },
{ {
value: 901984, value: 117675,
name: "房地产业", name: "房地产业",
itemStyle: { color: "#95ea68" }, itemStyle: { color: "#95ea68" },
}, },
{ {
value: 3086837, value: 406083,
name: "其他服务业", name: "其他服务业",
itemStyle: { color: "#61a0d5" }, itemStyle: { color: "#61a0d5" },
}, },
...@@ -1819,17 +1849,17 @@ export default { ...@@ -1819,17 +1849,17 @@ export default {
}, },
data: [ data: [
{ {
value: 769894, value: 271162,
name: "第一产业", name: "第一产业",
itemStyle: { color: "#0263ff" }, itemStyle: { color: "#0263ff" },
}, },
{ {
value: 11542715, value: 455055,
name: "第二产业", name: "第二产业",
itemStyle: { color: "#ff7723" }, itemStyle: { color: "#ff7723" },
}, },
{ {
value: 6811553, value: 775685,
name: "第三产业", name: "第三产业",
itemStyle: { color: "#8e30ff" }, itemStyle: { color: "#8e30ff" },
}, },
...@@ -2921,7 +2951,7 @@ export default { ...@@ -2921,7 +2951,7 @@ export default {
li { li {
margin-top: -1px; margin-top: -1px;
display: flex; display: flex;
padding-left: 10px; padding-left: 0px;
height: 38px; height: 38px;
line-height: 38px; line-height: 38px;
position: relative; position: relative;
...@@ -3098,6 +3128,82 @@ export default { ...@@ -3098,6 +3128,82 @@ export default {
.right-box { .right-box {
width: 605px; width: 605px;
height: 100%; height: 100%;
.enterprise {
height: 210px;
width: 100%;
.list-num11 {
height: 208px;
box-sizing: border-box;
padding-top: 20px;
padding-left: 25px;
background: url("~@/assets/images/index/img-box-bg.png") no-repeat;
p.title {
height: 33px;
line-height: 33px;
text-align: center;
span {
margin: 0 14px;
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #e5a646;
line-height: 18px;
background: linear-gradient(0deg, #fff0c9 0%, #fed670 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}
li {
margin-top: 4px;
display: flex;
padding-left: 0px;
height: 38px;
line-height: 38px;
position: relative;
left: 0;
top: 0;
span {
flex: 0 0 50%;
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #d1e7ff;
white-space: nowrap;
}
&::after {
content: "";
background: url("~@/assets/images/index/bg-line.png") no-repeat 0;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 15px;
}
}
}
.list-num11 {
li {
span {
flex: 0 0 50%;
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #d1e7ff;
white-space: nowrap;
}
&::after {
content: "";
background: url("~@/assets/images/index/bg-line.png") no-repeat 0;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 10px;
}
}
}
}
} }
} }
......
src/views/resources/page/overview.vue
...@@ -192,7 +192,7 @@ import api from "@/api/resources/account"; ...@@ -192,7 +192,7 @@ import api from "@/api/resources/account";
export default { export default {
data() { data() {
return { return {
data_time: "", data_time: "2023年",
scoreList: [ scoreList: [
{ {
name: "满城镇", name: "满城镇",
......
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