From f79e7a88199b1607622a3a248a854aefd93da465 Mon Sep 17 00:00:00 2001
From: xy <271556543@qq.com>
Date: Wed, 27 Nov 2024 11:48:07 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=9F=E8=B5=81=E8=B5=84=E4=BA=A7=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/lease/component/addLet.vue | 1013 +++++++++++++++-----------
 1 file changed, 574 insertions(+), 439 deletions(-)

diff --git a/src/views/lease/component/addLet.vue b/src/views/lease/component/addLet.vue
index a8940fb..2da992f 100644
--- a/src/views/lease/component/addLet.vue
+++ b/src/views/lease/component/addLet.vue
@@ -1,37 +1,39 @@
 <script>
 import { save, show, index, destroy, imports } from "@/api/system/baseForm";
-import { CreateDialog } from "@/utils/createDialog"
+import { CreateDialog } from "@/utils/createDialog";
 import { deepCopy } from "@/utils";
-import { resolveFormInfo } from '@/utils/createTable'
+import { resolveFormInfo } from "@/utils/createTable";
 export default {
-  components: {
-  },
+  components: {},
   props: {
     tableName: String,
   },
   render(h) {
     const _this = this;
-    let dialog = new CreateDialog(this,[
-    ],{}, false)
+    let dialog = new CreateDialog(this, [], {}, false);
 
     return (
       <div style="padding: 0 20px">
         <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', '编辑招租']
-              ])
-              return title.get(this.type)
-            })() }</p>
+            <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", "编辑招租"],
+                ]);
+                return title.get(this.type);
+              })()}
+            </p>
           </div>
 
           {/* 资产信息 */}
@@ -60,283 +62,350 @@ export default {
                 >
                   新增记录
                 </Button>
-                <Button type="primary"
-                        shape="circle"
-                        on={{
-                          ['click']: _ => {
-                            this.landDialog = true;
-                          }
-                        }}>选择土地</Button>
-                <Button type="primary"
-                        shape="circle"
-                        on={{
-                          ['click']: _ => {
-                            this.houseDialog = true;
-                          }
-                        }}>选择房产</Button>
+                <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
-              row-key={
-                row => {
-                  row._relation_id ? row._relation_id : (row.hasOwnProperty('land_id') ? 'house_' + row.id : 'land_' + row.id)
-                }
-              }
+              row-key={(row) => {
+                row._relation_id
+                  ? row._relation_id
+                  : row.hasOwnProperty("land_id")
+                  ? "house_" + row.id
+                  : "land_" + row.id;
+              }}
               ref="assetsTable"
               list={this.nowAssets}
-                      height="300"
-                      isHandlerKey={false}
-                      is-page={false}
-                      table-item={
-                        [
-                          {
-                            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 => (
-                              row.id ?
-                                (<span>{ row.hasOwnProperty('land_id') ? '房产' : '土地' }</span>) :
-                                (<el-input vModel={row._biaodileixing} size="small"></el-input>)
-                            )
-                          },
-                          {
-                            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: "xiangxiweizhi",
-                            label: "详细位置",
-                            width: 180,
-                            customFn: (row) => {
-                              return (
-                                <el-input
-                                  vModel={row._xiangxiweizhi}
-                                  size="small"
-                                ></el-input>
-                              );
-                            },
-                          },
-                          {
-                            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>
-                              );
-                            },
-                          },
-                          {
-                            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(
-                                                    this.$refs["houseLinkTable"].getListData().find(i => i.id === row.id)
-                                                    ,false)
-
-                                                } else {
-                                                  this.$refs["landLinkTable"]?.toggleRowSelection(
-                                                    this.$refs["landLinkTable"].getListData().find(i => i.id === row.id)
-                                                    ,false)
-                                                }
+              height="300"
+              isHandlerKey={false}
+              is-page={false}
+              table-item={[
+                {
+                  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) =>
+                    row.id ? (
+                      <span>
+                        {row.hasOwnProperty("land_id") ? "房产" : "土地"}
+                      </span>
+                    ) : (
+                      <el-input
+                        vModel={row._biaodileixing}
+                        size="small"
+                      ></el-input>
+                    ),
+                },
+                {
+                  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: "xiangxiweizhi",
+                  label: "详细位置",
+                  width: 180,
+                  customFn: (row) => {
+                    return (
+                      <el-input
+                        vModel={row._xiangxiweizhi}
+                        size="small"
+                      ></el-input>
+                    );
+                  },
+                },
+                {
+                  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>
+                    );
+                  },
+                },
+                {
+                  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(
+                                    this.$refs["houseLinkTable"]
+                                      .getListData()
+                                      .find((i) => i.id === row.id),
+                                    false
+                                  );
+                                } else {
+                                  this.$refs[
+                                    "landLinkTable"
+                                  ]?.toggleRowSelection(
+                                    this.$refs["landLinkTable"]
+                                      .getListData()
+                                      .find((i) => i.id === row.id),
+                                    false
+                                  );
+                                }
 
-                                                if (row._relation_id) {
-                                                  destroy({ table_name: "lets_to_assets", id: row._relation_id },false).then(_ => {
-                                                    this.nowAssets.splice(this.nowAssets.findIndex(j => j._relation_id === row._relation_id),1)
-                                                  })
-                                                } else {
-                                                  this.nowAssets.splice(this.nowAssets.findIndex(j => j._relation_id === row._relation_id),1)
-                                                }
-                                              })
-                                            }
-                                          }}>删除</Button>
-                                </div>
-                              )
-                            }
-                          }
-                        ]
-                      }></xy-table>
+                                if (row._relation_id) {
+                                  destroy(
+                                    {
+                                      table_name: "lets_to_assets",
+                                      id: row._relation_id,
+                                    },
+                                    false
+                                  ).then((_) => {
+                                    this.nowAssets.splice(
+                                      this.nowAssets.findIndex(
+                                        (j) =>
+                                          j._relation_id === row._relation_id
+                                      ),
+                                      1
+                                    );
+                                  });
+                                } else {
+                                  this.nowAssets.splice(
+                                    this.nowAssets.findIndex(
+                                      (j) => j._relation_id === row._relation_id
+                                    ),
+                                    1
+                                  );
+                                }
+                              });
+                            },
+                          }}
+                        >
+                          删除
+                        </Button>
+                      </div>
+                    );
+                  },
+                },
+              ]}
+            ></xy-table>
           </div>
 
-          {
-            dialog.render()
-          }
+          {dialog.render()}
         </el-card>
 
-        <el-drawer title="土地列表"
-                   append-to-body={true}
-                   visible={this.landDialog}
-                   size="64%"
-                   on={{
-                     ['update:visible']: (val) => this.landDialog = val,
-                   }}>
+        <el-drawer
+          title="土地列表"
+          append-to-body={true}
+          visible={this.landDialog}
+          size="64%"
+          on={{
+            ["update:visible"]: (val) => (this.landDialog = val),
+          }}
+        >
           <div style="padding: 0 10px;">
             <div>
-              <Input vModel={this.landSelect.keyword} style="width: 300px;"  placeholder="请填写关键词"/>
-              <Button type="primary"
-                      style="margin-left: 10px;"
-                      on={{
-                        ['click']: _ => {
-                          this.$refs['landLinkTable'].getTableData(true)
-                        }
-                      }}>搜索</Button>
+              <Input
+                vModel={this.landSelect.keyword}
+                style="width: 300px;"
+                placeholder="请填写关键词"
+              />
+              <Button
+                type="primary"
+                style="margin-left: 10px;"
+                on={{
+                  ["click"]: (_) => {
+                    this.$refs["landLinkTable"].getTableData(true);
+                  },
+                }}
+              >
+                搜索
+              </Button>
             </div>
             <xy-table
               isHandlerKey={false}
               height="600"
               ref="landLinkTable"
-              table-item={
-                [
-                  {
-                    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,
-                    "label": "序号",
-                    formatter: (row, column, cellValue, index) => (this.$refs['landLinkTable'].selectOpt.page - 1) * this.$refs['landLinkTable'].selectOpt.page_size + index + 1
-                  },
-                  {
-                    "prop": "tudiquanshuren",
-                    "label": "土地权属人",
-                    "width": 0,
-                    "align": "left"
-                  },
-                  {
-                    "prop": "area",
-                    "label": "区域",
-                    "width": 80,
-                    "align": "center",
-                    "formatter": (data, row, value) => {
-                      return this.wxAreas[value]
-                    }
-                  },
-                  {
-                    "prop": "name",
-                    "label": "资产名称",
-                    "width": 0,
-                    "align": "left",
-                    "fixed": "left"
-                  },
-                  {
-                    "prop": "tudizhenghao",
-                    "label": "土地证号",
-                    "width": 0,
-                    "align": "left"
-                  },
-                  {
-                    "prop": "zuoluo",
-                    "label": "坐落",
-                    "width": 0,
-                    "align": "left"
+              table-item={[
+                {
+                  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>
+                    );
                   },
-                  {
-                    "prop": "zichanweizhi",
-                    "label": "资产位置",
-                    "width": 0,
-                    "align": "center"
+                },
+                // {
+                //   type: "selection",
+                //   width: 56,
+                //   align: "center",
+                //   reserveSelection: true,
+                //   fixed: "left",
+                // },
+                {
+                  prop: "id",
+                  width: 60,
+                  label: "序号",
+                  formatter: (row, column, cellValue, index) =>
+                    (this.$refs["landLinkTable"].selectOpt.page - 1) *
+                      this.$refs["landLinkTable"].selectOpt.page_size +
+                    index +
+                    1,
+                },
+                {
+                  prop: "tudiquanshuren",
+                  label: "土地权属人",
+                  width: 0,
+                  align: "left",
+                },
+                {
+                  prop: "area",
+                  label: "区域",
+                  width: 80,
+                  align: "center",
+                  formatter: (data, row, value) => {
+                    return this.wxAreas[value];
                   },
-                  {
-                    "prop": "quanliren",
-                    "label": "证载“权利人”",
-                    "width": 0,
-                    "align": "left"
-                  }
-                ]
-              }
+                },
+                {
+                  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",
+                },
+              ]}
               action={this.index}
               req-opt={this.landSelect}
               on={{
-                ['loaded']: _ => {
+                ["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)
                   //   })
                   // })
                 },
-                ['select']: (selection, row) => {
-                  if (selection.find(i => i.id === row.id)) {
+                ["select"]: (selection, row) => {
+                  if (selection.find((i) => i.id === row.id)) {
                     this.nowAssets.push({
                       id: row.id,
                       name: row.name,
@@ -345,151 +414,182 @@ export default {
                       shijimianji: row.shijimianji,
                       _chuzumianji: row.shijimianji,
                       _relation_id: "",
-                    })
+                    });
                   } else {
-                    let index = this.nowAssets.findIndex(i => i.id === row.id && !i.hasOwnProperty('land_id') )
-                    let temp = this.nowAssets.splice(index, 1)
+                    let index = this.nowAssets.findIndex(
+                      (i) => i.id === row.id && !i.hasOwnProperty("land_id")
+                    );
+                    let temp = this.nowAssets.splice(index, 1);
                     if (temp._relation_id) {
-                      destroy({
-                        table_name: "lets_to_assets",
-                        id: temp._relation_id
-                      },false)
+                      destroy(
+                        {
+                          table_name: "lets_to_assets",
+                          id: temp._relation_id,
+                        },
+                        false
+                      );
                     }
                   }
-                }
+                },
               }}
             ></xy-table>
           </div>
         </el-drawer>
 
-        <el-drawer title="房产列表"
-                   append-to-body={true}
-                   visible={this.houseDialog}
-                   size="64%"
-                   on={{
-                     ['update:visible']: (val) => this.houseDialog = val,
-                   }}>
+        <el-drawer
+          title="房产列表"
+          append-to-body={true}
+          visible={this.houseDialog}
+          size="64%"
+          on={{
+            ["update:visible"]: (val) => (this.houseDialog = val),
+          }}
+        >
           <div style="padding: 0 10px;">
             <div>
-              <Input vModel={this.houseSelect.keyword} style="width: 300px;" placeholder="请填写关键词"/>
-              <Button type="primary"
-                      style="margin-left: 10px;"
-                      on={{
-                        ['click']: _ => {
-                          this.$refs['houseLinkTable'].getTableData(true)
-                        }
-                      }}>搜索</Button>
+              <Input
+                vModel={this.houseSelect.keyword}
+                style="width: 300px;"
+                placeholder="请填写关键词"
+              />
+              <Button
+                type="primary"
+                style="margin-left: 10px;"
+                on={{
+                  ["click"]: (_) => {
+                    this.$refs["houseLinkTable"].getTableData(true);
+                  },
+                }}
+              >
+                搜索
+              </Button>
             </div>
             <xy-table
               isHandlerKey={false}
               height="600"
               ref="houseLinkTable"
-              table-item={
-                [
-                  // {
-                  //   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",
-                    "width": 60,
-                    "label": "序号",
-                    formatter: (row, column, cellValue, index) => (this.$refs['houseLinkTable'].selectOpt.page - 1) * this.$refs['houseLinkTable'].selectOpt.page_size + index + 1
-                  },
-                  {
-                    "prop": "quanshuren",
-                    "label": "权属人",
-                    "width": 0,
-                    "align": "center"
-                  },
-                  {
-                    "prop": "area",
-                    "label": "区域",
-                    "width": 80,
-                    "align": "center",
-                    "formatter": (data, row, value) => {
-                      return this.wxAreas[value]
-                    }
-                  },
-                  {
-                    "prop": "name",
-                    "label": "资产名称",
-                    "width": 0,
-                    "fixed": "left",
-                    "align": "left"
-                  },
-                  {
-                    "prop": "quanzhenghao",
-                    "label": "权证号",
-                    "width": 0,
-                    "align": "center"
-                  },
-                  {
-                    "prop": "zuoluo",
-                    "label": "坐落",
-                    "width": 0,
-                    "align": "left"
+              table-item={[
+                // {
+                //   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": "zichanweizhi",
-                    "label": "房产位置",
-                    "width": 0,
-                    "align": "center"
+                },
+                {
+                  prop: "id",
+                  width: 60,
+                  label: "序号",
+                  formatter: (row, column, cellValue, index) =>
+                    (this.$refs["houseLinkTable"].selectOpt.page - 1) *
+                      this.$refs["houseLinkTable"].selectOpt.page_size +
+                    index +
+                    1,
+                },
+                {
+                  prop: "quanshuren",
+                  label: "权属人",
+                  width: 0,
+                  align: "center",
+                },
+                {
+                  prop: "area",
+                  label: "区域",
+                  width: 80,
+                  align: "center",
+                  formatter: (data, row, value) => {
+                    return this.wxAreas[value];
                   },
-                  {
-                    "prop": "quanliren",
-                    "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",
+                },
+              ]}
               action={this.index}
               req-opt={this.houseSelect}
               on={{
-                ['loaded']: _ => {
+                ["loaded"]: (_) => {
                   this.$nextTick(() => {
-                    this.$refs['houseLinkTable'].getListData()?.filter(item => this.nowAssets?.find(j => j.id === item.id && j.hasOwnProperty('land_id')))?.forEach(item => {
-                      this.$refs['houseLinkTable'].toggleRowSelection(item, true)
-                    })
-                  })
+                    this.$refs["houseLinkTable"]
+                      .getListData()
+                      ?.filter((item) =>
+                        this.nowAssets?.find(
+                          (j) => j.id === item.id && j.hasOwnProperty("land_id")
+                        )
+                      )
+                      ?.forEach((item) => {
+                        this.$refs["houseLinkTable"].toggleRowSelection(
+                          item,
+                          true
+                        );
+                      });
+                  });
                 },
-                ['select']: (selection, row) => {
-                  if (selection.find(i => i.id === row.id)) {
+                ["select"]: (selection, row) => {
+                  if (selection.find((i) => i.id === row.id)) {
                     this.nowAssets.push({
                       id: row.id,
                       name: row.name,
@@ -498,26 +598,30 @@ export default {
                       shijimianji: row.shijimianji,
                       _chuzumianji: row.shijimianji,
                       _relation_id: "",
-                      land_id: row.land_id
-                    })
+                      land_id: row.land_id,
+                    });
                   } else {
-                    let index = this.nowAssets.findIndex(i => i.id === row.id && i.hasOwnProperty('land_id') )
-                    let temp = this.nowAssets.splice(index, 1)
+                    let index = this.nowAssets.findIndex(
+                      (i) => i.id === row.id && i.hasOwnProperty("land_id")
+                    );
+                    let temp = this.nowAssets.splice(index, 1);
                     if (temp._relation_id) {
-                      destroy({
-                        table_name: "lets_to_assets",
-                        id: temp._relation_id
-                      },false)
+                      destroy(
+                        {
+                          table_name: "lets_to_assets",
+                          id: temp._relation_id,
+                        },
+                        false
+                      );
                     }
                   }
-                }
+                },
               }}
             ></xy-table>
           </div>
         </el-drawer>
-
       </div>
-    )
+    );
   },
   data() {
     return {
@@ -537,12 +641,12 @@ export default {
       landSelect: {
         is_auth_more: 1,
         table_name: "lands",
-        keyword: ""
+        keyword: "",
       },
       houseSelect: {
         is_auth_more: 1,
         table_name: "houses",
-        keyword: ""
+        keyword: "",
       },
 
       columns: 1,
@@ -558,8 +662,8 @@ export default {
   },
   methods: {
     index,
-    setRow (row) {
-      this.row = row
+    setRow(row) {
+      this.row = row;
     },
     init() {
       for (let key in this.form) {
@@ -588,20 +692,19 @@ export default {
     },
 
     async getDetail() {
-      const res = await show({ id: this.id, table_name: 'lets' });
+      const res = await show({ id: this.id, table_name: "lets" });
       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.file[i.field] = res[`${i.field}_upload_details`];
         }
       });
       this.form = Object.assign({}, this.form);
       this.originalForm = deepCopy(res);
-      this.originalForm?.lets_to_assets?.forEach(item => {
+      this.originalForm?.lets_to_assets?.forEach((item) => {
         if (item.land_id) {
           let land = item.lands;
           if (land) {
@@ -609,28 +712,50 @@ export default {
               id: land.id,
               name: land.name,
               zuoluo: land.zuoluo,
-              zichanweizhi: land.zichanweizhi,
               shijimianji: land.shijimianji,
-              _chuzumianji: item.chuzumianji||0,
+              _chuzumianji: item.chuzumianji,
+              _name: item.name,
+              _biaodileixing: item.biaodileixing,
+              _zuoluo: item.zuoluo,
+              _shijimianji: item.shijimianji,
+              _xiangxiweizhi: item.xiangxiweizhi,
               _relation_id: item.id,
             });
           }
-        } else {
+        } else if (item.house_id) {
           let house = item.house;
           if (house) {
             this.nowAssets.push({
               id: house.id,
               name: house.name,
               zuoluo: house.zuoluo,
-              zichanweizhi: house.zichanweizhi,
               shijimianji: house.shijimianji,
-              _chuzumianji: item.chuzumianji||0,
+              _name: item.name,
+              _zuoluo: item.zuoluo,
+              _biaodileixing: item.biaodileixing,
+              _shijimianji: item.shijimianji,
+              _xiangxiweizhi: item.xiangxiweizhi,
+              _chuzumianji: item.chuzumianji,
               _relation_id: item.id,
               land_id: house.land_id,
             });
           }
+        } else {
+          this.nowAssets.push({
+            id: "",
+            name: item.name,
+            zuoluo: item.zuoluo,
+            shijimianji: item.shijimianji,
+            _name: item.name,
+            _zuoluo: item.zuoluo,
+            _biaodileixing: item.biaodileixing,
+            _shijimianji: item.shijimianji,
+            _xiangxiweizhi: item.xiangxiweizhi,
+            _chuzumianji: item.chuzumianji,
+            _relation_id: item.id,
+          });
         }
-        })
+      });
     },
 
     submit() {
@@ -664,12 +789,19 @@ export default {
       //   })
       // })
       // this.form.id_lease_plans_lease_id_relation = this.leasePlans;
-      save(Object.assign(this.form, { table_name: 'lets' })).then(res => {
-        if (this.type !== 'add') {
-          Promise.all(this.originalForm.id_lets_to_assets_let_id_relation?.map(i => destroy({
-            id: i.id,
-            table_name: "lets_to_assets"
-          },false)))
+      save(Object.assign(this.form, { table_name: "lets" })).then((res) => {
+        if (this.type !== "add") {
+          Promise.all(
+            this.originalForm.id_lets_to_assets_let_id_relation?.map((i) =>
+              destroy(
+                {
+                  id: i.id,
+                  table_name: "lets_to_assets",
+                },
+                false
+              )
+            )
+          );
         }
         let leaseToAssetsData = this.nowAssets.map((item) => ({
           id: item._relation_id,
@@ -678,28 +810,33 @@ export default {
           name: item._name,
           zuoluo: item._zuoluo,
           xiangxiweizhi: item._xiangxiweizhi,
-          biaodileixing: item._relation_i ? (item.hasOwnProperty("land_id") ? '房产' : '土地') : item._biaodileixing,
+          biaodileixing: item._relation_i
+            ? item.hasOwnProperty("land_id")
+              ? "房产"
+              : "土地"
+            : item._biaodileixing,
           shijimianji: item._shijimianji,
           chuzumianji: item._chuzumianji,
           let_id: res.id,
         }));
         if (leaseToAssetsData && leaseToAssetsData.length > 0) {
-          imports({
-            table_name: "lets_to_assets",
-            data: leaseToAssetsData
-          },false)
+          imports(
+            {
+              table_name: "lets_to_assets",
+              data: leaseToAssetsData,
+            },
+            false
+          );
         }
         this.$Message.success({
           content: `${this.type === "add" ? "新增" : "编辑"}成功`,
         });
         this.$emit("refresh");
         this.$router.back();
-      })
+      });
     },
   },
-  computed: {
-
-  },
+  computed: {},
   watch: {
     formInfo: {
       handler: function (newVal) {
@@ -733,7 +870,7 @@ export default {
           }
         });
 
-        this.columns = newVal.length > 11 ? '2' : '1'
+        this.columns = newVal.length > 11 ? "2" : "1";
       },
       //immediate: true,
     },
@@ -755,25 +892,23 @@ export default {
         for (let key in this.file) {
           this.file[key] = [];
         }
-        this.$refs['landLinkTable'].clearSelection();
-        this.$refs['houseLinkTable'].clearSelection();
+        this.$refs["landLinkTable"].clearSelection();
+        this.$refs["houseLinkTable"].clearSelection();
       }
     },
   },
   created() {
     this.id = this.$route.query.letId;
     this.type = this.$route.query.type;
-    resolveFormInfo(31).then(res => {
+    resolveFormInfo(31).then((res) => {
       this.formInfo = res;
 
       if (this.type === "editor" || this.type === "change") {
         this.$nextTick(() => this.getDetail());
       }
-    })
-  },
-  mounted() {
-
+    });
   },
+  mounted() {},
   beforeDestroy() {
     this.id = "";
     this.type = "";
@@ -783,7 +918,7 @@ export default {
     for (let key in this.file) {
       this.file[key] = [];
     }
-  }
+  },
 };
 </script>