<!--
 * @Description: 
 * @Autor: renchao
 * @LastEditTime: 2023-09-06 15:20:16
-->
<template>
  <div class="slxx sdqxx">
    <el-form
      :model="ruleForm"
      ref="ruleForm"
      v-Loading="loading"
      :label-position="flag ? 'top' : ''"
      :inline="flag"
      label-width="130px">
      <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
        <div class="slxx_title title-block">
          电力信息
          <div class="triangle"></div>
        </div>
        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="服务代码：">
              <el-input v-model="ruleForm.serviceCode"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="行政区划区县代码：">
              <el-input v-model="ruleForm.AREACODE"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="登记系统业务号：">
              <el-input v-model="ruleForm.YWH"></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="推送日期：">
              <el-input v-model="ruleForm.SENDTIME"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="原户主姓名：">
              <el-input v-model="ruleForm.MC_OLD"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="原户主身份证号码：">
              <el-input v-model="ruleForm.ZJHM_OLD"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="原户主联系电话：">
              <el-input v-model="ruleForm.LXDH_OLD"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="新户主姓名：">
              <el-input v-model="ruleForm.MC_NEW"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="新户主身份证号码：">
              <el-input v-model="ruleForm.ZJHM_NEW"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="新户主联系电话：">
              <el-input v-model="ruleForm.LXDH_NEW"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="房产证编号：">
              <el-input v-model="ruleForm.FCZBH"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="是否过户：">
              <el-switch
                v-model="ruleForm.SFGH"
                :active-value='1'
                active-text="是"
                :inactive-value="0"
                inactive-text="否">
              </el-switch>
            </el-form-item>
          </el-col>

        </el-row>
        <el-row :gutter="10">
          <el-col :span="24">
            <el-form-item label="房屋坐落（地址）：">
              <el-input v-model="ruleForm.FWZL" type="textarea"
                :rows="2"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </div>
    </el-form>
  </div>
</template>
<script>
  import { mapGetters } from "vuex";
  export default {
    computed: {
      ...mapGetters(["dictData", "flag"]),
    },
    mounted () {
      // this.loading = true
      this.viewEdit = this.$parent.currentSelectTab.ableOperation;
      this.propsParam = this.$attrs;
      var formdata = new FormData();
      formdata.append("bsmSldy", this.propsParam.bsmSldy);
      formdata.append("djlx", this.propsParam.djlx);
      formdata.append("isEdit", this.viewEdit);
      // Init(formdata).then((res) => {
      //   if (res.code === 200 && res.result) {
      //   }
      // });
    },
    data () {
      return {
        loading: false,
        //表单是否可操作
        viewEdit: false,
        ruleForm: {
          SFGH: 1
        }
      }
    },
    methods: {
    }
  }
</script>
<style scoped lang="scss">
  @import "~@/styles/public.scss";
  @import "~@/styles/slxx/slxx.scss";
</style>