|
|
|
|
@ -8,40 +8,50 @@
|
|
|
|
|
<!-- 查询模块 --> |
|
|
|
|
<el-form :inline="true" :model="searchFrom" class="el-fr-d"> |
|
|
|
|
<!-- 查询按钮 --> |
|
|
|
|
<div class="el_seaTop"> |
|
|
|
|
<el-form-item label="考核部门："> |
|
|
|
|
<el-select v-model="searchFrom.a" class="m-2" placeholder="请选择考核部门" style="width: 240px"> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in options" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<div class="el_seaTop"> |
|
|
|
|
<el-form-item label="考核部门："> |
|
|
|
|
<el-select |
|
|
|
|
v-model="searchFrom.a" |
|
|
|
|
class="m-2" |
|
|
|
|
placeholder="请选择考核部门" |
|
|
|
|
style="width: 240px" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in options" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="指标类型："> |
|
|
|
|
<el-select v-model="searchFrom.b" class="m-2" placeholder="请选择指标类型" style="width: 240px"> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in options" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="指标类型："> |
|
|
|
|
<el-select |
|
|
|
|
v-model="searchFrom.b" |
|
|
|
|
class="m-2" |
|
|
|
|
placeholder="请选择指标类型" |
|
|
|
|
style="width: 240px" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in options" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="填写时间："> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="searchFrom.c" |
|
|
|
|
type="daterange" |
|
|
|
|
range-separator="至" |
|
|
|
|
start-placeholder="开始日期" |
|
|
|
|
end-placeholder="结束日期" |
|
|
|
|
:size="size" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
<el-form-item label="填写时间："> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="searchFrom.c" |
|
|
|
|
type="daterange" |
|
|
|
|
range-separator="至" |
|
|
|
|
start-placeholder="开始日期" |
|
|
|
|
end-placeholder="结束日期" |
|
|
|
|
:size="size" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
<el-form-item class="el-btn"> |
|
|
|
|
<el-button type="primary" icon="el-icon-search" @click="searchChange">查询</el-button> |
|
|
|
|
<!-- <el-button icon="el-icon-delete" @click="searchReset()">清 空</el-button> --> |
|
|
|
|
@ -128,12 +138,12 @@
|
|
|
|
|
class="el_listForm" |
|
|
|
|
> |
|
|
|
|
<el-form-item label="指标名称"> |
|
|
|
|
<el-input v-model="lassificationform.name" placeholder="暂无" /> |
|
|
|
|
<el-input v-model="lassificationform.classifyName" placeholder="暂无" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="指标分类"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="lassificationform.description" |
|
|
|
|
v-model="lassificationform.parentClassifyName" |
|
|
|
|
:rows="2" |
|
|
|
|
type="textarea" |
|
|
|
|
placeholder="暂无" |
|
|
|
|
@ -141,15 +151,15 @@
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="考核部门"> |
|
|
|
|
<el-input v-model="lassificationform.name" placeholder="暂无" /> |
|
|
|
|
<el-input v-model="lassificationform.assessDeptName" placeholder="暂无" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="考核分数"> |
|
|
|
|
<el-input v-model="lassificationform.name" placeholder="暂无" /> |
|
|
|
|
<el-input v-model="lassificationform.point" placeholder="暂无" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="描述"> |
|
|
|
|
<el-input v-model="lassificationform.name" placeholder="暂无" /> |
|
|
|
|
<el-input v-model="lassificationform.objectionRemark" placeholder="暂无" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="附件"> |
|
|
|
|
@ -157,13 +167,30 @@
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="考核人"> |
|
|
|
|
<el-input v-model="lassificationform.name" placeholder="暂无" /> |
|
|
|
|
<el-input v-model="lassificationform.assessUserName" placeholder="暂无" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="考评时间"> |
|
|
|
|
<el-input v-model="lassificationform.name" placeholder="暂无" /> |
|
|
|
|
<el-input v-model="lassificationform.createTime" placeholder="暂无" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="是否异议"> |
|
|
|
|
<!-- /1 表示提交 2 表示审核 通过 3 表示审核失败 --> |
|
|
|
|
<el-input |
|
|
|
|
v-model="lassificationform.isObjection" |
|
|
|
|
placeholder=" |
|
|
|
|
暂无 |
|
|
|
|
" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="指标状态"> |
|
|
|
|
<!-- /1 表示提交 2 表示审核 通过 3 表示审核失败 --> |
|
|
|
|
<el-input |
|
|
|
|
v-model="lassificationform.isObjection" |
|
|
|
|
placeholder=" |
|
|
|
|
暂无 |
|
|
|
|
" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item> </el-form-item> |
|
|
|
|
<el-form-item label="照片"> |
|
|
|
|
<div class="demo-image__preview"> |
|
|
|
|
<el-image |
|
|
|
|
@ -188,6 +215,17 @@
|
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
<!-- 编辑弹窗 --> |
|
|
|
|
|
|
|
|
|
<el-dialog v-model="IndicatorEditing" title="Tips" width="40%"> |
|
|
|
|
<template #footer> |
|
|
|
|
<span class="dialog-footer"> |
|
|
|
|
<el-button @click="IndicatorEditing = false">关闭</el-button> |
|
|
|
|
<el-button type="primary" @click="IndicatorEditingFn"> 确定 </el-button> |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-dialog> |
|
|
|
|
</basic-container> |
|
|
|
|
|
|
|
|
|
<!-- 列表配置显示 --> |
|
|
|
|
@ -208,16 +246,19 @@ import {
|
|
|
|
|
$_newlyadded, |
|
|
|
|
$_newlyremove, |
|
|
|
|
$_classifyAddChild, |
|
|
|
|
$_findIndicatorsList, |
|
|
|
|
$_findIndicatorsDetail, |
|
|
|
|
} from '@/api/classify/classify'; |
|
|
|
|
const loadingclassification = ref(false); //指标分类加载效果 |
|
|
|
|
const classificationdata = ref([]); //指标分类数据 |
|
|
|
|
const current = ref(1); //当前页 |
|
|
|
|
const total = ref(10); //总页数 |
|
|
|
|
const IndicatorEditing = ref(false); //编辑弹窗 |
|
|
|
|
const pageSize = ref(50); |
|
|
|
|
const lassificationform = ref({}); //分类表单 |
|
|
|
|
const title = ref(true); //标题 |
|
|
|
|
const EditID = ref(true); //编辑需要的ID |
|
|
|
|
const newlyAdded = ref(true); //新增弹窗 |
|
|
|
|
const newlyAdded = ref(false); //新增弹窗 |
|
|
|
|
const loadingAddPopup = ref(false); //弹窗加载 |
|
|
|
|
const selectionList = ref([]); //选中数据 |
|
|
|
|
const searchFrom = ref({}); //搜索表单 |
|
|
|
|
@ -236,24 +277,20 @@ const onLoad = () => {
|
|
|
|
|
let data = { |
|
|
|
|
current: current.value, |
|
|
|
|
size: pageSize.value, |
|
|
|
|
isPid: 1, |
|
|
|
|
}; |
|
|
|
|
loadingclassification.value = true; //开启加载效果 |
|
|
|
|
$_Getclassify(data) |
|
|
|
|
$_findIndicatorsList(data) |
|
|
|
|
.then(res => { |
|
|
|
|
console.log(res); |
|
|
|
|
if (res.data.data.records) { |
|
|
|
|
classificationdata.value = res.data.data.records; //数据 |
|
|
|
|
} else { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
total.value = res.data.data.total; //总页数 |
|
|
|
|
}) |
|
|
|
|
.catch(res => {}) |
|
|
|
|
.finally(() => { |
|
|
|
|
loadingclassification.value = false; //开启加载效果 |
|
|
|
|
}); |
|
|
|
|
classificationdata.value = [{}]; |
|
|
|
|
}; |
|
|
|
|
onLoad(); |
|
|
|
|
// 页码 |
|
|
|
|
@ -264,9 +301,7 @@ const currentChange = () => {};
|
|
|
|
|
const ClassificationDditing = val => { |
|
|
|
|
EditID.value = val.row.id; //编辑需要的ID |
|
|
|
|
let data = val.row; |
|
|
|
|
lassificationform.value.name = data.name; //分类名称 |
|
|
|
|
lassificationform.value.description = data.description; //分类描述 |
|
|
|
|
lassificationform.value.remark = data.remark; //分类备注 |
|
|
|
|
IndicatorEditing.value = true; //编辑弹窗展开 |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// 分类新增按钮 |
|
|
|
|
@ -337,7 +372,6 @@ const CategoryDeletion = val => {
|
|
|
|
|
}; |
|
|
|
|
// 新增/编辑分类 |
|
|
|
|
const newlyAddedFn = () => { |
|
|
|
|
loadingAddPopup.value = true; //开启弹窗加载效果 |
|
|
|
|
loadingclassification.value = true; //开启加载效果 |
|
|
|
|
let data = { |
|
|
|
|
...lassificationform.value, |
|
|
|
|
@ -379,11 +413,42 @@ const searchHide = () => {
|
|
|
|
|
// 查看信息 |
|
|
|
|
const ClassificationIndicatorView = val => { |
|
|
|
|
console.log(val, '查看信息'); |
|
|
|
|
newlyAdded.value = true; //开启弹窗 |
|
|
|
|
$_findIndicatorsDetail({ id: val.row.id }) |
|
|
|
|
.then(res => { |
|
|
|
|
loadingAddPopup.value = true; //开启弹窗加载效果 |
|
|
|
|
console.log(res, '查看信息返回值'); |
|
|
|
|
lassificationform.value = res.data.data; //赋值给弹窗表单 |
|
|
|
|
// 指标状态1 表示提交 2 表示审核 通过 3 表示审核失败 |
|
|
|
|
if(res.data.data. indicatorsStatus== 1){ |
|
|
|
|
lassificationform.value.isObjection='提交' |
|
|
|
|
}else if(res.data.data.isObjection == 2){ |
|
|
|
|
lassificationform.value.isObjection='审核通过' |
|
|
|
|
}else if(res.data.data.isObjection == 3){ |
|
|
|
|
lassificationform.value.isObjection='审核失败' |
|
|
|
|
} |
|
|
|
|
// 是否存在异议 0 表示没有1表示存在 |
|
|
|
|
if(res.data.data.isObjection ){ |
|
|
|
|
lassificationform.value.isObjection='没有' |
|
|
|
|
}else{ |
|
|
|
|
|
|
|
|
|
}lassificationform.value.isObjection='存在' |
|
|
|
|
if (res.data.data.pictures.length) { |
|
|
|
|
// 图片 |
|
|
|
|
res.data.data.pictures.forEach(res => { |
|
|
|
|
srcList.value.push(res.url); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
.catch(res => {}) |
|
|
|
|
.finally(() => { |
|
|
|
|
loadingAddPopup.value = false; //关闭弹窗加载效果 |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
// 编辑信息 |
|
|
|
|
const IndicatorEditingFn = () => {}; |
|
|
|
|
// 查询搜索 |
|
|
|
|
const searchChange=()=>{ |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
const searchChange = () => {}; |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
@ -419,21 +484,21 @@ const searchChange=()=>{
|
|
|
|
|
width: 100%; |
|
|
|
|
height: 200px; |
|
|
|
|
} |
|
|
|
|
.el_header_top{ |
|
|
|
|
.el-form{ |
|
|
|
|
.el_header_top { |
|
|
|
|
.el-form { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
width: 100%; |
|
|
|
|
.el-form-item{ |
|
|
|
|
margin: 4px 0; |
|
|
|
|
margin-right: 10px; |
|
|
|
|
} |
|
|
|
|
.el-btn{ |
|
|
|
|
margin-right: 0; |
|
|
|
|
} |
|
|
|
|
.el-form-item { |
|
|
|
|
margin: 4px 0; |
|
|
|
|
margin-right: 10px; |
|
|
|
|
} |
|
|
|
|
:deep(.el-date-editor){ |
|
|
|
|
height: 100% !important; |
|
|
|
|
.el-btn { |
|
|
|
|
margin-right: 0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
:deep(.el-date-editor) { |
|
|
|
|
height: 100% !important; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
