<template>
  <!-- 办事指南详情 -->
  <div class="guidance-details flex flexc">
    <Header>
      <div slot="title" class="title">办事指南详情详情</div>
      <div slot="right" class="back-home flex aic" @click="handleBackHome">
        <img class="mr10" src="../../assets/img/shouye.png" />
        返回首页
      </div>
    </Header>
    <div class="main flex1 flex flexc">
      <div class="guidance-name">
        政务服务如何“网上办”“预约办”？全流程在这里
      </div>
      <div class="guidance-text flex1">
        <div v-html="text" v-if="text"></div>
        <el-empty :image-size="200" v-else></el-empty>
      </div>
    </div>
  </div>
</template>

<script>
import Header from "@/components/Header.vue";
export default {
  components: {
    Header,
  },
  data() {
    return {
      text: `广大市民朋友：
        全市各级政务服务大厅将于2020年2月3日起正常上班。为深入贯彻落实中央、省、市疫情防控工作部署，根据《关于调整省级和成都市市级政务服务大厅窗口受理办理工作的公告》，建议您以“网上办”为主、“预约办”为辅，减少往来大厅次数和外出时间，有效遏制疫情扩散和蔓延。现将有关事项通告如下：
        一、关于“网上办”建议您优先通过“四川政务服务网”“天府通办APP”或相关职能部门网站及微信公众号在线申请办理相关业务。如需提交纸质申请材料或领取相关证件，建议您优先选择邮递方式，并务必准确填写联系电话和邮寄地址等信息。
        二、关于“预约办”如确需到大厅现场办理，请您通过“四川政务服务网”“天府通办APP”或相关职能部门网站及微信公众号，或拨打公布的预约咨询电话进行预约办理。同时，市级政务服务事项还可通过“@成都服务”官方微博私信方式进行预约办理。预约成功后，我们会及时通知您在指定时间，到指定窗口办理。现场办理时，请您佩戴口罩，配合做好身份核验、体温检测等工作。
        如需到全市乡镇（街道）便民服务中心办理政务服务事项，请您遵照当地主管部门相关要求执行。感谢您的理解和支持！`,
    };
  },
  methods: {
    handleBackHome() {
      this.$router.push("/");
    },
  },
};
</script>

<style lang="less" scoped>
.guidance-details {
  width: 100%;
  height: 100%;
  background-color: #fff;
  background-color: #f5f5f5;
  .back-home {
    font-size: 28px;
    font-family: Source Han Sans CN;
    color: #ffffff;
    cursor: pointer;
  }
  .main {
    width: 100%;
    padding: 0px 40px;
    padding-bottom: 40px;
  }
  .guidance-name {
    width: 100%;
    margin: 50px 0px;
    font-size: 32px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: var(--main-theme-color1);
    text-align: center;
  }
  .guidance-text {
    width: 100%;
    padding: 40px;
    background: #ffffff;
    border-radius: 16px;
    overflow-y: auto;
  }
}
</style>