<!--
 * @Description:
 * @Autor: renchao
 * @LastEditTime: 2023-09-14 17:19:26
-->
<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 disabled v-model="ruleForm.flow.ywh"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="受理人员：">
              <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="受理时间：">
              <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="权利类型：" prop="qllx">
              <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="登记类型：" prop="djlx">
              <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="登记情形：" prop="djqx">
              <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="不动产单元号：">
              <el-input disabled v-model="ruleForm.sldy.bdcdyh"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="原房产证号：">
              <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="坐落：">
              <el-input disabled v-model="ruleForm.sldy.zl"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <div class="slxx_title title-block">
          电力过户信息
          <el-button type="primary" @click="handleDlxx">电力过户信息修改</el-button>
          <div class="triangle"></div>
        </div>
        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="电表编号：">
              <el-input disabled v-model="dlxxForm.cons_no"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="行政区代码：">
              <el-input disabled v-model="dlxxForm.AREACODE"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="业务号：">
              <el-input disabled v-model="dlxxForm.YWH"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="原户主姓名：">
              <el-input disabled v-model="dlxxForm.MC_OLD"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="原户主身份证号码：">
              <el-input disabled v-model="dlxxForm.ZJHM_OLD"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="原户主联系电话：">
              <el-input disabled v-model="dlxxForm.LXDH_OLD"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="新户主姓名：">
              <el-input disabled v-model="dlxxForm.MC_NEW"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="新户主身份证号码：">
              <el-input disabled v-model="dlxxForm.ZJHM_NEW"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="新户主联系电话：">
              <el-input disabled v-model="dlxxForm.LXDH_NEW"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="10">
          <el-col :span="24">
            <el-form-item label="房屋坐落（地址）：">
              <el-input disabled v-model="dlxxForm.FWZL"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="房产证编号：">
              <el-input disabled v-model="dlxxForm.FCZBH"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="是否过户：">
              <el-switch
                disabled
                v-model="dlxxForm.SFGH"
                :active-value="1"
                active-text="是"
                :inactive-value="0"
                inactive-text="否"
              >
              </el-switch>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="推送日期：">
              <el-input disabled v-model="dlxxForm.SENDTIME"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <div class="slxx_title title-block">
          自来水过户信息
          <div class="triangle"></div>
        </div>
        <div class="slxx_title title-block">
          天然气过户信息
          <div class="triangle"></div>
        </div>
        <div class="slxx_title title-block">
          热力供暖过户信息
          <div class="triangle"></div>
        </div>
      </div>
    </el-form>
  </div>
</template>
<script>
import { mapGetters } from "vuex";
import { getDetail } from "@/api/workflow/swhtxx.js";
export default {
  computed: {
    ...mapGetters(["dictData", "flag"]),
  },
  mounted() {
    // this.loading = true
    this.viewEdit = this.$parent.currentSelectTab.ableOperation;
    this.propsParam = this.$attrs;
    this.loadData();
  },
  data() {
    return {
      loading: false,
      //表单是否可操作
      viewEdit: false,
      ruleForm: {},
      dlxxForm: {},
    };
  },
  methods: {
    loadData() {
      getDetail(this.propsParam.bsmSldy).then((res) => {
        if (res.code === 200) {
          if (res.result != null) {
            this.ruleForm = res.result;
            if (res.result.wqht == null) {
             return;
            }
            if (res.result.wqht.dlnr != "" && res.result.wqht.dlnr != null) {
              this.dlxxForm = JSON.parse(res.result.wqht.dlnr);
            }           
          }
        }
      });
    },
    onSubmit() {},
    handleDlxx() {
      let formData = {
          bsmSldy: this.propsParam.bsmSldy,
          bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
          areaCode: this.ruleForm.qlxx.qxdm,
          ywh: this.ruleForm.qlxx.ywh,         
          mcOld:'',
          zjhmOld:'',
          lxdhOld:'',
          mcNew:'',
          zjhmNew:'',
          lxdhNew:'',
          fczbh:this.ruleForm.qlxx.bdcqzh,
          fwzl:this.ruleForm.qlxx.zl,
        };       
        if(this.ruleForm.wqht!=null){
          formData.cons_no=this.ruleForm.wqht.consNo;
          if(this.ruleForm.wqht.dlnr!=null&&this.ruleForm.wqht.dlnr!=''){
            formData.ZJHM_OLD=this.ruleForm.wqht.dlnr.ZJHM_OLD;
            formData.ZJHM_NEW=this.ruleForm.wqht.dlnr.ZJHM_NEW;
          }
        }
        console.log(formData)
        this.$popupDialog('房产电力过户详情', 'workflow/main/sdqxx/dlxx', formData, '60%', true)
    },
  },
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>