From 8f03059619b5a5e9574b71d2ada27b76db2ffd7a Mon Sep 17 00:00:00 2001 From: Admin <978517621@qq.com> Date: 星期五, 18 十一月 2022 16:48:28 +0800 Subject: [PATCH] 新增 --- src/views/specialCheck/components/sendWork.vue | 177 ++++++++++++++++++++++++++++++++++++---------------------- 1 files changed, 109 insertions(+), 68 deletions(-) diff --git a/src/views/specialCheck/components/sendWork.vue b/src/views/specialCheck/components/sendWork.vue index 5812319..211bb81 100644 --- a/src/views/specialCheck/components/sendWork.vue +++ b/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(); } }, } -- Gitblit v1.9.2