网络图谱，边框问题修正

frontendEle/src/views/atlas/network.vue

@@ -2,10 +2,10 @@
   <div v-loading="loading">
     <div class="white-box">
       <div class="filter-user" @keyup.enter="enterToGetData()" >
-        <el-input v-model="mainUserName" size="small" style="width:300px;">
+        <el-input v-model="mainUserName" size="small" style="width:300px;" class="top-member">
           <template slot="prepend">Top Member</template>
         </el-input>
-        <el-input v-model="expandDeep" size="small" style="width:200px;">
+        <el-input v-model="expandDeep" size="small" style="width:200px;" class="spread-depth">
           <template slot="prepend">Spread depth</template>
         </el-input>
         <el-input v-model="periodNum" size="small" style="width:150px;" v-show="false">
@@ -52,11 +52,11 @@ export default {
     return {
       loading: true,
       tabActiveName: 'first',
-      //relation
+      // relation
       props: {
         label: 'USER_NAME',
         children: 'children',
-        //isLeaf: 'leaf',
+        // isLeaf: 'leaf',
         icon: 'icon',
       },
       treeData: null,
@@ -86,8 +86,8 @@ export default {
       this.$message({
         message: 'Retrieving data, please wait.', // 正在获取数据，请稍后
       })
-      //this.periodNum = baseInfo.nowPeriodNum()
-      //this.filterForm.periodNum = baseInfo.nowPeriodNum()
+      // this.periodNum = baseInfo.nowPeriodNum()
+      // this.filterForm.periodNum = baseInfo.nowPeriodNum()
       this.getMainData(null,true)
     },
     getMainData (userName = null, getList = false) {
@@ -106,7 +106,7 @@ export default {
         thisObj.treeData = response
         thisObj.topDeep = Number(response[0].TOP_NETWORK_DEEP)
         thisObj.listPeriodNum = response[0].listPeriodNum
-        if(getList) thisObj.getListData()
+        if (getList) thisObj.getListData()
         thisObj.loading = false
       }).catch(response => {
         thisObj.loading = false
@@ -137,8 +137,8 @@ export default {
         thisData.isExpanded = true
       })
     },
-    countTopDeep (deep,topDeep){
-      return Number(deep)-Number(topDeep)
+    countTopDeep (deep,topDeep) {
+      return Number(deep) - Number(topDeep)
     },
     handleCurrentChange (page) {
       this.getListData(page, this.pageSize)
@@ -164,9 +164,9 @@ export default {
       })
     },
     onMessageCallback (data) {
-      //this.getData(this.currentPage, this.pageSize, false)
+      // this.getData(this.currentPage, this.pageSize, false)
     },
-    handleExport (){
+    handleExport () {
       this.$confirm(`Are you sure you want to export the current data？`, 'Hint', { // 确定要导出当前数据吗？
         confirmButtonText: 'confirm', // 确定
         cancelButtonText: 'cancel', // 取消
@@ -188,11 +188,13 @@ export default {
 }
 </script>
 
-<style>
+<style scoped>
   .filter-user{font-size: 14px;margin-bottom: 20px;}
   .filter-user:after{content: '';display: table;
       clear: both;}
   .filter-user .el-input-group{float: left;margin-right: 15px;}
+  .filter-user >>> .el-input__inner{border: 1px solid #DCDFE6;width: 100%;background: none;border-radius: 0;float: right;display: block; }
+  .filter-user >>> .el-input-group__prepend{border-top: 1px solid #DCDFE6;border-left: 1px solid #DCDFE6;border-bottom: 1px solid #DCDFE6;border-right:none;}
   .el-tree {
       padding-bottom: 20px;
       font-size: 14px;

frontendEle/src/views/login/index.vue

@@ -1,40 +1,40 @@
 <template>
   <div class="login-wrapper">
     <div class="login-writh">
-    <div class="login-padding">
-    <div class="login-left">
-      <img src="../../static/img/simple-img.jpg" alt="">
-    </div>
-    <div class="login-box">
-      <div class="white-box">
-        <h3 class="white-box-title">Welcome</h3><!--欢迎回来-->
-        <el-form ref="form" :model="loginForm" label-width="80px">
-          <el-form-item label-width="0px" class="border-bottom username">
-            <el-input v-model="loginForm.userName" placeholder="UserName" @change="refreshLoginVerifyStatus"><!--账户-->
-              <template slot="prepend"><!--<i class="el-icon-user"></i>--><i></i></template>
-            </el-input>
-          </el-form-item>
-          <el-form-item label-width="0px" class="border-bottom key-name">
-            <el-input type="password" v-model="loginForm.password" auto-complete="off" placeholder="Password"><!--密码-->
-              <template slot="prepend"><!--<i class="el-icon-lock"></i>--><i></i></template>
-            </el-input>
-          </el-form-item>
-          <el-form-item label-width="0px" class="border-bottom key-name" v-show="isLoginVerify">
-            <el-input type="verifyCode" v-model="loginForm.verifyCode" auto-complete="off" @keyup.enter.native="onSubmit" placeholder="Captcha"><!--验证码-->
-              <template slot="prepend"><i></i></template>
-            </el-input>
-            <el-image :src="captchaUrl" @click="changeCaptcha">
-            </el-image>
-          </el-form-item>
-          <el-form-item label-width="0px" style="border-radius: 0">
-            <el-button class="submit-button" type="primary" @click="onSubmit" :loading="submitButtonStat">Login</el-button><!--登录-->
-          </el-form-item>
-        </el-form>
+      <div class="login-padding">
+        <div class="login-left">
+          <img src="../../static/img/simple-img.jpg" alt="">
+        </div>
+        <div class="login-box">
+          <div class="white-box">
+            <h3 class="white-box-title">Welcome</h3><!--欢迎回来-->
+            <el-form ref="form" :model="loginForm" label-width="80px">
+              <el-form-item label-width="0px" class="border-bottom username">
+                <el-input v-model="loginForm.userName" placeholder="UserName" @change="refreshLoginVerifyStatus"><!--账户-->
+                  <template slot="prepend"><!--<i class="el-icon-user"></i>--><i></i></template>
+                </el-input>
+              </el-form-item>
+              <el-form-item label-width="0px" class="border-bottom key-name">
+                <el-input type="password" v-model="loginForm.password" auto-complete="off" placeholder="Password"><!--密码-->
+                  <template slot="prepend"><!--<i class="el-icon-lock"></i>--><i></i></template>
+                </el-input>
+              </el-form-item>
+              <el-form-item label-width="0px" class="border-bottom key-name" v-show="isLoginVerify">
+                <el-input type="verifyCode" v-model="loginForm.verifyCode" auto-complete="off" @keyup.enter.native="onSubmit" placeholder="Captcha"><!--验证码-->
+                  <template slot="prepend"><i></i></template>
+                </el-input>
+                <el-image :src="captchaUrl" @click="changeCaptcha">
+                </el-image>
+              </el-form-item>
+              <el-form-item label-width="0px" style="border-radius: 0">
+                <el-button class="submit-button" type="primary" @click="onSubmit" :loading="submitButtonStat">Login</el-button><!--登录-->
+              </el-form-item>
+            </el-form>
+          </div>
+        </div>
       </div>
     </div>
   </div>
-    </div>
-  </div>
 
 </template>
 
@@ -61,9 +61,9 @@ export default {
         verifyCode: '',
       },
       submitButtonStat: false,
-      pageId:'',
+      pageId: '',
       captchaUrl: '',
-      isLoginVerify:false,
+      isLoginVerify: false,
     }
   },
   beforeCreate () {
@@ -94,7 +94,7 @@ export default {
       let pageId = this.pageId
       if (baseInfo.daysDiff() === null) {
         promise = network.getDaysDiff().then(response => {
-          if( this.isLoginVerify ) {
+          if (this.isLoginVerify) {
             let verifyCode = this.loginForm.verifyCode
             let data = {
               userName,
@@ -107,7 +107,7 @@ export default {
           }
         })
       } else {
-        if( this.isLoginVerify ) {
+        if (this.isLoginVerify) {
           let verifyCode = this.loginForm.verifyCode
           let data = {
             userName,
@@ -115,7 +115,7 @@ export default {
             verifyCode,
           }
           promise = network.loginGetAccessToken(userName, password, `oauth/login?page_id=${pageId}`, data)
-        }else {
+        } else {
           promise = network.loginGetAccessToken(userName, password)
         }
       }
@@ -133,17 +133,17 @@ export default {
       }).catch(error => {
         console.log(error);
         this.refreshLoginVerifyStatus();
-        if( this.isLoginVerify ) {
+        if (this.isLoginVerify) {
           this.changeCaptcha()
         }
-        if( error.message === 'ERROR_IS_MODIFY_PASSWORD' ) {
+        if (error.message === 'ERROR_IS_MODIFY_PASSWORD') {
           // this.submitButtonStat = false
           // console.log(this.loginForm.userName);
           this.$router.push(`/modify-password/${this.loginForm.userName}`)
-        }else {
+        } else {
           error = tool.errorHandle(error)
-            this.$message.error(error.message)
-            // this.submitButtonStat = false
+          this.$message.error(error.message)
+          // this.submitButtonStat = false
         }
         // error = tool.errorHandle(error)
         // this.$message.error(error.message)
@@ -151,10 +151,10 @@ export default {
       })
 
     },
-    changeCaptcha() {
+    changeCaptcha () {
       this.captchaUrl = REQUEST_URL + 'site/captcha?page_id=' + this.pageId + '&v=' + Math.random();
     },
-    refreshLoginVerifyStatus() {
+    refreshLoginVerifyStatus () {
       let path = 'oauth/is-login-verify'
       axiosObj.post(path, {userName:this.loginForm.userName}).then(response => {
         this.isLoginVerify = response === 1;
@@ -226,7 +226,7 @@ export default {
   }
   .el-input-group--prepend .el-input__inner, .el-input-group__append{border: none;background: none;border-radius: 0;width:94%;float: right;display: block; }
   .border-bottom {border-bottom:2px #0c195d solid;}
-  /*.el-input-group__append, .el-input-group__prepend{border: none;}*/
+  .el-input-group__append, .el-input-group__prepend{border: none;}
   input:-webkit-autofill {
     transition: background-color 5000s ease-in-out 0s;
   }