add tid1509 style

src/pages.json

@@ -875,6 +875,18 @@
 					"style" : {
 						"navigationBarTitleText": "账号权限"
 					}
+				},
+				{
+					"path": "pages/message/info",
+					"style" : {
+						"navigationBarTitleText": "消息订阅"
+					}
+				},
+				{
+					"path": "pages/message/edit",
+					"style" : {
+						"navigationBarTitleText": "消息订阅"
+					}
 				}
 			]
 		}

src/subpackage/account/components/jurisdiction_item.vue

@@ -0,0 +1,55 @@
+<template>
+    <view class="jurisdiction-item" :class="{ active, centre }">
+        <view class="ji-txt">账号&订阅</view>
+        <image class="ji-tag"></image>
+    </view>
+</template>
+
+<script>
+export default {
+    props: {
+        centre: {
+            type: Boolean,
+            default: false
+        },
+        active: {
+            type: Boolean,
+            default: false
+        },
+    },
+}
+</script>
+
+<style lang="scss">
+    .jurisdiction-item{
+        position: relative;
+        padding: 0 10upx;
+        height: 92upx;
+        border: 1px solid #CDCDCD;
+        border-radius: 10upx;
+        overflow: hidden;
+        @include ctf;
+        .ji-txt{
+            @include flcw(28upx, 40upx, #9C9C9F);
+            @include tHide;
+        }
+        .ji-tag{
+            position: absolute;
+            right: 0;
+            bottom: 0;
+            width: 30upx;
+            height: 30upx;
+            background: skyblue;
+        }
+        &.centre{
+            @include ctf(center);
+        }
+        &.active{
+            background: #E0F6F0;
+            border-color: #E0F6F0;
+            .ji-txt{
+                color: #1A1A1A;
+            }
+        }
+    }
+</style>

src/subpackage/account/pages/permission/modules/edit/select_container.vue → src/subpackage/account/components/select_container.vue

@@ -13,7 +13,7 @@
 </template>
 
 <script>
-import infoContainer from '../../../../components/info_container.vue';
+import infoContainer from './info_container.vue';
 export default {
     components: {
         'info-container': infoContainer

src/subpackage/account/pages/message/edit.vue

@@ -1,11 +1,25 @@
 <template>
-    <view>
-        
+    <view class="message-edit">
+        <user-info></user-info>
+        <subscribe-function></subscribe-function>
+        <subscribe-stadium></subscribe-stadium>
+        <fixed-button>保存</fixed-button>
     </view>
 </template>
 
 <script>
+import user_info from "../../components/user_info.vue";
+import fixedButton from "../../components/fixed_button.vue";
+import subscribe_function from "./modules/edit/subscribe_function.vue"
+import subscribe_stadium from "./modules/edit/subscribe_stadium.vue"
+
 export default {
+    components: {
+        'user-info': user_info,
+        'fixed-button': fixedButton,
+        'subscribe-function': subscribe_function,
+        'subscribe-stadium': subscribe_stadium
+    },
     data(){
         return {
             
@@ -21,5 +35,7 @@ export default {
 </script>
 
 <style lang="scss">
-
+    .message-edit{
+        padding: 24upx;
+    }
 </style>

src/subpackage/account/pages/message/info.vue

@@ -1,11 +1,55 @@
 <template>
-    <view>
-        
+    <view class="message-info">
+        <user-info></user-info>
+        <info-container title="消息订阅">
+            <template v-slot:title-right>
+                <view class="title-right">
+                    <view class="tr-left">
+                        <view class="tl-txt" v-if="false">已绑定（微信用户）</view>
+                        <view class="tl-tag">未绑定</view>
+                    </view>
+                    <view class="tr-status">解绑</view>
+                </view>
+            </template>
+            <template v-slot:content>
+                <view class="mi-content">
+                    <view class="mc-item">
+                        <view class="mi-tit">订阅模块</view>
+                        <view class="mi-ls">
+                            <view class="ml-item" v-for="i in 5" :key="i">
+                                <permission-item active></permission-item>
+                            </view>
+                        </view>
+                    </view>
+                    <view class="mc-item">
+                        <view class="mi-tit">订阅门店</view>
+                        <view class="mi-ls-2">
+                            <view class="ml2-item" v-for="i in 3" :key="i">
+                                <permission-item active></permission-item>
+                            </view>
+                        </view>
+                    </view>
+                </view>
+            </template>
+        </info-container>
+        <fixed-button>修改消息订阅</fixed-button>
     </view>
 </template>
 
 <script>
+import infoContainer from '../../components/info_container.vue';
+import user_info from "../../components/user_info.vue";
+import fixedButton from "../../components/fixed_button.vue";
+import permission_item from '../../components/permission_item.vue';
 export default {
+    components: {
+        'info-container': infoContainer,
+        'user-info': user_info,
+        'fixed-button': fixedButton,
+        'permission-item': permission_item,
+        
+
+    },
     data(){
         return {
             
@@ -21,5 +65,56 @@ export default {
 </script>
 
 <style lang="scss">
-
+.title-right{
+    @include ctf(space-between);
+    .tr-left{
+        flex-grow: 1;
+        .tl-txt{
+            @include flcw(24upx, 34upx, #9C9C9F);
+            @include tHide;
+        }
+        .tl-tag{
+            display: inline-block;
+            padding: 0 8upx;
+            background: #EA5061;
+            border-radius: 6upx;
+            @include flcw(22upx, 32upx, #fff);
+        }
+    }
+    .tr-status{
+        flex-shrink: 0;
+        margin-left: 10upx;
+        @include flcw(24upx, 34upx, #EA5061);
+    }
+}
+.mi-content{
+    padding: 0 20upx;
+    .mc-item + .mc-item{
+        margin-top: 30upx;
+    }
+    .mi-tit{
+        @include flcw(28upx, 40upx, #1A1A1A);
+    }
+    .mi-ls{
+        display: flex;
+        flex-wrap: wrap;
+        padding-top: 30upx;
+        padding-bottom: 30upx;
+        border-bottom: 2upx solid #D8D8D8;
+        .ml-item{
+            flex-shrink: 0;
+            flex-grow: 0;
+            width: 50%;
+            &:nth-child(n + 3){
+                margin-top: 30upx;
+            }
+        }
+    }
+    .mi-ls-2{
+        padding-top: 30upx;
+        .ml2-item + .ml2-item{
+            margin-top: 30upx;
+        }
+    }
+}
 </style>

src/subpackage/account/pages/message/modules/edit/subscribe_function.vue

@@ -0,0 +1,53 @@
+<template>
+    <select-container  title="订阅模块">
+        <view class="jurisdiction-content">
+            <view class="mjc-item" v-for="i in 3" :key="i">
+                <jurisdiction-item 
+                    centre
+                    :active='i%2 === 0'
+                ></jurisdiction-item>
+            </view>
+        </view>
+        
+    </select-container>
+</template>
+
+<script>
+import select_container from '../../../../components/select_container.vue';
+import jurisdiction_item from '../../../../components/jurisdiction_item.vue';
+export default {
+    components: {
+        'select-container': select_container,
+        'jurisdiction-item': jurisdiction_item
+    },
+    data(){
+        return {
+            
+        }
+    },
+    onLoad(){
+        
+    },
+    methods: {
+        
+    }
+}
+</script>
+
+<style lang="scss"> 
+    .jurisdiction-content{
+        padding: 0 20upx;
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        .mjc-item{
+            flex-shrink: 0;
+            flex-grow: 0;
+            width: 322upx;
+            &:nth-child(n + 3){
+                margin-top: 20upx;
+            }
+        }
+    }
+    
+</style>

src/subpackage/account/pages/message/modules/edit/subscribe_stadium.vue

@@ -0,0 +1,46 @@
+<template>
+    <select-container  title="订阅门店">
+        <view class="jurisdiction-content">
+            <view class="mjc-item" v-for="i in 3" :key="i">
+                <jurisdiction-item 
+                    :active='i%2 === 0'
+                ></jurisdiction-item>
+            </view>
+        </view>
+        
+    </select-container>
+</template>
+
+<script>
+import select_container from '../../../../components/select_container.vue';
+import jurisdiction_item from '../../../../components/jurisdiction_item.vue';
+export default {
+    components: {
+        'select-container': select_container,
+        'jurisdiction-item': jurisdiction_item
+    },
+    data(){
+        return {
+            
+        }
+    },
+    onLoad(){
+        
+    },
+    methods: {
+        
+    }
+}
+</script>
+
+<style lang="scss"> 
+    .jurisdiction-content{
+        padding: 0 20upx;
+        .mjc-item{
+            &:nth-child(n + 2){
+                margin-top: 8upx;
+            }
+        }
+    }
+    
+</style>

src/subpackage/account/pages/permission/edit.vue

@@ -1,17 +1,29 @@
 <template>
     <view class="permission-edit">
         <user-info></user-info>
-        <select-container></select-container>
+        <admin-jurisdiction></admin-jurisdiction>
+        <min-jurisdiction></min-jurisdiction>
+        <cashier-jurisdiction></cashier-jurisdiction>
+        <stadium-jurisdiction></stadium-jurisdiction>
+        <fixed-button>保存</fixed-button>
     </view>
 </template>
 
 <script>
 import user_info from "../../components/user_info.vue";
-import select_container from "./modules/edit/select_container.vue";
+import admin_jurisdiction from "./modules/edit/admin_jurisdiction.vue";
+import min_jurisdiction from "./modules/edit/min_jurisdiction.vue";
+import cashier_jurisdiction from "./modules/edit/cashier_jurisdiction.vue";
+import stadium_jurisdiction from "./modules/edit/stadium_jurisdiction.vue";
+import fixedButton from "../../components/fixed_button.vue";
 export default {
     components: {
         'user-info': user_info,
-        'select-container': select_container
+        'admin-jurisdiction': admin_jurisdiction,
+        'min-jurisdiction': min_jurisdiction,
+        'cashier-jurisdiction': cashier_jurisdiction,
+        'stadium-jurisdiction': stadium_jurisdiction,
+        'fixed-button': fixedButton
     },
     data(){
         return {

src/subpackage/account/pages/permission/modules/edit/admin_jurisdiction.vue

@@ -0,0 +1,56 @@
+<template>
+    <info-container title="后台权限">
+        <template v-slot:title-right>
+            <view class="aj-title-right">
+                <switch color="#009874" style="transform:scale(0.7)"></switch>
+            </view>
+        </template>
+        <template v-slot:content>
+            <view class="aj-content">
+                <picker>
+                    <view class="ac-frame">
+                        <input class="af-ipt" disabled type="text" />
+                        <image class="af-icon"></image>
+                    </view>
+                </picker>
+            </view>
+        </template>
+    </info-container>
+</template>
+
+<script>
+import infoContainer from '../../../../components/info_container.vue';
+export default {
+    components: {
+        'info-container': infoContainer
+    },
+}
+</script>
+
+<style lang="scss">
+    .aj-title-right{
+        @include ctf(flex-end);
+    }
+    .aj-content{
+        padding: 0 20upx;
+        .ac-frame{
+            padding: 0 20upx;
+            height: 92upx;
+            border-radius: 10upx;
+            background: #F2F2F7;
+            @include ctf(space-between);
+            .af-ipt{
+                flex: 1;
+                height: 100%;
+                @include flcw(28upx, 40upx, #1A1A1A);
+            }
+            .af-icon{
+                margin-left: 10upx;
+                flex-shrink: 0;
+                width: 28upx;
+                height: 28upx;
+                background: skyblue;
+            }
+        }
+    }
+</style>

src/subpackage/account/pages/permission/modules/edit/cashier_jurisdiction.vue

@@ -0,0 +1,53 @@
+<template>
+    <select-container  title="收银系统权限">
+        <view class="jurisdiction-content">
+            <view class="mjc-item" v-for="i in 3" :key="i">
+                <jurisdiction-item 
+                    centre
+                    :active='i%2 === 0'
+                ></jurisdiction-item>
+            </view>
+        </view>
+        
+    </select-container>
+</template>
+
+<script>
+import select_container from '../../../../components/select_container.vue';
+import jurisdiction_item from '../../../../components/jurisdiction_item.vue';
+export default {
+    components: {
+        'select-container': select_container,
+        'jurisdiction-item': jurisdiction_item
+    },
+    data(){
+        return {
+            
+        }
+    },
+    onLoad(){
+        
+    },
+    methods: {
+        
+    }
+}
+</script>
+
+<style lang="scss"> 
+    .jurisdiction-content{
+        padding: 0 16upx;
+        display: flex;
+        flex-wrap: wrap;
+        .mjc-item{
+            flex-shrink: 0;
+            flex-grow: 0;
+            width: 216upx;
+            margin: 0 4upx;
+            &:nth-child(n + 4){
+                margin-top: 8upx;
+            }
+        }
+    }
+    
+</style>

src/subpackage/account/pages/permission/modules/edit/min_jurisdiction.vue

@@ -0,0 +1,53 @@
+<template>
+    <select-container  title="商家助手小程序权限">
+        <view class="jurisdiction-content">
+            <view class="mjc-item" v-for="i in 5" :key="i">
+                <jurisdiction-item 
+                    centre
+                    :active='i%2 === 0'
+                ></jurisdiction-item>
+            </view>
+        </view>
+        
+    </select-container>
+</template>
+
+<script>
+import select_container from '../../../../components/select_container.vue';
+import jurisdiction_item from '../../../../components/jurisdiction_item.vue';
+export default {
+    components: {
+        'select-container': select_container,
+        'jurisdiction-item': jurisdiction_item
+    },
+    data(){
+        return {
+            
+        }
+    },
+    onLoad(){
+        
+    },
+    methods: {
+        
+    }
+}
+</script>
+
+<style lang="scss"> 
+    .jurisdiction-content{
+        padding: 0 16upx;
+        display: flex;
+        flex-wrap: wrap;
+        .mjc-item{
+            flex-shrink: 0;
+            flex-grow: 0;
+            width: 216upx;
+            margin: 0 4upx;
+            &:nth-child(n + 4){
+                margin-top: 8upx;
+            }
+        }
+    }
+    
+</style>

src/subpackage/account/pages/permission/modules/edit/stadium_jurisdiction.vue

@@ -0,0 +1,44 @@
+<template>
+    <select-container  title="门店权限">
+        <view class="jurisdiction-content">
+            <view class="mjc-item" v-for="i in 4" :key="i">
+                <jurisdiction-item 
+                    :active='i%2 === 0'
+                ></jurisdiction-item>
+            </view>
+        </view>
+        
+    </select-container>
+</template>
+
+<script>
+import select_container from '../../../../components/select_container.vue';
+import jurisdiction_item from '../../../../components/jurisdiction_item.vue';
+export default {
+    components: {
+        'select-container': select_container,
+        'jurisdiction-item': jurisdiction_item
+    },
+    data(){
+        return {
+            
+        }
+    },
+    onLoad(){
+        
+    },
+    methods: {
+        
+    }
+}
+</script>
+
+<style lang="scss"> 
+    .jurisdiction-content{
+        padding: 0 16upx;
+        .mjc-item + .mjc-item{
+            margin-top: 8upx;
+        }
+    }
+    
+</style>

src/subpackage/account/pages/permission/modules/info/cashier_permission.vue

@@ -14,7 +14,7 @@
 
 <script>
 import infoContainer from '../../../../components/info_container.vue';
-import permissionItem from './permission_item.vue';
+import permissionItem from '../../../../components/permission_item.vue';
 export default {
     components: {
         'info-container': infoContainer,

src/subpackage/account/pages/permission/modules/info/min_permission.vue

@@ -20,7 +20,7 @@
 
 <script>
 import infoContainer from '../../../../components/info_container.vue';
-import permissionItem from './permission_item.vue';
+import permissionItem from '../../../../components/permission_item.vue';
 export default {
     components: {
         'info-container': infoContainer,

src/subpackage/account/pages/permission/modules/info/stadium_permission.vue

@@ -15,7 +15,7 @@
 
 <script>
 import infoContainer from '../../../../components/info_container.vue';
-import permissionItem from './permission_item.vue';
+import permissionItem from '../../../../components/permission_item.vue';
 export default {
     components: {
         'info-container': infoContainer,