Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
805cc62b by xiaomiao
Options

组件样式调整

2 parents cdbf5b1d f79f1525
Inline Side-by-side
Showing 13 changed files with 733 additions and 87 deletions
1 <template> 1 <template>
2 <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" custom-class="dialogBox editDialogBox mainCenter" 2 <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" custom-class="dialogBox editDialogBox mainCenter"
3 :visible.sync="dialogVisible" width="85%"> 3 :visible.sync="dialogVisible" width="88%">
4 <div slot="title" class="dialog_title" ref="dialogTitle"> 4 <div slot="title" class="dialog_title" ref="dialogTitle">
5 {{ title || '标题' }} 5 {{ title || '标题' }}
6 </div> 6 </div>
...@@ -263,24 +263,6 @@ export default { ...@@ -263,24 +263,6 @@ export default {
263 @import "~@/styles/mixin.scss"; 263 @import "~@/styles/mixin.scss";
264 @import "~@/styles/dialogBox.scss"; 264 @import "~@/styles/dialogBox.scss";
265 265
266 .editForm {
267 /deep/.el-textarea__inner {
268 border: 1px solid #224C7C !important;
269 margin: 0 0 10px 0 !important;
270 width: 100% !important;
271 color: #dadde3 !important;
272 background: transparent !important;
273 }
274
275 /deep/.el-input__inner {
276 border: 1px solid #224C7C !important;
277 margin: 0 !important;
278 width: 100% !important;
279 color: #dadde3 !important;
280 background: transparent !important;
281 }
282 }
283
284 /deep/.el-dialog__body { 266 /deep/.el-dialog__body {
285 display: flex; 267 display: flex;
286 flex-direction: column; 268 flex-direction: column;
...@@ -382,60 +364,7 @@ export default { ...@@ -382,60 +364,7 @@ export default {
382 min-width: 1228px; 364 min-width: 1228px;
383 height: 825px !important; 365 height: 825px !important;
384 366
385 .dialog-from { 367
386 padding: 13px;
387 border-radius: 2px;
388 box-sizing: border-box;
389
390 .el-row {
391 display: flex;
392 flex-wrap: nowrap;
393 }
394
395 .el-col {
396 line-height: 18px;
397 display: flex;
398 align-items: center;
399 margin-bottom: 3px;
400 color: #B5D6DC;
401 border-radius: 2px;
402 border: 1px solid #224C7C;
403 margin: 5px;
404
405 span {
406 display: inline-block;
407 padding: 3px;
408 border-radius: 3px;
409 overflow: hidden;
410 white-space: nowrap;
411 text-align: left;
412 color: #02D9FD;
413 }
414
415 p {
416 flex: 1;
417 width: 100%;
418 padding-left: 5px;
419 line-height: 20px;
420 color: #c0c4cc;
421 cursor: not-allowed;
422 white-space: nowrap;
423 margin-right: 5px;
424 text-align: right;
425 }
426 }
427 }
428
429 .dialog_title {
430 display: flex;
431 position: relative;
432 font-size: 24px;
433 top: -11px;
434 width: 38%;
435 height: 40px;
436 margin-left: 28px;
437 justify-content: center;
438 }
439 368
440 .el-dialog__header { 369 .el-dialog__header {
441 display: flex; 370 display: flex;
......
...@@ -34,7 +34,7 @@ export default { ...@@ -34,7 +34,7 @@ export default {
34 <style scoped lang="scss"> 34 <style scoped lang="scss">
35 /* jsoneditor右上角默认有一个链接,加css去掉了 */ 35 /* jsoneditor右上角默认有一个链接,加css去掉了 */
36 /deep/.el-textarea__inner { 36 /deep/.el-textarea__inner {
37 min-height: 76vh !important; 37 min-height: 70vh !important;
38 background-color: #08346F !important; 38 background-color: #08346F !important;
39 color: #ffffff; 39 color: #ffffff;
40 border: none !important; 40 border: none !important;
......
...@@ -24,9 +24,10 @@ ...@@ -24,9 +24,10 @@
24 </lb-column> 24 </lb-column>
25 </el-table> 25 </el-table>
26 26
27 <el-table v-else ref="elTable" class="table-fixed" :row-style="{ height: '50px' }" :border='border' 27 <el-table v-else ref="elTable" id="heightNumSetting" class="table-fixed" :row-style="{ height: '50px' }"
28 :row-class-name="tableRowClassName" :show-header='showHeader' v-bind="$attrs" :max-height="maxHeight" 28 :border='border' :row-class-name="tableRowClassName" :show-header='showHeader' v-bind="$attrs"
29 v-on="$listeners" :data="data" style="width: 100%" :span-method="this.merge ? this.mergeMethod : this.spanMethod"> 29 :max-height="maxHeight" :height="tableHeight" v-on="$listeners" :data="data" style="width: 100%"
30 :span-method="this.merge ? this.mergeMethod : this.spanMethod">
30 31
31 <el-table-column width="45" align="center" v-if="isRadio"> 32 <el-table-column width="45" align="center" v-if="isRadio">
32 <template slot-scope="scope"> 33 <template slot-scope="scope">
...@@ -80,6 +81,10 @@ export default { ...@@ -80,6 +81,10 @@ export default {
80 type: Number, 81 type: Number,
81 default: 500 82 default: 500
82 }, 83 },
84 minHeight: {
85 type: Number,
86 default: undefined
87 },
83 heightNumSetting: { 88 heightNumSetting: {
84 type: Boolean, 89 type: Boolean,
85 default: false, 90 default: false,
...@@ -139,6 +144,11 @@ export default { ...@@ -139,6 +144,11 @@ export default {
139 } else { 144 } else {
140 _this.tableHeight = window.innerHeight - _this.heightNum 145 _this.tableHeight = window.innerHeight - _this.heightNum
141 } 146 }
147 } else {
148 this.tableHeight = this.heightNum
149 this.$nextTick(() => {
150 this.minHeight && (document.getElementById('heightNumSetting').style.minHeight = this.minHeight + 'px')
151 })
142 } 152 }
143 }, 153 },
144 calcHeightx (value, wappered = true) { 154 calcHeightx (value, wappered = true) {
......
...@@ -2,12 +2,11 @@ ...@@ -2,12 +2,11 @@
2 <div> 2 <div>
3 <el-scrollbar wrap-class="scrollbar-wrapper"> 3 <el-scrollbar wrap-class="scrollbar-wrapper">
4 <el-menu router :default-active="activeMenu" :background-color="variables.menuBg" :text-color="variables.menuText" 4 <el-menu router :default-active="activeMenu" :background-color="variables.menuBg" :text-color="variables.menuText"
5 :unique-opened="true" :active-text-color="variables.menuActiveText" :collapse-transition="false" 5 :unique-opened="true" :active-text-color="variables.menuActiveText" :collapse-transition="false" mode="vertical">
6 mode="vertical">
7 <!-- 权限菜单 --> 6 <!-- 权限菜单 -->
8 <!-- <sidebar-item v-for="route in permission_routes" :key="route.path" :item="route" :base-path="route.path" /> --> 7 <sidebar-item v-for="route in permission_routes" :key="route.path" :item="route" :base-path="route.path" />
9 <!-- 菜单全部展示 --> 8 <!-- 菜单全部展示 -->
10 <sidebar-item v-for="route in asyncRoutes" :key="route.path" :item="route" :base-path="route.path" /> 9 <!-- <sidebar-item v-for="route in asyncRoutes" :key="route.path" :item="route" :base-path="route.path" /> -->
11 </el-menu> 10 </el-menu>
12 </el-scrollbar> 11 </el-scrollbar>
13 </div> 12 </div>
...@@ -27,6 +26,7 @@ ...@@ -27,6 +26,7 @@
27 title: defaultSettings.title 26 title: defaultSettings.title
28 } 27 }
29 }, 28 },
29
30 computed: { 30 computed: {
31 ...mapGetters(['permission_routes', 'sidebar']), 31 ...mapGetters(['permission_routes', 'sidebar']),
32 activeMenu () { 32 activeMenu () {
......
1 module.exports = { 1 module.exports = {
2 title: '汉中市不动产综合监管', 2 title: '',
3 /** 3 /**
4 * @type {boolean} true | false 4 * @type {boolean} true | false
5 * @description Whether show the settings right-panel 5 * @description Whether show the settings right-panel
......
...@@ -2,11 +2,19 @@ ...@@ -2,11 +2,19 @@
2 overflow: hidden; 2 overflow: hidden;
3 background: url("~@/image/dialogBg.png") no-repeat !important; 3 background: url("~@/image/dialogBg.png") no-repeat !important;
4 background-size: 100% 100% !important; 4 background-size: 100% 100% !important;
5 min-height: 89vh;
5 6
6 .dialog_title { 7 .dialog_title {
7 display: flex; 8 display: flex;
8 position: relative; 9 position: relative;
9 top: -2px; 10 font-size: 24px;
11 top: -11px;
12 width: 38%;
13 height: 40px;
14 margin-left: 28px;
15 justify-content: center;
16 white-space: nowrap;
17
10 b { 18 b {
11 font-weight: 200; 19 font-weight: 200;
12 display: inline-block; 20 display: inline-block;
...@@ -52,6 +60,66 @@ ...@@ -52,6 +60,66 @@
52 } 60 }
53 } 61 }
54 62
63 .dialog-from {
64 padding: 13px;
65 border-radius: 2px;
66 box-sizing: border-box;
67
68 .el-row {
69 display: flex;
70 flex-wrap: nowrap;
71 }
72
73 .el-col {
74 line-height: 18px;
75 display: flex;
76 align-items: center;
77 margin-bottom: 3px;
78 color: #B5D6DC;
79 border-radius: 2px;
80 border: 1px solid #224C7C;
81 margin: 5px;
82
83 span {
84 display: inline-block;
85 padding: 3px;
86 border-radius: 3px;
87 overflow: hidden;
88 white-space: nowrap;
89 text-align: left;
90 color: #02D9FD;
91 }
92
93 p {
94 flex: 1;
95 width: 100%;
96 padding-left: 5px;
97 line-height: 20px;
98 color: #c0c4cc;
99 cursor: not-allowed;
100 white-space: nowrap;
101 margin-right: 5px;
102 text-align: right;
103 }
104 }
105 }
106
107 /deep/.el-textarea__inner {
108 border: 1px solid #224C7C !important;
109 margin: 0 0 10px 0 !important;
110 width: 100% !important;
111 color: #dadde3 !important;
112 background: transparent !important;
113 }
114
115 /deep/.el-input__inner {
116 border: 1px solid #224C7C !important;
117 margin: 0 !important;
118 width: 100% !important;
119 color: #dadde3 !important;
120 background: transparent !important;
121 }
122
55 .dialog_title { 123 .dialog_title {
56 @include flex; 124 @include flex;
57 justify-content: space-between; 125 justify-content: space-between;
...@@ -79,7 +147,8 @@ ...@@ -79,7 +147,8 @@
79 background-size: 100% 100%; 147 background-size: 100% 100%;
80 right: 40px; 148 right: 40px;
81 top: 33px; 149 top: 33px;
82 &:hover{ 150
151 &:hover {
83 box-shadow: inset 0px 0px 12px 0px #02D9FD; 152 box-shadow: inset 0px 0px 12px 0px #02D9FD;
84 } 153 }
85 } 154 }
......
...@@ -16,6 +16,25 @@ ...@@ -16,6 +16,25 @@
16 padding: 0 7px !important; 16 padding: 0 7px !important;
17 } 17 }
18 18
19 // input 样式
20 // 全局css 加上以下代码，可以隐藏上下箭头
21
22 // 取消input的上下箭头
23 input::-webkit-inner-spin-button {
24 -webkit-appearance: none !important;
25
26 }
27
28 input::-webkit-outer-spin-button {
29 -webkit-appearance: none !important;
30
31 }
32
33 input[type="number"] {
34 -moz-appearance: textfield;
35
36 }
37
19 .el-upload { 38 .el-upload {
20 input[type="file"] { 39 input[type="file"] {
21 display: none !important; 40 display: none !important;
......
1 <!--
2 功能：结果
3 作者：calliope
4 -->
5 <template>
6 <div class='result'>
7 <p>响应xml</p>
8 <el-input type="textarea" disabled :rows="6" class="resulttext" placeholder="响应xml" v-model="REPMSGXML">
9 </el-input>
10 <p>错误信息</p>
11 <el-input type="textarea" disabled :rows="6" class="resulttext" placeholder="错误信息" v-model="ERRORINFO">
12 </el-input>
13 </div>
14 </template>
15 <script>
16 import { getReceiveDataReportResult } from "@/api/dataReport.js";
17 export default {
18 components: {},
19 props: {
20 formData: {
21 type: Object,
22 default: {}
23 }
24 },
25 data () {
26 return {
27 REPMSGXML: '',
28 ERRORINFO: '',
29 }
30 },
31 created () {
32 getReceiveDataReportResult(this.formData.bsmReport).then(res => {
33 let data = res.result
34 this.REPMSGXML = data.REPMSGXML
35 this.ERRORINFO = data.ERRORINFO
36 })
37 }
38 }
39 </script>
40 <style scoped lang='scss'>
41 @import '~@/styles/public.scss';
42
43 .result {
44 padding: 15px;
45
46 p {
47 color: #ffffff;
48 line-height: 26px;
49 font-size: 18px;
50 }
51
52 /deep/.el-textarea__inner {
53 min-height: 33vh !important;
54 background-color: #08346F !important;
55 color: #ffffff;
56 border: none !important;
57 }
58
59 }
60 </style>
1 import store from '@/store'
2 let vm = null
3 const sendThis1 = (_this) => {
4 vm = _this
5 }
6 class data {
7 columns () {
8 return [
9 {
10 width: "70",
11 renderHeader: (h, scope) => {
12 return (
13 <div>
14 <i
15 class="el-icon-plus"
16 onClick={() => {
17 vm.handleDBAdd();
18 }}
19 style="cursor:pointer;color:#409EFF"
20 ></i>
21 </div>
22 );
23 },
24 render: (h, scope) => {
25 return <i
26 class="el-icon-minus"
27 onClick={() => {
28 vm.handleDBMinus(scope.row);
29 }}
30 style="cursor:pointer;color:#409EFF"
31 ></i>
32 },
33 },
34 {
35 prop: 'ywh',
36 label: '业务号',
37 render: (h, scope) => {
38 return (
39 <el-input value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
40 )
41 }
42 },
43 {
44 prop: 'djlx',
45 label: '登记类型',
46 render: (h, scope) => {
47 return (
48 <el-select class="width100" value={scope.row[scope.column.property]}
49 onChange={(val) => { scope.row[scope.column.property] = val }}>
50 {
51 store.getters.dicData['A21'].map(option => {
52 return (
53 <el-option label={option.DNAME} value={option.DCODE}></el-option>
54 )
55 })
56 }
57 </el-select>
58 )
59 }
60 },
61 {
62 prop: 'qllx',
63 label: '权利类型',
64 render: (h, scope) => {
65 return (
66 <el-select class="width100" value={scope.row[scope.column.property]}
67 onChange={(val) => { scope.row[scope.column.property] = val }}>
68 {
69 store.getters.dicData['A8'].map(option => {
70 return (
71 <el-option label={option.DNAME} value={option.DCODE}></el-option>
72 )
73 })
74 }
75 </el-select>
76 )
77 }
78 },
79 {
80 prop: 'bdcdyh',
81 label: '不动产单元号',
82 render: (h, scope) => {
83 return (
84 <el-input value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
85 )
86 }
87 },
88 {
89 prop: 'zszmh',
90 label: '证书证明号',
91 render: (h, scope) => {
92 return (
93 <el-input value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
94 )
95 }
96 },
97 {
98 prop: 'sfsb',
99 label: '是否上报',
100 render: (h, scope) => {
101 return (
102 <el-select class="width100" value={scope.row[scope.column.property]}
103 onChange={(val) => { scope.row[scope.column.property] = val }}>
104 {
105 store.getters.dicData['A6'].map(option => {
106 return (
107 <el-option label={option.DNAME} value={option.DCODE}></el-option>
108 )
109 })
110 }
111 </el-select>
112 )
113 }
114 },
115 {
116 prop: 'bwid',
117 label: '报文ID',
118 render: (h, scope) => {
119 return (
120 <el-input value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
121 )
122 }
123 },
124 ]
125 }
126 }
127 let dbdata = new data()
128 export {
129 dbdata,
130 sendThis1
131 }
132
133
1 let vm = null
2 const sendThis = (_this) => {
3 vm = _this
4 }
5 class data {
6 columns () {
7 return [
8 {
9 prop: 'ywh',
10 label: '业务号',
11 render: (h, scope) => {
12 return (
13 <el-input value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
14 )
15 }
16 },
17 {
18 prop: 'bdcdyh',
19 label: '不动产单元号',
20 render: (h, scope) => {
21 return (
22 <el-input value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
23 )
24 }
25 },
26 {
27 prop: 'bwid',
28 label: '报文ID',
29 render: (h, scope) => {
30 return (
31 <el-input value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
32 )
33 }
34 }
35 ]
36 }
37 }
38 let sbdata = new data()
39 export {
40 sbdata,
41 sendThis
42 }
43
44
1 <template>
2 <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" custom-class="dialogBox editDialogBox mainCenter"
3 :visible.sync="dialogVisible" width="90%">
4 <div slot="title" class="dialog_title" ref="dialogTitle">
5 {{ title || '标题' }}
6 </div>
7 <div class="editDialogBox-box">
8 <el-tabs v-model="titleName" type="card">
9 <el-tab-pane label="登薄详情" name="sjmx"></el-tab-pane>
10 <el-tab-pane label="xml报文" name="xml"></el-tab-pane>
11 <el-tab-pane label="响应结果" name="xyjg"></el-tab-pane>
12 </el-tabs>
13 <div class="dialog-from" v-if="titleName == 'sjmx'">
14 <el-row class="dialog-from_header item-content-input">
15 <el-col :span="8">
16 <span>行政编码：</span>
17 <el-input v-model="titleForm.xzbm" maxlength="10"></el-input>
18 </el-col>
19 <el-col :span="8">
20 <span>行政名称：</span>
21 <el-input v-model="titleForm.mc" maxlength="20"></el-input>
22 </el-col>
23 <el-col :span="8">
24 <span>日期：</span>
25 <el-date-picker v-model="titleForm.date" type="date">
26 </el-date-picker>
27 </el-col>
28 </el-row>
29 <el-row class="dialog-from_header item-content-input">
30 <el-col :span="24">
31 <span class="bz">备注：</span>
32 <el-input placeholder="请输入内容" maxlength="1000" v-model="titleForm.bz">
33 </el-input>
34 </el-col>
35 </el-row>
36 <P class="dialog-from_title">当日登薄信息记录数</P>
37 <div>
38 <el-row class="dialog-from_header item-content-input">
39 <el-col :span="4">
40 <span>总数量：</span>
41 <el-input v-model="titleForm.totalNum" oninput="if(value.length > 6) value=value.slice(0, 6)"
42 type="number"></el-input>
43 </el-col>
44 <el-col :span="4">
45 <span>首次登记数量：</span>
46 <el-input v-model="titleForm.firstReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
47 type="number"></el-input>
48 </el-col>
49 <el-col :span="4">
50 <span>转移登记数量：</span>
51 <el-input v-model="titleForm.transferReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
52 type="number"></el-input>
53 </el-col>
54 <el-col :span="4">
55 <span>变更登记数量：</span>
56 <el-input v-model="titleForm.changeReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
57 type="number"></el-input>
58 </el-col>
59 <el-col :span="4">
60 <span>注销登记数量：</span>
61 <el-input v-model="titleForm.logoutReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
62 type="number"></el-input>
63 </el-col>
64 <!-- 更正登记数量 -->
65 <el-col :span="4">
66 <span>更正登记数量：</span>
67 <el-input v-model="titleForm.riviseReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
68 type="number"></el-input>
69 </el-col>
70 </el-row>
71 <el-row class="dialog-from_header item-content-input">
72 <el-col :span="4">
73 <span>异议登记数量：</span>
74 <el-input v-model="titleForm.dissentingReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
75 type="number"></el-input>
76 </el-col>
77 <el-col :span="4">
78 <span>预告登记数量：</span>
79 <el-input v-model="titleForm.advanceReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
80 type="number"></el-input>
81 </el-col>
82 <el-col :span="4">
83 <span>查封登记数量：</span>
84 <el-input v-model="titleForm.seizeReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
85 type="number"></el-input>
86 </el-col>
87 <!-- 地役权登记数量 -->
88 <el-col :span="4">
89 <span>地役权登记数量：</span>
90 <el-input v-model="titleForm.easementReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
91 type="number"></el-input>
92 </el-col>
93 <!-- 其他登记数量 -->
94 <el-col :span="4">
95 <span>其他登记数量：</span>
96 <el-input v-model="titleForm.otherReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
97 type="number"></el-input>
98 </el-col>
99 <!-- 业务类型总数 -->
100 <el-col :span="4">
101 <span>业务类型总数：</span>
102 <el-input v-model="titleForm.businessTypeCount" oninput="if(value.length > 6) value=value.slice(0, 6)"
103 type="number"></el-input>
104 </el-col>
105 </el-row>
106 </div>
107 <P class="dialog-from_title">当日上报记录数</P>
108 <!-- 当日上报记录数 -->
109 <div>
110 <el-row class="dialog-from_header item-content-input">
111 <el-col :span="4">
112 <span>总数量1：</span>
113 <el-input v-model="titleForm.totalNum" oninput="if(value.length > 6) value=value.slice(0, 6)"
114 type="number"></el-input>
115 </el-col>
116 <el-col :span="4">
117 <span>首次登记数量：</span>
118 <el-input v-model="titleForm.firstReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
119 type="number"></el-input>
120 </el-col>
121 <el-col :span="4">
122 <span>转移登记数量：</span>
123 <el-input v-model="titleForm.transferReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
124 type="number"></el-input>
125 </el-col>
126 <el-col :span="4">
127 <span>变更登记数量：</span>
128 <el-input v-model="titleForm.changeReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
129 type="number"></el-input>
130 </el-col>
131 <el-col :span="4">
132 <span>注销登记数量：</span>
133 <el-input v-model="titleForm.logoutReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
134 type="number"></el-input>
135 </el-col>
136 <!-- 更正登记数量 -->
137 <el-col :span="4">
138 <span>更正登记数量：</span>
139 <el-input v-model="titleForm.riviseReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
140 type="number"></el-input>
141 </el-col>
142 </el-row>
143 <el-row class="dialog-from_header item-content-input">
144 <el-col :span="4">
145 <span>异议登记数量：</span>
146 <el-input v-model="titleForm.dissentingReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
147 type="number"></el-input>
148 </el-col>
149 <el-col :span="4">
150 <span>预告登记数量：</span>
151 <el-input v-model="titleForm.advanceReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
152 type="number"></el-input>
153 </el-col>
154 <el-col :span="4">
155 <span>查封登记数量：</span>
156 <el-input v-model="titleForm.seizeReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
157 type="number"></el-input>
158 </el-col>
159 <!-- 地役权登记数量 -->
160 <el-col :span="4">
161 <span>地役权登记数量：</span>
162 <el-input v-model="titleForm.easementReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
163 type="number"></el-input>
164 </el-col>
165 <!-- 其他登记数量 -->
166 <el-col :span="4">
167 <span>其他登记数量：</span>
168 <el-input v-model="titleForm.otherReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
169 type="number"></el-input>
170 </el-col>
171 <!-- 业务类型总数 -->
172 <el-col :span="4">
173 <span>业务类型总数：</span>
174 <el-input v-model="titleForm.businessTypeCount" oninput="if(value.length > 6) value=value.slice(0, 6)"
175 type="number"></el-input>
176 </el-col>
177 </el-row>
178 </div>
179 <el-tabs v-model="titleName2" type="card">
180 <el-tab-pane label="当日登薄详单" name="drdbxd"></el-tab-pane>
181 <el-tab-pane label="当日上报详单" name="sbslxd"></el-tab-pane>
182 </el-tabs>
183 <div class="from-clues-content" v-show="titleName2 == 'drdbxd'" :key="key">
184 <lb-table :column="tableDBData.column" :pagination="false" :heightNumSetting="true" :heightNum="165"
185 :data="tableDBData.data">
186 </lb-table>
187 </div>
188 <div class="from-clues-content" v-show="titleName2 == 'sbslxd'">
189 <lb-table :column="tableSBData.column" :pagination="false" :heightNumSetting="true" :heightNum="165"
190 :data="tableSBData.data">
191 </lb-table>
192 </div>
193
194 </div>
195 </div>
196 <div class="editDialogBox-box" v-if="titleName == 'xml'">
197 <JsonEditor :resultInfo="resultInfo" class="JsonEditor" />
198 </div>
199 <div class="editDialogBox-box" v-if="titleName == 'xyjg'">
200 <Xyjg :form-data='dataReport'></Xyjg>
201 </div>
202 <div class="d-center" v-if="titleName == 'sjmx'">
203 <btn nativeType="cz" @click="dialogVisible = false">取 消</btn>
204 <btn nativeType="cx" @click="submitForm">确 定</btn>
205 </div>
206 </el-dialog>
207 </template>
208
209 <script>
210 import { sbdata, sendThis } from './data/sbdata'
211 import { dbdata, sendThis1 } from './data/dbdata'
212 import JsonEditor from "@/components/JsonEditor.vue";
213 import Xyjg from "./Result";
214 export default {
215 components: { JsonEditor, Xyjg },
216 props: {
217 title: {
218 type: String,
219 default: ''
220 }
221 },
222 data () {
223 return {
224 key: 0,
225 dialogVisible: false,
226 titleName: 'sjmx',
227 titleName2: 'drdbxd',
228 titleForm: {
229 xzbm: '',
230 mc: '',
231 date: '',
232 bz: '',
233 totalNum: '',
234 firstReg: '',
235 transferReg: '',
236 changeReg: '',
237 logoutReg: '',
238 riviseReg: '',
239 // 异议登记数量
240 dissentingReg: '',
241 advanceReg: '',
242 seizeReg: '',
243 easementReg: '',
244 otherReg: '',
245 businessTypeCount: ''
246 },
247 tableDBData: {
248 data: [],
249 column: dbdata.columns()
250 },
251 tableSBData: {
252 data: [],
253 column: sbdata.columns()
254 },
255 dataReport: {}
256 }
257 },
258 mounted () {
259 sendThis(this);
260 sendThis1(this);
261 },
262 methods: {
263 closeDialog () {
264 this.dialogVisible = false;
265 },
266 isShow (item) {
267 this.titleName = 'sjmx';
268 this.dialogVisible = true;
269 },
270 handleDBAdd () {
271 this.tableDBData.data.push({
272 ywh: '',
273 djlx: '',
274 qllx: '',
275 bdcdyh: '',
276 zszmh: '',
277 sfsb: '',
278 bwid: ''
279 })
280 this.tableDBData.data.forEach((item, indx) => {
281 this.$set(item, 'index', index)
282 })
283 this.key++
284 },
285 handleDBMinus (row) {
286 this.tableDBData.data.splice(row.index, 1)
287 },
288 submitForm () { }
289 }
290 }
291 </script>
292 <style scoped lang="scss">
293 @import "~@/styles/mixin.scss";
294 @import "~@/styles/public.scss";
295 @import "~@/styles/dialogBox.scss";
296
297 /deep/.el-tabs__item {
298 color: #CEF8FF !important;
299
300 display: flex;
301 flex-direction: row;
302 justify-content: center;
303 background: url("~@/image/tabitem.png") no-repeat;
304 background-size: 100% 100%;
305 border: none !important;
306 }
307
308 /deep/.el-tabs__nav {
309 display: flex;
310 border: none !important;
311 }
312
313 /deep/.el-tabs__item.is-top:not(:last-child) {
314 margin-right: 5px;
315 }
316
317 /deep/.el-tabs__item.is-active {
318 background: url("~@/image/tabitemse.png") no-repeat;
319 background-size: 100% 100%;
320 }
321
322 .from-clues-content {
323 margin-top: 0;
324 background: none;
325 padding: 0;
326 }
327
328 .editDialogBox-box {
329 position: relative;
330 top: 10px;
331 }
332
333 .dialog-from {
334 padding-top: 0;
335
336 .el-col {
337 justify-content: space-between;
338 }
339
340 .bz {
341 height: 100%;
342 position: relative;
343 top: 3px;
344 }
345
346 /deep/.el-input {
347 flex: 1;
348 width: 100%;
349 }
350
351 .item-content-input {
352 /deep/.el-input__inner {
353 border: none !important;
354 text-align: right;
355 }
356 }
357
358 /deep/.el-textarea__inner {
359 border: none !important;
360 margin: 0;
361 }
362
363 &_header {
364 margin: 0 -5px !important;
365 }
366
367 &_title {
368 font-size: 18px;
369 color: #d7eaee;
370 margin: 3px 0;
371 }
372 }
373 </style>
374
...@@ -195,7 +195,7 @@ class data { ...@@ -195,7 +195,7 @@ class data {
195 size="mini" 195 size="mini"
196 type="primary" 196 type="primary"
197 onClick={() => { 197 onClick={() => {
198 this.handleEdit(scope.row); 198 vm.handleEdit(scope.row);
199 }} 199 }}
200 > 200 >
201 编辑 201 编辑
......
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
25 <el-col :span="6"> 25 <el-col :span="6">
26 <el-form-item label="结束日期" prop="endTime"> 26 <el-form-item label="结束日期" prop="endTime">
27 <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd" clearable 27 <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd" clearable
28 v-model="form.endTime" value-format="yyyy-MM-dd HH:mm:ss" @change="endTimeChange"></el-date-picker> 28 v-model="form.endTime" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
29 </el-form-item> 29 </el-form-item>
30 </el-col> 30 </el-col>
31 <!-- 操作按钮 --> 31 <!-- 操作按钮 -->
...@@ -44,6 +44,8 @@ ...@@ -44,6 +44,8 @@
44 :data="tableData.data"> 44 :data="tableData.data">
45 </lb-table> 45 </lb-table>
46 </div> 46 </div>
47 <!-- 详情弹框 -->
48 <editDialog ref="editLog" />
47 </div> 49 </div>
48 </template> 50 </template>
49 <script> 51 <script>
...@@ -56,7 +58,12 @@ import { getRecordLogPage } from "@/api/recordLog.js"; ...@@ -56,7 +58,12 @@ import { getRecordLogPage } from "@/api/recordLog.js";
56 import { mapGetters } from 'vuex' 58 import { mapGetters } from 'vuex'
57 //引入日期处理方法 59 //引入日期处理方法
58 import { timeFormat } from "@/utils/operation"; 60 import { timeFormat } from "@/utils/operation";
61 // 引入弹框组件
62 import editDialog from '../components/editDialog.vue'
59 export default { 63 export default {
64 components: {
65 editDialog
66 },
60 name: "dbrzcx", 67 name: "dbrzcx",
61 mixins: [tableMixin], 68 mixins: [tableMixin],
62 computed: { 69 computed: {
...@@ -137,7 +144,8 @@ export default { ...@@ -137,7 +144,8 @@ export default {
137 }, 144 },
138 // 编辑 145 // 编辑
139 handleEdit (row) { 146 handleEdit (row) {
140 console.log(row); 147 this.$refs.editLog.isShow(row);
148 this.$store.dispatch('business/setReportLogEdit')
141 } 149 }
142 } 150 }
143 } 151 }
......