ccap项目管理-抽屉列表修改删除

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="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" style="color: rgb(244,93,93)" v-else="scope.row.id === adminId" @click="handleView(scope.row)">删除</el-button>
           </div>
         </template>
@@ -118,7 +118,7 @@
       </template>
     </el-drawer>
 
-    <!--    对话框-->
+    <!--   抽屉里面的 对话框-->
     <el-dialog
       top="30"
       v-model="dialogVisible"
@@ -156,6 +156,42 @@
         </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>
 
@@ -171,6 +207,10 @@ import {
   updateCcap
 } from "@/api/CCAPProjectManagement/list";
 
+const tableDialogForm = ref({
+  business:null,
+  id:null
+})
 const { proxy } = getCurrentInstance();
 const tableList = ref([]);
 const drawer2 = ref(false)
@@ -184,7 +224,8 @@ 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' }],
@@ -255,7 +296,12 @@ function piliangDel(){
 
     })
 }
-
+//添加事业部
+function addBusiness(row){
+  console.log(row)
+  tableDialogTitle.value = '添加事业部'
+  tableDialogVisible.value =true
+}
 
 //删除
 function handleDrawerDel(row){