成都一号线样式调整

This commit is contained in:
fan 2020-01-13 10:15:28 +08:00
parent 67ea835805
commit d22008a6f7

View File

@ -1,5 +1,5 @@
<template>
<div class="chengdou-01__systerm request_box">
<div class="chengdou-01__system request_box">
<div class="title-box">
<div class="title-name">操作请求堆栈</div>
<div class="icon" :class="{'is-active': unfold}" @click="unflodDiv">
@ -12,18 +12,18 @@
<el-table-column prop="operation" style="margin-left:10px" />
</el-table>
<el-row justify="center" class="button-group">
<el-col :span="2" :offset="4">
<el-button :id="domIdConfirm" size="mini" type="primary" style="float: left;" :loading="loading" :disabled="commitDisabled" @click="commit">重做</el-button>
<el-col :span="2" :offset="4" class="button-top">
<el-button :id="domIdConfirm" size="mini" style="float: left;" :loading="loading" :disabled="commitDisabled" @click="commit">重做</el-button>
</el-col>
<el-col :span="2" :offset="12">
<el-col :span="2" :offset="12" class="button-top">
<el-button :id="domIdCancel" size="mini" style="float: right;" @click="cancel">撤销</el-button>
</el-col>
</el-row>
<el-row justify="center" class="button-group">
<el-col :span="8">
<el-button :id="domIdConfirm" size="mini" type="primary" style="float: left;" :loading="loading" :disabled="commitDisabled" @click="commit">发送请求</el-button>
<el-col :span="8" class="button-bottom-left">
<el-button :id="domIdConfirm" size="mini" style="float: left;" :loading="loading" :disabled="commitDisabled" @click="commit">发送请求</el-button>
</el-col>
<el-col :span="8" :offset="8">
<el-col :span="8" :offset="8" class="button-bottom-right">
<el-button :id="domIdCancel" size="mini" style="float: right;" @click="cancel">取消请求</el-button>
</el-col>
</el-row>
@ -153,6 +153,48 @@ export default {
.button-group{
margin-top: 8px;
.button-top{
.el-button{
width: 40px;
padding: 0;
border: 2px outset #B7D4D5;
border-radius: 0 !important;
color: #000;
background: #BBBBBB;
span {
height: 20px;
line-height: 20px;
}
}
}
.button-bottom-left{
.el-button{
width: 60px;
padding: 0;
border: 2px outset #B7D4D5;
border-radius: 0 !important;
color: #000;
background: #00FF7F;
span {
height: 20px;
line-height: 20px;
}
}
}
.button-bottom-right{
.el-button{
width: 60px;
padding: 0;
border: 2px outset #B7D4D5;
border-radius: 0 !important;
color: #000;
background: #5F9EA0;
span {
height: 20px;
line-height: 20px;
}
}
}
}
}
}