Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
bd61ed5a by 赵千
Options

高级查询，权利人类型

1 parent 129a1eab
Inline Side-by-side
Showing 21 changed files with 780 additions and 21 deletions
......@@ -10,7 +10,7 @@ let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('Ap
class business {
/**
* @description: 成功率统计
* @param {*} startDate
* @param {*} startDate
* @param {*} endDate
* @param {*} qxdm
* @author: renchao
......@@ -26,5 +26,21 @@ class business {
}
})
}
async diya (data) {
return request({
url: SERVER.SERVERAPI + '/rest/statistics/Business/diya',
method: 'post',
data
})
}
async djfcx (data) {
return request({
url: SERVER.SERVERAPI + '/rest/statistics/Business/djfcx',
method: 'post',
data
})
}
}
export default new business()
\ No newline at end of file
export default new business()
......
......@@ -140,6 +140,18 @@ export const asyncRoutes = [
component: () => import('@/views/jktj/qjdcsjcx/index'),
name: 'qjdcsjcx',
meta: { title: '权籍调查数据查询', icon: 'registerBookQuality' }
},
{
path: 'dydjxxtj',
component: () => import('@/views/jktj/dydjxxtj/index'),
name: 'dydjxxtj',
meta: { title: '抵押登记信息统计', icon: 'registerBookQuality' }
},
{
path: 'djftj',
component: () => import('@/views/jktj/djftj/index'),
name: 'djftj',
meta: { title: '登记费统计', icon: 'registerBookQuality' }
}
]
},
......
......@@ -100,7 +100,22 @@
<el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="btnColRight">
<!-- <el-col :span="4" class="btnColRight">-->
<!-- <btn nativeType="cz" @click="resetForm">重置</btn>-->
<!-- <btn nativeType="cx" @click="handleSearch">查询</btn>-->
<!-- </el-col>-->
</el-row>
<el-row class="mt-10">
<el-col :span="5">
<el-form-item label="权利人类型" label-width="123px">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="19" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
......
......@@ -64,7 +64,15 @@
</el-row>
<el-row class="mt-10">
<el-col :span="24" class="btnColRight">
<el-col :span="6">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="18" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
......
......@@ -65,13 +65,29 @@
<el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="btnColRight">
<el-form-item>
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
<!-- <el-col :span="4" class="btnColRight">-->
<!-- <el-form-item>-->
<!-- <btn nativeType="cz" @click="resetForm">重置</btn>-->
<!-- <btn nativeType="cx" @click="handleSearch">查询</btn>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
</el-row>
<el-row class="mt-10">
<el-col :span="5" label-width="100px">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="18" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
</el-row>
</el-form>
</div>
<div class="from-clues-content">
......
......@@ -60,7 +60,15 @@
</el-col>
</el-row>
<el-row class="mt-10">
<el-col :span="24" class="btnColRight">
<el-col :span="6">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="18" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
......
......@@ -28,11 +28,27 @@
<el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="btnColRight">
<!-- <el-col :span="4" class="btnColRight">-->
<!-- <btn nativeType="cz" @click="resetForm">重置</btn>-->
<!-- <btn nativeType="cx" @click="handleSearch">查询</btn>-->
<!-- </el-col>-->
</el-row>
<el-row class="mt-10">
<el-col :span="6">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="18" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
</el-row>
</el-form>
</div>
<div class="from-clues-content">
......
......@@ -60,7 +60,15 @@
</el-col>
</el-row>
<el-row class="mt-10">
<el-col :span="24" class="btnColRight">
<el-col :span="6">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="18" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
......
......@@ -55,11 +55,27 @@
<el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input>
</el-form-item>
</el-col>
<el-col :span="24" class="btnColRight mt-10">
<!-- <el-col :span="24" class="btnColRight mt-10">-->
<!-- <btn nativeType="cz" @click="resetForm">重置</btn>-->
<!-- <btn nativeType="cx" @click="handleSearch">查询</btn>-->
<!-- </el-col>-->
</el-row>
<el-row class="mt-10">
<el-col :span="6">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="18" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
</el-row>
</el-form>
</div>
<div class="from-clues-content">
......
......@@ -58,8 +58,16 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24" class="btnColRight mt-10">
<el-row class="mt-10">
<el-col :span="6">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="18" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
......
......@@ -53,11 +53,28 @@
<el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" class="btnColRight">
<el-col :span="6">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<!-- <el-col :span="6" class="btnColRight">-->
<!-- <btn nativeType="cz" @click="resetForm">重置</btn>-->
<!-- <btn nativeType="cx" @click="handleSearch">查询</btn>-->
<!-- </el-col>-->
</el-row>
<el-row class="mt-10">
<el-col :span="24" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
</el-row>
</el-form>
</div>
<div class="from-clues-content">
......
......@@ -50,7 +50,21 @@
<el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" class="btnColRight mt-10">
<!-- <el-col :span="6" class="btnColRight mt-10">-->
<!-- <btn nativeType="cz" @click="resetForm">重置</btn>-->
<!-- <btn nativeType="cx" @click="handleSearch">查询</btn>-->
<!-- </el-col>-->
</el-row>
<el-row class="mt-10">
<el-col :span="6">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="18" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
......
......@@ -55,7 +55,21 @@
<el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input>
</el-form-item>
</el-col>
<el-col :span="24" class="btnColRight mt-10">
<!-- <el-col :span="24" class="btnColRight mt-10">-->
<!-- <btn nativeType="cz" @click="resetForm">重置</btn>-->
<!-- <btn nativeType="cx" @click="handleSearch">查询</btn>-->
<!-- </el-col>-->
</el-row>
<el-row class="mt-10">
<el-col :span="6">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="18" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
......
......@@ -52,11 +52,28 @@
<el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" class="btnColRight">
<el-col :span="6">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<!-- <el-col :span="6" class="btnColRight">-->
<!-- <btn nativeType="cz" @click="resetForm">重置</btn>-->
<!-- <btn nativeType="cx" @click="handleSearch">查询</btn>-->
<!-- </el-col>-->
</el-row>
<el-row class="mt-10">
<el-col :span="24" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
</el-row>
</el-form>
</div>
<div class="from-clues-content">
......
......@@ -53,7 +53,21 @@
<el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" class="btnColRight">
<el-col :span="6">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<!-- <el-col :span="6" class="btnColRight">-->
<!-- <btn nativeType="cz" @click="resetForm">重置</btn>-->
<!-- <btn nativeType="cx" @click="handleSearch">查询</btn>-->
<!-- </el-col>-->
</el-row>
<el-row class="mt-10">
<el-col :span="24" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
......
......@@ -51,7 +51,15 @@
<el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input>
</el-form-item>
</el-col>
<el-col :span="14" class="btnColRight">
<el-col :span="5">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="9" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
......
......@@ -42,7 +42,15 @@
<el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input>
</el-form-item>
</el-col>
<el-col :span="12" class="btnColRight mt-10">
<el-col :span="6" class="mt-10">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6" class="btnColRight mt-10">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-11 10:02:44
*/
import filter from '@/utils/filter.js'
class data extends filter {
constructor() {
super()
}
columns () {
return [
// {
// prop: 'sjlx',
// label: '数据类型',
// width: 90,
// render: (h, scope) => {
// return (
// <div>
// <span v-show={scope.row.sjlx == 1}>ftp上传</span>
// <span v-show={scope.row.sjlx == 2}>业务库抽取</span>
// <span v-show={scope.row.sjlx == 3}>存量数据</span>
// </div>
// )
// }
// },
{
prop: 'YWH',
label: '业务号',
width: 190
},
{
prop: "SFKMMC",
label: "收费科目名称",
width: 190,
},
{
prop: 'YSJE',
label: '应收金额',
width: 80
},
{
prop: "SSJE",
label: "实收金额",
width: 190,
},
{
prop: 'ZKHYSJE',
label: '折扣后应收金额',
width: 190
},
{
prop: "SFJS",
label: "收费基数",
minWidth: 150,
},
{
prop: "SFEWSF",
label: "是否额外收费",
width: 240
},
{
prop: "SFDW",
label: "收费单位",
minWidth: 200,
},
{
prop: "FFF",
label: "付费方",
minWidth: 130,
},
{
prop: "BZ",
label: "备注",
minWidth: 130,
}
]
}
}
export default new data()
<template>
<!-- 监控日志 -->
<div class="jktjDetail from-clues">
<!-- 头部搜索 -->
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="100px">
<Breadcrumb />
<el-row class="mb-5">
<el-col :span="4">
<el-form-item label="行政区" class="d-flex">
<el-select v-model="form.qxdm" class="width100" clearable placeholder="行政区">
<el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="开始日期" class="d-flex">
<el-date-picker class="width100" :clearable="false" type="date" placeholder="开始日期"
:picker-options="pickerOptionsStart" v-model="form.startDate"
value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="结束日期" class="d-flex">
<el-date-picker class="width100" :clearable="false" type="date" placeholder="结束日期"
:picker-options="pickerOptionsEnd" v-model="form.endDate" value-format="yyyy-MM-dd HH:mm:ss"
@change="endTimeChange"></el-date-picker>
</el-form-item>
</el-col>
<!-- 操作按钮 -->
<el-col :span="12" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="featchData">查询</btn>
</el-col>
</el-row>
</el-form>
</div>
<!-- 图表 -->
<div class="from-clues-content">
<lb-table ref="table" :page-size="pageData.pageSize" :current-page.sync="pageData.current" :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 { getFirstDayOfSeason, timeFormat } from "@/utils/operation";
// 引入表格头部数据
import data from "./data";
// 引入table混入方法
import tableMixin from "@/mixins/tableMixin.js";
import bdcdj from "@/api/bdcdj";
import business from "@/api/business";
export default {
name: "jktj",
mixins: [tableMixin],
data () {
return {
// 分页
pageData: {
total: 0,
pageSize: 10,
current: 1
},
pickerOptionsStart: {
disabledDate: (time) => {
let endDateVal = this.form.endDate;
if (endDateVal) {
return (
time.getTime() >=
new Date(endDateVal).getTime()
);
}
},
},
pickerOptionsEnd: {
disabledDate: (time) => {
let beginDateVal = this.form.startDate;
if (beginDateVal) {
return (
time.getTime() <
new Date(beginDateVal).getTime()
);
}
},
},
// 搜索表单
valueTime: "",
tableData: {
// 表格头部
columns: [
{
label: "序号",
type: "index",
width: "50",
index: this.indexMethod,
}
]
.concat(data.columns()),
// 表格列表数据
total: 0,
data: [],
},
// 搜索表单
form: {
startDate: getFirstDayOfSeason(),
endDate: timeFormat(new Date(), true),
qxdm: "",
sfgd: "1"
},
chartData: []
};
},
mounted () {
// 查询业务量
this.featchData();
},
computed: {
...mapGetters(["dicData"]),
},
methods: {
/**
* @description: handleSizeChange
* @param {*} val
* @author:
*/
handleSizeChange (val) {
this.formData.pageSize = val
this.featchData()
},
/**
* @description: 截止日期变化
* @param {*} val
* @author: renchao
*/
endTimeChange (val) {
this.form.endDate = timeFormat(new Date(val), true)
},
/**
* @description: handleSearch
* @author:
*/
handleSearch () {
this.form.currentPage = 1
this.tableData.data = []
if (this.featchData) {
this.featchData()
}
},
/**
* @description: handleCurrentChange
* @param {*} val
* @author:
*/
handleCurrentChange (val) {
this.form.currentPage = val
this.featchData()
},
async featchData() {
this.form.startDate = "2019-12-11 00:00:00"
let {result: res} = await business.djfcx(this.form);
console.log(res)
this.tableData.data = res.list
this.pageData.current = res.pageNum
this.pageData.pageSize = res.pageSize
this.tableData.total = res.total
}
},
};
</script>
<style scoped lang="scss">
.jktjDetail {
flex-direction: column;
.rows {
margin-left: 100px;
}
.center {
line-height: 50vh;
text-align: center;
color: #b6b5b5;
}
}
</style>
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-11 10:02:44
*/
import filter from '@/utils/filter.js'
class data extends filter {
constructor() {
super()
}
columns () {
return [
// {
// prop: 'sjlx',
// label: '数据类型',
// width: 90,
// render: (h, scope) => {
// return (
// <div>
// <span v-show={scope.row.sjlx == 1}>ftp上传</span>
// <span v-show={scope.row.sjlx == 2}>业务库抽取</span>
// <span v-show={scope.row.sjlx == 3}>存量数据</span>
// </div>
// )
// }
// },
{
prop: 'BDCDYH',
label: '不动产单元号',
width: 240
},
{
prop: "DYR",
label: "抵押人",
width: 190,
},
{
prop: "YWH",
label: "业务号",
width: 190,
},
{
prop: "ZJJZWZL",
label: "坐落",
minWidth: 150,
},
{
prop: 'DYMJ',
label: '抵押面积',
// width: 80
render: (h, scope) => {
return (
<div>
{scope.row.DYMJ} {scope.row.MJDWMC}
</div>
)
}
},
{
prop: "BDBZZQSE",
label: "抵押数额",
// width: 80
render: (h, scope) => {
return (
<div>
{scope.row.BDBZZQSE} {scope.row.JEDWMC}
</div>
)
}
},
{
prop: "BZ",
label: "备注",
minWidth: 200,
},
]
}
}
export default new data()
<template>
<!-- 监控日志 -->
<div class="jktjDetail from-clues">
<!-- 头部搜索 -->
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="100px">
<Breadcrumb />
<el-row class="mb-5">
<el-col :span="4">
<el-form-item label="行政区" class="d-flex">
<el-select v-model="form.qxdm" class="width100" clearable placeholder="行政区">
<el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="开始日期" class="d-flex">
<el-date-picker class="width100" :clearable="false" type="date" placeholder="开始日期"
:picker-options="pickerOptionsStart" v-model="form.startDate"
value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="结束日期" class="d-flex">
<el-date-picker class="width100" :clearable="false" type="date" placeholder="结束日期"
:picker-options="pickerOptionsEnd" v-model="form.endDate" value-format="yyyy-MM-dd HH:mm:ss"
@change="endTimeChange"></el-date-picker>
</el-form-item>
</el-col>
<!-- 操作按钮 -->
<el-col :span="12" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="featchData">查询</btn>
</el-col>
</el-row>
</el-form>
</div>
<!-- 图表 -->
<div class="from-clues-content">
<lb-table ref="table" :page-size="pageData.pageSize" :current-page.sync="pageData.current" :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 { getFirstDayOfSeason, timeFormat } from "@/utils/operation";
// 引入表格头部数据
import data from "./data";
// 引入table混入方法
import tableMixin from "@/mixins/tableMixin.js";
import bdcdj from "@/api/bdcdj";
import business from "@/api/business";
export default {
name: "jktj",
mixins: [tableMixin],
data () {
return {
// 分页
pageData: {
total: 0,
pageSize: 10,
current: 1
},
pickerOptionsStart: {
disabledDate: (time) => {
let endDateVal = this.form.endDate;
if (endDateVal) {
return (
time.getTime() >=
new Date(endDateVal).getTime()
);
}
},
},
pickerOptionsEnd: {
disabledDate: (time) => {
let beginDateVal = this.form.startDate;
if (beginDateVal) {
return (
time.getTime() <
new Date(beginDateVal).getTime()
);
}
},
},
// 搜索表单
valueTime: "",
tableData: {
// 表格头部
columns: [
{
label: "序号",
type: "index",
width: "50",
index: this.indexMethod,
}
]
.concat(data.columns()),
// 表格列表数据
total: 0,
data: [],
},
// 搜索表单
form: {
startDate: getFirstDayOfSeason(),
endDate: timeFormat(new Date(), true),
qxdm: "",
sfgd: "1"
},
chartData: []
};
},
mounted () {
// 查询业务量
this.featchData();
},
computed: {
...mapGetters(["dicData"]),
},
methods: {
/**
* @description: handleSizeChange
* @param {*} val
* @author:
*/
handleSizeChange (val) {
this.formData.pageSize = val
this.featchData()
},
/**
* @description: 截止日期变化
* @param {*} val
* @author: renchao
*/
endTimeChange (val) {
this.form.endDate = timeFormat(new Date(val), true)
},
/**
* @description: handleSearch
* @author:
*/
handleSearch () {
this.form.currentPage = 1
this.tableData.data = []
if (this.featchData) {
this.featchData()
}
},
/**
* @description: handleCurrentChange
* @param {*} val
* @author:
*/
handleCurrentChange (val) {
this.form.currentPage = val
this.featchData()
},
async featchData() {
this.form.startDate = "2019-12-11 00:00:00"
let {result: res} = await business.diya(this.form);
res.list.forEach(it=> {
let mjdws = this.dicData['A7'].filter(item => item.DCODE === it.MJDW.trim());
it.MJDWMC = mjdws.length > 0 ? mjdws[0].DNAME : "";
let jedws = this.dicData['A57'].filter(item => item.DCODE === it.JEDW.trim());
it.JEDWMC = jedws.length > 0 ? jedws[0].DNAME : "";
})
this.tableData.data = res.list
this.pageData.current = res.pageNum
this.pageData.pageSize = res.pageSize
this.tableData.total = res.total
}
},
};
</script>
<style scoped lang="scss">
.jktjDetail {
flex-direction: column;
.rows {
margin-left: 100px;
}
.center {
line-height: 50vh;
text-align: center;
color: #b6b5b5;
}
}
</style>