Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
2dd96d43 by “miaofang
Options

--no commit message

1 parent e95e2c21
Inline Side-by-side
Showing 8 changed files with 205 additions and 108 deletions
...@@ -4,57 +4,57 @@ import cookies from './util.cookies' ...@@ -4,57 +4,57 @@ import cookies from './util.cookies'
4 * @param {*} paraName 4 * @param {*} paraName
5 * @author: renchao 5 * @author: renchao
6 */ 6 */
7 export function getUrlParam (paraName) { 7 export function getUrlParam(paraName) {
8 let url = document.location.toString(); 8 let url = document.location.toString();
9 let arrObj = url.split('?'); 9 let arrObj = url.split('?');
10 10
11 if (arrObj.length > 1) { 11 if (arrObj.length > 1) {
12 let arrPara = arrObj[1].split('&'); 12 let arrPara = arrObj[1].split('&');
13 let arr; 13 let arr;
14 14
15 for (let i = 0; i < arrPara.length; i++) { 15 for (let i = 0; i < arrPara.length; i++) {
16 arr = arrPara[i].split('='); 16 arr = arrPara[i].split('=');
17 17
18 if (arr != null && arr[0] === paraName) { 18 if (arr != null && arr[0] === paraName) {
19 // 截取#之前的内容 19 // 截取#之前的内容
20 let result = arr[1].endsWith('#/') ? arr[1].substr(0, arr[1].indexOf('#')) : arr[1]; 20 let result = arr[1].endsWith('#/') ? arr[1].substr(0, arr[1].indexOf('#')) : arr[1];
21 return result; 21 return result;
22 } 22 }
23 }
24 return '';
25 } else {
26 return '';
27 } 23 }
24 return '';
25 } else {
26 return '';
27 }
28 } 28 }
29 /** 29 /**
30 * @description: setToken 30 * @description: setToken
31 * @param {*} token 31 * @param {*} token
32 * @author: renchao 32 * @author: renchao
33 */ 33 */
34 export function setToken (token) { 34 export function setToken(token) {
35 if (token === undefined) { 35 if (token === undefined) {
36 if (process.env.NODE_ENV === 'development') { 36 if (process.env.NODE_ENV === 'development') {
37 sessionStorage.removeItem('token') 37 sessionStorage.removeItem('token')
38 } else { 38 } else {
39 cookies.remove('ACCESS_TOKEN') 39 cookies.remove('ACCESS_TOKEN')
40 } 40 }
41 } else {
42 if (process.env.NODE_ENV === 'development') {
43 sessionStorage.setItem('token', token);
41 } else { 44 } else {
42 if (process.env.NODE_ENV === 'development') { 45 cookies.set('ACCESS_TOKEN', token)
43 sessionStorage.setItem('token', token);
44 } else {
45 cookies.set('ACCESS_TOKEN', token)
46 }
47 } 46 }
47 }
48 } 48 }
49 /** 49 /**
50 * @description: getToken 50 * @description: getToken
51 * @author: renchao 51 * @author: renchao
52 */ 52 */
53 export function getToken () { 53 export function getToken() {
54 if (process.env.NODE_ENV === 'development') { 54 if (process.env.NODE_ENV === 'development') {
55 return sessionStorage.getItem('token') 55 return sessionStorage.getItem('token')
56 } 56 }
57 return cookies.get('ACCESS_TOKEN') 57 return cookies.get('ACCESS_TOKEN')
58 } 58 }
59 59
60 // 获取当前时间 60 // 获取当前时间
...@@ -63,22 +63,22 @@ export function getToken () { ...@@ -63,22 +63,22 @@ export function getToken () {
63 * @param {*} type 63 * @param {*} type
64 * @author: renchao 64 * @author: renchao
65 */ 65 */
66 export function getNewDate (type = 1) { 66 export function getNewDate(type = 1) {
67 const now = new Date(); 67 const now = new Date();
68 const year = now.getFullYear(); 68 const year = now.getFullYear();
69 const month = String(now.getMonth() + 1).padStart(2, '0'); 69 const month = String(now.getMonth() + 1).padStart(2, '0');
70 const day = String(now.getDate()).padStart(2, '0'); 70 const day = String(now.getDate()).padStart(2, '0');
71 const hours = String(now.getHours()).padStart(2, '0'); 71 const hours = String(now.getHours()).padStart(2, '0');
72 const minutes = String(now.getMinutes()).padStart(2, '0'); 72 const minutes = String(now.getMinutes()).padStart(2, '0');
73 const seconds = String(now.getSeconds()).padStart(2, '0'); 73 const seconds = String(now.getSeconds()).padStart(2, '0');
74 if (type == 1) { 74 if (type == 1) {
75 return `${year}年${month}月${day}日` 75 return `${year}年${month}月${day}日`
76 } else { 76 } else {
77 return `${year}年${month}月${day}日 ${hours}时${minutes}分${seconds}秒` 77 return `${year}年${month}月${day}日 ${hours}时${minutes}分${seconds}秒`
78 } 78 }
79 } 79 }
80 80
81 export function getNewDatesh () { 81 export function getNewDatesh() {
82 const now = new Date(); 82 const now = new Date();
83 const year = now.getFullYear(); 83 const year = now.getFullYear();
84 const month = String(now.getMonth() + 1).padStart(2, '0'); 84 const month = String(now.getMonth() + 1).padStart(2, '0');
...@@ -88,3 +88,31 @@ export function getNewDatesh () { ...@@ -88,3 +88,31 @@ export function getNewDatesh () {
88 const seconds = String(now.getSeconds()).padStart(2, '0'); 88 const seconds = String(now.getSeconds()).padStart(2, '0');
89 return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}` 89 return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
90 } 90 }
91
92 // 近一个月时间
93 export function getdatamonth() {
94 var tempDate = new Date();
95 var year = tempDate.getFullYear();
96 var month = tempDate.getMonth();
97 var arr = []
98 arr.push(
99 formatDate(new Date(year, month, 1)),
100 formatDate(tempDate)
101 );
102 return arr
103 }
104 // 格式化日期
105 export function formatDate(date) {
106 var year = date.getFullYear();
107 var month = changeNum(date.getMonth() + 1);
108 var day = changeNum(date.getDate());
109 return `${year}-${month}-${day}`;
110 }
111 // 数字转换
112 export function changeNum(num) {
113 if (num >= 10) {
114 return num;
115 } else {
116 return "0" + num;
117 }
118 }
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
7 <div class="djlx"> 7 <div class="djlx">
8 <div class="inquire"> 8 <div class="inquire">
9 <el-form :model="queryForm" ref="queryForm" label-width="100px"> 9 <el-form :model="queryForm" ref="queryForm" label-width="100px">
10 <el-row :gutter="20"> 10 <el-row :gutter="24">
11 <el-col :span="12"> 11 <el-col :span="12">
12 <el-form-item label="收件时间" class="width100"> 12 <el-form-item label="收件时间" class="width100">
13 <el-date-picker 13 <el-date-picker
...@@ -57,9 +57,11 @@ ...@@ -57,9 +57,11 @@
57 <div class="concent"> 57 <div class="concent">
58 <div class="left"> 58 <div class="left">
59 <el-table 59 <el-table
60 class="tableBox"
60 height="187" 61 height="187"
61 stripe 62 stripe
62 :data="tableList" 63 :data="tableList"
64 show-summary
63 size="mini" 65 size="mini"
64 border 66 border
65 header-cell-class-name="table-header-gray" 67 header-cell-class-name="table-header-gray"
...@@ -85,6 +87,7 @@ ...@@ -85,6 +87,7 @@
85 <script> 87 <script>
86 import * as echarts from "echarts"; 88 import * as echarts from "echarts";
87 import { mapGetters } from "vuex"; 89 import { mapGetters } from "vuex";
90 import { getdatamonth } from "@/utils/util";
88 export default { 91 export default {
89 components: {}, 92 components: {},
90 computed: { 93 computed: {
...@@ -92,7 +95,9 @@ export default { ...@@ -92,7 +95,9 @@ export default {
92 }, 95 },
93 data() { 96 data() {
94 return { 97 return {
95 queryForm: {}, 98 queryForm: {
99 sj: [],
100 },
96 tableList: [ 101 tableList: [
97 { name: "首次登记", value: "2" }, 102 { name: "首次登记", value: "2" },
98 { name: "变更登记", value: "12" }, 103 { name: "变更登记", value: "12" },
...@@ -106,6 +111,7 @@ export default { ...@@ -106,6 +111,7 @@ export default {
106 }; 111 };
107 }, 112 },
108 mounted() { 113 mounted() {
114 this.setdata();
109 // 创建一个 ECharts 实例 115 // 创建一个 ECharts 实例
110 this.chart = echarts.init(this.$refs.chart); 116 this.chart = echarts.init(this.$refs.chart);
111 // 在 ECharts 实例中配置图表 117 // 在 ECharts 实例中配置图表
...@@ -115,7 +121,7 @@ export default { ...@@ -115,7 +121,7 @@ export default {
115 getOption() { 121 getOption() {
116 return { 122 return {
117 title: { 123 title: {
118 text: "统计分析图", 124 text: "登记类型统计",
119 x: "center", 125 x: "center",
120 textStyle: { 126 textStyle: {
121 //主标题文本设置 127 //主标题文本设置
...@@ -162,6 +168,10 @@ export default { ...@@ -162,6 +168,10 @@ export default {
162 ], 168 ],
163 }; 169 };
164 }, 170 },
171 setdata() {
172 this.queryForm.sj = getdatamonth();
173 console.log("this.queryForm", this.queryForm);
174 },
165 175
166 handleSearch() { 176 handleSearch() {
167 console.log(" this.queryForm", this.queryForm); 177 console.log(" this.queryForm", this.queryForm);
...@@ -178,9 +188,10 @@ export default { ...@@ -178,9 +188,10 @@ export default {
178 padding: 3px 10px 5px 10px; 188 padding: 3px 10px 5px 10px;
179 overflow: hidden; 189 overflow: hidden;
180 } 190 }
181 .yhjgba { 191 .djlx {
182 .el-col { 192 .el-col {
183 padding: 4px; 193 padding: 4px;
194 margin-right: 4px;
184 } 195 }
185 .inquire { 196 .inquire {
186 width: 100%; 197 width: 100%;
...@@ -199,7 +210,7 @@ export default { ...@@ -199,7 +210,7 @@ export default {
199 display: flex; 210 display: flex;
200 //调整表头高度 211 //调整表头高度
201 /deep/.el-table__header { 212 /deep/.el-table__header {
202 height: 22px!important; 213 height: 22px !important;
203 background-color: salmon; 214 background-color: salmon;
204 } 215 }
205 .left { 216 .left {
...@@ -211,5 +222,12 @@ export default { ...@@ -211,5 +222,12 @@ export default {
211 height: 300px; 222 height: 300px;
212 } 223 }
213 } 224 }
225
226 /deep/.el-table th {
227 height: 36px !important;
228 font-size: 14px;
229 color: #4a4a4a;
230 }
231
214 } 232 }
215 </style> 233 </style>
......
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
23 </el-date-picker> 23 </el-date-picker>
24 </el-form-item> 24 </el-form-item>
25 </el-col> 25 </el-col>
26 <el-col :span="4" class="btnColRight"> 26 <el-col :span="11" class="btnColRight">
27 <el-form-item> 27 <el-form-item>
28 <el-button 28 <el-button
29 type="primary" 29 type="primary"
...@@ -42,6 +42,7 @@ ...@@ -42,6 +42,7 @@
42 height="187" 42 height="187"
43 stripe 43 stripe
44 :data="tableList" 44 :data="tableList"
45 show-summary
45 size="mini" 46 size="mini"
46 border 47 border
47 header-cell-class-name="table-header-gray" 48 header-cell-class-name="table-header-gray"
...@@ -66,24 +67,23 @@ ...@@ -66,24 +67,23 @@
66 </template> 67 </template>
67 <script> 68 <script>
68 import * as echarts from "echarts"; 69 import * as echarts from "echarts";
70 import { getdatamonth } from "@/utils/util";
69 export default { 71 export default {
70 components: {}, 72 components: {},
71 data() { 73 data() {
72 return { 74 return {
73 queryForm: {}, 75 queryForm: {},
74 tableList: [ 76 tableList: [
75 { name: "首次登记", value: "2" }, 77 { name: "浐灞", value: "2" },
76 { name: "变更登记", value: "12" }, 78 { name: "长安", value: "12" },
77 { name: "抵押登记", value: "23" }, 79 { name: "莲湖", value: "23" },
78 { name: "转移登记", value: "33" }, 80 { name: "高新", value: "33" },
79 { name: "预告登记", value: "13" }, 81 { name: "高新", value: "33" },
80 { name: "注销登记", value: "3" },
81 { name: "查封登记", value: "4" },
82 { name: "其他登记", value: "26" },
83 ], 82 ],
84 }; 83 };
85 }, 84 },
86 mounted() { 85 mounted() {
86 this.setdata();
87 // 创建一个 ECharts 实例 87 // 创建一个 ECharts 实例
88 this.chart = echarts.init(this.$refs.chart); 88 this.chart = echarts.init(this.$refs.chart);
89 // 在 ECharts 实例中配置图表 89 // 在 ECharts 实例中配置图表
...@@ -93,7 +93,7 @@ export default { ...@@ -93,7 +93,7 @@ export default {
93 getOption() { 93 getOption() {
94 return { 94 return {
95 title: { 95 title: {
96 text: "统计分析图", 96 text: "区域统计分析",
97 x: "center", 97 x: "center",
98 textStyle: { 98 textStyle: {
99 //主标题文本设置 99 //主标题文本设置
...@@ -140,7 +140,10 @@ export default { ...@@ -140,7 +140,10 @@ export default {
140 ], 140 ],
141 }; 141 };
142 }, 142 },
143 143 setdata() {
144 this.queryForm.sj = getdatamonth();
145 console.log("this.queryForm", this.queryForm);
146 },
144 handleSearch() { 147 handleSearch() {
145 console.log(" this.queryForm", this.queryForm); 148 console.log(" this.queryForm", this.queryForm);
146 }, 149 },
...@@ -159,6 +162,7 @@ export default { ...@@ -159,6 +162,7 @@ export default {
159 .yhjgba { 162 .yhjgba {
160 .el-col { 163 .el-col {
161 padding: 4px; 164 padding: 4px;
165 margin-right: 4px;
162 } 166 }
163 .inquire { 167 .inquire {
164 width: 100%; 168 width: 100%;
...@@ -175,10 +179,10 @@ export default { ...@@ -175,10 +179,10 @@ export default {
175 width: 100%; 179 width: 100%;
176 height: 300px; 180 height: 300px;
177 display: flex; 181 display: flex;
178 //调整表头高度 182 /deep/.el-table th {
179 /deep/.el-table__header { 183 height: 36px !important;
180 height: 22px!important; 184 font-size: 14px;
181 background-color: salmon; 185 color: #4a4a4a;
182 } 186 }
183 .left { 187 .left {
184 width: 70%; 188 width: 70%;
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
7 <div class="djlx"> 7 <div class="djlx">
8 <div class="inquire"> 8 <div class="inquire">
9 <el-form :model="queryForm" ref="queryForm" label-width="100px"> 9 <el-form :model="queryForm" ref="queryForm" label-width="100px">
10 <el-row :gutter="20"> 10 <el-row :gutter="24">
11 <el-col :span="12"> 11 <el-col :span="12">
12 <el-form-item label="收件时间" class="width100"> 12 <el-form-item label="收件时间" class="width100">
13 <el-date-picker 13 <el-date-picker
...@@ -59,6 +59,7 @@ ...@@ -59,6 +59,7 @@
59 <el-table 59 <el-table
60 height="187" 60 height="187"
61 stripe 61 stripe
62 show-summary
62 :data="tableList" 63 :data="tableList"
63 size="mini" 64 size="mini"
64 border 65 border
...@@ -85,6 +86,7 @@ ...@@ -85,6 +86,7 @@
85 <script> 86 <script>
86 import * as echarts from "echarts"; 87 import * as echarts from "echarts";
87 import { mapGetters } from "vuex"; 88 import { mapGetters } from "vuex";
89 import { getdatamonth } from "@/utils/util";
88 export default { 90 export default {
89 components: {}, 91 components: {},
90 computed: { 92 computed: {
...@@ -94,18 +96,14 @@ export default { ...@@ -94,18 +96,14 @@ export default {
94 return { 96 return {
95 queryForm: {}, 97 queryForm: {},
96 tableList: [ 98 tableList: [
97 { name: "首次登记", value: "2" }, 99 { name: "小红", value: "2" },
98 { name: "变更登记", value: "12" }, 100 { name: "小张", value: "12" },
99 { name: "抵押登记", value: "23" }, 101 { name: "小王", value: "23" },
100 { name: "转移登记", value: "33" },
101 { name: "预告登记", value: "13" },
102 { name: "注销登记", value: "3" },
103 { name: "查封登记", value: "4" },
104 { name: "其他登记", value: "26" },
105 ], 102 ],
106 }; 103 };
107 }, 104 },
108 mounted() { 105 mounted() {
106 this.setdata();
109 // 创建一个 ECharts 实例 107 // 创建一个 ECharts 实例
110 this.chart = echarts.init(this.$refs.chart); 108 this.chart = echarts.init(this.$refs.chart);
111 // 在 ECharts 实例中配置图表 109 // 在 ECharts 实例中配置图表
...@@ -115,7 +113,7 @@ export default { ...@@ -115,7 +113,7 @@ export default {
115 getOption() { 113 getOption() {
116 return { 114 return {
117 title: { 115 title: {
118 text: "统计分析图", 116 text: "登记类型统计",
119 x: "center", 117 x: "center",
120 textStyle: { 118 textStyle: {
121 //主标题文本设置 119 //主标题文本设置
...@@ -162,7 +160,10 @@ export default { ...@@ -162,7 +160,10 @@ export default {
162 ], 160 ],
163 }; 161 };
164 }, 162 },
165 163 setdata() {
164 this.queryForm.sj = getdatamonth();
165 console.log("this.queryForm", this.queryForm);
166 },
166 handleSearch() { 167 handleSearch() {
167 console.log(" this.queryForm", this.queryForm); 168 console.log(" this.queryForm", this.queryForm);
168 }, 169 },
...@@ -181,6 +182,7 @@ export default { ...@@ -181,6 +182,7 @@ export default {
181 .yhjgba { 182 .yhjgba {
182 .el-col { 183 .el-col {
183 padding: 4px; 184 padding: 4px;
185 margin-right: 4px;
184 } 186 }
185 .inquire { 187 .inquire {
186 width: 100%; 188 width: 100%;
...@@ -197,10 +199,10 @@ export default { ...@@ -197,10 +199,10 @@ export default {
197 width: 100%; 199 width: 100%;
198 height: 300px; 200 height: 300px;
199 display: flex; 201 display: flex;
200 //调整表头高度 202 /deep/.el-table th {
201 /deep/.el-table__header { 203 height: 36px !important;
202 height: 22px!important; 204 font-size: 14px;
203 background-color: salmon; 205 color: #4a4a4a;
204 } 206 }
205 .left { 207 .left {
206 width: 70%; 208 width: 70%;
......
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
11 <el-col :span="6"> 11 <el-col :span="6">
12 <el-form-item label="统计时间" class="width100"> 12 <el-form-item label="统计时间" class="width100">
13 <el-date-picker 13 <el-date-picker
14 v-model="queryForm.sj" 14 v-model="queryForm.monthValue"
15 class="width100" 15 class="width100"
16 type="month" 16 type="month"
17 placeholder="选择月" 17 placeholder="选择月"
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
37 </el-select> 37 </el-select>
38 </el-form-item> 38 </el-form-item>
39 </el-col> 39 </el-col>
40 <el-col :span="5" class="btnColRight"> 40 <el-col :span="11" class="btnColRight">
41 <el-form-item> 41 <el-form-item>
42 <el-button 42 <el-button
43 type="primary" 43 type="primary"
...@@ -65,7 +65,9 @@ export default { ...@@ -65,7 +65,9 @@ export default {
65 }, 65 },
66 data() { 66 data() {
67 return { 67 return {
68 queryForm: {}, 68 queryForm: {
69 monthValue:""
70 },
69 datas: [12, 23, 15, 28, 37, 11, 13, 32, 34, 56, 12, 15], 71 datas: [12, 23, 15, 28, 37, 11, 13, 32, 34, 56, 12, 15],
70 datatime: [ 72 datatime: [
71 "1日", 73 "1日",
...@@ -81,7 +83,22 @@ export default { ...@@ -81,7 +83,22 @@ export default {
81 "20日", 83 "20日",
82 "21日", 84 "21日",
83 ], 85 ],
86
87 };
88 },
89 created() {
90 // 默认当月
91 var nowDate = new Date();
92 var date = {
93 year: nowDate.getFullYear(),
94 month: nowDate.getMonth() + 1,
95 day: nowDate.getDate()
84 }; 96 };
97 const dayDate =
98 date.year + "-" + (date.month >= 10 ? date.month : "0" + date.month);
99 var date = new Date();
100 this.$set(this.queryForm, "monthValue", dayDate.toString());
101 console.log("this.queryForm",this.queryForm);
85 }, 102 },
86 mounted() { 103 mounted() {
87 // 创建一个 ECharts 实例 104 // 创建一个 ECharts 实例
...@@ -167,12 +184,17 @@ export default { ...@@ -167,12 +184,17 @@ export default {
167 .yhjgba { 184 .yhjgba {
168 .el-col { 185 .el-col {
169 padding: 4px; 186 padding: 4px;
187 margin-right: 4px;
170 } 188 }
171 .inquire { 189 .inquire {
172 width: 100%; 190 width: 100%;
173 height: 40px; 191 height: 40px;
174 border: 1px solid rgb(184, 217, 243); 192 background-color: #f4f7fd;
175 // background-color: rebeccapurple; 193 /deep/ .el-form {
194 .el-form-item--small.el-form-item {
195 margin-bottom: 5px;
196 }
197 }
176 } 198 }
177 .concent { 199 .concent {
178 width: 100%; 200 width: 100%;
......
...@@ -10,7 +10,12 @@ ...@@ -10,7 +10,12 @@
10 <el-row> 10 <el-row>
11 <el-col :span="6"> 11 <el-col :span="6">
12 <el-form-item label="统计年份" class="width100"> 12 <el-form-item label="统计年份" class="width100">
13 <el-date-picker class="width100" v-model="queryForm.sj" type="year" placeholder="选择年"> 13 <el-date-picker
14 class="width100"
15 v-model="queryForm.sj"
16 type="year"
17 placeholder="选择年"
18 >
14 </el-date-picker> 19 </el-date-picker>
15 </el-form-item> 20 </el-form-item>
16 </el-col> 21 </el-col>
...@@ -32,7 +37,7 @@ ...@@ -32,7 +37,7 @@
32 </el-select> 37 </el-select>
33 </el-form-item> 38 </el-form-item>
34 </el-col> 39 </el-col>
35 <el-col :span="12" class="btnColRight"> 40 <el-col :span="11" class="btnColRight">
36 <el-form-item> 41 <el-form-item>
37 <el-button 42 <el-button
38 type="primary" 43 type="primary"
...@@ -53,6 +58,7 @@ ...@@ -53,6 +58,7 @@
53 <script> 58 <script>
54 import * as echarts from "echarts"; 59 import * as echarts from "echarts";
55 import { mapGetters } from "vuex"; 60 import { mapGetters } from "vuex";
61
56 export default { 62 export default {
57 components: {}, 63 components: {},
58 computed: { 64 computed: {
...@@ -60,9 +66,20 @@ export default { ...@@ -60,9 +66,20 @@ export default {
60 }, 66 },
61 data() { 67 data() {
62 return { 68 return {
63 queryForm: {}, 69 queryForm: {
70 sj:""
71 },
64 }; 72 };
65 }, 73 },
74 created() {
75 var tempDate = new Date();
76 var year = tempDate.getFullYear();
77 console.log("year", year);
78 // 默认当月
79
80 this.$set(this.queryForm, "sj", year.toString());
81 console.log("this.queryForm",this.queryForm);
82 },
66 mounted() { 83 mounted() {
67 // 创建一个 ECharts 实例 84 // 创建一个 ECharts 实例
68 this.chart = echarts.init(this.$refs.chart); 85 this.chart = echarts.init(this.$refs.chart);
...@@ -132,7 +149,6 @@ export default { ...@@ -132,7 +149,6 @@ export default {
132 }, 149 },
133 series: [ 150 series: [
134 { 151 {
135 name: "转诊量",
136 data: [38, 42, 50, 157, 40, 45, 60, 140, 36, 47, 54, 143], 152 data: [38, 42, 50, 157, 40, 45, 60, 140, 36, 47, 54, 143],
137 barWidth: 40, 153 barWidth: 40,
138 type: "bar", 154 type: "bar",
...@@ -157,12 +173,17 @@ export default { ...@@ -157,12 +173,17 @@ export default {
157 .yhjgba { 173 .yhjgba {
158 .el-col { 174 .el-col {
159 padding: 4px; 175 padding: 4px;
176 margin-right: 4px;
160 } 177 }
161 .inquire { 178 .inquire {
162 width: 100%; 179 width: 100%;
163 height: 40px; 180 height: 40px;
164 border: 1px solid rgb(184, 217, 243); 181 background-color: #f4f7fd;
165 // background-color: rebeccapurple; 182 /deep/ .el-form {
183 .el-form-item--small.el-form-item {
184 margin-bottom: 5px;
185 }
186 }
166 } 187 }
167 .concent { 188 .concent {
168 width: 100%; 189 width: 100%;
......
...@@ -60,6 +60,7 @@ ...@@ -60,6 +60,7 @@
60 height="187" 60 height="187"
61 stripe 61 stripe
62 :data="tableList" 62 :data="tableList"
63 show-summary
63 size="mini" 64 size="mini"
64 border 65 border
65 header-cell-class-name="table-header-gray" 66 header-cell-class-name="table-header-gray"
...@@ -85,6 +86,7 @@ ...@@ -85,6 +86,7 @@
85 <script> 86 <script>
86 import * as echarts from "echarts"; 87 import * as echarts from "echarts";
87 import { mapGetters } from "vuex"; 88 import { mapGetters } from "vuex";
89 import { getdatamonth } from "@/utils/util";
88 export default { 90 export default {
89 components: {}, 91 components: {},
90 computed: { 92 computed: {
...@@ -94,18 +96,14 @@ export default { ...@@ -94,18 +96,14 @@ export default {
94 return { 96 return {
95 queryForm: {}, 97 queryForm: {},
96 tableList: [ 98 tableList: [
97 { name: "首次登记", value: "2" }, 99 { name: "单一版不动产权证书", value: "459" },
98 { name: "变更登记", value: "12" }, 100 { name: "不动产登记证明", value: "164" },
99 { name: "抵押登记", value: "23" }, 101
100 { name: "转移登记", value: "33" },
101 { name: "预告登记", value: "13" },
102 { name: "注销登记", value: "3" },
103 { name: "查封登记", value: "4" },
104 { name: "其他登记", value: "26" },
105 ], 102 ],
106 }; 103 };
107 }, 104 },
108 mounted() { 105 mounted() {
106 this.setdata();
109 // 创建一个 ECharts 实例 107 // 创建一个 ECharts 实例
110 this.chart = echarts.init(this.$refs.chart); 108 this.chart = echarts.init(this.$refs.chart);
111 // 在 ECharts 实例中配置图表 109 // 在 ECharts 实例中配置图表
...@@ -115,7 +113,7 @@ export default { ...@@ -115,7 +113,7 @@ export default {
115 getOption() { 113 getOption() {
116 return { 114 return {
117 title: { 115 title: {
118 text: "统计分析图", 116 text: "证书种类统计分析发证",
119 x: "center", 117 x: "center",
120 textStyle: { 118 textStyle: {
121 //主标题文本设置 119 //主标题文本设置
...@@ -162,7 +160,10 @@ export default { ...@@ -162,7 +160,10 @@ export default {
162 ], 160 ],
163 }; 161 };
164 }, 162 },
165 163 setdata() {
164 this.queryForm.sj = getdatamonth();
165 console.log("this.queryForm", this.queryForm);
166 },
166 handleSearch() { 167 handleSearch() {
167 console.log(" this.queryForm", this.queryForm); 168 console.log(" this.queryForm", this.queryForm);
168 }, 169 },
...@@ -181,6 +182,7 @@ export default { ...@@ -181,6 +182,7 @@ export default {
181 .yhjgba { 182 .yhjgba {
182 .el-col { 183 .el-col {
183 padding: 4px; 184 padding: 4px;
185 margin-right: 4px;
184 } 186 }
185 .inquire { 187 .inquire {
186 width: 100%; 188 width: 100%;
...@@ -198,9 +200,10 @@ export default { ...@@ -198,9 +200,10 @@ export default {
198 height: 300px; 200 height: 300px;
199 display: flex; 201 display: flex;
200 //调整表头高度 202 //调整表头高度
201 /deep/.el-table__header { 203 /deep/.el-table th {
202 height: 22px!important; 204 height: 36px !important;
203 background-color: salmon; 205 font-size: 14px;
206 color: #4a4a4a;
204 } 207 }
205 .left { 208 .left {
206 width: 70%; 209 width: 70%;
......
...@@ -123,7 +123,6 @@ export default { ...@@ -123,7 +123,6 @@ export default {
123 }; 123 };
124 </script> 124 </script>
125 <style scoped lang="scss"> 125 <style scoped lang="scss">
126 @import "~@/styles/mixin.scss";
127 /deep/.el-card__header { 126 /deep/.el-card__header {
128 padding: 8px 10px; 127 padding: 8px 10px;
129 } 128 }
......