From adf964a4003b56112f863fd980cc563bf7d14833 Mon Sep 17 00:00:00 2001 From: guoyue Date: Mon, 17 Oct 2022 16:01:03 +0800 Subject: [PATCH] =?UTF-8?q?=E8=83=BD=E5=8A=9B=E7=94=B3=E8=AF=B7=EF=BC=9A?= =?UTF-8?q?=E6=9C=89=E9=99=84=E4=BB=B6=E7=9A=84=E6=97=B6=E5=80=99=E6=8F=90?= =?UTF-8?q?=E4=BE=9B=E9=99=84=E4=BB=B6=E4=B8=8B=E8=BD=BD=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../myAgent/demo/competency-application.vue | 147 ++++++++++-------- 1 file changed, 82 insertions(+), 65 deletions(-) diff --git a/back/src/views/modules/myAgent/demo/competency-application.vue b/back/src/views/modules/myAgent/demo/competency-application.vue index 52874502..9e788e19 100644 --- a/back/src/views/modules/myAgent/demo/competency-application.vue +++ b/back/src/views/modules/myAgent/demo/competency-application.vue @@ -13,40 +13,32 @@

申请人信息

- 申请人： {{ dataForm.content.user || '--' }} - 电话：{{ dataForm.content.phone || '--' }} - 单位：{{ dataForm.content.unit || '--' }} + 申请人： {{ dataForm.content.user || '--' }} + 电话：{{ dataForm.content.phone || '--' }} + 单位：{{ dataForm.content.unit || '--' }}

能力申请标题： - {{ dataForm.content.title || '--' }} - 应用系统：{{ - dataForm.content.applicationSystem || '--' - }} - + {{ dataForm.content.title || '--' }} + 应用系统：{{ + dataForm.content.applicationSystem || '--' + }} +

- 应用场景： - {{ dataForm.content.applicationSceneStr || '--' }} + 应用场景： + {{ dataForm.content.applicationSceneStr || '--' }}

需求依据： - {{ dataForm.content.applicationBackground || '--' }} + {{ dataForm.content.applicationBackground || '--' }} +

+

+

+ 附件下载 +

同意 - 驳回 + 驳回 @@ -113,21 +103,12 @@ - + 取 消 - 确 定 + 确 定 @@ -144,7 +125,7 @@ import bus from '@/views/bus.js' export default { // 注入公共方法 mixins: [processModule], - data () { + data() { return { dialogVisible: false, dialogType: '', @@ -173,7 +154,7 @@ export default { agreeOrList: '同意' } }, - created () { + created() { // 将业务KEY赋值给表单 console.log('params=================>', this.$route, this.$route.params) this.dataForm.taskId = this.$route.params.taskId @@ -207,7 +188,7 @@ export default { RenProcessDetail }, methods: { - init () { + init() { // this.visible = true this.$nextTick(() => { // this.$refs.dataForm.resetFields() @@ -219,32 +200,32 @@ export default { } }) }, - showDialog (title) { + showDialog(title) { this.dialogVisible = true this.dialogType = title }, - handleClose (done) { + handleClose(done) { this.$confirm('确认关闭？') .then((_) => { this.input = '' done() }) - .catch((_) => {}) + .catch((_) => { }) }, - handleClose2 () { + handleClose2() { this.dialogVisible = false this.input = '' }, - downloadFile2 (url) { + downloadFile2(url) { console.log(window.SITE_CONFIG.previewUrl) window.open( window.SITE_CONFIG.previewUrl + - 'hisense_office/onlinePreview?url=' + - btoa(encodeURI(url)) + 'hisense_office/onlinePreview?url=' + + btoa(encodeURI(url)) ) }, // 获取信息 - getInfo () { + getInfo() { let params = '' if (this.dataForm.taskId) { params = `taskId=${this.dataForm.taskId}` @@ -272,7 +253,7 @@ export default { index < res.data.tAbilityApplicationDTOList[0].applicationScene .length - - 1 + 1 ) { res.data.tAbilityApplicationDTOList[0].applicationSceneStr += '、' @@ -307,7 +288,7 @@ export default { this.dataList.push(obj) } }) - .catch(() => {}) + .catch(() => { }) } else { params = `instanceId=${this.dataForm.instanceId}` this.$http @@ -359,11 +340,11 @@ export default { this.dataList.push(obj) } }) - .catch(() => {}) + .catch(() => { }) } }, // 申请能力 - applyData () { + applyData() { this.$http .get(`/resource/select/${this.dataForm.instanceId}`) .then(({ data: res }) => { @@ -375,7 +356,7 @@ export default { // this.dataForm.content = res.data // console.log(this.dataForm, 'ela') }) - .catch(() => {}) + .catch(() => { }) }, // 同意与退回 agreeOrNot: debounce( @@ -412,7 +393,7 @@ export default { } }) }) - .catch(() => {}) + .catch(() => { }) this.tabRemoveHandle(data) } else { this.$message.error('请输入审批意见！') @@ -455,7 +436,7 @@ export default { 1000, { leading: true, trailing: false } ), - tabRemoveHandle (tabName) { + tabRemoveHandle(tabName) { console.log(tabName, 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa') if (tabName === 'home') { return false @@ -472,7 +453,7 @@ export default { if (tabName === this.$store.state.contentTabsActiveName) { const tab = this.$store.state.contentTabs[ - this.$store.state.contentTabs.length - 1 + this.$store.state.contentTabs.length - 1 ] this.$router.push({ name: /^iframe_.+/.test(tab.name) ? 'iframe' : tab.name, @@ -482,13 +463,19 @@ export default { } }, // 启动流程出错回调 - startProcessErrorCallback (data) { + startProcessErrorCallback(data) { console.log(data) }, // 任务处理出错回调 - taskHandleErrorCallback (data) {} + taskHandleErrorCallback(data) { }, + download(data) { + const alink = document.createElement('a') + alink.download = '附件' // 文件名,大部分浏览器兼容,IE10及以下不兼容 + alink.href = data.attachment // 创建 url地址 + alink.click() // 自动点击 + }, }, - mounted () { + mounted() { // this.applyData() } } @@ -497,38 +484,47 @@ export default { ::v-deep .big-BOX { background: rgba(244, 245, 248, 0.8); padding: 24px; + h3 { font-size: 16px; color: #212121; } + p { width: 100%; display: flex; justify-content: space-between; color: #212121; font-size: 14px; + span { display: inline-block; margin-left: 8px; line-height: 32px; + span { font-weight: bold; } } + .text { width: 500px; } } + .lastP { margin-top: 16px; width: 100%; + span { display: flex; + span { padding: 0 12px; height: 32px; background: rgba(232, 234, 239, 1); border-radius: 2px; + button { background: unset; border: 0; @@ -539,6 +535,7 @@ export default { } } } + ::v-deep .AbilityApply { margin-top: 32px; @@ -548,27 +545,33 @@ export default { border-bottom: 1px solid #dddee1; padding-bottom: 10px; } + ul { padding-left: 0px; + li { list-style: none; padding: 30px 0; border-bottom: 1px solid #dddee1; display: flex; + img { width: 100px; height: 100px; } + div { margin-left: 16px; display: flex; flex-direction: column; justify-content: center; + h2 { margin-bottom: 20px; font-size: 20px; color: #000; display: flex; + span { display: block; font-size: 14px; @@ -581,22 +584,26 @@ export default { border-radius: 4px; } } + p { margin-bottom: 0; } } } + .clearfix:after { display: block; content: ""; clear: both; } + .title { color: #0558e1; font-size: 18px; padding-bottom: 0; border-bottom: 0; } + .title:before { content: ""; width: 6px; @@ -610,17 +617,21 @@ export default { } } } -::v-deep .agreeOr > div { + +::v-deep .agreeOr>div { display: flex; align-items: center; + .el-input { margin-right: 10px; margin-left: 32px; } } -::v-deep .agreeOr > div:last-of-type { + +::v-deep .agreeOr>div:last-of-type { margin-top: 15px; } + .blueAll { ::v-deep .el-radio-button__inner { width: 80px; @@ -632,12 +643,14 @@ export default { color: #0558e1; border: 1px solid #0558e1; } - ::v-deep .el-radio-button__orig-radio:checked + .el-radio-button__inner { + + ::v-deep .el-radio-button__orig-radio:checked+.el-radio-button__inner { box-shadow: unset !important; background: #0558e1; color: #ffffff; } } + .inputBule { width: 55px; height: 32px; @@ -648,8 +661,10 @@ export default { color: #ffffff; border: 1px solid #0558e1; } + .redAll { margin-left: 10px; + ::v-deep .el-radio-button__inner { width: 80px; height: 32px; @@ -661,12 +676,14 @@ export default { color: #e83a48; margin-left: 10px; } - ::v-deep .el-radio-button__orig-radio:checked + .el-radio-button__inner { + + ::v-deep .el-radio-button__orig-radio:checked+.el-radio-button__inner { box-shadow: unset !important; color: #ffffff; background: #e83a48; } } + .blueInput { width: 55px; }