From d2156636351938f1f35d535fa7df00e5daa318a6 Mon Sep 17 00:00:00 2001 From: zhulibin <1791632903@qq.com> Date: Mon, 6 Jan 2025 11:13:50 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BA=A4=E9=80=9A=E6=9C=8D?= =?UTF-8?q?=E5=8A=A1=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/jxzt/Jczh.vue | 235 ++++++++++++++++++++++------------------ 1 file changed, 132 insertions(+), 103 deletions(-) diff --git a/src/views/jxzt/Jczh.vue b/src/views/jxzt/Jczh.vue index 25f59ba..42be8ff 100644 --- a/src/views/jxzt/Jczh.vue +++ b/src/views/jxzt/Jczh.vue @@ -14,10 +14,13 @@
-
+
{{ item.name }}
-
{{ item.time }}
+
+ {{ item.time }} +
{{ item.content != null ? item.content : "" }}
@@ -33,10 +36,13 @@
-
+
{{ item.name }}
-
{{ item.time }}
+
+ {{ item.time }} +
{{ item.content != null ? item.content : "" }}
@@ -53,10 +59,13 @@
-
+
{{ item.name }}
-
{{ item.time }}
+
+ {{ item.time }} +
{{ item.content != null ? item.content : "" }}
@@ -68,7 +77,7 @@
-
+
@@ -90,8 +99,8 @@ 省公安厅
-
{{ ywData.time }}
-
{{ ywData.content }}
+
{{ ywData.time }}
+
{{ ywData.content }}
@@ -99,27 +108,27 @@
-
畅行瞭望台
+
畅行瞭望台
-
三省交辉
+
三省交辉
-
省途亮绩
+
省途亮绩
-
交畅智汇
+
交畅智汇
-
应急领航
+
应急领航
-
吉问吉答
+
吉问吉答
@@ -132,28 +141,36 @@
-
+
+
+
+
-
-
-
-
-
+
+
+
+
-
-
-
+
+
+
+
-
-
-
+
+
+
+
@@ -170,7 +187,7 @@ import ScaleBox from "vue2-scale-box"; export default { name: "drain", - components: {getEchartInstance,ScaleBox}, + components: {getEchartInstance, ScaleBox}, data() { return { isActive: true,//月 @@ -214,12 +231,12 @@ export default { content: ' 根据《交通运输部关于印发交通运输系统“平安交通”创建活动实施方案的通知》（交安监发〔2013〕116号）部署，交通运输系统开展了为期5年的“平安交通”创建活动。目前，“平安交通”建设已进入关键阶段，各部门、各单位要结合安全生产责任体系、隐患排查治理、风险管理、安全诚信、企业标准化等工作，坚持问题导向、目标导向，聚焦重点领域，全面推进“平安交通”建设。\n' }, ], - ywData:{ - time:'2024/6/11', - content:'对省十四届人大三次会议第0233号代表建议的答复\n'+ + ywData: { + time: '2024/6/11', + content: '对省十四届人大三次会议第0233号代表建议的答复\n' + '徐凤娟代表：\n' + ' 您在省十四届人大三次会议上提出的《关于延长出租车驾驶员从业年龄的建议》收悉，经认真研究，现答复如下：\n' + - ' 首先，感谢您对出租汽车驾驶员从业资格管理工作的关心和支持。近年来，省委省政府、省交通运输厅高度重视道路运输从业资格“放管服”工作，于2023年，在全国率先实施出租汽车驾驶员从业资格考试省内异地约考，破解驾驶员报名难、考试难问题。拟于2024年7月1日前，实施出租汽车驾驶员巡游和网络预约从业资格“两考合一”，方便出租汽车驾驶员在巡游和网络预约两种业态之间从事经营活动，为人民群众在道路运输从业、就业、创业、择业创造良好环境。\n' + + ' 首先，感谢您对出租汽车驾驶员从业资格管理工作的关心和支持。近年来，省委省政府、省交通运输厅高度重视道路运输从业资格“放管服”工作，于2023年，在全国率先实施出租汽车驾驶员从业资格考试省内异地约考，破解驾驶员报名难、考试难问题。拟于2024年7月1日前，实施出租汽车驾驶员巡游和网络预约从业资格“两考合一”，方便出租汽车驾驶员在巡游和网络预约两种业态之间从事经营活动，为人民群众在道路运输从业、就业、创业、择业创造良好环境。 根据《交通运输部关于印发交通运输系统“平安交通”创建活动实施方案的通知》（交安监发〔2013〕116号）部署，交通运输系统开展了为期5年的“平安交通”创建活动。目前，“平安交通”建设已进入关键阶段，各部门、各单位要结合安全生产责任体系、隐患排查治理、风险管理、安全诚信、企业标准化等工作，坚持问题导向、目标导向，聚焦重点领域，全面推进“平安交通”建设。\n\n' + '' }, } @@ -271,41 +288,35 @@ export default { this.getYwData('gat'); }, //获取业务摘要信息 - getYwData(item){ - if (item === 'szf'){ + getYwData(item) { + if (item === 'szf') { //调用方法获取数据给ywData赋值 this.ywData.time = '2024-06-11'; // this.ywData.content = ''; - }else if (item === 'sjj'){ + } else if (item === 'sjj') { //调用方法获取数据给ywData赋值 this.ywData.time = '2024/06/11'; // this.ywData.content = ''; - }else{ + } else { //调用方法获取数据给ywData赋值 this.ywData.time = '2024-06-11'; // this.ywData.content = ''; } }, conterChart(item) { - function fontSize(res){ - let clientWidth = window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth; - if (!clientWidth) return; - let fontSize = (clientWidth/1920); - return res*fontSize; - } let myChart = getEchartInstance("conterChart"); let data = [];//年月 let zfData = [];//省政府 let sjjData = [];//市场监督管理局 let gatData = [];//省公安厅 - if (item === 'year'){ + if (item === 'year') { //调用查询年数据方法 //给data，zfData，sjjData，gatData赋值 data = ['2019年', '2020', '2021年', '2022年', '2023年', '2024年'] zfData = [150, 232, 201, 154, 190, 330] sjjData = [320, 332, 301, 334, 390, 230] gatData = [120, 132, 101, 134, 190, 130] - }else{ + } else { //调用查询月数据方法 //给data，zfData，sjjData，gatData赋值 data = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'] @@ -320,16 +331,16 @@ export default { // color:'#ccc',//'red'，字体颜色 // fontStyle:'normal',//'italic'(倾斜) | 'oblique'(倾斜体) ，字体风格 // fontWeight:'normal',//'bold'(粗体) | 'bolder'(粗体) | 'lighter'(正常粗细) ，字体粗细 - fontSize: fontSize(18),//字体大小 + fontSize: 18,//字体大小 lineHeight: 18,//字体行高 - color:'#84ACE8', + color: '#84ACE8', }, textAlign: 'auto',//整体（包括 text 和 subtext）的水平对齐 textVerticalAlign: 'auto',//整体（包括 text 和 subtext）的垂直对齐 padding: 0,//[5,10] | [ 5,6, 7, 8] ,标题内边距 - left: '5%',//'5' | '5%'，title 组件离容器左侧的距离 + left: '20px',//'5' | '5%'，title 组件离容器左侧的距离 right: 'auto',//'title 组件离容器右侧的距离 - top: '5%',//title 组件离容器上侧的距离 + top: '20px',//title 组件离容器上侧的距离 bottom: 'auto',//title 组件离容器下侧的距离 }, tooltip: { @@ -337,10 +348,14 @@ export default { }, legend: { data: ['省政府', '市场监督管理局', '省公安厅'], - textStyle:{ - color:'#84ACE8', - fontSize: fontSize(12),//字体大小 + textStyle: { + color: '#84ACE8', + fontSize: 12,//字体大小 }, + left: '35%',//'5' | '5%'，title 组件离容器左侧的距离 + right: 'auto',//'title 组件离容器右侧的距离 + top: '12px',//title 组件离容器上侧的距离 + bottom: 'auto',//title 组件离容器下侧的距离 }, grid: { left: '3%', @@ -446,15 +461,15 @@ export default { // align: "left", // itemGap: 20, //数据上下的距离 // icon: "circle", //圆形小点展示，默认为方形，去掉就是方形展示 - itemWidth: 10, // 设置宽度 - itemHeight: 10, // 设置高度 + itemWidth: 14, // 设置宽度 + itemHeight: 14, // 设置高度 // data: data, // top:'5%', bottom: '0%', left: 'center', textStyle: { color: "#84ACE8", - fontSize:10, + fontSize: 14, } }, series: [ @@ -470,7 +485,7 @@ export default { emphasis: { label: { show: true, - fontSize: 16, + fontSize: 20, fontWeight: 'bold' } }, @@ -528,15 +543,15 @@ export default { // align: "left", // itemGap: 20, //数据上下的距离 // icon: "circle", //圆形小点展示，默认为方形，去掉就是方形展示 - itemWidth: 10, // 设置宽度 - itemHeight: 10, // 设置高度 + itemWidth: 14, // 设置宽度 + itemHeight: 14, // 设置高度 // data: data, // top:'5%', bottom: '0%', left: 'center', textStyle: { color: "#84ACE8", - fontSize:10, + fontSize: 14, } }, series: [ @@ -553,7 +568,7 @@ export default { emphasis: { label: { show: true, - fontSize: 16, + fontSize: 20, fontWeight: 'bold' } }, @@ -609,15 +624,15 @@ export default { // align: "left", // itemGap: 20, //数据上下的距离 // icon: "circle", //圆形小点展示，默认为方形，去掉就是方形展示 - itemWidth: 10, // 设置宽度 - itemHeight: 10, // 设置高度 + itemWidth: 14, // 设置宽度 + itemHeight: 14, // 设置高度 // data: data, // top:'5%', bottom: '0%', left: 'center', textStyle: { color: "#84ACE8", - fontSize:10, + fontSize: 14, } }, series: [ @@ -633,7 +648,7 @@ export default { emphasis: { label: { show: true, - fontSize: 16, + fontSize: 20, fontWeight: 'bold' } }, @@ -689,15 +704,15 @@ export default { // align: "left", // itemGap: 20, //数据上下的距离 // icon: "circle", //圆形小点展示，默认为方形，去掉就是方形展示 - itemWidth: 10, // 设置宽度 - itemHeight: 10, // 设置高度 + itemWidth: 14, // 设置宽度 + itemHeight: 14, // 设置高度 // data: data, // top:'5%', bottom: '0%', left: 'center', textStyle: { color: "#84ACE8", - fontSize:10, + fontSize: 14, } }, series: [ @@ -713,7 +728,7 @@ export default { emphasis: { label: { show: true, - fontSize: 16, + fontSize: 20, fontWeight: 'bold' } }, @@ -741,15 +756,15 @@ export default {