Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

@@ -4,7 +4,7 @@
  * @Author: sakuya
  * @Date: 2021年6月10日10:04:07
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2023-11-07 09:23:12
+ * @LastEditTime: 2023-11-07 10:04:18
 -->
 
 <template>

 /*
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2024-02-01 08:52:00
+ * @LastEditTime: 2024-02-01 16:27:16
  */
 import { getUserInfo } from '@/api/user'
 const state = {

@@ -387,9 +387,6 @@
       justify-content: center;
       align-items: center;
     }
-    height: 45px;
-    border: 1px solid rgb(228, 228, 228);
-    border-right: 4px solid #f5f5f5;
   }
 
   .select {

-<!--
- * @Description: 审批意见
- * @Autor: renchao
- * @LastEditTime: 2023-08-16 14:39:55
--->
-<template>
-  <div class="spyj loadingtext">
-    <div class="box">
-      <div class="spyj_title">
-        <div class="righttitle">审批表</div>
-      </div>
-
-      <div v-for="(item, index) in tableData" :key="index">
-        <el-form
-          :model="tableData[index]"
-          label-width="120px"
-          ref="ruleForm'"
-        >
-          <div class="spyj_form">
-            <div class="item_left">
-              <div class="right">{{ item.jdmc }}意见</div>
-            </div>
-            <div class="item_right">
-              <el-row>
-                <el-col :span="24">
-                  <el-form-item
-                    label-width="0"
-                    class="opinion_item"
-                  >
-                    <el-input
-                      :disabled="!viewEdit || item.show"
-                      type="textarea"
-                      :rows="4"
-                      class="opinion"
-                      placeholder="请输入审批意见"
-                      v-model="item.shyj"
-                    ></el-input>
-                    <el-button
-                      class="opinion_btn"
-                      @click="commonOpinion(index)"
-                       :disabled="!viewEdit|| item.show"
-                      >常用意见</el-button
-                    >
-                  </el-form-item>
-                </el-col>
-              </el-row>
-              <el-row>
-                <el-col :span="16">
-                  <el-form-item label="审查人">
-                    {{ item.shryxm }}
-                  </el-form-item>
-                </el-col>
-                <el-col :span="8">
-                  <el-form-item disabled label="审核时间" :key="refresh">
-                    {{ item.shjssj }}
-                  </el-form-item>
-                </el-col>
-              </el-row>
-            </div>
-          </div>
-        </el-form>
-      </div>
-      <div class="submit_button" v-if="viewEdit">
-        <el-button type="primary" :disabled="shows" @click="onSubmit()"
-          >保存</el-button
-        >
-      </div>
-    </div>
-    <!-- <el-empty v-if="isNoData" description="暂无数据"></el-empty> -->
-  </div>
-</template>
-<script>
-import { saveSpyjBySlsq, getSpyjList } from "@/api/opinion.js";
-import { mapGetters } from "vuex";
-import { getNewDatesh } from "@/utils/util";
-export default {
-  computed: {
-    ...mapGetters(["userData", "yjsqOptions", "userInfo"]),
-  },
-  data() {
-    return {
-      isNoData: false,
-      currentindex: 0,
-      bsmSlsq: "",
-      refresh: 10,
-      viewEdit: false,
-      bsmSlsq: this.$route.query.bsmSlsq,
-      bestepid: this.$route.query.bestepid,
-      propsParam: {},
-      tableData: [],
-      falg: false,
-      falg1: false,
-      jdmc: "",
-      indexdqlc: 0,
-      shows: false,
-    };
-  },
-
-  watch: {
-    yjsqOptions: {
-      handler(val) {
-        this.add(val);
-      },
-      deep: true,
-      immediate: true,
-    },
-  },
-  created() {},
-  mounted() {
-    this.propsParam = this.$attrs;
-    this.viewEdit = this.$parent.currentSelectTab.ableOperation;
-    this.getShList();
-
-    switch (this.$parent.dqhj) {
-      case "cs":
-        this.indexdqlc = 0;
-        this.jdmc = "初审";
-        break;
-      case "fs":
-        this.indexdqlc = 1;
-        this.jdmc = "复审";
-        break;
-      case "hd":
-        this.indexdqlc = 2;
-        this.jdmc = "核定";
-        break;
-    }
-  },
-  methods: {
-    /**
-     * @description: getShList
-     * @param {*} obj
-     * @author: renchao
-     */
-    getShList() {
-      this.$startLoading();
-      var formdata = new FormData();
-      formdata.append("bsmBusiness", this.propsParam.bsmBusiness);
-      formdata.append("bestepid", this.$route.query.bestepid);
-
-      getSpyjList(formdata).then((res) => {
-        this.$endLoading();
-        if (res.code === 200 && res.result) {
-          this.$nextTick(() => {
-            this.tableData = res.result;
-            if (this.shows) {
-              this.shows = false;
-            }
-
-            var index = this.tableData.findIndex(
-              (item) => item.jddm === this.$parent.dqhj
-            );
-            if (index == -1) {
-              switch (this.$parent.dqhj) {
-                case "cs":
-                  this.tableData.push({ jdmc: "初审", jddm: "cs", sxh: 1 });
-                  break;
-                case "fs":
-                  this.tableData.push({ jdmc: "复审", jddm: "fs", sxh: 2 });
-                  break;
-                case "hd":
-                  this.tableData.push({ jdmc: "核定", jddm: "hd", sxh: 3 });
-                  break;
-              }
-            }
-            this.tableData.forEach((item) => {
-              item.show = true;
-              if (this.$parent.dqhj == item.jddm) {
-                item["stepid"] = this.$route.query.bestepid;
-                item.shjssj = getNewDatesh();
-                item.shkssj = getNewDatesh();
-                item["shryxm"] = this.userInfo.name;
-                item["userid"] = this.userInfo.id;
-                item.show = false;
-              }
-            });
-          });
-        }
-      });
-    },
-    /**
-     * @description: judgment
-     * @param {*} obj
-     * @author: renchao
-     */
-    judgment(obj) {},
-    /**
-     * @description: onSubmit
-     * @author: renchao
-     */
-    onSubmit() {
-
-          this.tableData.forEach((item, index) => {
-            item["bsmBusiness"] = this.propsParam.bsmBusiness;
-            item["czjg"] = "1";
-          });
-             var index = this.tableData.findIndex(
-              (item) => item.shyj === null||item.shyj === ""
-            );
-            if(index==-1){
-              this.shows = true;
-               saveSpyjBySlsq(this.tableData).then((res) => {
-            if (res.code === 200) {
-              this.$message.success("保存成功");
-              this.refresh += 1;
-              this.getShList();
-            } else {
-              this.$message.error(res.message);
-            }
-          });
-            }else{
-             this.$message.error("意见不能为空");
-            }
-
-    },
-    //打开常用意见列表弹窗
-    /**
-     * @description: 打开常用意见列表弹窗
-     * @param {*} index
-     * @author: renchao
-     */
-    commonOpinion(index) {
-      this.currentindex = index;
-      this.$popupDialog(
-        "常用意见",
-        "workflow/components/dialog/commonOpinion",
-        {},
-        "70%",
-        true
-      );
-    },
-    /**
-     * @description: add
-     * @param {*} val
-     * @author: renchao
-     */
-    add(val) {
-      if (val != "") {
-        this.$set(this.tableData[this.currentindex], "shyj", val);
-      }
-    },
-  },
-};
-</script>
-<style scoped lang="scss">
-@import "~@/styles/mixin.scss";
-
-.spyj {
-  width: 100%;
-  height: 100%;
-  background-color: #f5f5f5;
-  padding: 5px;
-  .box {
-    overflow-x: auto;
-    width: 100%;
-    height: 95%;
-    background: #fff;
-    text-align: center;
-    padding: 4px;
-    overflow-y: scroll;
-    padding-top: 20px;
-    padding: 20px 40px;
-    .spyj_title {
-      width: 100%;
-      height: 80px;
-      border: 1px solid $borderColor;
-      background-color: #eceef2;
-      display: flex;
-    }
-    .leftadd {
-      width: 3%;
-      height: 100%;
-      display: flex;
-      font-size: 14px;
-      text-indent: 20px;
-      align-items: center;
-      border: 1px solid $borderColor;
-    }
-    .righttitle {
-      width: 80%;
-      height: 100%;
-      line-height: 80px;
-      border: 1px solid $borderColor;
-      margin: auto;
-      font-size: 22px;
-      font-weight: 400;
-    }
-  }
-
-  /deep/.el-form-item {
-    margin-bottom: 0;
-  }
-
-  .bottom10 {
-    margin-bottom: 15px;
-  }
-
-  .spyj_form {
-    display: flex;
-    border: 1px solid $borderColor;
-
-    .item_left {
-      width: 150px;
-      background-color: #f8f8fa;
-      color: #606266;
-      display: flex;
-      font-size: 14px;
-      text-indent: 50px;
-      align-items: center;
-      border-right: 1px solid $borderColor;
-    }
-
-    .item_right {
-      flex: 1;
-      width: 100%;
-
-      /deep/.el-form-item__label {
-        background-color: #f8f8fa;
-      }
-      /deep/.el-form-item__content {
-        display: block;
-        text-align: left;
-      }
-      .opinion_item {
-        /deep/.el-form-item__error {
-          margin-top: -16px !important;
-          left: 3px;
-        }
-        border-bottom: 1px solid $borderColor;
-      }
-
-      .opinion {
-        position: relative;
-        font-size: 14px;
-
-        /deep/.el-textarea__inner {
-          border: none;
-        }
-      }
-
-      .opinion_btn {
-        position: absolute;
-        right: 15px;
-        bottom: 10px;
-      }
-    }
-  }
-
-  .submit_button {
-    text-align: center;
-    margin: 15px 0;
-  }
-
-  .el-date-editor.el-input {
-    width: 100%;
-  }
-}
-</style>

@@ -17,7 +17,7 @@
             <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：">
               <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
             </el-form-item>
-          </el-col> -->
+          </el-col>
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：">
               <el-input disabled v-model="ruleForm.slsq.slry"></el-input>

+<!--
+ * @Description: 房屋多幢明细
+ * @Autor:
+ * @LastEditTime: 2023-09-01 13:29:29
+-->
+<template>
+  <div>
+    <el-table
+      :data="tableDataList"
+      border
+      :pagination="false"
+      :key="key"
+      :header-cell-style="{ 'text-align': 'center' }"
+      :heightNumSetting="true"
+      :minHeight="150"
+      height="150"
+      style="width: 100%">
+      <el-table-column prop="index" width="50" :render-header="renderHeader">
+        <template slot-scope="scope">
+          <div style="text-align: center">{{ scope.$index + 1 }}</div>
+        </template>
+      </el-table-column>
+      <el-table-column prop="bdcdyh" label="不动产单元号" min-width="100">
+        <template slot-scope="scope">
+          <div style="text-align: center">{{ scope.row.bdcdyh }}</div>
+        </template>
+      </el-table-column>
+      <el-table-column prop="xmmc" label="项目名称" min-width="100">
+        <template slot-scope="scope">
+          <el-input
+            class="item"
+            :disabled="!ableOperation"
+            v-model="scope.row.xmmc"
+            placeholder="请输入内容"
+            @input="updaterow(scope.row)">
+          </el-input>
+        </template>
+      </el-table-column>
+      <el-table-column prop="fwxz" label="房屋性质" min-width="100">
+        <template slot-scope="scope">
+          <treeselect
+            v-model="scope.row.fwxz"
+            :disabled="!ableOperation"
+            noOptionsText="暂无数据"
+            placeholder=""
+            :show-count="true"
+            :options="dictData['A19']"
+            :normalizer="normalizer"
+            :appendToBody="true"
+            z-index="9999"
+            @input="updaterow(scope.row)" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="ghyt" label="房屋用途" min-width="100">
+        <template slot-scope="scope">
+          <treeselect
+            v-model="scope.row.ghyt"
+            :disabled="!ableOperation"
+            noOptionsText="暂无数据"
+            placeholder=""
+            :show-count="true"
+            :options="dictData['A17']"
+            :normalizer="normalizer"
+            :appendToBody="true"
+            z-index="9999"
+            @input="updaterow(scope.row)" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="fwjg" label="房屋结构" min-width="100">
+        <template slot-scope="scope">
+          <treeselect
+            v-model="scope.row.fwjg"
+            :disabled="!ableOperation"
+            noOptionsText="暂无数据"
+            placeholder=""
+            :show-count="true"
+            :options="dictData['A46']"
+            :normalizer="normalizer"
+            :appendToBody="true"
+            z-index="9999"
+            @input="updaterow(scope.row)" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="jzmj" label="建筑面积" min-width="100">
+        <template slot-scope="scope">
+          <el-input
+            maxlength="12"
+            class="item"
+            :disabled="!ableOperation"
+            oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+            v-model="scope.row.jzmj"
+            placeholder="请输入内容"
+            @input="updaterow(scope.row)">
+          </el-input>
+        </template>
+      </el-table-column>
+      <el-table-column prop="jgsj" label="竣工时间" min-width="100">
+        <template slot-scope="scope">
+          <el-date-picker
+            v-model="scope.row.jgsj"
+            type="date"
+            :disabled="!ableOperation"
+            placeholder="选择日期"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            format="yyyy-MM-dd"
+            @input="updaterow(scope.row)">
+          </el-date-picker>
+        </template>
+      </el-table-column>
+      <el-table-column prop="zcs" label="总层数" min-width="100">
+        <template slot-scope="scope">
+          <el-input
+            class="item"
+            :disabled="!ableOperation"
+            oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+            v-model="scope.row.zcs"
+            placeholder="请输入内容"
+            @input="updaterow(scope.row)">
+          </el-input>
+        </template>
+      </el-table-column>
+      <el-table-column prop="zts" label="总套数" min-width="100">
+        <template slot-scope="scope">
+          <el-input
+            class="item"
+            :disabled="!ableOperation"
+            oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+            v-model="scope.row.zts"
+            placeholder="请输入内容"
+            @input="updaterow(scope.row)">
+          </el-input>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+<script>
+  import { mapGetters } from "vuex";
+
+  export default {
+    computed: {
+      ...mapGetters(["dictData"]),
+    },
+    props: {
+      tableData: {
+        type: Array,
+        default: function () {
+          return [];
+        },
+      },
+      ableOperation: {
+        type: Boolean,
+        default: false,
+      },
+
+    },
+    data () {
+      return {
+        // 键名转换，方法默认是label和children进行树状渲染
+        key: 0,
+        tableDataList: [],
+        normalizer (node) {
+          if (node.children == null || node.children == "null") {
+            delete node.children;
+          }
+          return {
+            id: node.dcode,
+            label: node.dname,
+            children: node.children,
+          };
+        },
+      };
+    },
+    mounted () {
+    },
+    watch: {
+      tableData: {
+        handler: function (val, oldVal) {
+          let that = this;
+          this.$nextTick(() => {
+            if (val.length == 0 || !val) {
+              that.tableDataList = _.cloneDeep([
+                {
+                  yt: null,
+                  qssj: "",
+                  jssj: "",
+                  tdsyqx: "",
+                },
+              ]);
+            } else {
+              that.tableDataList = _.cloneDeep(val);
+            }
+          });
+        },
+        immediate: true,
+        deep: true,
+      },
+    },
+    methods: {
+      /**
+       * @description: renderHeader
+       * @author: renchao
+       */
+      renderHeader () {
+        return (
+          <div>
+            {"序号"}
+          </div>
+        );
+      },
+      updaterow (a) {
+        this.$emit("updateFdcwxmList", this.tableDataList);
+      }
+    }
+  }
+</script>
+<style scoped lang="scss">
+  .el-input {
+    border: none !important;
+  }
+
+  /deep/ .el-table__row {
+    border: none !important;
+  }
+
+  .el-date-editor.el-input {
+    width: 100%;
+  }
+
+  /deep/ .el-table th {
+    height: 30px !important;
+  }
+</style>
+

 <!--
  * @Description: 房屋多幢受理信息
  * @Autor: ssq
- * @LastEditTime: 2024-02-26 10:15:51
+ * @LastEditTime: 2024-02-27 14:02:53
 -->
 <template>
   <div class="slxx">

-<!--
- * @Description: 受理信息
- * @Autor: renchao
- * @LastEditTime: 2024-01-30 16:07:53
--->
-<template>
-  <div class="slxx">
-    <el-form
-      :model="ruleForm"
-      :rules="rules"
-      v-Loading="loading"
-      ref="ruleForm"
-      :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" v-if="ruleForm.slsq">
-          <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" v-if="ruleForm.slsq">
-          <el-col :span="8">
-            <el-form-item label="权利类型：">
-              <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="登记类型：">
-              <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="登记情形：">
-              <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <div class="slxx_title title-block">
-          <el-row>
-            <el-col :span="16">
-              不动产单元情况
-            </el-col>            
-            <el-col :span="4" v-show="ruleForm.sldy.djlx=='500'">
-              <el-form-item label="是否创建证书：" style="height:24px">
-                <el-radio-group v-model="ruleForm.sldy.sfxysczs">
-                  <el-radio label="1">是</el-radio>
-                  <el-radio label="0">否</el-radio>
-                </el-radio-group>
-              </el-form-item>
-            </el-col>
-            <el-col :span="4" v-show="ruleForm.sldy.djlx=='300'||ruleForm.sldy.djlx=='500'">
-              <el-button @click="compare">变化情况对比+</el-button>
-            </el-col>
-          </el-row>
-          <div class="triangle"></div>
-        </div>
-        <el-row :gutter="10" v-if="ruleForm.qlxx">
-          <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.bdcdyh"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="坐落：">
-              <el-input maxlength="100" :disabled="!viewEdit" v-model="ruleForm.sldy.zl"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="10" v-if="ruleForm.fdcq2">
-          <el-col :span="8">
-            <el-form-item label="宗地面积：">
-              <div class="flex">
-                <el-input :disabled="!viewEdit" v-model="ruleForm.zdjbxx.zdmj"></el-input>
-                <el-select
-                  disabled
-                  v-model="ruleForm.zdjbxx.mjdw"
-                  style="width: 68px">
-                  <el-option
-                    v-for="item in dictData['A7']"
-                    :key="item.dcode"
-                    :label="item.dname"
-                    :value="item.dcode">
-                  </el-option>
-                </el-select>
-              </div>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="土地使用权人：">
-              <el-input :disabled="!viewEdit" v-model="ruleForm.fdcq2.tdsyqr"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="土地性质：">
-              <treeselect
-                :disabled="!viewEdit"
-                v-model="ruleForm.fdcq2.tdxz"
-                noOptionsText="暂无数据"
-                placeholder=""
-                :normalizer="normalizer"
-                :default-expand-level="1"
-                :show-count="true"
-                :options="dictData['A9']" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="10" v-if="ruleForm.qlxx">
-          <el-col :span="8">
-            <el-form-item label="独用土地面积：">
-              <div class="flex">
-                <el-input
-                  maxlength="12"
-                  v-model="ruleForm.fdcq2.dytdmj"
-                  :disabled="!viewEdit"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
-                <el-select disabled v-model="mjdw" style="width: 68px">
-                  <el-option
-                    v-for="item in dictData['A7']"
-                    :key="item.dcode"
-                    :label="item.dname"
-                    :value="item.dcode">
-                  </el-option>
-                </el-select>
-              </div>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="分摊土地面积：">
-              <div class="flex">
-                <el-input
-                  maxlength="12"
-                  v-model="ruleForm.fdcq2.fttdmj"
-                  :disabled="!viewEdit"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
-                <el-select disabled v-model="mjdw" style="width: 68px">
-                  <el-option
-                    v-for="item in dictData['A7']"
-                    :key="item.dcode"
-                    :label="item.dname"
-                    :value="item.dcode">
-                  </el-option>
-                </el-select>
-              </div>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="房屋性质：">
-              <el-select v-model="ruleForm.fdcq2.fwxz" :disabled="!viewEdit">
-                <el-option
-                  v-for="item in dictData['A19']"
-                  :key="item.dcode"
-                  :label="item.dname"
-                  :value="item.dcode">
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="10" v-if="ruleForm.qlxx">
-          <el-col :span="8">
-            <el-form-item label="房屋用途：">
-              <treeselect
-                v-model="ruleForm.fdcq2.ghyt"
-                :disabled="!viewEdit"
-                noOptionsText=""
-                placeholder=""
-                :normalizer="normalizer"
-                :show-count="true"
-                :options="dictData['A17']" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="房屋结构：">
-              <el-select v-model="ruleForm.fdcq2.fwjg" :disabled="!viewEdit">
-                <el-option
-                  v-for="item in dictData['A46']"
-                  :key="item.dcode"
-                  :label="item.dname"
-                  :value="item.dcode">
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="竣工时间：">
-              <el-date-picker
-                v-model="ruleForm.fdcq2.jgsj"
-                class="width100"
-                type="date"
-                placeholder="选择日期"
-                value-format="yyyy-MM-dd"
-                :disabled="!viewEdit"></el-date-picker>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="10" v-if="ruleForm.qlxx">
-          <el-col :span="8">
-            <el-form-item label="所在层：">
-              <el-input
-                maxlength="20"
-                v-model="ruleForm.fdcq2.szc"
-                :disabled="!viewEdit"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="总层数：">
-              <el-input
-                maxlength="4"
-                :disabled="!viewEdit"
-                v-model.number="ruleForm.fdcq2.zcs"
-                oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="房地产交易价格：">
-              <div class="flex">
-                <el-input
-                  maxlength="11"
-                  v-model="ruleForm.fdcq2.fdcjyjg"
-                  style="width: 500%"
-                  :disabled="!viewEdit"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
-                <el-select v-model="ruleForm.fdcq2.jedw" :disabled="!viewEdit">
-                  <el-option
-                    v-for="item in dictData['A57']"
-                    :key="item.dcode"
-                    :label="item.dname"
-                    :value="item.dcode">
-                  </el-option>
-                </el-select>
-              </div>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="10" v-if="ruleForm.fdcq2">
-          <el-col :span="8">
-            <el-form-item label="建筑面积：">
-              <div class="flex">
-                <el-input
-                  maxlength="12"
-                  v-model="ruleForm.fdcq2.jzmj"
-                  :disabled="!viewEdit"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
-                <el-select disabled v-model="mjdw" style="width: 68px">
-                  <el-option
-                    v-for="item in dictData['A7']"
-                    :key="item.dcode"
-                    :label="item.dname"
-                    :value="item.dcode">
-                  </el-option>
-                </el-select>
-              </div>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="专有建筑面积：">
-              <div class="flex">
-                <el-input
-                  maxlength="12"
-                  v-model="ruleForm.fdcq2.zyjzmj"
-                  :disabled="!viewEdit"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
-                <el-select disabled v-model="mjdw" style="width: 68px">
-                  <el-option
-                    v-for="item in dictData['A7']"
-                    :key="item.dcode"
-                    :label="item.dname"
-                    :value="item.dcode">
-                  </el-option>
-                </el-select>
-              </div>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="分摊建筑面积：">
-              <div class="flex">
-                <el-input
-                  maxlength="12"
-                  v-model="ruleForm.fdcq2.ftjzmj"
-                  :disabled="!viewEdit"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
-                <el-select disabled v-model="mjdw" style="width: 68px">
-                  <el-option
-                    v-for="item in dictData['A7']"
-                    :key="item.dcode"
-                    :label="item.dname"
-                    :value="item.dcode">
-                  </el-option>
-                </el-select>
-              </div>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="10">
-          <el-col :span="24">
-            <el-form-item label="附记：">
-              <el-input
-                v-model="ruleForm.fdcq2.fj"
-                type="textarea"
-                maxlength="500"
-                show-word-limit
-                :disabled="!viewEdit"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <div class="slxx_title title-block">
-          土地用途
-          <div class="triangle"></div>
-        </div>
-        <tdytTable
-          :ableOperation="viewEdit"
-          :tableData="ruleForm.tdytqxList"
-          @upDateTdytxxList="upDateTdytxxList" />
-        <div class="slxx_title title-block">
-          权利人信息
-          <div class="triangle"></div>
-        </div>
-        <el-row :gutter="10">
-          <el-col :span="12">
-            <el-form-item label="共有方式：">
-              <el-radio-group
-                :disabled="!viewEdit"
-                v-model="ruleForm.sldy.gyfs">
-                <el-radio label="0">单独所有</el-radio>
-                <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="6" v-show="ruleForm.sldy.gyfs != '0'">
-            <el-form-item label="是否分别持证：">
-              <el-radio-group
-                v-model="ruleForm.sldy.sqfbcz"
-                :disabled="!viewEdit"
-                @input="updaterow()">
-                <el-radio :label="1">是</el-radio>
-                <el-radio :label="0">否</el-radio>
-              </el-radio-group>
-            </el-form-item>
-          </el-col>
-          <el-col
-            :span="6"
-            v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
-            <el-form-item label="持证人：">
-              <el-select
-                v-model="czr"
-                placeholder="持证人"
-                :disabled="!viewEdit">
-                <el-option
-                  v-for="(item,index) in czrOptions"
-                  :key="index"
-                  :label="item.sqrmc"
-                  :value="item.id">
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <qlrCommonTable
-          @upDateQlrxxList="upDateQlrxxList"
-          :disabled="!viewEdit"
-          :tableData="ruleForm.qlrList"
-          :gyfs="ruleForm.sldy.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" label="登记原因：" prop="fdcq2.djyy">
-              <el-input
-                class="textArea"
-                type="textarea"
-                maxlength="500"
-                show-word-limit
-                :disabled="!viewEdit"
-                v-model="ruleForm.fdcq2.djyy">
-              </el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </div>
-      <el-row class="btn" v-if="isSave">
-        <el-form-item>
-          <el-button type="primary" @click="onSubmit">保存</el-button>
-        </el-form-item>
-      </el-row>
-    </el-form>
-  </div>
-</template>
-<script>
-  import ywmix from "@/views/ywbl/mixin/index";
-  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-  import tdytTable from "@/views/workflow/components/tdytTable";
-  import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
-  import { mapGetters } from "vuex";
-  export default {
-    mixins: [ywmix],
-    mounted () {
-      let that = this
-      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) => {
-        setTimeout(() => {
-          this.loading = false
-        }, 200)
-        if (res.code === 200 && res.result) {
-          that.ruleForm = {
-            ...res.result,
-            ...res.result.zdjbxxdatas,
-            ...res.result.qlxxdatas,
-            ...res.result.jsydsyqdatas,
-          };
-          that.ruleForm.qlrList.forEach((item) => {
-            item.id = item.bsmSqr
-            if (item.sfczr == '1') {
-              that.czr = item.bsmSqr
-            }
-          })
-          that.czrOptions = that.ruleForm.qlrList;
-          that.isSave = that.viewEdit
-        } else {
-          that.isSave = false
-          that.$confirm(res.message, '提示', {
-            cancelButtonText: '取消',
-            showConfirmButton: false,
-            type: 'warning'
-          })
-        }
-      }).catch(() => {
-        this.loading = false
-        this.isSave = false
-      })
-    },
-    components: { qlrCommonTable, tdytTable },
-    computed: {
-      ...mapGetters(["dictData", "flag"]),
-    },
-    data () {
-      return {
-        normalizer (node) {
-          if (node.children == null || node.children == "null") {
-            delete node.children;
-          }
-          return {
-            id: node.dcode,
-            label: node.dname,
-            children: node.children,
-          };
-        },
-        isSave: true,
-        loading: false,
-        mjdw: "1",
-        //表单是否可操作
-        viewEdit: false,
-        disabled: true,
-        tdytOption: [],
-        czrOptions: [],
-        czr: "",
-        ruleForm: {
-          flow: {
-            ywh: "",
-          },
-          slry: "",
-          slsj: "",
-          qllx: "",
-          djlx: "",
-          djqx: "",
-          sldy: {
-            gyfs: "",
-          },
-          // 宗地代码
-          zddm: "",
-          bdcdyh: "",
-          qlxzmc: "",
-          qlrxx: [],
-          // 自然幢号
-          zrzh: "",
-          // 户不动产单元号
-          hbdcdyh: "",
-          djzt: "",
-          // 图幅丘幢号
-          tfqzh: "",
-          zl: "",
-          // 房屋用途
-          fwyt: "",
-          fwxz: "",
-          fwjg: "",
-          // 权利人信息
-          // 是否分别持证
-          sffbcz: "",
-          // 持证人
-          czr: "",
-          djyy: "",
-          // 规划用途名称
-          zdjbxx: {
-            ghytmc: "",
-          },
-          fdcq2: {
-            fwxzmc: "",
-          },
-          slsq: {
-            gyfs: "",
-          },
-        },
-        //传递参数
-        propsParam: {},
-        rules: {
-          'fdcq2.djyy': [
-            { required: true, message: '请输入登记原因', trigger: 'blur' }
-          ]
-        }
-      }
-    },
-    methods: {
-      /**
-       * @description: dataSelectClick
-       * @author: renchao
-       */
-      dataSelectClick () {
-        this.$popup(
-          "房屋所有权",
-          this.BASE_API.SERVERAPI + "/rest/workflow/main/dataCompare/slxxCompareDetai",
-          {
-            formData: {
-              bsmSldy: this.propsParam.bsmSldy,
-              qllx: this.propsParam.qllx,
-            },
-          }
-        );
-      },
-      /**
-       * @description: 更新土地用途信息
-       * @param {*} val
-       * @author: renchao
-       */
-      upDateTdytxxList (val) {
-        this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
-        this.key++;
-      },
-      /**
-       * @description: 是否持证人变化
-       * @param {*} val
-       * @author: renchao
-       */
-      updaterow () {
-        this.czr = "";
-      },
-      /**
-       * @description: 更新权利人信息
-       * @param {*} val
-       * @author: renchao
-       */
-      upDateQlrxxList (val) {
-        if (!_.isEqual(val, this.ruleForm.qlrList)) {
-          this.ruleForm.qlrList = _.cloneDeep(val);
-          this.czrOptions = this.ruleForm.qlrList;
-        }
-        this.num = 0
-        this.ruleForm.qlrList.forEach(item => {
-          if (item.id == this.czr) {
-            this.num++
-          }
-        })
-        if (this.num == 0) {
-          this.czr = ''
-        }
-      },
-      /**
-       * @description: 更新权利人信息
-       * @param {*} val
-       * @author: renchao
-       */
-      upDateYwrxxList (val) {
-        this.ruleForm.ywrList = _.cloneDeep(val);
-      },
-      /**
-       * @description: onSubmit
-       * @author: renchao
-       */
-      onSubmit () {
-        let that = this;
-        let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
-        if (arr.length > 0) {
-          this.$message({
-            showClose: true,
-            message: "土地用途不能为空",
-            type: "error",
-          });
-          return false;
-        }
-        if (this.ruleForm.qlrList.length == 0) {
-          this.$message({
-            showClose: true,
-            message: "请确认权利人信息",
-            type: "error",
-          });
-          return false;
-        }
-
-        if (this.ruleForm.sldy.gyfs == "0") {
-          if (this.ruleForm.qlrList.length > 1) {
-            this.$message({
-              showClose: true,
-              message: "共有方式：单独所有，权利人只能是一个人",
-              type: "error",
-            });
-            return false;
-          }
-          this.ruleForm.qlrList[0].sfczr = "1";
-        } else {
-          if (this.ruleForm.qlrList.length <= 1) {
-            this.$message({
-              showClose: true,
-              message:
-                "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
-              type: "error",
-            });
-            return false;
-          }
-          //是否分别持证
-          if (this.ruleForm.sldy.sqfbcz == "1") {
-            //是
-            this.ruleForm.qlrList.forEach((item, index) => {
-              item.sfczr = "1";
-            });
-          } else {
-            if (that.czr === '') {
-              that.$message({
-                showClose: true,
-                message: "请选择持证人",
-                type: "error"
-              });
-              return false;
-            }
-            this.ruleForm.qlrList.forEach(item => {
-              if (item.id == that.czr) {
-                item.sfczr = "1"
-              } else {
-                item.sfczr = "0"
-              }
-            })
-          }
-        }
-        this.$refs['ruleForm'].validate((valid) => {
-          if (valid) {
-            that.$store.dispatch("user/refreshPage", false);
-            saveData(that.ruleForm).then((res) => {
-              if (res.code === 200) {
-                that.$message({
-                  showClose: true,
-                  message: "保存成功！",
-                  type: "success",
-                });
-                that.$store.dispatch("user/refreshPage", true);
-              } else {
-                that.$message({
-                  showClose: true,
-                  message: res.message,
-                  type: "error",
-                });
-              }
-            })
-
-          } else {
-            that.$message({
-              showClose: true,
-              message: "请输入登记原因",
-              type: "error"
-            })
-            return false
-          }
-        })
-      },
-      /**
-       * @description: compare
-       * @author: renchao
-       */
-      compare () {
-        this.$popupDialog(
-          this.ruleForm.qlxx.qllxmc,
-          "registerBook/comparison",
-          {
-            bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
-            dqqllx: "FDCQ2",
-          },
-          "80%",
-          true
-        );
-      },
-    },
-  };
-</script>
-<style scoped lang="scss">
-  @import "~@/styles/public.scss";
-  @import "~@/styles/slxx/slxx.scss";
-  /deep/.el-form {
-    display: flex;
-    flex-direction: column;
-    height: calc(100vh - 130px);
-  }
-
-  /deep/.el-form-item__label {
-    padding: 0;
-  }
-
-  /deep/.el-radio {
-    margin-right: 10px;
-  }
-
-  /deep/.el-select {
-    width: 100%;
-  }
-
-  /deep/.el-form-item {
-    margin-bottom: 3px;
-  }
-
-  .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;
-  }
-
-  .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>

+<!--
+ * @Description: 受理信息
+ * @Autor: renchao
+ * @LastEditTime: 2024-01-30 16:07:53
+-->
+<template>
+  <div class="slxx">
+    <el-form
+      :model="ruleForm"
+      :rules="rules"
+      v-Loading="loading"
+      ref="ruleForm"
+      :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" v-if="ruleForm.slsq">
+          <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" v-if="ruleForm.slsq">
+          <el-col :span="8">
+            <el-form-item label="权利类型：">
+              <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="登记类型：">
+              <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="登记情形：">
+              <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="slxx_title title-block">
+          <el-row>
+            <el-col :span="16">
+              不动产单元情况
+            </el-col>            
+            <el-col :span="4" v-show="ruleForm.sldy.djlx=='500'">
+              <el-form-item label="是否创建证书：" style="height:24px">
+                <el-radio-group v-model="ruleForm.sldy.sfxysczs">
+                  <el-radio label="1">是</el-radio>
+                  <el-radio label="0">否</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4" v-show="ruleForm.sldy.djlx=='300'||ruleForm.sldy.djlx=='500'">
+              <el-button @click="compare">变化情况对比+</el-button>
+            </el-col>
+          </el-row>
+          <div class="triangle"></div>
+        </div>
+        <el-row :gutter="10" v-if="ruleForm.qlxx">
+          <el-col :span="8">
+            <el-form-item label="不动产单元号：">
+              <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="16">
+            <el-form-item label="坐落：">
+              <el-input disabled v-model="ruleForm.sldy.zl"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10" v-if="ruleForm.fdcq2">
+          <el-col :span="8">
+            <el-form-item label="土地用途：">
+              <el-input disabled v-model="ruleForm.fdcq2.yt"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="土地使用起止时间：">
+              <el-input disabled v-model="ruleForm.fdcq2.tdsyqzsj"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item 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 label="规划用途名称：">
+              <el-input disabled v-model="ruleForm.zdjbxx.ghytmc"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="房屋性质：">
+              <el-input disabled v-model="ruleForm.fdcq2.fwxzmc"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item 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 label="所在层：">
+              <el-input disabled v-model="ruleForm.fdcq2.szc"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="总层数：">
+              <el-input
+                disabled
+                v-model.number="ruleForm.fdcq2.zcs"
+                oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item 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.qlxx">
+          <el-col :span="8">
+            <el-form-item label="建筑面积：">
+              <div class="flex">
+                <el-input
+                  disabled
+                  v-model="ruleForm.qlxx.mj"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                <el-select disabled v-model="mjdw" style="width: 68px">
+                  <el-option
+                    v-for="item in dictData['A7']"
+                    :key="item.dcode"
+                    :label="item.dname"
+                    :value="item.dcode">
+                  </el-option>
+                </el-select>
+              </div>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="专有建筑面积：">
+              <div class="flex">
+                <el-input
+                  disabled
+                  v-model="ruleForm.fdcq2.zyjzmj"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                <el-select disabled v-model="mjdw" style="width: 68px">
+                  <el-option
+                    v-for="item in dictData['A7']"
+                    :key="item.dcode"
+                    :label="item.dname"
+                    :value="item.dcode">
+                  </el-option>
+                </el-select>
+              </div>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="分摊建筑面积：">
+              <div class="flex">
+                <el-input
+                  disabled
+                  v-model="ruleForm.fdcq2.ftjzmj"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                <el-select disabled v-model="mjdw" style="width: 68px">
+                  <el-option
+                    v-for="item in dictData['A7']"
+                    :key="item.dcode"
+                    :label="item.dname"
+                    :value="item.dcode">
+                  </el-option>
+                </el-select>
+              </div>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="slxx_title title-block">
+          土地用途
+          <div class="triangle"></div>
+        </div>
+        <tdytTable
+          :ableOperation="viewEdit"
+          :tableData="ruleForm.tdytqxList"
+          @upDateTdytxxList="upDateTdytxxList" />
+        <div class="slxx_title title-block">
+          权利人信息
+          <div class="triangle"></div>
+        </div>
+        <el-row :gutter="10">
+          <el-col :span="12">
+            <el-form-item label="共有方式：">
+              <el-radio-group
+                :disabled="!viewEdit"
+                v-model="ruleForm.sldy.gyfs">
+                <el-radio label="0">单独所有</el-radio>
+                <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="6" v-show="ruleForm.sldy.gyfs != '0'">
+            <el-form-item label="是否分别持证：">
+              <el-radio-group
+                v-model="ruleForm.sldy.sqfbcz"
+                :disabled="!viewEdit"
+                @input="updaterow()">
+                <el-radio :label="1">是</el-radio>
+                <el-radio :label="0">否</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col
+            :span="6"
+            v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
+            <el-form-item label="持证人：">
+              <el-select
+                v-model="czr"
+                placeholder="持证人"
+                :disabled="!viewEdit">
+                <el-option
+                  v-for="(item,index) in czrOptions"
+                  :key="index"
+                  :label="item.sqrmc"
+                  :value="item.id">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <qlrCommonTable
+          @upDateQlrxxList="upDateQlrxxList"
+          :disabled="!viewEdit"
+          :tableData="ruleForm.qlrList"
+          :gyfs="ruleForm.sldy.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" label="登记原因：" prop="fdcq2.djyy">
+              <el-input
+                class="textArea"
+                type="textarea"
+                maxlength="500"
+                show-word-limit
+                :disabled="!viewEdit"
+                v-model="ruleForm.fdcq2.djyy">
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </div>
+      <el-row class="btn" v-if="isSave">
+        <el-form-item>
+          <el-button type="primary" @click="onSubmit">保存</el-button>
+        </el-form-item>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+<script>
+  import ywmix from "@/views/ywbl/mixin/index";
+  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+  import tdytTable from "@/views/workflow/components/tdytTable";
+  import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
+  import { mapGetters } from "vuex";
+  export default {
+    mixins: [ywmix],
+    mounted () {
+      let that = this
+      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) => {
+        setTimeout(() => {
+          this.loading = false
+        }, 200)
+        if (res.code === 200 && res.result) {
+          that.ruleForm = {
+            ...res.result,
+            ...res.result.zdjbxxdatas,
+            ...res.result.qlxxdatas,
+            ...res.result.jsydsyqdatas,
+          };
+          that.ruleForm.qlrList.forEach((item) => {
+            item.id = item.bsmSqr
+            if (item.sfczr == '1') {
+              that.czr = item.bsmSqr
+            }
+          })
+          that.czrOptions = that.ruleForm.qlrList;
+          that.isSave = that.viewEdit
+        } else {
+          that.isSave = false
+          that.$confirm(res.message, '提示', {
+            cancelButtonText: '取消',
+            showConfirmButton: false,
+            type: 'warning'
+          })
+        }
+      }).catch(() => {
+        this.loading = false
+        this.isSave = false
+      })
+    },
+    components: { qlrCommonTable, tdytTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
+    },
+    data () {
+      return {
+        isSave: true,
+        loading: false,
+        mjdw: "1",
+        //表单是否可操作
+        viewEdit: false,
+        disabled: true,
+        tdytOption: [],
+        czrOptions: [],
+        czr: "",
+        ruleForm: {
+          flow: {
+            ywh: "",
+          },
+          slry: "",
+          slsj: "",
+          qllx: "",
+          djlx: "",
+          djqx: "",
+          sldy: {
+            gyfs: "",
+          },
+          // 宗地代码
+          zddm: "",
+          bdcdyh: "",
+          qlxzmc: "",
+          qlrxx: [],
+          // 自然幢号
+          zrzh: "",
+          // 户不动产单元号
+          hbdcdyh: "",
+          djzt: "",
+          // 图幅丘幢号
+          tfqzh: "",
+          zl: "",
+          // 房屋用途
+          fwyt: "",
+          fwxz: "",
+          fwjg: "",
+          // 权利人信息
+          // 是否分别持证
+          sffbcz: "",
+          // 持证人
+          czr: "",
+          djyy: "",
+          // 规划用途名称
+          zdjbxx: {
+            ghytmc: "",
+          },
+          fdcq2: {
+            fwxzmc: "",
+          },
+          slsq: {
+            gyfs: "",
+          },
+        },
+        //传递参数
+        propsParam: {},
+        rules: {
+          'fdcq2.djyy': [
+            { required: true, message: '请输入登记原因', trigger: 'blur' }
+          ]
+        }
+      }
+    },
+    methods: {
+      /**
+       * @description: dataSelectClick
+       * @author: renchao
+       */
+      dataSelectClick () {
+        this.$popup(
+          "房屋所有权",
+          this.BASE_API.SERVERAPI + "/rest/workflow/main/dataCompare/slxxCompareDetai",
+          {
+            formData: {
+              bsmSldy: this.propsParam.bsmSldy,
+              qllx: this.propsParam.qllx,
+            },
+          }
+        );
+      },
+      /**
+       * @description: 更新土地用途信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateTdytxxList (val) {
+        this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
+        this.key++;
+      },
+      /**
+       * @description: 是否持证人变化
+       * @param {*} val
+       * @author: renchao
+       */
+      updaterow () {
+        this.czr = "";
+      },
+      /**
+       * @description: 更新权利人信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateQlrxxList (val) {
+        if (!_.isEqual(val, this.ruleForm.qlrList)) {
+          this.ruleForm.qlrList = _.cloneDeep(val);
+          this.czrOptions = this.ruleForm.qlrList;
+        }
+        this.num = 0
+        this.ruleForm.qlrList.forEach(item => {
+          if (item.id == this.czr) {
+            this.num++
+          }
+        })
+        if (this.num == 0) {
+          this.czr = ''
+        }
+      },
+      /**
+       * @description: 更新权利人信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateYwrxxList (val) {
+        this.ruleForm.ywrList = _.cloneDeep(val);
+      },
+      /**
+       * @description: onSubmit
+       * @author: renchao
+       */
+      onSubmit () {
+        let that = this;
+        let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
+        if (arr.length > 0) {
+          this.$message({
+            showClose: true,
+            message: "土地用途不能为空",
+            type: "error",
+          });
+          return false;
+        }
+        if (this.ruleForm.qlrList.length == 0) {
+          this.$message({
+            showClose: true,
+            message: "请确认权利人信息",
+            type: "error",
+          });
+          return false;
+        }
+
+        if (this.ruleForm.sldy.gyfs == "0") {
+          if (this.ruleForm.qlrList.length > 1) {
+            this.$message({
+              showClose: true,
+              message: "共有方式：单独所有，权利人只能是一个人",
+              type: "error",
+            });
+            return false;
+          }
+          this.ruleForm.qlrList[0].sfczr = "1";
+        } else {
+          if (this.ruleForm.qlrList.length <= 1) {
+            this.$message({
+              showClose: true,
+              message:
+                "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+              type: "error",
+            });
+            return false;
+          }
+          //是否分别持证
+          if (this.ruleForm.sldy.sqfbcz == "1") {
+            //是
+            this.ruleForm.qlrList.forEach((item, index) => {
+              item.sfczr = "1";
+            });
+          } else {
+            if (that.czr === '') {
+              that.$message({
+                showClose: true,
+                message: "请选择持证人",
+                type: "error"
+              });
+              return false;
+            }
+            this.ruleForm.qlrList.forEach(item => {
+              if (item.id == that.czr) {
+                item.sfczr = "1"
+              } else {
+                item.sfczr = "0"
+              }
+            })
+          }
+        }
+        this.$refs['ruleForm'].validate((valid) => {
+          if (valid) {
+            that.$store.dispatch("user/refreshPage", false);
+            saveData(that.ruleForm).then((res) => {
+              if (res.code === 200) {
+                that.$message({
+                  showClose: true,
+                  message: "保存成功！",
+                  type: "success",
+                });
+                that.$store.dispatch("user/refreshPage", true);
+              } else {
+                that.$message({
+                  showClose: true,
+                  message: res.message,
+                  type: "error",
+                });
+              }
+            })
+
+          } else {
+            that.$message({
+              showClose: true,
+              message: "请输入登记原因",
+              type: "error"
+            })
+            return false
+          }
+        })
+      },
+      /**
+       * @description: compare
+       * @author: renchao
+       */
+      compare () {
+        this.$popupDialog(
+          this.ruleForm.qlxx.qllxmc,
+          "registerBook/comparison",
+          {
+            bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
+            dqqllx: "FDCQ2",
+          },
+          "80%",
+          true
+        );
+      },
+    },
+  };
+</script>
+<style scoped lang="scss">
+  @import "~@/styles/public.scss";
+  @import "~@/styles/slxx/slxx.scss";
+  /deep/.el-form {
+    display: flex;
+    flex-direction: column;
+    height: calc(100vh - 130px);
+  }
+
+  /deep/.el-form-item__label {
+    padding: 0;
+  }
+
+  /deep/.el-radio {
+    margin-right: 10px;
+  }
+
+  /deep/.el-select {
+    width: 100%;
+  }
+
+  /deep/.el-form-item {
+    margin-bottom: 3px;
+  }
+
+  .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;
+  }
+
+  .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>

+<!--
+ * @Description: 受理信息
+ * @Autor: renchao
+ * @LastEditTime: 2024-01-30 16:07:53
+-->
+<template>
+  <div class="slxx">
+    <el-form
+      :model="ruleForm"
+      :rules="rules"
+      v-Loading="loading"
+      ref="ruleForm"
+      :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" v-if="ruleForm.slsq">
+          <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" v-if="ruleForm.slsq">
+          <el-col :span="8">
+            <el-form-item label="权利类型：">
+              <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="登记类型：">
+              <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="登记情形：">
+              <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="slxx_title title-block">
+          <el-row>
+            <el-col :span="16">
+              不动产单元情况
+            </el-col>            
+            <el-col :span="4" v-show="ruleForm.sldy.djlx=='500'">
+              <el-form-item label="是否创建证书：" style="height:24px">
+                <el-radio-group v-model="ruleForm.sldy.sfxysczs">
+                  <el-radio label="1">是</el-radio>
+                  <el-radio label="0">否</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4" v-show="ruleForm.sldy.djlx=='300'||ruleForm.sldy.djlx=='500'">
+              <el-button @click="compare">变化情况对比+</el-button>
+            </el-col>
+          </el-row>
+          <div class="triangle"></div>
+        </div>
+        <el-row :gutter="10" v-if="ruleForm.qlxx">
+          <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.bdcdyh"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="坐落：">
+              <el-input maxlength="100" :disabled="!viewEdit" v-model="ruleForm.sldy.zl"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10" v-if="ruleForm.fdcq2">
+          <el-col :span="8">
+            <el-form-item label="宗地面积：">
+              <div class="flex">
+                <el-input :disabled="!viewEdit" v-model="ruleForm.zdjbxx.zdmj"></el-input>
+                <el-select
+                  disabled
+                  v-model="ruleForm.zdjbxx.mjdw"
+                  style="width: 68px">
+                  <el-option
+                    v-for="item in dictData['A7']"
+                    :key="item.dcode"
+                    :label="item.dname"
+                    :value="item.dcode">
+                  </el-option>
+                </el-select>
+              </div>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="土地使用权人：">
+              <el-input :disabled="!viewEdit" v-model="ruleForm.fdcq2.tdsyqr"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="土地性质：">
+              <treeselect
+                :disabled="!viewEdit"
+                v-model="ruleForm.fdcq2.tdxz"
+                noOptionsText="暂无数据"
+                placeholder=""
+                :normalizer="normalizer"
+                :default-expand-level="1"
+                :show-count="true"
+                :options="dictData['A9']" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10" v-if="ruleForm.qlxx">
+          <el-col :span="8">
+            <el-form-item label="独用土地面积：">
+              <div class="flex">
+                <el-input
+                  maxlength="12"
+                  v-model="ruleForm.fdcq2.dytdmj"
+                  :disabled="!viewEdit"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                <el-select disabled v-model="mjdw" style="width: 68px">
+                  <el-option
+                    v-for="item in dictData['A7']"
+                    :key="item.dcode"
+                    :label="item.dname"
+                    :value="item.dcode">
+                  </el-option>
+                </el-select>
+              </div>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="分摊土地面积：">
+              <div class="flex">
+                <el-input
+                  maxlength="12"
+                  v-model="ruleForm.fdcq2.fttdmj"
+                  :disabled="!viewEdit"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                <el-select disabled v-model="mjdw" style="width: 68px">
+                  <el-option
+                    v-for="item in dictData['A7']"
+                    :key="item.dcode"
+                    :label="item.dname"
+                    :value="item.dcode">
+                  </el-option>
+                </el-select>
+              </div>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="房屋性质：">
+              <el-select v-model="ruleForm.fdcq2.fwxz" :disabled="!viewEdit">
+                <el-option
+                  v-for="item in dictData['A19']"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10" v-if="ruleForm.qlxx">
+          <el-col :span="8">
+            <el-form-item label="房屋用途：">
+              <treeselect
+                v-model="ruleForm.fdcq2.ghyt"
+                :disabled="!viewEdit"
+                noOptionsText=""
+                placeholder=""
+                :normalizer="normalizer"
+                :show-count="true"
+                :options="dictData['A17']" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="房屋结构：">
+              <el-select v-model="ruleForm.fdcq2.fwjg" :disabled="!viewEdit">
+                <el-option
+                  v-for="item in dictData['A46']"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="竣工时间：">
+              <el-date-picker
+                v-model="ruleForm.fdcq2.jgsj"
+                class="width100"
+                type="date"
+                placeholder="选择日期"
+                value-format="yyyy-MM-dd"
+                :disabled="!viewEdit"></el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10" v-if="ruleForm.qlxx">
+          <el-col :span="8">
+            <el-form-item label="所在层：">
+              <el-input
+                maxlength="20"
+                v-model="ruleForm.fdcq2.szc"
+                :disabled="!viewEdit"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="总层数：">
+              <el-input
+                maxlength="4"
+                :disabled="!viewEdit"
+                v-model.number="ruleForm.fdcq2.zcs"
+                oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="房地产交易价格：">
+              <div class="flex">
+                <el-input
+                  maxlength="11"
+                  v-model="ruleForm.fdcq2.fdcjyjg"
+                  style="width: 500%"
+                  :disabled="!viewEdit"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                <el-select v-model="ruleForm.fdcq2.jedw" :disabled="!viewEdit">
+                  <el-option
+                    v-for="item in dictData['A57']"
+                    :key="item.dcode"
+                    :label="item.dname"
+                    :value="item.dcode">
+                  </el-option>
+                </el-select>
+              </div>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10" v-if="ruleForm.fdcq2">
+          <el-col :span="8">
+            <el-form-item label="建筑面积：">
+              <div class="flex">
+                <el-input
+                  maxlength="12"
+                  v-model="ruleForm.fdcq2.jzmj"
+                  :disabled="!viewEdit"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                <el-select disabled v-model="mjdw" style="width: 68px">
+                  <el-option
+                    v-for="item in dictData['A7']"
+                    :key="item.dcode"
+                    :label="item.dname"
+                    :value="item.dcode">
+                  </el-option>
+                </el-select>
+              </div>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="专有建筑面积：">
+              <div class="flex">
+                <el-input
+                  maxlength="12"
+                  v-model="ruleForm.fdcq2.zyjzmj"
+                  :disabled="!viewEdit"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                <el-select disabled v-model="mjdw" style="width: 68px">
+                  <el-option
+                    v-for="item in dictData['A7']"
+                    :key="item.dcode"
+                    :label="item.dname"
+                    :value="item.dcode">
+                  </el-option>
+                </el-select>
+              </div>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="分摊建筑面积：">
+              <div class="flex">
+                <el-input
+                  maxlength="12"
+                  v-model="ruleForm.fdcq2.ftjzmj"
+                  :disabled="!viewEdit"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                <el-select disabled v-model="mjdw" style="width: 68px">
+                  <el-option
+                    v-for="item in dictData['A7']"
+                    :key="item.dcode"
+                    :label="item.dname"
+                    :value="item.dcode">
+                  </el-option>
+                </el-select>
+              </div>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10">
+          <el-col :span="24">
+            <el-form-item label="附记：">
+              <el-input
+                v-model="ruleForm.fdcq2.fj"
+                type="textarea"
+                maxlength="500"
+                show-word-limit
+                :disabled="!viewEdit"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="slxx_title title-block">
+          土地用途
+          <div class="triangle"></div>
+        </div>
+        <tdytTable
+          :ableOperation="viewEdit"
+          :tableData="ruleForm.tdytqxList"
+          @upDateTdytxxList="upDateTdytxxList" />
+        <div class="slxx_title title-block">
+          权利人信息
+          <div class="triangle"></div>
+        </div>
+        <el-row :gutter="10">
+          <el-col :span="12">
+            <el-form-item label="共有方式：">
+              <el-radio-group
+                :disabled="!viewEdit"
+                v-model="ruleForm.sldy.gyfs">
+                <el-radio label="0">单独所有</el-radio>
+                <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="6" v-show="ruleForm.sldy.gyfs != '0'">
+            <el-form-item label="是否分别持证：">
+              <el-radio-group
+                v-model="ruleForm.sldy.sqfbcz"
+                :disabled="!viewEdit"
+                @input="updaterow()">
+                <el-radio :label="1">是</el-radio>
+                <el-radio :label="0">否</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col
+            :span="6"
+            v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
+            <el-form-item label="持证人：">
+              <el-select
+                v-model="czr"
+                placeholder="持证人"
+                :disabled="!viewEdit">
+                <el-option
+                  v-for="(item,index) in czrOptions"
+                  :key="index"
+                  :label="item.sqrmc"
+                  :value="item.id">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <qlrCommonTable
+          @upDateQlrxxList="upDateQlrxxList"
+          :disabled="!viewEdit"
+          :tableData="ruleForm.qlrList"
+          :gyfs="ruleForm.sldy.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" label="登记原因：" prop="fdcq2.djyy">
+              <el-input
+                class="textArea"
+                type="textarea"
+                maxlength="500"
+                show-word-limit
+                :disabled="!viewEdit"
+                v-model="ruleForm.fdcq2.djyy">
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </div>
+      <el-row class="btn" v-if="isSave">
+        <el-form-item>
+          <el-button type="primary" @click="onSubmit">保存</el-button>
+        </el-form-item>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+<script>
+  import ywmix from "@/views/ywbl/mixin/index";
+  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+  import tdytTable from "@/views/workflow/components/tdytTable";
+  import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
+  import { mapGetters } from "vuex";
+  export default {
+    mixins: [ywmix],
+    mounted () {
+      let that = this
+      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) => {
+        setTimeout(() => {
+          this.loading = false
+        }, 200)
+        if (res.code === 200 && res.result) {
+          that.ruleForm = {
+            ...res.result,
+            ...res.result.zdjbxxdatas,
+            ...res.result.qlxxdatas,
+            ...res.result.jsydsyqdatas,
+          };
+          that.ruleForm.qlrList.forEach((item) => {
+            item.id = item.bsmSqr
+            if (item.sfczr == '1') {
+              that.czr = item.bsmSqr
+            }
+          })
+          that.czrOptions = that.ruleForm.qlrList;
+          that.isSave = that.viewEdit
+        } else {
+          that.isSave = false
+          that.$confirm(res.message, '提示', {
+            cancelButtonText: '取消',
+            showConfirmButton: false,
+            type: 'warning'
+          })
+        }
+      }).catch(() => {
+        this.loading = false
+        this.isSave = false
+      })
+    },
+    components: { qlrCommonTable, tdytTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
+    },
+    data () {
+      return {
+        normalizer (node) {
+          if (node.children == null || node.children == "null") {
+            delete node.children;
+          }
+          return {
+            id: node.dcode,
+            label: node.dname,
+            children: node.children,
+          };
+        },
+        isSave: true,
+        loading: false,
+        mjdw: "1",
+        //表单是否可操作
+        viewEdit: false,
+        disabled: true,
+        tdytOption: [],
+        czrOptions: [],
+        czr: "",
+        ruleForm: {
+          flow: {
+            ywh: "",
+          },
+          slry: "",
+          slsj: "",
+          qllx: "",
+          djlx: "",
+          djqx: "",
+          sldy: {
+            gyfs: "",
+          },
+          // 宗地代码
+          zddm: "",
+          bdcdyh: "",
+          qlxzmc: "",
+          qlrxx: [],
+          // 自然幢号
+          zrzh: "",
+          // 户不动产单元号
+          hbdcdyh: "",
+          djzt: "",
+          // 图幅丘幢号
+          tfqzh: "",
+          zl: "",
+          // 房屋用途
+          fwyt: "",
+          fwxz: "",
+          fwjg: "",
+          // 权利人信息
+          // 是否分别持证
+          sffbcz: "",
+          // 持证人
+          czr: "",
+          djyy: "",
+          // 规划用途名称
+          zdjbxx: {
+            ghytmc: "",
+          },
+          fdcq2: {
+            fwxzmc: "",
+          },
+          slsq: {
+            gyfs: "",
+          },
+        },
+        //传递参数
+        propsParam: {},
+        rules: {
+          'fdcq2.djyy': [
+            { required: true, message: '请输入登记原因', trigger: 'blur' }
+          ]
+        }
+      }
+    },
+    methods: {
+      /**
+       * @description: dataSelectClick
+       * @author: renchao
+       */
+      dataSelectClick () {
+        this.$popup(
+          "房屋所有权",
+          this.BASE_API.SERVERAPI + "/rest/workflow/main/dataCompare/slxxCompareDetai",
+          {
+            formData: {
+              bsmSldy: this.propsParam.bsmSldy,
+              qllx: this.propsParam.qllx,
+            },
+          }
+        );
+      },
+      /**
+       * @description: 更新土地用途信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateTdytxxList (val) {
+        this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
+        this.key++;
+      },
+      /**
+       * @description: 是否持证人变化
+       * @param {*} val
+       * @author: renchao
+       */
+      updaterow () {
+        this.czr = "";
+      },
+      /**
+       * @description: 更新权利人信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateQlrxxList (val) {
+        if (!_.isEqual(val, this.ruleForm.qlrList)) {
+          this.ruleForm.qlrList = _.cloneDeep(val);
+          this.czrOptions = this.ruleForm.qlrList;
+        }
+        this.num = 0
+        this.ruleForm.qlrList.forEach(item => {
+          if (item.id == this.czr) {
+            this.num++
+          }
+        })
+        if (this.num == 0) {
+          this.czr = ''
+        }
+      },
+      /**
+       * @description: 更新权利人信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateYwrxxList (val) {
+        this.ruleForm.ywrList = _.cloneDeep(val);
+      },
+      /**
+       * @description: onSubmit
+       * @author: renchao
+       */
+      onSubmit () {
+        let that = this;
+        let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
+        if (arr.length > 0) {
+          this.$message({
+            showClose: true,
+            message: "土地用途不能为空",
+            type: "error",
+          });
+          return false;
+        }
+        if (this.ruleForm.qlrList.length == 0) {
+          this.$message({
+            showClose: true,
+            message: "请确认权利人信息",
+            type: "error",
+          });
+          return false;
+        }
+
+        if (this.ruleForm.sldy.gyfs == "0") {
+          if (this.ruleForm.qlrList.length > 1) {
+            this.$message({
+              showClose: true,
+              message: "共有方式：单独所有，权利人只能是一个人",
+              type: "error",
+            });
+            return false;
+          }
+          this.ruleForm.qlrList[0].sfczr = "1";
+        } else {
+          if (this.ruleForm.qlrList.length <= 1) {
+            this.$message({
+              showClose: true,
+              message:
+                "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+              type: "error",
+            });
+            return false;
+          }
+          //是否分别持证
+          if (this.ruleForm.sldy.sqfbcz == "1") {
+            //是
+            this.ruleForm.qlrList.forEach((item, index) => {
+              item.sfczr = "1";
+            });
+          } else {
+            if (that.czr === '') {
+              that.$message({
+                showClose: true,
+                message: "请选择持证人",
+                type: "error"
+              });
+              return false;
+            }
+            this.ruleForm.qlrList.forEach(item => {
+              if (item.id == that.czr) {
+                item.sfczr = "1"
+              } else {
+                item.sfczr = "0"
+              }
+            })
+          }
+        }
+        this.$refs['ruleForm'].validate((valid) => {
+          if (valid) {
+            that.$store.dispatch("user/refreshPage", false);
+            saveData(that.ruleForm).then((res) => {
+              if (res.code === 200) {
+                that.$message({
+                  showClose: true,
+                  message: "保存成功！",
+                  type: "success",
+                });
+                that.$store.dispatch("user/refreshPage", true);
+              } else {
+                that.$message({
+                  showClose: true,
+                  message: res.message,
+                  type: "error",
+                });
+              }
+            })
+
+          } else {
+            that.$message({
+              showClose: true,
+              message: "请输入登记原因",
+              type: "error"
+            })
+            return false
+          }
+        })
+      },
+      /**
+       * @description: compare
+       * @author: renchao
+       */
+      compare () {
+        this.$popupDialog(
+          this.ruleForm.qlxx.qllxmc,
+          "registerBook/comparison",
+          {
+            bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
+            dqqllx: "FDCQ2",
+          },
+          "80%",
+          true
+        );
+      },
+    },
+  };
+</script>
+<style scoped lang="scss">
+  @import "~@/styles/public.scss";
+  @import "~@/styles/slxx/slxx.scss";
+  /deep/.el-form {
+    display: flex;
+    flex-direction: column;
+    height: calc(100vh - 130px);
+  }
+
+  /deep/.el-form-item__label {
+    padding: 0;
+  }
+
+  /deep/.el-radio {
+    margin-right: 10px;
+  }
+
+  /deep/.el-select {
+    width: 100%;
+  }
+
+  /deep/.el-form-item {
+    margin-bottom: 3px;
+  }
+
+  .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;
+  }
+
+  .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>