e
3 years ago
parent
9e724c05c5
commit
4d1d529715
97 changed files with 104275 additions and 0 deletions
@ -0,0 +1,89 @@ |
|||||||
|
<template> |
||||||
|
<div class="bgw"> |
||||||
|
<router-view></router-view> |
||||||
|
<div class="container_bg" :class="url?'dn':''"> |
||||||
|
<div class="flex-center pdt40 border-b pdb30" v-if="this.$router.currentRoute.meta.btn.includes('人力资源后台管理系统')||this.$router.currentRoute.meta.btn.includes('客户资源后台管理系统')" > |
||||||
|
<img src="../../assets/img/Basics-icon.png" alt class="mgr10 icon-size" /> |
||||||
|
<p class="ft fz-16">基础应用</p> |
||||||
|
</div> |
||||||
|
<div class="flex-center"> |
||||||
|
<div v-if="this.$router.currentRoute.meta.btn.includes('人力资源后台管理系统')" class="card mgr40 manpower" @click="goto('background-manpower')"> |
||||||
|
</div> |
||||||
|
<div v-if="this.$router.currentRoute.meta.btn.includes('客户资源后台管理系统')" class="card client" @click="goto('customer')"> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div v-if="this.$router.currentRoute.meta.btn.includes('担保业务后台管理系统')"> |
||||||
|
<div class="flex-center pdt40 border-b pdb30"> |
||||||
|
<img src="../../assets/img/Business-icon.png" alt class="mgr10 icon-size" /> |
||||||
|
<p class="ft fz-16">业务应用</p> |
||||||
|
</div> |
||||||
|
<div class="card guarantee mrb30" @click="goto('background-guarantee')"> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
url:false, |
||||||
|
} |
||||||
|
}, |
||||||
|
created(){ |
||||||
|
}, |
||||||
|
mounted(){ |
||||||
|
if(this.$route.fullPath!=='/background')this.url = true |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// 跳转方法,传一个字符串地址 |
||||||
|
goto(path) { |
||||||
|
this.$router.push('/' + path); |
||||||
|
} |
||||||
|
}, |
||||||
|
beforeRouteUpdate:function(to,from,next){ |
||||||
|
if(to.path!=='/background')this.url = true |
||||||
|
else this.url = false |
||||||
|
next() |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
<style lang='scss' scoped> |
||||||
|
.bgw { |
||||||
|
background: #fff; |
||||||
|
} |
||||||
|
|
||||||
|
.manpower { |
||||||
|
background: url('../../assets/img/back-man.png') no-repeat; |
||||||
|
background-size: 100%; |
||||||
|
position: relative; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
|
||||||
|
.span-text { |
||||||
|
position: absolute; |
||||||
|
top: 50%; |
||||||
|
transform: translate(0, -50%); |
||||||
|
left: 20%; |
||||||
|
width: 130px; |
||||||
|
font-size: 30px; |
||||||
|
word-break: break-all; |
||||||
|
} |
||||||
|
.guarantee { |
||||||
|
background: url('../../assets/img/back-guarantee.png') no-repeat; |
||||||
|
background-size: 100%; |
||||||
|
position: relative; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
.client { |
||||||
|
background: url('../../assets/img/back-client.png') no-repeat; |
||||||
|
background-size: 100%; |
||||||
|
position: relative; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
.card { |
||||||
|
width: 480px; |
||||||
|
height: 250px; |
||||||
|
margin-top: 30px; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,307 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-row :gutter="280"> |
||||||
|
<el-col :span="24"> |
||||||
|
<div class="flex-between mar40"> |
||||||
|
<div></div> |
||||||
|
<el-button type="primary" v-roleBtn="'57'" size="small" round icon="el-icon-plus" @click="gotoNewApply()">新建审批</el-button> |
||||||
|
<!-- <div class="dosh_header"> |
||||||
|
<el-date-picker v-model="doshDate" align="right" unlink-panels type="daterange" |
||||||
|
start-placeholder="开始日期" end-placeholder="结束日期" format="yyyy-MM-dd" |
||||||
|
value-format="yyyy-MM-dd" clearable class="doshDatePicker"> |
||||||
|
</el-date-picker> |
||||||
|
<el-radio-group v-model="doshMonth" @change="itemRadio"> |
||||||
|
<el-radio-button v-for="(item,index) in dateList" :key="index" :label="item.id">{{item.name}}</el-radio-button> |
||||||
|
</el-radio-group> |
||||||
|
</div> --> |
||||||
|
</div> |
||||||
|
<div class="title_type flex-between"> |
||||||
|
<div class="item_type" v-for="(item,index) in titleTypeList" :key="index" @click="goto('workbench-guarantee',index)"> |
||||||
|
<img :src="item.img"> |
||||||
|
<p class="item_title">{{item.title}}</p> |
||||||
|
<p class="item_number">{{item.number}}</p> |
||||||
|
</div> |
||||||
|
<!-- <div class="item_type" @click="goto('workbench-guarantee',index)"> |
||||||
|
<img src="../../assets/img/btn_4.png"> |
||||||
|
<p class="item_title">抄送我的</p> |
||||||
|
<p class="item_number">99</p> |
||||||
|
</div> --> |
||||||
|
|
||||||
|
</div> |
||||||
|
<div class="wd100 df"> |
||||||
|
<div class="wd48 shadow radius10 mgt30" style="height:550px"> |
||||||
|
<div style="height:50%" class="border-b"> |
||||||
|
<HomepageChart></HomepageChart> |
||||||
|
</div> |
||||||
|
<div style="height:50%" class="pdt10"> |
||||||
|
<div ref="todayChart" style="width:100%;height:250px"></div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="wd48 shadow dashboard radius10 mgt30 mgl4p" style="min-height:550px"> |
||||||
|
<div class="df wd100 df-jc mgt10"> |
||||||
|
<strong style="font-size:18px">今日审批记录</strong> |
||||||
|
</div> |
||||||
|
<el-table |
||||||
|
:header-cell-style="{textAlign: 'center'}" |
||||||
|
:cell-style="{ textAlign: 'center' }" |
||||||
|
stripe |
||||||
|
class="mgt10" |
||||||
|
:data="tableData" |
||||||
|
style="width: 100%;overflow: auto;height: 500px;"> |
||||||
|
<el-table-column |
||||||
|
label="序号" |
||||||
|
type="index" |
||||||
|
width="60"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="businessNumber" |
||||||
|
label="业务编号" |
||||||
|
min-width="120px" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="clientName" |
||||||
|
label="客户名称"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="applicationAmount" |
||||||
|
label="申请金额(万元)" |
||||||
|
min-width="100px" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="applicationDeadline" |
||||||
|
label="申请期限"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="taskNode" |
||||||
|
label="任务节点"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="processingTime" |
||||||
|
label="处理时间"> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
|
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import axios from 'axios'; |
||||||
|
import {personalEfficiencyList,todayApprovalRecord} from '../../utils/api' |
||||||
|
export default { |
||||||
|
data(){ |
||||||
|
return{ |
||||||
|
doshDate: '', |
||||||
|
doshMonth: 2, |
||||||
|
dateList: [{ |
||||||
|
id: 1, |
||||||
|
name: '昨天' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 2, |
||||||
|
name: '今天' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 6, |
||||||
|
name: '本周' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 9, |
||||||
|
name: '本月' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 12, |
||||||
|
name: '本年' |
||||||
|
}], |
||||||
|
titleTypeList: [ |
||||||
|
{ |
||||||
|
img: require('../../assets/img/btn_1.png'), |
||||||
|
title: '我发起的', |
||||||
|
number: '0', |
||||||
|
}, |
||||||
|
{ |
||||||
|
img: require('../../assets/img/btn_2.png'), |
||||||
|
title: '待处理', |
||||||
|
number: '0' |
||||||
|
}, |
||||||
|
{ |
||||||
|
img: require('../../assets/img/btn_3.png'), |
||||||
|
title: '已处理', |
||||||
|
number: '0' |
||||||
|
}, |
||||||
|
{ |
||||||
|
img: require('../../assets/img/btn_4.png'), |
||||||
|
title: '抄送我的', |
||||||
|
number: '0' |
||||||
|
}, |
||||||
|
], |
||||||
|
pop:false,// 消息弹框 |
||||||
|
todayData:[],//当天的数据--横柱状图 |
||||||
|
tableData:[],// 列表数据 |
||||||
|
} |
||||||
|
}, |
||||||
|
async created(){ |
||||||
|
// if(this.$route.query.token){ |
||||||
|
// sessionStorage.setItem("token",this.$route.query.token) |
||||||
|
// } |
||||||
|
// if(this.$route.query.account){ |
||||||
|
// if(this.$route.query.headerImg){ |
||||||
|
// this.$store.commit("userNameData", { userName: this.$route.query.account,headerImg: this.changePercent(this.$route.query.headerImg) }); |
||||||
|
// }else{ |
||||||
|
// this.$store.commit("userNameData", { userName: this.$route.query.account }); |
||||||
|
// } |
||||||
|
// } |
||||||
|
}, |
||||||
|
async mounted(){ |
||||||
|
|
||||||
|
await this.personalEfficiencyList() |
||||||
|
await this.todayApprovalRecord() |
||||||
|
this.$nextTick(()=>{ |
||||||
|
this.getEchartData() |
||||||
|
}) |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
goto(path,index) { |
||||||
|
this.$router.push('/' + path); |
||||||
|
//传值，记录，跳转 |
||||||
|
if(index!==null&&index!==undefined) sessionStorage.setItem('homeJump',index) |
||||||
|
}, |
||||||
|
gotoNewApply(){ |
||||||
|
sessionStorage.setItem('businessApplyDep-btn',"businessNew") |
||||||
|
this.$router.push({ |
||||||
|
path: '/workbench-guarantee', |
||||||
|
query: { |
||||||
|
loans: true |
||||||
|
}, |
||||||
|
}); |
||||||
|
|
||||||
|
}, |
||||||
|
itemRadio(val){ |
||||||
|
|
||||||
|
}, |
||||||
|
// utf-8转码 |
||||||
|
Change(pValue){ |
||||||
|
return pValue.replace(/[^\u0000-\u00FF]/g,function($0){return escape($0).replace(/(%u)(\w{4})/gi,"&#x$2;")}); |
||||||
|
}, |
||||||
|
// 反转utf-8 |
||||||
|
ReChange(pValue){ |
||||||
|
return unescape(pValue.replace(/&#x/g,'%u').replace(/\\u/g,'%u').replace(/;/g,'')); |
||||||
|
}, |
||||||
|
// 删除%转换成/ |
||||||
|
changePercent(str){ |
||||||
|
return str.replace(/%2F/g,'/').replace(/%3A/g,':') |
||||||
|
}, |
||||||
|
async personalEfficiencyList(){ |
||||||
|
let res = await personalEfficiencyList({operatingStatus:''}) |
||||||
|
if(res.data&&res.data.length!==0){ |
||||||
|
this.titleTypeList[0].number = res.data.statistics.initiateNum |
||||||
|
this.titleTypeList[1].number= res.data.statistics.pendingNum |
||||||
|
this.titleTypeList[2].number = res.data.statistics.processedNum |
||||||
|
this.titleTypeList[3].number = res.data.statistics.copySendNum |
||||||
|
} |
||||||
|
}, |
||||||
|
async todayApprovalRecord(){ |
||||||
|
let res = await todayApprovalRecord() |
||||||
|
this.tableData = res.data.approvalRecords |
||||||
|
this.todayData = [] |
||||||
|
this.todayData.push(res.data.approvalNum.initiateNum) |
||||||
|
this.todayData.push(res.data.approvalNum.agreed) |
||||||
|
this.todayData.push(res.data.approvalNum.turnDown) |
||||||
|
this.todayData.push(res.data.approvalNum.rejected) |
||||||
|
}, |
||||||
|
async getEchartData() { |
||||||
|
const chart = this.$refs.todayChart |
||||||
|
if (chart) { |
||||||
|
const myChart = this.$echarts.init(chart) |
||||||
|
const option = { |
||||||
|
title: { |
||||||
|
text: '今日审批意见', |
||||||
|
left: 'center' |
||||||
|
}, |
||||||
|
xAxis: { |
||||||
|
type: 'value', |
||||||
|
boundaryGap: [0, 0.01] |
||||||
|
}, |
||||||
|
yAxis: { |
||||||
|
type: 'category', |
||||||
|
data: ['已发起','已同意','已驳回','已拒绝'] |
||||||
|
}, |
||||||
|
series: [{ |
||||||
|
smooth:true, // 曲线变平滑,接受number |
||||||
|
data: this.todayData, |
||||||
|
type: 'bar', |
||||||
|
itemStyle : { |
||||||
|
normal : { |
||||||
|
color:'#52b1ff', |
||||||
|
lineStyle:{ |
||||||
|
color:'#52b1ff' |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
}], |
||||||
|
tooltip: { |
||||||
|
formatter: '{c}' |
||||||
|
}, |
||||||
|
} |
||||||
|
myChart.setOption(option) |
||||||
|
window.addEventListener("resize", function() { |
||||||
|
myChart.resize() |
||||||
|
}) |
||||||
|
} |
||||||
|
this.$on('hook:destroyed',()=>{ |
||||||
|
window.removeEventListener("resize", function() { |
||||||
|
myChart.resize(); |
||||||
|
}); |
||||||
|
}) |
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.dosh_header{ |
||||||
|
.doshDatePicker{ |
||||||
|
margin-right: 40px; |
||||||
|
} |
||||||
|
} |
||||||
|
.title_type{ |
||||||
|
padding: 40px 0; |
||||||
|
border-bottom: 2px solid #F2F2F2; |
||||||
|
.item_type{ |
||||||
|
width: 342px; |
||||||
|
height: 150px; |
||||||
|
color: #fff; |
||||||
|
cursor: pointer; |
||||||
|
position: relative; |
||||||
|
img{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
.item_title{ |
||||||
|
position: absolute; |
||||||
|
top: 40px; |
||||||
|
left: 25px; |
||||||
|
font-size: 16px; |
||||||
|
} |
||||||
|
.item_number{ |
||||||
|
position: absolute; |
||||||
|
top: 60px; |
||||||
|
left: 25px; |
||||||
|
font-size: 50px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.mar40{ |
||||||
|
margin-top: 40px; |
||||||
|
} |
||||||
|
.mgl4p{ |
||||||
|
margin-left: 4%; |
||||||
|
} |
||||||
|
</style> |
||||||
|
|
||||||
@ -0,0 +1,524 @@ |
|||||||
|
// 登录进来的首页 |
||||||
|
<template> |
||||||
|
<div class="container_bg pdb20"> |
||||||
|
<div class="df mgt20"> |
||||||
|
<div class="self df left-block-top shadow radius10" style="min-height:240px"> |
||||||
|
<div class="df today"> |
||||||
|
<h2>今日新增业务申请数量 : </h2> |
||||||
|
<h2 class=" font-blue"> {{allApply}}</h2> |
||||||
|
</div> |
||||||
|
<div ref="topCookieChart" style="min-height:240px;width:100%"></div> |
||||||
|
</div> |
||||||
|
<div class="right-block-top shadow radius10 self" style="min-height:240px"> |
||||||
|
<div ref="newApplyChart" style="min-height:240px;width:100%"></div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="df mgt20"> |
||||||
|
<div class="left-c-box shadow radius10 self" style="min-height:240px"> |
||||||
|
<div class="df today"> |
||||||
|
<h2>今日用户登陆数（总）: </h2> |
||||||
|
</div> |
||||||
|
<p class="c-text font-blue">{{allUsers}}</p> |
||||||
|
</div> |
||||||
|
<div class="right-c-box shadow radius10" style="min-height:240px"> |
||||||
|
<div ref="loginUserChart" style="min-height:240px"></div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="df mgt20"> |
||||||
|
<div class="left-block-top shadow radius10 self" style="min-height:240px"> |
||||||
|
<div ref="bottomCookieChart" style="min-height:240px"></div> |
||||||
|
</div> |
||||||
|
<div class="right-block-top shadow radius10 homepage" style="min-height:240px"> |
||||||
|
<div class="df wd100 df-jc"> |
||||||
|
<strong style="font-size:18px">访问记录</strong> |
||||||
|
</div> |
||||||
|
<el-table |
||||||
|
:header-cell-style="{textAlign: 'center'}" |
||||||
|
:cell-style="{ textAlign: 'center' }" |
||||||
|
class="mgt10" |
||||||
|
:data="tableData" |
||||||
|
style="width: 100%"> |
||||||
|
<el-table-column |
||||||
|
label="序号" |
||||||
|
type="index" |
||||||
|
width="60"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="account" |
||||||
|
label="账号" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="name" |
||||||
|
label="姓名" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="deptName" |
||||||
|
label="部门"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="type" |
||||||
|
label="用户端类型"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<p class="pdb0 mgb0" v-if="scope.row.type===0">PC端</p> |
||||||
|
<p class="pdb0 mgb0" v-if="scope.row.type===1">微信端</p> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="loginTime" |
||||||
|
label="登录时间"> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
import echarts from 'echarts' |
||||||
|
import {getNewBusinessCount,getTodayBusinessCount,queryAccessRecords,queryVisitNum,queryLoginNum,queryLoginOnline,queryLoginOnline2} from '../../utils/api' |
||||||
|
export default { |
||||||
|
props: {}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
data:[], |
||||||
|
tableData:[], |
||||||
|
month:Number,// 几月份 |
||||||
|
allUsers:0, |
||||||
|
countAPP: 0, |
||||||
|
countPC: 0, |
||||||
|
countSum: 0, |
||||||
|
allApply:0, |
||||||
|
customer:0, |
||||||
|
employee:0, |
||||||
|
thisMonthDay:[], |
||||||
|
monthData:[], |
||||||
|
loginSum:[],// 数值 |
||||||
|
loginTime:[]// 登录时间段 |
||||||
|
}; |
||||||
|
}, |
||||||
|
created(){ |
||||||
|
|
||||||
|
}, |
||||||
|
async mounted(){ |
||||||
|
this.getMounth() //取得当月数据 |
||||||
|
this.queryAccessRecords() |
||||||
|
this.getNewBusinessCount() |
||||||
|
this.queryLoginNum() |
||||||
|
this.queryLoginOnline2() |
||||||
|
await this.getTodayBusinessCount() |
||||||
|
await this.queryAccessRecords() |
||||||
|
await this.queryVisitNum() |
||||||
|
this.$nextTick(()=>{ |
||||||
|
// 生成图表 |
||||||
|
this.newApplyChart() |
||||||
|
this.topCookieChart() |
||||||
|
this.loginUserChart() |
||||||
|
this.bottomCookieChart() |
||||||
|
}) |
||||||
|
}, |
||||||
|
destroyed(){}, |
||||||
|
methods: { |
||||||
|
getMounth(){ |
||||||
|
let d = new Date(); |
||||||
|
this.month = d.getMonth()+1 |
||||||
|
//d.getMonth()+1代表下个月，月份索引从0开始，即当前月为6月时，getMonth()返回值为5，创建日期时同理 |
||||||
|
//此处构造的日期为下个月的第0天，天数索引从1开始，第0天即代表上个月的最后一天 |
||||||
|
let curMonthDays = new Date(d.getFullYear(), (d.getMonth()+1), 0).getDate(); |
||||||
|
// alert("本月共有 "+ curMonthDays +" 天"); |
||||||
|
let len = curMonthDays |
||||||
|
this.thisMonthDay = [] |
||||||
|
this.monthData = [] |
||||||
|
for(let i=0;i<len;i++){ |
||||||
|
this.thisMonthDay.push(i+1) |
||||||
|
this.monthData.push(0) |
||||||
|
} |
||||||
|
}, |
||||||
|
async queryAccessRecords(){// 访问列表接口 |
||||||
|
let res = await queryAccessRecords() |
||||||
|
this.tableData = res.data |
||||||
|
}, |
||||||
|
async queryVisitNum(){// 访问次数 |
||||||
|
let res = await queryVisitNum() |
||||||
|
this.countAPP = res.data.countAPP |
||||||
|
this.countPC = res.data.countPC |
||||||
|
this.countSum = res.data.countSum |
||||||
|
}, |
||||||
|
async queryLoginNum(){// 登录用户总数 |
||||||
|
let res = await queryLoginNum() |
||||||
|
this.allUsers = res.data.userCount |
||||||
|
}, |
||||||
|
async getTodayBusinessCount(){// 登录用户总数 |
||||||
|
let res = await getTodayBusinessCount() |
||||||
|
if(!res.data) return |
||||||
|
this.customer = res.data.customer |
||||||
|
this.employee = res.data.employee |
||||||
|
this.allApply = this.customer + this.employee |
||||||
|
}, |
||||||
|
// async queryLoginOnline(){// 登录趋势图 |
||||||
|
// let res = await queryLoginOnline() |
||||||
|
// }, |
||||||
|
async getNewBusinessCount(){// 当月每天新建审批 |
||||||
|
let {data:data} = await getNewBusinessCount() |
||||||
|
let len = data.length |
||||||
|
for(let i=0;i<len;i++){ |
||||||
|
this.monthData[data[i].days-1]=data[i].count |
||||||
|
} |
||||||
|
}, |
||||||
|
async queryLoginOnline2(){// 时间段接口 |
||||||
|
let {data:data} = await queryLoginOnline2() |
||||||
|
this.loginSum = data.loginSum |
||||||
|
this.loginTime = data.loginTime |
||||||
|
}, |
||||||
|
async newApplyChart() {// 渐变间隔折线图 |
||||||
|
|
||||||
|
const chart = this.$refs.newApplyChart |
||||||
|
// let res = await approvalNum() |
||||||
|
// this.data = res.data |
||||||
|
if (chart) { |
||||||
|
const myChart = this.$echarts.init(chart) |
||||||
|
const option = { |
||||||
|
title: { |
||||||
|
text: this.month+'月新增业务数量趋势图', |
||||||
|
left: 'center', |
||||||
|
fontStyle:'normal', |
||||||
|
fontSize:15, |
||||||
|
fontWeight:'bold', |
||||||
|
}, |
||||||
|
xAxis: { |
||||||
|
type: 'category', |
||||||
|
data: this.thisMonthDay, |
||||||
|
boundaryGap: false |
||||||
|
,axisLabel:{ |
||||||
|
interval:1 |
||||||
|
} |
||||||
|
}, |
||||||
|
yAxis: { |
||||||
|
type: 'value', |
||||||
|
name:"个/天", |
||||||
|
// interval:1 |
||||||
|
|
||||||
|
}, |
||||||
|
series: [{ |
||||||
|
data: this.monthData, |
||||||
|
// symbol:'none', // 去掉点 |
||||||
|
smooth:true, // 曲线变平滑,接受number |
||||||
|
// data: this.data.approvalNumArr, |
||||||
|
type: 'line', |
||||||
|
itemStyle : { |
||||||
|
normal : { |
||||||
|
color:'#57cefe', |
||||||
|
lineStyle:{ |
||||||
|
color:'#57cefe' |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
areaStyle:{//区域颜色渐变 |
||||||
|
normal: { |
||||||
|
// color: '#091e3b', //改变区域颜色 |
||||||
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ |
||||||
|
offset: 0, color: '#989af9' // 100% 处的颜色 |
||||||
|
}, { |
||||||
|
offset: 0.5, color: '#b1b2fb' // 50% 处的颜色 |
||||||
|
}, { |
||||||
|
offset: 1, color: '#fff' // 0% 处的颜色 |
||||||
|
}] |
||||||
|
), //背景渐变色 |
||||||
|
} |
||||||
|
}, |
||||||
|
}], |
||||||
|
tooltip: { |
||||||
|
formatter: '{c}' |
||||||
|
}, |
||||||
|
} |
||||||
|
myChart.setOption(option) |
||||||
|
window.addEventListener("resize", function() { |
||||||
|
myChart.resize() |
||||||
|
}) |
||||||
|
} |
||||||
|
this.$on('hook:destroyed',()=>{ |
||||||
|
window.removeEventListener("resize", function() { |
||||||
|
myChart.resize(); |
||||||
|
}); |
||||||
|
}) |
||||||
|
}, |
||||||
|
async topCookieChart(){//饼状图-顶部 |
||||||
|
const chart = this.$refs.topCookieChart |
||||||
|
// let res = await approvalNum() |
||||||
|
// this.data = res.data |
||||||
|
if (chart) { |
||||||
|
const myChart = this.$echarts.init(chart) |
||||||
|
const option = { |
||||||
|
// backgroundColor: '#fff', |
||||||
|
title: { |
||||||
|
text: '', |
||||||
|
left: 'center', |
||||||
|
top: 20, |
||||||
|
textStyle: { |
||||||
|
color: '#ccc' |
||||||
|
} |
||||||
|
}, |
||||||
|
tooltip: { |
||||||
|
trigger: 'item', |
||||||
|
formatter: '{b} : {c} ({d}%)' |
||||||
|
}, |
||||||
|
|
||||||
|
series: [{ |
||||||
|
name: '申请业务数量', |
||||||
|
type: 'pie', |
||||||
|
radius: '50%', |
||||||
|
center: ['50%', '60%'], |
||||||
|
legendHoverLink:true, |
||||||
|
hoverAnimation:true, |
||||||
|
data: [ |
||||||
|
{value: this.customer, name: '客户申请'}, |
||||||
|
{value: this.employee, name: '员工申请'}, |
||||||
|
].sort(function (a, b) { return a.value - b.value; }), |
||||||
|
roseType: 'radius', |
||||||
|
label: { |
||||||
|
normal: { |
||||||
|
show: true, //展示 |
||||||
|
position: 'outside',// outside表示文本显示位置为外部 |
||||||
|
formatter: '{b}\n{d}%', |
||||||
|
}, |
||||||
|
color: '#49cafe' |
||||||
|
}, |
||||||
|
labelLine: { |
||||||
|
normal: { |
||||||
|
show: true, //引导线显示 |
||||||
|
}, |
||||||
|
// lineStyle: { |
||||||
|
// color: '#49cafe' |
||||||
|
// }, |
||||||
|
smooth: 0.2, |
||||||
|
length: 5, |
||||||
|
length2: 10 |
||||||
|
}, |
||||||
|
itemStyle: { |
||||||
|
// color: '#49cafe', |
||||||
|
// shadowBlur: 200, |
||||||
|
// shadowColor: 'rgba(0, 0, 0, 0.5)' |
||||||
|
}, |
||||||
|
color: ['#73a2ff','#49cafe'], |
||||||
|
animationType: 'scale', |
||||||
|
animationEasing: 'elasticOut', |
||||||
|
animationDelay: function (idx) { |
||||||
|
return Math.random() * 200; |
||||||
|
} |
||||||
|
}] |
||||||
|
} |
||||||
|
myChart.setOption(option) |
||||||
|
window.addEventListener("resize", function() { |
||||||
|
myChart.resize() |
||||||
|
}) |
||||||
|
} |
||||||
|
this.$on('hook:destroyed',()=>{ |
||||||
|
window.removeEventListener("resize", function() { |
||||||
|
myChart.resize(); |
||||||
|
}); |
||||||
|
}) |
||||||
|
}, |
||||||
|
async loginUserChart() {// 柱状图 |
||||||
|
const chart = this.$refs.loginUserChart |
||||||
|
if (chart) { |
||||||
|
const myChart = this.$echarts.init(chart) |
||||||
|
const option = { |
||||||
|
title: { |
||||||
|
text: '登录用户趋势图', |
||||||
|
left: 'center' |
||||||
|
}, |
||||||
|
xAxis: { |
||||||
|
type: 'category', |
||||||
|
data: this.loginTime, |
||||||
|
// boundaryGap: false, |
||||||
|
}, |
||||||
|
yAxis: { |
||||||
|
type: 'value', |
||||||
|
name:"次/2小时", |
||||||
|
// interval:1 |
||||||
|
|
||||||
|
}, |
||||||
|
series: [{ |
||||||
|
data: this.loginSum, |
||||||
|
// data: this.data.approvalNumArr, |
||||||
|
type: 'bar', |
||||||
|
itemStyle : { |
||||||
|
normal : { |
||||||
|
color:'#6edae6', |
||||||
|
lineStyle:{ |
||||||
|
color:'#6edae6' |
||||||
|
}, |
||||||
|
label: { |
||||||
|
show: true, |
||||||
|
position: 'top', |
||||||
|
textStyle: { |
||||||
|
color: '#6edae6' |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
barWidth:'25px' |
||||||
|
}], |
||||||
|
tooltip: { |
||||||
|
formatter: '{c}' |
||||||
|
}, |
||||||
|
} |
||||||
|
myChart.setOption(option) |
||||||
|
window.addEventListener("resize", function() { |
||||||
|
myChart.resize() |
||||||
|
}) |
||||||
|
} |
||||||
|
this.$on('hook:destroyed',()=>{ |
||||||
|
window.removeEventListener("resize", function() { |
||||||
|
myChart.resize(); |
||||||
|
}); |
||||||
|
}) |
||||||
|
}, |
||||||
|
async bottomCookieChart(){//饼状图-左下角 |
||||||
|
const chart = this.$refs.bottomCookieChart |
||||||
|
if (chart) { |
||||||
|
const myChart = this.$echarts.init(chart) |
||||||
|
const option = { |
||||||
|
// backgroundColor: '#fff', |
||||||
|
title: { |
||||||
|
text:this.countSum, |
||||||
|
right:"center", |
||||||
|
top:"48%", |
||||||
|
textStyle:{ |
||||||
|
color:"#fd5998", |
||||||
|
fontSize:36, |
||||||
|
align:"center" |
||||||
|
} |
||||||
|
}, |
||||||
|
graphic:{ |
||||||
|
type:"text", |
||||||
|
left:"center", |
||||||
|
top:"39%", |
||||||
|
style:{ |
||||||
|
text:'今日访问次数', |
||||||
|
textAlign:"center", |
||||||
|
fill:"#333", |
||||||
|
fontSize:15, |
||||||
|
fontWeight:700 |
||||||
|
} |
||||||
|
}, |
||||||
|
tooltip: { |
||||||
|
trigger: 'item', |
||||||
|
formatter: '{b} : {c} ({d}%)' |
||||||
|
}, |
||||||
|
legend: { |
||||||
|
orient: 'vertical', |
||||||
|
top:20, |
||||||
|
left: 10, |
||||||
|
// data: ['PC','移动端'], |
||||||
|
formatter: '{name}' |
||||||
|
}, |
||||||
|
series: [{ |
||||||
|
name: '访问来源', |
||||||
|
type: 'pie', |
||||||
|
radius: ['50%', '70%'], |
||||||
|
center: ['50%', '50%'], |
||||||
|
|
||||||
|
avoidLabelOverlap: false, |
||||||
|
label: { |
||||||
|
show: false, |
||||||
|
position: 'center' |
||||||
|
}, |
||||||
|
// emphasis: { |
||||||
|
// label: { |
||||||
|
// show: true, |
||||||
|
// fontSize: '30', |
||||||
|
// fontWeight: 'bold' |
||||||
|
// } |
||||||
|
// }, |
||||||
|
// labelLine: { |
||||||
|
// show: false |
||||||
|
// }, |
||||||
|
data: [ |
||||||
|
{value: this.countPC, name: 'PC'}, |
||||||
|
{value: this.countAPP, name: '移动端'}, |
||||||
|
].sort(function (a, b) { return a.value - b.value; }), |
||||||
|
color: ['#8474f9','#fd5998'], |
||||||
|
// animationDelay: function (idx) { |
||||||
|
// return Math.random() * 200; |
||||||
|
// } |
||||||
|
}] |
||||||
|
} |
||||||
|
myChart.setOption(option) |
||||||
|
window.addEventListener("resize", function() { |
||||||
|
myChart.resize() |
||||||
|
}) |
||||||
|
} |
||||||
|
this.$on('hook:destroyed',()=>{ |
||||||
|
window.removeEventListener("resize", function() { |
||||||
|
myChart.resize(); |
||||||
|
}); |
||||||
|
}) |
||||||
|
}, |
||||||
|
}, |
||||||
|
}; |
||||||
|
</script> |
||||||
|
<style lang='scss' scoped> |
||||||
|
.left-block{ |
||||||
|
width: 40%; |
||||||
|
height: 280px; |
||||||
|
padding-top:10px ; |
||||||
|
} |
||||||
|
.left-block-top{ |
||||||
|
width: 30%; |
||||||
|
height: 280px; |
||||||
|
// padding-top:10px ; |
||||||
|
} |
||||||
|
.right-block{ |
||||||
|
width: 58%; |
||||||
|
margin-left: 2%; |
||||||
|
height: 280px; |
||||||
|
padding-top:10px ; |
||||||
|
} |
||||||
|
.right-block-top{ |
||||||
|
width: 68%; |
||||||
|
margin-left: 2%; |
||||||
|
height: 280px; |
||||||
|
padding-top:10px ; |
||||||
|
} |
||||||
|
.left-c-box{ |
||||||
|
width: 30%; |
||||||
|
margin-right: 2%; |
||||||
|
height: 280px; |
||||||
|
padding-top:10px ; |
||||||
|
} |
||||||
|
.right-c-box{ |
||||||
|
width: 68%; |
||||||
|
height: 280px; |
||||||
|
padding-top:10px ; |
||||||
|
} |
||||||
|
.mounth{ |
||||||
|
position: absolute; |
||||||
|
top: 7%; |
||||||
|
left: 20%; |
||||||
|
} |
||||||
|
.today{ |
||||||
|
position: absolute; |
||||||
|
top: 10%; |
||||||
|
left: 8%; |
||||||
|
z-index: 99; |
||||||
|
} |
||||||
|
|
||||||
|
.c-text{ |
||||||
|
position: absolute; |
||||||
|
top: 50%; |
||||||
|
left: 50%; |
||||||
|
transform: translate(-50%,-50%); |
||||||
|
font-size: 60px; |
||||||
|
} |
||||||
|
.visit{ |
||||||
|
position: absolute; |
||||||
|
bottom: 0%; |
||||||
|
left: 3%; |
||||||
|
text-align: center; |
||||||
|
p{ |
||||||
|
font-size: 30px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
</style> |
||||||
@ -0,0 +1,46 @@ |
|||||||
|
<template> |
||||||
|
<section class="main"> |
||||||
|
<div class="crumbs"> |
||||||
|
<el-breadcrumb separator="/"> |
||||||
|
<el-breadcrumb-item><i class="el-icon-lx-global"></i> {{$t('i18n.breadcrumb')}}</el-breadcrumb-item> |
||||||
|
</el-breadcrumb> |
||||||
|
</div> |
||||||
|
<div class="container"> |
||||||
|
<span>{{$t('i18n.tips')}}</span> |
||||||
|
<el-button type="primary" @click="$i18n.locale = $i18n.locale === 'zh'?'en':'zh';">{{$t('i18n.btn')}}</el-button> |
||||||
|
<div class="list"> |
||||||
|
<h2>{{$t('i18n.title1')}}</h2> |
||||||
|
<p>{{$t('i18n.p1')}}</p> |
||||||
|
<p>{{$t('i18n.p2')}}</p> |
||||||
|
<p>{{$t('i18n.p3')}}</p> |
||||||
|
</div> |
||||||
|
<h2>{{$t('i18n.title2')}}</h2> |
||||||
|
<div> |
||||||
|
<i18n path="i18n.info" tag="p"> |
||||||
|
<a place="action" href="https://element.eleme.cn/2.0/#/zh-CN/component/i18n">{{ $t('i18n.value') }}</a> |
||||||
|
</i18n> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</section> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data(){ |
||||||
|
return { |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped> |
||||||
|
.list{ |
||||||
|
padding: 30px 0; |
||||||
|
} |
||||||
|
.list p{ |
||||||
|
margin-bottom: 20px; |
||||||
|
} |
||||||
|
a{ |
||||||
|
color: #409eff; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,225 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<div class="crumbs"> |
||||||
|
<el-breadcrumb separator="/"> |
||||||
|
<el-breadcrumb-item><i class="el-icon-lx-emoji"></i> 自定义图标</el-breadcrumb-item> |
||||||
|
</el-breadcrumb> |
||||||
|
</div> |
||||||
|
<div class="container"> |
||||||
|
<h2>使用方法</h2> |
||||||
|
<p style="line-height: 50px;"> |
||||||
|
直接通过设置类名为 el-icon-lx-iconName 来使用即可。例如：（共{{iconList.length}}个图标） |
||||||
|
</p> |
||||||
|
<p class="example-p"> |
||||||
|
<i class="el-icon-lx-redpacket_fill" style="font-size: 30px;color: #ff5900"></i> |
||||||
|
<span><i class="el-icon-lx-redpacket_fill"></i></span> |
||||||
|
</p> |
||||||
|
<p class="example-p"> |
||||||
|
<i class="el-icon-lx-weibo" style="font-size: 30px;color:#fd5656"></i> |
||||||
|
<span><i class="el-icon-lx-weibo"></i></span> |
||||||
|
</p> |
||||||
|
<p class="example-p"> |
||||||
|
<i class="el-icon-lx-emojifill" style="font-size: 30px;color: #ffc300"></i> |
||||||
|
<span><i class="el-icon-lx-emojifill"></i></span> |
||||||
|
</p> |
||||||
|
<br> |
||||||
|
<h2>图标</h2> |
||||||
|
<div class="search-box"> |
||||||
|
<el-input class="search" size="large" v-model="keyword" clearable placeholder="请输入图标名称"></el-input> |
||||||
|
</div> |
||||||
|
<ul> |
||||||
|
<li class="icon-li" v-for="(item,index) in list" :key="index"> |
||||||
|
<div class="icon-li-content"> |
||||||
|
<i :class="`el-icon-lx-${item}`"></i> |
||||||
|
<span>{{item}}</span> |
||||||
|
</div> |
||||||
|
</li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data: function(){ |
||||||
|
return { |
||||||
|
keyword: '', |
||||||
|
iconList: [ |
||||||
|
'attentionforbid', |
||||||
|
'attentionforbidfill', |
||||||
|
'attention', |
||||||
|
'attentionfill', |
||||||
|
'tag', |
||||||
|
'tagfill', |
||||||
|
'people', |
||||||
|
'peoplefill', |
||||||
|
'notice', |
||||||
|
'noticefill', |
||||||
|
'mobile', |
||||||
|
'mobilefill', |
||||||
|
'voice', |
||||||
|
'voicefill', |
||||||
|
'unlock', |
||||||
|
'lock', |
||||||
|
'home', |
||||||
|
'homefill', |
||||||
|
'delete', |
||||||
|
'deletefill', |
||||||
|
'notification', |
||||||
|
'notificationfill', |
||||||
|
'notificationforbidfill', |
||||||
|
'like', |
||||||
|
'likefill', |
||||||
|
'comment', |
||||||
|
'commentfill', |
||||||
|
'camera', |
||||||
|
'camerafill', |
||||||
|
'warn', |
||||||
|
'warnfill', |
||||||
|
'time', |
||||||
|
'timefill', |
||||||
|
'location', |
||||||
|
'locationfill', |
||||||
|
'favor', |
||||||
|
'favorfill', |
||||||
|
'skin', |
||||||
|
'skinfill', |
||||||
|
'news', |
||||||
|
'newsfill', |
||||||
|
'record', |
||||||
|
'recordfill', |
||||||
|
'emoji', |
||||||
|
'emojifill', |
||||||
|
'message', |
||||||
|
'messagefill', |
||||||
|
'goods', |
||||||
|
'goodsfill', |
||||||
|
'crown', |
||||||
|
'crownfill', |
||||||
|
'move', |
||||||
|
'add', |
||||||
|
'hot', |
||||||
|
'hotfill', |
||||||
|
'service', |
||||||
|
'servicefill', |
||||||
|
'present', |
||||||
|
'presentfill', |
||||||
|
'pic', |
||||||
|
'picfill', |
||||||
|
'rank', |
||||||
|
'rankfill', |
||||||
|
'male', |
||||||
|
'female', |
||||||
|
'down', |
||||||
|
'top', |
||||||
|
'recharge', |
||||||
|
'rechargefill', |
||||||
|
'forward', |
||||||
|
'forwardfill', |
||||||
|
'info', |
||||||
|
'infofill', |
||||||
|
'redpacket', |
||||||
|
'redpacket_fill', |
||||||
|
'roundadd', |
||||||
|
'roundaddfill', |
||||||
|
'friendadd', |
||||||
|
'friendaddfill', |
||||||
|
'cart', |
||||||
|
'cartfill', |
||||||
|
'more', |
||||||
|
'moreandroid', |
||||||
|
'back', |
||||||
|
'right', |
||||||
|
'shop', |
||||||
|
'shopfill', |
||||||
|
'question', |
||||||
|
'questionfill', |
||||||
|
'roundclose', |
||||||
|
'roundclosefill', |
||||||
|
'roundcheck', |
||||||
|
'roundcheckfill', |
||||||
|
'global', |
||||||
|
'mail', |
||||||
|
'punch', |
||||||
|
'exit', |
||||||
|
'upload', |
||||||
|
'read', |
||||||
|
'file', |
||||||
|
'link', |
||||||
|
'full', |
||||||
|
'group', |
||||||
|
'friend', |
||||||
|
'profile', |
||||||
|
'addressbook', |
||||||
|
'calendar', |
||||||
|
'text', |
||||||
|
'copy', |
||||||
|
'share', |
||||||
|
'wifi', |
||||||
|
'vipcard', |
||||||
|
'weibo', |
||||||
|
'remind', |
||||||
|
'refresh', |
||||||
|
'filter', |
||||||
|
'settings', |
||||||
|
'scan', |
||||||
|
'qrcode', |
||||||
|
'cascades', |
||||||
|
'apps', |
||||||
|
'sort', |
||||||
|
'searchlist', |
||||||
|
'search', |
||||||
|
'edit' |
||||||
|
] |
||||||
|
} |
||||||
|
}, |
||||||
|
computed: { |
||||||
|
list(){ |
||||||
|
return this.iconList.filter((item) => { |
||||||
|
return item.indexOf(this.keyword) !== -1; |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped> |
||||||
|
.example-p{ |
||||||
|
height: 45px; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
.search-box{ |
||||||
|
text-align: center; |
||||||
|
margin-top: 10px; |
||||||
|
} |
||||||
|
.search{ |
||||||
|
width: 300px; |
||||||
|
} |
||||||
|
ul,li{ |
||||||
|
list-style: none; |
||||||
|
} |
||||||
|
.icon-li{ |
||||||
|
display: inline-block; |
||||||
|
padding: 10px; |
||||||
|
width: 120px; |
||||||
|
height: 120px; |
||||||
|
} |
||||||
|
.icon-li-content{ |
||||||
|
display: flex; |
||||||
|
height: 100%; |
||||||
|
flex-direction: column; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
.icon-li-content i{ |
||||||
|
font-size: 36px; |
||||||
|
color: #606266; |
||||||
|
} |
||||||
|
.icon-li-content span{ |
||||||
|
margin-top: 10px; |
||||||
|
color: #787878; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,333 @@ |
|||||||
|
<template> |
||||||
|
<div class="home_view"> |
||||||
|
<div class="homeback"> |
||||||
|
<div class="homeHeader flex-between"> |
||||||
|
<div class="logo flex-center"> |
||||||
|
<!-- 非凡 --> |
||||||
|
<!-- <img src="../../assets/img/ff-icon.png" class="ff-icon"> --> |
||||||
|
<!-- 大庆待恢复 --> |
||||||
|
<img src="../../assets/img/logo.png"> |
||||||
|
<span>智慧金融管理平台</span> |
||||||
|
</div> |
||||||
|
<span class="aboutUs">关于我们</span> |
||||||
|
</div> |
||||||
|
<!-- 登录card --> |
||||||
|
<div class="Login_view" v-show="cardType == 1"> |
||||||
|
<div class="flex-between login_title"> |
||||||
|
<span>登录</span> |
||||||
|
<router-link :to="{path:'beforeLogin'}"> |
||||||
|
<i class="el-icon-close"></i> |
||||||
|
</router-link> |
||||||
|
</div> |
||||||
|
<el-form :model="param" :rules="rules" ref="param" label-width="0px" class="login_form"> |
||||||
|
<el-form-item prop="username"> |
||||||
|
<p>用户名</p> |
||||||
|
<el-input v-model="param.username" placeholder="请输入账号/手机号" maxlength="11" @keyup.enter.native="nextInput($event)"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item prop="password" class="item_password"> |
||||||
|
<p>密码</p> |
||||||
|
<el-input |
||||||
|
type="password" |
||||||
|
maxlength="20" |
||||||
|
ref="password" |
||||||
|
placeholder="请输入账号密码" |
||||||
|
v-model="param.password" |
||||||
|
@keyup.enter.native="submitForm('param')" |
||||||
|
></el-input> |
||||||
|
</el-form-item> |
||||||
|
<div class="login-btn"> |
||||||
|
<el-button v-preventReClick type="primary" round @click="submitForm('param')">马上登录</el-button> |
||||||
|
</div> |
||||||
|
<div class="flex-between forget_view"> |
||||||
|
<el-checkbox v-model="checked">十天内自动登录</el-checkbox> |
||||||
|
<el-button type="text" @click="cardType = 2">忘记密码?</el-button> |
||||||
|
</div> |
||||||
|
<p class="login-wechat">其他登陆方式</p> |
||||||
|
<div class="wechat-btn"> |
||||||
|
<el-button type="primary" round @click="wxCode"><i class="icon-weixin"></i>微信一键登录</el-button> |
||||||
|
</div> |
||||||
|
</el-form> |
||||||
|
</div> |
||||||
|
<!-- 找回密码card --> |
||||||
|
<RetrievePsd v-show="cardType == 2" @gohome="gohome" @nextStep="nextStep"></RetrievePsd> |
||||||
|
<!-- 重新设置密码card --> |
||||||
|
<SetPsd v-show="cardType == 3" @setBack="setBack" @reLogin="reLogin"></SetPsd> |
||||||
|
<!-- 微信一键扫码 --> |
||||||
|
<ScanCode v-show="cardType == 4" @toAccount="toAccount"></ScanCode> |
||||||
|
<!-- 微信扫码后绑定手机号 --> |
||||||
|
<BindPhone v-show="cardType == 5" @toWechat="toWechat"></BindPhone> |
||||||
|
</div> |
||||||
|
<Foot></Foot> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { login,WXCordImg,bindPhone,phoneAuthCord,getNowRole } from '../../utils/api'; |
||||||
|
import {resetRouter} from '../../router/resetRouter'; |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
// 待删除，测试用 |
||||||
|
param: { |
||||||
|
// username: '15773390498', |
||||||
|
// password: 'Aa1111', |
||||||
|
// username: 'admin', |
||||||
|
// password: 'Aa1234' |
||||||
|
}, |
||||||
|
rules: { |
||||||
|
username: [ |
||||||
|
{ required: true, message: '请输入账号/手机号', trigger: 'blur' } |
||||||
|
// { |
||||||
|
// pattern: /^1[3456789]\d{9}$/, |
||||||
|
// message: '请输入正确的手机号', |
||||||
|
// trigger: 'blur' |
||||||
|
// } |
||||||
|
], |
||||||
|
password: [{ required: true, message: '请输入账号密码', trigger: 'blur' }] |
||||||
|
}, |
||||||
|
cardType: 1, //1：首页登录，2：找回密码 |
||||||
|
checked: false, |
||||||
|
tenDayEffective: 2, |
||||||
|
loginType: 1,//1为手机号，2为微信登录 |
||||||
|
// appid : 'wx3b7bca679da34921', |
||||||
|
// scope : 'snsapi_login', |
||||||
|
// redirect_uri : encodeURIComponent("http://192.168.31.254:8080/#/Dashboard"), |
||||||
|
}; |
||||||
|
}, |
||||||
|
beforeCreate(){ |
||||||
|
if(this.$route.query.token){// 扫码登录跳转 |
||||||
|
sessionStorage.setItem("token",this.$route.query.token) |
||||||
|
if(this.$route.query.account){ |
||||||
|
if(this.$route.query.headerImg){ |
||||||
|
this.$store.commit("userNameData", { userName: this.$route.query.account,headerImg: this.changePercent(this.$route.query.headerImg) }); |
||||||
|
}else{ |
||||||
|
this.$store.commit("userNameData", { userName: this.$route.query.account }); |
||||||
|
} |
||||||
|
} |
||||||
|
this.$router.push('/homePage') |
||||||
|
} |
||||||
|
}, |
||||||
|
created(){ |
||||||
|
// this.$store.commit("homeMenuData", { homeMenu: [] }) |
||||||
|
if(this.$route.query.token){// 扫码登录跳转 |
||||||
|
sessionStorage.setItem("token",this.$route.query.token) |
||||||
|
sessionStorage.setItem('userID',this.$route.query.id) |
||||||
|
if(this.$route.query.account){ |
||||||
|
if(this.$route.query.headerImg){ |
||||||
|
this.$store.commit("userNameData", { userName: this.$route.query.account,headerImg: this.changePercent(this.$route.query.headerImg) }); |
||||||
|
}else{ |
||||||
|
this.$store.commit("userNameData", { userName: this.$route.query.account }); |
||||||
|
} |
||||||
|
} |
||||||
|
this.$router.push('/homePage') |
||||||
|
} |
||||||
|
}, |
||||||
|
methods:{ |
||||||
|
// 登录按钮 |
||||||
|
submitForm(param) { |
||||||
|
sessionStorage.clear() |
||||||
|
localStorage.clear() |
||||||
|
resetRouter() |
||||||
|
this.$store.commit("routerData", { router: false });// 重置路由权限 |
||||||
|
sessionStorage.removeItem('routerData')// 重置路由权限 |
||||||
|
// this.$store.getters.clear |
||||||
|
this.$refs.param.validate(valid => { |
||||||
|
// 没登录直接进去,开发调试用 |
||||||
|
// this.$router.push('/customer') |
||||||
|
if (valid) { |
||||||
|
if(this.checked){ |
||||||
|
this.tenDayEffective = 1 |
||||||
|
}else{ |
||||||
|
this.tenDayEffective = 2 |
||||||
|
} |
||||||
|
login({ |
||||||
|
phone: this.param.username, |
||||||
|
type: this.loginType, |
||||||
|
wechatId: '', |
||||||
|
password: this.param.password, |
||||||
|
tenDayEffective: this.tenDayEffective |
||||||
|
}).then(res => { |
||||||
|
sessionStorage.setItem("token",res.data.token); |
||||||
|
sessionStorage.setItem("userID",res.data.id); |
||||||
|
this.$store.commit("userNameData", { userName: res.data.account, userPhone: this.param.username,headerImg:res.data.headPortaritUrl }); |
||||||
|
this.getNowRole()// 获取当前用户角色id |
||||||
|
}).catch(res => {}); |
||||||
|
} |
||||||
|
}); |
||||||
|
}, |
||||||
|
nextInput (event) { |
||||||
|
if (event) { |
||||||
|
event.target.blur() |
||||||
|
this.$refs.password.focus() |
||||||
|
} |
||||||
|
}, |
||||||
|
getNowRole(){ |
||||||
|
return getNowRole().then(res=>{ |
||||||
|
if(res.success){ |
||||||
|
sessionStorage.setItem("now-roleBtn",res.data); |
||||||
|
this.$nextTick(()=>{ |
||||||
|
if(this.$route.query.redirect&&this.$route.query.redirect!='/login'){// 重定向 |
||||||
|
this.$router.push(this.$route.query.redirect) |
||||||
|
}else{ |
||||||
|
this.$router.push('/homePage') |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
}).catch(err=>{ |
||||||
|
// this.getNowRole() |
||||||
|
}) |
||||||
|
}, |
||||||
|
// 找回密码的下一步按钮 |
||||||
|
nextStep(val){ |
||||||
|
this.cardType = val |
||||||
|
}, |
||||||
|
// 找回密码的 X |
||||||
|
gohome(val){ |
||||||
|
this.cardType = val |
||||||
|
}, |
||||||
|
// 重新设置新密码的 X |
||||||
|
setBack(val){ |
||||||
|
this.cardType = val |
||||||
|
}, |
||||||
|
reLogin(val){ |
||||||
|
this.cardType = val |
||||||
|
}, |
||||||
|
// 微信扫码登录的 X和账号登录按钮 |
||||||
|
toAccount(val){ |
||||||
|
this.cardType = val |
||||||
|
}, |
||||||
|
// 绑定手机号的 X和暂不绑定按钮 |
||||||
|
toWechat(val){ |
||||||
|
this.cardType = val |
||||||
|
}, |
||||||
|
wxCode(){ |
||||||
|
this.cardType = 4 |
||||||
|
|
||||||
|
}, |
||||||
|
// 删除%转换成/，用于提取链接 |
||||||
|
changePercent(str){ |
||||||
|
return str.replace(/%2F/g,'/').replace(/%3A/g,':') |
||||||
|
}, |
||||||
|
}, |
||||||
|
mounted() { |
||||||
|
// this.setWxerwma() |
||||||
|
}, |
||||||
|
} |
||||||
|
|
||||||
|
// } |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.home_view{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
color: #00B9FF; |
||||||
|
.homeback{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
overflow:hidden; |
||||||
|
// background: url('../../assets/img/login-bg-1.jpg'); |
||||||
|
background: url('https://www.feifanhitech.com/enclosureFile/3d7ad5b15d0141eelogin-bg-1.jpg'); |
||||||
|
// background: url('https://www.huorantech.cn/enclosureFile/96664d5774e54494login-bg-1.jpg'); |
||||||
|
background-size: 100% 100%; |
||||||
|
position: relative; |
||||||
|
.homeHeader{ |
||||||
|
width: 100%; |
||||||
|
height: 60px; |
||||||
|
position: absolute; |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
color: #fff; |
||||||
|
.logo{ |
||||||
|
margin-left: 140px; |
||||||
|
img{ |
||||||
|
// 大庆待恢复 |
||||||
|
// width: 45px; |
||||||
|
// height: 34px; |
||||||
|
margin-right: 9px; |
||||||
|
} |
||||||
|
} |
||||||
|
.aboutUs{ |
||||||
|
margin-right: 140px; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
} |
||||||
|
.Login_view{ |
||||||
|
position: absolute; |
||||||
|
left: 50%; |
||||||
|
top: 120px; |
||||||
|
transform: translate(-50%, 0); |
||||||
|
background-color: #fff; |
||||||
|
border-radius: 20px; |
||||||
|
width: 812px; |
||||||
|
padding: 52px 0; |
||||||
|
.login_title{ |
||||||
|
span{ |
||||||
|
font-size: 26px; |
||||||
|
margin-left: 146px; |
||||||
|
} |
||||||
|
i{ |
||||||
|
margin-right: 50px; |
||||||
|
color: #666; |
||||||
|
font-size: 20px; |
||||||
|
} |
||||||
|
} |
||||||
|
.login_form{ |
||||||
|
margin: 60px 146px 0 146px; |
||||||
|
p{ |
||||||
|
margin-bottom: 10px; |
||||||
|
font-size: 14px; |
||||||
|
} |
||||||
|
.item_password{ |
||||||
|
margin-top: 40px; |
||||||
|
} |
||||||
|
.login-btn{ |
||||||
|
margin-top: 70px; |
||||||
|
} |
||||||
|
.forget_view{ |
||||||
|
font-size: 14px; |
||||||
|
} |
||||||
|
.login-wechat{ |
||||||
|
text-align: center; |
||||||
|
color: #00B9FF; |
||||||
|
font-size: 14px; |
||||||
|
margin-top: 60px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.login_form /deep/ .el-form-item{ |
||||||
|
margin-bottom: 0; |
||||||
|
} |
||||||
|
.login_form /deep/ .el-input__inner{ |
||||||
|
background-color: #f5f5f5; |
||||||
|
height: 46px; |
||||||
|
line-height: 46px; |
||||||
|
border: none; |
||||||
|
} |
||||||
|
.login-btn /deep/ .el-button{ |
||||||
|
width: 100%; |
||||||
|
// border-radius: 23px; |
||||||
|
height: 46px; |
||||||
|
} |
||||||
|
.forget_view /deep/ .el-button--text{ |
||||||
|
color: #FF9784; |
||||||
|
} |
||||||
|
.forget_view /deep/ .el-button--text:hover{ |
||||||
|
text-decoration:underline; |
||||||
|
} |
||||||
|
.wechat-btn /deep/ .el-button{ |
||||||
|
width: 100%; |
||||||
|
// border-radius: 23px; |
||||||
|
height: 46px; |
||||||
|
background-color: #f5f5f5; |
||||||
|
border: none; |
||||||
|
color: #666; |
||||||
|
margin-top: 20px; |
||||||
|
} |
||||||
|
.ff-icon{ |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,38 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<div class="crumbs"> |
||||||
|
<el-breadcrumb separator="/"> |
||||||
|
<el-breadcrumb-item><i class="el-icon-lx-warn"></i> 权限测试</el-breadcrumb-item> |
||||||
|
</el-breadcrumb> |
||||||
|
</div> |
||||||
|
<div class="container"> |
||||||
|
<h1>管理员权限页面</h1> |
||||||
|
<p>只有用 admin 账号登录的才拥有管理员权限，才能进到这个页面，其他账号想进来都会跳到403页面，重新用管理员账号登录才有权限。</p> |
||||||
|
<p>想尝试一下，请<router-link to="/login" class="logout">退出登录</router-link>，随便输入个账号名，再进来试试看。</p> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data: function(){ |
||||||
|
return {} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped> |
||||||
|
h1{ |
||||||
|
text-align: center; |
||||||
|
margin: 30px 0; |
||||||
|
} |
||||||
|
p{ |
||||||
|
line-height: 30px; |
||||||
|
margin-bottom: 10px; |
||||||
|
text-indent: 2em; |
||||||
|
} |
||||||
|
.logout{ |
||||||
|
color: #409EFF; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,100 @@ |
|||||||
|
<template> |
||||||
|
<div class="container_bg"> |
||||||
|
<div class="border-b flex-between ht50"> |
||||||
|
<div class="flex-center"> |
||||||
|
<img src="../../assets/img/manpower-icon.png" alt class="top-module-icon mgr10" /> |
||||||
|
<p class="head-text">系统管理</p> |
||||||
|
</div> |
||||||
|
<!-- 这是一个后退按钮组件 --> |
||||||
|
<!-- <back @click.native="goto('background')"></back> --> |
||||||
|
</div> |
||||||
|
<div class="df mgt20 main self"> |
||||||
|
<Left-sidebar class="flex-column-end " :title="leftSidebarData" @getSidebarVal="getIndex" :pitchOn="active"></Left-sidebar> |
||||||
|
<div class="right-main self"> |
||||||
|
<!-- 角色权限管理 --> |
||||||
|
<Jurisdiction v-if="active === '1'"></Jurisdiction> |
||||||
|
<!-- 修改密码管理 --> |
||||||
|
<SupertubePwd v-if="active === '2'"></SupertubePwd> |
||||||
|
<!-- 平台日志 --> |
||||||
|
<PlatformLog v-if="active === '3'"></PlatformLog> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data(){ |
||||||
|
return{ |
||||||
|
leftSidebarData: [ |
||||||
|
{name:'角色权限管理',index: '1'}, |
||||||
|
{name:'修改密码管理',index: '2'}, |
||||||
|
{name:'平台日志',index: '3'} |
||||||
|
], |
||||||
|
active: '1', |
||||||
|
systemData: [], |
||||||
|
pageNo: 1, |
||||||
|
totals: 1 |
||||||
|
} |
||||||
|
}, |
||||||
|
created(){ |
||||||
|
this.leftSidebarData = this.getSideBar() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
activeClick(index) { |
||||||
|
this.active = index; |
||||||
|
}, |
||||||
|
SelectionChange(){}, |
||||||
|
getRowKeys(){}, |
||||||
|
currentChange(){}, |
||||||
|
|
||||||
|
// 侧边栏切换组件用 |
||||||
|
getIndex(index) { |
||||||
|
this.active = index; |
||||||
|
// 状态保存 |
||||||
|
// sessionStorage.setItem('background-manpower-leftsidebar', index); |
||||||
|
}, |
||||||
|
getSideBar(){ |
||||||
|
let items = [], |
||||||
|
btns = this.$router.currentRoute.meta.btn, |
||||||
|
len=btns.length, |
||||||
|
index |
||||||
|
for(let i=0;i<len;i++){ |
||||||
|
let obj = {name:btns[i]} |
||||||
|
switch (btns[i]) { |
||||||
|
case '角色权限管理': obj.index = '1' |
||||||
|
break; |
||||||
|
case '修改密码管理': obj.index = '2' |
||||||
|
break; |
||||||
|
case '平台日志': obj.index = '3' |
||||||
|
break; |
||||||
|
} |
||||||
|
items.push(obj) |
||||||
|
} |
||||||
|
return items |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
@import url('../../assets/css/common.scss'); |
||||||
|
.main { |
||||||
|
min-height: 38.7vw; |
||||||
|
margin-bottom: 20px; |
||||||
|
} |
||||||
|
.right-main { |
||||||
|
margin-left: 30px; |
||||||
|
width: 89%; |
||||||
|
min-height: 100%; |
||||||
|
} |
||||||
|
.systemManagement{ |
||||||
|
|
||||||
|
/deep/ .el-col-3 .el-card__body{ |
||||||
|
padding-right: 0; |
||||||
|
// padding-left: 0; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
</style> |
||||||
|
|
||||||
@ -0,0 +1,128 @@ |
|||||||
|
<template> |
||||||
|
<div class=""> |
||||||
|
<div class="crumbs"> |
||||||
|
<el-breadcrumb separator="/"> |
||||||
|
<el-breadcrumb-item><i class="el-icon-lx-copy"></i> tab选项卡</el-breadcrumb-item> |
||||||
|
</el-breadcrumb> |
||||||
|
</div> |
||||||
|
<div class="container"> |
||||||
|
<el-tabs v-model="message"> |
||||||
|
<el-tab-pane :label="`未读消息(${unread.length})`" name="first"> |
||||||
|
<el-table :data="unread" :show-header="false" style="width: 100%"> |
||||||
|
<el-table-column> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<span class="message-title">{{scope.row.title}}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="date" width="180"></el-table-column> |
||||||
|
<el-table-column width="120"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button size="small" @click="handleRead(scope.$index)">标为已读</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
<div class="handle-row"> |
||||||
|
<el-button type="primary">全部标为已读</el-button> |
||||||
|
</div> |
||||||
|
</el-tab-pane> |
||||||
|
<el-tab-pane :label="`已读消息(${read.length})`" name="second"> |
||||||
|
<template v-if="message === 'second'"> |
||||||
|
<el-table :data="read" :show-header="false" style="width: 100%"> |
||||||
|
<el-table-column> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<span class="message-title">{{scope.row.title}}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="date" width="150"></el-table-column> |
||||||
|
<el-table-column width="120"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button type="danger" @click="handleDel(scope.$index)">删除</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
<div class="handle-row"> |
||||||
|
<el-button type="danger">删除全部</el-button> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
</el-tab-pane> |
||||||
|
<el-tab-pane :label="`回收站(${recycle.length})`" name="third"> |
||||||
|
<template v-if="message === 'third'"> |
||||||
|
<el-table :data="recycle" :show-header="false" style="width: 100%"> |
||||||
|
<el-table-column> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<span class="message-title">{{scope.row.title}}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="date" width="150"></el-table-column> |
||||||
|
<el-table-column width="120"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button @click="handleRestore(scope.$index)">还原</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
<div class="handle-row"> |
||||||
|
<el-button type="danger">清空回收站</el-button> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
</el-tab-pane> |
||||||
|
</el-tabs> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
name: 'tabs', |
||||||
|
data() { |
||||||
|
return { |
||||||
|
message: 'first', |
||||||
|
showHeader: false, |
||||||
|
unread: [{ |
||||||
|
date: '2018-04-19 20:00:00', |
||||||
|
title: '【系统通知】该系统将于今晚凌晨2点到5点进行升级维护', |
||||||
|
},{ |
||||||
|
date: '2018-04-19 21:00:00', |
||||||
|
title: '今晚12点整发大红包，先到先得', |
||||||
|
}], |
||||||
|
read: [{ |
||||||
|
date: '2018-04-19 20:00:00', |
||||||
|
title: '【系统通知】该系统将于今晚凌晨2点到5点进行升级维护' |
||||||
|
}], |
||||||
|
recycle: [{ |
||||||
|
date: '2018-04-19 20:00:00', |
||||||
|
title: '【系统通知】该系统将于今晚凌晨2点到5点进行升级维护' |
||||||
|
}] |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
handleRead(index) { |
||||||
|
const item = this.unread.splice(index, 1); |
||||||
|
this.read = item.concat(this.read); |
||||||
|
}, |
||||||
|
handleDel(index) { |
||||||
|
const item = this.read.splice(index, 1); |
||||||
|
this.recycle = item.concat(this.recycle); |
||||||
|
}, |
||||||
|
handleRestore(index) { |
||||||
|
const item = this.recycle.splice(index, 1); |
||||||
|
this.read = item.concat(this.read); |
||||||
|
} |
||||||
|
}, |
||||||
|
computed: { |
||||||
|
unreadNum(){ |
||||||
|
return this.unread.length; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
</script> |
||||||
|
|
||||||
|
<style> |
||||||
|
.message-title{ |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
.handle-row{ |
||||||
|
margin-top: 30px; |
||||||
|
} |
||||||
|
</style> |
||||||
|
|
||||||
@ -0,0 +1,365 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<div class="container_bg"> |
||||||
|
<div class="border-b flex-between ht50"> |
||||||
|
<div class="flex-center"> |
||||||
|
<img src="../../assets/img/client-icon.png" alt="人力资源管理" class="top-module-icon mgr10" /> |
||||||
|
<p class="c-black">客户资源管理系统</p> |
||||||
|
</div> |
||||||
|
<!-- 这是一个后退按钮组件 --> |
||||||
|
<back @click.native="goto('workbench')"></back> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<!-- 下面整体 --> |
||||||
|
<div class="container_bg main"> |
||||||
|
<!-- 按钮组和搜索 --> |
||||||
|
<div class="flex-between mgt20 ht40 c"> |
||||||
|
<div class="flex-center"> |
||||||
|
<p class="font-blue fz-16 mgr30 not-zoom">创建时间</p> |
||||||
|
<div> |
||||||
|
<el-radio-group v-model="listSeach.createTime" @change="itemRadio"> |
||||||
|
<el-radio-button class="btn-group" v-for="(item,index) in dateList" :key="index" :label="item.id">{{item.name}}</el-radio-button> |
||||||
|
</el-radio-group> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="flex-center mgl30 ht40 date"> |
||||||
|
<p class="font-blue fz-16 mgr20 not-zoom">自定义</p> |
||||||
|
<el-date-picker |
||||||
|
class="ht40" |
||||||
|
v-model="datesSelect" |
||||||
|
@change="getDates" |
||||||
|
type="daterange" |
||||||
|
range-separator="至" |
||||||
|
start-placeholder="开始日期" |
||||||
|
end-placeholder="结束日期" |
||||||
|
format="yyyy-MM-dd" |
||||||
|
value-format="timestamp" |
||||||
|
> |
||||||
|
</el-date-picker> |
||||||
|
</div> |
||||||
|
<!-- <div class="flex-center mgl30"> |
||||||
|
<p class="font-blue fz-16 mgr20 not-zoom">客户类型</p> |
||||||
|
<el-select class="ht40" v-model="listSeach.customerType" clearable placeholder="请选择客户类型"> |
||||||
|
<el-option label="个人" :value="0"> </el-option> |
||||||
|
<el-option label="企业" :value="1"> </el-option> |
||||||
|
</el-select> |
||||||
|
</div> --> |
||||||
|
<div class="df mgl30"> |
||||||
|
<el-input class="ht40" placeholder="请输入客户编号或名称" v-model="listSeach.codeOrName" clearable> </el-input> |
||||||
|
<el-button @click="getListData('serach')" class="mgl20 ht40 round-btn" type="primary" round>查询</el-button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<div class="flex-between ht40 mgt40 mgb10"> |
||||||
|
<div class="left-border fz-16"><p class="mgl10 c-black">客户列表</p></div> |
||||||
|
<el-button |
||||||
|
v-if="$router.currentRoute.meta.btn.includes('新增客户')" |
||||||
|
type="primary" |
||||||
|
icon="el-icon-plus" |
||||||
|
round |
||||||
|
class="ht40 pdt10" |
||||||
|
@click.native="estimatePage('workbench-client-message')" |
||||||
|
> |
||||||
|
<p class="dib fz-14">添加客户</p> |
||||||
|
</el-button> |
||||||
|
</div> |
||||||
|
<div class="table-box shadow radius10 pdt10" v-loading="listLoading"> |
||||||
|
<list :check='false' :tableData="tableData" @getPaging="getPaging" :totalPage='totalPage' :nowPage='nowPage' :totalCount="totalCount" @getSize="getSize"> |
||||||
|
<template v-slot:tableData> |
||||||
|
<el-table-column prop="code" label="客户编号" width="100" align="center"></el-table-column> |
||||||
|
<el-table-column prop="name" label="客户姓名" show-overflow-tooltip align="center"></el-table-column> |
||||||
|
<el-table-column prop="phone" label="联系电话" align="center"></el-table-column> |
||||||
|
<el-table-column label="客户类型" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<p>{{scope.row.type}}</p> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="createTime" label="创建时间" align="center"></el-table-column> |
||||||
|
<el-table-column prop="departments" label="所属部门" align="center"></el-table-column> |
||||||
|
<el-table-column prop="manager" label="客户经理" align="center"></el-table-column> |
||||||
|
<el-table-column prop="name" label="操作" width="200" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button v-if="$router.currentRoute.meta.btn.includes('查看客户')" class="crud_btn" type="text" size="mini" @click="estimatePage(scope, scope.$index, 'watch')" |
||||||
|
>查看</el-button |
||||||
|
> |
||||||
|
<el-button v-if="$router.currentRoute.meta.btn.includes('编辑客户')" class="crud_btn" type="text" size="mini" @click="estimatePage(scope, scope.$index, 'edit')" |
||||||
|
>编辑</el-button |
||||||
|
> |
||||||
|
<el-button |
||||||
|
v-if="$router.currentRoute.meta.btn.includes('删除客户')" |
||||||
|
:disabled="false" |
||||||
|
class="crud_btn" |
||||||
|
type="text" |
||||||
|
size="mini" |
||||||
|
@click="estimatePage(scope, scope.$index, 'delete')" |
||||||
|
>删除</el-button |
||||||
|
> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</template> |
||||||
|
</list> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<!-- 删除客户弹框 --> |
||||||
|
<el-dialog :visible.sync="deleteBox" width="30%"> |
||||||
|
<div class="delete"> |
||||||
|
<img src="../../assets/img/delete-xxl-icon.png" alt="提示" /> |
||||||
|
</div> |
||||||
|
<div class="fj-center"> |
||||||
|
<p class="c-red fz-18">提示</p> |
||||||
|
</div> |
||||||
|
<div class="fj-center mgt30"> |
||||||
|
<!-- 未完成：这里应该有场景变化动态变化内容 --> |
||||||
|
<!-- 未完成：需要根据场景，确定取消按钮的显示与否 --> |
||||||
|
<p class="fz-16">确认删除该客户？</p> |
||||||
|
</div> |
||||||
|
<div class="fj-center mgt20"> |
||||||
|
<sure @click.native="deleteClent"></sure> |
||||||
|
<cancle @click.native="deleteBox=false"></cancle> |
||||||
|
</div> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
import list from '../common/background-list'; |
||||||
|
import sure from '../common/sure_btn'; |
||||||
|
import cancle from '../common/cancel_btn'; |
||||||
|
import back from '../common/back'; |
||||||
|
import { |
||||||
|
workClientDel, |
||||||
|
workClientParticulars, |
||||||
|
workClientMsgList, |
||||||
|
workClientManager, |
||||||
|
workClientNoPass, |
||||||
|
workClientPass, |
||||||
|
workClientAddEnterprise, |
||||||
|
workClientMsg, |
||||||
|
workEditClientMsg |
||||||
|
} from '../../utils/api'; |
||||||
|
|
||||||
|
export default { |
||||||
|
components: { |
||||||
|
list, |
||||||
|
sure, |
||||||
|
cancle, |
||||||
|
back |
||||||
|
}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
// 查询列表参数 |
||||||
|
listSeach: { page: 1, size: 10,createTime:0 }, |
||||||
|
tableData: [],// 删除显隐 |
||||||
|
deleteBox: false, |
||||||
|
// 按钮组数据 |
||||||
|
dateList: [ |
||||||
|
{id: 0,name: '不限'},{id: 3,name: '3个月内'},{id: 6,name: '6个月内'},{id: 9,name: '9个月内'},{id: 12,name: '1年内'} |
||||||
|
], |
||||||
|
btnVal: 0, |
||||||
|
listLoading:false, |
||||||
|
datesSelect:[], |
||||||
|
selectId:Number, |
||||||
|
nowPage:1, |
||||||
|
totalPage:null, |
||||||
|
totalCount:10 |
||||||
|
}; |
||||||
|
}, |
||||||
|
filters:{ |
||||||
|
clientStatus(val){ |
||||||
|
switch (val) { |
||||||
|
case 0: |
||||||
|
return '通过' |
||||||
|
break; |
||||||
|
case 1: |
||||||
|
return '不通过' |
||||||
|
break; |
||||||
|
|
||||||
|
default: |
||||||
|
return '待审核' |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// 后退键跳转方法 |
||||||
|
goto(path) { |
||||||
|
this.$router.push('/' + path); |
||||||
|
}, |
||||||
|
// 取得列表勾选框 |
||||||
|
getCheck(val) { |
||||||
|
}, |
||||||
|
// 判断是新增，审查，编辑页,取ID |
||||||
|
estimatePage(data, index, val) { |
||||||
|
if (val && data) { |
||||||
|
if (val == 'watch') { |
||||||
|
sessionStorage.setItem('watch-client', true); |
||||||
|
sessionStorage.setItem('work-client-id', data.row.id); |
||||||
|
sessionStorage.setItem('work-client-companyId', data.row.companyId); |
||||||
|
this.goto('workbench-client-message'); |
||||||
|
} else if (val == 'edit') { |
||||||
|
sessionStorage.setItem('edit-client', true); |
||||||
|
sessionStorage.setItem('work-client-id', data.row.id); |
||||||
|
sessionStorage.setItem('work-client-companyId', data.row.companyId); |
||||||
|
this.goto('workbench-client-message'); |
||||||
|
} else if(val == 'delete'){ |
||||||
|
// 这里需要切换弹框显示，如果未审核，切换提示审核弹框， |
||||||
|
// 已审核，则显示确认删除 |
||||||
|
// 状态未定义，先不做判断 |
||||||
|
// if(data.row.status===0){}else{} |
||||||
|
this.deleteBox = true |
||||||
|
this.selectId = data.row.id |
||||||
|
} |
||||||
|
}else{ |
||||||
|
//新增 |
||||||
|
this.goto('workbench-client-message'); |
||||||
|
} |
||||||
|
}, |
||||||
|
// 按钮组切换 |
||||||
|
itemRadio(val) { |
||||||
|
this.listSeach.createTime = val |
||||||
|
// this.getListData() |
||||||
|
}, |
||||||
|
|
||||||
|
// 获取列表信息 |
||||||
|
async getListData(val) { |
||||||
|
if(val==='serach'){ |
||||||
|
this.nowPage = 1 |
||||||
|
|
||||||
|
} |
||||||
|
this.listLoading = true |
||||||
|
this.listSeach.page = this.nowPage |
||||||
|
let res = await workClientMsgList(this.listSeach); |
||||||
|
res.data.list.map((e) => { |
||||||
|
e.type = e.type == 0 ? '个人类型' : '企业类型'; |
||||||
|
if (e.departments) { |
||||||
|
e.departments = e.departments.join(','); |
||||||
|
} |
||||||
|
}); |
||||||
|
this.totalPage = res.data.totalPage |
||||||
|
this.tableData = res.data.list; |
||||||
|
this.listLoading = false |
||||||
|
this.totalCount = res.data.totalCount |
||||||
|
this.nowPage = res.data.currPage |
||||||
|
}, |
||||||
|
getSize(val){ |
||||||
|
this.listSeach.page = 1 |
||||||
|
this.listSeach.size=val |
||||||
|
this.getListData() |
||||||
|
}, |
||||||
|
// 转时间错格式 |
||||||
|
formatDayTime(val) { |
||||||
|
if(val) { |
||||||
|
let date = new Date(val) |
||||||
|
let Y = date.getFullYear(); |
||||||
|
let M = date.getMonth() + 1; |
||||||
|
let D = date.getDate(); |
||||||
|
if(M < 10) { |
||||||
|
M = '0' + M; |
||||||
|
} |
||||||
|
if(D < 10) { |
||||||
|
D = '0' + D; |
||||||
|
} |
||||||
|
return Y + '-' + M + '-' + D ; |
||||||
|
} else { |
||||||
|
return ''; |
||||||
|
} |
||||||
|
}, |
||||||
|
getDates(val){ |
||||||
|
let num = 3600*24*1000 |
||||||
|
if(this.datesSelect!==null){ |
||||||
|
// if(this.datesSelect[0]===this.datesSelect[1]){ |
||||||
|
// this.listSeach.startTime = this.formatDayTime(this.datesSelect[0]) |
||||||
|
// this.listSeach.endTime = this.formatDayTime(this.datesSelect[1]+ num) |
||||||
|
// }else{ |
||||||
|
this.listSeach.startTime = this.formatDayTime(this.datesSelect[0]) |
||||||
|
this.listSeach.endTime = this.formatDayTime(this.datesSelect[1]) |
||||||
|
// } |
||||||
|
}else{ |
||||||
|
this.listSeach.startTime = null |
||||||
|
this.listSeach.endTime = null |
||||||
|
} |
||||||
|
}, |
||||||
|
// 删除功能 |
||||||
|
async deleteClent(){ |
||||||
|
let res =await workClientDel([this.selectId]) |
||||||
|
if(res.code===10000){ |
||||||
|
this.deleteBox = false |
||||||
|
this.$message.success(res.message) |
||||||
|
this.getListData() |
||||||
|
} |
||||||
|
}, |
||||||
|
// 分页器 |
||||||
|
getPaging(val){ |
||||||
|
this.nowPage = val |
||||||
|
this.getListData() |
||||||
|
|
||||||
|
} |
||||||
|
}, |
||||||
|
created() { |
||||||
|
this.getListData(); |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
<style lang='scss' scoped> |
||||||
|
// @import url('../../assets/css/common.scss'); |
||||||
|
|
||||||
|
.el-icon-new-staff { |
||||||
|
background-image: url('../../assets/img/plus.png'); |
||||||
|
background-size: cover; |
||||||
|
position: relative; |
||||||
|
&::before { |
||||||
|
content: '\e78f'; |
||||||
|
visibility: hidden; |
||||||
|
} |
||||||
|
} |
||||||
|
.main { |
||||||
|
min-height: 41.4vw; |
||||||
|
} |
||||||
|
.table-box { |
||||||
|
min-height: 35vw; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/ .el-input--suffix .el-input__inner { |
||||||
|
height: 35px; |
||||||
|
} |
||||||
|
/deep/ .el-input__inner { |
||||||
|
border-radius: 25px; |
||||||
|
height: 35px; |
||||||
|
line-height: 35px; |
||||||
|
} |
||||||
|
.round-btn { |
||||||
|
padding-top: 9px; |
||||||
|
} |
||||||
|
.delete { |
||||||
|
text-align: center; |
||||||
|
img { |
||||||
|
width: 140px; |
||||||
|
height: 188px; |
||||||
|
} |
||||||
|
} |
||||||
|
/deep/ .el-radio-button:last-child .el-radio-button__inner { |
||||||
|
height: 35px; |
||||||
|
} |
||||||
|
/deep/ .el-radio-button__inner { |
||||||
|
height: 35px; |
||||||
|
} |
||||||
|
/deep/ .el-input__icon { |
||||||
|
line-height: 34px; |
||||||
|
} |
||||||
|
/deep/ .el-radio-button__inner { |
||||||
|
padding-left: 12px !important; |
||||||
|
padding-right: 12px !important; |
||||||
|
} |
||||||
|
/deep/ .el-select .el-input .el-select__caret { |
||||||
|
position: relative; |
||||||
|
right: 8px; |
||||||
|
} |
||||||
|
.btn-wrap{ |
||||||
|
display: flex; |
||||||
|
flex-wrap: nowrap |
||||||
|
} |
||||||
|
/deep/ .el-date-editor .el-range-separator{ |
||||||
|
width:25px |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,851 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<div class="container_bg"> |
||||||
|
<div class="border-b flex-between ht50"> |
||||||
|
<div class="flex-center"> |
||||||
|
<img src="../../assets/img/icon-guarantee.png" alt="人力资源管理" class="manpower-icon mgr10" /> |
||||||
|
<p class="fz-18 c-black mgb0">担保业务管理系统</p> |
||||||
|
</div> |
||||||
|
<!-- 这是一个后退按钮组件 --> |
||||||
|
<back @click.native="backTo()"></back> |
||||||
|
</div> |
||||||
|
<div class="self main mgt20 df"> |
||||||
|
<!-- 侧边栏 --> |
||||||
|
<leftSidebar :title="fakeDate" @getSidebarVal="getIndex" :pitchOn="showValue"></leftSidebar> |
||||||
|
<!-- 右边内容 --> |
||||||
|
<!-- 侧边栏第一项 --> |
||||||
|
<div v-if="showValue == '1'" class="main-right mgl20 self"> |
||||||
|
<!-- 顶部选择栏 --> |
||||||
|
<topSidebar :title="manageTopSidebar" :pitchOn="topSidebarVal" @getSidebarVal="getTopSidebar"> </topSidebar> |
||||||
|
<!-- 业务申请 --> |
||||||
|
<BusinessApplyDepartment ref="businessApplyDep" v-if="topSidebarVal == '1'"></BusinessApplyDepartment> |
||||||
|
<!-- 担保部调查 --> |
||||||
|
<GuaranteeDepartment ref="guaranteeDep" v-if="topSidebarVal == '2'"></GuaranteeDepartment> |
||||||
|
<!-- 资产部 --> |
||||||
|
<PropertyDepartment ref="propertyDep" v-if="topSidebarVal == '3'"></PropertyDepartment> |
||||||
|
<!-- 信息部 --> |
||||||
|
<MessageDepartment ref="messageDep" v-if="topSidebarVal == '4'"></MessageDepartment> |
||||||
|
<!-- 合规调查 --> |
||||||
|
<ComplianceDepartment ref="complianceDep" v-if="topSidebarVal == '5'"></ComplianceDepartment> |
||||||
|
<!-- 工作会 --> |
||||||
|
<WorkDepartment ref="workDep" v-if="topSidebarVal == '6'"></WorkDepartment> |
||||||
|
<!-- 贷审会 --> |
||||||
|
<LoansDepartment ref="loansDep" v-if="topSidebarVal == '7'"></LoansDepartment> |
||||||
|
<!-- 担保函 --> |
||||||
|
<Letter ref="letter" v-if="topSidebarVal == '8'"></Letter> |
||||||
|
<!-- 财务确认 --> |
||||||
|
<Payment ref="payment" v-if="topSidebarVal == '9'"></Payment> |
||||||
|
<!-- 放款通知 --> |
||||||
|
<Notice ref="notice" v-if="topSidebarVal == '10'"></Notice> |
||||||
|
</div> |
||||||
|
<!-- 侧边栏选择2：业务统计 --> |
||||||
|
<div v-if="showValue == '2'" class="main-right mgl20 self"> |
||||||
|
<StatisticsMoudle></StatisticsMoudle> |
||||||
|
</div> |
||||||
|
<!-- 侧边栏选择3：流程效率 --> |
||||||
|
<div v-if="showValue == '3'" class="main-right mgl20 self" @click="flowMoudle"> |
||||||
|
<FlowPathMoudle></FlowPathMoudle> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
import leftSidebar from '../common/left-sidebar'; |
||||||
|
import topSidebar from '../common/top_sidebar'; |
||||||
|
import {searchLinkmanList,getLinkmanList,delLinkmanList,newLinkmanList,editLinkmanList,getAllClient,allBankName,businessApplication,companyInfoBySth,guaranteeUploadFile,guaranteeDeleteFile,businessApplyList,businessApplyWatch,businessApplyEdit,businessApplyAudit,businessApplyRepeal,guaranteeList,guaranteeDetails,guaranteeSurvey,guaranteeleader,guaranteeDesignateAB,assetAudit,assetWatch,assetList,assetAssign,assetSurvey,businessExportList,guaranteeExportList,assetExportList,messageExportList,messageList,messageDetail,messageAssign,messageSurvey,messageAudit,complianceAssign,complianceAudit,complianceList,complianceDetail,complianceSurvey,complianceExportList,workAudit,workOpinion,workList,workDetail,workExtract,loansAudit,loansList,loansDetail,loansJudge,loansExportList,workExportList,designateEmpTrees} from '../../utils/api' |
||||||
|
import axios from 'axios'; |
||||||
|
import StatisticsMoudle from '../common/statisticsMoudle.vue'; |
||||||
|
import FlowPathMoudle from '../common/flowPathMoudle.vue'; |
||||||
|
var myToken = sessionStorage.getItem('token') |
||||||
|
// 贷审会-贷审会意见--规则 |
||||||
|
|
||||||
|
export default { |
||||||
|
components: { |
||||||
|
leftSidebar, |
||||||
|
topSidebar, |
||||||
|
}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
tableData:[], |
||||||
|
// data: data, //调查树结构假数据 |
||||||
|
showValue: '1', // 侧边栏的值 |
||||||
|
topSidebarVal: '0', //业务管理顶部栏的值 |
||||||
|
// statisticsTopVal: '1', //业务统计顶部栏的值 |
||||||
|
flowPathTopVal: '1', //业务统计顶部栏的值 |
||||||
|
// 侧边栏渲染,根据数据进行渲染，根据id或其他进行切换展示内容 |
||||||
|
fakeDate: [ |
||||||
|
{ name: '业务管理', index: '1' }, |
||||||
|
{ name: '业务统计', index: '2' }, |
||||||
|
{ name: '流程效率', index: '3' } |
||||||
|
], |
||||||
|
// 业务管理的顶部选项栏 |
||||||
|
manageTopSidebar: [ |
||||||
|
{ name: '业务申请', index: '1' }, |
||||||
|
{ name: '担保部调查', index: '2' }, |
||||||
|
{ name: '资产部调查', index: '3' }, |
||||||
|
{ name: '信息部调查', index: '4' }, |
||||||
|
{ name: '合规调查', index: '5' }, |
||||||
|
{ name: '工作会', index: '6' }, |
||||||
|
{ name: '贷审会', index: '7' }, |
||||||
|
{ name: '担保函', index: '8' }, |
||||||
|
{ name: '财务确认', index: '9' }, |
||||||
|
{ name: '放款通知', index: '10' } |
||||||
|
], |
||||||
|
} |
||||||
|
}, |
||||||
|
destroyed() { |
||||||
|
}, |
||||||
|
watch:{ |
||||||
|
"$store.state.messageData":function(val,old){// 监听 vuex得数据变化 |
||||||
|
this.topSidebarVal = val.modelId.toString() |
||||||
|
this.showValue = '1' |
||||||
|
// this.$store.commit("guaranteeData", { topSidebarVal: val.modelId.toString() }); |
||||||
|
}, |
||||||
|
showValue:function(val){// 侧边栏 |
||||||
|
sessionStorage.setItem('workbench-guarantee-left-sidebar', val); |
||||||
|
this.$store.commit("loansData", { loans: true }); |
||||||
|
if(this.$route.query.loans)this.$router.push({query:''}) |
||||||
|
sessionStorage.removeItem('flowPath-topsidebar')// 删除团队效率的顶部 |
||||||
|
if(this.showValue!='1') { |
||||||
|
sessionStorage.removeItem('fromCopyTo') // 删除抄送的储存---判断不是业务管理的情况下 |
||||||
|
} |
||||||
|
|
||||||
|
}, |
||||||
|
topSidebarVal:function(val){// 检测顶部值变化记录到vuex |
||||||
|
// this.$store.commit('messageData',{messageData:{modelId:val}}) |
||||||
|
this.$store.commit("guaranteeData", { topSidebarVal:val }); |
||||||
|
} |
||||||
|
}, |
||||||
|
mounted() { |
||||||
|
this.topSidebarVal = this.$store.state.guarantee.topSidebarVal// 读取业务管理顶部栏状态 |
||||||
|
this.topSidebarVal = this.$store.state.messageData.modelId.toString()// 读取快捷处理 |
||||||
|
}, |
||||||
|
created() { |
||||||
|
// 读取侧边栏状态 |
||||||
|
if (sessionStorage.getItem('workbench-guarantee-left-sidebar')) { |
||||||
|
this.showValue = sessionStorage.getItem('workbench-guarantee-left-sidebar'); |
||||||
|
} |
||||||
|
// 流程效率 |
||||||
|
if(sessionStorage.getItem('homeJump')){ |
||||||
|
this.showValue = '3' |
||||||
|
} |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
methods:{ |
||||||
|
// 跳转方法 |
||||||
|
goto(path) { |
||||||
|
this.$router.push('/' + path); |
||||||
|
}, |
||||||
|
// 思路：控制组件的loans，判断loans为true时，则后退到主页 |
||||||
|
// 后退键功能的判断 |
||||||
|
backTo(){ |
||||||
|
if(this.showValue == '2'||this.showValue == '3'){ |
||||||
|
this.goto('workbench') |
||||||
|
}else { |
||||||
|
let val='' |
||||||
|
switch (this.topSidebarVal) { |
||||||
|
case '1': |
||||||
|
val = 'businessApplyDep' |
||||||
|
break; |
||||||
|
case '2': |
||||||
|
val = 'guaranteeDep' |
||||||
|
break; |
||||||
|
case '3': |
||||||
|
val = 'propertyDep' |
||||||
|
break; |
||||||
|
case '4': |
||||||
|
val = 'messageDep' |
||||||
|
break; |
||||||
|
case '5': |
||||||
|
val = 'complianceDep' |
||||||
|
break; |
||||||
|
case '6': |
||||||
|
val = 'workDep' |
||||||
|
break; |
||||||
|
case '7': |
||||||
|
val = "loansDep" |
||||||
|
break; |
||||||
|
case '8': |
||||||
|
val = "letter" |
||||||
|
break; |
||||||
|
case '9': |
||||||
|
val = "payment" |
||||||
|
break; |
||||||
|
case '10': |
||||||
|
val = "notice" |
||||||
|
break; |
||||||
|
default: |
||||||
|
break; |
||||||
|
} |
||||||
|
this.$store.commit("loansData", { loans: true }); |
||||||
|
if(this.$refs[val].loans === true){ |
||||||
|
this.goto('workbench') |
||||||
|
}else{ |
||||||
|
this.$refs[val].loans = true |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
// 侧边栏切换组件状态保存 |
||||||
|
getIndex(index) { |
||||||
|
switch (index) { |
||||||
|
case '1': |
||||||
|
this.topSidebarVal = '1'; |
||||||
|
this.$nextTick(()=>{ |
||||||
|
this.$refs['businessApplyDep'].loans = true |
||||||
|
}) |
||||||
|
// this.loans = true; |
||||||
|
break; |
||||||
|
case '2': |
||||||
|
this.statisticsTopVal = '1' |
||||||
|
break; |
||||||
|
case '3': |
||||||
|
this.flowPathTopVal = '1' |
||||||
|
break; |
||||||
|
} |
||||||
|
if(index){ |
||||||
|
this.showValue = index; |
||||||
|
} |
||||||
|
sessionStorage.removeItem('homeJump') |
||||||
|
// 状态保存 |
||||||
|
// sessionStorage.setItem('workbench-guarantee-left-sidebar', index); |
||||||
|
}, |
||||||
|
// 读取业务管理顶部栏 |
||||||
|
getTopSidebar(index,val) { |
||||||
|
this.topSidebarVal = index; |
||||||
|
sessionStorage.removeItem('fromCopyTo') // 删除抄送的保存值 |
||||||
|
this.$store.commit('messageData',{messageData:{modelId:index}}) |
||||||
|
let str = '' |
||||||
|
switch (this.topSidebarVal) { |
||||||
|
case '1': |
||||||
|
str = 'businessApplyDep' |
||||||
|
break; |
||||||
|
case '2': |
||||||
|
str = 'guaranteeDep' |
||||||
|
break; |
||||||
|
case '3': |
||||||
|
str = 'propertyDep' |
||||||
|
break; |
||||||
|
case '4': |
||||||
|
str = 'messageDep' |
||||||
|
break; |
||||||
|
case '5': |
||||||
|
str = 'complianceDep' |
||||||
|
break; |
||||||
|
case '6': |
||||||
|
str = 'workDep' |
||||||
|
break; |
||||||
|
case '7': |
||||||
|
str = "loansDep" |
||||||
|
break; |
||||||
|
case '8': |
||||||
|
str = "letter" |
||||||
|
break; |
||||||
|
case '9': |
||||||
|
str = "payment" |
||||||
|
break; |
||||||
|
case '10': |
||||||
|
str = "notice" |
||||||
|
break; |
||||||
|
} |
||||||
|
this.$nextTick(()=>{ |
||||||
|
this.$refs[str].loans = true |
||||||
|
this.$refs[str].reload++ |
||||||
|
}) |
||||||
|
this.$store.commit("loansData", { loans: true }); |
||||||
|
// 存储顶部状态 |
||||||
|
this.$store.commit("guaranteeData", { topSidebarVal: this.topSidebarVal }); |
||||||
|
}, |
||||||
|
// 清除其他所有状态保存 |
||||||
|
removeSession() { |
||||||
|
sessionStorage.removeItem('workbench-guarantee-left-sidebar'); |
||||||
|
}, |
||||||
|
|
||||||
|
// 团队效率--流程查看 |
||||||
|
showFlowPath(){ |
||||||
|
this.flowPath = !this.flowPath |
||||||
|
}, |
||||||
|
// 按钮组切换 |
||||||
|
itemRadio(val){ |
||||||
|
}, |
||||||
|
// 转时间错格式 |
||||||
|
formatDayTime(val) { |
||||||
|
if(val) { |
||||||
|
let date = new Date(val) |
||||||
|
let Y = date.getFullYear(); |
||||||
|
let M = date.getMonth() + 1; |
||||||
|
let D = date.getDate(); |
||||||
|
if(M < 10) { |
||||||
|
M = '0' + M; |
||||||
|
} |
||||||
|
if(D < 10) { |
||||||
|
D = '0' + D; |
||||||
|
} |
||||||
|
return Y + '-' + M + '-' + D ; |
||||||
|
} else { |
||||||
|
return ''; |
||||||
|
} |
||||||
|
}, |
||||||
|
// 开始时间和结束时间的处理 |
||||||
|
getDates(date,val,val1){ |
||||||
|
// val,开始时间，val2，结束时间 |
||||||
|
let num = 3600*24*1000 |
||||||
|
if(date!==null){ |
||||||
|
if(date[0]===date[1]){ |
||||||
|
// 这里应该赋值 |
||||||
|
val = this.formatDayTime(date[0]) |
||||||
|
val1 = this.formatDayTime(date[1]+num) |
||||||
|
}else{ |
||||||
|
val = this.formatDayTime(date[0]) |
||||||
|
val1 = this.formatDayTime(date[1]+num) |
||||||
|
} |
||||||
|
}else{ |
||||||
|
val = null |
||||||
|
val1 = null |
||||||
|
} |
||||||
|
}, |
||||||
|
//select选择宽度匹配 |
||||||
|
setMinWidth(val) { |
||||||
|
this.minWidth = val.srcElement.clientWidth; |
||||||
|
}, |
||||||
|
// |
||||||
|
flowMoudle(){ |
||||||
|
sessionStorage.removeItem('workbench-guarantee-flowPath-topsidebar') |
||||||
|
} |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
|
||||||
|
// 在离开当前路由的时候清除状态保存 |
||||||
|
beforeRouteLeave(to, from, next) { |
||||||
|
// 如果跳转退出当前页，清除所有状态保存 |
||||||
|
this.$store.commit("guaranteeData", { topSidebarVal: '1' }); |
||||||
|
this.$store.commit("loansData", { loans:true }); |
||||||
|
|
||||||
|
this.removeSession(); |
||||||
|
next(); |
||||||
|
}, |
||||||
|
destroyed(){} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
<style lang='scss' scoped> |
||||||
|
.main { |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
.main-right { |
||||||
|
width: 90%; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
.search-box { |
||||||
|
height: 60px; |
||||||
|
} |
||||||
|
/deep/ .el-input__inner { |
||||||
|
border-radius: 20px; |
||||||
|
height: 35px !important; |
||||||
|
line-height: 35px; |
||||||
|
} |
||||||
|
.left-sidebar { |
||||||
|
height: 797px; |
||||||
|
} |
||||||
|
.btn-pdt { |
||||||
|
padding-top: 10px; |
||||||
|
} |
||||||
|
.list-box { |
||||||
|
min-height: 37vw; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/.el-form-item__label { |
||||||
|
// width: 170px !important; |
||||||
|
color: #00b9ff; |
||||||
|
} |
||||||
|
.cathet-btn { |
||||||
|
border-radius: 0 25px 25px 0; |
||||||
|
width: 70px; |
||||||
|
padding-left: 3px; |
||||||
|
padding-top: 10px; |
||||||
|
height: 35px; |
||||||
|
margin-left: 0; |
||||||
|
margin-top: 10px; |
||||||
|
border: 0; |
||||||
|
&:hover { |
||||||
|
border: 0; |
||||||
|
background: #fff; |
||||||
|
color: #52b1ff; |
||||||
|
box-shadow: 0 0 5px #e2dfdf; |
||||||
|
} |
||||||
|
} |
||||||
|
.pitch-on-cathet { |
||||||
|
border-radius: 0 25px 25px 0; |
||||||
|
width: 70px; |
||||||
|
padding-left: 3px; |
||||||
|
padding-top: 10px; |
||||||
|
height: 35px; |
||||||
|
margin-left: 0; |
||||||
|
margin-top: 10px; |
||||||
|
border: 0; |
||||||
|
background: #fff; |
||||||
|
color: #52b1ff; |
||||||
|
box-shadow: 1px 0px 0 #e2dfdf, 0px 1px 0 #e2dfdf, 0 -1px 0 #e2dfdf; |
||||||
|
overflow: hidden; |
||||||
|
box-shadow: -1px 0 0px -1px #ccc, /*左边阴影*/ 0 -2px 2px -2px #ccc, /*顶部阴影*/ 0 2px 2px -2px #ccc, /*底部阴影*/ 1px 0 2px 1px #ccc; /*右边阴影*/ |
||||||
|
} |
||||||
|
.cathet-group { |
||||||
|
position: absolute; |
||||||
|
right: -4.8%; |
||||||
|
top: 10%; |
||||||
|
} |
||||||
|
.cathet-apply { |
||||||
|
top: 9%; |
||||||
|
} |
||||||
|
.cathet-click { |
||||||
|
top: 39%; |
||||||
|
} |
||||||
|
.property-box { |
||||||
|
background: #fff; |
||||||
|
} |
||||||
|
.crud-icon { |
||||||
|
width: 35px; |
||||||
|
height: 35px; |
||||||
|
padding: 0; |
||||||
|
border: 0; |
||||||
|
} |
||||||
|
/deep/ .el-input.is-disabled .el-input__inner { |
||||||
|
height: 35px !important; |
||||||
|
} |
||||||
|
|
||||||
|
.profit-box { |
||||||
|
position: relative; |
||||||
|
top: -10px; |
||||||
|
overflow: hidden; |
||||||
|
border-top-left-radius: 0; |
||||||
|
border-top-right-radius: 0; |
||||||
|
border-top-color: transparent; |
||||||
|
} |
||||||
|
|
||||||
|
.accessory-left { |
||||||
|
margin: 20px 0; |
||||||
|
padding-right: 100px; |
||||||
|
width: 33%; |
||||||
|
border-right: 1px solid #f2f2f2; |
||||||
|
/deep/ .el-menu { |
||||||
|
border-right: 0; |
||||||
|
} |
||||||
|
} |
||||||
|
.checkBox-Wrap { |
||||||
|
width: 200px; |
||||||
|
height: 260px; |
||||||
|
background: #fff; |
||||||
|
} |
||||||
|
.checkBox-Img { |
||||||
|
width: 100%; |
||||||
|
height: 160px; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/ .el-checkbox__inner { |
||||||
|
border: 0; |
||||||
|
background: url('../../assets/img/btn_per_un.png') no-repeat center; |
||||||
|
background-size: cover; |
||||||
|
width: 20px; |
||||||
|
height: 20px; |
||||||
|
border-radius: 50%; |
||||||
|
overflow: hidden; |
||||||
|
transition: none; |
||||||
|
} |
||||||
|
/deep/ .el-checkbox__input.is-checked .el-checkbox__inner { |
||||||
|
background-color: transparent; |
||||||
|
transition: none; |
||||||
|
width: 20px; |
||||||
|
height: 20px; |
||||||
|
} |
||||||
|
/deep/.el-checkbox__input.is-checked .el-checkbox__inner::after { |
||||||
|
overflow: hidden; |
||||||
|
content: ''; |
||||||
|
background: transparent; |
||||||
|
background-image: url('../../assets/img/btn_pre.png'); |
||||||
|
|
||||||
|
width: 20px; |
||||||
|
height: 20px; |
||||||
|
border: 0; |
||||||
|
background-size: cover; |
||||||
|
position: absolute; |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
transition: none; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/ .el-dialog__headerbtn .el-dialog__close { |
||||||
|
font-size: 30px; |
||||||
|
color: #666; |
||||||
|
z-index: 999; |
||||||
|
} |
||||||
|
.custom-tree-node { |
||||||
|
flex: 1; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
font-size: 14px; |
||||||
|
padding-right: 10px; |
||||||
|
} |
||||||
|
.custom-tree-node /deep/ .el-checkbox__input.is-checked + .el-checkbox__label { |
||||||
|
color: #fff; |
||||||
|
} |
||||||
|
.tree-close-icon { |
||||||
|
width: 20px; |
||||||
|
height: 20px; |
||||||
|
position: absolute; |
||||||
|
right: -7%; |
||||||
|
top: 19%; |
||||||
|
} |
||||||
|
.flex1 /deep/ .el-date-editor.el-input { |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
.wd32-5 { |
||||||
|
width: 32.5%; |
||||||
|
} |
||||||
|
.flow-path-wrap{ |
||||||
|
/deep/ .el-dialog__header{ |
||||||
|
padding: 25px; |
||||||
|
} |
||||||
|
/deep/ .el-dialog{ |
||||||
|
position: fixed; |
||||||
|
margin-top: 0!important; |
||||||
|
right: 121px; |
||||||
|
top: 260px; |
||||||
|
} |
||||||
|
/deep/ .el-dialog__body{ |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
.status{ |
||||||
|
position: absolute; |
||||||
|
|
||||||
|
bottom:0px; |
||||||
|
right: 30px; |
||||||
|
z-index: 20; |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
.approve-status{ |
||||||
|
width: 90px; |
||||||
|
position: absolute; |
||||||
|
bottom: -45px; |
||||||
|
right: 100px; |
||||||
|
} |
||||||
|
.repeal{ |
||||||
|
width: 50px; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
.flow-path-text{ |
||||||
|
position: absolute; |
||||||
|
top: 15px; |
||||||
|
} |
||||||
|
.head-icon{ |
||||||
|
background: #fff; |
||||||
|
z-index: 10; |
||||||
|
border: 50%; |
||||||
|
width: 50px; |
||||||
|
height: 50px; |
||||||
|
} |
||||||
|
.flow-img{ |
||||||
|
position: absolute; |
||||||
|
top:50%; |
||||||
|
right: 20%; |
||||||
|
|
||||||
|
} |
||||||
|
.long-line{ |
||||||
|
z-index: 0; |
||||||
|
height: 130px; |
||||||
|
width: 0; |
||||||
|
border-left: 5px solid #CCCCCC; |
||||||
|
position: absolute; |
||||||
|
top: 40px; |
||||||
|
left: 53px; |
||||||
|
} |
||||||
|
/deep/ .el-radio-button:last-child .el-radio-button__inner{ |
||||||
|
height: 35px; |
||||||
|
} |
||||||
|
/deep/ .el-radio-button__inner{ |
||||||
|
padding-left: 15px!important; |
||||||
|
padding-right: 15px!important; |
||||||
|
} |
||||||
|
/deep/ .el-radio-button__inner{ |
||||||
|
height: 35px; |
||||||
|
} |
||||||
|
/deep/ .flow .el-radio-button__inner{ |
||||||
|
padding-top: 10px; |
||||||
|
padding-bottom: 10px; |
||||||
|
} |
||||||
|
/deep/ .el-input__icon{ |
||||||
|
line-height: 28px; |
||||||
|
} |
||||||
|
/deep/ .el-date-editor .el-range-separator{ |
||||||
|
width: 20px; |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
.updataBox{ |
||||||
|
min-height: 500px; |
||||||
|
margin-top: 20px; |
||||||
|
} |
||||||
|
/deep/ .el-upload-list{ |
||||||
|
display: flex; |
||||||
|
flex-wrap: wrap; |
||||||
|
} |
||||||
|
/deep/ .el-upload-list__item{ |
||||||
|
margin: 0!important; |
||||||
|
&:first-child{ |
||||||
|
margin: 0!important; |
||||||
|
} |
||||||
|
&:focus{ |
||||||
|
outline: none; |
||||||
|
} |
||||||
|
} |
||||||
|
.item-from{ |
||||||
|
position: relative; |
||||||
|
&::before{ |
||||||
|
content: '*'; |
||||||
|
color: #F56C6C; |
||||||
|
margin-right: 0.25rem; |
||||||
|
position: absolute; |
||||||
|
top: 14%; |
||||||
|
left: 9.2%; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.flow-path-img /deep/ .el-table th.is-leaf, .el-table td{ |
||||||
|
border-bottom: 0; |
||||||
|
} |
||||||
|
.flow-path-img /deep/ .el-table td{ |
||||||
|
border-bottom: 0; |
||||||
|
padding: 3px 0!important; |
||||||
|
} |
||||||
|
.flow-path-img /deep/ .el-table::before{ |
||||||
|
height: 0; |
||||||
|
} |
||||||
|
.flow-path-img /deep/ .el-table .cell{ |
||||||
|
overflow: initial; |
||||||
|
} |
||||||
|
.flow-path-img /deep/ .el-table th{ |
||||||
|
overflow: initial; |
||||||
|
} |
||||||
|
.flow-path-img /deep/ .el-table{ |
||||||
|
overflow: initial; |
||||||
|
} |
||||||
|
.straight-line{ |
||||||
|
border: 1px solid #c6c6c6; |
||||||
|
width: 1px; |
||||||
|
height: 70px; |
||||||
|
position: absolute; |
||||||
|
left: 50%; |
||||||
|
top: -57%; |
||||||
|
transform: translate(-50%,0); |
||||||
|
z-index: 0; |
||||||
|
} |
||||||
|
.head-steaight-line{ |
||||||
|
@extend .straight-line; |
||||||
|
top: 50%; |
||||||
|
} |
||||||
|
.flow{ |
||||||
|
position: relative; |
||||||
|
} |
||||||
|
.flow .text-icon{ |
||||||
|
position: relative; |
||||||
|
z-index: 10; |
||||||
|
border-radius: 50%; |
||||||
|
background: #fff; |
||||||
|
width: 20px; |
||||||
|
height: 20px; |
||||||
|
border: 1px solid #c6c6c6; |
||||||
|
line-height: 20px; |
||||||
|
} |
||||||
|
.delete { |
||||||
|
text-align: center; |
||||||
|
img { |
||||||
|
width: 140px; |
||||||
|
height: 188px; |
||||||
|
} |
||||||
|
} |
||||||
|
.fileIframe{ |
||||||
|
z-index: 1; |
||||||
|
position: absolute; |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
bottom: 0; |
||||||
|
right: 0; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
.el-image-viewer__wrapper{ |
||||||
|
transform: translateY(-10px); |
||||||
|
transition: transform .5s; |
||||||
|
&.active{ |
||||||
|
transform: translateY(0) |
||||||
|
} |
||||||
|
} |
||||||
|
.el-image-viewer__close{ |
||||||
|
z-index: 2; |
||||||
|
top: 15px; |
||||||
|
right: 15px; |
||||||
|
} |
||||||
|
.listflow-box{ |
||||||
|
height: 70px; |
||||||
|
position: relative; |
||||||
|
} |
||||||
|
.listflow-img{ |
||||||
|
position: absolute; |
||||||
|
z-index: 9; |
||||||
|
top: 50%; |
||||||
|
margin: auto; |
||||||
|
transform: translate(-50%, -50%); |
||||||
|
left: 50%; |
||||||
|
} |
||||||
|
.listFlow-straight-line{ |
||||||
|
|
||||||
|
border-radius: 3px; |
||||||
|
border-right: 0; |
||||||
|
border-top: 0; |
||||||
|
border-bottom: 0; |
||||||
|
width: 1px; |
||||||
|
height:78px; |
||||||
|
position: absolute; |
||||||
|
left:6.8%; |
||||||
|
top: 31%; |
||||||
|
z-index: 10; |
||||||
|
} |
||||||
|
.flowList-btn{ |
||||||
|
border: 0; |
||||||
|
box-shadow: 0 0 9px #ccc; |
||||||
|
&:hover{ |
||||||
|
background: #fff; |
||||||
|
} |
||||||
|
} |
||||||
|
.up-img-box{ |
||||||
|
position: relative; |
||||||
|
height: 250px; |
||||||
|
width: 250px; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
flex-direction: column; |
||||||
|
overflow: hidden; |
||||||
|
.img{ |
||||||
|
margin-top: 20px; |
||||||
|
height: 150px; |
||||||
|
width: 200px; |
||||||
|
} |
||||||
|
p{ |
||||||
|
width: 95%; |
||||||
|
overflow: hidden; |
||||||
|
white-space: nowrap; |
||||||
|
text-overflow: ellipsis; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.checkbox{ |
||||||
|
width: 25px; |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
.close-img{ |
||||||
|
position: absolute; |
||||||
|
top:3.5%; |
||||||
|
right: 5%; |
||||||
|
width: 25px; |
||||||
|
height: 25px; |
||||||
|
background: url('../../assets/img/flowNoChecked.png') no-repeat center; |
||||||
|
background-size: 22px; |
||||||
|
cursor: pointer; |
||||||
|
&:hover{ |
||||||
|
background-size: 24px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
/deep/ .el-checkbox__label{ |
||||||
|
display: inline-flex; |
||||||
|
} |
||||||
|
.flex-align-center /deep/ .el-upload-list__item{ |
||||||
|
width: auto; |
||||||
|
} |
||||||
|
.show-img-url{ |
||||||
|
width: auto; |
||||||
|
transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); |
||||||
|
font-size: 0.875rem; |
||||||
|
color: #606266; |
||||||
|
line-height: 1.8; |
||||||
|
position: relative; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
background: #fff; |
||||||
|
box-sizing: border-box; |
||||||
|
border-radius: 0.25rem; |
||||||
|
border: 0; |
||||||
|
cursor: pointer; |
||||||
|
transition: color .3s; |
||||||
|
white-space: nowrap; |
||||||
|
margin-right: 10px; |
||||||
|
|
||||||
|
a{ |
||||||
|
color: #606266; |
||||||
|
overflow: hidden; |
||||||
|
padding-left: 0.25rem; |
||||||
|
text-overflow: ellipsis; |
||||||
|
-webkit-transition: color .3s; |
||||||
|
transition: color .3s; |
||||||
|
white-space: nowrap; |
||||||
|
&:hover{ |
||||||
|
// background: chartreuse!important; |
||||||
|
color: #2d8cf0!important; |
||||||
|
-webkit-transition: color .2s ease!important; |
||||||
|
transition: color .2s ease!important; |
||||||
|
} |
||||||
|
} |
||||||
|
&:hover{ |
||||||
|
background-color: #F5F7FA; |
||||||
|
} |
||||||
|
} |
||||||
|
.column-selected{ |
||||||
|
min-height: 60px; |
||||||
|
} |
||||||
|
.row-class{ |
||||||
|
margin-top: 5px; |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
align-items: center; |
||||||
|
border-radius: 10px; |
||||||
|
padding: 4px 0; |
||||||
|
&:hover{ |
||||||
|
width: 91%; |
||||||
|
background: #F5F7FA; |
||||||
|
} |
||||||
|
.text-icon{ |
||||||
|
width: 20px; |
||||||
|
height: 20px; |
||||||
|
&:hover{ |
||||||
|
background: #ccc; |
||||||
|
border-radius: 50%; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.judge /deep/ .el-card__body{ |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
flex-wrap: wrap; |
||||||
|
} |
||||||
|
.guarantee-Text-wd{ |
||||||
|
width: 180px; |
||||||
|
} |
||||||
|
@page{//清除打印时的页眉页脚--通过margin挤掉 |
||||||
|
size: auto A4 landscape;//设置打印规定的纸张大小 |
||||||
|
margin: 1mm 1cm 1mm; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
.print{ |
||||||
|
margin-top: 180px; |
||||||
|
} |
||||||
|
.print-btn{ |
||||||
|
position:absolute; |
||||||
|
right:0; |
||||||
|
top: 15px; |
||||||
|
} |
||||||
|
p{ |
||||||
|
margin-bottom: 0; |
||||||
|
} |
||||||
|
</style> |
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,128 @@ |
|||||||
|
<template> |
||||||
|
<div class="bgw"> |
||||||
|
<router-view></router-view> |
||||||
|
<div class="container_bg" :class="url?'dn':''"> |
||||||
|
<div class="flex-center pdt40 border-b pdb30" > |
||||||
|
<img src="../../assets/img/Basics-icon.png" alt class="mgr10 icon-size" /> |
||||||
|
<p class="fz-16">基础应用</p> |
||||||
|
</div> |
||||||
|
<div class="flex-center"> |
||||||
|
<!-- v-if="$router.currentRoute.meta.btn.includes('人力资源管理系统')" --> |
||||||
|
<div class="card mgr40 manpower" @click="goto('workbench-manpower')"> |
||||||
|
</div> |
||||||
|
<div v-if="$router.currentRoute.meta.btn.includes('客户资源管理系统')" class="card client" @click="goto('workbench-client')"> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div v-if="$router.currentRoute.meta.btn.includes('担保业务管理系统') || $router.currentRoute.meta.btn.includes('保后业务管理系统')"> |
||||||
|
<div class="flex-center pdt40 border-b pdb30"> |
||||||
|
<img src="../../assets/img/Business-icon.png" alt class="mgr10 icon-size" /> |
||||||
|
<p class="fz-16">业务应用</p> |
||||||
|
</div> |
||||||
|
<div class="flex-center"> |
||||||
|
<div v-if="$router.currentRoute.meta.btn.includes('担保业务管理系统')" class="card mgr40 guarantee mrb30" @click="goto('workbench-guarantee')"></div> |
||||||
|
<div v-if="$router.currentRoute.meta.btn.includes('保后业务管理系统')" class="card after-guarantee mrb30" @click="goto('afterLoan')"></div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data(){ |
||||||
|
return{ |
||||||
|
url:false, |
||||||
|
|
||||||
|
} |
||||||
|
}, |
||||||
|
watch:{ |
||||||
|
}, |
||||||
|
created(){ |
||||||
|
if(this.$route.query.token){ |
||||||
|
sessionStorage.setItem("token",this.$route.query.token) |
||||||
|
if(this.$route.query.account){ |
||||||
|
if(this.$route.query.headerImg){ |
||||||
|
this.$store.commit("userNameData", { userName: this.$route.query.account,headerImg: this.changePercent(this.$route.query.headerImg) }); |
||||||
|
}else{ |
||||||
|
this.$store.commit("userNameData", { userName: this.$route.query.account }); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
}, |
||||||
|
mounted(){ |
||||||
|
if(this.$route.fullPath!=='/workbench')this.url = true |
||||||
|
}, |
||||||
|
methods:{ |
||||||
|
// 跳转方法,传一个字符串地址 |
||||||
|
goto(path) { |
||||||
|
this.$router.push('/' + path); |
||||||
|
} |
||||||
|
}, |
||||||
|
beforeRouteUpdate:function(to,from,next){ |
||||||
|
if(to.path!=='/workbench')this.url = true |
||||||
|
else this.url = false |
||||||
|
next() |
||||||
|
}, |
||||||
|
// 删除%转换成/ |
||||||
|
changePercent(str){ |
||||||
|
return str.replace(/%2F/g,'/').replace(/%3A/g,':') |
||||||
|
}, |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
@import url('../../assets/css/common.scss'); |
||||||
|
.Workbench{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
.dn{ |
||||||
|
display: none; |
||||||
|
} |
||||||
|
.icon{ |
||||||
|
width: 20px; |
||||||
|
} |
||||||
|
|
||||||
|
.manpower { |
||||||
|
background: url('../../assets/img/work-man.png') no-repeat; |
||||||
|
background-size: 100%; |
||||||
|
position: relative; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
|
||||||
|
.span-text { |
||||||
|
position: absolute; |
||||||
|
top: 50%; |
||||||
|
transform: translate(0, -50%); |
||||||
|
left: 20%; |
||||||
|
width: 130px; |
||||||
|
font-size: 30px; |
||||||
|
word-break: break-all; |
||||||
|
} |
||||||
|
.guarantee { |
||||||
|
background: url('../../assets/img/work-guarantee.png') no-repeat; |
||||||
|
background-size: 100%; |
||||||
|
position: relative; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
.after-guarantee { |
||||||
|
background: url('../../assets/img/work-afterLoans.png') no-repeat; |
||||||
|
background-size: 100%; |
||||||
|
position: relative; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
.client { |
||||||
|
background: url('../../assets/img/work-client.png') no-repeat; |
||||||
|
background-size: 100%; |
||||||
|
position: relative; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
.card { |
||||||
|
width: 480px; |
||||||
|
height: 250px; |
||||||
|
margin-top: 30px; |
||||||
|
} |
||||||
|
</style> |
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,365 @@ |
|||||||
|
<template> |
||||||
|
<div class="container_bg"> |
||||||
|
<div class="border-b flex-between ht50"> |
||||||
|
<div class="flex-center"> |
||||||
|
<img src="../../assets/img/icon-guarantee.png" alt="人力资源管理" class="manpower-icon mgr10" /> |
||||||
|
<p class="fz-18 c-black">后台担保业务管理系统</p> |
||||||
|
</div> |
||||||
|
<!-- 这是一个后退按钮组件 --> |
||||||
|
<back @click.native="goto('background')"></back> |
||||||
|
</div> |
||||||
|
<div class="self main mgt20 df"> |
||||||
|
<!-- 侧边栏 --> |
||||||
|
<leftSidebar :title="leftDate" @getSidebarVal="getIndex" :pitchOn="showValue"></leftSidebar> |
||||||
|
<div class="main-right mgl20 self shadow radius10"> |
||||||
|
<div v-if="showValue == '1'"> |
||||||
|
<div class="mgt20 left-border fz-16"><p class="c-black mgl10">担保业务管理</p></div> |
||||||
|
<div class="mgt20 pdb20"> |
||||||
|
<div class="flex-align-center guarantee-row shadow radius10 mgt20" v-for="(item,index) in moudlesList" :key="index"> |
||||||
|
<div class="wd20 mgl20"> |
||||||
|
<el-tooltip class="item" effect="dark" :content="item.approvalInstructions" placement="top"> |
||||||
|
<img @click="seeImg(item.iconImg)" :src="item.iconImg" alt="" class="mgr10 radius10" width="40px" height="40px"> |
||||||
|
</el-tooltip> |
||||||
|
{{item.approvalName}} |
||||||
|
</div> |
||||||
|
<span class="wd30">最后更新: {{item.updateTime}}</span> |
||||||
|
<div class="wd30 flex-between" > |
||||||
|
<el-button @click="iconSet(item)" type="text">图标设置</el-button> |
||||||
|
<el-button @click="surveyPop(item)" type="text">可见范围</el-button> |
||||||
|
<el-button class="mgr20" type="text" @click="jumpToFrom(item.approvalName)">编辑</el-button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div v-if="showValue == '2'"> |
||||||
|
<systemLog></systemLog> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<!-- 图标 --> |
||||||
|
<el-dialog :visible.sync="showPop" width="30%" style="margin-top:-7vh"> |
||||||
|
<div class=" tx-center"> |
||||||
|
<div class="pop-top container_bg fj-center border-b"> |
||||||
|
<strong class="mgb20 fz-18">{{iconData.approvalName}}图标设置</strong> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="container_bg"> |
||||||
|
<div class="mgt20 left-border fz-16"><p class="c-black mgl10">流程说明</p></div> |
||||||
|
<div class="mgt20 shadow radius pdlr20 pdtb20"> |
||||||
|
<el-input type="textarea" v-model="iconData.approvalInstructions"></el-input> |
||||||
|
<div class="df-jc df tx-center"> |
||||||
|
<div class="triangle"></div> |
||||||
|
</div> |
||||||
|
<div class="df-jc df tx-center"> |
||||||
|
<img :src="changeIcon?changeIcon:iconData.iconImg" class="radius10" width="40px" height="40px"> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="mgt20 left-border fz-16"><p class="c-black mgl10">图标修改</p></div> |
||||||
|
<div class="mgt20 shadow radius10 flex-between"> |
||||||
|
<div class="mgtb20 mgl20 flex-align-center"> |
||||||
|
<div class="df"> |
||||||
|
<p>原图标：</p> |
||||||
|
<img :src="changeIcon?changeIcon:iconData.iconImg" class="mgt30 radius10" width="70px" height="70px" alt=""> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<el-upload |
||||||
|
class="flex-align-center" |
||||||
|
style="flex-wrap:wrap" |
||||||
|
ref="file" |
||||||
|
:action="uploadUrl" |
||||||
|
:on-success="(response,file,fileList)=>upDataFile(response, file, fileList)" |
||||||
|
accept=".jpg,.jpeg,.png,.svg,.bmp,.BMP,.SVG,.JPG,.JPEG,.PBG" |
||||||
|
:file-list="fileList" |
||||||
|
:headers="uploadHeaders" |
||||||
|
:auto-upload="true"> |
||||||
|
<!-- <el-button slot="trigger" size="small" type="primary" class="mgr20" >上传文件</el-button> --> |
||||||
|
<el-button type="primary" round class="upIcon mgt50 mgr30">上传图标</el-button> |
||||||
|
</el-upload> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="fj-center mgt30"> |
||||||
|
<Sure_btn v-preventReClick @click.native="updateProcessManage()"></Sure_btn> |
||||||
|
<Cancel_btn @click.native="showPop=false"></Cancel_btn> |
||||||
|
</div> |
||||||
|
</el-dialog> |
||||||
|
<!-- 模板范围 --> |
||||||
|
<el-dialog :visible.sync="survey" width="70%" style="margin-top: -7vh"> |
||||||
|
<div class="pop-top container_bg fj-center border-b"> |
||||||
|
<strong class="mgb20 fz-18">以下部门和人员可以看到审批模板</strong> |
||||||
|
</div> |
||||||
|
<div class="container_bg "> |
||||||
|
<div class="mgt20 left-border fz-16"><p class="c-black mgl10">选择人员</p></div> |
||||||
|
<treeSelect |
||||||
|
class="mgl20" |
||||||
|
:data="treesData" |
||||||
|
:column="false" |
||||||
|
:clear="clearNodeArr" |
||||||
|
@getNodeArr="assetDesignateCnode" |
||||||
|
:selectMore="false" |
||||||
|
:text="true" |
||||||
|
:checkedAudit="true" |
||||||
|
:checkedData="checkedData" |
||||||
|
@changeChecked="changeChecked" |
||||||
|
:sManagerArr ='sManagerArr' |
||||||
|
></treeSelect> |
||||||
|
</div> |
||||||
|
<div class="fj-center mgt60" > |
||||||
|
<sure_btn @click.native="updateUserVisual()"></sure_btn> |
||||||
|
<cancel_btn @click.native="survey=false"></Cancel_btn> |
||||||
|
</div> |
||||||
|
</el-dialog> |
||||||
|
<el-dialog :visible.sync="showPreviewImg" style="margin-top:-7vh"> |
||||||
|
<div class=" tx-center"> |
||||||
|
<img :src="previewImg" class="el-image-viewer__img" style="transform: scale(1) rotate(0deg);margin-top: -1px; max-height: 100%; max-width: 100%;"> |
||||||
|
</div> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
import leftSidebar from '../common/left-sidebar'; |
||||||
|
import axios from 'axios'; |
||||||
|
import { superManager,processManageList , updateProcessManage , designateEmpTrees , updateUserVisual,processVisualList} from '../../utils/api' |
||||||
|
|
||||||
|
export default { |
||||||
|
components: { |
||||||
|
leftSidebar, |
||||||
|
}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
uploadUrl:axios.defaults.baseURL+'/api-guarantee/dg-apply-amount-info/uploadFile', |
||||||
|
fileList:[], |
||||||
|
uploadHeaders:{token:sessionStorage.getItem('token')||localStorage.getItem('token')},//上传带token |
||||||
|
showPop:false, |
||||||
|
leftDate:[ |
||||||
|
{ name: '流程管理', index: '1' }, |
||||||
|
{ name: '操作日志', index: '2' } |
||||||
|
], |
||||||
|
showValue: '1', // 侧边栏的值 |
||||||
|
iconMessage:'', |
||||||
|
iconData:{},// 修改图片时的data |
||||||
|
beforeIcom:'',// 原本icon |
||||||
|
changeIcon:'',// 上传icon后，覆盖展示 |
||||||
|
defaultIcon:require('../../assets/img/money-icon.png'),// 默认图片 |
||||||
|
survey:false,//指派弹框 |
||||||
|
moudlesList:[],// 选择模块列表 |
||||||
|
treesData:[], |
||||||
|
clearNodeArr:false, |
||||||
|
checkedData:[],// 已选中的值--不仅ids |
||||||
|
showPreviewImg:false,//预览图片弹框 |
||||||
|
previewImg:'', |
||||||
|
nowIDS:[],//当前选中的ids |
||||||
|
sManagerArr:[],// 超管数组 |
||||||
|
|
||||||
|
}; |
||||||
|
}, |
||||||
|
watch:{ |
||||||
|
showPop:function(now,before){ |
||||||
|
if(!now){ |
||||||
|
this.iconData = {} |
||||||
|
this.changeIcon = '' |
||||||
|
} |
||||||
|
}, |
||||||
|
survey:function(now,before){ |
||||||
|
if(now){ |
||||||
|
this.designateEmpTrees() |
||||||
|
|
||||||
|
}else{ |
||||||
|
this.clearNodeArr = true |
||||||
|
this.$nextTick(()=>{ |
||||||
|
this.clearNodeArr = false |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
created(){ |
||||||
|
this.processManageList() |
||||||
|
this.superManager()// 超管 |
||||||
|
}, |
||||||
|
methods:{ |
||||||
|
// 超管角色ID数据，避免删除用 |
||||||
|
superManager(){ |
||||||
|
superManager().then(res=>{ |
||||||
|
this.sManagerArr = res.data |
||||||
|
}).catch(err=>{ |
||||||
|
}) |
||||||
|
}, |
||||||
|
goto(path) { |
||||||
|
this.$router.push('/' + path); |
||||||
|
}, |
||||||
|
jumpToFrom(val){ |
||||||
|
let path = '' |
||||||
|
switch (val) { |
||||||
|
case "业务申请": |
||||||
|
path = '/applyDesign' |
||||||
|
break; |
||||||
|
case "担保部调查": |
||||||
|
path = '/guaranteeDesign' |
||||||
|
break; |
||||||
|
case "资产部调查": |
||||||
|
path = '/assetDesign' |
||||||
|
break; |
||||||
|
case "信息部调查": |
||||||
|
path = '/messageDesign' |
||||||
|
break; |
||||||
|
case "合规调查": |
||||||
|
path = '/complianceDesign' |
||||||
|
break; |
||||||
|
case "工作会": |
||||||
|
path = '/workDesign' |
||||||
|
break; |
||||||
|
case "贷审会": |
||||||
|
path = '/loansDepartDesign' |
||||||
|
break; |
||||||
|
case "担保函": |
||||||
|
path = '/letterDesign' |
||||||
|
break; |
||||||
|
case "财务确认": |
||||||
|
path = '/paymentDesign' |
||||||
|
break; |
||||||
|
case "放款通知": |
||||||
|
path = '/noticeDesign' |
||||||
|
break; |
||||||
|
} |
||||||
|
if(path) this.$router.push(path); |
||||||
|
}, |
||||||
|
// 侧边栏切换组件状态保存 |
||||||
|
getIndex(index) { |
||||||
|
if(index){ |
||||||
|
this.showValue = index; |
||||||
|
} |
||||||
|
// // 状态保存 |
||||||
|
// sessionStorage.setItem('workbench-guarantee-left-sidebar', index); |
||||||
|
}, |
||||||
|
iconSet(data){ // 设置图片弹框 |
||||||
|
this.iconData = data |
||||||
|
this.showPop = true |
||||||
|
this.changeIcon = data.iconImg |
||||||
|
}, |
||||||
|
upDataFile(response,file,fileList){// 上传 |
||||||
|
this.$message(response.message) |
||||||
|
if(fileList.length>=1){ |
||||||
|
fileList.splice(0,1) |
||||||
|
} |
||||||
|
if(response.success){ |
||||||
|
this.changeIcon = response.data[0] |
||||||
|
} |
||||||
|
}, |
||||||
|
surveyPop(data){// 选择修改的弹框 |
||||||
|
this.iconData = data |
||||||
|
this.survey = true |
||||||
|
|
||||||
|
}, |
||||||
|
compare(key){ // 用于对象数组排序 |
||||||
|
return function(value1,value2){ |
||||||
|
let val1=value1[key]; |
||||||
|
let val2=value2[key]; |
||||||
|
return val1-val2; |
||||||
|
} |
||||||
|
}, |
||||||
|
processManageList(){// 模块列表 |
||||||
|
processManageList().then(res=>{ |
||||||
|
this.moudlesList = [] |
||||||
|
if(res.data&&res.data.length!==0){ |
||||||
|
this.moudlesList = res.data.sort(this.compare('id')) |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
updateProcessManage(){// 修改图片 |
||||||
|
updateProcessManage({ |
||||||
|
approvalInstructions:this.iconData.approvalInstructions, |
||||||
|
iconImg:this.changeIcon, |
||||||
|
id:this.iconData.id, |
||||||
|
}).then(res=>{ |
||||||
|
this.changeIcon = '' |
||||||
|
this.showPop = false |
||||||
|
this.processManageList() |
||||||
|
}) |
||||||
|
}, |
||||||
|
assetDesignateCnode(val){// 选中树的值 |
||||||
|
this.nowIDS = [] |
||||||
|
this.nowIDS = val.map(e=>{ |
||||||
|
return e.id |
||||||
|
}) |
||||||
|
}, |
||||||
|
designateEmpTrees(){// 树数据 |
||||||
|
designateEmpTrees().then(res=>{ |
||||||
|
this.treesData = res.data |
||||||
|
this.processVisualList(this.iconData.id) |
||||||
|
}) |
||||||
|
}, |
||||||
|
updateUserVisual(){// 选择可见范围--确定 |
||||||
|
// 确定时，把两个数组整合 |
||||||
|
let checkedIDs = [] |
||||||
|
if(this.checkedData){ |
||||||
|
checkedIDs = this.checkedData.map(e=>{return e.id}) |
||||||
|
} |
||||||
|
let ids = [...new Set([...checkedIDs,...this.nowIDS])] |
||||||
|
updateUserVisual({ |
||||||
|
id:this.iconData.id, |
||||||
|
ids:ids |
||||||
|
}).then(res=>{ |
||||||
|
if(res.code===10000){ |
||||||
|
this.survey = false |
||||||
|
this.processManageList() |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
processVisualList(id){// 查询可见范围 |
||||||
|
processVisualList({id:id}).then(res=>{ |
||||||
|
this.checkedData = res.data |
||||||
|
}) |
||||||
|
}, |
||||||
|
// 点击图片进行预览 |
||||||
|
seeImg(url){ |
||||||
|
let len = url.length,type = url.substring(len-4,len) |
||||||
|
// 检查后四位，进行格式匹配 |
||||||
|
if(['.jpg','jpeg','.png','.gif','.svg','.psd'].includes(type.toLowerCase())){ |
||||||
|
this.showPreviewImg = true |
||||||
|
this.previewImg=url |
||||||
|
}else if('.pdf'.includes(type.toLowerCase())){ |
||||||
|
window.open(url) |
||||||
|
}else{ |
||||||
|
window.open('https://view.officeapps.live.com/op/view.aspx?src='+url) |
||||||
|
} |
||||||
|
}, |
||||||
|
changeChecked(val){// 接受选择树，变更的选中过的值 |
||||||
|
this.checkedData = val |
||||||
|
} |
||||||
|
}, |
||||||
|
destroyed(){} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
<style lang='scss' scoped> |
||||||
|
.main { |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
.main-right { |
||||||
|
width: 90%; |
||||||
|
min-height: 797px; |
||||||
|
padding: 0 20px; |
||||||
|
} |
||||||
|
.left-sidebar { |
||||||
|
height: 797px; |
||||||
|
} |
||||||
|
.guarantee-row{ |
||||||
|
height: 80px; |
||||||
|
// line-height: 80px; |
||||||
|
justify-content: space-between; |
||||||
|
border-top: 1px solid #EBEEF5; |
||||||
|
border-bottom: 1px solid #EBEEF5; |
||||||
|
} |
||||||
|
.triangle{ |
||||||
|
border: 15px solid blue; |
||||||
|
height: 0; |
||||||
|
width: 0; |
||||||
|
border-color: #e6e6e6 transparent transparent; |
||||||
|
} |
||||||
|
/deep/ .el-upload-list{ |
||||||
|
display: none; |
||||||
|
} |
||||||
|
/deep/ .el-input__inner { |
||||||
|
border-radius: 20px; |
||||||
|
height: 35px !important; |
||||||
|
line-height: 35px; |
||||||
|
} |
||||||
|
</style> |
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,84 @@ |
|||||||
|
<template> |
||||||
|
<div class="home_view"> |
||||||
|
<div class="homeback"> |
||||||
|
<div class="homeHeader flex-between"> |
||||||
|
<div class="logo flex-center"> |
||||||
|
<!-- 非凡 --> |
||||||
|
<!-- <img src="../../assets/img/ff-icon.png" class="ff-icon"> --> |
||||||
|
<!-- 大庆 --> |
||||||
|
<img src="../../assets/img/logo.png"> |
||||||
|
<span>智慧金融管理平台</span> |
||||||
|
</div> |
||||||
|
<span class="aboutUs">关于我们</span> |
||||||
|
</div> |
||||||
|
<div class="homeLogin"> |
||||||
|
<el-button @click="tologin">登录</el-button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<Foot></Foot> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
methods:{ |
||||||
|
tologin(){ |
||||||
|
this.$router.push('login') |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.home_view{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
.homeback{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
overflow:hidden; |
||||||
|
// background: url('../../assets/img/login-bg.jpg'); |
||||||
|
background: url('https://www.feifanhitech.com/enclosureFile/42965894b3304076login-bg.jpg');// 大庆 |
||||||
|
// background: url('https://www.huorantech.cn/enclosureFile/33b4c87c7e424d34background.png');// 非凡 |
||||||
|
background-size: 100% 100%; |
||||||
|
position: relative; |
||||||
|
.homeHeader{ |
||||||
|
width: 100%; |
||||||
|
height: 60px; |
||||||
|
position: absolute; |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
color: #fff; |
||||||
|
.logo{ |
||||||
|
margin-left: 140px; |
||||||
|
img{ |
||||||
|
// 非凡需要注释掉宽高 |
||||||
|
width: 45px; |
||||||
|
height: 34px; |
||||||
|
margin-right: 9px; |
||||||
|
} |
||||||
|
} |
||||||
|
.aboutUs{ |
||||||
|
margin-right: 140px; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
} |
||||||
|
.homeLogin{ |
||||||
|
position: absolute; |
||||||
|
bottom: 100px; |
||||||
|
left: 50%; |
||||||
|
transform: translate(-50%,0); |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.homeLogin /deep/ .el-button{ |
||||||
|
padding: 10px 70px; |
||||||
|
color: #fff; |
||||||
|
font-size: 20px; |
||||||
|
background-color: rgba(255,255,255,.6); |
||||||
|
border-radius: 8px; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,305 @@ |
|||||||
|
<template> |
||||||
|
<div class="home_view"> |
||||||
|
<div class="homeback"> |
||||||
|
<div class="homeHeader flex-between"> |
||||||
|
<div class="logo flex-center"> |
||||||
|
<img src="../../assets/img/logo.png"> |
||||||
|
<span>智慧金融管理平台</span> |
||||||
|
</div> |
||||||
|
<span class="aboutUs">关于我们</span> |
||||||
|
</div> |
||||||
|
<!-- 登录card --> |
||||||
|
<div class="Login_view"> |
||||||
|
<div class="flex-between login_title self"> |
||||||
|
<span>绑定手机号码</span> |
||||||
|
<p class="topTips">应《中华人民共和国网络安全法》要求，为了更好保障您的账号安全，请您绑定手机号码</p> |
||||||
|
<router-link :to="{path:'homepage'}"> |
||||||
|
<i class="el-icon-close"></i> |
||||||
|
</router-link> |
||||||
|
</div> |
||||||
|
<el-form :model="param" :rules="rules" ref="param" label-width="0px" class="login_form"> |
||||||
|
<el-form-item prop="phoneAccount"> |
||||||
|
<p>请输入手机号</p> |
||||||
|
<el-input @change="phoneExist()" v-model="param.phoneAccount" placeholder="请输入手机号" maxlength="11"></el-input> |
||||||
|
<!-- <p>该手机号不存在</p> --> |
||||||
|
</el-form-item> |
||||||
|
|
||||||
|
<el-form-item prop="code" class="item_password"> |
||||||
|
<p>请输入验证码</p> |
||||||
|
<div class="wd100 flex-between authBtn"> |
||||||
|
<el-input |
||||||
|
class="wd60" |
||||||
|
type="text" |
||||||
|
maxlength="20" |
||||||
|
placeholder="请输入验证码" |
||||||
|
v-model="param.code" |
||||||
|
@keyup.enter.native="submitForm('param')" |
||||||
|
></el-input> |
||||||
|
<el-button :disabled='disabled' class="wd30" type="primary" round @click="countDown">{{content}}</el-button> |
||||||
|
</div> |
||||||
|
<!-- <p>验证码错误</p> --> |
||||||
|
</el-form-item> |
||||||
|
|
||||||
|
<div class="login-btn"> |
||||||
|
<el-button type="primary" round @click="submitForm('param')">绑定</el-button> |
||||||
|
</div> |
||||||
|
<div class="login-btn mgt20"> |
||||||
|
<el-button class="white-btn" round @click="goto('homepage')">暂不绑定</el-button> |
||||||
|
</div> |
||||||
|
|
||||||
|
</el-form> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<Foot></Foot> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { bindPhone,phoneAuthCord,phoneExist,login } from '../../utils/api'; |
||||||
|
import axios from 'axios'; |
||||||
|
import qs from 'qs' |
||||||
|
// import wxlogin from 'vue-wxlogin' |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
param: { |
||||||
|
phoneAccount: '', |
||||||
|
wechatId:"oigWd6qkiI5ttDQDLqz2E9M88F78", |
||||||
|
code: '' |
||||||
|
}, |
||||||
|
rules: { |
||||||
|
phoneAccount: [ |
||||||
|
{ required: true, message: '请输入手机号', trigger: 'blur' }, |
||||||
|
{ |
||||||
|
pattern: /^1[3456789]\d{9}$/, |
||||||
|
message: '请输入正确的手机号', |
||||||
|
// trigger: 'blur' |
||||||
|
} |
||||||
|
], |
||||||
|
code: [{ required: true, message: '请输入验证码', trigger: 'blur' }] |
||||||
|
}, |
||||||
|
cardType: 1, //1：首页登录，2：找回密码 |
||||||
|
checked: false, |
||||||
|
tenDayEffective: 2, |
||||||
|
loginType: 1,//1为手机号，2为微信登录 |
||||||
|
|
||||||
|
disabled:true, |
||||||
|
|
||||||
|
content: '发送验证码', |
||||||
|
totalTime: 60, |
||||||
|
canClick: true //添加canClick |
||||||
|
}; |
||||||
|
}, |
||||||
|
methods:{ |
||||||
|
goto(val){ |
||||||
|
this.$router.push(val) |
||||||
|
}, |
||||||
|
// 绑定按钮 |
||||||
|
submitForm(param) { |
||||||
|
this.param.wechatId = this.$route.query.matched |
||||||
|
this.$refs.param.validate(valid => { |
||||||
|
if (valid) { |
||||||
|
bindPhone( |
||||||
|
this.param |
||||||
|
).then(res => { |
||||||
|
// 判断是否成功 |
||||||
|
if(res.code===10000){ |
||||||
|
// 绑定成功，调登录接口，直接登录 |
||||||
|
login({ |
||||||
|
phone: res.data.phone, |
||||||
|
type: res.data.type, |
||||||
|
wechatId: res.data.wechatId, |
||||||
|
tenDayEffective: res.data.tenDayEffective |
||||||
|
}).then(res1 => { |
||||||
|
|
||||||
|
sessionStorage.setItem("token",res1.data.token); |
||||||
|
this.$store.commit("userNameData", { userName: res1.data.account, userPhone: this.param.username }); |
||||||
|
this.$router.push('/Dashboard') |
||||||
|
}).catch(res => {}); |
||||||
|
} |
||||||
|
}).catch(res => { |
||||||
|
this.$message.warning(res.message) |
||||||
|
}); |
||||||
|
} |
||||||
|
}); |
||||||
|
}, |
||||||
|
// 判断手机是否存在 |
||||||
|
async phoneExist(){ |
||||||
|
if(this.param.phoneAccount.length===11){ |
||||||
|
// 删除token，在后面添加 |
||||||
|
sessionStorage.removeItem("token"); |
||||||
|
let res = await phoneExist({mobile:this.param.phoneAccount}) |
||||||
|
if(res.code===10000){ |
||||||
|
this.disabled = false |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
// 验证码 |
||||||
|
async verificationCode(){ |
||||||
|
let res = await phoneAuthCord({mobile:this.param.phoneAccount}) |
||||||
|
if(res.code ===10000){ |
||||||
|
this.$message.success(res.message) |
||||||
|
} |
||||||
|
}, |
||||||
|
// 验证码 手机倒计时效果 |
||||||
|
countDown () { |
||||||
|
if(this.disabled === false){ |
||||||
|
if (!this.canClick) return //改动的是这两行代码 |
||||||
|
this.verificationCode() |
||||||
|
this.canClick = false |
||||||
|
this.content = this.totalTime + 's后重新发送' |
||||||
|
let clock = window.setInterval(() => { |
||||||
|
this.totalTime-- |
||||||
|
this.content = this.totalTime + 's后重新发送' |
||||||
|
if (this.totalTime < 0) { |
||||||
|
window.clearInterval(clock) |
||||||
|
this.content = '重新发送验证码' |
||||||
|
this.totalTime = 60 |
||||||
|
this.canClick = true //这里重新开启 |
||||||
|
} |
||||||
|
},1000) |
||||||
|
}else{ |
||||||
|
|
||||||
|
this.$message.error('请输入正确的手机号') |
||||||
|
this.disabled = true |
||||||
|
} |
||||||
|
|
||||||
|
}, |
||||||
|
// 显隐绑定手机弹框 |
||||||
|
showBindPhone(){ |
||||||
|
this.bindPhone = !this.bindPhone |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
}, |
||||||
|
mounted() { |
||||||
|
this.param.wechatId = this.$router.param |
||||||
|
}, |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
// } |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.home_view{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
color: #00B9FF; |
||||||
|
.homeback{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
overflow:hidden; |
||||||
|
// background: url('../../assets/img/login-bg-1.jpg'); |
||||||
|
background: url('https://www.huorantech.cn/enclosureFile/e55b4a71e37747d1login-bg-1.jpg'); |
||||||
|
background-size: 100% 100%; |
||||||
|
position: relative; |
||||||
|
.homeHeader{ |
||||||
|
width: 100%; |
||||||
|
height: 60px; |
||||||
|
position: absolute; |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
color: #fff; |
||||||
|
.logo{ |
||||||
|
margin-left: 140px; |
||||||
|
img{ |
||||||
|
width: 45px; |
||||||
|
height: 34px; |
||||||
|
margin-right: 9px; |
||||||
|
} |
||||||
|
} |
||||||
|
.aboutUs{ |
||||||
|
margin-right: 140px; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
} |
||||||
|
.Login_view{ |
||||||
|
position: absolute; |
||||||
|
left: 50%; |
||||||
|
top: 120px; |
||||||
|
transform: translate(-50%, 0); |
||||||
|
background-color: #fff; |
||||||
|
border-radius: 20px; |
||||||
|
width: 812px; |
||||||
|
padding: 52px 0; |
||||||
|
.login_title{ |
||||||
|
span{ |
||||||
|
font-size: 26px; |
||||||
|
margin-left: 146px; |
||||||
|
} |
||||||
|
i{ |
||||||
|
margin-right: 50px; |
||||||
|
color: #666; |
||||||
|
font-size: 20px; |
||||||
|
} |
||||||
|
} |
||||||
|
.login_form{ |
||||||
|
margin: 60px 146px 0 146px; |
||||||
|
p{ |
||||||
|
margin-bottom: 10px; |
||||||
|
font-size: 14px; |
||||||
|
} |
||||||
|
.item_password{ |
||||||
|
margin-top: 40px; |
||||||
|
} |
||||||
|
.login-btn{ |
||||||
|
margin-top: 70px; |
||||||
|
} |
||||||
|
.forget_view{ |
||||||
|
font-size: 14px; |
||||||
|
} |
||||||
|
.login-wechat{ |
||||||
|
text-align: center; |
||||||
|
color: #00B9FF; |
||||||
|
font-size: 14px; |
||||||
|
margin-top: 60px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.login_form /deep/ .el-form-item{ |
||||||
|
margin-bottom: 0; |
||||||
|
} |
||||||
|
.login_form /deep/ .el-input__inner{ |
||||||
|
background-color: #f5f5f5; |
||||||
|
height: 46px; |
||||||
|
line-height: 46px; |
||||||
|
border: none; |
||||||
|
} |
||||||
|
.login-btn /deep/ .el-button{ |
||||||
|
width: 100%; |
||||||
|
// border-radius: 23px; |
||||||
|
height: 46px; |
||||||
|
} |
||||||
|
.forget_view /deep/ .el-button--text{ |
||||||
|
color: #FF9784; |
||||||
|
} |
||||||
|
.forget_view /deep/ .el-button--text:hover{ |
||||||
|
text-decoration:underline; |
||||||
|
} |
||||||
|
.wechat-btn /deep/ .el-button{ |
||||||
|
width: 100%; |
||||||
|
// border-radius: 23px; |
||||||
|
height: 46px; |
||||||
|
background-color: #f5f5f5; |
||||||
|
border: none; |
||||||
|
color: #666; |
||||||
|
margin-top: 20px; |
||||||
|
} |
||||||
|
.topTips{ |
||||||
|
position: absolute; |
||||||
|
top: 110%; |
||||||
|
left: 18%; |
||||||
|
width: 63%; |
||||||
|
color: #666; |
||||||
|
font-size: 10px; |
||||||
|
} |
||||||
|
.authBtn /deep/ .el-button.is-round{ |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
// padding-left: 5px; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,26 @@ |
|||||||
|
// 借鉴其他项目的动态路由还原，本质上还是重新匹配本地文件，本项目没给时间优化， 不做了
|
||||||
|
import store from '@/store'; |
||||||
|
import router from '@/router'; |
||||||
|
|
||||||
|
export default function(){ |
||||||
|
setTimeout(() => { |
||||||
|
let routes = store.state.routes |
||||||
|
routes.forEach(e => { |
||||||
|
if(e.path == '/'){ |
||||||
|
e.component = () => import('@/layouts/home/index.vue') |
||||||
|
}else{ |
||||||
|
e.component = () => import(`@/pages/${e.path}.vue`) |
||||||
|
} |
||||||
|
|
||||||
|
e.children && e.children.forEach(n => { |
||||||
|
n.path && (n.component = () => import(`@/pages/${n.path}.vue`)) |
||||||
|
}) |
||||||
|
}) |
||||||
|
|
||||||
|
routes.push({ |
||||||
|
path: '*', |
||||||
|
redirect: '404' |
||||||
|
}) |
||||||
|
router.addRoutes(routes) |
||||||
|
},500) |
||||||
|
} |
||||||
@ -0,0 +1,33 @@ |
|||||||
|
import Vue from 'vue'; |
||||||
|
import Router from 'vue-router'; |
||||||
|
import router from './index' |
||||||
|
Vue.use(Router); |
||||||
|
|
||||||
|
const staticRouter = [ |
||||||
|
{ |
||||||
|
path: '/', |
||||||
|
redirect: '/beforeLogin', |
||||||
|
}, |
||||||
|
{ |
||||||
|
path: '/beforeLogin', |
||||||
|
component: () => import('../components/page/beforeLogin.vue'), |
||||||
|
meta: { title: '智慧金融管理平台' } |
||||||
|
}, |
||||||
|
{ |
||||||
|
path: '/login', |
||||||
|
component: () => import('../components/page/Login.vue'), |
||||||
|
meta: { title: '登录' } |
||||||
|
}, |
||||||
|
{ |
||||||
|
path: '/bind-phone', |
||||||
|
component: () => import('../components/page/phoneBind.vue'), |
||||||
|
meta: { title: '绑定手机' } |
||||||
|
} |
||||||
|
]; |
||||||
|
|
||||||
|
export function resetRouter() { |
||||||
|
const newRouter = new Router({ |
||||||
|
routes: staticRouter |
||||||
|
}); |
||||||
|
router.matcher = newRouter.matcher; |
||||||
|
} |
||||||
@ -0,0 +1,35 @@ |
|||||||
|
import Vue from 'vue'; |
||||||
|
import Vuex from 'vuex'; |
||||||
|
import login from './modules/login'; |
||||||
|
import height from './modules/height'; |
||||||
|
import guarantee from './modules/guarantee'; |
||||||
|
import loan from './modules/loan'; |
||||||
|
|
||||||
|
Vue.use(Vuex); |
||||||
|
export default new Vuex.Store({ |
||||||
|
state:{ |
||||||
|
router:false,// 路由是否处理过
|
||||||
|
homeMenu:[],// 首页顶部按钮
|
||||||
|
homeJump:'',// 首页默认跳转
|
||||||
|
messageData:{ |
||||||
|
modelId:'1' |
||||||
|
},//消息提示的模块跳转
|
||||||
|
}, |
||||||
|
modules:{ |
||||||
|
login, |
||||||
|
height, |
||||||
|
guarantee, |
||||||
|
loan |
||||||
|
}, |
||||||
|
mutations:{ |
||||||
|
routerData (state, payload) { |
||||||
|
state.router = payload.router |
||||||
|
}, |
||||||
|
homeMenuData (state, payload) { |
||||||
|
state.homeMenu = payload.homeMenu |
||||||
|
}, |
||||||
|
messageData(state, payload){ |
||||||
|
state.messageData = payload.messageData |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
@ -0,0 +1,95 @@ |
|||||||
|
|
||||||
|
const state = { |
||||||
|
loans: true, |
||||||
|
topSidebarVal: '1', |
||||||
|
operationType: 1, |
||||||
|
//担保函数据
|
||||||
|
letterValue: { |
||||||
|
businessId: '',//业务id
|
||||||
|
bank: '',//银行
|
||||||
|
name: '',//客户名称
|
||||||
|
passingTime: '',//贷审会日期
|
||||||
|
loanMoney: '',//担保金额
|
||||||
|
guaranteeMoney: '',//担保金额转格式
|
||||||
|
file: '',//会议纪要
|
||||||
|
loanTern: '',//担保期限
|
||||||
|
auditOpinion: '',//审核意见
|
||||||
|
// 上面伟哥定义的
|
||||||
|
|
||||||
|
id:'',//行内rowID
|
||||||
|
status:'',//行内状态
|
||||||
|
auditStatus:'',//审批状态
|
||||||
|
handleStatus:'',//操作状态
|
||||||
|
roleId:'',//角色id
|
||||||
|
}, |
||||||
|
isFgJl: '', |
||||||
|
fileList: [], |
||||||
|
imgListT: [], |
||||||
|
|
||||||
|
// //参数保存-贷审会
|
||||||
|
// loansDepartment:{
|
||||||
|
// businessId:'',//业务id
|
||||||
|
// id:'',//行内id
|
||||||
|
|
||||||
|
// }
|
||||||
|
} |
||||||
|
|
||||||
|
const getters = { |
||||||
|
// clear(state){
|
||||||
|
// return state.letterValue ={
|
||||||
|
// businessId: '',//业务id
|
||||||
|
// bank: '',//银行
|
||||||
|
// name: '',//客户名称
|
||||||
|
// passingTime: '',//贷审会日期
|
||||||
|
// loanMoney: '',//担保金额
|
||||||
|
// guaranteeMoney: '',//担保金额转格式
|
||||||
|
// file: '',//会议纪要
|
||||||
|
// loanTern: '',//担保期限
|
||||||
|
// auditOpinion: '',//审核意见
|
||||||
|
// // 上面伟哥定义的
|
||||||
|
|
||||||
|
// id:'',//行内rowID
|
||||||
|
// status:'',//行内状态
|
||||||
|
|
||||||
|
// }
|
||||||
|
// ,state.headerImg =''
|
||||||
|
// ,state.headerImg =''
|
||||||
|
// }
|
||||||
|
} |
||||||
|
|
||||||
|
const mutations = { |
||||||
|
loansData (state, payload) { |
||||||
|
state.loans = payload.loans |
||||||
|
}, |
||||||
|
guaranteeData (state, payload) { |
||||||
|
state.topSidebarVal = payload.topSidebarVal
|
||||||
|
}, |
||||||
|
letterData (state, payload) { |
||||||
|
state.operationType = payload.operationType, |
||||||
|
state.letterValue = payload.letterValue
|
||||||
|
}, |
||||||
|
isFgJlData (state, payload) { |
||||||
|
state.isFgJl = payload.isFgJl
|
||||||
|
}, |
||||||
|
saveLoansDep(state, payload){ |
||||||
|
state.loansDepartment = payload.loansDepartment
|
||||||
|
}, |
||||||
|
fileData (state, payload) { |
||||||
|
state.fileList = payload.fileList
|
||||||
|
}, |
||||||
|
imgListTData (state, payload) { |
||||||
|
state.imgListT = payload.imgListT
|
||||||
|
}, |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
const actions = { |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
export default{ |
||||||
|
state, |
||||||
|
getters, |
||||||
|
mutations, |
||||||
|
actions |
||||||
|
} |
||||||
@ -0,0 +1,26 @@ |
|||||||
|
|
||||||
|
|
||||||
|
const state = { |
||||||
|
height:{ |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
const getters = { |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
const mutations = { |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
const actions = { |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
export default{ |
||||||
|
state, |
||||||
|
getters, |
||||||
|
mutations, |
||||||
|
actions |
||||||
|
} |
||||||
@ -0,0 +1,87 @@ |
|||||||
|
|
||||||
|
|
||||||
|
const state = { |
||||||
|
// 还款
|
||||||
|
loanStatus: 1, |
||||||
|
id: '', |
||||||
|
hisidId: '', |
||||||
|
guaranteeAmount: '', |
||||||
|
hispaymentStatus: '', |
||||||
|
// 催收
|
||||||
|
logStatus: 1, |
||||||
|
logId: '', |
||||||
|
logHisidId: '', |
||||||
|
logGuaranteeAmount: '', |
||||||
|
|
||||||
|
logbackStatus: '',//区分催收是提交还是查看
|
||||||
|
logbackId: '', |
||||||
|
loanbackStatus: '', |
||||||
|
RepaymentId: '', |
||||||
|
logRepaymentId: '', |
||||||
|
insuranceId: '', |
||||||
|
|
||||||
|
leftStatus: '0'//侧边栏
|
||||||
|
} |
||||||
|
|
||||||
|
const getters = { |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
const mutations = { |
||||||
|
leftSidebarData (state, payload) { |
||||||
|
state.leftStatus = payload.leftStatus |
||||||
|
}, |
||||||
|
loanStatusData (state, payload) { |
||||||
|
state.loanStatus = payload.loanStatus |
||||||
|
}, |
||||||
|
idData (state, payload) { |
||||||
|
state.id = payload.id |
||||||
|
}, |
||||||
|
RepaymentIdData (state, payload) { |
||||||
|
state.RepaymentId = payload.RepaymentId |
||||||
|
}, |
||||||
|
hisidIdData (state, payload) { |
||||||
|
state.hisidId = payload.hisidId, |
||||||
|
state.guaranteeAmount = payload.guaranteeAmount |
||||||
|
}, |
||||||
|
hispaymentStatusData (state, payload) { |
||||||
|
state.hispaymentStatus = payload.hispaymentStatus |
||||||
|
}, |
||||||
|
loanbackStatusData (state, payload) { |
||||||
|
state.loanbackStatus = payload.loanbackStatus |
||||||
|
}, |
||||||
|
|
||||||
|
logStatusData (state, payload) { |
||||||
|
state.logStatus = payload.logStatus |
||||||
|
}, |
||||||
|
logbackStatusData (state, payload) { |
||||||
|
state.logbackStatus = payload.logbackStatus |
||||||
|
}, |
||||||
|
logIdData (state, payload) { |
||||||
|
state.logId = payload.logId |
||||||
|
}, |
||||||
|
logHisidIdData (state, payload) { |
||||||
|
state.logHisidId = payload.logHisidId, |
||||||
|
state.logGuaranteeAmount = payload.logGuaranteeAmount |
||||||
|
}, |
||||||
|
logbackIdData (state, payload) { |
||||||
|
state.logbackId = payload.logbackId |
||||||
|
}, |
||||||
|
logRepaymentIdData (state, payload) { |
||||||
|
state.logRepaymentId = payload.logRepaymentId |
||||||
|
}, |
||||||
|
loginsuranceIdData (state, payload) { |
||||||
|
state.insuranceId = payload.insuranceId |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
const actions = { |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
export default{ |
||||||
|
state, |
||||||
|
getters, |
||||||
|
mutations, |
||||||
|
actions |
||||||
|
} |
||||||
@ -0,0 +1,34 @@ |
|||||||
|
|
||||||
|
|
||||||
|
const state = { |
||||||
|
userName: '', |
||||||
|
userPhone: '', |
||||||
|
headerImg:'' |
||||||
|
} |
||||||
|
|
||||||
|
const getters = { |
||||||
|
clear(state){ |
||||||
|
return state.userName ='' |
||||||
|
,state.headerImg ='' |
||||||
|
,state.headerImg ='' |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
const mutations = { |
||||||
|
userNameData (state, payload) { |
||||||
|
state.userName = payload.userName, |
||||||
|
state.userPhone = payload.userPhone, |
||||||
|
state.headerImg = payload.headerImg |
||||||
|
}, |
||||||
|
} |
||||||
|
|
||||||
|
const actions = { |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
export default{ |
||||||
|
state, |
||||||
|
getters, |
||||||
|
mutations, |
||||||
|
actions |
||||||
|
} |
||||||
@ -0,0 +1,36 @@ |
|||||||
|
/* |
||||||
|
webpack分包配置，dll分包 |
||||||
|
*/ |
||||||
|
const webpack = require('webpack') |
||||||
|
const path = require('path') |
||||||
|
module.exports = { |
||||||
|
entry: { |
||||||
|
library: [ |
||||||
|
'vue', |
||||||
|
'vue-router', |
||||||
|
'vuex', |
||||||
|
'echarts', |
||||||
|
'element-ui', |
||||||
|
'html2canvas', |
||||||
|
'moment', |
||||||
|
'view-design', |
||||||
|
'vue-i18n', |
||||||
|
"vue-pdf", |
||||||
|
"ant-design-vue", |
||||||
|
"babel-polyfill" |
||||||
|
] |
||||||
|
}, |
||||||
|
output: { |
||||||
|
filename: '[name].dll.js', |
||||||
|
path: path.join(__dirname, 'src/util/library'), |
||||||
|
library: '[name]', |
||||||
|
}, |
||||||
|
plugins: [ |
||||||
|
new webpack.DllPlugin({ |
||||||
|
name: '[name]', |
||||||
|
context: __dirname, |
||||||
|
path: path.join(__dirname, 'src/util/library/[name].json') |
||||||
|
}) |
||||||
|
], |
||||||
|
mode: 'production' |
||||||
|
} |
||||||
@ -0,0 +1,16 @@ |
|||||||
|
// rem等比适配配置文件
|
||||||
|
// 基准大小
|
||||||
|
const baseSize = 16 |
||||||
|
// 设置 rem 函数
|
||||||
|
function setRem () { |
||||||
|
// 当前页面宽度相对于 1920宽的缩放比例，可根据自己需要修改。
|
||||||
|
const scale = document.documentElement.clientWidth / 1920 |
||||||
|
// 设置页面根节点字体大小（“Math.min(scale, 2)” 指最高放大比例为2，可根据实际业务需求调整）
|
||||||
|
document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + 'px' |
||||||
|
} |
||||||
|
// 初始化
|
||||||
|
setRem() |
||||||
|
// 改变窗口大小时重新设置 rem
|
||||||
|
window.onresize = function () { |
||||||
|
setRem() |
||||||
|
} |
||||||
@ -0,0 +1,38 @@ |
|||||||
|
!(function(a, b, c) { |
||||||
|
function d(a) { |
||||||
|
var c = 'default'; |
||||||
|
a.self_redirect === !0 ? (c = 'true') : a.self_redirect === !1 && (c = 'false'); |
||||||
|
var d = b.createElement('iframe'), |
||||||
|
e = |
||||||
|
'https://open.weixin.qq.com/connect/qrconnect?appid=' + |
||||||
|
a.appid + |
||||||
|
'&scope=' + |
||||||
|
a.scope + |
||||||
|
'&redirect_uri=' + |
||||||
|
a.redirect_uri + |
||||||
|
'&state=' + |
||||||
|
a.state + |
||||||
|
'&login_type=jssdk&self_redirect=' + |
||||||
|
c + |
||||||
|
'&styletype=' + |
||||||
|
(a.styletype || '') + |
||||||
|
'&sizetype=' + |
||||||
|
(a.sizetype || '') + |
||||||
|
'&bgcolor=' + |
||||||
|
(a.bgcolor || '') + |
||||||
|
'&rst=' + |
||||||
|
(a.rst || ''); |
||||||
|
(e += a.style ? '&style=' + a.style : ''), |
||||||
|
(e += a.href ? '&href=' + a.href : ''), |
||||||
|
(d.src = e), |
||||||
|
(d.frameBorder = '0'), |
||||||
|
(d.allowTransparency = 'true'), |
||||||
|
(d.sandbox = "allow-scripts allow-top-navigation allow-same-origin"), |
||||||
|
(d.scrolling = 'no'), |
||||||
|
(d.width = '300px'), |
||||||
|
(d.height = '400px'); |
||||||
|
var f = b.getElementById(a.id); |
||||||
|
(f.innerHTML = ''), f.appendChild(d); |
||||||
|
} |
||||||
|
a.WxLogin = d; |
||||||
|
})(window, document); |
||||||
@ -0,0 +1,433 @@ |
|||||||
|
import { get, post, put, del } from './http'; |
||||||
|
// let host = 'http://192.168.31.137:8080';//陈赓
|
||||||
|
|
||||||
|
// let host = 'https://test.feifanhitech.com';// 测试服
|
||||||
|
let host = 'https://www.feifanhitech.com'//正式服
|
||||||
|
|
||||||
|
export const login = p => post('/apiHrmsAuth/hrms/auth/userlogin/login', p); //登录
|
||||||
|
export const phoneCode = p => get('/apiHrmsAuth/hrms/auth/userlogin/sendCode', p); //找回密码验证码
|
||||||
|
|
||||||
|
export const verifyMobile = p => post('/apiHrmsAuth/hrms/auth/userlogin/verifyMobile', p); //忘记密码
|
||||||
|
export const getBackPwd = p => post('/apiHrmsAuth/hrms/auth/userlogin/getBackPwd', p); //设置新密码
|
||||||
|
export const querycustomerList = p => get('/api-crms/crms/customer/queryList', p); //查询客户
|
||||||
|
export const deleteCustomer = p => del('/api-crms/crms/customer/deleteCustomer', p); //删除客户
|
||||||
|
export const queryDetails = p => get('/api-crms/crms/customer/queryDetails', p); //查询客户详情
|
||||||
|
export const savePersonal = p => post('/api-crms/crms/customer/savePersonal', p); //添加个人客户
|
||||||
|
export const saveCompany = p => post('/api-crms/crms/customer/saveCompany', p); //添加企业客户
|
||||||
|
export const updateCompany = p => post('/api-crms/crms/customer/updateCompany', p); //编辑企业客户
|
||||||
|
export const updatePersonal = p => post('/api-crms/crms/customer/updatePersonal', p); //编辑个人客户
|
||||||
|
export const listEmployeeName = p => get('/api-hrms/hrms/employee/listEmployeeName', p); //查询所有的客户经理
|
||||||
|
export const updatePwd = p => post('/apiHrmsAuth/hrms/auth/userlogin/updatePwd', p); //修改平台超管员密码
|
||||||
|
export const loginLogList = p => get('/apiHrmsAuth/hrms/auth/systemLog/loginLogList', p); //平台日志列表
|
||||||
|
export const rolePermissionList = p => get('/apiHrmsAuth/hrms/auth/permission/rolePermissionList', p); //角色权限列表
|
||||||
|
export const queryPermission = p => get('/apiHrmsAuth/hrms/auth/permission/queryPermissionByRoleId', p); //查看角色权限
|
||||||
|
export const saveRolePermission = p => post('/apiHrmsAuth/hrms/auth/permission/saveRolePermission', p); //新增角色权限
|
||||||
|
export const updateRolePermission = p => post('/apiHrmsAuth/hrms/auth/permission/updateRolePermission', p); //编辑角色权限
|
||||||
|
export const delRolePermission = p => post('/apiHrmsAuth/hrms/auth/permission/delRolePermission', p); //删除角色权限
|
||||||
|
export const jurTree = p => get('/apiHrmsAuth/hrms/auth/permission/tree', p); //查询所有权限树形结构
|
||||||
|
|
||||||
|
// 后台-人资-部门
|
||||||
|
export const departmentTree = p => get('/api-hrms/hrms/dept/tree',p); //部门树形结构数据（显示部门）
|
||||||
|
export const addDepartment = p => post('/api-hrms/hrms/dept/save', p); //新增一条部门信息
|
||||||
|
export const deleteDepartment = p => del('/api-hrms/hrms/dept/delete', p); //删除部门信息（树结构）
|
||||||
|
export const editDepartment = p => put('/api-hrms/hrms/dept/update', p); //根据id修改部门信息(编辑)
|
||||||
|
export const dragDepartment = p => put('/api-hrms/hrms/dept/update/sort', p); //修改部门的拖拽排序（传id和排序）
|
||||||
|
export const rulesAll = p => get('/api-hrms/hrms/position/listRoleIdAndName', p); //所有角色id+名称
|
||||||
|
export const postAll = p => post('/api-hrms/hrms/position/listPositionIdAndName', p); //所有职位id+名称
|
||||||
|
export const ruleJurisdiction = p => post('/api-hrms/hrms/employee/tree', p); //新增员工-角色对应的权限
|
||||||
|
export const clickDepartment = p => get('/api-hrms/hrms/dept/children', p); //点击部门，搜索该部门名下的员工
|
||||||
|
// 后台-人资-员工列表
|
||||||
|
export const deleteStaff = p => del('/api-hrms/hrms/employee/delete', p); //根据id删除员工
|
||||||
|
export const forbiddenStaff = p => get('/api-hrms/hrms/employee/forbidInfo', p); //禁用详情（为啥禁用）
|
||||||
|
export const queryStaff = p => get('/api-hrms/hrms/employee/getEmployeeAndDeptById', p); //根据id查询员工的基本信息
|
||||||
|
export const queryStaffName = p => get('/api-hrms/hrms/employee/getEmployeeById', p); //根据id查询员工姓名
|
||||||
|
export const staffMessage = p => get('/api-hrms/hrms/employee/info', p); //根据id查询员工详细信息
|
||||||
|
export const staffList = p => get('/api-hrms/hrms/employee/list', p); //查询列表
|
||||||
|
export const staffResetPwd = p => get('/api-hrms/hrms/employee/reset', p); //员工重置密码
|
||||||
|
export const addStaff = p => post('/api-hrms/hrms/employee/save', p); //新增员工
|
||||||
|
export const startStaff = p => get('/api-hrms/hrms/employee/start', p); //启用员工
|
||||||
|
export const stopStaff = p => post('/api-hrms/hrms/employee/stop', p); //禁用员工
|
||||||
|
export const roleStaff = p => post('/api-hrms/hrms/employee/tree', p); //角色对应权限
|
||||||
|
export const editStaff = p => post('/api-hrms/hrms/employee/update', p); //修改员工
|
||||||
|
// 后台-员工-导入
|
||||||
|
export const importStaff = p => post('/api-hrms/hrms/employee/excelImport',p); //导入员工（上传）
|
||||||
|
// 后台-员工-导出
|
||||||
|
export const excelStaffFile = `${host}/api-hrms/hrms/employee/excelExport`; //导出员工文件
|
||||||
|
export const excelTemplateStaff = `${host}/api-hrms/hrms/employee/excelTemplate`; //导出员工模板
|
||||||
|
// 后台-人资-职位
|
||||||
|
export const deletePost = p => del('/api-hrms/hrms/position/delete', p); //删除职位信息
|
||||||
|
export const searchPostId = p => get('/api-hrms/hrms/position/info', p); //职位id查询职位信息详情
|
||||||
|
export const postList = p => get('/api-hrms/hrms/position/list', p); //职位列表+查询
|
||||||
|
export const addPostMessage = p => post('/api-hrms/hrms/position/save', p); //新增职位信息
|
||||||
|
export const editPostMessage = p => put('/api-hrms/hrms/position/update', p); //修改职位信息
|
||||||
|
|
||||||
|
// 后台担保系统
|
||||||
|
// 表单设计--公用接口
|
||||||
|
export const designFrom = p => get('/api-guarantee/form/design/list', p); |
||||||
|
// 修改表单
|
||||||
|
export const updateFrom = p => post('/api-guarantee/form/design/update', p);
|
||||||
|
// 担保模块选择
|
||||||
|
export const processManageList = p => get('/api-guarantee/dg-process-manage/processManageList', p); |
||||||
|
// 修改图标
|
||||||
|
export const updateProcessManage = p => post('/api-guarantee/dg-process-manage/updateProcessManage', p); //新增职位信息
|
||||||
|
// 修改可见范围
|
||||||
|
export const updateUserVisual = p => post('/api-guarantee/dg-process-manage/updateUserVisual', p); |
||||||
|
// 查询可见范围
|
||||||
|
export const processVisualList = p => get('/api-guarantee/dg-process-manage/processVisualList', p); |
||||||
|
|
||||||
|
// 查询超管用户--用于避免超管在表单可见范围被删除
|
||||||
|
export const superManager = p => get('/api-hrms/hrms/employee/getUserIdByRoleId', p); |
||||||
|
|
||||||
|
// 查询抄送用户
|
||||||
|
export const queryCopySendUser = p => get('/api-guarantee/dg-process-user/queryCopySendUser', p); |
||||||
|
// 添加抄送的用户
|
||||||
|
export const addCopySendUser = p => post('/api-guarantee/dg-process-user/updateCopySendUser', p); |
||||||
|
// 查添加进流程的员工
|
||||||
|
export const getEmployeesByRoleId = p => get('/api-hrms/hrms/role/getEmployeesByRoleId', p); |
||||||
|
// 修改用户角色
|
||||||
|
export const updateUserRole = p => post('/api-hrms/hrms/role/updateUserRole', p); |
||||||
|
// 查询日志列表
|
||||||
|
export const systemLog = p => get('/apiHrmsAuth/hrms/auth/systemLog/list', p); |
||||||
|
|
||||||
|
|
||||||
|
// 系统-新增角色权限
|
||||||
|
export const newAddRolePermission = p => post('/apiHrmsAuth/hrms/auth/permission/saveRolePermission', p); //新增角色权限
|
||||||
|
export const editRolePermission = p => post('/apiHrmsAuth/hrms/auth/permission/updateRolePermission', p); //修改角色权限
|
||||||
|
export const getPermissionIds = p => get('/apiHrmsAuth/hrms/auth/permission/queryPermissionArrById', p); //已有权限的ids
|
||||||
|
|
||||||
|
// 工作台--人力资源
|
||||||
|
// 绑定手机号
|
||||||
|
export const workBindPhone = p => get('/api-hrms/hrms/user/binding', p);
|
||||||
|
// 微信解绑
|
||||||
|
export const wxUnbundle = p => get('/api-hrms/hrms/user/cancel', p);
|
||||||
|
// 验证码
|
||||||
|
export const workPhoneAuthCord = p => get('/api-hrms/hrms/user/code', p);
|
||||||
|
// 用户信息
|
||||||
|
export const workUserMsg = p => get('/api-hrms/hrms/user/info', p);
|
||||||
|
// 修改用户信息9
|
||||||
|
export const woreEditUserMsg = p => post('/api-hrms/hrms/user/update', p);
|
||||||
|
// 修改密码
|
||||||
|
export const workEditPwd = p => get('/api-hrms/hrms/user/updatePassword', p);
|
||||||
|
// 头像上传
|
||||||
|
export const headImgUp = p => post('/api-hrms/hrms/user/uploadFile', p);
|
||||||
|
|
||||||
|
//工作台--保后管理
|
||||||
|
// 查询保后列表
|
||||||
|
export const insuranceList = p => get('/api-guarantee/al-insurance-list/insuranceList', p); |
||||||
|
// 查询保后详情
|
||||||
|
export const insuranceDetail = p => get('/api-guarantee/al-insurance-list/insuranceDetail', p); |
||||||
|
//办理结项
|
||||||
|
export const updateInsurance = p => get('/api-guarantee/al-insurance-list/updateStatus', p); |
||||||
|
//还款录入
|
||||||
|
export const repaymentEntry = p => post('/api-guarantee/al-repayment-entry/repaymentEntry', p); |
||||||
|
//还款记录列表
|
||||||
|
export const repaymentList = p => get('/api-guarantee/al-repayment-entry/repaymentList', p); |
||||||
|
//还款记录统计
|
||||||
|
export const repaymentStatistics = p => get('/api-guarantee/al-repayment-entry/repaymentStatistics', p); |
||||||
|
//批量删除还款记录
|
||||||
|
export const delRepayment = p => post('/api-guarantee/al-repayment-entry/delRepayment', p); |
||||||
|
// 查询还款记录详情
|
||||||
|
export const repaymentDetail = p => get('/api-guarantee/al-repayment-entry/repaymentDetail', p); |
||||||
|
// 编辑还款录入
|
||||||
|
export const updateRepayment = p => post('/api-guarantee/al-repayment-entry/updateRepayment', p); |
||||||
|
|
||||||
|
// 催收
|
||||||
|
export const collection = p => post('/api-guarantee/al-collection/collection', p); |
||||||
|
// 催收列表
|
||||||
|
export const collectionList = p => get('/api-guarantee/al-collection/list', p); |
||||||
|
// 点击催收查询出的列表
|
||||||
|
export const collectionListDetail = p => get('/api-guarantee/al-collection/overdue/detail', p); |
||||||
|
// 催收记录列表
|
||||||
|
export const collectionHisList = p => post('/api-guarantee/al-collection/collection/list', p); |
||||||
|
// 催收记录列表点击查看
|
||||||
|
export const collectionHisListDetail = p => get('/api-guarantee/al-collection/examine/detail', p); |
||||||
|
|
||||||
|
export const excelInsurance = `${host}/api-guarantee/al-insurance-list/excelExport`; //导出保后管理列表
|
||||||
|
export const excelHis = `${host}/api-guarantee/al-repayment-entry/excelExport`; //导出还款记录列表
|
||||||
|
export const excelCollection = `${host}/api-guarantee/al-collection/list/export/excel`; //导出催收管理列表
|
||||||
|
export const excelCollectionHis = `${host}/api-guarantee/al-collection/collection/list/export/excel`; //导出催收管理列表
|
||||||
|
|
||||||
|
|
||||||
|
// 工作台--客户资源管理
|
||||||
|
// 删除
|
||||||
|
export const workClientDel = p => post('/api-crms/crms/workbench/delete', p);
|
||||||
|
// 详情
|
||||||
|
export const workClientParticulars = p => get('/api-crms/crms/workbench/info', p);
|
||||||
|
// 客户信息列表展示
|
||||||
|
export const workClientMsgList = p => get('/api-crms/crms/workbench/list', p);
|
||||||
|
// 获取当前客户部门经理--下属客户经理
|
||||||
|
export const workClientManager= p => get('/api-crms/crms/workbench/manager', p);
|
||||||
|
// 不通过
|
||||||
|
export const workClientNoPass = p => get('/api-crms/crms/workbench/noPass', p);
|
||||||
|
// 通过审核
|
||||||
|
export const workClientPass = p => get('/api-crms/crms/workbench/pass', p);
|
||||||
|
// 新增企业类型客户
|
||||||
|
export const workClientAddEnterprise = p => post('/api-crms/crms/workbench/saveCompany', p); |
||||||
|
// 新增企业类型客户新版接口
|
||||||
|
export const insertCompany = p => post('/api-crms/crms/workbench/insertCompany', p);
|
||||||
|
// 新增个人类型客户
|
||||||
|
export const workClientMsg = p => post('/api-crms/crms/workbench/savePersonal', p);
|
||||||
|
// 修改企业类型客户
|
||||||
|
export const workEditClientEnterpriseMsg = p => post('/api-crms/crms/workbench/updateCompany', p);
|
||||||
|
// 修改企业类型客户新版接口
|
||||||
|
export const updateCompanyNew = p => post('/api-crms/crms/workbench/updateCompanyNew', p);
|
||||||
|
// 修改个人类型客户
|
||||||
|
export const workEditClientMsg = p => post('/api-crms/crms/workbench/updatePersonal', p);
|
||||||
|
|
||||||
|
// 后台和前台区分
|
||||||
|
// 新增个人类型客户
|
||||||
|
export const backClientMsg = p => post('/api-crms/crms/customer/savePersonal', p);
|
||||||
|
// 新增企业类型客户
|
||||||
|
export const backSaveCompany = p => post('/api-crms/crms/customer/saveCompany', p);
|
||||||
|
// 修改企业类型客户
|
||||||
|
export const backupdateCompany = p => post('/api-crms/crms/customer/updateCompany', p);
|
||||||
|
// 修改个人类型客户
|
||||||
|
export const backupdatePersonal = p => post('/api-crms/crms/customer/updatePersonal', p);
|
||||||
|
|
||||||
|
// 登录微信扫码（图片）
|
||||||
|
// export const WXCordImg = p => get('/apiHrmsAuth/hrms/auth/userlogin/wxLoginUrl', p);
|
||||||
|
// 微信回调授权码(不用管)
|
||||||
|
export const WXAuthCord = p => get('/apiHrmsAuth/hrms/auth/userlogin/user/callback', p);
|
||||||
|
// 登录绑定手机号
|
||||||
|
export const bindPhone = p => post('/apiHrmsAuth/hrms/auth/userlogin/bindPhoneAndOpenId', p);
|
||||||
|
// 登录手机验证码
|
||||||
|
export const phoneAuthCord = p => get('/apiHrmsAuth/hrms/auth/userlogin/sendCode', p);
|
||||||
|
// 判断手机是否存在
|
||||||
|
export const phoneExist = p => get('/apiHrmsAuth/hrms/auth/userlogin/isPhoneExist', p);
|
||||||
|
|
||||||
|
// 工作台--担保业务
|
||||||
|
//业务申请列表
|
||||||
|
export const businessApplyList = p => get('/api-guarantee/dg-apply-amount-info/businessApplicationList', p);
|
||||||
|
//新建业务
|
||||||
|
export const businessApplication = p => post('/api-guarantee/dg-apply-amount-info/businessApplication', p);
|
||||||
|
// 获取所有客户的信息
|
||||||
|
export const getAllClient = p => get('/api-crms/crms/customer/queryCompanyCodeAndName', p);
|
||||||
|
//客户编号/取得信息
|
||||||
|
export const companyInfoBySth = p => post('/api-guarantee/dg-apply-amount-info/companyInfoBySth', p); |
||||||
|
// 业务申请-查看
|
||||||
|
export const businessApplyWatch = p => get('/api-guarantee/dg-apply-amount-info/businessApplicationDetail', p);
|
||||||
|
// 业务-修改
|
||||||
|
export const businessApplyEdit = p => post('/api-guarantee/dg-apply-amount-info/updateBusinessApplication', p); |
||||||
|
// 业务申请-审核
|
||||||
|
export const businessApplyAudit = p => post('/api-guarantee/dg-apply-amount-info/approvalBusinessApplication', p);
|
||||||
|
// 业务-撤销
|
||||||
|
export const businessApplyRepeal = p => get('/api-guarantee/dg-apply-amount-info/revokeBusinessApplication', p); |
||||||
|
// 所有银行
|
||||||
|
export const allBankName = p => get('/api-guarantee/dg-bank/bankList', p); |
||||||
|
|
||||||
|
// 抄送功能截图--已修改为正常功能
|
||||||
|
export const copySend = p => post('/api-guarantee/dg-copy-for/copySend', p); |
||||||
|
|
||||||
|
// 担保调查列表
|
||||||
|
export const guaranteeList = p => get('/api-guarantee/dg-guarantee-assign-user/guaranteeList', p); |
||||||
|
// 查看详情功能--领导/调查员
|
||||||
|
export const guaranteeDetails = p => get('/api-guarantee/dg-guarantee-assign-user/guaranteeDetail', p); |
||||||
|
// 调查功能
|
||||||
|
export const guaranteeSurvey = p => post('/api-guarantee/dg-guarantee-assign-user/investigateGuarantee', p); |
||||||
|
// 领导审核
|
||||||
|
export const guaranteeleader = p => post('/api-guarantee/dg-guarantee-assign-user/approvalGuarantee', p); |
||||||
|
// 指派A/B角
|
||||||
|
export const guaranteeDesignateAB = p => post('/api-guarantee/dg-guarantee-assign-user/assignCorners', p); |
||||||
|
|
||||||
|
// 团队效率-柱状图
|
||||||
|
export const efficiencyChart = p => post('/api-guarantee/guarantee/efficiency/team', p); |
||||||
|
// 团队效率--搜索部门
|
||||||
|
export const listDepartment = p => get('/api-hrms/hrms/dept/listDepartment', p); |
||||||
|
// 团队效率--业务数量状态栏
|
||||||
|
export const businessCount = p => get('/api-guarantee/guarantee/efficiency/businessCount', p); |
||||||
|
// 个人效率--列表
|
||||||
|
export const personalEfficiencyList = p => post('/api-guarantee/guarantee/efficiency/personalEfficiencyList', p); |
||||||
|
// 个人效率--抄送我的列表
|
||||||
|
export const queryCopyForMe = p => post('/api-guarantee/dg-copy-user/queryCopyForMe', p); |
||||||
|
// 抄送导出
|
||||||
|
export const exportCopyForMe = `${host}/api-guarantee/dg-copy-user/exportCopyForMe`;
|
||||||
|
// 个人效率--列表导出
|
||||||
|
export const personalEfficiencyListExport = `${host}/api-guarantee/guarantee/efficiency/personalEfficiencyListExport`;
|
||||||
|
|
||||||
|
// 消息提示接口
|
||||||
|
export const notice = p => get('/api-guarantee/guarantee/efficiency/notice', p); |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// 根据部门id查询员工
|
||||||
|
export const listEmployeeByDeptId = p => get('/api-hrms/hrms/dept/listEmployeeByDeptId', p); |
||||||
|
// 暂时替代一下上面的接口，后续切换回去。这接口上面有过了，不管，后续删除
|
||||||
|
// export const listEmployeeName = p => get('/api-hrms/hrms/employee/listEmployeeName', p);
|
||||||
|
//
|
||||||
|
// 业务统计--
|
||||||
|
// 列表导出
|
||||||
|
export const excelExportPass = `${host}/api-guarantee/guarantee/statistics/excelExport`;
|
||||||
|
// 拒绝列表导出
|
||||||
|
export const excelExportRefuse = `${host}/api-guarantee/guarantee/statistics/excelExportRefuse`;
|
||||||
|
// 业务统计列表
|
||||||
|
export const listPass = p => get('/api-guarantee/guarantee/statistics/list', p); |
||||||
|
// 拒绝列表
|
||||||
|
export const listRefuse = p => get('/api-guarantee/guarantee/statistics/listRefuse', p); |
||||||
|
|
||||||
|
|
||||||
|
// 个人中心柱状图
|
||||||
|
export const approvalNum = p => get('/api-guarantee/guarantee/efficiency/approvalNum', p); |
||||||
|
|
||||||
|
// 指派树---不做限制版-仅工作会
|
||||||
|
export const designateEmpTrees = p => get('/api-hrms//hrms/dept/empTrees', p); |
||||||
|
|
||||||
|
|
||||||
|
// 关联人列表
|
||||||
|
export const getLinkmanList = p => get('/api-crms/crms-company-personal/companyPersonalList', p); |
||||||
|
// 查询关联人
|
||||||
|
export const searchLinkmanList = p => get('/api-crms/crms-company-personal/selectCompanyPersonal', p); |
||||||
|
// 查询关联人新版
|
||||||
|
export const NewsearchLinkmanList = p => get('/api-crms/crms-company-personal/selectCompanyPersonal', p); |
||||||
|
// 删除关联人
|
||||||
|
export const delLinkmanList = p => post('/api-crms/crms-company-personal/deleteCompanyPersonal', p); |
||||||
|
// 删除关联人新版
|
||||||
|
export const NewdelLinkmanList = p => post('/api-crms/crms-company-personal/deleteCompanyPersonal', p); |
||||||
|
// 新增关联人
|
||||||
|
export const newLinkmanList = p => post('/api-crms/crms-company-personal/insertCompanyPersonal', p); |
||||||
|
// 新增关联人新版
|
||||||
|
export const newLinkList = p => post('/api-crms/crms-company-personal/insertCompanyPersonal', p); |
||||||
|
// 编辑关联人
|
||||||
|
export const editLinkmanList = p => post('/api-crms/crms-company-personal/updateCompanyPersonal', p); |
||||||
|
// 编辑关联人新版
|
||||||
|
export const NeweditLinkmanList = p => post('/api-crms/crms-company-personal/updateCompanyPersonal', p); |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// 资产部--审核
|
||||||
|
export const assetAudit = p => post('/api-guarantee/dg-assets-investigation/approvalAssets', p); |
||||||
|
// 资产部--查看
|
||||||
|
export const assetWatch = p => get('/api-guarantee/dg-assets-investigation/assetsDetail', p); |
||||||
|
// 资产部--列表
|
||||||
|
export const assetList = p => post('/api-guarantee/dg-assets-investigation/assetsList', p); |
||||||
|
// 资产部--指派
|
||||||
|
export const assetAssign = p => post('/api-guarantee/dg-assets-investigation/assignCorners', p); |
||||||
|
// 资产部--调查
|
||||||
|
export const assetSurvey = p => post('/api-guarantee/dg-assets-investigation/investigateAssets', p); |
||||||
|
|
||||||
|
// 信息部--列表
|
||||||
|
export const messageList = p => get('/api-guarantee/dg-message-investigation/messageList', p); |
||||||
|
// 信息部详情
|
||||||
|
export const messageDetail = p => get('/api-guarantee/dg-message-investigation/messageDetail', p); |
||||||
|
// 信息部--指派
|
||||||
|
export const messageAssign = p => post('/api-guarantee/dg-message-investigation/assignCorners', p); |
||||||
|
// 信息部--调查
|
||||||
|
export const messageSurvey = p => post('/api-guarantee/dg-message-investigation/investigateMessage', p); |
||||||
|
// 信息部审核
|
||||||
|
export const messageAudit = p => post('/api-guarantee/dg-message-investigation/approvalMessage', p); |
||||||
|
|
||||||
|
// 合规调查-指派
|
||||||
|
export const complianceAssign = p => get('/api-guarantee/compliance/investigation/assign', p); |
||||||
|
// 合规-审核
|
||||||
|
export const complianceAudit = p => post('/api-guarantee/compliance/investigation/check', p); |
||||||
|
// 合规-列表
|
||||||
|
export const complianceList = p => get('/api-guarantee/compliance/investigation/list', p); |
||||||
|
// 合规-查看详情
|
||||||
|
export const complianceDetail = p => get('/api-guarantee/compliance/investigation/query', p); |
||||||
|
// 合规-调查
|
||||||
|
export const complianceSurvey = p => post('/api-guarantee/compliance/investigation/survey', p); |
||||||
|
|
||||||
|
// 工作会-审议
|
||||||
|
export const workAudit = p => post('/api-guarantee/work/conference/check', p); |
||||||
|
//工作会-所有审核意见
|
||||||
|
export const workOpinion = p => get('/api-guarantee/work/conference/getAuditOpinion', p); |
||||||
|
// 工作会列表
|
||||||
|
export const workList = p => get('/api-guarantee/work/conference/list', p); |
||||||
|
// 工作会-查看
|
||||||
|
export const workDetail = p => get('/api-guarantee/work/conference/query', p); |
||||||
|
// 工作会-评委抽取
|
||||||
|
export const workExtract = p => post('/api-guarantee/work/conference/theJudgesDrawn', p); |
||||||
|
|
||||||
|
// 贷审会-审议
|
||||||
|
export const loansAudit = p => post('/api-guarantee/committee/consider/check', p); |
||||||
|
// 贷审会-列表
|
||||||
|
export const loansList = p => get('/api-guarantee/committee/consider/list', p); |
||||||
|
// 贷审会-查看
|
||||||
|
export const loansDetail = p => get('/api-guarantee/committee/consider/query', p); |
||||||
|
// 贷审会--获取抽取的评委
|
||||||
|
export const loansJudge = p => get('/api-guarantee/committee/consider/theJudgesDrawn', p); |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* 业务+担保 上传文件 */ |
||||||
|
export const guaranteeUploadFile = p => post('/api-guarantee/dg-apply-amount-info/uploadFile', p);
|
||||||
|
/* 业务+担保 删除文件 */ |
||||||
|
export const guaranteeDeleteFile = p => get('/api-guarantee/dg-apply-amount-info/deleteServerFile', p);
|
||||||
|
//担保函的接口
|
||||||
|
export const guaranteeLetterList = p => post('/api-guarantee/dg-guarantee-letter-assign-user/guaranteeLetterList', p); //担保函列表
|
||||||
|
export const updateStatus = p => post('/api-guarantee/dg-guarantee-letter-assign-user/updateStatus', p); //用户提交审核意见
|
||||||
|
// 担保函详情--新增
|
||||||
|
export const letterDetail = p => get('/api-guarantee/dg-guarantee-letter-assign-user/guaranteeLetterDetail', p); |
||||||
|
|
||||||
|
//回款确认
|
||||||
|
export const paymentList = p => post('/api-guarantee/dg-payment-confirmation-consider/paymentConfirmationList', p); //回款确认列表
|
||||||
|
export const updatePayment = p => post('/api-guarantee/dg-payment-confirmation-consider/updatePaymentConfirmation', p); //更新回款确认
|
||||||
|
// 回款详情 --新增
|
||||||
|
export const paymentDetail = p => get('/api-guarantee/dg-payment-confirmation-consider/paymentConfirmationDetail', p); |
||||||
|
|
||||||
|
//放款通知
|
||||||
|
export const loanNoticeList = p => post('/api-guarantee/dg-loan-notice/loanNoticeList', p); //放款通知列表
|
||||||
|
export const updateLoanNotice = p => post('/api-guarantee/dg-loan-notice/updateLoanNotice', p); //放款通知确认
|
||||||
|
// 放款详情--新增
|
||||||
|
export const loanNoticeDetail = p => get('/api-guarantee/dg-loan-notice/loanNoticeDetail', p); |
||||||
|
|
||||||
|
|
||||||
|
export const auditProcessList = p => get('/api-guarantee/dg-audit-process/auditProcessList', p);//审核流程进程列表
|
||||||
|
export const auditProcessPop = p => get('/api-guarantee/dg-audit-process/getProcessId', p);//审核流程进程--弹框
|
||||||
|
|
||||||
|
//获取当前用户角色
|
||||||
|
export const getNowRole = p => get('/api-guarantee/dg-apply-amount-info/getRoles', p); |
||||||
|
// 获取动态路由权限
|
||||||
|
export const getPermission = p => get('/api-hrms/hrms/permission/getPermission', p); |
||||||
|
|
||||||
|
// 首页的接口
|
||||||
|
// 当月每天新建审批
|
||||||
|
export const getNewBusinessCount = p => get('/api-guarantee/guarantee/efficiency/getNewBusinessCount', p); |
||||||
|
// 当天新建审批数量-客户员工区分
|
||||||
|
export const getTodayBusinessCount = p => get('/api-guarantee/guarantee/efficiency/getTodayBusinessCount', p); |
||||||
|
// 今日审批记录--个人中心
|
||||||
|
export const todayApprovalRecord = p => get('/api-guarantee/dg-audit-process/todayApprovalRecord', p); |
||||||
|
// 访问记录-列表
|
||||||
|
export const queryAccessRecords = p => get('/apiHrmsAuth/hrms-access-records-log/queryAccessRecords', p); |
||||||
|
// 访问次数
|
||||||
|
export const queryVisitNum = p => get('/apiHrmsAuth/hrms-access-records-log/queryVisitNum', p); |
||||||
|
// 今日登录用户总数
|
||||||
|
export const queryLoginNum = p => get('/apiHrmsAuth/hrms-access-records-log/queryLoginNum', p); |
||||||
|
// 登录趋势图
|
||||||
|
export const queryLoginOnline = p => get('/apiHrmsAuth/hrms-access-records-log/queryLoginOnline', p); |
||||||
|
// 登录时间段
|
||||||
|
export const queryLoginOnline2 = p => get('/apiHrmsAuth/hrms-access-records-log/queryLoginOnline2', p); |
||||||
|
|
||||||
|
// 业务-导出
|
||||||
|
export const businessExportList = `${host}/api-guarantee/dg-apply-amount-info/excelExport`;
|
||||||
|
// 担保-导出
|
||||||
|
export const guaranteeExportList = `${host}/api-guarantee/dg-guarantee-assign-user/excelExport`;
|
||||||
|
// 资产-导出
|
||||||
|
export const assetExportList = `${host}/api-guarantee/dg-assets-investigation/excelExport`;
|
||||||
|
// 信息-导出
|
||||||
|
export const messageExportList = `${host}/api-guarantee/dg-message-investigation/excelExport`;
|
||||||
|
// 合规-导出
|
||||||
|
export const complianceExportList = `${host}/api-guarantee/compliance/investigation/excelExport`;
|
||||||
|
// 工作会-导出
|
||||||
|
export const workExportList = `${host}/api-guarantee/work/conference/excelExport`;
|
||||||
|
// 贷审会-导出
|
||||||
|
export const loansExportList = `${host}/api-guarantee/committee/consider/excelExport`;
|
||||||
|
|
||||||
|
|
||||||
|
export const excelTemplate = `${host}/api-crms/crms/customer/excelTemplate`; //导出客户模板
|
||||||
|
export const excelExport = `${host}/api-crms/crms/customer/excelExport`; //导出客户
|
||||||
|
export const excelImport = `${host}/api-crms/crms/customer/excelImport`; //导入excal
|
||||||
|
|
||||||
|
export const excelExportStaff = `${host}/api-crms/crms/customer/excelExport`; //导出客户
|
||||||
|
export const excelImportStaff = `${host}/api-crms/crms/customer/excelImport`; //导入员工excal
|
||||||
|
|
||||||
|
|
||||||
|
export const excelExportLetter = `${host}/api-guarantee/dg-guarantee-letter-assign-user/guaranteeLetterListExport`; //导出担保函列表
|
||||||
|
export const exportGuaranteeLetter = `${host}/api-guarantee/dg-guarantee-letter-assign-user/exportGuaranteeLetter`; //导出担保函
|
||||||
|
|
||||||
|
export const excelExportPayment = `${host}/api-guarantee/dg-payment-confirmation-consider/paymentConfirmationListExport`; //导出回款确认列表数据
|
||||||
|
|
||||||
|
export const loanNoticeListExport = `${host}/api-guarantee/dg-loan-notice/loanNoticeListExport`; //导出放款通知列表数据
|
||||||
|
export const exportLoanNotice = `${host}/api-guarantee/dg-loan-notice/exportLoanNotice`; //导出放款通知
|
||||||
@ -0,0 +1,286 @@ |
|||||||
|
function fMoney(s, n) { |
||||||
|
n = n > 0 && n <= 20 ? n : 2; |
||||||
|
s = parseFloat((s + '').replace(/[^\d\.-]/g, '')).toFixed(n) + ''; |
||||||
|
let l = s |
||||||
|
.split('.')[0] |
||||||
|
.split('') |
||||||
|
.reverse(); |
||||||
|
let r = s.split('.')[1]; |
||||||
|
let t = ''; |
||||||
|
for (let i = 0; i < l.length; i++) { |
||||||
|
t += l[i] + ((i + 1) % 3 == 0 && i + 1 != l.length ? ',' : ''); |
||||||
|
} |
||||||
|
return ( |
||||||
|
t |
||||||
|
.split('') |
||||||
|
.reverse() |
||||||
|
.join('') + |
||||||
|
'.' + |
||||||
|
r |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
function toDateTime(date, time) { |
||||||
|
if (!date) return ''; |
||||||
|
date = date.toString(); |
||||||
|
time = time ? time.toString() : ''; |
||||||
|
let str = `${date.substr(0, 4)}-${date.substr(4, 2)}-${date.substr(6, 2)}`; |
||||||
|
if (date.length == 14) { |
||||||
|
str += ` ${date.substr(8, 2)}:${date.substr(10, 2)}:${date.substr(12, 2)}`; |
||||||
|
} else if (date.length == 6) { |
||||||
|
str = `${date.substr(0, 2)}:${date.substr(2, 2)}:${date.substr(4, 2)}`; |
||||||
|
} else if (time) { |
||||||
|
str += ` ${time.substr(0, 2)}:${time.substr(2, 2)}:${time.substr(4, 2)}`; |
||||||
|
} |
||||||
|
return str; |
||||||
|
} |
||||||
|
|
||||||
|
function fMoney2(m) { |
||||||
|
return parseFloat(m).toFixed(2); |
||||||
|
} |
||||||
|
|
||||||
|
// 数字转换大写中文
|
||||||
|
function fMoney3(money) { |
||||||
|
//汉字的数字
|
||||||
|
let cnNums = new Array('零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'); |
||||||
|
let cnIntRadice = new Array('', '拾', '佰', '仟'); //基本单位
|
||||||
|
let cnIntUnits = new Array('', '万', '亿', '兆'); //对应整数部分扩展单位
|
||||||
|
let cnDecUnits = new Array('仟', '佰', '拾', ''); //对应小数部分单位
|
||||||
|
let cnInteger = '元整'; //整数金额时后面跟的字符
|
||||||
|
// let
|
||||||
|
let cnIntLast = '万'; //整数无小数点的单位
|
||||||
|
let int; //金额整数部分
|
||||||
|
let dot; //金额小数部分
|
||||||
|
let chineseStr = ''; //输出的中文金额字符串
|
||||||
|
let parts; //分离金额后用的数组，预定义
|
||||||
|
if (money == '') { |
||||||
|
return ''; |
||||||
|
} |
||||||
|
//转换为字符串，获取小数点后的值与整数分离
|
||||||
|
money = money.toString(); |
||||||
|
if (money.indexOf('.') == -1) { |
||||||
|
int = money; |
||||||
|
dot = ''; |
||||||
|
} else { |
||||||
|
parts = money.split('.'); //整数小数分离
|
||||||
|
int = parts[0]; |
||||||
|
dot = parts[1].substr(0, 4); //最多四位小数
|
||||||
|
} |
||||||
|
//十进制转换，处理整数部分单位
|
||||||
|
if (parseInt(int, 10) > 0) { |
||||||
|
let zeroCount = 0; |
||||||
|
let IntLen = int.length; |
||||||
|
for (let i = 0; i < IntLen; i++) { |
||||||
|
//循环整数部分，给每个位赋值，且判断是否整除4，添加额外赋值
|
||||||
|
let n = int.substr(i, 1); |
||||||
|
let p = IntLen - i - 1; |
||||||
|
let q = p / 4; |
||||||
|
let m = p % 4; |
||||||
|
if (n == '0') { |
||||||
|
zeroCount++; |
||||||
|
} else { |
||||||
|
if (zeroCount > 0) { |
||||||
|
chineseStr += cnNums[0]; |
||||||
|
} |
||||||
|
//归零
|
||||||
|
zeroCount = 0; |
||||||
|
chineseStr += cnNums[parseInt(n)] + cnIntRadice[m]; |
||||||
|
} |
||||||
|
if (m == 0 && zeroCount < 4) { |
||||||
|
chineseStr += cnIntUnits[q]; |
||||||
|
} |
||||||
|
} |
||||||
|
chineseStr += cnIntLast; |
||||||
|
} |
||||||
|
//小数部分
|
||||||
|
if (dot != '') { |
||||||
|
let decLen = dot.length; |
||||||
|
for (let i = 0; i < decLen; i++) { |
||||||
|
let n = dot.substr(i, 1); |
||||||
|
if (n != '0') { |
||||||
|
chineseStr += cnNums[Number(n)] + cnDecUnits[i]; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
// if (chineseStr == '') {// 为0时，
|
||||||
|
// chineseStr += cnNums[0] + cnIntLast + cnInteger;
|
||||||
|
// }
|
||||||
|
// else if (dot == '') {//小数点为空值时
|
||||||
|
chineseStr += cnInteger; |
||||||
|
// }
|
||||||
|
return chineseStr; |
||||||
|
} |
||||||
|
|
||||||
|
function orderreleaseType(sts) { |
||||||
|
const status = { |
||||||
|
'0': '手动发布', |
||||||
|
'1': '定时发布' |
||||||
|
}; |
||||||
|
return status[sts] || '未知状态'; |
||||||
|
} |
||||||
|
|
||||||
|
function auditStatus(sts) { |
||||||
|
const status = { |
||||||
|
'1': { text: '审核中', color: '#FF9784' }, |
||||||
|
'2': { text: '已审核', color: '#46C435' }, |
||||||
|
'3': { text: '已拒绝', color: '#FF9784' }, |
||||||
|
'4': { text: '已驳回', color: '#FF9784' } |
||||||
|
}; |
||||||
|
return status[sts] || { text: '未知状态', color: '#666' }; |
||||||
|
} |
||||||
|
|
||||||
|
function businessType(sts) { |
||||||
|
const status = { |
||||||
|
'0': { text:'已撤销', color: '#FF9784' }, |
||||||
|
'1': { text:'进行中', color: '#FF9784' }, |
||||||
|
'2': { text:'已完成', color: '#46C435' }, |
||||||
|
'3': { text:'已否决', color: '#FF9784' } |
||||||
|
}; |
||||||
|
return status[sts] || { text: '未知状态', color: '#666' }; |
||||||
|
} |
||||||
|
|
||||||
|
function operationType(sts) { |
||||||
|
const status = { |
||||||
|
'0': { text:'已发起', color: '#46C435' }, |
||||||
|
'1': { text:'待处理', color: '#FF9784' }, |
||||||
|
'2': { text:'已处理', color: '#46C435' }, |
||||||
|
'3': { text:'待提交', color: '#FF9784' }, |
||||||
|
'4': { text:'待定义', color: '#FF9784' } |
||||||
|
}; |
||||||
|
return status[sts] || { text: '未知状态', color: '#666' }; |
||||||
|
} |
||||||
|
|
||||||
|
function removeByValue(arr, val) { |
||||||
|
for (var i = 0; i < arr.length; i++) { |
||||||
|
if (arr[i] == val) { |
||||||
|
arr.splice(i, 1); |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
function paymentStatus(sts) { |
||||||
|
const status = { |
||||||
|
'1': '还款中', |
||||||
|
'2': '已逾期', |
||||||
|
'3': '已还清', |
||||||
|
'4': '已结项' |
||||||
|
}; |
||||||
|
return status[sts] || '未知状态'; |
||||||
|
} |
||||||
|
|
||||||
|
function stcStatus(sts) { |
||||||
|
const status = { |
||||||
|
'1': '待还款', |
||||||
|
'2': '已还款', |
||||||
|
'3': '已逾期', |
||||||
|
'4': '未到期' |
||||||
|
}; |
||||||
|
return status[sts] || '未知状态'; |
||||||
|
} |
||||||
|
|
||||||
|
// 判断对象值全为空
|
||||||
|
function objectValueAllEmpty(object) { |
||||||
|
var isEmpty = true; |
||||||
|
Object.keys(object).forEach(function(x) { |
||||||
|
if (object[x] != null && object[x] != '') { |
||||||
|
isEmpty = false; |
||||||
|
} |
||||||
|
}); |
||||||
|
if (isEmpty) { |
||||||
|
//值全为空
|
||||||
|
return true; |
||||||
|
} |
||||||
|
return false; |
||||||
|
} |
||||||
|
|
||||||
|
// 防抖
|
||||||
|
function debounce(func, wait) { |
||||||
|
let timer; |
||||||
|
return function() { |
||||||
|
let context = this; |
||||||
|
let args = arguments; |
||||||
|
if (timer) clearTimeout(timer); |
||||||
|
let callNow = !timer; |
||||||
|
timer = setTimeout(() => { |
||||||
|
timer = null; |
||||||
|
}, wait); |
||||||
|
if (callNow) func.apply(context, args); |
||||||
|
}; |
||||||
|
} |
||||||
|
// 获取出生日期
|
||||||
|
function getBirth(idCard) { |
||||||
|
var birthday = ''; |
||||||
|
if (idCard != null && idCard != '') { |
||||||
|
if (idCard.length == 15) { |
||||||
|
birthday = '19' + idCard.slice(6, 12); |
||||||
|
} else if (idCard.length == 18) { |
||||||
|
birthday = idCard.slice(6, 14); |
||||||
|
} |
||||||
|
birthday = birthday.replace(/(.{4})(.{2})/, '$1-$2-'); |
||||||
|
//通过正则表达式来指定输出格式为:1990-01-01
|
||||||
|
} |
||||||
|
return birthday; |
||||||
|
} |
||||||
|
// 获取年龄
|
||||||
|
function getAge(idCard) { |
||||||
|
var birthday = ''; |
||||||
|
if (idCard != null && idCard != '') { |
||||||
|
if (idCard.length == 15) { |
||||||
|
birthday = '19' + idCard.slice(6, 8); |
||||||
|
} else if (idCard.length == 18) { |
||||||
|
birthday = idCard.slice(6, 10); |
||||||
|
} |
||||||
|
let date = new Date() |
||||||
|
birthday = date.getFullYear() - birthday |
||||||
|
} |
||||||
|
return birthday; |
||||||
|
} |
||||||
|
|
||||||
|
// 获取性别
|
||||||
|
function getSex(idCard) { |
||||||
|
var sexStr = ''; |
||||||
|
if (parseInt(idCard.slice(-2, -1)) % 2 == 1) { |
||||||
|
sexStr = 1;//男
|
||||||
|
} else { |
||||||
|
sexStr = 0;//女
|
||||||
|
} |
||||||
|
return sexStr; |
||||||
|
} |
||||||
|
|
||||||
|
// 下载视频
|
||||||
|
function downMp4(url,fileName){ |
||||||
|
// 可换成axios，项目没封装就用原生请求
|
||||||
|
// 生成拼接链接
|
||||||
|
// 传入文件名和路径，下载图片视频，支持跨域，a标签加download不支持跨域
|
||||||
|
var x = new XMLHttpRequest() |
||||||
|
x.open("GET", url, true) |
||||||
|
x.responseType = 'blob' |
||||||
|
x.onload=function(e) { |
||||||
|
var url = window.URL.createObjectURL(x.response) |
||||||
|
var a = document.createElement('a') |
||||||
|
a.href = url |
||||||
|
a.download = fileName |
||||||
|
a.click() |
||||||
|
} |
||||||
|
x.send() |
||||||
|
} |
||||||
|
export default { |
||||||
|
fMoney, |
||||||
|
fMoney2, |
||||||
|
fMoney3, |
||||||
|
toDateTime, |
||||||
|
orderreleaseType, |
||||||
|
auditStatus, |
||||||
|
businessType, |
||||||
|
operationType, |
||||||
|
removeByValue, |
||||||
|
objectValueAllEmpty, |
||||||
|
debounce, |
||||||
|
getBirth, |
||||||
|
getSex, |
||||||
|
getAge, |
||||||
|
paymentStatus, |
||||||
|
stcStatus, |
||||||
|
downMp4 |
||||||
|
}; |
||||||
@ -0,0 +1,186 @@ |
|||||||
|
import axios from 'axios'; |
||||||
|
// import QS from 'qs';
|
||||||
|
// import store from '../store/index'
|
||||||
|
import { Message } from 'element-ui' |
||||||
|
import router from '../router/index' |
||||||
|
|
||||||
|
// 环境的切换
|
||||||
|
// if (process.env.NODE_ENV == 'development') {
|
||||||
|
// axios.defaults.baseURL = 'http://192.168.31.137:8080';//陈赓
|
||||||
|
|
||||||
|
// axios.defaults.baseURL = 'https://test.feifanhitech.com';// 测试服务器地址
|
||||||
|
axios.defaults.baseURL = 'https://www.feifanhitech.com';// 非凡
|
||||||
|
|
||||||
|
// } else if (process.env.NODE_ENV == 'debug') {
|
||||||
|
// axios.defaults.baseURL = 'http://dq.huorantech.cn';
|
||||||
|
// } else if (process.env.NODE_ENV == 'production') {
|
||||||
|
// axios.defaults.baseURL = 'http://dq.huorantech.cn';
|
||||||
|
// }
|
||||||
|
|
||||||
|
// 请求超时时间
|
||||||
|
axios.defaults.timeout = 30000; |
||||||
|
|
||||||
|
// post请求头
|
||||||
|
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'; |
||||||
|
|
||||||
|
|
||||||
|
// 请求拦截器
|
||||||
|
axios.interceptors.request.use(config => { |
||||||
|
// const token = store.state.token;
|
||||||
|
// token && (config.headers.Authorization = token);
|
||||||
|
// return config;
|
||||||
|
// config.withCredentials= true
|
||||||
|
if (sessionStorage.getItem('token')) { |
||||||
|
// 存在将token写入 request header
|
||||||
|
config.headers.token = `${sessionStorage.getItem('token')}`; |
||||||
|
} |
||||||
|
return config; |
||||||
|
}, err => { |
||||||
|
// return Promise.error(error);
|
||||||
|
// Message.error({
|
||||||
|
// message: '退出登陆',
|
||||||
|
// onClose: function () {
|
||||||
|
// router.push({name: 'login'});
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
// console.log(err,'错误捕获61');
|
||||||
|
return Promise.reject(err); |
||||||
|
}) |
||||||
|
|
||||||
|
// 响应拦截器
|
||||||
|
axios.interceptors.response.use( |
||||||
|
response => { |
||||||
|
// post请求莫得code，直接以文件流形式
|
||||||
|
if (response.data.code === 10000) { |
||||||
|
return Promise.resolve(response); |
||||||
|
} else
|
||||||
|
if(response.data.code === 401){ |
||||||
|
Message.error('登录过期，请重新登录!'); |
||||||
|
// 清除token
|
||||||
|
sessionStorage.removeItem('token'); |
||||||
|
localStorage.removeItem('token') |
||||||
|
// store.commit('loginSuccess', null);
|
||||||
|
// 跳转登录页面，并将要浏览的页面fullPath传过去，登录成功后跳转需要访问的页面
|
||||||
|
setTimeout(() => { |
||||||
|
router.replace({ |
||||||
|
path: '/login', |
||||||
|
query: { |
||||||
|
redirect: router.currentRoute.fullPath |
||||||
|
} |
||||||
|
}); |
||||||
|
}, 1000); |
||||||
|
}else{ |
||||||
|
if(response.data.message){ |
||||||
|
Message.error(response.data.message); |
||||||
|
} |
||||||
|
return Promise.reject(response) |
||||||
|
// return Promise.reject(response);
|
||||||
|
} |
||||||
|
}, |
||||||
|
// 服务器状态码不是200的情况
|
||||||
|
error => { |
||||||
|
// console.log(error,'错误打印--http.js -98行')
|
||||||
|
if(error.response){ |
||||||
|
if (error.response.status) { |
||||||
|
switch (error.response.status) { |
||||||
|
// 401: 未登录
|
||||||
|
// 未登录则跳转登录页面，并携带当前页面的路径
|
||||||
|
// 在登录成功后返回当前页面，这一步需要在登录页操作。
|
||||||
|
case 403: |
||||||
|
router.replace({ |
||||||
|
path: '/login', |
||||||
|
query: { redirect: router.currentRoute.fullPath } |
||||||
|
}); |
||||||
|
break; |
||||||
|
// 403 token过期
|
||||||
|
// 登录过期对用户进行提示
|
||||||
|
// 清除本地token和清空vuex中token对象
|
||||||
|
// 跳转登录页面
|
||||||
|
case 401: |
||||||
|
Message.error('登录过期，请重新登录!'); |
||||||
|
// 清除token
|
||||||
|
sessionStorage.removeItem('token'); |
||||||
|
localStorage.removeItem('token') |
||||||
|
// store.commit('loginSuccess', null);
|
||||||
|
// 跳转登录页面，并将要浏览的页面fullPath传过去，登录成功后跳转需要访问的页面
|
||||||
|
setTimeout(() => { |
||||||
|
router.replace({ |
||||||
|
path: '/login', |
||||||
|
query: { |
||||||
|
redirect: router.currentRoute.fullPath |
||||||
|
} |
||||||
|
}); |
||||||
|
}, 1000); |
||||||
|
break; |
||||||
|
// 404请求不存在
|
||||||
|
case 404: |
||||||
|
Message.error('网络请求不存在!'); |
||||||
|
break; |
||||||
|
// 404请求不存在
|
||||||
|
case 500: |
||||||
|
Message.error('网络请求出错!'); |
||||||
|
break; |
||||||
|
// 其他错误，直接抛出错误提示
|
||||||
|
default: |
||||||
|
Message.error(error.response.errmessage); |
||||||
|
} |
||||||
|
return Promise.reject(error.response); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
); |
||||||
|
|
||||||
|
/** get方法，对应get请求 **/ |
||||||
|
export function get(url, params){ |
||||||
|
return new Promise((resolve, reject) =>{ |
||||||
|
axios.get(url, { |
||||||
|
params: params |
||||||
|
}) |
||||||
|
.then(res => { |
||||||
|
resolve(res.data); |
||||||
|
}) |
||||||
|
.catch(err => { |
||||||
|
reject(err.data) |
||||||
|
}) |
||||||
|
}); |
||||||
|
} |
||||||
|
/** post方法，对应post请求 **/ |
||||||
|
export function post(url, params) { |
||||||
|
return new Promise((resolve, reject) => { |
||||||
|
axios.post(url,params) |
||||||
|
.then(res => { |
||||||
|
resolve(res.data); |
||||||
|
}) |
||||||
|
.catch(err => { |
||||||
|
reject(err.data) |
||||||
|
}) |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
/** delete方法，对应delete请求 **/ |
||||||
|
export function del(url, params){ |
||||||
|
return new Promise((resolve, reject) =>{ |
||||||
|
axios.delete(url, { |
||||||
|
data: params |
||||||
|
}) |
||||||
|
.then(res => { |
||||||
|
resolve(res.data); |
||||||
|
}) |
||||||
|
.catch(err => { |
||||||
|
reject(err.data) |
||||||
|
}) |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
/** put修改 **/ |
||||||
|
export function put(url, params){ |
||||||
|
return new Promise((resolve, reject) =>{ |
||||||
|
axios.put(url, params) |
||||||
|
.then(res => { |
||||||
|
resolve(res.data); |
||||||
|
}) |
||||||
|
.catch(err => { |
||||||
|
reject(err.data) |
||||||
|
}) |
||||||
|
}); |
||||||
|
} |
||||||
@ -0,0 +1,16 @@ |
|||||||
|
import Vue from 'vue' |
||||||
|
|
||||||
|
const preventReClick = Vue.directive('preventReClick', { |
||||||
|
inserted: function (el, binding) { |
||||||
|
el.addEventListener('click', () => { |
||||||
|
if (!el.disabled) { |
||||||
|
el.disabled = true |
||||||
|
setTimeout(() => { |
||||||
|
el.disabled = false |
||||||
|
}, binding.value || 3000) |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
export { preventReClick } |
||||||
@ -0,0 +1,343 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-alert { |
||||||
|
width: 100%; |
||||||
|
padding: 8px 16px; |
||||||
|
margin: 0; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
border-radius: 4px; |
||||||
|
position: relative; |
||||||
|
background-color: #FFFFFF; |
||||||
|
overflow: hidden; |
||||||
|
opacity: 1; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
-webkit-transition: opacity .2s; |
||||||
|
transition: opacity .2s; } |
||||||
|
.el-alert.is-light .el-alert__closebtn { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-alert.is-dark .el-alert__closebtn { |
||||||
|
color: #FFFFFF; } |
||||||
|
.el-alert.is-dark .el-alert__description { |
||||||
|
color: #FFFFFF; } |
||||||
|
.el-alert.is-center { |
||||||
|
-webkit-box-pack: center; |
||||||
|
-ms-flex-pack: center; |
||||||
|
justify-content: center; } |
||||||
|
.el-alert--success.is-light { |
||||||
|
background-color: #f0f9eb; |
||||||
|
color: #67C23A; } |
||||||
|
.el-alert--success.is-light .el-alert__description { |
||||||
|
color: #67C23A; } |
||||||
|
.el-alert--success.is-dark { |
||||||
|
background-color: #67C23A; |
||||||
|
color: #FFFFFF; } |
||||||
|
.el-alert--info.is-light { |
||||||
|
background-color: #f4f4f5; |
||||||
|
color: #909399; } |
||||||
|
.el-alert--info.is-dark { |
||||||
|
background-color: #909399; |
||||||
|
color: #FFFFFF; } |
||||||
|
.el-alert--info .el-alert__description { |
||||||
|
color: #909399; } |
||||||
|
.el-alert--warning.is-light { |
||||||
|
background-color: #fdf6ec; |
||||||
|
color: #E6A23C; } |
||||||
|
.el-alert--warning.is-light .el-alert__description { |
||||||
|
color: #E6A23C; } |
||||||
|
.el-alert--warning.is-dark { |
||||||
|
background-color: #E6A23C; |
||||||
|
color: #FFFFFF; } |
||||||
|
.el-alert--error.is-light { |
||||||
|
background-color: #fef0f0; |
||||||
|
color: #F56C6C; } |
||||||
|
.el-alert--error.is-light .el-alert__description { |
||||||
|
color: #F56C6C; } |
||||||
|
.el-alert--error.is-dark { |
||||||
|
background-color: #F56C6C; |
||||||
|
color: #FFFFFF; } |
||||||
|
.el-alert__content { |
||||||
|
display: table-cell; |
||||||
|
padding: 0 8px; } |
||||||
|
.el-alert__icon { |
||||||
|
font-size: 16px; |
||||||
|
width: 16px; } |
||||||
|
.el-alert__icon.is-big { |
||||||
|
font-size: 28px; |
||||||
|
width: 28px; } |
||||||
|
.el-alert__title { |
||||||
|
font-size: 13px; |
||||||
|
line-height: 18px; } |
||||||
|
.el-alert__title.is-bold { |
||||||
|
font-weight: bold; } |
||||||
|
.el-alert .el-alert__description { |
||||||
|
font-size: 12px; |
||||||
|
margin: 5px 0 0 0; } |
||||||
|
.el-alert__closebtn { |
||||||
|
font-size: 12px; |
||||||
|
opacity: 1; |
||||||
|
position: absolute; |
||||||
|
top: 12px; |
||||||
|
right: 15px; |
||||||
|
cursor: pointer; } |
||||||
|
.el-alert__closebtn.is-customed { |
||||||
|
font-style: normal; |
||||||
|
font-size: 13px; |
||||||
|
top: 9px; } |
||||||
|
|
||||||
|
.el-alert-fade-enter, |
||||||
|
.el-alert-fade-leave-active { |
||||||
|
opacity: 0; } |
||||||
@ -0,0 +1,136 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
.el-aside { |
||||||
|
overflow: auto; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
-ms-flex-negative: 0; |
||||||
|
flex-shrink: 0; } |
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,284 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-avatar { |
||||||
|
display: inline-block; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
text-align: center; |
||||||
|
overflow: hidden; |
||||||
|
color: #fff; |
||||||
|
background: #C0C4CC; |
||||||
|
width: 40px; |
||||||
|
height: 40px; |
||||||
|
line-height: 40px; |
||||||
|
font-size: 14px; } |
||||||
|
.el-avatar > img { |
||||||
|
display: block; |
||||||
|
height: 100%; |
||||||
|
vertical-align: middle; } |
||||||
|
.el-avatar--circle { |
||||||
|
border-radius: 50%; } |
||||||
|
.el-avatar--square { |
||||||
|
border-radius: 4px; } |
||||||
|
.el-avatar--icon { |
||||||
|
font-size: 18px; } |
||||||
|
.el-avatar--large { |
||||||
|
width: 40px; |
||||||
|
height: 40px; |
||||||
|
line-height: 40px; } |
||||||
|
.el-avatar--medium { |
||||||
|
width: 36px; |
||||||
|
height: 36px; |
||||||
|
line-height: 36px; } |
||||||
|
.el-avatar--small { |
||||||
|
width: 28px; |
||||||
|
height: 28px; |
||||||
|
line-height: 28px; } |
||||||
@ -0,0 +1,273 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-backtop { |
||||||
|
position: fixed; |
||||||
|
background-color: #FFFFFF; |
||||||
|
width: 40px; |
||||||
|
height: 40px; |
||||||
|
border-radius: 50%; |
||||||
|
color: #00B9FF; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
-webkit-box-pack: center; |
||||||
|
-ms-flex-pack: center; |
||||||
|
justify-content: center; |
||||||
|
font-size: 20px; |
||||||
|
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); |
||||||
|
box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); |
||||||
|
cursor: pointer; |
||||||
|
z-index: 5; } |
||||||
|
.el-backtop:hover { |
||||||
|
background-color: #F2F6FC; } |
||||||
@ -0,0 +1,290 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-badge { |
||||||
|
position: relative; |
||||||
|
vertical-align: middle; |
||||||
|
display: inline-block; } |
||||||
|
.el-badge__content { |
||||||
|
background-color: #F56C6C; |
||||||
|
border-radius: 10px; |
||||||
|
color: #FFFFFF; |
||||||
|
display: inline-block; |
||||||
|
font-size: 12px; |
||||||
|
height: 18px; |
||||||
|
line-height: 18px; |
||||||
|
padding: 0 6px; |
||||||
|
text-align: center; |
||||||
|
white-space: nowrap; |
||||||
|
border: 1px solid #FFFFFF; } |
||||||
|
.el-badge__content.is-fixed { |
||||||
|
position: absolute; |
||||||
|
top: 0; |
||||||
|
right: 10px; |
||||||
|
-webkit-transform: translateY(-50%) translateX(100%); |
||||||
|
transform: translateY(-50%) translateX(100%); } |
||||||
|
.el-badge__content.is-fixed.is-dot { |
||||||
|
right: 5px; } |
||||||
|
.el-badge__content.is-dot { |
||||||
|
height: 8px; |
||||||
|
width: 8px; |
||||||
|
padding: 0; |
||||||
|
right: 0; |
||||||
|
border-radius: 50%; } |
||||||
|
.el-badge__content--primary { |
||||||
|
background-color: #00B9FF; } |
||||||
|
.el-badge__content--success { |
||||||
|
background-color: #67C23A; } |
||||||
|
.el-badge__content--warning { |
||||||
|
background-color: #E6A23C; } |
||||||
|
.el-badge__content--info { |
||||||
|
background-color: #909399; } |
||||||
|
.el-badge__content--danger { |
||||||
|
background-color: #F56C6C; } |
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,287 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-breadcrumb { |
||||||
|
font-size: 14px; |
||||||
|
line-height: 1; } |
||||||
|
.el-breadcrumb::before, |
||||||
|
.el-breadcrumb::after { |
||||||
|
display: table; |
||||||
|
content: ""; } |
||||||
|
.el-breadcrumb::after { |
||||||
|
clear: both; } |
||||||
|
.el-breadcrumb__separator { |
||||||
|
margin: 0 9px; |
||||||
|
font-weight: bold; |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-breadcrumb__separator[class*=icon] { |
||||||
|
margin: 0 6px; |
||||||
|
font-weight: normal; } |
||||||
|
.el-breadcrumb__item { |
||||||
|
float: left; } |
||||||
|
.el-breadcrumb__inner { |
||||||
|
color: #606266; } |
||||||
|
.el-breadcrumb__inner.is-link, .el-breadcrumb__inner a { |
||||||
|
font-weight: bold; |
||||||
|
text-decoration: none; |
||||||
|
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||||
|
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||||
|
color: #303133; } |
||||||
|
.el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover { |
||||||
|
color: #00B9FF; |
||||||
|
cursor: pointer; } |
||||||
|
.el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover, |
||||||
|
.el-breadcrumb__item:last-child .el-breadcrumb__inner a, |
||||||
|
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover { |
||||||
|
font-weight: normal; |
||||||
|
color: #606266; |
||||||
|
cursor: text; } |
||||||
|
.el-breadcrumb__item:last-child .el-breadcrumb__separator { |
||||||
|
display: none; } |
||||||
@ -0,0 +1,762 @@ |
|||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
.el-button { |
||||||
|
display: inline-block; |
||||||
|
line-height: 1; |
||||||
|
white-space: nowrap; |
||||||
|
cursor: pointer; |
||||||
|
background: #FFFFFF; |
||||||
|
border: 1px solid #DCDFE6; |
||||||
|
border-color: #DCDFE6; |
||||||
|
color: #606266; |
||||||
|
-webkit-appearance: none; |
||||||
|
text-align: center; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
outline: none; |
||||||
|
margin: 0; |
||||||
|
-webkit-transition: .1s; |
||||||
|
transition: .1s; |
||||||
|
font-weight: 500; |
||||||
|
-moz-user-select: none; |
||||||
|
-webkit-user-select: none; |
||||||
|
-ms-user-select: none; |
||||||
|
padding: 12px 20px; |
||||||
|
font-size: 14px; |
||||||
|
border-radius: 4px; } |
||||||
|
.el-button + .el-button { |
||||||
|
margin-left: 10px; } |
||||||
|
.el-button.is-round { |
||||||
|
padding: 12px 20px; } |
||||||
|
.el-button:hover, .el-button:focus { |
||||||
|
color: #00B9FF; |
||||||
|
border-color: #b3eaff; |
||||||
|
background-color: #e6f8ff; } |
||||||
|
.el-button:active { |
||||||
|
color: #00a7e6; |
||||||
|
border-color: #00a7e6; |
||||||
|
outline: none; } |
||||||
|
.el-button::-moz-focus-inner { |
||||||
|
border: 0; } |
||||||
|
.el-button [class*="el-icon-"] + span { |
||||||
|
margin-left: 5px; } |
||||||
|
.el-button.is-plain:hover, .el-button.is-plain:focus { |
||||||
|
background: #FFFFFF; |
||||||
|
border-color: #00B9FF; |
||||||
|
color: #00B9FF; } |
||||||
|
.el-button.is-plain:active { |
||||||
|
background: #FFFFFF; |
||||||
|
border-color: #00a7e6; |
||||||
|
color: #00a7e6; |
||||||
|
outline: none; } |
||||||
|
.el-button.is-active { |
||||||
|
color: #00a7e6; |
||||||
|
border-color: #00a7e6; } |
||||||
|
.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus { |
||||||
|
color: #C0C4CC; |
||||||
|
cursor: not-allowed; |
||||||
|
background-image: none; |
||||||
|
background-color: #FFFFFF; |
||||||
|
border-color: #EBEEF5; } |
||||||
|
.el-button.is-disabled.el-button--text { |
||||||
|
background-color: transparent; } |
||||||
|
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus { |
||||||
|
background-color: #FFFFFF; |
||||||
|
border-color: #EBEEF5; |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-button.is-loading { |
||||||
|
position: relative; |
||||||
|
pointer-events: none; } |
||||||
|
.el-button.is-loading:before { |
||||||
|
pointer-events: none; |
||||||
|
content: ''; |
||||||
|
position: absolute; |
||||||
|
left: -1px; |
||||||
|
top: -1px; |
||||||
|
right: -1px; |
||||||
|
bottom: -1px; |
||||||
|
border-radius: inherit; |
||||||
|
background-color: rgba(255, 255, 255, 0.35); } |
||||||
|
.el-button.is-round { |
||||||
|
border-radius: 20px; |
||||||
|
padding: 12px 23px; } |
||||||
|
.el-button.is-circle { |
||||||
|
border-radius: 50%; |
||||||
|
padding: 12px; } |
||||||
|
.el-button--primary { |
||||||
|
color: #FFFFFF; |
||||||
|
background-color: #00B9FF; |
||||||
|
border-color: #00B9FF; } |
||||||
|
.el-button--primary:hover, .el-button--primary:focus { |
||||||
|
background: #33c7ff; |
||||||
|
border-color: #33c7ff; |
||||||
|
color: #FFFFFF; } |
||||||
|
.el-button--primary:active { |
||||||
|
background: #00a7e6; |
||||||
|
border-color: #00a7e6; |
||||||
|
color: #FFFFFF; |
||||||
|
outline: none; } |
||||||
|
.el-button--primary.is-active { |
||||||
|
background: #00a7e6; |
||||||
|
border-color: #00a7e6; |
||||||
|
color: #FFFFFF; } |
||||||
|
.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active { |
||||||
|
color: #FFFFFF; |
||||||
|
background-color: #80dcff; |
||||||
|
border-color: #80dcff; } |
||||||
|
.el-button--primary.is-plain { |
||||||
|
color: #00B9FF; |
||||||
|
background: #e6f8ff; |
||||||
|
border-color: #99e3ff; } |
||||||
|
.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { |
||||||
|
background: #00B9FF; |
||||||
|
border-color: #00B9FF; |
||||||
|
color: #FFFFFF; } |
||||||
|
.el-button--primary.is-plain:active { |
||||||
|
background: #00a7e6; |
||||||
|
border-color: #00a7e6; |
||||||
|
color: #FFFFFF; |
||||||
|
outline: none; } |
||||||
|
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active { |
||||||
|
color: #66d5ff; |
||||||
|
background-color: #e6f8ff; |
||||||
|
border-color: #ccf1ff; } |
||||||
|
.el-button--success { |
||||||
|
color: #FFFFFF; |
||||||
|
background-color: #67C23A; |
||||||
|
border-color: #67C23A; } |
||||||
|
.el-button--success:hover, .el-button--success:focus { |
||||||
|
background: #85ce61; |
||||||
|
border-color: #85ce61; |
||||||
|
color: #FFFFFF; } |
||||||
|
.el-button--success:active { |
||||||
|
background: #5daf34; |
||||||
|
border-color: #5daf34; |
||||||
|
color: #FFFFFF; |
||||||
|
outline: none; } |
||||||
|
.el-button--success.is-active { |
||||||
|
background: #5daf34; |
||||||
|
border-color: #5daf34; |
||||||
|
color: #FFFFFF; } |
||||||
|
.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active { |
||||||
|
color: #FFFFFF; |
||||||
|
background-color: #b3e19d; |
||||||
|
border-color: #b3e19d; } |
||||||
|
.el-button--success.is-plain { |
||||||
|
color: #67C23A; |
||||||
|
background: #f0f9eb; |
||||||
|
border-color: #c2e7b0; } |
||||||
|
.el-button--success.is-plain:hover, .el-button--success.is-plain:focus { |
||||||
|
background: #67C23A; |
||||||
|
border-color: #67C23A; |
||||||
|
color: #FFFFFF; } |
||||||
|
.el-button--success.is-plain:active { |
||||||
|
background: #5daf34; |
||||||
|
border-color: #5daf34; |
||||||
|
color: #FFFFFF; |
||||||
|
outline: none; } |
||||||
|
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active { |
||||||
|
color: #a4da89; |
||||||
|
background-color: #f0f9eb; |
||||||
|
border-color: #e1f3d8; } |
||||||
|
.el-button--warning { |
||||||
|
color: #FFFFFF; |
||||||
|
background-color: #E6A23C; |
||||||
|
border-color: #E6A23C; } |
||||||
|
.el-button--warning:hover, .el-button--warning:focus { |
||||||
|
background: #ebb563; |
||||||
|
border-color: #ebb563; |
||||||
|
color: #FFFFFF; } |
||||||
|
.el-button--warning:active { |
||||||
|
background: #cf9236; |
||||||
|
border-color: #cf9236; |
||||||
|
color: #FFFFFF; |
||||||
|
outline: none; } |
||||||
|
.el-button--warning.is-active { |
||||||
|
background: #cf9236; |
||||||
|
border-color: #cf9236; |
||||||
|
color: #FFFFFF; } |
||||||
|
.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active { |
||||||
|
color: #FFFFFF; |
||||||
|
background-color: #f3d19e; |
||||||
|
border-color: #f3d19e; } |
||||||
|
.el-button--warning.is-plain { |
||||||
|
color: #E6A23C; |
||||||
|
background: #fdf6ec; |
||||||
|
border-color: #f5dab1; } |
||||||
|
.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { |
||||||
|
background: #E6A23C; |
||||||
|
border-color: #E6A23C; |
||||||
|
color: #FFFFFF; } |
||||||
|
.el-button--warning.is-plain:active { |
||||||
|
background: #cf9236; |
||||||
|
border-color: #cf9236; |
||||||
|
color: #FFFFFF; |
||||||
|
outline: none; } |
||||||
|
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active { |
||||||
|
color: #f0c78a; |
||||||
|
background-color: #fdf6ec; |
||||||
|
border-color: #faecd8; } |
||||||
|
.el-button--danger { |
||||||
|
color: #FFFFFF; |
||||||
|
background-color: #F56C6C; |
||||||
|
border-color: #F56C6C; } |
||||||
|
.el-button--danger:hover, .el-button--danger:focus { |
||||||
|
background: #f78989; |
||||||
|
border-color: #f78989; |
||||||
|
color: #FFFFFF; } |
||||||
|
.el-button--danger:active { |
||||||
|
background: #dd6161; |
||||||
|
border-color: #dd6161; |
||||||
|
color: #FFFFFF; |
||||||
|
outline: none; } |
||||||
|
.el-button--danger.is-active { |
||||||
|
background: #dd6161; |
||||||
|
border-color: #dd6161; |
||||||
|
color: #FFFFFF; } |
||||||
|
.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active { |
||||||
|
color: #FFFFFF; |
||||||
|
background-color: #fab6b6; |
||||||
|
border-color: #fab6b6; } |
||||||
|
.el-button--danger.is-plain { |
||||||
|
color: #F56C6C; |
||||||
|
background: #fef0f0; |
||||||
|
border-color: #fbc4c4; } |
||||||
|
.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { |
||||||
|
background: #F56C6C; |
||||||
|
border-color: #F56C6C; |
||||||
|
color: #FFFFFF; } |
||||||
|
.el-button--danger.is-plain:active { |
||||||
|
background: #dd6161; |
||||||
|
border-color: #dd6161; |
||||||
|
color: #FFFFFF; |
||||||
|
outline: none; } |
||||||
|
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active { |
||||||
|
color: #f9a7a7; |
||||||
|
background-color: #fef0f0; |
||||||
|
border-color: #fde2e2; } |
||||||
|
.el-button--info { |
||||||
|
color: #FFFFFF; |
||||||
|
background-color: #909399; |
||||||
|
border-color: #909399; } |
||||||
|
.el-button--info:hover, .el-button--info:focus { |
||||||
|
background: #a6a9ad; |
||||||
|
border-color: #a6a9ad; |
||||||
|
color: #FFFFFF; } |
||||||
|
.el-button--info:active { |
||||||
|
background: #82848a; |
||||||
|
border-color: #82848a; |
||||||
|
color: #FFFFFF; |
||||||
|
outline: none; } |
||||||
|
.el-button--info.is-active { |
||||||
|
background: #82848a; |
||||||
|
border-color: #82848a; |
||||||
|
color: #FFFFFF; } |
||||||
|
.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active { |
||||||
|
color: #FFFFFF; |
||||||
|
background-color: #c8c9cc; |
||||||
|
border-color: #c8c9cc; } |
||||||
|
.el-button--info.is-plain { |
||||||
|
color: #909399; |
||||||
|
background: #f4f4f5; |
||||||
|
border-color: #d3d4d6; } |
||||||
|
.el-button--info.is-plain:hover, .el-button--info.is-plain:focus { |
||||||
|
background: #909399; |
||||||
|
border-color: #909399; |
||||||
|
color: #FFFFFF; } |
||||||
|
.el-button--info.is-plain:active { |
||||||
|
background: #82848a; |
||||||
|
border-color: #82848a; |
||||||
|
color: #FFFFFF; |
||||||
|
outline: none; } |
||||||
|
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active { |
||||||
|
color: #bcbec2; |
||||||
|
background-color: #f4f4f5; |
||||||
|
border-color: #e9e9eb; } |
||||||
|
.el-button--medium { |
||||||
|
padding: 10px 20px; |
||||||
|
font-size: 14px; |
||||||
|
border-radius: 4px; } |
||||||
|
.el-button--medium.is-round { |
||||||
|
padding: 10px 20px; } |
||||||
|
.el-button--medium.is-circle { |
||||||
|
padding: 10px; } |
||||||
|
.el-button--small { |
||||||
|
padding: 9px 15px; |
||||||
|
font-size: 12px; |
||||||
|
border-radius: 3px; } |
||||||
|
.el-button--small.is-round { |
||||||
|
padding: 9px 15px; } |
||||||
|
.el-button--small.is-circle { |
||||||
|
padding: 9px; } |
||||||
|
.el-button--mini { |
||||||
|
padding: 7px 15px; |
||||||
|
font-size: 12px; |
||||||
|
border-radius: 3px; } |
||||||
|
.el-button--mini.is-round { |
||||||
|
padding: 7px 15px; } |
||||||
|
.el-button--mini.is-circle { |
||||||
|
padding: 7px; } |
||||||
|
.el-button--text { |
||||||
|
border-color: transparent; |
||||||
|
color: #00B9FF; |
||||||
|
background: transparent; |
||||||
|
padding-left: 0; |
||||||
|
padding-right: 0; } |
||||||
|
.el-button--text:hover, .el-button--text:focus { |
||||||
|
color: #33c7ff; |
||||||
|
border-color: transparent; |
||||||
|
background-color: transparent; } |
||||||
|
.el-button--text:active { |
||||||
|
color: #00a7e6; |
||||||
|
border-color: transparent; |
||||||
|
background-color: transparent; } |
||||||
|
.el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus { |
||||||
|
border-color: transparent; } |
||||||
|
|
||||||
|
.el-button-group { |
||||||
|
display: inline-block; |
||||||
|
vertical-align: middle; } |
||||||
|
.el-button-group::before, |
||||||
|
.el-button-group::after { |
||||||
|
display: table; |
||||||
|
content: ""; } |
||||||
|
.el-button-group::after { |
||||||
|
clear: both; } |
||||||
|
.el-button-group > .el-button { |
||||||
|
float: left; |
||||||
|
position: relative; } |
||||||
|
.el-button-group > .el-button + .el-button { |
||||||
|
margin-left: 0; } |
||||||
|
.el-button-group > .el-button.is-disabled { |
||||||
|
z-index: 1; } |
||||||
|
.el-button-group > .el-button:first-child { |
||||||
|
border-top-right-radius: 0; |
||||||
|
border-bottom-right-radius: 0; } |
||||||
|
.el-button-group > .el-button:last-child { |
||||||
|
border-top-left-radius: 0; |
||||||
|
border-bottom-left-radius: 0; } |
||||||
|
.el-button-group > .el-button:first-child:last-child { |
||||||
|
border-top-right-radius: 4px; |
||||||
|
border-bottom-right-radius: 4px; |
||||||
|
border-top-left-radius: 4px; |
||||||
|
border-bottom-left-radius: 4px; } |
||||||
|
.el-button-group > .el-button:first-child:last-child.is-round { |
||||||
|
border-radius: 20px; } |
||||||
|
.el-button-group > .el-button:first-child:last-child.is-circle { |
||||||
|
border-radius: 50%; } |
||||||
|
.el-button-group > .el-button:not(:first-child):not(:last-child) { |
||||||
|
border-radius: 0; } |
||||||
|
.el-button-group > .el-button:not(:last-child) { |
||||||
|
margin-right: -1px; } |
||||||
|
.el-button-group > .el-button:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button:active { |
||||||
|
z-index: 1; } |
||||||
|
.el-button-group > .el-button.is-active { |
||||||
|
z-index: 1; } |
||||||
|
.el-button-group > .el-dropdown > .el-button { |
||||||
|
border-top-left-radius: 0; |
||||||
|
border-bottom-left-radius: 0; |
||||||
|
border-left-color: rgba(255, 255, 255, 0.5); } |
||||||
|
.el-button-group .el-button--primary:first-child { |
||||||
|
border-right-color: rgba(255, 255, 255, 0.5); } |
||||||
|
.el-button-group .el-button--primary:last-child { |
||||||
|
border-left-color: rgba(255, 255, 255, 0.5); } |
||||||
|
.el-button-group .el-button--primary:not(:first-child):not(:last-child) { |
||||||
|
border-left-color: rgba(255, 255, 255, 0.5); |
||||||
|
border-right-color: rgba(255, 255, 255, 0.5); } |
||||||
|
.el-button-group .el-button--success:first-child { |
||||||
|
border-right-color: rgba(255, 255, 255, 0.5); } |
||||||
|
.el-button-group .el-button--success:last-child { |
||||||
|
border-left-color: rgba(255, 255, 255, 0.5); } |
||||||
|
.el-button-group .el-button--success:not(:first-child):not(:last-child) { |
||||||
|
border-left-color: rgba(255, 255, 255, 0.5); |
||||||
|
border-right-color: rgba(255, 255, 255, 0.5); } |
||||||
|
.el-button-group .el-button--warning:first-child { |
||||||
|
border-right-color: rgba(255, 255, 255, 0.5); } |
||||||
|
.el-button-group .el-button--warning:last-child { |
||||||
|
border-left-color: rgba(255, 255, 255, 0.5); } |
||||||
|
.el-button-group .el-button--warning:not(:first-child):not(:last-child) { |
||||||
|
border-left-color: rgba(255, 255, 255, 0.5); |
||||||
|
border-right-color: rgba(255, 255, 255, 0.5); } |
||||||
|
.el-button-group .el-button--danger:first-child { |
||||||
|
border-right-color: rgba(255, 255, 255, 0.5); } |
||||||
|
.el-button-group .el-button--danger:last-child { |
||||||
|
border-left-color: rgba(255, 255, 255, 0.5); } |
||||||
|
.el-button-group .el-button--danger:not(:first-child):not(:last-child) { |
||||||
|
border-left-color: rgba(255, 255, 255, 0.5); |
||||||
|
border-right-color: rgba(255, 255, 255, 0.5); } |
||||||
|
.el-button-group .el-button--info:first-child { |
||||||
|
border-right-color: rgba(255, 255, 255, 0.5); } |
||||||
|
.el-button-group .el-button--info:last-child { |
||||||
|
border-left-color: rgba(255, 255, 255, 0.5); } |
||||||
|
.el-button-group .el-button--info:not(:first-child):not(:last-child) { |
||||||
|
border-left-color: rgba(255, 255, 255, 0.5); |
||||||
|
border-right-color: rgba(255, 255, 255, 0.5); } |
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,271 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-card { |
||||||
|
border-radius: 4px; |
||||||
|
border: 1px solid #EBEEF5; |
||||||
|
background-color: #FFFFFF; |
||||||
|
overflow: hidden; |
||||||
|
color: #303133; |
||||||
|
-webkit-transition: 0.3s; |
||||||
|
transition: 0.3s; } |
||||||
|
.el-card.is-always-shadow { |
||||||
|
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); |
||||||
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } |
||||||
|
.el-card.is-hover-shadow:hover, .el-card.is-hover-shadow:focus { |
||||||
|
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); |
||||||
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } |
||||||
|
.el-card__header { |
||||||
|
padding: 18px 20px; |
||||||
|
border-bottom: 1px solid #EBEEF5; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; } |
||||||
|
.el-card__body { |
||||||
|
padding: 20px; } |
||||||
@ -0,0 +1,291 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-carousel__item { |
||||||
|
position: absolute; |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
display: inline-block; |
||||||
|
overflow: hidden; |
||||||
|
z-index: 0; } |
||||||
|
.el-carousel__item.is-active { |
||||||
|
z-index: 2; } |
||||||
|
.el-carousel__item.is-animating { |
||||||
|
-webkit-transition: -webkit-transform .4s ease-in-out; |
||||||
|
transition: -webkit-transform .4s ease-in-out; |
||||||
|
transition: transform .4s ease-in-out; |
||||||
|
transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out; } |
||||||
|
.el-carousel__item--card { |
||||||
|
width: 50%; |
||||||
|
-webkit-transition: -webkit-transform .4s ease-in-out; |
||||||
|
transition: -webkit-transform .4s ease-in-out; |
||||||
|
transition: transform .4s ease-in-out; |
||||||
|
transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out; } |
||||||
|
.el-carousel__item--card.is-in-stage { |
||||||
|
cursor: pointer; |
||||||
|
z-index: 1; } |
||||||
|
.el-carousel__item--card.is-in-stage:hover .el-carousel__mask, |
||||||
|
.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask { |
||||||
|
opacity: 0.12; } |
||||||
|
.el-carousel__item--card.is-active { |
||||||
|
z-index: 2; } |
||||||
|
|
||||||
|
.el-carousel__mask { |
||||||
|
position: absolute; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
background-color: #FFFFFF; |
||||||
|
opacity: 0.24; |
||||||
|
-webkit-transition: .2s; |
||||||
|
transition: .2s; } |
||||||
@ -0,0 +1,367 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-carousel { |
||||||
|
position: relative; } |
||||||
|
.el-carousel--horizontal { |
||||||
|
overflow-x: hidden; } |
||||||
|
.el-carousel--vertical { |
||||||
|
overflow-y: hidden; } |
||||||
|
.el-carousel__container { |
||||||
|
position: relative; |
||||||
|
height: 300px; } |
||||||
|
.el-carousel__arrow { |
||||||
|
border: none; |
||||||
|
outline: none; |
||||||
|
padding: 0; |
||||||
|
margin: 0; |
||||||
|
height: 36px; |
||||||
|
width: 36px; |
||||||
|
cursor: pointer; |
||||||
|
-webkit-transition: .3s; |
||||||
|
transition: .3s; |
||||||
|
border-radius: 50%; |
||||||
|
background-color: rgba(31, 45, 61, 0.11); |
||||||
|
color: #FFFFFF; |
||||||
|
position: absolute; |
||||||
|
top: 50%; |
||||||
|
z-index: 10; |
||||||
|
-webkit-transform: translateY(-50%); |
||||||
|
transform: translateY(-50%); |
||||||
|
text-align: center; |
||||||
|
font-size: 12px; } |
||||||
|
.el-carousel__arrow--left { |
||||||
|
left: 16px; } |
||||||
|
.el-carousel__arrow--right { |
||||||
|
right: 16px; } |
||||||
|
.el-carousel__arrow:hover { |
||||||
|
background-color: rgba(31, 45, 61, 0.23); } |
||||||
|
.el-carousel__arrow i { |
||||||
|
cursor: pointer; } |
||||||
|
.el-carousel__indicators { |
||||||
|
position: absolute; |
||||||
|
list-style: none; |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
z-index: 2; } |
||||||
|
.el-carousel__indicators--horizontal { |
||||||
|
bottom: 0; |
||||||
|
left: 50%; |
||||||
|
-webkit-transform: translateX(-50%); |
||||||
|
transform: translateX(-50%); } |
||||||
|
.el-carousel__indicators--vertical { |
||||||
|
right: 0; |
||||||
|
top: 50%; |
||||||
|
-webkit-transform: translateY(-50%); |
||||||
|
transform: translateY(-50%); } |
||||||
|
.el-carousel__indicators--outside { |
||||||
|
bottom: 26px; |
||||||
|
text-align: center; |
||||||
|
position: static; |
||||||
|
-webkit-transform: none; |
||||||
|
transform: none; } |
||||||
|
.el-carousel__indicators--outside .el-carousel__indicator:hover button { |
||||||
|
opacity: 0.64; } |
||||||
|
.el-carousel__indicators--outside button { |
||||||
|
background-color: #C0C4CC; |
||||||
|
opacity: 0.24; } |
||||||
|
.el-carousel__indicators--labels { |
||||||
|
left: 0; |
||||||
|
right: 0; |
||||||
|
-webkit-transform: none; |
||||||
|
transform: none; |
||||||
|
text-align: center; } |
||||||
|
.el-carousel__indicators--labels .el-carousel__button { |
||||||
|
height: auto; |
||||||
|
width: auto; |
||||||
|
padding: 2px 18px; |
||||||
|
font-size: 12px; } |
||||||
|
.el-carousel__indicators--labels .el-carousel__indicator { |
||||||
|
padding: 6px 4px; } |
||||||
|
.el-carousel__indicator { |
||||||
|
background-color: transparent; |
||||||
|
cursor: pointer; } |
||||||
|
.el-carousel__indicator:hover button { |
||||||
|
opacity: 0.72; } |
||||||
|
.el-carousel__indicator--horizontal { |
||||||
|
display: inline-block; |
||||||
|
padding: 12px 4px; } |
||||||
|
.el-carousel__indicator--vertical { |
||||||
|
padding: 4px 12px; } |
||||||
|
.el-carousel__indicator--vertical .el-carousel__button { |
||||||
|
width: 2px; |
||||||
|
height: 15px; } |
||||||
|
.el-carousel__indicator.is-active button { |
||||||
|
opacity: 1; } |
||||||
|
.el-carousel__button { |
||||||
|
display: block; |
||||||
|
opacity: 0.48; |
||||||
|
width: 30px; |
||||||
|
height: 2px; |
||||||
|
background-color: #FFFFFF; |
||||||
|
border: none; |
||||||
|
outline: none; |
||||||
|
padding: 0; |
||||||
|
margin: 0; |
||||||
|
cursor: pointer; |
||||||
|
-webkit-transition: .3s; |
||||||
|
transition: .3s; } |
||||||
|
|
||||||
|
.carousel-arrow-left-enter, |
||||||
|
.carousel-arrow-left-leave-active { |
||||||
|
-webkit-transform: translateY(-50%) translateX(-10px); |
||||||
|
transform: translateY(-50%) translateX(-10px); |
||||||
|
opacity: 0; } |
||||||
|
|
||||||
|
.carousel-arrow-right-enter, |
||||||
|
.carousel-arrow-right-leave-active { |
||||||
|
-webkit-transform: translateY(-50%) translateX(10px); |
||||||
|
transform: translateY(-50%) translateX(10px); |
||||||
|
opacity: 0; } |
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,636 @@ |
|||||||
|
@charset "UTF-8"; |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-checkbox { |
||||||
|
color: #606266; |
||||||
|
font-weight: 500; |
||||||
|
font-size: 14px; |
||||||
|
position: relative; |
||||||
|
cursor: pointer; |
||||||
|
display: inline-block; |
||||||
|
white-space: nowrap; |
||||||
|
-webkit-user-select: none; |
||||||
|
-moz-user-select: none; |
||||||
|
-ms-user-select: none; |
||||||
|
user-select: none; |
||||||
|
margin-right: 30px; } |
||||||
|
.el-checkbox.is-bordered { |
||||||
|
padding: 9px 20px 9px 10px; |
||||||
|
border-radius: 4px; |
||||||
|
border: 1px solid #DCDFE6; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
line-height: normal; |
||||||
|
height: 40px; } |
||||||
|
.el-checkbox.is-bordered.is-checked { |
||||||
|
border-color: #00B9FF; } |
||||||
|
.el-checkbox.is-bordered.is-disabled { |
||||||
|
border-color: #EBEEF5; |
||||||
|
cursor: not-allowed; } |
||||||
|
.el-checkbox.is-bordered + .el-checkbox.is-bordered { |
||||||
|
margin-left: 10px; } |
||||||
|
.el-checkbox.is-bordered.el-checkbox--medium { |
||||||
|
padding: 7px 20px 7px 10px; |
||||||
|
border-radius: 4px; |
||||||
|
height: 36px; } |
||||||
|
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { |
||||||
|
line-height: 17px; |
||||||
|
font-size: 14px; } |
||||||
|
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { |
||||||
|
height: 14px; |
||||||
|
width: 14px; } |
||||||
|
.el-checkbox.is-bordered.el-checkbox--small { |
||||||
|
padding: 5px 15px 5px 10px; |
||||||
|
border-radius: 3px; |
||||||
|
height: 32px; } |
||||||
|
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { |
||||||
|
line-height: 15px; |
||||||
|
font-size: 12px; } |
||||||
|
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { |
||||||
|
height: 12px; |
||||||
|
width: 12px; } |
||||||
|
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after { |
||||||
|
height: 6px; |
||||||
|
width: 2px; } |
||||||
|
.el-checkbox.is-bordered.el-checkbox--mini { |
||||||
|
padding: 3px 15px 3px 10px; |
||||||
|
border-radius: 3px; |
||||||
|
height: 28px; } |
||||||
|
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { |
||||||
|
line-height: 12px; |
||||||
|
font-size: 12px; } |
||||||
|
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { |
||||||
|
height: 12px; |
||||||
|
width: 12px; } |
||||||
|
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { |
||||||
|
height: 6px; |
||||||
|
width: 2px; } |
||||||
|
.el-checkbox__input { |
||||||
|
white-space: nowrap; |
||||||
|
cursor: pointer; |
||||||
|
outline: none; |
||||||
|
display: inline-block; |
||||||
|
line-height: 1; |
||||||
|
position: relative; |
||||||
|
vertical-align: middle; } |
||||||
|
.el-checkbox__input.is-disabled .el-checkbox__inner { |
||||||
|
background-color: #edf2fc; |
||||||
|
border-color: #DCDFE6; |
||||||
|
cursor: not-allowed; } |
||||||
|
.el-checkbox__input.is-disabled .el-checkbox__inner::after { |
||||||
|
cursor: not-allowed; |
||||||
|
border-color: #C0C4CC; } |
||||||
|
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label { |
||||||
|
cursor: not-allowed; } |
||||||
|
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { |
||||||
|
background-color: #F2F6FC; |
||||||
|
border-color: #DCDFE6; } |
||||||
|
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { |
||||||
|
border-color: #C0C4CC; } |
||||||
|
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { |
||||||
|
background-color: #F2F6FC; |
||||||
|
border-color: #DCDFE6; } |
||||||
|
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before { |
||||||
|
background-color: #C0C4CC; |
||||||
|
border-color: #C0C4CC; } |
||||||
|
.el-checkbox__input.is-disabled + span.el-checkbox__label { |
||||||
|
color: #C0C4CC; |
||||||
|
cursor: not-allowed; } |
||||||
|
.el-checkbox__input.is-checked .el-checkbox__inner { |
||||||
|
background-color: #00B9FF; |
||||||
|
border-color: #00B9FF; } |
||||||
|
.el-checkbox__input.is-checked .el-checkbox__inner::after { |
||||||
|
-webkit-transform: rotate(45deg) scaleY(1); |
||||||
|
transform: rotate(45deg) scaleY(1); } |
||||||
|
.el-checkbox__input.is-checked + .el-checkbox__label { |
||||||
|
color: #00B9FF; } |
||||||
|
.el-checkbox__input.is-focus { |
||||||
|
/*focus时 视觉上区分*/ } |
||||||
|
.el-checkbox__input.is-focus .el-checkbox__inner { |
||||||
|
border-color: #00B9FF; } |
||||||
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner { |
||||||
|
background-color: #00B9FF; |
||||||
|
border-color: #00B9FF; } |
||||||
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before { |
||||||
|
content: ''; |
||||||
|
position: absolute; |
||||||
|
display: block; |
||||||
|
background-color: #FFFFFF; |
||||||
|
height: 2px; |
||||||
|
-webkit-transform: scale(0.5); |
||||||
|
transform: scale(0.5); |
||||||
|
left: 0; |
||||||
|
right: 0; |
||||||
|
top: 5px; } |
||||||
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after { |
||||||
|
display: none; } |
||||||
|
.el-checkbox__inner { |
||||||
|
display: inline-block; |
||||||
|
position: relative; |
||||||
|
border: 1px solid #DCDFE6; |
||||||
|
border-radius: 2px; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
width: 14px; |
||||||
|
height: 14px; |
||||||
|
background-color: #FFFFFF; |
||||||
|
z-index: 1; |
||||||
|
-webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); |
||||||
|
transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); } |
||||||
|
.el-checkbox__inner:hover { |
||||||
|
border-color: #00B9FF; } |
||||||
|
.el-checkbox__inner::after { |
||||||
|
-webkit-box-sizing: content-box; |
||||||
|
box-sizing: content-box; |
||||||
|
content: ""; |
||||||
|
border: 1px solid #FFFFFF; |
||||||
|
border-left: 0; |
||||||
|
border-top: 0; |
||||||
|
height: 7px; |
||||||
|
left: 4px; |
||||||
|
position: absolute; |
||||||
|
top: 1px; |
||||||
|
-webkit-transform: rotate(45deg) scaleY(0); |
||||||
|
transform: rotate(45deg) scaleY(0); |
||||||
|
width: 3px; |
||||||
|
-webkit-transition: -webkit-transform .15s ease-in .05s; |
||||||
|
transition: -webkit-transform .15s ease-in .05s; |
||||||
|
transition: transform .15s ease-in .05s; |
||||||
|
transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s; |
||||||
|
-webkit-transform-origin: center; |
||||||
|
transform-origin: center; } |
||||||
|
.el-checkbox__original { |
||||||
|
opacity: 0; |
||||||
|
outline: none; |
||||||
|
position: absolute; |
||||||
|
margin: 0; |
||||||
|
width: 0; |
||||||
|
height: 0; |
||||||
|
z-index: -1; } |
||||||
|
.el-checkbox__label { |
||||||
|
display: inline-block; |
||||||
|
padding-left: 10px; |
||||||
|
line-height: 19px; |
||||||
|
font-size: 14px; } |
||||||
|
.el-checkbox:last-of-type { |
||||||
|
margin-right: 0; } |
||||||
|
|
||||||
|
.el-checkbox-button { |
||||||
|
position: relative; |
||||||
|
display: inline-block; } |
||||||
|
.el-checkbox-button__inner { |
||||||
|
display: inline-block; |
||||||
|
line-height: 1; |
||||||
|
font-weight: 500; |
||||||
|
white-space: nowrap; |
||||||
|
vertical-align: middle; |
||||||
|
cursor: pointer; |
||||||
|
background: #FFFFFF; |
||||||
|
border: 1px solid #DCDFE6; |
||||||
|
border-left: 0; |
||||||
|
color: #606266; |
||||||
|
-webkit-appearance: none; |
||||||
|
text-align: center; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
outline: none; |
||||||
|
margin: 0; |
||||||
|
position: relative; |
||||||
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||||
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||||
|
-moz-user-select: none; |
||||||
|
-webkit-user-select: none; |
||||||
|
-ms-user-select: none; |
||||||
|
padding: 12px 20px; |
||||||
|
font-size: 14px; |
||||||
|
border-radius: 0; } |
||||||
|
.el-checkbox-button__inner.is-round { |
||||||
|
padding: 12px 20px; } |
||||||
|
.el-checkbox-button__inner:hover { |
||||||
|
color: #00B9FF; } |
||||||
|
.el-checkbox-button__inner [class*="el-icon-"] { |
||||||
|
line-height: 0.9; } |
||||||
|
.el-checkbox-button__inner [class*="el-icon-"] + span { |
||||||
|
margin-left: 5px; } |
||||||
|
.el-checkbox-button__original { |
||||||
|
opacity: 0; |
||||||
|
outline: none; |
||||||
|
position: absolute; |
||||||
|
margin: 0; |
||||||
|
z-index: -1; } |
||||||
|
.el-checkbox-button.is-checked .el-checkbox-button__inner { |
||||||
|
color: #FFFFFF; |
||||||
|
background-color: #00B9FF; |
||||||
|
border-color: #00B9FF; |
||||||
|
-webkit-box-shadow: -1px 0 0 0 #66d5ff; |
||||||
|
box-shadow: -1px 0 0 0 #66d5ff; } |
||||||
|
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { |
||||||
|
border-left-color: #00B9FF; } |
||||||
|
.el-checkbox-button.is-disabled .el-checkbox-button__inner { |
||||||
|
color: #C0C4CC; |
||||||
|
cursor: not-allowed; |
||||||
|
background-image: none; |
||||||
|
background-color: #FFFFFF; |
||||||
|
border-color: #EBEEF5; |
||||||
|
-webkit-box-shadow: none; |
||||||
|
box-shadow: none; } |
||||||
|
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { |
||||||
|
border-left-color: #EBEEF5; } |
||||||
|
.el-checkbox-button:first-child .el-checkbox-button__inner { |
||||||
|
border-left: 1px solid #DCDFE6; |
||||||
|
border-radius: 4px 0 0 4px; |
||||||
|
-webkit-box-shadow: none !important; |
||||||
|
box-shadow: none !important; } |
||||||
|
.el-checkbox-button.is-focus .el-checkbox-button__inner { |
||||||
|
border-color: #00B9FF; } |
||||||
|
.el-checkbox-button:last-child .el-checkbox-button__inner { |
||||||
|
border-radius: 0 4px 4px 0; } |
||||||
|
.el-checkbox-button--medium .el-checkbox-button__inner { |
||||||
|
padding: 10px 20px; |
||||||
|
font-size: 14px; |
||||||
|
border-radius: 0; } |
||||||
|
.el-checkbox-button--medium .el-checkbox-button__inner.is-round { |
||||||
|
padding: 10px 20px; } |
||||||
|
.el-checkbox-button--small .el-checkbox-button__inner { |
||||||
|
padding: 9px 15px; |
||||||
|
font-size: 12px; |
||||||
|
border-radius: 0; } |
||||||
|
.el-checkbox-button--small .el-checkbox-button__inner.is-round { |
||||||
|
padding: 9px 15px; } |
||||||
|
.el-checkbox-button--mini .el-checkbox-button__inner { |
||||||
|
padding: 7px 15px; |
||||||
|
font-size: 12px; |
||||||
|
border-radius: 0; } |
||||||
|
.el-checkbox-button--mini .el-checkbox-button__inner.is-round { |
||||||
|
padding: 7px 15px; } |
||||||
|
|
||||||
|
.el-checkbox-group { |
||||||
|
font-size: 0; } |
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,543 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.fade-in-linear-enter-active, |
||||||
|
.fade-in-linear-leave-active { |
||||||
|
-webkit-transition: opacity 200ms linear; |
||||||
|
transition: opacity 200ms linear; } |
||||||
|
|
||||||
|
.fade-in-linear-enter, |
||||||
|
.fade-in-linear-leave, |
||||||
|
.fade-in-linear-leave-active { |
||||||
|
opacity: 0; } |
||||||
|
|
||||||
|
.el-fade-in-linear-enter-active, |
||||||
|
.el-fade-in-linear-leave-active { |
||||||
|
-webkit-transition: opacity 200ms linear; |
||||||
|
transition: opacity 200ms linear; } |
||||||
|
|
||||||
|
.el-fade-in-linear-enter, |
||||||
|
.el-fade-in-linear-leave, |
||||||
|
.el-fade-in-linear-leave-active { |
||||||
|
opacity: 0; } |
||||||
|
|
||||||
|
.el-fade-in-enter-active, |
||||||
|
.el-fade-in-leave-active { |
||||||
|
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); |
||||||
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); } |
||||||
|
|
||||||
|
.el-fade-in-enter, |
||||||
|
.el-fade-in-leave-active { |
||||||
|
opacity: 0; } |
||||||
|
|
||||||
|
.el-zoom-in-center-enter-active, |
||||||
|
.el-zoom-in-center-leave-active { |
||||||
|
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); |
||||||
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); } |
||||||
|
|
||||||
|
.el-zoom-in-center-enter, |
||||||
|
.el-zoom-in-center-leave-active { |
||||||
|
opacity: 0; |
||||||
|
-webkit-transform: scaleX(0); |
||||||
|
transform: scaleX(0); } |
||||||
|
|
||||||
|
.el-zoom-in-top-enter-active, |
||||||
|
.el-zoom-in-top-leave-active { |
||||||
|
opacity: 1; |
||||||
|
-webkit-transform: scaleY(1); |
||||||
|
transform: scaleY(1); |
||||||
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||||
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||||
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||||
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||||
|
-webkit-transform-origin: center top; |
||||||
|
transform-origin: center top; } |
||||||
|
|
||||||
|
.el-zoom-in-top-enter, |
||||||
|
.el-zoom-in-top-leave-active { |
||||||
|
opacity: 0; |
||||||
|
-webkit-transform: scaleY(0); |
||||||
|
transform: scaleY(0); } |
||||||
|
|
||||||
|
.el-zoom-in-bottom-enter-active, |
||||||
|
.el-zoom-in-bottom-leave-active { |
||||||
|
opacity: 1; |
||||||
|
-webkit-transform: scaleY(1); |
||||||
|
transform: scaleY(1); |
||||||
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||||
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||||
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||||
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||||
|
-webkit-transform-origin: center bottom; |
||||||
|
transform-origin: center bottom; } |
||||||
|
|
||||||
|
.el-zoom-in-bottom-enter, |
||||||
|
.el-zoom-in-bottom-leave-active { |
||||||
|
opacity: 0; |
||||||
|
-webkit-transform: scaleY(0); |
||||||
|
transform: scaleY(0); } |
||||||
|
|
||||||
|
.el-zoom-in-left-enter-active, |
||||||
|
.el-zoom-in-left-leave-active { |
||||||
|
opacity: 1; |
||||||
|
-webkit-transform: scale(1, 1); |
||||||
|
transform: scale(1, 1); |
||||||
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||||
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||||
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||||
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||||
|
-webkit-transform-origin: top left; |
||||||
|
transform-origin: top left; } |
||||||
|
|
||||||
|
.el-zoom-in-left-enter, |
||||||
|
.el-zoom-in-left-leave-active { |
||||||
|
opacity: 0; |
||||||
|
-webkit-transform: scale(0.45, 0.45); |
||||||
|
transform: scale(0.45, 0.45); } |
||||||
|
|
||||||
|
.collapse-transition { |
||||||
|
-webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; |
||||||
|
transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; } |
||||||
|
|
||||||
|
.horizontal-collapse-transition { |
||||||
|
-webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; |
||||||
|
transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; } |
||||||
|
|
||||||
|
.el-list-enter-active, |
||||||
|
.el-list-leave-active { |
||||||
|
-webkit-transition: all 1s; |
||||||
|
transition: all 1s; } |
||||||
|
|
||||||
|
.el-list-enter, .el-list-leave-active { |
||||||
|
opacity: 0; |
||||||
|
-webkit-transform: translateY(-30px); |
||||||
|
transform: translateY(-30px); } |
||||||
|
|
||||||
|
.el-opacity-transition { |
||||||
|
-webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); |
||||||
|
transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); } |
||||||
|
|
||||||
|
.el-collapse { |
||||||
|
border-top: 1px solid #EBEEF5; |
||||||
|
border-bottom: 1px solid #EBEEF5; } |
||||||
|
|
||||||
|
.el-collapse-item.is-disabled .el-collapse-item__header { |
||||||
|
color: #bbb; |
||||||
|
cursor: not-allowed; } |
||||||
|
|
||||||
|
.el-collapse-item__header { |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
height: 48px; |
||||||
|
line-height: 48px; |
||||||
|
background-color: #FFFFFF; |
||||||
|
color: #303133; |
||||||
|
cursor: pointer; |
||||||
|
border-bottom: 1px solid #EBEEF5; |
||||||
|
font-size: 13px; |
||||||
|
font-weight: 500; |
||||||
|
-webkit-transition: border-bottom-color .3s; |
||||||
|
transition: border-bottom-color .3s; |
||||||
|
outline: none; } |
||||||
|
.el-collapse-item__arrow { |
||||||
|
margin: 0 8px 0 auto; |
||||||
|
-webkit-transition: -webkit-transform .3s; |
||||||
|
transition: -webkit-transform .3s; |
||||||
|
transition: transform .3s; |
||||||
|
transition: transform .3s, -webkit-transform .3s; |
||||||
|
font-weight: 300; } |
||||||
|
.el-collapse-item__arrow.is-active { |
||||||
|
-webkit-transform: rotate(90deg); |
||||||
|
transform: rotate(90deg); } |
||||||
|
.el-collapse-item__header.focusing:focus:not(:hover) { |
||||||
|
color: #00B9FF; } |
||||||
|
.el-collapse-item__header.is-active { |
||||||
|
border-bottom-color: transparent; } |
||||||
|
|
||||||
|
.el-collapse-item__wrap { |
||||||
|
will-change: height; |
||||||
|
background-color: #FFFFFF; |
||||||
|
overflow: hidden; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
border-bottom: 1px solid #EBEEF5; } |
||||||
|
|
||||||
|
.el-collapse-item__content { |
||||||
|
padding-bottom: 25px; |
||||||
|
font-size: 13px; |
||||||
|
color: #303133; |
||||||
|
line-height: 1.769230769230769; } |
||||||
|
|
||||||
|
.el-collapse-item:last-child { |
||||||
|
margin-bottom: -1px; } |
||||||
@ -0,0 +1,545 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-color-predefine { |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
font-size: 12px; |
||||||
|
margin-top: 8px; |
||||||
|
width: 280px; } |
||||||
|
.el-color-predefine__colors { |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-flex: 1; |
||||||
|
-ms-flex: 1; |
||||||
|
flex: 1; |
||||||
|
-ms-flex-wrap: wrap; |
||||||
|
flex-wrap: wrap; } |
||||||
|
.el-color-predefine__color-selector { |
||||||
|
margin: 0 0 8px 8px; |
||||||
|
width: 20px; |
||||||
|
height: 20px; |
||||||
|
border-radius: 4px; |
||||||
|
cursor: pointer; } |
||||||
|
.el-color-predefine__color-selector:nth-child(10n + 1) { |
||||||
|
margin-left: 0; } |
||||||
|
.el-color-predefine__color-selector.selected { |
||||||
|
-webkit-box-shadow: 0 0 3px 2px #00B9FF; |
||||||
|
box-shadow: 0 0 3px 2px #00B9FF; } |
||||||
|
.el-color-predefine__color-selector > div { |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
height: 100%; |
||||||
|
border-radius: 3px; } |
||||||
|
.el-color-predefine__color-selector.is-alpha { |
||||||
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } |
||||||
|
|
||||||
|
.el-color-hue-slider { |
||||||
|
position: relative; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
width: 280px; |
||||||
|
height: 12px; |
||||||
|
background-color: #f00; |
||||||
|
padding: 0 2px; } |
||||||
|
.el-color-hue-slider__bar { |
||||||
|
position: relative; |
||||||
|
background: -webkit-gradient(linear, left top, right top, from(#f00), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(#f00)); |
||||||
|
background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%); |
||||||
|
height: 100%; } |
||||||
|
.el-color-hue-slider__thumb { |
||||||
|
position: absolute; |
||||||
|
cursor: pointer; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
left: 0; |
||||||
|
top: 0; |
||||||
|
width: 4px; |
||||||
|
height: 100%; |
||||||
|
border-radius: 1px; |
||||||
|
background: #fff; |
||||||
|
border: 1px solid #f0f0f0; |
||||||
|
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); |
||||||
|
box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); |
||||||
|
z-index: 1; } |
||||||
|
.el-color-hue-slider.is-vertical { |
||||||
|
width: 12px; |
||||||
|
height: 180px; |
||||||
|
padding: 2px 0; } |
||||||
|
.el-color-hue-slider.is-vertical .el-color-hue-slider__bar { |
||||||
|
background: -webkit-gradient(linear, left top, left bottom, from(#f00), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(#f00)); |
||||||
|
background: linear-gradient(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%); } |
||||||
|
.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb { |
||||||
|
left: 0; |
||||||
|
top: 0; |
||||||
|
width: 100%; |
||||||
|
height: 4px; } |
||||||
|
|
||||||
|
.el-color-svpanel { |
||||||
|
position: relative; |
||||||
|
width: 280px; |
||||||
|
height: 180px; } |
||||||
|
.el-color-svpanel__white, .el-color-svpanel__black { |
||||||
|
position: absolute; |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
right: 0; |
||||||
|
bottom: 0; } |
||||||
|
.el-color-svpanel__white { |
||||||
|
background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0))); |
||||||
|
background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); } |
||||||
|
.el-color-svpanel__black { |
||||||
|
background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0))); |
||||||
|
background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); } |
||||||
|
.el-color-svpanel__cursor { |
||||||
|
position: absolute; } |
||||||
|
.el-color-svpanel__cursor > div { |
||||||
|
cursor: head; |
||||||
|
width: 4px; |
||||||
|
height: 4px; |
||||||
|
-webkit-box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4); |
||||||
|
box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4); |
||||||
|
border-radius: 50%; |
||||||
|
-webkit-transform: translate(-2px, -2px); |
||||||
|
transform: translate(-2px, -2px); } |
||||||
|
|
||||||
|
.el-color-alpha-slider { |
||||||
|
position: relative; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
width: 280px; |
||||||
|
height: 12px; |
||||||
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } |
||||||
|
.el-color-alpha-slider__bar { |
||||||
|
position: relative; |
||||||
|
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white)); |
||||||
|
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); |
||||||
|
height: 100%; } |
||||||
|
.el-color-alpha-slider__thumb { |
||||||
|
position: absolute; |
||||||
|
cursor: pointer; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
left: 0; |
||||||
|
top: 0; |
||||||
|
width: 4px; |
||||||
|
height: 100%; |
||||||
|
border-radius: 1px; |
||||||
|
background: #fff; |
||||||
|
border: 1px solid #f0f0f0; |
||||||
|
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); |
||||||
|
box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); |
||||||
|
z-index: 1; } |
||||||
|
.el-color-alpha-slider.is-vertical { |
||||||
|
width: 20px; |
||||||
|
height: 180px; } |
||||||
|
.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar { |
||||||
|
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)); |
||||||
|
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); } |
||||||
|
.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb { |
||||||
|
left: 0; |
||||||
|
top: 0; |
||||||
|
width: 100%; |
||||||
|
height: 4px; } |
||||||
|
|
||||||
|
.el-color-dropdown { |
||||||
|
width: 300px; } |
||||||
|
.el-color-dropdown__main-wrapper { |
||||||
|
margin-bottom: 6px; } |
||||||
|
.el-color-dropdown__main-wrapper::after { |
||||||
|
content: ""; |
||||||
|
display: table; |
||||||
|
clear: both; } |
||||||
|
.el-color-dropdown__btns { |
||||||
|
margin-top: 6px; |
||||||
|
text-align: right; } |
||||||
|
.el-color-dropdown__value { |
||||||
|
float: left; |
||||||
|
line-height: 26px; |
||||||
|
font-size: 12px; |
||||||
|
color: #000000; |
||||||
|
width: 160px; } |
||||||
|
.el-color-dropdown__btn { |
||||||
|
border: 1px solid #dcdcdc; |
||||||
|
color: #333; |
||||||
|
line-height: 24px; |
||||||
|
border-radius: 2px; |
||||||
|
padding: 0 20px; |
||||||
|
cursor: pointer; |
||||||
|
background-color: transparent; |
||||||
|
outline: none; |
||||||
|
font-size: 12px; } |
||||||
|
.el-color-dropdown__btn[disabled] { |
||||||
|
color: #cccccc; |
||||||
|
cursor: not-allowed; } |
||||||
|
.el-color-dropdown__btn:hover { |
||||||
|
color: #00B9FF; |
||||||
|
border-color: #00B9FF; } |
||||||
|
.el-color-dropdown__link-btn { |
||||||
|
cursor: pointer; |
||||||
|
color: #00B9FF; |
||||||
|
text-decoration: none; |
||||||
|
padding: 15px; |
||||||
|
font-size: 12px; } |
||||||
|
.el-color-dropdown__link-btn:hover { |
||||||
|
color: tint(#00B9FF, 20%); } |
||||||
|
|
||||||
|
.el-color-picker { |
||||||
|
display: inline-block; |
||||||
|
position: relative; |
||||||
|
line-height: normal; |
||||||
|
height: 40px; } |
||||||
|
.el-color-picker.is-disabled .el-color-picker__trigger { |
||||||
|
cursor: not-allowed; } |
||||||
|
.el-color-picker--medium { |
||||||
|
height: 36px; } |
||||||
|
.el-color-picker--medium .el-color-picker__trigger { |
||||||
|
height: 36px; |
||||||
|
width: 36px; } |
||||||
|
.el-color-picker--medium .el-color-picker__mask { |
||||||
|
height: 34px; |
||||||
|
width: 34px; } |
||||||
|
.el-color-picker--small { |
||||||
|
height: 32px; } |
||||||
|
.el-color-picker--small .el-color-picker__trigger { |
||||||
|
height: 32px; |
||||||
|
width: 32px; } |
||||||
|
.el-color-picker--small .el-color-picker__mask { |
||||||
|
height: 30px; |
||||||
|
width: 30px; } |
||||||
|
.el-color-picker--small .el-color-picker__icon, |
||||||
|
.el-color-picker--small .el-color-picker__empty { |
||||||
|
-webkit-transform: translate3d(-50%, -50%, 0) scale(0.8); |
||||||
|
transform: translate3d(-50%, -50%, 0) scale(0.8); } |
||||||
|
.el-color-picker--mini { |
||||||
|
height: 28px; } |
||||||
|
.el-color-picker--mini .el-color-picker__trigger { |
||||||
|
height: 28px; |
||||||
|
width: 28px; } |
||||||
|
.el-color-picker--mini .el-color-picker__mask { |
||||||
|
height: 26px; |
||||||
|
width: 26px; } |
||||||
|
.el-color-picker--mini .el-color-picker__icon, |
||||||
|
.el-color-picker--mini .el-color-picker__empty { |
||||||
|
-webkit-transform: translate3d(-50%, -50%, 0) scale(0.8); |
||||||
|
transform: translate3d(-50%, -50%, 0) scale(0.8); } |
||||||
|
.el-color-picker__mask { |
||||||
|
height: 38px; |
||||||
|
width: 38px; |
||||||
|
border-radius: 4px; |
||||||
|
position: absolute; |
||||||
|
top: 1px; |
||||||
|
left: 1px; |
||||||
|
z-index: 1; |
||||||
|
cursor: not-allowed; |
||||||
|
background-color: rgba(255, 255, 255, 0.7); } |
||||||
|
.el-color-picker__trigger { |
||||||
|
display: inline-block; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
height: 40px; |
||||||
|
width: 40px; |
||||||
|
padding: 4px; |
||||||
|
border: 1px solid #e6e6e6; |
||||||
|
border-radius: 4px; |
||||||
|
font-size: 0; |
||||||
|
position: relative; |
||||||
|
cursor: pointer; } |
||||||
|
.el-color-picker__color { |
||||||
|
position: relative; |
||||||
|
display: block; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
border: 1px solid #999; |
||||||
|
border-radius: 2px; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
text-align: center; } |
||||||
|
.el-color-picker__color.is-alpha { |
||||||
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } |
||||||
|
.el-color-picker__color-inner { |
||||||
|
position: absolute; |
||||||
|
left: 0; |
||||||
|
top: 0; |
||||||
|
right: 0; |
||||||
|
bottom: 0; } |
||||||
|
.el-color-picker__empty { |
||||||
|
font-size: 12px; |
||||||
|
color: #999; |
||||||
|
position: absolute; |
||||||
|
top: 50%; |
||||||
|
left: 50%; |
||||||
|
-webkit-transform: translate3d(-50%, -50%, 0); |
||||||
|
transform: translate3d(-50%, -50%, 0); } |
||||||
|
.el-color-picker__icon { |
||||||
|
display: inline-block; |
||||||
|
position: absolute; |
||||||
|
width: 100%; |
||||||
|
top: 50%; |
||||||
|
left: 50%; |
||||||
|
-webkit-transform: translate3d(-50%, -50%, 0); |
||||||
|
transform: translate3d(-50%, -50%, 0); |
||||||
|
color: #FFFFFF; |
||||||
|
text-align: center; |
||||||
|
font-size: 12px; } |
||||||
|
.el-color-picker__panel { |
||||||
|
position: absolute; |
||||||
|
z-index: 10; |
||||||
|
padding: 6px; |
||||||
|
-webkit-box-sizing: content-box; |
||||||
|
box-sizing: content-box; |
||||||
|
background-color: #FFFFFF; |
||||||
|
border: 1px solid #EBEEF5; |
||||||
|
border-radius: 4px; |
||||||
|
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); |
||||||
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } |
||||||
@ -0,0 +1,151 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
.el-container { |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-orient: horizontal; |
||||||
|
-webkit-box-direction: normal; |
||||||
|
-ms-flex-direction: row; |
||||||
|
flex-direction: row; |
||||||
|
-webkit-box-flex: 1; |
||||||
|
-ms-flex: 1; |
||||||
|
flex: 1; |
||||||
|
-ms-flex-preferred-size: auto; |
||||||
|
flex-basis: auto; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
min-width: 0; } |
||||||
|
.el-container.is-vertical { |
||||||
|
-webkit-box-orient: vertical; |
||||||
|
-webkit-box-direction: normal; |
||||||
|
-ms-flex-direction: column; |
||||||
|
flex-direction: column; } |
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,651 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
.v-modal-enter { |
||||||
|
-webkit-animation: v-modal-in .2s ease; |
||||||
|
animation: v-modal-in .2s ease; } |
||||||
|
|
||||||
|
.v-modal-leave { |
||||||
|
-webkit-animation: v-modal-out .2s ease forwards; |
||||||
|
animation: v-modal-out .2s ease forwards; } |
||||||
|
|
||||||
|
@-webkit-keyframes v-modal-in { |
||||||
|
0% { |
||||||
|
opacity: 0; } |
||||||
|
100% { } } |
||||||
|
|
||||||
|
@keyframes v-modal-in { |
||||||
|
0% { |
||||||
|
opacity: 0; } |
||||||
|
100% { } } |
||||||
|
|
||||||
|
@-webkit-keyframes v-modal-out { |
||||||
|
0% { } |
||||||
|
100% { |
||||||
|
opacity: 0; } } |
||||||
|
|
||||||
|
@keyframes v-modal-out { |
||||||
|
0% { } |
||||||
|
100% { |
||||||
|
opacity: 0; } } |
||||||
|
|
||||||
|
.v-modal { |
||||||
|
position: fixed; |
||||||
|
left: 0; |
||||||
|
top: 0; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
opacity: 0.5; |
||||||
|
background: #000000; } |
||||||
|
|
||||||
|
.el-popup-parent--hidden { |
||||||
|
overflow: hidden; } |
||||||
|
|
||||||
|
.el-dialog { |
||||||
|
position: relative; |
||||||
|
margin: 0 auto 50px; |
||||||
|
background: #FFFFFF; |
||||||
|
border-radius: 2px; |
||||||
|
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); |
||||||
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
width: 50%; } |
||||||
|
.el-dialog.is-fullscreen { |
||||||
|
width: 100%; |
||||||
|
margin-top: 0; |
||||||
|
margin-bottom: 0; |
||||||
|
height: 100%; |
||||||
|
overflow: auto; } |
||||||
|
.el-dialog__wrapper { |
||||||
|
position: fixed; |
||||||
|
top: 0; |
||||||
|
right: 0; |
||||||
|
bottom: 0; |
||||||
|
left: 0; |
||||||
|
overflow: auto; |
||||||
|
margin: 0; } |
||||||
|
.el-dialog__header { |
||||||
|
padding: 20px; |
||||||
|
padding-bottom: 10px; } |
||||||
|
.el-dialog__headerbtn { |
||||||
|
position: absolute; |
||||||
|
top: 20px; |
||||||
|
right: 20px; |
||||||
|
padding: 0; |
||||||
|
background: transparent; |
||||||
|
border: none; |
||||||
|
outline: none; |
||||||
|
cursor: pointer; |
||||||
|
font-size: 16px; } |
||||||
|
.el-dialog__headerbtn .el-dialog__close { |
||||||
|
color: #909399; } |
||||||
|
.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close { |
||||||
|
color: #00B9FF; } |
||||||
|
.el-dialog__title { |
||||||
|
line-height: 24px; |
||||||
|
font-size: 18px; |
||||||
|
color: #303133; } |
||||||
|
.el-dialog__body { |
||||||
|
padding: 30px 20px; |
||||||
|
color: #606266; |
||||||
|
font-size: 14px; |
||||||
|
word-break: break-all; } |
||||||
|
.el-dialog__footer { |
||||||
|
padding: 20px; |
||||||
|
padding-top: 10px; |
||||||
|
text-align: right; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; } |
||||||
|
.el-dialog--center { |
||||||
|
text-align: center; } |
||||||
|
.el-dialog--center .el-dialog__body { |
||||||
|
text-align: initial; |
||||||
|
padding: 25px 25px 30px; } |
||||||
|
.el-dialog--center .el-dialog__footer { |
||||||
|
text-align: inherit; } |
||||||
|
|
||||||
|
.dialog-fade-enter-active { |
||||||
|
-webkit-animation: dialog-fade-in .3s; |
||||||
|
animation: dialog-fade-in .3s; } |
||||||
|
|
||||||
|
.dialog-fade-leave-active { |
||||||
|
-webkit-animation: dialog-fade-out .3s; |
||||||
|
animation: dialog-fade-out .3s; } |
||||||
|
|
||||||
|
@-webkit-keyframes dialog-fade-in { |
||||||
|
0% { |
||||||
|
-webkit-transform: translate3d(0, -20px, 0); |
||||||
|
transform: translate3d(0, -20px, 0); |
||||||
|
opacity: 0; } |
||||||
|
100% { |
||||||
|
-webkit-transform: translate3d(0, 0, 0); |
||||||
|
transform: translate3d(0, 0, 0); |
||||||
|
opacity: 1; } } |
||||||
|
|
||||||
|
@keyframes dialog-fade-in { |
||||||
|
0% { |
||||||
|
-webkit-transform: translate3d(0, -20px, 0); |
||||||
|
transform: translate3d(0, -20px, 0); |
||||||
|
opacity: 0; } |
||||||
|
100% { |
||||||
|
-webkit-transform: translate3d(0, 0, 0); |
||||||
|
transform: translate3d(0, 0, 0); |
||||||
|
opacity: 1; } } |
||||||
|
|
||||||
|
@-webkit-keyframes dialog-fade-out { |
||||||
|
0% { |
||||||
|
-webkit-transform: translate3d(0, 0, 0); |
||||||
|
transform: translate3d(0, 0, 0); |
||||||
|
opacity: 1; } |
||||||
|
100% { |
||||||
|
-webkit-transform: translate3d(0, -20px, 0); |
||||||
|
transform: translate3d(0, -20px, 0); |
||||||
|
opacity: 0; } } |
||||||
|
|
||||||
|
@keyframes dialog-fade-out { |
||||||
|
0% { |
||||||
|
-webkit-transform: translate3d(0, 0, 0); |
||||||
|
transform: translate3d(0, 0, 0); |
||||||
|
opacity: 1; } |
||||||
|
100% { |
||||||
|
-webkit-transform: translate3d(0, -20px, 0); |
||||||
|
transform: translate3d(0, -20px, 0); |
||||||
|
opacity: 0; } } |
||||||
@ -0,0 +1,293 @@ |
|||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
@media only screen and (max-width: 767px) { |
||||||
|
.hidden-xs-only { |
||||||
|
display: none !important; } } |
||||||
|
|
||||||
|
@media only screen and (min-width: 768px) { |
||||||
|
.hidden-sm-and-up { |
||||||
|
display: none !important; } } |
||||||
|
|
||||||
|
@media only screen and (min-width: 768px) and (max-width: 991px) { |
||||||
|
.hidden-sm-only { |
||||||
|
display: none !important; } } |
||||||
|
|
||||||
|
@media only screen and (max-width: 991px) { |
||||||
|
.hidden-sm-and-down { |
||||||
|
display: none !important; } } |
||||||
|
|
||||||
|
@media only screen and (min-width: 992px) { |
||||||
|
.hidden-md-and-up { |
||||||
|
display: none !important; } } |
||||||
|
|
||||||
|
@media only screen and (min-width: 992px) and (max-width: 1199px) { |
||||||
|
.hidden-md-only { |
||||||
|
display: none !important; } } |
||||||
|
|
||||||
|
@media only screen and (max-width: 1199px) { |
||||||
|
.hidden-md-and-down { |
||||||
|
display: none !important; } } |
||||||
|
|
||||||
|
@media only screen and (min-width: 1200px) { |
||||||
|
.hidden-lg-and-up { |
||||||
|
display: none !important; } } |
||||||
|
|
||||||
|
@media only screen and (min-width: 1200px) and (max-width: 1919px) { |
||||||
|
.hidden-lg-only { |
||||||
|
display: none !important; } } |
||||||
|
|
||||||
|
@media only screen and (max-width: 1919px) { |
||||||
|
.hidden-lg-and-down { |
||||||
|
display: none !important; } } |
||||||
|
|
||||||
|
@media only screen and (min-width: 1920px) { |
||||||
|
.hidden-xl-only { |
||||||
|
display: none !important; } } |
||||||
@ -0,0 +1,284 @@ |
|||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
.el-divider { |
||||||
|
background-color: #DCDFE6; |
||||||
|
position: relative; } |
||||||
|
.el-divider--horizontal { |
||||||
|
display: block; |
||||||
|
height: 1px; |
||||||
|
width: 100%; |
||||||
|
margin: 24px 0; } |
||||||
|
.el-divider--vertical { |
||||||
|
display: inline-block; |
||||||
|
width: 1px; |
||||||
|
height: 1em; |
||||||
|
margin: 0 8px; |
||||||
|
vertical-align: middle; |
||||||
|
position: relative; } |
||||||
|
.el-divider__text { |
||||||
|
position: absolute; |
||||||
|
background-color: #FFFFFF; |
||||||
|
padding: 0 20px; |
||||||
|
font-weight: 500; |
||||||
|
color: #303133; |
||||||
|
font-size: 14px; } |
||||||
|
.el-divider__text.is-left { |
||||||
|
left: 20px; |
||||||
|
-webkit-transform: translateY(-50%); |
||||||
|
transform: translateY(-50%); } |
||||||
|
.el-divider__text.is-center { |
||||||
|
left: 50%; |
||||||
|
-webkit-transform: translateX(-50%) translateY(-50%); |
||||||
|
transform: translateX(-50%) translateY(-50%); } |
||||||
|
.el-divider__text.is-right { |
||||||
|
right: 20px; |
||||||
|
-webkit-transform: translateY(-50%); |
||||||
|
transform: translateY(-50%); } |
||||||
@ -0,0 +1,503 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
@-webkit-keyframes el-drawer-fade-in { |
||||||
|
0% { |
||||||
|
opacity: 0; } |
||||||
|
100% { |
||||||
|
opacity: 1; } } |
||||||
|
@keyframes el-drawer-fade-in { |
||||||
|
0% { |
||||||
|
opacity: 0; } |
||||||
|
100% { |
||||||
|
opacity: 1; } } |
||||||
|
|
||||||
|
@-webkit-keyframes rtl-drawer-in { |
||||||
|
0% { |
||||||
|
-webkit-transform: translate(100%, 0px); |
||||||
|
transform: translate(100%, 0px); } |
||||||
|
100% { |
||||||
|
-webkit-transform: translate(0px, 0px); |
||||||
|
transform: translate(0px, 0px); } } |
||||||
|
|
||||||
|
@keyframes rtl-drawer-in { |
||||||
|
0% { |
||||||
|
-webkit-transform: translate(100%, 0px); |
||||||
|
transform: translate(100%, 0px); } |
||||||
|
100% { |
||||||
|
-webkit-transform: translate(0px, 0px); |
||||||
|
transform: translate(0px, 0px); } } |
||||||
|
|
||||||
|
@-webkit-keyframes rtl-drawer-out { |
||||||
|
0% { |
||||||
|
-webkit-transform: translate(0px, 0px); |
||||||
|
transform: translate(0px, 0px); } |
||||||
|
100% { |
||||||
|
-webkit-transform: translate(100%, 0px); |
||||||
|
transform: translate(100%, 0px); } } |
||||||
|
|
||||||
|
@keyframes rtl-drawer-out { |
||||||
|
0% { |
||||||
|
-webkit-transform: translate(0px, 0px); |
||||||
|
transform: translate(0px, 0px); } |
||||||
|
100% { |
||||||
|
-webkit-transform: translate(100%, 0px); |
||||||
|
transform: translate(100%, 0px); } } |
||||||
|
|
||||||
|
@-webkit-keyframes ltr-drawer-in { |
||||||
|
0% { |
||||||
|
-webkit-transform: translate(-100%, 0px); |
||||||
|
transform: translate(-100%, 0px); } |
||||||
|
100% { |
||||||
|
-webkit-transform: translate(0px, 0px); |
||||||
|
transform: translate(0px, 0px); } } |
||||||
|
|
||||||
|
@keyframes ltr-drawer-in { |
||||||
|
0% { |
||||||
|
-webkit-transform: translate(-100%, 0px); |
||||||
|
transform: translate(-100%, 0px); } |
||||||
|
100% { |
||||||
|
-webkit-transform: translate(0px, 0px); |
||||||
|
transform: translate(0px, 0px); } } |
||||||
|
|
||||||
|
@-webkit-keyframes ltr-drawer-out { |
||||||
|
0% { |
||||||
|
-webkit-transform: translate(0px, 0px); |
||||||
|
transform: translate(0px, 0px); } |
||||||
|
100% { |
||||||
|
-webkit-transform: translate(-100%, 0px); |
||||||
|
transform: translate(-100%, 0px); } } |
||||||
|
|
||||||
|
@keyframes ltr-drawer-out { |
||||||
|
0% { |
||||||
|
-webkit-transform: translate(0px, 0px); |
||||||
|
transform: translate(0px, 0px); } |
||||||
|
100% { |
||||||
|
-webkit-transform: translate(-100%, 0px); |
||||||
|
transform: translate(-100%, 0px); } } |
||||||
|
|
||||||
|
@-webkit-keyframes ttb-drawer-in { |
||||||
|
0% { |
||||||
|
-webkit-transform: translate(0px, -100%); |
||||||
|
transform: translate(0px, -100%); } |
||||||
|
100% { |
||||||
|
-webkit-transform: translate(0px, 0px); |
||||||
|
transform: translate(0px, 0px); } } |
||||||
|
|
||||||
|
@keyframes ttb-drawer-in { |
||||||
|
0% { |
||||||
|
-webkit-transform: translate(0px, -100%); |
||||||
|
transform: translate(0px, -100%); } |
||||||
|
100% { |
||||||
|
-webkit-transform: translate(0px, 0px); |
||||||
|
transform: translate(0px, 0px); } } |
||||||
|
|
||||||
|
@-webkit-keyframes ttb-drawer-out { |
||||||
|
0% { |
||||||
|
-webkit-transform: translate(0px, 0px); |
||||||
|
transform: translate(0px, 0px); } |
||||||
|
100% { |
||||||
|
-webkit-transform: translate(0px, -100%); |
||||||
|
transform: translate(0px, -100%); } } |
||||||
|
|
||||||
|
@keyframes ttb-drawer-out { |
||||||
|
0% { |
||||||
|
-webkit-transform: translate(0px, 0px); |
||||||
|
transform: translate(0px, 0px); } |
||||||
|
100% { |
||||||
|
-webkit-transform: translate(0px, -100%); |
||||||
|
transform: translate(0px, -100%); } } |
||||||
|
|
||||||
|
@-webkit-keyframes btt-drawer-in { |
||||||
|
0% { |
||||||
|
-webkit-transform: translate(0px, 100%); |
||||||
|
transform: translate(0px, 100%); } |
||||||
|
100% { |
||||||
|
-webkit-transform: translate(0px, 0px); |
||||||
|
transform: translate(0px, 0px); } } |
||||||
|
|
||||||
|
@keyframes btt-drawer-in { |
||||||
|
0% { |
||||||
|
-webkit-transform: translate(0px, 100%); |
||||||
|
transform: translate(0px, 100%); } |
||||||
|
100% { |
||||||
|
-webkit-transform: translate(0px, 0px); |
||||||
|
transform: translate(0px, 0px); } } |
||||||
|
|
||||||
|
@-webkit-keyframes btt-drawer-out { |
||||||
|
0% { |
||||||
|
-webkit-transform: translate(0px, 0); |
||||||
|
transform: translate(0px, 0); } |
||||||
|
100% { |
||||||
|
-webkit-transform: translate(0px, 100%); |
||||||
|
transform: translate(0px, 100%); } } |
||||||
|
|
||||||
|
@keyframes btt-drawer-out { |
||||||
|
0% { |
||||||
|
-webkit-transform: translate(0px, 0); |
||||||
|
transform: translate(0px, 0); } |
||||||
|
100% { |
||||||
|
-webkit-transform: translate(0px, 100%); |
||||||
|
transform: translate(0px, 100%); } } |
||||||
|
|
||||||
|
.el-drawer { |
||||||
|
position: absolute; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
background-color: #FFFFFF; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-orient: vertical; |
||||||
|
-webkit-box-direction: normal; |
||||||
|
-ms-flex-direction: column; |
||||||
|
flex-direction: column; |
||||||
|
-webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); |
||||||
|
box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); |
||||||
|
overflow: hidden; } |
||||||
|
.el-drawer.rtl { |
||||||
|
-webkit-animation: rtl-drawer-out 0.3s; |
||||||
|
animation: rtl-drawer-out 0.3s; } |
||||||
|
.el-drawer__open .el-drawer.rtl { |
||||||
|
-webkit-animation: rtl-drawer-in 0.3s 1ms; |
||||||
|
animation: rtl-drawer-in 0.3s 1ms; } |
||||||
|
.el-drawer.ltr { |
||||||
|
-webkit-animation: ltr-drawer-out 0.3s; |
||||||
|
animation: ltr-drawer-out 0.3s; } |
||||||
|
.el-drawer__open .el-drawer.ltr { |
||||||
|
-webkit-animation: ltr-drawer-in 0.3s 1ms; |
||||||
|
animation: ltr-drawer-in 0.3s 1ms; } |
||||||
|
.el-drawer.ttb { |
||||||
|
-webkit-animation: ttb-drawer-out 0.3s; |
||||||
|
animation: ttb-drawer-out 0.3s; } |
||||||
|
.el-drawer__open .el-drawer.ttb { |
||||||
|
-webkit-animation: ttb-drawer-in 0.3s 1ms; |
||||||
|
animation: ttb-drawer-in 0.3s 1ms; } |
||||||
|
.el-drawer.btt { |
||||||
|
-webkit-animation: btt-drawer-out 0.3s; |
||||||
|
animation: btt-drawer-out 0.3s; } |
||||||
|
.el-drawer__open .el-drawer.btt { |
||||||
|
-webkit-animation: btt-drawer-in 0.3s 1ms; |
||||||
|
animation: btt-drawer-in 0.3s 1ms; } |
||||||
|
.el-drawer__wrapper { |
||||||
|
position: fixed; |
||||||
|
top: 0; |
||||||
|
right: 0; |
||||||
|
bottom: 0; |
||||||
|
left: 0; |
||||||
|
overflow: hidden; |
||||||
|
margin: 0; } |
||||||
|
.el-drawer__header { |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
color: #72767b; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
margin-bottom: 32px; |
||||||
|
padding: 20px; |
||||||
|
padding-bottom: 0; } |
||||||
|
.el-drawer__header > :first-child { |
||||||
|
-webkit-box-flex: 1; |
||||||
|
-ms-flex: 1; |
||||||
|
flex: 1; } |
||||||
|
.el-drawer__title { |
||||||
|
margin: 0; |
||||||
|
-webkit-box-flex: 1; |
||||||
|
-ms-flex: 1; |
||||||
|
flex: 1; |
||||||
|
line-height: inherit; |
||||||
|
font-size: 1rem; } |
||||||
|
.el-drawer__close-btn { |
||||||
|
border: none; |
||||||
|
cursor: pointer; |
||||||
|
font-size: 20px; |
||||||
|
color: inherit; |
||||||
|
background-color: transparent; } |
||||||
|
.el-drawer__body { |
||||||
|
-webkit-box-flex: 1; |
||||||
|
-ms-flex: 1; |
||||||
|
flex: 1; } |
||||||
|
.el-drawer__body > * { |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; } |
||||||
|
.el-drawer.ltr, .el-drawer.rtl { |
||||||
|
height: 100%; |
||||||
|
top: 0; |
||||||
|
bottom: 0; } |
||||||
|
.el-drawer.ttb, .el-drawer.btt { |
||||||
|
width: 100%; |
||||||
|
left: 0; |
||||||
|
right: 0; } |
||||||
|
.el-drawer.ltr { |
||||||
|
left: 0; } |
||||||
|
.el-drawer.rtl { |
||||||
|
right: 0; } |
||||||
|
.el-drawer.ttb { |
||||||
|
top: 0; } |
||||||
|
.el-drawer.btt { |
||||||
|
bottom: 0; } |
||||||
|
|
||||||
|
.el-drawer__container { |
||||||
|
position: relative; |
||||||
|
left: 0; |
||||||
|
right: 0; |
||||||
|
top: 0; |
||||||
|
bottom: 0; |
||||||
|
height: 100%; |
||||||
|
width: 100%; } |
||||||
|
|
||||||
|
.el-drawer-fade-enter-active { |
||||||
|
-webkit-animation: el-drawer-fade-in .3s; |
||||||
|
animation: el-drawer-fade-in .3s; } |
||||||
|
|
||||||
|
.el-drawer-fade-leave-active { |
||||||
|
animation: el-drawer-fade-in .3s reverse; } |
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,120 @@ |
|||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
@ -0,0 +1,256 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-footer { |
||||||
|
padding: 0 20px; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
-ms-flex-negative: 0; |
||||||
|
flex-shrink: 0; } |
||||||
@ -0,0 +1,364 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-form--label-left .el-form-item__label { |
||||||
|
text-align: left; } |
||||||
|
|
||||||
|
.el-form--label-top .el-form-item__label { |
||||||
|
float: none; |
||||||
|
display: inline-block; |
||||||
|
text-align: left; |
||||||
|
padding: 0 0 10px 0; } |
||||||
|
|
||||||
|
.el-form--inline .el-form-item { |
||||||
|
display: inline-block; |
||||||
|
margin-right: 10px; |
||||||
|
vertical-align: top; } |
||||||
|
|
||||||
|
.el-form--inline .el-form-item__label { |
||||||
|
float: none; |
||||||
|
display: inline-block; } |
||||||
|
|
||||||
|
.el-form--inline .el-form-item__content { |
||||||
|
display: inline-block; |
||||||
|
vertical-align: top; } |
||||||
|
|
||||||
|
.el-form--inline.el-form--label-top .el-form-item__content { |
||||||
|
display: block; } |
||||||
|
|
||||||
|
.el-form-item { |
||||||
|
margin-bottom: 22px; } |
||||||
|
.el-form-item::before, |
||||||
|
.el-form-item::after { |
||||||
|
display: table; |
||||||
|
content: ""; } |
||||||
|
.el-form-item::after { |
||||||
|
clear: both; } |
||||||
|
.el-form-item .el-form-item { |
||||||
|
margin-bottom: 0; } |
||||||
|
.el-form-item .el-input__validateIcon { |
||||||
|
display: none; } |
||||||
|
.el-form-item--medium .el-form-item__label { |
||||||
|
line-height: 36px; } |
||||||
|
.el-form-item--medium .el-form-item__content { |
||||||
|
line-height: 36px; } |
||||||
|
.el-form-item--small .el-form-item__label { |
||||||
|
line-height: 32px; } |
||||||
|
.el-form-item--small .el-form-item__content { |
||||||
|
line-height: 32px; } |
||||||
|
.el-form-item--small.el-form-item { |
||||||
|
margin-bottom: 18px; } |
||||||
|
.el-form-item--small .el-form-item__error { |
||||||
|
padding-top: 2px; } |
||||||
|
.el-form-item--mini .el-form-item__label { |
||||||
|
line-height: 28px; } |
||||||
|
.el-form-item--mini .el-form-item__content { |
||||||
|
line-height: 28px; } |
||||||
|
.el-form-item--mini.el-form-item { |
||||||
|
margin-bottom: 18px; } |
||||||
|
.el-form-item--mini .el-form-item__error { |
||||||
|
padding-top: 1px; } |
||||||
|
.el-form-item__label-wrap { |
||||||
|
float: left; } |
||||||
|
.el-form-item__label-wrap .el-form-item__label { |
||||||
|
display: inline-block; |
||||||
|
float: none; } |
||||||
|
.el-form-item__label { |
||||||
|
text-align: right; |
||||||
|
vertical-align: middle; |
||||||
|
float: left; |
||||||
|
font-size: 14px; |
||||||
|
color: #606266; |
||||||
|
line-height: 40px; |
||||||
|
padding: 0 12px 0 0; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; } |
||||||
|
.el-form-item__content { |
||||||
|
line-height: 40px; |
||||||
|
position: relative; |
||||||
|
font-size: 14px; } |
||||||
|
.el-form-item__content::before, |
||||||
|
.el-form-item__content::after { |
||||||
|
display: table; |
||||||
|
content: ""; } |
||||||
|
.el-form-item__content::after { |
||||||
|
clear: both; } |
||||||
|
.el-form-item__content .el-input-group { |
||||||
|
vertical-align: top; } |
||||||
|
.el-form-item__error { |
||||||
|
color: #F56C6C; |
||||||
|
font-size: 12px; |
||||||
|
line-height: 1; |
||||||
|
padding-top: 4px; |
||||||
|
position: absolute; |
||||||
|
top: 100%; |
||||||
|
left: 0; } |
||||||
|
.el-form-item__error--inline { |
||||||
|
position: relative; |
||||||
|
top: auto; |
||||||
|
left: auto; |
||||||
|
display: inline-block; |
||||||
|
margin-left: 10px; } |
||||||
|
.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before, |
||||||
|
.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before { |
||||||
|
content: '*'; |
||||||
|
color: #F56C6C; |
||||||
|
margin-right: 4px; } |
||||||
|
.el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus, |
||||||
|
.el-form-item.is-error .el-textarea__inner, |
||||||
|
.el-form-item.is-error .el-textarea__inner:focus { |
||||||
|
border-color: #F56C6C; } |
||||||
|
.el-form-item.is-error .el-input-group__append .el-input__inner, |
||||||
|
.el-form-item.is-error .el-input-group__prepend .el-input__inner { |
||||||
|
border-color: transparent; } |
||||||
|
.el-form-item.is-error .el-input__validateIcon { |
||||||
|
color: #F56C6C; } |
||||||
|
.el-form-item--feedback .el-input__validateIcon { |
||||||
|
display: inline-block; } |
||||||
@ -0,0 +1,256 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-header { |
||||||
|
padding: 0 20px; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
-ms-flex-negative: 0; |
||||||
|
flex-shrink: 0; } |
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,443 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-image__inner, .el-image__placeholder, .el-image__error { |
||||||
|
width: 100%; |
||||||
|
height: 100%; } |
||||||
|
|
||||||
|
.el-image { |
||||||
|
position: relative; |
||||||
|
display: inline-block; |
||||||
|
overflow: hidden; } |
||||||
|
.el-image__inner { |
||||||
|
vertical-align: top; } |
||||||
|
.el-image__inner--center { |
||||||
|
position: relative; |
||||||
|
top: 50%; |
||||||
|
left: 50%; |
||||||
|
-webkit-transform: translate(-50%, -50%); |
||||||
|
transform: translate(-50%, -50%); |
||||||
|
display: block; } |
||||||
|
.el-image__placeholder { |
||||||
|
background: #F5F7FA; } |
||||||
|
.el-image__error { |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-pack: center; |
||||||
|
-ms-flex-pack: center; |
||||||
|
justify-content: center; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
font-size: 14px; |
||||||
|
background: #F5F7FA; |
||||||
|
color: #C0C4CC; |
||||||
|
vertical-align: middle; } |
||||||
|
.el-image__preview { |
||||||
|
cursor: pointer; } |
||||||
|
|
||||||
|
.el-image-viewer__wrapper { |
||||||
|
position: fixed; |
||||||
|
top: 0; |
||||||
|
right: 0; |
||||||
|
bottom: 0; |
||||||
|
left: 0; } |
||||||
|
|
||||||
|
.el-image-viewer__btn { |
||||||
|
position: absolute; |
||||||
|
z-index: 1; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
-webkit-box-pack: center; |
||||||
|
-ms-flex-pack: center; |
||||||
|
justify-content: center; |
||||||
|
border-radius: 50%; |
||||||
|
opacity: .8; |
||||||
|
cursor: pointer; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
-webkit-user-select: none; |
||||||
|
-moz-user-select: none; |
||||||
|
-ms-user-select: none; |
||||||
|
user-select: none; } |
||||||
|
|
||||||
|
.el-image-viewer__close { |
||||||
|
top: 40px; |
||||||
|
right: 40px; |
||||||
|
width: 40px; |
||||||
|
height: 40px; |
||||||
|
font-size: 40px; } |
||||||
|
|
||||||
|
.el-image-viewer__canvas { |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-pack: center; |
||||||
|
-ms-flex-pack: center; |
||||||
|
justify-content: center; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; } |
||||||
|
|
||||||
|
.el-image-viewer__actions { |
||||||
|
left: 50%; |
||||||
|
bottom: 30px; |
||||||
|
-webkit-transform: translateX(-50%); |
||||||
|
transform: translateX(-50%); |
||||||
|
width: 282px; |
||||||
|
height: 44px; |
||||||
|
padding: 0 23px; |
||||||
|
background-color: #606266; |
||||||
|
border-color: #fff; |
||||||
|
border-radius: 22px; } |
||||||
|
.el-image-viewer__actions__inner { |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
text-align: justify; |
||||||
|
cursor: default; |
||||||
|
font-size: 23px; |
||||||
|
color: #fff; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
-ms-flex-pack: distribute; |
||||||
|
justify-content: space-around; } |
||||||
|
|
||||||
|
.el-image-viewer__prev { |
||||||
|
top: 50%; |
||||||
|
-webkit-transform: translateY(-50%); |
||||||
|
transform: translateY(-50%); |
||||||
|
width: 44px; |
||||||
|
height: 44px; |
||||||
|
font-size: 24px; |
||||||
|
color: #fff; |
||||||
|
background-color: #606266; |
||||||
|
border-color: #fff; |
||||||
|
left: 40px; } |
||||||
|
|
||||||
|
.el-image-viewer__next { |
||||||
|
top: 50%; |
||||||
|
-webkit-transform: translateY(-50%); |
||||||
|
transform: translateY(-50%); |
||||||
|
width: 44px; |
||||||
|
height: 44px; |
||||||
|
font-size: 24px; |
||||||
|
color: #fff; |
||||||
|
background-color: #606266; |
||||||
|
border-color: #fff; |
||||||
|
right: 40px; |
||||||
|
text-indent: 2px; } |
||||||
|
|
||||||
|
.el-image-viewer__mask { |
||||||
|
position: absolute; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
opacity: .5; |
||||||
|
background: #000; } |
||||||
|
|
||||||
|
.viewer-fade-enter-active { |
||||||
|
-webkit-animation: viewer-fade-in .3s; |
||||||
|
animation: viewer-fade-in .3s; } |
||||||
|
|
||||||
|
.viewer-fade-leave-active { |
||||||
|
-webkit-animation: viewer-fade-out .3s; |
||||||
|
animation: viewer-fade-out .3s; } |
||||||
|
|
||||||
|
@-webkit-keyframes viewer-fade-in { |
||||||
|
0% { |
||||||
|
-webkit-transform: translate3d(0, -20px, 0); |
||||||
|
transform: translate3d(0, -20px, 0); |
||||||
|
opacity: 0; } |
||||||
|
100% { |
||||||
|
-webkit-transform: translate3d(0, 0, 0); |
||||||
|
transform: translate3d(0, 0, 0); |
||||||
|
opacity: 1; } } |
||||||
|
|
||||||
|
@keyframes viewer-fade-in { |
||||||
|
0% { |
||||||
|
-webkit-transform: translate3d(0, -20px, 0); |
||||||
|
transform: translate3d(0, -20px, 0); |
||||||
|
opacity: 0; } |
||||||
|
100% { |
||||||
|
-webkit-transform: translate3d(0, 0, 0); |
||||||
|
transform: translate3d(0, 0, 0); |
||||||
|
opacity: 1; } } |
||||||
|
|
||||||
|
@-webkit-keyframes viewer-fade-out { |
||||||
|
0% { |
||||||
|
-webkit-transform: translate3d(0, 0, 0); |
||||||
|
transform: translate3d(0, 0, 0); |
||||||
|
opacity: 1; } |
||||||
|
100% { |
||||||
|
-webkit-transform: translate3d(0, -20px, 0); |
||||||
|
transform: translate3d(0, -20px, 0); |
||||||
|
opacity: 0; } } |
||||||
|
|
||||||
|
@keyframes viewer-fade-out { |
||||||
|
0% { |
||||||
|
-webkit-transform: translate3d(0, 0, 0); |
||||||
|
transform: translate3d(0, 0, 0); |
||||||
|
opacity: 1; } |
||||||
|
100% { |
||||||
|
-webkit-transform: translate3d(0, -20px, 0); |
||||||
|
transform: translate3d(0, -20px, 0); |
||||||
|
opacity: 0; } } |
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,891 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-textarea { |
||||||
|
position: relative; |
||||||
|
display: inline-block; |
||||||
|
width: 100%; |
||||||
|
vertical-align: bottom; |
||||||
|
font-size: 14px; } |
||||||
|
.el-textarea__inner { |
||||||
|
display: block; |
||||||
|
resize: vertical; |
||||||
|
padding: 5px 15px; |
||||||
|
line-height: 1.5; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
width: 100%; |
||||||
|
font-size: inherit; |
||||||
|
color: #606266; |
||||||
|
background-color: #FFFFFF; |
||||||
|
background-image: none; |
||||||
|
border: 1px solid #DCDFE6; |
||||||
|
border-radius: 4px; |
||||||
|
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||||
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } |
||||||
|
.el-textarea__inner::-webkit-input-placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-textarea__inner::-moz-placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-textarea__inner::-ms-input-placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-textarea__inner::placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-textarea__inner:hover { |
||||||
|
border-color: #C0C4CC; } |
||||||
|
.el-textarea__inner:focus { |
||||||
|
outline: none; |
||||||
|
border-color: #00B9FF; } |
||||||
|
.el-textarea .el-input__count { |
||||||
|
color: #909399; |
||||||
|
background: #FFFFFF; |
||||||
|
position: absolute; |
||||||
|
font-size: 12px; |
||||||
|
bottom: 5px; |
||||||
|
right: 10px; } |
||||||
|
.el-textarea.is-disabled .el-textarea__inner { |
||||||
|
background-color: #F5F7FA; |
||||||
|
border-color: #E4E7ED; |
||||||
|
color: #C0C4CC; |
||||||
|
cursor: not-allowed; } |
||||||
|
.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-textarea.is-disabled .el-textarea__inner::placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-textarea.is-exceed .el-textarea__inner { |
||||||
|
border-color: #F56C6C; } |
||||||
|
.el-textarea.is-exceed .el-input__count { |
||||||
|
color: #F56C6C; } |
||||||
|
|
||||||
|
.el-input { |
||||||
|
position: relative; |
||||||
|
font-size: 14px; |
||||||
|
display: inline-block; |
||||||
|
width: 100%; } |
||||||
|
.el-input::-webkit-scrollbar { |
||||||
|
z-index: 11; |
||||||
|
width: 6px; } |
||||||
|
.el-input::-webkit-scrollbar:horizontal { |
||||||
|
height: 6px; } |
||||||
|
.el-input::-webkit-scrollbar-thumb { |
||||||
|
border-radius: 5px; |
||||||
|
width: 6px; |
||||||
|
background: #b4bccc; } |
||||||
|
.el-input::-webkit-scrollbar-corner { |
||||||
|
background: #fff; } |
||||||
|
.el-input::-webkit-scrollbar-track { |
||||||
|
background: #fff; } |
||||||
|
.el-input::-webkit-scrollbar-track-piece { |
||||||
|
background: #fff; |
||||||
|
width: 6px; } |
||||||
|
.el-input .el-input__clear { |
||||||
|
color: #C0C4CC; |
||||||
|
font-size: 14px; |
||||||
|
cursor: pointer; |
||||||
|
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||||
|
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } |
||||||
|
.el-input .el-input__clear:hover { |
||||||
|
color: #909399; } |
||||||
|
.el-input .el-input__count { |
||||||
|
height: 100%; |
||||||
|
display: -webkit-inline-box; |
||||||
|
display: -ms-inline-flexbox; |
||||||
|
display: inline-flex; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
color: #909399; |
||||||
|
font-size: 12px; } |
||||||
|
.el-input .el-input__count .el-input__count-inner { |
||||||
|
background: #FFFFFF; |
||||||
|
line-height: initial; |
||||||
|
display: inline-block; |
||||||
|
padding: 0 5px; } |
||||||
|
.el-input__inner { |
||||||
|
-webkit-appearance: none; |
||||||
|
background-color: #FFFFFF; |
||||||
|
background-image: none; |
||||||
|
border-radius: 4px; |
||||||
|
border: 1px solid #DCDFE6; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
color: #606266; |
||||||
|
display: inline-block; |
||||||
|
font-size: inherit; |
||||||
|
height: 40px; |
||||||
|
line-height: 40px; |
||||||
|
outline: none; |
||||||
|
padding: 0 15px; |
||||||
|
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||||
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||||
|
width: 100%; } |
||||||
|
.el-input__inner::-webkit-input-placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-input__inner::-moz-placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-input__inner::-ms-input-placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-input__inner::placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-input__inner:hover { |
||||||
|
border-color: #C0C4CC; } |
||||||
|
.el-input__inner:focus { |
||||||
|
outline: none; |
||||||
|
border-color: #00B9FF; } |
||||||
|
.el-input__suffix { |
||||||
|
position: absolute; |
||||||
|
height: 100%; |
||||||
|
right: 5px; |
||||||
|
top: 0; |
||||||
|
text-align: center; |
||||||
|
color: #C0C4CC; |
||||||
|
-webkit-transition: all .3s; |
||||||
|
transition: all .3s; |
||||||
|
pointer-events: none; } |
||||||
|
.el-input__suffix-inner { |
||||||
|
pointer-events: all; } |
||||||
|
.el-input__prefix { |
||||||
|
position: absolute; |
||||||
|
height: 100%; |
||||||
|
left: 5px; |
||||||
|
top: 0; |
||||||
|
text-align: center; |
||||||
|
color: #C0C4CC; |
||||||
|
-webkit-transition: all .3s; |
||||||
|
transition: all .3s; } |
||||||
|
.el-input__icon { |
||||||
|
height: 100%; |
||||||
|
width: 25px; |
||||||
|
text-align: center; |
||||||
|
-webkit-transition: all .3s; |
||||||
|
transition: all .3s; |
||||||
|
line-height: 40px; } |
||||||
|
.el-input__icon:after { |
||||||
|
content: ''; |
||||||
|
height: 100%; |
||||||
|
width: 0; |
||||||
|
display: inline-block; |
||||||
|
vertical-align: middle; } |
||||||
|
.el-input__validateIcon { |
||||||
|
pointer-events: none; } |
||||||
|
.el-input.is-active .el-input__inner { |
||||||
|
outline: none; |
||||||
|
border-color: #00B9FF; } |
||||||
|
.el-input.is-disabled .el-input__inner { |
||||||
|
background-color: #F5F7FA; |
||||||
|
border-color: #E4E7ED; |
||||||
|
color: #C0C4CC; |
||||||
|
cursor: not-allowed; } |
||||||
|
.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-input.is-disabled .el-input__inner::-moz-placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-input.is-disabled .el-input__inner::-ms-input-placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-input.is-disabled .el-input__inner::placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-input.is-disabled .el-input__icon { |
||||||
|
cursor: not-allowed; } |
||||||
|
.el-input.is-exceed .el-input__inner { |
||||||
|
border-color: #F56C6C; } |
||||||
|
.el-input.is-exceed .el-input__suffix .el-input__count { |
||||||
|
color: #F56C6C; } |
||||||
|
.el-input--suffix .el-input__inner { |
||||||
|
padding-right: 30px; } |
||||||
|
.el-input--prefix .el-input__inner { |
||||||
|
padding-left: 30px; } |
||||||
|
.el-input--medium { |
||||||
|
font-size: 14px; } |
||||||
|
.el-input--medium .el-input__inner { |
||||||
|
height: 36px; |
||||||
|
line-height: 36px; } |
||||||
|
.el-input--medium .el-input__icon { |
||||||
|
line-height: 36px; } |
||||||
|
.el-input--small { |
||||||
|
font-size: 13px; } |
||||||
|
.el-input--small .el-input__inner { |
||||||
|
height: 32px; |
||||||
|
line-height: 32px; } |
||||||
|
.el-input--small .el-input__icon { |
||||||
|
line-height: 32px; } |
||||||
|
.el-input--mini { |
||||||
|
font-size: 12px; } |
||||||
|
.el-input--mini .el-input__inner { |
||||||
|
height: 28px; |
||||||
|
line-height: 28px; } |
||||||
|
.el-input--mini .el-input__icon { |
||||||
|
line-height: 28px; } |
||||||
|
|
||||||
|
.el-input-group { |
||||||
|
line-height: normal; |
||||||
|
display: inline-table; |
||||||
|
width: 100%; |
||||||
|
border-collapse: separate; |
||||||
|
border-spacing: 0; } |
||||||
|
.el-input-group > .el-input__inner { |
||||||
|
vertical-align: middle; |
||||||
|
display: table-cell; } |
||||||
|
.el-input-group__append, .el-input-group__prepend { |
||||||
|
background-color: #F5F7FA; |
||||||
|
color: #909399; |
||||||
|
vertical-align: middle; |
||||||
|
display: table-cell; |
||||||
|
position: relative; |
||||||
|
border: 1px solid #DCDFE6; |
||||||
|
border-radius: 4px; |
||||||
|
padding: 0 20px; |
||||||
|
width: 1px; |
||||||
|
white-space: nowrap; } |
||||||
|
.el-input-group__append:focus, .el-input-group__prepend:focus { |
||||||
|
outline: none; } |
||||||
|
.el-input-group__append .el-select, |
||||||
|
.el-input-group__append .el-button, .el-input-group__prepend .el-select, |
||||||
|
.el-input-group__prepend .el-button { |
||||||
|
display: inline-block; |
||||||
|
margin: -10px -20px; } |
||||||
|
.el-input-group__append button.el-button, |
||||||
|
.el-input-group__append div.el-select .el-input__inner, |
||||||
|
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, |
||||||
|
.el-input-group__prepend div.el-select .el-input__inner, |
||||||
|
.el-input-group__prepend div.el-select:hover .el-input__inner { |
||||||
|
border-color: transparent; |
||||||
|
background-color: transparent; |
||||||
|
color: inherit; |
||||||
|
border-top: 0; |
||||||
|
border-bottom: 0; } |
||||||
|
.el-input-group__append .el-button, |
||||||
|
.el-input-group__append .el-input, .el-input-group__prepend .el-button, |
||||||
|
.el-input-group__prepend .el-input { |
||||||
|
font-size: inherit; } |
||||||
|
.el-input-group__prepend { |
||||||
|
border-right: 0; |
||||||
|
border-top-right-radius: 0; |
||||||
|
border-bottom-right-radius: 0; } |
||||||
|
.el-input-group__append { |
||||||
|
border-left: 0; |
||||||
|
border-top-left-radius: 0; |
||||||
|
border-bottom-left-radius: 0; } |
||||||
|
.el-input-group--prepend .el-input__inner { |
||||||
|
border-top-left-radius: 0; |
||||||
|
border-bottom-left-radius: 0; } |
||||||
|
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { |
||||||
|
border-color: transparent; } |
||||||
|
.el-input-group--append .el-input__inner { |
||||||
|
border-top-right-radius: 0; |
||||||
|
border-bottom-right-radius: 0; } |
||||||
|
.el-input-group--append .el-select .el-input.is-focus .el-input__inner { |
||||||
|
border-color: transparent; } |
||||||
|
|
||||||
|
/** disalbe default clear on IE */ |
||||||
|
.el-input__inner::-ms-clear { |
||||||
|
display: none; |
||||||
|
width: 0; |
||||||
|
height: 0; } |
||||||
|
|
||||||
|
.el-input-number { |
||||||
|
position: relative; |
||||||
|
display: inline-block; |
||||||
|
width: 180px; |
||||||
|
line-height: 38px; } |
||||||
|
.el-input-number .el-input { |
||||||
|
display: block; } |
||||||
|
.el-input-number .el-input__inner { |
||||||
|
-webkit-appearance: none; |
||||||
|
padding-left: 50px; |
||||||
|
padding-right: 50px; |
||||||
|
text-align: center; } |
||||||
|
.el-input-number__increase, .el-input-number__decrease { |
||||||
|
position: absolute; |
||||||
|
z-index: 1; |
||||||
|
top: 1px; |
||||||
|
width: 40px; |
||||||
|
height: auto; |
||||||
|
text-align: center; |
||||||
|
background: #F5F7FA; |
||||||
|
color: #606266; |
||||||
|
cursor: pointer; |
||||||
|
font-size: 13px; } |
||||||
|
.el-input-number__increase:hover, .el-input-number__decrease:hover { |
||||||
|
color: #00B9FF; } |
||||||
|
.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) { |
||||||
|
border-color: #00B9FF; } |
||||||
|
.el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled { |
||||||
|
color: #C0C4CC; |
||||||
|
cursor: not-allowed; } |
||||||
|
.el-input-number__increase { |
||||||
|
right: 1px; |
||||||
|
border-radius: 0 4px 4px 0; |
||||||
|
border-left: 1px solid #DCDFE6; } |
||||||
|
.el-input-number__decrease { |
||||||
|
left: 1px; |
||||||
|
border-radius: 4px 0 0 4px; |
||||||
|
border-right: 1px solid #DCDFE6; } |
||||||
|
.el-input-number.is-disabled .el-input-number__increase, .el-input-number.is-disabled .el-input-number__decrease { |
||||||
|
border-color: #E4E7ED; |
||||||
|
color: #E4E7ED; } |
||||||
|
.el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover { |
||||||
|
color: #E4E7ED; |
||||||
|
cursor: not-allowed; } |
||||||
|
.el-input-number--medium { |
||||||
|
width: 200px; |
||||||
|
line-height: 34px; } |
||||||
|
.el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease { |
||||||
|
width: 36px; |
||||||
|
font-size: 14px; } |
||||||
|
.el-input-number--medium .el-input__inner { |
||||||
|
padding-left: 43px; |
||||||
|
padding-right: 43px; } |
||||||
|
.el-input-number--small { |
||||||
|
width: 130px; |
||||||
|
line-height: 30px; } |
||||||
|
.el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease { |
||||||
|
width: 32px; |
||||||
|
font-size: 13px; } |
||||||
|
.el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] { |
||||||
|
-webkit-transform: scale(0.9); |
||||||
|
transform: scale(0.9); } |
||||||
|
.el-input-number--small .el-input__inner { |
||||||
|
padding-left: 39px; |
||||||
|
padding-right: 39px; } |
||||||
|
.el-input-number--mini { |
||||||
|
width: 130px; |
||||||
|
line-height: 26px; } |
||||||
|
.el-input-number--mini .el-input-number__increase, .el-input-number--mini .el-input-number__decrease { |
||||||
|
width: 28px; |
||||||
|
font-size: 12px; } |
||||||
|
.el-input-number--mini .el-input-number__increase [class*=el-icon], .el-input-number--mini .el-input-number__decrease [class*=el-icon] { |
||||||
|
-webkit-transform: scale(0.8); |
||||||
|
transform: scale(0.8); } |
||||||
|
.el-input-number--mini .el-input__inner { |
||||||
|
padding-left: 35px; |
||||||
|
padding-right: 35px; } |
||||||
|
.el-input-number.is-without-controls .el-input__inner { |
||||||
|
padding-left: 15px; |
||||||
|
padding-right: 15px; } |
||||||
|
.el-input-number.is-controls-right .el-input__inner { |
||||||
|
padding-left: 15px; |
||||||
|
padding-right: 50px; } |
||||||
|
.el-input-number.is-controls-right .el-input-number__increase, .el-input-number.is-controls-right .el-input-number__decrease { |
||||||
|
height: auto; |
||||||
|
line-height: 19px; } |
||||||
|
.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon], .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon] { |
||||||
|
-webkit-transform: scale(0.8); |
||||||
|
transform: scale(0.8); } |
||||||
|
.el-input-number.is-controls-right .el-input-number__increase { |
||||||
|
border-radius: 0 4px 0 0; |
||||||
|
border-bottom: 1px solid #DCDFE6; } |
||||||
|
.el-input-number.is-controls-right .el-input-number__decrease { |
||||||
|
right: 1px; |
||||||
|
bottom: 1px; |
||||||
|
top: auto; |
||||||
|
left: auto; |
||||||
|
border-right: none; |
||||||
|
border-left: 1px solid #DCDFE6; |
||||||
|
border-radius: 0 0 4px 0; } |
||||||
|
.el-input-number.is-controls-right[class*=medium] [class*=increase], .el-input-number.is-controls-right[class*=medium] [class*=decrease] { |
||||||
|
line-height: 17px; } |
||||||
|
.el-input-number.is-controls-right[class*=small] [class*=increase], .el-input-number.is-controls-right[class*=small] [class*=decrease] { |
||||||
|
line-height: 15px; } |
||||||
|
.el-input-number.is-controls-right[class*=mini] [class*=increase], .el-input-number.is-controls-right[class*=mini] [class*=decrease] { |
||||||
|
line-height: 13px; } |
||||||
@ -0,0 +1,534 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-textarea { |
||||||
|
position: relative; |
||||||
|
display: inline-block; |
||||||
|
width: 100%; |
||||||
|
vertical-align: bottom; |
||||||
|
font-size: 14px; } |
||||||
|
.el-textarea__inner { |
||||||
|
display: block; |
||||||
|
resize: vertical; |
||||||
|
padding: 5px 15px; |
||||||
|
line-height: 1.5; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
width: 100%; |
||||||
|
font-size: inherit; |
||||||
|
color: #606266; |
||||||
|
background-color: #FFFFFF; |
||||||
|
background-image: none; |
||||||
|
border: 1px solid #DCDFE6; |
||||||
|
border-radius: 4px; |
||||||
|
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||||
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } |
||||||
|
.el-textarea__inner::-webkit-input-placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-textarea__inner::-moz-placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-textarea__inner::-ms-input-placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-textarea__inner::placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-textarea__inner:hover { |
||||||
|
border-color: #C0C4CC; } |
||||||
|
.el-textarea__inner:focus { |
||||||
|
outline: none; |
||||||
|
border-color: #00B9FF; } |
||||||
|
.el-textarea .el-input__count { |
||||||
|
color: #909399; |
||||||
|
background: #FFFFFF; |
||||||
|
position: absolute; |
||||||
|
font-size: 12px; |
||||||
|
bottom: 5px; |
||||||
|
right: 10px; } |
||||||
|
.el-textarea.is-disabled .el-textarea__inner { |
||||||
|
background-color: #F5F7FA; |
||||||
|
border-color: #E4E7ED; |
||||||
|
color: #C0C4CC; |
||||||
|
cursor: not-allowed; } |
||||||
|
.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-textarea.is-disabled .el-textarea__inner::placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-textarea.is-exceed .el-textarea__inner { |
||||||
|
border-color: #F56C6C; } |
||||||
|
.el-textarea.is-exceed .el-input__count { |
||||||
|
color: #F56C6C; } |
||||||
|
|
||||||
|
.el-input { |
||||||
|
position: relative; |
||||||
|
font-size: 14px; |
||||||
|
display: inline-block; |
||||||
|
width: 100%; } |
||||||
|
.el-input::-webkit-scrollbar { |
||||||
|
z-index: 11; |
||||||
|
width: 6px; } |
||||||
|
.el-input::-webkit-scrollbar:horizontal { |
||||||
|
height: 6px; } |
||||||
|
.el-input::-webkit-scrollbar-thumb { |
||||||
|
border-radius: 5px; |
||||||
|
width: 6px; |
||||||
|
background: #b4bccc; } |
||||||
|
.el-input::-webkit-scrollbar-corner { |
||||||
|
background: #fff; } |
||||||
|
.el-input::-webkit-scrollbar-track { |
||||||
|
background: #fff; } |
||||||
|
.el-input::-webkit-scrollbar-track-piece { |
||||||
|
background: #fff; |
||||||
|
width: 6px; } |
||||||
|
.el-input .el-input__clear { |
||||||
|
color: #C0C4CC; |
||||||
|
font-size: 14px; |
||||||
|
cursor: pointer; |
||||||
|
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||||
|
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } |
||||||
|
.el-input .el-input__clear:hover { |
||||||
|
color: #909399; } |
||||||
|
.el-input .el-input__count { |
||||||
|
height: 100%; |
||||||
|
display: -webkit-inline-box; |
||||||
|
display: -ms-inline-flexbox; |
||||||
|
display: inline-flex; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
color: #909399; |
||||||
|
font-size: 12px; } |
||||||
|
.el-input .el-input__count .el-input__count-inner { |
||||||
|
background: #FFFFFF; |
||||||
|
line-height: initial; |
||||||
|
display: inline-block; |
||||||
|
padding: 0 5px; } |
||||||
|
.el-input__inner { |
||||||
|
-webkit-appearance: none; |
||||||
|
background-color: #FFFFFF; |
||||||
|
background-image: none; |
||||||
|
border-radius: 4px; |
||||||
|
border: 1px solid #DCDFE6; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
color: #606266; |
||||||
|
display: inline-block; |
||||||
|
font-size: inherit; |
||||||
|
height: 40px; |
||||||
|
line-height: 40px; |
||||||
|
outline: none; |
||||||
|
padding: 0 15px; |
||||||
|
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||||
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||||
|
width: 100%; } |
||||||
|
.el-input__inner::-webkit-input-placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-input__inner::-moz-placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-input__inner::-ms-input-placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-input__inner::placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-input__inner:hover { |
||||||
|
border-color: #C0C4CC; } |
||||||
|
.el-input__inner:focus { |
||||||
|
outline: none; |
||||||
|
border-color: #00B9FF; } |
||||||
|
.el-input__suffix { |
||||||
|
position: absolute; |
||||||
|
height: 100%; |
||||||
|
right: 5px; |
||||||
|
top: 0; |
||||||
|
text-align: center; |
||||||
|
color: #C0C4CC; |
||||||
|
-webkit-transition: all .3s; |
||||||
|
transition: all .3s; |
||||||
|
pointer-events: none; } |
||||||
|
.el-input__suffix-inner { |
||||||
|
pointer-events: all; } |
||||||
|
.el-input__prefix { |
||||||
|
position: absolute; |
||||||
|
height: 100%; |
||||||
|
left: 5px; |
||||||
|
top: 0; |
||||||
|
text-align: center; |
||||||
|
color: #C0C4CC; |
||||||
|
-webkit-transition: all .3s; |
||||||
|
transition: all .3s; } |
||||||
|
.el-input__icon { |
||||||
|
height: 100%; |
||||||
|
width: 25px; |
||||||
|
text-align: center; |
||||||
|
-webkit-transition: all .3s; |
||||||
|
transition: all .3s; |
||||||
|
line-height: 40px; } |
||||||
|
.el-input__icon:after { |
||||||
|
content: ''; |
||||||
|
height: 100%; |
||||||
|
width: 0; |
||||||
|
display: inline-block; |
||||||
|
vertical-align: middle; } |
||||||
|
.el-input__validateIcon { |
||||||
|
pointer-events: none; } |
||||||
|
.el-input.is-active .el-input__inner { |
||||||
|
outline: none; |
||||||
|
border-color: #00B9FF; } |
||||||
|
.el-input.is-disabled .el-input__inner { |
||||||
|
background-color: #F5F7FA; |
||||||
|
border-color: #E4E7ED; |
||||||
|
color: #C0C4CC; |
||||||
|
cursor: not-allowed; } |
||||||
|
.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-input.is-disabled .el-input__inner::-moz-placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-input.is-disabled .el-input__inner::-ms-input-placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-input.is-disabled .el-input__inner::placeholder { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-input.is-disabled .el-input__icon { |
||||||
|
cursor: not-allowed; } |
||||||
|
.el-input.is-exceed .el-input__inner { |
||||||
|
border-color: #F56C6C; } |
||||||
|
.el-input.is-exceed .el-input__suffix .el-input__count { |
||||||
|
color: #F56C6C; } |
||||||
|
.el-input--suffix .el-input__inner { |
||||||
|
padding-right: 30px; } |
||||||
|
.el-input--prefix .el-input__inner { |
||||||
|
padding-left: 30px; } |
||||||
|
.el-input--medium { |
||||||
|
font-size: 14px; } |
||||||
|
.el-input--medium .el-input__inner { |
||||||
|
height: 36px; |
||||||
|
line-height: 36px; } |
||||||
|
.el-input--medium .el-input__icon { |
||||||
|
line-height: 36px; } |
||||||
|
.el-input--small { |
||||||
|
font-size: 13px; } |
||||||
|
.el-input--small .el-input__inner { |
||||||
|
height: 32px; |
||||||
|
line-height: 32px; } |
||||||
|
.el-input--small .el-input__icon { |
||||||
|
line-height: 32px; } |
||||||
|
.el-input--mini { |
||||||
|
font-size: 12px; } |
||||||
|
.el-input--mini .el-input__inner { |
||||||
|
height: 28px; |
||||||
|
line-height: 28px; } |
||||||
|
.el-input--mini .el-input__icon { |
||||||
|
line-height: 28px; } |
||||||
|
|
||||||
|
.el-input-group { |
||||||
|
line-height: normal; |
||||||
|
display: inline-table; |
||||||
|
width: 100%; |
||||||
|
border-collapse: separate; |
||||||
|
border-spacing: 0; } |
||||||
|
.el-input-group > .el-input__inner { |
||||||
|
vertical-align: middle; |
||||||
|
display: table-cell; } |
||||||
|
.el-input-group__append, .el-input-group__prepend { |
||||||
|
background-color: #F5F7FA; |
||||||
|
color: #909399; |
||||||
|
vertical-align: middle; |
||||||
|
display: table-cell; |
||||||
|
position: relative; |
||||||
|
border: 1px solid #DCDFE6; |
||||||
|
border-radius: 4px; |
||||||
|
padding: 0 20px; |
||||||
|
width: 1px; |
||||||
|
white-space: nowrap; } |
||||||
|
.el-input-group__append:focus, .el-input-group__prepend:focus { |
||||||
|
outline: none; } |
||||||
|
.el-input-group__append .el-select, |
||||||
|
.el-input-group__append .el-button, .el-input-group__prepend .el-select, |
||||||
|
.el-input-group__prepend .el-button { |
||||||
|
display: inline-block; |
||||||
|
margin: -10px -20px; } |
||||||
|
.el-input-group__append button.el-button, |
||||||
|
.el-input-group__append div.el-select .el-input__inner, |
||||||
|
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, |
||||||
|
.el-input-group__prepend div.el-select .el-input__inner, |
||||||
|
.el-input-group__prepend div.el-select:hover .el-input__inner { |
||||||
|
border-color: transparent; |
||||||
|
background-color: transparent; |
||||||
|
color: inherit; |
||||||
|
border-top: 0; |
||||||
|
border-bottom: 0; } |
||||||
|
.el-input-group__append .el-button, |
||||||
|
.el-input-group__append .el-input, .el-input-group__prepend .el-button, |
||||||
|
.el-input-group__prepend .el-input { |
||||||
|
font-size: inherit; } |
||||||
|
.el-input-group__prepend { |
||||||
|
border-right: 0; |
||||||
|
border-top-right-radius: 0; |
||||||
|
border-bottom-right-radius: 0; } |
||||||
|
.el-input-group__append { |
||||||
|
border-left: 0; |
||||||
|
border-top-left-radius: 0; |
||||||
|
border-bottom-left-radius: 0; } |
||||||
|
.el-input-group--prepend .el-input__inner { |
||||||
|
border-top-left-radius: 0; |
||||||
|
border-bottom-left-radius: 0; } |
||||||
|
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { |
||||||
|
border-color: transparent; } |
||||||
|
.el-input-group--append .el-input__inner { |
||||||
|
border-top-right-radius: 0; |
||||||
|
border-bottom-right-radius: 0; } |
||||||
|
.el-input-group--append .el-select .el-input.is-focus .el-input__inner { |
||||||
|
border-color: transparent; } |
||||||
|
|
||||||
|
/** disalbe default clear on IE */ |
||||||
|
.el-input__inner::-ms-clear { |
||||||
|
display: none; |
||||||
|
width: 0; |
||||||
|
height: 0; } |
||||||
@ -0,0 +1,342 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-link { |
||||||
|
display: -webkit-inline-box; |
||||||
|
display: -ms-inline-flexbox; |
||||||
|
display: inline-flex; |
||||||
|
-webkit-box-orient: horizontal; |
||||||
|
-webkit-box-direction: normal; |
||||||
|
-ms-flex-direction: row; |
||||||
|
flex-direction: row; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
-webkit-box-pack: center; |
||||||
|
-ms-flex-pack: center; |
||||||
|
justify-content: center; |
||||||
|
vertical-align: middle; |
||||||
|
position: relative; |
||||||
|
text-decoration: none; |
||||||
|
outline: none; |
||||||
|
cursor: pointer; |
||||||
|
padding: 0; |
||||||
|
font-size: 14px; |
||||||
|
font-weight: 500; } |
||||||
|
.el-link.is-underline:hover:after { |
||||||
|
content: ""; |
||||||
|
position: absolute; |
||||||
|
left: 0; |
||||||
|
right: 0; |
||||||
|
height: 0; |
||||||
|
bottom: 0; |
||||||
|
border-bottom: 1px solid #00B9FF; } |
||||||
|
.el-link.is-disabled { |
||||||
|
cursor: not-allowed; } |
||||||
|
.el-link [class*="el-icon-"] + span { |
||||||
|
margin-left: 5px; } |
||||||
|
.el-link.el-link--default { |
||||||
|
color: #606266; } |
||||||
|
.el-link.el-link--default:hover { |
||||||
|
color: #00B9FF; } |
||||||
|
.el-link.el-link--default:after { |
||||||
|
border-color: #00B9FF; } |
||||||
|
.el-link.el-link--default.is-disabled { |
||||||
|
color: #C0C4CC; } |
||||||
|
.el-link.el-link--primary { |
||||||
|
color: #00B9FF; } |
||||||
|
.el-link.el-link--primary:hover { |
||||||
|
color: #33c7ff; } |
||||||
|
.el-link.el-link--primary:after { |
||||||
|
border-color: #00B9FF; } |
||||||
|
.el-link.el-link--primary.is-disabled { |
||||||
|
color: #80dcff; } |
||||||
|
.el-link.el-link--primary.is-underline:hover:after { |
||||||
|
border-color: #00B9FF; } |
||||||
|
.el-link.el-link--danger { |
||||||
|
color: #F56C6C; } |
||||||
|
.el-link.el-link--danger:hover { |
||||||
|
color: #f78989; } |
||||||
|
.el-link.el-link--danger:after { |
||||||
|
border-color: #F56C6C; } |
||||||
|
.el-link.el-link--danger.is-disabled { |
||||||
|
color: #fab6b6; } |
||||||
|
.el-link.el-link--danger.is-underline:hover:after { |
||||||
|
border-color: #F56C6C; } |
||||||
|
.el-link.el-link--success { |
||||||
|
color: #67C23A; } |
||||||
|
.el-link.el-link--success:hover { |
||||||
|
color: #85ce61; } |
||||||
|
.el-link.el-link--success:after { |
||||||
|
border-color: #67C23A; } |
||||||
|
.el-link.el-link--success.is-disabled { |
||||||
|
color: #b3e19d; } |
||||||
|
.el-link.el-link--success.is-underline:hover:after { |
||||||
|
border-color: #67C23A; } |
||||||
|
.el-link.el-link--warning { |
||||||
|
color: #E6A23C; } |
||||||
|
.el-link.el-link--warning:hover { |
||||||
|
color: #ebb563; } |
||||||
|
.el-link.el-link--warning:after { |
||||||
|
border-color: #E6A23C; } |
||||||
|
.el-link.el-link--warning.is-disabled { |
||||||
|
color: #f3d19e; } |
||||||
|
.el-link.el-link--warning.is-underline:hover:after { |
||||||
|
border-color: #E6A23C; } |
||||||
|
.el-link.el-link--info { |
||||||
|
color: #909399; } |
||||||
|
.el-link.el-link--info:hover { |
||||||
|
color: #a6a9ad; } |
||||||
|
.el-link.el-link--info:after { |
||||||
|
border-color: #909399; } |
||||||
|
.el-link.el-link--info.is-disabled { |
||||||
|
color: #c8c9cc; } |
||||||
|
.el-link.el-link--info.is-underline:hover:after { |
||||||
|
border-color: #909399; } |
||||||
@ -0,0 +1,336 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-loading-parent--relative { |
||||||
|
position: relative !important; } |
||||||
|
|
||||||
|
.el-loading-parent--hidden { |
||||||
|
overflow: hidden !important; } |
||||||
|
|
||||||
|
.el-loading-mask { |
||||||
|
position: absolute; |
||||||
|
z-index: 2000; |
||||||
|
background-color: rgba(255, 255, 255, 0.9); |
||||||
|
margin: 0; |
||||||
|
top: 0; |
||||||
|
right: 0; |
||||||
|
bottom: 0; |
||||||
|
left: 0; |
||||||
|
-webkit-transition: opacity 0.3s; |
||||||
|
transition: opacity 0.3s; } |
||||||
|
.el-loading-mask.is-fullscreen { |
||||||
|
position: fixed; } |
||||||
|
.el-loading-mask.is-fullscreen .el-loading-spinner { |
||||||
|
margin-top: -25px; } |
||||||
|
.el-loading-mask.is-fullscreen .el-loading-spinner .circular { |
||||||
|
height: 50px; |
||||||
|
width: 50px; } |
||||||
|
|
||||||
|
.el-loading-spinner { |
||||||
|
top: 50%; |
||||||
|
margin-top: -21px; |
||||||
|
width: 100%; |
||||||
|
text-align: center; |
||||||
|
position: absolute; } |
||||||
|
.el-loading-spinner .el-loading-text { |
||||||
|
color: #00B9FF; |
||||||
|
margin: 3px 0; |
||||||
|
font-size: 14px; } |
||||||
|
.el-loading-spinner .circular { |
||||||
|
height: 42px; |
||||||
|
width: 42px; |
||||||
|
-webkit-animation: loading-rotate 2s linear infinite; |
||||||
|
animation: loading-rotate 2s linear infinite; } |
||||||
|
.el-loading-spinner .path { |
||||||
|
-webkit-animation: loading-dash 1.5s ease-in-out infinite; |
||||||
|
animation: loading-dash 1.5s ease-in-out infinite; |
||||||
|
stroke-dasharray: 90, 150; |
||||||
|
stroke-dashoffset: 0; |
||||||
|
stroke-width: 2; |
||||||
|
stroke: #00B9FF; |
||||||
|
stroke-linecap: round; } |
||||||
|
.el-loading-spinner i { |
||||||
|
color: #00B9FF; } |
||||||
|
|
||||||
|
.el-loading-fade-enter, |
||||||
|
.el-loading-fade-leave-active { |
||||||
|
opacity: 0; } |
||||||
|
|
||||||
|
@-webkit-keyframes loading-rotate { |
||||||
|
100% { |
||||||
|
-webkit-transform: rotate(360deg); |
||||||
|
transform: rotate(360deg); } } |
||||||
|
|
||||||
|
@keyframes loading-rotate { |
||||||
|
100% { |
||||||
|
-webkit-transform: rotate(360deg); |
||||||
|
transform: rotate(360deg); } } |
||||||
|
|
||||||
|
@-webkit-keyframes loading-dash { |
||||||
|
0% { |
||||||
|
stroke-dasharray: 1, 200; |
||||||
|
stroke-dashoffset: 0; } |
||||||
|
50% { |
||||||
|
stroke-dasharray: 90, 150; |
||||||
|
stroke-dashoffset: -40px; } |
||||||
|
100% { |
||||||
|
stroke-dasharray: 90, 150; |
||||||
|
stroke-dashoffset: -120px; } } |
||||||
|
|
||||||
|
@keyframes loading-dash { |
||||||
|
0% { |
||||||
|
stroke-dasharray: 1, 200; |
||||||
|
stroke-dashoffset: 0; } |
||||||
|
50% { |
||||||
|
stroke-dasharray: 90, 150; |
||||||
|
stroke-dashoffset: -40px; } |
||||||
|
100% { |
||||||
|
stroke-dasharray: 90, 150; |
||||||
|
stroke-dashoffset: -120px; } } |
||||||
@ -0,0 +1,261 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-main { |
||||||
|
display: block; |
||||||
|
-webkit-box-flex: 1; |
||||||
|
-ms-flex: 1; |
||||||
|
flex: 1; |
||||||
|
-ms-flex-preferred-size: auto; |
||||||
|
flex-basis: auto; |
||||||
|
overflow: auto; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
padding: 20px; } |
||||||
@ -0,0 +1,719 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.fade-in-linear-enter-active, |
||||||
|
.fade-in-linear-leave-active { |
||||||
|
-webkit-transition: opacity 200ms linear; |
||||||
|
transition: opacity 200ms linear; } |
||||||
|
|
||||||
|
.fade-in-linear-enter, |
||||||
|
.fade-in-linear-leave, |
||||||
|
.fade-in-linear-leave-active { |
||||||
|
opacity: 0; } |
||||||
|
|
||||||
|
.el-fade-in-linear-enter-active, |
||||||
|
.el-fade-in-linear-leave-active { |
||||||
|
-webkit-transition: opacity 200ms linear; |
||||||
|
transition: opacity 200ms linear; } |
||||||
|
|
||||||
|
.el-fade-in-linear-enter, |
||||||
|
.el-fade-in-linear-leave, |
||||||
|
.el-fade-in-linear-leave-active { |
||||||
|
opacity: 0; } |
||||||
|
|
||||||
|
.el-fade-in-enter-active, |
||||||
|
.el-fade-in-leave-active { |
||||||
|
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); |
||||||
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); } |
||||||
|
|
||||||
|
.el-fade-in-enter, |
||||||
|
.el-fade-in-leave-active { |
||||||
|
opacity: 0; } |
||||||
|
|
||||||
|
.el-zoom-in-center-enter-active, |
||||||
|
.el-zoom-in-center-leave-active { |
||||||
|
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); |
||||||
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); } |
||||||
|
|
||||||
|
.el-zoom-in-center-enter, |
||||||
|
.el-zoom-in-center-leave-active { |
||||||
|
opacity: 0; |
||||||
|
-webkit-transform: scaleX(0); |
||||||
|
transform: scaleX(0); } |
||||||
|
|
||||||
|
.el-zoom-in-top-enter-active, |
||||||
|
.el-zoom-in-top-leave-active { |
||||||
|
opacity: 1; |
||||||
|
-webkit-transform: scaleY(1); |
||||||
|
transform: scaleY(1); |
||||||
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||||
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||||
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||||
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||||
|
-webkit-transform-origin: center top; |
||||||
|
transform-origin: center top; } |
||||||
|
|
||||||
|
.el-zoom-in-top-enter, |
||||||
|
.el-zoom-in-top-leave-active { |
||||||
|
opacity: 0; |
||||||
|
-webkit-transform: scaleY(0); |
||||||
|
transform: scaleY(0); } |
||||||
|
|
||||||
|
.el-zoom-in-bottom-enter-active, |
||||||
|
.el-zoom-in-bottom-leave-active { |
||||||
|
opacity: 1; |
||||||
|
-webkit-transform: scaleY(1); |
||||||
|
transform: scaleY(1); |
||||||
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||||
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||||
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||||
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||||
|
-webkit-transform-origin: center bottom; |
||||||
|
transform-origin: center bottom; } |
||||||
|
|
||||||
|
.el-zoom-in-bottom-enter, |
||||||
|
.el-zoom-in-bottom-leave-active { |
||||||
|
opacity: 0; |
||||||
|
-webkit-transform: scaleY(0); |
||||||
|
transform: scaleY(0); } |
||||||
|
|
||||||
|
.el-zoom-in-left-enter-active, |
||||||
|
.el-zoom-in-left-leave-active { |
||||||
|
opacity: 1; |
||||||
|
-webkit-transform: scale(1, 1); |
||||||
|
transform: scale(1, 1); |
||||||
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||||
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||||
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||||
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||||
|
-webkit-transform-origin: top left; |
||||||
|
transform-origin: top left; } |
||||||
|
|
||||||
|
.el-zoom-in-left-enter, |
||||||
|
.el-zoom-in-left-leave-active { |
||||||
|
opacity: 0; |
||||||
|
-webkit-transform: scale(0.45, 0.45); |
||||||
|
transform: scale(0.45, 0.45); } |
||||||
|
|
||||||
|
.collapse-transition { |
||||||
|
-webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; |
||||||
|
transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; } |
||||||
|
|
||||||
|
.horizontal-collapse-transition { |
||||||
|
-webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; |
||||||
|
transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; } |
||||||
|
|
||||||
|
.el-list-enter-active, |
||||||
|
.el-list-leave-active { |
||||||
|
-webkit-transition: all 1s; |
||||||
|
transition: all 1s; } |
||||||
|
|
||||||
|
.el-list-enter, .el-list-leave-active { |
||||||
|
opacity: 0; |
||||||
|
-webkit-transform: translateY(-30px); |
||||||
|
transform: translateY(-30px); } |
||||||
|
|
||||||
|
.el-opacity-transition { |
||||||
|
-webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); |
||||||
|
transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); } |
||||||
|
|
||||||
|
.el-menu { |
||||||
|
border-right: solid 1px #e6e6e6; |
||||||
|
list-style: none; |
||||||
|
position: relative; |
||||||
|
margin: 0; |
||||||
|
padding-left: 0; |
||||||
|
background-color: #FFFFFF; } |
||||||
|
.el-menu::before, |
||||||
|
.el-menu::after { |
||||||
|
display: table; |
||||||
|
content: ""; } |
||||||
|
.el-menu::after { |
||||||
|
clear: both; } |
||||||
|
.el-menu.el-menu--horizontal { |
||||||
|
border-bottom: solid 1px #e6e6e6; } |
||||||
|
.el-menu--horizontal { |
||||||
|
border-right: none; } |
||||||
|
.el-menu--horizontal > .el-menu-item { |
||||||
|
float: left; |
||||||
|
height: 60px; |
||||||
|
line-height: 60px; |
||||||
|
margin: 0; |
||||||
|
border-bottom: 2px solid transparent; |
||||||
|
color: #909399; } |
||||||
|
.el-menu--horizontal > .el-menu-item a, |
||||||
|
.el-menu--horizontal > .el-menu-item a:hover { |
||||||
|
color: inherit; } |
||||||
|
.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus { |
||||||
|
background-color: #fff; } |
||||||
|
.el-menu--horizontal > .el-submenu { |
||||||
|
float: left; } |
||||||
|
.el-menu--horizontal > .el-submenu:focus, .el-menu--horizontal > .el-submenu:hover { |
||||||
|
outline: none; } |
||||||
|
.el-menu--horizontal > .el-submenu:focus .el-submenu__title, .el-menu--horizontal > .el-submenu:hover .el-submenu__title { |
||||||
|
color: #303133; } |
||||||
|
.el-menu--horizontal > .el-submenu.is-active .el-submenu__title { |
||||||
|
border-bottom: 2px solid #00B9FF; |
||||||
|
color: #303133; } |
||||||
|
.el-menu--horizontal > .el-submenu .el-submenu__title { |
||||||
|
height: 60px; |
||||||
|
line-height: 60px; |
||||||
|
border-bottom: 2px solid transparent; |
||||||
|
color: #909399; } |
||||||
|
.el-menu--horizontal > .el-submenu .el-submenu__title:hover { |
||||||
|
background-color: #fff; } |
||||||
|
.el-menu--horizontal > .el-submenu .el-submenu__icon-arrow { |
||||||
|
position: static; |
||||||
|
vertical-align: middle; |
||||||
|
margin-left: 8px; |
||||||
|
margin-top: -3px; } |
||||||
|
.el-menu--horizontal .el-menu .el-menu-item, |
||||||
|
.el-menu--horizontal .el-menu .el-submenu__title { |
||||||
|
background-color: #FFFFFF; |
||||||
|
float: none; |
||||||
|
height: 36px; |
||||||
|
line-height: 36px; |
||||||
|
padding: 0 10px; |
||||||
|
color: #909399; } |
||||||
|
.el-menu--horizontal .el-menu .el-menu-item.is-active, |
||||||
|
.el-menu--horizontal .el-menu .el-submenu.is-active > .el-submenu__title { |
||||||
|
color: #303133; } |
||||||
|
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover, |
||||||
|
.el-menu--horizontal .el-menu-item:not(.is-disabled):focus { |
||||||
|
outline: none; |
||||||
|
color: #303133; } |
||||||
|
.el-menu--horizontal > .el-menu-item.is-active { |
||||||
|
border-bottom: 2px solid #00B9FF; |
||||||
|
color: #303133; } |
||||||
|
.el-menu--collapse { |
||||||
|
width: 64px; } |
||||||
|
.el-menu--collapse > .el-menu-item [class^="el-icon-"], |
||||||
|
.el-menu--collapse > .el-submenu > .el-submenu__title [class^="el-icon-"] { |
||||||
|
margin: 0; |
||||||
|
vertical-align: middle; |
||||||
|
width: 24px; |
||||||
|
text-align: center; } |
||||||
|
.el-menu--collapse > .el-menu-item .el-submenu__icon-arrow, |
||||||
|
.el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow { |
||||||
|
display: none; } |
||||||
|
.el-menu--collapse > .el-menu-item span, |
||||||
|
.el-menu--collapse > .el-submenu > .el-submenu__title span { |
||||||
|
height: 0; |
||||||
|
width: 0; |
||||||
|
overflow: hidden; |
||||||
|
visibility: hidden; |
||||||
|
display: inline-block; } |
||||||
|
.el-menu--collapse > .el-menu-item.is-active i { |
||||||
|
color: inherit; } |
||||||
|
.el-menu--collapse .el-menu .el-submenu { |
||||||
|
min-width: 200px; } |
||||||
|
.el-menu--collapse .el-submenu { |
||||||
|
position: relative; } |
||||||
|
.el-menu--collapse .el-submenu .el-menu { |
||||||
|
position: absolute; |
||||||
|
margin-left: 5px; |
||||||
|
top: 0; |
||||||
|
left: 100%; |
||||||
|
z-index: 10; |
||||||
|
border: 1px solid #E4E7ED; |
||||||
|
border-radius: 2px; |
||||||
|
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); |
||||||
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } |
||||||
|
.el-menu--collapse .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow { |
||||||
|
-webkit-transform: none; |
||||||
|
transform: none; } |
||||||
|
.el-menu--popup { |
||||||
|
z-index: 100; |
||||||
|
min-width: 200px; |
||||||
|
border: none; |
||||||
|
padding: 5px 0; |
||||||
|
border-radius: 2px; |
||||||
|
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); |
||||||
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } |
||||||
|
.el-menu--popup-bottom-start { |
||||||
|
margin-top: 5px; } |
||||||
|
.el-menu--popup-right-start { |
||||||
|
margin-left: 5px; |
||||||
|
margin-right: 5px; } |
||||||
|
|
||||||
|
.el-menu-item { |
||||||
|
height: 56px; |
||||||
|
line-height: 56px; |
||||||
|
font-size: 14px; |
||||||
|
color: #303133; |
||||||
|
padding: 0 20px; |
||||||
|
list-style: none; |
||||||
|
cursor: pointer; |
||||||
|
position: relative; |
||||||
|
-webkit-transition: border-color .3s, background-color .3s, color .3s; |
||||||
|
transition: border-color .3s, background-color .3s, color .3s; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
white-space: nowrap; } |
||||||
|
.el-menu-item * { |
||||||
|
vertical-align: middle; } |
||||||
|
.el-menu-item i { |
||||||
|
color: #909399; } |
||||||
|
.el-menu-item:hover, .el-menu-item:focus { |
||||||
|
outline: none; |
||||||
|
background-color: #e6f8ff; } |
||||||
|
.el-menu-item.is-disabled { |
||||||
|
opacity: 0.25; |
||||||
|
cursor: not-allowed; |
||||||
|
background: none !important; } |
||||||
|
.el-menu-item [class^="el-icon-"] { |
||||||
|
margin-right: 5px; |
||||||
|
width: 24px; |
||||||
|
text-align: center; |
||||||
|
font-size: 18px; |
||||||
|
vertical-align: middle; } |
||||||
|
.el-menu-item.is-active { |
||||||
|
color: #00B9FF; } |
||||||
|
.el-menu-item.is-active i { |
||||||
|
color: inherit; } |
||||||
|
|
||||||
|
.el-submenu { |
||||||
|
list-style: none; |
||||||
|
margin: 0; |
||||||
|
padding-left: 0; } |
||||||
|
.el-submenu__title { |
||||||
|
height: 56px; |
||||||
|
line-height: 56px; |
||||||
|
font-size: 14px; |
||||||
|
color: #303133; |
||||||
|
padding: 0 20px; |
||||||
|
list-style: none; |
||||||
|
cursor: pointer; |
||||||
|
position: relative; |
||||||
|
-webkit-transition: border-color .3s, background-color .3s, color .3s; |
||||||
|
transition: border-color .3s, background-color .3s, color .3s; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
white-space: nowrap; } |
||||||
|
.el-submenu__title * { |
||||||
|
vertical-align: middle; } |
||||||
|
.el-submenu__title i { |
||||||
|
color: #909399; } |
||||||
|
.el-submenu__title:hover, .el-submenu__title:focus { |
||||||
|
outline: none; |
||||||
|
background-color: #e6f8ff; } |
||||||
|
.el-submenu__title.is-disabled { |
||||||
|
opacity: 0.25; |
||||||
|
cursor: not-allowed; |
||||||
|
background: none !important; } |
||||||
|
.el-submenu__title:hover { |
||||||
|
background-color: #e6f8ff; } |
||||||
|
.el-submenu .el-menu { |
||||||
|
border: none; } |
||||||
|
.el-submenu .el-menu-item { |
||||||
|
height: 50px; |
||||||
|
line-height: 50px; |
||||||
|
padding: 0 45px; |
||||||
|
min-width: 200px; } |
||||||
|
.el-submenu__icon-arrow { |
||||||
|
position: absolute; |
||||||
|
top: 50%; |
||||||
|
right: 20px; |
||||||
|
margin-top: -7px; |
||||||
|
-webkit-transition: -webkit-transform .3s; |
||||||
|
transition: -webkit-transform .3s; |
||||||
|
transition: transform .3s; |
||||||
|
transition: transform .3s, -webkit-transform .3s; |
||||||
|
font-size: 12px; } |
||||||
|
.el-submenu.is-active .el-submenu__title { |
||||||
|
border-bottom-color: #00B9FF; } |
||||||
|
.el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow { |
||||||
|
-webkit-transform: rotateZ(180deg); |
||||||
|
transform: rotateZ(180deg); } |
||||||
|
.el-submenu.is-disabled .el-submenu__title, |
||||||
|
.el-submenu.is-disabled .el-menu-item { |
||||||
|
opacity: 0.25; |
||||||
|
cursor: not-allowed; |
||||||
|
background: none !important; } |
||||||
|
.el-submenu [class^="el-icon-"] { |
||||||
|
vertical-align: middle; |
||||||
|
margin-right: 5px; |
||||||
|
width: 24px; |
||||||
|
text-align: center; |
||||||
|
font-size: 18px; } |
||||||
|
|
||||||
|
.el-menu-item-group > ul { |
||||||
|
padding: 0; } |
||||||
|
|
||||||
|
.el-menu-item-group__title { |
||||||
|
padding: 7px 0 7px 20px; |
||||||
|
line-height: normal; |
||||||
|
font-size: 12px; |
||||||
|
color: #909399; } |
||||||
|
|
||||||
|
.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow { |
||||||
|
-webkit-transition: .2s; |
||||||
|
transition: .2s; |
||||||
|
opacity: 0; } |
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,336 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-message { |
||||||
|
min-width: 380px; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
border-radius: 4px; |
||||||
|
border-width: 1px; |
||||||
|
border-style: solid; |
||||||
|
border-color: #EBEEF5; |
||||||
|
position: fixed; |
||||||
|
left: 50%; |
||||||
|
top: 20px; |
||||||
|
-webkit-transform: translateX(-50%); |
||||||
|
transform: translateX(-50%); |
||||||
|
background-color: #edf2fc; |
||||||
|
-webkit-transition: opacity 0.3s, top 0.4s, -webkit-transform .4s; |
||||||
|
transition: opacity 0.3s, top 0.4s, -webkit-transform .4s; |
||||||
|
transition: opacity 0.3s, transform .4s, top 0.4s; |
||||||
|
transition: opacity 0.3s, transform .4s, top 0.4s, -webkit-transform .4s; |
||||||
|
overflow: hidden; |
||||||
|
padding: 15px 15px 15px 20px; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; } |
||||||
|
.el-message.is-center { |
||||||
|
-webkit-box-pack: center; |
||||||
|
-ms-flex-pack: center; |
||||||
|
justify-content: center; } |
||||||
|
.el-message.is-closable .el-message__content { |
||||||
|
padding-right: 16px; } |
||||||
|
.el-message p { |
||||||
|
margin: 0; } |
||||||
|
.el-message--info .el-message__content { |
||||||
|
color: #909399; } |
||||||
|
.el-message--success { |
||||||
|
background-color: #f0f9eb; |
||||||
|
border-color: #e1f3d8; } |
||||||
|
.el-message--success .el-message__content { |
||||||
|
color: #67C23A; } |
||||||
|
.el-message--warning { |
||||||
|
background-color: #fdf6ec; |
||||||
|
border-color: #faecd8; } |
||||||
|
.el-message--warning .el-message__content { |
||||||
|
color: #E6A23C; } |
||||||
|
.el-message--error { |
||||||
|
background-color: #fef0f0; |
||||||
|
border-color: #fde2e2; } |
||||||
|
.el-message--error .el-message__content { |
||||||
|
color: #F56C6C; } |
||||||
|
.el-message__icon { |
||||||
|
margin-right: 10px; } |
||||||
|
.el-message__content { |
||||||
|
padding: 0; |
||||||
|
font-size: 14px; |
||||||
|
line-height: 1; } |
||||||
|
.el-message__content:focus { |
||||||
|
outline-width: 0; } |
||||||
|
.el-message__closeBtn { |
||||||
|
position: absolute; |
||||||
|
top: 50%; |
||||||
|
right: 15px; |
||||||
|
-webkit-transform: translateY(-50%); |
||||||
|
transform: translateY(-50%); |
||||||
|
cursor: pointer; |
||||||
|
color: #C0C4CC; |
||||||
|
font-size: 16px; } |
||||||
|
.el-message__closeBtn:focus { |
||||||
|
outline-width: 0; } |
||||||
|
.el-message__closeBtn:hover { |
||||||
|
color: #909399; } |
||||||
|
.el-message .el-icon-success { |
||||||
|
color: #67C23A; } |
||||||
|
.el-message .el-icon-error { |
||||||
|
color: #F56C6C; } |
||||||
|
.el-message .el-icon-info { |
||||||
|
color: #909399; } |
||||||
|
.el-message .el-icon-warning { |
||||||
|
color: #E6A23C; } |
||||||
|
|
||||||
|
.el-message-fade-enter, |
||||||
|
.el-message-fade-leave-active { |
||||||
|
opacity: 0; |
||||||
|
-webkit-transform: translate(-50%, -100%); |
||||||
|
transform: translate(-50%, -100%); } |
||||||
@ -0,0 +1,323 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-notification { |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
width: 330px; |
||||||
|
padding: 14px 26px 14px 13px; |
||||||
|
border-radius: 8px; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
border: 1px solid #EBEEF5; |
||||||
|
position: fixed; |
||||||
|
background-color: #FFFFFF; |
||||||
|
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); |
||||||
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); |
||||||
|
-webkit-transition: opacity .3s, left .3s, right .3s, top 0.4s, bottom .3s, -webkit-transform .3s; |
||||||
|
transition: opacity .3s, left .3s, right .3s, top 0.4s, bottom .3s, -webkit-transform .3s; |
||||||
|
transition: opacity .3s, transform .3s, left .3s, right .3s, top 0.4s, bottom .3s; |
||||||
|
transition: opacity .3s, transform .3s, left .3s, right .3s, top 0.4s, bottom .3s, -webkit-transform .3s; |
||||||
|
overflow: hidden; } |
||||||
|
.el-notification.right { |
||||||
|
right: 16px; } |
||||||
|
.el-notification.left { |
||||||
|
left: 16px; } |
||||||
|
.el-notification__group { |
||||||
|
margin-left: 13px; |
||||||
|
margin-right: 8px; } |
||||||
|
.el-notification__title { |
||||||
|
font-weight: bold; |
||||||
|
font-size: 16px; |
||||||
|
color: #303133; |
||||||
|
margin: 0; } |
||||||
|
.el-notification__content { |
||||||
|
font-size: 14px; |
||||||
|
line-height: 21px; |
||||||
|
margin: 6px 0 0 0; |
||||||
|
color: #606266; |
||||||
|
text-align: justify; } |
||||||
|
.el-notification__content p { |
||||||
|
margin: 0; } |
||||||
|
.el-notification__icon { |
||||||
|
height: 24px; |
||||||
|
width: 24px; |
||||||
|
font-size: 24px; } |
||||||
|
.el-notification__closeBtn { |
||||||
|
position: absolute; |
||||||
|
top: 18px; |
||||||
|
right: 15px; |
||||||
|
cursor: pointer; |
||||||
|
color: #909399; |
||||||
|
font-size: 16px; } |
||||||
|
.el-notification__closeBtn:hover { |
||||||
|
color: #606266; } |
||||||
|
.el-notification .el-icon-success { |
||||||
|
color: #67C23A; } |
||||||
|
.el-notification .el-icon-error { |
||||||
|
color: #F56C6C; } |
||||||
|
.el-notification .el-icon-info { |
||||||
|
color: #909399; } |
||||||
|
.el-notification .el-icon-warning { |
||||||
|
color: #E6A23C; } |
||||||
|
|
||||||
|
.el-notification-fade-enter.right { |
||||||
|
right: 0; |
||||||
|
-webkit-transform: translateX(100%); |
||||||
|
transform: translateX(100%); } |
||||||
|
|
||||||
|
.el-notification-fade-enter.left { |
||||||
|
left: 0; |
||||||
|
-webkit-transform: translateX(-100%); |
||||||
|
transform: translateX(-100%); } |
||||||
|
|
||||||
|
.el-notification-fade-leave-active { |
||||||
|
opacity: 0; } |
||||||
@ -0,0 +1,276 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-select-group { |
||||||
|
margin: 0; |
||||||
|
padding: 0; } |
||||||
|
.el-select-group__wrap { |
||||||
|
position: relative; |
||||||
|
list-style: none; |
||||||
|
margin: 0; |
||||||
|
padding: 0; } |
||||||
|
.el-select-group__wrap:not(:last-of-type) { |
||||||
|
padding-bottom: 24px; } |
||||||
|
.el-select-group__wrap:not(:last-of-type)::after { |
||||||
|
content: ''; |
||||||
|
position: absolute; |
||||||
|
display: block; |
||||||
|
left: 20px; |
||||||
|
right: 20px; |
||||||
|
bottom: 12px; |
||||||
|
height: 1px; |
||||||
|
background: #E4E7ED; } |
||||||
|
.el-select-group__title { |
||||||
|
padding-left: 20px; |
||||||
|
font-size: 12px; |
||||||
|
color: #909399; |
||||||
|
line-height: 30px; } |
||||||
|
.el-select-group .el-select-dropdown__item { |
||||||
|
padding-left: 20px; } |
||||||
@ -0,0 +1,273 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-select-dropdown__item { |
||||||
|
font-size: 14px; |
||||||
|
padding: 0 20px; |
||||||
|
position: relative; |
||||||
|
white-space: nowrap; |
||||||
|
overflow: hidden; |
||||||
|
text-overflow: ellipsis; |
||||||
|
color: #606266; |
||||||
|
height: 34px; |
||||||
|
line-height: 34px; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
cursor: pointer; } |
||||||
|
.el-select-dropdown__item.is-disabled { |
||||||
|
color: #C0C4CC; |
||||||
|
cursor: not-allowed; } |
||||||
|
.el-select-dropdown__item.is-disabled:hover { |
||||||
|
background-color: #FFFFFF; } |
||||||
|
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover { |
||||||
|
background-color: #F5F7FA; } |
||||||
|
.el-select-dropdown__item.selected { |
||||||
|
color: #00B9FF; |
||||||
|
font-weight: bold; } |
||||||
@ -0,0 +1,283 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-page-header { |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
line-height: 24px; } |
||||||
|
.el-page-header__left { |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
cursor: pointer; |
||||||
|
margin-right: 40px; |
||||||
|
position: relative; } |
||||||
|
.el-page-header__left::after { |
||||||
|
content: ""; |
||||||
|
position: absolute; |
||||||
|
width: 1px; |
||||||
|
height: 16px; |
||||||
|
right: -20px; |
||||||
|
top: 50%; |
||||||
|
-webkit-transform: translateY(-50%); |
||||||
|
transform: translateY(-50%); |
||||||
|
background-color: #DCDFE6; } |
||||||
|
.el-page-header__left .el-icon-back { |
||||||
|
font-size: 18px; |
||||||
|
margin-right: 6px; |
||||||
|
-ms-flex-item-align: center; |
||||||
|
align-self: center; } |
||||||
|
.el-page-header__title { |
||||||
|
font-size: 14px; |
||||||
|
font-weight: 500; } |
||||||
|
.el-page-header__content { |
||||||
|
font-size: 18px; |
||||||
|
color: #303133; } |
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,264 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-popconfirm__main { |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; } |
||||||
|
|
||||||
|
.el-popconfirm__icon { |
||||||
|
margin-right: 5px; } |
||||||
|
|
||||||
|
.el-popconfirm__action { |
||||||
|
text-align: right; |
||||||
|
margin: 0; } |
||||||
@ -0,0 +1,605 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-popper .popper__arrow, |
||||||
|
.el-popper .popper__arrow::after { |
||||||
|
position: absolute; |
||||||
|
display: block; |
||||||
|
width: 0; |
||||||
|
height: 0; |
||||||
|
border-color: transparent; |
||||||
|
border-style: solid; } |
||||||
|
|
||||||
|
.el-popper .popper__arrow { |
||||||
|
border-width: 6px; |
||||||
|
-webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); |
||||||
|
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); } |
||||||
|
|
||||||
|
.el-popper .popper__arrow::after { |
||||||
|
content: " "; |
||||||
|
border-width: 6px; } |
||||||
|
|
||||||
|
.el-popper[x-placement^="top"] { |
||||||
|
margin-bottom: 12px; } |
||||||
|
|
||||||
|
.el-popper[x-placement^="top"] .popper__arrow { |
||||||
|
bottom: -6px; |
||||||
|
left: 50%; |
||||||
|
margin-right: 3px; |
||||||
|
border-top-color: #EBEEF5; |
||||||
|
border-bottom-width: 0; } |
||||||
|
.el-popper[x-placement^="top"] .popper__arrow::after { |
||||||
|
bottom: 1px; |
||||||
|
margin-left: -6px; |
||||||
|
border-top-color: #FFFFFF; |
||||||
|
border-bottom-width: 0; } |
||||||
|
|
||||||
|
.el-popper[x-placement^="bottom"] { |
||||||
|
margin-top: 12px; } |
||||||
|
|
||||||
|
.el-popper[x-placement^="bottom"] .popper__arrow { |
||||||
|
top: -6px; |
||||||
|
left: 50%; |
||||||
|
margin-right: 3px; |
||||||
|
border-top-width: 0; |
||||||
|
border-bottom-color: #EBEEF5; } |
||||||
|
.el-popper[x-placement^="bottom"] .popper__arrow::after { |
||||||
|
top: 1px; |
||||||
|
margin-left: -6px; |
||||||
|
border-top-width: 0; |
||||||
|
border-bottom-color: #FFFFFF; } |
||||||
|
|
||||||
|
.el-popper[x-placement^="right"] { |
||||||
|
margin-left: 12px; } |
||||||
|
|
||||||
|
.el-popper[x-placement^="right"] .popper__arrow { |
||||||
|
top: 50%; |
||||||
|
left: -6px; |
||||||
|
margin-bottom: 3px; |
||||||
|
border-right-color: #EBEEF5; |
||||||
|
border-left-width: 0; } |
||||||
|
.el-popper[x-placement^="right"] .popper__arrow::after { |
||||||
|
bottom: -6px; |
||||||
|
left: 1px; |
||||||
|
border-right-color: #FFFFFF; |
||||||
|
border-left-width: 0; } |
||||||
|
|
||||||
|
.el-popper[x-placement^="left"] { |
||||||
|
margin-right: 12px; } |
||||||
|
|
||||||
|
.el-popper[x-placement^="left"] .popper__arrow { |
||||||
|
top: 50%; |
||||||
|
right: -6px; |
||||||
|
margin-bottom: 3px; |
||||||
|
border-right-width: 0; |
||||||
|
border-left-color: #EBEEF5; } |
||||||
|
.el-popper[x-placement^="left"] .popper__arrow::after { |
||||||
|
right: 1px; |
||||||
|
bottom: -6px; |
||||||
|
margin-left: -6px; |
||||||
|
border-right-width: 0; |
||||||
|
border-left-color: #FFFFFF; } |
||||||
|
|
||||||
|
.el-popover { |
||||||
|
position: absolute; |
||||||
|
background: #FFFFFF; |
||||||
|
min-width: 150px; |
||||||
|
border-radius: 4px; |
||||||
|
border: 1px solid #EBEEF5; |
||||||
|
padding: 12px; |
||||||
|
z-index: 2000; |
||||||
|
color: #606266; |
||||||
|
line-height: 1.4; |
||||||
|
text-align: justify; |
||||||
|
font-size: 14px; |
||||||
|
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); |
||||||
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); |
||||||
|
word-break: break-all; } |
||||||
|
.el-popover--plain { |
||||||
|
padding: 18px 20px; } |
||||||
|
.el-popover__title { |
||||||
|
color: #303133; |
||||||
|
font-size: 16px; |
||||||
|
line-height: 1; |
||||||
|
margin-bottom: 12px; } |
||||||
|
.el-popover__reference:focus:not(.focusing), .el-popover__reference:focus:hover { |
||||||
|
outline-width: 0; } |
||||||
|
.el-popover:focus:active, .el-popover:focus { |
||||||
|
outline-width: 0; } |
||||||
@ -0,0 +1,328 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-popper .popper__arrow, |
||||||
|
.el-popper .popper__arrow::after { |
||||||
|
position: absolute; |
||||||
|
display: block; |
||||||
|
width: 0; |
||||||
|
height: 0; |
||||||
|
border-color: transparent; |
||||||
|
border-style: solid; } |
||||||
|
|
||||||
|
.el-popper .popper__arrow { |
||||||
|
border-width: 6px; |
||||||
|
-webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); |
||||||
|
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); } |
||||||
|
|
||||||
|
.el-popper .popper__arrow::after { |
||||||
|
content: " "; |
||||||
|
border-width: 6px; } |
||||||
|
|
||||||
|
.el-popper[x-placement^="top"] { |
||||||
|
margin-bottom: 12px; } |
||||||
|
|
||||||
|
.el-popper[x-placement^="top"] .popper__arrow { |
||||||
|
bottom: -6px; |
||||||
|
left: 50%; |
||||||
|
margin-right: 3px; |
||||||
|
border-top-color: #EBEEF5; |
||||||
|
border-bottom-width: 0; } |
||||||
|
.el-popper[x-placement^="top"] .popper__arrow::after { |
||||||
|
bottom: 1px; |
||||||
|
margin-left: -6px; |
||||||
|
border-top-color: #FFFFFF; |
||||||
|
border-bottom-width: 0; } |
||||||
|
|
||||||
|
.el-popper[x-placement^="bottom"] { |
||||||
|
margin-top: 12px; } |
||||||
|
|
||||||
|
.el-popper[x-placement^="bottom"] .popper__arrow { |
||||||
|
top: -6px; |
||||||
|
left: 50%; |
||||||
|
margin-right: 3px; |
||||||
|
border-top-width: 0; |
||||||
|
border-bottom-color: #EBEEF5; } |
||||||
|
.el-popper[x-placement^="bottom"] .popper__arrow::after { |
||||||
|
top: 1px; |
||||||
|
margin-left: -6px; |
||||||
|
border-top-width: 0; |
||||||
|
border-bottom-color: #FFFFFF; } |
||||||
|
|
||||||
|
.el-popper[x-placement^="right"] { |
||||||
|
margin-left: 12px; } |
||||||
|
|
||||||
|
.el-popper[x-placement^="right"] .popper__arrow { |
||||||
|
top: 50%; |
||||||
|
left: -6px; |
||||||
|
margin-bottom: 3px; |
||||||
|
border-right-color: #EBEEF5; |
||||||
|
border-left-width: 0; } |
||||||
|
.el-popper[x-placement^="right"] .popper__arrow::after { |
||||||
|
bottom: -6px; |
||||||
|
left: 1px; |
||||||
|
border-right-color: #FFFFFF; |
||||||
|
border-left-width: 0; } |
||||||
|
|
||||||
|
.el-popper[x-placement^="left"] { |
||||||
|
margin-right: 12px; } |
||||||
|
|
||||||
|
.el-popper[x-placement^="left"] .popper__arrow { |
||||||
|
top: 50%; |
||||||
|
right: -6px; |
||||||
|
margin-bottom: 3px; |
||||||
|
border-right-width: 0; |
||||||
|
border-left-color: #EBEEF5; } |
||||||
|
.el-popper[x-placement^="left"] .popper__arrow::after { |
||||||
|
right: 1px; |
||||||
|
bottom: -6px; |
||||||
|
margin-left: -6px; |
||||||
|
border-right-width: 0; |
||||||
|
border-left-color: #FFFFFF; } |
||||||
@ -0,0 +1,349 @@ |
|||||||
|
/* BEM support Func |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
/* Break-points |
||||||
|
-------------------------- */ |
||||||
|
/* Scrollbar |
||||||
|
-------------------------- */ |
||||||
|
/* Placeholder |
||||||
|
-------------------------- */ |
||||||
|
/* BEM |
||||||
|
-------------------------- */ |
||||||
|
/* Element Chalk Variables */ |
||||||
|
/* Transition |
||||||
|
-------------------------- */ |
||||||
|
/* Color |
||||||
|
-------------------------- */ |
||||||
|
/* 53a8ff */ |
||||||
|
/* 66b1ff */ |
||||||
|
/* 79bbff */ |
||||||
|
/* 8cc5ff */ |
||||||
|
/* a0cfff */ |
||||||
|
/* b3d8ff */ |
||||||
|
/* c6e2ff */ |
||||||
|
/* d9ecff */ |
||||||
|
/* ecf5ff */ |
||||||
|
/* Link |
||||||
|
-------------------------- */ |
||||||
|
/* Border |
||||||
|
-------------------------- */ |
||||||
|
/* Fill |
||||||
|
-------------------------- */ |
||||||
|
/* Typography |
||||||
|
-------------------------- */ |
||||||
|
/* Size |
||||||
|
-------------------------- */ |
||||||
|
/* z-index |
||||||
|
-------------------------- */ |
||||||
|
/* Disable base |
||||||
|
-------------------------- */ |
||||||
|
/* Icon |
||||||
|
-------------------------- */ |
||||||
|
/* Checkbox |
||||||
|
-------------------------- */ |
||||||
|
/* Radio |
||||||
|
-------------------------- */ |
||||||
|
/* Select |
||||||
|
-------------------------- */ |
||||||
|
/* Alert |
||||||
|
-------------------------- */ |
||||||
|
/* MessageBox |
||||||
|
-------------------------- */ |
||||||
|
/* Message |
||||||
|
-------------------------- */ |
||||||
|
/* Notification |
||||||
|
-------------------------- */ |
||||||
|
/* Input |
||||||
|
-------------------------- */ |
||||||
|
/* Cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Group |
||||||
|
-------------------------- */ |
||||||
|
/* Tab |
||||||
|
-------------------------- */ |
||||||
|
/* Button |
||||||
|
-------------------------- */ |
||||||
|
/* cascader |
||||||
|
-------------------------- */ |
||||||
|
/* Switch |
||||||
|
-------------------------- */ |
||||||
|
/* Dialog |
||||||
|
-------------------------- */ |
||||||
|
/* Table |
||||||
|
-------------------------- */ |
||||||
|
/* Pagination |
||||||
|
-------------------------- */ |
||||||
|
/* Popup |
||||||
|
-------------------------- */ |
||||||
|
/* Popover |
||||||
|
-------------------------- */ |
||||||
|
/* Tooltip |
||||||
|
-------------------------- */ |
||||||
|
/* Tag |
||||||
|
-------------------------- */ |
||||||
|
/* Tree |
||||||
|
-------------------------- */ |
||||||
|
/* Dropdown |
||||||
|
-------------------------- */ |
||||||
|
/* Badge |
||||||
|
-------------------------- */ |
||||||
|
/* Card |
||||||
|
--------------------------*/ |
||||||
|
/* Slider |
||||||
|
--------------------------*/ |
||||||
|
/* Steps |
||||||
|
--------------------------*/ |
||||||
|
/* Menu |
||||||
|
--------------------------*/ |
||||||
|
/* Rate |
||||||
|
--------------------------*/ |
||||||
|
/* DatePicker |
||||||
|
--------------------------*/ |
||||||
|
/* Loading |
||||||
|
--------------------------*/ |
||||||
|
/* Scrollbar |
||||||
|
--------------------------*/ |
||||||
|
/* Carousel |
||||||
|
--------------------------*/ |
||||||
|
/* Collapse |
||||||
|
--------------------------*/ |
||||||
|
/* Transfer |
||||||
|
--------------------------*/ |
||||||
|
/* Header |
||||||
|
--------------------------*/ |
||||||
|
/* Footer |
||||||
|
--------------------------*/ |
||||||
|
/* Main |
||||||
|
--------------------------*/ |
||||||
|
/* Timeline |
||||||
|
--------------------------*/ |
||||||
|
/* Backtop |
||||||
|
--------------------------*/ |
||||||
|
/* Link |
||||||
|
--------------------------*/ |
||||||
|
/* Calendar |
||||||
|
--------------------------*/ |
||||||
|
/* Form |
||||||
|
-------------------------- */ |
||||||
|
/* Avatar |
||||||
|
--------------------------*/ |
||||||
|
/* Break-point |
||||||
|
--------------------------*/ |
||||||
|
.el-progress { |
||||||
|
position: relative; |
||||||
|
line-height: 1; } |
||||||
|
.el-progress__text { |
||||||
|
font-size: 14px; |
||||||
|
color: #606266; |
||||||
|
display: inline-block; |
||||||
|
vertical-align: middle; |
||||||
|
margin-left: 10px; |
||||||
|
line-height: 1; } |
||||||
|
.el-progress__text i { |
||||||
|
vertical-align: middle; |
||||||
|
display: block; } |
||||||
|
.el-progress--circle, .el-progress--dashboard { |
||||||
|
display: inline-block; } |
||||||
|
.el-progress--circle .el-progress__text, .el-progress--dashboard .el-progress__text { |
||||||
|
position: absolute; |
||||||
|
top: 50%; |
||||||
|
left: 0; |
||||||
|
width: 100%; |
||||||
|
text-align: center; |
||||||
|
margin: 0; |
||||||
|
-webkit-transform: translate(0, -50%); |
||||||
|
transform: translate(0, -50%); } |
||||||
|
.el-progress--circle .el-progress__text i, .el-progress--dashboard .el-progress__text i { |
||||||
|
vertical-align: middle; |
||||||
|
display: inline-block; } |
||||||
|
.el-progress--without-text .el-progress__text { |
||||||
|
display: none; } |
||||||
|
.el-progress--without-text .el-progress-bar { |
||||||
|
padding-right: 0; |
||||||
|
margin-right: 0; |
||||||
|
display: block; } |
||||||
|
.el-progress--text-inside .el-progress-bar { |
||||||
|
padding-right: 0; |
||||||
|
margin-right: 0; } |
||||||
|
.el-progress.is-success .el-progress-bar__inner { |
||||||
|
background-color: #67C23A; } |
||||||
|
.el-progress.is-success .el-progress__text { |
||||||
|
color: #67C23A; } |
||||||
|
.el-progress.is-warning .el-progress-bar__inner { |
||||||
|
background-color: #E6A23C; } |
||||||
|
.el-progress.is-warning .el-progress__text { |
||||||
|
color: #E6A23C; } |
||||||
|
.el-progress.is-exception .el-progress-bar__inner { |
||||||
|
background-color: #F56C6C; } |
||||||
|
.el-progress.is-exception .el-progress__text { |
||||||
|
color: #F56C6C; } |
||||||
|
|
||||||
|
.el-progress-bar { |
||||||
|
padding-right: 50px; |
||||||
|
display: inline-block; |
||||||
|
vertical-align: middle; |
||||||
|
width: 100%; |
||||||
|
margin-right: -55px; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; } |
||||||
|
.el-progress-bar__outer { |
||||||
|
height: 6px; |
||||||
|
border-radius: 100px; |
||||||
|
background-color: #EBEEF5; |
||||||
|
overflow: hidden; |
||||||
|
position: relative; |
||||||
|
vertical-align: middle; } |
||||||
|
.el-progress-bar__inner { |
||||||
|
position: absolute; |
||||||
|
left: 0; |
||||||
|
top: 0; |
||||||
|
height: 100%; |
||||||
|
background-color: #00B9FF; |
||||||
|
text-align: right; |
||||||
|
border-radius: 100px; |
||||||
|
line-height: 1; |
||||||
|
white-space: nowrap; |
||||||
|
-webkit-transition: width 0.6s ease; |
||||||
|
transition: width 0.6s ease; } |
||||||
|
.el-progress-bar__inner::after { |
||||||
|
display: inline-block; |
||||||
|
content: ""; |
||||||
|
height: 100%; |
||||||
|
vertical-align: middle; } |
||||||
|
.el-progress-bar__innerText { |
||||||
|
display: inline-block; |
||||||
|
vertical-align: middle; |
||||||
|
color: #FFFFFF; |
||||||
|
font-size: 12px; |
||||||
|
margin: 0 5px; } |
||||||
|
|
||||||
|
@-webkit-keyframes progress { |
||||||
|
0% { |
||||||
|
background-position: 0 0; } |
||||||
|
100% { |
||||||
|
background-position: 32px 0; } } |
||||||
|
|
||||||
|
@keyframes progress { |
||||||
|
0% { |
||||||
|
background-position: 0 0; } |
||||||
|
100% { |
||||||
|
background-position: 32px 0; } } |
||||||
Loading…
Reference in new issue