|
|
@@ -4,10 +4,10 @@
|
|
|
:model="formData"
|
|
|
:rules="rules"
|
|
|
ref="form"
|
|
|
- label-width="136px"
|
|
|
+ label-width="127px"
|
|
|
label-position="right"
|
|
|
size="small"
|
|
|
- style="max-width: 600px;"
|
|
|
+ style="max-width: 700px;"
|
|
|
>
|
|
|
<el-form-item prop="examinationName" label="考级活动名称">
|
|
|
<el-input v-model="formData.examinationName"></el-input>
|
|
|
@@ -45,7 +45,7 @@
|
|
|
<el-input v-model="formData.examinationAgency"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="category" label="单位类别">
|
|
|
- <el-select v-model="formData.category" clearable filterable placeholder="请选择">
|
|
|
+ <!-- <el-select v-model="formData.category" clearable filterable placeholder="请选择">
|
|
|
<el-option
|
|
|
v-for="item in categoryOptions"
|
|
|
:key="item.value"
|
|
|
@@ -53,7 +53,8 @@
|
|
|
:value="item.value"
|
|
|
>
|
|
|
</el-option>
|
|
|
- </el-select>
|
|
|
+ </el-select> -->
|
|
|
+ <el-input v-model="formData.category"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="organizer" label="承办单位名称">
|
|
|
<el-input v-model="formData.organizer"></el-input>
|
|
|
@@ -62,7 +63,7 @@
|
|
|
<el-input v-model="formData.uscc"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="examinationDistrict" label="考级地点">
|
|
|
- <el-select v-model="formData.district">
|
|
|
+ <el-select v-model="formData.district" style="width: 100%;margin-bottom: 10px">
|
|
|
<el-option
|
|
|
v-for="item in district"
|
|
|
:key="item.id"
|
|
|
@@ -70,50 +71,87 @@
|
|
|
:label="item.name"
|
|
|
></el-option>
|
|
|
</el-select>
|
|
|
+ <el-input type="textarea" :rows="3" v-model="formData.examinationAddress"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="examinationAddress" label="考级地点">
|
|
|
- <el-input v-model="formData.examinationAddress"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="examCenterQuantity" label="考场数量">
|
|
|
- <el-input-number v-model="formData.examCenterQuantity" class="date-width"></el-input-number>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="examQuantity" label="报考人数">
|
|
|
- <el-input-number v-model="formData.examQuantity" class="date-width"></el-input-number>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="examinerQuantity" label="考官人数">
|
|
|
- <el-input-number v-model="formData.examinerQuantity" class="date-width"></el-input-number>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="examOwner" label="考点负责人名称">
|
|
|
- <el-input v-model="formData.examOwner"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="examOwnerPhone" label="考点负责人手机号">
|
|
|
- <el-input v-model="formData.examOwnerPhone"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="securityOwner" label="安全负责人名称">
|
|
|
- <el-input v-model="formData.securityOwner"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="securityOwnerPhone" label="安全负责人手机号">
|
|
|
- <el-input v-model="formData.securityOwnerPhone"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="recordTime" label="备案时间">
|
|
|
- <el-date-picker
|
|
|
- v-model="formData.recordTime"
|
|
|
- type="date"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- placeholder="选择日期"
|
|
|
- >
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="status" label="状态">
|
|
|
- <el-select v-model="formData.status" clearable filterable placeholder="请选择">
|
|
|
- <el-option v-for="item in statusOptions" :key="item.value" :label="item.label" :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="examCenterQuantity" label="考场数量">
|
|
|
+ <el-input-number v-model="formData.examCenterQuantity" class="date-width"></el-input-number>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="examQuantity" label="报考人数">
|
|
|
+ <el-input-number v-model="formData.examQuantity" class="date-width"></el-input-number>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="examinerQuantity" label="考官人数">
|
|
|
+ <el-input-number v-model="formData.examinerQuantity" class="date-width"></el-input-number>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="examOwner" label="考点负责人名称">
|
|
|
+ <el-input v-model="formData.examOwner"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="examOwnerPhone" label="手机号">
|
|
|
+ <el-input v-model="formData.examOwnerPhone"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="securityOwner" label="安全负责人名称">
|
|
|
+ <el-input v-model="formData.securityOwner"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="securityOwnerPhone" label="手机号">
|
|
|
+ <el-input v-model="formData.securityOwnerPhone"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="recordTime" label="备案时间">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="formData.recordTime"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="选择日期"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="status" label="状态">
|
|
|
+ <el-select
|
|
|
+ v-model="formData.status"
|
|
|
+ clearable
|
|
|
+ filterable
|
|
|
+ placeholder="请选择"
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in statusOptions"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
<el-form-item>
|
|
|
- <el-button @click="onSave" :loading="saving" type="primary">保存</el-button>
|
|
|
- <el-button @click="onDelete" :loading="saving" type="danger" v-if="formData.id">删除 </el-button>
|
|
|
- <el-button @click="$router.go(-1)">取消</el-button>
|
|
|
+ <div style="margin-top: 10px">
|
|
|
+ <el-button @click="onSave" :loading="saving" type="primary">保存</el-button>
|
|
|
+ <el-button @click="onDelete" :loading="saving" type="danger" v-if="formData.id">删除 </el-button>
|
|
|
+ <el-button @click="$router.go(-1)">取消</el-button>
|
|
|
+ </div>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
@@ -122,13 +160,12 @@
|
|
|
export default {
|
|
|
name: 'RecordEdit',
|
|
|
created() {
|
|
|
- if (this.$route.query.id) {
|
|
|
+ if (this.$route.query.rid) {
|
|
|
this.$http
|
|
|
- .get('record/get/' + this.$route.query.id)
|
|
|
+ .get('record/get/' + this.$route.query.rid)
|
|
|
.then(res => {
|
|
|
this.formData = res;
|
|
|
this.dateRange = [res.examinationStartTime, res.examinationEndTime];
|
|
|
- console.log(this.dateRange);
|
|
|
})
|
|
|
.catch(e => {
|
|
|
console.log(e);
|
|
|
@@ -149,9 +186,23 @@ export default {
|
|
|
return {
|
|
|
saving: false,
|
|
|
formData: {},
|
|
|
- rules: {},
|
|
|
+ rules: {
|
|
|
+ examOwnerPhone: {
|
|
|
+ pattern: /^1[3-9]\d{9}$/,
|
|
|
+ message: '请输入正确的手机号',
|
|
|
+ trigger: 'blur'
|
|
|
+ },
|
|
|
+ securityOwnerPhone: {
|
|
|
+ pattern: /^1[3-9]\d{9}$/,
|
|
|
+ message: '请输入正确的手机号',
|
|
|
+ trigger: 'blur'
|
|
|
+ }
|
|
|
+ },
|
|
|
categoryOptions: [{ label: '承办单位', value: 'ORGANIZER' }],
|
|
|
- statusOptions: [{ label: '正常', value: 'NORMAL' }],
|
|
|
+ statusOptions: [
|
|
|
+ { label: '正常', value: 'NORMAL' },
|
|
|
+ { label: '已撤回', value: 'WITHDRAWN' }
|
|
|
+ ],
|
|
|
district: [],
|
|
|
dateRange: []
|
|
|
};
|
|
|
@@ -205,6 +256,22 @@ export default {
|
|
|
</script>
|
|
|
<style lang="less" scoped>
|
|
|
.date-width {
|
|
|
- width: 200px;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.info-content {
|
|
|
+ // padding: 39px 25px 25px;
|
|
|
+ // margin: 5px auto;
|
|
|
+ width: 50%;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+/deep/ .address {
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
+ .el-form-item__content {
|
|
|
+ flex-grow: 1;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|