master
parent
149baff842
commit
a339dd3e4c
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,177 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-drawer :visible.sync="dialogVisible" title="租金收取列表" size="64%">
|
||||
<div style="padding: 0 10px;">
|
||||
<xy-table :action="index"
|
||||
ref="xyTable"
|
||||
:expand-row-keys="expands"
|
||||
@expand-change="expandChange"
|
||||
:default-expand-all="false"
|
||||
:table-item="table"
|
||||
:req-opt="select"
|
||||
:is-first-req="false"
|
||||
:is-handler-key="false"></xy-table>
|
||||
</div>
|
||||
</el-drawer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { index, save } from "@/api/system/baseForm"
|
||||
import { deepCopy } from '@/utils'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
form: {},
|
||||
expands: [],
|
||||
select: {
|
||||
table_name: "lease_plans",
|
||||
filter: [
|
||||
{
|
||||
key: "lease_id",
|
||||
op: "eq",
|
||||
value: ""
|
||||
}
|
||||
]
|
||||
},
|
||||
dialogVisible: false,
|
||||
table: [
|
||||
{
|
||||
type: "expand",
|
||||
width: 120,
|
||||
label: "租金收取确认",
|
||||
expandFn: ({ row, $index }) => {
|
||||
return (
|
||||
<div style="padding-left: 40px;">
|
||||
<el-form ref={`expand-form${$index}`}
|
||||
label-position="top"
|
||||
size="small"
|
||||
rules={{
|
||||
shijidaozhang: [{ required: true, message: "请输入实际到账" }],
|
||||
shijidaozhangriqi: [{ required: true, message: "请选择实际到账日期" }]
|
||||
}}
|
||||
label-width="120px"
|
||||
props={{ model: this.form }}>
|
||||
<el-form-item label="实际到账" prop="shijidaozhang" required={true}>
|
||||
<el-input-number
|
||||
style="width: 200px"
|
||||
vModel={this.form.shijidaozhang}
|
||||
controls={false}
|
||||
precision={2}
|
||||
placeholder="请输入实际到账"
|
||||
></el-input-number>
|
||||
</el-form-item>
|
||||
<el-form-item prop="shijidaozhangriqi" label="实际到账日期" required={true}>
|
||||
<el-date-picker vModel={this.form.shijidaozhangriqi}
|
||||
value-format="yyyy-MM-dd"
|
||||
style="width: 200px;"
|
||||
placeholder="请选择实际到账日期"></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="未到位原因">
|
||||
<el-input type="textarea"
|
||||
style="width: 200px;"
|
||||
autosize={{minRows: 2}}
|
||||
vModel={this.form.weidaoweiyuanyin}></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<Button type="warning"
|
||||
ghost={true}
|
||||
on={{
|
||||
['click']:_ => {
|
||||
this.$refs[`expand-form${$index}`].resetFields()
|
||||
}
|
||||
}}>重置</Button>
|
||||
<Button type="primary"
|
||||
on={{
|
||||
['click']:_ => {
|
||||
this.$refs[`expand-form${$index}`].validate(valid => {
|
||||
if (valid) {
|
||||
console.log(this.form)
|
||||
save({
|
||||
...this.form,
|
||||
table_name: "lease_plans"
|
||||
}).then(_ => {
|
||||
this.$message.success('操作成功')
|
||||
this.$refs['xyTable'].getTableData()
|
||||
})
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
})
|
||||
}
|
||||
}}>确认</Button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
},
|
||||
{
|
||||
prop: "zujindiyicidaoweishijian",
|
||||
label: "租金到位时间"
|
||||
},
|
||||
{
|
||||
prop: "yingshou",
|
||||
label: "应收",
|
||||
align: "right"
|
||||
},
|
||||
{
|
||||
prop: "shijidaozhang",
|
||||
label: "实际到账",
|
||||
align: "right"
|
||||
},
|
||||
{
|
||||
prop: "weidaoweiyuanyin",
|
||||
label: "未到位原因",
|
||||
align: "left"
|
||||
},
|
||||
{
|
||||
prop: "shijidaozhangriqi",
|
||||
label: "实际到账日期"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
index,
|
||||
show () {
|
||||
this.dialogVisible = true;
|
||||
},
|
||||
hidden () {
|
||||
this.dialogVisible = false;
|
||||
},
|
||||
setLeaseId (id) {
|
||||
this.$set(this.select.filter[0], 'value', id)
|
||||
},
|
||||
expandChange(row, expanded) {
|
||||
if (expanded.length) {
|
||||
this.expands = []
|
||||
if (row) {
|
||||
this.form = deepCopy(row);
|
||||
this.expands.push(row.id) // 每次push进去的是每行的ID
|
||||
}
|
||||
} else {
|
||||
this.expands = [] // 默认不展开
|
||||
}
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {
|
||||
dialogVisible (newVal) {
|
||||
if (newVal) {
|
||||
this.$nextTick(() => {
|
||||
this.$refs['xyTable'].getTableData(true)
|
||||
})
|
||||
} else {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
::v-deep .el-input-number .el-input__inner{
|
||||
text-align: left;
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue