nacxj/src/views/CenterItroduction.vue

<template>
  <div>
    <div class="content type-zxjj" data-item="type-zxjj">
      <div class="content-title">
        <img src="images/title-whpp.png" alt=""><span>中心简介</span>
      </div>
      <div class="content-content">
        <div class="content-banner">
          <ul class="taps-title">
            <li @click="liTo(1)" v-bind:class='{ click: 1 == qwerqwre }'>中心简介</li>
            <li @click="liTo(2)" v-bind:class='{ click: 2 == qwerqwre }'>进驻部门</li>
            <li @click="liTo(3)" v-bind:class='{ click: 3 == qwerqwre }'>机构设置</li>
            <li @click="liTo(4)" v-bind:class='{ click: 4 == qwerqwre }'>窗口电话</li>
            <li @click="liTo(5)" v-bind:class='{ click: 5 == qwerqwre }'>领导简介</li>
          </ul>
        </div>
        <div class="content-bottom taps-cont" style="display: block;">
          <div v-html="content">
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import api from '../api/index';

export default {
  name: "centerItroduction",
  created() {
    this.liTo(1)
  },
  data() {
    return {
      title: '',
      content: '',
      childType: 1,
      qwerqwre: 1
    }
  },
  methods: {
    liTo(obj) {
      this.qwerqwre = obj
      if (obj == 1) {
        this.content = `<div style="width: 74.375rem;height: 5rem;line-height: 5rem;margin: 0 auto;
            background: rgb(203 180 134/60%);font-size: 2.5rem;font-weight: 800;color: #DFE8F4;text-align: center;">南岸区政务服务中心简介</div><div>
            <p style="color: #FFFFFF;font-size: 18px;font-weight: 400;
            margin-left: 130px;margin-top: 33px;text-indent:2em;">
              南岸区政务服务中心建成于2003年2月，34个区级政务服务部门入驻中心。除区级政务服务中心外，还设有2个政务服务中心分中心、15个镇(街道)便民服务中心和150个村（社区）便民服务站，形成了区政务服务中心(分中心)、镇(街道)便民服务中心、村(社区)便民服务站的三级联动服务体系。按照国务院、市区关于深化“放管服”改革要求，以建设数字政府为着力点，深入推进政务服务“一网、一门、一次”改革，推广应用“渝快办”政务服务平台，加强跨层级、跨地域、跨系统、跨部门、跨业务协同管理和服务，扎实推进“一窗综办”“一网通办”改革和更多高频事项“一件事一次办”“全渝通办”“川渝通办”“跨省通办”，全面推进政务服务标准化规范化便利化，打造具有南岸辨识度的政务服务品牌，不断增强办事企业和群众的认同感、幸福感、获得感。
            </p>
            <div style="height: 53px;width: 450px;background-image: url(images/jkqzxzn.png);margin-top: 34px;margin-left: 104px;">
              <p style="position: absolute;width:421px;color: #FFFFFF;font-size: 24px;font-weight: 400;margin-top: 13px;margin-left: 56px;">
                南岸区(经开区)政务服务中心职能
              </p>
            </div>
            <p style="color: #FFFFFF;font-size: 18px;font-weight: 400;
            margin-left: 130px;margin-top: 21px;text-indent:2em;">
              一是负责组织、协调、指导、规范区政府各部门及有关单位的行政审批服务工作，对各部门进驻、委托的行政许可、非行政许可审批和其他服务事项办理进行组织协调、监督管理和指导服务。
            </p>
            <p style="color: #FFFFFF;font-size: 18px;font-weight: 400;
            margin-left: 130px;margin-top: 21px;text-indent:2em;">
              二是对中心各窗口进行业务指导，对进驻窗口工作人员进行管理培训和日常考核。
            </p>
            <p style="color: #FFFFFF;font-size: 18px;font-weight: 400;
            margin-left: 130px;margin-top: 21px;text-indent:2em;">
              三是会同相关部门对行政审批电子监察系统和网上办事大厅进行指导和监督。
            </p>
            <p style="color: #FFFFFF;font-size: 18px;font-weight: 400;
            margin-left: 130px;margin-top: 21px;text-indent:2em;">
              四是对镇(街道)公共服务中心、村(社区）便民服务中心进行业务指导，对镇(街道)、村(社区)两级服务中心工作人员进行业务培训.
            </p>
          </div>`
      } else if (obj == 2) {
        this.content = `<div style="margin-left: 104px;">
            <div style="height: 53px;width: 450px;background-image: url(images/jkqzxzn.png);margin-top: 34px;">
              <p
                style="position: absolute;width:421px;color: #FFFFFF;font-size: 24px;font-weight: 400;margin-top: 13px;margin-left: 56px;">
                南岸区南坪政务服务中心审批服务部门
              </p>
            </div>
            <div style="margin-left: 31px;display: flex;margin-top: 21px;">
              <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%)">
                <p
                  style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                  区税务局
                </p>
              </div>
              <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%);margin-left: 10px;">
                <p
                  style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                  区公安分局
                </p>
              </div>
              <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%);margin-left: 10px;">
                <p
                  style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                  区市场监督管理局
                </p>
              </div>
            </div>
            <div style="height: 53px;width: 450px;background-image: url(images/jkqzxzn.png);margin-top: 34px;">
              <p
                style="position: absolute;width:452px;color: #FFFFFF;font-size: 22px;font-weight: 400;margin-top: 13px;margin-left: 56px;">
                南岸区行政服务(江南新城)中心审批服务部门
              </p>
            </div>
            <div style="height:360px;overflow:auto;">
              <div style="margin-left: 31px;display: flex;margin-top: 21px;">
                <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%)">
                  <p
                    style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    区教委
                  </p>
                </div>
                <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%);margin-left: 10px;">
                  <p
                    style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    区税务局
                  </p>
                </div>
                <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%);margin-left: 10px;">
                  <p
                    style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    区发改委
                  </p>
                </div>
                <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%);margin-left: 10px;">
                  <p
                    style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    区档案局
                  </p>
                </div>
                <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%);margin-left: 10px;">
                  <p
                    style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    区财政局
                  </p>
                </div>
              </div>
              <div style="margin-left: 31px;display: flex;margin-top: 21px;">
                <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%)">
                  <p
                    style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    区公安分局
                  </p>
                </div>
                <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%);margin-left: 10px;">
                  <p
                    style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    区金融办
                  </p>
                </div>
                <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%);margin-left: 10px;">
                  <p
                    style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    经开区经发局
                  </p>
                </div>
                <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%);margin-left: 10px;">
                  <p
                    style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    区商务委
                  </p>
                </div>
                <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%);margin-left: 10px;">
                  <p
                    style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    经开区税务局
                  </p>
                </div>
              </div>
              <div style="margin-left: 31px;display: flex;margin-top: 21px;">
                <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%)">
                  <p
                    style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    区民政局
                  </p>
                </div>
                <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%);margin-left: 10px;">
                  <p
                    style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    经开区投促局
                  </p>
                </div>
                <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%);margin-left: 10px;">
                  <p
                    style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    区司法局
                  </p>
                </div>
                <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%);margin-left: 10px;">
                  <p
                    style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    经开区建管局
                  </p>
                </div>
                <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%);margin-left: 10px;">
                  <p
                    style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    区城管局
                  </p>
                </div>
              </div>
              <div style="margin-left: 31px;display: flex;margin-top: 21px;">
                <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%)">
                  <p
                    style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    区住房城乡建委
                  </p>
                </div>
                <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%);margin-left: 10px;">
                  <p
                    style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    区民综委
                  </p>
                </div>
                <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%);margin-left: 10px;">
                  <p
                    style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    经开区建管局
                  </p>
                </div>
                <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%);margin-left: 10px;">
                  <p
                    style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    区城管局
                  </p>
                </div>
                <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%);margin-left: 10px;">
                  <p
                    style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    区住房城乡建委
                  </p>
                </div>
              </div>
              <div style="margin-left: 31px;display: flex;margin-top: 21px;">
                <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%)">
                  <p
                    style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    区民宗委
                  </p>
                </div>
                <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%);margin-left: 10px;">
                  <p
                    style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    区市场监督管理局
                  </p>
                </div>
                <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%);margin-left: 10px;">
                  <p
                    style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    区统计局
                  </p>
                </div>
                <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%);margin-left: 10px;">
                  <p
                    style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    区机关事务管理局
                  </p>
                </div>
                <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%);margin-left: 10px;">
                  <p
                    style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    区经济信息委
                  </p>
                </div>
              </div>
              <div style="margin-left: 31px;display: flex;margin-top: 21px;">
                <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%)">
                  <p
                    style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    照相
                  </p>
                </div>
                <div style="width: 224px;height: 50px;background: rgb(163 124 103/60%);margin-left: 10px;">
                  <p
                    style="height: 20px;font-size: 20px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    信用服务
                  </p>
                </div>
              </div>
            </div>
          </div>`
      } else if (obj == 3) {
        this.content = `<div style="margin-left: 104px;">
            <p style="width: 1188px;font-size: 18px;font-weight: 400;color: #FFFFFF;text-indent:2em;">
              重庆市南岸区政务服务管理办公室原名“重庆市南岸区行政审批服务大厅管理办公室”于2002年12月经区编委会批准成立，机构规格正处级。2012年按照《关于加强和规范区县行政服务中心建设的意见》(渝委办发〔2002〕20号)文件要求，南岸编办〔2002]29号批准，更名为“重庆市南岸区行政服务中心管理办公室”。
            </p>
            <p style="width: 1188px;font-size: 18px;font-weight: 400;color: #FFFFFF;text-indent:2em;">
              根据2019年1月中共重庆市南岸区委重庆市南岸区人民政府关于印发《重庆市南岸区机构改革方案》的通知(南岸委发〔2019]7号)规定，不再保留区政府派出机构区行政服务中心管理办公室。组建区政务服务管理办公室。将区行政服务中心管理办公室的职责及相关部门的行政审批制度改革等政府职能转变、电子政务建设职责等整合，组建区政务服务管理办公室，作为区政府工作部门。所属事业单位二个，即重庆市南岸区公共资源交易中心、重庆市南岸区行政服务中心。
            </p>
            <p style="width: 1188px;font-size: 18px;font-weight: 400;color: #FFFFFF;text-indent:2em;">
              主要职责︰
            </p>
            <p style="width: 1188px;font-size: 18px;font-weight: 400;color: #FFFFFF;text-indent:2em;">
              (一)负责统筹推进“放管服”工作。统筹协调全区行政审批制度改革工作，协助区级有关部门拟订和实施行政审批制度改革相关政策、制度以及改革方案。
            </p>
            <p style="width: 1188px;font-size: 18px;font-weight: 400;color: #FFFFFF;text-indent:2em;">
              (二)统筹推进审批服务便民化改革，综合协调、监督管理和指导服务进驻行政服务中心的区级各部门行政审批事项和公共服务事项的集中办理。
            </p>
            <p style="width: 1188px;font-size: 18px;font-weight: 400;color: #FFFFFF;text-indent:2em;">
              (三)统筹推进“证照分离”改革行政许可事项清理规范、加强事中事后监管等相关工作。负责行政审批中介服务事项清理规范、动态调整等相关工作。
            </p>
            <p style="width: 1188px;font-size: 18px;font-weight: 400;color: #FFFFFF;text-indent:2em;">
              (四)负责推进“ 互联网+政务服务”，指导、监督区政务服务管理网络系统运行。
            </p>
            <p style="width: 1188px;font-size: 18px;font-weight: 400;color: #FFFFFF;text-indent:2em;">
              (五)协助相关牵头部门开展重大项目审批的综合协调和督促办理，组织相关部门]开展审批业务的现场服务、跟踪服务、联合办理和联审会办。负责受理政务服务诉求，并按规定进行处理。 
            </p>
            <p style="width: 1188px;font-size: 18px;font-weight: 400;color: #FFFFFF;text-indent:2em;">
              (六)负贵制定行政审批中心各项制度并组织实施。负责对三级服务中心及其他政务服务窗口单位和场所进行业务指导和监督管理。负贵对区 级各部门派驻行政服务中心的窗口工作人员进行统一管理和考 核。 
              </p>
            <p style="width: 1188px;font-size: 18px;font-weight: 400;color: #FFFFFF;text-indent:2em;">
              (七)负责全区电子政务和公共信息网建设的组织、规划、协调和指导。
            </p>
          </div>`
      } else if (obj == 4) {
        this.content = `<div style="margin-left: 104px;">
            <div style="height: 53px;width: 450px;background-image: url(images/jkqzxzn.png);margin-top: 34px;">
              <p
                style="position: absolute;width:432px;color: #FFFFFF;font-size: 24px;font-weight: 400;margin-top: 13px;margin-left: 56px;">
                南岸区南坪政务服务中心各单位窗口电话
              </p>
            </div>
            <div>
              <div style="display: flex;margin-top: 21px;">
                <div style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;">
                    区市场监督管理局（工商）
                  </p>
                  <p
                    style="width:122.4px;height: 20px;font-size: 18px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    02362606751
                  </p>
                </div>
                <div
                  style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;margin-left: 10px;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;">
                    区市场监督管理局
                    （质监）
                  </p>
                  <p
                    style="width:122.4px;height: 20px;font-size: 18px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    02362606759
                  </p>
                </div>
                <div
                  style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;margin-left: 10px;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;">
                    区市场监督管理局
                    （食药监）
                  </p>
                  <p
                    style="width:122.4px;height: 20px;font-size: 18px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    02362606505
                  </p>
                </div>
                <div
                  style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;margin-left: 10px;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;">
                    重庆公安出入境
                    咨询电话
                  </p>
                  <p
                    style="width:122.4px;height: 20px;font-size: 18px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    (023)966511
                  </p>
                </div>
              </div>
              <div style="display: flex;margin-top: 21px;">
                <div style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;">
                    区公安分局
                    （特种行业）
                  </p>
                  <p
                    style="width:122.4px;height: 20px;font-size: 18px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    02362605096
                  </p>
                </div>
                <div
                  style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;margin-left: 10px;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;display: flex; align-items: center; justify-content: center;">
                    区税务局
                  </p>
                  <p
                    style="width:122.4px;height: 20px;font-size: 18px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    02362606763
                  </p>
                </div>
                <div
                  style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;margin-left: 10px;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;display: flex; align-items: center; justify-content: center;">
                    咨询台
                  </p>
                  <p
                    style="width:122.4px;height: 20px;font-size: 18px;font-weight: 800;color: #FFFFFF;margin-top: 15px;text-align: center;">
                    02362606738
                  </p>
                </div>
              </div>
            </div>
            <div style="height: 53px;width: 450px;background-image: url(images/jkqzxzn.png);margin-top: 34px;">
              <p
                style="position: absolute;width:421px;color: #FFFFFF;font-size: 24px;font-weight: 400;margin-top: 13px;margin-left: 56px;">
                江南新城中心各窗口电话
              </p>
            </div>
            <div style="height:300px;overflow: auto;">
              <div style="display: flex;margin-top: 21px;">
                <div style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;display: flex; align-items: center; justify-content: center;">
                    区市场监督管理局
                    （质检）
                  </p>
                  <p
                    style="width:122.4px;height: 50px;font-size: 18px;font-weight: 800;color: #FFFFFF;text-align: center;display: flex; align-items: center; justify-content: center;">
                    02362980220
                  </p>
                </div>
                <div
                  style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;margin-left: 10px;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;display: flex; align-items: center; justify-content: center;">
                    区市场监督管理局
                    (经开区局）
                  </p>
                  <p
                    style="width:122.4px;height: 50px;font-size: 18px;font-weight: 800;color: #FFFFFF;text-align: center;display: flex; align-items: center; justify-content: center;">
                    02362980220/
                    02362980207
                  </p>
                </div>
                <div
                  style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;margin-left: 10px;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;display: flex; align-items: center; justify-content: center;">
                    区市场监督管理局
                    (食药监）
                  </p>
                  <p
                    style="width:122.4px;height: 50px;font-size: 18px;font-weight: 800;color: #FFFFFF;text-align: center;display: flex; align-items: center; justify-content: center;">
                    02362980391
                  </p>
                </div>
                <div
                  style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;margin-left: 10px;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;display: flex; align-items: center; justify-content: center;">
                    区财政局
                  </p>
                  <p
                    style="width:122.4px;height: 50px;font-size: 18px;font-weight: 800;color: #FFFFFF;text-align: center;display: flex; align-items: center; justify-content: center;">
                    02362988007
                  </p>
                </div>
              </div>
              <div style="display: flex;margin-top: 21px;">
                <div style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;display: flex; align-items: center; justify-content: center;">
                    经开区建管局
                  </p>
                  <p
                    style="width:122.4px;height: 50px;font-size: 18px;font-weight: 800;color: #FFFFFF;text-align: center;display: flex; align-items: center; justify-content: center;">
                    02362980249
                  </p>
                </div>
                <div
                  style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;margin-left: 10px;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;display: flex; align-items: center; justify-content: center;">
                    区卫健委（医护）
                  </p>
                  <p
                    style="width:122.4px;height: 50px;font-size: 18px;font-weight: 800;color: #FFFFFF;text-align: center;display: flex; align-items: center; justify-content: center;">
                    02362980379
                  </p>
                </div>
                <div
                  style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;margin-left: 10px;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;display: flex; align-items: center; justify-content: center;">
                    经开区市政绿化处
                  </p>
                  <p
                    style="width:122.4px;height: 50px;font-size: 18px;font-weight: 800;color: #FFFFFF;text-align: center;display: flex; align-items: center; justify-content: center;">
                    02362789342
                  </p>
                </div>
                <div
                  style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;margin-left: 10px;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;display: flex; align-items: center; justify-content: center;">
                    区卫健委
                    （医疗机构）
                  </p>
                  <p
                    style="width:122.4px;height: 50px;font-size: 18px;font-weight: 800;color: #FFFFFF;text-align: center;display: flex; align-items: center; justify-content: center;">
                    02362316762
                  </p>
                </div>
              </div>
              <div style="display: flex;margin-top: 21px;">
                <div style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;display: flex; align-items: center; justify-content: center;">
                    经开区税务局
                  </p>
                  <p
                    style="width:122.4px;height: 50px;font-size: 18px;font-weight: 800;color: #FFFFFF;text-align: center;display: flex; align-items: center; justify-content: center;">
                    02362980241
                  </p>
                </div>
                <div
                  style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;margin-left: 10px;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;display: flex; align-items: center; justify-content: center;">
                    区卫生健康委
                    （卫生）
                  </p>
                  <p
                    style="width:122.4px;height: 50px;font-size: 18px;font-weight: 800;color: #FFFFFF;text-align: center;display: flex; align-items: center; justify-content: center;">
                    02362606761
                  </p>
                </div>
                <div
                  style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;margin-left: 10px;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;display: flex; align-items: center; justify-content: center;">
                    经开区经发局
                  </p>
                  <p
                    style="width:122.4px;height: 50px;font-size: 18px;font-weight: 800;color: #FFFFFF;text-align: center;display: flex; align-items: center; justify-content: center;">
                    02362980243
                  </p>
                </div>
                <div
                  style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;margin-left: 10px;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;display: flex; align-items: center; justify-content: center;">
                    区档案局
                  </p>
                  <p
                    style="width:122.4px;height: 50px;font-size: 18px;font-weight: 800;color: #FFFFFF;text-align: center;display: flex; align-items: center; justify-content: center;">
                    02362980244
                  </p>
                </div>
              </div>
              <div style="display: flex;margin-top: 21px;">
                <div style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;display: flex; align-items: center; justify-content: center;">
                    经开区国土所
                  </p>
                  <p
                    style="width:122.4px;height: 50px;font-size: 18px;font-weight: 800;color: #FFFFFF;text-align: center;display: flex; align-items: center; justify-content: center;">
                    02362830276
                  </p>
                </div>
                <div
                  style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;margin-left: 10px;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;display: flex; align-items: center; justify-content: center;">
                    区文化旅游委
                  </p>
                  <p
                    style="width:122.4px;height: 50px;font-size: 18px;font-weight: 800;color: #FFFFFF;text-align: center;display: flex; align-items: center; justify-content: center;">
                    02362606250
                  </p>
                </div>
                <div
                  style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;margin-left: 10px;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;display: flex; align-items: center; justify-content: center;">
                    经开区招商服务中心
                  </p>
                  <p
                    style="width:122.4px;height: 50px;font-size: 18px;font-weight: 800;color: #FFFFFF;text-align: center;display: flex; align-items: center; justify-content: center;">
                    02362519346
                  </p>
                </div>
                <div
                  style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;margin-left: 10px;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;display: flex; align-items: center; justify-content: center;">
                    区城管局
                  </p>
                  <p
                    style="width:122.4px;height: 50px;font-size: 18px;font-weight: 800;color: #FFFFFF;text-align: center;display: flex; align-items: center; justify-content: center;">
                    02362606760
                  </p>
                </div>
              </div>
              <div style="display: flex;margin-top: 21px;">
                <div style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;display: flex; align-items: center; justify-content: center;">
                    综合窗口
                  </p>
                  <p
                    style="width:122.4px;height: 50px;font-size: 18px;font-weight: 800;color: #FFFFFF;text-align: center;display: flex; align-items: center; justify-content: center;">
                    02362980273
                  </p>
                </div>
                <div
                  style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;margin-left: 10px;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;display: flex; align-items: center; justify-content: center;">
                    区住房城乡建委
                  </p>
                  <p
                    style="width:122.4px;height: 50px;font-size: 18px;font-weight: 800;color: #FFFFFF;text-align: center;display: flex; align-items: center; justify-content: center;">
                    02362606780
                  </p>
                </div>
                <div
                  style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;margin-left: 10px;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;display: flex; align-items: center; justify-content: center;">
                    印章窗口
                  </p>
                  <p
                    style="width:122.4px;height: 50px;font-size: 18px;font-weight: 800;color: #FFFFFF;text-align: center;display: flex; align-items: center; justify-content: center;">
                    02362980232
                  </p>
                </div>
                <div
                  style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;margin-left: 10px;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;display: flex; align-items: center; justify-content: center;">
                    区规划自然资源局
                    （国土）
                  </p>
                  <p
                    style="width:122.4px;height: 50px;font-size: 18px;font-weight: 800;color: #FFFFFF;text-align: center;display: flex; align-items: center; justify-content: center;">
                    02362980245
                  </p>
                </div>
              </div>
              <div style="display: flex;margin-top: 21px;">
                <div style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;display: flex; align-items: center; justify-content: center;">
                    一楼咨询台
                  </p>
                  <p
                    style="width:122.4px;height: 50px;font-size: 18px;font-weight: 800;color: #FFFFFF;text-align: center;display: flex; align-items: center; justify-content: center;">
                    02362606771
                  </p>
                </div>
                <div
                  style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;margin-left: 10px;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;display: flex; align-items: center; justify-content: center;">
                    区规划自然资源局
                    （规划)
                  </p>
                  <p
                    style="width:122.4px;height: 50px;font-size: 18px;font-weight: 800;color: #FFFFFF;text-align: center;display: flex; align-items: center; justify-content: center;">
                    02362606752
                  </p>
                </div>
                <div
                  style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;margin-left: 10px;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;display: flex; align-items: center; justify-content: center;">
                    三楼咨询台
                  </p>
                  <p
                    style="width:122.4px;height: 50px;font-size: 18px;font-weight: 800;color: #FFFFFF;text-align: center;display: flex; align-items: center; justify-content: center;">
                    02362980263
                  </p>
                </div>
                <div
                  style="width: 286.1px;height: 50px;display: flex;opacity: 0.9;border: 1px solid #A37C67;margin-left: 10px;">
                  <p
                    style="width:173.7px;text-align: center;background: rgb(163 124 103/60%);font-size: 18px;font-weight: 800;color: #FFFFFF;display: flex; align-items: center; justify-content: center;">
                    区发展改革委
                  </p>
                  <p
                    style="width:122.4px;height: 50px;font-size: 18px;font-weight: 800;color: #FFFFFF;text-align: center;display: flex; align-items: center; justify-content: center;">
                    02362606782
                  </p>
                </div>
              </div>
            </div>
          </div>`
      } else if (obj == 5) {
        this.content = `<div>
            <img src="images/ldjj.png"/>
          </div>`
      }
    },
  },
  mounted() {
    //设置多少秒跳转
    var mtReturnTime = 120;
    //剩余秒数
    var myTime = 120;
    this.timer = setInterval(() => {
      myTime--;
      document.getElementById("secondText").innerHTML = "(" + myTime + ")";
      //0秒跳转目标页面
      if (myTime == 0) {
        this.$router.push("/");
      }
    }, 1000);

    //设置各类监听事件
    var body = document.querySelector('html');
    body.addEventListener("click", function () {
      myTime = mtReturnTime
    });

    body.addEventListener("keydown", function () {
      myTime = mtReturnTime
    });
    body.addEventListener("mousemove", function () {
      myTime = mtReturnTime
    });
    body.addEventListener("mousewheel", function () {
      myTime = mtReturnTime
    });
    document.addEventListener("scroll", function () {
      myTime = mtReturnTime
    });
  },
  //页面关闭销毁定时器
  beforeDestroy() {
    clearInterval(this.timer);
    this.timer = null;
  }
}
</script>

<style scoped>
/* 中心简介板块 */
.type-zxjj .cont-message {
  width: 71.375rem;
  margin: 1.875rem auto;
  height: 29.375rem;
  overflow-y: scroll;
}

.type-zxjj .cont-title {
  width: 74.375rem;
  height: 5rem;
  line-height: 5rem;
  margin: 0 auto;
  background: rgb(26 101 178/47%);
  font-size: 2.5rem;
  font-weight: 800;
  color: #DFE8F4;
  text-align: center;
}

.type-zxjj .content-content {
  background: rgb(0, 0, 0, 0.3);
}

.taps-title-team {
  margin: auto;
  width: 74.375rem;
  display: flex;
  justify-content: space-between;
}

.taps-title li {
  width: 36.5rem;
  height: 3.75rem;
  line-height: 3.75rem;
  background: rgb(163 124 103/60%);
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
  letter-spacing: 0.0625rem;
}

.taps-title .click {
  background: #CBB486;
  font-weight: 800;
  color: #FFFFFF;
}

/*chrome 和Safari*/
.type-zxjj .cont-message::-webkit-scrollbar {
  width: 0 !important
}

/*IE 10+*/
.type-zxjj .cont-message {
  -ms-overflow-style: none;
}

/*Firefox*/
.type-zxjj .cont-message {
  overflow: -moz-scrollbars-none;
}
</style>