1111

田浩浩
Showing 3 changed files with 56 additions and 32 deletions
src/views/workflow/components/fzxx.vue
src/views/workflow/components/zslq.vue
src/views/workflow/javascript/fzxxdata.js
--- a/src/views/workflow/components/fzxx.vue
View file @2d24217
+++ b/src/views/workflow/components/fzxx.vue
View file @2d24217
@@ -22,6 +22,7 @@
          <el-col :span="6" class="btnColRight">
            <el-form-item>
              <el-button type="primary" icon="el-icon-search" @click="fetchData()">查询</el-button>
+              <el-button type="primary" icon="el-icon-search" @click="zslqClick()">证书领取</el-button>
            </el-form-item>
          </el-col>         
        </el-row>
@@ -31,15 +32,19 @@
      <lb-table border :column="tableData.columns" :heightNum="210" :data="tableData.data" :pagination="false">
      </lb-table>
    </div>
+    <zslqDialog  v-model="dialogVisible"  @update:dialogVisible="dialogVisibles"></zslqDialog>
  </div>
 </template>
 <script>
 import table from "@/utils/mixin/table";
+import zslqDialog from "./zslq.vue";
 import { getCertificateList } from "@/api/bdcqz.js";
 import { datas } from "../javascript/fzxxdata";
 export default {
  mixins: [table],
-  components: {},
+  components: {
+    zslqDialog
+  },
  props: {
  },
  data () {
@@ -54,18 +59,26 @@ export default {
        total: 0,
        columns: datas.columns().fzgrid,
        data: [],
-      }
+      },
+      dialogVisible:false
    }
  },
  methods: {
    // 列表渲染接口
    fetchData () {
-      this.ruleForm.bsmSldy = this.$parent.unitData[0].bsmSldy;
+      this.ruleForm.bsmSlsq = this.$route.query.bsmSlsq;
      getCertificateList(this.ruleForm).then(res => {
        if (res.code === 200) {
          this.tableData.data = res.result;
        }
      })
+    },
+    zslqClick(){
+      this.dialogVisible = true;       
+    },
+     //子组件传 过来的 数据
+    dialogVisibles(v){
+        this.dialogVisible = v;
    }
  }
 }
--- a/src/views/workflow/components/zslq.vue
View file @2d24217
+++ b/src/views/workflow/components/zslq.vue
View file @2d24217
 <template>
+ <dialogBox title="不动产权证领取" width="85%" @closeDialog="closeDialog" @submitForm="handleSubmit" v-model="value" >
  <div class="zslq">
    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
      <el-row>
@@ -30,7 +31,7 @@
        <el-col :span="6">
          <el-form-item label="证件类型" prop="lzrzjlb">
            <el-select v-model="ruleForm.lzrzjlb" filterable clearable placeholder="请选择">
-              <el-option v-for="item in zslqList" :key="item.dcode" :label="item.dname" :value="item.dcode">
+              <el-option v-for="item in zjzlData" :key="item.dcode" :label="item.dname" :value="item.dcode">
              </el-option>
            </el-select>
          </el-form-item>
@@ -46,12 +47,9 @@
          </el-form-item>
        </el-col>
      </el-row>
-      <el-row style="text-align:center">
-        <el-button type="primary" @click="onSubmit">确定</el-button>
-        <el-button>取消</el-button>
-      </el-row>
    </el-form>
  </div>
+   </dialogBox>
 </template>
 <script>
@@ -60,15 +58,18 @@ import table from "@/utils/mixin/table";
 import { getUnclaimedBdcqz, issueCertificate } from "@/api/bdcqz.js";
 import { datas } from "../javascript/fzxxdata";
 export default {
+   props: {
+    value: { type: Boolean, default: true }
+  },
  mixins: [table],
  data () {
    return {
-      zslqList: [],
+      zjzlData: store.getters.dictData['A30'],
      ruleForm: {
        fzrxm: '',
        fzsj: '',
        fzsl: '',
-        bsmBdcqz: [],
+        bdcqzList: [],
        lzrxm: '',
        lzrzjlb: '',
        lzrzjh: '',
@@ -95,44 +96,43 @@ export default {
      },
    }
  },
-  props: ["formData"],
+   watch: {
-  created () {
+    value (val) {
-    this.zslqList = store.getters.dictData['A30'];
+      if (val) {
         this.loadGrid();
+      }
    },
-  methods: {
-    onSubmit () {
  },
-    fetchData () { },
+  methods: {
    //列表初始化
    loadGrid () {
-      getUnclaimedBdcqz({ bsmSlsq: this.formData.bsmSlsq }).then(res => {
+      getUnclaimedBdcqz({ bsmSlsq: this.$route.query.bsmSlsq }).then(res => {
        if (res.code === 200) {
          this.tableData.data = res.result;
+          this.ruleForm.bdcqzList = res.result;          
        }
      })
    },
-    submitForm () {
+    handleSubmit () {           
      this.$refs.ruleForm.validate(valid => {
        if (valid) {
          issueCertificate(this.ruleForm).then(res => {
            if (res.code == 200) {
-              this.$message.success('保存成功')
+              this.$message.success('保存成功');
+               this.$parent.fetchData();
              this.$emit("input", false);
-              this.$refs.ruleForm.resetFields();
            } else {
              this.$message.error(res.message)
            }
          })
        } else {
+           this.$message.error("请填写领取人信息！")
          return false;
        }
      });
    },
    closeDialog () {
      this.$emit("input", false);
-      this.$refs.ruleForm.resetFields();
    },
  }
 }
--- a/src/views/workflow/javascript/fzxxdata.js
View file @2d24217
+++ b/src/views/workflow/javascript/fzxxdata.js
View file @2d24217
@@ -20,6 +20,14 @@ class data extends filter {
        {
          prop: "bdcqzlx",
          label: "不动产权证类型",
+          render: (h, scope) => {
+            return (
+              <div>                
+                <span v-show={scope.row.bdcqzlx == '1'}>不动产权证书</span>
+                <span v-show={scope.row.bdcqzlx == '2'}>不动产登记证明</span>               
+              </div>
+            )
+          }
        },
        {
          prop: "qllx",
@@ -51,18 +59,13 @@ class data extends filter {
          label: "坐落"
        },        
        {
-          prop: "lzrxm",
+          prop: "fzsj",
-          label: "领取人"
+          label: "发证时间"
        },
        {
-          label: '操作',
+          prop: "lzrxm",
-          width: '200',
+          label: "领证人姓名"
-          align: 'center',
+        },
-          fixed: 'right',
-          render: (h, scope) => {
-            return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.del(scope.row) }}>添加领取材料</el-button>
-          }
-        }
      ],
      //领证证列表
      lzgrid: [
@@ -75,6 +78,14 @@ class data extends filter {
          prop: "bdcqzlx",
          label: "不动产权证类型",
          width: '120',
+          render: (h, scope) => {
+            return (
+              <div>                
+                <span v-show={scope.row.bdcqzlx == '1'}>不动产权证书</span>
+                <span v-show={scope.row.bdcqzlx == '2'}>不动产登记证明</span>               
+              </div>
+            )
+          }
        },
        {
          prop: "qllx",