房地产工作台基本情况-假设条件-实物状况UI

src/assets/base.css

@@ -170,10 +170,13 @@ background: linear-gradient(15deg, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 5
     height: 32px;
     display: flex;
     align-items: center;
-    justify-content: flex-start;
+    justify-content: flex-end;
   }
   .el-input__inner {
     color: #040000 !important;
     font-size: 16px;
   }
-}
+}
+
+
+

src/components/Breadcrumb/index.vue

@@ -22,9 +22,13 @@
   const breadcrumbData = ref([]);
   const getBreadcrumbData = () => {
     breadcrumbData.value = route.matched.filter((item) => {
+      console.log(item)
       return item.meta && item.meta.title;
     });
   };
+  const goTo = (path)=> {
+    router.push(path)
+  }
   // 监听路由发生改变时触发
   watch(
     route,
@@ -37,6 +41,7 @@
   );
 
 
+
 </script>
 <style lang="css" scoped>
   .breadcrumb-enter-active,

src/router/index.js

@@ -9,6 +9,9 @@ import PersonalHome from '../views/personal/home.vue'
 import HouseWorkbench from '../views/house/workbench/index.vue'
 import Consignor from '../views/house/consignor.vue'
 import Certificate from '../views/house/certificate.vue'
+import BaseInfo from '../views/house/baseInfo.vue'
+import Assumption from '../views/house/assumption.vue'
+import EntityInfo from '../views/house/entityInfo.vue'
 
 const routes = [
   {
@@ -74,6 +77,30 @@ const routes = [
             meta: {
               title:'权属资料'
             },
+          },
+          {
+            path: 'baseInfo',
+            component: BaseInfo,
+            name: 'baseInfo',
+            meta: {
+              title:'项目基本信息'
+            },
+          },
+          {
+            path: 'assumption',
+            component: Assumption,
+            name: 'assumption',
+            meta: {
+              title:'假设条件'
+            },
+          },
+          {
+            path: 'entityInfo',
+            component: EntityInfo,
+            name: 'entityInfo',
+            meta: {
+              title:'实物状况'
+            },
           }
         ]
       }

src/views/house/assumption.vue

@@ -0,0 +1,246 @@
+<template>
+    <div class="contrl">
+        <el-form :model="assumption" 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-radio-group v-model="assumption.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="assumption.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-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="assumption.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="assumption.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="assumption.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="assumption.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="assumption.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="assumption.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="assumption.valueTimeMethod" clearable>
+                            <template #append>
+                                平方
+                            </template>
+                        </el-input>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item label="总建筑面积:" class="form-item" >
+                        <el-input v-model="assumption.valueTimeMethod" clearable>
+                            <template #append>
+                                平方
+                            </template>
+                        </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-input v-model="assumption.valueTimeMethod" clearable>
+                            <template #append>
+                                平方
+                            </template>
+                        </el-input>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item label="二层面积:" class="form-item" >
+                        <el-input v-model="assumption.valueTimeMethod" clearable>
+                            <template #append>
+                                平方
+                            </template>
+                        </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-input v-model="assumption.valueTimeMethod" clearable>
+                            <template #append>
+                                平方
+                            </template>
+                        </el-input>
+                    </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="assumption.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="assumption.valueTimeMethod" clearable>
+                            <template #append>
+                                天
+                            </template>
+                        </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="assumption.ewe">
+                            <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 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="assumption.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="assumption.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="assumption.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/entityInfo',
+            lastPath:'/home/houseWorkbench/baseInfo',
+            assumption:{
+
+            }
+        }
+    }
+}
+</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/baseInfo.vue

@@ -0,0 +1,523 @@
+<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/certificate.vue

@@ -451,7 +451,7 @@ import  SwitchButton from '../../components/SwichButton/index.vue'
                 legalPerson: null,
                 legalCode: null
             },
-            nextPath:'/home/houseWorkbench/certificate',
+            nextPath:'/home/houseWorkbench/baseInfo',
             lastPath:'/home/houseWorkbench/consignor',
             certificates:[],
             certificate1:false,
@@ -561,7 +561,6 @@ import  SwitchButton from '../../components/SwichButton/index.vue'
 .contrl {
     font-size: 20px;
     width: 70.9%;
-    height: 1000px;
     border-right: 1.5px #dae1eb solid;
     padding: 20px 20px 20px 0px;
     float: left;
@@ -591,4 +590,9 @@ import  SwitchButton from '../../components/SwichButton/index.vue'
 .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/consignor.vue

@@ -1,6 +1,7 @@
 <template>
     <div class="contrl">
         <el-form :model="consignor" label-width="auto" style="margin-top: 30px;">
+            <el-divider content-position="left"><span style="color:#ff6154;">委托人信息</span></el-divider>
             <el-form-item label="名称:" class="form-item">
                 <el-input v-model="consignor.name" clearable />
             </el-form-item>
@@ -48,10 +49,14 @@ import  SwitchButton from '../../components/SwichButton/index.vue'
 .contrl {
     font-size: 20px;
     width: 70.9%;
-    height: 1000px;
     border-right: 1.5px #dae1eb solid;
     padding: 0px 20px 20px 0px;
     float: left;
 
 }
+
+:deep(.el-input__wrapper.is-focus) {
+  --el-input-focus-border: #ff6154;
+  --el-input-focus-border-color:#ff6154;
+}
 </style>

src/views/house/entityInfo.vue

@@ -0,0 +1,500 @@
+<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/components/timeline.vue

@@ -1,22 +1,34 @@
 <template>
     <div class="contrl-bar">
         <el-timeline style="max-width: 600px">
-          <el-timeline-item timestamp="未完成" placement="top">
+          <el-timeline-item :timestamp="consignorState?'已完成':'未完成'" placement="top" :color="consignorState?'#ff6154':'#dae1eb'">
             <el-card shadow="never"  @click="goto('consignor')" class="timeline-card report-item">
               <h4>委托人信息</h4>
-              <p>Tom committed 2018/4/12 20:46</p>
+              <p>更新时间： 2018/4/12 20:46</p>
             </el-card>
           </el-timeline-item>
-          <el-timeline-item timestamp="未完成" placement="top">
+          <el-timeline-item :timestamp="certificateState?'已完成':'未完成'" placement="top" :color="certificateState?'#ff6154':'#dae1eb'">
             <el-card shadow="never" @click="goto('certificate')" class="timeline-card report-item">
               <h4>权属信息</h4>
-              <p>Tom committed 2018/4/3 20:46</p>
+              <p>更新时间： 2018/4/3 20:46</p>
             </el-card>
           </el-timeline-item>
-          <el-timeline-item timestamp="未完成" placement="top">
-            <el-card shadow="never" class="timeline-card report-item">
+          <el-timeline-item :timestamp="baseInfoState?'已完成':'未完成'" placement="top" :color="baseInfoState?'#ff6154':'#dae1eb'">
+            <el-card shadow="never" @click="goto('baseInfo')" class="timeline-card report-item">
               <h4>项目基本信息</h4>
-              <p>Tom committed 2018/4/2 20:46</p>
+              <p>更新时间： 2018/4/2 20:46</p>
+            </el-card>
+          </el-timeline-item>
+          <el-timeline-item :timestamp="assumptionState?'已完成':'未完成'" placement="top" :color="assumptionState?'#ff6154':'#dae1eb'">
+            <el-card shadow="never" @click="goto('assumption')" class="timeline-card report-item">
+              <h4>假设条件</h4>
+              <p>更新时间： 2018/4/2 20:46</p>
+            </el-card>
+          </el-timeline-item>
+          <el-timeline-item :timestamp="entityInfoState?'已完成':'未完成'" placement="top" :color="entityInfoState?'#ff6154':'#dae1eb'">
+            <el-card shadow="never" @click="goto('entityInfo')" class="timeline-card report-item">
+              <h4>实物状况</h4>
+              <p>更新时间： 2018/4/2 20:46</p>
             </el-card>
           </el-timeline-item>
         </el-timeline>
@@ -25,6 +37,31 @@
 
 <script>
 export default {
+
+  props: {
+     consignorState:{
+        type:Boolean,
+        required:true
+     },
+     certificateState:{
+        type:Boolean,
+        required:true
+     },
+     baseInfoState:{
+        type:Boolean,
+        required:true
+     },
+     assumptionState:{
+        type:Boolean,
+        required:true
+     },
+     entityInfoState:{
+        type:Boolean,
+        required:true
+     },
+
+  },
+
     data() {
         return {
            
@@ -42,8 +79,11 @@ export default {
 <style scoped>
 .contrl-bar{
   height: 600px;
-  width: 25%;
-  float: right;
+  width: 20%;
+  position:fixed;
+  top:160px;
+  right: 150px;
+
 }
 
 .timeline-card:hover{

src/views/house/workbench/index.vue

@@ -5,7 +5,7 @@
          <Breadcrumb />
         </div>
         <Bench></Bench>
-        <Timeline></Timeline>
+        <Timeline :consignorState="true" :certificateState="true"></Timeline>
       </div>
     </div>
   </template>

src/views/house/workbench1.vue

@@ -1,124 +0,0 @@
-<!-- <template>
-  <div class="base">
-    <div class="content">
-      <div class="breadcrumb">
-       <Breadcrumb />
-      </div>
-      <div class="contrl">
-        <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
-          <el-tab-pane label="委托人信息" name="consignor">
-              <el-form  :model="consignor" label-width="auto" style="margin-top: 30px;">
-                    <el-form-item label="名称:" class="form-item">
-                      <el-input v-model="consignor.name" clearable />
-                    </el-form-item>
-                    <el-form-item label="类型:" class="form-item">
-                      <el-input v-model="consignor.type" clearable />
-                    </el-form-item>
-                    <el-form-item label="住所:" class="form-item">
-                      <el-input v-model="consignor.address" clearable />
-                    </el-form-item>
-                    <el-form-item label="法定代表人:" class="form-item">
-                      <el-input v-model="consignor.legalPerson" clearable />
-                    </el-form-item>
-                    <el-form-item label="统一社会信用代码:" class="form-item" >
-                      <el-input v-model="consignor.legalCode" clearable />
-                    </el-form-item>
-              </el-form>
-          </el-tab-pane>
-          <el-tab-pane label="权属资料" name="second">
-            <div class="certificate-div">
-            </div>
-          </el-tab-pane>
-          <el-tab-pane label="Role" name="third">Role</el-tab-pane>
-          <el-tab-pane label="Task" name="fourth">Task</el-tab-pane>
-        </el-tabs>
-      </div>
-      <div class="contrl-bar">
-        <el-timeline style="max-width: 600px">
-          <el-timeline-item timestamp="未完成" placement="top" color="#ff6154">
-            <el-card shadow="hover" >
-              <h4>委托人信息</h4>
-              <p>Tom committed 2018/4/12 20:46</p>
-            </el-card>
-          </el-timeline-item>
-          <el-timeline-item timestamp="未完成" placement="top" color="#ff6154">
-            <el-card shadow="hover">
-              <h4>权属信息</h4>
-              <p>Tom committed 2018/4/3 20:46</p>
-            </el-card>
-          </el-timeline-item>
-          <el-timeline-item timestamp="未完成" placement="top" color="#ff6154">
-            <el-card shadow="hover">
-              <h4>项目基本信息</h4>
-              <p>Tom committed 2018/4/2 20:46</p>
-            </el-card>
-          </el-timeline-item>
-        </el-timeline>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
- import Breadcrumb from '../../components/Breadcrumb/index.vue'
-  export default {
-    name:'houseWorkBench',
-    components:{
-      Breadcrumb
-    },
-    data() {
-      return {
-        consignor: {
-            name:null,
-            type:null,
-            address:null,
-            legalPerson:null,
-            legalCode:null
-        },
-        activeName:'consignor'
-      }
-    }
-  }
-</script>
-
-<style scoped>
-.base {
-  min-height: calc(100vh - 80px);
-  width: 100%;
-}
-.content {
-  margin-left: 160px;
-  margin-right: 160px;
-  padding: 50px 20px 20px 20px;
-  
-}
-.contrl{
-  font-size: 20px;
-  width: 70.9%;
-  height: 1000px;
-  border-right: 1.5px #dae1eb solid;
-  padding: 20px 20px 20px 0px;
-  float: left;
-
-}
-
-.contrl-bar{
-  height: 600px;
-  width: 25%;
-  float: right;
-}
-
-
-:deep(.el-tabs__item.is-active, .el-tabs__active-bar) {
-  color: #ff6154 !important;
-}
-
-:deep(.el-tabs__item:hover) {
-  color: #ff6154 !important;
-}
-
-:deep(.el-tabs__active-bar){
-  background-color: #ff6154 !important;
-}
-</style>
- -->