From 3e44eecdc4e024f26604033600b18bc74ac72917 Mon Sep 17 00:00:00 2001
From: jia <1451658316@qq.com>
Date: Fri, 15 Dec 2023 18:18:43 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E5=B9=B2=E7=B3=BB=E4=BA=BA?=
 =?UTF-8?q?=E5=8F=8A=E6=88=90=E5=91=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/project_stakeholder.ts             |  26 ++
 src/components/personnelselector/index.vue | 399 +++++++++++++++++++++
 src/views/project_member/detail.vue        |  19 +-
 src/views/project_member/edit.vue          |  45 ++-
 src/views/project_member/index.vue         |  25 +-
 src/views/project_stakeholder/detail.vue   | 147 ++++++++
 src/views/project_stakeholder/edit.vue     | 231 ++++++++++++
 src/views/project_stakeholder/index.vue    | 173 +++++++++
 src/views/project_wbs_set/edit.vue         |   2 +-
 9 files changed, 1040 insertions(+), 27 deletions(-)
 create mode 100644 src/api/project_stakeholder.ts
 create mode 100644 src/components/personnelselector/index.vue
 create mode 100644 src/views/project_stakeholder/detail.vue
 create mode 100644 src/views/project_stakeholder/edit.vue
 create mode 100644 src/views/project_stakeholder/index.vue

diff --git a/src/api/project_stakeholder.ts b/src/api/project_stakeholder.ts
new file mode 100644
index 0000000..58fa70d
--- /dev/null
+++ b/src/api/project_stakeholder.ts
@@ -0,0 +1,26 @@
+import request from '@/utils/request'
+
+// 项目干系人表列表
+export function apiProjectstakeholderLists(params: any) {
+    return request.get({ url: '/project.project_stakeholder/lists', params })
+}
+
+// 添加项目干系人
+export function apiProjectstakeholderAdd(params: any) {
+    return request.post({ url: '/project.project_stakeholder/add', params })
+}
+
+// 编辑项目干系人
+export function apiProjectstakeholderEdit(params: any) {
+    return request.post({ url: '/project.project_stakeholder/edit', params })
+}
+
+// 删除项目干系人
+export function apiProjectstakeholderDelete(params: any) {
+    return request.post({ url: '/project.project_stakeholder/delete', params })
+}
+
+// 项目干系人详情
+export function apiProjectstakeholderDetail(params: any) {
+    return request.get({ url: '/project.project_stakeholder/detail', params })
+}
diff --git a/src/components/personnelselector/index.vue b/src/components/personnelselector/index.vue
new file mode 100644
index 0000000..3743247
--- /dev/null
+++ b/src/components/personnelselector/index.vue
@@ -0,0 +1,399 @@
+<template>
+    <div class="edit-popup">
+
+        <el-dialog v-model="dialogVisible" title="人员选择器" width="600px" :before-close="handleClose">
+            <div>
+                <el-radio-group v-model="isCollapse" style="margin-bottom: 20px">
+                    <el-radio-button :label="1">全部人员</el-radio-button>
+                    <el-radio-button :label="2">按部门筛选</el-radio-button>
+                    <el-radio-button :label="3">按岗位筛选</el-radio-button>
+                </el-radio-group>
+
+
+
+                <div v-if="type == 1">
+                    <div v-if="isCollapse == 1" style="margin-bottom: 20px">
+                        <!-- <el-input v-model="content" clearable placeholder="搜索人员" /> -->
+                        <div style="margin-top: 20px">
+                            <el-radio-group v-model="radionum">
+                                <el-radio :label="item" v-for="(item, i) in uesrlist" :key="i" style="margin-bottom: 20px;">
+                                    <div class="radio-con">
+                                        <div class="radioa">
+                                            <img :src="item.avatar" alt="" />
+                                        </div>
+                                        <div class="radiob">
+                                            <div class="radiob_a">{{ item.name }}</div>
+                                            <div class="radiob_b">
+                                                <!-- {{ item.org_name }}/{{ item.dept_name }}/{{ item.job_name }} -->
+                                                <text v-if="item.org_name.length > 0">{{ item.org_name }}</text>
+                                                <text v-if="item.dept_name.length > 0">/{{ item.dept_name }}</text>
+                                                <text v-if="item.job_name.length > 0">/{{ item.job_name }}</text>
+
+                                            </div>
+                                        </div>
+                                    </div>
+                                </el-radio><br />
+                            </el-radio-group>
+                        </div>
+                    </div>
+                    <div v-if="isCollapse == 2">
+                        <div v-if="isshow">
+                            <div class="lad" v-for="(item, i) in deparmetlist" :key="i">
+                                <div class="lad">{{ i }}</div>
+                                <div class="flex " v-for="(items, k) in item" style="justify-content: space-between;" @click="deparmetclck(items)">
+                                    <div>{{ items.name }}</div>
+                                    <div class="Collapsebj">{{ items.admin_num }}</div>
+                                </div>
+                            </div>
+                        </div>
+                        <div v-else>
+
+
+                            <!-- <el-input v-model="content" clearable placeholder="搜索人员" style="margin-bottom: 20px;" /> -->
+
+                            <el-radio-group v-model="radionum">
+                                <el-radio :label="item" v-for="(item, i) in deparmetlist1" :key="i" style="margin-bottom: 20px;">
+                                    <div class="radio-con">
+                                        <div class="radioa">
+                                            <img :src="item.avatar" alt="" />
+                                        </div>
+                                        <div class="radiob">
+                                            <div class="radiob_a">{{ item.name }}</div>
+                                            <div class="radiob_b">
+
+                                                <text v-if="item.org_name.length > 0">{{ item.org_name }}</text>
+                                                <text v-if="item.dept_name.length > 0">/{{ item.dept_name }}</text>
+                                                <text v-if="item.job_name.length > 0">/{{ item.job_name }}</text>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </el-radio><br />
+                            </el-radio-group>
+                        </div>
+                    </div>
+                    <div v-if="isCollapse == 3">
+                        <div class="lad " v-if="isshow1">
+                            <div class="flex " v-for="(item, j) in jobslist" :key="j" style="justify-content: space-between;" @click="gwclck(item)">
+                                <div>{{ item.name }}</div>
+                                <div class="Collapsebj">{{ item.admin_num }}</div>
+                            </div>
+                        </div>
+                        <div v-else>
+                            <!-- <el-input v-model="content" clearable placeholder="搜索人员" style="margin-bottom: 20px;" /> -->
+                            <el-radio-group v-model="radionum">
+                                <el-radio :label="item" v-for="(item, i) in jobslist1" :key="i" style="margin-bottom: 20px;">
+                                    <div class="radio-con">
+                                        <div class="radioa">
+                                            <img :src="item.avatar" alt="" />
+                                        </div>
+                                        <div class="radiob">
+                                            <div class="radiob_a">{{ item.name }}</div>
+                                            <div class="radiob_b">
+                                                <!-- {{ item.org_name }}/{{ item.dept_name }}/{{ item.job_name }} -->
+                                                <text v-if="item.org_name.length > 0">{{ item.org_name }}</text>
+                                                <text v-if="item.dept_name.length > 0">/{{ item.dept_name }}</text>
+                                                <text v-if="item.job_name.length > 0">/{{ item.job_name }}</text>
+
+                                            </div>
+                                        </div>
+                                    </div>
+                                </el-radio><br />
+                            </el-radio-group>
+                        </div>
+                    </div>
+
+                </div>
+                <div v-else>
+
+
+                    <div v-if="isCollapse == 1" style="margin-bottom: 20px">
+                        <!-- <el-input v-model="content" clearable placeholder="搜索人员" /> -->
+                        <div style="margin-top: 20px">
+                            <el-checkbox-group v-model="radiolist">
+                                <el-checkbox :label="item" v-for="(item, i) in uesrlist" :key="i" style="margin-bottom: 20px;">
+                                    <div class="radio-con">
+                                        <div class="radioa">
+                                            <img :src="item.avatar" alt="" />
+                                        </div>
+                                        <div class="radiob">
+                                            <div class="radiob_a">{{ item.name }}</div>
+                                            <div class="radiob_b">
+                                                <!-- {{ item.org_name }}/{{ item.dept_name }}/{{ item.job_name }} -->
+                                                <text v-if="item.org_name.length > 0">{{ item.org_name }}</text>
+                                                <text v-if="item.dept_name.length > 0">/{{ item.dept_name }}</text>
+                                                <text v-if="item.job_name.length > 0">/{{ item.job_name }}</text>
+
+                                            </div>
+                                        </div>
+                                    </div>
+                                </el-checkbox><br />
+                            </el-checkbox-group>
+                        </div>
+                    </div>
+                    <div v-if="isCollapse == 2">
+                        <div v-if="isshow">
+                            <div class="lad" v-for="(item, i) in deparmetlist" :key="i">
+                                <div class="lad">{{ i }}</div>
+                                <div class="flex " v-for="(items, k) in item" style="justify-content: space-between;" @click="deparmetclck(items)">
+                                    <div>{{ items.name }}</div>
+                                    <div class="Collapsebj">{{ items.admin_num }}</div>
+                                </div>
+                            </div>
+                        </div>
+                        <div v-else>
+
+
+                            <!-- <el-input v-model="content" clearable placeholder="搜索人员" style="margin-bottom: 20px;" /> -->
+
+                            <el-checkbox-group v-model="radiolist">
+                                <el-checkbox :label="item" v-for="(item, i) in deparmetlist1" :key="i" style="margin-bottom: 20px;">
+                                    <div class="radio-con">
+                                        <div class="radioa">
+                                            <img :src="item.avatar" alt="" />
+                                        </div>
+                                        <div class="radiob">
+                                            <div class="radiob_a">{{ item.name }}</div>
+                                            <div class="radiob_b">
+
+                                                <text v-if="item.org_name.length > 0">{{ item.org_name }}</text>
+                                                <text v-if="item.dept_name.length > 0">/{{ item.dept_name }}</text>
+                                                <text v-if="item.job_name.length > 0">/{{ item.job_name }}</text>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </el-checkbox><br />
+                            </el-checkbox-group>
+                        </div>
+                    </div>
+                    <div v-if="isCollapse == 3">
+                        <div class="lad " v-if="isshow1">
+                            <div class="flex " v-for="(item, j) in jobslist" :key="j" style="justify-content: space-between;" @click="gwclck(item)">
+                                <div>{{ item.name }}</div>
+                                <div class="Collapsebj">{{ item.admin_num }}</div>
+                            </div>
+                        </div>
+                        <div v-else>
+                            <!-- <el-input v-model="content" clearable placeholder="搜索人员" style="margin-bottom: 20px;" /> -->
+                            <el-checkbox-group v-model="radiolist">
+                                <el-checkbox :label="item" v-for="(item, i) in jobslist1" :key="i" style="margin-bottom: 20px;">
+                                    <div class="radio-con">
+                                        <div class="radioa">
+                                            <img :src="item.avatar" alt="" />
+                                        </div>
+                                        <div class="radiob">
+                                            <div class="radiob_a">{{ item.name }}</div>
+                                            <div class="radiob_b">
+                                                <!-- {{ item.org_name }}/{{ item.dept_name }}/{{ item.job_name }} -->
+                                                <text v-if="item.org_name.length > 0">{{ item.org_name }}</text>
+                                                <text v-if="item.dept_name.length > 0">/{{ item.dept_name }}</text>
+                                                <text v-if="item.job_name.length > 0">/{{ item.job_name }}</text>
+
+                                            </div>
+                                        </div>
+                                    </div>
+                                </el-checkbox><br />
+                            </el-checkbox-group>
+                        </div>
+                    </div>
+                </div>
+
+
+            </div>
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button @click="dialogVisible = false">取消</el-button>
+                    <el-button type="primary" @click="userclick" v-if="type == 1">确认</el-button>
+                    <el-button type="primary" @click="userclick" v-else> {{ radiolist.length > 0 ? '已选' : '未选' }}
+                        <text v-if="radiolist.length > 0">{{ radiolist.length }}</text></el-button>
+                </span>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script lang="ts" setup name="projectPreSalesMembersEdit">
+import type { FormInstance } from 'element-plus'
+import { computed, nextTick, onMounted, reactive, shallowRef, watch } from 'vue'
+import { getAdminsByAll, getAllDept, getAllJobs, getAdminsByDept, getAdminsByJob } from '@/api/common'
+import { timeFormat } from '@/utils/util'
+import feedback from '@/utils/feedback'
+import type { PropType } from 'vue'
+import { defineEmits } from "vue"
+const leixin = ref('0')
+const props = defineProps({
+    type: {
+        type: String,//1:单选 2.多选
+        default: () => ({})
+    }
+})
+const emits = defineEmits(['confirm'])
+
+const dialogVisible = ref(false)
+const active = ref(0);
+const isCollapse = ref(1);
+const uesrlist = reactive([])
+const deparmetlist = reactive({})
+const deparmetlist1 = reactive([])
+const jobslist = reactive({})
+const jobslist1 = reactive([])
+const isshow = ref(true);
+const isshow1 = ref(true);
+const radiolist = ref([])
+const radionum = ref([])
+
+const showDialog = ref(false)
+
+// 获取全部人员
+const getlist = () => {
+    getAdminsByAll().then((res) => {
+        // console.log(res)
+        Object.assign(uesrlist, res)
+    })
+}
+
+//获取所有部门
+const deparmet = () => {
+    getAllDept().then((res) => {
+        console.log(res)
+        Object.assign(deparmetlist, res)
+    })
+}
+//获取部门下的人员
+const deparmetclck = (item: { id: any }) => {
+    console.log(item)
+    getAdminsByDept({ 'dept_id': item.id }).then((res) => {
+        if (res.length > 0) {
+            Object.assign(deparmetlist1, res)
+            isshow.value = false
+        }
+
+    })
+}
+
+//获取岗位
+
+const Jobs = () => {
+    getAllJobs().then((res) => {
+        console.log(res)
+        Object.assign(jobslist, res)
+    })
+}
+
+//获取岗位下的人员
+const gwclck = (item: { id: any }) => {
+
+    getAdminsByJob({ 'job_id': item.id }).then((res) => {
+        if (res.length > 0) {
+            Object.assign(jobslist1, res)
+            isshow1.value = false
+        }
+
+    })
+}
+
+
+//打开弹窗
+const open = (e: any) => {
+    leixin.value = e
+    dialogVisible.value = true
+
+}
+//获取选择的数据
+const userclick = () => {
+    dialogVisible.value = false
+    // console.log(props, radionum.value, 9999999999999)
+    if (props.type == 1) {
+        emits("confirm", radionum.value);
+    } else {
+        emits("confirm", radiolist.value);
+    }
+
+}
+
+
+onMounted(() => {
+    getlist()
+    deparmet()
+    Jobs()
+})
+
+
+
+
+defineExpose({
+    open,
+    userclick
+})
+
+</script>
+
+<style lang="scss">
+.userlist {
+    display: flex;
+
+    img {
+        width: 40px;
+        height: 40px;
+        border-radius: 50%;
+    }
+
+    text-align: center;
+
+    .userlist-con {
+        margin-right: 10px;
+    }
+}
+
+.user {
+    img {
+        width: 40px;
+        height: 40px;
+        border-radius: 50%;
+    }
+}
+
+.radio-con {
+    display: flex;
+    width: 500px;
+
+    .radioa {
+        img {
+            margin-right: 20px;
+            width: 40px;
+            height: 40px;
+            border-radius: 50%;
+        }
+    }
+
+    .radiob {
+        .radiob_a {
+            margin-bottom: 10px;
+            margin-top: 3px;
+
+        }
+
+        .radiob_b {}
+
+    }
+}
+
+.lad {
+    padding: 10px 0;
+    border-bottom: 1px solid #f7f7f7;
+
+    div {
+        margin: 10px 0;
+    }
+
+    .Collapsebj {
+        background-color: #3e8ef7;
+        height: 20px;
+        width: 20px;
+        line-height: 20px;
+        text-align: center;
+        border-radius: 6px;
+        color: #f7f7f7;
+
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/project_member/detail.vue b/src/views/project_member/detail.vue
index 52769e3..1654aae 100644
--- a/src/views/project_member/detail.vue
+++ b/src/views/project_member/detail.vue
@@ -18,24 +18,27 @@
 
 
                         <el-col :span="12">
-                            <el-form-item label="材料预算花费比例">
-                                {{ formData.material_budget_expenditure_ratio }}
+                            <el-form-item label="角色名称">
+                                {{ formData.project_role_name
+                                }}
                             </el-form-item>
                         </el-col>
 
                         <el-col :span="12">
-                            <el-form-item label="人工预算花费比例">
-                                {{ formData.labour_budget_expenditure_ratio }}
+                            <el-form-item label="人员名称">
+                                {{ formData.admin_name
+                                }}
                             </el-form-item>
                         </el-col>
                         <el-col :span="12">
-                            <el-form-item label="费用预算花费比例">
-                                {{ formData.cost_budget_expenditure_ratio }}
+                            <el-form-item label="人工单价">
+                                {{ formData.working_unit_price }}
                             </el-form-item>
                         </el-col>
                         <el-col :span="12">
-                            <el-form-item label="分包预算花费比例">
-                                {{ formData.subcontract_budget_expenditure_ratio }}
+                            <el-form-item label="备注">
+                                {{ formData.remark
+                                }}
                             </el-form-item>
                         </el-col>
 
diff --git a/src/views/project_member/edit.vue b/src/views/project_member/edit.vue
index 2b3e260..a433f44 100644
--- a/src/views/project_member/edit.vue
+++ b/src/views/project_member/edit.vue
@@ -12,8 +12,15 @@
                             <el-input v-model="project_code" readonly clearable placeholder="请选择项目" />
                         </el-form-item> </el-col>
                     <el-col :span="8">
-                        <el-form-item label="人员名称" prop="admin_id">
-                            <el-input v-model="admin_name" clearable placeholder="请输入人员名称" />
+                        <el-form-item label="角色名称" prop="project_role_id">
+                            <el-select class="w-[280px]" v-model="formData.project_role_id" clearable placeholder="请选择角色名称">
+
+                                <el-option v-for="(item, index) in list1" :key="index" :label="item.name" :value="item.id" />
+                            </el-select>
+                        </el-form-item></el-col>
+                    <el-col :span="8">
+                        <el-form-item label="人员名称" prop="admin_id" @click="userclick">
+                            <el-input v-model="admin_name" clearable readonly placeholder="请输入人员名称" />
                         </el-form-item> </el-col>
                     <el-col :span="8">
                         <el-form-item label="人工单价" prop="working_unit_price">
@@ -35,6 +42,7 @@
         <el-dialog v-model="showDialog" title="选择项目" width="70%">
             <projectDialog @customEvent="customEvent"></projectDialog>
         </el-dialog>
+        <personnelselector ref="personnel" @confirm="submituser" type="1"></personnelselector>
     </div>
 </template>
 
@@ -42,8 +50,9 @@
 import type { FormInstance } from 'element-plus'
 import Popup from '@/components/popup/index.vue'
 import projectDialog from '@/components/project/index.vue'
+import personnelselector from '@/components/personnelselector/index.vue'
 import { apiProjectmemberAdd, apiProjectmemberEdit, apiProjectmemberDetail } from '@/api/project_member'
-
+import { getAllProjectRoles } from '@/api/project_role_set'
 import { timeFormat } from '@/utils/util'
 import type { PropType } from 'vue'
 defineProps({
@@ -55,8 +64,10 @@ defineProps({
 const emit = defineEmits(['success', 'close'])
 const formRef = shallowRef<FormInstance>()
 const popupRef = shallowRef<InstanceType<typeof Popup>>()
+const personnel = ref<any>()
 const mode = ref('add')
 
+const list1 = ref([])
 const showDialog = ref(false)
 const project_name = ref('')
 const project_code = ref('')
@@ -74,10 +85,10 @@ const popupTitle = computed(() => {
 const formData = reactive({
     id: '',
     project_id: '',
-    material_budget_expenditure_ratio: '',
-    labour_budget_expenditure_ratio: '',
-    cost_budget_expenditure_ratio: '',
-    subcontract_budget_expenditure_ratio: '',
+    admin_id: '',
+    working_unit_price: '',
+    remark: '',
+    project_role_id: '',
 
 })
 
@@ -93,9 +104,26 @@ const customEvent = (e) => {
 const formRules = reactive<any>({
 
 })
+//获取角色
 
+const getlist1 = () => {
+    getAllProjectRoles().then((res) => {
+        list1.value = res
+    })
+}
+//打开弹窗
 
+const userclick = () => {
+    console.log(personnel.value, '1111111')
+    personnel.value.open()
 
+}
+//确认
+const submituser = (e: any) => {
+    // console.log(e)
+    formData.admin_id = e.id
+    admin_name.value = e.name
+}
 
 // 获取详情
 const setFormData = async (data: Record<any, any>) => {
@@ -108,6 +136,7 @@ const setFormData = async (data: Record<any, any>) => {
             formData[key] = data[key]
         }
     }
+    admin_name.value = data.admin_name
     project_name.value = data.project_name
     project_code.value = data.project_code
 
@@ -144,7 +173,7 @@ const handleClose = () => {
     emit('close')
 }
 
-
+getlist1()
 defineExpose({
     open,
     setFormData,
diff --git a/src/views/project_member/index.vue b/src/views/project_member/index.vue
index f17b1f6..6deb1b9 100644
--- a/src/views/project_member/index.vue
+++ b/src/views/project_member/index.vue
@@ -2,10 +2,15 @@
     <div>
         <el-card class="!border-none mb-4" shadow="never">
             <el-form class="mb-[-16px]" :model="queryParams" inline>
-                <el-form-item label="项目名称" prop="procurement_contract_id">
-                    <el-input class="w-[280px]" v-model="queryParams.name" clearable placeholder="请输入项目名称" />
+                <el-form-item label="项目名称" prop="project_name">
+                    <el-input class="w-[280px]" v-model="queryParams.project_name" clearable placeholder="请输入项目名称" />
+                </el-form-item>
+                <el-form-item label="角色名称" prop="project_role_name">
+                    <el-input class="w-[280px]" v-model="queryParams.project_role_name" clearable placeholder="请输入角色名称" />
+                </el-form-item>
+                <el-form-item label="人员名称" prop="admin_name">
+                    <el-input class="w-[280px]" v-model="queryParams.admin_name" clearable placeholder="请输入人员名称" />
                 </el-form-item>
-
 
 
                 <el-form-item>
@@ -32,12 +37,11 @@
 
                     <el-table-column label="项目编码" prop="project_code" show-overflow-tooltip />
 
-                    <el-table-column label="材料预算花费比例(％)" prop="material_budget_expenditure_ratio" show-overflow-tooltip />
+                    <el-table-column label="角色名称" prop="project_role_name" show-overflow-tooltip />
 
-                    <el-table-column label="人工预算花费比例(％)" prop="labour_budget_expenditure_ratio" show-overflow-tooltip />
-
-                    <el-table-column label="费用预算花费比例(％)" prop="cost_budget_expenditure_ratio" show-overflow-tooltip />
-                    <el-table-column label="分包预算花费比例(％)" prop="subcontract_budget_expenditure_ratio" show-overflow-tooltip />
+                    <el-table-column label="人员" prop="admin_name" show-overflow-tooltip />
+                    <el-table-column label="工时单价" prop="working_unit_price" show-overflow-tooltip />
+                    <el-table-column label="备注" prop="remark" show-overflow-tooltip />
                     <el-table-column label="操作" width="150" fixed="right">
                         <template #default="{ row }">
                             <el-button v-perms="['project.project/edit']" type="primary" link @click="handleEdit(row)">
@@ -81,8 +85,9 @@ const showDtail = ref(false)
 
 // 查询条件
 const queryParams = reactive({
-    name: ''
-
+    project_role_name: '',
+    project_name: '',
+    admin_name: ''
 
 })
 
diff --git a/src/views/project_stakeholder/detail.vue b/src/views/project_stakeholder/detail.vue
new file mode 100644
index 0000000..e8afe11
--- /dev/null
+++ b/src/views/project_stakeholder/detail.vue
@@ -0,0 +1,147 @@
+
+<template>
+    <div class="detail-popup">
+        <popup ref="popupRef" title="项目合同详情" :async="true" width="80%" @confirm="handleSubmit" @close="handleClose">
+            <el-form ref="formRef" :model="formData" label-width="160px">
+                <el-card class="mb-2">
+                    <el-row>
+                        <el-col :span="12">
+                            <el-form-item label="项目">
+                                {{ formData.project_name }}
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="项目编码">
+                                {{ formData.project_code }}
+                            </el-form-item>
+                        </el-col>
+
+
+                        <el-col :span="12">
+                            <el-form-item label="姓名">
+                                {{ formData.name }}
+                            </el-form-item>
+                        </el-col>
+
+                        <el-col :span="12">
+                            <el-form-item label="身份">
+                                <dict-value :options="dictData.identity" :value="formData.identity" />
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="电话">
+                                {{ formData.phone }}
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="邮箱">
+                                {{ formData.email }}
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="对我方态度">
+                                <dict-value :options="dictData.attitude_status" :value="formData.attitude" />
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="工作配合度">
+                                <dict-value :options="dictData.degree_adaptability" :value="formData.degree_adaptability" />
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="备注">
+                                {{ formData.remark }}
+                            </el-form-item>
+                        </el-col>
+
+
+                    </el-row>
+                </el-card>
+            </el-form>
+        </popup>
+    </div>
+</template>
+
+<script lang="ts" setup name="customdetail">
+
+import type { FormInstance } from 'element-plus'
+import Popup from '@/components/popup/index.vue'
+import { apiCustomDetail } from '@/api/custom'
+import { timeFormat } from '@/utils/util'
+import type { PropType } from 'vue'
+defineProps({
+    dictData: {
+        type: Object as PropType<Record<string, any[]>>,
+        default: () => ({})
+    }
+})
+const emit = defineEmits(['success', 'close'])
+const formRef = shallowRef<FormInstance>()
+const popupRef = shallowRef<InstanceType<typeof Popup>>()
+
+const datas = reactive({
+    provinceOptions: [],
+    cityOptions: [],
+    areaOptions: [],
+});
+
+
+// 表单数据
+const formData = reactive({
+
+})
+
+
+
+// 获取详情
+const setFormData = async (data: Record<any, any>) => {
+    Object.assign(formData, data)
+
+
+
+}
+
+const getDetail = async (row: Record<string, any>) => {
+    const data = await apiCustomDetail({
+        id: row.id
+    })
+    setFormData(data)
+}
+
+
+// 提交按钮
+const handleSubmit = async () => {
+    popupRef.value?.close()
+
+}
+
+//打开弹窗
+const open = () => {
+    console.log('1111111')
+    popupRef.value?.open()
+}
+
+// 关闭回调
+const handleClose = () => {
+    emit('close')
+}
+
+
+
+
+
+
+
+
+defineExpose({
+    open,
+    setFormData,
+    getDetail
+})
+</script>
+<style lang="scss">
+.tit {
+    font-size: 1.2em;
+    margin-bottom: 10px;
+}
+</style>
diff --git a/src/views/project_stakeholder/edit.vue b/src/views/project_stakeholder/edit.vue
new file mode 100644
index 0000000..31f7199
--- /dev/null
+++ b/src/views/project_stakeholder/edit.vue
@@ -0,0 +1,231 @@
+<template>
+    <div class="edit-popup">
+        <popup ref="popupRef" :title="popupTitle" :async="true" width="80%" @confirm="handleSubmit" @close="handleClose">
+            <el-form ref="formRef" :model="formData" label-width="160px" :rules="formRules">
+                <el-row>
+                    <el-col :span="8">
+                        <el-form-item label="项目" prop="project_id" @click="showDialog = true">
+                            <el-input v-model="project_name" readonly clearable placeholder="请选择项目" />
+                        </el-form-item> </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="项目编码" prop="project_id">
+                            <el-input v-model="project_code" readonly clearable placeholder="请选择项目" />
+                        </el-form-item> </el-col>
+
+                    <el-col :span="8">
+                        <el-form-item label="姓名" prop="name">
+                            <el-input v-model="formData.name" clearable placeholder="请输入姓名" />
+                        </el-form-item> </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="上级" prop="superior">
+                            <el-input v-model="formData.superior" clearable placeholder="请输入上级" />
+                        </el-form-item> </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="部门" prop="department">
+                            <el-input v-model="formData.department" clearable placeholder="请输入部门" />
+                        </el-form-item> </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="岗位" prop="station">
+                            <el-input v-model="formData.station" clearable placeholder="请输入岗位" />
+                        </el-form-item> </el-col>
+                    <el-col :span="24">
+                        <el-form-item label="身份" prop="identity">
+                            <el-radio-group v-model="formData.identity" placeholder="请选择身份">
+                                <el-radio v-for="(item, index) in dictData.identity" :key="index" :label="parseInt(item.value)">
+                                    {{ item.name }}
+                                </el-radio>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="电话" prop="phone" :rules="[{ validator: checkPhone, trigger: 'blur' }]">
+                            <el-input v-model="formData.phone" clearable placeholder="请输入电话" />
+                        </el-form-item> </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="邮箱" prop="email" :rules="[{ validator: userEmail, trigger: 'blur' }]">
+                            <el-input v-model="formData.email" clearable placeholder="请输入邮箱" />
+                        </el-form-item> </el-col>
+
+                    <el-col :span="24">
+                        <el-form-item label="对我方态度" prop="email">
+                            <el-radio-group v-model="formData.attitude" placeholder="请选择对我方态度">
+                                <el-radio v-for="(item, index) in dictData.attitude_status" :key="index" :label="parseInt(item.value)">
+                                    {{ item.name }}
+                                </el-radio>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="24">
+                        <el-form-item label="工作配合度" prop="email">
+                            <el-radio-group v-model="formData.degree_adaptability" placeholder="请选择工作配合度">
+                                <el-radio v-for="(item, index) in dictData.degree_adaptability" :key="index" :label="parseInt(item.value)">
+                                    {{ item.name }}
+                                </el-radio>
+                            </el-radio-group>
+                        </el-form-item> </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="备注" prop="remark">
+                            <el-input v-model="formData.remark" clearable placeholder="请输入备注" />
+                        </el-form-item> </el-col>
+                </el-row>
+
+            </el-form>
+        </popup>
+
+        <el-dialog v-model="showDialog" title="选择项目" width="70%">
+            <projectDialog @customEvent="customEvent"></projectDialog>
+        </el-dialog>
+
+    </div>
+</template>
+
+<script lang="ts" setup name="procurementContractEdit">
+import type { FormInstance } from 'element-plus'
+import Popup from '@/components/popup/index.vue'
+import projectDialog from '@/components/project/index.vue'
+import { apiProjectstakeholderAdd, apiProjectstakeholderEdit, apiProjectstakeholderDetail } from '@/api/project_stakeholder'
+import { getAllProjectRoles } from '@/api/project_role_set'
+import { timeFormat } from '@/utils/util'
+import type { PropType } from 'vue'
+defineProps({
+    dictData: {
+        type: Object as PropType<Record<string, any[]>>,
+        default: () => ({})
+    }
+})
+const emit = defineEmits(['success', 'close'])
+const formRef = shallowRef<FormInstance>()
+const popupRef = shallowRef<InstanceType<typeof Popup>>()
+const personnel = ref<any>()
+const mode = ref('add')
+
+const list1 = ref([])
+const showDialog = ref(false)
+const project_name = ref('')
+const project_code = ref('')
+const admin_name = ref('')
+
+import feedback from '@/utils/feedback'
+import configs from "@/config"
+
+// 弹窗标题
+const popupTitle = computed(() => {
+    return mode.value == 'edit' ? '编辑项目预警设置' : '新增项目预警设置'
+})
+const checkPhone = (rule: any, value: any, callback: (arg0: Error) => any) => {
+    const phoneReg = /^1[3|4|5|7|8][0-9]{9}$/
+    // if (!value) {
+    //     return callback(new Error('电话号码不能为空'))
+    // }
+    setTimeout(() => {
+        if (phoneReg.test(value)) {
+            callback()
+        } else {
+            callback(new Error('电话号码格式不正确'))
+        }
+
+    }, 100)
+}
+const userEmail = (rule: any, value: string, callback: (arg0: Error | undefined) => void) => {
+    const mailReg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/
+    if (!value) {
+        return callback(new Error('邮箱不能为空'))
+    }
+    setTimeout(() => {
+        if (mailReg.test(value)) {
+            callback()
+        } else {
+            callback(new Error('请输入正确的邮箱格式'))
+        }
+    }, 100)
+};
+// 表单数据
+const formData = reactive({
+    id: '',
+    project_id: '',
+    name: '',
+    identity: '',
+    superior: '',
+    department: '',
+    station: '',
+    phone: '',
+    email: '',
+    attitude: '',
+    degree_adaptability: '',
+    remark: ''
+})
+
+//获取值
+const customEvent = (e) => {
+    formData.project_id = e.id
+    project_name.value = e.name
+    project_code.value = e.project_code
+    showDialog.value = false
+
+}
+// 表单验证
+const formRules = reactive<any>({
+
+})
+//获取角色
+
+const getlist1 = () => {
+    getAllProjectRoles().then((res) => {
+        list1.value = res
+    })
+}
+
+// 获取详情
+const setFormData = async (data: Record<any, any>) => {
+
+
+
+    for (const key in formData) {
+        if (data[key] != null && data[key] != undefined) {
+            //@ts-ignore
+            formData[key] = data[key]
+        }
+    }
+    project_name.value = data.project_name
+    project_code.value = data.project_code
+
+}
+
+const getDetail = async (row: Record<string, any>) => {
+    const data = await apiProjectstakeholderDetail({
+        id: row.id
+    })
+    setFormData(data)
+}
+
+
+// 提交按钮
+const handleSubmit = async () => {
+
+    await formRef.value?.validate()
+    const data = { ...formData, }
+    mode.value == 'edit'
+        ? await apiProjectstakeholderEdit(data)
+        : await apiProjectstakeholderAdd(data)
+    popupRef.value?.close()
+    emit('success')
+}
+
+//打开弹窗
+const open = (type = 'add') => {
+    mode.value = type
+    popupRef.value?.open()
+}
+
+// 关闭回调
+const handleClose = () => {
+    emit('close')
+}
+
+getlist1()
+defineExpose({
+    open,
+    setFormData,
+    getDetail
+})
+</script>
diff --git a/src/views/project_stakeholder/index.vue b/src/views/project_stakeholder/index.vue
new file mode 100644
index 0000000..3bf4d5b
--- /dev/null
+++ b/src/views/project_stakeholder/index.vue
@@ -0,0 +1,173 @@
+<template>
+    <div>
+        <el-card class="!border-none mb-4" shadow="never">
+            <el-form class="mb-[-16px]" :model="queryParams" inline>
+                <el-form-item label="姓名" prop="name">
+                    <el-input class="w-[280px]" v-model="queryParams.name" clearable placeholder="请输入姓名" />
+                </el-form-item>
+                <el-form-item label="电话" prop="phone">
+                    <el-input class="w-[280px]" v-model="queryParams.phone" clearable placeholder="请输入电话" />
+                </el-form-item>
+                <el-form-item label="项目名称" prop="project_name">
+                    <el-input class="w-[280px]" v-model="queryParams.project_name" clearable placeholder="请输入人员名称" />
+                </el-form-item>
+                <el-form-item label="身份" prop="identity">
+                    <el-select class="w-[280px]" v-model="queryParams.identity" clearable placeholder="请选择身份">
+                        <el-option v-for="(item, index) in dictData.identity" :key="index" :label="item.name" :value="item.value" />
+                    </el-select>
+                </el-form-item>
+
+                <el-form-item>
+                    <el-button type="primary" @click="resetPage">查询</el-button>
+                    <el-button @click="resetParams">重置</el-button>
+                </el-form-item>
+            </el-form>
+        </el-card>
+        <el-card class="!border-none" v-loading="pager.loading" shadow="never">
+            <el-button v-perms="['project.project/add']" type="primary" @click="handleAdd">
+                <template #icon>
+                    <icon name="el-icon-Plus" />
+                </template>
+                新增
+            </el-button>
+            <el-button v-perms="['project.project/delete']" :disabled="!selectData.length" @click="handleDelete(selectData)">
+                删除
+            </el-button>
+
+            <div class="mt-4">
+                <el-table :data="pager.lists" @selection-change="handleSelectionChange">
+                    <el-table-column type="selection" width="55" />
+                    <el-table-column label="项目名称" prop="name" show-overflow-tooltip />
+
+                    <el-table-column label="项目编码" prop="project_code" show-overflow-tooltip />
+
+                    <el-table-column label="姓名" prop="name" show-overflow-tooltip />
+
+                    <el-table-column label="身份" show-overflow-tooltip>
+                        <template #default="{ row }">
+                            <dict-value :options="dictData.identity" :value="row.identity" />
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column label="上级" prop="superior" show-overflow-tooltip />
+                    <el-table-column label="部门" prop="department" show-overflow-tooltip />
+                    <el-table-column label="岗位" prop="station" show-overflow-tooltip />
+                    <el-table-column label="电话" prop="phone" show-overflow-tooltip />
+                    <el-table-column label="邮箱" prop="email" show-overflow-tooltip />
+
+                    <el-table-column label="	对我方态度" prop="working_unit_price" show-overflow-tooltip>
+                        <template #default="{ row }">
+                            <dict-value :options="dictData.attitude_status" :value="row.attitude" />
+
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="	工作配合度" prop="working_unit_price" show-overflow-tooltip>
+                        <template #default="{ row }">
+
+                            <dict-value :options="dictData.degree_adaptability" :value="row.degree_adaptability" />
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="备注" prop="remark" show-overflow-tooltip />
+                    <el-table-column label="操作" width="150" fixed="right">
+                        <template #default="{ row }">
+                            <el-button v-perms="['project.project/edit']" type="primary" link @click="handleEdit(row)">
+                                编辑
+                            </el-button>
+                            <el-button v-perms="['project.project/delete']" type="danger" link @click="handleDelete(row.id)">
+                                删除
+                            </el-button>
+                            <el-button v-perms="['project.project/detail']" link @click="handledetail(row)">
+                                详情
+                            </el-button>
+
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </div>
+            <div class="flex justify-end mt-4">
+                <pagination v-model="pager" @change="getLists" />
+            </div>
+        </el-card>
+        <edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
+        <detail-popup v-if="showDtail" ref="detailRef" :dict-data="dictData" @close="showDtail = false" />
+    </div>
+</template>
+
+<script lang="ts" setup name="projectLists">
+import { usePaging } from '@/hooks/usePaging'
+import { useDictData } from '@/hooks/useDictOptions'
+import { apiProjectstakeholderLists, apiProjectstakeholderDelete, apiProjectstakeholderDetail } from '@/api/project_stakeholder'
+import { timeFormat } from '@/utils/util'
+import { getAllProjectTypes } from '@/api/projecttype'
+const protype = reactive([])
+import feedback from '@/utils/feedback'
+import EditPopup from './edit.vue'
+import DetailPopup from './detail.vue'
+const detailRef = shallowRef<InstanceType<typeof DetailPopup>>()
+const editRef = shallowRef<InstanceType<typeof EditPopup>>()
+// 是否显示编辑框
+const showEdit = ref(false)
+const showDtail = ref(false)
+
+// 查询条件
+const queryParams = reactive({
+    phone: '',
+    name: '',
+    project_name: '',
+    identity: ''
+})
+
+
+
+// 选中数据
+const selectData = ref<any[]>([])
+
+// 表格选择后回调事件
+const handleSelectionChange = (val: any[]) => {
+    selectData.value = val.map(({ id }) => id)
+}
+
+// 获取字典数据
+const { dictData } = useDictData('degree_adaptability,attitude_status,identity')
+// 分页相关
+const { pager, getLists, resetParams, resetPage } = usePaging({
+    fetchFun: apiProjectstakeholderLists,
+    params: queryParams
+})
+
+// 添加
+const handleAdd = async () => {
+    showEdit.value = true
+    await nextTick()
+    editRef.value?.open('add')
+}
+
+
+// 编辑
+const handleEdit = async (data: any) => {
+    console.log(data.id)
+    let res = await apiProjectstakeholderDetail({ id: data.id })
+    showEdit.value = true
+    await nextTick()
+    editRef.value?.open('edit')
+    editRef.value?.setFormData(res)
+}
+
+// 删除
+const handleDelete = async (id: number | any[]) => {
+    await feedback.confirm('确定要删除？')
+    await apiProjectstakeholderDelete({ id })
+    getLists()
+}
+const handledetail = async (data: any) => {
+    let res = await apiProjectstakeholderDetail({ id: data.id })
+    showDtail.value = true
+    await nextTick()
+    detailRef.value?.open()
+    detailRef.value?.setFormData(res)
+}
+
+
+getLists()
+</script>
+
diff --git a/src/views/project_wbs_set/edit.vue b/src/views/project_wbs_set/edit.vue
index 6a81470..1e47ecc 100644
--- a/src/views/project_wbs_set/edit.vue
+++ b/src/views/project_wbs_set/edit.vue
@@ -112,7 +112,7 @@ const getlist = () => {
     })
 }
 
-//获取校色
+//获取角色
 
 const getlist1 = () => {
     getAllProjectRoles().then((res) => {