diff --git a/src/assets/images/ms/fxww.jpg b/src/assets/images/ms/fxww.jpg
new file mode 100644
index 0000000..00f244f
Binary files /dev/null and b/src/assets/images/ms/fxww.jpg differ
diff --git a/src/assets/images/ms/scxc2.png b/src/assets/images/ms/scxc2.png
new file mode 100644
index 0000000..54e6ed3
Binary files /dev/null and b/src/assets/images/ms/scxc2.png differ
diff --git a/src/assets/images/ms/sgxc.jpg b/src/assets/images/ms/sgxc.jpg
new file mode 100644
index 0000000..ee27086
Binary files /dev/null and b/src/assets/images/ms/sgxc.jpg differ
diff --git a/src/assets/images/ms/sgxc1.jpg b/src/assets/images/ms/sgxc1.jpg
new file mode 100644
index 0000000..a0766d8
Binary files /dev/null and b/src/assets/images/ms/sgxc1.jpg differ
diff --git a/src/views/portraitScreen/components/xxrcgw.vue b/src/views/portraitScreen/components/xxrcgw.vue
index 4a11cf3..920f5ca 100644
--- a/src/views/portraitScreen/components/xxrcgw.vue
+++ b/src/views/portraitScreen/components/xxrcgw.vue
@@ -7,7 +7,7 @@
TOP.{{ indx + 1 }}

-
{{ it.mc }}
+
{{ it.mc }}
- {{ it.num }}
+
@@ -78,6 +78,11 @@ onUnmounted(() => {
display: inline-block;
white-space: nowrap;
}
+
+ img {
+ width: 10.6vw; // 原字号 1.8vw 的两倍
+ height: 10.6vw;
+ }
}
.line {
@@ -121,4 +126,4 @@ onUnmounted(() => {
}
}
}
-
\ No newline at end of file
+
diff --git a/src/views/portraitScreen/index.vue b/src/views/portraitScreen/index.vue
index 0cff8e3..561268b 100644
--- a/src/views/portraitScreen/index.vue
+++ b/src/views/portraitScreen/index.vue
@@ -65,7 +65,7 @@
- 新兴人才岗位需求
+ 新兴人才岗位
diff --git a/src/views/recruitment/card/ListView.vue b/src/views/recruitment/card/ListView.vue
index a1a04ae..2a22b4a 100644
--- a/src/views/recruitment/card/ListView.vue
+++ b/src/views/recruitment/card/ListView.vue
@@ -4,23 +4,29 @@
+
+
+
-
+
仁寿县劳务合作社联合送工
-
-

+
+
@@ -46,8 +52,8 @@
批量化规模化送工现场1
-
-

+
+
@@ -56,8 +62,8 @@
批量化规模化送工现场2
-
-

+
+
@@ -66,12 +72,14 @@
仁寿县劳务合作社联合送工
-
-

+
+
+
‹
+
›
X
@@ -81,6 +89,9 @@
import { ref, reactive, computed, onMounted, onUnmounted } from "vue";
import * as echarts from "echarts";
const pieRef = ref(null);
+const carouselRef = ref(null);
+function prevSlide() { if (carouselRef.value) carouselRef.value.prev(); }
+function nextSlide() { if (carouselRef.value) carouselRef.value.next(); }
const pieData = [
{
"zone": "四川 - 成都",
@@ -194,9 +205,19 @@ const pieData = [
}
]
const visible = ref(false);
+// 固定在顶部的市州(眉山)
+const pinnedZone = "四川 - 眉山";
+const pinnedIndex = computed(() => pieData.findIndex(i => i.zone === pinnedZone));
+const pinnedItem = computed(() => (pinnedIndex.value >= 0 ? pieData[pinnedIndex.value] : null));
+// 滚动区域数据(去除固定项)
+const scrollData = computed(() => pieData.filter(i => i.zone !== pinnedZone));
+// 格式化序号
+function formattedIndex(i) {
+ return `${i + 1 >= 10 ? i + 1 : '0' + (i + 1)}`;
+}
// 滚动相关变量
const scrollTop = ref(0); // 列表滚动高度
-const speed = ref(120); // 滚动速度
+const speed = ref(60); // 滚动速度
const copyHtml = ref(''); // 复制的HTML内容
const scrollItemBox = ref(null); // 滚动项容器引用
let timer = null;
@@ -343,15 +364,10 @@ function closeModal() {
}
>div:nth-child(3) {
- width: 30%;
+ width: 25%;
text-align: right;
font-weight: bold;
}
-
- >div:nth-child(4) {
- display: none;
- /* 隐藏多余的div */
- }
}
/* 数据行的悬停效果 */
@@ -406,42 +422,40 @@ function closeModal() {
/* 轮播弹窗容器样式 */
.carousel-modal-container {
position: fixed;
- top: 54%;
- left: 71%;
+ top: 66%;
+ left: 64%;
transform: translate(-50%, -50%);
- width: 14vw;
+ width: 28vw;
border-radius: 4px 4px 4px 4px;
z-index: 100;
border-radius: 0.104vw;
padding: 0.26vw;
- height: 14vw;
+ height: 28vw;
.close-btn {
- position: absolute;
- top: 13.5vw;
- right: 5.5vw;
- width: 2vw;
- height: 2vw;
- background-color: #171E22;
- border: 1px solid rgba(203, 242, 250, 0.2);
- border-radius: 50%;
- color: #C4F3FE;
- font-size: 1vw;
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- z-index: 101;
- // &:hover {
- // background-color: #1E262A;
- // border-color: rgba(203, 242, 250, 0.4);
- // }
- }
+ position: absolute;
+ bottom: 0.6vw;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 2vw;
+ height: 2vw;
+ background-color: #171E22;
+ border: 1px solid rgba(203, 242, 250, 0.2);
+ border-radius: 50%;
+ color: #C4F3FE;
+ font-size: 1vw;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ cursor: pointer;
+ z-index: 101;
+ }
.carousel-item-content {
border-radius: 5px 5px 5px 5px;
background-color: #171E22;
padding: 0.001vw 0.4vw 1vw;
+ position: relative;
.carousel-item-title {
background: linear-gradient(90deg, rgba(203, 242, 250, 0) 0%, rgba(203, 242, 250, 0.43) 58%, rgba(203, 242, 250, 0) 100%);
@@ -453,16 +467,39 @@ function closeModal() {
line-height: 1.1vw;
text-align: center;
border-radius: 4px 4px 4px 4px;
+ color: #48FAFC;
}
img {
width: 100%;
height: 100%;
+ object-fit: cover;
}
}
}
+/* 手动切换按钮样式 */
+.nav-btn {
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ width: 1.6vw;
+ height: 1.6vw;
+ background-color: rgba(23, 30, 34, 0.9);
+ border: 1px solid rgba(203, 242, 250, 0.2);
+ border-radius: 50%;
+ color: #C4F3FE;
+ font-size: 1.2vw;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ cursor: pointer;
+ z-index: 101;
+}
+.nav-btn.prev { left: 0.3vw; }
+.nav-btn.next { right: 0.3vw; }
+
::deep(.el-carousel__container) {
- height: 14vw !important;
+ height: 28vw !important;
}
diff --git a/src/views/recruitment/layout/centerModel.vue b/src/views/recruitment/layout/centerModel.vue
index 4c3444f..8a0da72 100644
--- a/src/views/recruitment/layout/centerModel.vue
+++ b/src/views/recruitment/layout/centerModel.vue
@@ -204,7 +204,7 @@
-
-
+
{{ item.name }}
@@ -256,7 +256,7 @@ const onacitve = (index, label) => {
// 兴蜀工作视图的弹窗映射:合作学校TOP5、合作社TOP5
if (label === "合作学校") {
isactive.value = 5;
- } else if (label === "合作社") {
+ } else if (label === "合作区县") {
isactive.value = 6;
} else {
isactive.value = -1;
@@ -280,7 +280,7 @@ const modelSets = {
work: [
{ num: "628个", label: "服务企业" },
{ num: "36所", label: "合作学校" },
- { num: "19个", label: "合作社" },
+ { num: "19个", label: "合作区县" },
{ num: "17期", label: "培训课程" },
{ num: "870人", label: "领证人数" }
]
@@ -360,7 +360,7 @@ const topSchools = ref([
{ name: "四川矿产机电技师学院", name1: '成都职业技术学院' },
]);
const topCoops = ref([
- { name: "绵阳市游仙区鑫众达劳务信息咨询农民专业合作社" },
+ { name: "绵阳市游仙区鑫众送劳务信息咨询农民专业合作社" },
{ name: "成都市成华青业劳务信息咨询农民专业合作社" },
{ name: "崇州市蜀洲聚力劳务信息咨询农民专业合作社" },
{ name: "成都市蜀州兴蜀农民劳务信息咨询专业合作社" },