Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
64c78991 by xiaomiao
Options

--no commit message

1 parent cbf0620c
Inline Side-by-side
Showing 5 changed files with 472 additions and 2 deletions
/*
* @Description: 数据上报模块api文件
* @Autor: renchao
* @LastEditTime: 2023-03-21 16:21:31
* @LastEditTime: 2023-04-27 13:52:53
*/
/* 引入axios请求文件 */
import request from '@/utils/request'
......@@ -60,6 +60,14 @@ export function getDataReportPage (data) {
data
})
}
export function getSjsbReportPage (data) {
return request({
url: urlHeader + 'getSjsbReportPage',
method: 'post',
data
})
}
/**
* @description: 查询数据上报详情tabs选项卡
* @author: renchao
......@@ -122,4 +130,4 @@ export function edit (data) {
method: 'post',
data
})
}
\ No newline at end of file
}
......
<template>
<!-- 编辑 -->
<dialogBox title="详情" @closeDialog="closeDialog" @submitForm="handleSubmit" v-model="myValue">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
<el-row>
<el-col :span="6">
<el-form-item label="行政区代码" prop="xzqdm">
<el-input v-model="ruleForm.xzqdm" placeholder="行政区代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="不动产单元号" prop="bdcdyh">
<el-input v-model="ruleForm.bdcdyh" placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="行政区名称" prop="xzqmc">
<el-input v-model="ruleForm.xzqmc" placeholder="行政区名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="业务编码" prop="ywbm">
<el-input v-model="ruleForm.ywbm" placeholder="业务编码"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="上报时间" prop="sbsj">
<el-date-picker v-model="ruleForm.sbsj" class="width100" type="datetime" placeholder="操作时间">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
</el-form>
</dialogBox>
</template>
<script>
export default {
props: {
value: { type: Boolean, default: false },
},
data () {
return {
myValue: this.value,
ruleForm: {
xzqdm: '',
xzqmc: '',
bdcdyh: '',
ywbm: '',
sbsj: ''
},
rules: {
xzqdm: [
{ required: true, message: '行政区代码', trigger: 'blur' }
],
xzqmc: [
{ required: true, message: '行政区名称', trigger: 'blur' }
],
bdcdyh: [
{ required: true, message: '不动产单元号', trigger: 'blur' }
],
ywmc: [
{ required: true, message: '业务名称', trigger: 'blur' }
],
sbsj: [
{ required: true, message: '上报时间', trigger: 'blur' }
]
}
}
},
watch: {
value (val) {
this.myValue = val
}
},
methods: {
closeDialog () {
this.$emit('input', false)
},
handleSubmit () {
this.$emit('input', false)
}
}
}
</script>
\ No newline at end of file
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-04-27 13:44:16
*/
import filter from '@/utils/filter.js'
let vm = null
const sendThis = (_this) => {
vm = _this
}
class data extends filter {
constructor() {
super()
}
columns () {
return [
{
prop: 'jcjg',
label: '检查结果',
width: 90,
render: (h, scope) => {
return (
<div>
<span class='adopt' v-show={scope.row.receiveState == 0}>未校验</span>
<span class='adopt' v-show={scope.row.receiveState == 1}>校验成功</span>
<span class='warehousing' v-show={scope.row.receiveState == 2}>校验失败</span>
</div>
)
}
},
{
prop: 'rkjg',
label: '入库结果',
width: 80,
render: (h, scope) => {
return (
<div>
<span class='fail' v-show={scope.row.storageState == 0}>未入库</span>
<span class='success' v-show={scope.row.storageState == 1}>已入库</span>
<span class='fail' v-show={scope.row.storageState == 2}>入库失败</span>
</div>
)
}
},
{
label: '汇交状态',
width: '130',
render: (h, scope) => {
return (
<div>
<span v-show={scope.row.exchangeState == 0} class='warehousing'>未上报</span>
<span v-show={scope.row.exchangeState == 1} class='warehousing'>上报成功未响应</span>
<span v-show={scope.row.exchangeState == 2} class='fail'>上报响应失败</span>
<span v-show={scope.row.exchangeState == 3} class='adopt'>上报响应成功</span>
</div>
)
}
},
{
prop: "areacode",
label: "行政区代码",
minWidth: 90,
},
{
prop: "areaName",
label: "行政区名称",
minWidth: 90,
},
{
prop: "bizMsgid",
label: "业务报文ID",
minWidth: 150,
},
{
prop: "createdate",
label: "创建时间",
width: 140,
},
{
prop: "recflowid",
label: "业务流水号",
minWidth: 100,
},
{
prop: "estatenum",
label: "不动产单元号",
minWidth: 150,
},
{
prop: "rectype",
label: "业务编码",
minWidth: 90,
},
{
prop: "rectypeName",
label: "业务名称",
minWidth: 190,
},
{
prop: "exchangeDate",
label: "汇交时间",
width: 140,
}
]
}
}
let datas = new data()
export {
datas,
sendThis
}
.reportLog {
.progress {
position: absolute;
width: 200px;
z-index: 99999;
top: 50%;
left: 50%;
transform: translateX(-50%);
}
}
.zhi {
color: #FFFFFF;
text-align: center;
}
.hjsj {
}
\ No newline at end of file
<!-- 上报报文查询 -->
<template>
<div class="from-clues">
<!-- 头部搜索 -->
<div class="from-clues-header">
<el-form ref="ruleForm" :model="form" label-width="100px">
<!-- 判断进入监管还是上报系统 -->
<el-form-item v-if="BASE_API.THEME == 'jg'">
<Breadcrumb />
</el-form-item>
<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 { getSjsbReportPage } 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>
{
scope.row.exchangeState == 2 ?
<el-button
type="text"
class='successColor'
onClick={() => {
this.handleDetail(scope.row);
}}
>
修改
</el-button> :
<el-button
class='btnColor'
type="text"
onClick={() => {
this.handleDetail(scope.row);
}}
>
详情
</el-button>
}
</div>
);
},
}
])),
total: 0,
data: [],
},
title: "",
};
},
mounted () {
sendThis(this);
},
methods: {
//截止日期变化
endTimeChange (val) {
this.form.exchangeEndTime = timeFormat(new Date(val), true)
},
// 初始化数据
featchData () {
getSjsbReportPage({ ...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
}
});
},
// 上报
handleEscalation () { },
// 详情
handleDetail (row) {
this.title = row.rectypeName;
this.$refs.editLog.isShow(row);
if (row.exchangeState == 2) {
this.$store.dispatch('business/setReportLogEdit')
} else {
this.$store.dispatch('business/setEdit')
}
},
// 重置
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>