<template>
  <div class="container">
    <!-- <div class="box">
      <div class="bg">
        <div class="bt">
          <h2 style="margin-top: -5px">“我心目中的三基标杆”投选活动</h2>
          <p>
            为深化落实油田党委“分专业打造一批三基标杆
            样板，培育精细精益文化，促进基层基础管理水平持续提升”部署安排，在直属单位有序打造、自主申报，标杆打造项目组统筹推进、精准指导，油田相关部门综合评议、择优推荐的基础上，
            对照“党建过得硬、文化底蕴深、底板夯得实、管理水平高、经营绩效好”三基标杆标准，突出板块代表性、区域辐射性和重点工作导向性，优选了一批油田三基标杆备选基层单位。请您为“我
            心目中的三基标杆”投票，作为三基标杆评选的参考依据。
          </p>
        </div>
        <div class="content">
          <p>
            一、活动目的 推动油田三基标杆打造走深走实，扩大标杆影响力，增加全
            员参与度，全面营造创标杆、当标杆的热度和声势。
          </p>
          <p>
            二、活动形式 在“奋进胜利”开设“我心目中的三基标杆”专栏，展示三
            基标杆备选单位风采，员工自发投票。
          </p>
          <p>三、活动时间 10 月 14 日 - 10 月 20 日，为期一周。</p>
          <p>
            四、投票规则 每人只投一次，每次投 10-12 个单位，各板块至少选 1 家。
          </p>
        </div>
        <div class="tpxx">
          <h2 style="margin-left: 20px">三基标杆备选单位</h2>
          <el-row class="row">
            <el-col :md="4" :lg="4" :xl="3" class="text-align">
              <span class="text">油气生产</span>
            </el-col>
            <el-col :md="20" :lg="20" :xl="21">
              <el-form
                :model="form"
                ref="checkList"
                size="small"
                :inline="true"
                label-width="98px"
              >
                <el-col
                  :md="10"
                  :lg="7"
                  :xl="5"
                  v-for="(unit, index) in oilGasProduction"
                  :key="index"
                >
                  <el-checkbox-group
                    style="margin: 10px 0"
                    v-model="form.yqsc"
                    class="checkbox-group-inline"
                  >
                    <el-checkbox
                      :label="unit.name"
                      @change="handleCheckboxChange()"
                    >
                      <span
                        class="xzText"
                        @click.stop.prevent="handleTextClick(unit)"
                        >{{ unit.name }}</span
                      >♦
                      <span
                        class="xzText"
                        @click.stop.prevent="handleTextClick(unit)"
                        >{{ unit.management }}</span
                      >
                    </el-checkbox>
                  </el-checkbox-group>
                </el-col>
              </el-form>
            </el-col>
          </el-row>
          <el-row class="row">
            <el-col :md="4" :lg="4" :xl="3" class="text-align">
              <span class="text">科研</span>
            </el-col>
            <el-col :md="20" :lg="20" :xl="21">
              <el-form
                :model="form"
                ref="checkList"
                size="small"
                :inline="true"
                label-width="98px"
              >
                <el-col
                  :md="10"
                  :lg="7"
                  :xl="5"
                  v-for="(unit, index) in research"
                  :key="index"
                >
                  <el-checkbox-group style="margin: 10px 0" v-model="form.ky">
                    <el-checkbox
                      :label="unit.name"
                      @change="handleCheckboxChangeky()"
                    >
                      <span
                        class="xzText"
                        @click.stop.prevent="handleTextClick(unit)"
                        >{{ unit.name }}</span
                      >♦
                      <span
                        class="xzText"
                        @click.stop.prevent="handleTextClick(unit)"
                        >{{ unit.management }}</span
                      >
                    </el-checkbox>
                  </el-checkbox-group>
                </el-col>
              </el-form>
            </el-col>
          </el-row>
          <el-row class="row">
            <el-col :md="4" :lg="4" :xl="3" class="text-align">
              <span class="text">专业化</span></el-col
            >
            <el-col :md="20" :lg="20" :xl="21">
              <el-form
                :model="form"
                ref="checkList"
                size="small"
                :inline="true"
                label-width="108px"
              >
                <el-col
                  :md="10"
                  :lg="7"
                  :xl="5"
                  v-for="(unit, index) in specialization"
                  :key="index"
                >
                  <el-checkbox-group style="margin: 10px 0" v-model="form.zyh">
                    <el-checkbox
                      :label="unit.name"
                      @change="handleCheckboxChangezyh()"
                    >
                      <span
                        class="xzText"
                        @click.stop.prevent="handleTextClick(unit)"
                        >{{ unit.name }}</span
                      >♦
                      <span
                        class="xzText"
                        @click.stop.prevent="handleTextClick(unit)"
                        >{{ unit.management }}</span
                      >
                    </el-checkbox>
                  </el-checkbox-group>
                </el-col>
              </el-form>
            </el-col>
          </el-row>
          <el-row class="row">
            <el-col :md="4" :lg="4" :xl="3" class="text-align">
              <span class="text">后勤服务</span>
            </el-col>
            <el-col :md="20" :lg="20" :xl="21">
              <el-form
                :model="form"
                ref="checkList"
                size="small"
                :inline="true"
                label-width="98px"
              >
                <el-col
                  :md="10"
                  :lg="7"
                  :xl="5"
                  v-for="(unit, index) in serviceCoordination"
                  :key="index"
                >
                  <el-form-item>
                    <el-checkbox-group style="margin: 10px 0" v-model="form.fw">
                      <el-checkbox
                        :label="unit.name"
                        @change="handleCheckboxChangefw()"
                      >
                        <span
                          class="xzText"
                          @click.stop.prevent="handleTextClick(unit)"
                          >{{ unit.name }}</span
                        >♦
                        <span
                          class="xzText"
                          @click.stop.prevent="handleTextClick(unit)"
                          >{{ unit.management }}</span
                        >
                      </el-checkbox>
                    </el-checkbox-group>
                  </el-form-item>
                </el-col>
              </el-form>
            </el-col>
          </el-row>
          <div
            style="display: flex; justify-content: center; align-items: center"
          >
            <el-button
              :loading="addLoading"
              type="primary"
              size="mini"
              @click="submitTp"
              >提交投票</el-button
            >
          </div>
        </div>
      </div>
    </div> -->
    <el-row>
      <img
        src="../../assets/images/bg.jpg"
        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">
          为深化落实油田党委“分专业打造一批三基标杆
          样板，培育精细精益文化，促进基层基础管理水平持续提升”部署安排，在直属单位有序打造、自主申报，标杆打造项目组统筹推进、精准指导，油田相关部门综合评议、择优推荐的基础上，
          对照“党建过得硬、文化底蕴深、底板夯得实、管理水平高、经营绩效好”三基标杆标准，突出板块代表性、区域辐射性和重点工作导向性，优选了一批油田三基标杆备选基层单位。请您为“我
          心目中的三基标杆”投票，作为三基标杆评选的参考依据。
        </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"> 10 月 14 日 - 10 月 20 日，为期一周。 </span>
          </el-row>
          <el-row class="nrtab">
            <span class="yuan">·</span>
            <span class="title">投票规则：</span>
            <span class="titlenr"
              >每人只投一次，每次投 10-12 个单位，各板块至少选 1 家。
            </span>
          </el-row>
        </div>
      </div>
    </el-row>

    <el-row style="margin-top: -25px">
      <div class="bt1">
        <el-row>
          <span
            style="
              width: 4px;
              height: 20px;
              background: #c80000;
              display: inline-block;
              vertical-align: middle;
            "
          ></span>
          <span
            style="
              font-family: Microsoft YaHei;
              font-weight: bold;
              font-size: 18px;
              color: #222222;
              line-height: 30px;
            "
          >
            三级备选标杆
          </span>
        </el-row>
        <!-- 油气生产 -->
        <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
                  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
                  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
                  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
                  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;
          "
        >
          <el-button
            :loading="addLoading"
            type="primary"
            size="mini"
            @click="submitTp"
            >提交投票</el-button
          >
        </div>
      </div>
    </el-row>
    <!-- 对话框 -->
    <el-dialog :visible.sync="showTc1">
      <el-row class="sj">
        <div class="btdlgsty">海洋采油厂♦海二采油管理区</div>
      </el-row>
      <el-row class="img-container sj">
        <img src="../../assets/images/tc1.png" alt="" class="imgdlg" />
      </el-row>

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

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

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

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

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

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

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

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

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

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

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

      <el-row class="sj">
        <span class="btdlg">
          特色亮点：油气产量连续三年逆势增长，组织效能稳居集团公司前列</span
        >
      </el-row>

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

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

      <el-row class="img-container sj">
        <img src="../../assets/images/tc6.png" alt="" class="imgdlg" />
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button @click="showTc3 = false">关闭</el-button>
      </span>
    </el-dialog>
    <el-dialog :visible.sync="showTc4">
      <el-row class="sj">
        <div class="btdlgsty">东辛采油厂♦ 营二采油管理区</div>
      </el-row>
      <el-row class="img-container sj">
        <img src="../../assets/images/tc7.png" alt="" class="imgdlg" />
      </el-row>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      <el-row class="img-container sj">
        <img src="../../assets/images/tc43.png" alt="" class="imgdlg" />
      </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";
export default {
  name: "benchmarkVoting",
  data() {
    return {
      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: {},
  mounted() {
    //vue取出ad账号
    console.log(store.getters.adAccount, "vuex取出adAccount");
    console.log(store.getters.name, "vuex取出姓名");
  },
  methods: {
    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: store.getters.name,
        ipdz: store.getters.adAccount,
        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) {
        const selectedValues = this.oilGasProduction
          .filter((unit) => unit.name.includes(unit.name))
          .map((unit) => unit.value);
        console.log(selectedValues, "油气");
        this.yzXz = selectedValues.map((value) => ({ dwid: value }));
        // 输出转换后的结果
        console.log(this.yzXz, "this.yzXz");
      } else {
        console.log("取消选中的 unit.name: ", unit.name);
      }
    },
    handleCheckboxChangeky(event, unit) {
      if (event.target.checked) {
        const selectedValueky = this.research
          .filter((unit) => unit.name.includes(unit.name))
          .map((unit) => unit.value);
        console.log(selectedValueky, "科研");
        this.kyXz = selectedValueky.map((value) => ({ dwid: value }));
        // 输出转换后的结果
        console.log(this.kyXz, "  this.kyXz");
      } else {
        console.log("取消选中的 unit.name: ", unit.name);
      }
    },
    handleCheckboxChangezyh(event, unit) {
      if (event.target.checked) {
        const selectedValues = this.specialization
          .filter((unit) => unit.name.includes(unit.name))
          .map((unit) => unit.value);
        console.log(selectedValues, "专业化");
        this.zyhXz = selectedValues.map((value) => ({ dwid: value }));
        // 输出转换后的结果
        console.log(this.zyhXz, "this.zyhXz ");
      } else {
        console.log("取消选中的 unit.name: ", unit.name);
      }
    },
    handleCheckboxChangefw(event, unit) {
      if (event.target.checked) {
        const selectedValues = this.serviceCoordination
          .filter((unit) => unit.name.includes(unit.name))
          .map((unit) => unit.value);
        console.log(selectedValues, "服务");
        this.fwXz = selectedValues.map((value) => ({ dwid: value }));
        // 输出转换后的结果
        console.log(this.fwXz, "this.fwXz  ");
      } else {
        console.log("取消选中的 unit.name: ", unit.name);
      }
    },

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

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

.btdlg {
  font-size: 20px;
  font-weight: bold;
  font-family: "黑体";
}

.nrdlg {
  font-size: 20px;
  font-weight: 400;
  font-family: "FangSong_GB2312";
  line-height: 1.5;
}

.nrdlgnr {
  font-size: 18px;
  font-weight: 400;
  font-family: "FangSong_GB2312";
}

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

.imgdlg {
  /* width: 90%;
  height: auto; */
  width: 560px;
  height: 220px;
}

.btdlg,
.nrdlg {
  display: inline-block;
  font-size: 18px;
  line-height: 1.8;
}

.sj {
  text-indent: 3.6em;
  margin: 10px 0;
}

.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: 400;
  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;
}
</style>
