Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
d6a3e26f by yangwei
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcjg-web

2 parents df708db4 bf65636d
Inline Side-by-side
Showing 67 changed files with 1162 additions and 644 deletions
1 import dialogBox from '@/components/DialogBox' 1 import dialogBox from '@/components/DialogBox'
2 import LbTable from '@/components/LbTable' 2 import LbTable from '@/components/LbTable'
3 import Theme from '@/components/Theme.vue' 3 import Theme from '@/components/Theme.vue'
4 import Breadcrumb from "@/components/Breadcrumb.vue";
4 // 引入按钮 5 // 引入按钮
5 import btn from '@/components/Button.vue' 6 import btn from '@/components/Button.vue'
6 import Popup from '@/components/Popup/index' 7 import Popup from '@/components/Popup/index'
...@@ -8,6 +9,7 @@ import MessageBox from '@/components/MessageBox/index.js' ...@@ -8,6 +9,7 @@ import MessageBox from '@/components/MessageBox/index.js'
8 export default { 9 export default {
9 install: (Vue) => { 10 install: (Vue) => {
10 Vue.component('dialogBox', dialogBox); 11 Vue.component('dialogBox', dialogBox);
12 Vue.component('Breadcrumb', Breadcrumb);
11 Vue.component('btn', btn); 13 Vue.component('btn', btn);
12 Vue.component('lbTable', LbTable); 14 Vue.component('lbTable', LbTable);
13 Vue.component('Theme', Theme); 15 Vue.component('Theme', Theme);
......
1 <template> 1 <template>
2 <div class="breadcrumb"> 2 <el-breadcrumb class="breadcrumb" separator-class="el-icon-arrow-right">
3 <el-breadcrumb class="app-breadcrumb" separator-class="el-icon-arrow-right"> 3 <span class="fl">当前页面：</span>
4 <transition-group name="breadcrumb"> 4 <transition-group name="breadcrumb">
5 <el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path"> 5 <el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path">
6 <span 6 <span @click.prevent="handleLink(item)">{{ item.meta.title }}</span>
7 v-if="
8 item.redirect === 'noRedirect' || index == levelList.length - 1
9 "
10 class="no-redirect"
11 >{{ item.meta.title }}</span
12 >
13 <a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
14 </el-breadcrumb-item> 7 </el-breadcrumb-item>
15 </transition-group> 8 </transition-group>
16 </el-breadcrumb> 9 </el-breadcrumb>
17 </div>
18 </template> 10 </template>
19 11
20 <script> 12 <script>
21 import pathToRegexp from "path-to-regexp"; 13 import pathToRegexp from "path-to-regexp";
22 14
23 export default { 15 export default {
24 data() { 16 data () {
25 return { 17 return {
26 levelList: null, 18 levelList: null,
27 }; 19 };
28 }, 20 },
29 watch: { 21 watch: {
30 $route() { 22 $route () {
31 this.getBreadcrumb(); 23 this.getBreadcrumb();
32 }, 24 },
33 }, 25 },
34 created() { 26 created () {
35 this.getBreadcrumb(); 27 this.getBreadcrumb();
36 }, 28 },
37 methods: { 29 methods: {
38 getBreadcrumb() { 30 getBreadcrumb () {
39 // only show routes with meta.title 31 // only show routes with meta.title
40 let matched = this.$route.matched.filter( 32 this.levelList = this.$route.matched.filter(
41 (item) => item.meta && item.meta.title 33 (item) => item.meta && item.meta.title
42 ); 34 )
43 this.levelList = matched.filter( 35 if (this.$route.matched[0].path == '/jsbwcx') {
44 (item) => item.meta && item.meta.title 36 this.levelList = this.levelList.slice(-1)
45 ); 37 }
46 }, 38 },
47 isDashboard(route) { 39 isDashboard (route) {
48 const name = route && route.name; 40 const name = route && route.name;
49 if (!name) { 41 if (!name) {
50 return false; 42 return false;
...@@ -53,65 +45,62 @@ export default { ...@@ -53,65 +45,62 @@ export default {
53 name.trim().toLocaleLowerCase() === "Dashboard".toLocaleLowerCase() 45 name.trim().toLocaleLowerCase() === "Dashboard".toLocaleLowerCase()
54 ); 46 );
55 }, 47 },
56 pathCompile(path) { 48 pathCompile (path) {
57 const { params } = this.$route; 49 const { params } = this.$route;
58 var toPath = pathToRegexp.compile(path); 50 var toPath = pathToRegexp.compile(path);
59 return toPath(params); 51 return toPath(params);
60 }, 52 }
61 handleLink(item) { 53 }
62 // const { redirect, path } = item; 54 }
63 // if (redirect) {
64 // this.$router.push(redirect);
65 // return;
66 // }
67 // this.$router.push(path);
68 },
69 },
70 };
71 </script> 55 </script>
72 56
73 <style lang="scss" scoped> 57 <style lang="scss" scoped>
74 .breadcrumb { 58 .breadcrumb {
75 margin: 15px auto 0;
76 box-sizing: border-box; 59 box-sizing: border-box;
77 text-indent: 16px; 60 text-indent: 10px;
61 background: linear-gradient(90deg, #0047B8 0%, rgba(0, 26, 95, 0.1) 100%);
62 line-height: 32px;
63 color: #FFFFFF;
64 }
65
66 /deep/.el-icon-arrow-right {
67 width: 2px;
68 position: relative;
69 left: -10px;
70 color: #FFFFFF;
71 }
72
73 /deep/.el-breadcrumb__inner {
74 color: #FFFFFF !important;
78 } 75 }
76
79 .breadcrumb1366 { 77 .breadcrumb1366 {
80 padding: 10px 0 !important; 78 padding: 10px 0 !important;
81 } 79 }
82 .isFullScreen{ 80
81 .isFullScreen {
83 width: calc(100% - 20px); 82 width: calc(100% - 20px);
84 margin: 0 auto; 83 margin: 0 auto;
85 padding: 10px!important; 84 padding: 10px !important;
86 } 85 }
86
87 .cur-location { 87 .cur-location {
88 font-size: 16px; 88 font-size: 16px;
89 color: white; 89 color: white;
90 line-height: 40px; 90 line-height: 40px;
91 float: left; 91 float: left;
92
92 img { 93 img {
93 position: relative; 94 position: relative;
94 top: 3px; 95 top: 3px;
95 margin-right: 4px; 96 margin-right: 4px;
96 } 97 }
97 } 98 }
98 .app-breadcrumb.el-breadcrumb { 99
99 display: inline-block;
100 font-size: 14px;
101 // line-height: 40px;
102 .no-redirect {
103 color: white;
104 cursor: text;
105 }
106 }
107 .el-breadcrumb__inner a, 100 .el-breadcrumb__inner a,
108 .el-breadcrumb__inner.is-link { 101 .el-breadcrumb__inner.is-link {
109 color: white; 102 color: white;
110 cursor: text; 103 cursor: text;
111 font-weight: normal; 104 font-weight: normal;
112 } 105 }
113 // .el-breadcrumb__inner a:hover,
114 // .el-breadcrumb__inner.is-link:hover {
115 // text-decoration: underline;
116 // }
117 </style> 106 </style>
......
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
5 /deep/.el-select { 5 /deep/.el-select {
6 width: 100%; 6 width: 100%;
7 } 7 }
8
8 /deep/.el-form-item__error { 9 /deep/.el-form-item__error {
9 right: 25px; 10 right: 25px;
10 top: 15px; 11 top: 15px;
...@@ -40,32 +41,43 @@ ...@@ -40,32 +41,43 @@
40 margin-right: -1px; 41 margin-right: -1px;
41 } 42 }
42 43
44 .obligee-item-name,
45 .receivingInfo-item-name,
46 .auditInfo-item-name {
47 background: url("~@/image/itembg.png") no-repeat;
48 background-size: 100% 100%;
49 color: #FFFFFF;
50 }
43 51
44 /deep/.el-textarea__inner { 52 /deep/.el-textarea__inner {
45 margin: 5px; 53 margin: 5px;
46 width: 96%; 54 width: 96%;
47 background: #05275B; 55 background: none;
48 color: #FFFFFF; 56 color: #FFFFFF;
49 border-radius: 2px; 57 border-radius: 2px;
50 border: 1px solid #6BC1FC; 58 border: 1px solid #6BC1FC;
51 } 59 }
52 /deep/.el-input-number{ 60
61 /deep/.el-input-number {
53 width: 100%; 62 width: 100%;
54 } 63 }
55 /deep/.el-input-number__increase{ 64
65 /deep/.el-input-number__increase {
56 background: #05275B; 66 background: #05275B;
57 color: #FFFFFF; 67 color: #FFFFFF;
58 border:none; 68 border: none;
59 right: 12px; 69 right: 7px;
60 top: 6px; 70 top: 2px;
61 } 71 }
62 /deep/.el-input-number__decrease{ 72
73 /deep/.el-input-number__decrease {
63 background: #05275B; 74 background: #05275B;
64 color: #FFFFFF; 75 color: #FFFFFF;
65 border:none; 76 border: none;
66 right: 12px; 77 right: 7px;
67 bottom:6px; 78 bottom: 10px;
68 } 79 }
80
69 /deep/.el-input__inner { 81 /deep/.el-input__inner {
70 margin: 5px; 82 margin: 5px;
71 width: 96%; 83 width: 96%;
......
...@@ -21,23 +21,21 @@ export default { ...@@ -21,23 +21,21 @@ export default {
21 </script> 21 </script>
22 <style scoped lang="scss"> 22 <style scoped lang="scss">
23 .button { 23 .button {
24 width: 80px; //适配4字按钮样式 24 width: 76px;
25 height: 32px; 25 height: 32px;
26 color: #ffffff; 26 color: #ffffff;
27 margin: 0 5px; 27 margin: 0 5px;
28 cursor: pointer;
29 border: 0
28 } 30 }
29 31
30 .cx { 32 .cx {
31 background: url('../image/btn.png') no-repeat -4px -40px; 33 background: url('../image/btn.png') no-repeat 0 -34px;
32 cursor: pointer; 34 background-size: cover;
33 } 35 }
34 36
35 .cz { 37 .cz {
36 background: url('../image/btn.png') no-repeat -4px -4px; 38 background: url('../image/btn.png') no-repeat 0 0;
37 cursor: pointer; 39 background-size: cover;
38 }
39
40 .sb {
41 background: url('../image/btn.png') no-repeat -4px -112px;
42 } 40 }
43 </style> 41 </style>
......
1 <template> 1 <template>
2 <el-dialog 2 <el-dialog :title="title" :visible.sync="visible" :width="width" :append-to-body="appendToBody" :modal="modal"
3 :title="title" 3 :close-on-click-modal="false" :fullscreen="fullscreen" :destroy-on-close="destroyOnClose"
4 :visible.sync="visible" 4 :modal-append-to-body="modalAppendToBody" :class="customClass" @close="close" class="dialog">
5 :width="width"
6 :append-to-body="appendToBody"
7 :modal="modal"
8 :close-on-click-modal="false"
9 :fullscreen="fullscreen"
10 :destroy-on-close="destroyOnClose"
11 :modal-append-to-body="modalAppendToBody"
12 :class="customClass"
13 @close="close"
14 class="dialog"
15 >
16 <slot name="content" /> 5 <slot name="content" />
17 <span slot="footer" class="dialog-footer"> 6 <span slot="footer" class="dialog-footer">
18 <slot name="footer" /> 7 <slot name="footer" />
...@@ -66,21 +55,21 @@ export default { ...@@ -66,21 +55,21 @@ export default {
66 default: '30%' 55 default: '30%'
67 } 56 }
68 }, 57 },
69 data() { 58 data () {
70 return {} 59 return {}
71 }, 60 },
72 computed: { 61 computed: {
73 visible: { 62 visible: {
74 get() { 63 get () {
75 return this.show 64 return this.show
76 }, 65 },
77 set(val) { 66 set (val) {
78 this.$emit('update:show', val) // visible 改变的时候通知父组件 67 this.$emit('update:show', val) // visible 改变的时候通知父组件
79 } 68 }
80 } 69 }
81 }, 70 },
82 methods: { 71 methods: {
83 close() { 72 close () {
84 this.$emit('close') 73 this.$emit('close')
85 } 74 }
86 } 75 }
...@@ -88,21 +77,23 @@ export default { ...@@ -88,21 +77,23 @@ export default {
88 </script> 77 </script>
89 78
90 <style lang="scss" scoped> 79 <style lang="scss" scoped>
91
92 .dialog { 80 .dialog {
93 /deep/.el-dialog{ 81 /deep/.el-dialog {
94 overflow: hidden; 82 overflow: hidden;
95 background: url("~@/image/dialogBg.png") no-repeat !important; 83 background: url("~@/image/dialogBg.png") no-repeat !important;
96 background-size: 100% 100% !important; 84 background-size: 100% 100% !important;
97 } 85 }
86
98 .el-dialog__header { 87 .el-dialog__header {
99 padding: 0; 88 padding: 0;
100 height: 56px; 89 height: 56px;
101 line-height: 56px; 90 line-height: 56px;
102 border-bottom: none; 91 border-bottom: none;
92
103 .el-dialog__title { 93 .el-dialog__title {
104 font-weight: 400; 94 font-weight: 400;
105 } 95 }
96
106 .el-dialog__title:before { 97 .el-dialog__title:before {
107 display: inline-block; 98 display: inline-block;
108 content: ''; 99 content: '';
...@@ -114,31 +105,38 @@ overflow: hidden; ...@@ -114,31 +105,38 @@ overflow: hidden;
114 position: relative; 105 position: relative;
115 top: 2px; 106 top: 2px;
116 } 107 }
108
117 .el-dialog__headerbtn { 109 .el-dialog__headerbtn {
118 position: absolute; 110 position: absolute;
119 // top: 2%; 111 // top: 2%;
120 right: 12px; 112 right: 12px;
121 } 113 }
122 } 114 }
115
123 .el-dialog__body { 116 .el-dialog__body {
124 margin: 0px 12px; 117 margin: 0px 12px;
125 padding: 48px 24px; 118 padding: 48px 24px;
126 background: #fff; 119 background: #fff;
127 border: 1px solid #dfe7f3; 120 border: 1px solid #dfe7f3;
121
128 .el-button { 122 .el-button {
129 padding: 8px 16px; 123 padding: 8px 16px;
130 border: none; 124 border: none;
131 } 125 }
126
132 .el-form { 127 .el-form {
133 .el-checkbox { 128 .el-checkbox {
134 line-height: 32px; 129 line-height: 32px;
135 height: 32px; 130 height: 32px;
136 } 131 }
132
137 .form-item-mb0 { 133 .form-item-mb0 {
138 margin-bottom: 0 !important; 134 margin-bottom: 0 !important;
139 } 135 }
136
140 .el-form-item { 137 .el-form-item {
141 margin-bottom: 24px; 138 margin-bottom: 24px;
139
142 .el-form-item__label { 140 .el-form-item__label {
143 height: 32px; 141 height: 32px;
144 line-height: 32px; 142 line-height: 32px;
...@@ -148,21 +146,25 @@ overflow: hidden; ...@@ -148,21 +146,25 @@ overflow: hidden;
148 .el-form-item__content { 146 .el-form-item__content {
149 // height: 32px; 147 // height: 32px;
150 line-height: 32px; 148 line-height: 32px;
149
151 // date 组件有图标 150 // date 组件有图标
152 .has-icon.el-date-editor { 151 .has-icon.el-date-editor {
153 .el-input__inner { 152 .el-input__inner {
154 padding-left: 32px; 153 padding-left: 32px;
155 } 154 }
156 } 155 }
156
157 .el-input__inner { 157 .el-input__inner {
158 padding: 0 8px; 158 padding: 0 8px;
159 height: 32px; 159 height: 32px;
160 line-height: 32px; 160 line-height: 32px;
161 text-align: left; 161 text-align: left;
162 } 162 }
163
163 .el-textarea__inner { 164 .el-textarea__inner {
164 padding: 8px 8px; 165 padding: 8px 8px;
165 } 166 }
167
166 .el-input .el-input__icon { 168 .el-input .el-input__icon {
167 font-size: 14px; 169 font-size: 14px;
168 color: #747e8c; 170 color: #747e8c;
...@@ -170,6 +172,7 @@ overflow: hidden; ...@@ -170,6 +172,7 @@ overflow: hidden;
170 } 172 }
171 } 173 }
172 } 174 }
175
173 .el-select, 176 .el-select,
174 .el-cascader, 177 .el-cascader,
175 .el-date-editor { 178 .el-date-editor {
...@@ -183,11 +186,13 @@ overflow: hidden; ...@@ -183,11 +186,13 @@ overflow: hidden;
183 height: 56px; 186 height: 56px;
184 line-height: 56px; 187 line-height: 56px;
185 border: none; 188 border: none;
189
186 .el-button { 190 .el-button {
187 padding: 8px 16px; 191 padding: 8px 16px;
188 border: none; 192 border: none;
189 } 193 }
190 .el-button + .el-button { 194
195 .el-button+.el-button {
191 margin-left: 12px; 196 margin-left: 12px;
192 } 197 }
193 } 198 }
......
...@@ -25,7 +25,7 @@ export default { ...@@ -25,7 +25,7 @@ export default {
25 async submitViews () { 25 async submitViews () {
26 try { 26 try {
27 let { result: res } = await work.submitViews("A20"); 27 let { result: res } = await work.submitViews("A20");
28 res.filter((item) => { 28 res.map((item) => {
29 return ( 29 return (
30 this.cdata.category.push(item.areaName), 30 this.cdata.category.push(item.areaName),
31 this.cdata.barData.push(item.successCount), 31 this.cdata.barData.push(item.successCount),
......
...@@ -30,7 +30,7 @@ export default { ...@@ -30,7 +30,7 @@ export default {
30 XZQDM: "", 30 XZQDM: "",
31 }; 31 };
32 let res = await work.getDjlxtotal(p); 32 let res = await work.getDjlxtotal(p);
33 res.result.filter((item) => { 33 res.result.map((item) => {
34 return ( 34 return (
35 this.cdata.category.push(item.AREACODE), 35 this.cdata.category.push(item.AREACODE),
36 this.cdata.lineData.push(item.ywtotal) 36 this.cdata.lineData.push(item.ywtotal)
......
...@@ -90,6 +90,7 @@ export default { ...@@ -90,6 +90,7 @@ export default {
90 return scatterData; 90 return scatterData;
91 }; 91 };
92 this.options = { 92 this.options = {
93
93 showLegendSymbol: true, 94 showLegendSymbol: true,
94 tooltip: { 95 tooltip: {
95 trigger: 'item', 96 trigger: 'item',
...@@ -103,7 +104,7 @@ export default { ...@@ -103,7 +104,7 @@ export default {
103 }, 104 },
104 // 如果需要自定义 tooltip样式，需要使用formatter 105 // 如果需要自定义 tooltip样式，需要使用formatter
105 formatter: params => { 106 formatter: params => {
106 return `<div style="">${params.name}:${params.value}</div>` 107 return `<div style="">${params.name}:${params.value+"个"}</div>`
107 } 108 }
108 }, 109 },
109 visualMap: { 110 visualMap: {
...@@ -125,6 +126,7 @@ export default { ...@@ -125,6 +126,7 @@ export default {
125 color: '#737373' 126 color: '#737373'
126 } 127 }
127 }, 128 },
129
128 series: [ 130 series: [
129 { 131 {
130 type: 'map', 132 type: 'map',
......
...@@ -22,9 +22,9 @@ export default { ...@@ -22,9 +22,9 @@ export default {
22 async mapViews () { 22 async mapViews () {
23 try { 23 try {
24 let { result: res } = await work.mapViews("A20"); 24 let { result: res } = await work.mapViews("A20");
25 res.filter((item) => { 25 res.map((item) => {
26 return ( 26 return (
27 this.cdata.push({ "name": item.areaName, "value": item.areaCode }) 27 this.cdata.push({ "name": item.areaName, "value": item.ywtotal })
28 ) 28 )
29 29
30 }); 30 });
......
1 <template> 1 <template>
2 <Echart :options="options" id="centreLeft1Chart" height="200px" width="100%"></Echart> 2 <Echart :options="options" id="centreLeft1Chart" :key="key" height="225px" width="80%"></Echart>
3 </template> 3 </template>
4 <script> 4 <script>
5 import Echart from '@/common/echart' 5 import Echart from '@/common/echart'
...@@ -7,6 +7,11 @@ export default { ...@@ -7,6 +7,11 @@ export default {
7 components: { 7 components: {
8 Echart, 8 Echart,
9 }, 9 },
10 data() {
11 return {
12 key:0
13 }
14 },
10 props: { 15 props: {
11 cdata: { 16 cdata: {
12 type: Object, 17 type: Object,
...@@ -16,11 +21,11 @@ export default { ...@@ -16,11 +21,11 @@ export default {
16 watch: { 21 watch: {
17 cdata: { 22 cdata: {
18 handler (newData) { 23 handler (newData) {
24 console.log("newData",newData);
19 this.options = { 25 this.options = {
20 grid: { 26 grid: {
21 // 让图表占满容器 27 right:"1%",
22 top: 20, 28 bottom:"4%"
23 right: 0,
24 }, 29 },
25 color: [ 30 color: [
26 "#37a2da", 31 "#37a2da",
...@@ -44,12 +49,14 @@ export default { ...@@ -44,12 +49,14 @@ export default {
44 { 49 {
45 name: "业务量", 50 name: "业务量",
46 type: "pie", 51 type: "pie",
47 radius: [0, 80], 52 radius: [40,100],
48 roseType: "area", 53 roseType: "area",
49 data: newData.seriesData 54 data: newData.seriesData
50 } 55 }
51 ] 56 ],
57
52 } 58 }
59 this.key++
53 }, 60 },
54 immediate: true, 61 immediate: true,
55 deep: true 62 deep: true
...@@ -60,6 +67,7 @@ export default { ...@@ -60,6 +67,7 @@ export default {
60 67
61 <style lang="scss" scoped> 68 <style lang="scss" scoped>
62 #centreLeft1Chart { 69 #centreLeft1Chart {
63 margin-left: -20px; 70 margin-bottom: 10px;
71 margin-left: 60px;
64 } 72 }
65 </style> 73 </style>
......
1 <template> 1 <template>
2 <div> 2 <div>
3 <Chart :cdata="cdata" /> 3 <Chart :cdata="cdata" />
4 <el-carousel height="40px" indicator-position="none">
5 <el-carousel-item v-for="item in 4" :key="item">
6 <div class="rotograph">佛坪县</div>
7 </el-carousel-item>
8 </el-carousel>
9 </div> 4 </div>
10 </template> 5 </template>
11 6
...@@ -29,6 +24,7 @@ export default { ...@@ -29,6 +24,7 @@ export default {
29 24
30 }, 25 },
31 methods: { 26 methods: {
27 // 获取登记业务量玫瑰图数据
32 async getdjywltotal () { 28 async getdjywltotal () {
33 try { 29 try {
34 let p = { 30 let p = {
...@@ -38,14 +34,14 @@ export default { ...@@ -38,14 +34,14 @@ export default {
38 }; 34 };
39 let res = await work.getdjywltotal(p); 35 let res = await work.getdjywltotal(p);
40 console.log("res",res); 36 console.log("res",res);
41 res.result.filter((item) => { 37 // 遍历修改数组键，作为echars图表的参数
38 res.result.map((item) => {
42 return ( 39 return (
43 this.cdata.seriesData.push({ "name": item.AREACODE, "value": item.ywtotal }) 40 this.cdata.seriesData.push({ "name": item.AREACODE, "value": item.ywtotal })
44 ) 41 )
45 }); 42 });
46 console.log("this.cdata.seriesData",this.cdata.seriesData);
47 } catch (error) { 43 } catch (error) {
48 this.$refs.msg.messageShow(); 44 console.log(error);
49 } 45 }
50 46
51 47
...@@ -55,16 +51,4 @@ export default { ...@@ -55,16 +51,4 @@ export default {
55 </script> 51 </script>
56 52
57 <style lang="scss" scoped> 53 <style lang="scss" scoped>
58 .rotograph {
59 margin: auto;
60 width: 200px;
61 height: 30px;
62 background-color: rgb(6, 121, 167);
63 font-size: 20px;
64 line-height: 30px;
65 text-align: center;
66 border-radius: 6px;
67 font-weight: 600;
68 color: #02d9fd;
69 }
70 </style> 54 </style>
......
1 <template> 1 <template>
2 <!-- 编辑 --> 2 <!-- 编辑 -->
3 <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" custom-class="dialogBox editDialogBox mainCenter" 3 <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog"
4 :visible.sync="dialogVisible" width="85%"> 4 custom-class="dialogBox editDialogBox mainCenter" :visible.sync="dialogVisible" width="85%">
5 <div slot="title" class="dialog_title" ref="dialogTitle"> 5 <div slot="title" class="dialog_title" ref="dialogTitle">
6 <b>{{ title || '标题' }}</b> 6 {{ title || '标题' }}
7 </div> 7 </div>
8 <div class="editDialogBox-box">
8 <el-tabs v-model="titleName" type="card" @tab-click="handleTitleTab"> 9 <el-tabs v-model="titleName" type="card" @tab-click="handleTitleTab">
9 <el-tab-pane label="数据模型" name="sjmx"></el-tab-pane> 10 <el-tab-pane label="数据模型" name="sjmx"></el-tab-pane>
10 <el-tab-pane v-if="visiableXml" label="xml报文" name="xml"></el-tab-pane> 11 <el-tab-pane v-if="visiableXml" label="xml报文" name="xml"></el-tab-pane>
11 <el-tab-pane v-if="visiableXml" label="响应结果" name="xyjg"></el-tab-pane> 12 <el-tab-pane v-if="visiableXml" label="响应结果" name="xyjg"></el-tab-pane>
12 </el-tabs> 13 </el-tabs>
13 <div v-if="titleName == 'sjmx'" class="sjmx"> 14 <div class="dialog-from" v-if="titleName == 'sjmx'">
14 <div class="dialog-from">
15 <el-row> 15 <el-row>
16 <el-col :span="5"> 16 <el-col :span="5">
17 <span>业务报文ID：</span> 17 <span>业务报文ID：</span>
18 <div>{{ dataReport.BizMsgId }}</div> 18 <p>{{ dataReport.BizMsgId }}</p>
19 </el-col> 19 </el-col>
20 <el-col :span="7"> 20 <el-col :span="7">
21 <span>接入报文ID：</span> 21 <span>接入报文ID：</span>
22 <div>{{ dataReport.ASID }}</div> 22 <p>{{ dataReport.ASID }}</p>
23 </el-col> 23 </el-col>
24 <el-col :span="5"> 24 <el-col :span="5">
25 <span>行政区划编码：</span> 25 <span>行政区划编码：</span>
26 <div>{{ dataReport.AreaCode }}</div> 26 <p>{{ dataReport.AreaCode }}</p>
27 </el-col> 27 </el-col>
28 <el-col :span="7"> 28 <el-col :span="7">
29 <span>上次不动产单元号：</span> 29 <span>上次不动产单元号：</span>
30 <div>{{ dataReport.PreEstateNum }}</div> 30 <p>{{ dataReport.PreEstateNum }}</p>
31 </el-col> 31 </el-col>
32 </el-row> 32 </el-row>
33 <el-row> 33 <el-row>
34 <el-col :span="5"> 34 <el-col :span="5">
35 <span>业务编码：</span> 35 <span>业务编码：</span>
36 <div>{{ dataReport.RecType }}</div> 36 <p>{{ dataReport.RecType }}</p>
37 </el-col> 37 </el-col>
38 <el-col :span="7"> 38 <el-col :span="7">
39 <span>权利类型：</span> 39 <span>权利类型：</span>
40 <div>{{ dataReport.RightType }}</div> 40 <p>{{ dataReport.RightType }}</p>
41 </el-col> 41 </el-col>
42 <el-col :span="5"> 42 <el-col :span="5">
43 <span>登记类型：</span> 43 <span>登记类型：</span>
44 <div>{{ dataReport.RegType }}</div> 44 <p>{{ dataReport.RegType }}</p>
45 </el-col> 45 </el-col>
46 <el-col :span="7"> 46 <el-col :span="7">
47 <span>不动产权证书数量：</span> 47 <span>不动产权证书数量：</span>
48 <div>{{ dataReport.CertCount }}</div> 48 <p>{{ dataReport.CertCount }}</p>
49 </el-col> 49 </el-col>
50 </el-row> 50 </el-row>
51 <el-row> 51 <el-row>
52 <el-col :span="5"> 52 <el-col :span="5">
53 <span>创建时间：</span> 53 <span>创建时间：</span>
54 <div>{{ dataReport.createDate }}</div> 54 <p>{{ dataReport.createDate }}</p>
55 </el-col> 55 </el-col>
56 <el-col :span="7"> 56 <el-col :span="7">
57 <span>业务流水号：</span> 57 <span>业务流水号：</span>
58 <div>{{ dataReport.RecFlowID }}</div> 58 <p>{{ dataReport.RecFlowID }}</p>
59 </el-col> 59 </el-col>
60 <el-col :span="5"> 60 <el-col :span="5">
61 <span>登记机构：</span> 61 <span>登记机构：</span>
62 <div>{{ dataReport.RegOrgID }}</div> 62 <p>{{ dataReport.RegOrgID }}</p>
63 </el-col> 63 </el-col>
64 <el-col :span="7"> 64 <el-col :span="7">
65 <span>证明数量：</span> 65 <span>证明数量：</span>
66 <div>{{ dataReport.ProofCount }}</div> 66 <p>{{ dataReport.ProofCount }}</p>
67 </el-col> 67 </el-col>
68 </el-row> 68 </el-row>
69 <el-row> 69 <el-row>
70 <el-col :span="5"> 70 <el-col :span="5">
71 <span>宗地/宗海代码：</span> 71 <span>宗地/宗海代码：</span>
72 <div>{{ dataReport.ParcelID }}</div> 72 <p>{{ dataReport.ParcelID }}</p>
73 </el-col> 73 </el-col>
74 <el-col :span="7"> 74 <el-col :span="7">
75 <span>不动产单元号：</span> 75 <span>不动产单元号：</span>
76 <div>{{ dataReport.EstateNum }}</div> 76 <p>{{ dataReport.EstateNum }}</p>
77 </el-col> 77 </el-col>
78 <el-col :span="10"> 78 <el-col :span="11">
79 <span>上次不动产权证号/不动产登记证明：</span> 79 <span>上次不动产权证号/不动产登记证明：</span>
80 <div>{{ dataReport.PreCertID }}</div> 80 <p>{{ dataReport.PreCertID }}</p>
81 </el-col> 81 </el-col>
82 </el-row> 82 </el-row>
83 <!-- <el-row>
84 <el-col :span="24">
85 <span>数字签名：</span>
86 <div>{{ dataReport.digitalsign }}</div>
87 </el-col>
88 </el-row> -->
89 </div> 83 </div>
84 </div>
85 <div class="editDialogBox-box">
86 <div v-if="titleName == 'sjmx'" class="sjmx">
90 <el-tabs v-model="activeName" ref="elTabs" type="card" @tab-click="changeList"> 87 <el-tabs v-model="activeName" ref="elTabs" type="card" @tab-click="changeList">
91 <el-tab-pane :name="item.soleurl" v-for="item in headerList" :key="item.soleurl"> 88 <el-tab-pane :name="item.soleurl" v-for="item in headerList" :key="item.soleurl">
92 <div slot="label" class="tab-pane-item"> 89 <div slot="label" class="tab-pane-item">
...@@ -104,6 +101,7 @@ ...@@ -104,6 +101,7 @@
104 <Xyjg :form-data='dataReport'></Xyjg> 101 <Xyjg :form-data='dataReport'></Xyjg>
105 </div> 102 </div>
106 <JsonEditor :resultInfo="resultInfo" v-if="titleName == 'xml'" /> 103 <JsonEditor :resultInfo="resultInfo" v-if="titleName == 'xml'" />
104 </div>
107 </el-dialog> 105 </el-dialog>
108 </template> 106 </template>
109 107
...@@ -111,7 +109,7 @@ ...@@ -111,7 +109,7 @@
111 import { mapGetters } from "vuex"; 109 import { mapGetters } from "vuex";
112 import JsonEditor from "@/components/JsonEditor.vue"; 110 import JsonEditor from "@/components/JsonEditor.vue";
113 import Xyjg from "./Result"; 111 import Xyjg from "./Result";
114 import { getTabsDetail, getXml,getReportDetail } from "@/api/dataReport.js"; 112 import { getTabsDetail, getXml, getReportDetail } from "@/api/dataReport.js";
115 import { MessageBox } from "element-ui"; 113 import { MessageBox } from "element-ui";
116 export default { 114 export default {
117 components: { JsonEditor, Xyjg }, 115 components: { JsonEditor, Xyjg },
...@@ -187,7 +185,7 @@ export default { ...@@ -187,7 +185,7 @@ export default {
187 } 185 }
188 }); 186 });
189 //不动产数据查询上报详情 187 //不动产数据查询上报详情
190 getReportDetail({bsmReport:item.bsmSjsb || item.bsmReport}).then((res) => { 188 getReportDetail({ bsmReport: item.bsmSjsb || item.bsmReport }).then((res) => {
191 if (res.code == 200) { 189 if (res.code == 200) {
192 this.dataReport = res.result; 190 this.dataReport = res.result;
193 } 191 }
...@@ -278,15 +276,17 @@ export default { ...@@ -278,15 +276,17 @@ export default {
278 276
279 .editForm { 277 .editForm {
280 /deep/.el-textarea__inner { 278 /deep/.el-textarea__inner {
281 border: none !important; 279 border: 1px solid #224C7C !important;
282 margin: 0 !important; 280 margin: 0 0 10px 0 !important;
283 width: 100% !important; 281 width: 100% !important;
282 background: transparent !important;
284 } 283 }
285 284
286 /deep/.el-input__inner { 285 /deep/.el-input__inner {
287 border: none !important; 286 border: 1px solid #224C7C !important;
288 margin: 0 !important; 287 margin: 0 !important;
289 width: 100% !important; 288 width: 100% !important;
289 background: transparent !important;
290 } 290 }
291 } 291 }
292 292
...@@ -296,7 +296,6 @@ export default { ...@@ -296,7 +296,6 @@ export default {
296 } 296 }
297 297
298 /deep/ .el-tabs { 298 /deep/ .el-tabs {
299 margin: 0 15px 0 15px;
300 color: #CEF8FF; 299 color: #CEF8FF;
301 } 300 }
302 301
...@@ -321,7 +320,8 @@ export default { ...@@ -321,7 +320,8 @@ export default {
321 .obligee-item-name { 320 .obligee-item-name {
322 background: #05275B; 321 background: #05275B;
323 color: #FFFFFF; 322 color: #FFFFFF;
324 border: 1px solid #6BC1FC; 323 background: url("~@/image/itembg.png") no-repeat;
324 background-size: 100% 100%;
325 } 325 }
326 326
327 /deep/.el-tabs__nav-scroll { 327 /deep/.el-tabs__nav-scroll {
...@@ -341,6 +341,7 @@ export default { ...@@ -341,6 +341,7 @@ export default {
341 341
342 /deep/.el-tabs__header { 342 /deep/.el-tabs__header {
343 border: none; 343 border: none;
344 margin-bottom: 0;
344 } 345 }
345 346
346 /deep/.el-tabs__item.is-top:not(:last-child) { 347 /deep/.el-tabs__item.is-top:not(:last-child) {
...@@ -388,11 +389,14 @@ export default { ...@@ -388,11 +389,14 @@ export default {
388 height: 825px !important; 389 height: 825px !important;
389 390
390 .dialog-from { 391 .dialog-from {
391 padding: 15px; 392 padding: 13px;
392 background: #08346F;
393 border-radius: 2px; 393 border-radius: 2px;
394 box-sizing: border-box; 394 box-sizing: border-box;
395 margin: -3px 15px 15px 15px; 395
396 .el-row {
397 display: flex;
398 flex-wrap: nowrap;
399 }
396 400
397 .el-col { 401 .el-col {
398 line-height: 18px; 402 line-height: 18px;
...@@ -400,19 +404,22 @@ export default { ...@@ -400,19 +404,22 @@ export default {
400 align-items: center; 404 align-items: center;
401 margin-bottom: 3px; 405 margin-bottom: 3px;
402 color: #B5D6DC; 406 color: #B5D6DC;
407 border-radius: 2px;
408 border: 1px solid #224C7C;
409 margin: 5px;
403 410
404 span { 411 span {
405 display: inline-block; 412 display: inline-block;
406 padding: 3px; 413 padding: 3px;
407 border-radius: 3px; 414 border-radius: 3px;
408 overflow: hidden; 415 overflow: hidden;
409 min-width: 140px; 416 width: 100px;
410 text-align: right; 417 white-space: nowrap;
411 margin-right: 5px; 418 text-align: left;
412 color: #02D9FD; 419 color: #02D9FD;
413 } 420 }
414 421
415 div { 422 p {
416 flex: 1; 423 flex: 1;
417 width: 100%; 424 width: 100%;
418 padding-left: 5px; 425 padding-left: 5px;
...@@ -420,6 +427,7 @@ export default { ...@@ -420,6 +427,7 @@ export default {
420 color: #c0c4cc; 427 color: #c0c4cc;
421 cursor: not-allowed; 428 cursor: not-allowed;
422 margin-right: 5px; 429 margin-right: 5px;
430 text-align: right;
423 } 431 }
424 } 432 }
425 } 433 }
...@@ -427,17 +435,17 @@ export default { ...@@ -427,17 +435,17 @@ export default {
427 .dialog_title { 435 .dialog_title {
428 display: flex; 436 display: flex;
429 position: relative; 437 position: relative;
430 top: -2px; 438 font-size: 24px;
431 439 top: -11px;
432 b { 440 width: 38%;
433 flex: 1; 441 height: 40px;
434 width: 100%; 442 margin-left: 28px;
435 @flex-center(); 443 justify-content: center;
436 }
437 } 444 }
438 445
439 .el-dialog__header { 446 .el-dialog__header {
440 height: 50px; 447 display: flex;
448 margin-bottom: 15px;
441 } 449 }
442 450
443 .dialog_footer { 451 .dialog_footer {
......
1 <template> 1 <template>
2 <div> 2 <div>
3 <i class="icon-tubiao-242 iconfont" :title="title" @click="openDialog" /> 3 <i class="icon-tubiao-242 iconfont" :title="title" @click="openDialog" />
4 <el-dialog 4 <el-dialog :key="key" :title="title" :inner-dialog="true" :visible.sync="dialogVisible" width="600px"
5 :key="key" 5 :close-on-click-modal="false" append-to-body @cancel="cancel">
6 :title="title" 6 <vue-json-editor id="minejson" v-model="resultInfo" :mode="'code'" lang="zh" @json-change="onJsonChange"
7 :inner-dialog="true" 7 @json-save="onJsonSave" @has-error="onError" />
8 :visible.sync="dialogVisible" 8 <el-tooltip content="全屏缩放" effect="dark" placement="bottom" fullscreen class="fullScreen">
9 width="600px"
10 :close-on-click-modal="false"
11 append-to-body
12 @cancel="cancel"
13 >
14 <vue-json-editor
15 id="minejson"
16 v-model="resultInfo"
17 :mode="'code'"
18 lang="zh"
19 @json-change="onJsonChange"
20 @json-save="onJsonSave"
21 @has-error="onError"
22 />
23 <el-tooltip
24 content="全屏缩放"
25 effect="dark"
26 placement="bottom"
27 fullscreen
28 class="fullScreen"
29 >
30 <i class="el-icon-full-screen" @click="enLarge" /> 9 <i class="el-icon-full-screen" @click="enLarge" />
31 </el-tooltip> 10 </el-tooltip>
32 <template slot="footer"> 11 <template slot="footer">
33 <div class="dialog-footer flex flex-pack-center"> 12 <div class="dialog-footer flex flex-pack-center">
34 <el-button 13 <el-button type="primary" class="confirmBtn" @click="onJsonSave">保存</el-button>
35 type="primary" 14 <el-button type="primary" class="cancelBtn" @click="cancel">关闭</el-button>
36 class="confirmBtn"
37 @click="onJsonSave"
38 >保存</el-button>
39 <el-button
40 type="primary"
41 class="cancelBtn"
42 @click="cancel"
43 >关闭</el-button>
44 </div> 15 </div>
45 </template> 16 </template>
46 </el-dialog> 17 </el-dialog>
...@@ -62,7 +33,7 @@ export default { ...@@ -62,7 +33,7 @@ export default {
62 default: '' 33 default: ''
63 } 34 }
64 }, 35 },
65 data() { 36 data () {
66 return { 37 return {
67 activeNames: [], 38 activeNames: [],
68 resultInfo: {}, 39 resultInfo: {},
...@@ -75,7 +46,7 @@ export default { ...@@ -75,7 +46,7 @@ export default {
75 }, 46 },
76 watch: { 47 watch: {
77 resultInfos: { 48 resultInfos: {
78 handler: function(val) { 49 handler: function (val) {
79 ++this.key 50 ++this.key
80 this.resultInfo = 51 this.resultInfo =
81 this.resultInfos === '' ? {} : JSON.parse(this.resultInfos) 52 this.resultInfos === '' ? {} : JSON.parse(this.resultInfos)
...@@ -86,17 +57,17 @@ export default { ...@@ -86,17 +57,17 @@ export default {
86 } 57 }
87 }, 58 },
88 59
89 mounted() { 60 mounted () {
90 this.resultInfo = 61 this.resultInfo =
91 this.resultInfos === '' ? {} : JSON.parse(this.resultInfos) 62 this.resultInfos === '' ? {} : JSON.parse(this.resultInfos)
92 }, 63 },
93 64
94 methods: { 65 methods: {
95 onJsonChange(value) { 66 onJsonChange (value) {
96 // 只有在格式正确的时候进入此事件 67 // 只有在格式正确的时候进入此事件
97 this.hasJsonFlag = true 68 this.hasJsonFlag = true
98 }, 69 },
99 onJsonSave() { 70 onJsonSave () {
100 const value = this.resultInfo 71 const value = this.resultInfo
101 console.log(this.resultInfo, 'resultInfo') 72 console.log(this.resultInfo, 'resultInfo')
102 if (this.hasJsonFlag === false) { 73 if (this.hasJsonFlag === false) {
...@@ -109,19 +80,19 @@ export default { ...@@ -109,19 +80,19 @@ export default {
109 return true 80 return true
110 } 81 }
111 }, 82 },
112 onError(value) { 83 onError (value) {
113 this.hasJsonFlag = false 84 this.hasJsonFlag = false
114 }, 85 },
115 openDialog() { 86 openDialog () {
116 this.dialogVisible = true 87 this.dialogVisible = true
117 }, 88 },
118 cancel() { 89 cancel () {
119 console.log(this.tmpResultInfo, 'tmpResultInfo') 90 console.log(this.tmpResultInfo, 'tmpResultInfo')
120 this.resultInfo = this.tmpResultInfo 91 this.resultInfo = this.tmpResultInfo
121 this.dialogVisible = false 92 this.dialogVisible = false
122 }, 93 },
123 // 放大 94 // 放大
124 enLarge() { 95 enLarge () {
125 const fullarea = document.getElementById('minejson') 96 const fullarea = document.getElementById('minejson')
126 if (fullarea.requestFullscreen) { 97 if (fullarea.requestFullscreen) {
127 fullarea.requestFullscreen() 98 fullarea.requestFullscreen()
...@@ -146,9 +117,11 @@ export default { ...@@ -146,9 +117,11 @@ export default {
146 top: 1px; 117 top: 1px;
147 color: #349af3; 118 color: #349af3;
148 } 119 }
120
149 ::v-deep .jsoneditor-vue { 121 ::v-deep .jsoneditor-vue {
150 height: 100%; 122 height: 100%;
151 } 123 }
124
152 .fullScreen { 125 .fullScreen {
153 position: absolute; 126 position: absolute;
154 right: 5%; 127 right: 5%;
...@@ -156,22 +129,28 @@ export default { ...@@ -156,22 +129,28 @@ export default {
156 cursor: pointer; 129 cursor: pointer;
157 color: #fff; 130 color: #fff;
158 } 131 }
132
159 ::v-deep .jsoneditor-modes { 133 ::v-deep .jsoneditor-modes {
160 display: none !important; 134 display: none !important;
161 } 135 }
136
162 .jsoneditor-poweredBy { 137 .jsoneditor-poweredBy {
163 display: none !important; 138 display: none !important;
164 } 139 }
140
165 .jsoneditor-menu { 141 .jsoneditor-menu {
166 background-color: #9c9e9f !important; 142 background-color: #9c9e9f !important;
167 border-bottom: 1px solid #9c9e9f !important; 143 border-bottom: 1px solid #9c9e9f !important;
168 } 144 }
145
169 .jsoneditor { 146 .jsoneditor {
170 border: 1px solid #9c9e9f !important; 147 border: 1px solid #9c9e9f !important;
171 } 148 }
149
172 .el-collapse { 150 .el-collapse {
173 border: 0; 151 border: 0;
174 } 152 }
153
175 .el-collapse-item__header { 154 .el-collapse-item__header {
176 height: 44px; 155 height: 44px;
177 } 156 }
......
...@@ -74,7 +74,7 @@ export default { ...@@ -74,7 +74,7 @@ export default {
74 }, 74 },
75 heightNum: { 75 heightNum: {
76 type: Number, 76 type: Number,
77 default: 345, 77 default: 355,
78 }, 78 },
79 maxHeight: { 79 maxHeight: {
80 type: Number, 80 type: Number,
...@@ -99,7 +99,7 @@ export default { ...@@ -99,7 +99,7 @@ export default {
99 }, 99 },
100 data () { 100 data () {
101 return { 101 return {
102 tableHeight: '', 102 tableHeight: 'auto',
103 mergeLine: {}, 103 mergeLine: {},
104 mergeIndex: {}, 104 mergeIndex: {},
105 selected: '' 105 selected: ''
...@@ -115,7 +115,6 @@ export default { ...@@ -115,7 +115,6 @@ export default {
115 }, 115 },
116 }, 116 },
117 methods: { 117 methods: {
118
119 // 单选 118 // 单选
120 singleElection (row) { 119 singleElection (row) {
121 this.selected = this.data.indexOf(row); 120 this.selected = this.data.indexOf(row);
...@@ -128,8 +127,37 @@ export default { ...@@ -128,8 +127,37 @@ export default {
128 }, 127 },
129 getHeight () { 128 getHeight () {
130 if (!this.heightNumSetting) { 129 if (!this.heightNumSetting) {
131 this.tableHeight = window.innerHeight - this.heightNum 130 let _this = this
131 if (this.heightNum) {
132 _this.$nextTick(() => {
133 window.addEventListener('resize', () => {
134 _this.tableHeight = _this.calcHeightx(230)
135 });
136 _this.tableHeight = _this.calcHeightx(230)
137 })
138 } else {
139 _this.tableHeight = window.innerHeight - _this.heightNum
140 }
141 }
142 },
143 calcHeightx (value, wappered = true) {
144 //项目自定义的公共header部分的高度，可忽略
145 let header = document.querySelector(".from-clues-header").offsetHeight;
146 //value为动态计算table界面高度时，减去的其他空白部分，需自行在调试找到临界值，剩下的就是table表格的高度（包含header+body部分）
147 value = value == undefined ? 100 : value;
148 let res = window.innerHeight - parseInt(header) - value;
149 if (wappered) {
150 //通过原生方法，获取dom节点的高度------获取element-ui table表格body的元素
151 let wapper = window.document.getElementsByClassName('el-table__body-wrapper');
152 //通过原生方法，获取dom节点的高度------获取element-ui table表格header的元素
153 let header = window.document.getElementsByClassName('el-table__header-wrapper');
154 //必须加延时，要不然赋不上去值
155 setTimeout(() => {
156 //通过上边计算得到的table高度的value值，减去table表格的header高度，剩下的通过dom节点直接强行赋给table表格的body
157 wapper[0].style.height = (value - header[0].clientHeight)
158 }, 100)
132 } 159 }
160 return res;
133 }, 161 },
134 clearSelection () { 162 clearSelection () {
135 this.$refs.elTable.clearSelection() 163 this.$refs.elTable.clearSelection()
......

798 KB | W: | H:

764 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

3.32 KB | W: | H:

5.95 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

33.8 KB | W: | H:

37.1 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

12.8 KB | W: | H:

37.7 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

1.52 KB | W: | H:

1.38 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
1 <template> 1 <template>
2 <section class="app-main"> 2 <section class="app-main">
3 <!-- <Breadcrumb v-if="judgeRoute()" /> -->
4 <transition name="fade-transform" mode="out-in"> 3 <transition name="fade-transform" mode="out-in">
5 <router-view /> 4 <router-view />
6 </transition> 5 </transition>
7 </section> 6 </section>
8 </template> 7 </template>
9 <script> 8 <script>
10 import Breadcrumb from "@/components/Breadcrumb.vue"; 9
11 export default { 10 export default {
12 name: 'AppMain', 11 name: 'AppMain',
13 components: {
14 Breadcrumb
15 },
16 methods: {
17 judgeRoute(){
18 if (this.$route.path == '/home' || this.$route.path.indexOf('jsbwcx') > -1) {
19 return false
20 }else{
21 return true
22 }
23 }
24 },
25 computed: { 12 computed: {
26 key () { 13 key () {
27 return this.$route.path 14 return this.$route.path
......
...@@ -79,7 +79,8 @@ export default { ...@@ -79,7 +79,8 @@ export default {
79 .xuanzhong { 79 .xuanzhong {
80 background: url('~@/image/selNavbar.png') no-repeat; 80 background: url('~@/image/selNavbar.png') no-repeat;
81 background-size: 100% 100%; 81 background-size: 100% 100%;
82 color: #09C39A !important; 82 color: #FFFFFF !important;
83 font-weight: 700;
83 } 84 }
84 85
85 /deep/.el-menu-item:hover { 86 /deep/.el-menu-item:hover {
......
...@@ -36,6 +36,7 @@ export default { ...@@ -36,6 +36,7 @@ export default {
36 position: relative; 36 position: relative;
37 height: 100%; 37 height: 100%;
38 width: 100%; 38 width: 100%;
39 min-width: 1280px;
39 background: url('~@/image/bg.png') no-repeat; 40 background: url('~@/image/bg.png') no-repeat;
40 background-size: 100% 100%; 41 background-size: 100% 100%;
41 padding: 12px; 42 padding: 12px;
...@@ -48,6 +49,7 @@ export default { ...@@ -48,6 +49,7 @@ export default {
48 } 49 }
49 50
50 .appMain { 51 .appMain {
52 min-width: 1290px;
51 height: calc(100vh - 101px) !important; 53 height: calc(100vh - 101px) !important;
52 box-sizing: border-box; 54 box-sizing: border-box;
53 55
......
...@@ -2,7 +2,7 @@ const state = { ...@@ -2,7 +2,7 @@ const state = {
2 rules: {}, 2 rules: {},
3 initRules: {}, 3 initRules: {},
4 subRules: {}, 4 subRules: {},
5 Edit: false 5 Edit: true
6 } 6 }
7 7
8 const mutations = { 8 const mutations = {
...@@ -30,13 +30,13 @@ const actions = { ...@@ -30,13 +30,13 @@ const actions = {
30 setInitRules ({ commit }, data) { 30 setInitRules ({ commit }, data) {
31 commit('SET_INITRULES', data) 31 commit('SET_INITRULES', data)
32 }, 32 },
33 setSubRules({ commit }, data) { 33 setSubRules ({ commit }, data) {
34 commit('SET_SUBRULES', data) 34 commit('SET_SUBRULES', data)
35 }, 35 },
36 setEdit({ commit }) { 36 setEdit ({ commit }) {
37 commit('SET_EDIT') 37 commit('SET_EDIT')
38 }, 38 },
39 setReportLogEdit({ commit }) { 39 setReportLogEdit ({ commit }) {
40 commit('SET_REPORTEDIT') 40 commit('SET_REPORTEDIT')
41 } 41 }
42 } 42 }
......
...@@ -35,6 +35,14 @@ ...@@ -35,6 +35,14 @@
35 .dialogBox-content { 35 .dialogBox-content {
36 height: auto 36 height: auto
37 } 37 }
38
39 .editDialogBox-box {
40 background: #031A46;
41 box-shadow: inset 0px 0px 12px 0px #02D9FD;
42 border-radius: 2px;
43 border: 1px solid #6BC1FC;
44 margin: 0 18px 15px 18px;
45 }
38 } 46 }
39 47
40 .dialog_title { 48 .dialog_title {
...@@ -57,13 +65,18 @@ ...@@ -57,13 +65,18 @@
57 padding-bottom: 0; 65 padding-bottom: 0;
58 } 66 }
59 67
60 .el-dialog__headerbtn .el-dialog__close { 68 .el-dialog__headerbtn {
61 color: #FFFFFF !important; 69 width: 42px;
62 position: relative; 70 height: 20px;
63 top: -2px; 71 background: url("~@/image/closebg.png") no-repeat;
64 right: 15px 72 background-size: 100% 100%;
73 right: 40px;
74 top: 33px;
65 } 75 }
66 76
77 .el-dialog__close {
78 font-size: 0;
79 }
67 80
68 .el-form-item { 81 .el-form-item {
69 @include flex; 82 @include flex;
...@@ -88,8 +101,9 @@ ...@@ -88,8 +101,9 @@
88 top: 50%; 101 top: 50%;
89 left: 50%; 102 left: 50%;
90 transform: translate(-50%, -50%); 103 transform: translate(-50%, -50%);
104
91 // 展开收起按钮位置 105 // 展开收起按钮位置
92 .el-input__suffix{ 106 .el-input__suffix {
93 right: 10px; 107 right: 10px;
94 } 108 }
95 } 109 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -66,7 +66,8 @@ ...@@ -66,7 +66,8 @@
66 // refine element ui upload 66 // refine element ui upload
67 .el-input.is-disabled .el-input__inner { 67 .el-input.is-disabled .el-input__inner {
68 color: #FFFFFF !important; 68 color: #FFFFFF !important;
69 background-color: transparent !important; 69 // background-color: transparent !important;
70 border: 1px solid #224C7C !important;
70 } 71 }
71 72
72 .upload-container { 73 .upload-container {
...@@ -179,13 +180,13 @@ table th { ...@@ -179,13 +180,13 @@ table th {
179 border-bottom: none !important; 180 border-bottom: none !important;
180 } 181 }
181 182
182 .el-table__body { 183 // .el-table__body {
183 -webkit-border-vertical-spacing: 6px !important; // 垂直间距 184 // -webkit-border-vertical-spacing: 6px !important; // 垂直间距
184 } 185 // }
185 186
186 table td { 187 table td {
187 box-sizing: border-box; 188 box-sizing: border-box;
188 border-bottom: none !important; 189 border-bottom: 1px solid #458ACF !important;
189 } 190 }
190 191
191 //去掉最下面的那一条线 192 //去掉最下面的那一条线
...@@ -214,6 +215,15 @@ table td { ...@@ -214,6 +215,15 @@ table td {
214 color: #4A4A4A; 215 color: #4A4A4A;
215 } 216 }
216 217
218 .twoLineCls {
219 text-overflow: -o-ellipsis-lastline;
220 overflow: hidden;
221 text-overflow: ellipsis;
222 display: -webkit-box;
223 -webkit-line-clamp: 2;
224 line-clamp: 2;
225 -webkit-box-orient: vertical;
226 }
217 227
218 .el-table tr td { 228 .el-table tr td {
219 font-size: 14px; 229 font-size: 14px;
...@@ -426,11 +436,17 @@ table td { ...@@ -426,11 +436,17 @@ table td {
426 .el-select-dropdown__item, 436 .el-select-dropdown__item,
427 .el-menu--horizontal .el-menu .el-submenu__title { 437 .el-menu--horizontal .el-menu .el-submenu__title {
428 background: url("~@/image/slitembg.png") no-repeat; 438 background: url("~@/image/slitembg.png") no-repeat;
439 height: 26px;
440 line-height: 26px;
429 background-size: 100% 100%; 441 background-size: 100% 100%;
430 margin: 5px 0; 442 margin-bottom: 7px;
431 color: #02D9FD !important; 443 color: #02D9FD !important;
432 } 444 }
433 445
446 .el-select-dropdown {
447 top: 203px !important;
448 }
449
434 .el-menu--horizontal .el-menu--popup .el-menu-item:not(.is-disabled):hover, 450 .el-menu--horizontal .el-menu--popup .el-menu-item:not(.is-disabled):hover,
435 .el-select-dropdown__item:hover, 451 .el-select-dropdown__item:hover,
436 .el-select-dropdown__item.selected, 452 .el-select-dropdown__item.selected,
...@@ -440,3 +456,8 @@ table td { ...@@ -440,3 +456,8 @@ table td {
440 color: #FFFFFF !important; 456 color: #FFFFFF !important;
441 font-weight: 700; 457 font-weight: 700;
442 } 458 }
459
460 .el-select-dropdown__item.hover,
461 .el-select-dropdown__item:hover {
462 background-color: transparent !important;
463 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -7,36 +7,43 @@ ...@@ -7,36 +7,43 @@
7 max-height: 100%; 7 max-height: 100%;
8 overflow-y: scroll; 8 overflow-y: scroll;
9 } 9 }
10
10 .panel-tab__title { 11 .panel-tab__title {
11 font-weight: 600; 12 font-weight: 600;
12 padding: 0 8px; 13 padding: 0 8px;
13 font-size: 1.1em; 14 font-size: 1.1em;
14 line-height: 1.2em; 15 line-height: 1.2em;
16
15 i { 17 i {
16 margin-right: 8px; 18 margin-right: 8px;
17 font-size: 1.2em; 19 font-size: 1.2em;
18 } 20 }
19 } 21 }
22
20 .panel-tab__content { 23 .panel-tab__content {
21 width: 100%; 24 width: 100%;
22 box-sizing: border-box; 25 box-sizing: border-box;
23 border-top: 1px solid #eeeeee; 26 border-top: 1px solid #eeeeee;
24 padding: 8px 16px; 27 padding: 8px 16px;
28
25 .panel-tab__content--title { 29 .panel-tab__content--title {
26 display: flex; 30 display: flex;
27 justify-content: space-between; 31 justify-content: space-between;
28 padding-bottom: 8px; 32 padding-bottom: 8px;
33
29 span { 34 span {
30 flex: 1; 35 flex: 1;
31 text-align: left; 36 text-align: left;
32 } 37 }
33 } 38 }
34 } 39 }
40
35 .element-property { 41 .element-property {
36 width: 100%; 42 width: 100%;
37 display: flex; 43 display: flex;
38 align-items: flex-start; 44 align-items: flex-start;
39 margin: 8px 0; 45 margin: 8px 0;
46
40 .element-property__label { 47 .element-property__label {
41 display: block; 48 display: block;
42 width: 90px; 49 width: 90px;
...@@ -47,64 +54,72 @@ ...@@ -47,64 +54,72 @@
47 font-size: 14px; 54 font-size: 14px;
48 box-sizing: border-box; 55 box-sizing: border-box;
49 } 56 }
57
50 .element-property__value { 58 .element-property__value {
51 flex: 1; 59 flex: 1;
52 line-height: 32px; 60 line-height: 32px;
53 } 61 }
62
54 .el-form-item { 63 .el-form-item {
55 width: 100%; 64 width: 100%;
56 margin-bottom: 0; 65 margin-bottom: 0;
57 padding-bottom: 18px; 66 padding-bottom: 18px;
58 } 67 }
59 } 68 }
69
60 .list-property { 70 .list-property {
61 flex-direction: column; 71 flex-direction: column;
72
62 .element-listener-item { 73 .element-listener-item {
63 width: 100%; 74 width: 100%;
64 display: inline-grid; 75 display: inline-grid;
65 grid-template-columns: 16px auto 32px 32px; 76 grid-template-columns: 16px auto 32px 32px;
66 grid-column-gap: 8px; 77 grid-column-gap: 8px;
67 } 78 }
68 .element-listener-item + .element-listener-item { 79
80 .element-listener-item+.element-listener-item {
69 margin-top: 8px; 81 margin-top: 8px;
70 } 82 }
71 } 83 }
84
72 .listener-filed__title { 85 .listener-filed__title {
73 display: inline-flex; 86 display: inline-flex;
74 width: 100%; 87 width: 100%;
75 justify-content: space-between; 88 justify-content: space-between;
76 align-items: center; 89 align-items: center;
77 margin-top: 0; 90 margin-top: 0;
91
78 span { 92 span {
79 width: 200px; 93 width: 200px;
80 text-align: left; 94 text-align: left;
81 font-size: 14px; 95 font-size: 14px;
82 } 96 }
97
83 i { 98 i {
84 margin-right: 8px; 99 margin-right: 8px;
85 } 100 }
86 } 101 }
102
87 .element-drawer__button { 103 .element-drawer__button {
88 margin-top: 8px; 104 margin-top: 8px;
89 width: 100%; 105 width: 100%;
90 display: inline-flex; 106 display: inline-flex;
91 justify-content: space-around; 107 justify-content: space-around;
92 } 108 }
93 .element-drawer__button > .el-button { 109
110 .element-drawer__button>.el-button {
94 width: 100%; 111 width: 100%;
95 } 112 }
96 113
97 .el-collapse-item__content { 114 .el-collapse-item__content {
98 padding-bottom: 0; 115 padding-bottom: 0;
99 } 116 }
100 .el-input.is-disabled .el-input__inner { 117
101 color: #999999;
102 }
103 .el-form-item.el-form-item--mini { 118 .el-form-item.el-form-item--mini {
104 margin-bottom: 0; 119 margin-bottom: 0;
105 & + .el-form-item { 120
121 &+.el-form-item {
106 margin-top: 16px; 122 margin-top: 16px;
107 } 123 }
108 } 124 }
109 } 125 }
...\ No newline at end of file ...\ No newline at end of file
110
......
...@@ -5,16 +5,16 @@ ...@@ -5,16 +5,16 @@
5 background-color: rgba(0, 0, 0, 0); 5 background-color: rgba(0, 0, 0, 0);
6 6
7 .el-table__header-wrapper { 7 .el-table__header-wrapper {
8 border-right: 1px solid #103E99; 8 border-right: none;
9 9
10 } 10 }
11 11
12 .el-table__row .cell { 12 .el-table__row .cell {
13 color: #DBFAFF !important; 13 color: #CEF8FF !important;
14 } 14 }
15 15
16 .el-table__row { 16 .el-table__row {
17 background: #0F56A3 !important; 17 background: rgba(0, 0, 0, 0) !important;
18 } 18 }
19 19
20 thead { 20 thead {
...@@ -40,16 +40,16 @@ ...@@ -40,16 +40,16 @@
40 40
41 //*****start*通用表单查询条件，列表样式******// 41 //*****start*通用表单查询条件，列表样式******//
42 .from-clues { 42 .from-clues {
43 min-width: 1280px;
44 height: 100%; 43 height: 100%;
45 width: 100%; 44 width: 100%;
45 min-width: 1280px;
46 box-sizing: border-box; 46 box-sizing: border-box;
47 overflow-x: hidden; 47 overflow-x: hidden;
48 padding: 2px; 48 padding: 2px;
49 49
50 &-header { 50 &-header {
51 width: 100%; 51 width: 100%;
52 padding: 20px 30px 20px 20px; 52 padding: 5px 30px 20px 20px;
53 box-sizing: border-box; 53 box-sizing: border-box;
54 background: url("~@/image/formHeader.png") no-repeat; 54 background: url("~@/image/formHeader.png") no-repeat;
55 background-size: 100% 100%; 55 background-size: 100% 100%;
......
1 import { Message } from "element-ui";
2 export function removeTreeListItem (treeList, dictId, idName = 'bsmDict') {
3 if (!treeList || !treeList.length) {
4 return
5 }
6 for (let i = 0; i < treeList.length; i++) {
7 if (treeList[i][idName] === dictId) {
8 treeList.splice(i, 1);
9 break;
10 }
11 removeTreeListItem(treeList[i].children, dictId)
12 }
13 }
14 // 创造id
15 export function getUuid (len, radix) {
16 var chars = "0123456789abcdefghijklmnopqrstuvwxyz".split(
17 ""
18 );
19 var uuid = [],
20 i;
21 radix = radix || chars.length;
22 if (len) {
23 for (i = 0; i < len; i++) uuid[i] = chars[0 | (Math.random() * radix)];
24 } else {
25 var r;
26 uuid[8] = uuid[13] = uuid[18] = uuid[23] = "-";
27 uuid[14] = "4";
28 for (i = 0; i < 36; i++) {
29 if (!uuid[i]) {
30 r = 0 | (Math.random() * 16);
31 uuid[i] = chars[i == 19 ? (r & 0x3) | 0x8 : r];
32 }
33 }
34 }
35 return uuid.join("");
36 }
37 export function judgeSort (arr) {
38 if (arr.length) {
39 for (let i in arr) {
40 arr[i]["isTop"] = false;
41 arr[i]["isBottom"] = false;
42 arr[i] == arr[0] && (arr[i].isTop = true);
43 arr[i] == arr[arr.length - 1] && (arr[i].isBottom = true);
44 arr[i].children && arr[i].children.length && judgeSort(arr[i].children)
45 }
46 }
47 return arr
48 }
49 // 上下移动
50 export function realMove (bsmDict, operate, data) {
51 function changeSort (arr, bsmDict) {
52 if (arr.length) {
53 let flag = false;
54 for (let i in arr) {
55 if (arr[i].bsmDict == bsmDict) {
56 if (operate === "UP") {
57 arr[i] = arr.splice(i - 1, 1, arr[i])[0];
58 } else if (operate === "DOWN") {
59 let temp = arr.splice(i - 0 + 1, 1, arr[i])
60 arr[i] = temp[0];
61 }
62 flag = true;
63 break;
64 }
65 if (!flag && arr[i].children && arr[i].children.length) {
66 arr[i].children = changeSort(arr[i].children, bsmDict);
67 }
68 }
69 }
70 return arr;
71 }
72 data = judgeSort(changeSort(data, bsmDict));
73 }
74 // 获取所有父节点
75 export function findParents (treeData, bsmDict) {
76 if (treeData.length == 0) return
77 for (let i = 0; i < treeData.length; i++) {
78 if (treeData[i].bsmDict == bsmDict) {
79 return []
80 } else {
81 if (treeData[i].children) {
82 let res = findParents(treeData[i].children, bsmDict)
83 if (res !== undefined) {
84 return res.concat(treeData[i].bsmDict)
85 }
86 }
87 }
88 }
89 }
90 // 上移下移
91 export function upward (index, data) {
92 if (index > 0) {
93 let upData = data[index - 1];
94 data.splice(index - 1, 1);
95 data.splice(index, 0, upData);
96 } else {
97 Message({
98 message: '已经是第一条，上移失败'
99 });
100 }
101 }
102 export function down (index, data) {
103 if ((index + 1) == data.length) {
104 Message({
105 message: '已经是最后一条，下移失败'
106 });
107 } else {
108 let downData = data[index + 1];
109 data.splice(index + 1, 1);
110 data.splice(index, 0, downData);
111 }
112 }
...@@ -7,6 +7,7 @@ class data extends filter { ...@@ -7,6 +7,7 @@ class data extends filter {
7 return [ 7 return [
8 { 8 {
9 label: "行政区", 9 label: "行政区",
10 width: 80,
10 render: (h, scope) => { 11 render: (h, scope) => {
11 return ( 12 return (
12 <div> 13 <div>
...@@ -17,6 +18,7 @@ class data extends filter { ...@@ -17,6 +18,7 @@ class data extends filter {
17 }, 18 },
18 { 19 {
19 label: "权属状态", 20 label: "权属状态",
21 width: 80,
20 render: (h, scope) => { 22 render: (h, scope) => {
21 return ( 23 return (
22 <div> 24 <div>
...@@ -33,10 +35,10 @@ class data extends filter { ...@@ -33,10 +35,10 @@ class data extends filter {
33 label: "不动产单元号", 35 label: "不动产单元号",
34 prop: "bdcdyh" 36 prop: "bdcdyh"
35 }, 37 },
36 { 38 // {
37 label: "不动产产权证号", 39 // label: "不动产产权证号",
38 prop: "bdcqzh" 40 // prop: "bdcqzh"
39 }, 41 // },
40 { 42 {
41 label: "查封机关", 43 label: "查封机关",
42 prop: "cfjg" 44 prop: "cfjg"
......
...@@ -19,18 +19,16 @@ ...@@ -19,18 +19,16 @@
19 </el-select> 19 </el-select>
20 </el-form-item> 20 </el-form-item>
21 </el-col> 21 </el-col>
22 <el-col :span="5"> 22 <!-- <el-col :span="5">
23 <el-form-item label="坐落"> 23 <el-form-item label="坐落">
24 <el-input v-model="form.ZL" placeholder="坐落"></el-input> 24 <el-input v-model="form.ZL" placeholder="坐落"></el-input>
25 </el-form-item> 25 </el-form-item>
26 </el-col> 26 </el-col> -->
27 <el-col :span="5"> 27 <!-- <el-col :span="5">
28 <el-form-item label="不动产权证号"> 28 <el-form-item label="不动产权证号">
29 <el-input v-model="form.BDCQZH" placeholder="不动产权证号"></el-input> 29 <el-input v-model="form.BDCQZH" placeholder="不动产权证号"></el-input>
30 </el-form-item> 30 </el-form-item>
31 </el-col> 31 </el-col> -->
32 </el-row>
33 <el-row class="mt-10">
34 <el-col :span="5"> 32 <el-col :span="5">
35 <el-form-item label="权利人" label-width="80px"> 33 <el-form-item label="权利人" label-width="80px">
36 <el-input v-model="form.QLR" placeholder="权利人"></el-input> 34 <el-input v-model="form.QLR" placeholder="权利人"></el-input>
...@@ -41,16 +39,30 @@ ...@@ -41,16 +39,30 @@
41 <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input> 39 <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input>
42 </el-form-item> 40 </el-form-item>
43 </el-col> 41 </el-col>
42
43 </el-row>
44 <el-row class="mt-10">
45 <el-col :span="5">
46 <el-form-item label="查封机关" label-width="80px">
47 <el-input v-model="form.CFJG" placeholder="查封机关"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="5">
51 <el-form-item label="查封文号">
52 <el-input v-model="form.CFWH" placeholder="查封文号"></el-input>
53 </el-form-item>
54 </el-col>
44 <el-col :span="5"> 55 <el-col :span="5">
45 <el-form-item label="查封（解封）机关"> 56 <el-form-item label="解封机关" label-width="80px">
46 <el-input v-model="form.xxx" placeholder="查封（解封）机关"></el-input> 57 <el-input v-model="form.JFJG" placeholder="解封机关"></el-input>
47 </el-form-item> 58 </el-form-item>
48 </el-col> 59 </el-col>
49 <el-col :span="5"> 60 <el-col :span="5">
50 <el-form-item label="查封（解封）文号"> 61 <el-form-item label="解封文号">
51 <el-input v-model="form.xxx1" placeholder="查封（解封）文号"></el-input> 62 <el-input v-model="form.JFWH" placeholder="解封文号"></el-input>
52 </el-form-item> 63 </el-form-item>
53 </el-col> 64 </el-col>
65
54 <el-col :span="4" class="btnColRight"> 66 <el-col :span="4" class="btnColRight">
55 <btn nativeType="cz" @click="resetForm">重置</btn> 67 <btn nativeType="cz" @click="resetForm">重置</btn>
56 <btn nativeType="cx" @click="handleSubmit">查询</btn> 68 <btn nativeType="cx" @click="handleSubmit">查询</btn>
...@@ -85,8 +97,10 @@ export default { ...@@ -85,8 +97,10 @@ export default {
85 BDCQZH: '', 97 BDCQZH: '',
86 QLR: '', 98 QLR: '',
87 BDCDYH: '', 99 BDCDYH: '',
88 xxx: '', 100 JFJG: '',
89 xxx1: '', 101 JFWH: '',
102 CFJG: '',
103 CFWH: '',
90 currentPage: 1 104 currentPage: 1
91 }, 105 },
92 tableData: { 106 tableData: {
...@@ -98,7 +112,7 @@ export default { ...@@ -98,7 +112,7 @@ export default {
98 }].concat(data.columns()).concat([ 112 }].concat(data.columns()).concat([
99 { 113 {
100 label: "操作", 114 label: "操作",
101 width: 170, 115 width: 80,
102 render: (h, scope) => { 116 render: (h, scope) => {
103 return ( 117 return (
104 <div> 118 <div>
......
...@@ -7,6 +7,7 @@ class data extends filter { ...@@ -7,6 +7,7 @@ class data extends filter {
7 return [ 7 return [
8 { 8 {
9 label: "行政区", 9 label: "行政区",
10 width: 80,
10 render: (h, scope) => { 11 render: (h, scope) => {
11 return ( 12 return (
12 <div> 13 <div>
...@@ -17,6 +18,7 @@ class data extends filter { ...@@ -17,6 +18,7 @@ class data extends filter {
17 }, 18 },
18 { 19 {
19 label: "权属状态", 20 label: "权属状态",
21 width: 80,
20 render: (h, scope) => { 22 render: (h, scope) => {
21 return ( 23 return (
22 <div> 24 <div>
...@@ -31,11 +33,13 @@ class data extends filter { ...@@ -31,11 +33,13 @@ class data extends filter {
31 }, 33 },
32 { 34 {
33 label: "不动产单元号", 35 label: "不动产单元号",
34 prop: "bdcdyh" 36 prop: "bdcdyh",
37 width: 150,
35 }, 38 },
36 { 39 {
37 label: "不动产权证号", 40 label: "不动产权证号",
38 prop: "bdcdjzmh" 41 prop: "bdcdjzmh",
42 width: 150,
39 }, 43 },
40 { 44 {
41 label: "抵押类型", 45 label: "抵押类型",
...@@ -63,7 +67,8 @@ class data extends filter { ...@@ -63,7 +67,8 @@ class data extends filter {
63 }, 67 },
64 { 68 {
65 label: "被担保主债权数额", 69 label: "被担保主债权数额",
66 prop: "bdbzzqse" 70 prop: "bdbzzqse",
71 width: 135,
67 }, 72 },
68 { 73 {
69 label: "最高债权额", 74 label: "最高债权额",
...@@ -71,11 +76,13 @@ class data extends filter { ...@@ -71,11 +76,13 @@ class data extends filter {
71 }, 76 },
72 { 77 {
73 label: "登记时间", 78 label: "登记时间",
74 prop: "djsj" 79 prop: "djsj",
80 width: 140,
75 }, 81 },
76 { 82 {
77 label: "登记机构", 83 label: "登记机构",
78 prop: "djjg" 84 prop: "djjg",
85 width: 140,
79 } 86 }
80 ] 87 ]
81 } 88 }
......
...@@ -19,23 +19,23 @@ ...@@ -19,23 +19,23 @@
19 </el-select> 19 </el-select>
20 </el-form-item> 20 </el-form-item>
21 </el-col> 21 </el-col>
22 <el-col :span="5"> 22 <!-- <el-col :span="5">
23 <el-form-item label="坐落"> 23 <el-form-item label="坐落">
24 <el-input v-model="form.ZL" placeholder="坐落"></el-input> 24 <el-input v-model="form.ZL" placeholder="坐落"></el-input>
25 </el-form-item> 25 </el-form-item>
26 </el-col> 26 </el-col> -->
27 <el-col :span="5"> 27 <el-col :span="5">
28 <el-form-item label="不动产权证号"> 28 <el-form-item label="不动产权证号">
29 <el-input v-model="form.BDCQZH" placeholder="不动产权证号"></el-input> 29 <el-input v-model="form.BDCQZH" placeholder="不动产权证号"></el-input>
30 </el-form-item> 30 </el-form-item>
31 </el-col> 31 </el-col>
32 </el-row>
33 <el-row class="mt-10">
34 <el-col :span="5"> 32 <el-col :span="5">
35 <el-form-item label="抵押人" label-width="80px"> 33 <el-form-item label="抵押人" label-width="80px">
36 <el-input v-model="form.dyr" placeholder="抵押人"></el-input> 34 <el-input v-model="form.dyr" placeholder="抵押人"></el-input>
37 </el-form-item> 35 </el-form-item>
38 </el-col> 36 </el-col>
37 </el-row>
38 <el-row class="mt-10">
39 <el-col :span="5"> 39 <el-col :span="5">
40 <el-form-item label="不动产单元号"> 40 <el-form-item label="不动产单元号">
41 <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input> 41 <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input>
...@@ -57,7 +57,8 @@ ...@@ -57,7 +57,8 @@
57 </el-select> 57 </el-select>
58 </el-form-item> 58 </el-form-item>
59 </el-col> 59 </el-col>
60 <el-col :span="4" class="btnColRight"> 60
61 <el-col :span="9" class="btnColRight">
61 <btn nativeType="cz" @click="resetForm">重置</btn> 62 <btn nativeType="cz" @click="resetForm">重置</btn>
62 <btn nativeType="cx" @click="handleSubmit">查询</btn> 63 <btn nativeType="cx" @click="handleSubmit">查询</btn>
63 </el-col> 64 </el-col>
...@@ -109,7 +110,7 @@ export default { ...@@ -109,7 +110,7 @@ export default {
109 }].concat(data.columns()).concat([ 110 }].concat(data.columns()).concat([
110 { 111 {
111 label: "操作", 112 label: "操作",
112 width: 170, 113 width: 80,
113 render: (h, scope) => { 114 render: (h, scope) => {
114 return ( 115 return (
115 <div> 116 <div>
......
...@@ -7,7 +7,7 @@ class data extends filter { ...@@ -7,7 +7,7 @@ class data extends filter {
7 return [ 7 return [
8 { 8 {
9 label: "行政区", 9 label: "行政区",
10 width: 150, 10 width: 80,
11 render: (h, scope) => { 11 render: (h, scope) => {
12 return ( 12 return (
13 <div> 13 <div>
...@@ -18,7 +18,7 @@ class data extends filter { ...@@ -18,7 +18,7 @@ class data extends filter {
18 }, 18 },
19 { 19 {
20 label: "权属状态", 20 label: "权属状态",
21 width: 100, 21 width: 80,
22 render: (h, scope) => { 22 render: (h, scope) => {
23 return ( 23 return (
24 <div> 24 <div>
...@@ -29,8 +29,7 @@ class data extends filter { ...@@ -29,8 +29,7 @@ class data extends filter {
29 }, 29 },
30 { 30 {
31 label: "业务号", 31 label: "业务号",
32 prop: "ywh", 32 prop: "ywh"
33 width: 150
34 }, 33 },
35 { 34 {
36 label: "不动产单元号", 35 label: "不动产单元号",
...@@ -42,7 +41,8 @@ class data extends filter { ...@@ -42,7 +41,8 @@ class data extends filter {
42 }, 41 },
43 { 42 {
44 label: "权利人", 43 label: "权利人",
45 prop: "qlrmc" 44 prop: "qlrmc",
45 width: 150
46 }, 46 },
47 { 47 {
48 label: "用途", 48 label: "用途",
...@@ -50,6 +50,7 @@ class data extends filter { ...@@ -50,6 +50,7 @@ class data extends filter {
50 }, 50 },
51 { 51 {
52 label: "权利类型", 52 label: "权利类型",
53 width: 150,
53 render: (h, scope) => { 54 render: (h, scope) => {
54 return ( 55 return (
55 <div> 56 <div>
......
...@@ -101,7 +101,7 @@ export default { ...@@ -101,7 +101,7 @@ export default {
101 }].concat(data.columns()).concat([ 101 }].concat(data.columns()).concat([
102 { 102 {
103 label: "操作", 103 label: "操作",
104 width: 170, 104 width: 90,
105 render: (h, scope) => { 105 render: (h, scope) => {
106 return ( 106 return (
107 <div> 107 <div>
......
...@@ -69,7 +69,7 @@ export default { ...@@ -69,7 +69,7 @@ export default {
69 }].concat(data.columns()).concat([ 69 }].concat(data.columns()).concat([
70 { 70 {
71 label: "操作", 71 label: "操作",
72 width: 170, 72 width: 80,
73 render: (h, scope) => { 73 render: (h, scope) => {
74 return ( 74 return (
75 <div> 75 <div>
......
...@@ -7,7 +7,7 @@ class data extends filter { ...@@ -7,7 +7,7 @@ class data extends filter {
7 return [ 7 return [
8 { 8 {
9 label: "行政区", 9 label: "行政区",
10 width: 150, 10 width: 80,
11 render: (h, scope) => { 11 render: (h, scope) => {
12 return ( 12 return (
13 <div> 13 <div>
...@@ -18,7 +18,7 @@ class data extends filter { ...@@ -18,7 +18,7 @@ class data extends filter {
18 }, 18 },
19 { 19 {
20 label: "权属状态", 20 label: "权属状态",
21 width: 100, 21 width: 80,
22 render: (h, scope) => { 22 render: (h, scope) => {
23 return ( 23 return (
24 <div> 24 <div>
...@@ -30,19 +30,21 @@ class data extends filter { ...@@ -30,19 +30,21 @@ class data extends filter {
30 { 30 {
31 label: "业务号", 31 label: "业务号",
32 prop: "ywh", 32 prop: "ywh",
33 width: 150
34 }, 33 },
35 { 34 {
36 label: "不动产单元号", 35 label: "不动产单元号",
37 prop: "bdcdyh" 36 prop: "bdcdyh",
37 width: 150
38 }, 38 },
39 { 39 {
40 label: "不动产权证号", 40 label: "不动产权证号",
41 prop: "bdcqzh" 41 prop: "bdcqzh",
42 width: 150
42 }, 43 },
43 { 44 {
44 label: "权利人", 45 label: "权利人",
45 prop: "qlrmc" 46 prop: "qlrmc",
47 width: 150
46 }, 48 },
47 { 49 {
48 label: "用途", 50 label: "用途",
......
...@@ -101,7 +101,7 @@ export default { ...@@ -101,7 +101,7 @@ export default {
101 }].concat(data.columns()).concat([ 101 }].concat(data.columns()).concat([
102 { 102 {
103 label: "操作", 103 label: "操作",
104 width: 170, 104 width: 80,
105 render: (h, scope) => { 105 render: (h, scope) => {
106 return ( 106 return (
107 <div> 107 <div>
......
...@@ -29,7 +29,7 @@ class data extends filter { ...@@ -29,7 +29,7 @@ class data extends filter {
29 }, 29 },
30 { 30 {
31 label: "权利类型", 31 label: "权利类型",
32 width: 200, 32 width: 80,
33 render: (h, scope) => { 33 render: (h, scope) => {
34 return ( 34 return (
35 <div> 35 <div>
...@@ -40,7 +40,7 @@ class data extends filter { ...@@ -40,7 +40,7 @@ class data extends filter {
40 }, 40 },
41 { 41 {
42 label: "登记类型", 42 label: "登记类型",
43 width: 100, 43 width: 80,
44 render: (h, scope) => { 44 render: (h, scope) => {
45 return ( 45 return (
46 <div> 46 <div>
...@@ -52,12 +52,12 @@ class data extends filter { ...@@ -52,12 +52,12 @@ class data extends filter {
52 { 52 {
53 label: "业务号", 53 label: "业务号",
54 prop: "YWH", 54 prop: "YWH",
55 width: 150 55 width: 95
56 }, 56 },
57 { 57 {
58 label: "不动产单元号", 58 label: "不动产单元号",
59 prop: "BDCDYH", 59 prop: "BDCDYH",
60 width: 240, 60 width: 150,
61 }, 61 },
62 { 62 {
63 label: "不动产权证号", 63 label: "不动产权证号",
...@@ -73,7 +73,8 @@ class data extends filter { ...@@ -73,7 +73,8 @@ class data extends filter {
73 }, 73 },
74 { 74 {
75 label: "使用权面积", 75 label: "使用权面积",
76 prop: "SYQMJ" 76 prop: "SYQMJ",
77 width: 90,
77 }, 78 },
78 { 79 {
79 label: "坐落", 80 label: "坐落",
......
...@@ -95,7 +95,7 @@ export default { ...@@ -95,7 +95,7 @@ export default {
95 }].concat(data.columns()).concat([ 95 }].concat(data.columns()).concat([
96 { 96 {
97 label: "操作", 97 label: "操作",
98 width: 170, 98 width: 80,
99 render: (h, scope) => { 99 render: (h, scope) => {
100 return ( 100 return (
101 <div> 101 <div>
......
...@@ -7,7 +7,7 @@ class data extends filter { ...@@ -7,7 +7,7 @@ class data extends filter {
7 return [ 7 return [
8 { 8 {
9 label: "行政区", 9 label: "行政区",
10 width: 150, 10 width: 80,
11 render: (h, scope) => { 11 render: (h, scope) => {
12 return ( 12 return (
13 <div> 13 <div>
...@@ -18,7 +18,7 @@ class data extends filter { ...@@ -18,7 +18,7 @@ class data extends filter {
18 }, 18 },
19 { 19 {
20 label: "权属状态", 20 label: "权属状态",
21 width: 100, 21 width: 80,
22 render: (h, scope) => { 22 render: (h, scope) => {
23 return ( 23 return (
24 <div> 24 <div>
...@@ -30,7 +30,7 @@ class data extends filter { ...@@ -30,7 +30,7 @@ class data extends filter {
30 { 30 {
31 label: "业务号", 31 label: "业务号",
32 prop: "ywh", 32 prop: "ywh",
33 width: 150 33 width: 80,
34 }, 34 },
35 { 35 {
36 label: "不动产单元号", 36 label: "不动产单元号",
...@@ -46,11 +46,13 @@ class data extends filter { ...@@ -46,11 +46,13 @@ class data extends filter {
46 }, 46 },
47 { 47 {
48 label: "用途", 48 label: "用途",
49 prop: "yt" 49 prop: "yt",
50 width: 80,
50 }, 51 },
51 { 52 {
52 label: "土地面积", 53 label: "土地面积",
53 prop: "nydmj" 54 prop: "nydmj",
55 width: 80,
54 }, 56 },
55 { 57 {
56 label: "坐落", 58 label: "坐落",
...@@ -58,6 +60,7 @@ class data extends filter { ...@@ -58,6 +60,7 @@ class data extends filter {
58 }, 60 },
59 { 61 {
60 label: "登记类型", 62 label: "登记类型",
63 width: 80,
61 render: (h, scope) => { 64 render: (h, scope) => {
62 return ( 65 return (
63 <div> 66 <div>
......
...@@ -94,7 +94,7 @@ export default { ...@@ -94,7 +94,7 @@ export default {
94 }].concat(data.columns()).concat([ 94 }].concat(data.columns()).concat([
95 { 95 {
96 label: "操作", 96 label: "操作",
97 width: 170, 97 width: 80,
98 render: (h, scope) => { 98 render: (h, scope) => {
99 return ( 99 return (
100 <div> 100 <div>
......
...@@ -11,14 +11,14 @@ ...@@ -11,14 +11,14 @@
11 </el-select> 11 </el-select>
12 </el-form-item> 12 </el-form-item>
13 </el-col> 13 </el-col>
14 <el-col :span="6"> 14 <!-- <el-col :span="6">
15 <el-form-item label="权属状态"> 15 <el-form-item label="权属状态">
16 <el-select v-model="form.QSZT" class="width100" clearable placeholder="权属状态"> 16 <el-select v-model="form.QSZT" class="width100" clearable placeholder="权属状态">
17 <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 17 <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
18 </el-option> 18 </el-option>
19 </el-select> 19 </el-select>
20 </el-form-item> 20 </el-form-item>
21 </el-col> 21 </el-col> -->
22 <el-col :span="6"> 22 <el-col :span="6">
23 <el-form-item label="不动产权证号"> 23 <el-form-item label="不动产权证号">
24 <el-input v-model="form.BDCQZH" placeholder="不动产权证号"></el-input> 24 <el-input v-model="form.BDCQZH" placeholder="不动产权证号"></el-input>
......
...@@ -93,7 +93,7 @@ export default { ...@@ -93,7 +93,7 @@ export default {
93 }].concat(data.columns()).concat([ 93 }].concat(data.columns()).concat([
94 { 94 {
95 label: "操作", 95 label: "操作",
96 width: 170, 96 width: 80,
97 render: (h, scope) => { 97 render: (h, scope) => {
98 return ( 98 return (
99 <div> 99 <div>
......
...@@ -16,16 +16,16 @@ class data extends filter { ...@@ -16,16 +16,16 @@ class data extends filter {
16 ) 16 )
17 }, 17 },
18 }, 18 },
19 { 19 // {
20 label: "权属状态", 20 // label: "权属状态",
21 render: (h, scope) => { 21 // render: (h, scope) => {
22 return ( 22 // return (
23 <div> 23 // <div>
24 <span>{this.dicStatus(scope.row.qszt, 'A22')}</span> 24 // <span>{this.dicStatus(scope.row.qszt, 'A22')}</span>
25 </div> 25 // </div>
26 ) 26 // )
27 }, 27 // },
28 }, 28 // },
29 { 29 {
30 label: "业务号", 30 label: "业务号",
31 prop: "YWH" 31 prop: "YWH"
...@@ -43,10 +43,10 @@ class data extends filter { ...@@ -43,10 +43,10 @@ class data extends filter {
43 label: "权利人", 43 label: "权利人",
44 prop: "qlrmc" 44 prop: "qlrmc"
45 }, 45 },
46 { 46 // {
47 label: "用途", 47 // label: "用途",
48 prop: "yt" 48 // prop: "yt"
49 }, 49 // },
50 { 50 {
51 label: "权利类型", 51 label: "权利类型",
52 render: (h, scope) => { 52 render: (h, scope) => {
...@@ -57,16 +57,16 @@ class data extends filter { ...@@ -57,16 +57,16 @@ class data extends filter {
57 ) 57 )
58 }, 58 },
59 }, 59 },
60 { 60 // {
61 label: "权利性质", 61 // label: "权利性质",
62 render: (h, scope) => { 62 // render: (h, scope) => {
63 return ( 63 // return (
64 <div> 64 // <div>
65 <span>{this.dicStatus(scope.row.BDCQZH, 'A9')}</span> 65 // <span>{this.dicStatus(scope.row.BDCQZH, 'A9')}</span>
66 </div> 66 // </div>
67 ) 67 // )
68 }, 68 // },
69 }, 69 // },
70 { 70 {
71 label: "登记时间", 71 label: "登记时间",
72 width: 140, 72 width: 140,
......
...@@ -11,19 +11,19 @@ ...@@ -11,19 +11,19 @@
11 </el-select> 11 </el-select>
12 </el-form-item> 12 </el-form-item>
13 </el-col> 13 </el-col>
14 <el-col :span="6"> 14 <!-- <el-col :span="6">
15 <el-form-item label="权属状态" label-width="105px"> 15 <el-form-item label="权属状态" label-width="105px">
16 <el-select v-model="form.QSZT" class="width100" clearable placeholder="权属状态"> 16 <el-select v-model="form.QSZT" class="width100" clearable placeholder="权属状态">
17 <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 17 <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
18 </el-option> 18 </el-option>
19 </el-select> 19 </el-select>
20 </el-form-item> 20 </el-form-item>
21 </el-col> 21 </el-col> -->
22 <el-col :span="6"> 22 <!-- <el-col :span="6">
23 <el-form-item label="坐落"> 23 <el-form-item label="坐落">
24 <el-input v-model="form.ZL" placeholder="请输入坐落"></el-input> 24 <el-input v-model="form.ZL" placeholder="请输入坐落"></el-input>
25 </el-form-item> 25 </el-form-item>
26 </el-col> 26 </el-col> -->
27 <el-col :span="6"> 27 <el-col :span="6">
28 <el-form-item label="不动产权证号" label-width="105px"> 28 <el-form-item label="不动产权证号" label-width="105px">
29 <el-input v-model="form.BDCQZH" placeholder="请输入不动产权证号"></el-input> 29 <el-input v-model="form.BDCQZH" placeholder="请输入不动产权证号"></el-input>
...@@ -94,7 +94,7 @@ export default { ...@@ -94,7 +94,7 @@ export default {
94 }].concat(data.columns()).concat([ 94 }].concat(data.columns()).concat([
95 { 95 {
96 label: "操作", 96 label: "操作",
97 width: 170, 97 width: 80,
98 render: (h, scope) => { 98 render: (h, scope) => {
99 return ( 99 return (
100 <div> 100 <div>
......
...@@ -87,21 +87,24 @@ export default { ...@@ -87,21 +87,24 @@ export default {
87 return new Promise(async (resolve) => { 87 return new Promise(async (resolve) => {
88 try { 88 try {
89 let p = { 89 let p = {
90 DJLX: "A21", 90 DJLX: "",
91 QLLX: "A8", 91 QLLX: "",
92 XZQDM: "A20", 92 XZQDM: "",
93 }; 93 };
94 let res = await work.getsthjqxjrtotal(p); 94 let res = await work.getsthjqxjrtotal(p);
95 this.stjrl=Number(res.result.sum) 95 console.log("res",res);
96 this.qxjrl=Number(res.result.sum) 96 this.stjrl=res.result.stsum
97 this.qxjrl=res.result.qxsum
97 this.qxerrer=Number(res.result.qxjrerrer) 98 this.qxerrer=Number(res.result.qxjrerrer)
98 this.sterrer=Number(res.result.sthjerrer) 99 this.sterrer=Number(res.result.sthjerrer)
99 if(res.result.sum=="0"){ 100 if(res.result.sum=="0"){
100 this.qxcgl="100%" 101 this.qxcgl="100%"
101 this.stcgl="100%" 102 this.stcgl="100%"
102 }else{ 103 }else{
103 this.qxcgl=Number(res.result.qxjrsuccess)/this.qxjrl*100+"%" 104 let qxcglnum=Number(res.result.qxjrsuccess)/this.qxjrl*100
104 this.stcgl=Number(res.result.sthjsuccess)/Number(res.result.sum)*100+"%" 105 let stcgl=Number(res.result.sthjsuccess)/this.qxjrl*100
106 this.qxcgl=qxcglnum.toFixed(2)+"%";
107 this.stcgl=stcgl.toFixed(2)+"%";
105 } 108 }
106 109
107 } catch (error) { 110 } catch (error) {
......
1 <template> 1 <template>
2 <div class="rightcard"> 2 <div class="rightcard">
3 <div class="card1 cardCon d-center"> 3 <div class="card1 cardCon d-center">
4 <div class="cardhead">房屋情况统计表</div> 4 <div class="cardhead">新建商品房登记</div>
5 <div class="cardcontent" style="margin-top: 70px"> 5 <div class="cardcontent" style="margin-top: 70px">
6 <dv-scroll-board :config="config" class="board" /> 6 <dv-scroll-board :config="config" class="board" />
7 </div> 7 </div>
......
...@@ -24,6 +24,7 @@ class data { ...@@ -24,6 +24,7 @@ class data {
24 { 24 {
25 prop: "UPLOADTIME", 25 prop: "UPLOADTIME",
26 label: "日期", 26 label: "日期",
27 width: '150',
27 }, 28 },
28 { 29 {
29 prop: "type", 30 prop: "type",
...@@ -50,6 +51,7 @@ class data { ...@@ -50,6 +51,7 @@ class data {
50 }, 51 },
51 { 52 {
52 label: "业务类型数量", 53 label: "业务类型数量",
54 width: '120',
53 render: (h, scope) => { 55 render: (h, scope) => {
54 return ( 56 return (
55 <div class={'difference'}> 57 <div class={'difference'}>
......
...@@ -4,9 +4,12 @@ ...@@ -4,9 +4,12 @@
4 <!-- 头部搜索 --> 4 <!-- 头部搜索 -->
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 <el-form-item>
8 <Breadcrumb />
9 </el-form-item>
7 <el-row> 10 <el-row>
8 <el-col :span="6"> 11 <el-col :span="6">
9 <el-form-item label="行政区" label-width="60px"> 12 <el-form-item label="行政区">
10 <el-select v-model="form.areacode" class="width100" filterable placeholder="请选择行政区"> 13 <el-select v-model="form.areacode" class="width100" filterable placeholder="请选择行政区">
11 <el-option v-for="item in dicData['XZQ']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 14 <el-option v-for="item in dicData['XZQ']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
12 </el-option> 15 </el-option>
......
...@@ -8,7 +8,7 @@ class data extends filter { ...@@ -8,7 +8,7 @@ class data extends filter {
8 { 8 {
9 prop: 'jcjg', 9 prop: 'jcjg',
10 label: '检查结果', 10 label: '检查结果',
11 width: 100, 11 width: 90,
12 render: (h, scope) => { 12 render: (h, scope) => {
13 return ( 13 return (
14 <div> 14 <div>
...@@ -22,7 +22,7 @@ class data extends filter { ...@@ -22,7 +22,7 @@ class data extends filter {
22 { 22 {
23 prop: 'rkjg', 23 prop: 'rkjg',
24 label: '入库结果', 24 label: '入库结果',
25 width: 100, 25 width: 80,
26 render: (h, scope) => { 26 render: (h, scope) => {
27 return ( 27 return (
28 <div> 28 <div>
...@@ -36,24 +36,27 @@ class data extends filter { ...@@ -36,24 +36,27 @@ class data extends filter {
36 { 36 {
37 prop: "areacode", 37 prop: "areacode",
38 label: "行政区代码", 38 label: "行政区代码",
39 width: 100, 39 width: 90,
40 }, 40 },
41 { 41 {
42 prop: "areaName", 42 prop: "areaName",
43 label: "行政区名称", 43 label: "行政区名称",
44 width: 100, 44 width: 90,
45 }, 45 },
46 { 46 {
47 prop: "bizMsgid", 47 prop: "bizMsgid",
48 label: "业务报文ID", 48 label: "业务报文ID",
49 width: 90,
49 }, 50 },
50 { 51 {
51 prop: "createdate", 52 prop: "createdate",
52 label: "创建时间", 53 label: "创建时间",
54 width: 140,
53 }, 55 },
54 { 56 {
55 prop: "recflowid", 57 prop: "recflowid",
56 label: "业务流水号", 58 label: "业务流水号",
59 width: 95,
57 }, 60 },
58 { 61 {
59 prop: "estatenum", 62 prop: "estatenum",
...@@ -63,14 +66,23 @@ class data extends filter { ...@@ -63,14 +66,23 @@ class data extends filter {
63 { 66 {
64 prop: "rectype", 67 prop: "rectype",
65 label: "业务编码", 68 label: "业务编码",
69 width: 80,
66 }, 70 },
67 { 71 {
68 prop: "rectypeName", 72 prop: "rectypeName",
69 label: "业务名称", 73 label: "业务名称",
74 render: (h, scope) => {
75 return (
76 <div>
77 {scope.row.rectypeName}
78 </div>
79 )
80 }
70 }, 81 },
71 { 82 {
72 prop: "receiveDate", 83 prop: "receiveDate",
73 label: "接收时间", 84 label: "接收时间",
85 width: 140
74 } 86 }
75 ] 87 ]
76 } 88 }
......
...@@ -4,6 +4,9 @@ ...@@ -4,6 +4,9 @@
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>
8 <Breadcrumb />
9 </el-form-item>
7 <el-row class="mb-5"> 10 <el-row class="mb-5">
8 <el-col :span="6"> 11 <el-col :span="6">
9 <el-form-item label="行政区" prop="qxdm"> 12 <el-form-item label="行政区" prop="qxdm">
...@@ -14,13 +17,13 @@ ...@@ -14,13 +17,13 @@
14 </el-form-item> 17 </el-form-item>
15 </el-col> 18 </el-col>
16 <el-col :span="6"> 19 <el-col :span="6">
17 <el-form-item label="接收开始日期" prop="startTime"> 20 <el-form-item label="接收日期" prop="receiveStartTime">
18 <el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart" 21 <el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart"
19 clearable v-model="form.receiveStartTime" value-format="yyyy-MM-dd"></el-date-picker> 22 clearable v-model="form.receiveStartTime" value-format="yyyy-MM-dd"></el-date-picker>
20 </el-form-item> 23 </el-form-item>
21 </el-col> 24 </el-col>
22 <el-col :span="6"> 25 <el-col :span="6">
23 <el-form-item label="接收结束日期" prop="endTime"> 26 <el-form-item label="至" prop="receiveEndTime" label-width="35px">
24 <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd" 27 <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd"
25 clearable v-model="form.receiveEndTime" value-format="yyyy-MM-dd"></el-date-picker> 28 clearable v-model="form.receiveEndTime" value-format="yyyy-MM-dd"></el-date-picker>
26 </el-form-item> 29 </el-form-item>
...@@ -77,7 +80,7 @@ ...@@ -77,7 +80,7 @@
77 <el-form-item> 80 <el-form-item>
78 <btn nativeType="cz" @click="resetForm">重置</btn> 81 <btn nativeType="cz" @click="resetForm">重置</btn>
79 <btn nativeType="cx" @click="featchData">查询</btn> 82 <btn nativeType="cx" @click="featchData">查询</btn>
80 <btn nativeType="sb">入库</btn> 83 <btn nativeType="cx">入库</btn>
81 </el-form-item> 84 </el-form-item>
82 </el-col> 85 </el-col>
83 </el-row> 86 </el-row>
...@@ -113,19 +116,25 @@ export default { ...@@ -113,19 +116,25 @@ export default {
113 }, 116 },
114 data () { 117 data () {
115 return { 118 return {
116 // 开始结束日期限制
117 pickerOptionsStart: { 119 pickerOptionsStart: {
118 disabledDate: (time) => { 120 disabledDate: (time) => {
119 if (this.form.endTime) { 121 let endDateVal = this.form.receiveEndTime;
120 return time.getTime() >= new Date(this.form.endTime).getTime(); 122 if (endDateVal) {
123 return (
124 time.getTime() >
125 new Date(endDateVal).getTime() - 1 * 24 * 60 * 60 * 1000
126 );
121 } 127 }
122 }, 128 },
123 }, 129 },
124 // 结束日期限制
125 pickerOptionsEnd: { 130 pickerOptionsEnd: {
126 disabledDate: (time) => { 131 disabledDate: (time) => {
127 if (this.form.startTime) { 132 let beginDateVal = this.form.receiveStartTime;
128 return time.getTime() <= new Date(this.form.startTime).getTime(); 133 if (beginDateVal) {
134 return (
135 time.getTime() <
136 new Date(beginDateVal).getTime() + 1 * 24 * 60 * 60 * 1000
137 );
129 } 138 }
130 }, 139 },
131 }, 140 },
...@@ -173,7 +182,7 @@ export default { ...@@ -173,7 +182,7 @@ export default {
173 .concat([ 182 .concat([
174 { 183 {
175 label: "操作", 184 label: "操作",
176 width: "160", 185 width: "90",
177 render: (h, scope) => { 186 render: (h, scope) => {
178 return ( 187 return (
179 <div> 188 <div>
......
...@@ -23,6 +23,7 @@ class data extends filter { ...@@ -23,6 +23,7 @@ class data extends filter {
23 }, 23 },
24 { 24 {
25 label: '汇交状态', 25 label: '汇交状态',
26 width: '110',
26 render: (h, scope) => { 27 render: (h, scope) => {
27 return ( 28 return (
28 <div> 29 <div>
...@@ -38,33 +39,36 @@ class data extends filter { ...@@ -38,33 +39,36 @@ class data extends filter {
38 { 39 {
39 prop: "areacode", 40 prop: "areacode",
40 label: "行政区代码", 41 label: "行政区代码",
41 width: 100, 42 width: 90,
42 }, 43 },
43 { 44 {
44 prop: "areaName", 45 prop: "areaName",
45 label: "行政区名称", 46 label: "行政区名称",
46 width: 100, 47 width: 90,
47 }, 48 },
48 { 49 {
49 prop: "bizMsgid", 50 prop: "bizMsgid",
50 label: "业务报文ID", 51 label: "业务报文ID",
52 width: 150,
51 }, 53 },
52 { 54 {
53 prop: "createdate", 55 prop: "createdate",
54 label: "创建时间", 56 label: "创建时间",
57 width: 140,
55 }, 58 },
56 { 59 {
57 prop: "recflowid", 60 prop: "recflowid",
58 label: "业务流水号", 61 label: "业务流水号",
62 width: 100,
59 }, 63 },
60 { 64 {
61 prop: "estatenum", 65 prop: "estatenum",
62 label: "不动产单元号", 66 label: "不动产单元号",
63 width: 240,
64 }, 67 },
65 { 68 {
66 prop: "rectype", 69 prop: "rectype",
67 label: "业务编码", 70 label: "业务编码",
71 width: 90,
68 }, 72 },
69 { 73 {
70 prop: "rectypeName", 74 prop: "rectypeName",
...@@ -73,6 +77,7 @@ class data extends filter { ...@@ -73,6 +77,7 @@ class data extends filter {
73 { 77 {
74 prop: "uploadtime", 78 prop: "uploadtime",
75 label: "汇交时间", 79 label: "汇交时间",
80 width: 140,
76 } 81 }
77 ] 82 ]
78 } 83 }
......
...@@ -8,3 +8,8 @@ ...@@ -8,3 +8,8 @@
8 transform: translateX(-50%); 8 transform: translateX(-50%);
9 } 9 }
10 } 10 }
11
12 .zhi {
13 color: #FFFFFF;
14 text-align: center;
15 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -4,6 +4,9 @@ ...@@ -4,6 +4,9 @@
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>
8 <Breadcrumb />
9 </el-form-item>
7 <el-row class="mb-5"> 10 <el-row class="mb-5">
8 <el-col :span="6"> 11 <el-col :span="6">
9 <el-form-item label="行政区" prop="qxdm"> 12 <el-form-item label="行政区" prop="qxdm">
...@@ -13,18 +16,16 @@ ...@@ -13,18 +16,16 @@
13 </el-select> 16 </el-select>
14 </el-form-item> 17 </el-form-item>
15 </el-col> 18 </el-col>
16 <el-col :span="12"> 19 <el-col :span="6">
17 <el-form-item label="汇交时间" prop="startTime"> 20 <el-form-item label="汇交时间" prop="exchangeStartTime">
18 <el-row :gutter="20">
19 <el-col :span="12">
20 <el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart" 21 <el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart"
21 clearable v-model="form.exchangeStartTime" value-format="yyyy-MM-dd"></el-date-picker> 22 clearable v-model="form.exchangeStartTime" value-format="yyyy-MM-dd"></el-date-picker>
23 </el-form-item>
22 </el-col> 24 </el-col>
23 <el-col :span="12"> 25 <el-col :span="6">
26 <el-form-item label="至" prop="exchangeStartTime" label-width="35px">
24 <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd" 27 <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd"
25 clearable v-model="form.exchangeEndTime" value-format="yyyy-MM-dd"></el-date-picker> 28 clearable v-model="form.exchangeEndTime" value-format="yyyy-MM-dd"></el-date-picker>
26 </el-col>
27 </el-row>
28 </el-form-item> 29 </el-form-item>
29 </el-col> 30 </el-col>
30 <el-col :span="6"> 31 <el-col :span="6">
...@@ -42,17 +43,17 @@ ...@@ -42,17 +43,17 @@
42 <el-input v-model="form.ywh" class="width100" placeholder="业务号"></el-input> 43 <el-input v-model="form.ywh" class="width100" placeholder="业务号"></el-input>
43 </el-form-item> 44 </el-form-item>
44 </el-col> 45 </el-col>
45 <el-col :span="3"> 46 <el-col :span="6">
46 <el-form-item label="权利类型" prop="qllx"> 47 <el-form-item label="权利类型" prop="qllx">
47 <el-select v-model="form.ywmc" class="width100" clearable placeholder="权利类型"> 48 <el-select v-model="form.qllx" class="width100" clearable placeholder="权利类型">
48 <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 49 <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
49 </el-option> 50 </el-option>
50 </el-select> 51 </el-select>
51 </el-form-item> 52 </el-form-item>
52 </el-col> 53 </el-col>
53 <el-col :span="3"> 54 <el-col :span="6">
54 <el-form-item label="登记类型" prop="djlx"> 55 <el-form-item label="登记类型" prop="djlx">
55 <el-select v-model="form.ywmc" class="width100" clearable placeholder="登记类型"> 56 <el-select v-model="form.djlx" class="width100" clearable placeholder="登记类型">
56 <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 57 <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
57 </el-option> 58 </el-option>
58 </el-select> 59 </el-select>
...@@ -95,26 +96,22 @@ export default { ...@@ -95,26 +96,22 @@ export default {
95 components: { 96 components: {
96 dataDetails, 97 dataDetails,
97 }, 98 },
98 data() { 99 data () {
99 return { 100 return {
100 isShow: false, 101 isShow: false,
101 // 开始结束日期限制 102 // 开始结束日期限制
102 pickerOptionsStart: { 103 pickerOptionsStart: {
103 disabledDate: (time) => { 104 disabledDate: (time) => {
104 if (this.form.reportEndTime) { 105 if (this.form.exchangeEndTime) {
105 return ( 106 return time.getTime() >= new Date(this.form.exchangeEndTime).getTime();
106 time.getTime() >= new Date(this.form.reportEndTime).getTime()
107 );
108 } 107 }
109 }, 108 },
110 }, 109 },
111 // 结束日期限制 110 // 结束日期限制
112 pickerOptionsEnd: { 111 pickerOptionsEnd: {
113 disabledDate: (time) => { 112 disabledDate: (time) => {
114 if (this.form.reportStartTime) { 113 if (this.form.exchangeStartTime) {
115 return ( 114 return time.getTime() <= new Date(this.form.exchangeStartTime).getTime();
116 time.getTime() <= new Date(this.form.reportStartTime).getTime()
117 );
118 } 115 }
119 }, 116 },
120 }, 117 },
...@@ -161,16 +158,16 @@ export default { ...@@ -161,16 +158,16 @@ export default {
161 title: "", 158 title: "",
162 }; 159 };
163 }, 160 },
164 mounted() { 161 mounted () {
165 sendThis(this); 162 sendThis(this);
166 }, 163 },
167 methods: { 164 methods: {
168 // 重置表单 165 // 重置表单
169 resetForm() { 166 resetForm () {
170 this.$refs.ruleForm.resetFields(); 167 this.$refs.ruleForm.resetFields();
171 }, 168 },
172 // 初始化数据 169 // 初始化数据
173 queryClick() { 170 queryClick () {
174 getDataReportPage({ ...this.form, ...this.pageData }).then((res) => { 171 getDataReportPage({ ...this.form, ...this.pageData }).then((res) => {
175 if (res.code === 200) { 172 if (res.code === 200) {
176 let { total, records } = res.result; 173 let { total, records } = res.result;
...@@ -180,11 +177,11 @@ export default { ...@@ -180,11 +177,11 @@ export default {
180 }); 177 });
181 }, 178 },
182 // 多选 179 // 多选
183 handleSelectionChange(val) {}, 180 handleSelectionChange (val) { },
184 // 上报 181 // 上报
185 handleEscalation() {}, 182 handleEscalation () { },
186 // 详情 183 // 详情
187 handleDetail(row) { 184 handleDetail (row) {
188 this.title = row.rectypeName; 185 this.title = row.rectypeName;
189 this.$refs.editLog.isShow(row); 186 this.$refs.editLog.isShow(row);
190 }, 187 },
......
1 <template>
2 <Dialog :title="title" class="tableClass" :show.sync="visible" :width="'715px'" @close="close()">
3 <template slot="content">
4 <lb-table ref="multipleTable"
5 :pagination="false"
6 :column="tableData.column"
7 :data="tableData.data"
8 @selection-change="handleSelectionChange">
9 </lb-table>
10 </template>
11 <template slot="footer">
12 <el-button type="primary" class="save" @click="handleSaveMember()"
13 >保存</el-button
14 >
15 <el-button class="cancel-button" @click="close()">取消</el-button>
16 </template>
17 </Dialog>
18 </template>
19
20 <script>
21 import Dialog from "@/components/Dialog/";
22 export default {
23 name: "",
24 components: { Dialog },
25 props: {},
26 data() {
27 return {
28 title: "人员配置",
29 visible: false,
30 tableData: {
31 column: [
32 {
33 type: 'selection'
34 },
35 {
36 prop: 'name',
37 label: '角色名称'
38 },
39 {
40 prop: 'type',
41 label: '角色类型'
42 },
43 {
44 prop: 'departmentName',
45 label: '角色描述'
46 },
47 ],
48 data: [
49 {
50 id: "3127e455-43ba-45ff-9326-0e02ef89485e",
51 createdAt: null,
52 updatedAt: "2022-08-04T03:38:27.626+0000",
53 createdBy: null,
54 updatedBy: "3127e455-43ba-45ff-9326-0e02ef89485e",
55 sort: 1,
56 name: "超级管理员",
57 loginName: "admin",
58 password: "05eb15777e8fd1d61c840472e7267f61d432f63340d86b59",
59 passwordSalt: "5178114777136485",
60 email: null,
61 lastLoginTime: null,
62 mobilePhone: "18291003568",
63 status: "ACTIVE",
64 passwordChangeTime: "2021-12-10T08:01:01.569+0000",
65 idCard: "612725202111021521",
66 departmentId: "2eae5304-544f-4f5b-b354-8f5d47433c9b",
67 organizationId: "0bca67ae-1d9e-4b41-b057-f165586d24aa",
68 sex: "0",
69 isDuty: true,
70 type:"",
71 code: "123324",
72 jobLevel: null,
73 telephone: "028-87720898",
74 address: "办公地点修改测试",
75 isLocked: false,
76 departmentName: "研发部",
77 _X_ROW_KEY: "row_276",
78 },
79 {
80 name: '数据管理员',
81 type:"1",
82 },
83 {
84 name: '数据管理员2',
85 type:"d",
86 }
87 ]
88 },
89 multipleSelection: []
90
91 }
92 },
93 computed: {},
94 watch: {},
95 created() {},
96 mounted() {},
97 methods: {
98 authorization() {
99 this.visible = true;
100 },
101 close() {
102 // this.resetForm()
103 this.visible = false;
104 },
105 // 保存事件
106 handleSaveMember() {
107 // if (this.memberList.length === 0) {
108 // this.$message.warning("请添加待选人员");
109 // return false;
110 // }
111 // const idList = this.memberList.map(item => item.id)
112 // updateUser(this.roleId, idList).then(res => {
113 // if (res.status === 1) {
114 // this.$message.success({ message: '保存成功', showClose: true })
115 // this.showMemberConfigDialog = false
116 // this.$emit('setUsers', this.roleId)
117 // this.resetMemberConfig()
118 // } else this.$message.error({ message: res.message, showClose: true })
119 // })
120 },
121 handleSelectionChange (val) {
122 console.log("vadddl",val);
123 this.multipleSelection = val
124 }
125 }
126 };
127 </script>
128 <style scoped lang="scss">
129 /deep/.el-dialog__header{
130 text-align: center;
131 margin-bottom: 10px;
132 .el-dialog__title{
133 color: white;
134 }
135 }
136 </style>
...@@ -204,22 +204,14 @@ export default { ...@@ -204,22 +204,14 @@ export default {
204 // this.form.jumpMode = 1 204 // this.form.jumpMode = 1
205 }, 205 },
206 edit(record) { 206 edit(record) {
207 // this.type = 1 207 // 若有id为编辑
208 // // 若有id为编辑 208 if (record.id) {
209 // if (record.id) { 209 this.$nextTick(() => {
210 // this.$nextTick(() => { 210 this.form = Object.assign({}, record)
211 // this.form = Object.assign({}, record)
212 // this.getParentMenuList(this.productId)
213 // })
214 // }
215 this.visible = true;
216 },
217 addChild(record) {
218 // this.getParentMenuList(this.productId) 211 // this.getParentMenuList(this.productId)
212 })
213 }
219 this.visible = true; 214 this.visible = true;
220 // this.type = 2
221 // this.form.jumpMode = 1
222 // this.form.parentId = record.id
223 }, 215 },
224 handleChange(value) { 216 handleChange(value) {
225 // this.form.parentId = value 217 // this.form.parentId = value
...@@ -289,12 +281,16 @@ export default { ...@@ -289,12 +281,16 @@ export default {
289 }; 281 };
290 </script> 282 </script>
291 <style scoped lang="scss"> 283 <style scoped lang="scss">
292 .el-form { 284 /deep/.el-input__inner {
293 .el-input { 285 background: #07388B;
294 .el-input__icon { 286 border-radius: 2px;
295 font-size: 14px; 287 border: 1px solid #6BC1FC;
296 // color: #3AA3F8 !important;
297 }
298 } 288 }
289 /deep/.el-textarea__inner{
290 background: #07388B;
291 color: #fff;
292 }
293 /deep/.el-form-item__label{
294 color:#fff;
299 } 295 }
300 </style> 296 </style>
......
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
12 <div class="from-clues-content"> 12 <div class="from-clues-content">
13 <lb-table 13 <lb-table
14 :column="tableData.columns" 14 :column="tableData.columns"
15 :data="tabledata11" 15 :data="tabledata"
16 row-key="id" 16 row-key="id"
17 default-expand-all 17 default-expand-all
18 :tree-props="{ children: 'children', hasChildren: 'hasChildren' }" 18 :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
...@@ -20,27 +20,30 @@ ...@@ -20,27 +20,30 @@
20 </lb-table> 20 </lb-table>
21 </div> 21 </div>
22 <edit-dialog ref="dialogForm" /> 22 <edit-dialog ref="dialogForm" />
23 <authorizationdiglog ref="rolesForm" />
23 </div> 24 </div>
24 </template> 25 </template>
25 <script> 26 <script>
26 // 定时任务 27 // 定时任务
27 import data from "./data"; 28 import data from "./data";
28 import EditDialog from "./edit-dialog.vue"; 29 import EditDialog from "./edit-dialog.vue";
30 import authorizationdiglog from "./authorizationdiglog.vue";
29 export default { 31 export default {
30 name: "menus", 32 name: "menus",
31 components: { 33 components: {
32 EditDialog, 34 EditDialog,
35 authorizationdiglog,
33 }, 36 },
34 data() { 37 data() {
35 return { 38 return {
36 tabledata11: [ 39 tabledata: [
37 { 40 {
38 id: "c6221838-187b-4a7a-b173-b0543022f560", 41 id: "c6221838-187b-4a7a-b173-b0543022f560",
39 createdAt: "2021-08-26T07:00:07.101+0000", 42 createdAt: "2021-08-26T07:00:07.101+0000",
40 updatedAt: "2021-08-26T07:00:07.101+0000", 43 updatedAt: "2021-08-26T07:00:07.101+0000",
41 createdBy: "3127e455-43ba-45ff-9326-0e02ef89485e", 44 createdBy: "3127e455-43ba-45ff-9326-0e02ef89485e",
42 updatedBy: "3127e455-43ba-45ff-9326-0e02ef89485e", 45 updatedBy: "3127e455-43ba-45ff-9326-0e02ef89485e",
43 sort: 135, 46 sort: 35,
44 name: "概览", 47 name: "概览",
45 code: "GL", 48 code: "GL",
46 description: null, 49 description: null,
...@@ -293,14 +296,14 @@ export default { ...@@ -293,14 +296,14 @@ export default {
293 296
294 // 修改 297 // 修改
295 handleEdit(record) { 298 handleEdit(record) {
296 localStorage.setItem("record", JSON.stringify(record));
297 this.$refs.dialogForm.edit(record); 299 this.$refs.dialogForm.edit(record);
298 this.$refs.dialogForm.title = "修改"; 300 this.$refs.dialogForm.title = "修改";
299 }, 301 },
300 // 授权 302 // 授权
301 authorizationQuery(record) { 303 authorizationQuery(record) {
302 this.$refs.authorizationList.open(record, 'menu') 304 this.$refs.rolesForm.authorization(record);
303 this.$refs.authorizationList.emptyJudge = true 305 this.$refs.rolesForm.title = "授权查询";
306
304 }, 307 },
305 // 删除 308 // 删除
306 handleDelete(row, id) { 309 handleDelete(row, id) {
...@@ -340,4 +343,7 @@ export default { ...@@ -340,4 +343,7 @@ export default {
340 <style scoped lang="scss"> 343 <style scoped lang="scss">
341 @import "~@/styles/mixin.scss"; 344 @import "~@/styles/mixin.scss";
342 @import "~@/styles/public.scss"; 345 @import "~@/styles/public.scss";
346 /deep/.el-table__expand-icon{
347 color: #fff;
348 }
343 </style> 349 </style>
......
...@@ -6,17 +6,17 @@ class data extends filter { ...@@ -6,17 +6,17 @@ class data extends filter {
6 columns () { 6 columns () {
7 return [ 7 return [
8 { 8 {
9 prop: "job_name", 9 prop: "name",
10 label: "角色名称", 10 label: "角色名称",
11 width: 330 11 width: 330
12 }, 12 },
13 { 13 {
14 prop: "description", 14 prop: "type",
15 label: "类别", 15 label: "类别",
16 width: 400 16 width: 400
17 }, 17 },
18 { 18 {
19 prop: "cron_expression", 19 prop: "description",
20 label: "备注" 20 label: "备注"
21 } 21 }
22 ] 22 ]
......
1 import filter from '@/utils/filter.js'
2 class data extends filter {
3 constructor() {
4 super()
5 }
6 columns () {
7 return [
8 {
9 prop: "name",
10 label: "角色名称",
11 width: 330
12 },
13 {
14 prop: "type",
15 label: "类别",
16 width: 400
17 },
18 {
19 prop: "address",
20 label: "备注"
21 }
22 ]
23 }
24 }
25 export default new data()
...@@ -171,4 +171,17 @@ export default { ...@@ -171,4 +171,17 @@ export default {
171 } 171 }
172 } 172 }
173 </script> 173 </script>
174 <style scoped lang="scss"></style> 174 <style scoped lang="scss">
175 /deep/.el-input__inner {
176 background: #07388B;
177 border-radius: 2px;
178 border: 1px solid #6BC1FC;
179 }
180 /deep/.el-textarea__inner{
181 background: #07388B;
182 color: #fff;
183 }
184 /deep/.el-form-item__label{
185 color:#fff;
186 }
187 </style>
......
...@@ -6,185 +6,252 @@ ...@@ -6,185 +6,252 @@
6 <el-col :span="2" class="btnColRight"> 6 <el-col :span="2" class="btnColRight">
7 <btn nativeType="cx" @click="handleAdd">增加角色</btn> 7 <btn nativeType="cx" @click="handleAdd">增加角色</btn>
8 </el-col> 8 </el-col>
9
10 </el-row> 9 </el-row>
11 </el-form> 10 </el-form>
12 </div> 11 </div>
13 <div class="from-clues-content"> 12 <div class="from-clues-content">
14 <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="pageData.total" 13 <lb-table
15 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" 14 :page-size="pageData.size"
16 :data="tableData.data"> 15 :current-page.sync="pageData.current"
16 :total="pageData.total"
17 @size-change="handleSizeChange"
18 @p-current-change="handleCurrentChange"
19 :column="tableData.columns"
20 :data="tableData.data"
21 >
17 </lb-table> 22 </lb-table>
18 </div> 23 </div>
19 <EditDialog ref="dialogForm" /> 24 <EditDialog ref="addEditDialog" />
20 <Roleslistdiglog ref="rolesForm" /> 25 <Roleslistdiglog ref="rolesForm" />
21 </div> 26 </div>
22
23 </template> 27 </template>
24 <script> 28 <script>
25 // 定时任务 29 // 定时任务
26 import data from "./data" 30 import data from "./data";
27 import sjsbTask from '@/api/sjsbTask.js' 31 import sjsbTask from "@/api/sjsbTask.js";
28 import tableMixin from '@/mixins/tableMixin.js' 32 import tableMixin from "@/mixins/tableMixin.js";
29 import EditDialog from "./edit-dialog.vue"; 33 import EditDialog from "./edit-dialog.vue";
30 import Roleslistdiglog from "./roleslistdiglog.vue"; 34 import Roleslistdiglog from "./roleslistdiglog.vue";
31 export default { 35 export default {
32 name: "menus", 36 name: "menus",
33 mixins: [tableMixin], 37 mixins: [tableMixin],
34 components: { 38 components: {
35 EditDialog,Roleslistdiglog 39 EditDialog,
40 Roleslistdiglog,
36 }, 41 },
37 data () { 42 data() {
38 return { 43 return {
39 taskData: null, 44 taskData: null,
40 form: { 45 form: {
41 job_name: '', 46 job_name: "",
42 currentPage: 1 47 currentPage: 1,
43 }, 48 },
44 title: '', 49 // 当前所选角色id
50 roleId: "",
51 title: "",
45 queryParam: {}, 52 queryParam: {},
46 selectType: '0', 53 selectType: "0",
47 queryName: '', 54 queryName: "",
48 organizationId: '', // 组织机构ID 55 organizationId: "", // 组织机构ID
49 departmentId: '', // 部门ID 56 departmentId: "", // 部门ID
50 departmentList: [], // 部门列表 57 departmentList: [], // 部门列表
51 levelList: [], // 职务级别 58 levelList: [], // 职务级别
52 tableData: [], 59 tableData: [],
53 sexList: [], 60 sexList: [],
54 typeOptions: [ 61 typeOptions: [
55 { 62 {
56 value: '0', 63 value: "0",
57 label: '姓名' 64 label: "姓名",
58 }, 65 },
59 { 66 {
60 value: '1', 67 value: "1",
61 label: '工号' 68 label: "工号",
62 }, 69 },
63 { 70 {
64 value: '2', 71 value: "2",
65 label: '部门' 72 label: "部门",
66 }, 73 },
67 { 74 {
68 value: '3', 75 value: "3",
69 label: '机构' 76 label: "机构",
70 } 77 },
71 ], 78 ],
72 79
73 selectionList: [], 80 selectionList: [],
74 tableData: { 81 tableData: {
75 columns: [{ 82 columns: [
76 label: '序号', 83 {
77 type: 'index', 84 label: "序号",
78 width: '50', 85 type: "index",
86 width: "50",
79 index: this.indexMethod, 87 index: this.indexMethod,
80 }].concat(data.columns()).concat([ { 88 },
89 ]
90 .concat(data.columns())
91 .concat([
92 {
93 label: "排序",
94 width: 380,
95 render: (h, scope) => {
96 return (
97 <div>
98 <el-button
99 type="text"
100 size="mini"
101 icon="el-icon-video-pause"
102 onClick={() => {
103 this.personnel(scope.row);
104 }}
105 >
106 人员
107 </el-button>
108 <el-button
109 type="text"
110 size="mini"
111 icon="el-icon-edit"
112 onClick={() => {
113 this.handleEdit(scope.row);
114 }}
115 >
116 修改
117 </el-button>
118 </div>
119 );
120 },
121 },
122 ])
123 .concat([
124 {
81 label: "操作", 125 label: "操作",
82 width: 380, 126 width: 380,
83 render: (h, scope) => { 127 render: (h, scope) => {
84 return ( 128 return (
85 <div> 129 <div>
86 <el-button type="text" size="mini" 130 <el-button
131 type="text"
132 size="mini"
87 icon="el-icon-video-pause" 133 icon="el-icon-video-pause"
88 onClick={() => { this.personnel(scope.row) }}>人员 134 onClick={() => {
135 this.personnel(scope.row);
136 }}
137 >
138 人员
89 </el-button> 139 </el-button>
90 <el-button type="text" size="mini" 140 <el-button
141 type="text"
142 size="mini"
91 icon="el-icon-edit" 143 icon="el-icon-edit"
92 144 onClick={() => {
93 onClick={() => { this.handleEdit(scope.row) }}>修改 145 this.handleEdit(scope.row);
146 }}
147 >
148 修改
94 </el-button> 149 </el-button>
95 <el-button type="text" size="mini" 150 <el-button
96 icon="el-icon-delete" style="color:#F56C6C" 151 type="text"
97 onClick={() => { this.handleDel(scope.row) }}>删除 152 size="mini"
153 icon="el-icon-delete"
154 style="color:#F56C6C"
155 onClick={() => {
156 this.handleDel(scope.row);
157 }}
158 >
159 删除
98 </el-button> 160 </el-button>
99 </div> 161 </div>
100 ); 162 );
101 }, 163 },
102 }, 164 },
103 ]), 165 ]),
104 data: [] 166 data: [],
105 }, 167 },
106 pageData: { 168 pageData: {
107 total: 5, 169 total: 5,
108 pageSize: 15, 170 pageSize: 15,
109 current: 1, 171 current: 1,
110 }, 172 },
111 } 173 };
174 },
175 created() {
176 this.featchData();
112 }, 177 },
113 methods: { 178 methods: {
114 // 新增角色 179 // 新增角色
115 handleAdd() { 180 handleAdd() {
116 // this.$refs.addEditDialog.menuType = this.menuType
117 // this.$refs.addEditDialog.roleId = value.id 181 // this.$refs.addEditDialog.roleId = value.id
118 // this.roleSort = value.sort ? value.sort : 0 182 // this.roleSort = value.sort ? value.sort : 0
119 // if (value.id) { 183
120 // this.$refs.addEditDialog.dialogForm.roleName = value.name 184 this.$refs.addEditDialog.showAddEditDialog = true;
121 // this.$refs.addEditDialog.dialogForm.roleType = value.type 185 this.$refs.addEditDialog.dialogTitle = "新增";
122 // this.$refs.addEditDialog.dialogForm.roleTextArea = value.description
123 // }
124 this.$refs.dialogForm.showAddEditDialog = true
125 // this.$refs.addEditDialog.dialogTitle = value.id ? '修改' : '新增'
126 }, 186 },
127 // 修改角色 187 // 修改角色
128 handleEdit(row) { 188 handleEdit(row) {
129 // this.$refs.addEditDialog.menuType = this.menuType 189 this.$refs.addEditDialog.roleId = row.id;
130 // this.$refs.addEditDialog.roleId = row.id 190 this.roleSort = row.sort ? row.sort : 0;
131 // this.roleSort = row.sort ? row.sort : 0 191 if (row.id) {
132 // if (row.id) { 192 this.$refs.addEditDialog.dialogForm.roleName = row.name;
133 // this.$refs.addEditDialog.dialogForm.roleName = row.name 193 this.$refs.addEditDialog.dialogForm.roleType = row.type;
134 // this.$refs.addEditDialog.dialogForm.roleType = row.type 194 this.$refs.addEditDialog.dialogForm.roleTextArea = row.description;
135 // this.$refs.addEditDialog.dialogForm.roleTextArea = row.description 195 }
136 // } 196 this.$refs.addEditDialog.showAddEditDialog = true;
137 this.$refs.dialogForm.showAddEditDialog = true 197 this.$refs.addEditDialog.dialogTitle = "修改";
138 // this.$refs.addEditDialog.dialogTitle = row.id ? '修改' : '新增' 198 },
139 }, 199 featchData() {
140 featchData () {
141
142 this.tableData.data = [ 200 this.tableData.data = [
143 { 201 {
144 job_name: "人事部材料管理员", 202 id: "2176e915-fdb4-414a-b8d6-6cf63171cffc",
145 description: "材料管理员", 203 createdAt: "2022-10-31T07:08:29.293+0000",
146 cron_expression: "管理内部材料", 204 updatedAt: "2022-10-31T07:08:29.293+0000",
205 createdBy: "3127e455-43ba-45ff-9326-0e02ef89485e",
206 updatedBy: "3127e455-43ba-45ff-9326-0e02ef89485e",
207 sort: 29,
208 name: "人事部材料管理员",
209 type: "材料管理员",
210 category: 2,
211 description: "管理内部材料",
212 _X_ROW_KEY: "row_365",
147 }, 213 },
148 ] 214 ];
149 }, 215 },
150 216
151 personnel(){ 217 personnel() {
152 this.$refs.rolesForm.adds(); 218 this.$refs.rolesForm.adds();
153 // this.$refs.rolesForm.title = "人员配置"; 219 this.$refs.rolesForm.title = "人员配置";
154 }, 220 },
155 handleDel (row) { 221 handleDel(row) {
156 this.$confirm('此操将进行删除操作, 是否继续?', '提示', { 222 this.$confirm("此操将进行删除操作, 是否继续?", "提示", {
157 confirmButtonText: '确定', 223 confirmButtonText: "确定",
158 cancelButtonText: '取消', 224 cancelButtonText: "取消",
159 type: 'warning', 225 type: "warning",
160 }) 226 })
161 .then(() => { 227 .then(() => {
162 sjsbTask.sjsbTaskRemove(row.id) 228 sjsbTask
229 .sjsbTaskRemove(row.id)
163 .then((res) => { 230 .then((res) => {
164 if ((res.code = 200)) { 231 if ((res.code = 200)) {
165 this.$message({ 232 this.$message({
166 type: 'success', 233 type: "success",
167 message: res.message, 234 message: res.message,
168 }) 235 });
169 this.featchData() 236 this.featchData();
170 } 237 }
171 }) 238 })
172 .catch((error) => { 239 .catch((error) => {
173 this.$alert(error, '提示', { 240 this.$alert(error, "提示", {
174 confirmButtonText: '确定', 241 confirmButtonText: "确定",
175 type: 'error' 242 type: "error",
176 }) 243 });
177 }) 244 });
178 }) 245 })
179 .catch(() => { 246 .catch(() => {
180 this.$message({ 247 this.$message({
181 type: 'info', 248 type: "info",
182 message: '已取消', 249 message: "已取消",
183 }) 250 });
184 }) 251 });
185 } 252 },
186 } 253 },
187 } 254 };
188 </script> 255 </script>
189 <style scoped lang="scss"> 256 <style scoped lang="scss">
190 @import "~@/styles/mixin.scss"; 257 @import "~@/styles/mixin.scss";
......
1 <template> 1 <template>
2 <Dialog :title="title" :show.sync="visible" :width="'715px'" @close="close()"> 2 <Dialog
3 <template slot="content"> 3 :title="title"
4 <vxe-table 4 class="tableClass"
5 show-overflow 5 :show.sync="visible"
6 :data="memberList" 6 :width="'715px'"
7 border 7 @close="close()"
8 class="header-bg-type1"
9 auto-resize
10 :checkbox-config="{ highlight: true, range: true }"
11 highlight-hover-row
12 max-height="500px"
13 :empty-render="{ name: 'NotData' }"
14 > 8 >
15 <template #empty> 9 <template slot="content">
16 <table-empty /> 10 <lb-table
17 </template> 11 ref="multipleTable"
18 <vxe-table-column 12 :pagination="false"
19 type="checkbox" 13 :column="tableData.column"
20 width="60" 14 :data="tableData.data"
21 align="left" 15 @selection-change="handleSelectionChange"
22 fixed="left"
23 />
24 <vxe-table-column
25 field="code"
26 title="工号"
27 fixed="left"
28 min-width="100"
29 show-header-overflow="tooltip"
30 show-overflow="tooltip"
31 align="left"
32 />
33 <vxe-table-column
34 title="姓名"
35 fixed="left"
36 show-header-overflow="tooltip"
37 show-overflow="tooltip"
38 > 16 >
39 <template slot-scope="scope"> 17 </lb-table>
40 <svg-icon
41 :icon-class="
42 scope.row.sex === '0'
43 ? 'male'
44 : scope.row.sex === '1'
45 ? 'female'
46 : 'secrecy'
47 "
48 />
49 {{ scope.row.name }}
50 </template>
51 </vxe-table-column>
52 <vxe-table-column
53 field="loginName"
54 title="用户名"
55 fixed="left"
56 show-header-overflow="tooltip"
57 show-overflow="tooltip"
58 />
59 <vxe-table-column
60 field="departmentName"
61 title="部门"
62 show-header-overflow="tooltip"
63 show-overflow="tooltip"
64 />
65 </vxe-table>
66 </template> 18 </template>
67 <template slot="footer"> 19 <template slot="footer">
68 <el-button type="primary" class="save" @click="submitForm(1)" 20 <el-button type="primary" class="save" @click="handleSaveMember()"
69 >保存</el-button 21 >保存</el-button
70 > 22 >
71 <el-button class="cancel-button" @click="close()">取消</el-button> 23 <el-button class="cancel-button" @click="close()">取消</el-button>
...@@ -81,10 +33,46 @@ export default { ...@@ -81,10 +33,46 @@ export default {
81 props: {}, 33 props: {},
82 data() { 34 data() {
83 return { 35 return {
84 form: { 36 title: "人员配置",
85 sex: "0", 37 visible: false,
38
39 hasSelectList: [
40 {
41 name: "管理员",
42 loginName: "admin1",
43 departmentName: "研发部",
44 jobLevel: null,
45 },
46 {
47 name: "测试账号",
48 loginName: "admin2",
49 departmentName: "研发部",
50 jobLevel: null,
51 },
52 ], //已经选择的id组成的数组
53 tableData: {
54 column: [
55 {
56 type: "selection",
57 },
58 {
59 prop: "name",
60 label: "姓名",
61 },
62 {
63 prop: "loginName",
64 label: "用户名",
65 },
66 {
67 prop: "departmentName",
68 label: "部门",
69 },
70 {
71 prop: "jobLevel",
72 label: "职务",
86 }, 73 },
87 memberList: [ 74 ],
75 data: [
88 { 76 {
89 id: "3127e455-43ba-45ff-9326-0e02ef89485e", 77 id: "3127e455-43ba-45ff-9326-0e02ef89485e",
90 createdAt: null, 78 createdAt: null,
...@@ -114,24 +102,23 @@ export default { ...@@ -114,24 +102,23 @@ export default {
114 departmentName: "研发部", 102 departmentName: "研发部",
115 _X_ROW_KEY: "row_276", 103 _X_ROW_KEY: "row_276",
116 }, 104 },
105 {
106 name: "管理员",
107 loginName: "admin1",
108 departmentName: "研发部",
109 jobLevel: null,
110 selectStatus: 0,
111 },
112 {
113 name: "测试账号",
114 loginName: "admin2",
115 departmentName: "研发部",
116 jobLevel: null,
117 selectStatus: 0,
118 },
117 ], 119 ],
118 title: "", 120 },
119 type: "", 121 multipleSelection: [],
120 visible: false,
121 showLoginName: false,
122 options: [],
123 setProps: {
124 value: "id",
125 label: "name",
126 children: "children",
127 expandTrigger: "hover",
128 checkStrictly: true, // 可取消关联，选择任意一级选项
129 emitPath: false,
130 },
131 sexList: [],
132 levelList: [],
133 organizationId: "", // 组织机构ID
134 departmentId: "", // 部门ID
135 }; 122 };
136 }, 123 },
137 computed: {}, 124 computed: {},
...@@ -141,33 +128,49 @@ export default { ...@@ -141,33 +128,49 @@ export default {
141 methods: { 128 methods: {
142 adds() { 129 adds() {
143 this.visible = true; 130 this.visible = true;
131 this.tableData.data.forEach((item, index) => {
132 if (item.selectStatus === 0) {
133 this.$nextTick(() => {
134 this.$refs.multipleTable.toggleRowSelection(
135 this.tableData.data[index],
136 true
137 );
138 });
139 }
140 });
144 }, 141 },
145 edit(record) {
146 this.visible = true;
147 },
148 handleChange(value) {
149 this.form.departmentId = value;
150 },
151
152 close() { 142 close() {
153 // this.resetForm()
154 this.visible = false; 143 this.visible = false;
155 }, 144 },
145 // 保存事件
146 handleSaveMember() {
147 // if (this.memberList.length === 0) {
148 // this.$message.warning("请添加待选人员");
149 // return false;
150 // }
151 // const idList = this.memberList.map(item => item.id)
152 // updateUser(this.roleId, idList).then(res => {
153 // if (res.status === 1) {
154 // this.$message.success({ message: '保存成功', showClose: true })
155 // this.showMemberConfigDialog = false
156 // this.$emit('setUsers', this.roleId)
157 // this.resetMemberConfig()
158 // } else this.$message.error({ message: res.message, showClose: true })
159 // })
160 },
161 handleSelectionChange(val) {
162 this.multipleSelection = val;
163 },
156 }, 164 },
157 }; 165 };
158 </script> 166 </script>
159 <style scoped lang="scss"> 167 <style scoped lang="scss">
160 .el-form { 168 /deep/.el-dialog__header{
161 .el-form-item__content { 169 text-align: center;
162 .el-radio { 170 margin-bottom: 10px;
163 margin-right: 6px; 171 .el-dialog__title{
164 } 172 color: white;
165 } 173 }
166 .el-checkbox {
167 line-height: 40px;
168 }
169 .col-pd0 {
170 padding: 0 !important;
171 }
172 } 174 }
175
173 </style> 176 </style>
......
...@@ -222,17 +222,16 @@ export default { ...@@ -222,17 +222,16 @@ export default {
222 }; 222 };
223 </script> 223 </script>
224 <style scoped lang="scss"> 224 <style scoped lang="scss">
225 .el-form { 225 /deep/.el-input__inner {
226 .el-form-item__content { 226 background: #07388B;
227 .el-radio { 227 border-radius: 2px;
228 margin-right: 6px; 228 border: 1px solid #6BC1FC;
229 }
230 }
231 .el-checkbox {
232 line-height: 40px;
233 }
234 .col-pd0 {
235 padding: 0 !important;
236 } 229 }
230 /deep/.el-textarea__inner{
231 background: #07388B;
232 color: #fff;
233 }
234 /deep/.el-form-item__label{
235 color:#fff;
237 } 236 }
238 </style> 237 </style>
......
...@@ -7,10 +7,6 @@ ...@@ -7,10 +7,6 @@
7 <el-col :span="2" class="btnColRight"> 7 <el-col :span="2" class="btnColRight">
8 <el-form-item> 8 <el-form-item>
9 <btn nativeType="cx" @click="handleAdd">添加人员</btn> 9 <btn nativeType="cx" @click="handleAdd">添加人员</btn>
10 <!-- <btn nativeType="cx" @click="resetPassword(selectionRows)"
11 >重置密码</btn
12 >
13 <btn nativeType="cx" @click="resetSearch()">重置</btn> -->
14 </el-form-item> 10 </el-form-item>
15 </el-col> 11 </el-col>
16 </el-row> 12 </el-row>
...@@ -33,6 +29,13 @@ ...@@ -33,6 +29,13 @@
33 </template> 29 </template>
34 <script> 30 <script>
35 // 定时任务 31 // 定时任务
32 import {
33 getUuid,
34 judgeSort,
35 realMove,
36 findParents,
37 removeTreeListItem,
38 } from "@/utils/operation";
36 import data from "./data"; 39 import data from "./data";
37 import sjsbTask from "@/api/sjsbTask.js"; 40 import sjsbTask from "@/api/sjsbTask.js";
38 import tableMixin from "@/mixins/tableMixin.js"; 41 import tableMixin from "@/mixins/tableMixin.js";
...@@ -94,7 +97,28 @@ export default { ...@@ -94,7 +97,28 @@ export default {
94 label: "排序", 97 label: "排序",
95 width: 380, 98 width: 380,
96 render: (h, scope) => { 99 render: (h, scope) => {
97 return <div></div>; 100 return (
101 <div>
102 <el-button
103 type="text"
104 disabled={scope.row.isTop}
105 onClick={() => {
106 this.moveUpward(scope.$index, scope.row);
107 }}
108 >
109 上移
110 </el-button>
111 <el-button
112 type="text"
113 disabled={scope.row.isBottom}
114 onClick={() => {
115 this.moveDown(scope.$index, scope.row);
116 }}
117 >
118 下移
119 </el-button>
120 </div>
121 );
98 }, 122 },
99 }, 123 },
100 { 124 {
...@@ -213,7 +237,7 @@ export default { ...@@ -213,7 +237,7 @@ export default {
213 address: null, 237 address: null,
214 _X_ROW_KEY: "row_43", 238 _X_ROW_KEY: "row_43",
215 switch: true, 239 switch: true,
216 } 240 },
217 ]; 241 ];
218 }, 242 },
219 // 重置搜索 243 // 重置搜索
...@@ -256,6 +280,21 @@ export default { ...@@ -256,6 +280,21 @@ export default {
256 }) 280 })
257 .catch(() => {}); 281 .catch(() => {});
258 }, 282 },
283 // 上移下移
284 moveUpward(index, row) {
285 console.log("index",index);
286 console.log("row",row);
287 realMove(row.bsmDict, "UP", this.tableData);
288 this.key++;
289 let id = findParents(this.tableData, row.bsmDict);
290 this.keyList = id;
291 },
292 moveDown(index, row) {
293 realMove(row.bsmDict, "DOWN", this.tableData);
294 this.key++;
295 let id = findParents(this.tableData, row.bsmDict);
296 this.keyList = id;
297 },
259 // 重置用户密码 298 // 重置用户密码
260 resetPassword(data) { 299 resetPassword(data) {
261 const ids = []; 300 const ids = [];
......
1 <template> 1 <template>
2 <!-- 编辑 --> 2 <!-- 编辑 -->
3 <dialogBox title="操作内容" @closeDialog="closeDialog" @submitForm="handleSubmit" v-model="myValue"> 3 <dialogBox title="操作内容" @closeDialog="closeDialog" @submitForm="handleSubmit" v-model="myValue">
4 <p>2222222222222222222222</p> 4 <p>2</p>
5 </dialogBox> 5 </dialogBox>
6 </template> 6 </template>
7 7
......