فهرست منبع

update 登录页面修改,还有短信接口

linweizeng 3 سال پیش
والد
کامیت
f27af80403
3فایلهای تغییر یافته به همراه179 افزوده شده و 135 حذف شده
  1. BIN
      src/assets/images/login/bg.png
  2. 37 34
      src/business/platform/form/utils/custom/joinCURD.js
  3. 142 101
      src/views/system/login/page.vue

BIN
src/assets/images/login/bg.png


+ 37 - 34
src/business/platform/form/utils/custom/joinCURD.js

@@ -9,68 +9,71 @@ import md5 from 'js-md5';
 // 	  return post('update',JSON.stringify(cont))
 // 	}
 
-const post =  (url,data) => {
- let pash =''
- let requestData= ''
-  if(url=='select'){
+const post = (url, data) => {
+  let pash = ''
+  let requestData = ''
+  if (url == 'select') {
     pash = 'selectDataContextTable'
-  }else if(url=='selects'){
+  } else if (url == 'selects') {
     pash = 'selectDatasContextTable'
-  }else if(url=='batchDelete'){
+  } else if (url == 'batchDelete') {
     pash = 'batchDelete'
-  }else if(url=='delete'){
+  } else if (url == 'delete') {
     pash = 'deleteDataContextTable'
-  }else if(url =='batchDelete'){
+  } else if (url == 'batchDelete') {
     pash = 'batchDelete'
-  }else if(url=='add'){
+  } else if (url == 'add') {
     pash = 'addDataContextTable'
-  }else if(url=='update'){
+  } else if (url == 'update') {
     pash = 'updateDataContextTable' // 
-  }else if(url=='updates'){ //批量修改
+  } else if (url == 'updates') { //批量修改
     pash = 'updateDatasContextTable'
-  }else if(url=="sql"){ //直接传入sql
+  } else if (url == "sql") { //直接传入sql
     pash = 'inputSqlSelectData'
-  }else if(url=="str"){ //插入主管提醒数据
+  } else if (url == "str") { //插入主管提醒数据
     pash = 'crudZhuGuan'
-  }else if(url=="send"){ //插入主管提醒数据
+  } else if (url == "send") { //插入主管提醒数据
     pash = 'sendmessage'
   }
-  else if(url=="sendCms"){ //插入主管提醒数据
+  else if (url == "sendCms") { //插入主管提醒数据
     pash = 'sendCms'
   }
+  else if (url == "sendmessages") { //插入主管提醒数据
+    pash = 'sendmessages'
+  }
 
-  if(typeof data =="object" ){
-     data = JSON.stringify(data)
+  if (typeof data == "object") {
+    data = JSON.stringify(data)
   }
-  if(data && data.slice(2,1) == "l"){ //往主管表提交数据
+  if (data && data.slice(2, 1) == "l") { //往主管表提交数据
 
-    data='{"str":"'+data+'"}'
+    data = '{"str":"' + data + '"}'
     let md5 = sig(data) //加密, 获取md5密文
-    requestData =  data.slice(0,1)+'"sig":"'+md5+'",'+data.slice(1) //结果拼接
+    requestData = data.slice(0, 1) + '"sig":"' + md5 + '",' + data.slice(1) //结果拼接
 
-  }else if(data && data.slice(0,1) =="s"){ //判断是{}的参数,还是纯sql字符串的参数 , 纯sql补全。
+  } else if (data && data.slice(0, 1) == "s") { //判断是{}的参数,还是纯sql字符串的参数 , 纯sql补全。
 
-    data='{"sql":"'+data+'"}'
+    data = '{"sql":"' + data + '"}'
     let md5 = sig(data) //加密, 获取md5密文
-    requestData =  data.slice(0,1)+'"sig":"'+md5+'",'+data.slice(1) //结果拼接
+    requestData = data.slice(0, 1) + '"sig":"' + md5 + '",' + data.slice(1) //结果拼接
 
-  }else{ //对象转字符串
+  } else { //对象转字符串
 
     let md5 = sig(data) //加密, 获取md5密文
-    requestData =  data.slice(0,1)+'"sig":"'+md5+'",'+data.slice(1) //结果拼接
+    requestData = data.slice(0, 1) + '"sig":"' + md5 + '",' + data.slice(1) //结果拼接
 
   }
- return request({
-            url: 'business/v3/sys/universal/'+pash,
-            method: 'post',
-            data: requestData
-            })
+  return request({
+    url: 'business/v3/sys/universal/' + pash,
+    method: 'post',
+    data: requestData
+  })
 }
 /* 直接传入sql的签名算法   MD5加密*/
-function sig(sql){
-  let rul = (sql.length + 9)*12*3+168
-  let salt ="JinYuanXinTong"
-  return md5(rul+''+salt)
+function sig(sql) {
+  let rul = (sql.length + 9) * 12 * 3 + 168
+  let salt = "JinYuanXinTong"
+  return md5(rul + '' + salt)
 }
 
 export default post

+ 142 - 101
src/views/system/login/page.vue

@@ -1,93 +1,128 @@
 <template>
-  <div class="jbd-login-page-bg">
-    <el-container class="login-container" @keyup.enter="handleLogin">
-      <!-- <el-header style="width: 100%">
+    <div class="jbd-login-page-bg">
+        <div class="official">
+            <a href="https://www.mingjiantech.com" target="_blank">官网首页</a>
+        </div>
+        <el-container class="login-container" @keyup.enter="handleLogin">
+            <!-- <el-header style="width: 100%">
              <div style="width: 100%; height: 93px; text-align: center; position: relative; top: 10%; overflow: hidden">
                 <h1 class="login-info-title" style="font-size: 40px; color: #a73a3a">明鉴实验室信息管理系统</h1>
             </div>
         </el-header> -->
 
-      <el-main style="width: 80%; height: 100%;  overflow: hidden; border: 0px">
-        <div class="login-border">
-          <!--                <div class="animated fadeIn jbd-login-page-main-img"></div> -->
-
-          <div class="login-main animated fadeIn jbd-login-page-main">
-
-            <!-- <h3> -->
-            <!-- <span>{{ $t('login.userLogin') }}</span> -->
-            <div class="logo-box" style="width:100%;margin:-0.0625rem;">
-
-              <p>
-                <img src="../../../assets/images/login/MJlogo_01.png" />
-              </p>
-              <p class="txt">欢迎登陆·明鉴细胞检测实验室信息管理系统</p>
-            </div>
-            <ibps-api-base-url-controller v-if="$nodeEnv === 'development'">
-              <el-tooltip effect="dark" :content="$t('navbar.switchEnvironment')" placement="bottom">
-                <el-button type="text" class="ibps-fr ibps-mr-5 btn-text can-hover">
-                  <ibps-icon name="wifi" style="font-size: 18px" />
-                </el-button>
-              </el-tooltip>
-            </ibps-api-base-url-controller>
-            <!-- </h3> -->
-            <user-login />
-            <login-bottom />
-          </div>
-        </div>
-
-      </el-main>
-
-      <!-- <span style="text-align: center;"> <a href="https://www.mingjiantech.com" target="_blank">>>返回首页</a></span> -->
-      <el-footer style="width: 100%">
-        <div class="footer">
-          <!-- <p>
+            <el-main
+                style="width: 80%; height: 100%; overflow: hidden; border: 0px"
+            >
+                <div class="login-border">
+                    <!--                <div class="animated fadeIn jbd-login-page-main-img"></div> -->
+
+                    <div class="login-main animated fadeIn jbd-login-page-main">
+                        <!-- <h3> -->
+                        <!-- <span>{{ $t('login.userLogin') }}</span> -->
+                        <div
+                            class="logo-box"
+                            style="width: 100%; margin: -0.0625rem"
+                        >
+                            <p>
+                                <img
+                                    src="../../../assets/images/login/bg.png"
+                                    style="
+                                        height: 80px;
+                                        width: 387px;
+                                        background-size: 100% 100%;
+                                    "
+                                />
+                            </p>
+                            <p class="txt">
+                                欢迎登陆·明鉴细胞检测实验室信息管理系统
+                            </p>
+                        </div>
+                        <ibps-api-base-url-controller
+                            v-if="$nodeEnv === 'development'"
+                        >
+                            <el-tooltip
+                                effect="dark"
+                                :content="$t('navbar.switchEnvironment')"
+                                placement="bottom"
+                            >
+                                <el-button
+                                    type="text"
+                                    class="ibps-fr ibps-mr-5 btn-text can-hover"
+                                >
+                                    <ibps-icon
+                                        name="wifi"
+                                        style="font-size: 18px"
+                                    />
+                                </el-button>
+                            </el-tooltip>
+                        </ibps-api-base-url-controller>
+                        <!-- </h3> -->
+                        <user-login />
+                        <login-bottom />
+                    </div>
+                </div>
+            </el-main>
+
+            <!-- <span style="text-align: center;"> <a href="https://www.mingjiantech.com" target="_blank">>>返回首页</a></span> -->
+            <el-footer style="width: 100%">
+                <div class="footer">
+                    <!-- <p>
                             <i style="margin-left: 50px;" class="el-icon-office-building"/> 深圳市明鉴细胞专业技术有限公司
                           <i style="margin-left: 20px;" class="el-icon-location-information"/> 深圳市南山区科技园高新北区源兴科技大厦东座303
                           <i style="margin-left: 20px;" class="el-icon-phone"/> 400-9919-863
                           <i style="margin-left: 20px;" class="el-icon-message"/> services@mingjiantech.com
                           <i class="el-icon-s-platform" /> 深圳市金源信通科技有限公司开发
                         </p> -->
-          <hr />
-          <span style="display: flex;justify-content: space-between;">
-            <a><i class="el-icon-s-platform" /> 深圳市金源信通科技有限公司开发</a>
-            <a href="https://beian.miit.gov.cn" target="_blank">粤ICP备2022077950号</a>
-            <a href="https://www.mingjiantech.com" style="text-align: right;">官网首页&nbsp;&nbsp;&nbsp;&nbsp;</a>
-          </span>
-        </div>
-      </el-footer>
-    </el-container>
-  </div>
-
+                    <hr />
+                    <span style="display: flex; justify-content: space-between">
+                        <a
+                            ><i class="el-icon-s-platform" />
+                            深圳市金源信通科技有限公司开发</a
+                        >
+                        <a href="https://beian.miit.gov.cn" target="_blank"
+                            >粤ICP备2022077950号</a
+                        >
+                        <a></a>
+                        <!-- <a
+                            href="https://www.mingjiantech.com"
+                            style="text-align: right"
+                            >官网首页&nbsp;&nbsp;&nbsp;&nbsp;</a
+                        > -->
+                    </span>
+                </div>
+            </el-footer>
+        </el-container>
+    </div>
 </template>
 <script>
-  import '@/assets/styles/pages/login.scss'
-  import LoginBottom from './login-bottom'
-  import UserLogin from './user-login'
-  import IbpsPluginLanguage from '@/plugins/language'
-  import IbpsApiBaseUrlController from '@/plugins/api-base-url'
+import '@/assets/styles/pages/login.scss'
+import LoginBottom from './login-bottom'
+import UserLogin from './user-login'
+import IbpsPluginLanguage from '@/plugins/language'
+import IbpsApiBaseUrlController from '@/plugins/api-base-url'
 
-  export default {
+export default {
     name: 'login',
     components: {
-      LoginBottom,
-      UserLogin,
-      IbpsPluginLanguage,
-      IbpsApiBaseUrlController
+        LoginBottom,
+        UserLogin,
+        IbpsPluginLanguage,
+        IbpsApiBaseUrlController
     },
     data() {
-      const date = new Date()
-      return {
-        activeName: 'user',
-        year: date.getFullYear()
-      }
+        const date = new Date()
+        return {
+            activeName: 'user',
+            year: date.getFullYear()
+        }
     },
     methods: {
-      handleLogin() {}
+        handleLogin() {}
     }
-  }
+}
 </script>
 <style lang="scss">
-  .jbd-login-page-bg {
+.jbd-login-page-bg {
     margin-top: 0px;
     height: 100%;
     width: 100%;
@@ -95,11 +130,9 @@
     //background-image: url("../../../assets/images/login/MJ02.jpg");
     //background-repeat:no-repeat;
     //background-size:100% ;
+}
 
-
-  }
-
-  .jbd-login-page-main {
+.jbd-login-page-main {
     //margin-top: 140px;
     //margin-right: 40%;
     margin-bottom: 20px;
@@ -115,59 +148,67 @@
     // border: solid black;
 
     //opacity:0.9;
-  }
+}
 
-  .logo-box {
+.logo-box {
     width: 460px;
-    height: 80px;
+    height: 120px;
     margin: 0;
     //margin: 150px auto;
     position: relative;
-  }
+}
 
-  .txt {
-    font-family: "微软雅黑";
+.txt {
+    font-family: '微软雅黑';
     font-size: 20px;
     line-height: 24px;
     font-weight: bold;
     color: grey;
     text-align: center;
-  }
+}
 
-  .backindex {
+.backindex {
     text-align: right;
     padding-right: 45px;
-  }
+}
 
-  .backindexText {
-    font-family: "微软雅黑";
+.backindexText {
+    font-family: '微软雅黑';
     font-size: 16px;
     line-height: 16px;
     font-weight: bold;
     color: #a73a3a;
-  }
-
-
-
-  // .jbd-login-page-main-img {
-  //     /* box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); */
-  //     margin-top: 70px;
-  //     height: 520px;
-  //     width: 650px;
-  //     margin-right: 3%;
-  //     background-image: url('../../../assets/images/login/MJ_login0.jpg');
-  //     background-size: 100%;
-  //     background-repeat: no-repeat;
-  // }
-
-  .footer {
+}
+
+// .jbd-login-page-main-img {
+//     /* box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); */
+//     margin-top: 70px;
+//     height: 520px;
+//     width: 650px;
+//     margin-right: 3%;
+//     background-image: url('../../../assets/images/login/MJ_login0.jpg');
+//     background-size: 100%;
+//     background-repeat: no-repeat;
+// }
+
+.footer {
     font-size: 12px;
     text-align: center;
 
     a {
-      // color: #000;
-      width: 200px;
-      color: #8c92a4;
+        // color: #000;
+        width: 200px;
+        color: #8c92a4;
+    }
+}
+
+.official {
+    margin-left: 10px;
+    font-size: 26px;
+    font-weight: bold;
+    a {
+        // color: #8c92a4;
+        color: black;
     }
-  }
+}
 </style>