材料分屏

xiaomiao
Showing 3 changed files with 94 additions and 96 deletions
src/views/djbworkflow/djbBook/components/blxxtabs/fdcq.vue
src/views/djbworkflow/mixin/index.js
src/views/djbworkflow/workFrame.vue
--- a/src/views/djbworkflow/djbBook/components/blxxtabs/fdcq.vue
View file @ba4ae04
+++ b/src/views/djbworkflow/djbBook/components/blxxtabs/fdcq.vue
View file @ba4ae04
@@ -76,22 +76,22 @@
              <el-input v-model="ruleForm.qlxx.zl"></el-input>
            </el-form-item>
          </el-col>
-          <el-col :span="8">
+          <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj">
            <el-form-item label="土地使用权人：">
              <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
            </el-form-item>
          </el-col>
-          <el-col :span="8">
+          <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj">
            <el-form-item label="独用土地面积：">
              <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
            </el-form-item>
          </el-col>
-          <el-col :span="8">
+          <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj">
            <el-form-item label="分摊土地面积：">
              <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
            </el-form-item>
          </el-col>
-          <el-col :span="8">
+          <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj">
            <!-- 下拉框 -->
            <el-form-item label="土地性质：" style="margin-bottom:3px">
              <treeselect v-model="ruleForm.fdcq2.jedw" placeholder=""
@@ -99,7 +99,7 @@
                :show-count="true" :options="dictData['A45']" />
            </el-form-item>
          </el-col>
-          <el-col :span="8">
+          <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj">
            <el-form-item label="房地产交易价格：">
              <div style="display:flex">
                <el-input v-model="ruleForm.fdcq2.qjjg" style="width:500%"></el-input>
@@ -164,7 +164,7 @@
              <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
            </el-form-item>
          </el-col>
-          <el-col :span="8">
+          <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj">
            <el-form-item label="分摊建筑面积：">
              <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
            </el-form-item>
@@ -320,6 +320,7 @@ export default {
      init(this.propsParam.bsmRepair).then((res) => {
        if (res.code == 200) {
          this.ruleForm = res.result;
+          console.log("this.ruleForm",this.ruleForm);
          this.isShow = true;
        }
      });
--- a/src/views/djbworkflow/mixin/index.js
View file @ba4ae04
+++ b/src/views/djbworkflow/mixin/index.js
View file @ba4ae04
@@ -79,20 +79,16 @@ export default {
          })
          break;
        case "B2": //材料分屏按钮
-          this.splitScreen = this.splitScreen ? false : true;
-          this.$store.dispatch("app/set1tScreen", this.splitScreen);
+        this.closefp()
-          if (this.splitScreen) {
-            //如果当前选项卡为材料信息内容，递减到上一个选项卡内容
+          // if (this.splitScreen) {
-            if (this.tabName == this.clxxTab.value) {
+          //   //如果当前选项卡为材料信息内容，递减到上一个选项卡内容
-              this.tabName = this.tabList[this.clxxIndex - 1].value;
+          //   if (this.tabName == this.clxxTab.value) {
-              this.getFromRouter(this.tabList[this.clxxIndex - 1].value);
+          //     this.tabName = this.tabList[0].value;
-            }
+          //     this.getFromRouter(this.tabList[0].value);
-            //删除材料信息选项卡数据
+          //   }
-            this.tabList.splice(this.clxxIndex, 1);
+          // }
-          } else {
-            //新增材料信息选项卡数据
-            this.tabList.splice(this.clxxIndex, 0, this.clxxTab);
-          }
          break;
        case "B3": //材料导入
          document.getElementById("cldr").click();
--- a/src/views/djbworkflow/workFrame.vue
View file @ba4ae04
+++ b/src/views/djbworkflow/workFrame.vue
View file @ba4ae04
@@ -73,7 +73,7 @@
 <script>
 import WorkFlow from "./mixin/index";
 import { getForm } from "./flowform";
-import { getStepFormInfo } from "@/api/fqsq.js"
+import { getStepFormInfo } from "@/api/fqsq.js";
 import NoticeBar from "@/components/NoticeBar/index";
 import ProcessViewer from "./components/processViewer.vue";
 // 引入左侧菜单
@@ -118,12 +118,9 @@ export default {
      //设置表单传递数据
      currentSelectProps: {},
      // 首次拿到的业务信息
-      oneSelectProps:{},
+      oneSelectProps: {},
      //材料信息选择卡索引
-      clxxIndex: "",
+      oneget: true,
-      //材料信息选项卡对象
-      clxxTab: {},
-      oneget:true,
      //页面监听时间
      _beforeUnload_time: "",
      treedata: {},
@@ -132,60 +129,55 @@ export default {
    };
  },
  mounted() {
-// this.getleftMenubl()
+    // this.getleftMenubl()
  },
  methods: {
+    stepForm(qllx) {
-    stepForm (qllx) {
+      this.oneSelectProps.qllx = qllx;
-      this.oneSelectProps.qllx=qllx
+      if (this.$refs.Menu.supplementarylist.length) {
-        if(this.$refs.Menu.supplementarylist.length){
+        getStepFormInfo(this.oneSelectProps).then((res) => {
-         getStepFormInfo(this.oneSelectProps).then((res) => {
+          this.$nextTick(function () {
-           this.$nextTick(function () {
+            this.tabList = res.result;
-             this.tabList=res.result
+            this.tabName = this.tabList[0].value;
-         this.tabName =this.tabList[0].value;
+            this.getFromRouter(this.tabName);
-         this.getFromRouter(this.tabName)
          });
-        })
+        });
-        }
+      }
-      },
+    },
-   // 获取右侧菜单
+    // 获取右侧菜单
    // getleftMenubl() {
    //    leftMenubl(this.bsmSlsq).then((res) => {
    //     this.supplementarylist = res.result;
    //    })
    // },
    getQllxByBdcdyid() {
-      if(this.currentSelectProps.bdcdyid){
+      if (this.currentSelectProps.bdcdyid) {
-           getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then(
+        getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then(
-        (res) => {
+          (res) => {
-          if (res.code === 200) {
+            if (res.code === 200) {
-            this.$refs.qllxlist.qllxlistdata = res.result;
+              this.$refs.qllxlist.qllxlistdata = res.result;
-            this.$refs.qllxlist.dialogVisible = true;
+              this.$refs.qllxlist.dialogVisible = true;
+            }
          }
-        }
+        );
-      );
      }
    },
    // 获取右侧选项卡
    getCurrentSelectProps(val) {
-      if(val.bdcdyid){
+      if (val.bdcdyid) {
        this.oneSelectProps = val;
      }
      this.currentSelectProps = val;
      if (this.currentSelectProps.bsmRepair) {
-       this.stepForm (this.currentSelectProps.qllx)
+        this.stepForm(this.currentSelectProps.qllx);
-      } else if(!this.oneget){
+      } else if (!this.oneget) {
        this.getdjblist();
      }
-      if(this.oneget){
+      if (this.oneget) {
-        this.oneget=false
+        this.oneget = false;
-          this.stepForm (this.currentSelectProps.qllx)
+        this.stepForm(this.currentSelectProps.qllx);
      }
    },
    // 获取渲染登记簿列表
    getdjblist() {
@@ -196,22 +188,23 @@ export default {
        if (res.code === 200) {
          this.treedata = loadTreeData(res.result, this.bdcdyh);
          this.$nextTick(function () {
-            this.defaultNode = getNode(
+            this.defaultNode = getNode(this.currentSelectProps.qllx, {
-              this.currentSelectProps.qllx,
+              linShi: 0,
-              { linShi: 0, xianShi: 0, liShi: 0 },
+              xianShi: 0,
-            );
+              liShi: 0,
+            });
            this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点
          });
-              let settree = JSON.parse(JSON.stringify(this.treedata));
+          let settree = JSON.parse(JSON.stringify(this.treedata));
-        this.tabdata = [
+          this.tabdata = [
-          ...settree,
+            ...settree,
-          ...settree[1].children[0].children[0].children,
+            ...settree[1].children[0].children[0].children,
-        ];
+          ];
-        this.tabdata.forEach((item, index, arr) => {
+          this.tabdata.forEach((item, index, arr) => {
-          arr[index].name = item.label;
+            arr[index].name = item.label;
-          arr[index].value = item.id;
+            arr[index].value = item.id;
-        });
+          });
-        this.tabList = this.tabdata;
+          this.tabList = this.tabdata;
        }
      });
    },
@@ -221,11 +214,18 @@ export default {
    },
    //切换选项卡内容组件
    getFromRouter(tabname) {
+      console.log("tabname", tabname);
      this.componentTag = getForm(tabname);
    },
+    closefp() {
+      console.log("点击分屏");
+      this.splitScreen = this.splitScreen ? false : true;
+      this.$store.dispatch("app/set1tScreen", this.splitScreen);
+      this.getFromRouter(this.tabList[0].value);
+      this.clxxForm = getForm(this.tabList[1].value);
+    },
    // 增加补录记录
-    addRepairRecord(row,del) {
+    addRepairRecord(row, del) {
      let from = {
        bsmQlxx: "",
        bsmSlsq: this.bsmSlsq,
@@ -235,33 +235,34 @@ export default {
      };
      if (row) {
        from.bsmQlxx = row.bsmQlxx;
-        if(del){
+        if (del) {
          from.operate = del;
-        }else{
+        } else {
-        from.operate = row.bsmQlxx ? "U" : "C";
+          from.operate = row.bsmQlxx ? "U" : "C";
        }
        from.qllx = row.qllx;
      }
-      addRepairRecord(from).then((res) => {
+      addRepairRecord(from)
-        if(res.code=='200'){
+        .then((res) => {
-           this.$refs.qllxlist.dialogVisible = false;
+          if (res.code == "200") {
-        this.$nextTick(() => {
+            this.$refs.qllxlist.dialogVisible = false;
-          this.$refs.Menu.getleftMenubl(res.result);
+            this.$nextTick(() => {
-           this.$message({
+              this.$refs.Menu.getleftMenubl(res.result);
-            type: "success",
+              this.$message({
-            message: "补录成功!",
+                type: "success",
-          });
+                message: "补录成功!",
-        });
+              });
-        }else{
+            });
-           this.$alert(res.message, '提示', {
+          } else {
-          confirmButtonText: '确定',
+            this.$alert(res.message, "提示", {
-          type: 'warning'
+              confirmButtonText: "确定",
+              type: "warning",
+            });
+          }
+        })
+        .catch((res) => {
+          console.log("错", res);
        });
-        }
-      }).catch((res) => {
-     console.log("错",res);
-        });;
    },
  },
 };