<!--
* @Description :上报报文查询
* @Autor : miaofang
* @LastEditTime : 2023-05-18 13:17:14
-->
<template>
<div class="from-clues">
<!-- 头部搜索 -->
<div class="from-clues-header">
<el-form ref="ruleForm" :model="form" label-width="100px">
<!-- 判断进入监管还是上报系统 -->
<Breadcrumb />
<el-row class="mb-5">
<el-col :span="6">
<el-form-item label="行政区" prop="qxdm">
<el-select
v-model="$store.state.user.userInfo.grade === 'county' ? form.qxdm = $store.state.user.userInfo.areaCode : form.qxdm"
class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'">
<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="6">
<el-form-item label="汇交时间" prop="exchangeStartTime">
<el-date-picker type="date" class="width100 hjsj" placeholder="开始日期" clearable
:picker-options="pickerOptionsStart" v-model="form.exchangeStartTime"
value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="至" prop="exchangeStartTime" label-width="35px">
<el-date-picker type="date" class="width100" placeholder="结束日期" clearable :picker-options="pickerOptionsEnd"
v-model="form.exchangeEndTime" value-format="yyyy-MM-dd HH:mm:ss"
@change="endTimeChange"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="汇交状态" prop="hjjg">
<el-select v-model="form.hjjg" class="width100" clearable placeholder="汇交状态">
<el-option v-for="item in dicData['sbhjzt']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row class="mt-10">
<el-col :span="6">
<el-form-item label="业务流水号" prop="ywh">
<el-input v-model.trim="form.ywh" class="width100" clearable placeholder="业务流水号"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="权利类型" prop="qllx">
<el-select v-model="form.qllx" class="width100" clearable placeholder="权利类型">
<el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="登记类型" prop="djlx">
<el-select v-model="form.djlx" class="width100" clearable placeholder="登记类型">
<el-option v-for="item in dicData['A21']" :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-form>
</div>
<!-- 列表 -->
<div class="from-clues-content">
<lb-table ref="table" :page-size="pageData.size" :current-page.sync="pageData.current" :total="tableData.total"
@size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
:data="tableData.data">
</lb-table>
</div>
<!-- 引入详情组件 -->
<!-- 编辑 -->
<dataDetails ref="editLog" :title="title" :visiableXml="true" />
</div>
</template>
<script>
// 上报报文查询
// 引入表头数据
import { datas, sendThis } from "./data";
// 引入表格混入方法
import tableMixin from "@/mixins/tableMixin.js";
// 引入详情弹框
import dataDetails from "@/components/EditDialog";
import { getDataReportPage } from "@/api/dataReport.js";
//引入日期处理方法
import { timeFormat } from "@/utils/operation";
export default {
name: "sbbwcx",
mixins: [tableMixin],
// 注册组件
components: {
dataDetails,
},
data () {
return {
isShow: false,
// 开始结束日期限制
pickerOptionsStart: {
disabledDate: (time) => {
if (this.form.exchangeEndTime) {
return time.getTime() >= new Date(this.form.exchangeEndTime).getTime();
}
},
},
// 结束日期限制
pickerOptionsEnd: {
disabledDate: (time) => {
if (this.form.exchangeStartTime) {
return time.getTime() < new Date(this.form.exchangeStartTime).getTime();
}
},
},
// 头部搜索
form: {
qxdm: "", // 行政区
exchangeStartTime: "", // 开始日期
exchangeEndTime: "", // 结束日期
hjjg: "", //汇交状态
bdcdyh: "", // 不动产单元号
ywh: "", // 业务号
qllx: "", // 权利类型
djlx: "", // 登记类型
jcjg: "", // 检查结果
rkjg: "", //入库结果
currentPage: 1
},
// 分页
pageData: {
total: 0,
pageSize: 10,
current: 1
},
// 表格数据
tableData: {
// 表头数据
columns: [
{
label: "序号",
type: "index",
width: "50",
index: this.indexMethod,
}
]
.concat(datas.columns().concat([
{
label: "操作",
width: "80",
fixed: "right",
render: (h, scope) => {
return (
<div>
<el-button
class='btnColor'
type="text"
onClick={() => {
this.handleDetail(scope.row);
}}
>
详情
</el-button>
</div>
);
},
}
])),
total: 0,
data: [],
},
title: "",
};
},
mounted () {
this.form.hjjg = this.$route.query.status
this.featchData()
sendThis(this);
},
methods: {
//截止日期变化
/**
* @description: 截止日期变化
* @param {*} val
* @author: renchao
*/
endTimeChange (val) {
this.form.exchangeEndTime = timeFormat(new Date(val), true)
},
// 初始化数据
/**
* @description: 初始化数据
* @author: renchao
*/
featchData () {
getDataReportPage({ ...this.form }).then((res) => {
if (res.code === 200) {
let { total, records, current } = res.result;
this.tableData.total = total;
this.tableData.data = records ? records : [];
this.pageData.current = current
}
});
},
// 上报
/**
* @description: 上报
* @author: renchao
*/
handleEscalation () { },
// 详情
/**
* @description: 详情
* @param {*} row
* @author: renchao
*/
handleDetail (row) {
this.title = row.rectypeName;
this.$refs.editLog.isShow(row);
this.$store.dispatch('business/setEdit')
},
// 重置
/**
* @description: 重置
* @author: renchao
*/
resetForm () {
this.$refs.ruleForm.resetFields();
this.form.exchangeEndTime = ""
this.form.currentPage = 1
this.featchData();
},
},
destroyed () {
this.$store.dispatch('business/setEdit')
}
}
</script>
<style scoped lang="scss">
// 引入页面公共样式
@import "./index.scss";
</style>