<template> <div class="from-clues"> <!-- 表单部分 --> <div class="from-clues-header"> <el-form :model="queryForm" ref="queryForm" label-width="80px"> <el-row> <el-col :span="5"> <el-form-item label="业务来源"> <el-select v-model="queryForm.ywly" class="width100" filterable clearable placeholder="请选择业务来源"> <el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode"> </el-option> </el-select> </el-form-item> </el-col> <el-col :span="5"> <el-form-item label="权利类型"> <el-select v-model="queryForm.qllx" class="width100" filterable clearable placeholder="请选择权利类型"> <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> </el-option> </el-select> </el-form-item> </el-col> <el-col :span="5"> <el-form-item label="登记类型"> <el-select v-model="queryForm.djlx" class="width100" filterable clearable placeholder="请选择登记类型"> <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> </el-option> </el-select> </el-form-item> </el-col> <el-col :span="5"> <el-form-item label="业务号"> <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px"> </el-input> </el-form-item> </el-col> <el-col :span="4" class="btnCol"> <el-form-item> <el-button type="primary" @click="queryClick()">查询</el-button> <el-button @click="moreQueryClick()">高级查询</el-button> </el-form-item> </el-col> </el-row> <el-row class="advanced-search"> <span>高级搜索条件:</span> <ul> <li v-for="(item,index) in searchList" :key="index"> {{item.name}}:{{item.value}} <i class="el-icon-circle-close" @click="handelItem(index)"></i> </li> </ul> <el-button class="clean-btn" type="text" v-if="searchList.length>0" @click.native="hanldeCleanAll">清除全部 </el-button> </el-row> </el-form> </div> <div class="from-clues-content"> <lb-table :page-size="pageData.size" border @sort-change="handleSort" :current-page.sync="pageData.currentPage" :heightNum="300" :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> </lb-table> </div> <searchBox v-model="isSearch" @getSearch="getSearch" /> </div> </template> <script> import { mapGetters } from 'vuex' import searchBox from '../components/search.vue' import table from "@/utils/mixin/table" import searchMin from "../components/mixin/index" import { datas, sendThis } from "./dbxdata" import { searchTaskToDo, deleteFlow } from "@/api/ywbl.js" export default { name: "dbx", components: { searchBox }, mixins: [table, searchMin], computed: { ...mapGetters(['dictData']), }, data () { return { queryForm: { ywly: "", qllx: "", djlx: "", ywh: "", }, tableData: { total: 0, columns: datas.columns(), data: [], } } }, mounted () { sendThis(this); window.addEventListener('visibilitychange', this.init, true) }, destroyed () { window.removeEventListener('visibilitychange', this.init, true) }, created () { }, methods: { init (e) { var isHidden = document.hidden; if (isHidden) {//切离该页面时执行 //页面切换时,处理逻辑 } else {//切换到该页面时执行 if (window.location.hash == '#/ywbl/dbx') { this.fetchData() } } }, // 列表渲染接口 fetchData () { searchTaskToDo({ ...this.queryForm, ...this.pageData }).then(res => { if (res.code === 200) { let { total, records } = res.result records.forEach(item => { item.qlrmc = item.qlrmc.join(',') item.ywh = item.ywh.join(',') item.zl = item.zl.join(',') item.fromstepdate = item.fromstepdate[0] item.qlrmcStr = item.qlrmc ? String(item.qlrmc) : '' item.ywrmcStr = item.ywrmc ? String(item.ywrmc) : '' }) this.tableData.total = total; this.tableData.data = records ? records : [] } }) }, queryClick () { this.fetchData() }, handelItem (index) { console.log(index); this.searchList.splice(index, 1) }, handleSort (val) { this.queryForm.sortField = val.prop this.queryForm.sortOrder = val.order == "ascending" ? 'asc' : 'desc' this.fetchData() }, del (item) { let formdata = new FormData(); formdata.append("bsmSlsq", item.bsmSlsq); this.$confirm('确定要删除吗, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { deleteFlow(formdata).then(res => { if (res.code === 200) { this.handleDel() this.$message({ type: 'success', message: '删除成功!' }); this.fetchData() } else { this.$message.error(res.message); } }) }).catch(() => { this.$message({ type: 'info', message: '已取消删除' }) }) }, ywhClick (item) { const { href } = this.$router.resolve('/workFrame?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + '&viewtype=1' + '&sqywbm=' + item.djywbm); window.open(href, '_blank'); } } } </script> <style scoped lang="scss"> @import "~@/styles/public.scss"; </style>