页面优化

src/components/HouseGuarantyForm/fixedAssetsCertificate.vue

@@ -1,127 +1,131 @@
 <template>
-    <el-button type="text"  @click="removeTab">移除此证件</el-button>
-    <el-button type="text" @click="saveFixed">保存此证件</el-button>
+
     <el-form :model="fixedAssetsCertificate" label-width="auto" style="margin-top: 30px;">
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="不动产权证书号:" class="form-item">
-                                            <el-input v-model="fixedAssetsCertificate.certificateNo" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="权利人:" class="form-item">
-                                            <el-input v-model="fixedAssetsCertificate.ownShipUser" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="共有情况:" class="form-item">
-                                            <el-input v-model="fixedAssetsCertificate.ownShipInfo" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="房屋坐落:" class="form-item">
-                                            <el-input v-model="fixedAssetsCertificate.location" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="不动产单元号:" class="form-item">
-                                            <el-input v-model="fixedAssetsCertificate.unitNo" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="权利类型:" class="form-item">
-                                            <el-input v-model="fixedAssetsCertificate.ownShipType" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="权利性质:" class="form-item">
-                                            <el-input v-model="fixedAssetsCertificate.ownShipNature" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="用途:" class="form-item">
-                                            <el-input v-model="fixedAssetsCertificate.useTo" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="面积描述:" class="form-item">
-                                            <el-input v-model="fixedAssetsCertificate.acreageDesc" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="使用期限描述:" class="form-item">
-                                            <el-input v-model="fixedAssetsCertificate.expireDateDesc" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="权利其他状况:" class="form-item">
-                                            <el-input v-model="fixedAssetsCertificate.ownShipOtherInfo" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="附记:" class="form-item">
-                                            <el-input v-model="fixedAssetsCertificate.attachInfo" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                            </el-form>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="不动产权证书号:" class="form-item">
+                    <el-input v-model="fixedAssetsCertificate.certificateNo" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="权利人:" class="form-item">
+                    <el-input v-model="fixedAssetsCertificate.ownShipUser" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="共有情况:" class="form-item">
+                    <el-input v-model="fixedAssetsCertificate.ownShipInfo" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="房屋坐落:" class="form-item">
+                    <el-input v-model="fixedAssetsCertificate.location" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="不动产单元号:" class="form-item">
+                    <el-input v-model="fixedAssetsCertificate.unitNo" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="权利类型:" class="form-item">
+                    <el-input v-model="fixedAssetsCertificate.ownShipType" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="权利性质:" class="form-item">
+                    <el-input v-model="fixedAssetsCertificate.ownShipNature" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="用途:" class="form-item">
+                    <el-input v-model="fixedAssetsCertificate.useTo" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="面积描述:" class="form-item">
+                    <el-input v-model="fixedAssetsCertificate.acreageDesc" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="使用期限描述:" class="form-item">
+                    <el-input v-model="fixedAssetsCertificate.expireDateDesc" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="权利其他状况:" class="form-item">
+                    <el-input v-model="fixedAssetsCertificate.ownShipOtherInfo" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="附记:" class="form-item">
+                    <el-input v-model="fixedAssetsCertificate.attachInfo" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <div style="width: 100%; text-align: right;">
+            <el-button type="text" @click="removeTab">移除此证件</el-button>
+            <el-button type="text" @click="saveFixed">保存此证件</el-button>
+        </div>
+    </el-form>
 </template>
 
 <script>
 
 
-export default{
+export default {
 
-    props:{
-        fixedAssetsCertificate:{
-            type:Object,
-            required:false
+    props: {
+        fixedAssetsCertificate: {
+            type: Object,
+            required: false
         }
     },
 
 
-  watch:{
-    fixedAssetsCertificate:{
-      handler(nv){
-         
-      }
-    }
-  },
+    watch: {
+        fixedAssetsCertificate: {
+            handler(nv) {
 
-    data(){
-        return{
-            
+            }
         }
     },
 
-    methods:{
-        removeTab(){
-            this.$emit('removeTab',this.fixedAssetsCertificate.name)
+    data() {
+        return {
+
+        }
+    },
+
+    methods: {
+        removeTab() {
+            this.$emit('removeTab', this.fixedAssetsCertificate.name)
         }
         ,
-        saveFixed(){
-            this.$emit('saveFixed',this.fixedAssetsCertificate)
+        saveFixed() {
+            this.$emit('saveFixed', this.fixedAssetsCertificate)
         }
 
     }
 }
 </script>
 
-<style  scoped>
-:deep(.el-button--text:hover){
-    color:#ff6154;
+<style scoped>
+:deep(.el-button--text:hover) {
+    color: #ff6154;
 }
-:deep(.el-button--text){
-    color:#ff6154;
+
+:deep(.el-button--text) {
+    color: #ff6154;
 }
 </style>

src/components/HouseGuarantyForm/houseOwnNewCertificate.vue

@@ -1,110 +1,113 @@
 <template>
-        <el-button type="text" @click="removeTab">移除此证件</el-button>
-        <el-button type="text" @click="saveHouseOwn">保存此证件</el-button>
- <el-form :model="houseOwnNewCertificate" label-width="auto" style="margin-top: 30px;">
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="房屋所有权证号:" class="form-item">
-                                            <el-input v-model="houseOwnNewCertificate.certificateNo" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="房屋所有权人:" class="form-item">
-                                            <el-input v-model="houseOwnNewCertificate.ownShipUser" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="共有情况:" class="form-item">
-                                            <el-input v-model="houseOwnNewCertificate.ownShipInfo" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="房屋坐落:" class="form-item">
-                                            <el-input v-model="houseOwnNewCertificate.location" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="登记日期:" class="form-item">
-                                            <el-input v-model="houseOwnNewCertificate.registerDate" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="房屋性质:" class="form-item">
-                                            <el-input v-model="houseOwnNewCertificate.houseNature" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="规划用途:" class="form-item">
-                                            <el-input v-model="houseOwnNewCertificate.useTo" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="总层数:" class="form-item">
-                                            <el-input v-model="houseOwnNewCertificate.allFloor" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="建筑面积:" class="form-item">
-                                            <el-input v-model="houseOwnNewCertificate.acreage" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="套内建筑面积:" class="form-item">
-                                            <el-input v-model="houseOwnNewCertificate.innerAcreage" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="附记:" class="form-item">
-                                            <el-input v-model="houseOwnNewCertificate.attachInfo" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                            </el-form>
+    <el-form :model="houseOwnNewCertificate" label-width="auto" style="margin-top: 30px;">
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="房屋所有权证号:" class="form-item">
+                    <el-input v-model="houseOwnNewCertificate.certificateNo" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="房屋所有权人:" class="form-item">
+                    <el-input v-model="houseOwnNewCertificate.ownShipUser" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="共有情况:" class="form-item">
+                    <el-input v-model="houseOwnNewCertificate.ownShipInfo" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="房屋坐落:" class="form-item">
+                    <el-input v-model="houseOwnNewCertificate.location" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="登记日期:" class="form-item">
+                    <el-input v-model="houseOwnNewCertificate.registerDate" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="房屋性质:" class="form-item">
+                    <el-input v-model="houseOwnNewCertificate.houseNature" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="规划用途:" class="form-item">
+                    <el-input v-model="houseOwnNewCertificate.useTo" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="总层数:" class="form-item">
+                    <el-input v-model="houseOwnNewCertificate.allFloor" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="建筑面积:" class="form-item">
+                    <el-input v-model="houseOwnNewCertificate.acreage" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="套内建筑面积:" class="form-item">
+                    <el-input v-model="houseOwnNewCertificate.innerAcreage" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="附记:" class="form-item">
+                    <el-input v-model="houseOwnNewCertificate.attachInfo" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <div style="width: 100%; text-align: right;">
+            <el-button type="text" @click="removeTab">移除此证件</el-button>
+            <el-button type="text" @click="saveHouseOwn">保存此证件</el-button>
+        </div>
+    </el-form>
 </template>
 
 <script>
 
-export default{
+export default {
 
-    props:{
-        houseOwnNewCertificate:{
+    props: {
+        houseOwnNewCertificate: {
 
         }
     },
 
-    data(){
-        return{
-           
+    data() {
+        return {
+
         }
     },
-    methods:{
-        removeTab(){
-            this.$emit('removeTab',this.houseOwnNewCertificate.name)
+    methods: {
+        removeTab() {
+            this.$emit('removeTab', this.houseOwnNewCertificate.name)
         }
         ,
-        saveHouseOwn(){
+        saveHouseOwn() {
             this.houseOwnNewCertificate.isNew = true;
-            this.$emit('saveHouseOwn',this.houseOwnNewCertificate)
+            this.$emit('saveHouseOwn', this.houseOwnNewCertificate)
         }
 
     }
 }
 </script>
-<style  scoped>
-:deep(.el-button--text:hover){
-    color:#ff6154;
+<style scoped>
+:deep(.el-button--text:hover) {
+    color: #ff6154;
 }
-:deep(.el-button--text){
-    color:#ff6154;
+
+:deep(.el-button--text) {
+    color: #ff6154;
 }
 </style>

src/components/HouseGuarantyForm/houseOwnOldCertificate.vue

@@ -1,123 +1,126 @@
 <template>
-        <el-button type="text" @click="removeTab">移除此证件</el-button>
-        <el-button type="text" @click="saveHouseOwn">保存此证件</el-button>
-<el-form :model="houseOwnOldCertificate" label-width="auto" style="margin-top: 30px;">
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="房屋所有权证号:" class="form-item">
-                                            <el-input v-model="houseOwnOldCertificate.certificateNo" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="房屋所有权人:" class="form-item">
-                                            <el-input v-model="houseOwnOldCertificate.ownShipUser" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="房屋坐落:" class="form-item">
-                                            <el-input v-model="houseOwnOldCertificate.location" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="丘（地）号:" class="form-item">
-                                            <el-input v-model="houseOwnOldCertificate.areaNo" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="产别:" class="form-item">
-                                            <el-input v-model="houseOwnOldCertificate.ownShipType" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="幢号:" class="form-item">
-                                            <el-input v-model="houseOwnOldCertificate.buildingNo" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="房号:" class="form-item">
-                                            <el-input v-model="houseOwnOldCertificate.houseNo" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="结构:" class="form-item">
-                                            <el-input v-model="houseOwnOldCertificate.structure" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="房屋总层数:" class="form-item">
-                                            <el-input v-model="houseOwnOldCertificate.allFloor" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="所在楼层:" class="form-item">
-                                            <el-input v-model="houseOwnOldCertificate.atFloor" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="建筑面积:" class="form-item">
-                                            <el-input v-model="houseOwnOldCertificate.acreage" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="设计用途:" class="form-item">
-                                            <el-input v-model="houseOwnOldCertificate.useTo" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="附记:" class="form-item">
-                                            <el-input v-model="houseOwnOldCertificate.attachInfo" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                            </el-form>
+    <el-form :model="houseOwnOldCertificate" label-width="auto" style="margin-top: 30px;">
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="房屋所有权证号:" class="form-item">
+                    <el-input v-model="houseOwnOldCertificate.certificateNo" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="房屋所有权人:" class="form-item">
+                    <el-input v-model="houseOwnOldCertificate.ownShipUser" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="房屋坐落:" class="form-item">
+                    <el-input v-model="houseOwnOldCertificate.location" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="丘（地）号:" class="form-item">
+                    <el-input v-model="houseOwnOldCertificate.areaNo" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="产别:" class="form-item">
+                    <el-input v-model="houseOwnOldCertificate.ownShipType" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="幢号:" class="form-item">
+                    <el-input v-model="houseOwnOldCertificate.buildingNo" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="房号:" class="form-item">
+                    <el-input v-model="houseOwnOldCertificate.houseNo" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="结构:" class="form-item">
+                    <el-input v-model="houseOwnOldCertificate.structure" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="房屋总层数:" class="form-item">
+                    <el-input v-model="houseOwnOldCertificate.allFloor" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="所在楼层:" class="form-item">
+                    <el-input v-model="houseOwnOldCertificate.atFloor" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="建筑面积:" class="form-item">
+                    <el-input v-model="houseOwnOldCertificate.acreage" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="设计用途:" class="form-item">
+                    <el-input v-model="houseOwnOldCertificate.useTo" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="附记:" class="form-item">
+                    <el-input v-model="houseOwnOldCertificate.attachInfo" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <div style="width: 100%; text-align: right;">
+            <el-button type="text" @click="removeTab">移除此证件</el-button>
+            <el-button type="text" @click="saveHouseOwn">保存此证件</el-button>
+        </div>
+    </el-form>
 </template>
 
 <script>
 
-export default{
+export default {
 
 
-    props:{
-        houseOwnOldCertificate:{
+    props: {
+        houseOwnOldCertificate: {
 
         }
     },
 
-    data(){
-        return{
-           
+    data() {
+        return {
+
         }
     },
-    methods:{
-        removeTab(){
-            this.$emit('removeTab',this.houseOwnOldCertificate.name)
+    methods: {
+        removeTab() {
+            this.$emit('removeTab', this.houseOwnOldCertificate.name)
         }
         ,
-        saveHouseOwn(){
+        saveHouseOwn() {
             this.houseOwnOldCertificate.isNew = false;
-            this.$emit('saveHouseOwn',this.houseOwnOldCertificate)
+            this.$emit('saveHouseOwn', this.houseOwnOldCertificate)
         }
 
     }
 }
 </script>
-<style  scoped>
-:deep(.el-button--text:hover){
-    color:#ff6154;
+<style scoped>
+:deep(.el-button--text:hover) {
+    color: #ff6154;
 }
-:deep(.el-button--text){
-    color:#ff6154;
+
+:deep(.el-button--text) {
+    color: #ff6154;
 }
 </style>

src/components/HouseGuarantyForm/landUseNewCertificate.vue

@@ -1,118 +1,121 @@
 <template>
-        <el-button type="text" @click="removeTab">移除此证件</el-button>
-        <el-button type="text" @click="saveLandUse">保存此证件</el-button>
- <el-form :model="landUseNewCertificate" label-width="auto" style="margin-top: 30px;">
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="不动产权证书号:" class="form-item">
-                                            <el-input v-model="landUseNewCertificate.certificateNo" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="土地使用权人:" class="form-item">
-                                            <el-input v-model="landUseNewCertificate.landUseUser" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="座落:" class="form-item">
-                                            <el-input v-model="landUseNewCertificate.location" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="地号:" class="form-item">
-                                            <el-input v-model="landUseNewCertificate.landNo" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="图号:" class="form-item">
-                                            <el-input v-model="landUseNewCertificate.imageNo" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="地类用途:" class="form-item">
-                                            <el-input v-model="landUseNewCertificate.useTo" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="取得价格:" class="form-item">
-                                            <el-input v-model="landUseNewCertificate.takePrice" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="使用权类型:" class="form-item">
-                                            <el-input v-model="landUseNewCertificate.useType" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="终止日期:" class="form-item">
-                                            <el-input v-model="landUseNewCertificate.expireDate" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="使用权面积:" class="form-item">
-                                            <el-input v-model="landUseNewCertificate.acreage" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="其中分摊面积:" class="form-item">
-                                            <el-input v-model="landUseNewCertificate.outterAcreage" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="记事:" class="form-item">
-                                            <el-input v-model="landUseNewCertificate.attachInfo" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                            </el-form>
+    <el-form :model="landUseNewCertificate" label-width="auto" style="margin-top: 30px;">
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="不动产权证书号:" class="form-item">
+                    <el-input v-model="landUseNewCertificate.certificateNo" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="土地使用权人:" class="form-item">
+                    <el-input v-model="landUseNewCertificate.landUseUser" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="座落:" class="form-item">
+                    <el-input v-model="landUseNewCertificate.location" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="地号:" class="form-item">
+                    <el-input v-model="landUseNewCertificate.landNo" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="图号:" class="form-item">
+                    <el-input v-model="landUseNewCertificate.imageNo" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="地类用途:" class="form-item">
+                    <el-input v-model="landUseNewCertificate.useTo" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="取得价格:" class="form-item">
+                    <el-input v-model="landUseNewCertificate.takePrice" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="使用权类型:" class="form-item">
+                    <el-input v-model="landUseNewCertificate.useType" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="终止日期:" class="form-item">
+                    <el-input v-model="landUseNewCertificate.expireDate" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="使用权面积:" class="form-item">
+                    <el-input v-model="landUseNewCertificate.acreage" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="其中分摊面积:" class="form-item">
+                    <el-input v-model="landUseNewCertificate.outterAcreage" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="记事:" class="form-item">
+                    <el-input v-model="landUseNewCertificate.attachInfo" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <div style="width: 100%; text-align: right;">
+            <el-button type="text" @click="removeTab">移除此证件</el-button>
+            <el-button type="text" @click="saveLandUse">保存此证件</el-button>
+        </div>
+    </el-form>
 </template>
 
 <script>
 
-export default{
+export default {
 
 
-    props:{
-        landUseNewCertificate:{
-            type:Object,
-            required:false
+    props: {
+        landUseNewCertificate: {
+            type: Object,
+            required: false
         }
     },
 
-    data(){
-        return{
-            
+    data() {
+        return {
+
         }
     },
 
-    methods:{
-        removeTab(){
-            this.$emit('removeTab',this.landUseNewCertificate.name)
+    methods: {
+        removeTab() {
+            this.$emit('removeTab', this.landUseNewCertificate.name)
         }
         ,
-        saveLandUse(){
-            this.landUseNewCertificate.isNew=true;
-            this.$emit('saveLandUse',this.landUseNewCertificate)
+        saveLandUse() {
+            this.landUseNewCertificate.isNew = true;
+            this.$emit('saveLandUse', this.landUseNewCertificate)
         }
 
     }
 }
 </script>
-<style  scoped>
-:deep(.el-button--text:hover){
-    color:#ff6154;
+<style scoped>
+:deep(.el-button--text:hover) {
+    color: #ff6154;
 }
-:deep(.el-button--text){
-    color:#ff6154;
+
+:deep(.el-button--text) {
+    color: #ff6154;
 }
 </style>

src/components/HouseGuarantyForm/landUseOldCertificate.vue

@@ -1,118 +1,121 @@
 <template>
-        <el-button type="text" @click="removeTab">移除此证件</el-button>
-        <el-button type="text" @click="saveLandUse">保存此证件</el-button>
- <el-form :model="landUseOldCertificate" label-width="auto" style="margin-top: 30px;">
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="不动产权证书号:" class="form-item">
-                                            <el-input v-model="landUseOldCertificate.certificateNo" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="土地使用权人:" class="form-item">
-                                            <el-input v-model="landUseOldCertificate.landUseUser" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="座落:" class="form-item">
-                                            <el-input v-model="landUseOldCertificate.location" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="地号:" class="form-item">
-                                            <el-input v-model="landUseOldCertificate.landNo" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="图号:" class="form-item">
-                                            <el-input v-model="landUseOldCertificate.imageNo" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="地类用途:" class="form-item">
-                                            <el-input v-model="landUseOldCertificate.useTo" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="土地等级:" class="form-item">
-                                            <el-input v-model="landUseOldCertificate.landLevel" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="使用权类型:" class="form-item">
-                                            <el-input v-model="landUseOldCertificate.useType" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="终止日期:" class="form-item">
-                                            <el-input v-model="landUseOldCertificate.expireDate" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="使用权面积:" class="form-item">
-                                            <el-input v-model="landUseOldCertificate.acreage" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="12">
-                                        <el-form-item label="其中分摊面积:" class="form-item">
-                                            <el-input v-model="landUseOldCertificate.outterAcreage" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="记事:" class="form-item">
-                                            <el-input v-model="landUseOldCertificate.attachInfo" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                            </el-form>
+    <el-form :model="landUseOldCertificate" label-width="auto" style="margin-top: 30px;">
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="不动产权证书号:" class="form-item">
+                    <el-input v-model="landUseOldCertificate.certificateNo" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="土地使用权人:" class="form-item">
+                    <el-input v-model="landUseOldCertificate.landUseUser" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="座落:" class="form-item">
+                    <el-input v-model="landUseOldCertificate.location" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="地号:" class="form-item">
+                    <el-input v-model="landUseOldCertificate.landNo" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="图号:" class="form-item">
+                    <el-input v-model="landUseOldCertificate.imageNo" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="地类用途:" class="form-item">
+                    <el-input v-model="landUseOldCertificate.useTo" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="土地等级:" class="form-item">
+                    <el-input v-model="landUseOldCertificate.landLevel" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="使用权类型:" class="form-item">
+                    <el-input v-model="landUseOldCertificate.useType" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="终止日期:" class="form-item">
+                    <el-input v-model="landUseOldCertificate.expireDate" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="使用权面积:" class="form-item">
+                    <el-input v-model="landUseOldCertificate.acreage" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <el-form-item label="其中分摊面积:" class="form-item">
+                    <el-input v-model="landUseOldCertificate.outterAcreage" clearable />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="记事:" class="form-item">
+                    <el-input v-model="landUseOldCertificate.attachInfo" clearable />
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <div style="width: 100%; text-align: right;">
+            <el-button type="text" @click="removeTab">移除此证件</el-button>
+            <el-button type="text" @click="saveLandUse">保存此证件</el-button>
+        </div>
+    </el-form>
 </template>
 
 <script>
 
-export default{
+export default {
 
 
-    props:{
-        landUseOldCertificate:{
+    props: {
+        landUseOldCertificate: {
 
         }
     },
 
-    data(){
-        return{
-            
+    data() {
+        return {
+
         }
     },
 
 
-    methods:{
-        removeTab(){
-            this.$emit('removeTab',this.landUseOldCertificate.name)
+    methods: {
+        removeTab() {
+            this.$emit('removeTab', this.landUseOldCertificate.name)
         }
         ,
-        saveLandUse(){
-            this.landUseOldCertificate.isNew=false;
-            this.$emit('saveLandUse',this.landUseOldCertificate)
+        saveLandUse() {
+            this.landUseOldCertificate.isNew = false;
+            this.$emit('saveLandUse', this.landUseOldCertificate)
         }
 
     }
 }
 </script>
-<style  scoped>
-:deep(.el-button--text:hover){
-    color:#ff6154;
+<style scoped>
+:deep(.el-button--text:hover) {
+    color: #ff6154;
 }
-:deep(.el-button--text){
-    color:#ff6154;
+
+:deep(.el-button--text) {
+    color: #ff6154;
 }
 </style>

src/views/house/folder/parent.vue

@@ -31,7 +31,7 @@
               <div>
                 <span class="report-text-type">{{ doc.businessType + doc.businessCate + '【' + doc.docNo + '】' }}</span>
                 <span> 一 </span>
-                <span class="report-text-name" @click="docDetail(doc.id)">{{ doc.docName }}</span>
+                <span class="report-text-name" @click="docDetail(doc.id,doc.businessId)">{{ doc.docName }}</span>
               </div>
               <div style="padding-top: 5px;">
                 <span>
@@ -261,8 +261,8 @@ export default {
           return wordLog;
       }
     },
-    docDetail(id){
-      this.$router.push({path:"/home/houseWorkbench/consignor",query:{'id':id}});
+    docDetail(id,businessId){
+      this.$router.push({path:"/home/houseWorkbench/consignor",query:{'id':id,'businessId':businessId}});
     }
   }
 }

src/views/house/workbench/baseInfo.vue

@@ -1,523 +0,0 @@
-<template>
-    <div class="contrl">
-        <el-form :model="baseInfo" label-width="auto" style="margin-top: 10px;">
-            <el-divider content-position="left"><span style="color:#ff6154;">基本事项</span></el-divider>
-            <el-row :gutter="20">
-                <el-col :span="24">
-                    <el-form-item label="房屋坐落:" class="form-item">
-                        <el-input v-model="baseInfo.location" clearable />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="24">
-                    <el-form-item label="实际查勘地址:" class="form-item">
-                        <el-input v-model="baseInfo.siteLocation" clearable />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="24">
-                    <el-form-item label="确定价值时点方法:" class="form-item">
-                        <el-input v-model="baseInfo.valueTimeMethod" clearable />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="估价委托人:" class="form-item">
-                        <el-input v-model="baseInfo.valueTimeMethod" clearable />
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="不动产权利人:" class="form-item">
-                        <el-input v-model="baseInfo.valueTimeMethod" clearable />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="估价目的:" class="form-item">
-                        <el-input v-model="baseInfo.valueTimeMethod" clearable />
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="报告编号:" class="form-item">
-                        <el-input v-model="baseInfo.valueTimeMethod" clearable />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="签字估价师1:" class="form-item" >
-                        <el-select v-model="baseInfo.valueTimeMethod" clearable>
-                            <el-option  key="value" label="label" value="value" />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="签字估价师1注册号:" class="form-item" >
-                        <el-input :value="baseInfo.gNumber" disabled readonly />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="签字估价师2:" class="form-item" >
-                        <el-select v-model="baseInfo.valueTimeMethod" clearable>
-                            <el-option  key="value" label="label" value="value" />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="签字估价师2注册号:" class="form-item" >
-                        <el-input :value="baseInfo.gNumber" disabled readonly />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="是否向委托人提供技术报告:" class="form-item" >
-                        <el-select v-model="baseInfo.valueTimeMethod" clearable>
-                            <el-option  key="value" label="label" value="value" />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-divider content-position="left"><span style="color:#ff6154;">其他事项</span></el-divider>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="资料提供者:" class="form-item" >
-                        <el-input :value="baseInfo.gNumber" disabled readonly />
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="委托之日:" class="form-item" >
-                        <el-date-picker style="width:100%"
-                            v-model="baseInfo.weitu"
-                            type="date"
-                            placeholder="请选择"
-                            format="YYYY年MM月DD日"
-                            value-format="YYYY年MM月DD日"
-                        />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="价值时点:" class="form-item" >
-                        <el-date-picker style="width:100%"
-                            v-model="baseInfo.weitu"
-                            type="date"
-                            placeholder="请选择"
-                            format="YYYY年MM月DD日"
-                            value-format="YYYY年MM月DD日"
-                        />
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="现场查勘之日:" class="form-item" >
-                        <el-date-picker style="width:100%"
-                            v-model="baseInfo.weitu"
-                            type="date"
-                            placeholder="请选择"
-                            format="YYYY年MM月DD日"
-                            value-format="YYYY年MM月DD日"
-                        />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="报告出具之日:" class="form-item" >
-                        <el-date-picker style="width:100%"
-                            v-model="baseInfo.weitu"
-                            type="date"
-                            placeholder="请选择"
-                            format="YYYY年MM月DD日"
-                            value-format="YYYY年MM月DD日"
-                        />
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="报告有效期:" class="form-item" >
-                        <el-date-picker style="width:100%"
-                            v-model="baseInfo.weitu"
-                            type="date"
-                            placeholder="请选择"
-                            format="YYYY年MM月DD日"
-                            value-format="YYYY年MM月DD日"
-                        />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="土地使用权类型:" class="form-item" placeholder="请选择" >
-                        <el-select v-model="baseInfo.valueTimeMethod" clearable>
-                            <el-option   label="出让" value="出让" />
-                            <el-option   label="划拨" value="划拨" />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="划拨用地是否扣除出让金:" class="form-item" >
-                        <el-radio-group v-model="baseInfo.ewe">
-                            <el-radio :value="true">是</el-radio>
-                            <el-radio :value="false" >否</el-radio>
-                        </el-radio-group>
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="权属资料1:" class="form-item" >
-                        <el-select v-model="baseInfo.valueTimeMethod" clearable placeholder="请选择">
-                            <el-option   label="《房屋所有权证》" value="《房屋所有权证》" />
-                            <el-option   label="《国有土地使用证》" value="《国有土地使用证》" />
-                            <el-option   label="《不动产权证书》" value="《不动产权证书》" />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="权属资料2:" class="form-item" >
-                        <el-select v-model="baseInfo.valueTimeMethod" clearable placeholder="请选择">
-                            <el-option   label="《房屋所有权证》" value="《房屋所有权证》" />
-                            <el-option   label="《国有土地使用证》" value="《国有土地使用证》" />
-                            <el-option   label="《不动产权证书》" value="《不动产权证书》" />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="权属资料3:" class="form-item" >
-                        <el-select v-model="baseInfo.valueTimeMethod" clearable placeholder="请选择">
-                            <el-option   label="《房屋所有权证》" value="《房屋所有权证》" />
-                            <el-option   label="《国有土地使用证》" value="《国有土地使用证》" />
-                            <el-option   label="《不动产权证书》" value="《不动产权证书》" />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="是否农业银行业务:" class="form-item" >
-                        <el-radio-group v-model="baseInfo.ewe">
-                            <el-radio :value="true">是</el-radio>
-                            <el-radio :value="false" >否</el-radio>
-                        </el-radio-group>
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="其它资料1:" class="form-item">
-                        <el-input v-model="baseInfo.valueTimeMethod" clearable />
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="其它资料2:" class="form-item">
-                        <el-input v-model="baseInfo.valueTimeMethod" clearable />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="委托人与权利人是否同一主体:" class="form-item" >
-                        <el-radio-group v-model="baseInfo.ewe">
-                            <el-radio :value="true">是</el-radio>
-                            <el-radio :value="false" >否</el-radio>
-                        </el-radio-group>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="土地用途:" class="form-item" >
-                        <el-input :value="baseInfo.gNumber"  />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="房屋用途:" class="form-item" >
-                        <el-input :value="baseInfo.gNumber"  />
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="土地使用权终止日:" class="form-item" >
-                        <el-date-picker style="width:100%"
-                            v-model="baseInfo.weitu"
-                            type="date"
-                            placeholder="请选择"
-                            format="YYYY年MM月DD日"
-                            value-format="YYYY年MM月DD日"
-                            popper-class="date-picker"
-                        />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-divider content-position="left"><span style="color:#ff6154;">租赁权</span></el-divider>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="设置租赁权:" class="form-item" >
-                        <el-radio-group v-model="baseInfo.ewe">
-                            <el-radio :value="true">是</el-radio>
-                            <el-radio :value="false" >否</el-radio>
-                        </el-radio-group>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="考虑租约限制:" class="form-item" >
-                        <el-radio-group v-model="baseInfo.ewe">
-                            <el-radio :value="true">是</el-radio>
-                            <el-radio :value="false" >否</el-radio>
-                        </el-radio-group>
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="未考虑租约原因:" class="form-item" >
-                        <el-select v-model="baseInfo.valueTimeMethod" clearable placeholder="请选择">
-                            <el-option   label="高于市场租金" value="高于市场租金" />
-                            <el-option   label="与市场租金相当" value="与市场租金相当" />
-                            <el-option   label="未提供合同" value="未提供合同" />
-                            <el-option   label="无" value="无" />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="考虑租约的原因:" class="form-item" >
-                        <el-select v-model="baseInfo.valueTimeMethod" clearable placeholder="请选择">
-                            <el-option   label="低于市场租金" value="低于市场租金" />
-                            <el-option   label="无" value="无" />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="是否提供租赁合同:" class="form-item" >
-                        <el-radio-group v-model="baseInfo.ewe">
-                            <el-radio :value="true">是</el-radio>
-                            <el-radio :value="false" >否</el-radio>
-                        </el-radio-group>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="租约起始日:" class="form-item" >
-                        <el-date-picker style="width:100%"
-                            v-model="baseInfo.weitu"
-                            type="date"
-                            placeholder="请选择"
-                            format="YYYY年MM月DD日"
-                            value-format="YYYY年MM月DD日"
-                            popper-class="date-picker"
-                        />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="租约结束日:" class="form-item" >
-                        <el-date-picker style="width:100%"
-                            v-model="baseInfo.weitu"
-                            type="date"
-                            placeholder="请选择"
-                            format="YYYY年MM月DD日"
-                            value-format="YYYY年MM月DD日"
-                            popper-class="date-picker"
-                        />
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="价值时点的租金:" class="form-item" >
-                        <el-input v-model="baseInfo.gNumber"  />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="承租人:" class="form-item" >
-                        <el-input v-model="baseInfo.gNumber"  />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-divider content-position="left"><span style="color:#ff6154;">用益物权</span></el-divider>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="地役权:" class="form-item" >
-                        <el-radio-group v-model="baseInfo.ewe">
-                            <el-radio :value="true">是</el-radio>
-                            <el-radio :value="false" >否</el-radio>
-                        </el-radio-group>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="居住权:" class="form-item" >
-                        <el-radio-group v-model="baseInfo.ewe">
-                            <el-radio :value="true">是</el-radio>
-                            <el-radio :value="false" >否</el-radio>
-                        </el-radio-group>
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="供役地权利人:" class="form-item" >
-                        <el-input v-model="baseInfo.gNumber"  />
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="需役地权利人:" class="form-item" >
-                        <el-input v-model="baseInfo.gNumber"  />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-divider content-position="left"><span style="color:#ff6154;">担保物权</span></el-divider>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="设置抵押权:" class="form-item" >
-                        <el-radio-group v-model="baseInfo.ewe">
-                            <el-radio :value="true">是</el-radio>
-                            <el-radio :value="false" >否</el-radio>
-                        </el-radio-group>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="抵押权人:" class="form-item" >
-                        <el-input v-model="baseInfo.gNumber"  />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="抵押权类型:" class="form-item" >
-                        <el-select v-model="baseInfo.dywlx" clearable placeholder="请选择">
-                            <el-option   label="一般抵押物" value="一般抵押物" />
-                            <el-option   label="最高额抵押物" value="最高额抵押物" />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12" v-if="baseInfo.dywlx=='一般抵押物'">
-                    <el-form-item label="抵押权利价值:" class="form-item" >
-                        <el-input v-model="baseInfo.gNumber"  />
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12" v-else>
-                    <el-form-item label="最高债权额:" class="form-item" >
-                        <el-input v-model="baseInfo.gNumber"  />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="续贷:" class="form-item" >
-                        <el-radio-group v-model="baseInfo.ewe">
-                            <el-radio :value="true">是</el-radio>
-                            <el-radio :value="false" >否</el-radio>
-                        </el-radio-group>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="新的抵押权人:" class="form-item" >
-                        <el-input v-model="baseInfo.gNumber"  />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="已设立最高额抵押权，抵押未到期:" class="form-item" label-width="223px">
-                        <el-radio-group v-model="baseInfo.ewe">
-                            <el-radio :value="true">是</el-radio>
-                            <el-radio :value="false" >否</el-radio>
-                        </el-radio-group>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="已设立抵押权，现拟设立最高额抵押权，同一抵押权人:" class="form-item" label-width="223px">
-                        <el-radio-group v-model="baseInfo.ewe">
-                            <el-radio :value="true">是</el-radio>
-                            <el-radio :value="false" >否</el-radio>
-                        </el-radio-group>
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="其它法定优先受偿款（万元）:" class="form-item" >
-                        <el-input v-model="baseInfo.gNumber"  />
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="拖欠工程款（万元）:" class="form-item" >
-                        <el-input v-model="baseInfo.gNumber"  />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="是否扣除法定优先受偿款:" class="form-item" >
-                        <el-radio-group v-model="baseInfo.ewe">
-                            <el-radio :value="true">是</el-radio>
-                            <el-radio :value="false" >否</el-radio>
-                        </el-radio-group>
-                    </el-form-item>
-                </el-col>
-            </el-row>
-        </el-form>
-        <SwitchButton :nextPath="nextPath" :lastPath="lastPath"></SwitchButton>
-    </div>
-</template>
-
-
-<script>
-import  SwitchButton from '../../../components/SwichButton/index.vue'
-
-export default {
-
-    components:{
-        SwitchButton
-    },
-
-    data(){
-        return{
-            nextPath:'/home/houseWorkbench/assumption',
-            lastPath:'/home/houseWorkbench/certificate',
-            baseInfo:{
-
-            }
-        }
-    }
-}
-</script>
-
-<style scoped>
-.contrl {
-    font-size: 20px;
-    width: 70.9%;
-    border-right: 1.5px #dae1eb solid;
-    padding: 20px 20px 20px 0px;
-    float: left;
-
-}
-:deep(.el-input__wrapper.is-focus) {
-  --el-input-focus-border: #ff6154;
-  --el-input-focus-border-color:#ff6154;
-}
-
-:deep(.el-select__wrapper.is-focused){
-    box-shadow: #ff6154;
-    --el-select-input-focus-border-color:#ff6154;
-    --el-color-primary:#ff6154;
-}
-:deep(.el-radio__input.is-checked .el-radio__inner) {
-    background:#ff6154;
-    border-color:#ff6154;
-}
-:deep(.el-radio__inner:hover){
-    border-color:#ff6154;
-}
-:deep(.el-radio__input.is-checked+.el-radio__label){
-    color: #ff6154;
-}
-
-</style>

src/views/house/workbench/certificate.vue

@@ -1,598 +0,0 @@
-<template>
-    <div class="contrl">
-        <el-checkbox-group v-model="certificates">
-            <el-checkbox label="《不动产权证书》" :disabled="certificate1" value="1" />
-            <el-checkbox label="《房屋所有权证》（新）" :disabled="certificate2" value="2" />
-            <el-checkbox label="《房屋所有权证》（旧）" :disabled="certificate3" value="3" />
-            <el-checkbox label="《国有土地使用证》（新）" :disabled="certificate4" value="4" />
-            <el-checkbox label="《国有土地使用证》（旧）" :disabled="certificate5" value="5" />
-        </el-checkbox-group>
-
-        <el-tabs v-model="activeName" class="certificates-tabs">
-            <el-tab-pane label="《不动产权证书》" name="1" :lazy="true" v-if="certificates.includes('1')">
-                <el-form :model="fixedAssetsCertificate" label-width="auto" style="margin-top: 30px;">
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="不动产权证书号:" class="form-item">
-                                <el-input v-model="fixedAssetsCertificate.certificateNo" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="权利人:" class="form-item">
-                                <el-input v-model="fixedAssetsCertificate.ownShipUser" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="共有情况:" class="form-item">
-                                <el-input v-model="fixedAssetsCertificate.ownShipInfo" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="房屋坐落:" class="form-item">
-                                <el-input v-model="fixedAssetsCertificate.location" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="不动产单元号:" class="form-item">
-                                <el-input v-model="fixedAssetsCertificate.unitNo" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="权利类型:" class="form-item">
-                                <el-input v-model="fixedAssetsCertificate.ownShipType" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="权利性质:" class="form-item">
-                                <el-input v-model="fixedAssetsCertificate.ownShipNature" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="用途:" class="form-item">
-                                <el-input v-model="fixedAssetsCertificate.useTo" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="面积描述:" class="form-item">
-                                <el-input v-model="fixedAssetsCertificate.acreageDesc" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="使用期限描述:" class="form-item">
-                                <el-input v-model="fixedAssetsCertificate.expireDateDesc" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="权利其他状况:" class="form-item">
-                                <el-input v-model="fixedAssetsCertificate.ownShipOtherInfo" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="附记:" class="form-item">
-                                <el-input v-model="fixedAssetsCertificate.attachInfo" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-            </el-tab-pane>
-            <el-tab-pane label="《房屋所有权证》（新）" name="2" :lazy="true" v-if="certificates.includes('2')">
-                <el-form :model="houseOwnNewCertificate" label-width="auto" style="margin-top: 30px;">
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="房屋所有权证号:" class="form-item">
-                                <el-input v-model="houseOwnNewCertificate.certificateNo" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="房屋所有权人:" class="form-item">
-                                <el-input v-model="houseOwnNewCertificate.ownShipUser" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="共有情况:" class="form-item">
-                                <el-input v-model="houseOwnNewCertificate.ownShipInfo" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="房屋坐落:" class="form-item">
-                                <el-input v-model="houseOwnNewCertificate.location" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="登记日期:" class="form-item">
-                                <el-input v-model="houseOwnNewCertificate.registerDate" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="房屋性质:" class="form-item">
-                                <el-input v-model="houseOwnNewCertificate.houseNature" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="规划用途:" class="form-item">
-                                <el-input v-model="houseOwnNewCertificate.useTo" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="总层数:" class="form-item">
-                                <el-input v-model="houseOwnNewCertificate.allFloor" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="建筑面积:" class="form-item">
-                                <el-input v-model="houseOwnNewCertificate.acreage" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="套内建筑面积:" class="form-item">
-                                <el-input v-model="houseOwnNewCertificate.innerAcreage" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="附记:" class="form-item">
-                                <el-input v-model="houseOwnNewCertificate.attachInfo" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-            </el-tab-pane>
-            <el-tab-pane label="《房屋所有权证》（旧）" name="3" :lazy="true" v-if="certificates.includes('3')">
-                <el-form :model="houseOwnOldCertificate" label-width="auto" style="margin-top: 30px;">
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="房屋所有权证号:" class="form-item">
-                                <el-input v-model="houseOwnOldCertificate.certificateNo" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="房屋所有权人:" class="form-item">
-                                <el-input v-model="houseOwnOldCertificate.ownShipUser" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="房屋坐落:" class="form-item">
-                                <el-input v-model="houseOwnOldCertificate.location" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="丘（地）号:" class="form-item">
-                                <el-input v-model="houseOwnOldCertificate.areaNo" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="产别:" class="form-item">
-                                <el-input v-model="houseOwnOldCertificate.ownShipType" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="幢号:" class="form-item">
-                                <el-input v-model="houseOwnOldCertificate.buildingNo" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="房号:" class="form-item">
-                                <el-input v-model="houseOwnOldCertificate.houseNo" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="结构:" class="form-item">
-                                <el-input v-model="houseOwnOldCertificate.structure" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="房屋总层数:" class="form-item">
-                                <el-input v-model="houseOwnOldCertificate.allFloor" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="所在楼层:" class="form-item">
-                                <el-input v-model="houseOwnOldCertificate.atFloor" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="建筑面积:" class="form-item">
-                                <el-input v-model="houseOwnOldCertificate.acreage" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="设计用途:" class="form-item">
-                                <el-input v-model="houseOwnOldCertificate.useTo" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="附记:" class="form-item">
-                                <el-input v-model="houseOwnOldCertificate.attachInfo" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-            </el-tab-pane>
-            <el-tab-pane label="《国有土地使用证》（新）" name="4" :lazy="true" v-if="certificates.includes('4')">
-                <el-form :model="landUseNewCertificate" label-width="auto" style="margin-top: 30px;">
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="不动产权证书号:" class="form-item">
-                                <el-input v-model="fixedAssetsCertificate.certificateNo" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="土地使用权人:" class="form-item">
-                                <el-input v-model="fixedAssetsCertificate.landUseUser" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="座落:" class="form-item">
-                                <el-input v-model="fixedAssetsCertificate.location" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="地号:" class="form-item">
-                                <el-input v-model="fixedAssetsCertificate.landNo" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="图号:" class="form-item">
-                                <el-input v-model="fixedAssetsCertificate.imageNo" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="地类用途:" class="form-item">
-                                <el-input v-model="fixedAssetsCertificate.useTo" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="取得价格:" class="form-item">
-                                <el-input v-model="fixedAssetsCertificate.takePrice" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="使用权类型:" class="form-item">
-                                <el-input v-model="fixedAssetsCertificate.useType" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="终止日期:" class="form-item">
-                                <el-input v-model="fixedAssetsCertificate.expireDate" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="使用权面积:" class="form-item">
-                                <el-input v-model="fixedAssetsCertificate.acreage" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="其中分摊面积:" class="form-item">
-                                <el-input v-model="fixedAssetsCertificate.outerAcreage" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="记事:" class="form-item">
-                                <el-input v-model="fixedAssetsCertificate.attachInfo" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-            </el-tab-pane>
-            <el-tab-pane label="《国有土地使用证》（旧）" name="5" :lazy="true" v-if="certificates.includes('5')">
-                <el-form :model="landUseOldCertificate" label-width="auto" style="margin-top: 30px;">
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="不动产权证书号:" class="form-item">
-                                <el-input v-model="landUseOldCertificate.certificateNo" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="土地使用权人:" class="form-item">
-                                <el-input v-model="landUseOldCertificate.landUseUser" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="座落:" class="form-item">
-                                <el-input v-model="landUseOldCertificate.location" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="地号:" class="form-item">
-                                <el-input v-model="landUseOldCertificate.landNo" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="图号:" class="form-item">
-                                <el-input v-model="landUseOldCertificate.imageNo" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="地类用途:" class="form-item">
-                                <el-input v-model="landUseOldCertificate.useTo" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="土地等级:" class="form-item">
-                                <el-input v-model="landUseOldCertificate.landLevel" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="使用权类型:" class="form-item">
-                                <el-input v-model="landUseOldCertificate.useType" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="终止日期:" class="form-item">
-                                <el-input v-model="landUseOldCertificate.expireDate" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="使用权面积:" class="form-item">
-                                <el-input v-model="landUseOldCertificate.acreage" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="其中分摊面积:" class="form-item">
-                                <el-input v-model="landUseOldCertificate.outerAcreage" clearable />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="记事:" class="form-item">
-                                <el-input v-model="landUseOldCertificate.attachInfo" clearable />
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-            </el-tab-pane>
-        </el-tabs>
-       
-        <SwitchButton :nextPath="nextPath" :lastPath="lastPath"></SwitchButton>
-    </div>
-</template>
-
-<script>
-import  SwitchButton from '../../../components/SwichButton/index.vue'
-
- export default {
-    components:{
-        SwitchButton
-    },
-
-    watch:{
-        certificates:{
-            handler(nv,ov){
-                // if (nv.includes("1")){
-                //     this.certificate2=true;
-                //     this.certificate3=true;
-                //     this.certificate4=true;
-                //     this.certificate5=true;
-                // }else{
-                //     this.certificate1=false;
-                //     this.certificate2=false;
-                //     this.certificate3=false;
-                //     this.certificate4=false;
-                //     this.certificate5=false;
-                // }
-                // if (nv.includes("2")){
-                //     this.certificate1=true;
-                //     this.certificate3=true;
-                // }
-                // if (nv.includes("3")){
-                //     this.certificate1=true;
-                //     this.certificate2=true;
-                // }
-                // if (nv.includes("4")){
-                //     this.certificate1=true;
-                //     this.certificate5=true;
-                // }
-                // if (nv.includes("5")){
-                //     this.certificate1=true;
-                //     this.certificate4=true;
-                // }
-                this.activeName = nv[0];
-                
-            }
-        }
-    },
-
-    data() {
-        return {
-            consignor: {
-                name: null,
-                type: null,
-                address: null,
-                legalPerson: null,
-                legalCode: null
-            },
-            nextPath:'/home/houseWorkbench/baseInfo',
-            lastPath:'/home/houseWorkbench/consignor',
-            certificates:[],
-            certificate1:false,
-            certificate2:false,
-            certificate3:false,
-            certificate4:false,
-            certificate5:false,
-            activeName:null,
-            fixedAssetsCertificate:{
-                id:null,
-                businessType:'HOUSE',
-                businessId:null,
-                certificateNo:null,
-                ownShipUser:null,
-                ownShipInfo:null,
-                location:null,
-                unitNo:null,
-                ownShipType:null,
-                ownShipNature:null,
-                useTo:null,
-                acreageDesc:null,
-                expireDateDesc:null,
-                ownShipOtherInfo:null,
-                attachInfo:null,
-
-            },
-            houseOwnNewCertificate:{
-                id:null,
-                businessType:'HOUSE',
-                businessId:null,
-                isNew:true,
-                certificateNo:null,
-                ownShipUser:null,
-                ownShipInfo:null,
-                location:null,
-                registerDate:null,
-                houseNature:null,
-                useTo:null,
-                allFloor:null,
-                acreage:null,
-                innerAcreage:null,
-                attachInfo:null
-            },
-            houseOwnOldCertificate:{
-                id:null,
-                businessType:'HOUSE',
-                businessId:null,
-                isNew:false,
-                certificateNo:null,
-                ownShipUser:null,
-                location:null,
-                areaNo:null,
-                ownShipType:null,
-                buildingNo:null,
-                houseNo:null,
-                structure:null,
-                useTo:null,
-                allFloor:null,
-                atFloor:null,
-                acreage:null,
-                attachInfo:null
-            },
-            landUseNewCertificate:{
-                id:null,
-                businessType:'HOUSE',
-                businessId:null,
-                isNew:true,
-                certificateNo:null,
-                landUseUser:null,
-                location:null,
-                landNo:null,
-                imageNo:null,
-                useTo:null,
-                takePrice:null,
-                useType:null,
-                expireDate:null,
-                acreage:null,
-                outerAcreage:null,
-                attachInfo:null
-            },
-            landUseOldCertificate:{
-                id:null,
-                businessType:'HOUSE',
-                businessId:null,
-                isNew:false,
-                certificateNo:null,
-                landUseUser:null,
-                location:null,
-                landNo:null,
-                imageNo:null,
-                useTo:null,
-                landLevel:null,
-                useType:null,
-                expireDate:null,
-                acreage:null,
-                outerAcreage:null,
-                attachInfo:null
-            }
-        }
-}
- }
-
-
-</script>
-
-<style scoped>
-.contrl {
-    font-size: 20px;
-    width: 70.9%;
-    border-right: 1.5px #dae1eb solid;
-    padding: 20px 20px 20px 0px;
-    float: left;
-
-}
-:deep(.el-checkbox__label) {
-    font-size: 15px;
-}
-:deep(.el-checkbox__input.is-checked .el-checkbox__inner) {
-    background-color: #ff6154;
-    border-color: #ff6154;
-    font-size: 20px;
-}
-:deep(.el-checkbox__input.is-checked+.el-checkbox__label) {
-    color:#ff6154;
-    
-}
-:deep(.el-tabs__active-bar){
-    background-color:#ff6154;
-}
-:deep(.el-tabs__item.is-active) {
-    color:#ff6154;
-}
-:deep(.el-tabs__item:hover){
-    color:#ff6154;
-}
-.certificates-tabs {
- margin-top: 30px;
-}
-
-:deep(.el-input__wrapper.is-focus) {
-  --el-input-focus-border: #ff6154;
-  --el-input-focus-border-color:#ff6154;
-}
-</style>

src/views/house/workbench/conditions.vue

@@ -1,34 +1,19 @@
 <template>
     <div class="contrl">
         <div class="title-div">
-            <span>完善估价对象权属信息</span>
-            <el-button class="genBtn" plain type="danger" @click="genConditionDoc()">生成《假设和限制条件及使用报告说明》
-                <el-icon style="vertical-align: -20%;">
-                    <ArrowRightBold />
-                </el-icon>
-            </el-button>
+            <span>4.完善估价对象权属和补充信息</span>
         </div>
-        <el-tabs v-model="activeName" class="targets-tabs">
+        <el-tabs v-model="activeName" class="targets-tabs" type="border-card">
             <el-tab-pane :label="'估价对象' + t.tid" :name="t.tid" :lazy="true" v-for="(t, index) in targets">
                 <div class="targetTable">
                     <el-table :data="t.aims" border stripe size="default"
                         :header-row-style="{ color: '#333333', 'font-size': '16px' }"
                         style="color: #333333; font-size: 16px;">
-                        <el-table-column prop="tid" label="估价对象" width="30" align="center" />
-                        <el-table-column prop="tno" label="序号" width="30" align="center" />
+                        <el-table-column prop="tid" label="估价对象" width="80" align="center" />
+                        <el-table-column prop="tno" label="序号" width="60" align="center" />
                         <el-table-column prop="certificateNo" label="权属证书号" align="center" />
-                        <el-table-column prop="ownShipUser" label="权利人" show-overflow-tooltip width="100"
-                            align="center" />
-                        <el-table-column prop="location" label="坐落" show-overflow-tooltip width="100" align="center" />
-                        <el-table-column prop="atFloor" label="所在楼层" width="60" align="center" />
-                        <el-table-column prop="structure" label="结构" width="60" align="center" />
-                        <el-table-column prop="useTo" label="用途" width="60" align="center" />
-                        <el-table-column prop="outerAcreage" label="分摊或占用土地使用权面积(㎡)" align="center" />
-                        <el-table-column prop="acreage" label="建筑面积(㎡)" width="60" align="center" />
-                        <el-table-column prop="price" label="单价(元/㎡)" width="60" align="center" />
-                        <el-table-column prop="amount" label="总价(万元)" width="60" align="center" />
-                        <el-table-column prop="landCertificateNo" label="国有土地使用证号" align="center" />
-                        <el-table-column prop="landType" label="地类(用途)" width="60" align="center" />
+                        <el-table-column prop="ownShipUser" label="权利人" show-overflow-tooltip align="center" />
+                        <el-table-column prop="location" label="坐落" show-overflow-tooltip align="center" />
                         <el-table-column label="操作" width="100" align="center">
                             <template v-slot="scope">
                                 <el-button type="text" @click="clickAdd(scope.row.tid, scope.row.tno)">添加证件</el-button>
@@ -36,367 +21,353 @@
                         </el-table-column>
                     </el-table>
                 </div>
-                <el-collapse v-model="collapseActive" accordion>
-                    <el-collapse-item  name="certInfo">
-                        <template #title>
-                            <span class="collapse-title">
-                                 <span style="color:#ff6154; font-weight: bold">估价对象{{ activeName }}权属证件信息</span>
-                            </span>
-                            </template>
-                        <el-tabs v-model="certificateActive" class="certificates-tabs" type="border-card">
-                            <el-tab-pane :label="c.name" :name="c.name" :lazy="true" v-for="(c, index) in certificates">
-                                <div v-if="c.type == '1'">
-                                    <fixedAssetsCertificate ref="fixed" :fixedAssetsCertificate=c.certificate
-                                        @removeTab="removeTab" @saveFixed="saveFixed"></fixedAssetsCertificate>
-                                </div>
-                                <div v-if="c.type == '2'">
-                                    <houseOwnNewCertificate :houseOwnNewCertificate=c.certificate @removeTab="removeTab"
-                                        @saveHouseOwn="saveHouseOwn"></houseOwnNewCertificate>
-                                </div>
-                                <div v-if="c.type == '3'">
-                                    <houseOwnOldCertificate :houseOwnOldCertificate=c.certificate @removeTab="removeTab"
-                                        @saveHouseOwn="saveHouseOwn"></houseOwnOldCertificate>
-                                </div>
-                                <div v-if="c.type == '4'">
-                                    <landUseNewCertificate :landUseNewCertificate=c.certificate @removeTab="removeTab"
-                                        @saveLandUse="saveLandUse"></landUseNewCertificate>
-                                </div>
-                                <div v-if="c.type == '5'">
-                                    <landUseOldCertificate :landUseOldCertificate=c.certificate @removeTab="removeTab"
-                                        @saveLandUse="saveLandUse"></landUseOldCertificate>
-                                </div>
-                            </el-tab-pane>
-                        </el-tabs>
-                    </el-collapse-item>
-                    <el-collapse-item title="补充信息" name="otherInfo">
-                        <template #title>
-                            <span class="collapse-title">
-                                <span style="color:#ff6154; font-weight: bold">估价对象{{ activeName }}补充信息</span>
-                            </span>
-                            </template>
-                        <div style="border: 1px #dae1eb solid; padding-left: 5px;">
-                            <el-button style="margin-top: 10px; margin-right: 5px" type="text"  @click="saveSupplement(t)">保存估价对象{{
+                <span class="title-span">4.1.完善权属信息</span>
+                <el-tabs v-model="certificateActive" type="border-card">
+                    <span v-if="certificates.length == 0"
+                        style="font-size: 16px; font-weight: bold; color: red;">请点击“添加证件”选择证件类型</span>
+                    <el-tab-pane :label="c.name" :name="c.name" :lazy="true" v-for="(c, index) in certificates">
+                        <div v-if="c.type == '1'">
+                            <fixedAssetsCertificate ref="fixed" :fixedAssetsCertificate=c.certificate
+                                @removeTab="removeTab" @saveFixed="saveFixed"></fixedAssetsCertificate>
+                        </div>
+                        <div v-if="c.type == '2'">
+                            <houseOwnNewCertificate :houseOwnNewCertificate=c.certificate @removeTab="removeTab"
+                                @saveHouseOwn="saveHouseOwn"></houseOwnNewCertificate>
+                        </div>
+                        <div v-if="c.type == '3'">
+                            <houseOwnOldCertificate :houseOwnOldCertificate=c.certificate @removeTab="removeTab"
+                                @saveHouseOwn="saveHouseOwn"></houseOwnOldCertificate>
+                        </div>
+                        <div v-if="c.type == '4'">
+                            <landUseNewCertificate :landUseNewCertificate=c.certificate @removeTab="removeTab"
+                                @saveLandUse="saveLandUse"></landUseNewCertificate>
+                        </div>
+                        <div v-if="c.type == '5'">
+                            <landUseOldCertificate :landUseOldCertificate=c.certificate @removeTab="removeTab"
+                                @saveLandUse="saveLandUse"></landUseOldCertificate>
+                        </div>
+                    </el-tab-pane>
+                </el-tabs>
+                <span class="title-span">4.2.完善补充信息</span>
+                <div style="border: 1px #dae1eb solid; padding-left: 5px;">
+                    <el-form :model="t" label-width="250" label-position="right" style="max-width: 100%; padding: 10px;"
+                        :inline="true">
+                        <el-divider content-position="left"><span class="divide-span">一般假设</span></el-divider>
+                        <el-row :gutter="24">
+                            <el-col :span="12">
+                                <el-form-item label="是否建筑物部分:" class="form-item">
+                                    <el-radio-group v-model="t.isPart">
+                                        <el-radio value="是">是</el-radio>
+                                        <el-radio value="否">否</el-radio>
+                                        <el-radio value="酒店部分">酒店部分</el-radio>
+                                    </el-radio-group>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="国有土地证类型:" class="form-item">
+                                    <el-select v-model="t.landCertificateType" clearable placeholder="请选择">
+                                        <el-option label="无" value="无" />
+                                        <el-option label="大证" value="大证" />
+                                        <el-option label="分户土地证" value="分户土地证" />
+                                    </el-select>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+
+                        <el-divider content-position="left"><span class="divide-span">未定事项假设</span></el-divider>
+                        <el-row :gutter="24">
+                            <el-col :span="8">
+                                <el-form-item label="是否登记建成年份:" class="form-item">
+                                    <el-radio-group v-model="t.hasBuildingYear" @change="handleBuidingYear(t)">
+                                        <el-radio :value="true">是</el-radio>
+                                        <el-radio :value="false">否</el-radio>
+                                    </el-radio-group>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8" v-if="!t.hasBuildingYear">
+                                <el-form-item label="调查的建成年份:" class="form-item">
+                                    <el-date-picker v-model="t.buildingYear" type="year" format="YYYY年"
+                                        value-format="YYYY年" placeholder>
+                                    </el-date-picker>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="其他未定事项假设:" class="form-item">
+                                    <el-radio-group v-model="t.otherUndefind">
+                                        <el-radio :value="true">是</el-radio>
+                                        <el-radio :value="false">否</el-radio>
+                                    </el-radio-group>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-row :gutter="24">
+                            <el-col :span="8">
+                                <el-form-item label="是否采用分层面积处理方式:" class="form-item">
+                                    <el-radio-group v-model="t.isLayer" clearable placeholder="请选择">
+                                        <el-radio :value="true">是</el-radio>
+                                        <el-radio :value="false">否</el-radio>
+                                    </el-radio-group>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8" v-if="t.isLayer">
+                                <el-form-item label="分层面积处理方式是否有图:" class="form-item">
+                                    <el-radio-group v-model="t.hasLayerImage" clearable placeholder="请选择">
+                                        <el-radio :value="true">有图</el-radio>
+                                        <el-radio :value="false">无图</el-radio>
+                                    </el-radio-group>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-row :gutter="24" v-if="t.isLayer">
+                            <el-col :span="8">
+                                <el-form-item label="一层面积（㎡）:" class="form-item">
+                                    <el-input v-model="t.floor1Acreage" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="二层面积（㎡）:" class="form-item">
+                                    <el-input v-model="t.floor2Acreage" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="三层面积（㎡）:" class="form-item">
+                                    <el-input v-model="t.floor3Acreage" />
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+
+                        <el-divider content-position="left"><span class="divide-span">不相一致假设</span></el-divider>
+                        <el-row :gutter="24">
+                            <el-col :span="8">
+                                <el-form-item label="查勘地址与登记地址是否一致:" class="form-item">
+                                    <el-radio-group v-model="t.isAddressSame" clearable placeholder="请选择">
+                                        <el-radio :value="true">是</el-radio>
+                                        <el-radio :value="false">否</el-radio>
+                                    </el-radio-group>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="实地查勘日期:" class="form-item">
+                                    <el-date-picker v-model="t.exploreDate" type="date" placeholder="请选择"
+                                        format="YYYY年MM月DD日" value-format="YYYY年MM月DD日" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="查勘之日与价值时点是否一致:" class="form-item">
+                                    <el-radio-group v-model="t.isDateTimeSame" clearable placeholder="请选择">
+                                        <el-radio :value="true">是</el-radio>
+                                        <el-radio :value="false">否</el-radio>
+                                    </el-radio-group>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-row :gutter="24">
+                            <el-col :span="8" v-if="!t.isAddressSame">
+                                <el-form-item label="地址不一致时是否开具地址证明:" class="form-item">
+                                    <el-radio-group v-model="t.isAddressCertificate" clearable placeholder="请选择">
+                                        <el-radio :value="true">是</el-radio>
+                                        <el-radio :value="false">否</el-radio>
+                                    </el-radio-group>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-divider content-position="left"><span class="divide-span">依据不足假设</span></el-divider>
+                        <el-row :gutter="24">
+                            <el-col :span="8">
+                                <el-form-item label="住宅获取土地信息:" class="form-item">
+                                    <el-radio-group v-model="t.houseGetLandInfo" clearable placeholder="请选择">
+                                        <el-radio :value="true">是</el-radio>
+                                        <el-radio :value="false">否</el-radio>
+                                    </el-radio-group>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="是否考虑建筑物残值:" class="form-item">
+                                    <el-radio-group v-model="t.isBuildingReduceValue" clearable placeholder="请选择">
+                                        <el-radio :value="true">是</el-radio>
+                                        <el-radio :value="false">否</el-radio>
+                                    </el-radio-group>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-divider content-position="left"><span class="divide-span">租赁权</span></el-divider>
+                        <el-row :gutter="24">
+                            <el-col :span="8">
+                                <el-form-item label="估价对象是否已出租:" class="form-item">
+                                    <el-radio-group v-model="t.isRentOut" clearable placeholder="请选择"
+                                        @change="handleIsRentOut(t)">
+                                        <el-radio :value="true">是</el-radio>
+                                        <el-radio :value="false">否</el-radio>
+                                    </el-radio-group>
+                                </el-form-item>
+                            </el-col>
+
+                            <el-col :span="8" v-if="t.isRentOut">
+                                <el-form-item label="是否提供租赁合同:" class="form-item">
+                                    <el-radio-group v-model="t.hasRentOutContract" clearable placeholder="请选择"
+                                        @change="handleRentOutContract(t)">
+                                        <el-radio :value="true">是</el-radio>
+                                        <el-radio :value="false">否</el-radio>
+                                    </el-radio-group>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8" v-if="t.isRentOut">
+                                <el-form-item label="是否考虑租约限制:" class="form-item">
+                                    <el-radio-group v-model="t.isRentLimit" clearable placeholder="请选择"
+                                        @change="handleisRentLimit(t)">
+                                        <el-radio :value="true">是</el-radio>
+                                        <el-radio :value="false">否</el-radio>
+                                    </el-radio-group>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-row :gutter="24" v-if="t.isRentOut">
+                            <el-col :span="8" v-if="!t.isRentLimit">
+                                <el-form-item label="未考虑租约限制原因:" class="form-item">
+                                    <el-select v-model="t.notRentLimitReason" clearable placeholder="请选择">
+                                        <el-option label="高于市场租金" value="高于市场租金" />
+                                        <el-option label="与市场租金相当" value="与市场租金相当" />
+                                        <el-option label="未提供合同" value="未提供合同" />
+                                        <el-option label="无" value="无" />
+                                    </el-select>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8" v-if="t.isRentLimit">
+                                <el-form-item label="考虑租约限制原因:" class="form-item">
+                                    <el-select v-model="t.rentLimitReason" clearable placeholder="请选择">
+                                        <el-option label="低于市场租金" value="低于市场租金" />
+                                        <el-option label="无" value="无" />
+                                    </el-select>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="租约起始日期:" class="form-item">
+                                    <el-date-picker v-model="t.rentStartDate" type="date" placeholder="请选择"
+                                        format="YYYY年MM月DD日" value-format="YYYY年MM月DD日" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="租约结束日期:" class="form-item">
+                                    <el-date-picker v-model="t.rentEndDate" type="date" placeholder="请选择"
+                                        format="YYYY年MM月DD日" value-format="YYYY年MM月DD日" />
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-row :gutter="24" v-if="t.isRentOut">
+                            <el-col :span="8" v-if="t.hasRentOutContract">
+                                <el-form-item label="价值时点租金:" class="form-item">
+                                    <el-input v-model="t.rentMoney" clearable />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8" v-if="t.hasRentOutContract">
+                                <el-form-item label="承租人:" class="form-item">
+                                    <el-input v-model="t.rentUser" clearable />
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <!-- <el-divider content-position="left"><span class="divide-span">抵押权</span></el-divider>
+                        <el-row :gutter="24">
+                            <el-col :span="8">
+                                <el-form-item label="是否设置抵押权:" class="form-item">
+                                    <el-radio-group v-model="t.hasPledge" clearable placeholder="请选择">
+                                        <el-radio :value="true">是</el-radio>
+                                        <el-radio :value="false">否</el-radio>
+                                    </el-radio-group>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-row :gutter="24" v-if="t.hasPledge">
+                            <el-col :span="8" >
+                                <el-form-item label="抵押权人:" class="form-item">
+                                    <el-input v-model="t.pledgeUser" clearable />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="抵押权类型:" class="form-item">
+                                    <el-select v-model="t.pledgeType" clearable placeholder="请选择">
+                                        <el-option value="一般抵押权">一般抵押权</el-option>
+                                        <el-option value="最高额抵押权">最高额抵押权</el-option>
+                                    </el-select>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="抵押权利价值:" class="form-item">
+                                    <el-input v-model="t.pledgeValue" clearable>
+                                        <template #append>
+                                            <span>万元</span>
+                                        </template>
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-row :gutter="24" v-if="t.hasPledge">
+                            <el-col :span="8">
+                                <el-form-item label="是否是同一抵押权人续贷:" class="form-item">
+                                    <el-radio-group v-model="t.samePledgeContinue" clearable placeholder="请选择">
+                                        <el-radio :value="true">是</el-radio>
+                                        <el-radio :value="false">否</el-radio>
+                                    </el-radio-group>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8" v-if="!t.samePledgeContinue">
+                                <el-form-item label="新抵押权利人:" class="form-item">
+                                    <el-input v-model="t.newPledgeUser" clearable />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8" v-if="!t.samePledgeContinue">
+                                <el-form-item label="已设立最高额抵押权，抵押未到期:" class="form-item">
+                                    <el-radio-group v-model="t.highPledgeNotExpire" clearable placeholder="请选择">
+                                        <el-radio :value="true">是</el-radio>
+                                        <el-radio :value="false">否</el-radio>
+                                    </el-radio-group>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8" v-if="t.samePledgeContinue">
+                                <el-form-item label="已设立抵押权，现拟设立最高额抵押权，同一抵押权人:" class="form-item">
+                                    <el-radio-group v-model="t.samePledgeHigh" clearable placeholder="请选择">
+                                        <el-radio :value="true">是</el-radio>
+                                        <el-radio :value="false">否</el-radio>
+                                    </el-radio-group>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-row :gutter="24" v-if="t.hasPledge">
+                            <el-col :span="8">
+                                <el-form-item label="其他法定优先受偿款:" class="form-item">
+                                    <el-input v-model="t.firstMoney" clearable>
+                                        <template #append>
+                                            <span>万元</span>
+                                        </template>
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="拖欠工程款:" class="form-item">
+                                    <el-input v-model="t.debtMoney" clearable>
+                                        <template #append>
+                                            <span>万元</span>
+                                        </template>
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="是否扣除法定优先受偿款:" class="form-item">
+                                    <el-radio-group v-model="t.isTakeOutFirstMoney" clearable placeholder="请选择">
+                                        <el-radio :value="true">是</el-radio>
+                                        <el-radio :value="false">否</el-radio>
+                                    </el-radio-group>
+                                </el-form-item>
+                            </el-col>
+                        </el-row> -->
+                        <div style="width: 100%; text-align: right;">
+                            <el-button style="margin-top: 10px; margin-right: 5px" type="text"
+                                @click="saveSupplement(t)">保存估价对象{{
                                     t.tid }}的补充信息
-                                    <el-icon style="vertical-align: -20%;">
-                                        <ArrowRightBold />
-                                    </el-icon>
-                                </el-button>
-                            <el-form :model="t" label-width="180" label-position="left" style="max-width: 100%; margin-top: 20px"
-                                :inline="true">
-                                <el-divider content-position="left"><span class="divide-span">一般假设</span></el-divider>
-                                <el-row :gutter="24">
-                                    <el-col :span="12">
-                                        <el-form-item label="是否建筑物部分:" class="form-item">
-                                            <el-radio-group v-model="t.isPart">
-                                                <el-radio value="是">是</el-radio>
-                                                <el-radio value="否">否</el-radio>
-                                                <el-radio value="酒店部分">酒店部分</el-radio>
-                                            </el-radio-group>
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <el-form-item label="国有土地证类型:" class="form-item">
-                                            <el-select v-model="t.landCertificateType" clearable placeholder="请选择">
-                                                <el-option label="无" value="无" />
-                                                <el-option label="大证" value="大证" />
-                                                <el-option label="分户土地证" value="分户土地证" />
-                                            </el-select>
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-
-                                <el-divider content-position="left"><span class="divide-span">未定事项假设</span></el-divider>
-                                <el-row :gutter="24">
-                                    <el-col :span="8">
-                                        <el-form-item label="是否登记建成年份:" class="form-item">
-                                            <el-radio-group v-model="t.hasBuildingYear" @change="handleBuidingYear(t)">
-                                                <el-radio :value="true">是</el-radio>
-                                                <el-radio :value="false">否</el-radio>
-                                            </el-radio-group>
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="8" v-if="!t.hasBuildingYear">
-                                        <el-form-item label="调查的建成年份:" class="form-item">
-                                            <el-date-picker v-model="t.buildingYear" type="year" format="YYYY年"
-                                                value-format="YYYY年" placeholder>
-                                            </el-date-picker>
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="8">
-                                        <el-form-item label="其他未定事项假设:" class="form-item">
-                                            <el-radio-group v-model="t.otherUndefind">
-                                                <el-radio :value="true">是</el-radio>
-                                                <el-radio :value="false">否</el-radio>
-                                            </el-radio-group>
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="24">
-                                    <el-col :span="8">
-                                        <el-form-item label="是否采用分层面积处理方式:" class="form-item">
-                                            <el-radio-group v-model="t.isLayer" clearable placeholder="请选择">
-                                                <el-radio :value="true">是</el-radio>
-                                                <el-radio :value="false">否</el-radio>
-                                            </el-radio-group>
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="8" v-if="t.isLayer">
-                                        <el-form-item label="分层面积处理方式是否有图:" class="form-item">
-                                            <el-radio-group v-model="t.hasLayerImage" clearable placeholder="请选择">
-                                                <el-radio :value="true">有图</el-radio>
-                                                <el-radio :value="false">无图</el-radio>
-                                            </el-radio-group>
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="24" v-if="t.isLayer">
-                                    <el-col :span="8">
-                                        <el-form-item label="一层面积（㎡）:" class="form-item">
-                                            <el-input v-model="t.floor1Acreage" />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="8">
-                                        <el-form-item label="二层面积（㎡）:" class="form-item">
-                                            <el-input v-model="t.floor2Acreage" />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="8">
-                                        <el-form-item label="三层面积（㎡）:" class="form-item">
-                                            <el-input v-model="t.floor3Acreage" />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-
-                                <el-divider content-position="left"><span class="divide-span">不相一致假设</span></el-divider>
-                                <el-row :gutter="24">
-                                    <el-col :span="8">
-                                        <el-form-item label="查勘地址与登记地址是否一致:" class="form-item">
-                                            <el-radio-group v-model="t.isAddressSame" clearable placeholder="请选择">
-                                                <el-radio :value="true">是</el-radio>
-                                                <el-radio :value="false">否</el-radio>
-                                            </el-radio-group>
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="8">
-                                        <el-form-item label="实地查勘日期:" class="form-item">
-                                            <el-date-picker v-model="t.exploreDate" type="date" placeholder="请选择"
-                                                format="YYYY年MM月DD日" value-format="YYYY年MM月DD日" />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="8">
-                                        <el-form-item label="查勘之日与价值时点是否一致:" class="form-item">
-                                            <el-radio-group v-model="t.isDateTimeSame" clearable placeholder="请选择">
-                                                <el-radio :value="true">是</el-radio>
-                                                <el-radio :value="false">否</el-radio>
-                                            </el-radio-group>
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="24">
-                                    <el-col :span="8" v-if="!t.isAddressSame">
-                                        <el-form-item label="地址不一致时是否开具地址证明:" class="form-item">
-                                            <el-radio-group v-model="t.isAddressCertificate" clearable
-                                                placeholder="请选择">
-                                                <el-radio :value="true">是</el-radio>
-                                                <el-radio :value="false">否</el-radio>
-                                            </el-radio-group>
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-divider content-position="left"><span class="divide-span">依据不足假设</span></el-divider>
-                                <el-row :gutter="24">
-                                    <el-col :span="8">
-                                        <el-form-item label="住宅获取土地信息:" class="form-item">
-                                            <el-radio-group v-model="t.houseGetLandInfo" clearable placeholder="请选择">
-                                                <el-radio :value="true">是</el-radio>
-                                                <el-radio :value="false">否</el-radio>
-                                            </el-radio-group>
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="8">
-                                        <el-form-item label="是否考虑建筑物残值:" class="form-item">
-                                            <el-radio-group v-model="t.isBuildingReduceValue" clearable
-                                                placeholder="请选择">
-                                                <el-radio :value="true">是</el-radio>
-                                                <el-radio :value="false">否</el-radio>
-                                            </el-radio-group>
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-divider content-position="left"><span class="divide-span">租赁权</span></el-divider>
-                                <el-row :gutter="24">
-                                    <el-col :span="8">
-                                        <el-form-item label="估价对象是否已出租:" class="form-item">
-                                            <el-radio-group v-model="t.isRentOut" clearable placeholder="请选择"
-                                                @change="handleIsRentOut(t)">
-                                                <el-radio :value="true">是</el-radio>
-                                                <el-radio :value="false">否</el-radio>
-                                            </el-radio-group>
-                                        </el-form-item>
-                                    </el-col>
-
-                                    <el-col :span="8" v-if="t.isRentOut">
-                                        <el-form-item label="是否提供租赁合同:" class="form-item">
-                                            <el-radio-group v-model="t.hasRentOutContract" clearable placeholder="请选择"
-                                                @change="handleRentOutContract(t)">
-                                                <el-radio :value="true">是</el-radio>
-                                                <el-radio :value="false">否</el-radio>
-                                            </el-radio-group>
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="8" v-if="t.isRentOut">
-                                        <el-form-item label="是否考虑租约限制:" class="form-item">
-                                            <el-radio-group v-model="t.isRentLimit" clearable placeholder="请选择"
-                                                @change="handleisRentLimit(t)">
-                                                <el-radio :value="true">是</el-radio>
-                                                <el-radio :value="false">否</el-radio>
-                                            </el-radio-group>
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="24" v-if="t.isRentOut">
-                                    <el-col :span="8" v-if="!t.isRentLimit">
-                                        <el-form-item label="未考虑租约限制原因:" class="form-item">
-                                            <el-select v-model="t.notRentLimitReason" clearable placeholder="请选择">
-                                                <el-option label="高于市场租金" value="高于市场租金" />
-                                                <el-option label="与市场租金相当" value="与市场租金相当" />
-                                                <el-option label="未提供合同" value="未提供合同" />
-                                                <el-option label="无" value="无" />
-                                            </el-select>
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="8" v-if="t.isRentLimit">
-                                        <el-form-item label="考虑租约限制原因:" class="form-item">
-                                            <el-select v-model="t.rentLimitReason" clearable placeholder="请选择">
-                                                <el-option label="低于市场租金" value="低于市场租金" />
-                                                <el-option label="无" value="无" />
-                                            </el-select>
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="8">
-                                        <el-form-item label="租约起始日期:" class="form-item">
-                                            <el-date-picker v-model="t.rentStartDate" type="date" placeholder="请选择"
-                                                format="YYYY年MM月DD日" value-format="YYYY年MM月DD日" />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="8">
-                                        <el-form-item label="租约结束日期:" class="form-item">
-                                            <el-date-picker v-model="t.rentEndDate" type="date" placeholder="请选择"
-                                                format="YYYY年MM月DD日" value-format="YYYY年MM月DD日" />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="24" v-if="t.isRentOut">
-                                    <el-col :span="8" v-if="t.hasRentOutContract">
-                                        <el-form-item label="价值时点租金:" class="form-item">
-                                            <el-input v-model="t.rentMoney" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="8" v-if="t.hasRentOutContract">
-                                        <el-form-item label="承租人:" class="form-item">
-                                            <el-input v-model="t.rentUser" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-divider content-position="left"><span class="divide-span">抵押权</span></el-divider>
-                                <el-row :gutter="24">
-                                    <el-col :span="8">
-                                        <el-form-item label="是否设置抵押权:" class="form-item">
-                                            <el-radio-group v-model="t.hasPledge" clearable placeholder="请选择">
-                                                <el-radio :value="true">是</el-radio>
-                                                <el-radio :value="false">否</el-radio>
-                                            </el-radio-group>
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="24" v-if="t.hasPledge">
-                                    <el-col :span="8" >
-                                        <el-form-item label="抵押权人:" class="form-item">
-                                            <el-input v-model="t.pledgeUser" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="8">
-                                        <el-form-item label="抵押权类型:" class="form-item">
-                                            <el-select v-model="t.pledgeType" clearable placeholder="请选择">
-                                                <el-option value="一般抵押权">一般抵押权</el-option>
-                                                <el-option value="最高额抵押权">最高额抵押权</el-option>
-                                            </el-select>
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="8">
-                                        <el-form-item label="抵押权利价值:" class="form-item">
-                                            <el-input v-model="t.pledgeValue" clearable>
-                                                <template #append>
-                                                    <span>万元</span>
-                                                </template>
-                                            </el-input>
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="24" v-if="t.hasPledge">
-                                    <el-col :span="8">
-                                        <el-form-item label="是否是同一抵押权人续贷:" class="form-item">
-                                            <el-radio-group v-model="t.samePledgeContinue" clearable placeholder="请选择">
-                                                <el-radio :value="true">是</el-radio>
-                                                <el-radio :value="false">否</el-radio>
-                                            </el-radio-group>
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="8" v-if="!t.samePledgeContinue">
-                                        <el-form-item label="新抵押权利人:" class="form-item">
-                                            <el-input v-model="t.newPledgeUser" clearable />
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="8" v-if="!t.samePledgeContinue">
-                                        <el-form-item label="已设立最高额抵押权，抵押未到期:" class="form-item">
-                                            <el-radio-group v-model="t.highPledgeNotExpire" clearable placeholder="请选择">
-                                                <el-radio :value="true">是</el-radio>
-                                                <el-radio :value="false">否</el-radio>
-                                            </el-radio-group>
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="8" v-if="t.samePledgeContinue">
-                                        <el-form-item label="已设立抵押权，现拟设立最高额抵押权，同一抵押权人:" class="form-item">
-                                            <el-radio-group v-model="t.samePledgeHigh" clearable placeholder="请选择">
-                                                <el-radio :value="true">是</el-radio>
-                                                <el-radio :value="false">否</el-radio>
-                                            </el-radio-group>
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="24" v-if="t.hasPledge">
-                                    <el-col :span="8">
-                                        <el-form-item label="其他法定优先受偿款:" class="form-item">
-                                            <el-input v-model="t.firstMoney" clearable>
-                                                <template #append>
-                                                    <span>万元</span>
-                                                </template>
-                                            </el-input>
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="8">
-                                        <el-form-item label="拖欠工程款:" class="form-item">
-                                            <el-input v-model="t.debtMoney" clearable>
-                                                <template #append>
-                                                    <span>万元</span>
-                                                </template>
-                                            </el-input>
-                                        </el-form-item>
-                                    </el-col>
-                                    <el-col :span="8">
-                                        <el-form-item label="是否扣除法定优先受偿款:" class="form-item">
-                                            <el-radio-group v-model="t.isTakeOutFirstMoney" clearable placeholder="请选择">
-                                                <el-radio :value="true">是</el-radio>
-                                                <el-radio :value="false">否</el-radio>
-                                            </el-radio-group>
-                                        </el-form-item>
-                                    </el-col>
-                                </el-row>
-                            </el-form>
-
+                            </el-button>
                         </div>
-                    </el-collapse-item>
-                </el-collapse>
+                    </el-form>
+
+                </div>
             </el-tab-pane>
         </el-tabs>
         <el-dialog v-model="certificateDialog" title="请添加标的物的权属证件" width="500" align-center @closed="cleanId">
@@ -417,6 +388,13 @@
                 </div>
             </template>
         </el-dialog>
+        <div style="margin-top: 30px;width: 100%; text-align: right;">
+            <el-button type="text" @click="genConditionDoc()">生成《假设和限制条件及使用报告说明》
+                <el-icon style="vertical-align: -20%;">
+                    <ArrowRightBold />
+                </el-icon>
+            </el-button>
+        </div>
     </div>
 </template>
 
@@ -499,7 +477,7 @@ export default {
             oldHouseDisable: false,
             newLandDisable: false,
             oldLandDisable: false,
-            collapseActive:'certInfo'
+            collapseActive: 'certInfo'
 
 
         }
@@ -553,25 +531,25 @@ export default {
         async saveSupplement(t) {
             t.docId = this.docId;
             //保存标的物的经纬度坐标
-            for (let i in t.aims){
+            for (let i in t.aims) {
                 let addr = null;
-                if (t.aims[i].actAddress){
-                    addr= t.aims[i].actAddress;
-                }else{
+                if (t.aims[i].actAddress) {
+                    addr = t.aims[i].actAddress;
+                } else {
                     addr = t.aims[i].location;
                 }
-                await amap.getLngLat(addr).then(res=>{
-                    if (res.status=="1"){
-                        let ret = res.geocodes.filter(item=>item.level=='门牌号');
-                        if (ret && ret.length>0){
+                await amap.getLngLat(addr).then(res => {
+                    if (res.status == "1") {
+                        let ret = res.geocodes.filter(item => item.level == '门牌号');
+                        if (ret && ret.length > 0) {
                             t.aims[i].lngLat = ret[0].location;
-                        }else{
-                            t.aims[i].lngLat =res.geocodes[0].location;
+                        } else {
+                            t.aims[i].lngLat = res.geocodes[0].location;
                         }
                     }
                 })
             }
-            
+
             await houseGuaranty.saveSupplement(t).then(res => {
                 if (res.code === 200) {
                     ElMessage({
@@ -620,8 +598,7 @@ export default {
         },
 
         cleanId() {
-            this.tId = null;
-            this.tNo = null;
+
             this.cers = [];
 
         },
@@ -646,7 +623,7 @@ export default {
                 if (cers[i] == '2') {
                     let fixed = new Object()
                     fixed.type = "2"
-                    fixed.name = "序号" + this.tno + "《房屋所有权证》（新）"
+                    fixed.name = "序号" + this.tNo + "《房屋所有权证》（新）"
                     fixed.certificate = {
                         name: fixed.name,
                         tid: this.tId,
@@ -657,7 +634,7 @@ export default {
                 if (cers[i] == '3') {
                     let fixed = new Object()
                     fixed.type = "3"
-                    fixed.name = "序号" + this.tno + "《房屋所有权证》（旧）"
+                    fixed.name = "序号" + this.tNo + "《房屋所有权证》（旧）"
                     fixed.certificate = {
                         name: fixed.name,
                         tid: this.tId,
@@ -668,7 +645,7 @@ export default {
                 if (cers[i] == '4') {
                     let fixed = new Object()
                     fixed.type = "4"
-                    fixed.name = "序号" + this.tno + "《国有土地使用证》（新）"
+                    fixed.name = "序号" + this.tNo + "《国有土地使用证》（新）"
                     fixed.certificate = {
                         name: fixed.name,
                         tid: this.tId,
@@ -679,7 +656,7 @@ export default {
                 if (cers[i] == '5') {
                     let fixed = new Object()
                     fixed.type = "5"
-                    fixed.name = "序号" + this.tno + "《国有土地使用证》（旧）"
+                    fixed.name = "序号" + this.tNo + "《国有土地使用证》（旧）"
                     fixed.certificate = {
                         name: fixed.name,
                         tid: this.tId,
@@ -854,9 +831,18 @@ export default {
     font-size: 20px;
     font-weight: 900;
 }
-.collapse-title{
+
+.title-span {
+    height: 80px;
+    line-height: 80px;
+    width: 100%;
+    font-size: 20px;
+}
+
+.collapse-title {
     font-size: 14px
 }
+
 .genBtn {
     float: right;
     margin-top: 30px;
@@ -912,45 +898,56 @@ export default {
     color: #ff6154;
 
 }
-:deep(.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active){
+
+:deep(.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active) {
     color: #ff6154;
 }
-:deep(.el-tabs__item.is-active, .el-tabs__item:hover){
+
+:deep(.el-tabs__item.is-active, .el-tabs__item:hover) {
     color: #ff6154;
 }
+
 :deep(.el-checkbox__label) {
     font-size: 15px;
 }
+
 :deep(.el-checkbox__input.is-checked .el-checkbox__inner) {
     background-color: #ff6154;
     border-color: #ff6154;
     font-size: 20px;
 }
+
 :deep(.el-checkbox__input.is-checked+.el-checkbox__label) {
-    color:#ff6154;
-    
+    color: #ff6154;
+
 }
-:deep(.el-tabs__active-bar){
-    background-color:#ff6154;
+
+:deep(.el-tabs__active-bar) {
+    background-color: #ff6154;
 }
+
 :deep(.el-tabs__item.is-active) {
-    color:#ff6154;
+    color: #ff6154;
 }
-:deep(.el-tabs__item:hover){
-    color:#ff6154;
+
+:deep(.el-tabs__item:hover) {
+    color: #ff6154;
 }
+
 .certificates-tabs {
- margin-top: 30px;
+    margin-top: 30px;
 }
 
 :deep(.el-input__wrapper.is-focus) {
-  --el-input-focus-border: #ff6154;
-  --el-input-focus-border-color:#ff6154;
+    --el-input-focus-border: #ff6154;
+    --el-input-focus-border-color: #ff6154;
 }
-:deep(.el-button--text:hover){
-    color:#ff6154;
+
+:deep(.el-button--text:hover) {
+    color: #ff6154;
 }
-:deep(.el-button--text){
-    color:#ff6154;
+
+:deep(.el-button--text) {
+    color: #ff6154;
 }
 </style>

src/views/house/workbench/consignor.vue

@@ -8,9 +8,9 @@
         <div class="download-btn">
             <img src="../../../assets/icons/form.png"
                 style="width: 26px; height: 26px; float: left; margin-top: 27px;" />
-                <el-tooltip content="点击下载" effect="light" placement="top">
-                    <span class="form-name" @click="downloadCollect1">估价结果一览表-表单.xlsx</span>
-                </el-tooltip>
+            <el-tooltip content="点击下载" effect="light" placement="top">
+                <span class="form-name" @click="downloadCollect1">估价结果一览表-表单.xlsx</span>
+            </el-tooltip>
         </div>
 
         <div class="target-windows">
@@ -18,93 +18,92 @@
                 @getUploadReture="uploadReture" v-model:targetsHtml="process.targetsHtml"></SheetView>
         </div>
         <div class="title1-div">
-                <span>2.完善基本信息</span>
-            </div>
-        <div>
-            <el-form :model="baseInfo" label-width="120" label-position="left" style="max-width: 100%; margin-top: 20px"
-            :inline="true">
+            <span>2.完善基本信息</span>
+        </div>
+        <el-form ref="base" :model="baseInfo" label-width="180" label-position="right" :rules="rules"
+            style="max-width: 100%; border: 1.5px #dae1eb solid; padding: 10px; border-radius: 5px;" :inline="true">
             <el-row :gutter="24">
                 <el-col :span="12">
-                    <el-form-item label="委托人:" class="form-item">
+                    <el-form-item label="委托人:" class="form-item" prop="consignor">
                         <el-input v-model="baseInfo.consignor" />
                     </el-form-item>
                 </el-col>
                 <el-col :span="12">
-                    <el-form-item label="报告号:" class="form-item">
+                    <el-form-item label="报告号:" class="form-item" prop="docNo">
                         <el-input v-model="baseInfo.docNo" />
                     </el-form-item>
                 </el-col>
             </el-row>
             <el-row :gutter="24">
                 <el-col :span="12">
-                    <el-form-item label="估价师1:" class="form-item">
+                    <el-form-item label="估价师1:" class="form-item" prop="appraiser1">
                         <el-select v-model="baseInfo.appraiser1" clearable placeholder="请选择" @change="changeAppr1()">
-                            <el-option v-for="(a ,id) in apprisers" :value="a.key">{{ a.key }}</el-option>
+                            <el-option v-for="(a, id) in apprisers" :value="a.key">{{ a.key }}</el-option>
                         </el-select>
                     </el-form-item>
                 </el-col>
                 <el-col :span="12">
-                    <el-form-item label="估价师2:" class="form-item">
+                    <el-form-item label="估价师2:" class="form-item" prop="appraiser2">
                         <el-select v-model="baseInfo.appraiser2" clearable placeholder="请选择" @change="changeAppr2()">
-                            <el-option v-for="(a ,id) in apprisers" :value="a.key">{{ a.key }}</el-option>
+                            <el-option v-for="(a, id) in apprisers" :value="a.key">{{ a.key }}</el-option>
                         </el-select>
                     </el-form-item>
                 </el-col>
             </el-row>
             <el-row :gutter="24">
                 <el-col :span="12">
-                    <el-form-item label="出具报告日期:" class="form-item">
-                        <el-date-picker v-model="baseInfo.docDate" type="date" placeholder="请选择" style="width: 100%;"
-                            format="YYYY年MM月DD日" value-format="YYYY年MM月DD日" />
+                    <el-form-item label="出具报告日期:" class="form-item" prop="docDate">
+                        <el-date-picker v-model="baseInfo.docDate" type="date" placeholder="请选择" format="YYYY年MM月DD日"
+                            value-format="YYYY年MM月DD日" />
                     </el-form-item>
                 </el-col>
                 <el-col :span="12">
-                    <el-form-item label="价值时点:" class="form-item">
-                        <el-date-picker v-model="baseInfo.valueTiming" type="date" placeholder="请选择" style="width: 100%;"
+                    <el-form-item label="价值时点:" class="form-item" prop="valueTiming">
+                        <el-date-picker v-model="baseInfo.valueTiming" type="date" placeholder="请选择"
                             format="YYYY年MM月DD日" value-format="YYYY年MM月DD日" />
                     </el-form-item>
                 </el-col>
             </el-row>
             <el-row :gutter="24">
                 <el-col :span="12">
-                    <el-form-item label="委托人类型:" class="form-item">
+                    <el-form-item label="委托人类型:" class="form-item" prop="consignorType">
                         <el-input v-model="baseInfo.consignorType" />
                     </el-form-item>
                 </el-col>
                 <el-col :span="12">
-                    <el-form-item label="委托人住所:" class="form-item">
+                    <el-form-item label="委托人住所:" class="form-item" prop="consignorAddress">
                         <el-input v-model="baseInfo.consignorAddress" />
                     </el-form-item>
                 </el-col>
             </el-row>
             <el-row :gutter="24">
                 <el-col :span="12">
-                    <el-form-item label="法定代表人:" class="form-item">
+                    <el-form-item label="法定代表人:" class="form-item" prop="consignorPerson">
                         <el-input v-model="baseInfo.consignorPerson" />
                     </el-form-item>
                 </el-col>
                 <el-col :span="12">
-                    <el-form-item label="注册资本:" class="form-item">
+                    <el-form-item label="注册资本:" class="form-item" prop="consignorMoney">
                         <el-input v-model="baseInfo.consignorMoney" />
                     </el-form-item>
                 </el-col>
             </el-row>
             <el-row :gutter="24">
                 <el-col :span="12">
-                    <el-form-item label="统一社会信用代码:" class="form-item">
+                    <el-form-item label="统一社会信用代码:" class="form-item" prop="creditCode">
                         <el-input v-model="baseInfo.creditCode" />
                     </el-form-item>
                 </el-col>
             </el-row>
             <el-row :gutter="24">
                 <el-col :span="12">
-                    <el-form-item label="评估方法:" class="form-item">
+                    <el-form-item label="评估方法:" class="form-item" prop="methodList">
                         <el-checkbox-group v-model="baseInfo.methodList">
-                        <el-checkbox  label="成本法" value="成本法">
-                        </el-checkbox>
-                        <el-checkbox  label="收益法" value="收益法">
-                        </el-checkbox>
-                    </el-checkbox-group>
+                            <el-checkbox label="成本法" value="成本法">
+                            </el-checkbox>
+                            <el-checkbox label="收益法" value="收益法">
+                            </el-checkbox>
+                        </el-checkbox-group>
                     </el-form-item>
                 </el-col>
                 <el-col :span="12">
@@ -134,20 +133,130 @@
                     </el-form-item>
                 </el-col>
             </el-row>
-            </el-form>
+            <div style="width: 100%; text-align: right;">
+                <el-button type="text" @click="saveBaseInfo()">
+                    保存基本信息
+                </el-button>
+            </div>
+        </el-form>
+        <div class="title1-div">
+            <span>3.完善抵押权信息</span>
+        </div>
+        <el-form ref="pledge" :model="baseInfo" label-width="180" label-position="right" :rules="rules"
+            style="max-width: 100%; border: 1.5px #dae1eb solid; padding: 10px; border-radius: 5px;" :inline="true">
+            <el-row :gutter="24">
+                <el-col :span="12">
+                    <el-form-item label="是否设置抵押权:" class="form-item">
+                        <el-radio-group v-model="baseInfo.hasPledge" clearable placeholder="请选择">
+                            <el-radio :value="true">是</el-radio>
+                            <el-radio :value="false">否</el-radio>
+                        </el-radio-group>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <el-row :gutter="24" v-if="baseInfo.hasPledge">
+                <el-col :span="12">
+                    <el-form-item label="抵押权人:" class="form-item" prop="pledgeUser">
+                        <el-input v-model="baseInfo.pledgeUser" clearable />
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item label="抵押权类型:" class="form-item" prop="pledgeType">
+                        <el-select v-model="baseInfo.pledgeType" clearable placeholder="请选择">
+                            <el-option value="一般抵押权">一般抵押权</el-option>
+                            <el-option value="最高额抵押权">最高额抵押权</el-option>
+                        </el-select>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <el-row :gutter="24" v-if="baseInfo.hasPledge">
+                <el-col :span="12">
+                    <el-form-item label="抵押权利价值:" class="form-item" prop="pledgeValue">
+                        <el-input v-model="baseInfo.pledgeValue" clearable>
+                            <template #append>
+                                <span>万元</span>
+                            </template>
+                        </el-input>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item label="是否是同一抵押权人续贷:" class="form-item">
+                        <el-radio-group v-model="baseInfo.samePledgeContinue" clearable placeholder="请选择">
+                            <el-radio :value="true">是</el-radio>
+                            <el-radio :value="false">否</el-radio>
+                        </el-radio-group>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <el-row :gutter="24" v-if="baseInfo.hasPledge">
+                <el-col :span="12" v-if="!baseInfo.samePledgeContinue" >
+                    <el-form-item label="新抵押权利人:" class="form-item" prop="newPledgeUser">
+                        <el-input v-model="baseInfo.newPledgeUser" clearable />
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12" v-if="!baseInfo.samePledgeContinue">
+                    <el-form-item label="已设立最高额抵押权，抵押未到期:" class="form-item">
+                        <el-radio-group v-model="baseInfo.highPledgeNotExpire" clearable placeholder="请选择">
+                            <el-radio :value="true">是</el-radio>
+                            <el-radio :value="false">否</el-radio>
+                        </el-radio-group>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <el-row :gutter="24" v-if="baseInfo.hasPledge">
+                <el-col :span="12" v-if="baseInfo.samePledgeContinue">
+                    <el-form-item label="已设立抵押权，现拟设立最高额抵押权，同一抵押权人:" class="form-item">
+                        <el-radio-group v-model="baseInfo.samePledgeHigh" clearable placeholder="请选择">
+                            <el-radio :value="true">是</el-radio>
+                            <el-radio :value="false">否</el-radio>
+                        </el-radio-group>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item label="其他法定优先受偿款:" class="form-item" prop="firstMoney">
+                        <el-input v-model="baseInfo.firstMoney" clearable>
+                            <template #append>
+                                <span>万元</span>
+                            </template>
+                        </el-input>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <el-row :gutter="24" v-if="baseInfo.hasPledge">
+                <el-col :span="12">
+                    <el-form-item label="拖欠工程款:" class="form-item" prop="debtMoney">
+                        <el-input v-model="baseInfo.debtMoney" clearable>
+                            <template #append>
+                                <span>万元</span>
+                            </template>
+                        </el-input>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item label="是否扣除法定优先受偿款:" class="form-item" prop="isTakeOutFirstMoney">
+                        <el-radio-group v-model="baseInfo.isTakeOutFirstMoney" clearable placeholder="请选择">
+                            <el-radio :value="true">是</el-radio>
+                            <el-radio :value="false">否</el-radio>
+                        </el-radio-group>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <div style="width: 100%; text-align: right;">
+                <el-button type="text" @click="savePladge()">
+                    保存抵押权信息
+                </el-button>
+            </div>
+
+        </el-form>
+        <div style="margin-top: 30px; width: 100%; text-align: right; ">
+            <el-button type="text" @click="savePladge()">
+                    生成《致委托人函》
+                    <el-icon style="vertical-align: -20%;">
+                        <ArrowRightBold />
+                    </el-icon>
+                </el-button>
         </div>
-        <el-button style="float: right;" plain type="danger" @click="genarate()">
-                生成致委托人函
-                <el-icon style="vertical-align: -20%;">
-                    <ArrowRightBold />
-                </el-icon>
-            </el-button>
-            <el-button style="float: right;" plain type="danger" @click="saveBaseInfo()">
-                保存基本信息
-                <el-icon style="vertical-align: -20%;">
-                    <ArrowRightBold />
-                </el-icon>
-            </el-button>
+
         <!-- <Steps :stepArray="stepArray" ref="steps" :stepsDialogVisible="stepDialog"></Steps> -->
     </div>
 </template>
@@ -168,68 +277,102 @@ export default {
 
     data() {
         return {
+            rules: {
+                consignor: [{ required: true, message: '委托人不能为空', trigger: 'blur' }],
+                docNo: [{ required: true, message: '报告号不能为空', trigger: 'blur' }],
+                appraiser1: [{ required: true, message: '估价师1不能为空', trigger: 'blur' }],
+                appraiser2: [{ required: true, message: '估价师2不能为空', trigger: 'blur' }],
+                docDate: [{ required: true, message: '出具报告日期不能为空', trigger: 'blur' }],
+                valueTiming: [{ required: true, message: '价值时点不能为空', trigger: 'blur' }],
+                methodList: [{ required: true, message: '评估方法不能为空', trigger: 'blur' }],
+                consignorType: [{ required: true, message: '委托人类型不能为空', trigger: 'blur' }],
+                consignorAddress: [{ required: true, message: '委托人住所不能为空', trigger: 'blur' }],
+                consignorPerson: [{ required: true, message: '法定代表人不能为空', trigger: 'blur' }],
+                consignorMoney: [{ required: true, message: '注册资本不能为空', trigger: 'blur' }],
+                creditCode: [{ required: true, message: '统一社会信用代码不能为空', trigger: 'blur' }],
+                pledgeUser: [{ required: true, message: '抵押权人不能为空', trigger: 'blur' }],
+                pledgeType: [{ required: true, message: '抵押权类型不能为空', trigger: 'blur' }],
+                pledgeValue: [{ required: true, message: '抵押权价值不能为空', trigger: 'blur' }],
+                newPledgeUser: [{ required: true, message: '新抵押权人不能为空', trigger: 'blur' }],
+            },
             nextPath: '/home/houseWorkbench/certificate',
             excelHtml: null,
             upload: null,
             processId: null,
             docId: null,
-            process:{
-                id:null,
-                home:null,
-                targetsHtml:null,
-                createdTime:null,
-                updateTime:null
+            process: {
+                id: null,
+                home: null,
+                targetsHtml: null,
+                createdTime: null,
+                updateTime: null
             },
-            stepDialog:false,
-            stepArray:[
-                {name:'上传表单'},
-                {name:'解析估价对象一览表'},
-                {name:'生成致委托人函'},
-                {name:'完成'}
+            stepDialog: false,
+            stepArray: [
+                { name: '上传表单' },
+                { name: '解析估价对象一览表' },
+                { name: '生成致委托人函' },
+                { name: '完成' }
             ],
-            baseInfo:{
-                id:null,
-                docId:null,
-                consignor:null,
-                docNo:null,
-                appraiser1:null,
-                appraiser2:null,
-                appraNo1:null,
-                appraNo2:null,
-                docDate:null,
-                valueTiming:null,
-                methodList:[],
-                hasTechReport:false,
-                isNsBank:false,
-                isCheckOriginCertificate:false,
-                consignorType:'有限责任公司',
-                consignorAddress:null,
-                consignorPerson:null,
-                consignorMoney:null,
-                creditCode:null,
-                processId:null
+            baseInfo: {
+                id: null,
+                docId: null,
+                consignor: null,
+                docNo: null,
+                appraiser1: null,
+                appraiser2: null,
+                appraNo1: null,
+                appraNo2: null,
+                docDate: null,
+                valueTiming: null,
+                methodList: [],
+                hasTechReport: false,
+                isNsBank: false,
+                isCheckOriginCertificate: false,
+                consignorType: '有限责任公司',
+                consignorAddress: null,
+                consignorPerson: null,
+                consignorMoney: null,
+                creditCode: null,
+                processId: null,
+                hasPledge: false,
+                pledgeUser: null,
+                pledgeType: null,
+                pledgeValue: null,
+                samePledgeContinue: true,
+                newPledgeUser: null,
+                highPledgeNotExpire: false,
+                samePledgeHigh: true,
+                firstMoney: 0,
+                debtMoney: 0,
+                isTakeOutFirstMoney: false
             },
-            apprisers:[]
+            apprisers: []
         }
     },
 
     created() {
         this.docId = this.$route.query.id;
+        this.processId = this.$route.query.businessId;
         this.getProcess();
-        this.$emit('getDocumentId',this.docId);
+        this.$emit('getDocumentId', this.docId);
         this.getBaseInfo();
         this.getApprisers();
 
     },
 
     methods: {
-        genConsignorLetter(id) {
-            houseGuaranty.genConsignorLetter(id).then(res => {
-                ElMessage({
-                    message: '致委托人函已生成',
-                    type: 'success',
-                    plain: true
-                })
+        genConsignorLetter() {
+            houseGuaranty.genConsignorLetter(this.processId, this.docId).then(res => {
+                if (res.code === 200) {
+                    ElMessage({
+                        message: '致委托人函已生成',
+                        type: 'success',
+                        plain: true
+                    })
+                    this.$emit('getProcessParentId', this.processId);
+                    this.$emit('getDocumentId', this.docId)
+                }
             })
         },
 
@@ -265,111 +408,154 @@ export default {
         },
 
         async genarate() {
-            this.stepDialog = true;
+            let result = false;
+            this.$refs.base.validate(valid=>{
+                if (valid){
+                    result = true;
+                }else {
+                    ElMessage({
+                        message: '请先完善基本信息',
+                        type: 'error',
+                        plain: true
+                    })
+                }
+            })
             if (this.excelHtml && this.upload) {
                 const param = new Object();
                 param.html = this.excelHtml;
                 param.homePath = this.upload.filePath;
                 param.baseId = this.baseInfo.id;
-                let result = true;
                 await houseGuaranty.genTargetsTableWord(param).then(res => {
                     if (res.code === 200) {
                         this.baseInfo.processId = res.data;
                         this.processId = res.data;
-                    }else{
+                    } else {
                         result = false;
                     }
                 })
-                if (result){
+            }
+            if (result) {
+                if (this.processId === null || typeof this.processId === 'undefined') {
+                    ElMessage({
+                        message: '请先上传估价对象一览表',
+                        type: 'error',
+                        plain: true
+                    })
+                    result = false;
+                }
+                if (this.processId && (typeof this.docId === 'undefined' || this.docId === null)) {
                     await houseGuaranty.analysisCollect1(this.processId).then(res => {
                         if (res.code != 200) {
                             result = false;
-                        }else{
+                        } else {
                             this.docId = res.data;
                         }
-
                     })
                 }
-                if (result){
-                    await houseGuaranty.genConsignorLetter(this.processId,this.docId).then(res => {
-                        if (res.code === 200) {
-                            ElMessage({
-                                message: '致委托人函已生成',
-                                type: 'success',
-                                plain: true
-                            })
-                            this.$emit('getProcessParentId',this.processId);
-                            this.$emit('getDocumentId',this.docId)
-                        }else{
-                            result = false;
-                        }
 
-                    })
-                }
-                
             }
-           
+            if (result && this.processId && this.docId) {
+                await houseGuaranty.genConsignorLetter(this.processId, this.docId).then(res => {
+                    if (res.code === 200) {
+                        ElMessage({
+                            message: '致委托人函已生成',
+                            type: 'success',
+                            plain: true
+                        })
+                        this.$emit('getProcessParentId', this.processId);
+                        this.$emit('getDocumentId', this.docId)
+                    } else {
+                        result = false;
+                    }
+
+                })
+            }
+
+
         },
 
-        getProcess(){
-            if (this.docId){
-                houseGuaranty.getProcessByDocId(this.docId).then(res=>{
-                    if (res.code === 200){
+        getProcess() {
+            if (this.docId) {
+                houseGuaranty.getProcessByDocId(this.docId).then(res => {
+                    if (res.code === 200) {
                         this.process = res.data;
-                        this.$emit('getProcessParentId',this.process.id)
+                        this.$emit('getProcessParentId', this.process.id)
                     }
                 })
             }
         },
 
-        downloadCollect1(){
+        downloadCollect1() {
             fileUtil.download("/file/download/house/guaranty/collect1");
         },
 
-        getApprisers(){
-            globalConfig.getByType("APPRAISER").then(res=>{
-                if (res.code===200){
+        getApprisers() {
+            globalConfig.getByType("APPRAISER").then(res => {
+                if (res.code === 200) {
                     this.apprisers = res.data;
                 }
             })
         },
 
-        changeAppr1(){
-            let apprNo = this.apprisers.filter(item=>item.key==this.baseInfo.appraiser1);
+        changeAppr1() {
+            let apprNo = this.apprisers.filter(item => item.key == this.baseInfo.appraiser1);
             this.baseInfo.appraNo1 = apprNo[0].value;
             console.log(this.baseInfo)
         },
-        changeAppr2(){
-            let apprNo = this.apprisers.filter(item=>item.key==this.baseInfo.appraiser2);
+        changeAppr2() {
+            let apprNo = this.apprisers.filter(item => item.key == this.baseInfo.appraiser2);
             this.baseInfo.appraNo2 = apprNo[0].value;
             console.log(this.baseInfo)
         },
-        getBaseInfo(){
-            if (this.docId){
-                houseGuarantyBase.getByDocId(this.docId).then(res=>{
-                    if (res.code === 200){
+        getBaseInfo() {
+            if (this.docId) {
+                houseGuarantyBase.getByDocId(this.docId).then(res => {
+                    if (res.code === 200) {
                         this.baseInfo = res.data;
                         this.baseInfo.methodList = JSON.parse(res.data.methods)
                     }
                 })
             }
-           
+
         },
-        saveBaseInfo(){
-            this.baseInfo.processId = this.processId;
-            this.baseInfo.methods = JSON.stringify(this.baseInfo.methodList);
-            houseGuarantyBase.save(this.baseInfo).then(res=>{
-                if (res.code===200 && res.data){
-                    this.baseInfo.id = res.data
-                    ElMessage({
-                        message: '基本信息保存成功',
-                        type: 'success',
-                        plain: true
+        saveBaseInfo() {
+            this.$refs.base.validate(valid => {
+                if (valid) {
+                    this.baseInfo.processId = this.processId;
+                    this.baseInfo.methods = JSON.stringify(this.baseInfo.methodList);
+                    houseGuarantyBase.save(this.baseInfo).then(res => {
+                        if (res.code === 200 && res.data) {
+                            this.baseInfo.id = res.data
+                            ElMessage({
+                                message: '基本信息保存成功',
+                                type: 'success',
+                                plain: true
+                            })
+                        }
+                    })
+                }
+            })
+
+        },
+        savePladge(){
+            this.$refs.pledge.validate(valid => {
+                if (valid) {
+                    this.baseInfo.processId = this.processId;
+                    this.baseInfo.methods = JSON.stringify(this.baseInfo.methodList);
+                    houseGuarantyBase.save(this.baseInfo).then(res => {
+                        if (res.code === 200 && res.data) {
+                            this.baseInfo.id = res.data
+                            ElMessage({
+                                message: '抵押权信息保存成功',
+                                type: 'success',
+                                plain: true
+                            })
+                        }
                     })
                 }
             })
         }
-     
+
     }
 }
 
@@ -425,6 +611,7 @@ export default {
     font-size: 20px;
     font-weight: 900;
 }
+
 .title1-div {
     height: 80px;
     line-height: 80px;
@@ -432,4 +619,89 @@ export default {
     font-size: 20px;
     font-weight: 900;
 }
+
+:deep(.el-select) {
+    width: 220px;
+}
+
+:deep(.el-input) {
+    width: 220px;
+}
+
+:deep(.el-table .cell) {
+    padding: 0px;
+}
+
+:deep(.el-input__wrapper.is-focus) {
+    --el-input-focus-border: #ff6154;
+    --el-input-focus-border-color: #ff6154;
+}
+
+:deep(.el-radio-group__wrapper.is-focused) {
+    box-shadow: #ff6154;
+    --el-radio-group-input-focus-border-color: #ff6154;
+    --el-color-primary: #ff6154;
+}
+
+:deep(.el-radio__input.is-checked .el-radio__inner) {
+    background: #ff6154;
+    border-color: #ff6154;
+}
+
+:deep(.el-radio__inner:hover) {
+    border-color: #ff6154;
+}
+
+:deep(.el-radio__input.is-checked+.el-radio__label) {
+    color: #ff6154;
+
+}
+
+:deep(.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active) {
+    color: #ff6154;
+}
+
+:deep(.el-tabs__item.is-active, .el-tabs__item:hover) {
+    color: #ff6154;
+}
+
+:deep(.el-checkbox__label) {
+    font-size: 15px;
+}
+
+:deep(.el-checkbox__input.is-checked .el-checkbox__inner) {
+    background-color: #ff6154;
+    border-color: #ff6154;
+    font-size: 20px;
+}
+
+:deep(.el-checkbox__input.is-checked+.el-checkbox__label) {
+    color: #ff6154;
+
+}
+
+:deep(.el-tabs__active-bar) {
+    background-color: #ff6154;
+}
+
+:deep(.el-tabs__item.is-active) {
+    color: #ff6154;
+}
+
+:deep(.el-tabs__item:hover) {
+    color: #ff6154;
+}
+
+:deep(.el-input__wrapper.is-focus) {
+    --el-input-focus-border: #ff6154;
+    --el-input-focus-border-color: #ff6154;
+}
+
+:deep(.el-button--text:hover) {
+    color: #ff6154;
+}
+
+:deep(.el-button--text) {
+    color: #ff6154;
+}
 </style>

src/views/house/workbench/entityInfo.vue

@@ -1,500 +0,0 @@
-<template>
-    <div class="contrl">
-        <el-form :model="entityInfo" label-width="auto" style="margin-top: 10px;">
-            <el-divider content-position="left"><span style="color:#ff6154;">实物状况</span></el-divider>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="竣工年代:" class="form-item" >
-                        <el-date-picker
-                            v-model="entityInfo.nd"
-                            type="year"
-                            placeholder="请选择"
-                            style="width: 100%;"
-                            />
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="使用状况:" class="form-item" >
-                        <el-select v-model="entityInfo.valueTimeMethod" clearable placeholder="请选择">
-                            <el-option   label="出租" value="出租" />
-                            <el-option   label="自用" value="自用" />
-                            <el-option   label="空置" value="空置" />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="产权/实际用途:" class="form-item" >
-                        <el-input v-model="entityInfo.valueTimeMethod" clearable>
-                        </el-input>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="建筑外观:" class="form-item" >
-                        <el-select v-model="entityInfo.valueTimeMethod" clearable placeholder="请选择">
-                            <el-option   label="水泥搓砂" value="水泥搓砂" />
-                            <el-option   label="水刷石" value="水刷石" />
-                            <el-option   label="刷外墙涂料" value="刷外墙涂料" />
-                            <el-option   label="贴外墙砖" value="贴外墙砖" />
-                            <el-option   label="真石漆" value="真石漆" />
-                            <el-option   label="外墙复合材料" value="外墙复合材料" />
-                            <el-option   label="干挂石材" value="干挂石材" />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="所在层:" class="form-item" >
-                        <el-input-number v-model="entityInfo.valueTimeMethod" clearable style="width: 100%;" />
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="总楼层:" class="form-item" >
-                        <el-input-number v-model="entityInfo.valueTimeMethod" clearable style="width: 100%;" />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="载人电梯（数量）:" class="form-item" >
-                        <el-input-number v-model="entityInfo.valueTimeMethod" clearable style="width: 100%;" />
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="中央空调:" class="form-item" >
-                        <el-radio-group v-model="entityInfo.ewe">
-                            <el-radio :value="true">是</el-radio>
-                            <el-radio :value="false" >否</el-radio>
-                        </el-radio-group>
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="自动喷淋:" class="form-item" >
-                        <el-radio-group v-model="entityInfo.ewe">
-                            <el-radio :value="true">是</el-radio>
-                            <el-radio :value="false" >否</el-radio>
-                        </el-radio-group>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="烟感报警:" class="form-item" >
-                        <el-radio-group v-model="entityInfo.ewe">
-                            <el-radio :value="true">是</el-radio>
-                            <el-radio :value="false" >否</el-radio>
-                        </el-radio-group>
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="消防栓:" class="form-item" >
-                        <el-radio-group v-model="entityInfo.ewe">
-                            <el-radio :value="true">是</el-radio>
-                            <el-radio :value="false" >否</el-radio>
-                        </el-radio-group>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="网线光纤:" class="form-item" >
-                        <el-radio-group v-model="entityInfo.ewe">
-                            <el-radio :value="true">是</el-radio>
-                            <el-radio :value="false" >否</el-radio>
-                        </el-radio-group>
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="可视对讲系统:" class="form-item" >
-                        <el-radio-group v-model="entityInfo.ewe">
-                            <el-radio :value="true">是</el-radio>
-                            <el-radio :value="false" >否</el-radio>
-                        </el-radio-group>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="建筑结构:" class="form-item" >
-                        <el-input v-model="entityInfo.valueTimeMethod" clearable></el-input>
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="办公智慧系统:" class="form-item" >
-                        <el-radio-group v-model="entityInfo.ewe">
-                            <el-radio :value="true">是</el-radio>
-                            <el-radio :value="false" >否</el-radio>
-                        </el-radio-group>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="基本设施:" class="form-item" >
-                        <el-select v-model="entityInfo.valueTimeMethod" clearable placeholder="请选择">
-                            <el-option   label="不通气" value="不通气" />
-                            <el-option   label="通气" value="通气" />
-                            <el-option   label="通气通暖" value="通气通暖" />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="户型布局:" class="form-item" >
-                        <el-input v-model="entityInfo.valueTimeMethod" clearable></el-input>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="层高（米）:" class="form-item" >
-                        <el-input-number v-model="entityInfo.valueTimeMethod" clearable style="width: 100%;" />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="成新率:" class="form-item" >
-                        <el-select v-model="entityInfo.valueTimeMethod" clearable placeholder="请选择">
-                            <el-option   label="全新" value="全新" />
-                            <el-option   label="九成新" value="九成新" />
-                            <el-option   label="八至九成新" value="八至九成新" />
-                            <el-option   label="七至八成新" value="七至八成新" />
-                            <el-option   label="六至七成新" value="六至七成新" />
-                            <el-option   label="六成新以下" value="六成新以下" />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-divider content-position="left"><span style="color:#ff6154;">装饰装修</span></el-divider>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="客厅地面:" class="form-item" >
-                        <el-select v-model="entityInfo.valueTimeMethod" 
-                            filterable
-                            allow-create
-                            default-first-option
-                            :reserve-keyword="false">
-                            <el-option   label="贴400*400地砖" value="贴400*400地砖" />
-                            <el-option   label="贴600*600地砖" value="贴600*600地砖" />
-                            <el-option   label="贴800*800地砖" value="贴800*800地砖" />
-                            <el-option   label="铺实木地板" value="铺实木地板" />
-                            <el-option   label="铺强化木地板" value="铺强化木地板" />
-                            <el-option   label="贴防滑地砖" value="贴防滑地砖" />
-                            <el-option   label="铺马赛克" value="铺马赛克" />
-                            <el-option   label="为水泥地坪" value="为水泥地坪" />
-                            <el-option   label="为水泥砂浆找平" value="为水泥砂浆找平" />
-                            <el-option   label="铺地毯" value="铺地毯" />
-                            <el-option   label="刷地坪漆" value="刷地坪漆" />
-                            <el-option   label="其它" value="其它" />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="客厅天棚:" class="form-item" >
-                        <el-select v-model="entityInfo.valueTimeMethod" 
-                            filterable
-                            allow-create
-                            default-first-option
-                            :reserve-keyword="false">
-                            <el-option   label="水泥砂浆刮平" value="水泥砂浆刮平" />
-                            <el-option   label="白色腻子刮平" value="白色腻子刮平" />
-                            <el-option   label="刷乳胶漆" value="刷乳胶漆" />
-                            <el-option   label="安装石膏吊角线" value="安装石膏吊角线" />
-                            <el-option   label="石膏板吊顶装饰" value="石膏板吊顶装饰" />
-                            <el-option   label="石膏板吊边顶" value="石膏板吊边顶" />
-                            <el-option   label="木质吊顶装饰" value="木质吊顶装饰" />
-                            <el-option   label="金属网格吊顶" value="金属网格吊顶" />
-                            <el-option   label="塑料扣板吊顶" value="塑料扣板吊顶" />
-                            <el-option   label="铝扣板吊顶" value="铝扣板吊顶" />
-                            <el-option   label="矿棉板吊顶" value="矿棉板吊顶" />
-                            <el-option   label="其它" value="其它" />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="客厅内墙:" class="form-item" >
-                        <el-select v-model="entityInfo.valueTimeMethod" allow-create clearable default-first-option placeholder="请选择">
-                            <el-option   label="水泥砂浆刮平" value="水泥砂浆刮平" />
-                            <el-option   label="白色腻子刮平" value="白色腻子刮平" />
-                            <el-option   label="刷乳胶漆" value="刷乳胶漆" />
-                            <el-option   label="贴墙砖" value="贴墙砖" />
-                            <el-option   label="木包装饰" value="木包装饰" />
-                            <el-option   label="软包装饰" value="软包装饰" />
-                            <el-option   label="贴墙纸" value="贴墙纸" />
-                            <el-option   label="贴墙布" value="贴墙布" />
-                            <el-option   label="刷白色涂料" value="刷白色涂料" />
-                            <el-option   label="局部木质墙裙，其余部分刷乳胶漆" value="局部木质墙裙，其余部分刷乳胶漆" />
-                            <el-option   label="瓷砖墙裙，其余部分刷乳胶漆" value="瓷砖墙裙，其余部分刷乳胶漆" />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="客厅其他部分:" class="form-item" >
-                        <el-select v-model="entityInfo.valueTimeMethod" allow-create clearable default-first-option placeholder="请选择">
-                            <el-option   label="入户安装防盗门" value="入户安装防盗门" />
-                            <el-option   label="入户安装防火门" value="入户安装防火门" />
-                            <el-option   label="入户安装铁门" value="入户安装铁门" />
-                            <el-option   label="入户安装实木门" value="入户安装实木门" />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="卧室地面:" class="form-item" >
-                        <el-select v-model="entityInfo.valueTimeMethod" 
-                            filterable
-                            allow-create
-                            default-first-option
-                            :reserve-keyword="false">
-                            <el-option   label="贴400*400地砖" value="贴400*400地砖" />
-                            <el-option   label="贴600*600地砖" value="贴600*600地砖" />
-                            <el-option   label="贴800*800地砖" value="贴800*800地砖" />
-                            <el-option   label="铺实木地板" value="铺实木地板" />
-                            <el-option   label="铺强化木地板" value="铺强化木地板" />
-                            <el-option   label="贴防滑地砖" value="贴防滑地砖" />
-                            <el-option   label="铺马赛克" value="铺马赛克" />
-                            <el-option   label="为水泥地坪" value="为水泥地坪" />
-                            <el-option   label="为水泥砂浆找平" value="为水泥砂浆找平" />
-                            <el-option   label="铺地毯" value="铺地毯" />
-                            <el-option   label="刷地坪漆" value="刷地坪漆" />
-                            <el-option   label="其它" value="其它" />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="卧室天棚:" class="form-item" >
-                        <el-select v-model="entityInfo.valueTimeMethod" 
-                            filterable
-                            allow-create
-                            default-first-option
-                            :reserve-keyword="false">
-                            <el-option   label="水泥砂浆刮平" value="水泥砂浆刮平" />
-                            <el-option   label="白色腻子刮平" value="白色腻子刮平" />
-                            <el-option   label="刷乳胶漆" value="刷乳胶漆" />
-                            <el-option   label="安装石膏吊角线" value="安装石膏吊角线" />
-                            <el-option   label="石膏板吊顶装饰" value="石膏板吊顶装饰" />
-                            <el-option   label="石膏板吊边顶" value="石膏板吊边顶" />
-                            <el-option   label="木质吊顶装饰" value="木质吊顶装饰" />
-                            <el-option   label="金属网格吊顶" value="金属网格吊顶" />
-                            <el-option   label="塑料扣板吊顶" value="塑料扣板吊顶" />
-                            <el-option   label="铝扣板吊顶" value="铝扣板吊顶" />
-                            <el-option   label="矿棉板吊顶" value="矿棉板吊顶" />
-                            <el-option   label="其它" value="其它" />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="卧室内墙:" class="form-item" >
-                        <el-select v-model="entityInfo.valueTimeMethod" allow-create clearable default-first-option placeholder="请选择">
-                            <el-option   label="水泥砂浆刮平" value="水泥砂浆刮平" />
-                            <el-option   label="白色腻子刮平" value="白色腻子刮平" />
-                            <el-option   label="刷乳胶漆" value="刷乳胶漆" />
-                            <el-option   label="贴墙砖" value="贴墙砖" />
-                            <el-option   label="木包装饰" value="木包装饰" />
-                            <el-option   label="软包装饰" value="软包装饰" />
-                            <el-option   label="贴墙纸" value="贴墙纸" />
-                            <el-option   label="贴墙布" value="贴墙布" />
-                            <el-option   label="刷白色涂料" value="刷白色涂料" />
-                            <el-option   label="局部木质墙裙，其余部分刷乳胶漆" value="局部木质墙裙，其余部分刷乳胶漆" />
-                            <el-option   label="瓷砖墙裙，其余部分刷乳胶漆" value="瓷砖墙裙，其余部分刷乳胶漆" />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="卧室其他部分:" class="form-item" >
-                        <el-select v-model="entityInfo.valueTimeMethod" allow-create clearable default-first-option placeholder="请选择">
-                            <el-option   label="入户安装防盗门" value="入户安装防盗门" />
-                            <el-option   label="入户安装防火门" value="入户安装防火门" />
-                            <el-option   label="入户安装铁门" value="入户安装铁门" />
-                            <el-option   label="入户安装实木门" value="入户安装实木门" />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="厨房及卫生间地面:" class="form-item" >
-                        <el-select v-model="entityInfo.valueTimeMethod" 
-                            filterable
-                            allow-create
-                            default-first-option
-                            :reserve-keyword="false">
-                            <el-option   label="贴400*400地砖" value="贴400*400地砖" />
-                            <el-option   label="贴600*600地砖" value="贴600*600地砖" />
-                            <el-option   label="贴800*800地砖" value="贴800*800地砖" />
-                            <el-option   label="铺实木地板" value="铺实木地板" />
-                            <el-option   label="铺强化木地板" value="铺强化木地板" />
-                            <el-option   label="贴防滑地砖" value="贴防滑地砖" />
-                            <el-option   label="铺马赛克" value="铺马赛克" />
-                            <el-option   label="为水泥地坪" value="为水泥地坪" />
-                            <el-option   label="为水泥砂浆找平" value="为水泥砂浆找平" />
-                            <el-option   label="铺地毯" value="铺地毯" />
-                            <el-option   label="刷地坪漆" value="刷地坪漆" />
-                            <el-option   label="其它" value="其它" />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="厨房及卫生间天棚:" class="form-item" >
-                        <el-select v-model="entityInfo.valueTimeMethod" 
-                            filterable
-                            allow-create
-                            default-first-option
-                            :reserve-keyword="false">
-                            <el-option   label="水泥砂浆刮平" value="水泥砂浆刮平" />
-                            <el-option   label="白色腻子刮平" value="白色腻子刮平" />
-                            <el-option   label="刷乳胶漆" value="刷乳胶漆" />
-                            <el-option   label="安装石膏吊角线" value="安装石膏吊角线" />
-                            <el-option   label="石膏板吊顶装饰" value="石膏板吊顶装饰" />
-                            <el-option   label="石膏板吊边顶" value="石膏板吊边顶" />
-                            <el-option   label="木质吊顶装饰" value="木质吊顶装饰" />
-                            <el-option   label="金属网格吊顶" value="金属网格吊顶" />
-                            <el-option   label="塑料扣板吊顶" value="塑料扣板吊顶" />
-                            <el-option   label="铝扣板吊顶" value="铝扣板吊顶" />
-                            <el-option   label="矿棉板吊顶" value="矿棉板吊顶" />
-                            <el-option   label="其它" value="其它" />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="12">
-                    <el-form-item label="厨房及卫生间内墙:" class="form-item" >
-                        <el-select v-model="entityInfo.valueTimeMethod" allow-create clearable default-first-option placeholder="请选择">
-                            <el-option   label="水泥砂浆刮平" value="水泥砂浆刮平" />
-                            <el-option   label="白色腻子刮平" value="白色腻子刮平" />
-                            <el-option   label="刷乳胶漆" value="刷乳胶漆" />
-                            <el-option   label="贴墙砖" value="贴墙砖" />
-                            <el-option   label="木包装饰" value="木包装饰" />
-                            <el-option   label="软包装饰" value="软包装饰" />
-                            <el-option   label="贴墙纸" value="贴墙纸" />
-                            <el-option   label="贴墙布" value="贴墙布" />
-                            <el-option   label="刷白色涂料" value="刷白色涂料" />
-                            <el-option   label="局部木质墙裙，其余部分刷乳胶漆" value="局部木质墙裙，其余部分刷乳胶漆" />
-                            <el-option   label="瓷砖墙裙，其余部分刷乳胶漆" value="瓷砖墙裙，其余部分刷乳胶漆" />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="厨房及卫生间其他部分:" class="form-item" >
-                        <el-select v-model="entityInfo.valueTimeMethod" allow-create clearable default-first-option placeholder="请选择">
-                            <el-option   label="入户安装防盗门" value="入户安装防盗门" />
-                            <el-option   label="入户安装防火门" value="入户安装防火门" />
-                            <el-option   label="入户安装铁门" value="入户安装铁门" />
-                            <el-option   label="入户安装实木门" value="入户安装实木门" />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row :gutter="20">
-                <el-col :span="24">
-                    <el-form-item label="土地开发程度:" class="form-item" >
-                        <el-select v-model="entityInfo.valueTimeMethod" clearable placeholder="请选择">
-                            <el-option   label="宗地外“六通”（通上水、通下水、通电、通气、通路、通讯）、宗地内“五通一平”(通上水、通下水、通讯、通电、通路、场地平整)" 
-                                        value="宗地外“六通”（通上水、通下水、通电、通气、通路、通讯）、宗地内“五通一平”(通上水、通下水、通讯、通电、通路、场地平整)" />
-                            <el-option   label="宗地外“六通”（通上水、通下水、通电、通气、通路、通讯）、宗地内“六通一平”(通上水、通下水、通讯、通电、通气、通路、场地平整)" 
-                                        value="宗地外“六通”（通上水、通下水、通电、通气、通路、通讯）、宗地内“六通一平”(通上水、通下水、通讯、通电、通气、通路、场地平整)" />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-            </el-row>
-        </el-form>
-        <SwitchButton :nextPath="nextPath" :lastPath="lastPath"></SwitchButton>
-    </div>
-</template>
-
-
-<script>
-import  SwitchButton from '../../../components/SwichButton/index.vue'
-
-export default {
-
-    components:{
-        SwitchButton
-    },
-
-    data(){
-        return{
-            nextPath:null,
-            lastPath:'/home/houseWorkbench/assumption',
-            entityInfo:{
-
-            },
-            tableData:[
-            {
-                area: '客厅',
-                ground: 'Tom',
-                head: '234',
-                wall: '3.2',
-                other: 10,
-            },
-            {
-                area: '卧室',
-                ground: 'Tom',
-                head: '165',
-                wall: '4.43',
-                other: 12,
-            },
-            {
-                area: '厨房及卫生间',
-                ground: 'Tom',
-                head: '324',
-                wall: '1.9',
-                other: 9,
-            },
-            ]
-        }
-    },
-
-    methods:{
-        arraySpanMethod( row,column,rowIndex,columnIndex,){
-            if (rowIndex % 2 === 0) {
-                if (columnIndex === 0) {
-                return [1, 2]
-                } else if (columnIndex === 1) {
-                return [0, 0]
-                }
-            }
-        }
-    }
-}
-</script>
-
-<style scoped>
-.contrl {
-    font-size: 20px;
-    width: 70.9%;
-    border-right: 1.5px #dae1eb solid;
-    padding: 20px 20px 20px 0px;
-    float: left;
-
-}
-:deep(.el-input__wrapper.is-focus) {
-  --el-input-focus-border: #ff6154;
-  --el-input-focus-border-color:#ff6154;
-}
-
-:deep(.el-select__wrapper.is-focused){
-    box-shadow: #ff6154;
-    --el-select-input-focus-border-color:#ff6154;
-    --el-color-primary:#ff6154;
-}
-:deep(.el-radio__input.is-checked .el-radio__inner) {
-    background:#ff6154;
-    border-color:#ff6154;
-}
-:deep(.el-radio__inner:hover){
-    border-color:#ff6154;
-}
-:deep(.el-radio__input.is-checked+.el-radio__label){
-    color: #ff6154;
-}
-
-</style>

src/views/house/workbench/guarantyResult.vue

@@ -2,11 +2,7 @@
     <div class="contrl">
         <div class="title-div">
             <span>完善估价对象实物信息</span>
-            <el-button class="genBtn" plain type="danger" @click="genResultDoc()">生成《房地产抵押估价结果报告》
-                        <el-icon style="vertical-align: -20%;">
-                            <ArrowRightBold />
-                        </el-icon>
-            </el-button>
+           
         </div>
         <el-tabs v-model="activeName" class="targets-tabs" type="border-card">
             <el-tab-pane :label="'估价对象' + t.tid" :name="t.tid" :lazy="true" v-for="(t, index) in targets">
@@ -54,7 +50,13 @@
                 </div>
                 <amap ref="map" :targetPoint="targetPoint" @getPOIData="getPOIData"></amap>
         </div>
-
+        <div style="margin-top: 30px; width: 100%; text-align: right; ">
+            <el-button type="text" @click="genResultDoc()">生成《房地产抵押估价结果报告》
+                        <el-icon style="vertical-align: -20%;">
+                            <ArrowRightBold />
+                        </el-icon>
+            </el-button>
+        </div>
 
 
         <el-dialog v-model="entityInfoDialog" width="85%" align-center @closed="cleanId">
@@ -757,7 +759,7 @@ export default {
             entityInfoDialog:false,
             entityInfo:{
                 id:null,
-                businessId:null,
+                docId:null,
                 tid:null,
                 tno:null,
                 houseAge:null,
@@ -867,7 +869,7 @@ export default {
             this.entityInfoDialog = true;
         },
         saveEntityInfo(){
-            this.entityInfo.businessId = this.docId;
+            this.entityInfo.docId = this.docId;
             this.entityInfo.tid= this.tId;
             this.entityInfo.tno = this.tNo;
             houseTargetEntity.save(this.entityInfo).then(res=>{
@@ -986,6 +988,7 @@ export default {
             let lngLats = lngLat.split(",");
             this.lng = lngLats[0];
             this.lat = lngLats[1];
+            this.curLngLat = lngLat;
             this.areaInfoDialog = true;
             //先查询保存的区位信息
             houseTargetArea.getByDocIdTidTNo(docId,tid,tno).then(res=>{
@@ -1078,6 +1081,7 @@ export default {
             this.$refs.map.collectHotal(this.redius,this.curLngLat);
         },
         refreshSpot(){
+            console.log(this.curLngLat)
             this.$refs.map.collectSpot(this.redius,this.curLngLat);
         },
         cleanLngLat(){