<template>
|
<el-dialog
|
:visible.sync="dialogVisible"
|
title="专项检查任务下发"
|
append-to-body
|
:close-on-click-modal="false"
|
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-item>
|
<div class="form-part">
|
<h3>省级检查指标</h3>
|
<!-- <p>批发企业：</p>-->
|
<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-select>
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="完成期限：" label-width="140px">
|
<el-date-picker
|
v-model="workForm.pro.wholeDate"
|
type="date"
|
placeholder="请选择截止日期">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<!-- <p>零售企业：</p>-->
|
<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-select>
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="完成期限：" label-width="140px">
|
<el-date-picker
|
v-model="workForm.pro.retailDate"
|
type="date"
|
placeholder="请选择截止日期">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</div>
|
<div class="form-part">
|
<h3>市州级检查指标</h3>
|
<!-- <p>批发企业：</p>-->
|
<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">
|
<template slot="append">%</template>
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="完成期限：" label-width="140px">
|
<el-date-picker
|
v-model="workForm.city.wholeDate"
|
type="date"
|
placeholder="请选择截止日期">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<!-- <p>零售企业：</p>-->
|
<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">
|
<template slot="append">%</template>
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="完成期限：" label-width="140px">
|
<el-date-picker
|
v-model="workForm.city.retailDate"
|
type="date"
|
placeholder="请选择截止日期">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</div>
|
<div class="form-part">
|
<h3>区县级检查指标</h3>
|
<!-- <p>批发企业：</p>-->
|
<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">
|
<template slot="append">%</template>
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="完成期限：" label-width="140px">
|
<el-date-picker
|
v-model="workForm.county.wholeDate"
|
type="date"
|
placeholder="请选择截止日期">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<!-- <p>零售企业：</p>-->
|
<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">
|
<template slot="append">%</template>
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="完成期限：" label-width="140px">
|
<el-date-picker
|
v-model="workForm.county.retailDate"
|
type="date"
|
placeholder="请选择截止日期">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</div>
|
<el-form-item label="企业自查期限：" label-width="140px">
|
<el-date-picker
|
v-model="workForm.corpDate"
|
type="date"
|
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>
|
</span>
|
</el-dialog>
|
</template>
|
|
<script>
|
import {computePageCount} from "@/utils";
|
|
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: ''
|
}
|
}
|
}
|
},
|
watch: {
|
},
|
methods:{
|
confirmSend(){
|
this.dialogVisible = false
|
}
|
},
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.input-with-select .el-select {
|
width: 120px;
|
}
|
|
.el-date-editor.el-input{
|
width: 100%;
|
}
|
.el-divider__text{
|
background-color: #fafafa;
|
color: #034EA2;
|
}
|
.form-part{
|
background: #fafafa;
|
padding: 10px 15px;
|
border-radius: 8px;
|
margin-bottom: 20px;
|
|
&:last-of-type{
|
margin-bottom: 0;
|
}
|
&>h3{
|
text-align: center;
|
color: #034EA2;
|
}
|
|
&>p{
|
font-weight: bolder;
|
font-size: 15px;
|
padding-left: 20px;
|
color: #034EA2;
|
}
|
}
|
</style>
|
