<template>
  <div class="container">
    <el-row>
      <img src="../../assets/rytpimg/bg.png" alt="" style="
          background-size: 100% 100%;
          margin-top: 20px;
          height: 300px;
          width: 100%;
          float: none;
          margin: 0 auto;
        " />
    </el-row>
    <el-row style="margin-top: -10px">
      <div class="bt">
        <div class="bttitle">
          为深入贯彻落实油田党委关于“深化基础工作”部署安排，从安全生产稳、运行效率优、设备运维细、经营管理精、基层党建实5个重点领域，采用自下而上、层层推荐方式优选了10名深入挖掘长期扎根基层，事迹真实可感、群众广泛认可、示范作用突出的油田强三基岗位备选标兵。请您积极参与，为“心目中的标兵”投票，作为油田强三基岗位标兵选树的参考依据。        </div>
        <div>
          <el-row class="nrtab">
            <span class="yuan">·</span>
            <span class="title">活动目的：</span>
            <span class="titlenr">
              以可学可做的身边榜样将严细实作风具体化，推动树牢“大抓三基、夯实基础”工作导向。
            </span>
          </el-row>
          <el-row class="nrtab">
            <span class="yuan">·</span>
            <span class="title">活动形式：</span>
            <span class="titlenr">
              在“油田主页”开设“心目中的标兵”专栏，展示油田强三基岗位备选标兵风采、员工自发投票。
            </span>
          </el-row>
          <el-row class="nrtab">
            <span class="yuan">·</span>
            <span class="title">活动时间：</span>
            <span class="titlenr"> 12 月 25 日 - 12 月 31 日。 </span>
          </el-row>
          <el-row class="nrtab">
            <span class="yuan">·</span>
            <span class="title">投票规则：</span>
            <span class="titlenr">每人只投一次、每次投5名员工，安全、生产、设备、企管、党建每类至少选1名。
            </span>
          </el-row>
        </div>
      </div>
    </el-row>

    <el-row style="margin-top: -25px">
      <div class="bt1">
        <el-row>
          <div class="btsty">安全</div>
        </el-row>
        <el-row>
          <el-col :span="6" v-for="(unit, index) in oilGasProduction" :key="index">
            <div class="xqcard">
              <div style="display: flex; flex-direction: row; align-items: center">
                <input v-model="unit.checked" type="checkbox" class="kuang"
                  @change="handleCheckboxChange($event, unit)" />
                <div style="display: flex; flex-direction: column">
                  <div class="xqname" @click.stop.prevent="handleTextClick(unit)">
                    {{ unit.name }}
                  </div>
                  <div class="xqname" @click.stop.prevent="handleTextClick(unit)">
                    {{ unit.management }}
                  </div>
                </div>
              </div>
              <div class="xq" @click.stop.prevent="handleTextClick(unit)">
                详情&gt;&gt;
              </div>
            </div>
          </el-col>
        </el-row>
        <!-- 科研 -->
        <el-row>
          <div class="btsty">生产</div>
        </el-row>
        <el-row>
          <el-col :span="6" v-for="(unit, index) in research" :key="index">
            <div class="xqcard">
              <div style="display: flex; flex-direction: row; align-items: center">
                <input v-model="unit.checked" type="checkbox" class="kuang"
                  @change="handleCheckboxChangeky($event, unit)" />
                <div style="display: flex; flex-direction: column">
                  <div class="xqname" @click.stop.prevent="handleTextClick(unit)">
                    {{ unit.name }}
                  </div>
                  <div class="xqname" @click.stop.prevent="handleTextClick(unit)">
                    {{ unit.management }}
                  </div>
                </div>
              </div>
              <div class="xq" @click.stop.prevent="handleTextClick(unit)">
                详情&gt;&gt;
              </div>
            </div>
          </el-col>
        </el-row>
        <!-- 专业化 -->
        <el-row>
          <div class="btsty">设备</div>
        </el-row>
        <el-row>
          <el-col :span="6" v-for="(unit, index) in specialization" :key="index">
            <div class="xqcard">
              <div style="display: flex; flex-direction: row; align-items: center">
                <input v-model="unit.checked" type="checkbox" class="kuang"
                  @change="handleCheckboxChangezyh($event, unit)" />
                <div style="display: flex; flex-direction: column">
                  <div class="xqname" @click.stop.prevent="handleTextClick(unit)">
                    {{ unit.name }}
                  </div>
                  <div class="xqname" @click.stop.prevent="handleTextClick(unit)">
                    {{ unit.management }}
                  </div>
                </div>
              </div>
              <div class="xq" @click.stop.prevent="handleTextClick(unit)">
                详情&gt;&gt;
              </div>
            </div>
          </el-col>
        </el-row>
        <!-- 后勤服务 -->
        <el-row>
          <div class="btsty">企管</div>
        </el-row>
        <el-row>
          <el-col :span="6" v-for="(unit, index) in serviceCoordination" :key="index">
            <div class="xqcard">
              <div style="display: flex; flex-direction: row; align-items: center">
                <input v-model="unit.checked" type="checkbox" class="kuang"
                  @change="handleCheckboxChangefw($event, unit)" />
                <div style="display: flex; flex-direction: column">
                  <div class="xqname" @click.stop.prevent="handleTextClick(unit)">
                    {{ unit.name }}
                  </div>
                  <div class="xqname" @click.stop.prevent="handleTextClick(unit)">
                    {{ unit.management }}
                  </div>
                </div>
              </div>
              <div class="xq" @click.stop.prevent="handleTextClick(unit)">
                详情&gt;&gt;
              </div>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <div class="btsty">党建</div>
        </el-row>
        <el-row>
          <el-col :span="6" v-for="(unit, index) in serviceCoordination" :key="index">
            <div class="xqcard">
              <div style="display: flex; flex-direction: row; align-items: center">
                <input v-model="unit.checked" type="checkbox" class="kuang"
                       @change="handleCheckboxChangefw($event, unit)" />
                <div style="display: flex; flex-direction: column">
                  <div class="xqname" @click.stop.prevent="handleTextClick(unit)">
                    {{ unit.name }}
                  </div>
                  <div class="xqname" @click.stop.prevent="handleTextClick(unit)">
                    {{ unit.management }}
                  </div>
                </div>
              </div>
              <div class="xq" @click.stop.prevent="handleTextClick(unit)">
                详情&gt;&gt;
              </div>
            </div>
          </el-col>
        </el-row>
        <div style="
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 15px;
          ">
          <div style="margin: 20px;">
            <span> 已选择 ( {{ selectedCount }} )</span>
          </div> <!-- 显示已选择的数量 -->
          <el-button :loading="addLoading" type="primary" size="mini" @click="submitTp">提交投票</el-button>
          <el-button type="primary" size="mini" @click="tc()">退出</el-button>
        </div>
      </div>
    </el-row>
    <el-dialog :visible.sync="isDialogVisible" @close="closeDialog">
      <img :src="currentImage" class="preview-img" />
    </el-dialog>
    <!-- 对话框 -->
    <el-dialog :visible.sync="showTc1" width="560px">
      <el-row class="sj">
        <div class="btdlgsty">海洋采油厂♦海二采油管理区</div>
      </el-row>
      <el-row class="img-container sj">
        <img src="../../assets/images/tc1.png" alt="" class="imgdlgst" @click="hyTp1" />
      </el-row>

      <el-row class="sj">
        <span class="nrdlgnr"><span class="btdlg cc"> 单位概况：</span> 现有在岗员工167人，管理油水井209口，年产原油85.6万吨。</span>
      </el-row>

      <el-row class="sj flex">
        <span class="btdlg cc">
          特色亮点：海洋特色新模式推动海上油田大发展</span>
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlg cc">
          着力打造以“效率提升集中化、高技能人才专业化、技术决策一体化、管理结构扁平化”为主要特征的海洋特色新模式，持续推动老区油藏高效开发与效益提升，连续9年完成生产任务，盈亏平衡点降至24.28美元/桶，树立起了海上油田高质量发展示范标杆。</span>
      </el-row>

      <el-row class="sj">
        <span class="nrdlgnr"><span class="btdlg cc"> 主要荣誉：</span>
          集团公司金牌采油管理区,油田先进基层党组织、金牌基层单位。</span>
      </el-row>

      <el-row class="img-container sj">
        <img src="../../assets/images/tc2.png" alt="" class="imgdlg" @click="hyTp2" />
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button @click="showTc1 = false">关闭</el-button>
      </span>
    </el-dialog>
    <el-dialog :visible.sync="showTc2" width="560px">
      <el-row class="sj">
        <div class="btdlgsty">纯梁采油厂♦ 梁南采油管理区</div>
      </el-row>
      <el-row class="img-container sj">
        <img src="../../assets/images/tc3.png" alt="" class="imgdlgst" @click="clTp1" />
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlgnr"><span class="btdlg cc"> 单位概况：</span>
          现有在岗员工94人，管理油水井256口，年产原油8.69万吨。</span>
      </el-row>

      <el-row class="sj flex">
        <span class="btdlg cc">
          特色亮点：点责文化引领全员聚焦效益开发，精细梁南成为油田靓丽名片</span>
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlg cc">
          坚持党建工作与油藏经营互融互促，践行“管理精细到点，工作落实有责”点责文化，采取“三精”举措，做好“四细”文章，不断推进精细化管理，主力区块纯47块始终位列全国同类油藏采收率第一，“精细梁南”成为靓丽名片。</span>
      </el-row>

      <el-row class="sj">
        <span class="nrdlgnr"><span class="btdlg cc">
            主要荣誉：</span>油田开发系统第一个“全国工人先锋号”，山东省先进基层党组织，连续十届集团公司金牌采油管理区，油田首批基层综合性示范工程建设试点单位、首批家文化示范点、首批绿色基层单位、油田开发板块基本功训练现场教学示范点、思想政治工作现场教学示范点。
        </span>
      </el-row>

      <el-row class="img-container sj">
        <img src="../../assets/images/tc4.png" alt="" class="imgdlg" @click="clTp2" />
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button @click="showTc2 = false">关闭</el-button>
      </span>
    </el-dialog>
    <el-dialog :visible.sync="showTc3" width="560px">
      <el-row class="sj">
        <div class="btdlgsty">孤岛采油厂♦采油管理五区</div>
      </el-row>
      <el-row class="img-container sj">
        <img src="../../assets/images/tc5.png" alt="" class="imgdlgst" @click="gdTp1" />
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlgnr">
          <span class="btdlg cc"> 单位概况：</span>
          现有在岗员工178人，管理油水井1192口，年产原油43万吨。</span>
      </el-row>

      <el-row class="sj flex">
        <span class="btdlg cc">
          特色亮点：油气产量连续三年逆势增长，组织效能稳居集团公司前列</span>
      </el-row>
      <el-row class="sj flex">
        <span class="nrdlg cc">
          锚定老油田油藏经营管理“探路者”发展定位，推进“数据治理+硬件配套+标准提升”三大基础建设，围绕开发好、管理好、经营好油藏，探索以产量、利润为主线的“2+N”模型化管理实施路径，自主研发管理区“运营管理集成平台”，构建了“全面感知+趋势管理+高效协同”的油藏经营管理模式，全力打造“低成本、可复制、智能化示范管理区”，油气产量连续三年逆势增长、组织效能稳居集团公司前列。</span>
      </el-row>

      <el-row class="sj">
        <span class="nrdlgnr">
          <span class="btdlg cc"> 主要荣誉：</span>
          集团公司金牌采油管理区，油田先进基层党组织、文明建设先进集体。</span>
      </el-row>

      <el-row class="img-container sj">
        <img src="../../assets/images/tc6.png" alt="" class="imgdlg" @click="gdTp2()" />
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button @click="showTc3 = false">关闭</el-button>
      </span>
    </el-dialog>
    <el-dialog :visible.sync="showTc4" width="560px">
      <el-row class="sj">
        <div class="btdlgsty">东辛采油厂♦ 营二采油管理区</div>
      </el-row>
      <el-row class="img-container sj">
        <img src="../../assets/images/tc7.png" alt="" class="imgdlgst" @click="dxcycTp1()" />
      </el-row>
      <el-row class="sj flex">
        <span class="nrdlgnr"><span class="btdlg cc"> 单位概况：</span>
          现有在岗员工240人，管理油水井830口，年产原油35.56万吨。</span>
      </el-row>

      <el-row class="sj flex">
        <span class="btdlg cc">
          特色亮点：优良传统文化之魂推动新时代能源转型发展</span>
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlg cc">
          作为华八井、营二井管护单位，营二采油管理区继承发扬艰苦创业、勇于争先的优良传统，深化“两井一站一室”文化引领,持续把党建思想文化优势转化成为经营责任落地、效益质量提升优势；坚定扛起新时代能源转型发展使命，打造了营二井区域风光热储多能互补的“碳中和”示范区，构建了“传承与发展”相结合的绿色阵地。</span>
      </el-row>

      <el-row class="sj">
        <span class="nrdlgnr">
          <span class="btdlg cc"> 主要荣誉：</span>
          山东省先进基层党组织、集团公司金牌采油管理区、胜利油田先进基层党组织，注采二站被评为“新中国70年最具影响力班组特色品牌班站”。</span>
      </el-row>

      <el-row class="img-container sj">
        <img src="../../assets/images/tc8.png" alt="" class="imgdlg" @click="dxcycTp2()" />
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button @click="showTc4 = false">关闭</el-button>
      </span>
    </el-dialog>
    <el-dialog :visible.sync="showTc5" width="560px">
      <el-row class="sj">
        <div class="btdlgsty">桩西采油厂♦采油管理三区</div>
      </el-row>
      <el-row class="img-container sj">
        <img src="../../assets/images/tc9.png" alt="" class="imgdlgst" @click="zxcycTp1()" />
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlgnr"><span class="btdlg cc"> 单位概况：</span>
          现有在岗员工176人，管理油水井305口，年产原油26.13万吨。</span>
      </el-row>

      <el-row class="sj flex">
        <span class="btdlg cc"> 特色亮点：“铁船文化”领航“精益海油陆采”</span>
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlg cc">
          赓续“初心如铁船承使命”铁船文化底蕴，营造“价值引领、干劲胜天、胸怀四海”的创业氛围，采取“四全”举措，做好“五力”文章，推行“433”大岗位融合行动，持续推进三基建设提升工程，连续12年产量箭头持续向上，连续6年产量保持在20万吨以上，盈亏平衡点持续下降，“精益海油陆采”成为靓丽名片。</span>
      </el-row>

      <el-row class="sj">
        <span class="nrdlgnr">
          <span class="btdlg cc">主要荣誉：</span>
          全国工人先锋号，中国企业班组管理与文化建设典型，荣立油田集体三等功，首创油田开发系统低冲次功图采集技术，第三代采集技术获得“为民创新成果”一等奖。</span>
      </el-row>

      <el-row class="img-container sj">
        <img src="../../assets/images/tc10.png" alt="" class="imgdlg" @click="zxcycTp2()" />
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button @click="showTc5 = false">关闭</el-button>
      </span>
    </el-dialog>
    <el-dialog :visible.sync="showTc6" width="560px">
      <el-row class="sj">
        <div class="btdlgsty">鲁明公司♦ 青南采油管理区</div>
      </el-row>
      <el-row class="img-container sj">
        <img src="../../assets/images/tc11.png" alt="" class="imgdlgst" @click="lmTp1()" />
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlgnr"><span class="btdlg cc"> 单位概况：</span> 现有在岗员工47人，管理油水井105口，年产原油7.3万吨。</span>
      </el-row>

      <el-row class="sj flex">
        <span class="btdlg cc"> 特色亮点：活用大数据，成为智能油田领跑者</span>
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlg cc">
          针对开发经营等关键业务流，进行大数据+及信息化+的全方位升级改造，构建形成以“生产现场无人化、运营管理数字化、油藏开发智能化、风险防控立体化、管理架构集约化”为主要特征的智能油田管理新模式，主力区块自动化率超过80%，劳动生产率提高53%，引领推动传统油气生产转型升级，在全油田乃至全行业树起一面智能尖端旗帜。</span>
      </el-row>

      <el-row class="sj">
        <span class="nrdlgnr"><span class="btdlg cc"> 主要荣誉：</span>
          集团公司金牌采油管理区、基层党支部建设示范点，首批中石化信息化条件下标准化建设示范管理区。</span>
      </el-row>

      <el-row class="img-container sj">
        <img src="../../assets/images/tc12.png" alt="" class="imgdlg" @click="lmTp2()" />
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button @click="showTc6 = false">关闭</el-button>
      </span>
    </el-dialog>
    <el-dialog :visible.sync="showTc7" width="560px">
      <el-row class="sj">
        <div class="btdlgsty">胜利采油厂♦采油管理三区</div>
      </el-row>
      <el-row class="img-container sj">
        <img src="../../assets/images/tc13.png" alt="" class="imgdlgst" @click="slcycTp1()" />
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlgnr"><span class="btdlg cc"> 单位概况：</span> 现有在岗员工223人，管理油水井471口，年产原油27.5万吨。</span>
      </el-row>

      <el-row class="sj flex">
        <span class="btdlg cc">
          特色亮点：传承“三老四严”，以优良传统文化之魂夯实发展根基</span>
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlg cc">
          始终高扬“三老四严”旗帜，把“高度觉悟、严细成风”的理念贯穿到党建引领、素质提升的全过程，以“当老实人，接住接好传承大旗；说老实话，传好传响石油故事；办老实事，端牢端稳能源饭碗”的文化理念凝聚队伍。以“严格的要求筑起战略目标，以严密的组织织起运行大网，以严肃的态度建好安全堤坝，以严明的纪律守住规矩底线”规范管理，夯实基础，不断推进管理区迈向高质量发展轨道。</span>
      </el-row>

      <el-row class="sj flex">
        <span class=" nrdlgnr">
          <span class="btdlg cc"> 主要荣誉：</span>
          集团公司银牌采油管理区，油田金牌基层单位、基层文化建设示范点、文明集体。</span>
      </el-row>

      <el-row class="img-container sj">
        <img src="../../assets/images/tc14.png" alt="" class="imgdlg" @click="slcycTp2()" />
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button @click="showTc7 = false">关闭</el-button>
      </span>
    </el-dialog>
    <el-dialog :visible.sync="showTc8" width="560px">
      <el-row class="sj">
        <div class="btdlgsty">油气集输总厂♦ 东营原油库</div>
      </el-row>
      <el-row class="img-container sj">
        <img src="../../assets/images/tc15.png" alt="" class="imgdlgst" @click="yqysTp1()" />
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlgnr"><span class="btdlg cc"> 单位概况：</span> 现有在岗员工89人，担负油田70%原油输销任务。</span>
      </el-row>

      <el-row class="sj flex">
        <span class="btdlg cc">
          特色亮点：新技术、一体化智能管理新模式让原油库成为油田安全绿色管理典范</span>
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlg cc">
          以建设“智能高效、多能互补、环境友好”国内领先一流标杆油库为目标，运用智能化思维推动管理升级，首创了一体化集控、“压力场”“温度场”“流量场”分析预警、油流导航分质分储、系统健康度自我诊断等先进技术，形成了“智能生产、智能管控、智能储输”一体化智能油库管理新模式，实现了油库管理“更少人、更安全、更绿色、更高效”，生产运行岗减少到20人，风险等级由G6降至G1，操作用时压减90%。</span>
      </el-row>

      <el-row class="sj">
        <span class="nrdlgnr"><span class="btdlg cc"> 主要荣誉：</span>
          全国青年安全生产示范岗，山东省先进基层党组织，国内首座“碳中和”原油库。</span>
      </el-row>

      <el-row class="img-container sj">
        <img src="../../assets/images/tc16.png" alt="" class="imgdlg" @click="yqysTp2()" />
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button @click="showTc8 = false">关闭</el-button>
      </span>
    </el-dialog>
    <el-dialog :visible.sync="showTc9" width="560px">
      <el-row class="sj">
        <div class="btdlgsty">现河采油厂♦郝现采油管理区</div>
      </el-row>
      <el-row class="img-container sj">
        <img src="../../assets/images/tc17.png" alt="" class="imgdlgst" @click="xhcycTp1()" />
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlgnr"><span class="btdlg cc"> 单位概况：</span> ：现有在岗员工274人，管理油水井832口，年产原油20.96万吨。</span>
      </el-row>

      <el-row class="sj flex">
        <span class="btdlg cc">
          特色亮点：打造少人高效标准示范区，助力智能油田建设</span>
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlg cc">
          从组织架构、岗位设置、业务流程、操作规程、采油气现场五个方面推动标准化示范建设，应用数字员工代替人工自动化工作，建立了以生产指挥中心为核心的内外操联动一体化快速协同机制，形成了信息化条件下“集中监控、无人值守、少人巡检、专业维修”的生产运行体系，实现了数据实时采集，现场尽收眼底，资料全准率、异常处置率达到100%，劳动生产率提高75%，人均管井数提高83%，打造了信息化条件下标准化示范区。</span>
      </el-row>

      <el-row class="sj">
        <span class="nrdlgnr"><span class="btdlg cc"> 主要荣誉：</span>
          集团公司“三基”工作先进基层单位、金牌采油管理区。</span>
      </el-row>

      <el-row class="img-container sj">
        <img src="../../assets/images/tc18.png" alt="" class="imgdlg" @click="xhcycTp2()" />
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button @click="showTc9 = false">关闭</el-button>
      </span>
    </el-dialog>
    <el-dialog :visible.sync="showTc10" width="560px">
      <el-row class="sj">
        <div class="btdlgsty">东胜公司♦ 牛庄采油管理区</div>
      </el-row>
      <el-row class="img-container sj">
        <img src="../../assets/images/tc19.png" alt="" class="imgdlgst" @click="dsgsTp1()" />
      </el-row>

      <el-row class="sj flex">
        <span class="btdlg cc">单位概况：</span>
        <span class="nrdlgnr">
          现有在岗员工165人，管理油水井184口，年产原油11.85万吨。</span>
      </el-row>

      <el-row class="sj flex">
        <span class="btdlg cc"> 特色亮点：“领航发展”助力“东胜精攻”</span>
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlg cc">
          发扬“领先发展扬帆起航”团队精神，突出党建引领、聚焦核心业务、强化责任落实，创新提出大排量、大压差注水方式，并应用极简注水系统，破解未动用储量开发难题，拉开了探索特低渗透油藏开发的序幕，成为油田第一个压驱先导试验实施井组，实现产量6连升，盈亏平衡点、自然递减率5连降，为东胜公司高质量发展贡献了牛庄力量。</span>
      </el-row>

      <el-row class="sj">
        <span class="nrdlgnr"><span class="btdlg cc"> 主要荣誉：</span>
          集团公司银牌采油管理区，胜利油田文明集体、金牌基层单位、先进基层党组织、首批绿色基层单位。</span>
      </el-row>

      <el-row class="img-container sj">
        <img src="../../assets/images/tc20.png" alt="" class="imgdlg" @click="dsgsTp2()" />
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button @click="showTc10 = false">关闭</el-button>
      </span>
    </el-dialog>
    <el-dialog :visible.sync="showTc11" width="560px">
      <el-row class="sj">
        <div class="btdlgsty">勘探开发研究院♦采收率试验室</div>
      </el-row>
      <el-row class="img-container sj">
        <img src="../../assets/images/tc21.png" alt="" class="imgdlgst" @click="ktkfTp1()" />
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlgnr"><span class="btdlg cc">单位概况：</span>
          现有在岗员工49人，其中博士10人（博士后5人），承担油田化学驱提高采收率新技术、新方法研究及矿场实践。</span>
      </el-row>

      <el-row class="sj flex">
        <span class="btdlg cc"> 特色亮点：创新突破世界级难题支撑油田发展</span>
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlg cc">
          建有山东省提高油气采收率示范工程技术研究中心、中石化提高采收率研究中心、中石化化学驱提高采收率重点实验室、山东省企业“泰山学者”岗位等高端研究平台。近年来，聚焦油田高温、高盐等化学驱提高采收率世界级难题，首创无碱二元复合驱等一系列在国际上具有重大影响的高水平科研成果，成功挑战了石油采收率60%的极限，实现了胜利化学驱应用阵地从水驱向聚驱、从整装向断块、从稀油向稠油、从陆上向海上的拓展，为油田高质量可持续发展提供了强力支撑。</span>
      </el-row>

      <el-row class="sj">
        <span class="nrdlgnr"><span class="btdlg cc"> 主要荣誉：</span>
          国家科技进步奖2项、中国专利金奖1项、国家发明专利授权50余项、省部级奖励16项、全国“五一”巾帼标兵岗、山东省文明单位、中国石化先进集体、中石化创新团队。</span>
      </el-row>

      <el-row class="img-container sj">
        <img src="../../assets/images/tc22.png" alt="" class="imgdlg" @click="ktkfTp2()" />
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button @click="showTc11 = false">关闭</el-button>
      </span>
    </el-dialog>
    <el-dialog :visible.sync="showTc12" width="560px">
      <el-row class="sj">
        <div class="btdlgsty">石油工程技术研究院♦稠油开采研究所</div>
      </el-row>
      <el-row class="img-container sj">
        <img src="../../assets/images/tc23.png" alt="" class="imgdlgst" @click="sygcTp1()" />
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlgnr"><span class="btdlg cc"> 单位概况：</span>
          现有在岗员工44人，承担在研省部级及以上课题28项，年均完成相关室内研究优化300余批次、技术推广及勘探开发工艺方案设计等近800井次。</span>
      </el-row>

      <el-row class="sj flex">
        <span class="btdlg cc">
          特色亮点：锻造自主可控“杀手锏”，争做科技兴油排头兵</span>
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlg cc">
          聚焦油田稠油效益稳产，持续攻关稠油开采配套工艺，“薄储层超稠油高效开发关键技术”突破行业难题，实现春风油田薄储层超稠油百万吨产能高速高效开发，为油田新增产值586亿元。聚焦西部勘探开发技术瓶颈，创新提出“少注快采、定温转周”开发模式，助力1300万勘探储量升级。攻关热化学蒸汽驱等大幅提高采收率接替技术，持续拓宽化学降粘复合驱、微生物驱应用界限，“冷热开发组合”实现稠油效益稳产。</span>
      </el-row>

      <el-row class="sj">
        <span class="nrdlgnr"><span class="btdlg cc"> 主要荣誉：</span>中国石化工人先锋号，胜利油田先进基层党组织、金牌基层单位、文明集体。</span>
      </el-row>

      <el-row style="
          display: flex;
          flex-direction: row;
          justify-content: space-around;
        ">
        <img src="../../assets/images/tc24.png" alt="" style="width: 150px; height: 120px" @click="sygcTp2()" />
        <img src="../../assets/images/tg44.png" alt="" style="width: 150px; height: 120px" @click="sygcTp3()" />
        <img src="../../assets/images/tg45.png" alt="" style="width: 150px; height: 120px" @click="sygcTp4()" />
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button @click="showTc12 = false">关闭</el-button>
      </span>
    </el-dialog>
    <el-dialog :visible.sync="showTc13" width="560px">
      <el-row class="sj">
        <div class="btdlgsty">油气井下作业中心♦ 东辛作业区</div>
      </el-row>
      <el-row class="img-container sj">
        <img src="../../assets/images/tc25.png" alt="" class="imgdlgst" @click="yqjxTp1()" />
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlgnr"><span class="btdlg cc"> 单位概况：</span> 现有在岗员工1272人，主要设备65台，承担东辛采油厂及部分油公司油水井的大修、侧钻、连油、小修等作业
          施工任务。</span>
      </el-row>

      <el-row class="sj flex">
        <span class="btdlg cc">
          特色亮点：目标同向推动高质量保障，实现甲乙双方合作共赢</span>
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlg cc">
          着眼“油藏经营管理者”工作定位，坚持作业修井与采油甲方目标同向、合作共赢，以“三精论证法”为基础、以“三早五优两强化”为抓手、以“三六一”工作法为保障，推动“优质优价、优速优价、高端特价”机制全面落实落地，实现了甲乙双向提效、双方共赢。</span>
      </el-row>

      <el-row class="sj">
        <span class="nrdlgnr"><span class="btdlg cc"> 主要荣誉：</span>
          油田文明集体、先进基层党组织。</span>
      </el-row>

      <el-row class="img-container sj">
        <img src="../../assets/images/tc26.png" alt="" class="imgdlg" @click="yqjxTp2()" />
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button @click="showTc13 = false">关闭</el-button>
      </span>
    </el-dialog>
    <el-dialog :visible.sync="showTc14" width="560px">
      <el-row class="sj">
        <div class="btdlgsty">运输分公司♦危化品运输二公司</div>
      </el-row>
      <el-row class="img-container sj">
        <img src="../../assets/images/tc27.png" alt="" class="imgdlgst" @click="ysfgsTp1()" />
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlgnr"><span class="btdlg cc">单位概况：</span>
          现有在岗员工37人，承担山东、河北等12个地市石化系统、地炼企的外销原油、低硫船燃、成品油拉运业务。</span>
      </el-row>

      <el-row class="sj flex">
        <span class="btdlg cc">
          特色亮点：“运输+安全”，让危化品运输风险可控</span>
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlg cc">
          创新发展思路，打破传统单一公路运输运营模式，创新实施按罐交接、甩挂运输、双程重载、平台化运营，积极推动向“运输+”转型，全员劳动生产率同比提高18%。在中石化第十届劳动竞赛中被评为金牌运输公司，连续三年被评为油田金牌基层单位、党建A档。</span>
      </el-row>

      <el-row class="sj">
        <span class="nrdlgnr"><span class="btdlg cc"> 主要荣誉：</span>
          油田金牌运输公司、金牌基层单位、文明集体、工人先锋号，东营市道路运输行业优秀党组织。</span>
      </el-row>

      <el-row class="img-container sj">
        <img src="../../assets/images/tc28.png" alt="" class="imgdlg" @click="ysfgsTp2()" />
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button @click="showTc14 = false">关闭</el-button>
      </span>
    </el-dialog>
    <el-dialog :visible.sync="showTc15" width="560px">
      <el-row class="sj">
        <div class="btdlgsty">电力分公司♦胜东供电管理区</div>
      </el-row>
      <el-row class="img-container sj">
        <img src="../../assets/images/tc29.png" alt="" class="imgdlgst" @click="dlfgsTp1()" />
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlgnr"><span class="btdlg cc">单位概况：</span>
          现有在岗员工299人，承担东辛采油厂、鲁明公司、石油开发中心用电维护保障任务。</span>
      </el-row>

      <el-row class="sj flex">
        <span class="btdlg cc">
          特色亮点：百人服务百万吨、百人创新百专利、百人创效千万元</span>
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlg cc">
          围绕服务油藏经营价值最大化，创新电网运营管理模式，电力线路故障率下降45%；以“把想法变成做法、把点子变成金子”的团队精神，打造胜利电力集智创新“梦工厂”，“马广俊创新工作室”共获7项国家发明专利、115项实用新型专利、各类创新成果340余项。</span>
      </el-row>

      <el-row class="sj">
        <span class="nrdlgnr"><span class="btdlg cc"> 主要荣誉：</span>
          集团公司先进基层党组织、金牌供电管理区，马广俊创新工作室被授予中国石化示范性职工创新工作室，胜利油田高校毕业生见习基地。</span>
      </el-row>

      <el-row class="img-container sj">
        <img src="../../assets/images/tc30.png" alt="" class="imgdlg" @click="dlfgsTp2()" />
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button @click="showTc15 = false">关闭</el-button>
      </span>
    </el-dialog>
    <el-dialog :visible.sync="showTc16" width="560px">
      <el-row class="sj">
        <div class="btdlgsty">注汽技术服务中心♦现河注汽项目部</div>
      </el-row>
      <el-row class="img-container sj">
        <img src="../../assets/images/tc31.png" alt="" class="imgdlgst" @click="zqjsTp1()" />
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlgnr"><span class="btdlg cc">
            单位概况：</span>现有在岗员工230人，年注汽能力70万吨、二氧化碳5万吨，负责现河、石开、东辛、鲁胜和清河采油厂部分油区注汽（气）业务。</span>
      </el-row>

      <el-row class="sj flex">
        <span class="btdlg cc">
          特色亮点：“高质高效”服务主业发展，“合作双赢”支撑油藏开发</span>
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlg cc">
          坚持以“为油藏注气、为员工鼓气、为胜利争气”为价值取向，聚焦油气增储上产核心需求，坚持目标同向、合作共赢，创新“高品质注入”全链条运行机制，深化安全“向内划圆”理念、“三化三零”施工，应用“制输注”系列核心技术，为油藏经营提供了高质量全生命周期服务，主要服务油区油汽比稳步提升。</span>
      </el-row>

      <el-row class="sj">
        <span class="nrdlgnr"><span class="btdlg cc"> 主要荣誉：</span>
          油田专业化单位首批中石化五项劳动竞赛银牌项目部，胜利油田集体三等功、三八红旗集体、优秀绿色基层单位，油田专业化单位首个走出胜利、走出中石化的基层单位，清河厂蒸汽注入项目获胜利油田外闯市场十大标杆项目。</span>
      </el-row>

      <el-row class="img-container sj">
        <img src="../../assets/images/tc32.png" alt="" class="imgdlg" @click="zqjsTp2()" />
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button @click="showTc16 = false">关闭</el-button>
      </span>
    </el-dialog>
    <el-dialog :visible.sync="showTc17" width="560px">
      <el-row class="sj">
        <div class="btdlgsty">胜利发电厂♦发电运行部</div>
      </el-row>
      <el-row class="img-container sj">
        <img src="../../assets/images/tc33.png" alt="" class="imgdlgst" @click="slfdcTp1()" />
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlgnr">
          <span class="btdlg cc">单位概况：</span>
          现有在岗员工141人，负责两台220MW和两台300MW热电联供机组的运行，110kV、220kV线路负荷的配电工作。</span>
      </el-row>

      <el-row class="sj flex">
        <span class="btdlg cc">
          特色亮点：做强专业保障，打造电力之源、热力之源、绿色之源</span>
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlg cc">
          立足油田“源网荷储”一体化运行，聚焦“做强做优热电主业，着力打造新型能源供给调控中心”的发展定位，全力打造成为油田增储上产电力之源、居民严冬热力之源、清洁生产绿色之源，为黄河三角洲区域经济发展和民生建设提供了强劲动力。</span>
      </el-row>

      <el-row class="sj">
        <span class="nrdlgnr"><span class="btdlg cc"> 主要荣誉：</span>
          油田文明集体、金牌基层单位。</span>
      </el-row>

      <el-row class="img-container sj">
        <img src="../../assets/images/tc34.png" alt="" class="imgdlg" @click="slfdcTp2()" />
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button @click="showTc17 = false">关闭</el-button>
      </span>
    </el-dialog>
    <el-dialog :visible.sync="showTc18" width="560px">
      <el-row class="sj">
        <div class="btdlgsty">油藏动态监测中心♦工程测井项目部</div>
      </el-row>
      <el-row class="img-container sj">
        <img src="../../assets/images/tc35.png" alt="" class="imgdlgst" @click="ycdtTp1()" />
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlgnr"><span class="btdlg cc">单位概况：</span>
          现有在岗员工165人，承担胜采片区油水井动态监测任务，年均测试5000井次，产值7000余万元。</span>
      </el-row>

      <el-row class="sj flex">
        <span class="btdlg cc">
          特色亮点：以技术进步支撑效益开发，以质量进步实现发展共赢</span>
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlg cc">
          以高质量党建引领高质量发展，完善“五行”党建工作模式，创新“五微一体”党员学习教育，充分发挥党建引领带动作用；坚持技术立身，着力引进光纤可视化等测井技术，自主研发电动打孔等解释软件，全力打造工程测井品牌；推行“五到位”安全工作法，筑牢安全防线，夯实发展根基。</span>
      </el-row>

      <el-row class="sj">
        <span class="nrdlgnr"><span class="btdlg cc"> 主要荣誉：</span>
          中石化工人先锋号，油田金牌基层单位、文明集体。</span>
      </el-row>

      <el-row class="img-container sj">
        <img src="../../assets/images/tc36.png" alt="" class="imgdlg" @click="ycdtTp2()" />
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button @click="showTc18 = false">关闭</el-button>
      </span>
    </el-dialog>
    <el-dialog :visible.sync="showTc19" width="560px">
      <el-row class="sj">
        <div class="btdlgsty">西城服务协调中心♦ 员工服务部</div>
      </el-row>
      <el-row class="img-container sj">
        <img src="../../assets/images/tc37.png" alt="" class="imgdlgst" @click="xcfwTp1()" />
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlgnr"><span class="btdlg cc"> 单位概况：</span>
          现有在岗员工108人，为区域内88家基层单位、20余万员工群众提供住房公积金、补充医疗保险、员工权益保障等五大类83项服务。</span>
      </el-row>

      <el-row class="sj flex">
        <span class="btdlg cc">
          特色亮点：做优“悉诚为您”品牌，打造油田员工服务新标杆</span>
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlg cc">
          在系统内率先编制《员工服务业务操作手册》，推进服务大厅标准化样板建设，胜建服务大厅被评为油田首家山东省医保经办服务标准化窗口；创新4厅8点全覆盖服务模式，积极推进“西城全域四进”、实施一窗受理、探索业务联办、推行“码上服务”等举措，员工群众满意率保持98%以上。</span>
      </el-row>

      <el-row class="sj">
        <span class="nrdlgnr"><span class="btdlg cc"> 主要荣誉：</span>
          油田先进基层党组织、金牌基层单位。</span>
      </el-row>

      <el-row style="
          display: flex;
          flex-direction: row;
          justify-content: space-between;
        ">
        <img src="../../assets/images/tc38.png" alt="" style="width: 120px; height: 120px" @click="xcfwTp2()" />
        <img src="../../assets/images/tc39.png" alt="" style="width: 120px; height: 120px" @click="xcfwTp3()" />
        <img src="../../assets/images/tc40.png" alt="" style="width: 120px; height: 120px" @click="xcfwTp4()" />
        <img src="../../assets/images/tc41.png" alt="" style="width: 120px; height: 120px" @click="xcfwTp5()" />
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button @click="showTc19 = false">关闭</el-button>
      </span>
    </el-dialog>
    <el-dialog :visible.sync="showTc20" width="560px">
      <el-row class="sj">
        <div class="btdlgsty">矿区物业服务中心♦物华矿区物业服务部</div>
      </el-row>
      <el-row class="img-container sj">
        <img src="../../assets/images/tc42.png" alt="" class="imgdlgst" @click="kqwyTp1()" />
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlgnr"><span class="btdlg cc">单位概况：</span>
          现有在岗员工127人，承担5家直属单位的25个办公物业服务。</span>
      </el-row>

      <el-row class="sj flex">
        <span class="btdlg cc">
          特色亮点：党建引领，文化塑魂，品牌强企，以优质服务打造后勤板块标杆团队</span>
      </el-row>

      <el-row class="sj flex">
        <span class="nrdlg cc">
          积极探索“党员+项目+团队”模式，运用“经营创效、降本增效、创新提效、考核促效”四位一体创效手段，将价值思维和效益理念贯穿于各项工作，特别是以吕书栋劳模创新工作室、胜利油田物业行业职工创新联盟、胜利油田技师协会矿区物业服务中心技师协会为平台，积极架设成果孵化室、电工实训室等创新创效平台，解决生产难题200多个，取得创新成果80多项，创造直接经济效益600余万元，打造了“为油服务”品牌。</span>
      </el-row>

      <el-row class="sj">
        <span class="nrdlgnr"><span class="btdlg cc"> 主要荣誉：</span>
          集团公司基层党支部建设示范点，油田金牌基层单位、先进基层党组织、文明集体、绿色基层单位。</span>
      </el-row>

      <el-row class="img-container sj">
        <img src="../../assets/images/tc43.png" alt="" class="imgdlg" @click="kqwyTp2()" />
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button @click="showTc20 = false">关闭</el-button>
      </span>
    </el-dialog>
  </div>
</template>
<script>
import { addTp } from "@/api/benchmarkVoting.js";
import store from "@/store";
import { encrypt, decrypt } from "@/js/aesEncrypt"
export default {
  name: "benchmarkVoting",
  data() {
    return {
      currentImage: '',
      isDialogVisible: false,
      name: null,
      ipdz: null,
      addLoading: false,
      fwXz: [],
      zyhXz: [],
      kyXz: [],
      yzXz: [],
      showTc1: false,
      showTc2: false,
      showTc3: false,
      showTc4: false,
      showTc5: false,
      showTc6: false,
      showTc7: false,
      showTc8: false,
      showTc9: false,
      showTc10: false,
      showTc11: false,
      showTc12: false,
      showTc13: false,
      showTc14: false,
      showTc15: false,
      showTc16: false,
      showTc17: false,
      showTc18: false,
      showTc19: false,
      showTc20: false,
      dialogVisible: false,
      selectedUnit: {},
      showDialog: false, // 控制对话框显示的变量
      form: {
        yqsc: [], // 用于存储选中的单位
        ky: [],
        zyh: [],
        fw: [],
      },
      selectedUnits: {
        oilGasProduction: [],
        research: [],
        specialization: [],
        serviceCoordination: [],
      },
      oilGasProduction: [
        { name: "海洋采油厂", management: "海二采油管理区", value: "1" },
        { name: "纯梁采油厂", management: "梁南采油管理区", value: "2" },
        { name: "孤岛采油厂", management: "采油管理五区", value: "3" },
        { name: "东辛采油厂", management: "营二采油管理区", value: "4" },
        { name: "桩西采油厂", management: "采油管理三区", value: "5" },
        { name: "鲁明公司", management: "青南采油管理区", value: "6" },
        { name: "胜利采油厂", management: "采油管理三区", value: "7" },
        { name: "油气集输总厂", management: "东营原油库", value: "8" },
        { name: "现河采油厂", management: "郝现采油管理区", value: "9" },
        { name: "东胜公司", management: "牛庄采油管理区", value: "10" },
      ],
      research: [
        { name: "勘探开发研究院", management: "采收率试验室", value: "11" },
        {
          name: "石油工程技术研究院",
          management: "稠油开采研究所",
          value: "12",
        },
      ],
      specialization: [
        { name: "油气井下作业中心", management: "东辛作业区", value: "13" },
        { name: "运输分公司", management: "危化品运输二公司", value: "14" },
        { name: "电力分公司", management: "胜东供电管理区", value: "15" },
        { name: "注汽技术服务中心", management: "现河注汽项目部", value: "16" },
        { name: "胜利发电厂", management: "发电运行部", value: "17" },
        { name: "油藏动态监测中心", management: "工程测井项目部", value: "18" },
      ],
      serviceCoordination: [
        { name: "西城服务协调中心", management: "员工服务部", value: "19" },
        {
          name: "矿区物业服务中心",
          management: "物华矿区物业服务部",
          value: "20",
        },
      ],
    };
  },
  computed: {
    // 计算已选择的复选框数量
    selectedCount() {
      const allUnits = [
        ...this.oilGasProduction,
        ...this.research,
        ...this.specialization,
        ...this.serviceCoordination
      ];
      return allUnits.filter(unit => unit.checked).length; // 计算已选中的数量
    },
    // 获取已选中的单位值
    filteredSelectedUnits() {
      return [
        ...this.oilGasProduction.filter(unit => unit.checked),
        ...this.research.filter(unit => unit.checked),
        ...this.specialization.filter(unit => unit.checked),
        ...this.serviceCoordination.filter(unit => unit.checked)
      ];
    }
  },
  mounted() {
    //vue取出ad账号
    // console.log(store.getters.adAccount, "vuex取出adAccount");
    // console.log(store.getters.name, "vuex取出姓名");
    let query = this.$route.query;
    let tk = query.tk;
    console.log(tk, "tk================")
    //解密参数
    var data = decrypt(tk)
    console.log(data, "解密后data================")
    //字符串转obj
    var obj = JSON.parse(data)
    console.log(obj, "字符串转obj=========")
    //取出ad账号
    this.ipdz = obj.adAccount
    this.name = obj.realname
  },
  methods: {
    //海洋采油厂
    hyTp1() {
      this.currentImage = require('../../assets/images/tc1.png');
      this.isDialogVisible = true;
    },


    hyTp2() {
      this.currentImage = require('../../assets/images/tc2.png');
      this.isDialogVisible = true;
    },

    //纯梁采油厂
    clTp1() {
      this.currentImage = require('../../assets/images/tc3.png');
      this.isDialogVisible = true;
    },
    clTp2() {
      this.currentImage = require('../../assets/images/tc4.png');
      this.isDialogVisible = true;
    },
    //孤岛采油厂
    gdTp1() {
      this.currentImage = require('../../assets/images/tc5.png');
      this.isDialogVisible = true;
    },
    gdTp2() {
      this.currentImage = require('../../assets/images/tc6.png');
      this.isDialogVisible = true;
    },
    //东辛采油厂
    dxcycTp1() {
      this.currentImage = require('../../assets/images/tc7.png');
      this.isDialogVisible = true;
    },
    dxcycTp2() {
      this.currentImage = require('../../assets/images/tc8.png');
      this.isDialogVisible = true;
    },
    //桩西采油厂
    zxcycTp1() {
      this.currentImage = require('../../assets/images/tc9.png');
      this.isDialogVisible = true;
    },
    zxcycTp2() {
      this.currentImage = require('../../assets/images/tc10.png');
      this.isDialogVisible = true;
    },
    //鲁明公司
    lmTp1() {
      this.currentImage = require('../../assets/images/tc11.png');
      this.isDialogVisible = true;
    },
    lmTp2() {
      this.currentImage = require('../../assets/images/tc12.png');
      this.isDialogVisible = true;
    },
    //胜利采油厂
    slcycTp1() {
      this.currentImage = require('../../assets/images/tc13.png');
      this.isDialogVisible = true;
    },
    slcycTp2() {
      this.currentImage = require('../../assets/images/tc14.png');
      this.isDialogVisible = true;
    },
    //油气集输总厂
    yqysTp1() {
      this.currentImage = require('../../assets/images/tc15.png');
      this.isDialogVisible = true;
    },
    yqysTp2() {
      this.currentImage = require('../../assets/images/tc16.png');
      this.isDialogVisible = true;
    },
    //现河采油厂
    xhcycTp1() {
      this.currentImage = require('../../assets/images/tc17.png');
      this.isDialogVisible = true;
    },
    xhcycTp2() {
      this.currentImage = require('../../assets/images/tc18.png');
      this.isDialogVisible = true;
    },
    //东胜公司
    dsgsTp1() {
      this.currentImage = require('../../assets/images/tc19.png');
      this.isDialogVisible = true;
    },
    dsgsTp2() {
      this.currentImage = require('../../assets/images/tc20.png');
      this.isDialogVisible = true;
    },
    //勘探开发研究院
    ktkfTp1() {
      this.currentImage = require('../../assets/images/tc21.png');
      this.isDialogVisible = true;
    },
    ktkfTp2() {
      this.currentImage = require('../../assets/images/tc22.png');
      this.isDialogVisible = true;
    },
    //石油工程技术研究院
    sygcTp1() {
      this.currentImage = require('../../assets/images/tc23.png');
      this.isDialogVisible = true;
    },
    sygcTp2() {
      this.currentImage = require('../../assets/images/tc24.png');
      this.isDialogVisible = true;
    },
    sygcTp3() {
      this.currentImage = require('../../assets/images/tg44.png');
      this.isDialogVisible = true;
    },
    sygcTp4() {
      this.currentImage = require('../../assets/images/tg45.png');
      this.isDialogVisible = true;
    },
    //油气井下作业中心
    yqjxTp1() {
      this.currentImage = require('../../assets/images/tc25.png');
      this.isDialogVisible = true;
    },
    yqjxTp2() {
      this.currentImage = require('../../assets/images/tc26.png');
      this.isDialogVisible = true;
    },
    //运输分公司
    ysfgsTp1() {
      this.currentImage = require('../../assets/images/tc27.png');
      this.isDialogVisible = true;
    },
    ysfgsTp2() {
      this.currentImage = require('../../assets/images/tc28.png');
      this.isDialogVisible = true;
    },
    //电力分公司
    dlfgsTp1() {
      this.currentImage = require('../../assets/images/tc29.png');
      this.isDialogVisible = true;
    },
    dlfgsTp2() {
      this.currentImage = require('../../assets/images/tc30.png');
      this.isDialogVisible = true;
    },
    //注汽技术服务中心
    zqjsTp1() {
      this.currentImage = require('../../assets/images/tc31.png');
      this.isDialogVisible = true;
    },
    zqjsTp2() {
      this.currentImage = require('../../assets/images/tc32.png');
      this.isDialogVisible = true;
    },
    //胜利发电厂
    slfdcTp1() {
      this.currentImage = require('../../assets/images/tc33.png');
      this.isDialogVisible = true;
    },
    slfdcTp2() {
      this.currentImage = require('../../assets/images/tc34.png');
      this.isDialogVisible = true;
    },
    //油藏动态监测中心
    ycdtTp1() {
      this.currentImage = require('../../assets/images/tc35.png');
      this.isDialogVisible = true;
    },
    ycdtTp2() {
      this.currentImage = require('../../assets/images/tc36.png');
      this.isDialogVisible = true;
    },
    //西城服务协调中心
    xcfwTp1() {
      this.currentImage = require('../../assets/images/tc37.png');
      this.isDialogVisible = true;
    },
    xcfwTp2() {
      this.currentImage = require('../../assets/images/tc38.png');
      this.isDialogVisible = true;
    },
    xcfwTp3() {
      this.currentImage = require('../../assets/images/tc39.png');
      this.isDialogVisible = true;
    },
    xcfwTp4() {
      this.currentImage = require('../../assets/images/tc40.png');
      this.isDialogVisible = true;
    },
    xcfwTp5() {
      this.currentImage = require('../../assets/images/tc41.png');
      this.isDialogVisible = true;
    },
    //矿区物业服务中心
    kqwyTp1() {
      this.currentImage = require('../../assets/images/tc42.png');
      this.isDialogVisible = true;
    },
    kqwyTp2() {
      this.currentImage = require('../../assets/images/tc43.png');
      this.isDialogVisible = true;
    },

    closeDialog() {
      this.isDialogVisible = false; // 关闭对话框
    },
    submitTp() {
      this.addLoading = true;
      const isValid =
        this.fwXz.length > 0 &&
        this.zyhXz.length > 0 &&
        this.kyXz.length > 0 &&
        this.yzXz.length > 0;
      if (!isValid) {
        this.$modal.msgError("每个板块至少选 1 家单位。");
        this.addLoading = false;
        return; // 终止提交
      }
      const params = {
        name: this.name,
        ipdz: this.ipdz,
        tpInfoCbListA: this.fwXz,
        tpInfoCbListB: this.zyhXz,
        tpInfoCbListC: this.kyXz,
        tpInfoCbListD: this.yzXz,
      };

      addTp(params)
        .then((response) => {
          if (response.code == 200) {
            this.$modal.msgSuccess("投票成功");
          } else if (response.code == 500) {
            this.$modal.msgError("已投票，请勿重复投票");
          }
        })
        .finally(() => {
          this.addLoading = false;
        });
    },

    handleTextClick(unit) {
      console.log(unit, "11111111");
      this.selectedUnit = unit; // 存储选中的单位
      if (unit.value == "1") {
        this.showTc1 = true;
      }
      if (unit.value == "2") {
        this.showTc2 = true;
      }
      if (unit.value == "3") {
        this.showTc3 = true;
      }
      if (unit.value == "4") {
        this.showTc4 = true;
      }
      if (unit.value == "5") {
        this.showTc5 = true;
      }
      if (unit.value == "6") {
        this.showTc6 = true;
      }
      if (unit.value == "7") {
        this.showTc7 = true;
      }
      if (unit.value == "8") {
        this.showTc8 = true;
      }
      if (unit.value == "9") {
        this.showTc9 = true;
      }
      if (unit.value == "10") {
        this.showTc10 = true;
      }
      if (unit.value == "11") {
        this.showTc11 = true;
      }
      if (unit.value == "12") {
        this.showTc12 = true;
      }
      if (unit.value == "13") {
        this.showTc13 = true;
      }
      if (unit.value == "14") {
        this.showTc14 = true;
      }
      if (unit.value == "15") {
        this.showTc15 = true;
      }
      if (unit.value == "16") {
        this.showTc16 = true;
      }
      if (unit.value == "17") {
        this.showTc17 = true;
      }
      if (unit.value == "18") {
        this.showTc18 = true;
      }
      if (unit.value == "19") {
        this.showTc19 = true;
      }
      if (unit.value == "20") {
        this.showTc20 = true;
      }
    },
    handleCheckboxChange(event, unit) {
      if (event.target.checked) {
        this.yzXz.push({ dwid: unit.value });
      } else {
        this.yzXz = this.yzXz.filter((item) => item.dwid !== unit.value);
      }
      console.log(this.yzXz, "当前选中的 yzXz");
    },
    handleCheckboxChangeky(event, unit) {
      if (event.target.checked) {
        this.kyXz.push({ dwid: unit.value });
      } else {
        this.kyXz = this.kyXz.filter((item) => item.dwid !== unit.value);
      }
      console.log(this.kyXz, "当前选中的 kyXz");
    },
    handleCheckboxChangezyh(event, unit) {
      if (event.target.checked) {
        this.zyhXz.push({ dwid: unit.value });
      } else {
        this.zyhXz = this.zyhXz.filter((item) => item.dwid !== unit.value);
      }
      console.log(this.zyhXz, "当前选中的 zyhXz");
    },
    handleCheckboxChangefw(event, unit) {
      if (event.target.checked) {
        this.fwXz.push({ dwid: unit.value });
      } else {
        this.fwXz = this.fwXz.filter((item) => item.dwid !== unit.value);
      }
      console.log(this.fwXz, "当前选中的 fwXz");
    },

    openDialog(unit) {
      this.selectedUnit = unit; // 保存当前点击的单位信息
      this.showDialog = true; // 显示弹窗
    },

    tc() {
      window.location.href = "http://ipms.slof.com/tzLogout/sjbgtx"
    }
  },
};
</script>

<style scoped>
.preview-img {
  width: 100%;
  /* 或者根据需要设置 */
  height: auto;
  /* 保持比例 */
}

.xzText {
  font-family: "黑体", sans-serif;
  /* 或者使用 "Heiti" */
  font-size: 15.5px;
  /* 黑色字体 */
}

.btdlg {
  display: inline-block !important;
  font-family: Microsoft YaHei !important;
  font-weight: bold !important;
  font-size: 14px !important;
  color: #c80000 !important;
  line-height: 30px !important;
}

.nrdlg {
  display: inline-block !important;
  font-family: Microsoft YaHei !important;
  font-weight: bold !important;
  font-size: 14px !important;
  line-height: 30px !important;
}

.nrdlgnr {
  display: inline-block !important;
  font-family: Microsoft YaHei !important;
  font-weight: bold !important;
  font-size: 14px !important;
  line-height: 30px !important;
}

.img-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.imgdlg {
  /* width: 560px; */
  width: 100%;
  height: 120px;
}

.imgdlgst {
  /* width: 560px; */
  width: 100%;
  height: 220px;
}

.sj {
  /* width: 560px; */
  margin: 10px 0;
}

.cc {
  text-indent: 2em;
}

.text-align {
  display: flex;
  justify-content: flex-end;
  margin: 0px 10px;
}

.text {
  margin-left: auto;
  margin: 10px 15px;
}

.row {
  display: flex;
  flex-direction: row;
  align-items: inherit;
  justify-content: center;
  margin: 20px 0 20px -30px;
}

.checkbox-group-inline {
  display: flex;
  flex-wrap: wrap;
}

.checkbox-group-inline .el-checkbox {
  margin-right: 10px;
  /* 给复选框之间增加一些间距 */
}

.box {
  position: relative;
  top: -20px;
  left: 0;
  margin-bottom: -20px;
  width: 100%;
  min-height: 102vh;
  background-image: url(../../assets/images/beijing.png) !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #f55202;
}

.container {
  max-width: 100vw;
  overflow-y: auto;
  height: 100vh;
}

.bg {
  padding-bottom: 20px;
  padding-top: 30px;
  min-height: 102vh;
  width: 100%;
  background-image: linear-gradient(180deg,
      rgba(255, 255, 255, 0) 30%,
      rgba(255, 255, 255, 0.65) 100%);
}

h1 {
  text-align: center;
  color: #333;
}

.toptit {
  background-color: transparent;
  border-radius: 8px 8px 0 0;
}

.content {
  margin: 20px auto;
  max-width: 70%;
  padding: 20px;
  background-color: #f0f8ff;
  /* 设置背景色 */
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.bt {
  text-indent: 3.6em;
  margin: 20px auto;
  /* max-width: 70%; */
  width: 1200px;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
}

.bt1 {
  margin: 20px auto;
  /* max-width: 70%; */
  width: 1200px;

  padding: 20px;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
}

.tpxx {
  margin: 20px auto;
  max-width: 70%;
  padding: 10px;
  background-color: #f0f8ff;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  text-align: left;
}

h2 {
  font-size: 24px;
  color: #333;
  margin-bottom: 15px;
  font-family: "方正小标宋", "Fangzheng Xiaobiao Song", serif;
}

p {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
  font-family: "FangSong_GB2312";
}

.bttitle {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 18px;
  color: #000000;
  line-height: 30px;
}

.yuan {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #c80000;
  border-radius: 50%;
  color: #c80000;
  vertical-align: middle;
}

.title {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 14px;
  color: #c80000;
  line-height: 30px;
}

.titlenr {
  font-family: Microsoft YaHei;
  font-size: 14px;
  line-height: 30px;
}

.nrtab {
  margin: 5px 5%;
}

.btsty {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 16px;
  color: #c80000;
  line-height: 30px;
}

.kuang {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 1px solid #acacac;
  display: inline-block;
  vertical-align: middle;
}

.xq {
  margin-left: auto;
  position: absolute;
  bottom: 8px;
  right: 10px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 14px;
  color: #006ad7;
  line-height: 30px;
  text-decoration-line: underline;
  cursor: pointer;
}

.xqname {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 14px;
  color: #222222;
  line-height: 20px;
  margin-left: 10px;
  text-align: left;
}

.xqcard {
  width: 270px;
  height: 60px;
  background: #f5f5f5;
  display: flex;
  flex-direction: row;
  background: #f5f5f5;
  margin: 5px 0;
  padding: 20px 15px;
  position: relative;
}

.btdlgsty {
  height: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 18px;
  color: #000000;
  line-height: 24px;
  text-align: center !important;
}

.flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
</style>
