样式调整
Showing
9 changed files
with
346 additions
and
321 deletions
... | @@ -2,6 +2,7 @@ | ... | @@ -2,6 +2,7 @@ |
2 | <div> | 2 | <div> |
3 | <i class="el-icon-s-management icon" :title="title" @click="openDialog" /> | 3 | <i class="el-icon-s-management icon" :title="title" @click="openDialog" /> |
4 | <el-dialog | 4 | <el-dialog |
5 | class="configuration" | ||
5 | :key="key" | 6 | :key="key" |
6 | :title="title" | 7 | :title="title" |
7 | :inner-dialog="true" | 8 | :inner-dialog="true" |
... | @@ -9,8 +10,7 @@ | ... | @@ -9,8 +10,7 @@ |
9 | width="600px" | 10 | width="600px" |
10 | :close-on-click-modal="false" | 11 | :close-on-click-modal="false" |
11 | append-to-body | 12 | append-to-body |
12 | @cancel="cancel" | 13 | @cancel="cancel"> |
13 | > | ||
14 | <vue-json-editor | 14 | <vue-json-editor |
15 | id="minejson" | 15 | id="minejson" |
16 | v-model="resultInfo" | 16 | v-model="resultInfo" |
... | @@ -18,15 +18,13 @@ | ... | @@ -18,15 +18,13 @@ |
18 | lang="zh" | 18 | lang="zh" |
19 | @json-change="onJsonChange" | 19 | @json-change="onJsonChange" |
20 | @json-save="onJsonSave" | 20 | @json-save="onJsonSave" |
21 | @has-error="onError" | 21 | @has-error="onError" /> |
22 | /> | ||
23 | <el-tooltip | 22 | <el-tooltip |
24 | content="全屏缩放" | 23 | content="全屏缩放" |
25 | effect="dark" | 24 | effect="dark" |
26 | placement="bottom" | 25 | placement="bottom" |
27 | fullscreen | 26 | fullscreen |
28 | class="fullScreen" | 27 | class="fullScreen"> |
29 | > | ||
30 | <i class="el-icon-full-screen" @click="enLarge" /> | 28 | <i class="el-icon-full-screen" @click="enLarge" /> |
31 | </el-tooltip> | 29 | </el-tooltip> |
32 | <template slot="footer"> | 30 | <template slot="footer"> |
... | @@ -34,142 +32,156 @@ | ... | @@ -34,142 +32,156 @@ |
34 | <el-button | 32 | <el-button |
35 | type="primary" | 33 | type="primary" |
36 | class="confirmBtn" | 34 | class="confirmBtn" |
37 | @click="onJsonSave" | 35 | @click="onJsonSave">保存</el-button> |
38 | >保存</el-button> | ||
39 | <el-button | 36 | <el-button |
40 | type="primary" | 37 | type="primary" |
41 | class="cancelBtn" | 38 | class="cancelBtn" |
42 | @click="cancel" | 39 | @click="cancel">关闭</el-button> |
43 | >关闭</el-button> | ||
44 | </div> | 40 | </div> |
45 | </template> | 41 | </template> |
46 | </el-dialog> | 42 | </el-dialog> |
47 | </div> | 43 | </div> |
48 | </template> | 44 | </template> |
49 | <script> | 45 | <script> |
50 | import vueJsonEditor from 'vue-json-editor' | 46 | import vueJsonEditor from 'vue-json-editor' |
51 | export default { | 47 | export default { |
52 | components: { | 48 | components: { |
53 | vueJsonEditor | 49 | vueJsonEditor |
54 | }, | ||
55 | props: { | ||
56 | title: { | ||
57 | type: String, | ||
58 | default: '配置参数' | ||
59 | }, | 50 | }, |
60 | resultInfos: { | 51 | props: { |
61 | type: String, | 52 | title: { |
62 | default: '' | 53 | type: String, |
63 | } | 54 | default: '配置参数' |
64 | }, | ||
65 | data() { | ||
66 | return { | ||
67 | activeNames: [], | ||
68 | resultInfo: {}, | ||
69 | tmpResultInfo: {}, | ||
70 | dialogVisible: false, | ||
71 | hasJsonFlag: true, | ||
72 | key: 0, | ||
73 | isEnlarge: false | ||
74 | } | ||
75 | }, | ||
76 | watch: { | ||
77 | resultInfos: { | ||
78 | handler: function(val) { | ||
79 | ++this.key | ||
80 | this.resultInfo = | ||
81 | this.resultInfos === '' ? {} : JSON.parse(this.resultInfos) | ||
82 | this.tmpResultInfo = this.resultInfo | ||
83 | }, | 55 | }, |
84 | deep: true, | 56 | resultInfos: { |
85 | immediate: true | 57 | type: String, |
86 | } | 58 | default: '' |
87 | }, | ||
88 | |||
89 | mounted() { | ||
90 | this.resultInfo = | ||
91 | this.resultInfos === '' ? {} : JSON.parse(this.resultInfos) | ||
92 | }, | ||
93 | |||
94 | methods: { | ||
95 | onJsonChange(value) { | ||
96 | // 只有在格式正确的时候进入此事件 | ||
97 | this.hasJsonFlag = true | ||
98 | }, | ||
99 | onJsonSave() { | ||
100 | const value = this.resultInfo | ||
101 | console.log(this.resultInfo, 'resultInfo') | ||
102 | if (this.hasJsonFlag === false) { | ||
103 | this.$message.error({ message: 'json格式验证失败', showClose: true }) | ||
104 | // alert("json验证失败") | ||
105 | return false | ||
106 | } else { | ||
107 | this.dialogVisible = false | ||
108 | this.$emit('getJsonString', JSON.stringify(value)) | ||
109 | return true | ||
110 | } | 59 | } |
111 | }, | 60 | }, |
112 | onError(value) { | 61 | data () { |
113 | this.hasJsonFlag = false | 62 | return { |
63 | activeNames: [], | ||
64 | resultInfo: {}, | ||
65 | tmpResultInfo: {}, | ||
66 | dialogVisible: false, | ||
67 | hasJsonFlag: true, | ||
68 | key: 0, | ||
69 | isEnlarge: false | ||
70 | } | ||
114 | }, | 71 | }, |
115 | openDialog() { | 72 | watch: { |
116 | this.dialogVisible = true | 73 | resultInfos: { |
74 | handler: function (val) { | ||
75 | ++this.key | ||
76 | this.resultInfo = | ||
77 | this.resultInfos === '' ? {} : JSON.parse(this.resultInfos) | ||
78 | this.tmpResultInfo = this.resultInfo | ||
79 | }, | ||
80 | deep: true, | ||
81 | immediate: true | ||
82 | } | ||
117 | }, | 83 | }, |
118 | cancel() { | 84 | |
119 | console.log(this.tmpResultInfo, 'tmpResultInfo') | 85 | mounted () { |
120 | this.resultInfo = this.tmpResultInfo | 86 | this.resultInfo = |
121 | this.dialogVisible = false | 87 | this.resultInfos === '' ? {} : JSON.parse(this.resultInfos) |
122 | }, | 88 | }, |
123 | // 放大 | 89 | |
124 | enLarge() { | 90 | methods: { |
125 | const fullarea = document.getElementById('minejson') | 91 | onJsonChange (value) { |
126 | if (fullarea.requestFullscreen) { | 92 | // 只有在格式正确的时候进入此事件 |
127 | fullarea.requestFullscreen() | 93 | this.hasJsonFlag = true |
128 | } else if (fullarea.webkitRequestFullScreen) { | 94 | }, |
129 | fullarea.webkitRequestFullScreen() // webkit内核(chrome、safari、Opera等) | 95 | onJsonSave () { |
130 | } else if (fullarea.mozRequestFullScreen) { | 96 | const value = this.resultInfo |
131 | fullarea.mozRequestFullScreen() // moz内核(firefox) | 97 | console.log(this.resultInfo, 'resultInfo') |
132 | } else if (fullarea.msRequestFullscreen) { | 98 | if (this.hasJsonFlag === false) { |
133 | fullarea.msRequestFullscreen() // IE11、edge | 99 | this.$message.error({ message: 'json格式验证失败', showClose: true }) |
100 | // alert("json验证失败") | ||
101 | return false | ||
102 | } else { | ||
103 | this.dialogVisible = false | ||
104 | this.$emit('getJsonString', JSON.stringify(value)) | ||
105 | return true | ||
106 | } | ||
107 | }, | ||
108 | onError (value) { | ||
109 | this.hasJsonFlag = false | ||
110 | }, | ||
111 | openDialog () { | ||
112 | this.dialogVisible = true | ||
113 | }, | ||
114 | cancel () { | ||
115 | console.log(this.tmpResultInfo, 'tmpResultInfo') | ||
116 | this.resultInfo = this.tmpResultInfo | ||
117 | this.dialogVisible = false | ||
118 | }, | ||
119 | // 放大 | ||
120 | enLarge () { | ||
121 | const fullarea = document.getElementById('minejson') | ||
122 | if (fullarea.requestFullscreen) { | ||
123 | fullarea.requestFullscreen() | ||
124 | } else if (fullarea.webkitRequestFullScreen) { | ||
125 | fullarea.webkitRequestFullScreen() // webkit内核(chrome、safari、Opera等) | ||
126 | } else if (fullarea.mozRequestFullScreen) { | ||
127 | fullarea.mozRequestFullScreen() // moz内核(firefox) | ||
128 | } else if (fullarea.msRequestFullscreen) { | ||
129 | fullarea.msRequestFullscreen() // IE11、edge | ||
130 | } | ||
131 | this.isEnlarge = true | ||
134 | } | 132 | } |
135 | this.isEnlarge = true | ||
136 | } | 133 | } |
137 | } | 134 | } |
138 | } | ||
139 | </script> | 135 | </script> |
140 | 136 | ||
141 | <style scoped lang="scss"> | 137 | <style scoped lang="scss"> |
142 | /* jsoneditor右上角默认有一个链接,加css去掉了 */ | 138 | /* jsoneditor右上角默认有一个链接,加css去掉了 */ |
143 | .icon { | 139 | .icon { |
144 | color: #349af3; | 140 | color: #349af3; |
145 | } | 141 | } |
146 | /deep/ .jsoneditor-vue { | 142 | /deep/ .jsoneditor-vue { |
147 | height: 100%; | 143 | height: 100%; |
148 | } | 144 | } |
149 | .fullScreen { | 145 | .fullScreen { |
150 | position: absolute; | 146 | position: absolute; |
151 | right: 5%; | 147 | right: 5%; |
152 | top: 22%; | 148 | top: 20%; |
153 | cursor: pointer; | 149 | cursor: pointer; |
154 | color: #fff; | 150 | color: #fff; |
155 | } | 151 | } |
156 | /deep/ .jsoneditor-modes { | 152 | /deep/ .jsoneditor-modes { |
157 | display: none !important; | 153 | display: none !important; |
158 | } | 154 | } |
159 | .jsoneditor-poweredBy { | 155 | /deep/.jsoneditor-poweredBy { |
160 | display: none !important; | 156 | display: none !important; |
161 | } | 157 | } |
162 | .jsoneditor-menu { | 158 | .jsoneditor-menu { |
163 | background-color: #9c9e9f !important; | 159 | background-color: #9c9e9f !important; |
164 | border-bottom: 1px solid #9c9e9f !important; | 160 | border-bottom: 1px solid #9c9e9f !important; |
165 | } | 161 | } |
166 | .jsoneditor { | 162 | .jsoneditor { |
167 | border: 1px solid #9c9e9f !important; | 163 | border: 1px solid #9c9e9f !important; |
168 | } | 164 | } |
169 | .el-collapse { | 165 | .el-collapse { |
170 | border: 0; | 166 | border: 0; |
171 | } | 167 | } |
172 | .el-collapse-item__header { | 168 | .el-collapse-item__header { |
173 | height: 44px; | 169 | height: 44px; |
174 | } | 170 | } |
171 | .configuration { | ||
172 | color: white; | ||
173 | margin-top: 6vh; | ||
174 | /deep/.el-dialog { | ||
175 | background-color: #031a46 !important; | ||
176 | border: 1px solid #5f82c7; | ||
177 | .el-dialog__header { | ||
178 | .el-dialog__title { | ||
179 | color: white !important; | ||
180 | } | ||
181 | .el-dialog__headerbtn { | ||
182 | top: 20px; | ||
183 | } | ||
184 | } | ||
185 | } | ||
186 | } | ||
175 | </style> | 187 | </style> | ... | ... |
... | @@ -519,3 +519,31 @@ tr:hover { | ... | @@ -519,3 +519,31 @@ tr:hover { |
519 | color: white; | 519 | color: white; |
520 | } | 520 | } |
521 | } | 521 | } |
522 | // 上级菜单 | ||
523 | .el-cascader__dropdown { | ||
524 | background-color: #031a46; | ||
525 | border: 1px solid #5f82c7; | ||
526 | |||
527 | } | ||
528 | .el-cascader-menu{ | ||
529 | color: white; | ||
530 | } | ||
531 | .el-radio | ||
532 | { | ||
533 | .el-cascader-menu:hover{ | ||
534 | color: white; | ||
535 | } | ||
536 | } | ||
537 | .el-cascader-node:not(.is-disabled):hover, .el-cascader-node:not(.is-disabled):focus { | ||
538 | background: #F5F7FA; | ||
539 | background-image: initial; | ||
540 | background-position-x: initial; | ||
541 | background-position-y: initial; | ||
542 | background-size: initial; | ||
543 | background-repeat-x: initial; | ||
544 | background-repeat-y: initial; | ||
545 | background-attachment: initial; | ||
546 | background-origin: initial; | ||
547 | background-clip: initial; | ||
548 | background-color: rgb(80, 142, 235); | ||
549 | } | ... | ... |
... | @@ -21,4 +21,4 @@ export default function filterAsyncRouter (routers) { | ... | @@ -21,4 +21,4 @@ export default function filterAsyncRouter (routers) { |
21 | } | 21 | } |
22 | function loadView (view) { | 22 | function loadView (view) { |
23 | return r => require.ensure([], () => r(require(`@/views${view}.vue`))) | 23 | return r => require.ensure([], () => r(require(`@/views${view}.vue`))) |
24 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
24 | } | ... | ... |
... | @@ -99,187 +99,188 @@ | ... | @@ -99,187 +99,188 @@ |
99 | </template> | 99 | </template> |
100 | 100 | ||
101 | <script> | 101 | <script> |
102 | // 接收报文查询 | 102 | // 接收报文查询 |
103 | // 引入表格头部数据 | 103 | // 引入表格头部数据 |
104 | import data from "./data"; | 104 | import data from "./data"; |
105 | // 引入table混入方法 | 105 | // 引入table混入方法 |
106 | import tableMixin from "@/mixins/tableMixin.js"; | 106 | import tableMixin from "@/mixins/tableMixin.js"; |
107 | import { getReceiveDataReportPage } from "@/api/dataReport.js"; | 107 | import { getReceiveDataReportPage } from "@/api/dataReport.js"; |
108 | // 引入详情弹框 | 108 | // 引入详情弹框 |
109 | import dataDetails from "@/components/EditDialog"; | 109 | import dataDetails from "@/components/EditDialog"; |
110 | //引入日期处理方法 | 110 | //引入日期处理方法 |
111 | import { timeFormat } from "@/utils/operation"; | 111 | import { timeFormat } from "@/utils/operation"; |
112 | export default { | 112 | export default { |
113 | name: "jsbwcx", | 113 | name: "jsbwcx", |
114 | mixins: [tableMixin], | 114 | mixins: [tableMixin], |
115 | // 注册组件 | 115 | // 注册组件 |
116 | components: { | 116 | components: { |
117 | dataDetails, | 117 | dataDetails, |
118 | }, | 118 | }, |
119 | data () { | 119 | data () { |
120 | return { | 120 | return { |
121 | pickerOptionsStart: { | 121 | pickerOptionsStart: { |
122 | disabledDate: (time) => { | 122 | disabledDate: (time) => { |
123 | let endDateVal = this.form.receiveEndTime; | 123 | let endDateVal = this.form.receiveEndTime; |
124 | if (endDateVal) { | 124 | if (endDateVal) { |
125 | return ( | 125 | return ( |
126 | time.getTime() >= | 126 | time.getTime() >= |
127 | new Date(endDateVal).getTime() | 127 | new Date(endDateVal).getTime() |
128 | ); | 128 | ); |
129 | } | 129 | } |
130 | }, | ||
130 | }, | 131 | }, |
131 | }, | 132 | pickerOptionsEnd: { |
132 | pickerOptionsEnd: { | 133 | disabledDate: (time) => { |
133 | disabledDate: (time) => { | 134 | let beginDateVal = this.form.receiveStartTime; |
134 | let beginDateVal = this.form.receiveStartTime; | 135 | if (beginDateVal) { |
135 | if (beginDateVal) { | 136 | return ( |
136 | return ( | 137 | time.getTime() < |
137 | time.getTime() < | 138 | new Date(beginDateVal).getTime() |
138 | new Date(beginDateVal).getTime() | 139 | ); |
139 | ); | 140 | } |
140 | } | 141 | }, |
141 | }, | 142 | }, |
142 | }, | 143 | // 表格数据 |
143 | // 表格数据 | 144 | form: { |
144 | form: { | 145 | qxdm: "", // 行政区 |
145 | qxdm: "", // 行政区 | 146 | receiveStartTime: "", // 开始日期 |
146 | receiveStartTime: "", // 开始日期 | 147 | receiveEndTime: "", // 结束日期 |
147 | receiveEndTime: "", // 结束日期 | 148 | bdcdyh: "", // 不动产单元号 |
148 | bdcdyh: "", // 不动产单元号 | 149 | ywh: "", // 业务号 |
149 | ywh: "", // 业务号 | 150 | qllx: "", // 权利类型 |
150 | qllx: "", // 权利类型 | 151 | djlx: "", // 登记类型 |
151 | djlx: "", // 登记类型 | 152 | jcjg: "", // 检查结果 |
152 | jcjg: "", // 检查结果 | 153 | rkjg: "", //入库结果 |
153 | rkjg: "", //入库结果 | 154 | currentPage: 1 |
154 | currentPage: 1 | 155 | }, |
155 | }, | 156 | // 校验规则 |
156 | // 校验规则 | 157 | rules: { |
157 | rules: { | 158 | pcode: [{ required: true, message: "请选择行政区", trigger: "change" }], |
158 | pcode: [{ required: true, message: "请选择行政区", trigger: "change" }], | 159 | startTime: [ |
159 | startTime: [ | 160 | { required: true, message: "请选择开始日期", trigger: "change" }, |
160 | { required: true, message: "请选择开始日期", trigger: "change" }, | 161 | ], |
161 | ], | 162 | endTime: [ |
162 | endTime: [ | 163 | { required: true, message: "请选择结束日期", trigger: "change" }, |
163 | { required: true, message: "请选择结束日期", trigger: "change" }, | 164 | ], |
164 | ], | 165 | bdcdyh: [ |
165 | bdcdyh: [ | 166 | { required: true, message: "不动产单元号", trigger: "change" }, |
166 | { required: true, message: "不动产单元号", trigger: "change" }, | 167 | ], |
167 | ], | 168 | ywmc: [{ required: true, message: "业务名称", trigger: "change" }], |
168 | ywmc: [{ required: true, message: "业务名称", trigger: "change" }], | 169 | jcjg: [{ required: true, message: "检查结果", trigger: "change" }], |
169 | jcjg: [{ required: true, message: "检查结果", trigger: "change" }], | 170 | rkjg: [{ required: true, message: "入库结果", trigger: "change" }], |
170 | rkjg: [{ required: true, message: "入库结果", trigger: "change" }], | 171 | }, |
171 | }, | 172 | // 表格数据 |
172 | // 表格数据 | 173 | tableData: { |
173 | tableData: { | 174 | // 表格头部 |
174 | // 表格头部 | 175 | columns: [ |
175 | columns: [ | ||
176 | { | ||
177 | label: "序号", | ||
178 | type: "index", | ||
179 | width: "50", | ||
180 | index: this.indexMethod, | ||
181 | } | ||
182 | ] | ||
183 | .concat(data.columns()) | ||
184 | .concat([ | ||
185 | { | 176 | { |
186 | label: "操作", | 177 | label: "序号", |
187 | width: "90", | 178 | type: "index", |
188 | render: (h, scope) => { | 179 | width: "50", |
189 | return ( | 180 | index: this.indexMethod, |
190 | <div> | 181 | } |
191 | <el-button | 182 | ] |
192 | type="primary" | 183 | .concat(data.columns()) |
193 | onClick={() => { | 184 | .concat([ |
194 | this.handleDetails(scope.row); | 185 | { |
195 | }} | 186 | label: "操作", |
196 | > | 187 | width: "90", |
197 | 详情 | 188 | render: (h, scope) => { |
198 | </el-button> | 189 | return ( |
199 | </div> | 190 | <div> |
200 | ) | 191 | <el-button |
192 | type="primary" | ||
193 | onClick={() => { | ||
194 | this.handleDetails(scope.row); | ||
195 | }} | ||
196 | > | ||
197 | 详情 | ||
198 | </el-button> | ||
199 | </div> | ||
200 | ) | ||
201 | } | ||
201 | } | 202 | } |
203 | ]), | ||
204 | // 表格列表数据 | ||
205 | total: 0, | ||
206 | data: [], | ||
207 | }, | ||
208 | // 分页 | ||
209 | pageData: { | ||
210 | total: 0, | ||
211 | pageSize: 10, | ||
212 | current: 1 | ||
213 | }, | ||
214 | title: "", | ||
215 | }; | ||
216 | }, | ||
217 | methods: { | ||
218 | //截止日期变化 | ||
219 | endTimeChange (val) { | ||
220 | this.form.receiveEndTime = timeFormat(new Date(val), true) | ||
221 | }, | ||
222 | // 初始化数据 | ||
223 | queryClick () { | ||
224 | getReceiveDataReportPage({ ...this.form, ...this.formData }).then( | ||
225 | (res) => { | ||
226 | if (res.code === 200) { | ||
227 | console.log("菜单列表", res); | ||
228 | let { total, records, current } = res.result; | ||
229 | this.tableData.total = total; | ||
230 | this.tableData.data = records ? records : []; | ||
231 | this.pageData.current = current | ||
202 | } | 232 | } |
203 | ]), | 233 | } |
204 | // 表格列表数据 | 234 | ) |
205 | total: 0, | ||
206 | data: [], | ||
207 | }, | 235 | }, |
208 | // 分页 | 236 | // 重置 |
209 | pageData: { | 237 | resetForm () { |
210 | total: 0, | 238 | this.$refs.ruleForm.resetFields(); |
211 | pageSize: 10, | 239 | this.form.currentPage = 1 |
212 | current: 1 | 240 | this.queryClick(); |
213 | }, | 241 | }, |
214 | title: "", | 242 | featchData () { |
215 | }; | 243 | this.queryClick(); |
216 | }, | 244 | }, |
217 | methods: { | 245 | // 结果 |
218 | //截止日期变化 | 246 | handleResult (row) { |
219 | endTimeChange (val) { | 247 | this.$popupDialog('响应结果', 'views/jsbwcx/components/result', row) |
220 | this.form.receiveEndTime = timeFormat(new Date(val), true) | 248 | }, |
221 | }, | 249 | // 详情 |
222 | // 初始化数据 | 250 | handleDetails (row) { |
223 | queryClick () { | 251 | if (row.rectypeName) { |
224 | getReceiveDataReportPage({ ...this.form, ...this.formData }).then( | 252 | this.title = row.rectypeName |
225 | (res) => { | 253 | } else { |
226 | if (res.code === 200) { | 254 | let Title = '' |
227 | let { total, records, current } = res.result; | 255 | this.dicData['A21'].map(item => { |
228 | this.tableData.total = total; | 256 | if (item.DCODE == row.DJLX || item.DCODE == row.djlx) { |
229 | this.tableData.data = records ? records : []; | 257 | Title = item.DNAME |
230 | this.pageData.current = current | 258 | return |
231 | } | 259 | } |
232 | } | 260 | }) |
233 | ) | ||
234 | }, | ||
235 | // 重置 | ||
236 | resetForm () { | ||
237 | this.$refs.ruleForm.resetFields(); | ||
238 | this.form.currentPage = 1 | ||
239 | this.queryClick(); | ||
240 | }, | ||
241 | featchData () { | ||
242 | this.queryClick(); | ||
243 | }, | ||
244 | // 结果 | ||
245 | handleResult (row) { | ||
246 | this.$popupDialog('响应结果', 'views/jsbwcx/components/result', row) | ||
247 | }, | ||
248 | // 详情 | ||
249 | handleDetails (row) { | ||
250 | if (row.rectypeName) { | ||
251 | this.title = row.rectypeName | ||
252 | } else { | ||
253 | let Title = '' | ||
254 | this.dicData['A21'].map(item => { | ||
255 | if (item.DCODE == row.DJLX || item.DCODE == row.djlx) { | ||
256 | Title = item.DNAME | ||
257 | return | ||
258 | } | ||
259 | }) | ||
260 | 261 | ||
261 | this.dicData['A8'].map(item => { | 262 | this.dicData['A8'].map(item => { |
262 | if (item.DCODE == row.QLLX || item.DCODE == row.qllx) { | 263 | if (item.DCODE == row.QLLX || item.DCODE == row.qllx) { |
263 | Title += '-' + item.DNAME | 264 | Title += '-' + item.DNAME |
264 | return | 265 | return |
265 | } | 266 | } |
266 | }) | 267 | }) |
267 | this.title = Title | 268 | this.title = Title |
268 | } | 269 | } |
269 | this.$refs.editLog.isShow(row); | 270 | this.$refs.editLog.isShow(row); |
270 | if (row.receiveState == 2) { | 271 | if (row.receiveState == 2) { |
271 | this.$store.dispatch('business/setReportLogEdit') | 272 | this.$store.dispatch('business/setReportLogEdit') |
272 | } else { | 273 | } else { |
273 | this.$store.dispatch('business/setEdit') | 274 | this.$store.dispatch('business/setEdit') |
274 | } | 275 | } |
275 | }, | 276 | }, |
277 | } | ||
276 | } | 278 | } |
277 | } | ||
278 | </script> | 279 | </script> |
279 | <style scoped lang="scss"> | 280 | <style scoped lang="scss"> |
280 | // 引入表单整体样式 | 281 | // 引入表单整体样式 |
281 | @import "~@/styles/public.scss"; | 282 | @import "~@/styles/public.scss"; |
282 | // 引入当前css | 283 | // 引入当前css |
283 | @import "./index.scss"; | 284 | @import "./index.scss"; |
284 | </style> | 285 | </style> |
285 | 286 | ... | ... |
... | @@ -8,7 +8,7 @@ | ... | @@ -8,7 +8,7 @@ |
8 | <template slot="content"> | 8 | <template slot="content"> |
9 | <el-form ref="form" :model="dialogForm" :rules="rules" label-width="82px"> | 9 | <el-form ref="form" :model="dialogForm" :rules="rules" label-width="82px"> |
10 | <el-row :gutter="24"> | 10 | <el-row :gutter="24"> |
11 | <el-col :span="12"> | 11 | <el-col :span="15"> |
12 | <el-form-item label="角色名称:" prop="roleName"> | 12 | <el-form-item label="角色名称:" prop="roleName"> |
13 | <el-input | 13 | <el-input |
14 | v-model="dialogForm.roleName" | 14 | v-model="dialogForm.roleName" |
... | @@ -16,7 +16,9 @@ | ... | @@ -16,7 +16,9 @@ |
16 | placeholder="角色名称" /> | 16 | placeholder="角色名称" /> |
17 | </el-form-item> | 17 | </el-form-item> |
18 | </el-col> | 18 | </el-col> |
19 | <el-col :span="12"> | 19 | </el-row> |
20 | <el-row :gutter="24"> | ||
21 | <el-col :span="24"> | ||
20 | <el-form-item label="角色类型:" prop="roleType"> | 22 | <el-form-item label="角色类型:" prop="roleType"> |
21 | <el-input | 23 | <el-input |
22 | v-model="dialogForm.roleType" | 24 | v-model="dialogForm.roleType" |
... | @@ -25,7 +27,6 @@ | ... | @@ -25,7 +27,6 @@ |
25 | </el-form-item> | 27 | </el-form-item> |
26 | </el-col> | 28 | </el-col> |
27 | </el-row> | 29 | </el-row> |
28 | <br> | ||
29 | <el-row> | 30 | <el-row> |
30 | <el-col :span="24"> | 31 | <el-col :span="24"> |
31 | <el-form-item label="备注:" class="form-item-mb0"> | 32 | <el-form-item label="备注:" class="form-item-mb0"> | ... | ... |
... | @@ -14,9 +14,7 @@ | ... | @@ -14,9 +14,7 @@ |
14 | </div> | 14 | </div> |
15 | <div class="from-clues-content"> | 15 | <div class="from-clues-content"> |
16 | <lb-table | 16 | <lb-table |
17 | :page-size="pageData.size" | 17 | :pagination="false" |
18 | :current-page.sync="pageData.current" | ||
19 | :total="pageData.total" | ||
20 | @size-change="handleSizeChange" | 18 | @size-change="handleSizeChange" |
21 | @p-current-change="handleCurrentChange" | 19 | @p-current-change="handleCurrentChange" |
22 | :column="tableData.columns" | 20 | :column="tableData.columns" |
... | @@ -219,11 +217,6 @@ | ... | @@ -219,11 +217,6 @@ |
219 | ]), | 217 | ]), |
220 | data: [], | 218 | data: [], |
221 | }, | 219 | }, |
222 | pageData: { | ||
223 | total: 5, | ||
224 | pageSize: 15, | ||
225 | current: 1, | ||
226 | }, | ||
227 | }; | 220 | }; |
228 | }, | 221 | }, |
229 | created () { | 222 | created () { |
... | @@ -242,6 +235,7 @@ | ... | @@ -242,6 +235,7 @@ |
242 | Builtinrole = res.content; | 235 | Builtinrole = res.content; |
243 | getRolesById(2) | 236 | getRolesById(2) |
244 | .then((res) => { | 237 | .then((res) => { |
238 | console.log("角色列表", res); | ||
245 | Publicrole = res.content; | 239 | Publicrole = res.content; |
246 | 240 | ||
247 | this.listdata = Builtinrole.concat(Publicrole); | 241 | this.listdata = Builtinrole.concat(Publicrole); | ... | ... |
... | @@ -594,13 +594,8 @@ | ... | @@ -594,13 +594,8 @@ |
594 | display: flex; | 594 | display: flex; |
595 | margin-bottom: 15px; | 595 | margin-bottom: 15px; |
596 | } | 596 | } |
597 | 597 | .el-dialog__footer { | |
598 | .dialog_footer { | 598 | padding-right: 40px; |
599 | flex-direction: column; | ||
600 | |||
601 | .dialog_button { | ||
602 | margin-top: 8px; | ||
603 | } | ||
604 | } | 599 | } |
605 | 600 | ||
606 | .divider { | 601 | .divider { | ... | ... |
... | @@ -17,9 +17,7 @@ | ... | @@ -17,9 +17,7 @@ |
17 | </div> | 17 | </div> |
18 | <div class="from-clues-content"> | 18 | <div class="from-clues-content"> |
19 | <lb-table | 19 | <lb-table |
20 | :page-size="pageData.size" | 20 | :pagination="false" |
21 | :current-page.sync="pageData.current" | ||
22 | :total="pageData.total" | ||
23 | @size-change="handleSizeChange" | 21 | @size-change="handleSizeChange" |
24 | @p-current-change="handleCurrentChange" | 22 | @p-current-change="handleCurrentChange" |
25 | :column="tableData.columns" | 23 | :column="tableData.columns" |
... | @@ -182,11 +180,6 @@ | ... | @@ -182,11 +180,6 @@ |
182 | ]), | 180 | ]), |
183 | data: [], | 181 | data: [], |
184 | }, | 182 | }, |
185 | pageData: { | ||
186 | total: 5, | ||
187 | pageSize: 15, | ||
188 | current: 1, | ||
189 | }, | ||
190 | }; | 183 | }; |
191 | }, | 184 | }, |
192 | created () { | 185 | created () { |
... | @@ -209,6 +202,7 @@ | ... | @@ -209,6 +202,7 @@ |
209 | departmentId: this.departmentid.departmentId, | 202 | departmentId: this.departmentid.departmentId, |
210 | }; | 203 | }; |
211 | getUserList(this.queryParam).then((res) => { | 204 | getUserList(this.queryParam).then((res) => { |
205 | console.log("人员列表", res); | ||
212 | if (res.status === 1) { | 206 | if (res.status === 1) { |
213 | this.loading = false; | 207 | this.loading = false; |
214 | this.tableData.data = res.content; | 208 | this.tableData.data = res.content; |
... | @@ -316,5 +310,4 @@ | ... | @@ -316,5 +310,4 @@ |
316 | .btnColRight { | 310 | .btnColRight { |
317 | margin-top: 20px; | 311 | margin-top: 20px; |
318 | } | 312 | } |
319 | |||
320 | </style> | 313 | </style> | ... | ... |
-
Please register or sign in to post a comment