|
@@ -1,23 +1,23 @@
|
|
<template>
|
|
<template>
|
|
<a-modal
|
|
<a-modal
|
|
centered
|
|
centered
|
|
- class="audit-modal"
|
|
|
|
|
|
+ class="common-modal"
|
|
:footer="null"
|
|
:footer="null"
|
|
:maskClosable="false"
|
|
:maskClosable="false"
|
|
v-model="isShow"
|
|
v-model="isShow"
|
|
@cancle="isShow=false"
|
|
@cancle="isShow=false"
|
|
:width="416">
|
|
:width="416">
|
|
<a-spin :spinning="spinning" tip="Loading...">
|
|
<a-spin :spinning="spinning" tip="Loading...">
|
|
- <div class="audit-main">
|
|
|
|
|
|
+ <div class="common-main">
|
|
<a-icon type="question-circle" style="color: #faad14;font-size: 22px;margin-right: 16px;" />
|
|
<a-icon type="question-circle" style="color: #faad14;font-size: 22px;margin-right: 16px;" />
|
|
- <div class="audit-cont">
|
|
|
|
- <p class="audit-tit">提示</p>
|
|
|
|
- <p class="audit-txt">请点击下方按钮确认操作?</p>
|
|
|
|
|
|
+ <div class="common-cont">
|
|
|
|
+ <p class="common-tit">提示</p>
|
|
|
|
+ <p class="common-txt">{{ content }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="btn-box">
|
|
<div class="btn-box">
|
|
- <a-button type="primary" class="button-error" @click="handleAuditFail">审核不通过</a-button>
|
|
|
|
- <a-button type="primary" class="button-info" @click="handleAuditOk">审核通过</a-button>
|
|
|
|
|
|
+ <a-button type="primary" class="button-warning" @click="handleCommonFail" v-if="isCancel">{{ cancelText }}</a-button>
|
|
|
|
+ <a-button type="primary" class="button-info" @click="handleCommonOk">{{ okText }}</a-button>
|
|
</div>
|
|
</div>
|
|
</a-spin>
|
|
</a-spin>
|
|
</a-modal>
|
|
</a-modal>
|
|
@@ -25,12 +25,28 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
export default {
|
|
export default {
|
|
- name: 'AuditModal',
|
|
|
|
|
|
+ name: 'CommonModal',
|
|
props: {
|
|
props: {
|
|
openModal: { // 弹框显示状态
|
|
openModal: { // 弹框显示状态
|
|
type: Boolean,
|
|
type: Boolean,
|
|
default: false
|
|
default: false
|
|
},
|
|
},
|
|
|
|
+ content: {
|
|
|
|
+ type: String,
|
|
|
|
+ default: '请点击下方按钮确认操作?'
|
|
|
|
+ },
|
|
|
|
+ okText: {
|
|
|
|
+ type: String,
|
|
|
|
+ default: '确定'
|
|
|
|
+ },
|
|
|
|
+ cancelText: {
|
|
|
|
+ type: String,
|
|
|
|
+ default: '取消'
|
|
|
|
+ },
|
|
|
|
+ isCancel: {
|
|
|
|
+ type: Boolean,
|
|
|
|
+ default: true
|
|
|
|
+ },
|
|
spinning: {
|
|
spinning: {
|
|
type: Boolean,
|
|
type: Boolean,
|
|
default: false
|
|
default: false
|
|
@@ -42,12 +58,12 @@ export default {
|
|
}
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
- // 审核通过
|
|
|
|
- handleAuditOk () {
|
|
|
|
|
|
+ // 确定
|
|
|
|
+ handleCommonOk () {
|
|
this.$emit('ok')
|
|
this.$emit('ok')
|
|
},
|
|
},
|
|
- // 审核不通过
|
|
|
|
- handleAuditFail () {
|
|
|
|
|
|
+ // 取消
|
|
|
|
+ handleCommonFail () {
|
|
this.$emit('fail')
|
|
this.$emit('fail')
|
|
}
|
|
}
|
|
},
|
|
},
|
|
@@ -67,23 +83,23 @@ export default {
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="less">
|
|
<style lang="less">
|
|
- .audit-modal{
|
|
|
|
|
|
+ .common-modal{
|
|
.ant-modal-body{
|
|
.ant-modal-body{
|
|
padding: 32px 32px 24px;
|
|
padding: 32px 32px 24px;
|
|
}
|
|
}
|
|
- .audit-main{
|
|
|
|
|
|
+ .common-main{
|
|
display: flex;
|
|
display: flex;
|
|
- .audit-cont{
|
|
|
|
- .audit-tit{
|
|
|
|
- color: rgba(0, 0, 0, 0.85);
|
|
|
|
|
|
+ .common-cont{
|
|
|
|
+ .common-tit{
|
|
|
|
+ color: rgba(0, 0, 0);
|
|
font-weight: 500;
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
line-height: 1.4;
|
|
line-height: 1.4;
|
|
margin: 0;
|
|
margin: 0;
|
|
}
|
|
}
|
|
- .audit-txt{
|
|
|
|
|
|
+ .common-txt{
|
|
margin: 8px 0 0;
|
|
margin: 8px 0 0;
|
|
- color: rgba(0, 0, 0, 0.65);
|
|
|
|
|
|
+ color: rgba(0, 0, 0);
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
line-height: 1.5;
|
|
line-height: 1.5;
|
|
}
|
|
}
|