<template>
  <transition name="slide">
    <div class="index-container">
      <!--标题-->
      <mt-header class="header" title="帮助中心" fixed>
        <div slot="left">
          <mt-button icon="back" @click="$router.back(-1)"></mt-button>
        </div>
      </mt-header>
      <div class="listbody">
        <div class="help-body" v-for="(item, index) in questionList">
          <div class="help-title">{{index+1}}.{{item.question}}</div>
          <div class="help-content" v-html="item.answer"></div>
        </div>
      </div>
    </div>
  </transition>
</template>

<script>
  import { MyLocalStorage } from 'assets/js/utils'
  import { LOGIN_FLAG, AD_FLAG, SLIDER_FLAG, USER_ACCOUNT, USER_PWD } from 'assets/js/storageConst'

  export default {
    name: "HelpMe",
    data(){
      return {
        questionList:[
          {
            question:'如何查看闸井详情？',
            answer:'首页点击【闸井管理】进入闸井列表，用户可根据闸井类型或关键字筛选自己想要了解的闸井信息，点击进行查看。'
          },
          {
            question:'如何查看关联设备的监控信息？',
            answer:'<p>当有单个关联设备时，闸井详情页内可直接查看该设备监控信息及最近一次的监控数值</p> <p> 当有多个关联设备时，闸井详情页内点击【监控内容】进入下一页，可查看多个监控信息及最近一次的监控数值。</p>'
          },
          {
            question:'井盖的撤防入口在哪里？',
            answer:'首页点击【布防撤防】，用户可查看自己责任片区的闸井信息并进行布防/撤防操作。'
          },
          {
            question:'如何查看工单信息？',
            answer:'<p>点击首页，可在快捷口根据工单状态进入工单列表，查看工单的详细信息。</p>' +
              '<p>也可底部菜单选【工单】，进入工单列表，查看工单的详细信息。</p>'
          },
          {
            question:'是否可以查看他人接单的工单详情？',
            answer:'不同用户查看权限不同。维护人员可查看各自负责的告警工单，其中维护组组长可查看该组内所有成员完成的告警工单。'
          },
          {
            question:'告警工单误操作导致接单如何处理？',
            answer:'<p>用户在【待确认】工单中，工单详情页面内点击【转单】，选择需要接收该工单的人员。</p>' +
              '  <p> 注：转单前建议私下沟通后在进行转单操作，且可转单的人员在同一个维护小组内。</p>'
          },
          {
            question:'告警工单的现场情况无法处理怎么办？',
            answer:' <p>用户在【处理中】工单中，工单详情页面内点击【转单】，选择需要接收该工单的人员。</p>' +
              '   <p>注：转单前建议私下沟通后在进行转单操作，且可转单的人员在同一个维护小组内。</p>'
          },
          {
            question:'告警工单的闸井现场情况一切正常，无需现场处理时应如何操作？',
            answer:'用户在【待确认】工单的工单详情页内，字段闸井情况为【正常】时，提交后，则该工单直接结束，无需进行其他流程。'
          },
          {
            question:'如何修改账户密码？',
            answer:' 用户进入【我的】点击用户名，选择【修改密码】。输入正确的原始账户密码，即可修改账户密码。'
          }
        ]
      }
    },
    methods:{
      loginOut () {
        this.$store.dispatch('LogOut').then(() => {
          MyLocalStorage.Cache.remove(AD_FLAG)
          MyLocalStorage.Cache.remove(LOGIN_FLAG)
          MyLocalStorage.Cache.remove(USER_ACCOUNT)
          MyLocalStorage.Cache.remove(USER_PWD)
          location.reload() // 为了重新实例化vue-router对象 避免bug
        })
      }
    }
  }
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
  .mint-cell-title {
    margin-left: 5px !important
  }
  .listbody{
    padding:1rem
    margin-top 40px
    height calc( 100vh - 40px )
    overflow scroll
    .help-body{
      margin 1rem
      line-height 1.2rem
      .help-title{
        margin 1rem 0
        font-weight bold
      }
      .help-content{
        text-indent:1em
      }
    }
  }
</style>