114 lines
3.1 KiB
Vue
114 lines
3.1 KiB
Vue
|
<template>
|
|||
|
|
<view id="myapp" class="bodyA">
|
|||
|
|
<!-- <!– 导航栏 headerBai –>-->
|
|||
|
|
<!-- <view class="header headerBai">-->
|
|||
|
|
<!-- <!– 左侧按钮 –>-->
|
|||
|
|
<!-- <view class="nav-btn" @click="back">-->
|
|||
|
|
<!-- <img class="left_btn" src="@/static/common/arrow_back_hei.png" alt="">-->
|
|||
|
|
<!-- </view>-->
|
|||
|
|
<!-- <!– 黑标题 btn-headerBai –>-->
|
|||
|
|
<!-- <view class="btn-header btn-headerBai">常见问题</view>-->
|
|||
|
|
<!-- <!– 右侧按钮 –>-->
|
|||
|
|
<!-- <view class="nav-btn">-->
|
|||
|
|
<!-- <!– ps：在下方自定义导航右侧功能 超过4个字 需要加调整宽度auto –>-->
|
|||
|
|
<!-- <!– code –>-->
|
|||
|
|
<!-- </view>-->
|
|||
|
|
<!-- </view>-->
|
|||
|
|
<!-- 滚动区域 -->
|
|||
|
|
<view class="content">
|
|||
|
|
<!-- <!– 加载ing –>-->
|
|||
|
|
<!-- <view class="mask" v-show="!loadingFlag">-->
|
|||
|
|
<!-- <img src="@/static/loadingMf.gif" alt="">-->
|
|||
|
|
<!-- <span>加载中...</span>-->
|
|||
|
|
<!-- </view>-->
|
|||
|
|
|
|||
|
|
<van-collapse v-model="activeNames">
|
|||
|
|
<van-collapse-item class="list" :title="item.question" :name="index" v-for="(item,index) in dataList"
|
|||
|
|
:key="index">
|
|||
|
|
<view class="lists" v-for="(itemA,indexA) in item.answer" :key="indexA">
|
|||
|
|
{{item.answer.length>= 2?indexA+1+".":''}}{{itemA}} </view>
|
|||
|
|
</van-collapse-item>
|
|||
|
|
</van-collapse>
|
|||
|
|
</view>
|
|||
|
|
<!-- 底部 -->
|
|||
|
|
<!-- <view class="footer">
|
|||
|
|
<van-button class="footerBtn">按钮</van-button>
|
|||
|
|
</view> -->
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {
|
|||
|
|
getdata
|
|||
|
|
} from '@/common/api.js'
|
|||
|
|
import {
|
|||
|
|
callbackRequest
|
|||
|
|
} from '@/common/util.js'
|
|||
|
|
export default {
|
|||
|
|
name: "problem",
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
// code
|
|||
|
|
loadingFlag: 'n',
|
|||
|
|
loadingFlag_Tm: 'n',
|
|||
|
|
activeNames: [],
|
|||
|
|
dataList: [
|
|||
|
|
{
|
|||
|
|
question: '● 遇到电子餐卡消费失败如何处理?',
|
|||
|
|
answer: [
|
|||
|
|
'点击智慧后勤应用底部导航栏"我的"，进入"个人信息"模块；将"餐卡号"与正在使用的员工卡背面右下角十位(非员工编号)进行对比，检查是否正确；如果不一致，请根据最新卡号更新"个人信息"',
|
|||
|
|
'联系后勤部餐卡管理员确认餐卡状态是否正常，联系方式(010)66598757',
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
question: '● 如何修改手机号码和部门?',
|
|||
|
|
answer: [
|
|||
|
|
'联系智慧后勤项目组进行更新，联系方式(010)66598437',
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad(options) {
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped lang="scss">
|
|||
|
|
.content {
|
|||
|
|
/* font-size: .38*74upx; */
|
|||
|
|
color: #0e1a24;
|
|||
|
|
padding: .3243*74upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list {
|
|||
|
|
margin-bottom: .3243*74upx;
|
|||
|
|
border-radius: .3*74upx;
|
|||
|
|
overflow: hidden;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list .van-cell {
|
|||
|
|
font-size: .4324*74upx;
|
|||
|
|
color: #0e1a24;
|
|||
|
|
padding: .3784*74upx .3243*74upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.van-cell {
|
|||
|
|
color: #000;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list .lists {
|
|||
|
|
margin-bottom: .1081*74upx;
|
|||
|
|
color: #4b5b68;
|
|||
|
|
word-break: break-all;
|
|||
|
|
line-height: .7027*74upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list .lists:last-child {
|
|||
|
|
margin: 0;
|
|||
|
|
}
|
|||
|
|
</style>
|