Compare commits
2 Commits
7887a6e854
...
9e540a9e3f
Author | SHA1 | Date |
---|---|---|
wangyilin | 9e540a9e3f | |
wangyilin | 3637ba7dc3 |
|
@ -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>
|
|
@ -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 => {
|
||||||
|
|
|
@ -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"],
|
||||||
}
|
}
|
||||||
|
|
|
@ -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,
|
||||||
|
|
|
@ -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 = () => {
|
||||||
|
|
Loading…
Reference in New Issue