feat(11): 11

src/views/controlPlan/baseConfig/ccapProjectManagement/index.vue

@@ -40,7 +40,7 @@
           <div style="display: flex;align-items: flex-start">
             <el-button type="text" style="color: rgb(0,0,255)"  @click="handleMaintain(scope.row)">维护项目</el-button>
             <el-button type="text" style="color: rgb(255,153,0)" v-if="scope.row.id === adminId" @click="handleView(scope.row)">复制新增</el-button>
-            <el-button type="text" v-if="scope.row.id === adminId" @click="addBusiness(scope.row)">添加事业部</el-button>
+            <el-button type="text" v-if="scope.row.id === adminId" @click="handleView(scope.row)">添加事业部</el-button>
             <el-button type="text" style="color: rgb(244,93,93)" v-else="scope.row.id === adminId" @click="handleView(scope.row)">删除</el-button>
           </div>
         </template>
@@ -91,11 +91,11 @@
 
           <div class="top-btn">
             <el-button type="primary" plain @click="handleAdd">新增</el-button>
-            <el-button type="danger" plain  @click="piliangDel">批量删除</el-button>
+            <el-button type="danger" plain  @click="resetQuery">批量删除</el-button>
           </div>
         </div>
 
-        <el-table border style="margin-top: 10px" :data="drawer2TableList"  @selection-change="handleSelectionChange">
+        <el-table border style="margin-top: 10px" :data="drawer2TableList">
           <el-table-column type="selection"  width="55" align="center"/>
           <el-table-column type="index" width="55" align="center" label="序号"/>
           <el-table-column label="项目" align="center" prop="project" width="300"/>
@@ -103,8 +103,8 @@
           <el-table-column label="操作" align="center">
             <template #default="scope" align="center">
               <div >
-                <el-button type="text" style="color: rgb(0,0,255)"  @click="handleDrawerEdit(scope.row)">编辑</el-button>
-                <el-button type="text" style="color: rgb(244,93,93)"  @click="handleDrawerDel(scope.row)">删除</el-button>
+                <el-button type="text" style="color: rgb(0,0,255)"  @click="handleView(scope.row)">编辑</el-button>
+                <el-button type="text" style="color: rgb(244,93,93)"  @click="handleView(scope.row)">删除</el-button>
               </div>
             </template>
           </el-table-column>
@@ -118,7 +118,7 @@
       </template>
     </el-drawer>
 
-    <!--   抽屉里面的 对话框-->
+    <!--    对话框-->
     <el-dialog
       top="30"
       v-model="dialogVisible"
@@ -126,7 +126,7 @@
       width="500"
     >
       <div style="width: 85%;margin-left: 7.5%">
-        <el-form :rules="dialogRules" :model="dialogForm" ref="dialogQueryRef"  >
+        <el-form  v-model="dialogForm" ref="dialogQueryRef"  >
           <el-form-item label="项目:" prop="project"  >
             <el-input v-model="dialogForm.project" placeholder="请输入"/>
           </el-form-item>
@@ -150,67 +150,25 @@
       <template #footer>
         <div class="dialog-footer">
           <el-button @click="dialogCencal">取消</el-button>
-          <el-button type="primary" @click="dialogSave(dialogForm)">
+          <el-button type="primary" @click="dialogSave">
             保存
           </el-button>
         </div>
       </template>
     </el-dialog>
-
-    <!--   添加事业部·复制新增的 对话框-->
-    <el-dialog
-      top="30"
-      v-model="tableDialogVisible"
-      :title="tableDialogTitle"
-      width="500"
-    >
-      <div style="width: 70%;margin-left: 15%;padding: 20px 0">
-        <el-form  :model="tableDialogForm"  >
-          <el-form-item label="事业部:" prop="project"  >
-            <el-select
-              v-model="dialogForm.business"
-              placeholder="请选择"
-              clearable
-            >
-              <el-option
-                v-for="dict in groupList"
-                :label="dict"
-                :value="dict"
-              />
-            </el-select>
-          </el-form-item>
-
-        </el-form>
-      </div>
-
-      <template #footer>
-        <div class="dialog-footer">
-          <el-button @click="">取消</el-button>
-          <el-button type="primary" @click="(dialogForm)">
-            确定
-          </el-button>
-        </div>
-      </template>
-    </el-dialog>
   </div>
 </template>
 
 <script setup>
-import { ElMessage,ElMessageBox  } from 'element-plus'
+import { ElMessage } from 'element-plus'
 import { ref, getCurrentInstance } from 'vue';
 import {
   getDataList,
   getAllBusinessUnitList,
   getProjectListById,
-  inserTableData,
-  deleteBatch,
-  updateCcap
+  inserTableData
 } from "@/api/CCAPProjectManagement/list";
 
-const tableDialogForm = ref({
-  business:null,
-  id:null
-})
 const { proxy } = getCurrentInstance();
 const tableList = ref([]);
 const drawer2 = ref(false)
@@ -219,13 +177,12 @@ const dialogVisible = ref(false)
 const adminId = '12321'
 const businessList = ref([])
 const drawer2TableList = ref([]);
-const ids = ref([])
+
 const showSearch = ref(true);
 const dialogQueryRef = ref(null);
 const drawerQueryRef = ref(null);
 const addTitle = ref('新增');
-const tableDialogVisible = ref(false)
-const tableDialogTitle = ref('')
+
 const total = ref(0);
 const dialogRules = {
   project: [{ required: true, message: '项目名称不能为空', trigger: 'blur' }],
@@ -235,8 +192,7 @@ const dialogRules = {
 const dialogForm = ref({
   projectStatusId: null,
   project: null,
-  groupName: null,
-  id:null
+  groupName: null
 });
 
 const queryParams = ref({
@@ -264,13 +220,6 @@ function getList() {
   });
 }
 
-function handleSelectionChange(arr){
-  ids.value.length = 0
-  for(let item of arr){
-    ids.value.push(item.id)
-  }
-}
-
 //获取抽屉里面的表格数据
 function getDataProjectListById() {
   getProjectListById(drawerQueryParams.value).then(res => {
@@ -278,68 +227,6 @@ function getDataProjectListById() {
     drawer2TableList.value = res.data;
   });
 }
-function piliangDel(){
-  if(ids.value.length === 0) return ElMessage.warning("请先选择要删除的数据项")
-  ElMessageBox.confirm(
-    '是否删除选中数据？',
-    '提示',
-    {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning',
-    }
-  )
-    .then(() => {
-      del(ids.value)
-    })
-    .catch(() => {
-
-    })
-}
-//添加事业部
-function addBusiness(row){
-  console.log(row)
-  tableDialogTitle.value = '添加事业部'
-  tableDialogVisible.value =true
-}
-
-//删除
-function handleDrawerDel(row){
-  ElMessageBox.confirm(
-    '是否删除该数据？',
-    '提示',
-    {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning',
-    }
-  )
-    .then(() => {
-      del([row.id])
-    })
-    .catch(() => {
-
-    })
-}
-
-function del(id){
-  deleteBatch(id).then(res=>{
-    if(res.code === 200){
-      ElMessage.success("删除成功")
-      getDataProjectListById()
-      dialogVisible.value = false;
-    }
-  })
-}
-
-function handleDrawerEdit(row){
-  dialogVisible.value = true;
-  addTitle.value = '编辑';
-  dialogForm.value.projectStatusId = drawerQueryParams.value.id;
-  dialogForm.value.id = row.id
-  dialogForm.value.groupName = row.groupName
-  dialogForm.value.project = row.project
-}
 
 function getBusinessList() {
   getAllBusinessUnitList().then(res => {
@@ -358,33 +245,21 @@ function handleAdd() {
 //对话框里面的保存
 function dialogSave() {
   console.log(dialogForm.value);
-  dialogQueryRef.value.validate((valid)=>{
-    if (valid) {
-      //判断是新增还是保存
-      if(addTitle.value === '新增'){
-        inserTableData(dialogForm.value).then(res=>{
-          console.log(res)
-          if(res.code === 200) {
-            ElMessage.success("新增成功")
-            dialogCencal()
-            getDataProjectListById()
-          }
-        })
-      }else{
-        updateCcap(dialogForm.value).then(res=>{
-          console.log(res)
-          if(res.code === 200) {
-            ElMessage.success("修改成功")
-            dialogCencal()
-            getDataProjectListById()
-          }
-        })
-      }
-
+  inserTableData(dialogForm.value).then(res=>{
+    console.log(res)
+    if(res.code === 200) {
+      ElMessage.success("新增成功")
+      dialogCencal()
+      getDataProjectListById()
     }
   })
-
-
+  // dialogQueryRef.value.validate((valid) => {
+  //   if (valid) {
+  //     console.log(dialogForm.value);
+  //   } else {
+  //     return false;
+  //   }
+  // });
 }
 
 //对话框里面的取消