|
|
@@ -1,8 +1,103 @@
|
|
|
<template>
|
|
|
+ <div id="app">
|
|
|
+ <header class="mui-bar mui-bar-nav">
|
|
|
+ <a herf="" class="mui-pull-left close color4fc5f7">取消</a>
|
|
|
+ <h1 class="mui-title">管理常用服务</h1>
|
|
|
+ <a class="mui-pull-right mui-btn mui-btn-primary">完成</a>
|
|
|
+ </header>
|
|
|
+
|
|
|
+ <div class="mui-content vongi-icons">
|
|
|
+ <div class="vongi-all">
|
|
|
+ <h4 class="vongi-center">您可以将常用的应用添加到主页</h4>
|
|
|
+ <ul class="mui-table-view mui-grid-view mui-grid-9">
|
|
|
+ <li class="mui-table-view-cell mui-media mui-col-xs-3">
|
|
|
+ <a href="#">
|
|
|
+ <img src="~$project/assets/img/icon_jiankangzheng.png" />
|
|
|
+ <div class="mui-media-body">健康证</div>
|
|
|
+ </a>
|
|
|
+ <span class="mui-icon mui-icon-closeempty vongi-close"></span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="vongi-all">
|
|
|
+ <h2>全部服务</h2>
|
|
|
+ <div v-for="(iten,indey) in fun_list">
|
|
|
+ <h4 v-text="iten.name"></h4>
|
|
|
+ <ul class="mui-table-view mui-grid-view mui-grid-9">
|
|
|
+ <li class="mui-table-view-cell mui-media mui-col-xs-3">
|
|
|
+ <a>
|
|
|
+ <img src="~$project/assets/img/icon_jiankangzheng.png" />
|
|
|
+ <div class="mui-media-body">健康证</div>
|
|
|
+ </a>
|
|
|
+ <span class="mui-icon mui-icon-plusempty vongi-add"></span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <loading :visible="isLoading"></loading>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import Common from '$project/components/Common.vue'
|
|
|
+ import Loading from '$project/components/Loading.vue'
|
|
|
+ import TopHeader from '$project/components/TopHeader.vue'
|
|
|
+ import NavMenu from '@/components/NavMenu.vue'
|
|
|
+ import {
|
|
|
+ mapGetters,
|
|
|
+ mapMutations
|
|
|
+ } from 'vuex'
|
|
|
+ export default {
|
|
|
+ name: 'MasterAllFun',
|
|
|
+ components: {
|
|
|
+ Common,
|
|
|
+ Loading,
|
|
|
+ TopHeader,
|
|
|
+ NavMenu
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ isLoading: false,
|
|
|
+
|
|
|
+ pageTitle: '全部应用',
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {},
|
|
|
+ methods: {
|
|
|
+ //引入图片
|
|
|
+ requirePic(file) {
|
|
|
+ if (file) {
|
|
|
+ if (file.indexOf('http') == 0) {
|
|
|
+ return file;
|
|
|
+ } else {
|
|
|
+ return require('$project/assets/img/' + file);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ asynCallBack() {
|
|
|
+
|
|
|
+ },
|
|
|
+ },
|
|
|
+ mounted() {},
|
|
|
+ destroyed() {
|
|
|
+
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapGetters({
|
|
|
+ openId: 'wx_openid',
|
|
|
+ token: 'token',
|
|
|
+ person_data: 'person_data',
|
|
|
+ person_popedom: 'person_popedom',
|
|
|
+ fun_list: 'fun_list'
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
</script>
|
|
|
|
|
|
+<style src="$project/assets/css/iconfont.css"></style>
|
|
|
+<style scoped src="$project/assets/css/xpgj.css"></style>
|
|
|
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
|
|
|
<style>
|
|
|
</style>
|
