115 lines
4.5 KiB
Vue
115 lines
4.5 KiB
Vue
<template>
|
|
<div class="page-card manager-meeting-new">
|
|
<div class="breadcrumb">首页 / 会议管理 / 新建会议</div>
|
|
<p class="page-sub" v-if="preselectProjectId">已选择项目: {{ preselectProjectId }}</p>
|
|
|
|
<el-form :model="form" :rules="rules" ref="formRef" label-width="120px" class="meeting-form">
|
|
<el-form-item label="项目编号" prop="projectNo">
|
|
<el-input v-model="form.projectNo" :disabled="!!preselectProjectId" placeholder="项目编号" />
|
|
</el-form-item>
|
|
<el-form-item label="会议名称" prop="meetingName">
|
|
<el-input v-model="form.meetingName" placeholder="会议名称" />
|
|
</el-form-item>
|
|
<el-form-item label="会议ID" prop="meetingId">
|
|
<el-input v-model="form.meetingId" placeholder="会议ID" />
|
|
</el-form-item>
|
|
<el-form-item label="项目形式" prop="projectForm">
|
|
<el-select v-model="form.projectForm" placeholder="请选择" style="width:100%">
|
|
<el-option label="线上" value="线上" />
|
|
<el-option label="线下" value="线下" />
|
|
<el-option label="线上+线下" value="线上+线下" />
|
|
<el-option label="其他" value="其他" />
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="会议开始时间" prop="startTime">
|
|
<el-date-picker v-model="form.startTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" style="width:100%" />
|
|
</el-form-item>
|
|
<el-form-item label="会议结束时间" prop="endTime">
|
|
<el-date-picker v-model="form.endTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" style="width:100%" />
|
|
</el-form-item>
|
|
<el-form-item label="总期数" prop="totalPeriods">
|
|
<el-input-number v-model="form.totalPeriods" :min="1" style="width:100%" />
|
|
</el-form-item>
|
|
<el-form-item label="期数" prop="periodNo">
|
|
<el-input-number v-model="form.periodNo" :min="1" style="width:100%" />
|
|
</el-form-item>
|
|
<el-form-item label="当前阶段" prop="currentStage">
|
|
<el-select v-model="form.currentStage" placeholder="请选择" style="width:100%">
|
|
<el-option label="未执行" value="未执行" />
|
|
<el-option label="执行中" value="执行中" />
|
|
<el-option label="已执行" value="已执行" />
|
|
<el-option label="已完结" value="已完结" />
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="备注">
|
|
<el-input v-model="form.remark" type="textarea" :rows="3" />
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-button type="primary" @click="onSave">保存</el-button>
|
|
<el-button @click="onCancel">取消</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref, reactive, onMounted } from 'vue'
|
|
import { useRoute, useRouter } from 'vue-router'
|
|
import { bizAdd, bizGet } from '@/api/public'
|
|
import { ElMessage } from 'element-plus'
|
|
|
|
const route = useRoute()
|
|
const router = useRouter()
|
|
const preselectProjectId = route.query.projectId || ''
|
|
const preselectProjectNo = route.query.projectNo || ''
|
|
const formRef = ref()
|
|
const form = reactive({
|
|
projectNo: preselectProjectNo || '',
|
|
meetingName: '',
|
|
meetingId: '',
|
|
projectForm: '',
|
|
startTime: '',
|
|
endTime: '',
|
|
totalPeriods: 1,
|
|
periodNo: 1,
|
|
currentStage: '未执行',
|
|
remark: ''
|
|
})
|
|
const rules = {
|
|
projectNo: [{ required: true, message: '请输入项目编号', trigger: 'blur' }],
|
|
meetingName: [{ required: true, message: '请输入会议名称', trigger: 'blur' }],
|
|
meetingId: [{ required: true, message: '请输入会议ID', trigger: 'blur' }],
|
|
startTime: [{ required: true, message: '请选择会议开始时间', trigger: 'change' }],
|
|
endTime: [{ required: true, message: '请选择会议结束时间', trigger: 'change' }]
|
|
}
|
|
|
|
async function onSave() {
|
|
try { await formRef.value.validate() } catch (e) { return }
|
|
try {
|
|
await bizAdd('meeting', { ...form })
|
|
ElMessage.success('保存成功')
|
|
router.push('/manager/meetings')
|
|
} catch (e) {
|
|
ElMessage.error(e?.msg || '保存失败')
|
|
}
|
|
}
|
|
|
|
function onCancel() { router.back() }
|
|
|
|
onMounted(async () => {
|
|
if (preselectProjectId) {
|
|
try {
|
|
const r = await bizGet('project', preselectProjectId)
|
|
form.projectNo = (r.data && r.data.projectNo) || ''
|
|
} catch (e) {}
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<style scoped>
|
|
/* 整页面板 (与 People.vue 风格一致) */
|
|
.manager-meeting-new { padding: 16px; }
|
|
.breadcrumb { font-size: 13px; color: #8c8c8c; margin-bottom: 12px; }
|
|
.page-sub { color: #909399; font-size: 13px; margin-bottom: 16px; }
|
|
.meeting-form { max-width: 700px; }
|
|
</style> |