From ae7eec6950473ce1eb8334ffbd598ac5b08b3734 Mon Sep 17 00:00:00 2001
From: zhouwx <1175765986@qq.com>
Date: 星期三, 13 十一月 2024 17:28:26 +0800
Subject: [PATCH] 项目管理
---
src/views/safetyReview/projectManage/components/basicInfo.vue | 145 ++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 145 insertions(+), 0 deletions(-)
diff --git a/src/views/safetyReview/projectManage/components/basicInfo.vue b/src/views/safetyReview/projectManage/components/basicInfo.vue
new file mode 100644
index 0000000..5f36145
--- /dev/null
+++ b/src/views/safetyReview/projectManage/components/basicInfo.vue
@@ -0,0 +1,145 @@
+<template>
+ <div class="basicInfo">
+ <el-row :gutter="24">
+ <el-col :span="24">
+ <el-form-item prop="deptName" label="申报处室：">
+ <span>{{state.formData.deptName}}</span>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-form ref="formRef" :model="state.formData" :rules="state.rules" class="register-form" label-position="top">
+ <el-row :gutter="30">
+ <el-col :span="6">
+ <el-form-item prop="projectName" label="项目名称">
+ <el-input
+ maxlength="100"
+ show-word-limit
+ v-model.trim="state.formData.projectName"
+ size="large"
+ placeholder="请输入项目名称"
+ >
+ </el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item prop="projectName" label="项目预计时间区间">
+ <el-date-picker
+ v-model="searchTime"
+ type="daterange"
+ @change="changeTime"
+ size="large"
+ range-separator="至"
+ start-placeholder="开始日期"
+ end-placeholder="结束日期"
+ value-format="YYYY-MM-DD"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item prop="unit" label="被检查/对接单位">
+ <el-input
+ v-model.trim="state.formData.unit"
+ size="large"
+ placeholder="请输入被检查/对接单位"
+ >
+ </el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item prop="place" label="项目地点">
+ <el-input
+ v-model.trim="state.formData.place"
+ size="large"
+ placeholder="请输入项目地点"
+ >
+ </el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="24">
+ <el-col :span="6">
+ <el-form-item prop="people" label="处室带队人员">
+ <el-input
+ v-model.trim="state.formData.projectName"
+ size="large"
+ placeholder="请输入处室带队人员"
+ >
+ </el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="24">
+ <el-col :span="24">
+ <el-form-item prop="description" label="概况描述">
+ <el-input
+ type="textarea"
+ :rows="6"
+ v-model.trim="state.formData.description"
+ size="large"
+ placeholder="请输入概况描述"
+ >
+ </el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ </div>
+</template>
+
+<script setup>
+import {reactive, ref} from "vue";
+
+const emit = defineEmits(["getNextStatus"]);
+const state = reactive({
+ formData: {
+ deptName:'危险化学品监督管理处',
+ projectName: '',
+ startTime: '',
+ endTime: '',
+ unit: '',
+ place: '',
+ people: '',
+ description: ''
+ },
+ rules: {
+
+ }
+})
+const searchTime = ref([]);
+const riskOpen = async (type,val) => {
+ console.log("type",type,val)
+ if(type === 'add'){
+ state.formData.startTime = searchTime.value[0]
+ state.formData.endTime = searchTime.value[1]
+ //保存按钮
+ //成功后自动到下一步 项目id
+ emit('getNextStatus', 1);
+ reset()
+
+ }else if(type === 'clickEdit'){
+ //变更按钮
+
+ }else if(type === 'detail'){
+ console.log("view111111111111111",type,val)
+ }
+}
+const reset = () => {
+ searchTime.value = [];
+}
+const changeTime=(value)=>{
+ if(!value){
+ state.formData.startTime = ""
+ state.formData.endTime = ""
+ }
+}
+defineExpose({
+ riskOpen
+});
+</script>
+
+
+<style scoped lang="scss">
+.basicInfo{
+
+}
+</style>
--
Gitblit v1.9.2