n20-common-lib 2.7.0-beta.2 → 2.7.0-beta.21

package/src/components/LoginTemporary/indexN.vue

@@ -23,8 +23,6 @@
       }"
       :style="{ backgroundImage: loginBg }"
     >
-      <component :is="'style'">{{ wrapStyle }}</component>
-
       <div class="login-logo-box flex-box flex-v">
         <img
           v-if="loginLogo"
@@ -35,37 +33,9 @@
         <h3 class="login-logo-text">{{ loginLogoText | $l }}</h3>
       </div>
 
-      <!-- <el-dropdown
-        v-if="!jsonData.hideLang"
-        class="login-language-box m-l-lg"
-        :style="{ right: _lang == 'en' ? '260px' : '200px' }"
-        @command="setLang"
-      >
-        <span
-          class="set-user-btn iconfont header-color"
-          :class="{
-            'icon-zhongwen': langVal === 'zh-cn',
-            'icon-fanti': langVal === 'zh-hk',
-            'icon-yuyanqiehuan': langVal === 'en'
-          }"
-        ></span>
-
-        <el-dropdown-menu slot="dropdown">
-          <el-dropdown-item command="zh-cn"
-            ><i class="iconfont icon-zhongwen f-s-icon"></i>{{ '简体中文' | $lc }}</el-dropdown-item
-          >
-          <el-dropdown-item command="zh-hk"
-            ><i class="iconfont icon-fanti f-s-icon"></i>{{ '繁体中文' | $lc }}</el-dropdown-item
-          >
-          <el-dropdown-item command="en"
-            ><i class="iconfont icon-yuyanqiehuan f-s-icon"></i>{{ '英文' | $lc }}</el-dropdown-item
-          >
-        </el-dropdown-menu>
-      </el-dropdown> -->
-
       <div v-if="inspectionCenter" class="login-verify-box" @click="inspectionV = true">{{ '查验中心' | $lc }} ></div>
 
-      <template v-if="form.LOGIN_TYPE === 'T1'">
+      <template v-if="form.LOGIN_TYPE === 'T1' && showSystem">
         <div class="sys-title">{{ '系统选择区' | $lc }}</div>
         <div class="sys-carousel">
           <div class="swiper-wrapper">
@@ -85,7 +55,7 @@
         <div class="swiper-button-prev" @click="slidePrev"></div>
         <div class="swiper-button-next" @click="slideNext"></div>
       </template>
-      <template v-if="form.LOGIN_TYPE === 'T2'">
+      <template v-if="form.LOGIN_TYPE === 'T2' && showSystem">
         <div class="sys-title">{{ '系统选择区' | $lc }}</div>
         <div class="sys-carousel overflow-clear">
           <div
@@ -251,6 +221,7 @@ export default {
       langVal: window.localStorage.getItem('pageLang') || 'zh-cn',
       operateType: 'login',
       alV: false,
+      showSystem: false,
       form: {
         LOGIN_URL: '',
         LOGIN_MODE: [],
@@ -359,6 +330,9 @@ export default {
     pluginPlatform() {
       return this.jsonData.pluginPlatform
     },
+    showSystem() {
+      return this.jsonData.showSystem
+    },
     loginSloganHtml() {
       return this.form.LOGIN_SLOGAN || this.jsonData.loginSloganHtml || ''
     },
@@ -378,6 +352,8 @@ export default {
         form.systemNo = this.sltSys.NO
       } else if (this.systemList.length === 1) {
         form.systemNo = this.systemList[0].NO
+      } else {
+        form.systemNo = localStorage.getItem('pageInSystemNo')
       }
 
       return form
@@ -402,17 +378,11 @@ export default {
     if (window.sessionStorage.getItem('_auto_login_ing_')) return this.autoLoginSS()
     this.removeStorage()
 
-    // this.setWrapSty()
-    // window.addEventListener('resize', this.setWrapSty)
-
     this.init()
     this.getIsImgCode()
     localStorage.removeItem('pageInType')
-    localStorage.setItem('pageInSystemNo', this.form.SYSTEM_LIST[0].NO)
-  },
-  beforeDestroy() {
-    // window.removeEventListener('resize', this.setWrapSty)
   },
+  beforeDestroy() {},
   methods: {
     getIsImgCode() {
       axios
@@ -431,23 +401,6 @@ export default {
         await this.loginThen()
       }
     },
-    // setWrapSty() {
-    //   let winW = document.documentElement.clientWidth
-    //   let winH = document.documentElement.clientHeight
-    //   let ratioO = winW / winH
-    //   let W = 1440
-    //   let H = 900
-    //   let ratio = W / H
-    //   if (winW >= W && winH >= H) {
-    //     this.wrapStyle = ''
-    //     return false
-    //   }
-    //   if (ratioO > ratio) {
-    //     this.wrapStyle = `.login-wrap{width:${Math.floor(H * ratioO)}px; height:${H}px; transform: scale(${winH / H});}`
-    //   } else {
-    //     this.wrapStyle = `.login-wrap{width:${W}px; height:${Math.floor(W / ratioO)}px; transform: scale(${winW / W});}`
-    //   }
-    // },
     // 系统分辨率是否缩放
     getScreenSetting() {
       var ratio = 0
@@ -482,7 +435,7 @@ export default {
     async init() {
       const { _layoutData = {}, loginSetting, screenInspect } = await getJsonc('/server-config.jsonc')
       let _loginSetting = loginSetting || _layoutData.loginSetting
-      if (_loginSetting !== 'JSON') {
+      if (_loginSetting !== 'JSON' && this.jsonData.showSystem) {
         await this.getSysSet()
       }
       screenInspect && this.getScreenSetting()

package/src/components/Pagination/index.vue

@@ -1,78 +1,13 @@
-<template>
-  <div class="n20-pagination-1">
-    <el-pagination
-      layout="prev,next,slot"
-      :current-page.sync="pageObjC[pageKey.no]"
-      :page-size="pageObjC[pageKey.size]"
-      :total="pageObjC[pageKey.total]"
-      :size="size"
-      @current-change="setnoOrsize"
-    />
-    <span class="m-r-ss"
-      ><span class="color-primary">{{ pageObjC[pageKey.no] }}</span
-      >/{{ max }}</span
-    >
-    <span>{{ '到第' | $lc }}</span>
-    <el-input-number
-      v-model="toNo"
-      class="n20-pagination-jumper-1 m-r-ss"
-      :min="1"
-      :max="max"
-      :step="1"
-      :step-strictly="true"
-      :controls="false"
-      :size="size"
-      @change="setnoOrsize"
-    />
-    <span class="m-r-s">{{ '页' | $lc }}</span>
-    <el-popover v-model="settingV" placement="top" trigger="click">
-      <el-link slot="reference" icon="n20-icon-shezhi" :underline="false" style="font-size: 16px" />
-      <div>
-        <span>{{ '每页显示' | $lc }}</span>
-        <el-radio-group
-          v-model="pageObjC[pageKey.size]"
-          class="n20-pagination-sizes-1 m-l-s"
-          size="mini"
-          @change="
-            () => {
-              setnoOrsize()
-              settingV = false
-            }
-          "
-        >
-          <el-radio-button v-for="item in pageSizes" :key="item" class="m-r-s" :label="item" />
-        </el-radio-group>
-        <el-input-number
-          v-model="userSize"
-          class="n20-pagination-usersizes-1"
-          :class="{
-            'is-active': !pageSizes.includes(pageObjC[pageKey.size])
-          }"
-          :min="1"
-          :max="sizeMax"
-          :step="1"
-          :step-strictly="true"
-          :controls="false"
-          size="mini"
-          :placeholder="'自定义' | $lc"
-          @change="
-            () => {
-              setnoOrsize()
-              settingV = false
-            }
-          "
-        />
-      </div>
-    </el-popover>
-  </div>
-</template>
-
 <script>
-import mixins from './mixins/index.js'
-import { $lc } from '../../utils/i18n/index.js'
+import RemotePagination from './remotePagination.vue'
+import StaticPagination from './staticPagination.vue'
+
 export default {
   name: 'Pagination',
-  mixins: [mixins],
+  components: {
+    RemotePagination,
+    StaticPagination
+  },
   props: {
     size: {
       type: String,
@@ -111,71 +46,24 @@ export default {
       default: 'page/pId'
     }
   },
-  data() {
-    return {
-      settingV: false,
-      noOrsize: '',
-      pageObjC: {}
-    }
-  },
-  computed: {
-    max() {
-      let total = this.pageObj[this.pageKey.total]
-      let size = this.pageObj[this.pageKey.size]
-      return Math.ceil(total / size) || 1
-    },
-    toNo: {
-      get() {
-        return this.pageObjC[this.pageKey.no]
-      },
-      set(val) {
-        if (val) {
-          this.pageObjC[this.pageKey.no] = Math.ceil(val)
-        } else {
-          this.pageObjC[this.pageKey.no] = 1
-        }
-      }
-    },
-    userSize: {
-      get() {
-        return this.pageObjC[this.pageKey.size]
-      },
-      set(val) {
-        if (val) {
-          this.pageObjC[this.pageKey.size] = Math.ceil(val)
-        } else {
-          this.pageObjC[this.pageKey.size] = this.pageSizes[0]
-        }
-        this.pageObjC[this.pageKey.no] = !this.remote ? 1 : this.pageObjC[this.pageKey.no]
-      }
-    }
-  },
-  watch: {
-    noOrsize() {
-      this.pageObj[this.pageKey.no] = this.pageObjC[this.pageKey.no]
-      this.pageObj[this.pageKey.size] = this.pageObjC[this.pageKey.size]
-      this.pageObjC[this.pageKey.total] = this.pageObj[this.pageKey.total]
-      this.$emit('change', this.pageObjC)
-    },
-    pageObj: {
-      immediate: true,
-      deep: true,
-      handler(newValue, oldValue) {
-        this.pageObjC = this.pageObj
-      }
-    }
-  },
-  methods: {
-    setnoOrsize() {
-      let no = this.pageObjC[this.pageKey.no]
-      let size = this.pageObjC[this.pageKey.size]
-
-      this.remote
-        ? this.setRemoteData(this.pageObjC).finally(() => {
-            this.noOrsize = no + ',' + size + Date.now()
-          })
-        : (this.noOrsize = no + ',' + size + Date.now())
-    }
+  render(h) {
+    const { remote } = this
+    // 判断是否为远程分页
+    return remote
+      ? h(RemotePagination, {
+          props: this.$props,
+          on: {
+            change: (page) => {
+              this.$emit('change', page)
+            }
+          }
+        })
+      : h(StaticPagination, {
+          props: this.$props,
+          on: {
+            change: (page) => this.$emit('change', page)
+          }
+        })
   }
 }
 </script>

package/src/components/Pagination/remotePagination.vue

@@ -0,0 +1,201 @@
+<template>
+  <div class="n20-pagination-1">
+    <el-pagination
+      layout="prev,next,slot"
+      :current-page.sync="pageRemote[pageKey.no]"
+      :page-size="pageRemote[pageKey.size]"
+      :total="pageRemote[pageKey.total]"
+      :size="size"
+      @current-change="setnoOrsize"
+    />
+    <span class="m-r-ss"
+      ><span class="color-primary">{{ pageRemote[pageKey.no] }}</span
+      >/{{ max }}</span
+    >
+    <span>{{ '到第' | $lc }}</span>
+    <el-input-number
+      v-model="toNo"
+      class="n20-pagination-jumper-1 m-r-ss"
+      :min="1"
+      :max="max"
+      :step="1"
+      :step-strictly="true"
+      :controls="false"
+      :size="size"
+      @change="setnoOrsize"
+    />
+    <span class="m-r-s">{{ '页' | $lc }}</span>
+    <el-popover v-model="settingV" placement="top" trigger="click">
+      <el-link slot="reference" icon="n20-icon-shezhi" :underline="false" style="font-size: 16px" />
+      <div>
+        <span>{{ '每页显示' | $lc }}</span>
+        <el-radio-group
+          v-model="pageRemote[pageKey.size]"
+          class="n20-pagination-sizes-1 m-l-s"
+          size="mini"
+          @change="handleChange"
+        >
+          <el-radio-button v-for="item in pageSizes" :key="item" class="m-r-s" :label="item" />
+        </el-radio-group>
+        <el-input-number
+          v-model="userSize"
+          class="n20-pagination-usersizes-1"
+          :class="{
+            'is-active': !pageSizes.includes(pageRemote[pageKey.size])
+          }"
+          :min="1"
+          :max="sizeMax"
+          :step="1"
+          :step-strictly="true"
+          :controls="false"
+          size="mini"
+          :placeholder="'自定义' | $lc"
+          @change="handleChange"
+        />
+      </div>
+    </el-popover>
+  </div>
+</template>
+
+<script>
+import axios from '../../utils/axios.js'
+import { $lc } from '../../utils/i18n/index.js'
+
+export default {
+  name: 'RemotePagination',
+  props: {
+    size: {
+      type: String,
+      default: 'mini'
+    },
+    pageObj: {
+      type: Object,
+      default: () => ({
+        no: 1,
+        size: 20,
+        total: 0
+      })
+    },
+    pageKey: {
+      type: Object,
+      default: () => ({
+        no: 'no',
+        size: 'size',
+        total: 'total'
+      })
+    },
+    pageSizes: {
+      type: Array,
+      default: () => [20, 50, 100]
+    },
+    sizeMax: {
+      type: Number,
+      default: 1000
+    },
+    remote: {
+      type: Boolean,
+      default: false
+    },
+    pId: {
+      type: String,
+      default: 'pages/global'
+    }
+  },
+  data() {
+    return {
+      settingV: false,
+      userNo: sessionStorage.getItem('userNo'),
+      noOrsize: '',
+      pageRemote: {}
+    }
+  },
+  computed: {
+    max() {
+      let total = this.pageRemote[this.pageKey.total]
+      let size = this.pageRemote[this.pageKey.size]
+      return Math.ceil(total / size) || 1
+    },
+    toNo: {
+      get() {
+        return this.pageRemote[this.pageKey.no]
+      },
+      set(val) {
+        this.pageRemote[this.pageKey.no] = val ? Math.ceil(val) : 1
+      }
+    },
+    userSize: {
+      get() {
+        return this.pageRemote[this.pageKey.size]
+      },
+      set(val) {
+        this.pageRemote[this.pageKey.size] = val ? Math.ceil(val) : this.pageSizes[0]
+      }
+    }
+  },
+  watch: {
+    noOrsize() {
+      this.$set(this.pageObj, this.pageKey.no, this.pageRemote[this.pageKey.no])
+      this.$set(this.pageObj, this.pageKey.size, this.pageRemote[this.pageKey.size])
+      this.$set(this.pageObj, this.pageKey.total, this.pageRemote[this.pageKey.total])
+      this.$emit('change', this.pageObj)
+    },
+    pageObj: {
+      handler(page) {
+        this.$set(this.pageRemote, this.pageKey.no, page[this.pageKey.no])
+        this.$set(this.pageRemote, this.pageKey.total, page[this.pageKey.total])
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  mounted() {
+    this.getSessionData()
+  },
+  methods: {
+    async getSessionData() {
+      const { data } = await axios.post(
+        `/bems/prod_1.0/user/pageHabit/list?t=${Date.now()}`,
+        {
+          userNo: this.userNo,
+          pageId: this.pId
+        },
+        { loading: false, noMsg: true }
+      )
+      if (data) {
+        this.$set(
+            this.pageRemote,
+            this.pageKey.size,
+            JSON.parse(data)[this.pageKey.size] || this.pageObj[this.pageKey.size]
+        )
+        this.$set(this.pageObj, this.pageKey.size, JSON.parse(data)[this.pageKey.size] || this.pageObj[this.pageKey.size])
+      } else {
+        this.pageRemote = this.pageObj
+      }
+      this.$emit('change', this.pageObj)
+    },
+    async setRemoteData(data) {
+      return await axios.post(
+        '/bems/prod_1.0/user/pageHabit',
+        {
+          userNo: this.userNo,
+          pageId: this.pId,
+          showStructure: JSON.stringify(data)
+        },
+        { loading: false, onMsg: true }
+      )
+    },
+    setnoOrsize() {
+      let no = this.pageRemote[this.pageKey.no]
+      let size = this.pageRemote[this.pageKey.size]
+      this.noOrsize = no + ',' + size + Date.now()
+    },
+
+    handleChange() {
+      this.setRemoteData({ [this.pageKey.size]: this.pageRemote[this.pageKey.size] }).finally(() => {
+        this.setnoOrsize()
+      })
+      this.settingV = false
+    }
+  }
+}
+</script>

package/src/components/Pagination/staticPagination.vue

@@ -0,0 +1,156 @@
+<template>
+  <div class="n20-pagination-1">
+    <el-pagination
+      layout="prev,next,slot"
+      :current-page.sync="pageObj[pageKey.no]"
+      :page-size="pageObj[pageKey.size]"
+      :total="pageObj[pageKey.total]"
+      :size="size"
+      @current-change="setnoOrsize"
+    />
+    <span class="m-r-ss"
+      ><span class="color-primary">{{ pageObj[pageKey.no] }}</span
+      >/{{ max }}</span
+    >
+    <span>{{ '到第' | $lc }}</span>
+    <el-input-number
+      v-model="toNo"
+      class="n20-pagination-jumper-1 m-r-ss"
+      :min="1"
+      :max="max"
+      :step="1"
+      :step-strictly="true"
+      :controls="false"
+      :size="size"
+      @change="setnoOrsize"
+    />
+    <span class="m-r-s">{{ '页' | $lc }}</span>
+    <el-popover v-model="settingV" placement="top" trigger="click">
+      <el-link slot="reference" icon="n20-icon-shezhi" :underline="false" style="font-size: 16px" />
+      <div>
+        <span>{{ '每页显示' | $lc }}</span>
+        <el-radio-group
+          v-model="pageObj[pageKey.size]"
+          class="n20-pagination-sizes-1 m-l-s"
+          size="mini"
+          @change="
+            () => {
+              setnoOrsize()
+              settingV = false
+            }
+          "
+        >
+          <el-radio-button v-for="item in pageSizes" :key="item" class="m-r-s" :label="item" />
+        </el-radio-group>
+        <el-input-number
+          v-model="userSize"
+          class="n20-pagination-usersizes-1"
+          :class="{
+            'is-active': !pageSizes.includes(pageObj[pageKey.size])
+          }"
+          :min="1"
+          :max="sizeMax"
+          :step="1"
+          :step-strictly="true"
+          :controls="false"
+          size="mini"
+          :placeholder="'自定义' | $lc"
+          @change="
+            () => {
+              setnoOrsize()
+              settingV = false
+            }
+          "
+        />
+      </div>
+    </el-popover>
+  </div>
+</template>
+
+<script>
+import { $lc } from '../../utils/i18n/index'
+export default {
+  name: 'StaticPagination',
+  props: {
+    size: {
+      type: String,
+      default: 'mini'
+    },
+    pageObj: {
+      type: Object,
+      default: () => ({
+        no: 1,
+        size: 20,
+        total: 0
+      })
+    },
+    pageKey: {
+      type: Object,
+      default: () => ({
+        no: 'no',
+        size: 'size',
+        total: 'total'
+      })
+    },
+    pageSizes: {
+      type: Array,
+      default: () => [20, 50, 100]
+    },
+    sizeMax: {
+      type: Number,
+      default: 1000
+    }
+  },
+  data() {
+    return {
+      settingV: false,
+      noOrsize: ''
+    }
+  },
+  computed: {
+    max() {
+      let total = this.pageObj[this.pageKey.total]
+      let size = this.pageObj[this.pageKey.size]
+
+      return Math.ceil(total / size) || 1
+    },
+    toNo: {
+      get() {
+        return this.pageObj[this.pageKey.no]
+      },
+      set(val) {
+        if (val) {
+          this.pageObj[this.pageKey.no] = Math.ceil(val)
+        } else {
+          this.pageObj[this.pageKey.no] = 1
+        }
+      }
+    },
+    userSize: {
+      get() {
+        return this.pageObj[this.pageKey.size]
+      },
+      set(val) {
+        if (val) {
+          this.pageObj[this.pageKey.size] = Math.ceil(val)
+        } else {
+          this.pageObj[this.pageKey.size] = this.pageSizes[0]
+        }
+        this.pageObj[this.pageKey.no] = 1
+      }
+    }
+  },
+  watch: {
+    noOrsize() {
+      this.$emit('change', this.pageObj)
+    }
+  },
+  methods: {
+    setnoOrsize() {
+      let no = this.pageObj[this.pageKey.no]
+      let size = this.pageObj[this.pageKey.size]
+      this.noOrsize = no + ',' + size + Date.now()
+    }
+  }
+}
+</script>