Browse Source

部分表单按钮样式与交互

feature
mk 3 years ago
parent
commit
c709f1f029
  1. 19
      src/assets/scss/modules/management/edit-main.scss
  2. 6
      src/views/modules/base/resi.vue
  3. 7
      src/views/modules/shequzhili/statics/index.vue
  4. 2
      src/views/modules/workSys/operAuth.vue

19
src/assets/scss/modules/management/edit-main.scss

@ -46,5 +46,24 @@
margin-right:16px; margin-right:16px;
justify-content: flex-end; justify-content: flex-end;
text-align: center; text-align: center;
&::v-deep .el-button--default {
font-size: 14px !important;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #0056d6 !important;
// line-height: 22px !important;
min-width: 60px !important;
height: 30px !important;
// padding:0 8px !important;
background: #FFFFFF !important;
border-radius: 2px !important;
border: 1px solid #0056d6 !important;
}
&::v-deep .el-button--default:hover{
border: 1px solid #0042a3 !important;
color: #0042a3 !important;
}
} }

6
src/views/modules/base/resi.vue

@ -451,7 +451,7 @@
class="diy-button--common" class="diy-button--common"
>重置</el-button >重置</el-button
> >
<el-button size="small" @click="handlerCancle" plain <el-button size="small" class="diy-button--white" @click="handlerCancle" plain
>取消</el-button >取消</el-button
> >
<el-button <el-button
@ -498,7 +498,7 @@
</div> </div>
<div class="resi-btns"> <div class="resi-btns">
<el-button size="small" plain @click="dialogVisible2 = false" <el-button size="small" class="diy-button--white" plain @click="dialogVisible2 = false"
>关闭</el-button >关闭</el-button
> >
</div> </div>
@ -1858,7 +1858,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/assets/scss/modules/management/list-main.scss"; @import "@/assets/scss/modules/management/list-main.scss";
@import "@/assets/scss/buttonstyle.scss";
::v-deep .el-tabs__nav-next { ::v-deep .el-tabs__nav-next {
box-shadow: 2px 0px 9px 0px; box-shadow: 2px 0px 9px 0px;
} }

7
src/views/modules/shequzhili/statics/index.vue

@ -36,11 +36,12 @@
/> />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" size="small" class="diy-button--add" @click="handleSearch">查询</el-button>
<el-button <el-button
class="diy-button--white"
size="small" size="small"
@click="resetForm('searchForm')" @click="resetForm('searchForm')"
>重置</el-button> >重置</el-button>
<el-button type="primary" size="small" class="diy-button--add" @click="handleSearch">查询</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-card> </el-card>
@ -50,7 +51,9 @@
class="diy-button--add" class="diy-button--add"
size="small">总计</el-button> size="small">总计</el-button>
<el-button @click="exportHandle" <el-button @click="exportHandle"
size="small" :loading="exportLoading">导出</el-button> size="small"
class="diy-button--white"
:loading="exportLoading">导出</el-button>
</div> </div>
<el-table class="resi-table" v-loading="dataListLoading" :data="dataList" border style="width: 100%" <el-table class="resi-table" v-loading="dataListLoading" :data="dataList" border style="width: 100%"
:height="tableHeight"> :height="tableHeight">

2
src/views/modules/workSys/operAuth.vue

@ -53,7 +53,6 @@
class="diy-button--add" class="diy-button--add"
@click="handleSearch">查询</el-button> @click="handleSearch">查询</el-button>
</div> </div>
</el-form> </el-form>
</div> </div>
@ -73,7 +72,6 @@
border border
:height="tableHeight" :height="tableHeight"
v-loading="tableLoading" v-loading="tableLoading"
style="width: 100%"> style="width: 100%">
<el-table-column label="序号" <el-table-column label="序号"
header-align="center" header-align="center"

Loading…
Cancel
Save