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 = [
},
component: () => import("../views/portrait/portrait.vue"),
},
// 台账详情
{
path: "/resources/projectinfo/:id",
name: "projectinfo",
component: () => import("../views/details/project.vue"),
},
{
path: "/resources",
name: "resources",
......@@ -143,12 +149,7 @@ const routes = [
},
component: () => import("../views/resources/page/account.vue"),
},
// 台账详情
{
path: "/resources/projectinfo/:id",
name: "projectinfo",
component: () => import("../views/resources/page/projectinfo.vue"),
},
// 台账详情
{
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 @@
<p style="margin-right: 20px;" :class="[activeCard == 1 ? 'active' : '']" @click="changeACard(1)">
<span class="title">经济指标</span>
</p>
<p :class="[activeCard == 2 ? 'active' : '']" @click="changeACard(2)">
<!-- <p :class="[activeCard == 2 ? 'active' : '']" @click="changeACard(2)">
<span class="title">企业统计</span>
</p>
</p> -->
</div>
</div>
<el-carousel
......@@ -85,51 +85,47 @@
<ul class="list-num " v-if="item == 1">
<p class="title">
<span class="san-left" @click="prev1"></span>
<span>{{ jjzb_dic1.year }}</span>
<span>2022年</span>
<span class="san-right" @click="next1"></span>
</p>
<li class="bg-100">
<span>地区生产总值:{{ jjzb_dic1.GDP }}</span>
<span>规上工业增加值增速:{{ jjzb_dic1.addscale }}</span>
</li>
<li class="bg-100">
<span>固定资产投资:{{ jjzb_dic1.investment }}</span>
<span>社会消费品零售额:{{ jjzb_dic1.retail }}</span>
<span>地区生产总值:150.19亿元</span>
<span>固定资产投资:-亿元</span>
</li>
<li class="bg-100">
<span>进出口总额:{{ jjzb_dic1.in_out }}</span>
<span>一般公共预算支出:{{ jjzb_dic1.public }}</span>
<span>规模以上工业增加值:3.7%</span>
<span>社会消费品零售总额:29.85亿元</span>
</li>
<li class="bg-100">
<span>居民人均可支配收入:{{ jjzb_dic1.people_out }} </span>
<span>限额以上消费品零售额:3.76亿元</span>
<span>城镇居民人均可支配收入:40769元</span>
</li>
<li class="bg-100">
<span>居民消费价格指数:{{ jjzb_dic1.people_per }}</span>
<span>农村居民人均可支配收入:24660元 </span>
<span>公共财政预算收入:7.79亿元</span>
</li>
</ul>
<ul class="list-num" v-if="item == 2">
<p class="title">
<span class="san-left" @click="prev1"></span>
<span>{{ jjzb_dic.year }}</span>
<span>2023年1-11月(*为季度指标)</span>
<span class="san-right" @click="next1"></span>
</p>
<li class="bg-100">
<span>地区生产总值:{{ jjzb_dic.GDP }}</span>
<span>规上工业增加值增速:{{ jjzb_dic.addscale }}</span>
</li>
<li class="bg-100">
<span>固定资产投资:{{ jjzb_dic.investment }}</span>
<span>社会消费品零售额:{{ jjzb_dic.retail }}</span>
<span>*地区生产总值:114.5亿元</span>
<span>固定资产投资:-亿元</span>
</li>
<li class="bg-100">
<span>进出口总额:{{ jjzb_dic.in_out }}</span>
<span>一般公共预算支出:{{ jjzb_dic.public }}</span>
<span>规模以上工业增加值:4.1%</span>
<span>*社会消费品零售总额:23.6亿元</span>
</li>
<li class="bg-100">
<span>居民人均可支配收入:{{ jjzb_dic.people_out }}</span>
<span>限额以上消费品零售额:3.47亿元</span>
<span>*城镇居民人均可支配收入:32206元</span>
</li>
<li class="bg-100">
<span>居民消费价格指数:{{ jjzb_dic.people_per }}</span>
<span>*农村居民人均可支配收入:20350元 </span>
<span>公共财政预算收入:-亿元</span>
</li>
</ul>
</el-carousel-item>
......@@ -145,18 +141,19 @@
</li>
<li>
<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>
<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>
<span @click="goEpList(7)"> 国家级专精特新小巨人企业：{{ table_dic.zjtg_gjjxjr }}家 </span>
</li>
<li>
<span @click="goEpList(8)"> 省级专精特新小巨人企业：{{ table_dic.zjtg_sjxjr }}家 </span>
</li>
</li> -->
</ul>
</div>
</div>
......@@ -191,7 +188,6 @@
<div>
<p class="color3 one">第三产业</p>
<ul>
<li class="color31 second">批发零售业</li>
<li class="color32 second">金融保险业</li>
<li class="color33 second">房地产业</li>
<li class="color34 second">其他服务业</li>
......@@ -699,35 +695,48 @@
</div>
</div>
<div class="right-box">
<div class="list-box">
<div class="left-two">
<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;"
alt=""
style="width: 35px;height: 39px;line-height: 39px;position: absolute;left: 9px;"
/>
<div class="text">
<p :class="[1 == 1 ? 'active' : '']">
<span class="title">重点招商项目</span>
<!-- <p style="margin-right: 20px;" :class="[activeCard == 1 ? 'active' : '']" @click="changeACard(1)">
<span class="title">经济指标</span>
</p> -->
<p :class="[activeCard2 == 2 ? 'active' : '']" @click="changeActiveCard2(2)">
<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>
<div class="enterprise">
<ul class="list-num11">
<li>
<span @click="goEpList(1)">上市企业：{{ table_dic.ssqy }}家</span>
<span @click="goEpList(2)">
满城区规模以上企业：354家
<!-- {{ table_dic.gmys }} -->
</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>
</ul>
</div>
</div>
<div class="pie" style="margin-top:20px">
<div class="title-box">
<!-- <div class="title-box">
<img src="@/assets/images/index/title-bg.png" alt="" />
<img
src="@/assets/images/index/icon-arrow.png"
......@@ -764,7 +773,34 @@
<div class="charts" ref="chart_huan_2"></div>
</div>
</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 class="list-box" style="margin-top:20px">
......@@ -778,9 +814,9 @@
<p :class="[activeCard2 == 2 ? 'active' : '']" @click="changeActiveCard2(2)">
<span class="title">招商政策</span>
</p>
<p :class="[activeCard2 == 3 ? 'active' : '']" @click="changeActiveCard2(3)">
<!-- <p :class="[activeCard2 == 3 ? 'active' : '']" @click="changeActiveCard2(3)">
<span class="title">数据通报</span>
</p>
</p> -->
</div>
</div>
......@@ -922,13 +958,13 @@ export default {
// // 初始化图表
this.initCharts3D();
if (document.body.offsetWidth < 1600) {
this.initCharts3D1(true);
this.initCharts3D2(true);
} else {
this.initCharts3D1(true);
this.initCharts3D2(true);
}
// if (document.body.offsetWidth < 1600) {
// this.initCharts3D1(true);
// this.initCharts3D2(true);
// } else {
// this.initCharts3D1(true);
// this.initCharts3D2(true);
// }
this.initChartsBar();
// this.initChartsMap();
......@@ -938,8 +974,8 @@ export default {
this.getProject(this.district);
this.getPropol(this.district);
this.getDataNotification();
this.getIndustryDistribute1();
this.getIndustryDistribute2();
// this.getIndustryDistribute1();
// this.getIndustryDistribute2();
});
},
methods: {
......@@ -1760,44 +1796,38 @@ export default {
show: false,
},
data: [
// {
// value: 271162,
// name: "第一产业",
// itemStyle: { color: "#0263ff" },
// },
{
value: 769894,
name: "第一产业",
itemStyle: { color: "#0263ff" },
},
{
value: 11017558,
value: 396069,
name: "工业",
itemStyle: { color: "#ab48e6" },
},
{
value: 525157,
value: 59431,
name: "建筑业",
itemStyle: { color: "#cd4a84" },
},
{
value: 1026466,
name: "批发零售业",
itemStyle: { color: "#cd4a53" },
},
{
value: 994604,
value: 141738,
name: "交通运输仓储和邮政业",
itemStyle: { color: "#3b41ba" },
},
{
value: 801662,
value: 110189,
name: "金融保险业",
itemStyle: { color: "#e4cb63" },
},
{
value: 901984,
value: 117675,
name: "房地产业",
itemStyle: { color: "#95ea68" },
},
{
value: 3086837,
value: 406083,
name: "其他服务业",
itemStyle: { color: "#61a0d5" },
},
......@@ -1819,17 +1849,17 @@ export default {
},
data: [
{
value: 769894,
value: 271162,
name: "第一产业",
itemStyle: { color: "#0263ff" },
},
{
value: 11542715,
value: 455055,
name: "第二产业",
itemStyle: { color: "#ff7723" },
},
{
value: 6811553,
value: 775685,
name: "第三产业",
itemStyle: { color: "#8e30ff" },
},
......@@ -2921,7 +2951,7 @@ export default {
li {
margin-top: -1px;
display: flex;
padding-left: 10px;
padding-left: 0px;
height: 38px;
line-height: 38px;
position: relative;
......@@ -3098,6 +3128,82 @@ export default {
.right-box {
width: 605px;
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";
export default {
data() {
return {
data_time: "",
data_time: "2023年",
scoreList: [
{
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