productivity-platform-web/src/views/house/workbench/entityInfo.vue

<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>