阿法士大夫

src/components/Index.vue

@@ -2,7 +2,11 @@
   <div class="homeIndex">
         <div class="head">
             <div class="main-container">
-        <div style="text-align:right;padding-top:20px">
+                <div class="homeIndexTop">
+                    <div class="hoindexImgdiv">
+                        <img src="../assets/img/logo.png" alt="" style="height:30px">
+                    </div>
+                    <div class="hoindexRight">
                         <el-dropdown>
                             <span class="el-dropdown-link" style="color:#fff;font-size:16px">
                                 <i class="iconfont icon-iconzh1"></i>
@@ -14,6 +18,19 @@
                             </el-dropdown-menu>
                         </el-dropdown>
                     </div>
+                </div>
+                <!-- <div style="text-align:right;padding-top:20px">
+                    <el-dropdown>
+                        <span class="el-dropdown-link" style="color:#fff;font-size:16px">
+                            <i class="iconfont icon-iconzh1"></i>
+                            T1219561424<i class="el-icon-arrow-down el-icon--right"></i>
+                        </span>
+                        <el-dropdown-menu slot="dropdown">
+                            <el-dropdown-item>修改密码</el-dropdown-item>
+                            <el-dropdown-item>注销</el-dropdown-item>
+                        </el-dropdown-menu>
+                    </el-dropdown>
+                </div> -->
                 <div style="font-size: 20px;margin-top: 35px;">管理中心</div>
                 <div class="tabHead" style="font-size: 14px;">
                     <span @click="SelectTab1(1)" :class="tab1==1 ? 'active' :''">账户管理</span>
@@ -67,7 +84,10 @@
                     <div v-show="tab2==1" class="radius">
                         <div style="margin-bottom:20px">
                             <div class="searchInput">
-                <el-input style="display:inline-block;width:170px;" placeholder="请输入内容" v-model="val" size="small"
+                                <el-input style="display:inline-block;width:170px;"
+                                placeholder="请输入内容"
+                                v-model="val"
+                                size="small"
                                 clearable>
                                 </el-input>
                                 <span class="el-icon-search" style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
@@ -79,10 +99,19 @@
                             </span>
                             
                         </div>
-            <el-table :data="tableData" border style="width: 100%;margin-bottom:20px">
-              <el-table-column prop="ID" label="ID" width="60">
+                        <el-table
+                            :data="tableData"
+                            border
+                            style="width: 100%;margin-bottom:20px">
+                            <el-table-column
+                            prop="ID"
+                            label="ID"
+                            width="60">
                             </el-table-column>
-              <el-table-column prop="name" label="商城名称" width="155">
+                            <el-table-column
+                            prop="name"
+                            label="商城名称"
+                            width="155">
                                 <template slot-scope="scope">
                                     <p style="color:#409EFF">{{scope.row.title}}</p>
                                     <p>{{scope.row.num}}
@@ -90,12 +119,21 @@
                                     </p>
                                 </template> 
                             </el-table-column>
-              <el-table-column prop="address" label="数据统计" show-overflow-tooltip :render-header="renderHeader"
+                            <el-table-column
+                            prop="address"
+                            label="数据统计"
+                            show-overflow-tooltip
+                            :render-header="renderHeader"
                             width="155">
                             </el-table-column>
-              <el-table-column prop="address" label="有效期" width="170">
+                            <el-table-column
+                            prop="address"
+                            label="有效期"
+                            width="170">
                             </el-table-column>
-              <el-table-column prop="address" label="操作">
+                            <el-table-column
+                            prop="address"
+                            label="操作">
                                 <template slot-scope="scope">
                                     <el-button size="mini" type="info" plain>编辑{{scope.row.ID}}</el-button>
                                     <el-button size="mini" type="info" plain>回收</el-button>
@@ -104,31 +142,50 @@
                                 </template>    
                             </el-table-column>
                         </el-table>
-            <el-pagination style="text-align:right" background layout="prev, pager, next" :total="1000">
+                        <el-pagination style="text-align:right"
+                        background
+                        layout="prev, pager, next"
+                        :total="1000">
                         </el-pagination>
                     </div>
                     <!-- 回收站 -->
                      <div v-show="tab2==2" class="radius" style="padding:0">
-            <p style="font-size:14px;padding:18px 20px;border-bottom: 1px solid #EBEEF5;box-sizing: border-box;">回收站列表
-            </p>
+                        <p style="font-size:14px;padding:18px 20px;border-bottom: 1px solid #EBEEF5;box-sizing: border-box;">回收站列表</p>
                         <div style="margin-bottom:20px;padding: 15px 20px;">
                             <div class="searchInput" style="width:250px;">
-                <el-input style="display:inline-block;width:225px;" placeholder="请输入商城名称或用户名搜索" v-model="val"
-                  size="small" clearable>
+                                <el-input style="display:inline-block;width:225px;"
+                                placeholder="请输入商城名称或用户名搜索"
+                                v-model="val"
+                                size="small"
+                                clearable>
                                 </el-input>
                                 <span class="el-icon-search" style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
                             </div>
                             
                         </div>
                         <div style="padding: 15px 20px;">
-              <el-table :data="tableData" border style="width: 100%;margin-bottom:20px">
-                <el-table-column prop="ID" label="ID" width="60">
+                            <el-table
+                                :data="tableData"
+                                border
+                                style="width: 100%;margin-bottom:20px">
+                                <el-table-column
+                                prop="ID"
+                                label="ID"
+                                width="60">
                                 </el-table-column>
-                <el-table-column prop="address" label="账户" width="155">
+                                <el-table-column
+                                prop="address"
+                                label="账户"
+                                width="155">
                                 </el-table-column>
-                <el-table-column prop="name" label="商城名称" width="320">
+                                <el-table-column
+                                prop="name"
+                                label="商城名称"
+                                width="320">
                                 </el-table-column>
-                <el-table-column prop="address" label="操作">
+                                <el-table-column
+                                prop="address"
+                                label="操作">
                                     <template>
                                         <el-button size="mini" type="info" plain>编辑</el-button>
                                         <el-button size="mini" type="info" plain>回收</el-button>
@@ -137,7 +194,10 @@
                                     </template>    
                                 </el-table-column>
                             </el-table>
-              <el-pagination style="text-align:right" background layout="prev, pager, next" :total="1000">
+                            <el-pagination style="text-align:right"
+                            background
+                            layout="prev, pager, next"
+                            :total="1000">
                             </el-pagination>
                         </div>
                         
@@ -155,12 +215,21 @@
                         <div style="margin-bottom:20px">
                             <el-button @click="addAdress" size="small">添加存储位置</el-button>
                         </div>
-            <el-table :data="tableData" border style="width: 100%;margin-bottom:20px">
-              <el-table-column prop="ID" label="存储位置">
+                        <el-table
+                                :data="tableData"
+                                border
+                                style="width: 100%;margin-bottom:20px">
+                                <el-table-column
+                                prop="ID"
+                                label="存储位置">
                                 </el-table-column>
-              <el-table-column prop="address" label="默认存储">
+                                <el-table-column
+                                prop="address"
+                                label="默认存储">
                                 </el-table-column>
-              <el-table-column prop="address" label="操作">
+                                <el-table-column
+                                prop="address"
+                                label="操作">
                                     <template>
                                         <el-button size="mini" type="info" plain>编辑</el-button>
                                         <el-button size="mini" type="info" plain>回收</el-button>
@@ -185,8 +254,13 @@
                         <p>域名设置</p>
                         <div class="uploadBig">
                             小程序业务域名校验文件
-              <el-upload class="uploadDiv" :http-request="UploadImage" :multiple="true" accept=".txt"
-                :show-file-list="false" action>
+                            <el-upload class="uploadDiv"
+                            :http-request="UploadImage"
+                            :multiple="true"
+                            accept=".txt"
+                            :show-file-list="false"
+                            action
+                            >
                             <el-button style="margin-left:30px" slot="trigger" size="small">选取文件</el-button>
                             </el-upload>
                         </div>
@@ -198,7 +272,10 @@
         </div>
         <div style="text-align: center;line-height: 60px;color: #000;font-size:12px">由成都微途科技有限公司提供技术支持</div>
         <!-- 修改手机号 -->
-    <el-dialog title="修改手机号" :visible.sync="dialogVisible" width="400px">
+        <el-dialog
+            title="修改手机号"
+            :visible.sync="dialogVisible"
+            width="400px">
             <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px">
                 <el-form-item label="新手机号" prop="name">
                     <el-input style="width:234px" size="small" v-model="addMsg.name"></el-input>
@@ -214,7 +291,10 @@
             </span>
         </el-dialog>
         <!-- 创建商城 -->
-    <el-dialog title="创建商城" :visible.sync="creatDig" width="440px">
+        <el-dialog
+            title="创建商城"
+            :visible.sync="creatDig"
+            width="440px">
             <el-form :model="creatMsg" :rules="creatMsgrules" ref="creatMsg" label-width="100px">
                 <el-form-item label="商城名称" prop="name">
                     <el-input size="small" v-model="addMsg.name"></el-input>
@@ -230,7 +310,11 @@
             </span>
         </el-dialog>
         <!-- 存储位置编辑 -->
-    <el-dialog title="存储位置编辑" :visible.sync="dialogEdit" top="5%" width="800px">
+        <el-dialog
+            title="存储位置编辑"
+            :visible.sync="dialogEdit"
+            top="5%"
+            width="800px">
             <el-form class="editMsg" :model="editMsg" :rules="editMsgrules" ref="editMsg" label-width="0px">
                 <el-form-item label-width="80px" label="存储位置" prop="name">
                     <el-radio v-model="editMsg.type" label="1">腾讯云COS</el-radio>
@@ -245,8 +329,7 @@
                     <el-form-item prop="name">
                         <p><span class="cred">*</span>所属地域</p>
                         <el-input v-model="addMsg.name"></el-input>
-            <div>示例: <span class="cred">ap-shanghai</span> 或 <span class="cred">ap-shenzhen</span> 或 <span
-                class="cred">ap-xxxxxx</span></div>
+                        <div >示例: <span class="cred">ap-shanghai</span> 或 <span class="cred">ap-shenzhen</span> 或 <span class="cred">ap-xxxxxx</span></div>
                     </el-form-item>
                     <el-form-item>
                         <p>自定义域名</p>
@@ -270,8 +353,7 @@
                     <el-form-item prop="name">
                         <p><span class="cred">*</span>绑定域名</p>
                         <el-input v-model="addMsg.name"></el-input>
-            <div>示例: <span class="cred">http://mydomain.com</span> 或 <span
-                class="cred">http://xxxxxx.bkt.clouddn.com</span></div>
+                        <div >示例: <span class="cred">http://mydomain.com</span> 或 <span class="cred">http://xxxxxx.bkt.clouddn.com</span></div>
                     </el-form-item>
                     <el-form-item>
                         <p>AccessKey（AK）</p>
@@ -297,87 +379,66 @@
 </template>
 
 <script>
-  export default {
+export default {
     name: 'homeIndex',
-    data() {
-      return {
-        creatMsg: {},
-        creatDig: false,
-        editMsg: {
-          type: '',
+    data(){
+            return{
+                creatMsg:{},
+                creatDig:false,
+                editMsg:{
+                    type:'',
                 },
-        dialogEdit: false,
-        tab1: 1,
-        tab2: 1,
-        tab3: 1,
-        tableData: [{
-          ID: '11',
-          title: '赞羊严选',
-          num: 'T1219561424'
-        }],
-        val: '',
-        dialogVisible: false,
-        addMsg: {},
+                dialogEdit:false,
+                tab1:1,
+                tab2:1,
+                tab3:1,
+                tableData:[
+                    {ID:'11',title:'赞羊严选',num:'T1219561424'}
+                ],
+                val:'',
+                dialogVisible:false,
+                addMsg:{},
                 rules: {
-          name: [{
-            required: true,
-            message: '新手机号',
-            trigger: 'blur'
-          }],
-        },
-        editMsgrules: {
-          name: [{
-            required: true,
-            message: '不能为空',
-            trigger: 'blur'
-          }],
+                    name: [
+                        { required: true, message: '新手机号', trigger: 'blur' }
+                    ],
                 },
-        creatMsgrules: {
-          name: [{
-            required: true,
-            message: '不能为空',
-            trigger: 'blur'
-          }],
+                editMsgrules:{
+                    name: [
+                        { required: true, message: '不能为空', trigger: 'blur' }
+                    ],
                 },
-
-      }
+                creatMsgrules:{
+                    name: [
+                        { required: true, message: '不能为空', trigger: 'blur' }
+                    ],
                 },
-    methods: {
-      initData() {
                     
-        this.apipost("/api/Tenant/GetTenant", {}, res => {
-            console.log("res",res.data);
-          if (res.data.resultCode == 1) {
-          
-          } else {
-            this.Info(res.data.message);
             }
-        })
     },
-      UploadImage() {
+    methods:{
+        UploadImage(){
             
         },
-      addAdress() {
-        this.dialogEdit = true;
-        this.editMsg = {
-          type: '',
+        addAdress(){
+            this.dialogEdit=true;
+            this.editMsg={
+                    type:'',
             }
         },
-      SelectTab1(val) {
-        this.tab1 = val;
+        SelectTab1(val){
+            this.tab1=val;
         },
-      SelectTab2(val) {
-        this.tab2 = val;
+        SelectTab2(val){
+            this.tab2=val;
         },
-      SelectTab3(val) {
-        this.tab3 = val;
+        SelectTab3(val){
+            this.tab3=val;
         },
-      renderHeader(h, {
-        column
-      }) {
-        const inReview = "数据统计每10分钟刷新一次"
+        renderHeader (h,{column}) { 
+            const inReview="数据统计每10分钟刷新一次"
             return h(
-          'div', [
+    　　　　    'div', [
                     h('span', column.label),
                     h('el-tooltip', {
                         props: {
@@ -394,151 +455,136 @@
                             class: 'el-icon-question',
                             style: 'color:#909399;margin-left:5px;'
                         })
-            ], )
+                    ],)
                 ]
-        )
+    　　　　 )
+            // return h(
+            //     'div',
+            //     [ 
+            //         h('span', column.label),
+            //         h('i', {
+            //         class:'el-icon-question',
+            //         style:'color:#909399;margin-left:5px;'
+            //         })
+            //     ],
+            // );
         }
     },
-    mounted(){
-        this.initData();
-    }
-  }
-
+}
 </script>
 
 <style>
-  .homeIndex .uploadBig {
-    padding: 30px 0 10px 110px;
-  }
-
-  .homeIndex .uploadDiv {
+.homeIndex .uploadBig{
+    padding:30px 0 10px 110px;
+}
+.homeIndex .uploadDiv{
     display: inline-block;
-  }
-
-  .editMsg .el-form-item {
+}
+.editMsg .el-form-item{
     margin-bottom: 15px;
-  }
-
-  .editMsg .cred {
+}
+.editMsg .cred{
     color: #F56C6C;
     margin-right: 4px;
-    font-size: 12px;
-  }
-
-  .editMsg .el-form-item__content>.is-checked {
-    border: 1px solid #3a8ee6 !important;
-  }
-
-  .editMsg .el-radio {
+    font-size:12px;
+}
+.editMsg .el-form-item__content>.is-checked{
+    border:1px solid #3a8ee6!important;
+}
+.editMsg .el-radio{
     width: 130px;
     padding: 9px 0;
     text-align: center;
     border: 1px solid #DCDFE6;
     border-radius: 4px;
-  }
-
-  .homeIndex .el-button--info.is-plain {
-    border-radius: 16px !important;
-  }
-
-  .homeIndex .content .searchInput {
+}
+.homeIndex .el-button--info.is-plain{
+    border-radius: 16px!important;
+}
+.homeIndex .content .searchInput{
     border: 1px solid #DCDFE6;
     border-radius: 4px;
-  }
-
-  .homeIndex .content .searchInput .el-input__inner {
-    border: none;
-    outline: none;
-  }
-
-  .homeIndex .content .searchInput {
+}
+.homeIndex .content .searchInput .el-input__inner{
+    border:none;outline:none;
+}
+.homeIndex .content .searchInput{
     line-height: normal;
     display: inline-table;
     width: 100%;
     border-collapse: separate;
     border-spacing: 0;
-    width: 200px;
+    width:200px;
     margin-right: 20px;
-  }
-
-  .homeIndex .content .userinfo {
+}
+.homeIndex .content .userinfo {
     height: 210px;
     padding: 40px;
     position: relative;
-  }
-
-  .homeIndex .content .imgbg {
+}
+.homeIndex .content .imgbg{
     position: absolute;
     right: 40px;
     top: 40px;
     height: 130px;
     width: 174px;
-  }
-
-  .homeIndex .content .radius .Spannumber {
-    color: #303133;
+}
+.homeIndex .content .radius .Spannumber{
+    color:#303133;
     font-size: 24px;
-  }
-
-  .homeIndex .content .title {
+}
+.homeIndex .content .title{
     font-size: 16px;
     color: #999999;
     margin-bottom: 5px;
-  }
-
-  .homeIndex .content .tab2Div span:hover {
+}
+.homeIndex .content .tab2Div span:hover{
     background-color: #ecf5ff;
-    color: #3a8ee6 !important;
+    color: #3a8ee6!important;
     cursor: pointer;
-  }
-
-  .homeIndex .content .tab2Div span {
-    color: #606266;
+}
+.homeIndex .content .tab2Div span{
+    color:#606266;
     font-size: 12px;
     margin-right: 20px;
     padding: 9px 15px;
     border-radius: 20px;
     font-size: 12px;
-  }
+}
 
-  .homeIndex .content .spanactive {
+.homeIndex .content .spanactive{
     background-color: #ecf5ff;
-    color: #3a8ee6 !important;
-
-  }
+    color: #3a8ee6!important;
     
-  .homeIndex .content .radius {
+}
+.homeIndex .content .radius{
     background: rgb(255, 255, 255);
     margin-bottom: 20px;
     padding: 15px 20px;
     border-radius: 5px;
-  }
-
-  .homeIndex .tabHead .active {
+}
+.homeIndex .tabHead .active{
     color: #409EFF;
     border-bottom: 2px solid #409EFF;
-  }
-
-  .homeIndex .tabHead {
+}
+.homeIndex .tabHead{
     white-space: nowrap;
     position: relative;
     transition: -webkit-transform .3s;
     transition: transform .3s;
-    transition: transform .3s, -webkit-transform .3s;
+    transition: transform .3s,-webkit-transform .3s;
     float: left;
     z-index: 2;
     transform: translateX(0px);
-    color: #fff;
-    margin-top: 58px;
+    color:#fff;
+    margin-top: 45px;
 
-  }
-
-  .homeIndex .tabHead>span:hover {
-    color: #409EFF !important;
+}
+.homeIndex .tabHead>span:hover{
+    color: #409EFF!important;
     cursor: pointer;
-  }
-
-  .homeIndex .tabHead>span {
+}
+.homeIndex .tabHead>span{
     height: 40px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
@@ -549,29 +595,29 @@
     font-weight: 500;
     position: relative;
     margin-right: 40px;
-  }
-
-  .homeIndex .head {
+}
+.homeIndex .head{
     background-image: url('../assets/img/homeback.png');
     height: 200px;
-    color: #fff;
-  }
-
-  .homeIndex .main-container {
+    color:#fff;
+}
+.homeIndex .main-container {
     max-width: 960px;
     margin: 0 auto;
-  }
-
-  .homeIndex .div2 {
+}
+.homeIndex .div2{
     background: rgb(255, 255, 255);
     margin-bottom: 20px;
     padding: 15px 20px;
     border-radius: 5px;
-  }
-
-  .homeIndex {
-    background: #f3f3f3;
+}
+.homeIndex{
+    background:#f3f3f3;
     height: 100%;
-  }
-
+}
+.homeIndex .homeIndexTop{
+    padding-top:20px;
+    display:flex;
+    justify-content:space-between;
+}
 </style>