项目干系人及成员
This commit is contained in:
parent
886c384c24
commit
3e44eecdc4
26
src/api/project_stakeholder.ts
Normal file
26
src/api/project_stakeholder.ts
Normal file
@ -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 })
|
||||
}
|
399
src/components/personnelselector/index.vue
Normal file
399
src/components/personnelselector/index.vue
Normal file
@ -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>
|
@ -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>
|
||||
|
||||
|
@ -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,
|
||||
|
@ -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: ''
|
||||
|
||||
})
|
||||
|
||||
|
147
src/views/project_stakeholder/detail.vue
Normal file
147
src/views/project_stakeholder/detail.vue
Normal file
@ -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>
|
231
src/views/project_stakeholder/edit.vue
Normal file
231
src/views/project_stakeholder/edit.vue
Normal file
@ -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>
|
173
src/views/project_stakeholder/index.vue
Normal file
173
src/views/project_stakeholder/index.vue
Normal file
@ -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>
|
||||
|
@ -112,7 +112,7 @@ const getlist = () => {
|
||||
})
|
||||
}
|
||||
|
||||
//获取校色
|
||||
//获取角色
|
||||
|
||||
const getlist1 = () => {
|
||||
getAllProjectRoles().then((res) => {
|
||||
|
Loading…
x
Reference in New Issue
Block a user