修改企业列表和添加企业样式

frontend/saas-portal-web/package-lock.json

@@ -688,6 +688,14 @@
       "integrity": "sha512-jp/uFnooOiO+L211eZOoSyzpOITMXx1rBITauYykG3BRYPu8h0UcxsPNB04RR5vo4Tyz3+ay17tR6JVf9qzYWg==",
       "dev": true
     },
+    "async-validator": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-1.8.5.tgz",
+      "integrity": "sha512-tXBM+1m056MAX0E8TL2iCjg8WvSyXu0Zc8LNtYqrVeyoL3+esHRZ4SieE9fKQyyU09uONjnMEjrNBMqT0mbvmA==",
+      "requires": {
+        "babel-runtime": "6.x"
+      }
+    },
     "asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
@@ -985,8 +993,7 @@
     "babel-helper-vue-jsx-merge-props": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
-      "integrity": "sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg==",
-      "dev": true
+      "integrity": "sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg=="
     },
     "babel-helpers": {
       "version": "6.24.1",
@@ -1612,7 +1619,6 @@
       "version": "6.26.0",
       "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
       "integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=",
-      "dev": true,
       "requires": {
         "core-js": "^2.4.0",
         "regenerator-runtime": "^0.11.0"
@@ -2798,8 +2804,7 @@
     "core-js": {
       "version": "2.5.7",
       "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.5.7.tgz",
-      "integrity": "sha512-RszJCAxg/PP6uzXVXL6BsxSXx/B05oJAQ2vkJRjyjrEcNVycaqOmNb5OTxZPE3xa5gwZduqza6L9JOCenh/Ecw==",
-      "dev": true
+      "integrity": "sha512-RszJCAxg/PP6uzXVXL6BsxSXx/B05oJAQ2vkJRjyjrEcNVycaqOmNb5OTxZPE3xa5gwZduqza6L9JOCenh/Ecw=="
     },
     "core-util-is": {
       "version": "1.0.2",
@@ -3334,6 +3339,11 @@
       "integrity": "sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=",
       "dev": true
     },
+    "deepmerge": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-1.5.2.tgz",
+      "integrity": "sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ=="
+    },
     "default-require-extensions": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/default-require-extensions/-/default-require-extensions-1.0.0.tgz",
@@ -3713,6 +3723,19 @@
       "integrity": "sha512-IYhbzJYOopiTaNWMBp7RjbecUBsbnbDneOP86f3qvS0G0xfzwNSvMJpTrvi5/Y1gU7tg2NAgeg8a8rCYvW9Whw==",
       "dev": true
     },
+    "element-ui": {
+      "version": "2.4.11",
+      "resolved": "https://registry.npmjs.org/element-ui/-/element-ui-2.4.11.tgz",
+      "integrity": "sha512-RtgK0t840NAFTajGMWvylzZRSX1EkZ7V4YgAoBxhv4TtkeMscLuk/IdYOzPdlQq6IN0byx1YVBxCX+u4yYkGvw==",
+      "requires": {
+        "async-validator": "~1.8.1",
+        "babel-helper-vue-jsx-merge-props": "^2.0.0",
+        "deepmerge": "^1.2.0",
+        "normalize-wheel": "^1.0.1",
+        "resize-observer-polyfill": "^1.5.0",
+        "throttle-debounce": "^1.0.1"
+      }
+    },
     "elliptic": {
       "version": "6.4.1",
       "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.4.1.tgz",
@@ -7772,6 +7795,11 @@
         "sort-keys": "^1.0.0"
       }
     },
+    "normalize-wheel": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
+      "integrity": "sha1-rsiGr/2wRQcNhWRH32Ls+GFG7EU="
+    },
     "npm-run-path": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
@@ -11115,8 +11143,7 @@
     "regenerator-runtime": {
       "version": "0.11.1",
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
-      "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==",
-      "dev": true
+      "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg=="
     },
     "regenerator-transform": {
       "version": "0.10.1",
@@ -11300,6 +11327,11 @@
       "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=",
       "dev": true
     },
+    "resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
+    },
     "resolve": {
       "version": "1.1.7",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.1.7.tgz",
@@ -12539,6 +12571,11 @@
       "integrity": "sha1-iQN8vJLFarGJJua6TLsgDhVnKmo=",
       "dev": true
     },
+    "throttle-debounce": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-1.1.0.tgz",
+      "integrity": "sha512-XH8UiPCQcWNuk2LYePibW/4qL97+ZQ1AN3FNXwZRBNPPowo/NRU5fAlDCSNBJIYCKbioZfuYtMhG4quqoJhVzg=="
+    },
     "through2": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",

frontend/saas-portal-web/package.json

@@ -16,6 +16,7 @@
   },
   "dependencies": {
     "axios": "^0.18.0",
+    "element-ui": "^2.4.11",
     "v-distpicker": "^1.0.20",
     "vue": "^2.5.2",
     "vue-router": "^3.0.1",

frontend/saas-portal-web/src/components/conenter/company.vue

@@ -60,7 +60,6 @@
             <div class="gs-xiangqing dotted">
                 <router-link to="/addenterprise">
                     <div class="gs-tianja" @click= "addEnterprise">
-                        <!-- <div class="gs-tj"></div> -->
                         <img src="/static/img/Fill 1.png" alt="">
                         <p>添加企业</p>
                     </div>
@@ -68,28 +67,32 @@
             </div>
             <!-- 点击查看企业详情 -->
             <div v-for="(d , i) in arr " :key="i" class="gs-xiangqing">
-                <div class="gs-morentop" :class= "{gsqiye:nowindex == (i+1)}">
-                    <span v-if = "d.default_" class="gs-btn2 xs">取消默认</span>
-                    <span v-else @click="showDefaultWin(i)" class="gs-btn2 xs">设为默认</span>
-                </div>
                 <!-- 上 -->
-                <div class="gs-shang" @click.stop @mousemove="setismoren">
-                    <span @click="setmoren(i)" class="xs">设置</span>
+                <div class="gs-shang">
                     <img v-if = "d.default_" class="gs-morenimg" src="/static/img/moren2x.png" alt="">
                 </div>
                 <!-- 中 -->
-                <div class="gs-xqleft" >
+                <div class="gs-xqleft" @click.stop>
                     <p class="gs-qynema xs" @click= "getEnterpriseInfo(d)">{{d.name}}</p>
+                    <img @mouseenter="setismoren" @click="setmoren(i)" class="shezhi xs" src="/static/img/shezhi.png" alt="设置">
+                    <div class="gs-morentop" :class= "{gsqiye:nowindex == (i+1)}">
+                        <span v-if = "d.default_" @click="hideDefaultWin(i)" class="gs-btn2 xs">取消默认</span>
+                        <span v-else @click="showDefaultWin(i)" class="gs-btn2 xs">设为默认</span>
+                    </div>
                 </div>
                 <!-- 下 -->
                 <div class="gs-xqright over">
-                    <div v-if= "d.saas_" class="gs-xqright-left left">
-                        <p><span>saas管理员：</span>{{d.admin}}</p>
-                        <p><span>联系方式：</span>{{d.adminMobile}}</p>
-                        <p v-if= "d.time"><span>开通日期：</span>{{d.time}}</p>
+                    <div class="gs-xqright-left left" style="margin-top: 8%;" @click.stop >
+                        <p class="saasfuwu"><span>SaaS服务</span></p>
+                        <p v-if= "d.saas_"  class="saasgengduo xs"><span @mouseenter="setissaasxiangxi" @click="gengduo(i)">更多 ></span></p>
+                        <div class="saasxiangxi" :class= "{gssaasxiangxi:nowindex2 == (i+1)}">
+                            <p><span>saas管理员：</span>{{d.admin}}</p>
+                            <p><span>联系方式：</span>{{d.adminMobile}}</p>
+                            <!-- <p><span>开通日期：</span></p> -->
+                        </div>
                     </div>
                     <div class="gs-border gs-xqright-right right">
-                        <span v-if= "d.saas_" class="gs-btn1 dianji" @click="selectServe(d.id)">进入服务</span>
+                        <span v-if= "d.saas_" class="gs-btn1 xs" @click="selectServe(d.id)">进入服务</span>
                         <span v-else @click="showOpenServeWin(d.id , i)" class="gs-btn1 kaitong xs">开通服务</span>
                     </div>
                 </div>
@@ -119,6 +122,7 @@
                 admin: '',
                 adminMobile: '',
                 ismoren:true,
+                issaasxiangxi:true,
             }
         },
         computed :{
@@ -127,7 +131,10 @@
             },
             nowindex() {
                 return this.$store.state.ismoren
-            }
+            },
+            nowindex2() {
+                return this.$store.state.issaasxiangxi
+            },
         },
         watch:{
             arr:function(){
@@ -202,10 +209,28 @@
                     this.isDefault = false;
                     this.$router.go(0);
                 })
+            },
+            // 取消默认企业
+            hideDefaultWin(i){
+                let token = this.mytoken.token;
+                this.$ajax({
+                    url: this.$url.api+'/api/account/accountCenter/unBind/defaultCompany',
+                    method: 'post',
+                    data:{
+                        companyId: this.arr[i].id,
+                        accountId: this.mytoken.account.id
+                    },
+                    headers: {
+                        "Authorization":token,
+                    }
+                })
+                .then(res=>{
+                    // console.log('请求成功',res);
+                    this.$router.go(0);
+                })
                 .catch(err=>{
                     // console.log('请求失败',err);
                 });
-                
             },
             //进入服务
             selectServe(id){
@@ -329,9 +354,21 @@
                 }
                 this.ismoren = !this.ismoren
             },
+            // 弹出更多
+            gengduo(i){
+                if (this.issaasxiangxi) {
+                    this.$store.state.issaasxiangxi = i+1
+                } else {
+                    this.$store.state.issaasxiangxi = ''
+                }
+                this.issaasxiangxi = !this.issaasxiangxi
+            },
             setismoren(){
                 this.ismoren = true
             },
+            setissaasxiangxi(){
+                this.issaasxiangxi = true
+            },
             //没有内容也要有一定的高度
             boxheight(){
                 let H = this.$refs.qiyebox.offsetHeight;
@@ -349,4 +386,44 @@
 .heigh {
     height: 500px;
 }
+.gs-xqright {
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    -khtml-user-select: none;
+    user-select: none;
+}
+.shezhi {
+    margin-left: 92%;
+    margin-top: 23%;
+}
+.gs-morentop {
+    position: absolute;
+    margin-top: 5px;
+    right: 11px;
+    display: none;
+}
+.saasfuwu {
+    font-size: 16px;
+    color: #677897;
+}
+.saasgengduo {
+    font-family: PingFangSC-Regular;
+    font-size: 12px;
+    color: #1E88F5;
+    letter-spacing: 0;
+}
+.saasxiangxi {
+    display: none;
+    position: absolute;
+    background: #F8FBFF;
+    border: 1px solid #1E88F5;
+    border-radius: 4px;
+    padding: 10px;
+    font-size: 14px;
+    color: #1E88F5 !important;
+}
+.gssaasxiangxi {
+    display: block;
+}
 </style>

frontend/saas-portal-web/src/components/conenter/details.vue

@@ -1,237 +0,0 @@
-<template>
-    <div>
-        <span class="Tips" ref="Tips"></span>
-        <!-- 企业详细信息 -->
-        <div v-if="modify">
-            <div class="gs-worp qy-worp" style="width:100%">
-                <div class="qy-title">
-                    <span><img @click= "gobick" style="float: left;padding: 20px; cursor:pointer" src="/static/img/fanhui.png" alt=""></span>
-                    <span>企业基本信息</span>
-                    <span v-if="ismodifyId" @click="xiugaiqiye" class="qy-xiugai dianji">修改</span>
-                </div>
-                <div class="qy-conent">
-                    <ul>
-                        <li><span class="qy-biaoti">公司名称</span><span>{{content.name}}</span></li>
-                        <li><span class="qy-biaoti">所属行业</span><span>{{content.type}}</span></li>
-                        <li><span class="qy-biaoti">公司地址</span><span>{{content.address}}</span></li>
-                    </ul>
-                </div>
-            </div>
-            <div class="gs-worp qy-worp" style="width:100%">
-                <div class="qy-title">
-                    <span>saas服务管理员信息</span>
-                </div>
-                <div class="qy-conent">
-                    <ul>
-                        <li><span class="qy-biaoti">姓名</span><span>{{content.admin}}</span></li>
-                        <li><span class="qy-biaoti">手机号</span><span>{{content.adminMobile}}</span></li>
-                        <li><span class="qy-biaoti">邮箱</span><span>{{content.adminEmail}}</span></li>
-                    </ul>
-                </div>
-            </div>
-        </div>
-        <!-- 修改企业信息 ------------------------------------------  -->
-        <div v-else>
-            <div class="gs-worp qy-worp" style="width: 100%">
-                <div class="qy-title" style="position: relative;">
-                    <span>企业基本信息</span>
-                    <div class="qy-anniu">
-                        <span @click= "baocunxiugai" class="qy-xiugai dianji" style="left: 0">保存</span>
-                        <span @click= "quxiaoxiugai" class="qy-quxiao xs">取消</span>
-                    </div>
-                </div>
-                <div class="qy-conent">
-                    <ul>
-                        <li>
-                            <span class="qy-biaoti"><span class="xingxing">*</span>公司名称</span>
-                            <span>{{content.name}}</span>
-                        </li>
-                        <li>
-                            <span class="qy-biaoti">所属行业</span>
-                            <select ref="qyindustry" style="width:59%;height: 30px" name="selectAge" id="selectAge">   
-                                <option value="">请选择所属行业</option>
-                                <option value="贸易零售">贸易零售</option>
-                                <option value="制造加工">制造加工</option>
-                                <option value="服务业">服务业</option>
-                                <option value="教育">教育</option>
-                                <option value="信息传媒">信息传媒</option>
-                                <option value="金融">金融</option>
-                                <option value="高新科技">高新科技</option>
-                                <option value="电子商务">电子商务</option>
-                                <option value="互联网">互联网</option>
-                                <option value="医疗服务">医疗服务</option>
-                                <option value="艺术娱乐">艺术娱乐</option>
-                                <option value="地产建筑">地产建筑</option>
-                                <option value="公共服务">公共服务</option>
-                                <option value="开采冶金">开采冶金</option>
-                                <option value="交通仓储">交通仓储</option>
-                                <option value="农林牧渔">农林牧渔</option>
-                                <option value="其他">其他</option>   
-                            </select>
-                        </li>
-                        <li>
-                            <span class="qy-biaoti">公司地址</span>
-                            <span>{{content.address}}</span>
-                        </li>
-                    </ul>
-                </div>
-            </div>
-            <div class="gs-worp qy-worp" style="width: 100%">
-                <div class="qy-title">
-                    <span>saas服务管理员信息</span>
-                </div>
-                <div class="qy-conent">
-                    <ul>
-                        <li><span class="qy-biaoti">姓名</span><span>{{content.admin}}</span></li>
-                        <li><span class="qy-biaoti">手机号</span><span>{{content.adminMobile}}</span></li>
-                        <li>
-                            <span class="qy-biaoti">邮箱</span>
-                            <input @change="email" ref="email" type="text" value="">
-                            <div class="qy-Tips"><span style="color:red">{{Email}}</span></div>
-                        </li>
-                    </ul>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-
-    export default {
-        data(){
-            return {
-                modify:true,
-                content: JSON.parse(window.sessionStorage.getItem("content")),
-                Email: '',
-                mytoken: JSON.parse(localStorage.getItem('app-state-session')),//本地储存的用户信息
-                isId: false,
-                isemail: true,//正则邮箱
-                ismodifyId: false
-            }
-        },
-        mounted(){
-            //不是管理员隐藏修改按钮
-            if (this.content.adminId == this.mytoken.account.id) {
-                this.ismodifyId = true;
-            } else {
-                this.ismodifyId = false
-            }
-        },
-        methods: {
-            selects(){
-                let selects = this.$refs.qyindustry;
-                let options = selects.options;
-                for (let i = 0; i < options.length; i++) {
-                    if (options[i].innerHTML == this.content.type) {
-                        options[i].selected = true
-                    }
-                };
-                let email = this.$refs.email;
-                email.value = this.content.adminEmail;
-            },
-            //修改企业信息
-            xiugaiqiye(){
-                document.documentElement.scrollTop = 0;
-                this.modify = false;
-                setTimeout(()=>{
-                    this.selects()
-                },10)
-            },
-            email(){ //验证邮箱
-                let reg = new RegExp("^[a-z0-9A-Z]+[- | a-z0-9A-Z . _]+@([a-z0-9A-Z]+(-[a-z0-9A-Z]+)?\\.)+[a-z]{2,}$"); 
-                let email = this.$refs.email.value;//邮箱
-                if (email == '') {
-                    this.Email = ''
-                    this.isemail = true
-                } else {
-                    if (!reg.test(email)) {
-                        this.Email = '请填写正确的邮箱'
-                        this.isemail = false
-                    } else {
-                        this.Email = ''
-                        this.isemail = true
-                    }
-                }
-            },
-            // 取消修改
-            quxiaoxiugai(){
-                document.documentElement.scrollTop = 0;
-                this.modify = true;
-            },
-            // 保存修改
-            baocunxiugai(){
-                let qyindustry = this.$refs.qyindustry.value;//所属行业
-                if (this.isemail) {
-                    let email = this.$refs.email.value;
-                    let qyname = this.content.name;//公司名字
-                    let address = this.content.address;//公司详细地址
-                    let companyId = this.content.id;
-                    let name = this.content.realname;//名字
-                    let mobile = this.mytoken.account.mobile;//手机号
-                    let uu = this.content.uu;
-                    let company = {'name':qyname,'address':address, 'id':companyId, 'type':qyindustry};
-                    let account = {'realname':name,'email':email,'mobile':mobile, 'uu':uu};
-                    this.$ajax({
-                        url: this.$url.api+"/api/account/accountCenter/companyAccount/update",//http://192.168.253.31:8560
-                        method: 'post',
-                        data: {
-                            companyRegDTO:company,
-                            accountRegDTO:account,
-                        },
-                        headers: {
-                            "Authorization":this.mytoken.token,
-                        }
-                    })
-                    .then(res=>{
-                        // console.log("请求成功",res)
-                        if (res.data.success) {
-                            document.documentElement.scrollTop = 0;
-                            this.modify = true;
-                            this.content.type = qyindustry;
-                            this.content.adminEmail = email
-                        };
-                    })
-                    .catch(err=>{
-                        // console.log("请求失败",err)
-                    })
-                } else {
-                    this.$refs.Tips.innerHTML= "请填写正确的邮箱"
-                    // this.isTipsmail = true;
-                    setTimeout(()=>{
-                        this.$refs.Tips.innerHTML= ""
-                    },3000)
-                }
-            },
-            //返回
-            gobick(){
-                this.$router.push({name:'company'});
-            }
-        }
-    }
-</script>
-
-<style scoped>
-.xg-biaoqian {
-    padding: 6px 20px;
-    border-radius: 2px;
-    margin-right: 8px;
-    background: #F1F7FC;
-    color: #243A52;
-}
-.qcbiaoqian {
-    position: relative;
-    top: -17px;
-    right: -21px;
-}
-.Tips {
-    display: block;
-    text-align: center;
-    color: red;
-    height: 20px;
-}
-.qy-Tips {
-    height: 26px;
-    margin-left: 21%;
-}
-</style>

frontend/saas-portal-web/src/components/conenter/enterprise.vue

@@ -118,8 +118,11 @@
                         </div>
                     </div>
                 </div>
+    <!-- 消息 ------------------------------------------------------------------>
+                <div :class="{gsqiye:nowindex == 3}">
+                    我是消息页面
+                </div>
             </div>
-            
         </div>
     </div>
 </template>
@@ -140,7 +143,8 @@ import { setTimeout } from 'timers';
                 tab: [
                     {name: '企业信息'},
                     {name: '个人信息'},
-                    {name: '安全信息'},
+                    {name: '安全设置'},
+                    // {name: '消息'},
                     ],
             }
         },
@@ -206,7 +210,8 @@ import { setTimeout } from 'timers';
                 }
             },
             onshezhi(){
-                this.$store.state.ismoren = ''
+                this.$store.state.ismoren = '';
+                this.$store.state.issaasxiangxi = ''
             },
         },
     }

frontend/saas-portal-web/src/pages/index/index.js

@@ -4,6 +4,10 @@ import App from './index.vue'
 import router from '../../router'
 import Axios from 'axios'
 import store from '../../store'
+import ElementUI from 'element-ui';
+import 'element-ui/lib/theme-chalk/index.css';
+
+Vue.use(ElementUI);
 
 Axios.defaults.withCredentials=true;
 Axios.interceptors.request.use(function (config) {

frontend/saas-portal-web/src/store/index.js

@@ -7,7 +7,8 @@ export default new Vuex.Store({
         isAutoLogin: false,
         isproblem: '',//常见问题
         isloading:false,
-        ismoren:''
+        ismoren:'',
+        issaasxiangxi:''
     },
     mutations:{
          Logintrue(state) {

frontend/saas-portal-web/static/css/gongsi.css

@@ -1,7 +1,5 @@
 .xs:hover {
     cursor:pointer;
-    /* border-bottom: 1px solid #2868c8; */
-    /* box-shadow: 1px 1px 1px #ccc; */
 }
 .dianji:hover{
     border-bottom: 1px solid #2868c8;
@@ -106,7 +104,7 @@
     margin-left: -22%;
 }
 .gs-xiangqing {
-    height: 200px;
+    height: 240px;
     background: #FFFFFF;
     border: 1px solid rgba(30,136,245,0.32);
     box-shadow: 0 20px 60px 8px #F4F8FC;
@@ -120,6 +118,7 @@
     font-weight: 600;
     color: #243A52;
     letter-spacing: 0;
+    font-size: 18px;
 }
 .dotted {
     border: 1px dashed rgba(30,136,245,0.32);
@@ -139,10 +138,17 @@
     width: 70%;
 }
 .gs-shang {
-    height: 30%;
+    height: 25%;
     padding: 10px;
     position: relative;
 }
+.gs-shang span {
+    font-size: 12px;
+    color: #9EA8B2;
+    letter-spacing: 0;
+    text-align: center;
+    line-height: 30px;
+}
 .gs-morenimg {
     width: 20%;
     position: absolute;
@@ -150,12 +156,12 @@
     right: 0;
 }
 .gs-xqleft {
-    height: 30%;
+    height: 40%;
     position: relative;
     padding: 0px 10px;
 }
 .gs-xqright {
-    height: 40%;
+    height: 35%;
     background: #F4F9FE;
     padding: 10px;
 }
@@ -164,17 +170,12 @@
 }
 .gs-xqright div p{
     font-size: 12px;
-    color: #677897;
     letter-spacing: 0;
 }
 .gs-border {
     margin-top: 8%;
 }
-.gs-morentop {
-    position: absolute;
-    margin-top: -27px;
-    display: none;
-}
+
 .gs-btn1 {
     padding: 5px;
     background: #4EC66B;;
@@ -217,9 +218,9 @@
     color: red;
 }
 .qy-anniu {
-    position: absolute;
-    top: 0;
-    right: 40px;
+    margin-left: 56%;
+    margin-top: 30px;
+    margin-bottom: 45px;
 }
 .qy-conent input {
     border: 1px solid #1E88F5;
@@ -243,14 +244,11 @@
 }
 .addbiaoqian {
     width: 59%;
-    /* float: right;
-    margin-right: 102px; */
     float: left;
     margin-left: 4px;
 }
 .qy-xiangxi {
     width: 100% !important;
-    margin-top: 10px;
     font-size: 12px;
     padding-left: 10px;
 }
@@ -341,6 +339,17 @@
     font-size: 16px;
     font-weight: 600;
 }
+.qy-title>ul{
+    margin: 0;
+    padding: 0;
+    width: 100%;
+}
+.qy-title>ul>li{
+    margin: 0;
+    padding: 0;
+    width: 50%;
+    text-align: center;
+}
 .qy-xiugai {
     font-family: PingFangSC-Regular;
     font-size: 14px;
@@ -375,4 +384,39 @@
     background: #1E88F5;
     border-radius: 2px;
     margin-right: 8px;
+}
+.jr-conent {
+    padding: 60px 30px 30px 30px;
+    text-align: center;
+}
+.jr-conent input {
+    width: 30%;
+    padding-left: 10px;
+    border: 0;
+    border-bottom: 1px solid #BDBEBE;
+}
+.lookup {
+    width: 40%;
+    background: #FFFFFF;
+    border: 1px solid #1E88F5;
+    border-radius: 2px;
+    margin-left: 5%;
+    position: absolute;
+    /* display: none; */
+    margin-top: -20px;
+    z-index: 1;
+    text-align: left;
+}
+.lookup > ul {
+    padding: 20px;
+}
+.lookup > ul > li {
+    margin-bottom: 10px;
+} 
+.lookup > ul > li span{
+    width: 15%;
+    display: inline-block;
+} 
+.saasguanli {
+    width: 18% !important;
 }

frontend/saas-portal-web/static/css/main.css

@@ -40,6 +40,9 @@ h1, h2, h3, h4, h5, h6,
 p {
     font-size: 15px;
 }
+li {
+    list-style: none;
+}
 main > section {
     /* padding: 70px 0; */
 }