修改样式

Admin

2022-11-28 2cfbc714c3e96e6f0f4cb69b4b1ee4f928c1c919

 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>