Skip to content

E
ElectricitySheep
Commit 39eaf48d authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 54fcc633
Hide whitespace changes
Inline Side-by-side
Showing with 495 additions and 518 deletions
src/components/Index.vue
View file @ 39eaf48d
<template> <template>
<div class="homeIndex"> <div class="homeIndex">
<div class="head"> <div class="head">
<div class="main-container"> <div class="main-container">
<div class="homeIndexTop"> <div class="homeIndexTop">
<div class="hoindexImgdiv"> <div class="hoindexImgdiv">
<img src="../assets/img/logo.png" alt="" style="height:30px"> <img src="../assets/img/logo.png" alt="" style="height:30px">
</div> </div>
<div class="hoindexRight"> <div class="hoindexRight">
<el-dropdown> <el-dropdown>
<span class="el-dropdown-link" style="color:#fff;font-size:16px"> <span class="el-dropdown-link" style="color:#fff;font-size:16px">
<i class="iconfont icon-iconzh1"></i> <i class="iconfont icon-iconzh1"></i>
T1219561424<i class="el-icon-arrow-down el-icon--right"></i> T1219561424<i class="el-icon-arrow-down el-icon--right"></i>
</span> </span>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item>修改密码</el-dropdown-item> <el-dropdown-item>修改密码</el-dropdown-item>
<el-dropdown-item>注销</el-dropdown-item> <el-dropdown-item>注销</el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> </div>
</div> </div>
<!-- <div style="text-align:right;padding-top:20px"> <!-- <div style="text-align:right;padding-top:20px">
<el-dropdown> <el-dropdown>
<span class="el-dropdown-link" style="color:#fff;font-size:16px"> <span class="el-dropdown-link" style="color:#fff;font-size:16px">
<i class="iconfont icon-iconzh1"></i> <i class="iconfont icon-iconzh1"></i>
...@@ -31,560 +31,531 @@ ...@@ -31,560 +31,531 @@
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> --> </div> -->
<div style="font-size: 20px;margin-top: 35px;">管理中心</div> <div style="font-size: 20px;margin-top: 35px;">管理中心</div>
<div class="tabHead" style="font-size: 14px;"> <div class="tabHead" style="font-size: 14px;">
<span @click="SelectTab1(1)" :class="tab1==1 ? 'active' :''">账户管理</span> <span @click="SelectTab1(1)" :class="tab1==1 ? 'active' :''">账户管理</span>
<span @click="SelectTab1(2)" :class="tab1==2 ? 'active' :''">小程序商城</span> <span @click="SelectTab1(2)" :class="tab1==2 ? 'active' :''">小程序商城</span>
<span @click="SelectTab1(3)" :class="tab1==3 ? 'active' :''">设置</span> <span @click="SelectTab1(3)" :class="tab1==3 ? 'active' :''">设置</span>
</div>
</div>
</div> </div>
<div style="width:100%;margin-top:20px"> </div>
<div class="main-container">
<div v-show="tab1==1" class="content"> </div>
<div style="background:#fff" class="radius tab2Div"><span class="spanactive">我的账户</span></div> <div style="width:100%;margin-top:20px">
<div style="background:#f3f3f3;height:20px"></div> <div class="main-container">
<div style="background:#fff" class="radius"> <div v-show="tab1==1" class="content">
<el-row> <div style="background:#fff" class="radius tab2Div"><span class="spanactive">我的账户</span></div>
<el-col class="userinfo" :span="12"> <div style="background:#f3f3f3;height:20px"></div>
<p class="title">用户名</p> <div style="background:#fff" class="radius">
<p class="Spannumber">T1219561424</p> <el-row>
<img class="imgbg" src="../assets/img/user.png" alt=""> <el-col class="userinfo" :span="12">
</el-col> <p class="title">用户名</p>
<el-col class="userinfo" :span="12"> <p class="Spannumber">T1219561424</p>
<p class="title">手机号</p> <img class="imgbg" src="../assets/img/user.png" alt="">
<p class="Spannumber">T1219561424 </el-col>
<img @click="dialogVisible=true" style="width:16px;height:16px" src="../assets/img/change.png" alt=""> <el-col class="userinfo" :span="12">
</p> <p class="title">手机号</p>
<img class="imgbg" src="../assets/img/mobile.png" alt=""> <p class="Spannumber">T1219561424
</el-col> <img @click="dialogVisible=true" style="width:16px;height:16px" src="../assets/img/change.png" alt="">
</el-row> </p>
<el-row> <img class="imgbg" src="../assets/img/mobile.png" alt="">
<el-col class="userinfo" :span="12"> </el-col>
<p class="title">可创建小程序数量</p> </el-row>
<p class="Spannumber">1</p> <el-row>
<img class="imgbg" src="../assets/img/number.png" alt=""> <el-col class="userinfo" :span="12">
</el-col> <p class="title">可创建小程序数量</p>
<el-col class="userinfo" :span="12"> <p class="Spannumber">1</p>
<p class="title">账号有效期</p> <img class="imgbg" src="../assets/img/number.png" alt="">
<p class="Spannumber">T1219561424</p> </el-col>
<img class="imgbg" src="../assets/img/end_time.png" alt=""> <el-col class="userinfo" :span="12">
</el-col> <p class="title">账号有效期</p>
</el-row> <p class="Spannumber">T1219561424</p>
</div> <img class="imgbg" src="../assets/img/end_time.png" alt="">
</el-col>
</div> </el-row>
<div v-show="tab1==2" class="content"> </div>
<div style="background:#fff" class="radius tab2Div">
<span @click="SelectTab2(1)" :class="tab2==1 ? 'spanactive' :''">小程序商城管理</span>
<span @click="SelectTab2(2)" :class="tab2==2 ? 'spanactive' :''">回收站</span>
</div>
<div style="background:#f3f3f3;height:20px"></div>
<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"
clearable>
</el-input>
<span class="el-icon-search" style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
</div>
<el-button @click="creatDig=true" size="small" type="primary">添加小程序商城</el-button>
<span style="margin-left: 20px;font-size:14px;position: relative;top: 2px;">
<span style="color:#BCBCBC;">可创建小程序商城数量</span>
<span style="color: rgb(73, 169, 255);padding: 0px 5px;">1</span>
</span>
</div>
<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">
<template slot-scope="scope">
<p style="color:#409EFF">{{scope.row.title}}</p>
<p>{{scope.row.num}}
<span style="color:rgb(144, 147, 153)">{{scope.row.num}}</span>
</p>
</template>
</el-table-column>
<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>
<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>
<el-button size="mini" type="info" plain>版权</el-button>
<el-button size="mini" type="info" plain>禁用</el-button>
</template>
</el-table-column>
</el-table>
<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>
<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>
<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-column>
<el-table-column
prop="address"
label="账户"
width="155">
</el-table-column>
<el-table-column
prop="name"
label="商城名称"
width="320">
</el-table-column>
<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>
<el-button size="mini" type="info" plain>版权</el-button>
<el-button size="mini" type="info" plain>禁用</el-button>
</template>
</el-table-column>
</el-table>
<el-pagination style="text-align:right"
background
layout="prev, pager, next"
:total="1000">
</el-pagination>
</div>
</div>
</div>
<div v-show="tab1==3" class="content">
<div style="background:#fff" class="radius tab2Div">
<span @click="SelectTab3(1)" :class="tab3==1 ? 'spanactive' :''">账户上传管理</span>
<span @click="SelectTab3(2)" :class="tab3==2 ? 'spanactive' :''">清理缓存</span>
<span @click="SelectTab3(3)" :class="tab3==3 ? 'spanactive' :''">小程序设置</span>
</div>
<div style="background:#f3f3f3;height:20px"></div>
<div v-show="tab3==1" class="radius">
<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-column>
<el-table-column
prop="address"
label="默认存储">
</el-table-column>
<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>
</template>
</el-table-column>
</el-table>
</div>
<div v-show="tab3==2" class="radius" style="font-size:14px;padding:0">
<div style="padding: 15px 20px;">
<el-checkbox v-model="val">数据存储</el-checkbox>
<p style="line-height: 1.4;color: rgb(144, 147, 153);padding:12px 0 30px 0">程序处理过程产生的缓存数据，用于提高运行速度。</p>
<el-checkbox v-model="val">临时文件</el-checkbox>
<p style="line-height: 1.4;color: rgb(144, 147, 153);padding:12px 0 30px 0">二维码海报等生成的临时文件</p>
<el-checkbox v-model="val">更新文件</el-checkbox>
<p style="line-height: 1.4;color: rgb(144, 147, 153);padding:12px 0 30px 0">系统/插件更新下载的临时文件。</p>
</div>
<div style="background:#f3f3f3;padding-top:20px">
<el-button type="primary" size="small">确认清理</el-button>
</div>
</div>
<div v-show="tab3==3" class="radius" style="font-size:14px;">
<p>域名设置</p>
<div class="uploadBig">
小程序业务域名校验文件
<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>
<p style="padding:0 0 50px 295px">仅支持上传 .txt 格式文件</p>
</div>
</div>
</div>
</div> </div>
<div style="text-align: center;line-height: 60px;color: #000;font-size:12px">由成都微途科技有限公司提供技术支持</div> <div v-show="tab1==2" class="content">
<!-- 修改手机号 --> <div style="background:#fff" class="radius tab2Div">
<el-dialog <span @click="SelectTab2(1)" :class="tab2==1 ? 'spanactive' :''">小程序商城管理</span>
title="修改手机号" <span @click="SelectTab2(2)" :class="tab2==2 ? 'spanactive' :''">回收站</span>
:visible.sync="dialogVisible" </div>
width="400px"> <div style="background:#f3f3f3;height:20px"></div>
<el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px"> <div v-show="tab2==1" class="radius">
<el-form-item label="新手机号" prop="name"> <div style="margin-bottom:20px">
<el-input style="width:234px" size="small" v-model="addMsg.name"></el-input> <div class="searchInput">
</el-form-item> <el-input style="display:inline-block;width:170px;" placeholder="请输入内容" v-model="val" size="small"
<el-form-item label="验证码" prop="name"> clearable>
<el-input style="width:150px;margin-right:8px" size="small" v-model="addMsg.name"></el-input> </el-input>
<el-button type="primary" size="small">获取验证码</el-button> <span class="el-icon-search" style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
</el-form-item> </div>
</el-form> <el-button @click="creatDig=true" size="small" type="primary">添加小程序商城</el-button>
<span slot="footer" class="dialog-footer"> <span style="margin-left: 20px;font-size:14px;position: relative;top: 2px;">
<el-button size="small" @click="dialogVisible = false">取 消</el-button> <span style="color:#BCBCBC;">可创建小程序商城数量</span>
<el-button size="small" type="primary" @click="dialogVisible = false">确 定</el-button> <span style="color: rgb(73, 169, 255);padding: 0px 5px;">1</span>
</span> </span>
</el-dialog>
<!-- 创建商城 --> </div>
<el-dialog <el-table :data="tableData" border style="width: 100%;margin-bottom:20px">
title="创建商城" <el-table-column prop="ID" label="ID" width="60">
:visible.sync="creatDig" </el-table-column>
width="440px"> <el-table-column prop="name" label="商城名称" width="155">
<el-form :model="creatMsg" :rules="creatMsgrules" ref="creatMsg" label-width="100px"> <template slot-scope="scope">
<el-form-item label="商城名称" prop="name"> <p style="color:#409EFF">{{scope.row.title}}</p>
<el-input size="small" v-model="addMsg.name"></el-input> <p>{{scope.row.num}}
</el-form-item> <span style="color:rgb(144, 147, 153)">{{scope.row.num}}</span>
<el-form-item label="商城有效期" prop="name"> </p>
<el-input style="width:220px;margin-right:8px" size="small" v-model="addMsg.name"></el-input>
<el-checkbox v-model="val">永久</el-checkbox>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button size="small" @click="dialogVisible = false">取 消</el-button>
<el-button size="small" type="primary" @click="dialogVisible = false">确 定</el-button>
</span>
</el-dialog>
<!-- 存储位置编辑 -->
<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>
<el-radio v-model="editMsg.type" label="2">七牛云存储</el-radio>
</el-form-item>
<template v-if="editMsg.type==1">
<el-form-item prop="name">
<p><span class="cred">*</span>空间名称111（Bucket）</p>
<el-input v-model="addMsg.name"></el-input>
<div>示例：<span class="cred">xxxxxx-125000000</span></div>
</el-form-item>
<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>
</el-form-item>
<el-form-item>
<p>自定义域名</p>
<el-input v-model="addMsg.name"></el-input>
<div>示例: <span class="cred">http://mydomain.com</span></div>
</el-form-item>
<el-form-item prop="name">
<p><span class="cred">*</span>SecretId</p>
<el-input v-model="addMsg.name"></el-input>
</el-form-item>
<el-form-item prop="name">
<p><span class="cred">*</span>SecretKey</p>
<el-input v-model="addMsg.name"></el-input>
</el-form-item>
</template> </template>
<template v-if="editMsg.type==2"> </el-table-column>
<el-form-item prop="name"> <el-table-column prop="address" label="数据统计" show-overflow-tooltip :render-header="renderHeader"
<p><span class="cred">*</span>存储空间名称（Bucket）</p> width="155">
<el-input v-model="addMsg.name"></el-input> </el-table-column>
</el-form-item> <el-table-column prop="address" label="有效期" width="170">
<el-form-item prop="name"> </el-table-column>
<p><span class="cred">*</span>绑定域名</p> <el-table-column prop="address" label="操作">
<el-input v-model="addMsg.name"></el-input> <template slot-scope="scope">
<div >示例: <span class="cred">http://mydomain.com</span> 或 <span class="cred">http://xxxxxx.bkt.clouddn.com</span></div> <el-button size="mini" type="info" plain>编辑{{scope.row.ID}}</el-button>
</el-form-item> <el-button size="mini" type="info" plain>回收</el-button>
<el-form-item> <el-button size="mini" type="info" plain>版权</el-button>
<p>AccessKey（AK）</p> <el-button size="mini" type="info" plain>禁用</el-button>
<el-input v-model="addMsg.name"></el-input> </template>
</el-form-item> </el-table-column>
<el-form-item prop="name"> </el-table>
<p><span class="cred">*</span>SecretKey（SK）</p> <el-pagination style="text-align:right" background layout="prev, pager, next" :total="1000">
<el-input v-model="addMsg.name"></el-input> </el-pagination>
</el-form-item> </div>
<el-form-item prop="name"> <!-- 回收站 -->
<p>图片样式接口（选填）</p> <div v-show="tab2==2" class="radius" style="padding:0">
<el-input v-model="addMsg.name"></el-input> <p style="font-size:14px;padding:18px 20px;border-bottom: 1px solid #EBEEF5;box-sizing: border-box;">回收站列表
<div>示例: <span class="cred">?imageView2/0/w/1080/h/1080/q/85|imageslim</span></div> </p>
<div style="margin-bottom:20px;padding: 15px 20px;">
</el-form-item> <div class="searchInput" style="width:250px;">
<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-column>
<el-table-column prop="address" label="账户" width="155">
</el-table-column>
<el-table-column prop="name" label="商城名称" width="320">
</el-table-column>
<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>
<el-button size="mini" type="info" plain>版权</el-button>
<el-button size="mini" type="info" plain>禁用</el-button>
</template>
</el-table-column>
</el-table>
<el-pagination style="text-align:right" background layout="prev, pager, next" :total="1000">
</el-pagination>
</div>
</div>
</div>
<div v-show="tab1==3" class="content">
<div style="background:#fff" class="radius tab2Div">
<span @click="SelectTab3(1)" :class="tab3==1 ? 'spanactive' :''">账户上传管理</span>
<span @click="SelectTab3(2)" :class="tab3==2 ? 'spanactive' :''">清理缓存</span>
<span @click="SelectTab3(3)" :class="tab3==3 ? 'spanactive' :''">小程序设置</span>
</div>
<div style="background:#f3f3f3;height:20px"></div>
<div v-show="tab3==1" class="radius">
<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-column>
<el-table-column prop="address" label="默认存储">
</el-table-column>
<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>
</template> </template>
</el-form> </el-table-column>
<div> </el-table>
<el-button size="small" type="primary" @click="dialogVisible = false">保存</el-button> </div>
<div v-show="tab3==2" class="radius" style="font-size:14px;padding:0">
<div style="padding: 15px 20px;">
<el-checkbox v-model="val">数据存储</el-checkbox>
<p style="line-height: 1.4;color: rgb(144, 147, 153);padding:12px 0 30px 0">程序处理过程产生的缓存数据，用于提高运行速度。</p>
<el-checkbox v-model="val">临时文件</el-checkbox>
<p style="line-height: 1.4;color: rgb(144, 147, 153);padding:12px 0 30px 0">二维码海报等生成的临时文件</p>
<el-checkbox v-model="val">更新文件</el-checkbox>
<p style="line-height: 1.4;color: rgb(144, 147, 153);padding:12px 0 30px 0">系统/插件更新下载的临时文件。</p>
</div>
<div style="background:#f3f3f3;padding-top:20px">
<el-button type="primary" size="small">确认清理</el-button>
</div> </div>
</el-dialog> </div>
<div v-show="tab3==3" class="radius" style="font-size:14px;">
<p>域名设置</p>
<div class="uploadBig">
小程序业务域名校验文件
<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>
<p style="padding:0 0 50px 295px">仅支持上传 .txt 格式文件</p>
</div>
</div>
</div>
</div>
<div style="text-align: center;line-height: 60px;color: #000;font-size:12px">由成都微途科技有限公司提供技术支持</div>
<!-- 修改手机号 -->
<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>
</el-form-item>
<el-form-item label="验证码" prop="name">
<el-input style="width:150px;margin-right:8px" size="small" v-model="addMsg.name"></el-input>
<el-button type="primary" size="small">获取验证码</el-button>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button size="small" @click="dialogVisible = false">取 消</el-button>
<el-button size="small" type="primary" @click="dialogVisible = false">确 定</el-button>
</span>
</el-dialog>
<!-- 创建商城 -->
<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>
</el-form-item>
<el-form-item label="商城有效期" prop="name">
<el-input style="width:220px;margin-right:8px" size="small" v-model="addMsg.name"></el-input>
<el-checkbox v-model="val">永久</el-checkbox>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button size="small" @click="dialogVisible = false">取 消</el-button>
<el-button size="small" type="primary" @click="dialogVisible = false">确 定</el-button>
</span>
</el-dialog>
<!-- 存储位置编辑 -->
<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>
<el-radio v-model="editMsg.type" label="2">七牛云存储</el-radio>
</el-form-item>
<template v-if="editMsg.type==1">
<el-form-item prop="name">
<p><span class="cred">*</span>空间名称111（Bucket）</p>
<el-input v-model="addMsg.name"></el-input>
<div>示例：<span class="cred">xxxxxx-125000000</span></div>
</el-form-item>
<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>
</el-form-item>
<el-form-item>
<p>自定义域名</p>
<el-input v-model="addMsg.name"></el-input>
<div>示例: <span class="cred">http://mydomain.com</span></div>
</el-form-item>
<el-form-item prop="name">
<p><span class="cred">*</span>SecretId</p>
<el-input v-model="addMsg.name"></el-input>
</el-form-item>
<el-form-item prop="name">
<p><span class="cred">*</span>SecretKey</p>
<el-input v-model="addMsg.name"></el-input>
</el-form-item>
</template>
<template v-if="editMsg.type==2">
<el-form-item prop="name">
<p><span class="cred">*</span>存储空间名称（Bucket）</p>
<el-input v-model="addMsg.name"></el-input>
</el-form-item>
<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>
</el-form-item>
<el-form-item>
<p>AccessKey（AK）</p>
<el-input v-model="addMsg.name"></el-input>
</el-form-item>
<el-form-item prop="name">
<p><span class="cred">*</span>SecretKey（SK）</p>
<el-input v-model="addMsg.name"></el-input>
</el-form-item>
<el-form-item prop="name">
<p>图片样式接口（选填）</p>
<el-input v-model="addMsg.name"></el-input>
<div>示例: <span class="cred">?imageView2/0/w/1080/h/1080/q/85|imageslim</span></div>
</el-form-item>
</template>
</el-form>
<div>
<el-button size="small" type="primary" @click="dialogVisible = false">保存</el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: 'homeIndex', name: 'homeIndex',
data(){ data() {
return{ return {
creatMsg:{}, creatMsg: {},
creatDig:false, creatDig: false,
editMsg:{ editMsg: {
type:'', type: '',
},
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' }
],
},
creatMsgrules:{
name: [
{ required: true, message: '不能为空', trigger: 'blur' }
],
},
}
},
methods:{
UploadImage(){
}, },
addAdress(){ dialogEdit: false,
this.dialogEdit=true; tab1: 1,
this.editMsg={ tab2: 1,
type:'', tab3: 1,
} tableData: [{
ID: '11',
title: '赞羊严选',
num: 'T1219561424'
}],
val: '',
dialogVisible: false,
addMsg: {},
rules: {
name: [{
required: true,
message: '新手机号',
trigger: 'blur'
}],
}, },
SelectTab1(val){ editMsgrules: {
this.tab1=val; name: [{
required: true,
message: '不能为空',
trigger: 'blur'
}],
}, },
SelectTab2(val){ creatMsgrules: {
this.tab2=val; name: [{
required: true,
message: '不能为空',
trigger: 'blur'
}],
}, },
SelectTab3(val){
this.tab3=val; }
}, },
renderHeader (h,{column}) { methods: {
const inReview="数据统计每10分钟刷新一次" init() {
return h( this.apipost("/api/Tenant/GetTenant", {}, res => {
　　　　 'div', [ console.log(res);
h('span', column.label), if (res.data.resultCode == 1) {
h('el-tooltip', {
props: { } else {
placement: 'top' this.Info(res.data.message);
} }
}, [ })
h('div', { },
slot: 'content', UploadImage() {
style: {
whiteSpace: 'normal', },
} addAdress() {
}, inReview), this.dialogEdit = true;
h('i', { this.editMsg = {
class: 'el-icon-question', type: '',
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;'
// })
// ],
// );
} }
},
SelectTab1(val) {
this.tab1 = val;
},
SelectTab2(val) {
this.tab2 = val;
},
SelectTab3(val) {
this.tab3 = val;
},
renderHeader(h, {
column
}) {
const inReview = "数据统计每10分钟刷新一次"
return h(
'div', [
h('span', column.label),
h('el-tooltip', {
props: {
placement: 'top'
}
}, [
h('div', {
slot: 'content',
style: {
whiteSpace: 'normal',
}
}, inReview),
h('i', {
class: 'el-icon-question',
style: 'color:#909399;margin-left:5px;'
})
], )
]
)
}
}, },
} mounted()
{
this.init();
}
}
</script> </script>
<style> <style>
.homeIndex .uploadBig{ .homeIndex .uploadBig {
padding:30px 0 10px 110px; padding: 30px 0 10px 110px;
} }
.homeIndex .uploadDiv{
.homeIndex .uploadDiv {
display: inline-block; display: inline-block;
} }
.editMsg .el-form-item{
.editMsg .el-form-item {
margin-bottom: 15px; margin-bottom: 15px;
} }
.editMsg .cred{
.editMsg .cred {
color: #F56C6C; color: #F56C6C;
margin-right: 4px; margin-right: 4px;
font-size:12px; font-size: 12px;
} }
.editMsg .el-form-item__content>.is-checked{
border:1px solid #3a8ee6!important; .editMsg .el-form-item__content>.is-checked {
} border: 1px solid #3a8ee6 !important;
.editMsg .el-radio{ }
.editMsg .el-radio {
width: 130px; width: 130px;
padding: 9px 0; padding: 9px 0;
text-align: center; text-align: center;
border: 1px solid #DCDFE6; border: 1px solid #DCDFE6;
border-radius: 4px; border-radius: 4px;
} }
.homeIndex .el-button--info.is-plain{
border-radius: 16px!important; .homeIndex .el-button--info.is-plain {
} border-radius: 16px !important;
.homeIndex .content .searchInput{ }
.homeIndex .content .searchInput {
border: 1px solid #DCDFE6; border: 1px solid #DCDFE6;
border-radius: 4px; border-radius: 4px;
} }
.homeIndex .content .searchInput .el-input__inner{
border:none;outline:none; .homeIndex .content .searchInput .el-input__inner {
} border: none;
.homeIndex .content .searchInput{ outline: none;
}
.homeIndex .content .searchInput {
line-height: normal; line-height: normal;
display: inline-table; display: inline-table;
width: 100%; width: 100%;
border-collapse: separate; border-collapse: separate;
border-spacing: 0; border-spacing: 0;
width:200px; width: 200px;
margin-right: 20px; margin-right: 20px;
} }
.homeIndex .content .userinfo {
.homeIndex .content .userinfo {
height: 210px; height: 210px;
padding: 40px; padding: 40px;
position: relative; position: relative;
} }
.homeIndex .content .imgbg{
.homeIndex .content .imgbg {
position: absolute; position: absolute;
right: 40px; right: 40px;
top: 40px; top: 40px;
height: 130px; height: 130px;
width: 174px; width: 174px;
} }
.homeIndex .content .radius .Spannumber{
color:#303133; .homeIndex .content .radius .Spannumber {
color: #303133;
font-size: 24px; font-size: 24px;
} }
.homeIndex .content .title{
.homeIndex .content .title {
font-size: 16px; font-size: 16px;
color: #999999; color: #999999;
margin-bottom: 5px; margin-bottom: 5px;
} }
.homeIndex .content .tab2Div span:hover{
.homeIndex .content .tab2Div span:hover {
background-color: #ecf5ff; background-color: #ecf5ff;
color: #3a8ee6!important; color: #3a8ee6 !important;
cursor: pointer; cursor: pointer;
} }
.homeIndex .content .tab2Div span{
color:#606266; .homeIndex .content .tab2Div span {
color: #606266;
font-size: 12px; font-size: 12px;
margin-right: 20px; margin-right: 20px;
padding: 9px 15px; padding: 9px 15px;
border-radius: 20px; border-radius: 20px;
font-size: 12px; font-size: 12px;
} }
.homeIndex .content .spanactive{ .homeIndex .content .spanactive {
background-color: #ecf5ff; background-color: #ecf5ff;
color: #3a8ee6!important; color: #3a8ee6 !important;
} }
.homeIndex .content .radius{
.homeIndex .content .radius {
background: rgb(255, 255, 255); background: rgb(255, 255, 255);
margin-bottom: 20px; margin-bottom: 20px;
padding: 15px 20px; padding: 15px 20px;
border-radius: 5px; border-radius: 5px;
} }
.homeIndex .tabHead .active{
.homeIndex .tabHead .active {
color: #409EFF; color: #409EFF;
border-bottom: 2px solid #409EFF; border-bottom: 2px solid #409EFF;
} }
.homeIndex .tabHead{
.homeIndex .tabHead {
white-space: nowrap; white-space: nowrap;
position: relative; position: relative;
transition: -webkit-transform .3s; transition: -webkit-transform .3s;
transition: transform .3s; transition: transform .3s;
transition: transform .3s,-webkit-transform .3s; transition: transform .3s, -webkit-transform .3s;
float: left; float: left;
z-index: 2; z-index: 2;
transform: translateX(0px); transform: translateX(0px);
color:#fff; color: #fff;
margin-top: 45px; margin-top: 45px;
} }
.homeIndex .tabHead>span:hover{
color: #409EFF!important; .homeIndex .tabHead>span:hover {
color: #409EFF !important;
cursor: pointer; cursor: pointer;
} }
.homeIndex .tabHead>span{
.homeIndex .tabHead>span {
height: 40px; height: 40px;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
...@@ -595,29 +566,35 @@ export default { ...@@ -595,29 +566,35 @@ export default {
font-weight: 500; font-weight: 500;
position: relative; position: relative;
margin-right: 40px; margin-right: 40px;
} }
.homeIndex .head{
.homeIndex .head {
background-image: url('../assets/img/homeback.png'); background-image: url('../assets/img/homeback.png');
height: 200px; height: 200px;
color:#fff; color: #fff;
} }
.homeIndex .main-container {
.homeIndex .main-container {
max-width: 960px; max-width: 960px;
margin: 0 auto; margin: 0 auto;
} }
.homeIndex .div2{
.homeIndex .div2 {
background: rgb(255, 255, 255); background: rgb(255, 255, 255);
margin-bottom: 20px; margin-bottom: 20px;
padding: 15px 20px; padding: 15px 20px;
border-radius: 5px; border-radius: 5px;
} }
.homeIndex{
background:#f3f3f3; .homeIndex {
background: #f3f3f3;
height: 100%; height: 100%;
} }
.homeIndex .homeIndexTop{
padding-top:20px; .homeIndex .homeIndexTop {
display:flex; padding-top: 20px;
justify-content:space-between; display: flex;
} justify-content: space-between;
}
</style> </style>
src/plug/index.js
View file @ 39eaf48d
...@@ -121,7 +121,7 @@ export default { ...@@ -121,7 +121,7 @@ export default {
var apiurl = this.domainManager().DomainUrl+cmd; var apiurl = this.domainManager().DomainUrl+cmd;
var timestamp = (new Date()).valueOf(); var timestamp = (new Date()).valueOf();
this.apiurl = apiurl; this.apiurl = apiurl;
if (!localStorage.userInfo && localStorage.userInfo != "" && this.$route.path.toLowerCase() != "/login") { if (!localStorage.mall_userInfo && localStorage.mall_userInfo != "" && this.$route.path.toLowerCase() != "/login") {
this.$router.push({ this.$router.push({
path: '/login' path: '/login'
}) })
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment