Compare commits

...

2 Commits

Author SHA1 Message Date
wangyilin 9e540a9e3f Merge remote-tracking branch 'origin/main' 2024-11-18 16:14:10 +08:00
wangyilin 3637ba7dc3 服务项目表格修改 2024-11-18 16:14:01 +08:00
5 changed files with 265 additions and 46 deletions

View File

@ -1,8 +1,198 @@
<template> <template>
<div> <div>
<!-- 三色预警 --> <TableProMax ref="tableRef" :request-api="reqApi" :columns="columns">
三色预警 </TableProMax>
<div>
<a-modal v-model:open="open" :title="title" @ok="open = false" width="80%">
<a-table :columns="TableColumns" :data-source="TableData" bordered >
<template #bodyCell="{ column, text }">
<template v-if="column.dataIndex === 'name'">
<div>{{text}}{{column}}</div>
</template>
</template>
</a-table>
</a-modal>
</div>
</div> </div>
</template> </template>
<script setup lang="ts"></script> <script setup lang="tsx">
import TableProMax from "@/components/table/TableProMax.vue";
import api from "@/axios";
import {TableProMaxProps} from "@/types/components/table";
import {
AssessmentRecordPagerQueryParams,
AssessmentRecordPagerVo, DeductedDetailRes,
} from "@/types/views/assessmentRecord.ts";
import {ComponentExposed} from "vue-component-type-helpers";
import { ref} from "vue";
import {Modal, TableColumnType} from "ant-design-vue";
const tableRef = ref<ComponentExposed<typeof TableProMax>>(null!)
type TableProps = TableProMaxProps<AssessmentRecordPagerVo,AssessmentRecordPagerQueryParams>
const open = ref<boolean>(false);
const title = ref('扣分项')
const reqApi: TableProps['requestApi'] = (params) => api.post('/assessmentRecord/pager', params) //
const columns: TableProps['columns'] = [
{
dataIndex: 'enterprisesUnitName',
title: '单位名称'
}, {
dataIndex: 'type',
title: '类型',
customRender: ({text}) => text?.label
}, {
dataIndex: 'ckProjectName',
title: '考核项目'
}, {
dataIndex: 'totalScore',
title: '总分'
}, {
dataIndex: 'deductionPointsTotal',
title: '扣分',
customRender:({record})=>{
if (!record.deductionPointsTotal) {
return <a-tag color="green">0</a-tag>
}
return <a-tag class="pointer" color="red" onClick={()=>deductedDetail(record)}>{record.deductionPointsTotal}</a-tag>
}
}, {
dataIndex: 'result',
title: '得分',
customRender: ({record}) => record.totalScore - record.deductionPointsTotal
}, {
dataIndex: 'policeUnitName',
title: '考核单位'
}, {
dataIndex: 'createUserName',
title: '考核人'
}, {
dataIndex: 'createTime',
title: '考核时间'
}, {
dataIndex: 'remark',
title: '考核备注'
}, {
dataIndex: 'signature',
title: '签字',
customRender:({record})=>{
return <a-button onClick={()=>{
Modal.info({
title: `${record.enterprisesUnitName}${record.ckProjectName} 签字结果`,
content: () => <>
<div>审核人签字: <a-image src={record.assessmentUserSignature}/>
</div>
<div>被审核单位人员签字: <a-image src={record.byAssessmentEnterprisesUnitUserSignature}/></div>
</>
})
}}>查看</a-button>
},
}
]
const TableData = [
{
key: '1',
name: 'John Brown',
age: 32,
tel: '0571-22098909',
phone: 18889898989,
address: 'New York No. 1 Lake Park',
},
{
key: '2',
name: 'Jim Green',
tel: '0571-22098333',
phone: 18889898888,
age: 42,
address: 'London No. 1 Lake Park',
},
{
key: '3',
name: 'Joe Black',
age: 32,
tel: '0575-22098909',
phone: 18900010002,
address: 'Sidney No. 1 Lake Park',
},
{
key: '4',
name: 'Jim Red',
age: 18,
tel: '0575-22098909',
phone: 18900010002,
address: 'London No. 2 Lake Park',
},
{
key: '5',
name: 'Jake White',
age: 18,
tel: '0575-22098909',
phone: 18900010002,
address: 'Dublin No. 2 Lake Park',
},
];
const sharedOnCell = (_, index) => {
if (index === 4) {
return { colSpan: 0 };
}
};
const TableColumns: TableColumnType[] = [
{
title: 'Name',
dataIndex: 'name',
customCell: (_, index) => ({
colSpan: index < 4 ? 1 : 5,
}),
},
{
title: 'Age',
dataIndex: 'age',
customCell: sharedOnCell,
},
{
title: 'Home phone',
colSpan: 2,
dataIndex: 'tel',
customCell: (_, index) => {
if (index === 2) {
return { rowSpan: 2 };
}
// These two are merged into above cell
if (index === 3) {
return { rowSpan: 0 };
}
if (index === 4) {
return { colSpan: 0 };
}
},
},
{
title: 'Phone',
colSpan: 0,
dataIndex: 'phone',
customCell: sharedOnCell,
},
{
title: 'Address',
dataIndex: 'address',
customCell: sharedOnCell,
},
];
const deductedDetail = async (res:any)=>{
const {data} = await api.get<DeductedDetailRes[]>('/assessmentRecord/deductedDetail', {assessmentRecordId: res.snowFlakeId})
open.value = true
console.log(data)
}
</script>
<style scoped lang="scss">
</style>

View File

@ -8,6 +8,7 @@ type DictType =
| 'Sex' | 'Sex'
| 'ServiceProjectType' | 'ServiceProjectType'
| 'MiniProgramUserIdentity' | 'MiniProgramUserIdentity'
| 'ServiceProjectTwoType'
export const initEnums = () => { export const initEnums = () => {
api.get<Record<DictType, SelectNodeVo<any>[]>>('/common/enums').then(resp => { api.get<Record<DictType, SelectNodeVo<any>[]>>('/common/enums').then(resp => {

View File

@ -2,7 +2,7 @@ import {defineStore} from "pinia";
import {TokenInfo, UserStore} from "@/types/stores/userStore.ts"; import {TokenInfo, UserStore} from "@/types/stores/userStore.ts";
export const useUserStore = defineStore({ export const useUserStore = defineStore({
id: 'useUserStore', id: 'baUserStore',
state: (): UserStore => { state: (): UserStore => {
return { return {
tokenInfo: undefined, tokenInfo: undefined,
@ -20,7 +20,7 @@ export const useUserStore = defineStore({
getTokenInfo: (state): TokenInfo => state.tokenInfo as TokenInfo, getTokenInfo: (state): TokenInfo => state.tokenInfo as TokenInfo,
}, },
persist: { persist: {
key: "useUserStore", //spUserStore key: "baUserStore", //spUserStore
storage: window.localStorage, storage: window.localStorage,
paths: ["tokenInfo"], paths: ["tokenInfo"],
} }

View File

@ -8,7 +8,9 @@ export interface serviceProjectSaveOrUpdateParams extends BaseTableRowRecord {
projectManagerMiniProgramUserName: string, projectManagerMiniProgramUserName: string,
name: string, name: string,
type: TypeEnum<string>, type: TypeEnum<string>,
isRecruitSecurity: BaseEnum<number>, twoType: BaseEnum<any>,
outsourceName:string,
isFiling:BaseEnum<number>,
idNumber: string, idNumber: string,
serviceArea: number, serviceArea: number,
buildingTotal: number, buildingTotal: number,

View File

@ -29,7 +29,7 @@
import TableProMax from "@/components/table/TableProMax.vue"; import TableProMax from "@/components/table/TableProMax.vue";
import {TableProMaxProps} from "@/types/components/table"; import {TableProMaxProps} from "@/types/components/table";
import api from "@/axios"; import api from "@/axios";
import {onMounted, ref} from "vue"; import {computed, onMounted, ref} from "vue";
import {ComponentExposed} from "vue-component-type-helpers"; import {ComponentExposed} from "vue-component-type-helpers";
import {dictSelectNodes} from "@/config/dict.ts"; import {dictSelectNodes} from "@/config/dict.ts";
import {serviceProjectSaveOrUpdateParams} from "@/types/views/serviceManagement.ts"; import {serviceProjectSaveOrUpdateParams} from "@/types/views/serviceManagement.ts";
@ -81,7 +81,9 @@ const formParams = ref<{
projectManagerMiniProgramUserName?:string projectManagerMiniProgramUserName?:string
name: string, name: string,
type:string, type:string,
isRecruitSecurity:number, twoType?: number,
outsourceName?:string,
isFiling?:number,
idNumber?: string, idNumber?: string,
serviceArea?:number, serviceArea?:number,
buildingTotal?:number, buildingTotal?:number,
@ -91,9 +93,8 @@ const formParams = ref<{
remark?: string, remark?: string,
}>({ }>({
name:'', name:'',
isRecruitSecurity:0,
enterprisesUnitId:null, enterprisesUnitId:null,
type:'property' type:'security'
}) })
const columns: TableProps['columns'] = [ const columns: TableProps['columns'] = [
@ -123,8 +124,19 @@ const columns: TableProps['columns'] = [
width:100 width:100
}, },
{ {
dataIndex:'isRecruitSecurity', dataIndex:'twoType',
title: '是否自招保安', title: '二级类型',
customRender: ({text}) => <a-tag>{text?.label}</a-tag>,
width:120
},
{
dataIndex:'outsourceName',
title: '外包公司名称',
width:120
},
{
dataIndex:'isFiling',
title: '是否备案',
customRender: ({text}) => <a-tag>{text?.label}</a-tag>, customRender: ({text}) => <a-tag>{text?.label}</a-tag>,
width:120 width:120
}, },
@ -196,22 +208,14 @@ const columns: TableProps['columns'] = [
console.log(record,'9999999') console.log(record,'9999999')
visible.value = true visible.value = true
serviceTitle.value = '编辑服务项目' serviceTitle.value = '编辑服务项目'
if(record.isRecruitSecurity === null ){ idNumberDisabled.value = record.twoType.value !== 'outsource';
idNumberDisabled.value = false
}
if(record.type.value === 'security'){
isRecruitSecurityHidden.value = true
formParams.value.isRecruitSecurity = null
}else{
formParams.value.isRecruitSecurity = record.isRecruitSecurity.value
if(record.isRecruitSecurity.value === 1){
idNumberDisabled.value = true
}
}
formParams.value.projectManagerMiniProgramUserId = record.projectManagerMiniProgramUserId formParams.value.projectManagerMiniProgramUserId = record.projectManagerMiniProgramUserId
formParams.value.snowFlakeId = record.snowFlakeId formParams.value.snowFlakeId = record.snowFlakeId
formParams.value.name = record.name formParams.value.name = record.name
formParams.value.type = record.type.value formParams.value.type = record.type.value
formParams.value.twoType = record.twoType.value
formParams.value.outsourceName = record.outsourceName
formParams.value.isFiling = record.isFiling.value
formParams.value.remark = record.remark formParams.value.remark = record.remark
formParams.value.idNumber = record.idNumber formParams.value.idNumber = record.idNumber
formParams.value.serviceArea = record.serviceArea formParams.value.serviceArea = record.serviceArea
@ -246,9 +250,14 @@ const projectManagerMiniProgram = async()=>{
// //
const enterprisesUnitIdList = ref<SelectNodeVo<string>[]>([]) const enterprisesUnitIdList = ref<SelectNodeVo<string>[]>([])
const enterprisesUnitId = ref('') const enterprisesUnitId = ref('')
const isRecruitSecurityHidden = ref<boolean>(false)
const isRecruitSecurityHidden = ref<boolean>(false)
const idNumberDisabled = ref<boolean>(false) const idNumberDisabled = ref<boolean>(false)
// options
const netType = computed(() => {
return formParams.value.type === 'security' ? dictSelectNodes("ServiceProjectTwoType") : dictSelectNodes("UserType" as any)
})
const formItemOptions = ref<FormProMaxItemOptions<serviceProjectSaveOrUpdateParams>>({ const formItemOptions = ref<FormProMaxItemOptions<serviceProjectSaveOrUpdateParams>>({
name: { name: {
type: 'input', type: 'input',
@ -292,35 +301,47 @@ const formItemOptions = ref<FormProMaxItemOptions<serviceProjectSaveOrUpdatePara
required: true, required: true,
componentsProps:{ componentsProps:{
onChange:(e)=>{ onChange:(e)=>{
if(e.target.value === 'security'){ if(e.target?.value === 'security'){
isRecruitSecurityHidden.value = true
formParams.value.isRecruitSecurity = null
idNumberDisabled.value = false
}else{
formParams.value.isRecruitSecurity = 0
isRecruitSecurityHidden.value = false isRecruitSecurityHidden.value = false
formParams.value.twoType = null
}else{
formParams.value.twoType = null
isRecruitSecurityHidden.value = true
} }
} }
} }
}, },
isRecruitSecurity: { twoType: {
type: 'radioGroup', type: 'radioGroup',
label: '是否自招保安', label: '二级类型',
options:dictSelectNodes('IsOrNot'), options:netType,
hidden:isRecruitSecurityHidden as any,
componentsProps:{ componentsProps:{
onChange:(e)=>{ onChange:(e)=>{
idNumberDisabled.value = e.target.value !== 0; if(e.target.value !== "outsource"){
formParams.value.idNumber = '' idNumberDisabled.value = true
} formParams.value.outsourceName = ''
}else{
idNumberDisabled.value = false
}
},
} }
}, },
outsourceName:{
type: 'input',
label: '外包公司名称',
hidden:idNumberDisabled as any
},
isFiling:{
type: 'radioGroup',
label: '是否备案',
options:dictSelectNodes('IsOrNot'),
},
idNumber: { idNumber: {
type: 'input', type: 'input',
label: '保安服务许可证', label: '保安服务许可证',
componentsProps:{ // componentsProps:{
disabled:idNumberDisabled as any // disabled:idNumberDisabled as any
} // }
}, },
serviceArea:{ serviceArea:{
type:'inputNumber', type:'inputNumber',
@ -372,6 +393,10 @@ const formItemOptions = ref<FormProMaxItemOptions<serviceProjectSaveOrUpdatePara
label: '备注', label: '备注',
} }
}) })
const UnitId = ref('') const UnitId = ref('')
const submit = async()=>{ const submit = async()=>{
await formRef.value.validate() await formRef.value.validate()
@ -389,7 +414,9 @@ const submit = async()=>{
projectManagerMiniProgramUserId:formParams.value.projectManagerMiniProgramUserId, projectManagerMiniProgramUserId:formParams.value.projectManagerMiniProgramUserId,
name: formParams.value.name, name: formParams.value.name,
type:formParams.value.type, type:formParams.value.type,
isRecruitSecurity:formParams.value.isRecruitSecurity, twoType: formParams.value.twoType,
outsourceName:formParams.value.outsourceName,
isFiling:formParams.value.isFiling,
idNumber: formParams.value.idNumber, idNumber: formParams.value.idNumber,
serviceArea:formParams.value.serviceArea, serviceArea:formParams.value.serviceArea,
buildingTotal:formParams.value.buildingTotal, buildingTotal:formParams.value.buildingTotal,
@ -410,8 +437,7 @@ const closeModal = async()=>{
enterprisesUnitId:'', enterprisesUnitId:'',
administrativeDivisionCodes:'', administrativeDivisionCodes:'',
name:'', name:'',
type:'property', type:'security',
isRecruitSecurity:0,
idNumber:'', idNumber:'',
serviceArea:null, serviceArea:null,
buildingTotal:null, buildingTotal:null,
@ -420,10 +446,10 @@ const closeModal = async()=>{
securityUserTotal:null, securityUserTotal:null,
remark:'' remark:''
} }
await formRef.value.resetFields() formRef.value.resetFields()
enterprisesUnitId.value = '' enterprisesUnitId.value = ''
serviceTitle.value = '新增服务项目' serviceTitle.value = '新增服务项目'
isRecruitSecurityHidden.value = false // isRecruitSecurityHidden.value = false
idNumberDisabled.value = false idNumberDisabled.value = false
} }
const addServiceProjects = () => { const addServiceProjects = () => {