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> |