luoJunYong.123
3 years ago
parent
a3c1212620
commit
71c2166707
15 changed files with 6729 additions and 921 deletions
|
After Width: | Height: | Size: 4.6 MiB |
|
After Width: | Height: | Size: 1.5 MiB |
@ -0,0 +1,32 @@ |
|||||||
|
<el-dialog |
||||||
|
style="margin-top:10vh" |
||||||
|
:visible.sync="visible" |
||||||
|
:modal="false" |
||||||
|
width="40%" |
||||||
|
:close-on-click-modal="false" |
||||||
|
:show-close="false" |
||||||
|
custom-class="data-dia"> |
||||||
|
<div slot="title" class="dia-header"> |
||||||
|
<div class="data-title">提交</div> |
||||||
|
</div> |
||||||
|
<div class="popBody" v-if="!authorization&&!success"> |
||||||
|
<h2>本业务需要授权</h2> |
||||||
|
</div> |
||||||
|
<div class="popBody" v-if="authorization&&!success"> |
||||||
|
<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-if="success"> |
||||||
|
<h2>完成表单form</h2> |
||||||
|
</div> |
||||||
|
<div class="popBtns"> |
||||||
|
<el-button class="close btn" @click="[visible = false,authorization=false,success=false]">取 消</el-button> |
||||||
|
<el-button class="sure btn" type="primary" @click="popSure">确 定</el-button> |
||||||
|
</div> |
||||||
|
</el-dialog> |
||||||
@ -0,0 +1,125 @@ |
|||||||
|
<template> |
||||||
|
<el-dialog |
||||||
|
style="margin-top:10vh" |
||||||
|
:visible="visible" |
||||||
|
:modal="false" |
||||||
|
width="50%" |
||||||
|
:close-on-click-modal="false" |
||||||
|
:show-close="false" |
||||||
|
custom-class="data-dia"> |
||||||
|
<div slot="title" class="dia-header"> |
||||||
|
<div class="data-title">提交</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? 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? val: '未填写' }}</div> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-form> |
||||||
|
</el-row> |
||||||
|
</div> |
||||||
|
<div class="popBtns"> |
||||||
|
<el-button class="close btn" @click="cancelIt">取 消</el-button> |
||||||
|
<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: () => ({}) |
||||||
|
} |
||||||
|
}, |
||||||
|
created() { |
||||||
|
console.log('this.showForm') |
||||||
|
console.log(this.showForm) |
||||||
|
console.log('kao?') |
||||||
|
let num = 0; |
||||||
|
for(const key in this.showForm) { |
||||||
|
// if(key === 'birthday') { |
||||||
|
// console.log(Date.format(this.showForm[key])) |
||||||
|
// } |
||||||
|
if(num%2 === 0) { |
||||||
|
this.leftObj[key] = this.showForm[key] |
||||||
|
}else { |
||||||
|
this.rightObj[key] = this.showForm[key] |
||||||
|
} |
||||||
|
num++; |
||||||
|
} |
||||||
|
}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
flow: 1, |
||||||
|
disForm:{ |
||||||
|
name:'002009', |
||||||
|
pass:'123456' |
||||||
|
}, |
||||||
|
leftObj: {}, |
||||||
|
rightObj: {} |
||||||
|
} |
||||||
|
|
||||||
|
}, |
||||||
|
methods: { |
||||||
|
cancel() { |
||||||
|
this.visible = false; |
||||||
|
}, |
||||||
|
sureIt() { |
||||||
|
console.log(this.flow) |
||||||
|
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%; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -1,43 +0,0 @@ |
|||||||
<template> |
|
||||||
<el-dialog |
|
||||||
style="margin-top:10vh" |
|
||||||
:visible.sync="visible" |
|
||||||
:modal="false" |
|
||||||
width="40%" |
|
||||||
:close-on-click-modal="false" |
|
||||||
:show-close="false" |
|
||||||
custom-class="data-dia" |
|
||||||
> |
|
||||||
<div slot="title" class="dia-header"> |
|
||||||
<div class="data-title">提交</div> |
|
||||||
</div> |
|
||||||
<div class="popBody"> |
|
||||||
<h2 v-if='dialogChange'>本业务需要授权</h2> |
|
||||||
</div> |
|
||||||
<div class="popBtns"> |
|
||||||
<el-button class="close btn" @click="visible = false">取 消</el-button> |
|
||||||
<el-button class="sure btn" type="primary" @click="visible = false">确 定</el-button> |
|
||||||
</div> |
|
||||||
</el-dialog> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
export default { |
|
||||||
props: { |
|
||||||
text: String, |
|
||||||
default: '本业务需要授权' |
|
||||||
}, |
|
||||||
data() { |
|
||||||
visible: false |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
cancel() { |
|
||||||
this.visible = false; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style> |
|
||||||
|
|
||||||
</style> |
|
||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue