From c11333f9b72f62ec30f4157875b01dc7f94f9440 Mon Sep 17 00:00:00 2001
From: "liujw155@outlook.com" <liujw155@outlook.com>
Date: Wed, 29 May 2024 18:08:19 +0800
Subject: [PATCH] add tid1509 style

---
 src/pages.json                                     |  6 ++
 src/subpackage/account/components/fixed_button.vue | 36 +++++++++
 src/subpackage/account/components/fixed_modal.vue  | 63 ++++++++++++++++
 src/subpackage/account/components/info_title.vue   |  3 +-
 src/subpackage/account/components/modal_button.vue | 32 ++++++++
 src/subpackage/account/components/user_info.vue    | 83 ++++++++++++++++++++
 src/subpackage/account/pages/permission/edit.vue   | 15 +++-
 src/subpackage/account/pages/permission/info.vue   | 36 ++++++---
 .../permission/modules/edit/select_container.vue   | 45 +++++++++++
 .../permission/modules/info/admin_permission.vue   | 37 +++++++++
 .../permission/modules/info/cashier_permission.vue | 43 +++++++++++
 .../pages/permission/modules/info/edit_account.vue | 88 ++++++++++++++++++++++
 .../permission/modules/info/edit_password.vue      | 67 ++++++++++++++++
 .../permission/modules/info/min_permission.vue     | 62 +++++++++++++++
 .../permission/modules/info/permission_item.vue    | 36 +++++++++
 .../permission/modules/info/stadium_permission.vue | 34 +++++++++
 .../account/pages/permission/modules/info/user.vue | 75 ------------------
 .../account/pages/permission/modules/title_bar.vue | 17 -----
 18 files changed, 671 insertions(+), 107 deletions(-)
 create mode 100644 src/subpackage/account/components/fixed_button.vue
 create mode 100644 src/subpackage/account/components/fixed_modal.vue
 create mode 100644 src/subpackage/account/components/modal_button.vue
 create mode 100644 src/subpackage/account/components/user_info.vue
 create mode 100644 src/subpackage/account/pages/permission/modules/edit/select_container.vue
 create mode 100644 src/subpackage/account/pages/permission/modules/info/admin_permission.vue
 create mode 100644 src/subpackage/account/pages/permission/modules/info/cashier_permission.vue
 create mode 100644 src/subpackage/account/pages/permission/modules/info/edit_account.vue
 create mode 100644 src/subpackage/account/pages/permission/modules/info/edit_password.vue
 create mode 100644 src/subpackage/account/pages/permission/modules/info/min_permission.vue
 create mode 100644 src/subpackage/account/pages/permission/modules/info/permission_item.vue
 create mode 100644 src/subpackage/account/pages/permission/modules/info/stadium_permission.vue
 delete mode 100644 src/subpackage/account/pages/permission/modules/info/user.vue
 delete mode 100644 src/subpackage/account/pages/permission/modules/title_bar.vue

diff --git a/src/pages.json b/src/pages.json
index 3cbf6fb..8b2569b 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -869,6 +869,12 @@
 					"style" : {
 						"navigationBarTitleText": "账号权限"
 					}
+				},
+				{
+					"path": "pages/permission/edit",
+					"style" : {
+						"navigationBarTitleText": "账号权限"
+					}
 				}
 			]
 		}
diff --git a/src/subpackage/account/components/fixed_button.vue b/src/subpackage/account/components/fixed_button.vue
new file mode 100644
index 0000000..38073e9
--- /dev/null
+++ b/src/subpackage/account/components/fixed_button.vue
@@ -0,0 +1,36 @@
+<template>
+    <view class="fixed-button">
+        <view class="fb-box">
+            <view class="bottom-btn">
+                <slot>确认</slot>
+            </view>
+        </view>
+    </view>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss">
+.fixed-button{
+    @include isPd(132upx);
+}
+.fb-box{
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    padding: 10upx 24upx;
+    @include isPd(10upx);
+    .bottom-btn{
+        height: 112upx;
+        border-radius: 10upx;
+        background: $mColor;
+        text-align: center;
+        @include flcw(32upx, 112upx, #fff, 500);
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/subpackage/account/components/fixed_modal.vue b/src/subpackage/account/components/fixed_modal.vue
new file mode 100644
index 0000000..57668e1
--- /dev/null
+++ b/src/subpackage/account/components/fixed_modal.vue
@@ -0,0 +1,63 @@
+<template>
+    <view class="fixed-mask" v-show="show">
+        <view class="fm-content">
+            <image 
+                class="fc-close" 
+                @click="$emit('click:close')" 
+                mode="aspect" 
+            ></image>
+            <view class="fc-title">{{ title }}</view>
+            <slot></slot>
+        </view>
+    </view>
+</template>
+
+<script>
+export default {
+    props: {
+        title: {
+            type: String,
+            default: '提示'
+        },
+        show: {
+            type: Boolean,
+            default: true
+        }
+    }
+}
+</script>
+
+<style lang="scss">
+    .fixed-mask{
+        position: fixed;
+        left: 0;
+        top: 0;
+        bottom: 0;
+        right: 0;
+        background: rgba($color: #000000, $alpha: .5);
+        z-index: 10;
+        .fm-content{
+            position: absolute;
+            left: 50%;
+            top: 50%;
+            transform: translate(-50%, -50%);
+            padding-top: 80upx;
+            padding-bottom: 60upx;
+            width: 620upx;
+            border-radius: 10upx;
+            background: #fff;
+            .fc-close{
+                position: absolute;
+                right: 30upx;
+                top: 30upx;
+                width: 34upx;
+                height: 34upx;
+                background: skyblue;
+            }
+            .fc-title{
+                text-align: center;
+                @include flcw(32upx, 44upx, #1A1A1A, 500);
+            }
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/subpackage/account/components/info_title.vue b/src/subpackage/account/components/info_title.vue
index 4864dff..197bdba 100644
--- a/src/subpackage/account/components/info_title.vue
+++ b/src/subpackage/account/components/info_title.vue
@@ -24,6 +24,7 @@ export default {
         padding: 10upx 20upx 0upx;
         height: 116upx;
         border-bottom: 2upx solid #D8D8D8;
+        overflow: hidden;
         @include ctf;
         .it-name{
             flex-shrink: 0;
@@ -32,8 +33,6 @@ export default {
         }
         .it-right{
             flex-grow: 1;
-            height: 100%;
-            background: skyblue;
         }
     }
 </style>
\ No newline at end of file
diff --git a/src/subpackage/account/components/modal_button.vue b/src/subpackage/account/components/modal_button.vue
new file mode 100644
index 0000000..f361945
--- /dev/null
+++ b/src/subpackage/account/components/modal_button.vue
@@ -0,0 +1,32 @@
+<template>
+    <view class="modal-button" :class="{ 'green': green }" @click="$emit('click')">
+        <slot>确定</slot>
+    </view>
+</template>
+
+<script>
+export default {
+    props: {
+        green: {
+            type: Boolean,
+            default: false
+        }
+    }
+}
+</script>
+
+<style lang="scss">
+    .modal-button{
+        margin: 0 auto;
+        width: 240upx;
+        height: 88upx;
+        border: 2upx solid $mColor;
+        border-radius: 10upx;
+        text-align: center;
+        @include flcw($color: $mColor, $height: 84upx);
+        &.green{
+            background: $mColor;
+            color: #fff;
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/subpackage/account/components/user_info.vue b/src/subpackage/account/components/user_info.vue
new file mode 100644
index 0000000..be3f83a
--- /dev/null
+++ b/src/subpackage/account/components/user_info.vue
@@ -0,0 +1,83 @@
+<template>
+    <view class="info-user">
+        <view class="iu-top">
+            <view class="it-left">
+                <view class="il-name">周小舞</view>
+                <image class="il-edit" v-if="edit"></image>
+            </view>
+            <image class="it-delete" v-if="edit"></image>
+        </view>
+        <view class="iu-box">
+            <view class="iu-line">
+                <text class="il-txt">登录账号：</text> liuhuo2524
+            </view>
+            <block v-if="edit">
+                <view class="iu-line">
+                    <text class="il-txt">密码：</text> <text class="il-link">修改密码</text>
+                </view>
+                <view class="iu-line">
+                    <text class="il-txt">创建时间：</text> 2024-12-09 11:21:40
+                </view>
+            </block>
+            
+        </view>
+        
+    </view>
+</template>
+
+<script>
+export default {
+    props: {
+        edit: {
+            type: Boolean,
+            default: false
+        }
+    }
+}
+</script>
+
+<style lang="scss">
+.info-user{
+    padding: 20upx 20upx 30upx;
+    border-radius: 10upx;
+    background-color: #fff;
+    .iu-top{
+        @include ctf(space-between);
+        .it-left{
+            @include ctf;
+            .il-name{
+                @include flcw(44upx, 60upx, #1A1A1A);
+                @include tHide;
+            }
+            .il-edit{
+                flex-shrink: 0;
+                margin-left: 20upx;
+                width: 36upx;
+                height: 36upx;
+                background: skyblue;
+            }
+        }
+        .it-delete{
+            flex-shrink: 0;
+            margin-left: 20upx;
+            width: 36upx;
+            height: 36upx;
+            background: skyblue;
+        }
+    }
+    .iu-box{
+        margin-top: 20upx;
+    }
+    .iu-line{
+        @include flcw($color: #1A1A1A);
+        @include tHide;
+        .il-txt{
+            color: #9C9C9F;
+        }
+        .il-link{
+            color: $mColor;
+            text-decoration: underline;
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/subpackage/account/pages/permission/edit.vue b/src/subpackage/account/pages/permission/edit.vue
index 571c5a2..a65bd2d 100644
--- a/src/subpackage/account/pages/permission/edit.vue
+++ b/src/subpackage/account/pages/permission/edit.vue
@@ -1,11 +1,18 @@
 <template>
-    <view>
-        
+    <view class="permission-edit">
+        <user-info></user-info>
+        <select-container></select-container>
     </view>
 </template>
 
 <script>
+import user_info from "../../components/user_info.vue";
+import select_container from "./modules/edit/select_container.vue";
 export default {
+    components: {
+        'user-info': user_info,
+        'select-container': select_container
+    },
     data(){
         return {
             
@@ -21,5 +28,7 @@ export default {
 </script>
 
 <style lang="scss">
-
+    .permission-edit{
+        padding: 24upx;
+    }
 </style>
\ No newline at end of file
diff --git a/src/subpackage/account/pages/permission/info.vue b/src/subpackage/account/pages/permission/info.vue
index 6eaaf6f..a70c729 100644
--- a/src/subpackage/account/pages/permission/info.vue
+++ b/src/subpackage/account/pages/permission/info.vue
@@ -1,24 +1,40 @@
 <template>
     <view class="permission-info">
-        <info-user></info-user>
-        <info-container title="后台权限">
-            <template v-slot:title-right>8897</template>
-            <template v-slot:content>9987</template>
-        </info-container>
+        <user-info edit></user-info>
+        <admin-permission></admin-permission>
+        <min-permission></min-permission>
+        <cashier-permission></cashier-permission>
+        <stadium-permission></stadium-permission>
+        <fixed-button>修改权限</fixed-button>
+        <!-- <edit-password></edit-password> -->
+        <!-- <edit-account></edit-account> -->
     </view>
 </template>
 
 <script>
-import infoUser from "./modules/info/user.vue";
-import infoContainer from "../../components/info_container.vue";
+import user_info from "../../components/user_info.vue";
+import adminPermission from "./modules/info/admin_permission.vue";
+import minPermission from "./modules/info/min_permission.vue";
+import cashierPermission from "./modules/info/cashier_permission.vue";
+import stadiumPermission from "./modules/info/stadium_permission.vue";
+import fixedButton from "../../components/fixed_button.vue";
+import editPassword from "./modules/info/edit_password.vue";
+import edit_account from "./modules/info/edit_account.vue";
+
 export default {
     components: {
-        'info-user': infoUser,
-        'info-container': infoContainer
+        'admin-permission': adminPermission,
+        'min-permission': minPermission,
+        'cashier-permission': cashierPermission,
+        'stadium-permission': stadiumPermission,
+        'fixed-button': fixedButton,
+        'edit-password': editPassword,
+        'edit-account': edit_account,
+        'user-info': user_info
     },
     data(){
         return {
-            
+             
         }
     },
     onLoad(){
diff --git a/src/subpackage/account/pages/permission/modules/edit/select_container.vue b/src/subpackage/account/pages/permission/modules/edit/select_container.vue
new file mode 100644
index 0000000..edbb675
--- /dev/null
+++ b/src/subpackage/account/pages/permission/modules/edit/select_container.vue
@@ -0,0 +1,45 @@
+<template>
+    <info-container :title="title">
+        <template v-slot:title-right>
+            <view class="sc-title-right">
+                <view class="str-txt">全选</view>
+                <image class="str-img"></image>
+            </view>
+        </template>
+        <template v-slot:content>
+            <slot></slot>
+        </template>
+    </info-container>
+</template>
+
+<script>
+import infoContainer from '../../../../components/info_container.vue';
+export default {
+    components: {
+        'info-container': infoContainer
+    },
+    props: {
+        title: {
+            type: String,
+            default: 'title'
+        }
+    }
+}
+</script>
+
+<style lang="scss">
+    .sc-title-right{
+        @include ctf(flex-end);
+        .str-txt{
+            flex-shrink: 0;
+            @include flcw(24upx, 34upx, #1A1A1A);
+        }
+        .str-img{
+            margin-left: 18upx;
+            flex-shrink: 0;
+            width: 32upx;
+            height: 32upx;
+            background: skyblue;
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/subpackage/account/pages/permission/modules/info/admin_permission.vue b/src/subpackage/account/pages/permission/modules/info/admin_permission.vue
new file mode 100644
index 0000000..9e6e812
--- /dev/null
+++ b/src/subpackage/account/pages/permission/modules/info/admin_permission.vue
@@ -0,0 +1,37 @@
+<template>
+    <view class="admin-permission">
+        <info-container title="后台权限">
+            <template v-slot:title-right>
+                <view class="ap-title-right">
+                    <view class="atr-name">修改需前往后台定义权限组</view>
+                    <switch color="#009874" style="transform:scale(0.7)"></switch>
+                </view>
+            </template>
+            <template v-slot:content>
+                <view class="ap-content">权限级别名称：超级管理员</view>
+            </template>
+        </info-container>
+    </view>
+</template>
+
+<script>
+import infoContainer from '../../../../components/info_container.vue';
+export default {
+    components: {
+        'info-container': infoContainer
+    },
+}
+</script>
+
+<style lang="scss">
+    .ap-title-right{
+        @include ctf(space-between);
+        .atr-name{
+            @include flcw(24upx, 34upx, #9C9C9F);
+        }
+    }
+    .ap-content{
+        padding: 0upx 20upx;
+        @include flcw(28upx, 40 px, #1A1A1A);
+    }
+</style>
\ No newline at end of file
diff --git a/src/subpackage/account/pages/permission/modules/info/cashier_permission.vue b/src/subpackage/account/pages/permission/modules/info/cashier_permission.vue
new file mode 100644
index 0000000..2113094
--- /dev/null
+++ b/src/subpackage/account/pages/permission/modules/info/cashier_permission.vue
@@ -0,0 +1,43 @@
+<template>
+    <view class="min-permission">
+        <info-container title="收银系统权限">
+            <template v-slot:content>
+                <view class="mp-content">
+                    <view class="mc-item" v-for="i in 3" :key="i">
+                        <permission-item :active="i%3 === 0"></permission-item>
+                    </view>
+                </view>
+            </template>
+        </info-container>
+    </view>
+</template>
+
+<script>
+import infoContainer from '../../../../components/info_container.vue';
+import permissionItem from './permission_item.vue';
+export default {
+    components: {
+        'info-container': infoContainer,
+        'permission-item': permissionItem
+    },
+}
+</script>
+
+<style lang="scss">
+.min-permission{
+    .mp-content{
+        padding: 0 20upx;
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        .mc-item{
+            flex-shrink: 0;
+            flex-grow: 0;
+            width: 188upx;
+            &:nth-child(n + 4){
+                margin-top: 20upx;
+            }
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/subpackage/account/pages/permission/modules/info/edit_account.vue b/src/subpackage/account/pages/permission/modules/info/edit_account.vue
new file mode 100644
index 0000000..ad012e1
--- /dev/null
+++ b/src/subpackage/account/pages/permission/modules/info/edit_account.vue
@@ -0,0 +1,88 @@
+<template>
+    <fixed-modal title="修改账号信息">
+        <view class="edit-account">
+            <view class="ea-num">登录账号：liuhuo2524</view>
+            <view class="ea-tip">账号具有唯一性，不支持更改。</view>
+            <view class="edit-ipt">
+                <view class="ep-item">
+                    <view class="ei-label"><text class="el-star">*</text>姓名</view>
+                    <input class="ei-input" type="password" placeholder="请输入" />
+                </view>
+                <view class="ep-item">
+                    <view class="ei-label">手机号码</view>
+                    <input class="ei-input" type="password" placeholder="请输入手机号码" />
+                </view>
+            </view>
+        </view>
+        <modal-button green>确认修改</modal-button>
+    </fixed-modal>
+    
+</template>
+
+<script>
+import fixedModal from "../../../../components/fixed_modal.vue";
+import modalButton from "../../../../components/modal_button.vue";
+export default {
+    components: {
+        'fixed-modal': fixedModal,
+        'modal-button': modalButton
+    },
+    data(){
+        return {
+            
+        }
+    },
+    onLoad(){
+        
+    },
+    methods: {
+        
+    }
+}
+</script>
+
+<style lang="scss">
+    .edit-account{
+        padding-top: 56upx;
+        padding-bottom: 60upx;
+        .ea-num{
+            padding: 0 40upx;
+            @include flcw(28upx, 40upx, #1A1A1A);
+            @include tHide;
+        }
+        .ea-tip{
+            padding: 0 40upx;
+            margin-top: 20upx;
+            @include flcw(24upx, 40upx, #EA5061);
+        }
+        .edit-ipt{
+            margin-top: 46upx;
+        }
+        .ep-item{
+            padding:  0 40upx;
+            @include ctf(space-between);
+            .ei-label{
+                @include flcw(28upx, 40upx, #1A1A1A);
+                .el-star{
+                    margin-right: 10upx;
+                    color: #EA5061;
+                }
+            }
+            .ei-input{
+                flex-shrink: 0;
+                flex-grow: 0;
+                width: 406upx;
+                box-sizing: border-box;
+                margin-top: 20upx;
+                padding: 0 20upx;
+                height: 88upx;
+                border-radius: 10upx;
+                border: 2upx solid #D8D8D8;
+                @include flcw(28upx, 40upx, #1A1A1A);
+            }
+            & + .ep-item{
+                margin-top: 20upx;
+            }
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/subpackage/account/pages/permission/modules/info/edit_password.vue b/src/subpackage/account/pages/permission/modules/info/edit_password.vue
new file mode 100644
index 0000000..730ee1e
--- /dev/null
+++ b/src/subpackage/account/pages/permission/modules/info/edit_password.vue
@@ -0,0 +1,67 @@
+<template>
+    <fixed-modal title="修改密码">
+        <view class="edit-password">
+            <view class="ep-item">
+                <view class="ei-label"><text class="el-star">*</text>原密码</view>
+                <input class="ei-input" type="password" placeholder="请输入原密码" />
+            </view>
+            <view class="ep-item">
+                <view class="ei-label"><text class="el-star">*</text>确认新密码</view>
+                <input class="ei-input" type="password" placeholder="请输入新密码" />
+            </view>
+        </view>
+        <modal-button green>确认修改</modal-button>
+    </fixed-modal>
+    
+</template>
+
+<script>
+import fixedModal from "../../../../components/fixed_modal.vue";
+import modalButton from "../../../../components/modal_button.vue";
+export default {
+    components: {
+        'fixed-modal': fixedModal,
+        'modal-button': modalButton
+    },
+    data(){
+        return {
+            
+        }
+    },
+    onLoad(){
+        
+    },
+    methods: {
+        
+    }
+}
+</script>
+
+<style lang="scss">
+    .edit-password{
+        padding-top: 56upx;
+        padding-bottom: 60upx;
+        .ep-item{
+            padding:  0 40upx;
+            .ei-label{
+                @include flcw(28upx, 40upx, #1A1A1A);
+                .el-star{
+                    margin-right: 10upx;
+                    color: #EA5061;
+                }
+            }
+            .ei-input{
+                display: block;
+                margin-top: 20upx;
+                padding: 0 20upx;
+                height: 88upx;
+                border-radius: 10upx;
+                border: 2upx solid #D8D8D8;
+                @include flcw(28upx, 40upx, #1A1A1A);
+            }
+            & + .ep-item{
+                margin-top: 30upx;
+            }
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/subpackage/account/pages/permission/modules/info/min_permission.vue b/src/subpackage/account/pages/permission/modules/info/min_permission.vue
new file mode 100644
index 0000000..29ed327
--- /dev/null
+++ b/src/subpackage/account/pages/permission/modules/info/min_permission.vue
@@ -0,0 +1,62 @@
+<template>
+    <view class="min-permission">
+        <info-container title="商家助手小程序权限">
+            <template v-slot:title-right>
+                <view class="mp-tr-content">
+                    <view class="mtc-name">已绑定（微信用户）</view>
+                    <view class="mtc-status">解绑</view>
+                </view>
+            </template>
+            <template v-slot:content>
+                <view class="mp-content">
+                    <view class="mc-item" v-for="i in 7" :key="i">
+                        <permission-item :active="i%3 === 0"></permission-item>
+                    </view>
+                </view>
+            </template>
+        </info-container>
+    </view>
+</template>
+
+<script>
+import infoContainer from '../../../../components/info_container.vue';
+import permissionItem from './permission_item.vue';
+export default {
+    components: {
+        'info-container': infoContainer,
+        'permission-item': permissionItem
+    },
+}
+</script>
+
+<style lang="scss">
+.min-permission{
+    .mp-tr-content{
+        @include ctf(space-between);
+        .mtc-name{
+            flex-grow: 1;
+            @include flcw(24upx, 34upx, #9C9C9F);
+            @include tHide;
+        }
+        .mtc-status{
+            margin-left: 10upx;
+            flex-shrink: 0;
+            @include flcw(24upx, 34upx, #EA5061);
+        }
+    }
+    .mp-content{
+        padding: 0 20upx;
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        .mc-item{
+            flex-shrink: 0;
+            flex-grow: 0;
+            width: 188upx;
+            &:nth-child(n + 4){
+                margin-top: 20upx;
+            }
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/subpackage/account/pages/permission/modules/info/permission_item.vue b/src/subpackage/account/pages/permission/modules/info/permission_item.vue
new file mode 100644
index 0000000..184fab6
--- /dev/null
+++ b/src/subpackage/account/pages/permission/modules/info/permission_item.vue
@@ -0,0 +1,36 @@
+<template>
+    <view class="permission-item">
+        <image v-if="active" class="pi-icon"></image>
+        <text class="pi-txt" :class="{ 'pi-active': active }">订单管理</text>
+    </view>
+</template>
+
+<script>
+export default {
+    props: {
+        active: {
+            type: Boolean,
+            default: false
+        }
+    }
+}
+</script>
+
+<style lang="scss">
+.permission-item{
+    @include tHide;
+    .pi-icon{
+        margin-right: 14upx;
+        width: 26upx;
+        height: 26upx;
+        background: skyblue;
+    }
+    .pi-txt{
+        @include flcw(28upx, 40upx, #9C9C9F, 500);
+        &.pi-active{
+            color: #1A1A1A;
+        }
+    }
+    
+}
+</style>
\ No newline at end of file
diff --git a/src/subpackage/account/pages/permission/modules/info/stadium_permission.vue b/src/subpackage/account/pages/permission/modules/info/stadium_permission.vue
new file mode 100644
index 0000000..ea53a20
--- /dev/null
+++ b/src/subpackage/account/pages/permission/modules/info/stadium_permission.vue
@@ -0,0 +1,34 @@
+<template>
+    <view class="stadium-permission">
+        <info-container title="门店权限">
+            <template v-slot:content>
+                <view class="sp-content">
+                    <view class="sp-item" v-for="i in 4" :key="i">
+                        <permission-item :active="i%3 === 0"></permission-item>
+                    </view>
+                </view>
+                
+            </template>
+        </info-container>
+    </view>
+</template>
+
+<script>
+import infoContainer from '../../../../components/info_container.vue';
+import permissionItem from './permission_item.vue';
+export default {
+    components: {
+        'info-container': infoContainer,
+        'permission-item': permissionItem
+    },
+}
+</script>
+
+<style lang="scss">
+.sp-content{
+    padding: 0 20upx;
+    .sp-item + .sp-item{
+        margin-top: 20upx;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/subpackage/account/pages/permission/modules/info/user.vue b/src/subpackage/account/pages/permission/modules/info/user.vue
deleted file mode 100644
index be80e56..0000000
--- a/src/subpackage/account/pages/permission/modules/info/user.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-<template>
-    <view class="info-user">
-        <view class="iu-top">
-            <view class="it-left">
-                <view class="il-name">周小舞</view>
-                <image class="il-edit"></image>
-            </view>
-            <image class="it-delete"></image>
-        </view>
-        <view class="iu-box">
-            <view class="iu-line">
-                <text class="il-txt">登录账号：</text> liuhuo2524
-            </view>
-            <view class="iu-line">
-                <text class="il-txt">密码：</text> <text class="il-link">修改密码</text>
-            </view>
-            <view class="iu-line">
-                <text class="il-txt">创建时间：</text> 2024-12-09 11:21:40
-            </view>
-        </view>
-        
-    </view>
-</template>
-
-<script>
-export default {
-
-}
-</script>
-
-<style lang="scss">
-.info-user{
-    padding: 20upx 20upx 30upx;
-    border-radius: 10upx;
-    background-color: #fff;
-    .iu-top{
-        @include ctf(space-between);
-        .it-left{
-            @include ctf;
-            .il-name{
-                @include flcw(44upx, 60upx, #1A1A1A);
-                @include tHide;
-            }
-            .il-edit{
-                flex-shrink: 0;
-                margin-left: 20upx;
-                width: 36upx;
-                height: 36upx;
-                background: skyblue;
-            }
-        }
-        .it-delete{
-            flex-shrink: 0;
-            margin-left: 20upx;
-            width: 36upx;
-            height: 36upx;
-            background: skyblue;
-        }
-    }
-    .iu-box{
-        margin-top: 20upx;
-    }
-    .iu-line{
-        @include flcw($color: #1A1A1A);
-        @include tHide;
-        .il-txt{
-            color: #9C9C9F;
-        }
-        .il-link{
-            color: $mColor;
-            text-decoration: underline;
-        }
-    }
-}
-</style>
\ No newline at end of file
diff --git a/src/subpackage/account/pages/permission/modules/title_bar.vue b/src/subpackage/account/pages/permission/modules/title_bar.vue
deleted file mode 100644
index 6d7c45b..0000000
--- a/src/subpackage/account/pages/permission/modules/title_bar.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<template>
-    <view class="title-bar">
-
-    </view>
-</template>
-
-<script>
-export default {
-
-}
-</script>
-
-<style lang="scss">
-    .title-bar{
-        
-    }
-</style>
\ No newline at end of file