新增

Admin

2022-11-18 8f03059619b5a5e9574b71d2ada27b76db2ffd7a

 src/views/specialCheck/components/sendWork.vue

@@ -7,9 +7,9 @@
        width="60%"
        center
    >
        <el-form ref="form" :model="workForm" label-width="80px">
            <el-form-item label="专项检查任务名称：" label-width="140px">
                <el-input type="textarea" v-model="workForm.name"></el-input>
        <el-form :model="workForm" :rules="rules" ref="ruleForm" label-width="80px">
            <el-form-item label="专项检查任务名称：" label-width="180px" prop="taskName">
                <el-input type="textarea" v-model="workForm.taskName"></el-input>
            </el-form-item>
            <div class="form-part">
                <h3>省级检查指标</h3>
@@ -17,20 +17,21 @@
                <el-divider content-position="left">批发企业</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="完成检查不低于：" label-width="140px">
                            <el-input v-model="workForm.pro.whole" class="input-with-select">
                                <el-select v-model="workForm.pro.wholeUnit" slot="append">
                                    <el-option label="家" value="1"></el-option>
                                    <el-option label="%" value="2"></el-option>
                        <el-form-item label="完成检查不低于：" label-width="140px" prop="provinceWholesaleCheckTarget">
                            <el-input v-model="workForm.provinceWholesaleCheckTarget" class="input-with-select">
                                <el-select v-model="workForm.provinceWholesaleCheckTargetUnit" slot="append">
                                    <el-option label="家" :value="1"></el-option>
                                    <el-option label="%" :value="2"></el-option>
                                </el-select>
                            </el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="完成期限：" label-width="140px">
                        <el-form-item label="完成期限：" label-width="140px" prop="provinceWholesaleCheckDeadline">
                            <el-date-picker
                                v-model="workForm.pro.wholeDate"
                                type="date"
                                v-model="workForm.provinceWholesaleCheckDeadline"
                                type="datetime"
                                value-format="yyyy-MM-dd HH:mm:ss"
                                placeholder="请选择截止日期">
                            </el-date-picker>
                        </el-form-item>
@@ -40,20 +41,21 @@
                <el-divider content-position="left">零售企业</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="完成检查不低于：" label-width="140px">
                            <el-input v-model="workForm.pro.retail" class="input-with-select">
                                <el-select v-model="workForm.pro.retailUnit" slot="append">
                                    <el-option label="家" value="1"></el-option>
                                    <el-option label="%" value="2"></el-option>
                        <el-form-item label="完成检查不低于：" label-width="140px" prop="provinceRetailCheckTarget">
                            <el-input v-model="workForm.provinceRetailCheckTarget" class="input-with-select">
                                <el-select v-model="workForm.provinceRetailCheckTargetUnit" slot="append">
                                    <el-option label="家" :value="1"></el-option>
                                    <el-option label="%" :value="2"></el-option>
                                </el-select>
                            </el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="完成期限：" label-width="140px">
                        <el-form-item label="完成期限：" label-width="140px" prop="provinceRetailCheckDeadline">
                            <el-date-picker
                                v-model="workForm.pro.retailDate"
                                type="date"
                                v-model="workForm.provinceRetailCheckDeadline"
                                type="datetime"
                                value-format="yyyy-MM-dd HH:mm:ss"
                                placeholder="请选择截止日期">
                            </el-date-picker>
                        </el-form-item>
@@ -66,17 +68,18 @@
                <el-divider content-position="left">批发企业</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="完成检查不低于：" label-width="140px">
                            <el-input v-model="workForm.city.whole" class="input-with-select">
                        <el-form-item label="完成检查不低于：" label-width="140px" prop="cityWholesaleCheckTarget">
                            <el-input v-model="workForm.cityWholesaleCheckTarget" class="input-with-select">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="完成期限：" label-width="140px">
                        <el-form-item label="完成期限：" label-width="140px" prop="cityWholesaleCheckDeadline">
                            <el-date-picker
                                v-model="workForm.city.wholeDate"
                                type="date"
                                v-model="workForm.cityWholesaleCheckDeadline"
                                type="datetime"
                                value-format="yyyy-MM-dd HH:mm:ss"
                                placeholder="请选择截止日期">
                            </el-date-picker>
                        </el-form-item>
@@ -86,17 +89,18 @@
                <el-divider content-position="left">零售企业</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="完成检查不低于：" label-width="140px">
                            <el-input v-model="workForm.city.retail" class="input-with-select">
                        <el-form-item label="完成检查不低于：" label-width="140px" prop="cityRetailCheckTarget">
                            <el-input v-model="workForm.cityRetailCheckTarget" class="input-with-select">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="完成期限：" label-width="140px">
                        <el-form-item label="完成期限：" label-width="140px" prop="cityRetailCheckDeadline">
                            <el-date-picker
                                v-model="workForm.city.retailDate"
                                type="date"
                                v-model="workForm.cityRetailCheckDeadline"
                                type="datetime"
                                value-format="yyyy-MM-dd HH:mm:ss"
                                placeholder="请选择截止日期">
                            </el-date-picker>
                        </el-form-item>
@@ -109,17 +113,18 @@
                <el-divider content-position="left">批发企业</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="完成检查不低于：" label-width="140px">
                            <el-input v-model="workForm.county.whole" class="input-with-select">
                        <el-form-item label="完成检查不低于：" label-width="140px" prop="areaWholesaleCheckTarget">
                            <el-input v-model="workForm.areaWholesaleCheckTarget" class="input-with-select">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="完成期限：" label-width="140px">
                        <el-form-item label="完成期限：" label-width="140px" prop="areaWholesaleCheckDeadline">
                            <el-date-picker
                                v-model="workForm.county.wholeDate"
                                type="date"
                                v-model="workForm.areaWholesaleCheckDeadline"
                                type="datetime"
                                value-format="yyyy-MM-dd HH:mm:ss"
                                placeholder="请选择截止日期">
                            </el-date-picker>
                        </el-form-item>
@@ -129,76 +134,112 @@
                <el-divider content-position="left">零售企业</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="完成检查不低于：" label-width="140px">
                            <el-input v-model="workForm.county.retail" class="input-with-select">
                        <el-form-item label="完成检查不低于：" label-width="140px" prop="areaRetailCheckTarget">
                            <el-input v-model="workForm.areaRetailCheckTarget" class="input-with-select">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="完成期限：" label-width="140px">
                        <el-form-item label="完成期限：" label-width="140px" prop="areaRetailCheckDeadline">
                            <el-date-picker
                                v-model="workForm.county.retailDate"
                                type="date"
                                v-model="workForm.areaRetailCheckDeadline"
                                type="datetime"
                                value-format="yyyy-MM-dd HH:mm:ss"
                                placeholder="请选择截止日期">
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                </el-row>
            </div>
            <el-form-item label="企业自查期限：" label-width="140px">
            <el-form-item label="企业自查期限：" label-width="140px" prop="enterpriseSelfCheckDeadline">
                <el-date-picker
                    v-model="workForm.corpDate"
                    type="date"
                    v-model="workForm.enterpriseSelfCheckDeadline"
                    type="datetime"
                    value-format="yyyy-MM-dd HH:mm:ss"
                    placeholder="选择日期">
                </el-date-picker>
            </el-form-item>
        </el-form>
        <span slot="footer" class="dialog-footer">
          <el-button @click="dialogVisible = false">重置</el-button>
          <el-button type="primary" @click="confirmSend()">确认下发</el-button>
          <el-button @click="resetForm('ruleForm')">重置</el-button>
          <el-button type="primary" @click="confirmSend('ruleForm')">确认下发</el-button>
        </span>
    </el-dialog>
</template>

<script>
    import {computePageCount} from "@/utils";

    import{sendCheckTask} from "@/api/specialCheck"
    export default {
        name: "sendWork",
        data(){
            return{
                dialogVisible:false,
                workForm: {
                    name: '',
                    pro:{
                        whole: '',
                        wholeUnit: '1',
                        wholeDate: '',
                        retail: '',
                        retailUnit: '1',
                        retailDate: ''
                    },
                    city:{
                        whole: '',
                        wholeDate: '',
                        retail: '',
                        retailDate: ''
                    },
                    county:{
                        whole: '',
                        wholeDate: '',
                        retail: '',
                        retailDate: ''
                    }
                    taskName: '',
                    provinceWholesaleCheckTarget: null,
                    provinceWholesaleCheckTargetUnit: 1,
                    provinceWholesaleCheckDeadline: '',
                    provinceRetailCheckTarget: null,
                    provinceRetailCheckTargetUnit: 1,
                    provinceRetailCheckDeadline: '',
                    cityWholesaleCheckTarget: null,
                    cityWholesaleCheckDeadline: '',
                    cityRetailCheckTarget: null,
                    cityRetailCheckDeadline: '',
                    areaWholesaleCheckTarget: null,
                    areaWholesaleCheckDeadline: '',
                    areaRetailCheckTarget: null,
                    areaRetailCheckDeadline: '',
                    enterpriseSelfCheckDeadline: ''
                },
                rules: {
                    taskName: [{ required: true, message: '请输入任务名称', trigger: 'blur' }],
                    provinceWholesaleCheckTarget: [{ required: true, message: '请输入指标', trigger: 'blur' }],
                    provinceWholesaleCheckDeadline: [{ required: true, message: '请选择日期', trigger: 'blur' }],
                    provinceRetailCheckTarget: [{ required: true, message: '请输入指标', trigger: 'blur' }],
                    provinceRetailCheckDeadline: [{ required: true, message: '请选择日期', trigger: 'blur' }],
                    cityWholesaleCheckTarget: [{ required: true, message: '请输入指标', trigger: 'blur' }],
                    cityWholesaleCheckDeadline: [{ required: true, message: '请选择日期', trigger: 'blur' }],
                    cityRetailCheckTarget: [{ required: true, message: '请输入指标', trigger: 'blur' }],
                    cityRetailCheckDeadline: [{ required: true, message: '请选择日期', trigger: 'blur' }],
                    areaWholesaleCheckTarget: [{ required: true, message: '请输入指标', trigger: 'blur' }],
                    areaWholesaleCheckDeadline: [{ required: true, message: '请选择日期', trigger: 'blur' }],
                    areaRetailCheckTarget: [{ required: true, message: '请输入指标', trigger: 'blur' }],
                    areaRetailCheckDeadline: [{ required: true, message: '请选择日期', trigger: 'blur' }],
                    enterpriseSelfCheckDeadline: [{ required: true, message: '请选择日期', trigger: 'blur' }]
                }
            }
        },
        watch: {
        },
        methods:{
            confirmSend(){
                this.dialogVisible = false
            confirmSend(formName){
                const t = this
                t.$refs[formName].validate(async (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)
                    } else {
                        return false;
                    }
                });
            },
            resetForm(formName) {
                this.$refs[formName].resetFields();
            }
        },
    }