luoJunYong.123
3 years ago
parent
a7305e9b96
commit
9deace50e9
19 changed files with 927 additions and 510 deletions
@ -0,0 +1,169 @@ |
||||
<template> |
||||
<el-dialog |
||||
style="margin-top:0vh" |
||||
:visible="visible" |
||||
width="55%" |
||||
append-to-body |
||||
:close-on-click-modal="true" |
||||
:show-close="false" |
||||
custom-class="data-dia"> |
||||
<div slot="title" class="dia-header"> |
||||
<div class="data-title" v-if="flow === 1 || flow === 2">提交</div> |
||||
<div class="data-title" v-else>提交成功</div> |
||||
</div> |
||||
<div class="popBody" v-if="flow === 1"> |
||||
<h2>本业务需要授权</h2> |
||||
</div> |
||||
<div class="popBody" v-else-if="flow === 2"> |
||||
<el-form ref="form2" :model="disForm" label-width="80px"> |
||||
<el-form-item label="授权柜员"> |
||||
<el-input disabled v-model="disForm.name"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="授权柜员"> |
||||
<el-input type="password" disabled v-model="disForm.pass"></el-input> |
||||
</el-form-item> |
||||
</el-form> |
||||
</div> |
||||
<div class="popBody" v-else> |
||||
<el-row :gutter="20"> |
||||
<el-form label-width="100px"> |
||||
<el-col :span="10" :offset="1"> |
||||
<el-form-item v-for="(val, key) in leftObj" :key="key" :label="key + ':'"> |
||||
<div>{{ val }}</div> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="10" :offset="1"> |
||||
<el-form-item v-for="(val, key) in rightObj" :key="key" :label="key + ':'"> |
||||
<div>{{ val }}</div> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-form> |
||||
</el-row> |
||||
</div> |
||||
<div class="popBtns" v-if="flow === 1 || flow === 2"> |
||||
<el-button class="close btn" @click="cancelIt">取 消</el-button> |
||||
<el-button class="sure btn" type="primary" @click="sureIt">确 定</el-button> |
||||
</div> |
||||
<div class="myPopBtns" v-else> |
||||
<el-button class="sure btn" type="primary" @click="sureIt">确 定</el-button> |
||||
</div> |
||||
</el-dialog> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
props: { |
||||
visible: { |
||||
type: Boolean, |
||||
default: false |
||||
}, |
||||
showForm: { |
||||
type: Object, |
||||
default: () => ({}) |
||||
}, |
||||
formName: { |
||||
type: Object, |
||||
default: () => ({}) |
||||
}, |
||||
needAuth: { |
||||
type: Boolean, |
||||
default: true |
||||
} |
||||
}, |
||||
created() { |
||||
if(!this.needAuth) { |
||||
this.flow = 3 |
||||
} |
||||
let num = 0; |
||||
for(const key in this.showForm) { |
||||
if(!this.showForm[key]) { |
||||
continue; |
||||
} |
||||
if(num%2 === 0) { |
||||
this.leftObj[this.formName[key]] = this.showForm[key] |
||||
}else { |
||||
this.rightObj[this.formName[key]] = this.showForm[key] |
||||
} |
||||
num++; |
||||
} |
||||
this.leftObj['上缴柜员号'] = '002119' |
||||
this.leftObj['接收柜员号'] = '002110' |
||||
|
||||
this.rightObj['机构号'] = '1234100' |
||||
const tmpFunc = () => { |
||||
const date = new Date() |
||||
var y = date.getFullYear(); |
||||
var m = date.getMonth() + 1; |
||||
m = m < 10 ? '0' + m : m; |
||||
var d = date.getDate(); |
||||
d = d < 10 ? ('0' + d) : d; |
||||
return y + '-' + m + '-' + d; |
||||
} |
||||
this.rightObj['调入日期'] = tmpFunc() |
||||
// 流水号（研发自定义号码生成规则）、经办柜员（002110）、经办机构：国税支行营业部、会计时间：展示操作当日日期 |
||||
}, |
||||
data() { |
||||
return { |
||||
flow: 1, |
||||
disForm:{ |
||||
name:'002009', |
||||
pass:'123456' |
||||
}, |
||||
leftObj: {}, |
||||
rightObj: {} |
||||
} |
||||
|
||||
}, |
||||
methods: { |
||||
cancel() { |
||||
this.visible = false; |
||||
}, |
||||
sureIt() { |
||||
if(this.flow === 1) { |
||||
this.flow = 2 |
||||
}else if(this.flow === 2) { |
||||
this.flow = 3 |
||||
}else { |
||||
// 调用父函数 |
||||
// 然后关掉 |
||||
this.$emit('submitIt') |
||||
this.cancelIt() |
||||
} |
||||
}, |
||||
cancelIt() { |
||||
this.$emit('update:visible', false) // 那边写 :visible.sync="visible" |
||||
} |
||||
}, |
||||
computed: { |
||||
showItem() { |
||||
return (val, key) => { |
||||
return key + ': ' + val |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
/deep/ .el-row { |
||||
width: 100%; |
||||
} |
||||
/deep/.popbody { |
||||
width: 100vw!important; |
||||
} |
||||
.myPopBtns { |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
& > .btn { |
||||
width: 180px; |
||||
border-radius: 10px; |
||||
font-size: 18px; |
||||
} |
||||
|
||||
} |
||||
|
||||
// /deep/.el-dialog { |
||||
// min-height: 50vh; |
||||
// } |
||||
</style> |
||||
Loading…
Reference in new issue