Commit ae397c8ef3f6e334afaa0fb5e614f836273ae5e3
1 parent
81141b2a
廉政风险点、廉洁教育、文件资料已支持附件上传
Showing
3 changed files
with
223 additions
and
7 deletions
trash-ui/src/views/other/documentData/index.vue
| ... | ... | @@ -183,6 +183,34 @@ |
| 183 | 183 | <el-button @click="cancel">取 消</el-button> |
| 184 | 184 | </div> |
| 185 | 185 | </el-dialog> |
| 186 | + <el-dialog :title="title" :visible.sync="openInfo" width="80%" append-to-body> | |
| 187 | + <el-row> | |
| 188 | + <el-col :offset="3" :span="18"> | |
| 189 | + <h1 class="info_title">{{ info.title }}</h1> | |
| 190 | + </el-col> | |
| 191 | + </el-row> | |
| 192 | + <el-row> | |
| 193 | + <el-col :offset="3" :span="18"> | |
| 194 | + <div class="info_author"> | |
| 195 | + <span>作者:</span><span>{{ info.createBy }}</span> | |
| 196 | + <span>发表时间:</span><span>{{ info.createTime }}</span> | |
| 197 | + </div> | |
| 198 | + </el-col> | |
| 199 | + </el-row> | |
| 200 | + <el-row> | |
| 201 | + <el-col :offset="3" :span="18"> | |
| 202 | + <div class="info_content ql-editor" v-html="info.content"></div> | |
| 203 | + </el-col> | |
| 204 | + </el-row> | |
| 205 | + <el-row> | |
| 206 | + <el-col :span="2"> | |
| 207 | + 附件: | |
| 208 | + </el-col> | |
| 209 | + <el-col v-for="item in fileEntityList" :span="22" :offset="2"> | |
| 210 | + <a href="javascript:;" @click="tempDownload(item)" style="color: #1c84c6">{{ item.name }}</a> | |
| 211 | + </el-col> | |
| 212 | + </el-row> | |
| 213 | + </el-dialog> | |
| 186 | 214 | </div> |
| 187 | 215 | </template> |
| 188 | 216 | |
| ... | ... | @@ -247,7 +275,14 @@ export default { |
| 247 | 275 | ] |
| 248 | 276 | }, |
| 249 | 277 | fileEntityList: [], |
| 250 | - infoDisable: false | |
| 278 | + infoDisable: false, | |
| 279 | + openInfo: false, | |
| 280 | + info: { | |
| 281 | + titie:null, | |
| 282 | + content:null, | |
| 283 | + createTime:null, | |
| 284 | + createBy:null | |
| 285 | + } | |
| 251 | 286 | }; |
| 252 | 287 | }, |
| 253 | 288 | created() { |
| ... | ... | @@ -274,7 +309,17 @@ export default { |
| 274 | 309 | }, |
| 275 | 310 | toInfo(row){ |
| 276 | 311 | //打开当日报修页签 |
| 277 | - this.$tab.openPage("查看详情","/documentData/info",{"documentData":row}) | |
| 312 | + // this.$tab.openPage("查看详情","/documentData/info",{"documentData":row}) | |
| 313 | + this.reset(); | |
| 314 | + this.openInfo = true; | |
| 315 | + this.info = row; | |
| 316 | + if (this.info.files != null && this.info.files !== "") { | |
| 317 | + let fileList = this.info.files.split(";"); | |
| 318 | + fileList.map(item => { | |
| 319 | + let name = item.substring(item.lastIndexOf("/") + 1); | |
| 320 | + this.fileEntityList.push({name: name, url: item}) | |
| 321 | + }) | |
| 322 | + } | |
| 278 | 323 | }, |
| 279 | 324 | /** 查询文件资料列表 */ |
| 280 | 325 | getList() { |
| ... | ... | @@ -304,6 +349,12 @@ export default { |
| 304 | 349 | }; |
| 305 | 350 | this.fileEntityList = []; |
| 306 | 351 | this.infoDisable = false; |
| 352 | + this.info = { | |
| 353 | + titie:null, | |
| 354 | + content:null, | |
| 355 | + createTime:null, | |
| 356 | + createBy:null | |
| 357 | + } | |
| 307 | 358 | this.resetForm("form"); |
| 308 | 359 | }, |
| 309 | 360 | /** 搜索按钮操作 */ |
| ... | ... | @@ -497,3 +548,24 @@ export default { |
| 497 | 548 | } |
| 498 | 549 | }; |
| 499 | 550 | </script> |
| 551 | +<style lang="scss" scoped> | |
| 552 | +.info_title{ | |
| 553 | + display: flex; | |
| 554 | + justify-content: center; | |
| 555 | + align-items: center; | |
| 556 | + height: 100%; | |
| 557 | +} | |
| 558 | +.info_author{ | |
| 559 | + display: flex; | |
| 560 | + justify-content: center; | |
| 561 | + align-items: center; | |
| 562 | + height: 26px; | |
| 563 | + font-size:14px; | |
| 564 | + color: #616977; | |
| 565 | + border-bottom: 1px solid #ddd; | |
| 566 | + box-shadow: 0px 20px 20px -20px #5E5E5E; | |
| 567 | +} | |
| 568 | +.info_author span:nth-child(2){ | |
| 569 | + margin-right: 20px; | |
| 570 | +} | |
| 571 | +</style> | ... | ... |
trash-ui/src/views/other/incorruptEducation/index.vue
| ... | ... | @@ -119,7 +119,7 @@ |
| 119 | 119 | <el-input v-model="form.title" placeholder="请输入标题" :readonly="infoDisable"/> |
| 120 | 120 | </el-form-item> |
| 121 | 121 | <el-form-item label="内容" prop="content"> |
| 122 | - <editor v-model="form.content" :min-height="368" :readonly="infoDisable"/> | |
| 122 | + <editor v-model="form.content" :min-height="368" :readonl="infoDisable"/> | |
| 123 | 123 | </el-form-item> |
| 124 | 124 | <el-row> |
| 125 | 125 | <el-col :span="12"> |
| ... | ... | @@ -183,6 +183,34 @@ |
| 183 | 183 | <el-button @click="cancel">取 消</el-button> |
| 184 | 184 | </div> |
| 185 | 185 | </el-dialog> |
| 186 | + <el-dialog :title="title" :visible.sync="openInfo" width="80%" append-to-body> | |
| 187 | + <el-row> | |
| 188 | + <el-col :offset="3" :span="18"> | |
| 189 | + <h1 class="info_title">{{ info.title }}</h1> | |
| 190 | + </el-col> | |
| 191 | + </el-row> | |
| 192 | + <el-row> | |
| 193 | + <el-col :offset="3" :span="18"> | |
| 194 | + <div class="info_author"> | |
| 195 | + <span>作者:</span><span>{{ info.createBy }}</span> | |
| 196 | + <span>发表时间:</span><span>{{ info.createTime }}</span> | |
| 197 | + </div> | |
| 198 | + </el-col> | |
| 199 | + </el-row> | |
| 200 | + <el-row> | |
| 201 | + <el-col :offset="3" :span="18"> | |
| 202 | + <div class="info_content ql-editor" v-html="info.content"></div> | |
| 203 | + </el-col> | |
| 204 | + </el-row> | |
| 205 | + <el-row> | |
| 206 | + <el-col :span="2"> | |
| 207 | + 附件: | |
| 208 | + </el-col> | |
| 209 | + <el-col v-for="item in fileEntityList" :span="22" :offset="2"> | |
| 210 | + <a href="javascript:;" @click="tempDownload(item)" style="color: #1c84c6">{{ item.name }}</a> | |
| 211 | + </el-col> | |
| 212 | + </el-row> | |
| 213 | + </el-dialog> | |
| 186 | 214 | </div> |
| 187 | 215 | </template> |
| 188 | 216 | |
| ... | ... | @@ -247,7 +275,14 @@ export default { |
| 247 | 275 | ] |
| 248 | 276 | }, |
| 249 | 277 | fileEntityList: [], |
| 250 | - infoDisable:false | |
| 278 | + infoDisable:false, | |
| 279 | + openInfo: false, | |
| 280 | + info: { | |
| 281 | + titie:null, | |
| 282 | + content:null, | |
| 283 | + createTime:null, | |
| 284 | + createBy:null | |
| 285 | + } | |
| 251 | 286 | }; |
| 252 | 287 | }, |
| 253 | 288 | created() { |
| ... | ... | @@ -274,7 +309,17 @@ export default { |
| 274 | 309 | }, |
| 275 | 310 | toInfo(row){ |
| 276 | 311 | //打开当日报修页签 |
| 277 | - this.$tab.openPage("查看详情","/IncorruptEducation/info",{"IncorruptEducation":row}) | |
| 312 | + // this.$tab.openPage("查看详情","/IncorruptEducation/info",{"IncorruptEducation":row}) | |
| 313 | + this.reset(); | |
| 314 | + this.openInfo = true; | |
| 315 | + this.info = row; | |
| 316 | + if (this.info.files != null && this.info.files !== "") { | |
| 317 | + let fileList = this.info.files.split(";"); | |
| 318 | + fileList.map(item => { | |
| 319 | + let name = item.substring(item.lastIndexOf("/") + 1); | |
| 320 | + this.fileEntityList.push({name: name, url: item}) | |
| 321 | + }) | |
| 322 | + } | |
| 278 | 323 | }, |
| 279 | 324 | /** 查询文件资料列表 */ |
| 280 | 325 | getList() { |
| ... | ... | @@ -304,6 +349,12 @@ export default { |
| 304 | 349 | }; |
| 305 | 350 | this.fileEntityList = []; |
| 306 | 351 | this.infoDisable = false; |
| 352 | + this.info = { | |
| 353 | + titie:null, | |
| 354 | + content:null, | |
| 355 | + createTime:null, | |
| 356 | + createBy:null | |
| 357 | + } | |
| 307 | 358 | this.resetForm("form"); |
| 308 | 359 | }, |
| 309 | 360 | /** 搜索按钮操作 */ |
| ... | ... | @@ -496,3 +547,24 @@ export default { |
| 496 | 547 | } |
| 497 | 548 | }; |
| 498 | 549 | </script> |
| 550 | +<style lang="scss" scoped> | |
| 551 | +.info_title{ | |
| 552 | + display: flex; | |
| 553 | + justify-content: center; | |
| 554 | + align-items: center; | |
| 555 | + height: 100%; | |
| 556 | +} | |
| 557 | +.info_author{ | |
| 558 | + display: flex; | |
| 559 | + justify-content: center; | |
| 560 | + align-items: center; | |
| 561 | + height: 26px; | |
| 562 | + font-size:14px; | |
| 563 | + color: #616977; | |
| 564 | + border-bottom: 1px solid #ddd; | |
| 565 | + box-shadow: 0px 20px 20px -20px #5E5E5E; | |
| 566 | +} | |
| 567 | +.info_author span:nth-child(2){ | |
| 568 | + margin-right: 20px; | |
| 569 | +} | |
| 570 | +</style> | ... | ... |
trash-ui/src/views/other/incorruptGovernment/index.vue
| ... | ... | @@ -183,6 +183,34 @@ |
| 183 | 183 | <el-button @click="cancel">取 消</el-button> |
| 184 | 184 | </div> |
| 185 | 185 | </el-dialog> |
| 186 | + <el-dialog :title="title" :visible.sync="openInfo" width="80%" append-to-body> | |
| 187 | + <el-row> | |
| 188 | + <el-col :offset="3" :span="18"> | |
| 189 | + <h1 class="info_title">{{ info.title }}</h1> | |
| 190 | + </el-col> | |
| 191 | + </el-row> | |
| 192 | + <el-row> | |
| 193 | + <el-col :offset="3" :span="18"> | |
| 194 | + <div class="info_author"> | |
| 195 | + <span>作者:</span><span>{{ info.createBy }}</span> | |
| 196 | + <span>发表时间:</span><span>{{ info.createTime }}</span> | |
| 197 | + </div> | |
| 198 | + </el-col> | |
| 199 | + </el-row> | |
| 200 | + <el-row> | |
| 201 | + <el-col :offset="3" :span="18"> | |
| 202 | + <div class="info_content ql-editor" v-html="info.content"></div> | |
| 203 | + </el-col> | |
| 204 | + </el-row> | |
| 205 | + <el-row> | |
| 206 | + <el-col :span="2"> | |
| 207 | + 附件: | |
| 208 | + </el-col> | |
| 209 | + <el-col v-for="item in fileEntityList" :span="22" :offset="2"> | |
| 210 | + <a href="javascript:;" @click="tempDownload(item)" style="color: #1c84c6">{{ item.name }}</a> | |
| 211 | + </el-col> | |
| 212 | + </el-row> | |
| 213 | + </el-dialog> | |
| 186 | 214 | </div> |
| 187 | 215 | </template> |
| 188 | 216 | |
| ... | ... | @@ -247,7 +275,14 @@ export default { |
| 247 | 275 | ] |
| 248 | 276 | }, |
| 249 | 277 | fileEntityList: [], |
| 250 | - infoDisable:false | |
| 278 | + infoDisable:false, | |
| 279 | + openInfo: false, | |
| 280 | + info: { | |
| 281 | + titie:null, | |
| 282 | + content:null, | |
| 283 | + createTime:null, | |
| 284 | + createBy:null | |
| 285 | + } | |
| 251 | 286 | }; |
| 252 | 287 | }, |
| 253 | 288 | created() { |
| ... | ... | @@ -274,7 +309,17 @@ export default { |
| 274 | 309 | }, |
| 275 | 310 | toInfo(row){ |
| 276 | 311 | //打开当日报修页签 |
| 277 | - this.$tab.openPage("查看详情","/IncorruptGovernment/info",{"IncorruptGovernment":row}) | |
| 312 | + // this.$tab.openPage("查看详情","/IncorruptGovernment/info",{"IncorruptGovernment":row})\ | |
| 313 | + this.reset(); | |
| 314 | + this.openInfo = true; | |
| 315 | + this.info = row; | |
| 316 | + if (this.info.files != null && this.info.files !== "") { | |
| 317 | + let fileList = this.info.files.split(";"); | |
| 318 | + fileList.map(item => { | |
| 319 | + let name = item.substring(item.lastIndexOf("/") + 1); | |
| 320 | + this.fileEntityList.push({name: name, url: item}) | |
| 321 | + }) | |
| 322 | + } | |
| 278 | 323 | }, |
| 279 | 324 | /** 查询文件资料列表 */ |
| 280 | 325 | getList() { |
| ... | ... | @@ -304,6 +349,12 @@ export default { |
| 304 | 349 | }; |
| 305 | 350 | this.fileEntityList = []; |
| 306 | 351 | this.infoDisable = false; |
| 352 | + this.info = { | |
| 353 | + titie:null, | |
| 354 | + content:null, | |
| 355 | + createTime:null, | |
| 356 | + createBy:null | |
| 357 | + } | |
| 307 | 358 | this.resetForm("form"); |
| 308 | 359 | }, |
| 309 | 360 | /** 搜索按钮操作 */ |
| ... | ... | @@ -498,3 +549,24 @@ export default { |
| 498 | 549 | } |
| 499 | 550 | }; |
| 500 | 551 | </script> |
| 552 | +<style lang="scss" scoped> | |
| 553 | +.info_title{ | |
| 554 | + display: flex; | |
| 555 | + justify-content: center; | |
| 556 | + align-items: center; | |
| 557 | + height: 100%; | |
| 558 | +} | |
| 559 | +.info_author{ | |
| 560 | + display: flex; | |
| 561 | + justify-content: center; | |
| 562 | + align-items: center; | |
| 563 | + height: 26px; | |
| 564 | + font-size:14px; | |
| 565 | + color: #616977; | |
| 566 | + border-bottom: 1px solid #ddd; | |
| 567 | + box-shadow: 0px 20px 20px -20px #5E5E5E; | |
| 568 | +} | |
| 569 | +.info_author span:nth-child(2){ | |
| 570 | + margin-right: 20px; | |
| 571 | +} | |
| 572 | +</style> | ... | ... |