cloud-web-corejs-haier 1.0.5 → 1.0.6

package/src/views/user/ledger_library/list.vue

@@ -2,16 +2,15 @@
   <div id="containt">
     <fileLibrary :option="fileLibraryOption"></fileLibrary>
   </div>
-
 </template>
 
 <script>
-import fileLibrary from '@base/components/fileLibrary/index';
+import fileLibrary from "@base/components/fileLibrary/index";
 
 export default {
-  name: 'ledger_library:list',
+  name: "ledger_library:list",
   components: {
-    fileLibrary
+    fileLibrary,
   },
   data() {
     return {
@@ -19,12 +18,11 @@ export default {
         isCategoryEdit: true,
         mouseCheck: true,
         storeAreaCode: "company_profile2",
-        current_prefix: USER_PREFIX
-      }
-    }
-  }
-}
-
+        current_prefix: USER_PREFIX,
+        showCategoryFilterArea: true,
+      },
+    };
+  },
+};
 </script>
-<style scoped>
-</style>
+<style scoped></style>

package/src/views/user/login/default.vue

@@ -1,24 +1,54 @@
 <template>
-  <div class="login-container" :class="backgroundClass" ref="login-container" v-show="showContent">
-    <div class="login-main" style="height: auto;">
-      <el-tabs v-model="activeName">
-        <el-tab-pane label="账号登录" name="first">
-          <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="box-form login" autocomplete="on"
-                   label-position="left">
+  <div
+    class="login-container"
+    :class="backgroundClass"
+    ref="login-container"
+    :style="{
+      background: imageUrl
+        ? 'url(' + imageUrl + ') center center/cover no-repeat !important'
+        : 'auto',
+    }"
+    v-show="showContent"
+  >
+    <div class="login-main" style="height: auto">
+      <el-tabs v-model="activeName" @tab-click="changeTab">
+        <el-tab-pane :label="$t1('账号登录')" name="first" v-if="accountLoagin">
+          <el-form
+            ref="loginForm"
+            :model="loginForm"
+            :rules="loginRules"
+            class="box-form login"
+            autocomplete="on"
+            label-position="left"
+          >
             <el-form-item prop="username" class="txt">
-              <span class="svg-container"><i class="el-icon-user"/></span>
-              <el-input ref="username" v-model="loginForm.username" placeholder="请输入用户名" name="" type="text"
-                        tabindex="1" autocomplete="on" @keyup.enter.native="handleLogin"/>
+              <span class="svg-container"><i class="el-icon-user" /></span>
+              <el-input
+                ref="username"
+                v-model="loginForm.username"
+                :placeholder="$t1('请输入用户名')"
+                name=""
+                type="text"
+                tabindex="1"
+                autocomplete="on"
+                @keyup.enter.native="handleLogin"
+              />
             </el-form-item>
-            <el-tooltip :enterable="false" v-model="capsTooltip" content="Caps lock is On" placement="right" manual>
+            <el-tooltip
+              :enterable="false"
+              v-model="capsTooltip"
+              content="Caps lock is On"
+              placement="right"
+              manual
+            >
               <el-form-item prop="password" class="txt">
-                <span class="svg-container"><i class="el-icon-lock"/></span>
+                <span class="svg-container"><i class="el-icon-lock" /></span>
                 <el-input
                   :key="passwordType"
                   ref="password"
                   v-model="loginForm.password"
                   :type="passwordType"
-                  placeholder="请输入密码"
+                  :placeholder="$t1('请输入密码')"
                   name=""
                   tabindex="2"
                   autocomplete="on"
@@ -27,41 +57,98 @@
                   @blur="capsTooltip = false"
                   @keyup.enter.native="handleLogin"
                 />
-                <span class="show-pwd" @click="showPwd"><svg-icon
-                  :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'"/></span>
+                <span class="show-pwd" @click="showPwd"
+                  ><svg-icon
+                    :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'"
+                /></span>
               </el-form-item>
             </el-tooltip>
             <div class="">
-              <el-checkbox v-model="isRememberPassword">记住密码</el-checkbox>
+              <el-checkbox v-model="isRememberPassword">{{
+                $t1("记住密码")
+              }}</el-checkbox>
             </div>
-            <el-button :loading="loading" type="primary" @click.prevent.stop="handleLogin" class="btn">登录</el-button>
+            <el-button
+              :loading="loading"
+              type="primary"
+              @click.prevent.stop="handleLogin"
+              class="btn"
+              >{{ $t1("登录") }}</el-button
+            >
           </el-form>
         </el-tab-pane>
-        <el-tab-pane label="手机验证码登录" name="second">
-          <el-form ref="loginForm" :model="loginForm2" :rules="loginRules" class="box-form login" autocomplete="on"
-                   label-position="left">
-            <el-form-item prop="username" class="txt" style="width:66%">
-              <span class="svg-container"><i class="el-icon-mobile-phone"/></span>
-              <el-input ref="mobile" v-model="loginForm2.username" placeholder="请输入手机号" name="" type="text"
-                        tabindex="1" autocomplete="on" @keyup.enter.native="handleLogin"/>
+        <el-tab-pane :label="$t1('手机登录')" name="second" v-if="phoneLogin">
+          <el-form
+            ref="loginForm"
+            :model="loginForm2"
+            :rules="loginRules"
+            class="box-form login"
+            autocomplete="on"
+            label-position="left"
+          >
+            <el-form-item prop="username" class="txt" style="width: 66%">
+              <span class="svg-container"><i class="el-icon-mobile-phone" /></span>
+              <el-input
+                ref="mobile"
+                v-model="loginForm2.username"
+                :placeholder="$t1('请输入手机号')"
+                name=""
+                type="text"
+                tabindex="1"
+                autocomplete="on"
+                @keyup.enter.native="handleLogin"
+              />
             </el-form-item>
-            <el-button class="btn-send" type="success" :class="{'gray-btn':isCounting}" @click="sendCode">
+            <el-button
+              class="btn-send"
+              type="success"
+              :class="{ 'gray-btn': isCounting }"
+              @click="sendCode"
+            >
               {{ buttonText }}
             </el-button>
             <el-form-item prop="smsCode" class="txt">
-              <span class="svg-container"><i class="el-icon-message"/></span>
-              <el-input ref="smsCode" v-model="loginForm2.smsCode" placeholder="请输入验证码" name="" type="text"
-                        tabindex="1" autocomplete="on" @keyup.enter.native="handleLogin"/>
+              <span class="svg-container"><i class="el-icon-message" /></span>
+              <el-input
+                ref="smsCode"
+                v-model="loginForm2.smsCode"
+                :placeholder="$t1('请输入验证码')"
+                name=""
+                type="text"
+                tabindex="1"
+                autocomplete="on"
+                @keyup.enter.native="handleLogin"
+              />
             </el-form-item>
-            <el-button :loading="loading" type="primary" @click.prevent.stop="handleLogin" class="btn">登录</el-button>
+            <el-button
+              :loading="loading"
+              type="primary"
+              @click.prevent.stop="handleLogin"
+              class="btn"
+              >{{ $t1("登录") }}</el-button
+            >
           </el-form>
         </el-tab-pane>
+        <el-tab-pane :label="$t1('扫码登录')" name="third" v-if="qrLogin">
+          <div class="login-qr">
+            <img class="qr__img" :src="qrBase64" v-if="activeName === 'third'" />
+            <span class="qr__txt">{{ $t1("扫一扫，登录系统") }}</span>
+            <div v-if="qrExpired" @click="initQR" class="qr__lose">
+              <span><i class="el-icon-refresh"></i>{{ $t1("二维码失效") }}</span>
+            </div>
+          </div>
+        </el-tab-pane>
       </el-tabs>
     </div>
-    <div class="tc copyright">
+    <div class="tc copyright" v-show="loginConfig.hide_filing_info !== true">
       <slot name="footer">
-        © 广州同望科技发展有限公司
-        <span style="margin-left:50px;">4000646100</span>
+        © {{ this.$t1(loginConfig.filing_company || "广州同望科技发展有限公司") }}
+        <span style="margin-left: 50px" v-if="!!loginConfig.filing_number">{{
+          loginConfig.filing_number + "   " + (loginConfig.phone || "4000646100")
+        }}</span>
+        <span style="margin-left: 50px" v-if="!loginConfig.filing_number">{{
+          loginConfig.phone || "4000646100"
+        }}</span>
       </slot>
     </div>
   </div>
@@ -71,12 +158,12 @@
 import mixin from "./indexMixin";
 
 export default {
-  name: 'Login',
-  mixins: [mixin]
-}
+  name: "Login",
+  mixins: [mixin],
+};
 </script>
 <style lang="scss" scoped>
-@import '@/resources/css/login.scss';
+@import "@/resources/css/login.scss";
 
 .login-container.tc {
   background: url(~@/resources/images/bg-login5.jpg) center center/cover no-repeat;
@@ -94,7 +181,9 @@ export default {
   right: 5px;
   top: 25px;
 }
-
+.box-form {
+  height: 330px;
+}
 ::v-deep .login-main .el-tabs__header {
   margin-bottom: 0;
 
@@ -128,4 +217,44 @@ export default {
     color: #8a8686;
   }
 }
+
+::v-deep .login-main .el-tabs__header .el-tabs__nav .el-tabs__item {
+  width: 33%;
+}
+.login-qr {
+  height: 330px;
+  text-align: center;
+  position: relative;
+  .qr__img {
+    width: 220px;
+    margin-top: 40px;
+  }
+  .qr__txt {
+    color: #666;
+    font-size: 15px;
+    display: block;
+  }
+  .qr__lose {
+    position: absolute;
+    cursor: pointer;
+    width: 192px;
+    height: 192px;
+    background: rgb(255 255 255 / 76%);
+    top: 60px;
+    left: 136px;
+    color: #000;
+    line-height: 64px;
+    font-weight: 600;
+    font-size: 26px;
+    span {
+      line-height: 1;
+      margin-top: 30px;
+    }
+    i {
+      display: block;
+      font-size: 42px;
+      margin-top: 46px;
+    }
+  }
+}
 </style>

package/src/views/user/login/index.vue

@@ -6,10 +6,8 @@
 import defaultView from "@base/views/user/login/default.vue";
 
 export default {
-  name: 'Login',
-  components: {defaultView}
-}
+  name: "Login",
+  components: { defaultView },
+};
 </script>
-<style lang="scss" scoped>
-
-</style>
+<style lang="scss" scoped></style>

package/src/views/user/login/indexMixin.js

@@ -1,5 +1,6 @@
 import {encode} from "js-base64";
 import settingConfig from "@/settings";
+import QRcode from "qrcode";
 
 function getUrlParams(url) {
   let result = {};
@@ -13,12 +14,16 @@ function getUrlParams(url) {
 
 export default {
   name: 'Login',
+  props:{
+    lang: [String,Function]
+  },
   components: {},
   data() {
     return {
       isCounting: false,
       countdown: 0,
-      buttonText: '获取验证码',
+      buttonText: this.$t1('获取验证码'),
+      smsTimer: null,
       isRememberPassword: false,
       loginForm: {
         username: '',
@@ -54,7 +59,22 @@ export default {
       },
       activeName: "first",
       searchParam: {},
-      showContent: true
+      showContent: true,
+
+      qrTimer1: null,
+      qrTimer2: null,
+      qrContent: null,
+      qrCodeFlag: 0,
+      qrBase64: "",
+      settingConfig: settingConfig,
+      qrExpired: false,
+      loginConfig: {},
+      imageUrl: '',
+      loginMethod: '',
+
+      accountLoagin:true,
+      phoneLogin:false,
+      qrLogin:false,
     };
   },
   watch: {
@@ -69,6 +89,10 @@ export default {
       immediate: true
     }
   },
+  beforeDestroy() {
+    this.clearQrLoginTimer();
+    this.clearSmsTimer();
+  },
   created() {
     this.init();
   },
@@ -84,7 +108,59 @@ export default {
     window.removeEventListener('keydown', this.keyDown, false);
   },
   methods: {
+    handleLoginConfig(){
+      let loginConfig = this.$store.getters.loginConfig || {};
+      this.loginConfig = loginConfig;
+      this.initImage();
+      this.initLoginMethod();
+    },
+    initImage(){
+      //初始化登录图片
+      let loginConfig = this.loginConfig;
+      if(loginConfig?.attachments?.length){
+        this.imageUrl = loginConfig.attachments[0].domain + loginConfig.attachments[0].source;
+      }
+    },
+
+    initLoginMethod(){
+      let loginConfig = this.loginConfig?.login_method;
+      if(loginConfig?.length){
+        this.accountLoagin = loginConfig.includes(1);
+        this.phoneLogin = loginConfig.includes(2);
+        this.qrLogin = loginConfig.includes(3);
+        if(this.accountLoagin){
+          this.activeName = "first";
+        }else if(this.phoneLogin){
+          this.activeName = "second";
+        }else if(this.qrLogin){
+          this.activeName = "third";
+          this.$nextTick(() => {
+            this.initQR();
+          })
+        }
+      }else{
+        this.accountLoagin = true;
+        this.phoneLogin = settingConfig.mobileLoginEnabled;
+        this.qrLogin = settingConfig.qrLoginEnabled;
+      }
+    },
+    initLang(){
+      let lang = this.$route.query.lang;
+      if(!lang && !!this.lang){
+        if(typeof this.lang === "function"){
+          lang = this.lang();
+        }else{
+          lang = this.lang;
+        }
+      }
+      if(lang){
+        this.$i18n.locale = lang;
+        localStorage.setItem("i18n-lang", lang);
+      }
+    },
     init() {
+      this.initLang();
+      this.handleLoginConfig();
       let searchParam = getUrlParams(location.search);
       this.searchParam = searchParam;
       //小熊SSO返回判断--目前因为小熊单点返回ticket有问题要特殊处理
@@ -110,6 +186,7 @@ export default {
       if (e.keyCode == 13 && e.target.nodeName != 'INPUT') {
         let closeBtn = document.querySelector('.el-dialog__close');
         closeBtn && closeBtn.click();
+        if (this.activeName == "third") return
         this.handleLogin();
       }
     },
@@ -140,7 +217,7 @@ export default {
         let username = this.loginForm2.username;
         let smsCode = this.loginForm2.smsCode;
         if (!username || !smsCode) {
-          this.$baseAlert("请输入手机号和验证码");
+          this.$baseAlert(this.$t1('请输入手机号和验证码'));
           return;
         }
         loadingObj = this.$baseLoading();
@@ -325,6 +402,7 @@ export default {
         this.$baseAlert("请输入手机号");
         return
       }
+
       this.$http({
         url: USER_PREFIX + '/auth/sendSmsCode',
         method: `post`,
@@ -338,20 +416,27 @@ export default {
           });
           this.isCounting = true
           this.countdown = 60
-          this.buttonText = '60秒后重新获取'
-          const times = setInterval(() => {
+          this.buttonText = this.$t1('60秒后重新获取')
+          this.clearSmsTimer();
+          this.smsTimer = setInterval(() => {
             this.countdown--;
-            this.buttonText = this.countdown + '秒后重新获取'
+            this.buttonText = this.$t1('{time}秒后重新获取',{time:this.countdown})
             if (this.countdown == 0) {
-              clearInterval(times);
+              this.clearSmsTimer();
               this.isCounting = false
-              this.buttonText = '获取验证码'
+              this.buttonText = this.$t1('获取验证码')
             }
           }, 1000)
         }
       });
 
     },
+    clearSmsTimer() {
+      if (this.smsTimer) {
+        clearInterval(this.smsTimer);
+        this.smsTimer = null;
+      }
+    },
     mobileLogin() {
 
     },
@@ -420,6 +505,97 @@ export default {
             });
           }
         });
+    },
+
+    /**二维码登录begin*/
+    guid() {
+      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (t) {
+        var e = 16 * Math.random() | 0;
+        return ("x" == t ? e : 3 & e | 8).toString(16);
+      });
+    },
+    initQR() {
+      this.clearQrLoginTimer();
+      this.qrExpired = true;
+      let option = {width: 300, height: 300};
+      this.qrContent = this.guid();
+      this.createQR(this.qrContent, option).then(url => {
+        this.qrExpired = false;
+        this.qrBase64 = url
+        this.createQrLoginTimer();
+      })
+    },
+    // 生成二维码
+    createQR(content, options) {
+      return new Promise((resolve, reject) => {
+        QRcode.toDataURL(content, options).then(url => {
+          resolve(url)
+        })
+      })
+    },
+    changeTab() {
+      // this.initQR();
+      // return
+      if (this.activeName == "third") {
+        this.initQR();
+      } else {
+        this.clearQrLoginTimer();
+      }
+    },
+    clearQrLoginTimer() {
+      if (this.qrTimer1) {
+        clearTimeout(this.qrTimer1)
+        this.qrTimer1 = null;
+      }
+      if (this.qrTimer2) {
+        clearTimeout(this.qrTimer2)
+        this.qrTimer2 = null;
+      }
+    },
+    createQrLoginTimer() {
+      this.checkQrLoginTimerHanlde()
+      this.qrTimer2 = setTimeout(() => {
+        this.qrExpired = true;
+        this.clearQrLoginTimer();
+      }, 60000)
+    },
+    checkQrLoginTimerHanlde() {
+      this.qrTimer1 = setTimeout(() => {
+        this.checkQrLoginStatusHanlde();
+      }, 3000)
+    },
+    checkQrLoginStatusHanlde() {
+      if (this.qrExpired) {
+        return
+      }
+      this.$http({
+        url: USER_PREFIX + '/auth/login',
+        method: `post`,
+        data: {as: this.qrContent},
+        // isLoading: true,
+        failMsg: false,
+        success: res => {
+          let token = res.objx;
+          if (token) {
+            this.$message({
+              message: this.$t1('登录成功'),
+              type: 'success'
+            });
+            this.clearQrLoginTimer();
+            this.$store.dispatch('user/addToken', {token}).then(res => {
+              localStorage.removeItem('currentMenuId');
+              this.rememberPassword();
+              this.loading = false;
+              window.removeEventListener('keydown', this.keyDown, false);
+              this.handleRedirectUrl();
+            });
+          } else {
+            this.checkQrLoginTimerHanlde();
+          }
+        }
+      });
     }
+    /**二维码登录end*/
+
   }
 }

package/src/views/user/menu/list.vue

@@ -351,7 +351,7 @@ export default {
         treeNodeUrl: USER_PREFIX + '/menu/listChildren',
         editSaveUrl: USER_PREFIX + '/menu/save',
         editDefaultRow: () => {
-          return {enabled: true, type: this.menuType};
+          return {enabled: true, type: this.menuType,checkPermission: 0};
         },
         param: () => {
           return this.formData;
@@ -450,6 +450,29 @@ export default {
               }
             }
           },
+          {
+            field: 'checkPermission',
+            title: this.$t1('查询数据权限'),
+            width: 150,
+            editRender: {},
+            slots: {
+              default: ({row}) => {
+                if (row.checkPermission) {
+                  return [<div class="txt-status">{this.$t1('启用')}</div>];
+                } else {
+                  return [<div class="txt-status s-3">{this.$t1('禁用')}</div>];
+                }
+              },
+              edit: ({row}) => {
+                return [
+                  <el-select v-model={row.checkPermission}>
+                      <el-option value={1} label={this.$t1('启用')}></el-option>
+                      <el-option value={0} label={this.$t1('禁用')}></el-option>
+                  </el-select>
+                ]
+              }
+            }
+          },
           // { field: 'treePathName', title: '上级菜单', width: 200 },
           {field: 'orders', title: this.$t1('序号'), width: 100, editRender: {name: 'input'}},
           {

package/src/views/user/notify_message/dialog.vue

@@ -7,7 +7,7 @@
     v-if="showWfDialog2"
     :visible.sync="showWfDialog2"
     :modal="false"
-    custom-class="dialog-style designer-dialog indexUse"
+    custom-class="el-dialog dialog-style designer-dialog indexUse"
     width="100%"
     height="100%"
     top="0px"
@@ -107,8 +107,4 @@ export default {
 };
 </script>
 
-<style scoped>
-.designer-dialog.indexUse #containt .detail-wrap .d-cont {
-  height: calc(100vh - 82px);
-}
-</style>
+<style scoped></style>