|
|
<script>
|
|
|
import { save, show, index, destroy, imports } from "@/api/system/baseForm";
|
|
|
import { CreateDialog } from "@/utils/createDialog"
|
|
|
import { deepCopy } from "@/utils";
|
|
|
import { resolveFormInfo } from '@/utils/createTable'
|
|
|
export default {
|
|
|
components: {
|
|
|
},
|
|
|
props: {
|
|
|
tableName: String,
|
|
|
},
|
|
|
render(h) {
|
|
|
const _this = this;
|
|
|
let dialog = new CreateDialog(this,[
|
|
|
{
|
|
|
show: true,
|
|
|
key: "qiandingnianyue",
|
|
|
label: "签订年月",
|
|
|
render: h('el-date-picker', {
|
|
|
style: { width: '100%' },
|
|
|
props: {
|
|
|
type: 'month',
|
|
|
placeholder: '请选择签订年月',
|
|
|
value: _this.form.qiandingnianyue,
|
|
|
format: 'yyyy-MM',
|
|
|
valueFormat: 'yyyy-MM'
|
|
|
},
|
|
|
on: {
|
|
|
['input']: e => {
|
|
|
_this.form.qiandingnianyue = e;
|
|
|
_this.form = Object.assign({}, _this.form);
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
],{}, false)
|
|
|
|
|
|
return (
|
|
|
<div>
|
|
|
<el-card style="margin-top: 20px;">
|
|
|
<div slot="header" style="display: flex;align-items: center;">
|
|
|
<i class="el-icon-back"
|
|
|
style="padding-right: 20px;font-size: 20px;font-weight: 600;cursor: pointer;"
|
|
|
on={{
|
|
|
['click']: _ => {
|
|
|
this.$router.go(-1)
|
|
|
}
|
|
|
}}></i>
|
|
|
<p>{ (() => {
|
|
|
let title = new Map([
|
|
|
['add', '签订合同'],
|
|
|
['editor', '修改合同'],
|
|
|
['change', '合同变更']
|
|
|
])
|
|
|
return title.get(this.type)
|
|
|
})() }</p>
|
|
|
</div>
|
|
|
|
|
|
{/* 资产信息 */}
|
|
|
<div style="margin-bottom: 10px;">
|
|
|
<div style="display: flex;margin-bottom: 10px;align-items: center;">
|
|
|
<p style="font-weight: 700;line-height: 2;">资产信息</p>
|
|
|
|
|
|
<div style="margin-left: auto;">
|
|
|
<Button type="primary"
|
|
|
shape="circle"
|
|
|
on={{
|
|
|
['click']: _ => {
|
|
|
this.landDialog = true;
|
|
|
}
|
|
|
}}>选择土地</Button>
|
|
|
<Button type="primary"
|
|
|
shape="circle"
|
|
|
on={{
|
|
|
['click']: _ => {
|
|
|
this.houseDialog = true;
|
|
|
}
|
|
|
}}>选择房产</Button>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<xy-table list={
|
|
|
this.distinct([
|
|
|
...this.selectedLands,
|
|
|
...this.selectedHouses,
|
|
|
...(() => {
|
|
|
let temp = [];
|
|
|
this.originalForm?.id_leases_to_assets_lease_id_relation?.forEach(item => {
|
|
|
if (item.land_id) {
|
|
|
let land = this.originalForm.land?.find(land => land.id === item.land_id);
|
|
|
if (land) {
|
|
|
temp.push({
|
|
|
id: land.id,
|
|
|
name: land.name,
|
|
|
zuoluo: land.zuoluo,
|
|
|
zichanweizhi: land.zichanweizhi,
|
|
|
dengjimianji: land.dengjimianji,
|
|
|
_chuzumianji: item.chuzumianji,
|
|
|
_relation_id: item.id,
|
|
|
_TAG_: "land"
|
|
|
});
|
|
|
}
|
|
|
} else {
|
|
|
let house = this.originalForm.house?.find(house => house.id === item.house_id);
|
|
|
if (house) {
|
|
|
temp.push({
|
|
|
id: house.id,
|
|
|
name: house.name,
|
|
|
zuoluo: house.zuoluo,
|
|
|
zichanweizhi: house.zichanweizhi,
|
|
|
dengjimianji: house.dengjimianji,
|
|
|
_chuzumianji: item.chuzumianji,
|
|
|
_relation_id: item.id,
|
|
|
_TAG_: "house"
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
|
|
|
return temp;
|
|
|
})()
|
|
|
])
|
|
|
}
|
|
|
height="300"
|
|
|
isHandlerKey={false}
|
|
|
is-page={false}
|
|
|
table-item={
|
|
|
[
|
|
|
{
|
|
|
"prop": "name",
|
|
|
"label": "地块名称",
|
|
|
"width": 0,
|
|
|
"fixed": "left",
|
|
|
"align": "left"
|
|
|
},
|
|
|
{
|
|
|
"prop": "zuoluo",
|
|
|
"label": "坐落",
|
|
|
"width": 0,
|
|
|
"align": "left"
|
|
|
},
|
|
|
{
|
|
|
"prop": "zichanweizhi",
|
|
|
"label": "资产位置",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "dengjimianji",
|
|
|
"label": "登记面积（m²）",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "_chuzumianji",
|
|
|
"label": "出租面积（m²）",
|
|
|
"width": 160,
|
|
|
customFn: row => {
|
|
|
return (
|
|
|
<el-input-number controls={false} precision={2} vModel={row._chuzumianji} size="small"></el-input-number>
|
|
|
)
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
prop: "operate",
|
|
|
label: "操作",
|
|
|
width: 160,
|
|
|
customFn: row => {
|
|
|
return (
|
|
|
<div style="display: flex;">
|
|
|
<Button type="error"
|
|
|
size="small"
|
|
|
ghost={true}
|
|
|
on={{
|
|
|
['click']: _ => {
|
|
|
this.$confirm("确定删除？").then(_ => {
|
|
|
if (row.hasOwnProperty("land_id")) {
|
|
|
this.$refs["houseLinkTable"]?.toggleRowSelection(row,false)
|
|
|
++this.houseSelectTemp;
|
|
|
} else {
|
|
|
this.$refs["landLinkTable"]?.toggleRowSelection(row,false)
|
|
|
++this.landSelectTemp;
|
|
|
}
|
|
|
|
|
|
if (row._relation_id) {
|
|
|
destroy({ table_name: "leases_to_assets", id: row._relation_id },false).then(_ => {
|
|
|
let index = this.originalForm.id_leases_to_assets_lease_id_relation?.findIndex(item => item.id === row._relation_id);
|
|
|
this.originalForm.id_leases_to_assets_lease_id_relation?.splice(index, 1);
|
|
|
++this.landSelectTemp;
|
|
|
++this.houseSelectTemp;
|
|
|
})
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
}}>删除</Button>
|
|
|
</div>
|
|
|
)
|
|
|
}
|
|
|
}
|
|
|
]
|
|
|
}></xy-table>
|
|
|
</div>
|
|
|
|
|
|
{/* 租金收取计划 */}
|
|
|
<div style="margin-bottom: 10px;">
|
|
|
<div style="display: flex;margin-bottom: 10px;align-items: center;">
|
|
|
<p style="font-weight: 700;line-height: 2;">租金收取计划</p>
|
|
|
|
|
|
<Button style="margin-left: auto;"
|
|
|
type="primary"
|
|
|
shape="circle"
|
|
|
on={{
|
|
|
['click']: _ => {
|
|
|
this.leasePlans.push({
|
|
|
zujindiyicidaoweishijian: '',
|
|
|
yingshou: '',
|
|
|
shijidaozhang: '',
|
|
|
weidaoweiyuanyin: '',
|
|
|
shijidaozhangriqi: '',
|
|
|
lease_id: ''
|
|
|
})
|
|
|
}
|
|
|
}}>新增</Button>
|
|
|
</div>
|
|
|
|
|
|
<xy-table height="300"
|
|
|
isHandlerKey={false}
|
|
|
is-page={false}
|
|
|
list={this.leasePlans}
|
|
|
table-item={
|
|
|
[
|
|
|
{
|
|
|
prop: "zujindiyicidaoweishijian",
|
|
|
label: "租金第一次到位时间",
|
|
|
width: 160,
|
|
|
customFn: row => {
|
|
|
return (
|
|
|
<el-date-picker
|
|
|
style="width: 100%;"
|
|
|
size="small"
|
|
|
vModel={row.zujindiyicidaoweishijian}
|
|
|
type="date"
|
|
|
value-format="yyyy-MM-dd"
|
|
|
placeholder="选择日期"
|
|
|
/>
|
|
|
)
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
prop: "yingshou",
|
|
|
label: "应收",
|
|
|
width: 160,
|
|
|
customFn: row => {
|
|
|
return (
|
|
|
<el-input-number style="width: 100%;" size="small" controls={false} precision={2} vModel={row.yingshou} size="small"></el-input-number>
|
|
|
)
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
prop: "shijidaozhang",
|
|
|
label: "实际到账",
|
|
|
width: 160,
|
|
|
customFn: row => {
|
|
|
return (
|
|
|
<el-input-number style="width: 100%;" size="small" controls={false} precision={2} vModel={row.shijidaozhang} size="small"></el-input-number>
|
|
|
)
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
prop: "weidaoweiyuanyin",
|
|
|
label: "未到位原因",
|
|
|
width: 180,
|
|
|
customFn: row => {
|
|
|
return (
|
|
|
<el-input style="width: 100%;" size="small" vModel={row.weidaoweiyuanyin} size="small"></el-input>
|
|
|
)
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
prop: "shijidaozhangriqi",
|
|
|
label: "实际到账日期",
|
|
|
width: 160,
|
|
|
customFn: row => {
|
|
|
return (
|
|
|
<el-date-picker
|
|
|
readonly
|
|
|
style="width: 100%;"
|
|
|
size="small"
|
|
|
vModel={row.shijidaozhangriqi}
|
|
|
type="date"
|
|
|
value-format="yyyy-MM-dd"
|
|
|
placeholder="选择日期"
|
|
|
/>
|
|
|
)
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
prop: "operate",
|
|
|
label: "操作",
|
|
|
minWidth: 120,
|
|
|
customFn: (row, { $index }) => {
|
|
|
return (
|
|
|
<div style="display: flex;">
|
|
|
<Button type="error"
|
|
|
size="small"
|
|
|
ghost={true}
|
|
|
on={{
|
|
|
['click']: _ => {
|
|
|
this.$confirm("确定删除？").then(_ => {
|
|
|
this.leasePlans.splice($index, 1)
|
|
|
|
|
|
if (row.id) {
|
|
|
destroy({ table_name: "lease_plans", id: row.id},false)
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
}}>删除</Button>
|
|
|
</div>
|
|
|
)
|
|
|
}
|
|
|
}
|
|
|
]
|
|
|
}></xy-table>
|
|
|
</div>
|
|
|
|
|
|
{
|
|
|
dialog.render()
|
|
|
}
|
|
|
</el-card>
|
|
|
|
|
|
<el-drawer title="土地列表"
|
|
|
visible={this.landDialog}
|
|
|
size="64%"
|
|
|
on={{
|
|
|
['update:visible']: (val) => this.landDialog = val,
|
|
|
}}>
|
|
|
<div style="padding: 0 10px;">
|
|
|
<xy-table
|
|
|
isHandlerKey={false}
|
|
|
height="600"
|
|
|
ref="landLinkTable"
|
|
|
table-item={
|
|
|
[
|
|
|
{
|
|
|
type: "selection",
|
|
|
width: 56,
|
|
|
align: "center",
|
|
|
reserveSelection: true,
|
|
|
fixed: "left",
|
|
|
},
|
|
|
{
|
|
|
"prop": "id",
|
|
|
"width": 60,
|
|
|
"label": "序号"
|
|
|
},
|
|
|
{
|
|
|
"prop": "tudiquanshuren",
|
|
|
"label": "土地权属人",
|
|
|
"width": 0,
|
|
|
"align": "left"
|
|
|
},
|
|
|
{
|
|
|
"prop": "area",
|
|
|
"label": "区域",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "name",
|
|
|
"label": "地块名称",
|
|
|
"width": 0,
|
|
|
"align": "left",
|
|
|
"fixed": "left"
|
|
|
},
|
|
|
{
|
|
|
"prop": "tudizhenghao",
|
|
|
"label": "土地证号",
|
|
|
"width": 0,
|
|
|
"align": "left"
|
|
|
},
|
|
|
{
|
|
|
"prop": "zuoluo",
|
|
|
"label": "坐落",
|
|
|
"width": 0,
|
|
|
"align": "left"
|
|
|
},
|
|
|
{
|
|
|
"prop": "zichanweizhi",
|
|
|
"label": "资产位置",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "quanliren",
|
|
|
"label": "证载“权利人”",
|
|
|
"width": 0,
|
|
|
"align": "left"
|
|
|
},
|
|
|
{
|
|
|
"prop": "gongyouqingkuang",
|
|
|
"label": "共有情况",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "shiyongnianxian",
|
|
|
"label": "使用年限（年）",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "xianzhuang",
|
|
|
"label": "现状",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "yongtu",
|
|
|
"label": "用途",
|
|
|
"width": 0,
|
|
|
"align": "left"
|
|
|
},
|
|
|
{
|
|
|
"prop": "shiyongquanleixing",
|
|
|
"label": "使用权类型",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "lingzhengriqi",
|
|
|
"label": "领证日期",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "zhongzhiriqi",
|
|
|
"label": "终止日期",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "dengjimianji",
|
|
|
"label": "登记面积（m²）",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "shijimianji",
|
|
|
"label": "实际面积（m²）",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"label": "不符情况",
|
|
|
"width": 0
|
|
|
},
|
|
|
{
|
|
|
"prop": "bufuyuanyin",
|
|
|
"label": "不符原因",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "ruzhangshijian",
|
|
|
"label": "入账时间",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "zhangmianyuanzhi",
|
|
|
"label": "账面原值",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "tudidengji",
|
|
|
"label": "土地等级",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "tudishuidanjia",
|
|
|
"label": "土地税单价",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "tudishui",
|
|
|
"label": "土地税",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "tudishuijiaonazhuti",
|
|
|
"label": "土地税缴纳主体",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "jiaoshuijine",
|
|
|
"label": "缴税金额",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
}
|
|
|
]
|
|
|
}
|
|
|
action={this.index}
|
|
|
req-opt={{
|
|
|
table_name: "lands"
|
|
|
}}
|
|
|
on={{
|
|
|
['loaded']: _ => {
|
|
|
this.$nextTick(() => {
|
|
|
this.$refs['landLinkTable'].getListData()?.filter(item => this.originalForm.id_leases_to_assets_lease_id_relation?.find(j => j.land_id === item.id))?.forEach(item => {
|
|
|
this.$refs['landLinkTable'].toggleRowSelection(item, true)
|
|
|
})
|
|
|
++this.landSelectTemp;
|
|
|
})
|
|
|
},
|
|
|
['select']: _ => ++this.landSelectTemp
|
|
|
}}
|
|
|
></xy-table>
|
|
|
</div>
|
|
|
</el-drawer>
|
|
|
|
|
|
<el-drawer title="房产列表"
|
|
|
visible={this.houseDialog}
|
|
|
size="64%"
|
|
|
on={{
|
|
|
['update:visible']: (val) => this.houseDialog = val,
|
|
|
}}>
|
|
|
<div style="padding: 0 10px;">
|
|
|
<xy-table
|
|
|
isHandlerKey={false}
|
|
|
height="600"
|
|
|
ref="houseLinkTable"
|
|
|
table-item={
|
|
|
[
|
|
|
{
|
|
|
type: "selection",
|
|
|
width: 56,
|
|
|
align: "center",
|
|
|
reserveSelection: true,
|
|
|
fixed: "left"
|
|
|
},
|
|
|
{
|
|
|
"prop": "id",
|
|
|
"width": 60,
|
|
|
"label": "序号"
|
|
|
},
|
|
|
{
|
|
|
"prop": "quanshuren",
|
|
|
"label": "权属人",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "area",
|
|
|
"label": "区域",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "name",
|
|
|
"label": "地块名称",
|
|
|
"width": 0,
|
|
|
"fixed": "left",
|
|
|
"align": "left"
|
|
|
},
|
|
|
{
|
|
|
"prop": "quanzhenghao",
|
|
|
"label": "权证号",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "zuoluo",
|
|
|
"label": "坐落",
|
|
|
"width": 0,
|
|
|
"align": "left"
|
|
|
},
|
|
|
{
|
|
|
"prop": "zichanweizhi",
|
|
|
"label": "房产位置",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "quanliren",
|
|
|
"label": "证载“权利人”",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "yongtu",
|
|
|
"label": "用途",
|
|
|
"width": 0,
|
|
|
"align": "left"
|
|
|
},
|
|
|
{
|
|
|
"prop": "zhuangtai",
|
|
|
"label": "现状",
|
|
|
"width": 0,
|
|
|
"align": "left"
|
|
|
},
|
|
|
{
|
|
|
"prop": "dengjishijian",
|
|
|
"label": "登记时间",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "dengjimianji",
|
|
|
"label": "登记面积（m²）",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "shijimianji",
|
|
|
"label": "实际面积（m²）",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "bufuyuanyin",
|
|
|
"label": "不符情况",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "ruzhangshijian",
|
|
|
"label": "入账时间",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "zhangmianyuanzhi",
|
|
|
"label": "账面原值",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "guanliantudizhengquanzheng",
|
|
|
"label": "关联土地证权证",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
},
|
|
|
{
|
|
|
"prop": "shiyongzhuangtai",
|
|
|
"label": "使用状态",
|
|
|
"width": 0,
|
|
|
"align": "center"
|
|
|
}
|
|
|
]
|
|
|
}
|
|
|
action={this.index}
|
|
|
req-opt={{
|
|
|
table_name: "houses"
|
|
|
}}
|
|
|
on={{
|
|
|
['loaded']: _ => {
|
|
|
this.$nextTick(() => {
|
|
|
this.$refs['houseLinkTable'].getListData()?.filter(item => this.originalForm.id_leases_to_assets_lease_id_relation?.find(j => j.house_id === item.id))?.forEach(item => {
|
|
|
this.$refs['houseLinkTable'].toggleRowSelection(item, true)
|
|
|
})
|
|
|
++this.houseSelectTemp;
|
|
|
})
|
|
|
},
|
|
|
['select']: _ => ++this.houseSelectTemp
|
|
|
}}
|
|
|
></xy-table>
|
|
|
</div>
|
|
|
</el-drawer>
|
|
|
|
|
|
</div>
|
|
|
)
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
houseDialog: false,
|
|
|
houseSelectTemp: 0,
|
|
|
landDialog: false,
|
|
|
landSelectTemp: 0,
|
|
|
leasePlans: [],
|
|
|
|
|
|
columns: 1,
|
|
|
row: {},
|
|
|
formInfo: [],
|
|
|
id: "",
|
|
|
type: "add",
|
|
|
form: {},
|
|
|
originalForm: {},
|
|
|
rules: {},
|
|
|
file: {},
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
distinct (arr, key="id") {
|
|
|
let newobj = {};
|
|
|
arr = arr.reduce((preVal, curVal) => {
|
|
|
if (!newobj[curVal[key]]) {
|
|
|
newobj[curVal[key]] = preVal.push(curVal)
|
|
|
} else {
|
|
|
let findVal = preVal.find(item => item[key] === curVal[key]);
|
|
|
findVal._chuzumianji = newobj[curVal[key]]["_chuzumianji"] || curVal["_chuzumianji"];
|
|
|
findVal._chuzumianji = newobj[curVal[key]]["_relation_id"] || curVal["_relation_id"];
|
|
|
findVal._TAG_ = newobj[curVal[key]]["_TAG_"] || curVal["_TAG_"];
|
|
|
}
|
|
|
return preVal
|
|
|
}, []);
|
|
|
return arr;
|
|
|
},
|
|
|
index,
|
|
|
setRow (row) {
|
|
|
this.row = row
|
|
|
},
|
|
|
init() {
|
|
|
for (let key in this.form) {
|
|
|
if (this.form[key] instanceof Array) {
|
|
|
this.form[key] = [];
|
|
|
} else {
|
|
|
this.form[key] = "";
|
|
|
}
|
|
|
}
|
|
|
this.$refs["elForm"].clearValidate();
|
|
|
},
|
|
|
setType(type = "add") {
|
|
|
let types = ["add", "editor", "change"];
|
|
|
if (types.includes(type)) {
|
|
|
this.type = type;
|
|
|
} else {
|
|
|
console.warn("Unknown type: " + type);
|
|
|
}
|
|
|
},
|
|
|
setId(id) {
|
|
|
if (typeof id == "number") {
|
|
|
this.id = id;
|
|
|
} else {
|
|
|
console.error("error typeof id: " + typeof id);
|
|
|
}
|
|
|
},
|
|
|
|
|
|
async getDetail() {
|
|
|
const res = await show({ id: this.id, table_name: 'leases' });
|
|
|
this.$integrateData(this.form, res);
|
|
|
|
|
|
this.formInfo.forEach((i) => {
|
|
|
if (i.edit_input === "file") {
|
|
|
|
|
|
}
|
|
|
if (i.edit_input === "files") {
|
|
|
this.file[i.field] = res[`${i.field}_upload_details`]
|
|
|
}
|
|
|
});
|
|
|
this.form = Object.assign({}, this.form);
|
|
|
this.leasePlans = res.id_lease_plans_lease_id_relation;
|
|
|
this.originalForm = deepCopy(res);
|
|
|
},
|
|
|
|
|
|
submit() {
|
|
|
if (this.type === "add") {
|
|
|
if (this.form.hasOwnProperty("id")) {
|
|
|
delete this.form.id;
|
|
|
}
|
|
|
}
|
|
|
if (this.type === "editor") {
|
|
|
Object.defineProperty(this.form, "id", {
|
|
|
value: this.id,
|
|
|
enumerable: true,
|
|
|
configurable: true,
|
|
|
writable: true,
|
|
|
});
|
|
|
}
|
|
|
|
|
|
this.form.let_id = this.$route.params.letId;
|
|
|
// this.form.id_leases_to_assets_lease_id_relation = [];
|
|
|
// this.selectedHouses?.forEach(i => {
|
|
|
// this.form.id_leases_to_assets_lease_id_relation.push({
|
|
|
// house_id: i.id,
|
|
|
// lease_id: this.id,
|
|
|
// chuzumianji: i._chuzumianji
|
|
|
// })
|
|
|
// })
|
|
|
// this.selectedLands?.forEach(i => {
|
|
|
// this.form.id_leases_to_assets_lease_id_relation.push({
|
|
|
// land_id: i.id,
|
|
|
// lease_id: this.id,
|
|
|
// chuzumianji: i._chuzumianji
|
|
|
// })
|
|
|
// })
|
|
|
// this.form.id_lease_plans_lease_id_relation = this.leasePlans;
|
|
|
save(Object.assign(this.form, { table_name: 'leases' })).then(res => {
|
|
|
let leaseToAssetsData = this.distinct([
|
|
|
...this.selectedLands,
|
|
|
...this.selectedHouses,
|
|
|
...(() => {
|
|
|
let temp = [];
|
|
|
this.originalForm?.id_leases_to_assets_lease_id_relation?.forEach(item => {
|
|
|
if (item.land_id) {
|
|
|
let land = this.originalForm.land?.find(land => land.id === item.land_id);
|
|
|
if (land) {
|
|
|
temp.push({
|
|
|
id: land.id,
|
|
|
name: land.name,
|
|
|
zuoluo: land.zuoluo,
|
|
|
zichanweizhi: land.zichanweizhi,
|
|
|
dengjimianji: land.dengjimianji,
|
|
|
_chuzumianji: item.chuzumianji,
|
|
|
_relation_id: item.id,
|
|
|
_TAG_: "land"
|
|
|
});
|
|
|
}
|
|
|
} else {
|
|
|
let house = this.originalForm.house?.find(house => house.id === item.house_id);
|
|
|
if (house) {
|
|
|
temp.push({
|
|
|
id: house.id,
|
|
|
name: house.name,
|
|
|
zuoluo: house.zuoluo,
|
|
|
zichanweizhi: house.zichanweizhi,
|
|
|
dengjimianji: house.dengjimianji,
|
|
|
_chuzumianji: item.chuzumianji,
|
|
|
_relation_id: item.id,
|
|
|
_TAG_: "house"
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
return temp;
|
|
|
})()
|
|
|
]).map(item => ({
|
|
|
id: item._relation_id,
|
|
|
land_id: item._TAG_ === "land" ? item.id : "",
|
|
|
house_id: item._TAG_ === "house"? item.id : "",
|
|
|
chuzumianji: item._chuzumianji,
|
|
|
lease_id: res.id
|
|
|
}));
|
|
|
if (leaseToAssetsData && leaseToAssetsData.length > 0) {
|
|
|
imports({
|
|
|
table_name: "leases_to_assets",
|
|
|
data: leaseToAssetsData
|
|
|
},false)
|
|
|
}
|
|
|
let leasePlansData = this.leasePlans.map(item => ({
|
|
|
...item,
|
|
|
lease_id: res.id
|
|
|
}));
|
|
|
if (leasePlansData && leasePlansData.length > 0) {
|
|
|
imports({
|
|
|
table_name: "lease_plans",
|
|
|
data: leasePlansData
|
|
|
})
|
|
|
}
|
|
|
//变更保存日志
|
|
|
if (this.type === "change") {
|
|
|
let content = "";
|
|
|
for (let key in this.originalForm) {
|
|
|
if (this.form[key] && (this.originalForm[key] !== this.form[key])) {
|
|
|
content += `${key}由${this.originalForm[key]}变更为${this.form[key]}\n`;
|
|
|
}
|
|
|
}
|
|
|
save({
|
|
|
table_name: "lease_logs",
|
|
|
content,
|
|
|
lease_id: this.id
|
|
|
},false)
|
|
|
}
|
|
|
this.$Message.success({
|
|
|
content: `${this.type === "add" ? "新增" : "编辑"}成功`,
|
|
|
});
|
|
|
this.$emit("refresh");
|
|
|
this.hidden();
|
|
|
})
|
|
|
},
|
|
|
},
|
|
|
computed: {
|
|
|
selectedLands () {
|
|
|
let temp = this.landSelectTemp;
|
|
|
return this.$refs['landLinkTable']?.getSelection() || [];
|
|
|
},
|
|
|
selectedHouses () {
|
|
|
let temp = this.houseSelectTemp;
|
|
|
return this.$refs['houseLinkTable']?.getSelection() || [];
|
|
|
},
|
|
|
},
|
|
|
watch: {
|
|
|
formInfo: {
|
|
|
handler: function (newVal) {
|
|
|
this.form = {};
|
|
|
this.rules = {};
|
|
|
this.file = {};
|
|
|
newVal.forEach((i) => {
|
|
|
if (i.field) {
|
|
|
this.form[i.field] = "";
|
|
|
if (
|
|
|
i.validation instanceof Array &&
|
|
|
i.validation.length > 0 &&
|
|
|
!!i.validation.find((i) => i === "required")
|
|
|
) {
|
|
|
this.rules[i.field] = [
|
|
|
{ required: true, message: `请填写${i.name}` },
|
|
|
];
|
|
|
}
|
|
|
if (i.edit_input === "files") {
|
|
|
this.form[i.field] = [];
|
|
|
}
|
|
|
if (i.edit_input === "files" || i.edit_input === "file") {
|
|
|
this.file[i.field] = [];
|
|
|
}
|
|
|
if (i.edit_input === "checkbox") {
|
|
|
this.form[i.field] = [];
|
|
|
}
|
|
|
if (i._relations) {
|
|
|
this.form[i._relations?.link_with_name] = [];
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
this.columns = newVal.length > 11 ? '2' : '1'
|
|
|
},
|
|
|
//immediate: true,
|
|
|
},
|
|
|
dialogVisible(val) {
|
|
|
if (val) {
|
|
|
document.documentElement.style.setProperty(
|
|
|
"--column-num",
|
|
|
this.columns
|
|
|
);
|
|
|
if (this.type === "editor" || this.type === "change") {
|
|
|
this.$nextTick(() => this.getDetail());
|
|
|
}
|
|
|
} else {
|
|
|
this.id = "";
|
|
|
this.type = "";
|
|
|
this.init();
|
|
|
this.$refs["elForm"].clearValidate();
|
|
|
delete this.form.id;
|
|
|
for (let key in this.file) {
|
|
|
this.file[key] = [];
|
|
|
}
|
|
|
this.$refs['landLinkTable'].clearSelection();
|
|
|
this.$refs['houseLinkTable'].clearSelection();
|
|
|
}
|
|
|
},
|
|
|
},
|
|
|
created() {
|
|
|
this.id = this.$route.query.leaseId;
|
|
|
this.type = this.$route.query.type;
|
|
|
resolveFormInfo(15).then(res => {
|
|
|
this.formInfo = res;
|
|
|
|
|
|
if (this.type === "editor" || this.type === "change") {
|
|
|
this.$nextTick(() => this.getDetail());
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
mounted() {
|
|
|
|
|
|
},
|
|
|
beforeDestroy() {
|
|
|
this.id = "";
|
|
|
this.type = "";
|
|
|
this.init();
|
|
|
this.$refs["elForm"].clearValidate();
|
|
|
delete this.form.id;
|
|
|
for (let key in this.file) {
|
|
|
this.file[key] = [];
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
<style>
|
|
|
:root {
|
|
|
--column-num: 2;
|
|
|
}
|
|
|
</style>
|
|
|
<style scoped lang="scss">
|
|
|
.uploaded-a {
|
|
|
color: red;
|
|
|
text-decoration: none;
|
|
|
transition: all 0.2s;
|
|
|
}
|
|
|
|
|
|
.uploaded-a:hover {
|
|
|
color: red;
|
|
|
text-decoration: underline;
|
|
|
}
|
|
|
|
|
|
.form-body {
|
|
|
display: grid;
|
|
|
grid-gap: 10px;
|
|
|
grid-template-columns: repeat(var(--column-num), 1fr);
|
|
|
}
|
|
|
::v-deep .el-input-number input {
|
|
|
text-align: right;
|
|
|
}
|
|
|
</style>
|
