<template> <!-- <div class="duijie">--> <!-- <img src="../../../image/duijie.png" alt="">--> <!-- </div>--> <div class="from-clues"> <!-- 表单部分 --> <div class="from-clues-header"> <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="80px"> <el-row> <el-col :span="5"> <el-form-item label="业务号"> <el-input placeholder="业务号" v-model="queryForm.ywh" clearable class="width100"> </el-input> </el-form-item> </el-col> <el-col :span="5"> <el-form-item label="权利人"> <el-input placeholder="权利人" v-model="queryForm.qlrmc" clearable class="width100"> </el-input> </el-form-item> </el-col> <el-col :span="5"> <el-form-item label="义务人"> <el-input placeholder="义务人" v-model="queryForm.ywrmc" clearable class="width100"> </el-input> </el-form-item> </el-col> <el-col :span="9" class="btnColRight"> <el-form-item> <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> <el-button type="primary" native-type="submit" @click="handleAdd">添加</el-button> </el-form-item> </el-col> </el-row> </el-form> </div> <div class="from-clues-content loadingtext"> <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280" :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> </lb-table> </div> </div> </template> <script> import { mapGetters } from 'vuex' import table from "@/utils/mixin/table" import { datas, sendThis } from "./data" import { queryBj } from "@/api/ycsl.js"; export default { name: "cwrz", components: {}, mixins: [table], mounted () { sendThis(this); }, activated () { this.queryClick() }, data () { return { queryForm: { qymc: "", zjh: "", }, tableData: { total: 0, columns: datas.columns(), data: [], }, }; }, computed: { ...mapGetters(['isRefresh']) }, watch: { isRefresh: { handler (newVal, oldVal) { if (newVal) this.queryClick() }, immediate: true } }, methods: { /** * @description: queryClick * @author: renchao */ queryClick () { this.$startLoading(); // let data = { ...this.queryForm, ...this.pageData } let pageInfo = { pageNo: this.pageData.currentPage, pageSize: this.pageData.pageSize } let data = { ...pageInfo } queryBj(data).then((res) => { this.$endLoading(); if (res.code === 200) { let { total, records } = res.result; this.tableData.total = total; this.tableData.data = records; } }) }, /** * @description: handleSearch * @author: renchao */ handleSearch () { this.queryClick(); }, /** * @description: handleAdd * @author: renchao */ handleAdd () { this.$popupDialog("添加企业", "xxba/components/addDialog", { isAdd: 1 }, "75%") }, /** * @description: handleDelete * @author: renchao */ handleDelete (row) { let _this = this this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { remove(row.bsmCompany).then(res => { if (res.code == 200) { _this.$message({ type: 'success', message: '删除成功!' }); } const totalPage = Math.ceil((_this.tableData.total - 1) / _this.pageData.pageSize) // 总页数 _this.pageData.currentPage = _this.pageData.currentPage > totalPage ? totalPage : _this.pageData.currentPage _this.pageData.currentPage = _this.pageData.currentPage < 1 ? 1 : _this.pageData.currentPage _this.queryClick(_this.pageData.currentPage);//重新渲染数 }) }).catch(() => { this.$message({ type: 'info', message: '已取消删除' }); }); }, handleEdit (row) { this.$popupDialog("编辑企业", "ywbl/ycsl/components/addDialog", { isAdd: 2, ...row }, "75%") } } } </script> <style lang="scss" scoped> @import "~@/styles/public.scss"; .duijie{ width: 100%; height: 100%; margin: auto; text-align: center } </style>