diff --git a/src/views/integratedTrainingPlatform/index.vue b/src/views/integratedTrainingPlatform/index.vue index 200b889..ea2d401 100644 --- a/src/views/integratedTrainingPlatform/index.vue +++ b/src/views/integratedTrainingPlatform/index.vue @@ -1,75 +1,80 @@ diff --git a/src/views/platformBusinessData/index.scss b/src/views/platformBusinessData/index.scss index f813207..f37862e 100644 --- a/src/views/platformBusinessData/index.scss +++ b/src/views/platformBusinessData/index.scss @@ -1,7 +1,6 @@ .allBox { width: 1920px; height: 3240px; - margin: 0 auto; background: url("~@/assets/images/largeScreen/all-bg.png") no-repeat; background-size: 100%; position: relative; diff --git a/src/views/platformBusinessData/index.vue b/src/views/platformBusinessData/index.vue index 303b928..93b8975 100644 --- a/src/views/platformBusinessData/index.vue +++ b/src/views/platformBusinessData/index.vue @@ -1,32 +1,37 @@ diff --git a/src/views/recruitment/card/EnterpriseEmploymentThree.vue b/src/views/recruitment/card/EnterpriseEmploymentThree.vue index 28854e5..3e52aab 100644 --- a/src/views/recruitment/card/EnterpriseEmploymentThree.vue +++ b/src/views/recruitment/card/EnterpriseEmploymentThree.vue @@ -14,7 +14,7 @@ const option = { top: "17%", left: "15%", right: "5%", - bottom: "10%" + bottom: "20%" }, // 设置图例 legend: { @@ -33,7 +33,12 @@ const option = { color: "#CBF2FA" // 文字颜色 } }, - + axisLabel: { + fontSize: 14, // 设置 x 轴文字大小 + color: "#CBF2FA", // 可以同时设置文字颜色 + rotate: 20, // 文字倾斜45度 + margin: 20 // 增加文字与轴线的距离 + }, type: "category", data: ["制造业", "服务业", "建筑业"] }, @@ -64,7 +69,8 @@ const option = { label: { show: true, position: "top", - color: "#30DCFF" + color: "#30DCFF", + fontSize: 16 }, itemStyle: { //渐变色 @@ -91,7 +97,8 @@ const option = { label: { show: true, position: "top", - color: "#CBF2FA" + color: "#CBF2FA", + fontSize: 16 }, itemStyle: { //渐变色 diff --git a/src/views/recruitment/card/EnterpriseEmploymentTwo.vue b/src/views/recruitment/card/EnterpriseEmploymentTwo.vue index 15e3703..a66ac41 100644 --- a/src/views/recruitment/card/EnterpriseEmploymentTwo.vue +++ b/src/views/recruitment/card/EnterpriseEmploymentTwo.vue @@ -14,7 +14,7 @@ const option = { top: "15%", left: "15%", right: "5%", - bottom: "10%" + bottom: "20%" }, // 设置图例 legend: { @@ -33,7 +33,12 @@ const option = { color: "#CBF2FA" // 文字颜色 } }, - + axisLabel: { + fontSize: 14, // 设置 x 轴文字大小 + color: "#CBF2FA", // 可以同时设置文字颜色 + rotate: 20, // 文字倾斜45度 + margin: 20 // 增加文字与轴线的距离 + }, type: "category", data: ["微型企业", "小型企业", "中型企业", "大型企业"] }, @@ -64,7 +69,8 @@ const option = { label: { show: true, position: "top", - color: "#30DCFF" + color: "#30DCFF", + fontSize: 16 }, itemStyle: { //渐变色 @@ -91,7 +97,8 @@ const option = { label: { show: true, position: "top", - color: "#CBF2FA" + color: "#CBF2FA", + fontSize: 16 }, itemStyle: { //渐变色 diff --git a/src/views/recruitment/card/LaborSystemFour.vue b/src/views/recruitment/card/LaborSystemFour.vue index 8d36459..ff78cfb 100644 --- a/src/views/recruitment/card/LaborSystemFour.vue +++ b/src/views/recruitment/card/LaborSystemFour.vue @@ -17,7 +17,7 @@ const option = { top: "17%", left: "15%", right: "5%", - bottom: "10%" + bottom: "20%" }, tooltip: { trigger: "axis" @@ -28,7 +28,12 @@ const option = { color: "#CBF2FA" // 文字颜色 } }, - + axisLabel: { + fontSize: 14, // 设置 x 轴文字大小 + color: "#CBF2FA", // 可以同时设置文字颜色 + rotate: 30, // 文字倾斜45度 + margin: 20 // 增加文字与轴线的距离 + }, type: "category", data: [ "1月", @@ -67,12 +72,13 @@ const option = { type: "line", showBackground: true, barWidth: 8, - data: [38, 62, 52, 41, 37, 62, 52, 41, 67, 62, 52, 41], + data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], // 设置柱状图的数值 label: { show: true, position: "top", - color: "#30DCFF" + color: "#30DCFF", + fontSize: 16 }, itemStyle: { //渐变色 diff --git a/src/views/recruitment/card/LaborSystemOne.vue b/src/views/recruitment/card/LaborSystemOne.vue index 437123d..2ae43b8 100644 --- a/src/views/recruitment/card/LaborSystemOne.vue +++ b/src/views/recruitment/card/LaborSystemOne.vue @@ -33,7 +33,9 @@ const option = { axisLabel: { textStyle: { color: "#CBF2FA" - } + }, + fontSize: 14, // 设置 x 轴文字大小 + color: "#CBF2FA" // 可以同时设置文字颜色 } }, yAxis: { @@ -62,7 +64,8 @@ const option = { label: { show: true, position: "top", - color: "#30DCFF" + color: "#30DCFF", + fontSize: 16 }, itemStyle: { //渐变色 diff --git a/src/views/recruitment/card/LaborSystemThree.vue b/src/views/recruitment/card/LaborSystemThree.vue index 7f80121..2187042 100644 --- a/src/views/recruitment/card/LaborSystemThree.vue +++ b/src/views/recruitment/card/LaborSystemThree.vue @@ -17,7 +17,7 @@ const option = { top: "17%", left: "15%", right: "5%", - bottom: "10%" + bottom: "20%" }, tooltip: { trigger: "axis" @@ -28,7 +28,12 @@ const option = { color: "#CBF2FA" // 文字颜色 } }, - + axisLabel: { + fontSize: 14, // 设置 x 轴文字大小 + color: "#CBF2FA", // 可以同时设置文字颜色 + rotate: 30, // 文字倾斜45度 + margin: 20 // 增加文字与轴线的距离 + }, type: "category", data: [ "1月", @@ -67,12 +72,13 @@ const option = { type: "line", showBackground: true, barWidth: 8, - data: [38, 62, 52, 41, 37, 62, 52, 41, 67, 62, 52, 41], + data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], // 设置柱状图的数值 label: { show: true, position: "top", - color: "#30DCFF" + color: "#30DCFF", + fontSize: 16 }, itemStyle: { //渐变色 diff --git a/src/views/recruitment/card/LaborSystemTwo.vue b/src/views/recruitment/card/LaborSystemTwo.vue index 24f071f..42b429e 100644 --- a/src/views/recruitment/card/LaborSystemTwo.vue +++ b/src/views/recruitment/card/LaborSystemTwo.vue @@ -94,8 +94,12 @@ let option = { return 30; }, label: { - show: false, - formatter: "{b}" + show: false, // 改为 true 显示标签 + formatter: "{b}", // 显示城市名称 + position: "right", // 标签位置在点的上方 + color: "#fff", // 标签颜色 + fontSize: 16, // 字体大小 + fontWeight: "bold" // 字体粗细 }, symbol: "image://" + pointImage // 使用本地图片作为标记 } diff --git a/src/views/recruitment/components/costomCaed.vue b/src/views/recruitment/components/costomCaed.vue index 57c5730..2ed2e0b 100644 --- a/src/views/recruitment/components/costomCaed.vue +++ b/src/views/recruitment/components/costomCaed.vue @@ -49,10 +49,10 @@ const state = reactive({ "公共服务站点 40", // "培训机构 130", // "咨询机构 220", - "劳务公司 13", - "招聘与猎头机构 5", - "⼈⼒资源服务外包机构（HRO）3", - "职业中介与公共就业服务机构 8" + "培训机构 5" + // "招聘与猎头机构 5", + // "⼈⼒资源服务外包机构（HRO）3", + // "职业中介与公共就业服务机构 8" ], activeIndex: 0 }); diff --git a/src/views/recruitment/layout/centerModel.vue b/src/views/recruitment/layout/centerModel.vue index 8ae25f9..c01e01c 100644 --- a/src/views/recruitment/layout/centerModel.vue +++ b/src/views/recruitment/layout/centerModel.vue @@ -14,18 +14,18 @@ -
-
74.24万
+
+
81.1万
人口总数
- -
-
-
{{ dialogTitle }}
-
-
-
    - +
    +
    +
    户籍人口
    +
    +
    +
      + -
    • - {{ item }} -
      • -
    +
  • + {{ item }} +
    • +
-
+
+
+ +
+
+
高终端人才
+
- +
    +
  • + +
    +
    + {{ item.title }} +
    +
    + {{ item.count }}（{{ item.unit }}） +
    +
    +
    • +
+