From 2cfbc714c3e96e6f0f4cb69b4b1ee4f928c1c919 Mon Sep 17 00:00:00 2001 From: Admin <978517621@qq.com> Date: 星期一, 28 十一月 2022 16:48:47 +0800 Subject: [PATCH] 修改样式 --- src/views/specialCheck/components/sendWork.vue | 28 +++++++++++++++++++++++++--- 1 files changed, 25 insertions(+), 3 deletions(-) diff --git a/src/views/specialCheck/components/sendWork.vue b/src/views/specialCheck/components/sendWork.vue index aea7ea7..66f1716 100644 --- a/src/views/specialCheck/components/sendWork.vue +++ b/src/views/specialCheck/components/sendWork.vue @@ -10,7 +10,7 @@ > <el-form :model="workForm" :rules="rules" ref="workForm" label-width="80px"> <el-form-item label="专项检查任务名称:" label-width="180px" prop="taskName"> - <el-input type="textarea" v-model="workForm.taskName"></el-input> + <el-input v-model="workForm.taskName"></el-input> </el-form-item> <div class="form-part"> <h3>省级检查指标</h3> @@ -220,11 +220,19 @@ const t = this t.$refs[formName].validate((valid) => { if (valid) { - this.$confirm('此操作将把任务下发给所有单位, 是否继续?', '提示', { + this.$confirm('确认将任务下发到所有单位,一经下发不可修改撤回,请谨慎核对!', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', - type: 'warning' + type: 'warning', + center: true, + cancelButtonClass: 'canBtn', + confirmButtonClass: 'sendBtn' }).then(async () => { + const loading = this.$loading({ + lock: true, + text: '正在下发', + spinner: 'el-icon-loading' + }); let res = await sendCheckTask(t.workForm) if(res.data.code === "200"){ t.$message({ @@ -237,6 +245,7 @@ message:res.data.message }) } + loading.close(); t.dialogVisible = false t.$parent.getSpecialCheckTask(); }).catch(() => { @@ -258,6 +267,7 @@ </script> <style lang="scss" scoped> + .input-with-select .el-select { width: 120px; } @@ -291,3 +301,15 @@ } } </style> +<style> +.canBtn{ + width: 30%; + font-size: 16px; +} +.sendBtn{ + width: 30%; + font-size: 16px; + background-color: #ff5555 !important; + border-color: rgba(0,0,0,0); +} +</style> -- Gitblit v1.9.2