zd

2d6c8fc4 · cat · 89f41e4c · 2d6c8fc4
Commit 2d6c8fc4 authored Dec 26, 2025 by cat
Hide whitespace changes
Inline Side-by-side

Showing with 66 additions and 52 deletions

src/views/rytp/index.vue
+66 -52

No files found.
--- a/src/views/rytp/index.vue
+++ b/src/views/rytp/index.vue
@@ -13,7 +13,8 @@
    <el-row style="margin-top: -10px">
      <div class="bt">
        <div class="bttitle">
-          为贯彻落实油田党委“大抓基层、夯实三基”鲜明导向和深化基础工作部署要求，推动“严细实”作风在基层落地生根，现启动强三基岗位标兵—“我心目中的标兵”网络投选活动。前期经过自下而上、层层筛选、优中选优的方式，精心遴选10位可学可做的身边榜样，他们长期扎根一线，事迹真实过硬，群众广泛认可、示范作用突出，是油田强三基实践的优秀缩影。请您仔细阅读事迹材料，郑重投出代表您心声的选票。投票结果将作为最终选树油田 强三基岗位标兵的重要参考依据。
+          为贯彻落实油田党委“大抓基层、夯实三基”鲜明导向和深化基础工作部署要求，推动“严细实”作风在基层落地生根，现启动强三基岗位标兵—“我心目中的标兵”网络投选活动。前期经过自下而上、层层筛选、优中选优的方式，精心遴选10位可学可做的身边榜样，他们长期扎根一线，事迹真实过硬，群众广泛认可、示范作用突出，是油田强三基实践的优秀缩影。请您仔细阅读事迹材料，郑重投出代表您心声的选择。投选结果将作为最终选树油田
+          强三基岗位标兵的重要参考依据。
        </div>
        <div>
          <el-row class="nrtab">
@@ -38,7 +39,7 @@
          <el-row class="nrtab">
            <span class="yuan">·</span>
            <span class="title">投票规则：</span>
-            <span class="titlenr">每位员工投票一次（用员工统一身份认证账号登录），每次投5名候选人，每个类别仅可投选1人。
+            <span class="titlenr">每位员工投选一次（用员工统一身份认证账号登录），每次投5名候选人，每个类别仅可投选1人。
            </span>
          </el-row>
        </div>
@@ -59,8 +60,10 @@
                    <img :src="unit.photo" alt="" />
                  </div>
                  <div class="person-info">
-                    <div class="person-name">{{ unit.name }}</div>
+                    <div class="person-name">{{ unit.name }} - <span class="person-age">
-                    <div class="person-age">{{ unit.age }}</div>
+                        {{ unit.age }}
+                      </span> </div>
                    <div class="person-desc">{{ unit.description || unit.management }}</div>
                    <div class="person-link" @click.stop="handleDetailClick(unit)">
                      详细事迹材料&gt;&gt;
@@ -70,11 +73,11 @@
                <div class="person-button-wrapper">
                  <button v-if="!unit.checked" class="person-btn-select"
                    @click.stop="handleCheckboxChange({ target: { checked: true } }, unit, category.key)">
-                    选择
+                    ✓
                  </button>
                  <button v-else class="person-btn-deselect"
                    @click.stop="handleCheckboxChange({ target: { checked: false } }, unit, category.key)">
-                    取消选中
+                    ×
                  </button>
                </div>
              </div>
@@ -828,7 +831,7 @@
          </div>
          <div class="work-images">
            <div class="work-image-item" v-for="(image, index) in currentDetailUnit.workImages" :key="index">
-              <img :src="image" :alt="'工作图片' + (index + 1)"  @click="showModal = true; largeImgUrl = image" />
+              <img :src="image" :alt="'工作图片' + (index + 1)" @click="showModal = true; largeImgUrl = image" />
            </div>
          </div>
        </div>
@@ -872,7 +875,7 @@
 </template>
 <script>
 import { addTp } from "@/api/benchmarkVoting.js";
-import {querySlAppToken, querySlUserInfoByAccount, tc} from "@/api/rz.js";
+import { querySlAppToken, querySlUserInfoByAccount, tc } from "@/api/rz.js";
 import store from "@/store";
 import { encrypt, decrypt } from "@/js/aesEncrypt"
 import { Base64 } from "js-base64";
@@ -880,7 +883,7 @@ import { Base64 } from "js-base64";
 import axios from "axios";
 export default {
  name: "benchmarkVoting",
-  data() {
+  data () {
    return {
      currentImage: '',
      isDialogVisible: false,
@@ -949,7 +952,7 @@ export default {
            },
            {
              title: "",
-              content:"乔军第一时间清晰汇报险情，并坚守安全位置持续监控。救援人员抵达后，他迅速指出泄漏管线连通其他储罐且无隔断阀的关键信息，为科学决策提供了重要依据。后续处置中，他主动承担倒料操作，并在带压堵漏环节就卡具安装角度提出精准建议。历时115分钟的紧张抢险，最终成功排除险情，避免了一起可能发生的重大安全事故。乔军因此荣获总厂一万元奖励与“隐患排查标兵”称号，其处置经验作为油田优秀案例在中国石化集团公司相关会议上进行交流。"
+              content: "乔军第一时间清晰汇报险情，并坚守安全位置持续监控。救援人员抵达后，他迅速指出泄漏管线连通其他储罐且无隔断阀的关键信息，为科学决策提供了重要依据。后续处置中，他主动承担倒料操作，并在带压堵漏环节就卡具安装角度提出精准建议。历时115分钟的紧张抢险，最终成功排除险情，避免了一起可能发生的重大安全事故。乔军因此荣获总厂一万元奖励与“隐患排查标兵”称号，其处置经验作为油田优秀案例在中国石化集团公司相关会议上进行交流。"
            },
            {
              title: "恪尽职守，他是“严细实”作风的践行者",
@@ -1053,28 +1056,28 @@ export default {
            {
              title: "当好“兵头将尾” 扛牢职责使命",
              content: "茫茫渤海湾，一座座海上采油平台巍然屹立。油流声轰鸣的管线，密集的油水井之间，是海洋采油厂海二采油管理区注采南区主管李滨坚守十四年的阵地，从青涩的新人成长为独当一面的注采站主管，他在岗位历练中不断成长、在履职尽责中勇挑重担，为守护海上安全生产奉献着自己的一点一滴。"
-            },{
+            }, {
              title: "转型：从青涩新人到管理能手的成长蜕变",
              content: "过硬的技能是筑牢岗位根基的根本前提。参加工作后，李滨时刻保持虚心学习的态度，坚持多听、多问、多做，加强基本功训练，掌握必备的岗位技能，成为采油队最快独立顶岗的员工。"
-            },{
+            }, {
              title: "",
              content: "2014年7月，CB251D平台新注水增压设备投产运行。设备投运初期，由于自动化设施不完善，需每小时人工录取运行资料、实时监测增压泵工况，每次巡检需要记录的参数资料多达20多项。李滨吃住在平台长达一个月，认真学习设备运行原理和维护保养，不仅摸清了设备运行规律，更为后期高压注水工艺积累了宝贵数据。"
-            },{
+            }, {
              title: "攻坚：于细节之处筑牢安全生产防线",
              content: "李滨深知安全没有终点，抓安全环保靠的就是严细实，不能放过任何一个漏洞，不能忽视任何一块短板。在CB251G投产期间，CB251GB-P2井试抽需进行返排作业。夜间巡检时，李滨敏锐发现一根高压胶管鼓出了一个指甲盖大小的凸起——多年的经验告诉他，高压胶管一旦刺漏，不仅会影响作业进度，更可能造成原油泄漏事故。他立即上报调度室，与作业监督快速协商后果断关井，仅用一个小时就完成了胶管更换，成功排除了环保事故隐患，用实际行动践行了没有质量的进度一分钟也不抢，不安全的油一吨不要。"
-            },{
+            }, {
              title: "",
              content: "一年来，他带领班站员工共排查整改CB271A栈桥锈蚀倾斜、CB251B平台液控管线腐蚀穿孔等各类隐患160余项，实现“三零”目标。"
-            },{
+            }, {
              title: "创效：深挖降本增效空间提升效率效益",
              content: "创效对于班站，是降本提质的核心抓手，更是守护海上生产平稳运行的关键保障。李滨组织班站员工开展“干效益活、产效益油大家谈”主题班会，引领岗位员工摒弃旧观念、树立精益管理理念。"
-            },{
+            }, {
              title: "",
              content: "海上平台除锈防腐过去完全交由承包商施工，平台员工负责现场监督。他打破传统思维，采用“班站+承包商”的模式，即将承包商风沙设备置于管理区值班船舶，风沙后由班站员工自主开展防腐刷漆工作，既减少了承包商施工船舶费用支出又扩大了自营创效范围，新的施工模式全年共计节约施工费用20余万元。"
-            },{
+            }, {
              title: "",
              content: "他鼓励员工精益求精多干效益活，开展设备维修、隐患治理、自主洗井等，全年自营创效11万元，在严控成本的同时，为生产效率提升注入强劲动力。"
-            },{
+            }, {
              title: "",
              content: "李滨以“兵头将尾”的双重担当带领注采南区员工队伍务实奋进、攻坚克难，为海上油田高质量发展贡献力量。"
            },
@@ -1325,29 +1328,30 @@ export default {
  },
  computed: {
    // 分类数据
-    categories() {
+    categories () {
      return [
-        { key: 'dj', title: '党建', list: this.partyBuilding },
-        { key: 'sc', title: '生产', list: this.research },
+        { key: 'dj', title: '基层党建实', list: this.partyBuilding },
-        { key: 'aq', title: '安全', list: this.oilGasProduction },
+        { key: 'sc', title: '运行效率优', list: this.research },
-        { key: 'qg', title: '企管', list: this.serviceCoordination },
+        { key: 'aq', title: '安全生产稳', list: this.oilGasProduction },
-        { key: 'sb', title: '设备', list: this.specialization },
+        { key: 'qg', title: '经营管理精', list: this.serviceCoordination },
+        { key: 'sb', title: '设备运维细', list: this.specialization },
      ];
    },
    // 计算已选择的复选框数量
-    selectedCount() {
+    selectedCount () {
      return this.categories.reduce((count, category) => {
        return count + category.list.filter(unit => unit.checked).length;
      }, 0);
    },
    // 获取已选中的单位值
-    filteredSelectedUnits() {
+    filteredSelectedUnits () {
      return this.categories.reduce((units, category) => {
        return units.concat(category.list.filter(unit => unit.checked));
      }, []);
    }
  },
-  mounted() {
+  mounted () {
    let query = this.$route.query;
    let tk = query.eai_uat_token;
    //解密参数
@@ -1385,25 +1389,25 @@ export default {
  },
  methods: {
    // 通用图片预览方法
-    showImage(imagePath) {
+    showImage (imagePath) {
      this.currentImage = require(`../../assets/images/${imagePath}`);
      this.isDialogVisible = true;
    },
-    closeDialog() {
+    closeDialog () {
      this.isDialogVisible = false; // 关闭对话框
    },
-    submitTp() {
+    submitTp () {
      this.addLoading = true;
      // 找到每个分类中选中的人员
      const selectedMap = {};
      const categoryMap = {
-        'aq': { key: 'aqTpRyInfoCb', name: '安全' },
+        'aq': { key: 'aqTpRyInfoCb', name: '安全生产稳' },
-        'sc': { key: 'scTpRyInfoCb', name: '生产' },
+        'sc': { key: 'scTpRyInfoCb', name: '运行效率优' },
-        'sb': { key: 'sbTpRyInfoCb', name: '设备' },
+        'sb': { key: 'sbTpRyInfoCb', name: '设备运维细' },
-        'qg': { key: 'qgTpRyInfoCb', name: '企管' },
+        'qg': { key: 'qgTpRyInfoCb', name: '经营管理精' },
-        'dj': { key: 'djTpRyInfoCb', name: '党建' }
+        'dj': { key: 'djTpRyInfoCb', name: '基层党建实' }
      };
      // 验证每个分类是否至少选了一个人
@@ -1441,7 +1445,7 @@ export default {
        });
    },
-    handleTextClick(unit) {
+    handleTextClick (unit) {
      console.log(unit, "11111111");
      this.selectedUnit = unit; // 存储选中的单位
      if (unit.value == "1") {
@@ -1505,7 +1509,7 @@ export default {
        this.showTc20 = true;
      }
    },
-    handleCheckboxChange(event, unit, categoryKey) {
+    handleCheckboxChange (event, unit, categoryKey) {
      // 通用单选逻辑
      const category = this.categories.find(cat => cat.key === categoryKey);
      if (!category) return;
@@ -1521,17 +1525,17 @@ export default {
    },
-    handleDetailClick(unit) {
+    handleDetailClick (unit) {
      this.currentDetailUnit = unit; // 保存当前查看的单位信息
      this.showDetailDialog = true; // 显示详细事迹材料对话框
    },
-    closeDetailDialog() {
+    closeDetailDialog () {
      this.showDetailDialog = false;
      this.currentDetailUnit = null;
    },
-    tc() {
+    tc () {
      try {
        sessionStorage.removeItem("eai_uat_token");
        sessionStorage.removeItem("eai_uat_token2");
@@ -1543,7 +1547,7 @@ export default {
          // console.log(res)
        })
      } finally {
-        window.location.href="http://zqgl.slof.com:8090/SSO/GLO/Redirect"
+        window.location.href = "http://zqgl.slof.com:8090/SSO/GLO/Redirect"
      }
    }
@@ -1836,7 +1840,7 @@ p {
 .person-card {
  width: 550px;
-  height: 300px;
+  height: 335px;
  background: #F5F5F5;
  margin: 10px 0;
  padding: 15px;
@@ -1847,7 +1851,7 @@ p {
 .person-card.selected {
  width: 550px;
-  height: 300px;
+  height: 335px;
  background: #F5F5F5;
  border: 3px solid #C80000;
  opacity: 0.8;
@@ -1882,39 +1886,47 @@ p {
  height: 100%;
 }
+.person-info-box {
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
+  justify-content: flex-start;
+  margin-bottom: 12px;
+}
 .person-name {
  width: auto;
  min-width: 40px;
-  height: 20px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 20px;
  color: #C80000;
  line-height: 20px;
  margin-bottom: 8px;
+  /* 和下面简介拉开一点距离，避免重叠 */
 }
 .person-age {
  width: auto;
  min-width: 59px;
-  height: 12px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 14px;
  color: #222222;
  line-height: 20px;
-  margin-bottom: 10px;
+  margin-bottom: 0;
 }
 .person-desc {
  width: 348px;
-  height: 180px;
+  /* height: 220px; */
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
-  line-height: 24px;
+  line-height: 20px;
  text-indent: 2em;
+  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
@@ -1949,7 +1961,8 @@ p {
  padding: 0 15px;
  font-family: Microsoft YaHei;
  font-weight: 400;
-  font-size: 14px;
+  font-size: 20px;
+  /* 放大对号图标 */
  color: #FFFFFF;
  line-height: 20px;
  background-color: #C80000;
@@ -1959,12 +1972,13 @@ p {
 }
 .person-btn-deselect {
-  width: 80px;
+  width: 60px;
-  height: 28px;
+  height: 32px;
  padding: 0;
  font-family: Microsoft YaHei;
  font-weight: 400;
-  font-size: 14px;
+  font-size: 24px;
+  /* 放大叉号 */
  color: #222222;
  line-height: 20px;
  background: #B4B4B4;