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 471 additions and 1 deletions
1 /* 1 /*
2 * @Description: 数据上报模块api文件 2 * @Description: 数据上报模块api文件
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-03-21 16:21:31 4 * @LastEditTime: 2023-04-27 13:52:53
5 */ 5 */
6 /* 引入axios请求文件 */ 6 /* 引入axios请求文件 */
7 import request from '@/utils/request' 7 import request from '@/utils/request'
...@@ -60,6 +60,14 @@ export function getDataReportPage (data) { ...@@ -60,6 +60,14 @@ export function getDataReportPage (data) {
60 data 60 data
61 }) 61 })
62 } 62 }
63
64 export function getSjsbReportPage (data) {
65 return request({
66 url: urlHeader + 'getSjsbReportPage',
67 method: 'post',
68 data
69 })
70 }
63 /** 71 /**
64 * @description: 查询数据上报详情tabs选项卡 72 * @description: 查询数据上报详情tabs选项卡
65 * @author: renchao 73 * @author: renchao
......
1 <template>
2 <!-- 编辑 -->
3 <dialogBox title="详情" @closeDialog="closeDialog" @submitForm="handleSubmit" v-model="myValue">
4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
5 <el-row>
6 <el-col :span="6">
7 <el-form-item label="行政区代码" prop="xzqdm">
8 <el-input v-model="ruleForm.xzqdm" placeholder="行政区代码"></el-input>
9 </el-form-item>
10 </el-col>
11 <el-col :span="6">
12 <el-form-item label="不动产单元号" prop="bdcdyh">
13 <el-input v-model="ruleForm.bdcdyh" placeholder="不动产单元号"></el-input>
14 </el-form-item>
15 </el-col>
16 <el-col :span="6">
17 <el-form-item label="行政区名称" prop="xzqmc">
18 <el-input v-model="ruleForm.xzqmc" placeholder="行政区名称"></el-input>
19 </el-form-item>
20 </el-col>
21
22 <el-col :span="6">
23 <el-form-item label="业务编码" prop="ywbm">
24 <el-input v-model="ruleForm.ywbm" placeholder="业务编码"></el-input>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row>
29 <el-col :span="6">
30 <el-form-item label="上报时间" prop="sbsj">
31 <el-date-picker v-model="ruleForm.sbsj" class="width100" type="datetime" placeholder="操作时间">
32 </el-date-picker>
33 </el-form-item>
34 </el-col>
35 </el-row>
36 </el-form>
37 </dialogBox>
38 </template>
39
40 <script>
41 export default {
42 props: {
43 value: { type: Boolean, default: false },
44 },
45 data () {
46 return {
47 myValue: this.value,
48 ruleForm: {
49 xzqdm: '',
50 xzqmc: '',
51 bdcdyh: '',
52 ywbm: '',
53 sbsj: ''
54 },
55 rules: {
56 xzqdm: [
57 { required: true, message: '行政区代码', trigger: 'blur' }
58 ],
59 xzqmc: [
60 { required: true, message: '行政区名称', trigger: 'blur' }
61 ],
62 bdcdyh: [
63 { required: true, message: '不动产单元号', trigger: 'blur' }
64 ],
65 ywmc: [
66 { required: true, message: '业务名称', trigger: 'blur' }
67 ],
68 sbsj: [
69 { required: true, message: '上报时间', trigger: 'blur' }
70 ]
71 }
72 }
73 },
74 watch: {
75 value (val) {
76 this.myValue = val
77 }
78 },
79 methods: {
80 closeDialog () {
81 this.$emit('input', false)
82 },
83 handleSubmit () {
84 this.$emit('input', false)
85 }
86 }
87 }
88 </script>
...\ No newline at end of file ...\ No newline at end of file
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-04-27 13:44:16
5 */
6 import filter from '@/utils/filter.js'
7 let vm = null
8 const sendThis = (_this) => {
9 vm = _this
10 }
11 class data extends filter {
12 constructor() {
13 super()
14 }
15 columns () {
16 return [
17 {
18 prop: 'jcjg',
19 label: '检查结果',
20 width: 90,
21 render: (h, scope) => {
22 return (
23 <div>
24 <span class='adopt' v-show={scope.row.receiveState == 0}>未校验</span>
25 <span class='adopt' v-show={scope.row.receiveState == 1}>校验成功</span>
26 <span class='warehousing' v-show={scope.row.receiveState == 2}>校验失败</span>
27 </div>
28 )
29 }
30 },
31 {
32 prop: 'rkjg',
33 label: '入库结果',
34 width: 80,
35 render: (h, scope) => {
36 return (
37 <div>
38 <span class='fail' v-show={scope.row.storageState == 0}>未入库</span>
39 <span class='success' v-show={scope.row.storageState == 1}>已入库</span>
40 <span class='fail' v-show={scope.row.storageState == 2}>入库失败</span>
41 </div>
42 )
43 }
44 },
45 {
46 label: '汇交状态',
47 width: '130',
48 render: (h, scope) => {
49 return (
50 <div>
51 <span v-show={scope.row.exchangeState == 0} class='warehousing'>未上报</span>
52 <span v-show={scope.row.exchangeState == 1} class='warehousing'>上报成功未响应</span>
53 <span v-show={scope.row.exchangeState == 2} class='fail'>上报响应失败</span>
54 <span v-show={scope.row.exchangeState == 3} class='adopt'>上报响应成功</span>
55 </div>
56 )
57 }
58 },
59 {
60 prop: "areacode",
61 label: "行政区代码",
62 minWidth: 90,
63 },
64 {
65 prop: "areaName",
66 label: "行政区名称",
67 minWidth: 90,
68 },
69 {
70 prop: "bizMsgid",
71 label: "业务报文ID",
72 minWidth: 150,
73 },
74 {
75 prop: "createdate",
76 label: "创建时间",
77 width: 140,
78 },
79 {
80 prop: "recflowid",
81 label: "业务流水号",
82 minWidth: 100,
83 },
84 {
85 prop: "estatenum",
86 label: "不动产单元号",
87 minWidth: 150,
88 },
89 {
90 prop: "rectype",
91 label: "业务编码",
92 minWidth: 90,
93 },
94 {
95 prop: "rectypeName",
96 label: "业务名称",
97 minWidth: 190,
98 },
99 {
100 prop: "exchangeDate",
101 label: "汇交时间",
102 width: 140,
103 }
104 ]
105 }
106 }
107 let datas = new data()
108 export {
109 datas,
110 sendThis
111 }
112
1 .reportLog {
2 .progress {
3 position: absolute;
4 width: 200px;
5 z-index: 99999;
6 top: 50%;
7 left: 50%;
8 transform: translateX(-50%);
9 }
10 }
11
12 .zhi {
13 color: #FFFFFF;
14 text-align: center;
15 }
16 .hjsj {
17
18 }
...\ No newline at end of file ...\ No newline at end of file
1 <!-- 上报报文查询 -->
2 <template>
3 <div class="from-clues">
4 <!-- 头部搜索 -->
5 <div class="from-clues-header">
6 <el-form ref="ruleForm" :model="form" label-width="100px">
7 <!-- 判断进入监管还是上报系统 -->
8 <el-form-item v-if="BASE_API.THEME == 'jg'">
9 <Breadcrumb />
10 </el-form-item>
11 <el-row class="mb-5">
12 <el-col :span="6">
13 <el-form-item label="行政区" prop="qxdm">
14 <el-select
15 v-model="$store.state.user.userInfo.grade === 'county' ? form.qxdm = $store.state.user.userInfo.areaCode : form.qxdm"
16 class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'">
17 <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
18 </el-option>
19 </el-select>
20 </el-form-item>
21 </el-col>
22 <el-col :span="6">
23 <el-form-item label="汇交时间" prop="exchangeStartTime">
24 <el-date-picker type="date" class="width100 hjsj" placeholder="开始日期" clearable
25 :picker-options="pickerOptionsStart" v-model="form.exchangeStartTime"
26 value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
27 </el-form-item>
28 </el-col>
29 <el-col :span="6">
30 <el-form-item label="至" prop="exchangeStartTime" label-width="35px">
31 <el-date-picker type="date" class="width100" placeholder="结束日期" clearable :picker-options="pickerOptionsEnd"
32 v-model="form.exchangeEndTime" value-format="yyyy-MM-dd HH:mm:ss"
33 @change="endTimeChange"></el-date-picker>
34 </el-form-item>
35 </el-col>
36 <el-col :span="6">
37 <el-form-item label="汇交状态" prop="hjjg">
38 <el-select v-model="form.hjjg" class="width100" clearable placeholder="汇交状态">
39 <el-option v-for="item in dicData['sbhjzt']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
40 </el-option>
41 </el-select>
42 </el-form-item>
43 </el-col>
44 </el-row>
45 <el-row class="mt-10">
46 <el-col :span="6">
47 <el-form-item label="业务流水号" prop="ywh">
48 <el-input v-model.trim="form.ywh" class="width100" clearable placeholder="业务流水号"></el-input>
49 </el-form-item>
50 </el-col>
51 <el-col :span="6">
52 <el-form-item label="权利类型" prop="qllx">
53 <el-select v-model="form.qllx" class="width100" clearable placeholder="权利类型">
54 <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
55 </el-option>
56 </el-select>
57 </el-form-item>
58 </el-col>
59 <el-col :span="6">
60 <el-form-item label="登记类型" prop="djlx">
61 <el-select v-model="form.djlx" class="width100" clearable placeholder="登记类型">
62 <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
63 </el-option>
64 </el-select>
65 </el-form-item>
66 </el-col>
67 <!-- 操作按钮 -->
68 <el-col :span="6" class="btnColRight">
69 <btn nativeType="cz" @click="resetForm">重置</btn>
70 <btn nativeType="cx" @click="handleSearch">查询</btn>
71 </el-col>
72 </el-row>
73 </el-form>
74 </div>
75 <!-- 列表 -->
76 <div class="from-clues-content">
77 <lb-table ref="table" :page-size="pageData.size" :current-page.sync="pageData.current" :total="tableData.total"
78 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
79 :data="tableData.data">
80 </lb-table>
81 </div>
82 <!-- 引入详情组件 -->
83 <!-- 编辑 -->
84 <dataDetails ref="editLog" :title="title" :visiableXml="true" />
85 </div>
86 </template>
87 <script>
88 // 上报报文查询
89 // 引入表头数据
90 import { datas, sendThis } from "./data";
91 // 引入表格混入方法
92 import tableMixin from "@/mixins/tableMixin.js";
93 // 引入详情弹框
94 import dataDetails from "@/components/EditDialog";
95 import { getSjsbReportPage } from "@/api/dataReport.js";
96 //引入日期处理方法
97 import { timeFormat } from "@/utils/operation";
98 export default {
99 name: "sbbwcx",
100 mixins: [tableMixin],
101 // 注册组件
102 components: {
103 dataDetails,
104 },
105 data () {
106 return {
107 isShow: false,
108 // 开始结束日期限制
109 pickerOptionsStart: {
110 disabledDate: (time) => {
111 if (this.form.exchangeEndTime) {
112 return time.getTime() >= new Date(this.form.exchangeEndTime).getTime();
113 }
114 },
115 },
116 // 结束日期限制
117 pickerOptionsEnd: {
118 disabledDate: (time) => {
119 if (this.form.exchangeStartTime) {
120 return time.getTime() < new Date(this.form.exchangeStartTime).getTime();
121 }
122 },
123 },
124 // 头部搜索
125 form: {
126 qxdm: "", // 行政区
127 exchangeStartTime: "", // 开始日期
128 exchangeEndTime: "", // 结束日期
129 hjjg: "", //汇交状态
130 bdcdyh: "", // 不动产单元号
131 ywh: "", // 业务号
132 qllx: "", // 权利类型
133 djlx: "", // 登记类型
134 jcjg: "", // 检查结果
135 rkjg: "", //入库结果
136 currentPage: 1
137 },
138 // 分页
139 pageData: {
140 total: 0,
141 pageSize: 10,
142 current: 1
143 },
144 // 表格数据
145 tableData: {
146 // 表头数据
147 columns: [
148 {
149 label: "序号",
150 type: "index",
151 width: "50",
152 index: this.indexMethod,
153 }
154 ]
155 .concat(datas.columns().concat([
156 {
157 label: "操作",
158 width: "80",
159 fixed: "right",
160 render: (h, scope) => {
161 return (
162 <div>
163 {
164 scope.row.exchangeState == 2 ?
165 <el-button
166 type="text"
167 class='successColor'
168 onClick={() => {
169 this.handleDetail(scope.row);
170 }}
171 >
172 修改
173 </el-button> :
174 <el-button
175 class='btnColor'
176 type="text"
177 onClick={() => {
178 this.handleDetail(scope.row);
179 }}
180 >
181 详情
182 </el-button>
183 }
184
185 </div>
186 );
187 },
188 }
189 ])),
190 total: 0,
191 data: [],
192 },
193 title: "",
194 };
195 },
196 mounted () {
197 sendThis(this);
198 },
199 methods: {
200 //截止日期变化
201 endTimeChange (val) {
202 this.form.exchangeEndTime = timeFormat(new Date(val), true)
203 },
204 // 初始化数据
205 featchData () {
206 getSjsbReportPage({ ...this.form }).then((res) => {
207 if (res.code === 200) {
208 let { total, records, current } = res.result;
209 this.tableData.total = total;
210 this.tableData.data = records ? records : [];
211 this.pageData.current = current
212 }
213 });
214 },
215 // 上报
216 handleEscalation () { },
217 // 详情
218 handleDetail (row) {
219 this.title = row.rectypeName;
220 this.$refs.editLog.isShow(row);
221 if (row.exchangeState == 2) {
222 this.$store.dispatch('business/setReportLogEdit')
223 } else {
224 this.$store.dispatch('business/setEdit')
225 }
226 },
227 // 重置
228 resetForm () {
229 this.$refs.ruleForm.resetFields();
230 this.form.exchangeEndTime = ""
231 this.form.currentPage = 1
232 this.featchData();
233 },
234 },
235 destroyed () {
236 this.$store.dispatch('business/setEdit')
237 }
238 }
239 </script>
240 <style scoped lang="scss">
241 // 引入页面公共样式
242 @import "./index.scss";
243 </style>
244