--no commit message

xiaomiao
Showing 1 changed file with 129 additions and 91 deletions
src/views/ywbl/slsqxx/fdcq2/slxxOverview.vue
--- a/src/views/ywbl/slsqxx/fdcq2/slxxOverview.vue
View file @ef48ed1
+++ b/src/views/ywbl/slsqxx/fdcq2/slxxOverview.vue
View file @ef48ed1
@@ -5,8 +5,14 @@
 -->
 <template>
  <div class="slxx">
-    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
+    <el-form
-      label-width="130px">
+      :model="ruleForm"
+      :rules="rules"
+      ref="ruleForm"
+      :label-position="flag ? 'top' : ''"
+      :inline="flag"
+      label-width="130px"
+    >
      <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
        <div class="slxx_title title-block">
          受理信息
@@ -30,14 +36,20 @@
          </el-col>
        </el-row>
        <el-row :gutter="10" v-if="ruleForm.slsq">
-          <el-col :span="8" v-if="ruleForm.sldyList.length>0">
+          <el-col :span="8" v-if="ruleForm.sldyList.length > 0">
            <el-form-item label="权利类型：">
-              <el-input disabled v-model="ruleForm.sldyList[0].qllxmc"></el-input>
+              <el-input
+                disabled
+                v-model="ruleForm.sldyList[0].qllxmc"
+              ></el-input>
            </el-form-item>
          </el-col>
-          <el-col :span="8" v-if="ruleForm.sldyList.length>0">
+          <el-col :span="8" v-if="ruleForm.sldyList.length > 0">
            <el-form-item label="登记类型：">
-              <el-input disabled v-model="ruleForm.sldyList[0].djlxmc"></el-input>
+              <el-input
+                disabled
+                v-model="ruleForm.sldyList[0].djlxmc"
+              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
@@ -99,10 +111,13 @@
          <div class="triangle"></div>
        </div>
        <el-row :gutter="10">
-          <el-col :span="14" v-if="ruleForm.sldyList.length>0">
+          <el-col :span="14" v-if="ruleForm.sldyList.length > 0">
            <el-form-item label="共有方式：">
-              <el-radio-group :disabled="!ableOperation" @change="showCZInfo"
+              <el-radio-group
-                v-model="ruleForm.sldyList[0].gyfs">
+                :disabled="!ableOperation"
+                @change="showCZInfo"
+                v-model="ruleForm.sldyList[0].gyfs"
+              >
                <el-radio label="0">单独所有</el-radio>
                <el-radio label="1">共同共有</el-radio>
                <el-radio label="2">按份所有</el-radio>
@@ -111,31 +126,49 @@
            </el-form-item>
          </el-col>
-          <el-col :span="5" v-show="ruleForm.sldyList.length>0 && ruleForm.slsq.gyfs != '0'">
+          <el-col
-            <el-form-item label="是否分别持证：" v-if="ruleForm.sldyList.length>0">
+            :span="5"
+            v-show="ruleForm.sldyList.length > 0 && ruleForm.slsq.gyfs != '0'"
+          >
+            <el-form-item
+              label="是否分别持证："
+              v-if="ruleForm.sldyList.length > 0"
+            >
              <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz">
                <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.sldyList.length>0 && ruleForm.sldyList[0].gyfs != '0'">
+          <el-col
+            :span="5"
+            v-show="
+              ruleForm.sldyList.length > 0 && ruleForm.sldyList[0].gyfs != '0'
+            "
+          >
            <el-form-item label="持证人：">
              <el-input v-model="ruleForm.slsq.czr"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
-        <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
+        <qlrCommonTable
-          :gyfs="ruleForm.slsq.gyfs" />
+          @upDateQlrxxList="upDateQlrxxList"
+          :tableData="ruleForm.qlrList"
+          :gyfs="ruleForm.slsq.gyfs"
+        />
        <div class="slxx_title title-block">
          登记原因
          <div class="triangle"></div>
        </div>
        <el-row :gutter="10">
-          <el-col v-if="ruleForm.fdcq2List.length>0">
+          <el-col v-if="ruleForm.fdcq2List.length > 0">
            <el-form-item v-if="ruleForm.slsq" label="登记原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" :disabled="!ableOperation"
+              <el-input
-                v-model="ruleForm.fdcq2List[0].djyy">
+                class="textArea"
+                type="textarea"
+                :disabled="!ableOperation"
+                v-model="ruleForm.fdcq2List[0].djyy"
+              >
              </el-input>
            </el-form-item>
          </el-col>
@@ -150,14 +183,19 @@
  </div>
 </template>
 <script>
-  import ywmix from "@/views/ywbl/mixin/index"
+import ywmix from "@/views/ywbl/mixin/index";
-  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-  import { BatchInit, Init, saveBatchData, saveData } from "@/api/workflow/fwsyqFlow.js";
+import {
-  import { mapGetters } from "vuex";
+  BatchInit,
-  export default {
+  Init,
+  saveBatchData,
+  saveData,
+} from "@/api/workflow/fwsyqFlow.js";
+import { mapGetters } from "vuex";
+export default {
  mixins: [ywmix],
-    mounted (callbackfn, thisArg) {
+  mounted(callbackfn, thisArg) {
-      this.ableOperation = this.$parent.currentSelectTab.ableOperation
+    this.ableOperation = this.$parent.currentSelectTab.ableOperation;
    this.propsParam = this.$attrs;
    var formdata = new FormData();
    formdata.append("bsmSldy", this.propsParam.bsmSldy);
@@ -169,44 +207,45 @@
        this.ruleForm = res.result;
        this.splicingFdcq2Info();
      }
-      })
+    });
  },
  components: { qlrCommonTable },
  computed: {
-      ...mapGetters(["dictData", "flag"])
+    ...mapGetters(["dictData", "flag"]),
  },
-    data () {
+  data() {
    return {
      disabled: true,
      tdytOption: [],
      ruleForm: {
-          cfdjList: []//查封登记
+        cfdjList: [], //查封登记
-          , diyaqList: []//抵押权
+        diyaqList: [], //抵押权
-          , fdcq2List: []//房屋信息集合
+        fdcq2List: [], //房屋信息集合
-          , qlrList: []//权利人
+        qlrList: [], //权利人
-          , ywrList: []//义务人
+        ywrList: [], //义务人
-          , qlxxList: []//权利信息集合
+        qlxxList: [], //权利信息集合
-          , sldyList: []//受理不动产单元集合
+        sldyList: [], //受理不动产单元集合
-          , slsq: {}//受理申请流程明细
+        slsq: {}, //受理申请流程明细
-          , flow: {}//受理申请流程明细
+        flow: {}, //受理申请流程明细
-          , sqrList: []//申请人
+        sqrList: [], //申请人
-          , ssQlxxList: []//上手权利信息
+        ssQlxxList: [], //上手权利信息
-          , user: {}//用户
+        user: {}, //用户
-          , zdjbxx: {}//宗地基本信息
+        zdjbxx: {}, //宗地基本信息
      },
      //传递参数
      propsParam: this.$attrs,
      //表单是否可操作
      ableOperation: true,
      rules: {},
-        bsmSlsq: this.$route.query.bsmSlsq,//受理申请标识码
+      bsmSlsq: this.$route.query.bsmSlsq, //受理申请标识码
-        splicingFdcq2: {//前端根据后台数组组装展示内容
+      splicingFdcq2: {
-          fwxz: ''//房屋性质
+        //前端根据后台数组组装展示内容
-          , fwjg: ''//房屋结构
+        fwxz: "", //房屋性质
-          , jzmj: '' //建筑面积
+        fwjg: "", //房屋结构
-          , zts: ''//房屋总套数
+        jzmj: "", //建筑面积
-        }
+        zts: "", //房屋总套数
-      }
+      },
+    };
  },
  methods: {
    //组装房地产权通用信息
@@ -214,16 +253,16 @@
     * @description: 组装房地产权通用信息
     * @author: renchao
     */
-      splicingFdcq2Info () {
+    splicingFdcq2Info() {
      let fdcq2List = this.ruleForm.fdcq2List;
      let fwxzArr = [];
      let fwjgArr = [];
      let jzmj = 0;
-        fdcq2List.forEach(fdcq2 => {
+      fdcq2List.forEach((fdcq2) => {
        fwxzArr.push(fdcq2.fwxzmc);
        fwjgArr.push(fdcq2.fwjgmc);
        jzmj += parseFloat(fdcq2.jzmj);
-        })
+      });
      //将数据转为字符串
      //房屋性质
      let fwxz = Array.from(new Set(fwxzArr)).join(",");
@@ -233,7 +272,6 @@
      this.splicingFdcq2.fwjg = fwjg;
      this.splicingFdcq2.jzmj = jzmj == null ? 0 : jzmj;
      this.splicingFdcq2.zts = fdcq2List.length;
    },
    // 更新权利人信息
@@ -242,14 +280,14 @@
     * @param {*} val
     * @author: renchao
     */
-      upDateQlrxxList (val) {
+    upDateQlrxxList(val) {
      this.ruleForm.qlrList = _.cloneDeep(val);
    },
    /**
     * @description: showCZInfo
     * @author: renchao
     */
-      showCZInfo () {
+    showCZInfo() {
      console.log(this.ruleForm.slsq.gyfs);
    },
    // 更新义务人信息
@@ -258,14 +296,14 @@
     * @param {*} val
     * @author: renchao
     */
-      upDateYwrxxList (val) {
+    upDateYwrxxList(val) {
      this.ruleForm.ywrList = _.cloneDeep(val);
    },
    /**
     * @description: onSubmit
     * @author: renchao
     */
-      onSubmit () {
+    onSubmit() {
      saveBatchData(this.ruleForm).then((res) => {
        if (res.code === 200) {
          this.$message({
@@ -273,66 +311,66 @@
            message: "保存成功！",
            type: "success",
          });
-            this.$store.dispatch('user/refreshPage', true);
+          this.$store.dispatch("user/refreshPage", true);
        } else {
          this.$message({
            showClose: true,
            message: res.message,
-              type: "error"
+            type: "error",
-            })
+          });
-          }
-        })
-      }
-    }
        }
+      });
+    },
+  },
+};
 </script>
-<style scoped lang='scss'>
+<style scoped lang="scss">
-  @import "~@/styles/public.scss";
+@import "~@/styles/public.scss";
-  /deep/.el-form {
+/deep/.el-form {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 130px);
-  }
+}
-  /deep/.el-form-item__label {
+/deep/.el-form-item__label {
  padding: 0;
-  }
+}
-  /deep/.el-radio {
+/deep/.el-radio {
  margin-right: 10px;
-  }
+}
-  /deep/.el-select {
+/deep/.el-select {
  width: 100%;
-  }
+}
-  /deep/.el-form-item {
+/deep/.el-form-item {
  margin-bottom: 8px;
-  }
+}
-  .marginBot0 {
+.marginBot0 {
  margin-bottom: 0 !important;
-  }
+}
-  .slxx {
+.slxx {
  box-sizing: border-box;
-  }
+}
-  .slxx_con {
+.slxx_con {
  flex: 1;
  height: 100%;
  background-color: #ffffff;
  overflow-y: auto;
  padding-right: 3px;
  overflow-x: hidden;
-  }
+}
-  .submit_btn {
+.submit_btn {
  height: 50px;
-  }
+}
-  .slxx_title {
+.slxx_title {
  border-bottom: 1px solid $borderColor;
  padding-left: 10px;
  padding-bottom: 5px;
@@ -341,23 +379,23 @@
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
-  }
+}
-  .btn {
+.btn {
  text-align: center;
  padding-top: 10px;
  height: 36px;
  background-color: #ffffff;
  padding: 5px 0;
-  }
+}
-  .textArea {
+.textArea {
  /deep/.el-textarea__inner {
    min-height: 90px !important;
  }
-  }
+}
-  /deep/.el-form-item__label {
+/deep/.el-form-item__label {
  padding-bottom: 0px;
-  }
+}
 </style>