首次登记和注销登记代码优化

夏齐
Showing 1 changed file with 389 additions and 0 deletions
src/views/ywbl/fdcq2/slxx400.vue
--- a/src/views/ywbl/fdcq2/slxx400.vue 0 → 100644
View file @919cb09
+++ b/src/views/ywbl/fdcq2/slxx400.vue 0 → 100644
View file @919cb09
+<template>
+  <!-- 受理信息 -->
+  <div class="slxx">
+    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
+      label-width="120px">
+      <div class="slxx_con">
+        <div class="slxx_title title-block">
+          受理信息
+          <div class="triangle"></div>
+        </div>
+        <el-row :gutter="10" v-if="ruleForm.slywxx">
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：">
+              <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：">
+              <el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：">
+              <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10" v-if="ruleForm.slywxx">
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
+              <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：">
+              <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：">
+              <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="slxx_title title-block">
+          不动产单元情况
+          <div class="triangle"></div>
+        </div>
+        <el-row :gutter="10" v-if="ruleForm.qlxx">
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：">
+              <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="原不动产证号：">
+              <el-input disabled v-model="ruleForm.slywxx.ybdcqzsh"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="竣工时间：">
+              <el-input disabled v-model="ruleForm.fdcq2.jgsj"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10" v-if="ruleForm.fdcq2">
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途：">
+              <el-input disabled v-model="ruleForm.fdcq2.yt"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用起止时间：">
+              <el-input disabled v-model="ruleForm.fdcq2.tdsyqzsj"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用期限：">
+              <el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10" v-if="ruleForm.qlxx">
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途：">
+              <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质：">
+              <el-input disabled v-model="ruleForm.fdcq2.fwxzmc"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构：">
+              <el-input disabled v-model="ruleForm.fdcq2.fwjgmc"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10" v-if="ruleForm.fdcq2">
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="所在层：">
+              <el-input disabled v-model="ruleForm.fdcq2.szc"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="总层数：">
+              <el-input disabled v-model="ruleForm.fdcq2.zcs"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="建筑面积：">
+              <el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10" v-if="ruleForm.qlxx">
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="专有建筑面积：">
+              <el-input disabled v-model="ruleForm.fdcq2.zyjzmj"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="分摊建筑面积：">
+              <el-input disabled v-model="ruleForm.fdcq2.ftjzmj"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="16">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
+              <el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="slxx_title title-block">
+          权利人信息
+          <div class="triangle"></div>
+        </div>
+        <el-row :gutter="10">
+          <el-col :span="14" v-if="ruleForm.qlxx">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
+              <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.slywxx.gyfs">
+                <el-radio label="1">单独所有</el-radio>
+                <el-radio label="2">共同共有</el-radio>
+                <el-radio label="3">按份所有</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证：">
+              <el-radio-group v-model="ruleForm.sffbcz">
+                <el-radio label="1">是</el-radio>
+                <el-radio label="0">否</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
+              <el-select v-model="ruleForm.czr" placeholder="持证人">
+                <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
+                          :gyfs="ruleForm.qlxx.gyfs" />
+        <div class="slxx_title title-block">
+          登记原因
+          <div class="triangle"></div>
+        </div>
+        <el-row :gutter="10">
+          <el-col>
+            <el-form-item v-if="ruleForm.fdcq2" :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
+              <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1"
+                        v-model="ruleForm.fdcq2.djyy">
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </div>
+      <el-row class="btn" v-if="!$route.query.viewtype">
+        <el-form-item :class="flag ? 'marginBot0' : ''">
+          <el-button type="primary" @click="onSubmit">保存</el-button>
+        </el-form-item>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+<script>
+import InformationTable from "@/views/workflow/components/InformationTable";
+import {Init, saveData} from "@/api/fwsyqFlow.js";
+import { mapGetters } from "vuex";
+import {logoutReg} from "@/api/jsydsyqFlow";
+export default {
+  async created () {
+    this.propsParam = this.$attrs;
+    var formdata = new FormData();
+    formdata.append("bsmSldy", this.propsParam.bsmSldy);
+    formdata.append("djlx", this.propsParam.djlx);
+    Init(formdata).then((res) => {
+      if (res.code === 200 && res.result) {
+        this.ruleForm = {
+          ...res.result,
+          ...res.result.zdjbxxdatas,
+          ...res.result.qlxxdatas,
+          ...res.result.jsydsyqdatas,
+        };
+      }
+    });
+  },
+  components: { InformationTable },
+  computed: {
+    ...mapGetters(["dictData", "flag"]),
+  },
+  data () {
+    return {
+      disabled: true,
+      tdytOption: [],
+      czrOptions: [],
+      ruleForm: {
+        ywh: "",
+        slry: "",
+        slsj: "",
+        qllx: "",
+        djlx: "",
+        djqx: "",
+        // 宗地代码
+        zddm: "",
+        bdcdyh: "",
+        qlxzmc: "",
+        qlrxx: [],
+        // 自然幢号
+        zrzh: "",
+        // 户不动产单元号
+        hbdcdyh: '',
+        djzt: '',
+        // 图幅丘幢号
+        tfqzh: '',
+        zl: '',
+        // 房屋用途
+        fwyt: '',
+        fwxz: '',
+        fwjg: '',
+        // 权利人信息
+        gyfs: "1",
+        // 是否分别持证
+        sffbcz: "",
+        // 持证人
+        czr: "",
+        djyy: ''
+      },
+      //传递参数
+      propsParam: {},
+      rules: {},
+    };
+  },
+  methods: {
+    onClick(){
+      this.$popup({
+        titleStyle: "left",
+        title: "登记簿详情", // 弹窗标题
+        editItem: "ywbl/fdcq2/slxx900", // 弹窗内容
+        formData: {
+          bsmSlsq: this.propsParam.bsmSldy,
+          qllx: this.propsParam.qllx
+        },
+        width: "1220px",
+        height: "790px",
+        // cancelText: '取消摆烂', // 右边按钮文本
+        // confirmText: '确定点击', //左边按钮文本
+        cancel: () => {
+          console.log("取消回调");
+        },
+        confirm: () => {
+          console.log("确认回调");
+        },
+      });
+    },
+    // 更新权利人信息
+    upDateQlrxxList (val) {
+      this.ruleForm.qlrList =  _.cloneDeep(val);
+    },
+    // 更新权利人信息
+    upDateYwrxxList (val) {
+      this.ruleForm.ywrList = _.cloneDeep(val);
+    },
+    list (bsmSldy) {
+      var formdata = new FormData();
+      formdata.append("bsmSldy", bsmSldy);
+      Init(formdata).then((res) => {
+        if (res.code === 200 && res.result) {
+          this.ruleForm = {
+            ...res.result,
+            ...res.result.zdjbxxdatas,
+            ...res.result.qlxxdatas,
+            ...res.result.jsydsyqdatas,
+          };
+        }
+      });
+    },
+    onSubmit () {
+      saveData(this.ruleForm).then((res) => {
+        if (res.code === 200 && res.result) {
+          console.log(res);
+          //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
+        }
+      });
+    },
+  },
+};
+</script>
+<style scoped lang='scss'>
+@import "~@/styles/public.scss";
+/deep/.el-form {
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 130px);
+  background-color: aqua;
+}
+/deep/.el-form-item__label {
+  padding: 0;
+}
+/deep/.el-radio {
+  margin-right: 10px;
+}
+/deep/.el-select {
+  width: 100%;
+}
+/deep/.el-form-item {
+  margin-bottom: 8px;
+}
+.marginBot0 {
+  margin-bottom: 0 !important;
+}
+.slxx {
+  box-sizing: border-box;
+}
+.slxx_con {
+  flex: 1;
+  height: 100%;
+  background-color: #ffffff;
+  overflow-y: auto;
+  padding-right: 3px;
+  overflow-x: hidden;
+}
+.submit_btn {
+  height: 50px;
+}
+.slxx_title {
+  border-bottom: 1px solid $borderColor;
+  padding-left: 10px;
+  padding-bottom: 5px;
+  margin-bottom: 10px;
+  margin-top: 5px;
+  font-size: 16px;
+  font-weight: 500;
+  color: #4a4a4a;
+}
+.btn {
+  text-align: center;
+  padding-top: 10px;
+  height: 36px;
+  background-color: #ffffff;
+  padding: 5px 0;
+}
+.textArea {
+  /deep/.el-textarea__inner {
+    min-height: 90px !important;
+  }
+}
+/deep/.el-form-item__label {
+  padding-bottom: 0px;
+}
+</style>