<template>
  <div class="slxx swxx">
    <el-form
      :model="ruleForm"
      ref="ruleForm"
      v-Loading="loading"
      :label-position="flag ? 'top' : ''"
      :inline="flag"
      label-width="120px">
      <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.bdcdyh"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="原产证号：">
              <el-input disabled v-model="ruleForm.yfczh"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="面积(m3)：">
              <el-input disabled v-model="ruleForm.mj"></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.qllxmc"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="用途：">
              <el-input disabled v-model="ruleForm.yt"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="坐落：">
              <el-input disabled v-model="ruleForm.zl"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <div class="slxx_title title-block">
          买方信息
          <div class="triangle"></div>
        </div>
        <lb-table :column="column" :pagination="false" :heightNumSetting="true"
          :data="ruleForm.tableDataList">
        </lb-table>
        <div class="slxx_title title-block">
          卖方信息
          <div class="triangle"></div>
        </div>
        <lb-table :column="column1" :pagination="false" :heightNumSetting="true"
          :data="ruleForm.tableDataList">
        </lb-table>
        <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.htbh"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="合同金额(万元)：">
              <el-input v-model="ruleForm.htje"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="签订时间：">
              <el-date-picker
                class="width100"
                v-model="ruleForm.qdsj"
                type="date"
                placeholder="选择日期"
                value-format="yyyy-MM-dd HH:mm:ss"
                format="yyyy-MM-dd">
              </el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <div class="slxx_title title-block">
          缴税信息
          <div class="triangle"></div>
        </div>
        <lb-table :column="column2" :pagination="false" :heightNumSetting="true"
          :data="ruleForm.tableDataList">
        </lb-table>
      </div>
      <el-row class="btn" v-if="viewEdit">
        <el-form-item>
          <el-button type="primary" @click="onSubmit">保存</el-button>
        </el-form-item>
      </el-row>
    </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,
        column: [
          {
            prop: "qlrxm",
            label: "权利人姓名"
          },
          {
            prop: "gyqk",
            label: "共有情况"
          },
          {
            prop: "zjzl",
            label: "身份证号种类"
          },
          {
            prop: "zjhm",
            label: "证件号码"
          },
        ],
        column1: [{
          prop: "ywrxm",
          label: "义务人姓名"
        },
        {
          prop: "zjzl",
          label: "身份证号种类"
        },
        {
          prop: "zjhm",
          label: "证件号码"
        }],
        column2: [{
          type: 'index',
          label: "序号",
          width: '50'
        },
        {
          prop: "nsr",
          label: "纳税人"
        },
        {
          prop: "sz",
          label: "税种"
        },
        {
          prop: "jsyj",
          label: "计税依据"
        },
        {
          prop: "sl",
          label: "税率"
        },
        {
          prop: "jsje",
          label: "计税金额"
        }],
        ruleForm: {
          tableDataList: []
        }
      }
    },
    methods: {
      onSubmit () { }
    }
  }
</script>
<style scoped lang="scss">
  @import "~@/styles/public.scss";
  @import "~@/styles/slxx/slxx.scss";
</style>