ZF/xm-ui-web
1
0
Fork 0
mirror of https://gitee.com/maimengcloud/xm-ui-web.git synced 2025-12-30 10:12:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

kpi

Browse Source
This commit is contained in:
陈裕财
2025-04-05 01:17:45 +08:00
parent 049071db32
commit 39b27d7540
2 changed files with 134 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

138
src/views/xm/pro/kpi/xmProjectKpi/Form.vue
View File

@@ -1,56 +1,79 @@
<template>
<el-form :model="editForm" label-width="120px" :rules="editFormRules" ref="editFormRef">
<el-form-item label="指标名称" prop="kpiName">
<el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editFormRef">
<el-form-item label="指标名" prop="kpiName">
<el-input v-model="editForm.kpiName" placeholder="指标名称" :maxlength="255" @change="editSomeFields(editForm,'kpiName',$event)" :disabled="disField"/>
<el-text type="info">项目编号:{{ editForm.projectId }}</el-text><el-text v-if="editForm.ktype=='2'" type="info">|任务编号:{{ editForm.taskId }}</el-text>
</el-form-item>
<el-row :gutter="10">
<el-col :span="18">
<el-form-item label="目标值" prop="targetValue">
<el-input style="width:30%;" v-model="editForm.minValue" placeholder="最小值" :maxlength="20" @change="editSomeFields(editForm,'minValue',$event)" :disabled="disField"/>
&nbsp;&lt;&nbsp; <el-input style="width:30%;" v-model="editForm.targetValue" placeholder="目标值" :maxlength="20" @change="editSomeFields(editForm,'targetValue',$event)" :disabled="disField"/>
&nbsp;&lt;&nbsp; <el-input style="width:30%;" v-model="editForm.maxValue" placeholder="最大值" :maxlength="20" @change="editSomeFields(editForm,'maxValue',$event)" :disabled="disField"/>
<el-row :gutter="10">
<el-col :span="6">
<el-form-item label="部门号" prop="deptid" style="width:100%;">
<mdp-select-dept width="100%" v-model="editForm.deptid" @change="editSomeFields(editForm,'deptid',$event)"/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="项目号" prop="projectId" style="width:100%;">
<xm-project-select width="100%" v-model="editForm.projectId" :collectId="xmCollect?.id"/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="上级号" prop="parentId" style="width:100%;">
<el-input v-model="editForm.parentId" @change="editSomeFields(editForm,'parentId',$event)"/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="排序号" prop="kpiIndex" style="width:100%;">
<el-input v-model="editForm.kpiIndex" @change="editSomeFields(editForm,'kpiIndex',$event)"/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="12">
<el-form-item label="目标值" prop="targetValue">
<el-input style="width:100%;" v-model="editForm.targetValue" placeholder="目标值" :maxlength="20" @change="editSomeFields(editForm,'targetValue',$event)" :disabled="disField"/>
<el-text type="info" size="small">支持表达式，举例 1000>${kpiValue}>100, ${kpiValue}>=98% 等等</el-text>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="当前值" prop="kpiValue">
<el-input v-model="editForm.kpiValue" placeholder="当前值" :maxlength="20" @change="editSomeFields(editForm,'kpiValue',$event)" :disabled="disField"/>
<el-input style="width:100%;" v-model="editForm.kpiValue" placeholder="当前值" :maxlength="20" @change="editSomeFields(editForm,'kpiValue',$event)" :disabled="disField"/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="6">
<el-form-item label="负责人" prop="kselfUserid" style="width:100%;">
<xm-user-select width="100%" v-model="editForm.kselfUserid" :init-name="editForm.kseflUsername" @change="editSomeFields(editForm,'kselfUserid',$event)"/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="指标分类" prop="kclass">
<mdp-select width="100%" itemCode="kclass" v-model="editForm.kclass" :maxlength="50" @change="editSomeFields(editForm,'kclass',$event)" :disabled="!someOpen||disField"/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="指标权重" prop="weight" style="width:100%;">
<el-input type="number" :controls="false" :min="0" max="100" v-model="editForm.weight" placeholder="权重0-100之间" :maxlength="20" @change="editSomeFields(editForm,'weight',$event)" :disabled="disField">
<template #suffix>%</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="数据来源" prop="kpiValue">
<mdp-select width="100%" itemCode="dataLink" multiple split="," v-model="editForm.dataLink" :maxlength="50" @change="editSomeFields(editForm,'dataLink',$event)" :disabled="!someOpen||disField"/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="6">
<el-form-item label="指标状态" prop="kstatus">
<el-input v-model="editForm.kstatus" placeholder="状态" :maxlength="10" @change="editSomeFields(editForm,'kstatus',$event)" :disabled="disField"/>
<mdp-select width="100%" itemCode="kstatus" v-model="editForm.kstatus" :maxlength="50" @change="editSomeFields(editForm,'kstatus',$event)" :disabled="!someOpen||disField"/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="指标分类" prop="kclass">
<el-input v-model="editForm.kclass" placeholder="指标分类" :maxlength="10" @change="editSomeFields(editForm,'kclass',$event)" :disabled="disField"/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="负责人" prop="kselfUserid">
<el-input v-model="editForm.kselfUserid" placeholder="负责人" :maxlength="50" @change="editSomeFields(editForm,'kselfUserid',$event)" :disabled="disField"/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="指标编号" prop="kpiIndex">
<el-input v-model="editForm.kpiIndex" placeholder="指标编号" :maxlength="10" @change="editSomeFields(editForm,'kpiIndex',$event)" :disabled="disField"/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
</el-col>
<el-col :span="6">
<el-form-item label="指标得分" prop="score">
<el-rate v-model="editForm.score" /> <el-text :type="progressStatusCpd">{{(editForm.targetValue && editForm.targetValue!='0')?(parseInt(editForm.kpiValue||0)/parseInt(editForm.targetValue) *100):'0%'}}</el-text>
<el-form-item label="评定得分" prop="score">
<el-rate v-model="editForm.score" />
</el-form-item>
</el-col>
@@ -64,12 +87,34 @@
<el-date-picker type="date" placeholder="选择日期" v-model="editForm.nextCalcDate" value-format="YYYY-MM-DD HH:mm:ss" format="YYYY-MM-DD" @change="editSomeFields(editForm,'nextCalcDate',$event)" :disabled="disField"/>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="成果附件" prop="kresult">
<el-row :gutter="10">
<el-col :span="6">
<el-form-item label="考核方式" prop="kstatus">
<mdp-select width="100%" itemCode="calcType" v-model="editForm.calcType" :maxlength="50" @change="editSomeFields(scope.row,'calcType',$event)" :disabled="!someOpen||disField"/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="复评人号" prop="kadmUserid" style="width:100%;">
<xm-user-select width="100%" v-model="editForm.kadmUserid" :init-name="editForm.kadmUsername" @change="editSomeFields(editForm,'kadmUserid',$event)"/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="复评日期" prop="kadmTime">
<el-date-picker type="date" placeholder="选择日期" v-model="editForm.kadmTime" value-format="YYYY-MM-DD HH:mm:ss" format="YYYY-MM-DD" @change="editSomeFields(editForm,'kadmTime',$event)" :disabled="disField"/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="指标等级" prop="ktype">
<mdp-select width="100%" itemCode="ktype" v-model="editForm.ktype" :maxlength="50" @change="editSomeFields(scope.row,'ktype',$event)" :disabled="!someOpen||disField"/>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="交付成果" prop="kresult">
<el-input type="textarea" rows="6" v-model="editForm.kresult" placeholder="成果附件地址" :maxlength="255" @change="editSomeFields(editForm,'kresult',$event)" :disabled="disField"/>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-form-item label="指标备注" prop="remark">
<el-input type="textarea" rows="6" v-model="editForm.remark" placeholder="备注" :maxlength="255" @change="editSomeFields(editForm,'remark',$event)" :disabled="disField"/>
</el-form-item>
</el-form>
@@ -127,7 +172,16 @@ export default {
id:[
//{ required: true, message: '此项必填', trigger: 'change' },
//{ min: 1,max: 200, message: '长度在1到200之间', trigger: 'change'}
]
],
kpiName:[{required: true, message: '此项必填', trigger: 'change'}],
deptid:[{required: true, message: '此项必填', trigger: 'change'}],
parentId:[{required: true, message: '此项必填', trigger: 'change'}],
kselfUserid:[{required: true, message: '此项必填', trigger: 'change'}],
targetValue:[{required: true, message: '此项必填', trigger: 'change'}],
kclass:[{required: true, message: '此项必填', trigger: 'change'}],
ktype:[{required: true, message: '此项必填', trigger: 'change'}],
weight:[{required: true, message: '此项必填', trigger: 'change'}],
kstatus:[{required: true, message: '此项必填', trigger: 'change'}],
},
editForm: {
projectId:'',branchId:'',kpiIndex:'',kpiName:'',maxValue:'',minValue:'',id:'',score:'',scoreDate:'',bizFlowState:'',bizProcInstId:'',kpiValue:'',remark:'',calcType:'',nextCalcDate:'',ktype:'',kresult:'',taskId:'',kstatus:'',kfile:'',kclass:'',kadmUserid:'',kadmUsername:'',kselfUserid:'',kselfUsername:'',kselfTime:'',kadmTime:''

80
src/views/xm/pro/kpi/xmProjectKpi/Index.vue
View File

@@ -17,11 +17,11 @@
</el-space>
</template>
<el-space wrap>
<mdp-select-dept v-model="filters.deptid"/>
<xm-project-select v-if="!projectInfo?.id" v-model="filters.projectId" :collectId="xmCollect?.id" @change2="(p)=>project=p"/>
<xm-user-select v-model="filters.kselfUserid" placeholder="负责人" :sel-project="project"/>
<mdp-select itemCode="calcType" v-model="filters.calcType" placeholder="考核方式"/>
<mdp-select itemCode="kfile" v-model="filters.kfile" placeholder="附件？"/>
<mdp-select itemCode="calcType" v-model="filters.calcType" placeholder="考核方式"/>
<mdp-select itemCode="kstatus" v-model="filters.kstatus" placeholder="状态"/>
<mdp-select itemCode="kclass" v-model="filters.kclass" placeholder="分类"/>
<el-input v-model="filters.kpiIndex" placeholder="指标编号" clearable title="支持>、<、 >=、<=、!=、*字符*、$IS NULL、$IN 1,2,3、$between 1,5等操作符"/>
@@ -57,7 +57,7 @@
</el-table-column>
-->
<el-table-column prop="projectId" label="项目编号" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('projectId') && !projectInfo?.id" sortable/>
<el-table-column prop="kpiIndex" label="指标编号" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('kpiIndex')" sortable>
<el-table-column prop="kpiIndex" label="排序号" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('kpiIndex')" sortable>
<template #default="scope">
<mdp-input show-style="tag" v-model="scope.row.kpiIndex" :maxlength="50" @change="editSomeFields(scope.row,'kpiIndex',$event)" :disabled="!someOpen||disField"/>
</template>
@@ -67,32 +67,30 @@
<mdp-input show-style="tag" v-model="scope.row.kpiName" :maxlength="50" @change="editSomeFields(scope.row,'kpiName',$event)" :disabled="!someOpen||disField"/>
</template>
</el-table-column>
<el-table-column prop="kselfUsername" label="负责人" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('kselfUsername')" sortable>
<xm-select-user showStyle="tag" v-model="scope.row.kselfUserid" :init-name="scope.row.kseflUsername" @change="editSomeFields(scope.row,'kselfUserid',$event)"/>
</el-table-column>
<el-table-column prop="kclass" label="指标分类" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('kclass')" sortable>
<el-table-column prop="kclass" label="指标分类" min-width="120" show-overflow-tooltip col-type="String" itemCode="kclass" v-if="showCol('kclass')" sortable>
<template #default="scope">
<mdp-select itemCode="kclass" show-style="tag" v-model="scope.row.kclass" :maxlength="50" @change="editSomeFields(scope.row,'kclass',$event)" :disabled="!someOpen||disField"/>
</template>
</el-table-column>
<el-table-column prop="nextCalcDate" label="考核时间" min-width="120" show-overflow-tooltip col-type="Date" v-if="showCol('nextCalcDate')" sortable>
<template #default="scope">
<mdp-date show-style="tag" v-model="scope.row.nextCalcDate" :maxlength="50" @change="editSomeFields(scope.row,'nextCalcDate',$event)" :disabled="!someOpen||disField"/>
</template>
</el-table-column>
<el-table-column prop="calcType" label="考核方式" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('calcType')" sortable>
<template #default="scope">
<mdp-select itemCode="calcType" show-style="tag" v-model="scope.row.calcType" :maxlength="50" @change="editSomeFields(scope.row,'calcType',$event)" :disabled="!someOpen||disField"/>
</template>
</el-table-column>
<el-table-column prop="targetValue" label="目标值" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('targetValue')" sortable>
<template #default="scope">
<mdp-input show-style="tag" v-model="scope.row.targetValue" :maxlength="50" @change="editSomeFields(scope.row,'targetValue',$event)" :disabled="!someOpen||disField"/>
</template>
</el-table-column>
<el-table-column prop="weight" label="权重" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('weight')" sortable>
<template #default="scope">
<mdp-input show-style="tag" v-model="scope.row.weight" :maxlength="50" @change="editSomeFields(scope.row,'weight',$event)" :disabled="!someOpen||disField"/>
</template>
</el-table-column>
<el-table-column prop="dataLink" label="数据来源" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('dataLink')" itemCode="dataLink" sortable>
<template #default="scope">
<mdp-select itemCode="dataLink" multiple split="," show-style="tag" v-model="scope.row.dataLink" :maxlength="50" @change="editSomeFields(scope.row,'dataLink',$event)" :disabled="!someOpen||disField"/>
</template>
</el-table-column>
<el-table-column prop="kselfUsername" label="负责人" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('kselfUsername')" sortable>
<xm-select-user showStyle="tag" v-model="scope.row.kselfUserid" :init-name="scope.row.kseflUsername" @change="editSomeFields(scope.row,'kselfUserid',$event)"/>
</el-table-column>
<el-table-column prop="kpiValue" label="当前值" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('kpiValue')" sortable>
<template #default="scope">
<mdp-input show-style="tag" v-model="scope.row.kpiValue" :maxlength="50" @change="editSomeFields(scope.row,'kpiValue',$event)" :disabled="!someOpen||disField"/>
@@ -103,11 +101,24 @@
<mdp-input-number :max="100" :min="0" show-style="tag" v-model="scope.row.score" :maxlength="50" @change="editSomeFields(scope.row,'score',$event)" :disabled="!someOpen||disField"/>
</template>
</el-table-column>
<el-table-column prop="kstatus" label="状态" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('kstatus')" sortable>
<el-table-column prop="kstatus" label="状态" min-width="120" show-overflow-tooltip col-type="String" itemCode="kstatus" v-if="showCol('kstatus')" sortable>
<template #default="scope">
<mdp-select itemCode="kstatus" show-style="tag" v-model="scope.row.kstatus" :maxlength="50" @change="editSomeFields(scope.row,'kstatus',$event)" :disabled="!someOpen||disField"/>
</template>
</el-table-column>
<el-table-column prop="nextCalcDate" label="考核时间" min-width="120" show-overflow-tooltip col-type="Date" v-if="showCol('nextCalcDate')" sortable>
<template #default="scope">
<mdp-date show-style="tag" v-model="scope.row.nextCalcDate" :maxlength="50" @change="editSomeFields(scope.row,'nextCalcDate',$event)" :disabled="!someOpen||disField"/>
</template>
</el-table-column>
<el-table-column prop="calcType" label="考核方式" min-width="120" show-overflow-tooltip col-type="String" itemCode="calcType" v-if="showCol('calcType')" sortable>
<template #default="scope">
<mdp-select itemCode="calcType" show-style="tag" v-model="scope.row.calcType" :maxlength="50" @change="editSomeFields(scope.row,'calcType',$event)" :disabled="!someOpen||disField"/>
</template>
</el-table-column>
<el-table-column prop="scoreDate" label="评分日期" min-width="120" show-overflow-tooltip col-type="Date" v-if="showCol('scoreDate')" sortable/>
<el-table-column prop="kresult" label="成果" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('kresult')" sortable>
@@ -117,35 +128,20 @@
</el-table-column>
<el-table-column prop="kselfTime" label="自评时间" min-width="120" show-overflow-tooltip col-type="Date" v-if="showCol('kselfTime')" sortable/>
<el-table-column prop="kadmTime" label="审核时间" min-width="120" show-overflow-tooltip col-type="Date" v-if="showCol('kadmTime')" sortable/>
<el-table-column prop="dataLink" label="数据来源" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('dataLink')" sortable>
<template #default="scope">
<mdp-select itemCode="dataLink" show-style="tag" v-model="scope.row.dataLink" :maxlength="50" @change="editSomeFields(scope.row,'dataLink',$event)" :disabled="!someOpen||disField"/>
</template>
</el-table-column>
<el-table-column prop="kfile" label="是否附件" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('kfile')" sortable>
<template #default="scope">
<mdp-select itemCode="kfile" show-style="tag" v-model="scope.row.kfile" :maxlength="50" @change="editSomeFields(scope.row,'kfile',$event)" :disabled="!someOpen||disField"/>
</template>
</el-table-column>
<el-table-column prop="bizFlowState" label="流程状态" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('bizFlowState')" sortable/>
<el-table-column prop="bizProcInstId" label="流程编号" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('bizProcInstId')" sortable/>
<el-table-column prop="remark" label="备注" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('remark')" sortable/>
<el-table-column prop="ktype" label="类型" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('ktype')" sortable/>
<el-table-column prop="ktype" label="指标等级" min-width="120" show-overflow-tooltip col-type="String" itemCode="ktype" v-if="showCol('ktype')" sortable>
<mdp-select itemCode="ktype" show-style="tag" v-model="scope.row.ktype" :maxlength="50" @change="editSomeFields(scope.row,'ktype',$event)" :disabled="!someOpen||disField"/>
</el-table-column>
<el-table-column prop="taskId" label="任务编号" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('taskId')" sortable/>
<el-table-column prop="kadmUserid" label="审核人编号" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('kadmUserid')" sortable/>
<el-table-column prop="kadmUsername" label="审核人名称" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('kadmUsername')" sortable/>
<el-table-column prop="kselfUserid" label="负责人编号" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('kselfUserid')" sortable/>
<el-table-column prop="maxValue" label="最大值" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('maxValue')" sortable>
<template #default="scope">
<mdp-input show-style="tag" v-model="scope.row.maxValue" :maxlength="50" @change="editSomeFields(scope.row,'maxValue',$event)" :disabled="!someOpen||disField"/>
</template>
</el-table-column>
<el-table-column prop="minValue" label="最小值" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('minValue')" sortable>
<template #default="scope">
<mdp-input show-style="tag" v-model="scope.row.minValue" :maxlength="50" @change="editSomeFields(scope.row,'minValue',$event)" :disabled="!someOpen||disField"/>
</template>
</el-table-column>
<el-table-column prop="id" label="主键" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('id')" sortable/>
<el-table-column prop="branchId" label="机构编码" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('branchId')" sortable/>