通知单管理-新增

src/api/notificationManagement/list.js

@@ -21,3 +21,26 @@ export function getALLManufacturerList() {
         method: 'get'
     })
 }
+// 获取所有车型代码
+export function getAllModelCode() {
+    return request({
+        url: '/control/notificationManagement/getAllModelCode',
+        method: 'get'
+    })
+}
+
+// 获取所有人员列表
+export function getALLUserList() {
+    return request({
+        url: '/system/dept/userDeptList',
+        method: 'get'
+    })
+}
+// 新增
+export function insert(data) {
+    return request({
+        url: '/control/notificationManagement/insert',
+        method: 'post',
+        data:data
+    })
+}

src/views/controlPlan/controlPlanNotice/notificationManagement/index.vue

@@ -127,7 +127,7 @@
       <el-table-column label="车型公告号" align="center" prop="updateTime"  />
       <el-table-column label="变更类型" align="center" prop="updateTime"  />
       <el-table-column label="认证负责人" align="center" prop="updateTime"  />
-      <el-table-column label="批注日期" align="center" prop="updateTime"  />
+      <el-table-column label="批准日期" align="center" prop="updateTime"  />
       <el-table-column label="通知单状态" align="center" prop="updateTime"  />
       <el-table-column label="创建人" align="center" prop="updateTime"  />
       <el-table-column label="批准人" align="center" prop="updateTime"  />
@@ -208,14 +208,18 @@
             <el-col :offset="1" :span="22">
               <el-form-item label="车型代码" prop="vehicleModelCode">
                 <el-select
+                    filterable
+                    allow-create
+                    default-first-option
+                    :reserve-keyword="false"
                     v-model="drawerQueryParams.vehicleModelCode"
                     placeholder="请选择"
                     clearable
                 >
                   <el-option
                       v-for="dict in modelCodeList"
-                      :label="dict"
-                      :value="dict"
+                      :label="dict.vehicleModelCode"
+                      :value="dict.vehicleModelCode"
                   />
                 </el-select>
               </el-form-item>
@@ -244,10 +248,10 @@
 
           <el-row >
             <el-col :offset="1" :span="22">
-              <el-form-item label="生产地址" prop="productionAddress">
+              <el-form-item label="生产地址" prop="manufacturerId">
                 <el-select
                     placement="bottom"
-                    v-model="drawerQueryParams.productionAddress"
+                    v-model="drawerQueryParams.manufacturerId"
                     placeholder="请选择"
                     clearable
                 >
@@ -294,11 +298,25 @@
         </div>
       </template>
     </el-drawer>
+
+
+
+<!--    <select-role-->
+<!--        v-model="selectRole"-->
+<!--        :dept-list="userList"-->
+<!--        name-key="nickName"-->
+<!--        dept-key="dept"-->
+<!--        :selection-mode="selectType"-->
+<!--        @submit="handleSelectionSubmit"-->
+<!--        @close="() => selectRole = false"-->
+<!--    />-->
   </div>
 </template>
 <script setup>
-import {getUnitList,brandData,getALLManufacturerList} from "@/api/notificationManagement/list.js"
+import SelectRole from "@/components/SelectRole/index.vue"
+import {getUnitList,brandData,getALLManufacturerList,getAllModelCode,getALLUserList,insert} from "@/api/notificationManagement/list.js"
 import { ref } from "vue";
+import { ElMessage } from 'element-plus'
 const { proxy } = getCurrentInstance();
 const { certification_body } = proxy.useDict('certification_body')
 //车型系列-事业部icar才能选这个
@@ -306,13 +324,16 @@ const { vehicle_model_series_icar } = proxy.useDict('vehicle_model_series_icar')
 //车型系列-除了事业部icar选这个
  const {vehicle_model_series } = proxy.useDict('vehicle_model_series')
 const tableList =ref([])
+//车型代码
+const modelCodeList = ref([])
+//人员选择数据
+const userList = ref([])
+const selectRole = ref(false) //组件控制，默认关闭
+const selectType = ref('multiple') //默认多选
 const vehicleModelSeriesList = ref([])
 const addressList = ref([])
 const drawer = ref(false)
-const modelCodeList = ref([
-  'T19C',
-  'T18'
-])
+
 const unitList = ref([])
 const brandList = ref([])
 const drawerQueryParams = ref({
@@ -329,6 +350,7 @@ const queryParams = ref({
 const drawerQueryRef = ref()
 function addNotifiction(){
   drawer.value = true
+  getALLModelCodeList()
 }
 
 const rules = ref({
@@ -348,7 +370,7 @@ const rules = ref({
   vehicleSeries: [
     { required: true, message: '请选择车型系列', trigger: 'change' }
   ],
-  productionAddress: [
+  manufacturerId: [
     { required: true, message: '请选择生产地址', trigger: 'change' }
   ],
   approvalPerson: [
@@ -363,6 +385,13 @@ function confirmClick(formRef) {
   drawerQueryRef.value.validate((valid) => {
     if (valid) {
       console.log(drawerQueryParams.value);
+      insert(drawerQueryParams.value).then(res=>{
+        console.log("新增结果",res)
+        if(res.code === 200){
+         ElMessage.success("新增成功")
+          cancelClick()
+        }
+      })
     } else {
       console.log('表单验证失败');
       return false;
@@ -398,7 +427,16 @@ function onChange(){
   console.log(vehicleModelSeriesList.value)
 }
 
-
+//多选
+const openDialog = () => {
+  selectRole.value = true;// 打开对话框
+  selectType.value = 'multiple'
+};
+//单选
+const singleOpenDialog = () => {
+  selectRole.value = true;// 打开对话框
+  selectType.value = 'single'
+};
 
 //获取所有制造商数据-生产地址
 function  getALLManufacturerDataList(){
@@ -411,7 +449,36 @@ function drawerColse(){
   drawerQueryRef.value.resetFields()
 }
 
+//获取所有车型代码
+function getALLModelCodeList(){
+  getAllModelCode().then(res=>{
+    modelCodeList.value = res.data
+  })
+}
+//抽屉取消
+function cancelClick(){
+  drawerQueryParams.value = {
+    //暂时写死等接口
+    approvalPerson:"2",
+    certificationResponsiblePerson:"2,100,101"
+  }
+  drawer.value = false
+}
+
+//提交方法
+const handleSelectionSubmit = (selectedItems) => {
+  console.log('已选中的项:', selectedItems);  // 处理已选择的用户
+};
 
+//获取所有人员
+function getALLUserDeptList(){
+  getALLUserList().then(res=>{
+    console.log("人员",res.data)
+    userList.value = res.data
+  })
+}
+getALLUserDeptList()
+getALLModelCodeList()
 getALLManufacturerDataList()
 getUnitDataList()
 getBrandDataList()