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 | 72 ++++++++++++++++++++++++++---------
1 files changed, 53 insertions(+), 19 deletions(-)
diff --git a/src/views/specialCheck/components/sendWork.vue b/src/views/specialCheck/components/sendWork.vue
index 211bb81..66f1716 100644
--- a/src/views/specialCheck/components/sendWork.vue
+++ b/src/views/specialCheck/components/sendWork.vue
@@ -6,10 +6,11 @@
:close-on-click-modal="false"
width="60%"
center
+ @close="resetForm('workForm')"
>
- <el-form :model="workForm" :rules="rules" ref="ruleForm" label-width="80px">
+ <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>
@@ -162,8 +163,8 @@
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
- <el-button @click="resetForm('ruleForm')">重置</el-button>
- <el-button type="primary" @click="confirmSend('ruleForm')">确认下发</el-button>
+ <el-button @click="resetForm('workForm')">重置</el-button>
+ <el-button type="primary" v-stop-re-click @click="confirmSend('workForm')">确认下发</el-button>
</span>
</el-dialog>
</template>
@@ -217,22 +218,42 @@
methods:{
confirmSend(formName){
const t = this
- t.$refs[formName].validate(async (valid) => {
+ t.$refs[formName].validate((valid) => {
if (valid) {
- let res = await sendCheckTask(t.workForm)
- if(res.data.code === "200"){
- t.$message({
- type:'success',
- message:res.data.message
- })
- }else{
- t.$message({
- type:'warning',
- message:res.data.message
- })
- }
- t.dialogVisible = false
- t.resetForm(formName)
+ this.$confirm('确认将任务下发到所有单位，一经下发不可修改撤回，请谨慎核对！', '提示', {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ 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({
+ type:'success',
+ message: '任务下发成功'
+ })
+ }else{
+ t.$message({
+ type:'warning',
+ message:res.data.message
+ })
+ }
+ loading.close();
+ t.dialogVisible = false
+ t.$parent.getSpecialCheckTask();
+ }).catch(() => {
+ this.$message({
+ type: 'info',
+ message: '已取消下发'
+ });
+ });
} else {
return false;
}
@@ -246,6 +267,7 @@
</script>
<style lang="scss" scoped>
+
.input-with-select .el-select {
width: 120px;
}
@@ -279,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