@logwire/logwire-wms-pda-ui 1.1.17 → 1.2.0

package/src/components/page/common/My/index.vue

@@ -1,477 +1,520 @@
-<!--
-  我的管理页
-  @author: 张文
-  @date: 2022-03-02
--->
-<template>
-  <div class="lw-my-page-box">
-    <!-- 顶部 -->
-    <slot name="top"/>
-
-    <!-- 用户信息 -->
-    <div v-if="showUserInfo" class="lw-my-page-user-box">
-      <img class="lw-my-page-user-bg" :src="bgImg" alt="">
-
-      <!-- 用户信息 -->
-      <div class="lw-global-flex-center lw-my-page-user">
-        <div class="lw-my-page-name">{{ userInfo.staffNum }}</div>
-
-        <div style="width: 100%" class="lw-global-flex-start">
-          <img class="lw-my-page-user-photo" :src="userPhoto" alt="">
-
-          <div class="lw-global-animation-out" style="font-size: 14px">
-            <div>{{ userInfo.staffName }}</div>
-            <div style="margin-top: 10px">
-              {{ $lwLanguage.get('wms_project.pda.common.my.oldLogin','上次登录') }}：{{ $lwDate.format(userInfo.lastOnlineTime) }}
-            </div>
-          </div>
-        </div>
-
-      </div>
-    </div>
-
-    <!-- 系统信息 -->
-    <div
-      v-if="showSystem"
-      class="lw-my-page-system-box"
-    >
-      <!-- 系统信息 -->
-      <lw-system-info-module
-        v-bind="systemStyle"
-        @click="systemClick"
-      >
-
-        <template #top>
-          <slot name="systemTop"></slot>
-        </template>
-
-        <template #end>
-          <slot name="systemEnd"></slot>
-        </template>
-
-      </lw-system-info-module>
-    </div>
-
-
-    <!-- 设置项 -->
-    <div class="lw-my-page-set-box">
-
-      <!-- 仓库信息 -->
-      <lw-cell
-        class="lw-global-animation-out"
-        style="animation-delay: 50ms"
-        v-if="showWarehouse"
-        :value="$lwWarehouse.get().name || '-'"
-        @click="cellClick('warehouse')"
-      >
-        <template #title>
-          <div class="lw-global-flex-start">
-            <img class="lw-my-page-set-img" src="../../../../assets/img/my/warehouse.png" alt="">
-            <span class="lw-my-page-set-title">
-              {{ $lwLanguage.get('wms_project.pda.common.my.warehouse','当前仓库') }}
-            </span>
-          </div>
-        </template>
-      </lw-cell>
-
-
-      <!-- 设备 -->
-      <lw-cell
-        class="lw-global-animation-out"
-        style="animation-delay: 100ms"
-        v-if="showDevice"
-        :value="device"
-        @click="cellClick('device')"
-      >
-        <template #title>
-          <div class="lw-global-flex-start">
-            <img class="lw-my-page-set-img" src="../../../../assets/img/my/device.png" alt="">
-            <span class="lw-my-page-set-title">{{ $lwLanguage.get('wms_project.pda.common.my.device','设备') }}</span>
-          </div>
-        </template>
-      </lw-cell>
-
-
-      <!-- 打印设置 -->
-      <lw-cell
-        class="lw-global-animation-out"
-        style="animation-delay: 150ms"
-        v-if="showPrint"
-        :value="printNum"
-        @click="cellClick('print')"
-      >
-        <template #title>
-          <div class="lw-global-flex-start">
-            <img class="lw-my-page-set-img" src="../../../../assets/img/my/printer.png" alt="">
-            <span class="lw-my-page-set-title">
-              {{ $lwLanguage.get('wms_project.pda.common.my.setPrint','打印设置') }}
-            </span>
-          </div>
-        </template>
-      </lw-cell>
-
-
-      <!-- 消息 -->
-      <lw-cell
-        class="lw-global-animation-out"
-        style="animation-delay: 200ms"
-        v-if="showMsg"
-        :value="'未读 ' + msgNum"
-        @click="cellClick('msg')"
-      >
-        <template #title>
-          <div class="lw-global-flex-start">
-            <img class="lw-my-page-set-img" src="../../../../assets/img/my/message.png" alt="">
-            <span class="lw-my-page-set-title">
-              {{ $lwLanguage.get('wms_project.pda.common.my.message','消息') }}
-            </span>
-          </div>
-        </template>
-      </lw-cell>
-
-
-      <!-- 语言 -->
-      <lw-cell
-        class="lw-global-animation-out"
-        style="animation-delay: 250ms"
-        v-if="showLanguage"
-        :value="language"
-        @click="cellClick('language')"
-      >
-        <template #title>
-          <div class="lw-global-flex-start">
-            <img class="lw-my-page-set-img" src="../../../../assets/img/my/language.png" alt="">
-            <span class="lw-my-page-set-title">
-              {{ $lwLanguage.get('wms_project.pda.common.my.language','语言选择') }}
-            </span>
-          </div>
-        </template>
-      </lw-cell>
-
-
-      <!-- 版本号 -->
-      <lw-cell
-        class="lw-global-animation-out"
-        style="animation-delay: 300ms"
-        :value="version"
-        :is-link="false"
-      >
-        <template #title>
-          <div class="lw-global-flex-start">
-            <img class="lw-my-page-set-img" src="../../../../assets/img/my/versions.png" alt="">
-            <span class="lw-my-page-set-title">
-              {{ $lwLanguage.get('','版本号') }}
-            </span>
-          </div>
-        </template>
-      </lw-cell>
-
-      <slot name="addSetItem"/>
-
-      <lw-button
-        v-if="showLogout"
-        style="margin-top: 10px;animation-delay: 250ms"
-        block
-        @click="logout"
-      >{{ $lwLanguage.get('wms_project.pda.common.my.logout', '退出登录') }} </lw-button>
-    </div>
-
-    <!-- 底部 -->
-    <slot name="end"/>
-
-    <!-- 底部导航栏 -->
-    <slot name="tabBar">
-      <lw-tab-bar/>
-    </slot>
-  </div>
-</template>
-
-<script>
-import config from "./../../../../../package.json";
-export default {
-  name: "lwMyPage",
-  props:{
-    // 是否显示用户信息
-    showUserInfo:{
-      type: Boolean,
-      default: true
-    },
-    // 用户基础信息背景图
-    bgImg:{
-      default: require('../../../../assets/img/my/myBackground.png')
-    },
-    // 用户头像
-    userPhoto:{
-      default: require('../../../../assets/img/my/user.png')
-    },
-
-    // 是否显示系统信息
-    showSystem:{
-      type:Boolean,
-      default: true
-    },
-    // 系统信息数据
-    systemStyle: Object,
-
-    // 所以跳转额外携带的参数
-    query: {
-      type:Object,
-      default: () => {
-        return {
-          // 仓库数据只有一条时不自动提交
-          lwAutoOver:'no',
-          // 点击确定按钮后，返回上一页而不是跳转到path页
-          lwConfirmBack:'yes'
-        }
-      }
-    },
-
-
-    // 是否显示仓库数据
-    showWarehouse: {
-      type: Boolean,
-      default: true
-    },
-    // 点击仓库跳转的页面
-    warehousePath: {
-      type: String,
-      default: '/lwWarehouse'
-    },
-
-    // 是否显示设备
-    showDevice: {
-      type: Boolean,
-      default: true
-    },
-    // 点击设备跳转的页面
-    devicePath: {
-      type: String,
-      default: '/lwDevice'
-    },
-
-    // 是否显示打印机
-    showPrint: {
-      type: Boolean,
-      default: true
-    },
-    // 点击打印机跳转的页面
-    printPath: {
-      type: String,
-      default: '/lwPrint'
-    },
-
-    // 是否显示消息
-    showMsg: {
-      type: Boolean,
-      default: true
-    },
-    // 点击消息跳转的页面
-    msgPath: {
-      type: String,
-      default: '/lwMsg'
-    },
-
-    // 是否显示语言选择
-    showLanguage: {
-      type: Boolean,
-      default: true
-    },
-    // 点击消息跳转的页面
-    languagePath: {
-      type: String,
-      default: '/lwLanguage'
-    },
-
-    // 是否显示退出按钮
-    showLogout:{
-      type: Boolean,
-      default: true
-    },
-    // 点击后是否自动跳转到登录页
-    goLogin:{
-      type: Boolean,
-      default: true
-    },
-    // 退出后跳转的页面
-    logoutPath: {
-      type: String,
-      default: '/lwLogin'
-    }
-
-  },
-  data() {
-    return {
-
-      // 用户基础信息
-      userInfo:{},
-
-      // 设备信息
-      device:'',
-
-      // 打印机数量
-      printNum: '0',
-
-      // 未读消息数
-      msgNum: 0,
-
-      // 当前语言
-      language:'',
-
-      // 版本号
-      version:''
-    }
-  },
-  mounted() {
-    // 用户信息
-    this.$lwApi.user.userStatus().then(res=>{
-      this.userInfo = res
-    })
-
-    // 设备
-    this.$lwApi.device.get().then(res=>{
-      if (res){
-        this.device = `${res.name} - ${res.code} - ${res.forkliftHightLowTypeLabel}`
-      }
-    })
-
-    // 打印机
-    this.$lwPrint.asyncGet().then(res=>{
-      this.printNum = (res.length || 0).toString()
-    })
-
-    // 消息
-    this.$lwApi.msg.getList({
-      pageNum:0,
-      pageSize:1,
-      flag: 0
-    }).then(res => {
-      this.msgNum = res.messageCount || 0
-    })
-
-    // 语言
-    this.$lwApi.language.getList().then(res=>{
-      const languageKey = this.$lwLanguage.getKey() || 'zh'
-      const data = res.filter(item=>{
-        return item.value === languageKey
-      })
-
-      this.language = data.length ? data[0].label : languageKey
-    })
-
-    this.version = 'v ' + config.version
-  },
-  methods: {
-    // 系统信息下线按钮被点击
-    systemClick(ev){
-      this.$emit('systemClick', ev)
-    },
-
-    // 菜单栏被点击
-    cellClick(name){
-      const key = name + 'Path'
-      if(this[key]){
-        this.$router.push({
-          path: this[key],
-          query: this.query || {}
-        })
-        return
-      }
-
-      this.$emit('cellClick', name)
-
-    },
-
-    // 退出登录
-    async logout(ev){
-      // 解绑UUID
-      await this.$lwApi.uuid.mobileUnbindDevice()
-
-      this.$lwPermissions.set([])
-      this.$lwWarehouse.set({})
-      this.$lwApiUtils.setToken(null)
-      sessionStorage.removeItem('lwWarehouse')
-      sessionStorage.removeItem('lwToken')
-
-      if (this.goLogin){
-        this.$router.push({
-          path:this.logoutPath
-        })
-
-        return
-      }
-
-      this.$emit('logout', ev)
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-/*
-* 我的管理页
-*/
-
-.lw-my-page-box{
-  background: #fff;
-}
-
-.lw-my-page-user-box{
-  position: relative;
-}
-
-.lw-my-page-user-bg{
-  width: 100%;
-}
-
-.lw-my-page-user{
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  color: #fff;
-  flex-direction: column;
-  padding: 0 15px;
-  box-sizing: border-box;
-}
-
-.lw-my-page-name{
-  font-size: 18px;
-  letter-spacing: 3px;
-  text-align: center;
-  width: 100%;
-  margin-bottom: 15px;
-}
-
-
-
-.lw-my-page-user-photo{
-  width: 60px;
-  max-height: 60px;
-  border-radius: 50%;
-  overflow: hidden;
-  margin-right: 15px;
-}
-
-
-.lw-my-page-system-box{
-  transform: translateY(-40px);
-  padding: 0 15px;
-}
-
-
-.lw-my-page-set-box{
-  transform: translateY(-50px);
-  padding: 10px;
-  background: #fff;
-}
-.lw-my-page-set-img{
-  width: 18px;
-  margin-right: 10px;
-}
-.lw-my-page-set-title{
-  font-weight: 500;
-}
-
-</style>
+<!--
+  我的管理页
+  @author: 张文
+  @date: 2022-03-02
+-->
+<template>
+  <div class="lw-my-page-box">
+    <!-- 顶部 -->
+    <slot name="top"/>
+
+    <!-- 用户信息 -->
+    <div v-if="showUserInfo" class="lw-my-page-user-box">
+      <img class="lw-my-page-user-bg" :src="bgImg" alt="">
+
+      <!-- 用户信息 -->
+      <div class="lw-global-flex-center lw-my-page-user">
+        <div class="lw-my-page-name">{{ userInfo.staffNum }}</div>
+
+        <div style="width: 100%" class="lw-global-flex-start">
+          <img class="lw-my-page-user-photo" :src="userPhoto" alt="">
+
+          <div class="lw-global-animation-out" style="font-size: 14px">
+            <div>{{ userInfo.staffName }}</div>
+            <div style="margin-top: 10px">
+              {{ $lwLanguage.get('wms_project.pda.common.my.oldLogin','上次登录') }}：{{ $lwDate.format(userInfo.lastOnlineTime) }}
+            </div>
+          </div>
+        </div>
+
+      </div>
+    </div>
+
+    <!-- 系统信息 -->
+    <div
+      v-if="showSystem"
+      class="lw-my-page-system-box"
+    >
+      <!-- 系统信息 -->
+      <lw-system-info-module
+        v-bind="systemStyle"
+        @click="systemClick"
+      >
+
+        <template #top>
+          <slot name="systemTop"></slot>
+        </template>
+
+        <template #end>
+          <slot name="systemEnd"></slot>
+        </template>
+
+      </lw-system-info-module>
+    </div>
+
+
+    <!-- 设置项 -->
+    <div class="lw-my-page-set-box">
+
+      <!-- 仓库信息 -->
+      <lw-cell
+        class="lw-global-animation-out"
+        style="animation-delay: 50ms"
+        v-if="showWarehouse"
+        :value="$lwWarehouse.get().name || '-'"
+        @click="cellClick('warehouse')"
+      >
+        <template #title>
+          <div class="lw-global-flex-start">
+            <img class="lw-my-page-set-img" src="../../../../assets/img/my/warehouse.png" alt="">
+            <span class="lw-my-page-set-title">
+              {{ $lwLanguage.get('wms_project.pda.common.my.warehouse','当前仓库') }}
+            </span>
+          </div>
+        </template>
+      </lw-cell>
+
+
+      <!-- 设备 -->
+      <lw-cell
+        class="lw-global-animation-out"
+        style="animation-delay: 100ms"
+        v-if="showDevice"
+        :value="device"
+        @click="cellClick('device')"
+      >
+        <template #title>
+          <div class="lw-global-flex-start">
+            <img class="lw-my-page-set-img" src="../../../../assets/img/my/device.png" alt="">
+            <span class="lw-my-page-set-title">{{ $lwLanguage.get('wms_project.pda.common.my.device','设备') }}</span>
+          </div>
+        </template>
+      </lw-cell>
+
+
+      <!-- 打印设置 -->
+      <lw-cell
+        class="lw-global-animation-out"
+        style="animation-delay: 150ms"
+        v-if="showPrint"
+        :value="printNum"
+        @click="cellClick('print')"
+      >
+        <template #title>
+          <div class="lw-global-flex-start">
+            <img class="lw-my-page-set-img" src="../../../../assets/img/my/printer.png" alt="">
+            <span class="lw-my-page-set-title">
+              {{ $lwLanguage.get('wms_project.pda.common.my.setPrint','打印设置') }}
+            </span>
+          </div>
+        </template>
+      </lw-cell>
+
+
+      <!-- 消息 -->
+      <lw-cell
+        class="lw-global-animation-out"
+        style="animation-delay: 200ms"
+        v-if="showMsg"
+        :value="'未读 ' + msgNum"
+        @click="cellClick('msg')"
+      >
+        <template #title>
+          <div class="lw-global-flex-start">
+            <img class="lw-my-page-set-img" src="../../../../assets/img/my/message.png" alt="">
+            <span class="lw-my-page-set-title">
+              {{ $lwLanguage.get('wms_project.pda.common.my.message','消息') }}
+            </span>
+          </div>
+        </template>
+      </lw-cell>
+
+
+      <!-- 语言 -->
+      <lw-cell
+        class="lw-global-animation-out"
+        style="animation-delay: 250ms"
+        v-if="showLanguage"
+        :value="language"
+        @click="cellClick('language')"
+      >
+        <template #title>
+          <div class="lw-global-flex-start">
+            <img class="lw-my-page-set-img" src="../../../../assets/img/my/language.png" alt="">
+            <span class="lw-my-page-set-title">
+              {{ $lwLanguage.get('wms_project.pda.common.my.language','语言选择') }}
+            </span>
+          </div>
+        </template>
+      </lw-cell>
+
+
+      <!-- 时区 -->
+      <lw-cell
+        class="lw-global-animation-out"
+        style="animation-delay: 300ms"
+        v-if="showTimezone"
+        :value="timezone"
+        @click="cellClick('timezone')"
+      >
+        <template #title>
+          <div class="lw-global-flex-start">
+            <img class="lw-my-page-set-img" src="../../../../assets/img/my/timezone.png" alt="">
+            <span class="lw-my-page-set-title">
+              {{ $lwLanguage.get('wms_project.pda.page.common.timezone.select','时区选择') }}
+            </span>
+          </div>
+        </template>
+      </lw-cell>
+
+
+      <!-- 版本号 -->
+      <lw-cell
+        class="lw-global-animation-out"
+        style="animation-delay: 300ms"
+        :value="version"
+        :is-link="false"
+      >
+        <template #title>
+          <div class="lw-global-flex-start">
+            <img class="lw-my-page-set-img" src="../../../../assets/img/my/versions.png" alt="">
+            <span class="lw-my-page-set-title">
+              {{ $lwLanguage.get('wms_project.pda.components.page.common.My.tskysabk','版本号') }}
+            </span>
+          </div>
+        </template>
+      </lw-cell>
+
+      <slot name="addSetItem"/>
+
+      <lw-button
+        v-if="showLogout"
+        style="margin-top: 10px;animation-delay: 250ms"
+        block
+        @click="logout"
+      >{{ $lwLanguage.get('wms_project.pda.common.my.logout', '退出登录') }} </lw-button>
+    </div>
+
+    <!-- 底部 -->
+    <slot name="end"/>
+
+    <!-- 底部导航栏 -->
+    <slot name="tabBar">
+      <lw-tab-bar/>
+    </slot>
+  </div>
+</template>
+
+<script>
+import config from "./../../../../../package.json";
+
+import myBackgroundImg from '../../../../assets/img/my/myBackground.png'
+import userImg from '../../../../assets/img/my/user.png'
+
+export default {
+  name: "lwMyPage",
+  props:{
+    // 是否显示用户信息
+    showUserInfo:{
+      type: Boolean,
+      default: true
+    },
+    // 用户基础信息背景图
+    bgImg:{
+      default: myBackgroundImg
+    },
+    // 用户头像
+    userPhoto:{
+      default: userImg
+    },
+
+    // 是否显示系统信息
+    showSystem:{
+      type:Boolean,
+      default: true
+    },
+    // 系统信息数据
+    systemStyle: Object,
+
+    // 所以跳转额外携带的参数
+    query: {
+      type:Object,
+      default: () => {
+        return {
+          // 仓库数据只有一条时不自动提交
+          lwAutoOver:'no',
+          // 点击确定按钮后，返回上一页而不是跳转到path页
+          lwConfirmBack:'yes'
+        }
+      }
+    },
+
+
+    // 是否显示仓库数据
+    showWarehouse: {
+      type: Boolean,
+      default: true
+    },
+    // 点击仓库跳转的页面
+    warehousePath: {
+      type: String,
+      default: '/lwWarehouse'
+    },
+
+    // 是否显示设备
+    showDevice: {
+      type: Boolean,
+      default: true
+    },
+    // 点击设备跳转的页面
+    devicePath: {
+      type: String,
+      default: '/lwDevice'
+    },
+
+    // 是否显示打印机
+    showPrint: {
+      type: Boolean,
+      default: true
+    },
+    // 点击打印机跳转的页面
+    printPath: {
+      type: String,
+      default: '/lwPrint'
+    },
+
+    // 是否显示消息
+    showMsg: {
+      type: Boolean,
+      default: true
+    },
+    // 点击消息跳转的页面
+    msgPath: {
+      type: String,
+      default: '/lwMsg'
+    },
+
+    // 是否显示语言选择
+    showLanguage: {
+      type: Boolean,
+      default: true
+    },
+    // 点击语言跳转的页面
+    languagePath: {
+      type: String,
+      default: '/lwLanguage'
+    },
+
+    // 是否显示时区选择
+    showTimezone: {
+      type: Boolean,
+      default: true
+    },
+    // 点击时区跳转的页面
+    timezonePath: {
+      type: String,
+      default: '/lwTimezone'
+    },
+
+    // 是否显示退出按钮
+    showLogout:{
+      type: Boolean,
+      default: true
+    },
+    // 点击后是否自动跳转到登录页
+    goLogin:{
+      type: Boolean,
+      default: true
+    },
+    // 退出后跳转的页面
+    logoutPath: {
+      type: String,
+      default: '/lwLogin'
+    }
+
+  },
+  data() {
+    return {
+
+      // 用户基础信息
+      userInfo:{},
+
+      // 设备信息
+      device:'',
+
+      // 打印机数量
+      printNum: '0',
+
+      // 未读消息数
+      msgNum: 0,
+
+      // 当前语言
+      language:'',
+
+      // 当前时区
+      timezone:'',
+
+      // 版本号
+      version:''
+    }
+  },
+  mounted() {
+    // 用户信息
+    this.$lwApi.user.userStatus().then(res=>{
+      this.userInfo = res
+    })
+
+    // 设备
+    this.$lwApi.device.get().then(res=>{
+      if (res){
+        this.device = `${res.name} - ${res.code} - ${res.forkliftHightLowTypeLabel}`
+      }
+    })
+
+    // 打印机
+    this.$lwPrint.asyncGet().then(res=>{
+      this.printNum = (res.length || 0).toString()
+    })
+
+    // 消息
+    this.$lwApi.msg.getList({
+      pageNum:0,
+      pageSize:1,
+      flag: 0
+    }).then(res => {
+      this.msgNum = res.messageCount || 0
+    })
+
+    // 语言
+    this.$lwApi.language.getList().then(res=>{
+      const languageKey = this.$lwLanguage.getKey() || 'zh'
+      const data = res.filter(item=>{
+        return item.value === languageKey
+      })
+
+      this.language = data.length ? data[0].label : languageKey
+    })
+
+    const lwTimezone = this.$lwLocalStorag.get('lwTimezone')
+
+    // 当前时区
+    this.timezone = lwTimezone ? lwTimezone.timezone : '-'
+
+    // 版本号
+    this.version = 'v ' + config.version
+  },
+  methods: {
+    // 系统信息下线按钮被点击
+    systemClick(ev){
+      this.$emit('systemClick', ev)
+    },
+
+    // 菜单栏被点击
+    cellClick(name){
+      const key = name + 'Path'
+      if(this[key]){
+        this.$router.push({
+          path: this[key],
+          query: this.query || {}
+        })
+        return
+      }
+
+      this.$emit('cellClick', name)
+
+    },
+
+    // 退出登录
+    async logout(ev){
+      // 解绑UUID
+      await this.$lwApi.uuid.mobileUnbindDevice()
+
+      this.$lwPermissions.set([])
+      this.$lwWarehouse.set({})
+      this.$lwApiUtils.setToken(null)
+      sessionStorage.removeItem('lwWarehouse')
+      sessionStorage.removeItem('lwToken')
+
+      if (this.goLogin){
+        this.$router.push({
+          path:this.logoutPath
+        })
+
+        return
+      }
+
+      this.$emit('logout', ev)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+/*
+* 我的管理页
+*/
+
+.lw-my-page-box{
+  background: #fff;
+}
+
+.lw-my-page-user-box{
+  position: relative;
+}
+
+.lw-my-page-user-bg{
+  width: 100%;
+}
+
+.lw-my-page-user{
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  color: #fff;
+  flex-direction: column;
+  padding: 0 15px;
+  box-sizing: border-box;
+}
+
+.lw-my-page-name{
+  font-size: 18px;
+  letter-spacing: 3px;
+  text-align: center;
+  width: 100%;
+  margin-bottom: 15px;
+}
+
+
+
+.lw-my-page-user-photo{
+  width: 60px;
+  max-height: 60px;
+  border-radius: 50%;
+  overflow: hidden;
+  margin-right: 15px;
+}
+
+
+.lw-my-page-system-box{
+  transform: translateY(-40px);
+  padding: 0 15px;
+}
+
+
+.lw-my-page-set-box{
+  transform: translateY(-50px);
+  padding: 10px;
+  background: #fff;
+}
+.lw-my-page-set-img{
+  width: 18px;
+  margin-right: 10px;
+}
+.lw-my-page-set-title{
+  font-weight: 500;
+}
+
+</style>