Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
63ce3572 by renchao@pashanhoo.com
Options

feat:区县接入

1 parent d34b3850
Expand all
Inline Side-by-side
Showing 38 changed files with 753 additions and 282 deletions
1 /*
2 * @Description: 干部查询
3 * @Autor:
4 * @LastEditTime: 2023-05-12 16:20:40
5 */
6 /* 引入axios请求文件 */
7 import request from '@/utils/request'
8 /* 引入配置 */
9 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
10 const urlHeader = SERVER.SERVERAPI + '/rest/searchRecord'
11
12 /**
13 * @description: 获取列表
14 * @param {*}
15 * @author:
16 */
17 export function getSearchRecordList (data) {
18 return request({
19 url: urlHeader + '/getList',
20 method: 'post',
21 data
22 })
23 }
24
25 /**
26 * @description: 新增
27 * @param {*} data
28 * @author:
29 */
30 export function saveSearchRecord (data) {
31 return request({
32 url: urlHeader + '/search',
33 method: 'post',
34 data
35 })
36 }
37
38
39 /**
40 * @description: 编辑
41 * @param {*} id
42 * @author:
43 */
44 export function editSearchRecord (id) {
45 return request({
46 url: urlHeader + '/' + id,
47 method: 'get'
48 })
49 }
...@@ -52,19 +52,19 @@ export const constantRoutes = [ ...@@ -52,19 +52,19 @@ export const constantRoutes = [
52 export const asyncRoutes = [ 52 export const asyncRoutes = [
53 // 区县接入 53 // 区县接入
54 { 54 {
55 path: '/jsbwcx', 55 path: '/qxjr',
56 component: Layout, 56 component: Layout,
57 children: [ 57 children: [
58 // { 58 {
59 // path: 'xxcx', 59 path: 'gbxxcx',
60 // component: () => import('@/views/gbxxcx/index'), 60 component: () => import('@/views/qxjr/gbxxcx/index'),
61 // name: 'xxcx', 61 name: 'gbxxcx',
62 // meta: { title: '信息查询', icon: 'xxcx' } 62 meta: { title: '信息查询', icon: 'zsgl' }
63 // }, 63 },
64 { 64 {
65 path: 'qxjr', 65 path: 'jsbwcx',
66 component: () => import('@/views/jsbwcx/index'), 66 component: () => import('@/views/qxjr/jsbwcx/index'),
67 name: 'qxjr', 67 name: 'jsbwcx',
68 meta: { title: '区县接入', icon: 'zsgl' } 68 meta: { title: '区县接入', icon: 'zsgl' }
69 } 69 }
70 ] 70 ]
......
...@@ -3,9 +3,7 @@ ...@@ -3,9 +3,7 @@
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="80px"> 4 <el-form ref="form" :model="form" label-width="80px">
5 <!-- 判断进入监管还是上报系统 --> 5 <!-- 判断进入监管还是上报系统 -->
6 <el-form-item v-if="BASE_API.THEME == 'jg'"> 6 <Breadcrumb />
7 <Breadcrumb />
8 </el-form-item>
9 <!-- <el-row> 7 <!-- <el-row>
10 <el-col :span="5"> 8 <el-col :span="5">
11 <el-form-item label="行政区"> 9 <el-form-item label="行政区">
......
...@@ -3,9 +3,7 @@ ...@@ -3,9 +3,7 @@
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="120px"> 4 <el-form ref="form" :model="form" label-width="120px">
5 <!-- 判断进入监管还是上报系统 --> 5 <!-- 判断进入监管还是上报系统 -->
6 <el-form-item v-if="BASE_API.THEME == 'jg'"> 6 <Breadcrumb />
7 <Breadcrumb />
8 </el-form-item>
9 <el-row class="mb-5"> 7 <el-row class="mb-5">
10 <el-col :span="6"> 8 <el-col :span="6">
11 <el-form-item label="行政区"> 9 <el-form-item label="行政区">
......
...@@ -3,9 +3,7 @@ ...@@ -3,9 +3,7 @@
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="150px"> 4 <el-form ref="form" :model="form" label-width="150px">
5 <!-- 判断进入监管还是上报系统 --> 5 <!-- 判断进入监管还是上报系统 -->
6 <el-form-item v-if="BASE_API.THEME == 'jg'"> 6 <Breadcrumb />
7 <Breadcrumb />
8 </el-form-item>
9 <el-row> 7 <el-row>
10 <el-col :span="5"> 8 <el-col :span="5">
11 <el-form-item label="行政区" label-width="100px"> 9 <el-form-item label="行政区" label-width="100px">
......
...@@ -2,9 +2,7 @@ ...@@ -2,9 +2,7 @@
2 <div class="fdcqdz from-clues"> 2 <div class="fdcqdz from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="120px"> 4 <el-form ref="form" :model="form" label-width="120px">
5 <el-form-item v-if="BASE_API.THEME == 'jg'"> 5 <Breadcrumb />
6 <Breadcrumb />
7 </el-form-item>
8 <el-row class="mb-5"> 6 <el-row class="mb-5">
9 <el-col :span="6"> 7 <el-col :span="6">
10 <el-form-item label="行政区"> 8 <el-form-item label="行政区">
......
...@@ -2,9 +2,7 @@ ...@@ -2,9 +2,7 @@
2 <div class="fdcqqfsyq from-clues"> 2 <div class="fdcqqfsyq from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="80px"> 4 <el-form ref="form" :model="form" label-width="80px">
5 <el-form-item v-if="BASE_API.THEME == 'jg'"> 5 <Breadcrumb />
6 <Breadcrumb />
7 </el-form-item>
8 <el-row class="mb-5"> 6 <el-row class="mb-5">
9 <el-col :span="5"> 7 <el-col :span="5">
10 <el-form-item label="业务号"> 8 <el-form-item label="业务号">
......
...@@ -2,9 +2,7 @@ ...@@ -2,9 +2,7 @@
2 <div class="fdcqyz from-clues"> 2 <div class="fdcqyz from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="120px"> 4 <el-form ref="form" :model="form" label-width="120px">
5 <el-form-item v-if="BASE_API.THEME == 'jg'"> 5 <Breadcrumb />
6 <Breadcrumb />
7 </el-form-item>
8 <el-row class="mb-5"> 6 <el-row class="mb-5">
9 <el-col :span="6"> 7 <el-col :span="6">
10 <el-form-item label="行政区"> 8 <el-form-item label="行政区">
......
...@@ -2,9 +2,7 @@ ...@@ -2,9 +2,7 @@
2 <div class="gzwsyq from-clues"> 2 <div class="gzwsyq from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="105px"> 4 <el-form ref="form" :model="form" label-width="105px">
5 <el-form-item v-if="BASE_API.THEME == 'jg'"> 5 <Breadcrumb />
6 <Breadcrumb />
7 </el-form-item>
8 <el-row> 6 <el-row>
9 <el-col :span="6"> 7 <el-col :span="6">
10 <el-form-item label="行政区"> 8 <el-form-item label="行政区">
......
...@@ -2,9 +2,7 @@ ...@@ -2,9 +2,7 @@
2 <div class="hysyq from-clues"> 2 <div class="hysyq from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="105px"> 4 <el-form ref="form" :model="form" label-width="105px">
5 <el-form-item v-if="BASE_API.THEME == 'jg'"> 5 <Breadcrumb />
6 <Breadcrumb />
7 </el-form-item>
8 <el-row> 6 <el-row>
9 <el-col :span="6"> 7 <el-col :span="6">
10 <el-form-item label="行政区"> 8 <el-form-item label="行政区">
......
...@@ -2,9 +2,7 @@ ...@@ -2,9 +2,7 @@
2 <div class="jsydzjdsyq from-clues"> 2 <div class="jsydzjdsyq from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="120px"> 4 <el-form ref="form" :model="form" label-width="120px">
5 <el-form-item v-if="BASE_API.THEME == 'jg'"> 5 <Breadcrumb />
6 <Breadcrumb />
7 </el-form-item>
8 <el-row class="mb-5"> 6 <el-row class="mb-5">
9 <el-col :span="6"> 7 <el-col :span="6">
10 <el-form-item label="行政区"> 8 <el-form-item label="行政区">
......
...@@ -2,9 +2,7 @@ ...@@ -2,9 +2,7 @@
2 <div class="lq from-clues"> 2 <div class="lq from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="105px"> 4 <el-form ref="form" :model="form" label-width="105px">
5 <el-form-item v-if="BASE_API.THEME == 'jg'"> 5 <Breadcrumb />
6 <Breadcrumb />
7 </el-form-item>
8 <el-row> 6 <el-row>
9 <el-col :span="6"> 7 <el-col :span="6">
10 <el-form-item label="行政区"> 8 <el-form-item label="行政区">
......
...@@ -2,9 +2,7 @@ ...@@ -2,9 +2,7 @@
2 <div class="from-clues"> 2 <div class="from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="105px"> 4 <el-form ref="form" :model="form" label-width="105px">
5 <el-form-item v-if="BASE_API.THEME == 'jg'"> 5 <Breadcrumb />
6 <Breadcrumb />
7 </el-form-item>
8 <el-row> 6 <el-row>
9 <el-col :span="6"> 7 <el-col :span="6">
10 <el-form-item label="行政区"> 8 <el-form-item label="行政区">
......
...@@ -2,9 +2,7 @@ ...@@ -2,9 +2,7 @@
2 <div class="tdsyq from-clues"> 2 <div class="tdsyq from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="120px"> 4 <el-form ref="form" :model="form" label-width="120px">
5 <el-form-item v-if="BASE_API.THEME == 'jg'"> 5 <Breadcrumb />
6 <Breadcrumb />
7 </el-form-item>
8 <el-row class="mb-5"> 6 <el-row class="mb-5">
9 <el-col :span="6"> 7 <el-col :span="6">
10 <el-form-item label="行政区"> 8 <el-form-item label="行政区">
......
...@@ -2,9 +2,7 @@ ...@@ -2,9 +2,7 @@
2 <div class="from-clues"> 2 <div class="from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="110px"> 4 <el-form ref="form" :model="form" label-width="110px">
5 <el-form-item v-if="BASE_API.THEME == 'jg'"> 5 <Breadcrumb />
6 <Breadcrumb />
7 </el-form-item>
8 <el-row class="mb-5"> 6 <el-row class="mb-5">
9 <el-col :span="6"> 7 <el-col :span="6">
10 <el-form-item label="行政区" label-width="106px"> 8 <el-form-item label="行政区" label-width="106px">
......
...@@ -2,9 +2,7 @@ ...@@ -2,9 +2,7 @@
2 <div class="from-clues"> 2 <div class="from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="105px"> 4 <el-form ref="form" :model="form" label-width="105px">
5 <el-form-item v-if="BASE_API.THEME == 'jg'"> 5 <Breadcrumb />
6 <Breadcrumb />
7 </el-form-item>
8 <el-row> 6 <el-row>
9 <el-col :span="5"> 7 <el-col :span="5">
10 <el-form-item label="行政区" label-width="80px"> 8 <el-form-item label="行政区" label-width="80px">
......
...@@ -2,9 +2,7 @@ ...@@ -2,9 +2,7 @@
2 <div class="cancellationReg from-clues"> 2 <div class="cancellationReg from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="105px"> 4 <el-form ref="form" :model="form" label-width="105px">
5 <el-form-item v-if="BASE_API.THEME == 'jg'"> 5 <Breadcrumb />
6 <Breadcrumb />
7 </el-form-item>
8 <el-row> 6 <el-row>
9 <el-col :span="6"> 7 <el-col :span="6">
10 <el-form-item label="行政区"> 8 <el-form-item label="行政区">
......
...@@ -4,9 +4,7 @@ ...@@ -4,9 +4,7 @@
4 <!-- 头部搜索 --> 4 <!-- 头部搜索 -->
5 <div class="from-clues-header"> 5 <div class="from-clues-header">
6 <el-form ref="ruleForm" :model="form" label-width="100px"> 6 <el-form ref="ruleForm" :model="form" label-width="100px">
7 <el-form-item v-if="BASE_API.THEME == 'jg'"> 7 <Breadcrumb />
8 <Breadcrumb />
9 </el-form-item>
10 <el-row class="mb-5"> 8 <el-row class="mb-5">
11 <el-col :span="6"> 9 <el-col :span="6">
12 <el-form-item label="接收日期" prop="startTime"> 10 <el-form-item label="接收日期" prop="startTime">
......
...@@ -4,9 +4,7 @@ ...@@ -4,9 +4,7 @@
4 <!-- 头部搜索 --> 4 <!-- 头部搜索 -->
5 <div class="from-clues-header"> 5 <div class="from-clues-header">
6 <el-form ref="ruleForm" :model="form" label-width="100px"> 6 <el-form ref="ruleForm" :model="form" label-width="100px">
7 <el-form-item v-if="BASE_API.THEME == 'jg'"> 7 <Breadcrumb />
8 <Breadcrumb />
9 </el-form-item>
10 <el-row class="mb-5"> 8 <el-row class="mb-5">
11 <el-col :span="6"> 9 <el-col :span="6">
12 <el-form-item label="接收日期" prop="startTime"> 10 <el-form-item label="接收日期" prop="startTime">
......
...@@ -14,9 +14,7 @@ ...@@ -14,9 +14,7 @@
14 <!-- 头部搜索 --> 14 <!-- 头部搜索 -->
15 <div class="from-clues-header"> 15 <div class="from-clues-header">
16 <el-form ref="ruleForm" :model="form" label-width="100px"> 16 <el-form ref="ruleForm" :model="form" label-width="100px">
17 <el-form-item v-if="BASE_API.THEME == 'jg'"> 17 <Breadcrumb />
18 <Breadcrumb />
19 </el-form-item>
20 <el-row class="mb-5"> 18 <el-row class="mb-5">
21 <el-col :span="6"> 19 <el-col :span="6">
22 <el-form-item label="接收日期" prop="startTime"> 20 <el-form-item label="接收日期" prop="startTime">
......
...@@ -4,9 +4,7 @@ ...@@ -4,9 +4,7 @@
4 <!-- 头部搜索 --> 4 <!-- 头部搜索 -->
5 <div class="from-clues-header"> 5 <div class="from-clues-header">
6 <el-form ref="form" :model="form" label-width="100px"> 6 <el-form ref="form" :model="form" label-width="100px">
7 <el-form-item v-if="BASE_API.THEME == 'jg'"> 7 <Breadcrumb />
8 <Breadcrumb />
9 </el-form-item>
10 <el-row class="mb-5"> 8 <el-row class="mb-5">
11 <el-col :span="4"> 9 <el-col :span="4">
12 <el-form-item label="行政区" class="d-flex"> 10 <el-form-item label="行政区" class="d-flex">
...@@ -46,184 +44,184 @@ ...@@ -46,184 +44,184 @@
46 </div> 44 </div>
47 </template> 45 </template>
48 <script> 46 <script>
49 import { mapGetters } from "vuex"; 47 import { mapGetters } from "vuex";
50 import efficient from "@/api/efficient"; 48 import efficient from "@/api/efficient";
51 import { getFirstDayOfSeason, timeFormat } from "@/utils/operation"; 49 import { getFirstDayOfSeason, timeFormat } from "@/utils/operation";
52 export default { 50 export default {
53 name: "jktj", 51 name: "jktj",
54 data () { 52 data () {
55 return { 53 return {
56 // 开始日期限制 54 // 开始日期限制
57 pickerOptionsStart: { 55 pickerOptionsStart: {
58 disabledDate: (time) => { 56 disabledDate: (time) => {
59 if (this.form.endTime) { 57 if (this.form.endTime) {
60 return time.getTime() > new Date(this.form.endTime).getTime(); 58 return time.getTime() > new Date(this.form.endTime).getTime();
61 } 59 }
60 },
62 }, 61 },
63 }, 62 // 结束日期限制
64 // 结束日期限制 63 pickerOptionsEnd: {
65 pickerOptionsEnd: { 64 disabledDate: (time) => {
66 disabledDate: (time) => { 65 if (this.form.startTime) {
67 if (this.form.startTime) { 66 return time.getTime() < new Date(this.form.startTime).getTime();
68 return time.getTime() < new Date(this.form.startTime).getTime(); 67 }
69 } 68 },
70 }, 69 },
71 }, 70 // 搜索表单
72 // 搜索表单 71 valueTime: "",
73 valueTime: "", 72 // 搜索表单
74 // 搜索表单 73 form: {
75 form: { 74 startTime: getFirstDayOfSeason(),
76 startTime: getFirstDayOfSeason(), 75 endTime: timeFormat(new Date(), true),
77 endTime: timeFormat(new Date(), true), 76 qxdm: "",
78 qxdm: "", 77 },
79 }, 78 chartData: []
80 chartData: []
81 };
82 },
83 mounted () {
84 // 查询业务量
85 this.getProcessCounts();
86 },
87 computed: {
88 ...mapGetters(["dicData"]),
89 },
90 methods: {
91 endTimeChange (val) {
92 this.form.endTime = timeFormat(new Date(val), true)
93 },
94 async getProcessCounts () {
95 this.chartData = [];
96 let { result: res } = await efficient.getProcessCounts(
97 this.form.startTime,
98 this.form.endTime,
99 this.form.qxdm
100 );
101 //获取图表配置项需要的数据
102 this.chartData = res;
103 this.$nextTick(() => {
104 // 初始化图表
105 this.chartData.length && this.echartInit(this.chartData)
106 });
107
108 },
109 // 重置
110 resetForm () {
111 this.form = {
112 startTime: getFirstDayOfSeason(),
113 endTime: timeFormat(new Date(), true),
114 qxdm: ""
115 }; 79 };
80 },
81 mounted () {
82 // 查询业务量
116 this.getProcessCounts(); 83 this.getProcessCounts();
117 }, 84 },
118 //图表渲染 85 computed: {
119 echartInit (chartArr) { 86 ...mapGetters(["dicData"]),
120 // 基于准备好的dom，初始化echarts实例 87 },
121 let myChart = this.$echarts.init(document.getElementById("myChart")); 88 methods: {
122 // 绘制图表 89 endTimeChange (val) {
123 myChart.setOption({ 90 this.form.endTime = timeFormat(new Date(val), true)
124 color: ["#13E5FF"], 91 },
125 tooltip: { 92 async getProcessCounts () {
126 show: true, 93 this.chartData = [];
127 trigger: "axis", 94 let { result: res } = await efficient.getProcessCounts(
128 textStyle: { 95 this.form.startTime,
129 fontSize: 16, // 字体大小 96 this.form.endTime,
97 this.form.qxdm
98 );
99 //获取图表配置项需要的数据
100 this.chartData = res;
101 this.$nextTick(() => {
102 // 初始化图表
103 this.chartData.length && this.echartInit(this.chartData)
104 });
105
106 },
107 // 重置
108 resetForm () {
109 this.form = {
110 startTime: getFirstDayOfSeason(),
111 endTime: timeFormat(new Date(), true),
112 qxdm: ""
113 };
114 this.getProcessCounts();
115 },
116 //图表渲染
117 echartInit (chartArr) {
118 // 基于准备好的dom，初始化echarts实例
119 let myChart = this.$echarts.init(document.getElementById("myChart"));
120 // 绘制图表
121 myChart.setOption({
122 color: ["#13E5FF"],
123 tooltip: {
124 show: true,
125 trigger: "axis",
126 textStyle: {
127 fontSize: 16, // 字体大小
128 },
130 }, 129 },
131 }, 130 grid: {
132 grid: { 131 top: 120,
133 top: 120, 132 bottom: 100,
134 bottom: 100, 133 },
135 }, 134 label: {
136 label: { 135 color: 'inherit',
137 color: 'inherit', 136 },
138 }, 137 xAxis: [
139 xAxis: [ 138 {
140 { 139 type: "category",
141 type: "category", 140 data: chartArr.map(item => item.recTypeName),
142 data: chartArr.map(item => item.recTypeName), 141 axisLabel: {
143 axisLabel: { 142 interval: 0,
144 interval: 0, 143 rotate: 40,
145 rotate: 40, 144 formatter: function (val) {
146 formatter: function (val) { 145 let c = document.createElement("canvas");
147 let c = document.createElement("canvas"); 146 const ctx = c.getContext("2d");
148 const ctx = c.getContext("2d"); 147 const arr = val.split("");
149 const arr = val.split(""); 148 arr
150 arr 149 .map((item) => ctx.measureText(item).width)
151 .map((item) => ctx.measureText(item).width) 150 .reduce((pre, next, index) => {
152 .reduce((pre, next, index) => { 151 const nLen = pre + next;
153 const nLen = pre + next; 152 if (nLen > 60) {
154 if (nLen > 60) { 153 arr[index - 1] += "...";
155 arr[index - 1] += "..."; 154 return next;
156 return next; 155 } else {
157 } else { 156 return nLen;
158 return nLen; 157 }
159 } 158 });
159 c = null;
160 let ind = arr.findIndex((i) => {
161 return i.indexOf("...") > -1;
160 }); 162 });
161 c = null; 163 let newArr = ind > 0 ? arr.splice(0, ind + 1) : arr;
162 let ind = arr.findIndex((i) => { 164 return newArr.join("");
163 return i.indexOf("...") > -1; 165 },
164 }); 166 textStyle: {
165 let newArr = ind > 0 ? arr.splice(0, ind + 1) : arr; 167 show: true,
166 return newArr.join(""); 168 color: this.BASE_API.echartTextColor,
167 }, 169 fontSize: "16",
168 textStyle: { 170 },
169 show: true,
170 color: this.BASE_API.echartTextColor,
171 fontSize: "16",
172 }, 171 },
173 }, 172 },
174 }, 173 ],
175 ], 174 yAxis: [
176 yAxis: [ 175 {
177 { 176 type: "value",
178 type: "value", 177 name: "数量/个",
179 name: "数量/个", 178 nameTextStyle: {
180 nameTextStyle: {
181 color: this.BASE_API.echartTextColor,
182 fontSize: "16",
183 },
184 axisLabel: {
185 textStyle: {
186 show: true,
187 color: this.BASE_API.echartTextColor, 179 color: this.BASE_API.echartTextColor,
188 fontSize: "16", 180 fontSize: "16",
189 }, 181 },
182 axisLabel: {
183 textStyle: {
184 show: true,
185 color: this.BASE_API.echartTextColor,
186 fontSize: "16",
187 },
188 },
190 }, 189 },
191 }, 190 ],
192 ],
193 191
194 series: [ 192 series: [
195 { 193 {
196 type: "bar", 194 type: "bar",
197 //显示数值 195 //显示数值
198 itemStyle: { 196 itemStyle: {
199 normal: { 197 normal: {
200 label: { 198 label: {
201 show: true, //开启显示 199 show: true, //开启显示
202 position: "top", //在上方显示 200 position: "top", //在上方显示
201 },
203 }, 202 },
204 }, 203 },
204 barMaxWidth: '60',
205 data: chartArr.map(item => item.counts),
205 }, 206 },
206 barMaxWidth: '60', 207 ],
207 data: chartArr.map(item => item.counts), 208 });
208 }, 209 },
209 ],
210 });
211 }, 210 },
212 }, 211 };
213 };
214 </script> 212 </script>
215 <style scoped lang="scss"> 213 <style scoped lang="scss">
216 .jktjDetail { 214 .jktjDetail {
217 flex-direction: column; 215 flex-direction: column;
218 216
219 .rows { 217 .rows {
220 margin-left: 100px; 218 margin-left: 100px;
221 } 219 }
222 220
223 .center { 221 .center {
224 line-height: 50vh; 222 line-height: 50vh;
225 text-align: center; 223 text-align: center;
226 color: #b6b5b5; 224 color: #b6b5b5;
225 }
227 } 226 }
228 }
229 </style> 227 </style>
......
1 <template>
2 <!-- 接收报文查询 -->
3 <div class="reportLog from-clues dialogCon">
4 <!-- 头部搜索 -->
5 <div class="from-clues-header">
6 <el-form ref="ruleForm" :model="form" label-width="100px">
7 <el-row class="mb-5">
8 <el-col :span="6">
9 <el-form-item label="权利人名称" prop="qlrmc">
10 <el-input v-model.trim="form.qlrmc" clearable class="width100" placeholder="权利人名称"></el-input>
11 </el-form-item>
12 </el-col>
13 <el-col :span="6">
14 <el-form-item label="证件号" prop="zjh">
15 <el-input v-model.trim="form.zjh" clearable class="width100" placeholder="证件号"></el-input>
16 </el-form-item>
17 </el-col>
18 <!-- 按钮操作 -->
19 <el-col :span="6" class="btnColRight">
20 <el-form-item>
21 <btn nativeType="cx" v-if="Object.keys(dataDetail).length == 0" @click="handleSearchResult">查询</btn>
22 </el-form-item>
23 </el-col>
24 </el-row>
25 </el-form>
26 </div>
27 <!-- 列表区域 -->
28 <div class="from-clues-content">
29 <lb-table ref="table" :page-size="pageData.size" :calcHeight="300" :current-page.sync="pageData.current" :total="tableData.total"
30 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
31 :data="tableData.data">
32 </lb-table>
33 </div>
34 </div>
35 </template>
36 <script>
37 // 接收报文查询
38 // 引入表格头部数据
39 import data from "../data";
40 // 引入table混入方法
41 import tableMixin from "@/mixins/tableMixin.js";
42 import { saveSearchRecord } from "@/api/searchRecord.js";
43 //引入日期处理方法
44 import { timeFormat } from "@/utils/operation";
45 export default {
46 name: "jsbwcx",
47 mixins: [tableMixin],
48 props: {
49 dataDetail: {
50 type: Object,
51 default: function () { return {} }
52 }
53 },
54 watch: {
55 dataDetail: {
56 handler (newName, oldName) {
57 let _this = this
58 this.$nextTick(() => {
59 _this.tableData.data = JSON.parse(newName.result)
60 _this.form.qlrmc = newName.zjmc ? newName.zjmc : ""
61 _this.form.zjh = newName.zjh ? newName.zjh : ""
62 })
63 },
64 immediate: true,
65 deep: true
66 }
67 },
68 data () {
69 return {
70 pickerOptionsStart: {
71 disabledDate: (time) => {
72 let endDateVal = this.form.receiveEndTime;
73 if (endDateVal) {
74 return (
75 time.getTime() >=
76 new Date(endDateVal).getTime()
77 );
78 }
79 },
80 },
81 pickerOptionsEnd: {
82 disabledDate: (time) => {
83 let beginDateVal = this.form.receiveStartTime;
84 if (beginDateVal) {
85 return (
86 time.getTime() <
87 new Date(beginDateVal).getTime()
88 );
89 }
90 },
91 },
92 // 表格数据
93 form: {
94 qlrmc: "", // 行政区
95 zjh: "" // 开始日期
96 },
97 // 校验规则
98 rules: {
99 pcode: [{ required: true, message: "请选择行政区", trigger: "change" }],
100 startTime: [
101 { required: true, message: "请选择开始日期", trigger: "change" },
102 ],
103 endTime: [
104 { required: true, message: "请选择结束日期", trigger: "change" },
105 ],
106 bdcdyh: [
107 { required: true, message: "不动产单元号", trigger: "change" },
108 ],
109 ywmc: [{ required: true, message: "业务名称", trigger: "change" }],
110 jcjg: [{ required: true, message: "检查结果", trigger: "change" }],
111 rkjg: [{ required: true, message: "入库结果", trigger: "change" }],
112 },
113 // 表格数据
114 tableData: {
115 // 表格头部
116 columns: [
117 {
118 label: "序号",
119 type: "index",
120 width: "50",
121 index: this.indexMethod,
122 },
123 {
124 prop: 'bdcdyh',
125 label: '不动产单元号',
126 width: 200
127 },
128 {
129 prop: "bdcqzh",
130 label: "不动产权证号",
131 width: 160,
132 },
133 {
134 prop: 'djsj',
135 label: '登记时间',
136 width: 200
137 },
138 {
139 prop: "fdzl",
140 label: "坐落",
141 width: 160,
142 },
143 {
144 prop: 'ghyt',
145 label: '用途',
146 width: 200
147 },
148 {
149 prop: "gyqk",
150 label: "共有情况",
151 width: 160,
152 },
153 {
154 prop: 'jzmj',
155 label: '建筑面积',
156 width: 100
157 },
158 {
159 prop: "qlrmc",
160 label: "权利人",
161 width: 100,
162 },
163 {
164 prop: "zjh",
165 label: "证件号",
166 width: 260,
167 },
168 ],
169 // 表格列表数据
170 total: 0,
171 data: [],
172 },
173 // 分页
174 pageData: {
175 total: 0,
176 pageSize: 10,
177 current: 1
178 },
179 title: "",
180 };
181 },
182 methods: {
183 //截止日期变化
184 endTimeChange (val) {
185 this.form.receiveEndTime = timeFormat(new Date(val), true)
186 },
187 // 初始化数据
188 queryClickSearch () {
189 saveSearchRecord({ ...this.form, ...this.formData }).then(
190 (res) => {
191 if (res.code === 200) {
192 this.tableData.data = res.result
193 } else {
194 this.$message.warning(res.message)
195 }
196 }
197 )
198 },
199 // 重置
200 resetForm () {
201 this.$refs.ruleForm.resetFields();
202 this.form.currentPage = 1
203 },
204 featchData () { },
205 handleSearchResult () {
206 this.queryClickSearch()
207 },
208 // 详情
209 handleDetails (row) {
210 }
211 }
212 }
213 </script>
214 <style scoped lang="scss">
215 .lastdom:nth-child(3) {
216 margin-bottom: 0px;
217 }
218 .from-clues-content {
219 background: none;
220 padding: 0;
221 }
222 </style>
223
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-03-17 15:10:43
5 */
6 import filter from '@/utils/filter.js'
7 class data extends filter {
8 constructor() {
9 super()
10 }
11 columns () {
12 return [
13 {
14 prop: 'name',
15 label: '查询人员',
16 },
17 {
18 prop: 'zjh',
19 label: '查询证件号',
20 },
21 {
22 prop: "zjmc",
23 label: "查询证件名称",
24 },
25 {
26 prop: "createtime",
27 label: "查询时间",
28 },
29 // {
30 // prop: "result",
31 // label: "查询结果",
32 // }
33 ]
34 }
35 }
36 export default new data()
1 <template>
2 <!-- 接收报文查询 -->
3 <div class="reportLog from-clues">
4 <!-- 头部搜索 -->
5 <div class="from-clues-header">
6 <el-form ref="ruleForm" :model="form" label-width="100px">
7 <Breadcrumb />
8 <el-row class="mb-5">
9 <el-col :span="6">
10 <el-form-item label="查询人员" prop="qxdm">
11 <el-input v-model.trim="form.name" clearable class="width100" placeholder="查询人员"></el-input>
12 </el-form-item>
13 </el-col>
14 <el-col :span="6">
15 <el-form-item label="证件号" prop="zjh">
16 <el-input v-model.trim="form.zjh" clearable class="width100" placeholder="不动产单元号"></el-input>
17 </el-form-item>
18 </el-col>
19 <el-col :span="6">
20 <el-form-item label="查询证件名称" prop="zjmc">
21 <el-input v-model.trim="form.zjmc" clearable class="width100" placeholder="业务流水号"></el-input>
22 </el-form-item>
23 </el-col>
24 <el-col :span="6" class="btnColRight">
25 <el-form-item>
26 <btn nativeType="cz" @click="save">新增</btn>
27 <btn nativeType="cx" @click="handleSearch">查询</btn>
28 <!-- <btn nativeType="resetForm">重置</btn> -->
29 </el-form-item>
30 </el-col>
31 </el-row>
32 </el-form>
33 </div>
34 <!-- 列表区域 -->
35 <div class="from-clues-content">
36 <lb-table ref="table" :page-size="pageData.size" :current-page.sync="pageData.current" :total="tableData.total"
37 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
38 :data="tableData.data">
39 </lb-table>
40 </div>
41 <!-- 编辑 -->
42 <el-dialog :close-on-click-modal="false" top="0"
43 custom-class="dialogBox dataReporting editDialogBox sbdialog commonDialog mainCenter" :visible.sync="dialogVisible"
44 width="92%">
45 <div slot="title" class="dialog_title" ref="dialogTitle">
46 干部信息查询
47 </div>
48 <search-result ref="resultData" :dataDetail="dataDetail"></search-result>
49 </el-dialog>
50 </div>
51 </template>
52
53 <script>
54 import Vue from 'vue'
55 // 接收报文查询
56 // 引入表格头部数据
57 import data from "./data";
58 // 引入table混入方法
59 import tableMixin from "@/mixins/tableMixin.js";
60 import { getSearchRecordList, editSearchRecord } from "@/api/searchRecord.js";
61 // 引入详情弹框
62 import SearchResult from "./components/result";
63 //引入日期处理方法
64 import { timeFormat } from "@/utils/operation";
65 export default {
66 name: "jsbwcx",
67 mixins: [tableMixin],
68 // 注册组件
69 components: {
70 SearchResult
71 },
72 data () {
73 return {
74 dialogVisible: false,
75 pickerOptionsStart: {
76 disabledDate: (time) => {
77 let endDateVal = this.form.receiveEndTime;
78 if (endDateVal) {
79 return (
80 time.getTime() >=
81 new Date(endDateVal).getTime()
82 );
83 }
84 },
85 },
86 pickerOptionsEnd: {
87 disabledDate: (time) => {
88 let beginDateVal = this.form.receiveStartTime;
89 if (beginDateVal) {
90 return (
91 time.getTime() <
92 new Date(beginDateVal).getTime()
93 );
94 }
95 },
96 },
97 // 表格数据
98 form: {
99 qxdm: "", // 行政区
100 receiveStartTime: "", // 开始日期
101 receiveEndTime: "", // 结束日期
102 bdcdyh: "", // 不动产单元号
103 ywh: "", // 业务号
104 qllx: "", // 权利类型
105 djlx: "", // 登记类型
106 jcjg: "", // 检查结果
107 rkjg: "", //入库结果
108 currentPage: 1
109 },
110 // 校验规则
111 rules: {
112 pcode: [{ required: true, message: "请选择行政区", trigger: "change" }],
113 startTime: [
114 { required: true, message: "请选择开始日期", trigger: "change" },
115 ],
116 endTime: [
117 { required: true, message: "请选择结束日期", trigger: "change" },
118 ],
119 bdcdyh: [
120 { required: true, message: "不动产单元号", trigger: "change" },
121 ],
122 ywmc: [{ required: true, message: "业务名称", trigger: "change" }],
123 jcjg: [{ required: true, message: "检查结果", trigger: "change" }],
124 rkjg: [{ required: true, message: "入库结果", trigger: "change" }],
125 },
126 // 表格数据
127 tableData: {
128 // 表格头部
129 columns: [
130 {
131 label: "序号",
132 type: "index",
133 width: "50",
134 index: this.indexMethod,
135 }
136 ]
137 .concat(data.columns())
138 .concat([
139 {
140 label: "操作",
141 width: "90",
142 render: (h, scope) => {
143 return (
144 <div>
145 <el-button
146 type="text"
147 class='btnColor'
148 onClick={() => {
149 this.handleDetails(scope.row);
150 }}
151 >
152 详情
153 </el-button>
154 </div>
155 )
156 }
157 }
158 ]),
159 // 表格列表数据
160 total: 0,
161 data: []
162 },
163 // 分页
164 pageData: {
165 total: 0,
166 pageSize: 10,
167 current: 1
168 },
169 dataDetail: {}
170 }
171 },
172 methods: {
173 //截止日期变化
174 endTimeChange (val) {
175 this.form.receiveEndTime = timeFormat(new Date(val), true)
176 },
177 // 初始化数据
178 queryClick () {
179 getSearchRecordList({ ...this.form, ...this.formData }).then(
180 (res) => {
181 if (res.code === 200) {
182 let { total, records, current } = res.result;
183 this.tableData.total = total;
184 this.tableData.data = records ? records : [];
185 this.pageData.current = current
186 }
187 }
188 )
189 },
190 // 重置
191 resetForm () {
192 this.$refs.ruleForm.resetFields();
193 this.form.currentPage = 1
194 this.queryClick();
195 },
196 featchData () {
197 this.queryClick();
198 },
199 // 详情
200 handleDetails (row) {
201 editSearchRecord(row.bsm).then(res => {
202 this.dialogVisible = true
203 this.dataDetail = res.result
204 })
205 },
206 save () {
207 this.dialogVisible = true
208 }
209 }
210 }
211 </script>
212 <style scoped lang="scss">
213 .lastdom:nth-child(3) {
214 margin-bottom: 0px;
215 }
216 </style>
217
...@@ -4,9 +4,7 @@ ...@@ -4,9 +4,7 @@
4 <!-- 头部搜索 --> 4 <!-- 头部搜索 -->
5 <div class="from-clues-header"> 5 <div class="from-clues-header">
6 <el-form ref="ruleForm" :model="form" label-width="100px"> 6 <el-form ref="ruleForm" :model="form" label-width="100px">
7 <el-form-item v-if="BASE_API.THEME == 'jg'"> 7 <Breadcrumb />
8 <Breadcrumb />
9 </el-form-item>
10 <el-row class="mb-5"> 8 <el-row class="mb-5">
11 <el-col :span="6"> 9 <el-col :span="6">
12 <el-form-item label="行政区" prop="qxdm"> 10 <el-form-item label="行政区" prop="qxdm">
......
...@@ -5,9 +5,7 @@ ...@@ -5,9 +5,7 @@
5 <div class="from-clues-header"> 5 <div class="from-clues-header">
6 <el-form ref="ruleForm" :model="form" label-width="80px"> 6 <el-form ref="ruleForm" :model="form" label-width="80px">
7 <!-- 判断进入监管还是上报系统 --> 7 <!-- 判断进入监管还是上报系统 -->
8 <el-form-item v-if="BASE_API.THEME == 'jg'"> 8 <Breadcrumb />
9 <Breadcrumb />
10 </el-form-item>
11 <el-row> 9 <el-row>
12 <el-col :span="6"> 10 <el-col :span="6">
13 <el-form-item label="行政区"> 11 <el-form-item label="行政区">
...@@ -103,8 +101,8 @@ ...@@ -103,8 +101,8 @@
103 pageSize: 10, 101 pageSize: 10,
104 current: 1 102 current: 1
105 }, 103 },
106 // 表格数据 104 // 表格数据
107 tableData: { 105 tableData: {
108 // 表头 106 // 表头
109 columns: [ 107 columns: [
110 { 108 {
......
...@@ -5,9 +5,7 @@ ...@@ -5,9 +5,7 @@
5 <div class="from-clues-header"> 5 <div class="from-clues-header">
6 <el-form ref="ruleForm" :model="form" label-width="100px"> 6 <el-form ref="ruleForm" :model="form" label-width="100px">
7 <!-- 判断进入监管还是上报系统 --> 7 <!-- 判断进入监管还是上报系统 -->
8 <el-form-item v-if="BASE_API.THEME == 'jg'"> 8 <Breadcrumb />
9 <Breadcrumb />
10 </el-form-item>
11 <el-row class="mb-5"> 9 <el-row class="mb-5">
12 <el-col :span="6"> 10 <el-col :span="6">
13 <el-form-item label="行政区" prop="qxdm"> 11 <el-form-item label="行政区" prop="qxdm">
...@@ -141,8 +139,8 @@ ...@@ -141,8 +139,8 @@
141 pageSize: 10, 139 pageSize: 10,
142 current: 1 140 current: 1
143 }, 141 },
144 // 表格数据 142 // 表格数据
145 tableData: { 143 tableData: {
146 // 表头数据 144 // 表头数据
147 columns: [ 145 columns: [
148 { 146 {
......
...@@ -5,9 +5,7 @@ ...@@ -5,9 +5,7 @@
5 <div class="from-clues-header"> 5 <div class="from-clues-header">
6 <el-form ref="ruleForm" :model="form" label-width="100px"> 6 <el-form ref="ruleForm" :model="form" label-width="100px">
7 <!-- 判断进入监管还是上报系统 --> 7 <!-- 判断进入监管还是上报系统 -->
8 <el-form-item v-if="BASE_API.THEME == 'jg'"> 8 <Breadcrumb />
9 <Breadcrumb />
10 </el-form-item>
11 <el-row class="mb-5"> 9 <el-row class="mb-5">
12 <el-col :span="6"> 10 <el-col :span="6">
13 <el-form-item label="行政区" prop="qxdm"> 11 <el-form-item label="行政区" prop="qxdm">
......
1 <template> 1 <template>
2 <!-- 编辑 --> 2 <!-- 编辑 -->
3 <dialogBox submitForm="submitForm" class="tableClass dictionary" @closeDialog="closeDialog" @submitForm="handleSubmit" width="60%" 3 <dialogBox submitForm="submitForm" class="tableClass dictionary" @closeDialog="closeDialog" @submitForm="handleSubmit" width="70%"
4 v-model="myValue" :isMain="true" title="字典信息"> 4 v-model="myValue" :isMain="true" title="字典信息">
5 <div class="editDialogBox-box "> 5 <div class="editDialogBox-box ">
6 <el-form :model="ruleForm" ref="ruleForm" label-width="100px"> 6 <el-form :model="ruleForm" ref="ruleForm" label-width="100px">
......
...@@ -3,9 +3,7 @@ ...@@ -3,9 +3,7 @@
3 <!-- 表单部分 --> 3 <!-- 表单部分 -->
4 <div class="from-clues-header"> 4 <div class="from-clues-header">
5 <el-form @submit.native.prevent :model="ruleForm" label-width="120px"> 5 <el-form @submit.native.prevent :model="ruleForm" label-width="120px">
6 <el-form-item v-if="BASE_API.THEME == 'jg'"> 6 <Breadcrumb />
7 <Breadcrumb />
8 </el-form-item>
9 <el-row :gutter="20" class="mb-5"> 7 <el-row :gutter="20" class="mb-5">
10 <el-col :span="6"> 8 <el-col :span="6">
11 <el-form-item label="字典类型编码"> 9 <el-form-item label="字典类型编码">
......
...@@ -10,9 +10,7 @@ ...@@ -10,9 +10,7 @@
10 <div class="information from-clues"> 10 <div class="information from-clues">
11 <div class="from-clues-header"> 11 <div class="from-clues-header">
12 <el-form ref="ruleForm" label-width="100px"> 12 <el-form ref="ruleForm" label-width="100px">
13 <el-form-item v-if="BASE_API.THEME == 'jg'"> 13 <Breadcrumb />
14 <Breadcrumb />
15 </el-form-item>
16 <el-row class="mb-5"> 14 <el-row class="mb-5">
17 <el-col class="btnColRight"> 15 <el-col class="btnColRight">
18 <btn nativeType="cx" @click="information"> 16 <btn nativeType="cx" @click="information">
...@@ -34,38 +32,38 @@ ...@@ -34,38 +32,38 @@
34 </div> 32 </div>
35 </template> 33 </template>
36 <script> 34 <script>
37 import "@/utils/flexible.js"; 35 import "@/utils/flexible.js";
38 import BaseSet from "./base-set.vue"; 36 import BaseSet from "./base-set.vue";
39 import PasswordEdit from "./password-edit.vue"; 37 import PasswordEdit from "./password-edit.vue";
40 export default { 38 export default {
41 components: { 39 components: {
42 BaseSet, 40 BaseSet,
43 PasswordEdit, 41 PasswordEdit,
44 },
45 data () {
46 return {
47 isshow: true,
48 };
49 },
50 computed: {
51 userData () {
52 return this.$store.state.user.userInfo;
53 }, 42 },
54 }, 43 data () {
55 watch: {}, 44 return {
56 created () { }, 45 isshow: true,
57 mounted () { }, 46 };
58 methods: {
59 information () {
60 this.isshow = true;
61 }, 47 },
62 password () { 48 computed: {
63 this.isshow = false; 49 userData () {
50 return this.$store.state.user.userInfo;
51 },
64 }, 52 },
65 }, 53 watch: {},
66 }; 54 created () { },
55 mounted () { },
56 methods: {
57 information () {
58 this.isshow = true;
59 },
60 password () {
61 this.isshow = false;
62 },
63 },
64 };
67 </script> 65 </script>
68 66
69 <style scoped lang="scss"> 67 <style scoped lang="scss">
70 @import "~@/styles/mixin.scss"; 68 @import "~@/styles/mixin.scss";
71 </style> 69 </style>
......
...@@ -2,9 +2,7 @@ ...@@ -2,9 +2,7 @@
2 <div class="from-clues"> 2 <div class="from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="ruleForm" :model="form" label-width="100px"> 4 <el-form ref="ruleForm" :model="form" label-width="100px">
5 <el-form-item v-if="BASE_API.THEME == 'jg'"> 5 <Breadcrumb />
6 <Breadcrumb />
7 </el-form-item>
8 <el-row class="mb-5"> 6 <el-row class="mb-5">
9 <el-col :span="4"> 7 <el-col :span="4">
10 <el-form-item label="角色名称" prop="rolesName"> 8 <el-form-item label="角色名称" prop="rolesName">
......
...@@ -2,9 +2,7 @@ ...@@ -2,9 +2,7 @@
2 <div class="from-clues"> 2 <div class="from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="80px"> 4 <el-form ref="form" :model="form" label-width="80px">
5 <el-form-item v-if="BASE_API.THEME == 'jg'"> 5 <Breadcrumb />
6 <Breadcrumb />
7 </el-form-item>
8 <el-row class="mb-5"> 6 <el-row class="mb-5">
9 <el-col :span="6"> 7 <el-col :span="6">
10 <el-form-item label="搜索标题"> 8 <el-form-item label="搜索标题">
......