Skip to content

bdc / bdcjg-web

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

组件样式调整

2 parents cdbf5b1d f79f1525
Expand all
Inline Side-by-side
Showing 13 changed files with 359 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
...@@ -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 }
......