From 48bc3a659138b64632a9abcef0118bb83579e36d Mon Sep 17 00:00:00 2001 From: ludc Date: 星期二, 19 十二月 2023 17:57:02 +0800 Subject: [PATCH] ::v-deep写法导致打包报错调整语法 --- Source/UBCS-WEB/src/views/work/process/leave/handle.vue | 97 +++++++++++++++++++++++++++--------------------- 1 files changed, 54 insertions(+), 43 deletions(-) diff --git a/Source/UBCS-WEB/src/views/work/process/leave/handle.vue b/Source/UBCS-WEB/src/views/work/process/leave/handle.vue index 9bf8b4a..ba5684a 100644 --- a/Source/UBCS-WEB/src/views/work/process/leave/handle.vue +++ b/Source/UBCS-WEB/src/views/work/process/leave/handle.vue @@ -5,19 +5,14 @@ <el-card class="dialogwarp_tab_card"> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="涓氬姟鏁版嵁淇℃伅" name="first"> - <businesswork :oid="oid" :templateId="templateId"></businesswork> + <businesswork ref="businesswork" :ids="ids" :templateId="templateId" :taskId="taskId" :modelKey="modelKey" :codeClassifyOid="codeClassifyOid" :stageAttrs="stageAttrs"></businesswork> </el-tab-pane> <el-tab-pane label="娴佺▼璺熻釜" name="second"> <avue-crud :data="flowList" :option="option" ref="crud"> </avue-crud> - <el-card shadow="hover"> - <div slot="header"> - <span>娴佺▼璺熻釜</span> - </div> - <el-row class="row-bg"> - <flow-design :is-display="true" :process-instance-id="processInstanceId"></flow-design> - </el-row> - </el-card> + <el-row class="row-bg" style="margin-top: 20px"> + <flow-design :is-display="true" :process-instance-id="processInstanceId"></flow-design> + </el-row> </el-tab-pane> </el-tabs> </el-card> @@ -58,7 +53,7 @@ <el-button v-if="!isRefuse" type="primary" size="mini" @click="handelAgree">鍚屾剰</el-button> <el-button v-if="!isAgree" type="primary" size="mini" @click="handelRefuse">涓嶅悓鎰�</el-button> --> <el-button type="primary" size="mini" @click="handelExecute(item)" v-for="(item, index) in btnList" - :key="index">{{ item.toName === '鍚屾剰' ? item.toName : `${item.toName}鍒�${item.taskName}` }}</el-button> + :key="index">{{ item.toName }}</el-button> <!-- <el-button v-if="isRefuse" type="primary" size="mini" @click="handelExecute">鎵ц</el-button> --> </div> </el-card> @@ -75,11 +70,14 @@ export default { data() { return { - oid:'', + ids:[], templateId:'', taskId: '', + modelKey:'', + codeClassifyOid:'', businessId: '', processInstanceId: '', + stageAttrs:[], src: '', flowList: [], btnList: [], @@ -134,17 +132,20 @@ this.apiGetBtnTask(this.processInstanceId) }, formatterPass(row, value, column) { - console.log('value',value) return value?'鍚屾剰':'椹冲洖' }, async apiGetBtnTask(id) { const response = await getBtnTask({ processInstanceId: id }) const res = response.data - this.oid=res.data.variables.ids; + this.ids=res.data.variables.ids; this.templateId=res.data.variables.templateId; + this.modelKey=res.data.variables.modelKey; + this.codeClassifyOid=res.data.variables.codeClassifyOid; + this.title=res.data.variables.processName; + this.stageAttrs=res.data.stageAttrs; + //this.taskId=res.data.variables.taskId; if (res.success) { - console.log(res) - this.btnList = res.data.toTasks + this.btnList = res.data.toTasks; } }, async apiExamineTask(param) { @@ -159,7 +160,9 @@ } }, handelExecute(event) { - console.log(event) + if(this.$refs.businesswork.hasEditor){ + this.$refs.businesswork.HandlerSave() + } const { toName, conditionKey, conditionValue } = event let param = { comment: this.opinionVal || '鍚屾剰', @@ -188,40 +191,48 @@ } </script> <style lang="scss" scoped> -.dialogwarp { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - justify-content: space-between; - height: 85vh; + .dialogwarp { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + justify-content: space-between; + height: 85vh; - &_tab { - width: 79%; + &_tab { + width: 79%; + + &_card { + width: 100%; + height: 100%; + } + } &_card { - width: 100%; - height: 100%; + // margin-left: 20px; + width: 20%; } } - &_card { - // margin-left: 20px; - width: 20%; + ::v-deep { + .el-upload { + width: 100%; + height: 120px; + } + .el-upload-dragger { + width: 100%; + height: 120px; + } + .el-upload-dragger .el-icon-upload { + margin: 15px 0 16px; + } } -} -::v-deep(.el-upload) { - width: 100%; - height: 120px; -} - -::v-deep(.el-upload-dragger) { - width: 100%; - height: 120px; -} - -::v-deep(.el-upload-dragger .el-icon-upload) { - margin: 15px 0 16px; -} + .el-tab-pane{ + height: 75vh; + overflow: auto; + } + .el-button{ + margin:0 10px 10px 0; + } </style> -- Gitblit v1.9.3