xiaoy
/
wxjt-asset-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

租赁资产选择

Browse Source
master
xy 1 year ago
parent 6f10389e85
commit 0cc1d3f881
3 changed files with 185 additions and 51 deletions
Show Stats Download Patch File Download Diff File

196
src/views/lease/component/addLet.vue
Unescape View File

@ -40,6 +40,26 @@ export default {
<p style="font-weight: 700;line-height: 2;">资产信息</p>
<div style="margin-left: auto;">
<Button
type="primary"
shape="circle"
on={{
["click"]: (_) => {
this.nowAssets.push({
id: "",
_name: "",
_zuoluo: "",
_biaodileixing: "",
_xiangxiweizhi: "",
_shijimianji: 0,
_chuzumianji: 0,
_relation_id: "",
});
},
}}
>
新增记录
</Button>
<Button type="primary"
shape="circle"
on={{
@ -71,41 +91,77 @@ export default {
table-item={
[
{
"prop": "name",
"label": "资产名称",
"width": 0,
"fixed": "left",
"align": "left"
prop: "name",
label: "资产名称",
width: 180,
fixed: "left",
align: "left",
customFn: row => (
row.id ?
(<span>{ row.name }</span>) :
(<el-input vModel={row._name} size="small"></el-input>)
)
},
{
prop: "type",
label: "分类",
width: 100,
"fixed": "left",
customFn: row => (
<span>{ row.hasOwnProperty('land_id') ? '房产' : '土地' }</span>
row.id ?
(<span>{ row.hasOwnProperty('land_id') ? '房产' : '土地' }</span>) :
(<el-input vModel={row._biaodileixing} size="small"></el-input>)
)
},
{
"prop": "zuoluo",
"label": "坐落",
"width": 0,
"align": "left"
prop: "zuoluo",
label: "坐落",
width: 160,
align: "left",
customFn: row => (
row.id ?
(<span>{ row.zuoluo }</span>) :
(<el-input vModel={row._zuoluo} size="small"></el-input>)
)
},
{
"prop": "shijimianji",
"label": "实际面积（m²）",
"width": 0,
"align": "right"
prop: "xiangxiweizhi",
label: "详细位置",
width: 180,
customFn: (row) => {
return (
<el-input
vModel={row._xiangxiweizhi}
size="small"
></el-input>
);
},
},
{
"prop": "_chuzumianji",
"label": "出租面积（m²）",
"width": 160,
customFn: row => {
prop: "shijimianji",
label: "实际面积（m²）",
width: 160,
align: "center",
customFn: row => (
row.id ?
(<span>{ row.shijimianji }</span>) :
(<el-input-number precision={2} controls={false} vModel={row._shijimianji} size="small"></el-input-number>)
)
},
{
prop: "_chuzumianji",
label: "出租面积（m²）",
width: 160,
customFn: (row) => {
return (
<el-input-number controls={false} precision={2} vModel={row._chuzumianji} size="small"></el-input-number>
)
}
<el-input-number
controls={false}
precision={2}
vModel={row._chuzumianji}
size="small"
></el-input-number>
);
},
},
{
prop: "operate",
@ -179,12 +235,42 @@ export default {
table-item={
[
{
type: "selection",
width: 56,
align: "center",
reserveSelection: true,
prop: "selection",
label: "选择",
width: 80,
fixed: "left",
customFn: row => {
return (
<Button size="small"
type="primary"
on={{
'click': _ => {
this.nowAssets.push({
id: row.id,
name: row.name,
zuoluo: row.zuoluo,
zichanweizhi: row.zichanweizhi,
shijimianji: row.shijimianji,
_name: row.name,
_zuoluo: row.zuoluo,
_shijimianji: row.shijimianji,
_xiangxiweizhi: "",
_chuzumianji: 0,
_relation_id: "",
ORIGINAL_DATA: row,
});
}
}}>新增</Button>
)
}
},
// {
// type: "selection",
// width: 56,
// align: "center",
// reserveSelection: true,
// fixed: "left",
// },
{
"prop": "id",
"width": 60,
@ -243,11 +329,11 @@ export default {
req-opt={this.landSelect}
on={{
['loaded']: _ => {
this.$nextTick(() => {
this.$refs['landLinkTable'].getListData()?.filter(item => this.nowAssets?.find(j => j.id === item.id && !j.hasOwnProperty('land_id')))?.forEach(item => {
this.$refs['landLinkTable'].toggleRowSelection(item, true)
})
})
// this.$nextTick(() => {
// this.$refs['landLinkTable'].getListData()?.filter(item => this.nowAssets?.find(j => j.id === item.id && !j.hasOwnProperty('land_id')))?.forEach(item => {
// this.$refs['landLinkTable'].toggleRowSelection(item, true)
// })
// })
},
['select']: (selection, row) => {
if (selection.find(i => i.id === row.id)) {
@ -300,12 +386,43 @@ export default {
ref="houseLinkTable"
table-item={
[
// {
// type: "selection",
// width: 56,
// align: "center",
// reserveSelection: true,
// fixed: "left"
// },
{
type: "selection",
width: 56,
align: "center",
reserveSelection: true,
fixed: "left"
prop: "selection",
label: "选择",
width: 80,
fixed: "left",
customFn: row => {
return (
<Button size="small"
type="primary"
on={{
'click': _ => {
this.nowAssets.push({
id: row.id,
name: row.name,
zuoluo: row.zuoluo,
zichanweizhi: row.zichanweizhi,
shijimianji: row.shijimianji,
_name: row.name,
_zuoluo: row.zuoluo,
_shijimianji: row.shijimianji,
_xiangxiweizhi: "",
land_id: row.land_id,
_chuzumianji: 0,
_relation_id: "",
ORIGINAL_DATA: row,
});
}
}}>新增</Button>
)
}
},
{
"prop": "id",
@ -554,12 +671,17 @@ export default {
table_name: "lets_to_assets"
},false)))
}
let leaseToAssetsData = this.nowAssets.map(item => ({
let leaseToAssetsData = this.nowAssets.map((item) => ({
id: item._relation_id,
land_id: !item.hasOwnProperty("land_id") ? item.id : "",
house_id: item.hasOwnProperty("land_id") ? item.id : "",
name: item._name,
zuoluo: item._zuoluo,
xiangxiweizhi: item._xiangxiweizhi,
biaodileixing: item._relation_i ? (item.hasOwnProperty("land_id") ? '房产' : '土地') : item._biaodileixing,
shijimianji: item._shijimianji,
chuzumianji: item._chuzumianji,
let_id: res.id
let_id: res.id,
}));
if (leaseToAssetsData && leaseToAssetsData.length > 0) {
imports({

19
src/views/lease/detailLet.vue
Unescape View File

@ -129,33 +129,38 @@ export default {
"fixed": "left",
"align": "left",
customFn: row => {
return (<span>{ row.land_id ? row.lands.name : row.house.name }</span>)
return (<span>{ (row.land_id || row.house_id) ? (row.land_id ? row.lands.name : row.house.name) : row.name }</span>)
}
},
{
prop: "type",
label: "分类",
"fixed": "left",
width: 160,
customFn: row => (
<span>{ row.land_id ? '房产' : '土地' }</span>
<span>{ (row.land_id || row.house_id) ? (row.land_id ? '房产' : '土地'): row.biaodileixing }</span>
)
},
{
"prop": "zuoluo",
"label": "坐落",
"width": 0,
"width": 160,
"align": "left",
customFn: row => {
return (<span>{ row.land_id ? row.lands.zuoluo : row.house.zuoluo }</span>)
return (<span>{ (row.land_id || row.house_id) ? (row.land_id ? row.lands.zuoluo : row.house.zuoluo) : row.zuoluo }</span>)
}
},
{
prop: "xiangxiweizhi",
label: "详细位置",
width: 180
},
{
"prop": "shijimianji",
"label": "实际面积（m²）",
"width": 0,
"width": 160,
"align": "center",
customFn: row => {
return (<span>{ row.land_id ? row.lands.shijimianji : row.house.shijimianji }</span>)
return (<span>{ (row.land_id || row.house_id) ? (row.land_id ? row.lands.shijimianji : row.house.shijimianji) : row.shijimianji }</span>)
}
},
{

21
src/views/lease/sign.vue
Unescape View File

@ -1169,10 +1169,15 @@ export default {
id: row.id,
name: row.name,
zuoluo: row.zuoluo,
zichanweizhi: row.zichanweizhi,
shijimianji: row.shijimianji,
_name: row.name,
_zuoluo: row.zuoluo,
_shijimianji: row.shijimianji,
_xiangxiweizhi: "",
land_id: row.land_id,
_chuzumianji: 0,
_relation_id: "",
land_id: row.land_id,
ORIGINAL_DATA: row,
});
}
@ -1678,7 +1683,7 @@ export default {
_name: land.name,
_zuoluo: land.zuoluo,
_shijimianji: land._shijimianji,
_xiangxiweizhi: '',
_xiangxiweizhi: item.xiangxiweizhi,
_chuzumianji: item.chuzumianji || 0,
ORIGINAL_DATA: land,
_relation_id: item.id,
@ -1696,7 +1701,7 @@ export default {
_name: house.name,
_zuoluo: house.zuoluo,
_shijimianji: house._shijimianji,
_xiangxiweizhi: '',
_xiangxiweizhi: item.xiangxiweizhi,
_chuzumianji: item.chuzumianji || 0,
_relation_id: item.id,
ORIGINAL_DATA: house,
@ -1706,14 +1711,16 @@ export default {
} else {
this.nowAssets.push({
id: "",
biaodileixing: item.biaodileixing,
name: item.name,
zuoluo: item.zuoluo,
zichanweizhi: item.zichanweizhi,
shijimianji: item.shijimianji,
_name: "",
_zuoluo: "",
_shijimianji: "",
_xiangxiweizhi: '',
_name: item.name,
_zuoluo: item.zuoluo,
_biaodileixing: item.biaodileixing,
_shijimianji: item.shijimianji,
_xiangxiweizhi: item.xiangxiweizhi,
_chuzumianji: item.chuzumianji || 0,
_relation_id: item.id,
});

Write Preview
Loading…
Cancel
Save