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 |   31 ++++++++++++++++++++++++++-----
 1 files changed, 26 insertions(+), 5 deletions(-)

diff --git a/src/views/specialCheck/components/sendWork.vue b/src/views/specialCheck/components/sendWork.vue
index a0e471c..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>
@@ -164,7 +164,7 @@
         </el-form>
         <span slot="footer" class="dialog-footer">
           <el-button @click="resetForm('workForm')">重置</el-button>
-          <el-button type="primary" @click="confirmSend('workForm')">确认下发</el-button>
+          <el-button type="primary" v-stop-re-click @click="confirmSend('workForm')">确认下发</el-button>
         </span>
     </el-dialog>
 </template>
@@ -218,14 +218,21 @@
         methods:{
             confirmSend(formName){
                 const t = this
-                console.log(t.workForm,'66666666666')
                 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({
@@ -238,6 +245,7 @@
                                     message:res.data.message
                                 })
                             }
+                            loading.close();
                             t.dialogVisible = false
                             t.$parent.getSpecialCheckTask();
                         }).catch(() => {
@@ -259,6 +267,7 @@
 </script>
 
 <style lang="scss" scoped>
+
     .input-with-select .el-select {
         width: 120px;
     }
@@ -292,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