style:业务申请

renchao@pashanhoo.com
Showing 2 changed files with 97 additions and 19 deletions
src/views/workflow/components/batchDel.vue
src/views/ywbl/slsqxx/fdcq2/slxxOverview.vue
--- a/src/views/workflow/components/batchDel.vue 0 → 100644
View file @f71a090
+++ b/src/views/workflow/components/batchDel.vue 0 → 100644
View file @f71a090
+<!--
+ * @Description:
+ * @Autor: renchao
+ * @LastEditTime: 2023-04-26 16:05:28
+-->
+<!-- 批量删除弹框 -->
+<template>
+  <div class='batchDel'>
+    <lb-table :column="columns" :data="formData.dataList" :maxHeight="460" :heightNumSetting="true" :pagination="false"
+      @selection-change="handleSelectionChange">
+    </lb-table>
+    <div class="text-center">
+      <el-button @click="$popupCacel">取消</el-button>
+      <el-button type="primary" @click="submitdelclick" plain>确定</el-button>
+    </div>
+  </div>
+</template>
+<script>
+  import { deleteFlow } from "@/api/workFlow.js"
+  import store from '@/store/index.js'
+  export default {
+    components: {},
+    props: {
+      formData: {
+        type: Object,
+        default: {}
+      }
+    },
+    data () {
+      return {
+        columns: [
+          {
+            type: 'selection',
+            label: '全选'
+          },
+          {
+            label: '序号',
+            type: 'index',
+            width: '50',
+          },
+          {
+            prop: "bdcdyh",
+            label: "不动产单元号",
+          },
+          {
+            prop: "zl",
+            label: "坐落",
+          },
+        ],
+        dataList: [],
+        selectBdcdy: [],
+      }
+    },
+    methods: {
+      // 批量删除确定按钮
+      submitdelclick () {
+        var formdata = new FormData();
+        formdata.append("bsmSldyList", this.selectBdcdy);
+        formdata.append("bsmSlsq", this.formData.bsmSlsq);
+        deleteFlow(formdata).then(res => {
+          if (res.code == 200) {
+            this.$popupCacel();
+            store.dispatch('user/refreshPage', true);
+            this.$message.success("删除成功");
+          } else {
+            this.$message.error(res.message)
+          }
+        })
+      },
+      // 批量删除勾选事件
+      handleSelectionChange (e) {
+        this.selectBdcdy = [];
+        e.forEach((item, index) => {
+          this.selectBdcdy.push(item.bsmSldy)
+        })
+      }
+    }
+  }
+</script>
+<style scoped lang='scss'>
+</style>
--- a/src/views/ywbl/slsqxx/fdcq2/slxxOverview.vue
View file @f71a090
+++ b/src/views/ywbl/slsqxx/fdcq2/slxxOverview.vue
View file @f71a090
 <!--
 * @Description: 受理信息
 * @Autor: renchao
- * @LastEditTime: 2023-07-20 09:30:21
+ * @LastEditTime: 2023-07-20 16:12:16
 -->
 <template>
  <div class="slxx">
    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
-      label-width="120px">
+      label-width="130px">
      <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
        <div class="slxx_title title-block">
          受理信息
@@ -30,12 +30,12 @@
          </el-col>
        </el-row>
        <el-row :gutter="10" v-if="ruleForm.slsq">
-          <el-col :span="8">
+          <el-col :span="8" v-if="ruleForm.sldyList.length>0">
            <el-form-item label="权利类型：">
              <el-input disabled v-model="ruleForm.sldyList[0].qllxmc"></el-input>
            </el-form-item>
          </el-col>
-          <el-col :span="8">
+          <el-col :span="8" v-if="ruleForm.sldyList.length>0">
            <el-form-item label="登记类型：">
              <el-input disabled v-model="ruleForm.sldyList[0].djlxmc"></el-input>
            </el-form-item>
@@ -99,7 +99,7 @@
          <div class="triangle"></div>
        </div>
        <el-row :gutter="10">
-          <el-col :span="14">
+          <el-col :span="14" v-if="ruleForm.sldyList.length>0">
            <el-form-item label="共有方式：">
              <el-radio-group :disabled="!ableOperation" @change="showCZInfo"
                v-model="ruleForm.sldyList[0].gyfs">
@@ -111,20 +111,17 @@
            </el-form-item>
          </el-col>
-          <el-col :span="5" v-show=" ruleForm.slsq.gyfs == '2'">
+          <el-col :span="5" v-show="ruleForm.sldyList.length>0 && ruleForm.slsq.gyfs == '2'">
-            <el-form-item label="是否分别持证：">
+            <el-form-item label="是否分别持证：" v-if="ruleForm.sldyList.length>0">
              <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz">
                <el-radio label="1">是</el-radio>
                <el-radio label="0">否</el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>
-          <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs == '2'">
+          <el-col :span="5" v-show="ruleForm.sldyList.length>0 && ruleForm.sldyList[0].gyfs == '2'">
            <el-form-item label="持证人：">
-              <el-select v-model="ruleForm.slsq.czr" placeholder="持证人">
+              <el-input v-model="ruleForm.slsq.czr"></el-input>
-                <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
-                </el-option>
-              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
@@ -135,7 +132,7 @@
          <div class="triangle"></div>
        </div>
        <el-row :gutter="10">
-          <el-col>
+          <el-col v-if="ruleForm.fdcq2List.length>0">
            <el-form-item v-if="ruleForm.slsq" label="登记原因：" prop="djyy">
              <el-input class="textArea" type="textarea" :disabled="!ableOperation"
                v-model="ruleForm.fdcq2List[0].djyy">
@@ -166,7 +163,7 @@
      formdata.append("bsmSlsq", this.bsmSlsq);
      formdata.append("isEdit", this.ableOperation);
      BatchInit(formdata).then((res) => {
-        if (res.code === 200 && res.result) {
+        if (res.code == 200) {
          this.ruleForm = res.result;
          this.splicingFdcq2Info();
        }
@@ -181,7 +178,6 @@
      return {
        disabled: true,
        tdytOption: [],
-        czrOptions: [],
        ruleForm: {
          cfdjList: []//查封登记
          , diyaqList: []//抵押权
@@ -204,10 +200,10 @@
        rules: {},
        bsmSlsq: this.$route.query.bsmSlsq,//受理申请标识码
        splicingFdcq2: {//前端根据后台数组组装展示内容
-          fwxz: {}//房屋性质
+          fwxz: ''//房屋性质
-          , fwjg: {}//房屋结构
+          , fwjg: ''//房屋结构
-          , jzmj: {} //建筑面积
+          , jzmj: '' //建筑面积
-          , zts: {}//房屋总套数
+          , zts: ''//房屋总套数
        }
      }
    },
@@ -215,6 +211,7 @@
      //组装房地产权通用信息
      splicingFdcq2Info () {
        let fdcq2List = this.ruleForm.fdcq2List;
+        console.log(this.ruleForm.fdcq2List, 'this.ruleForm.fdcq2List');
        let fwxzArr = [];
        let fwjgArr = [];
        let jzmj = 0;