1 Commits

Author SHA1 Message Date
e8ea1610f3 抽屉按钮 2023-04-27 19:03:05 +08:00
18 changed files with 347 additions and 105 deletions

View File

@@ -1,6 +1,10 @@
<template> <template>
<div style="padding: 20px;"> <div style="width: 100%;
<el-row> height: 100%;
display: flex;
flex-direction: column;
position: relative;">
<el-row style="flex:1;padding: 20px;">
<el-form <el-form
ref="form" ref="form"
:rules="rules" :rules="rules"
@@ -72,12 +76,12 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-col :span="24" style="text-align: right">
<el-button @click="close">取消</el-button>
<el-button type="primary" @click="submit">提交</el-button>
</el-col>
</el-form> </el-form>
</el-row> </el-row>
<div class="_footer">
<el-button @click="close">取消</el-button>
<el-button type="primary" @click="submit">提交</el-button>
</div>
</div> </div>
</template> </template>
<script> <script>
@@ -203,3 +207,17 @@ export default {
}, },
}; };
</script> </script>
<style scoped>
._footer {
min-height: 50px;
position: sticky;
bottom: 0px;
width: 100%;
display: flex;
justify-content: right;
padding: 15px 20px;
box-sizing: border-box;
border-top: solid 1px #e5e5e5;
z-index: 999999;
}
</style>

View File

@@ -1,6 +1,10 @@
<template> <template>
<div> <div style="width: 100%;
<section style="padding: 20px"> height: 100%;
display: flex;
flex-direction: column;
position: relative;">
<section style="padding: 20px;flex: 1;">
<el-card shadow="never" class="box-card no-wrap"> <el-card shadow="never" class="box-card no-wrap">
<div slot="header"> <div slot="header">
<span class="card-header-icon" <span class="card-header-icon"
@@ -365,6 +369,12 @@
</el-tabs> </el-tabs>
</el-card> --> </el-card> -->
</section> </section>
<div class="generalDetails_footer">
<slot name="footer">
<el-button @click="close" type="primary">关闭</el-button>
</slot>
</div>
<el-dialog <el-dialog
v-el-drag-dialog v-el-drag-dialog
title="添加系统角色" title="添加系统角色"
@@ -947,4 +957,16 @@ export default {
padding-top: 5px; padding-top: 5px;
font-size: 14px; font-size: 14px;
} }
.generalDetails_footer {
min-height: 50px;
position: sticky;
bottom: 0px;
width: 100%;
display: flex;
justify-content: right;
padding: 15px 20px;
box-sizing: border-box;
border-top: solid 1px #e5e5e5;
z-index: 999999;
}
</style> </style>

View File

@@ -179,18 +179,31 @@
direction="ltr" direction="ltr"
size="55%" size="55%"
> >
<div style="padding: 20px;"> <div style="width: 100%;
height: 100%;
display: flex;
flex-direction: column;
position: relative;">
<el-form <el-form
ref="form" ref="form"
:model="updatePwd" :model="updatePwd"
:rules="rules" :rules="rules"
label-width="100px" label-width="100px"
style="flex:1;padding: 20px;"
> >
<el-form-item label="新密码" prop="encryptPsw"> <el-form-item label="新密码" prop="encryptPsw">
<el-input v-model="updatePwd.encryptPsw" style="width: 50%" /> <el-input v-model="updatePwd.encryptPsw" style="width: 50%" />
</el-form-item> </el-form-item>
</el-form> </el-form>
<div style="text-align: right"> <div style="min-height: 50px;
position: sticky;
bottom: 0px;
width: 100%;
display: flex;
justify-content: right;
padding: 15px 20px;
box-sizing: border-box;
border-top: solid 1px #e5e5e5;">
<el-button @click="updatePwdDialog = false;">取消</el-button> <el-button @click="updatePwdDialog = false;">取消</el-button>
<el-button type="primary" @click="updatePwdSubmit">提交</el-button> <el-button type="primary" @click="updatePwdSubmit">提交</el-button>
</div> </div>
@@ -263,6 +276,7 @@
<SysCustomerInfoInfo <SysCustomerInfoInfo
v-if="showTableDrawer" v-if="showTableDrawer"
:sys-customer-info="sysCustomerInfo" :sys-customer-info="sysCustomerInfo"
@closeDialog="closeDialog"
@closedialogs="closeDialogs" @closedialogs="closeDialogs"
/> />
</el-drawer> </el-drawer>
@@ -611,6 +625,7 @@ export default {
this.updateDialog = false; this.updateDialog = false;
this.updateInfoDialog = false; this.updateInfoDialog = false;
this.addInfoDialog = false; this.addInfoDialog = false;
this.showTableDrawer = false;
}, },
}, },
}; };

View File

@@ -1,6 +1,10 @@
<template> <template>
<div style="padding: 20px;"> <div style="width: 100%;
<el-row> height: 100%;
display: flex;
flex-direction: column;
position: relative;">>
<el-row style="flex:1;padding: 20px;">
<el-form <el-form
ref="form" ref="form"
:rules="rules" :rules="rules"
@@ -65,12 +69,15 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-col :span="24" style="text-align: right">
<el-button @click="close">取消</el-button>
<el-button type="primary" @click="submit">提交</el-button>
</el-col>
</el-form> </el-form>
</el-row> </el-row>
<div class="_footer">
<el-button @click="close">取消</el-button>
<el-button
type="primary"
@click="submit"
>提交</el-button>
</div>
</div> </div>
</template> </template>
<script> <script>
@@ -193,3 +200,17 @@ export default {
}, },
}; };
</script> </script>
<style scoped>
._footer {
min-height: 50px;
position: sticky;
bottom: 0px;
width: 100%;
display: flex;
justify-content: right;
padding: 15px 20px;
box-sizing: border-box;
border-top: solid 1px #e5e5e5;
z-index: 999999;
}
</style>

View File

@@ -1,6 +1,10 @@
<template> <template>
<div> <div style="width: 100%;
<el-row> height: 100%;
display: flex;
flex-direction: column;
position: relative;">
<el-row style="flex:1;padding: 20px;">
<el-form <el-form
:model="oilVehicleOwner" :model="oilVehicleOwner"
label-width="100px" label-width="100px"
@@ -136,12 +140,13 @@
<el-col /> <el-col />
</el-row> --> </el-row> -->
</el-card> </el-card>
<el-col :span="24" style="text-align: right;padding: 20px;">
<el-button @click="close">取消</el-button>
<el-button type="primary" @click="submit">提交</el-button>
</el-col>
</el-form> </el-form>
</el-row> </el-row>
<div class="_footer">
<el-button @click="close">取消</el-button>
<el-button type="primary" @click="submit">提交</el-button>
</div>
</div> </div>
</template> </template>
<script> <script>
@@ -229,4 +234,16 @@ export default {
.clearfix:after { .clearfix:after {
clear: both; clear: both;
} }
._footer {
min-height: 50px;
position: sticky;
bottom: 0px;
width: 100%;
display: flex;
justify-content: right;
padding: 15px 20px;
box-sizing: border-box;
border-top: solid 1px #e5e5e5;
z-index: 999999;
}
</style> </style>

View File

@@ -654,6 +654,7 @@ export default {
closeDialog() { closeDialog() {
this.addDialog = false; this.addDialog = false;
this.updateDialog = false; this.updateDialog = false;
this.outPutDialog = false;
}, },
}, },
}; };

View File

@@ -1,6 +1,10 @@
<template> <template>
<div style="padding: 20px;"> <div style="width: 100%;
<el-row> height: 100%;
display: flex;
flex-direction: column;
position: relative;">
<el-row style="flex:1;padding: 20px;">
<el-form :model="data" label-width="100px" :size="$store.getters.size"> <el-form :model="data" label-width="100px" :size="$store.getters.size">
<el-row :gutter="gridNum.row.gutter"> <el-row :gutter="gridNum.row.gutter">
<el-col :xs="gridNum.cols.xs" :sm="gridNum.cols.sm" :md="gridNum.cols.md" :lg="gridNum.cols.lg" :xl="gridNum.cols.xl"> <el-col :xs="gridNum.cols.xs" :sm="gridNum.cols.sm" :md="gridNum.cols.md" :lg="gridNum.cols.lg" :xl="gridNum.cols.xl">
@@ -14,7 +18,9 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-col :span="24" style="text-align: right"> </el-form>
</el-row>
<div class="_footer">
<el-button @click="close">取消</el-button> <el-button @click="close">取消</el-button>
<el-button <el-button
@@ -25,9 +31,7 @@
type="primary" type="primary"
@click="importIf" @click="importIf"
>根据条件导出</el-button> >根据条件导出</el-button>
</el-col> </div>
</el-form>
</el-row>
</div> </div>
</template> </template>
<script> <script>
@@ -63,3 +67,17 @@ export default {
} }
} }
</script> </script>
<style scoped>
._footer {
min-height: 50px;
position: sticky;
bottom: 0px;
width: 100%;
display: flex;
justify-content: right;
padding: 15px 20px;
box-sizing: border-box;
border-top: solid 1px #e5e5e5;
z-index: 999999;
}
</style>

View File

@@ -1,6 +1,10 @@
<template> <template>
<div> <div style="width: 100%;
<el-row> height: 100%;
display: flex;
flex-direction: column;
position: relative;">
<el-row style="flex:1;padding: 20px;">
<el-form <el-form
:model="oilVehicleOwner" :model="oilVehicleOwner"
label-width="100px" label-width="100px"
@@ -136,12 +140,12 @@
<el-col /> <el-col />
</el-row> --> </el-row> -->
</el-card> </el-card>
<el-col :span="24" style="text-align: right;padding: 20px;;">
<el-button @click="close">取消</el-button>
<el-button type="primary" @click="submit">提交</el-button>
</el-col>
</el-form> </el-form>
</el-row> </el-row>
<div class="_footer">
<el-button @click="close">取消</el-button>
<el-button type="primary" @click="submit">提交</el-button>
</div>
</div> </div>
</template> </template>
<script> <script>
@@ -223,3 +227,17 @@ export default {
}, },
}; };
</script> </script>
<style scoped>
._footer {
min-height: 50px;
position: sticky;
bottom: 0px;
width: 100%;
display: flex;
justify-content: right;
padding: 15px 20px;
box-sizing: border-box;
border-top: solid 1px #e5e5e5;
z-index: 999999;
}
</style>

View File

@@ -1,6 +1,10 @@
<template> <template>
<div style="padding: 20px;"> <div style="width: 100%;
<el-row> height: 100%;
display: flex;
flex-direction: column;
position: relative;">
<el-row style="flex:1;padding: 20px;">
<el-form :model="oilCompanyMatch" label-width="140px" :rules="ruleForm" ref="ruleForm" :size="$store.getters.size"> <el-form :model="oilCompanyMatch" label-width="140px" :rules="ruleForm" ref="ruleForm" :size="$store.getters.size">
<el-row :gutter="gridNum.row.gutter"> <el-row :gutter="gridNum.row.gutter">
<el-col :xs="gridNum.cols.xs" :sm="gridNum.cols.sm" :md="gridNum.cols.md" :lg="gridNum.cols.lg" :xl="gridNum.cols.xl"> <el-col :xs="gridNum.cols.xs" :sm="gridNum.cols.sm" :md="gridNum.cols.md" :lg="gridNum.cols.lg" :xl="gridNum.cols.xl">
@@ -94,15 +98,16 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-col :span="24" style="text-align: right">
</el-form>
</el-row>
<div class="_footer">
<el-button @click="close">取消</el-button> <el-button @click="close">取消</el-button>
<el-button <el-button
type="primary" type="primary"
@click="submit" @click="submit"
>提交</el-button> >提交</el-button>
</el-col> </div>
</el-form>
</el-row>
</div> </div>
</template> </template>
<script> <script>
@@ -192,3 +197,17 @@ export default {
} }
} }
</script> </script>
<style scoped>
._footer {
min-height: 50px;
position: sticky;
bottom: 0px;
width: 100%;
display: flex;
justify-content: right;
padding: 15px 20px;
box-sizing: border-box;
border-top: solid 1px #e5e5e5;
z-index: 999999;
}
</style>

View File

@@ -575,7 +575,7 @@ export default {
], ],
addDialog: false, // 添加弹窗 addDialog: false, // 添加弹窗
updateDialog: false, // 修改弹窗 updateDialog: false, // 修改弹窗
oilCompanyMatch: null, oilCompanyMatch: {},
}; };
}, },
computed: { computed: {
@@ -705,8 +705,8 @@ export default {
this.getByPage(); this.getByPage();
}, },
toAdd() { toAdd() {
this.oilCompanyMatch = {};
// 跳转到添加 // 跳转到添加
this.oilCompanyMatch = {};
this.addDialog = true; this.addDialog = true;
}, },
toUpdate(id) { toUpdate(id) {

View File

@@ -1,6 +1,10 @@
<template> <template>
<div style="padding: 20px;"> <div style="width: 100%;
<el-row> height: 100%;
display: flex;
flex-direction: column;
position: relative;">
<el-row style="flex:1;padding: 20px;">
<el-form :model="oilCompanyMatch" :rules="ruleForm" ref="ruleForm" label-width="140px" :size="$store.getters.size"> <el-form :model="oilCompanyMatch" :rules="ruleForm" ref="ruleForm" label-width="140px" :size="$store.getters.size">
<el-row :gutter="gridNum.row.gutter"> <el-row :gutter="gridNum.row.gutter">
<el-col :xs="gridNum.cols.xs" :sm="gridNum.cols.sm" :md="gridNum.cols.md" :lg="gridNum.cols.lg" :xl="gridNum.cols.xl"> <el-col :xs="gridNum.cols.xs" :sm="gridNum.cols.sm" :md="gridNum.cols.md" :lg="gridNum.cols.lg" :xl="gridNum.cols.xl">
@@ -97,15 +101,15 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-col :span="24" style="text-align: right"> </el-form>
</el-row>
<div class="_footer">
<el-button @click="close">取消</el-button> <el-button @click="close">取消</el-button>
<el-button <el-button
type="primary" type="primary"
@click="submit" @click="submit"
>提交</el-button> >提交</el-button>
</el-col> </div>
</el-form>
</el-row>
</div> </div>
</template> </template>
<script> <script>
@@ -210,3 +214,17 @@ export default {
} }
} }
</script> </script>
<style scoped>
._footer {
min-height: 50px;
position: sticky;
bottom: 0px;
width: 100%;
display: flex;
justify-content: right;
padding: 15px 20px;
box-sizing: border-box;
border-top: solid 1px #e5e5e5;
z-index: 999999;
}
</style>

View File

@@ -694,7 +694,7 @@ export default {
<div> <div>
<div> <div>
来源: 来源:
{ this.markData.ORDER_SOURCE[cell] } {cell}
</div> </div>
<div> <div>
支付: 支付:

View File

@@ -1,6 +1,10 @@
<template> <template>
<div v-loading="loading" style="padding:20px"> <div v-loading="loading" style="width: 100%;
<el-row> height: 100%;
display: flex;
flex-direction: column;
position: relative;">
<el-row style="flex:1;padding: 20px;">
<el-form ref="ruleForm" :rules="ruleForm" :model="oilTfOrder" label-width="120px" :size="$store.getters.size"> <el-form ref="ruleForm" :rules="ruleForm" :model="oilTfOrder" label-width="120px" :size="$store.getters.size">
<el-row :span="24"> <el-row :span="24">
<el-col :span="13"> <el-col :span="13">
@@ -145,13 +149,22 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<div :span="24" </el-form>
style="background:#fff;margin-top:20px;text-align: right;width:100%;"> </el-row>
<div
style="min-height: 50px;
position: sticky;
bottom: 0px;
width: 100%;
display: flex;
justify-content: right;
padding: 15px 20px;
box-sizing: border-box;
border-top: solid 1px #e5e5e5;
z-index: 999999;">
<el-button @click="close">取消</el-button> <el-button @click="close">取消</el-button>
<el-button type="primary" @click="submit" style="margin-right:10px">提交</el-button> <el-button type="primary" @click="submit" style="margin-right:10px">提交</el-button>
</div> </div>
</el-form>
</el-row>
</div> </div>
</template> </template>
<script> <script>

View File

@@ -193,10 +193,10 @@
class="kg" class="kg"
render="row" render="row"
> >
<el-tag type="danger" v-if="oilSiteInfo.globalEnable === 'DISABLE'" <el-tag type="danger" v-if="oilSiteInfo.globalEnable === 0"
>禁用</el-tag >禁用</el-tag
> >
<el-tag type="success" v-if="oilSiteInfo.globalEnable === 'ENABLE'" <el-tag type="success" v-if="oilSiteInfo.globalEnable === 1"
>启用</el-tag >启用</el-tag
> >
<!-- <el-switch <!-- <el-switch
@@ -384,10 +384,10 @@
<div class="cell-item"> <div class="cell-item">
<span class="color-999 test-tst">油站性质</span> <span class="color-999 test-tst">油站性质</span>
<br /> <br />
<span v-if="oilSiteInfo.siteNature === 'OIL_OPERATION'" class="inner-data" <span v-if="oilSiteInfo.siteNature === 1" class="inner-data"
>自营油站</span >自营油站</span
> >
<span v-if="oilSiteInfo.siteNature === 'CHANNEL_STATION'" class="inner-data" <span v-if="oilSiteInfo.siteNature === 0" class="inner-data"
>渠道油站</span >渠道油站</span
> >
</div> </div>
@@ -659,46 +659,42 @@
<span class="color-999 test-tst">是否为高速 </span> <span class="color-999 test-tst">是否为高速 </span>
<br /> <br />
<span v-if="oilSiteInfo.highSpeedMark === 'NO_SPEED'" class="inner-data" <span v-if="oilSiteInfo.highSpeedMark === 0" class="inner-data"
>非高速</span >非高速</span
> >
<span v-if="oilSiteInfo.highSpeedMark === 'HIGH_SPEED'" class="inner-data" <span v-if="oilSiteInfo.highSpeedMark === 1" class="inner-data"
>高速</span >高速</span
> >
</div> </div>
<div class="cell-item"> <div class="cell-item">
<span class="color-999 test-tst">司机二维码支付 </span> <span class="color-999 test-tst">司机二维码支付 </span>
<br /> <br />
<span>{{oilSiteInfo.qrcodePay== 0 ? '禁用' : oilSiteInfo.qrcodePay== 1 ? '启用' : '暂无数据'}} <span v-if="oilSiteInfo.qrcodePay === 0" class="inner-data"
</span>
<!-- <span v-if="oilSiteInfo.qrcodePay === 0" class="inner-data"
>禁用</span >禁用</span
> >
<span v-if="oilSiteInfo.qrcodePay === 1" class="inner-data" <span v-if="oilSiteInfo.qrcodePay === 1" class="inner-data"
>启用</span >启用</span
> --> >
</div> </div>
</div> </div>
<div class="my-cell"> <div class="my-cell">
<div class="cell-item"> <div class="cell-item">
<span class="color-999 test-tst">扫描油站二维码支付</span> <span class="color-999 test-tst">扫描油站二维码支付</span>
<br /> <br />
<span>{{oilSiteInfo.qrcodeSitePay== 0 ? '禁用' : oilSiteInfo.qrcodeSitePay== 1 ? '启用' : '暂无数据'}} <span v-if="oilSiteInfo.qrcodeSitePay === 0" class="inner-data"
</span>
<!-- <span v-if="oilSiteInfo.qrcodeSitePay === 0" class="inner-data"
>禁用</span >禁用</span
> >
<span v-if="oilSiteInfo.qrcodeSitePay === 1" class="inner-data" <span v-if="oilSiteInfo.qrcodeSitePay === 1" class="inner-data"
>启用</span >启用</span
> --> >
</div> </div>
<div class="cell-item"> <div class="cell-item">
<span class="color-999 test-tst">司机主动支付</span> <span class="color-999 test-tst">司机主动支付</span>
<br /> <br />
<span v-if="oilSiteInfo.activePay === 'DISABLE'" class="inner-data" <span v-if="oilSiteInfo.activePay === 0" class="inner-data"
>禁用</span >禁用</span
> >
<span v-if="oilSiteInfo.activePay === 'ENABLE'" class="inner-data" <span v-if="oilSiteInfo.activePay === 1" class="inner-data"
>启用</span >启用</span
> >
</div> </div>
@@ -707,22 +703,17 @@
<div class="cell-item"> <div class="cell-item">
<span class="color-999 test-tst">支付方式</span> <span class="color-999 test-tst">支付方式</span>
<br /> <br />
<span>{{oilSiteInfo.payMethod== 2 ? '联名卡支付' : oilSiteInfo.payMethod== 1 ? '普通支付方式' : '暂无数据'}} <span v-if="oilSiteInfo.payMethod === 2" class="inner-data"
</span>
<!-- <span v-if="oilSiteInfo.payMethod === 2" class="inner-data"
>联名卡支付</span >联名卡支付</span
> >
<span v-if="oilSiteInfo.payMethod === 1" class="inner-data" <span v-if="oilSiteInfo.payMethod === 1" class="inner-data"
>普通支付方式</span --> >普通支付方式</span
>
</div> </div>
<div class="cell-item"> <div class="cell-item">
<span class="color-999 test-tst">油站详情提示文案</span> <span class="color-999 test-tst">油站详情提示文案</span>
<br /> <br />
<!-- <span v-if="oilSiteInfo.detailContent !== detailContent" class="inner-data" <span class="inner-data">{{ oilSiteInfo.detailContent }}</span>
>暂无数据</span> -->
<span class="inner-data"> {{oilSiteInfo.detailContent== detailContent ? '' : '暂无数据'}}
</span>
</div> </div>
</div> </div>
@@ -731,37 +722,35 @@
<span class="color-999 test-tst">全局禁用启用</span> <span class="color-999 test-tst">全局禁用启用</span>
<br /> <br />
<span v-if="oilSiteInfo.globalEnable === 'DISABLE'" class="inner-data" <span v-if="oilSiteInfo.globalEnable === 0" class="inner-data"
>禁用</span >禁用</span
> >
<span v-if="oilSiteInfo.globalEnable === 'ENABLE'" class="inner-data" <span v-if="oilSiteInfo.globalEnable === 1" class="inner-data"
>启用</span >启用</span
> >
</div> </div>
<div class="cell-item"> <div class="cell-item">
<span class="color-999 test-tst">上架标识</span> <span class="color-999 test-tst">上架标识</span>
<br /> <br />
<span>{{oilSiteInfo.putawayMark== 0 ? '下架' : oilSiteInfo.putawayMark== 1 ? '上架' : '暂无数据'}} <span v-if="oilSiteInfo.putawayMark === 0" class="inner-data"
</span>
<!-- <span v-if="oilSiteInfo.putawayMark === 0" class="inner-data"
>下架</span >下架</span
> >
<span v-if="oilSiteInfo.putawayMark === 1" class="inner-data" <span v-if="oilSiteInfo.putawayMark === 1" class="inner-data"
>上架</span >上架</span
> --> >
</div> </div>
</div> </div>
<div class="my-cell"> <div class="my-cell">
<div class="cell-item"> <div class="cell-item">
<span class="color-999 test-tst">审核标识</span> <span class="color-999 test-tst">审核标识</span>
<br /> <br />
<span v-if="oilSiteInfo.auditMark === 'WAITING'" class="inner-data" <span v-if="oilSiteInfo.auditMark === 0" class="inner-data"
>待审核</span >待审核</span
> >
<span v-if="oilSiteInfo.auditMark === 'SUCCESS'" class="inner-data" <span v-if="oilSiteInfo.auditMark === 1" class="inner-data"
>审核通过</span >审核通过</span
> >
<span v-if="oilSiteInfo.auditMark === '- FAIL'" class="inner-data" <span v-if="oilSiteInfo.auditMark === -1" class="inner-data"
>审核不通过</span >审核不通过</span
> >
</div> </div>

View File

@@ -1,6 +1,10 @@
<template> <template>
<div style="padding: 20px;"> <div style="width: 100%;
<el-row> height: 100%;
display: flex;
flex-direction: column;
position: relative;">
<el-row style="flex:1;padding: 20px;">
<el-form ref="form" :rules="rules" :model="sysCustomerInfo" label-width="100px" :size="$store.getters.size"> <el-form ref="form" :rules="rules" :model="sysCustomerInfo" label-width="100px" :size="$store.getters.size">
<el-row :gutter="gridNum.row.gutter"> <el-row :gutter="gridNum.row.gutter">
<el-col :span="12"> <el-col :span="12">
@@ -63,15 +67,15 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-col :span="24" style="text-align: right"> </el-form>
</el-row>
<div class="_footer">
<el-button @click="close">取消</el-button> <el-button @click="close">取消</el-button>
<el-button <el-button
type="primary" type="primary"
@click="submit" @click="submit"
>提交</el-button> >提交</el-button>
</el-col> </div>
</el-form>
</el-row>
</div> </div>
</template> </template>
<script> <script>
@@ -183,3 +187,17 @@ export default {
} }
} }
</script> </script>
<style scoped>
._footer {
min-height: 50px;
position: sticky;
bottom: 0px;
width: 100%;
display: flex;
justify-content: right;
padding: 15px 20px;
box-sizing: border-box;
border-top: solid 1px #e5e5e5;
z-index: 999999;
}
</style>

View File

@@ -1,6 +1,10 @@
<template> <template>
<div> <div style="width: 100%;
<section style="padding:20px;"> height: 100%;
display: flex;
flex-direction: column;
position: relative;">
<section style="padding:20px;flex: 1;">
<el-card class="box-card no-wrap" style="margin-bottom:10px"> <el-card class="box-card no-wrap" style="margin-bottom:10px">
<div class="my-cell"> <div class="my-cell">
@@ -322,6 +326,12 @@
</el-card> </el-card>
<!-- 登录授权 --> <!-- 登录授权 -->
</section> </section>
<div class="generalDetails_footer">
<slot name="footer">
<el-button @click="close" type="primary">关闭</el-button>
</slot>
</div>
<el-dialog <el-dialog
v-el-drag-dialog v-el-drag-dialog
title="添加系统角色" title="添加系统角色"
@@ -670,4 +680,16 @@ export default {
margin-right: 20px; margin-right: 20px;
text-align: center; text-align: center;
} }
.generalDetails_footer {
min-height: 50px;
position: sticky;
bottom: 0px;
width: 100%;
display: flex;
justify-content: right;
padding: 15px 20px;
box-sizing: border-box;
border-top: solid 1px #e5e5e5;
z-index: 999999;
}
</style> </style>

View File

@@ -220,18 +220,31 @@
direction="ltr" direction="ltr"
size="55%" size="55%"
> >
<div style="padding: 20px;"> <div style="width: 100%;
height: 100%;
display: flex;
flex-direction: column;
position: relative;">
<el-form <el-form
ref="form" ref="form"
:model="updatePwd" :model="updatePwd"
:rules="rules" :rules="rules"
label-width="100px" label-width="100px"
style="flex:1;padding: 20px;"
> >
<el-form-item label="新密码" prop="encryptPsw"> <el-form-item label="新密码" prop="encryptPsw">
<el-input v-model="updatePwd.encryptPsw" style="width: 50%" /> <el-input v-model="updatePwd.encryptPsw" style="width: 50%" />
</el-form-item> </el-form-item>
</el-form> </el-form>
<div style="text-align: right"> <div style="min-height: 50px;
position: sticky;
bottom: 0px;
width: 100%;
display: flex;
justify-content: right;
padding: 15px 20px;
box-sizing: border-box;
border-top: solid 1px #e5e5e5;">
<el-button @click="handleClose">取消</el-button> <el-button @click="handleClose">取消</el-button>
<el-button type="primary" @click="updatePwdSubmit">提交</el-button> <el-button type="primary" @click="updatePwdSubmit">提交</el-button>
</div> </div>
@@ -318,6 +331,7 @@
> >
<SysCustomerInfoInfo <SysCustomerInfoInfo
v-if="showTableDrawer" v-if="showTableDrawer"
@closeDialog="closeDialog"
:sys-customer-info="sysCustomerInfo" :sys-customer-info="sysCustomerInfo"
/> />
</el-drawer> </el-drawer>
@@ -689,6 +703,7 @@ export default {
this.addDialog = false; this.addDialog = false;
this.updateDialog = false; this.updateDialog = false;
this.updatePwdDialog = false; this.updatePwdDialog = false;
this.showTableDrawer = false;
}, },
}, },
}; };

View File

@@ -1,6 +1,10 @@
<template> <template>
<div style="padding: 20px;"> <div style="width: 100%;
<el-row> height: 100%;
display: flex;
flex-direction: column;
position: relative;">
<el-row style="padding: 20px;flex: 1;">
<el-form ref="form" :rules="rules" :model="sysCustomerInfo" label-width="100px" :size="$store.getters.size"> <el-form ref="form" :rules="rules" :model="sysCustomerInfo" label-width="100px" :size="$store.getters.size">
<el-row :gutter="gridNum.row.gutter"> <el-row :gutter="gridNum.row.gutter">
<el-col :span="12"> <el-col :span="12">
@@ -55,15 +59,15 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-col :span="24" style="text-align: right"> </el-form>
</el-row>
<div class="_footer">
<el-button @click="close">取消</el-button> <el-button @click="close">取消</el-button>
<el-button <el-button
type="primary" type="primary"
@click="submit" @click="submit"
>提交</el-button> >提交</el-button>
</el-col> </div>
</el-form>
</el-row>
</div> </div>
</template> </template>
<script> <script>
@@ -178,3 +182,17 @@ export default {
} }
} }
</script> </script>
<style scoped>
._footer {
min-height: 50px;
position: sticky;
bottom: 0px;
width: 100%;
display: flex;
justify-content: right;
padding: 15px 20px;
box-sizing: border-box;
border-top: solid 1px #e5e5e5;
z-index: 999999;
}
</style>