You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
666 lines
36 KiB
666 lines
36 KiB
<template>
|
|
<div class="customer-css">
|
|
<!-- 查询条件 -->
|
|
<el-form :inline="true" label-position="top" class="pi-search-form">
|
|
<el-form-item label="任务单号">
|
|
<el-input v-model="searchData.requestNo" style="width:140px" @keyup.enter.native="getList" />
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<span style="cursor: pointer" slot="label" @click="getBaseList(501)"><a href="#">供应商编码</a></span>
|
|
<el-input v-model="searchData.supplierNo" style="width: 130px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="供应商名称">
|
|
<el-input v-model="searchData.supplierName" style="width:200px" @keyup.enter.native="getList" />
|
|
</el-form-item>
|
|
<el-form-item label="创建者">
|
|
<el-input v-model="searchData.createBy" style="width:140px" @keyup.enter.native="getList" />
|
|
</el-form-item>
|
|
<el-form-item label="预计完成时间">
|
|
<el-date-picker v-model="searchData.wantedCompleteDateStart" type="date" placeholder="Start Date"
|
|
value-format="yyyy-MM-dd"
|
|
style="width:140px" />
|
|
-
|
|
<el-date-picker v-model="searchData.wantedCompleteDateEnd" type="date" placeholder="End Date"
|
|
value-format="yyyy-MM-dd"
|
|
style="width:140px" />
|
|
</el-form-item>
|
|
<el-form-item label="创建日期">
|
|
<el-date-picker v-model="searchData.createDateStart" type="date" placeholder="Start Date"
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
style="width:140px" />
|
|
-
|
|
<el-date-picker v-model="searchData.createDateEnd" type="date" placeholder="End Date"
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
style="width:140px" />
|
|
</el-form-item>
|
|
<el-form-item label="状态">
|
|
<el-select v-model="searchData.statusList" multiple collapse-tags clearable style="width:150px"
|
|
placeholder="All">
|
|
<el-option
|
|
v-for="item in taskStatusOptions"
|
|
:key="item.value"
|
|
:label="item.label"
|
|
:value="item.value" />
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label=" ">
|
|
<el-button type="primary" class="customer-bun-min" @click="getList">查询</el-button>
|
|
<el-button type="primary" class="customer-bun-min" @click="openCreateDialog">新增</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
|
|
<!-- Evaluate Request 列表 -->
|
|
<el-table :data="dataList" :height="requestTableHeight - 100" border highlight-current-row v-loading="loading"
|
|
@row-click="rowClick" ref="mainTable" style="width:100%;margin-bottom:8px">
|
|
<el-table-column prop="requestNo" label="任务单号" min-width="140" header-align="center" align="left" />
|
|
<el-table-column prop="supplierNo" label="供应商编号" width="120" header-align="center" align="left" />
|
|
<el-table-column prop="supplierName" label="供应商名称" min-width="200" header-align="center" align="left" show-overflow-tooltip />
|
|
<el-table-column prop="wantedCompleteDate" label="预计完成时间" width="160" header-align="center" align="center" />
|
|
<el-table-column prop="status" label="状态" width="110" header-align="center" align="center" />
|
|
<el-table-column prop="createBy" label="创建者" min-width="90" header-align="center" align="left" />
|
|
<el-table-column prop="createDate" label="创建时间" width="140" header-align="center" align="center" />
|
|
<el-table-column fixed="right" label="操作" width="160" header-align="center" align="center">
|
|
<template slot-scope="scope">
|
|
<template v-if="!isCompleted(scope.row)">
|
|
<a class="customer-a" @click.stop="openEditDialog(scope.row)">编辑</a>
|
|
<span style="color:#dcdfe6;margin:0 2px">|</span>
|
|
<a class="customer-a" @click.stop="removeRequest(scope.row)">删除</a>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
|
|
<el-pagination style="margin-top:0" @size-change="sizeChangeHandle" @current-change="currentChangeHandle"
|
|
:current-page="pageIndex" :page-sizes="[20,50,100,200,500]" :page-size="pageSize" :total="totalPage"
|
|
layout="total, sizes, prev, pager, next, jumper" />
|
|
|
|
<!-- 指标 & 进度 查看 -->
|
|
<el-row :gutter="10" style="margin-top:12px">
|
|
<el-col :span="16">
|
|
<div class="sub-panel-header">
|
|
<span style="font-size:16px">考核单</span>
|
|
</div>
|
|
<el-table :data="indicatorList" size="mini" border :height="indicatorTableHeight" highlight-current-row
|
|
ref="indicatorTable" @row-click="selectIndicatorRow" v-loading="indicatorLoading">
|
|
<el-table-column prop="indicatorCode" label="指标编码" min-width="120" header-align="center" align="left" show-overflow-tooltip />
|
|
<el-table-column prop="indicatorDesc" label="指标描述" min-width="220" header-align="center" align="left" show-overflow-tooltip />
|
|
<el-table-column prop="category" label="指标分类" width="110" header-align="center" align="center" />
|
|
<el-table-column prop="ownerRole" label="负责部门" width="110" header-align="center" align="center" />
|
|
<el-table-column prop="maxScore" label="最高分" width="110" header-align="center" align="right">
|
|
</el-table-column>
|
|
<el-table-column prop="score" label="分数" width="90" header-align="center" align="right" />
|
|
</el-table>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="sub-panel-header">
|
|
<span style="font-size:16px">进度 <span v-if="viewIndicatorCode"></span></span>
|
|
</div>
|
|
<el-table :data="progressList" size="mini" border :height="indicatorTableHeight" v-loading="progressLoading">
|
|
<el-table-column prop="departmentName" label="部门" min-width="90" header-align="center"
|
|
align="left" />
|
|
<el-table-column prop="owner" label="负责人" min-width="80" header-align="center" align="left" />
|
|
<el-table-column prop="userDisplay" label="负责人名称" min-width="90" header-align="center" align="left" />
|
|
<el-table-column prop="completedFlag" label="已完成" width="60" header-align="center" align="center">
|
|
</el-table-column>
|
|
<el-table-column prop="completedDate" label="完成时间" min-width="140" header-align="center"
|
|
align="center" />
|
|
</el-table>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<!-- 调整供应商等级 -->
|
|
<el-dialog title="调整供应商等级" :visible.sync="adjustVisible" width="420px" :close-on-click-modal="false" v-drag>
|
|
<el-form label-position="top" size="small">
|
|
<el-form-item label="任务单号">
|
|
<el-input v-model="currentRequest.requestNo" disabled />
|
|
</el-form-item>
|
|
<el-form-item label="供应商名称">
|
|
<el-input v-model="currentRequest.supplierName" disabled />
|
|
</el-form-item>
|
|
<el-form-item label="新等级" :required="true">
|
|
<el-select v-model="adjustForm.newLevel" placeholder="Select" style="width:180px">
|
|
<el-option v-for="l in supplierLevelOptions" :key="l.value" :label="l.label" :value="l.value" />
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="备注">
|
|
<el-input type="textarea" v-model="adjustForm.remark" :rows="3" maxlength="300" />
|
|
</el-form-item>
|
|
</el-form>
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button type="primary" :loading="adjustLoading" @click="submitAdjust">确认</el-button>
|
|
<el-button @click="adjustVisible=false">取消</el-button>
|
|
</span>
|
|
</el-dialog>
|
|
|
|
<!-- 新建 / 编辑 绩效请求弹窗 -->
|
|
<el-dialog :title="isEdit ? '编辑绩效评估考核' : '新增绩效评估考核'" :visible.sync="createDialogVisible" :width="isEdit ? '760px' : '940px'" top="4vh"
|
|
:close-on-click-modal="false" v-drag>
|
|
<el-form :inline="true" label-position="top" size="mini" class="create-top-form">
|
|
<el-form-item :required="true">
|
|
<span slot="label" @click="getBaseList(2014)"><a href="#">模板编号</a></span>
|
|
<!-- 允许编辑模式下修改模板号: 去掉 :disabled="isEdit" -->
|
|
<el-input v-model="createForm.templateNo" style="width:150px" @blur="autoFetchTemplateInfo" />
|
|
</el-form-item>
|
|
<el-form-item label="模板描述">
|
|
<el-input v-model="createForm.templateDesc" style="width:260px" disabled />
|
|
</el-form-item>
|
|
<el-form-item label="预计完成时间" :required="true">
|
|
<el-date-picker v-model="createForm.wantedCompleteDate" type="date" value-format="yyyy-MM-dd" style="width:160px" />
|
|
</el-form-item>
|
|
<el-form-item label=" " style="margin-top:-2px" v-if="!isEdit">
|
|
<el-button size="small" type="primary" :disabled="!createForm.templateNo" @click="openTemplateIndicatorDialog">指标信息</el-button>
|
|
</el-form-item>
|
|
<el-form-item v-if="isEdit" label="任务单号">
|
|
<el-input v-model="createForm.requestNo" disabled style="width:150px" />
|
|
</el-form-item>
|
|
<el-form-item label=" " style="margin-top:-2px" v-if="isEdit">
|
|
<el-button size="small" type="primary" :disabled="!createForm.templateNo" @click="openTemplateIndicatorDialog">指标信息</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
<el-row :gutter="10" style="margin-top:5px">
|
|
<el-col :span="12" v-if="!isEdit">
|
|
<!-- Supplier List (only new) -->
|
|
<div class="sub-panel-header supplier-panel-header">
|
|
<span class="sub-panel-title">供应商清单</span>
|
|
<div class="supplier-header-filters">
|
|
<el-input
|
|
v-model="supplierQuery.supplierNo"
|
|
size="mini"
|
|
placeholder="供应商编码"
|
|
clearable
|
|
style="width:100px"
|
|
@keyup.enter.native="loadSuppliers"
|
|
/>
|
|
<el-input
|
|
v-model="supplierQuery.supplierName"
|
|
size="mini"
|
|
placeholder="供应商名称"
|
|
clearable
|
|
style="width:200px"
|
|
@keyup.enter.native="loadSuppliers"
|
|
/>
|
|
<el-button size="mini" type="primary" @click="loadSuppliers">查询</el-button>
|
|
</div>
|
|
</div>
|
|
<el-table ref="createSupplierTable" :data="supplierList" size="mini" border height="380" v-loading="supplierLoading" @selection-change="supplierSelectionChange">
|
|
<el-table-column type="selection" width="40" header-align="center" align="center" />
|
|
<el-table-column prop="supplierNo" label="供应商编码" width="120" header-align="center" align="left" />
|
|
<el-table-column prop="supplierName" label="供应商名称" min-width="180" header-align="center" align="left" show-overflow-tooltip />
|
|
</el-table>
|
|
</el-col>
|
|
<el-col :span="12" v-if="!isEdit">
|
|
<!-- Specify Owner (new) -->
|
|
<div class="sub-panel-header">
|
|
<span style="font-size:14px">指定负责人</span>
|
|
</div>
|
|
<el-table :data="departmentList" :key="'dept-new'" size="mini" border height="380" v-loading="deptLoading">
|
|
<el-table-column prop="departmentNo" label="部门编号" min-width="60" header-align="center" align="left" />
|
|
<el-table-column prop="departmentName" label="部门名称" min-width="80" header-align="center" align="left" />
|
|
<el-table-column prop="owner" label="负责人" min-width="80" header-align="center" align="left" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<span v-if="scope.row.owner">{{ scope.row.owner }}</span>
|
|
<span v-else style="color:#999">(未选择)</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="ownerDisplay" label="负责人姓名" min-width="120" header-align="center" align="left" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<span v-if="scope.row.ownerDisplay">{{ scope.row.ownerDisplay }}</span>
|
|
<span v-else style="color:#999">-</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="操作" fixed="right" width="90" header-align="center" align="center">
|
|
<template slot-scope="scope">
|
|
<a class="customer-a" @click="openOwnerSelect(scope.row)">查询</a>
|
|
<a v-if="scope.row.owner" class="customer-a" style="margin-left:4px" @click="clearOwner(scope.row)">清除</a>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-col>
|
|
<el-col :span="24" v-if="isEdit">
|
|
<!-- Owner only (edit) -->
|
|
<div class="sub-panel-header">
|
|
<span style="font-size:14px">指定负责人</span>
|
|
</div>
|
|
<el-table :data="departmentList" :key="'dept-edit'" size="mini" border height="380" v-loading="deptLoading">
|
|
<el-table-column prop="departmentNo" label="部门编号" min-width="100" header-align="center" align="left" />
|
|
<el-table-column prop="departmentName" label="部门名称" min-width="200" header-align="center" align="left" />
|
|
<el-table-column prop="owner" label="负责人" min-width="120" header-align="center" align="left" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<span v-if="scope.row.owner">{{ scope.row.owner }}</span>
|
|
<span v-else style="color:#999">(未选择)</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="ownerDisplay" label="负责人姓名" min-width="140" header-align="center" align="left" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<span v-if="scope.row.ownerDisplay">{{ scope.row.ownerDisplay }}</span>
|
|
<span v-else style="color:#999">-</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="操作" width="110" header-align="center" align="center">
|
|
<template slot-scope="scope">
|
|
<a class="customer-a" @click="openOwnerSelect(scope.row)">查询</a>
|
|
<a v-if="scope.row.owner" class="customer-a" style="margin-left:4px" @click="clearOwner(scope.row)">清除</a>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-col>
|
|
</el-row>
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button type="primary" :loading="createSaving" @click="saveCreate">保存</el-button>
|
|
<el-button @click="createDialogVisible=false">关闭</el-button>
|
|
</span>
|
|
</el-dialog>
|
|
|
|
<!-- 模板指标弹窗 -->
|
|
<el-dialog title="指标信息" :visible.sync="templateIndicatorDialogVisible" width="760px" top="8vh" :close-on-click-modal="false" v-drag>
|
|
<div style="margin-bottom:6px;font-size:12px;color:#666">Template: {{createForm.templateNo}} - {{createForm.templateDesc}}</div>
|
|
<el-table :data="templateIndicatorList" size="mini" border height="420" v-loading="templateIndicatorLoading">
|
|
<el-table-column prop="indicatorCode" label="指标编号" min-width="140" header-align="center" align="left" />
|
|
<el-table-column prop="indicatorDesc" label="指标描述" min-width="240" header-align="center" align="left" show-overflow-tooltip />
|
|
<el-table-column prop="category" label="指标分类" width="120" header-align="center" align="center" />
|
|
<el-table-column prop="ownerRole" label="负责部门" width="120" header-align="center" align="center" />
|
|
</el-table>
|
|
<span slot="footer" class="dialog-footer"><el-button @click="templateIndicatorDialogVisible=false">关闭</el-button></span>
|
|
</el-dialog>
|
|
|
|
<!-- Owner 选择弹窗 -->
|
|
<el-dialog title="Select Owner" :visible.sync="ownerDialogVisible" width="600px" top="10vh" :close-on-click-modal="false" v-drag>
|
|
<div style="margin-bottom:4px;font-size:12px;color:#555">Department: {{ currentDeptRow.departmentName }}</div>
|
|
<el-table :data="ownerUserList" size="mini" border height="360" highlight-current-row v-loading="ownerLoading" @row-dblclick="confirmOwner">
|
|
<el-table-column prop="username" label="用户名称" width="160" header-align="center" align="left" />
|
|
<el-table-column prop="userDisplay" label="用户显示名" min-width="260" header-align="center" align="left" show-overflow-tooltip />
|
|
</el-table>
|
|
<span slot="footer" class="dialog-footer"><el-button @click="ownerDialogVisible=false">关闭</el-button></span>
|
|
</el-dialog>
|
|
<Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
adjustSupplierLevel,
|
|
deleteEvaluateRequest,
|
|
getEvaluateRequestIndicatorProgress,
|
|
getEvaluateRequestIndicators,
|
|
searchEvaluateRequestList,
|
|
updateEvaluateRequest
|
|
} from '@/api/supplierPerformance/myPerformanceEvaluateRequest.js'
|
|
import {
|
|
fetchDepartmentList,
|
|
fetchOwnerUserList,
|
|
fetchSupplierList,
|
|
fetchTemplateInfo,
|
|
saveEvaluateRequest
|
|
} from '@/api/supplierPerformance/performanceEvaluateRequestBuild.js'
|
|
import Chooselist from '@/views/modules/common/Chooselist_eam'
|
|
import {getTemplateIndicators} from "../../../api/supplierPerformance/performanceIndicatorTemplate";
|
|
import {
|
|
PERF_TASK_STATUS_OPTIONS,
|
|
PERF_TASK_STATUS_DEFAULT
|
|
} from './supplierPerformanceStatusOptions.js'
|
|
|
|
export default {
|
|
components: {
|
|
Chooselist,
|
|
},
|
|
name: 'MyPerformanceEvaluateRequest',
|
|
data() {
|
|
return {
|
|
height: 500,
|
|
loading: false,
|
|
dataList: [],
|
|
pageIndex: 1,
|
|
pageSize: 20,
|
|
totalPage: 0,
|
|
taskStatusOptions: PERF_TASK_STATUS_OPTIONS,
|
|
searchData: {
|
|
site: this.$store.state.user.site,
|
|
username: this.$store.state.user.name,
|
|
requestNo: '',
|
|
supplierNo: '',
|
|
supplierName: '',
|
|
createBy: '',
|
|
wantedCompleteDateStart: '',
|
|
wantedCompleteDateEnd: '',
|
|
createDateStart: '',
|
|
createDateEnd: '',
|
|
statusList: []
|
|
},
|
|
currentRequest: {},
|
|
indicatorList: [],
|
|
indicatorLoading: false,
|
|
viewIndicatorCode: '',
|
|
// progress
|
|
progressList: [],
|
|
progressLoading: false,
|
|
// 调整等级
|
|
adjustVisible: false,
|
|
adjustLoading: false,
|
|
adjustForm: { newLevel: '', remark: '' },
|
|
supplierLevelOptions: [ {label:'A',value:'A'},{label:'B',value:'B'},{label:'C',value:'C'},{label:'D',value:'D'} ],
|
|
// 新建弹窗相关
|
|
createDialogVisible: false,
|
|
createForm: { templateNo:'', templateDesc:'', wantedCompleteDate:'' },
|
|
createSaving: false,
|
|
templateIndicatorDialogVisible: false,
|
|
templateIndicatorList: [],
|
|
templateIndicatorLoading: false,
|
|
supplierQuery: { supplierNo: '', supplierName: '' },
|
|
supplierList: [],
|
|
supplierSelected: [],
|
|
supplierLoading: false,
|
|
departmentList: [],
|
|
deptLoading: false,
|
|
ownerDialogVisible: false,
|
|
ownerUserList: [],
|
|
ownerLoading: false,
|
|
ownerQuery: { keyword:'' },
|
|
currentDeptRow: {},
|
|
isEdit: false,
|
|
}
|
|
},
|
|
computed: {
|
|
requestTableHeight() { return this.height - 360 < 260 ? 260 : this.height - 360 },
|
|
indicatorTableHeight() { return 300 }
|
|
},
|
|
mounted() {
|
|
this.calcHeight();
|
|
window.addEventListener('resize', this.calcHeight)
|
|
this.getList()
|
|
},
|
|
beforeDestroy() { window.removeEventListener('resize', this.calcHeight) },
|
|
methods: {
|
|
// 获取基础数据列表S
|
|
getBaseList (val,type) {
|
|
this.tagNo = val
|
|
this.$nextTick(() => {
|
|
let strVal = ''
|
|
let conSql = ''
|
|
if (val === 2014 ) {
|
|
strVal = this.createForm.templateNo
|
|
conSql = " and site = '" + this.$store.state.user.site + "'"
|
|
} else if (val === 501) {
|
|
strVal = this.searchData.supplierNo || ''
|
|
conSql = " and site = '" + this.$store.state.user.site + "'"
|
|
}
|
|
this.$refs.baseList.init(val, strVal,conSql)
|
|
})
|
|
},
|
|
/* 列表方法的回调 */
|
|
getBaseData (val) {
|
|
console.log('Chooselist返回的数据:', val, 'tagNo:', this.tagNo)
|
|
if (this.tagNo === 2014) {
|
|
this.createForm.templateId = val.id
|
|
this.createForm.templateNo = val.template_no
|
|
this.createForm.templateDesc = val.template_desc
|
|
this.loadDepartments()
|
|
} else if (this.tagNo === 501) {
|
|
// 供应商编码字段 - SQL返回: SupplierID, SupplierName
|
|
const supplierNoVal = val.SupplierID || val.supplierID || val.supplierId || ''
|
|
this.searchData.supplierNo = supplierNoVal
|
|
console.log('供应商编码赋值:', supplierNoVal)
|
|
}
|
|
},
|
|
calcHeight() { this.$nextTick(()=> { this.height = window.innerHeight - 40 }) },
|
|
getList() {
|
|
this.loading = true
|
|
if (this.searchData.statusList.length === 0) this.searchData.statusList = [...PERF_TASK_STATUS_DEFAULT]
|
|
const params = { ...this.searchData, statusList: this.searchData.statusList, page: this.pageIndex, limit: this.pageSize,selectType: 1 }
|
|
searchEvaluateRequestList(params).then(({data}) => {
|
|
if (data && (data.code === 0 || data.code === '0')) {
|
|
if (data.page) {
|
|
this.dataList = data.page.list || []
|
|
this.pageIndex = data.page.currPage || params.page
|
|
this.pageSize = data.page.pageSize || params.limit
|
|
this.totalPage = data.page.totalCount || 0
|
|
if (this.dataList.length > 0) { this.$nextTick(()=> { this.$refs.mainTable.setCurrentRow(this.dataList[0]); this.rowClick(this.dataList[0]) }) }
|
|
} else {
|
|
this.dataList = data.rows || []
|
|
this.totalPage = data.total || this.dataList.length
|
|
}
|
|
} else { this.dataList=[]; this.totalPage=0 }
|
|
}).catch(()=> { this.dataList=[]; this.totalPage=0 })
|
|
.finally(()=> { this.loading=false })
|
|
},
|
|
sizeChangeHandle(v) { this.pageSize=v; this.pageIndex=1; this.getList() },
|
|
currentChangeHandle(v) { this.pageIndex=v; this.getList() },
|
|
rowClick(row) { this.currentRequest = row; this.loadIndicators() },
|
|
loadIndicators() {
|
|
if (!this.currentRequest.requestNo) { this.indicatorList=[]; return }
|
|
this.indicatorLoading = true
|
|
const p = { requestId: this.currentRequest.id, requestNo: this.currentRequest.requestNo, site: this.$store.state.user.site }
|
|
getEvaluateRequestIndicators(p).then(({data}) => {
|
|
if (data && (data.code === 0 || data.code === '0')) {
|
|
this.indicatorList = data.list
|
|
this.$nextTick(()=> { if (this.indicatorList.length>0) { this.$refs.indicatorTable.setCurrentRow(this.indicatorList[0]); this.selectIndicatorRow(this.indicatorList[0]) } else { this.viewIndicatorCode=''; this.progressList=[] } })
|
|
} else { this.indicatorList=[] }
|
|
}).catch(()=> { this.indicatorList=[] })
|
|
.finally(()=> { this.indicatorLoading=false })
|
|
},
|
|
selectIndicatorRow(row) { this.viewIndicatorCode = row.indicatorCode; this.loadProgress() },
|
|
loadProgress() {
|
|
if (!this.viewIndicatorCode || !this.currentRequest.requestNo) { this.progressList=[]; return }
|
|
this.progressLoading = true
|
|
const p = { requestId: this.currentRequest.id, requestNo: this.currentRequest.requestNo, site: this.$store.state.user.site }
|
|
getEvaluateRequestIndicatorProgress(p).then(({data}) => {
|
|
if (data && (data.code === 0 || data.code === '0')) {
|
|
this.progressList = data.list
|
|
} else { this.progressList=[] }
|
|
}).catch(()=> { this.progressList=[] })
|
|
.finally(()=> { this.progressLoading=false })
|
|
},
|
|
openAdjustDialog(row) { this.currentRequest = row; this.adjustForm = { newLevel:'', remark:'' }; this.adjustVisible=true },
|
|
submitAdjust() {
|
|
if (!this.adjustForm.newLevel) { this.$message.warning('请选择等级'); return }
|
|
this.adjustLoading = true
|
|
const payload = { requestId: this.currentRequest.id, requestNo: this.currentRequest.requestNo, supplierCode: this.currentRequest.supplierCode, newLevel: this.adjustForm.newLevel, remark: this.adjustForm.remark, site: this.$store.state.user.site, user: this.$store.state.user.name }
|
|
adjustSupplierLevel(payload).then(({data}) => {
|
|
if (data && (data.code===0 || data.code==='0')) { this.$message.success('调整成功'); this.adjustVisible=false; this.getList() } else { this.$message.error((data&&data.msg)||'调整失败') }
|
|
}).catch(e=> this.$message.error('调整失败: '+ e.message))
|
|
.finally(()=> { this.adjustLoading=false })
|
|
},
|
|
openEditDialog(row) {
|
|
this.isEdit = true
|
|
this.createSaving = false
|
|
this.currentRequest = row
|
|
this.createForm = {
|
|
templateNo: row.templateNo,
|
|
templateDesc: row.templateDesc,
|
|
wantedCompleteDate: row.wantedCompleteDate,
|
|
id: row.id,
|
|
requestNo: row.requestNo,
|
|
templateId: row.templateId,
|
|
_originalTemplateNo: row.templateNo // 记录原模板号用于校验
|
|
}
|
|
this.createDialogVisible = true
|
|
this.deptLoading = true
|
|
this.loadDepartments()
|
|
// 载入指标用于后续 score 校验
|
|
this.loadIndicators()
|
|
},
|
|
reloadEditOwners() { if (!this.isEdit || !this.createForm.id) return; this.openEditDialog({ templateNo:this.createForm.templateNo, wantedCompleteDate:this.createForm.wantedCompleteDate, id:this.createForm.id, requestNo:this.createForm.requestNo }) },
|
|
removeRequest(row) {
|
|
const site = this.$store.state.user.site
|
|
// 先获取该请求的指标，若存在已评分(score>0)则禁止删除
|
|
getEvaluateRequestIndicators({ requestId: row.id, requestNo: row.requestNo, site }).then(({data}) => {
|
|
let indicators = []
|
|
if (data && (data.code === 0 || data.code === '0')) {
|
|
indicators = data.list || data.rows || data.obj || []
|
|
}
|
|
const hasScored = indicators.some(i => Number(i.score) > 0)
|
|
if (hasScored) {
|
|
this.$message.error('该考核任务存在已评分指标，禁止删除')
|
|
return
|
|
}
|
|
this.$confirm('确认删除该考核任务: ' + row.requestNo + ' ?', '提示', { type: 'warning' }).then(() => {
|
|
deleteEvaluateRequest({ id: row.id, site }).then(({data: delData}) => {
|
|
if (delData && (delData.code === 0 || delData.code === '0')) { this.$message.success('删除成功'); this.getList() }
|
|
else { this.$message.error((delData && delData.msg) || '删除失败') }
|
|
}).catch(e => this.$message.error('删除失败: ' + e.message))
|
|
}).catch(()=>{})
|
|
}).catch(e => {
|
|
this.$message.error('校验失败: ' + e.message)
|
|
})
|
|
},
|
|
saveCreate() {
|
|
if (!this.validateCreate()) return
|
|
this.createSaving = true
|
|
const site = this.$store.state.user.site
|
|
if (this.isEdit) {
|
|
const payload = {
|
|
site,
|
|
id: this.createForm.id,
|
|
requestNo: this.createForm.requestNo,
|
|
templateNo: this.createForm.templateNo,
|
|
wantedCompleteDate: this.createForm.wantedCompleteDate,
|
|
detailList: this.departmentList.map(d=> ({ department: d.departmentNo || d.department || d.departmentName, owner: d.owner })),
|
|
updateBy: this.$store.state.user.name
|
|
}
|
|
updateEvaluateRequest(payload).then(({data})=> {
|
|
if (data && (data.code===0||data.code==='0')) { this.$message.success('更新成功'); this.createDialogVisible=false; this.isEdit=false; this.getList() }
|
|
else { this.$message.error((data&&data.msg)||'更新失败') }
|
|
}).catch(e=> this.$message.error('更新失败: '+ e.message))
|
|
.finally(()=> { this.createSaving=false })
|
|
} else {
|
|
const payload = {
|
|
site,
|
|
templateNo: this.createForm.templateNo,
|
|
wantedCompleteDate: this.createForm.wantedCompleteDate,
|
|
headerList: this.supplierSelected.map(s=> ({ supplierNo:s.supplierNo, supplierName:s.supplierName })),
|
|
detailList: this.departmentList.map(d=> ({ department: d.departmentNo || d.department || d.departmentName, owner: d.owner })),
|
|
createBy: this.$store.state.user.name
|
|
}
|
|
saveEvaluateRequest(payload).then(({data})=> {
|
|
if (data && (data.code===0||data.code==='0')) { this.$message.success('保存成功'); this.createDialogVisible=false; this.getList() } else { this.$message.error((data&&data.msg)||'保存失败') }
|
|
}).catch(e=> this.$message.error('保存失败: '+ e.message))
|
|
.finally(()=> { this.createSaving=false })
|
|
}
|
|
},
|
|
openCreateDialog() {
|
|
this.isEdit = false
|
|
this.resetCreateForm();
|
|
this.createDialogVisible = true;
|
|
this.supplierList = [];
|
|
this.departmentList = [];
|
|
},
|
|
resetCreateForm() {
|
|
this.createForm = { templateNo:'', templateDesc:'', wantedCompleteDate:'' };
|
|
this.templateIndicatorList = [];
|
|
this.supplierSelected = [];
|
|
this.supplierQuery = { supplierNo: '', supplierName: '' };
|
|
this.supplierList = [];
|
|
if (this.$refs.createSupplierTable) this.$refs.createSupplierTable.clearSelection();
|
|
this.departmentList.forEach(d=>{ d.owner=''; });
|
|
},
|
|
autoFetchTemplateInfo() { if (!this.createForm.templateNo) return; this.fetchTemplateDesc(); },
|
|
fetchTemplateDesc() {
|
|
fetchTemplateInfo({ templateNo: this.createForm.templateNo, site: this.$store.state.user.site }).then(({data})=> {
|
|
if (data && (data.code===0||data.code==='0')) { const obj=data.obj||{}; this.createForm.templateDesc = obj.templateDesc || obj.templateDescCn || '' } else { this.createForm.templateDesc='' }
|
|
}).catch(()=> { this.createForm.templateDesc='' })
|
|
},
|
|
openTemplateIndicatorDialog() { if (!this.createForm.templateNo) { this.$message.warning('请输入 Template No');
|
|
return } this.templateIndicatorDialogVisible=true; this.loadTemplateIndicators(); },
|
|
loadTemplateIndicators() {
|
|
this.templateIndicatorLoading = true;
|
|
getTemplateIndicators({ templateId: this.createForm.templateId, site: this.$store.state.user.site }).then(({data})=> {
|
|
if (data && (data.code===0||data.code==='0')) { this.templateIndicatorList = data.rows || data.obj || [] } else { this.templateIndicatorList=[] }
|
|
}).catch(()=> { this.templateIndicatorList=[] }).finally(()=> { this.templateIndicatorLoading=false })
|
|
},
|
|
loadSuppliers() {
|
|
this.supplierLoading = true;
|
|
fetchSupplierList({
|
|
site: this.$store.state.user.site,
|
|
supplierNo: this.supplierQuery.supplierNo,
|
|
supplierName: this.supplierQuery.supplierName
|
|
}).then(({data})=> {
|
|
if (data && (data.code===0||data.code==='0')) {
|
|
this.supplierList = (data.page ? data.page.list : (data.rows || data.obj || [])) || []
|
|
} else {
|
|
this.supplierList = []
|
|
}
|
|
}).catch(()=> { this.supplierList=[] }).finally(()=> { this.supplierLoading=false })
|
|
},
|
|
supplierSelectionChange(val) { this.supplierSelected = val },
|
|
loadDepartments() {
|
|
this.deptLoading = true;
|
|
fetchDepartmentList({ templateId: this.createForm.templateId, requestNo: this.createForm.requestNo ? this.createForm.requestNo : '',
|
|
site: this.$store.state.user.site
|
|
}).then(({data})=> {
|
|
if (data && (data.code === 0 || data.code === '0')) {
|
|
// 统一使用 owner 字段
|
|
this.departmentList = data.rows || data.obj || []
|
|
// 加载所有用户列表，用于匹配 ownerDisplay
|
|
this.loadAllUsersForDisplay()
|
|
} else { this.departmentList = [] }
|
|
}).catch(()=> { this.departmentList=[] }).finally(()=> { this.deptLoading=false })
|
|
},
|
|
// 加载所有用户用于匹配显示名称
|
|
loadAllUsersForDisplay() {
|
|
// 使用和 loadOwners 相同的调用方式，传入一个空对象或第一个部门
|
|
const queryParam = this.departmentList.length > 0 ? this.departmentList[0] : {}
|
|
fetchOwnerUserList(queryParam).then(({data})=> {
|
|
if (data && (data.code===0||data.code==='0')) {
|
|
const userList = (data.page? data.page.list : (data.rows||data.obj||[])) || []
|
|
// 为每个有 owner 的部门匹配 userDisplay
|
|
this.departmentList.forEach(dept => {
|
|
if (dept.owner) {
|
|
const matchedUser = userList.find(u => u.username === dept.owner || u.userName === dept.owner)
|
|
if (matchedUser) {
|
|
this.$set(dept, 'ownerDisplay', matchedUser.userDisplay || matchedUser.user_display || '')
|
|
}
|
|
}
|
|
})
|
|
}
|
|
}).catch(()=> {
|
|
// 静默失败，不影响其他数据显示
|
|
})
|
|
},
|
|
openOwnerSelect(row) { this.currentDeptRow = row; this.ownerDialogVisible = true; this.ownerQuery.keyword=''; this.loadOwners(); },
|
|
loadOwners() {
|
|
this.ownerLoading = true;
|
|
fetchOwnerUserList(this.currentDeptRow).then(({data})=> {
|
|
if (data && (data.code===0||data.code==='0')) { this.ownerUserList = (data.page? data.page.list : (data.rows||data.obj||[])) || [] } else { this.ownerUserList=[] }
|
|
}).catch(()=> { this.ownerUserList=[] }).finally(()=> { this.ownerLoading=false })
|
|
},
|
|
confirmOwner(row) {
|
|
if (!this.currentDeptRow || !row) return;
|
|
const uname = row.username || row.userName || row.user_id || ''
|
|
if (!uname) { this.$message.warning('该行缺少 username无法选择'); return }
|
|
// 保存 username 到 owner 字段（用于提交）
|
|
this.$set(this.currentDeptRow, 'owner', uname)
|
|
// 保存 userDisplay 到 ownerDisplay 字段（仅用于显示）
|
|
this.$set(this.currentDeptRow, 'ownerDisplay', row.userDisplay || row.user_display || '')
|
|
this.ownerDialogVisible = false
|
|
},
|
|
clearOwner(row) { row.owner = '' },
|
|
validateCreate() {
|
|
if (this.createForm.templateNo) this.createForm.templateNo = this.createForm.templateNo.trim()
|
|
if (!this.createForm.templateNo) { this.$message.warning('Template No 不能为空'); return false }
|
|
if (!this.createForm.wantedCompleteDate) { this.$message.warning('Wanted Complete Date 不能为空'); return false }
|
|
if (!this.isEdit && this.supplierSelected.length === 0) { this.$message.warning('请至少选择一个供应商'); return false }
|
|
const hasAnyOwner = this.departmentList.some(d => (d.owner && d.owner.toString().trim() !== ''))
|
|
if (!hasAnyOwner) { this.$message.warning('所有部门 Owner 均为空，请至少为一个部门选择 Owner'); return false }
|
|
// 编辑时模板变更且存在已评分指标（score>0）禁止保存
|
|
if (this.isEdit && this.createForm._originalTemplateNo && this.createForm.templateNo !== this.createForm._originalTemplateNo) {
|
|
const hasScored = (this.indicatorList || []).some(i => Number(i.score) > 0)
|
|
if (hasScored) { this.$message.error('存在已评分指标 ，禁止修改模板'); return false }
|
|
}
|
|
return true
|
|
},
|
|
isCompleted(row) { if (!row) return false; const v = (row.status||'').toString().toUpperCase(); return v==='COMPLETED' || v==='已完成'.toUpperCase(); },
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.pi-search-form { margin-top:0; }
|
|
.sub-panel-header { display:flex; align-items:center; justify-content:space-between; font-weight:600; padding:4px 6px; background:#f5f7fa; border:1px solid #ebeef5; border-bottom:none; }
|
|
.supplier-panel-header { min-height: 32px; padding: 2px 6px; }
|
|
.sub-panel-title { font-size:14px; white-space:nowrap; flex-shrink:0; }
|
|
.supplier-header-filters { display:flex; align-items:center; gap:4px; margin-left:8px; flex:1; justify-content:flex-end; }
|
|
.supplier-header-filters /deep/ .el-input__inner { height:24px; line-height:24px; font-size:12px; }
|
|
.supplier-header-filters ::v-deep .el-input__inner { height:24px; line-height:24px; font-size:12px; }
|
|
.supplier-header-filters /deep/ .el-button--mini { padding:4px 8px; font-size:12px; }
|
|
.supplier-header-filters ::v-deep .el-button--mini { padding:4px 8px; font-size:12px; }
|
|
.create-top-form { margin-top:-6px; }
|
|
</style>
|