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.
720 lines
21 KiB
720 lines
21 KiB
<template> |
|
<basic-container> |
|
<avue-crud |
|
:option="option" |
|
:table-loading="loading" |
|
:data="data" |
|
v-model:page="page" |
|
v-model="form" |
|
ref="crud" |
|
@row-update="rowUpdate" |
|
@row-save="rowSave" |
|
@row-del="rowDel" |
|
@search-change="searchChange" |
|
@search-reset="searchReset" |
|
@selection-change="selectionChange" |
|
@current-change="currentChange" |
|
@size-change="sizeChange" |
|
@refresh-change="refreshChange" |
|
@on-load="onLoad" |
|
> |
|
<template #menu-left> |
|
<el-button @click="handleIssue" type="primary"> 批量下发 </el-button> |
|
</template> |
|
<template #menu-right="{ size }"> |
|
<el-button type="warning" plain>临期</el-button> |
|
<el-button type="danger" plain>超期</el-button> |
|
</template> |
|
<template #menu="scope"> |
|
<el-button type="text" @click="handleView(scope.row, 'view')">详情</el-button> |
|
<el-button type="text" @click="issueRow(scope.row, 'add')" v-show="scope.row.status == 1"> |
|
下发 |
|
</el-button> |
|
<el-button |
|
type="text" |
|
v-show="scope.row.status == 3" |
|
@click="handleWrite(scope.row, 'drug')" |
|
>填报</el-button |
|
> |
|
<el-button |
|
type="text" |
|
v-show="scope.row.status == 2" |
|
@click="handleReceive(scope.row, 'check')" |
|
>接收</el-button |
|
> |
|
<!-- <el-button type="text" v-show="scope.row.trStatus == 5" @click="handleReport(scope.row,'check')">报告</el-button> --> |
|
</template> |
|
<template #countDayToPlanedFinish="{ row }"> |
|
<div |
|
:style="{ |
|
width: '100%', |
|
height: '49px', |
|
lineHeight: '49px', |
|
background: |
|
row.countDayToPlanedFinish === 0 |
|
? '#ff0000' |
|
: row.countDayToPlanedFinish >= 7 |
|
? '#fffd00' |
|
: row.countDayToPlanedFinish > 0 && row.countDayToPlanedFinish <= 3 |
|
? '#ffad00' |
|
: '#fff', |
|
}" |
|
> |
|
{{ row.countDayToPlanedFinish }} |
|
</div> |
|
</template> |
|
</avue-crud> |
|
<el-dialog append-to-body title="任务下发" v-model="issueDialog" width="550px"> |
|
<el-form ref="issueForm" :model="issueForm" label-width="80px" :rules="formRules"> |
|
<el-form-item label="工艺员" prop="processUserId"> |
|
<el-select v-model="issueForm.processUserId"> |
|
<el-option |
|
v-for="item in userData" |
|
:key="item.id" :label="item.name" :value="item.id" |
|
></el-option> |
|
</el-select> |
|
</el-form-item> |
|
</el-form> |
|
<template #footer> |
|
<span class="dialog-footer"> |
|
<el-button @click="issueDialog = false">取 消</el-button> |
|
<el-button type="primary" @click="submit">确 定</el-button> |
|
</span> |
|
</template> |
|
</el-dialog> |
|
<el-dialog append-to-body title="试验填报" v-model="writeDialog" width="550px"> |
|
<el-form ref="writeForm" :model="writeForm" label-width="120" :rules="writeRules"> |
|
<el-form-item label="是否进行试验" prop="isDone"> |
|
<el-radio-group v-model="writeForm.isDone"> |
|
<el-radio :label="1">是</el-radio> |
|
<el-radio :label="2">否</el-radio> |
|
</el-radio-group> |
|
</el-form-item> |
|
<el-form-item label="试验时间" prop="testDate" v-if="writeForm.isDone == 1"> |
|
<el-date-picker v-model="writeForm.testDate" value-format="YYYY-MM-DD" format="YYYY-MM-DD" type="date" placeholder="请选择试验时间"> |
|
</el-date-picker> |
|
</el-form-item> |
|
<el-form-item label="试验结果" prop="testResult" v-if="writeForm.isDone == 1"> |
|
<el-upload |
|
class="upload-demo" |
|
action="/api/blade-resource/oss/endpoint/put-file-attach" |
|
:on-success="handleSuccess" |
|
:on-remove="handleRemove" |
|
multiple |
|
:limit="1" |
|
:on-exceed="handleExceed" |
|
:file-list="fileList" |
|
accept=".rar,.zip,.doc,.docx,.pdf,.jpg" |
|
> |
|
<div> |
|
<el-button type="primary">点击上传</el-button> |
|
<div slot="tip" class="el-upload__tip"> |
|
支持扩展名：.rar .zip .doc .docx .pdf .jpg.. |
|
</div> |
|
</div> |
|
</el-upload> |
|
</el-form-item> |
|
<el-form-item label="未试验原因" prop="reasonForNo" v-if="writeForm.isDone == 2"> |
|
<el-input type="textarea" v-model="writeForm.reasonForNo" placeholder="请填写未试验原因"></el-input> |
|
</el-form-item> |
|
</el-form> |
|
<template #footer> |
|
<span class="dialog-footer"> |
|
<el-button @click="writeDialog = false">取 消</el-button> |
|
<el-button type="primary" @click="writeSubmit">确 定</el-button> |
|
</span> |
|
</template> |
|
</el-dialog> |
|
<view-dialog |
|
v-if="viewDialog" |
|
:show-dialog="viewDialog" |
|
:row-id="rowId" |
|
:row-obj="rowObj" |
|
@closeDialog="closeDialog" |
|
></view-dialog> |
|
</basic-container> |
|
</template> |
|
|
|
<script> |
|
import viewDialog from './components/viewDialog.vue'; |
|
import { getList, remove,issueTask,acceptTask,issueAllTask,writeTask } from '@/api/qualityManagement/periodicTesting/testTask.js'; |
|
import { getUserList} from '@/api/qualityManagement/periodicTesting/projectCycle.js'; |
|
|
|
export default { |
|
components: { |
|
viewDialog, |
|
}, |
|
data() { |
|
var checkFile = (rule, value, callback) => { |
|
if (this.fileList.length == 0) { |
|
return callback(new Error('请上传文件')); |
|
} else { |
|
callback(); |
|
} |
|
}; |
|
return { |
|
data: [], |
|
page: { |
|
pageSize: 10, |
|
currentPage: 1, |
|
total: 0, |
|
}, |
|
viewDialog: false, |
|
fileList: [], |
|
writeForm: { |
|
}, |
|
// writeRules: { |
|
// isDone: [{ required: true, message: '请选择是否进行试验', trigger: 'blur' }], |
|
// testDate: [{ required: true, message: '请选择试验时间', trigger: 'blur' }], |
|
// testResult: [{ validator: checkFile, trigger: 'blur' }], |
|
// }, |
|
showDialog: false, |
|
rowId: '', |
|
rowObj: {}, |
|
issueDialog: false, |
|
form: {}, |
|
formRules: { |
|
processUserId: [{ required: true, message: '请选择工艺员', trigger: 'blur' }], |
|
}, |
|
userData: [], |
|
writeDialog: false, |
|
query: {}, |
|
loading: true, |
|
issueForm: {}, |
|
option: { |
|
tip: false, |
|
height: 'auto', |
|
calcHeight: 32, |
|
columnSort: true, |
|
// simplePage: true, |
|
searchShow: true, |
|
searchMenuSpan: 12, |
|
searchIcon: true, |
|
searchIndex: 3, |
|
tree: false, |
|
border: true, |
|
index: false, |
|
selection: true, |
|
viewBtn: false, |
|
delBtn: false, |
|
addBtn: false, |
|
editBtn: false, |
|
editBtnText: '修改', |
|
viewBtnText: '详情', |
|
addBtnIcon: ' ', |
|
viewBtnIcon: ' ', |
|
delBtnIcon: ' ', |
|
editBtnIcon: ' ', |
|
labelWidth: 120, |
|
menuWidth: 130, |
|
dialogWidth: 600, |
|
dialogClickModal: false, |
|
searchEnter: true, |
|
filterBtn: true, |
|
searchShowBtn: false, |
|
excelBtn: true, |
|
showOverflowTooltip: true, |
|
align: 'center', |
|
searchLabelPosition: 'left', |
|
searchGutter: 24, |
|
searchSpan: 6, |
|
menuAlign: 'left', |
|
gridBtn: false, |
|
searchMenuPosition: 'right', |
|
column: [ |
|
// [ |
|
// {"label": "任务编号",prop:"code"}, |
|
// {"label": "试验项目",prop:"cycleTestItemName"}, |
|
// {"label": "试验条件",prop:"cycleTestItemCondition"}, |
|
// {"label": "试验标准",prop:"cycleTestItemStandard"}, |
|
// {"label": "试验件",prop:"testType"}, |
|
// {"label": "工艺员",prop:"processUserName"}, |
|
// {"label": "状态",prop:""}, |
|
// {"label": "临期天数",prop:"remind"}, |
|
// {"label": "任务生成时间",prop:""}, |
|
// {"label": "任务下发时间",prop:""}, |
|
// {"label": "任务接成时间",prop:""}, |
|
// {"label": "任务完成时间",prop:""}, |
|
// ] |
|
{ |
|
label: '任务编号', |
|
prop: 'code', |
|
search: false, |
|
sortable: true, |
|
filter: true, |
|
addDisplay: false, |
|
editDisplay: false, |
|
viewDisplay: false, |
|
span: 24, |
|
width: 200, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入任务编号', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '试验项目', |
|
prop: 'cycleTestItemId', |
|
search: true, |
|
hide:true, |
|
type: 'select', |
|
sortable: true, |
|
filter: true, |
|
width: 200, |
|
dicUrl:'/api/blade-desk/QA/CycleTestItem/listForSelect', |
|
props: { label: 'name', value: 'id' }, |
|
dicFormatter: (res) => { |
|
return res.data |
|
}, |
|
}, |
|
{ |
|
label: '试验项目', |
|
prop: 'cycleTestItemName', |
|
search: false, |
|
type: 'select', |
|
sortable: true, |
|
filter: true, |
|
width: 200, |
|
}, |
|
// { |
|
// label: '试验项目', |
|
// prop: 'tpId', |
|
// sortable: true, |
|
// type: 'select', |
|
// filter: true, |
|
// span: 24, |
|
// width: 200, |
|
// search: true, |
|
// rules: [ |
|
// { |
|
// required: true, |
|
// message: '请输入试验项目', |
|
// trigger: 'blur', |
|
// }, |
|
// ], |
|
// props: { |
|
// label: 'tpProject', |
|
// value: 'tpId', |
|
// }, |
|
// dicData: [ |
|
// { |
|
// deleted: false, |
|
// keyValue: 1, |
|
// tpCondition: '96小时', |
|
// tpId: 1, |
|
// tpProject: '盐雾试验', |
|
// }, |
|
// { |
|
// deleted: false, |
|
// keyValue: 21, |
|
// tpCondition: '68小时', |
|
// tpId: 21, |
|
// tpProject: '盐雾试验1', |
|
// }, |
|
// ], |
|
// }, |
|
{ |
|
label: '试验条件', |
|
prop: 'cycleTestItemCondition', |
|
search: false, |
|
sortable: true, |
|
filter: true, |
|
span: 24, |
|
width: 200, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入试验条件', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '试验标准', |
|
prop: 'cycleTestItemStandard', |
|
type: 'textarea', |
|
search: false, |
|
sortable: true, |
|
filter: true, |
|
span: 24, |
|
width: 200, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入试验标准', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '试验件', |
|
prop: 'testType', |
|
type: 'select', |
|
search: false, |
|
sortable: true, |
|
filter: true, |
|
span: 24, |
|
width: 200, |
|
dicUrl:'/blade-system/dict/dictionary?code=testPiece', |
|
props: { label: 'dictValue', value: 'dictKey' }, |
|
dicFormatter: (res) => { |
|
return res.data |
|
}, |
|
}, |
|
{ |
|
label: '工艺员', |
|
prop: 'processUserName', |
|
search: false, |
|
sortable: true, |
|
filter: true, |
|
span: 24, |
|
width: 200, |
|
}, |
|
// { |
|
// label: '试验员', |
|
// prop: 'mecMan', |
|
// search: false, |
|
// sortable: true, |
|
// editDisplay:false, |
|
// filter: true, |
|
// addDisplay:false, |
|
// span: 24, |
|
// width:200, |
|
// rules: [ |
|
// { |
|
// required: true, |
|
// message: '请输入试验员', |
|
// trigger: 'blur', |
|
// }, |
|
// ], |
|
// }, |
|
{ |
|
label: '状态', |
|
prop: 'status', |
|
search: true, |
|
type: 'select', |
|
sortable: true, |
|
editDisplay: false, |
|
filter: true, |
|
addDisplay: false, |
|
span: 24, |
|
width: 200, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请选择状态', |
|
trigger: 'blur', |
|
}, |
|
], |
|
dicUrl:'/blade-system/dict/dictionary?code=CycleTestTask-Status', |
|
props: { label: 'dictValue', value: 'dictKey' }, |
|
dicFormatter: (res) => { |
|
return res.data |
|
}, |
|
// dicData: [ |
|
// { label: '待下发', value: 1 }, |
|
// { label: '待接收', value: 2 }, |
|
// { label: '待试验', value: 3 }, |
|
// { label: '已超期', value: 4 }, |
|
// { label: '已完成', value: 5 }, |
|
// ], |
|
}, |
|
{ |
|
label: '临期天数', |
|
prop: 'countDayToPlanedFinish', |
|
search: false, |
|
sortable: true, |
|
editDisplay: false, |
|
filter: true, |
|
addDisplay: false, |
|
span: 24, |
|
width: 200, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入临期天数', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '任务生成时间', |
|
prop: 'genDatetime', |
|
finishTime: '', |
|
search: false, |
|
sortable: true, |
|
editDisplay: false, |
|
filter: true, |
|
addDisplay: false, |
|
span: 24, |
|
width: 200, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入任务生成时间', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '任务下发时间', |
|
prop: 'issueDate', |
|
search: false, |
|
sortable: true, |
|
editDisplay: false, |
|
filter: true, |
|
addDisplay: false, |
|
span: 24, |
|
width: 200, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入任务下发时间', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '任务接收时间', |
|
prop: 'acceptDate', |
|
search: false, |
|
sortable: true, |
|
editDisplay: false, |
|
filter: true, |
|
addDisplay: false, |
|
span: 24, |
|
width: 200, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入任务接收时间', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '任务完成时间', |
|
prop: 'finishDate', |
|
search: false, |
|
sortable: true, |
|
editDisplay: false, |
|
filter: true, |
|
addDisplay: false, |
|
span: 24, |
|
width: 200, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入任务完成时间', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
], |
|
}, |
|
selectionList: [], |
|
dialogType: '', |
|
issueType:'one' |
|
}; |
|
}, |
|
computed: { |
|
writeRules(){ |
|
const rules = { |
|
isDone: [{ required: true, message: '请选择是否进行试验', trigger: 'change' }], |
|
testDate:[], |
|
testResult:[] |
|
}; |
|
console.log('this.writeForm.isDone-------------',this.writeForm.isDone) |
|
if (this.writeForm.isDone == 1) { |
|
rules.testDate = [{ required: true, message: '请选择试验时间', trigger: 'blur' }]; |
|
rules.testResult = [ |
|
{ required: true, message: '请上传文件', trigger: 'blur' }, |
|
{ validator: this.checkFile, trigger: 'blur' } |
|
]; |
|
} else { |
|
rules.testDate = []; // 非必填 |
|
rules.testResult = []; // 非必填 |
|
} |
|
return rules; |
|
}, |
|
}, |
|
mounted() { |
|
this.getUsers() |
|
}, |
|
methods: { |
|
getUsers(){ |
|
getUserList('1993624442365915137').then(res =>{ |
|
this.userData = res.data.data |
|
}) |
|
}, |
|
// 文件上传完成 |
|
handleSuccess(response, file, fileList) { |
|
this.fileList.push(response.data); |
|
this.writeForm.testResult = this.fileList.map(item => item.attachId).join(',') |
|
}, |
|
// 文件删除 |
|
handleRemove(file, fileList) { |
|
this.fileList = fileList; |
|
this.writeForm.testResult = fileList |
|
}, |
|
handleExceed(){ |
|
this.$message.error('试验结果最多上传一个') |
|
}, |
|
// 查看详情 |
|
handleView(row, type) { |
|
this.rowId = row.id; |
|
this.rowObj = row; |
|
this.viewDialog = true; |
|
}, |
|
// 关闭弹窗 |
|
closeDialog() { |
|
this.viewDialog = false; |
|
}, |
|
// 多选 |
|
selectionChange(list) { |
|
this.selectionList = list; |
|
}, |
|
selectionClear() { |
|
this.selectionList = []; |
|
this.$refs.crud.toggleSelection(); |
|
}, |
|
rowUpdate(row, index, done, loading) {}, |
|
rowSave(row, done, loading) {}, |
|
// 报告 |
|
handleReport() {}, |
|
// 填报 |
|
handleWrite(row) { |
|
this.writeForm = { |
|
id:row.id, |
|
}; |
|
this.fileList = []; |
|
this.writeDialog = true; |
|
this.$refs.writeForm.resetFields(); |
|
}, |
|
// 批量下发 |
|
handleIssue() { |
|
if (this.selectionList.length == 0) { |
|
this.$message.error('请至少选择一条数据'); |
|
} else { |
|
this.issueType = 'all' |
|
this.issueDialog = true; |
|
} |
|
}, |
|
// 单个下发 |
|
issueRow(row) { |
|
this.issueType = 'one' |
|
this.issueDialog = true; |
|
this.issueForm.id = row.id |
|
this.issueForm.processUserId = row.processUserId |
|
}, |
|
// 接收 |
|
handleReceive(row) { |
|
this.$confirm('确定接收此项任务?', { |
|
confirmButtonText: '确定', |
|
cancelButtonText: '取消', |
|
type: 'warning', |
|
}).then(() => { |
|
acceptTask({id:row.id}).then(res =>{ |
|
if(res.data.code == 200){ |
|
this.$message.success('接收成功') |
|
this.onLoad(this.page) |
|
} |
|
}) |
|
}); |
|
}, |
|
writeSubmit() { |
|
this.$refs.writeForm.validate(valid => { |
|
console.log('valid=============================', valid); |
|
console.log('fileList=============================', this.fileList); |
|
if (valid) { |
|
let params ={ |
|
id:this.writeForm.id, |
|
isDone:this.writeForm.isDone, |
|
testDate:this.writeForm.isDone == 1 ? this.writeForm.testDate : '', |
|
testAttachId:this.writeForm.isDone == 1 ? this.fileList.map(item => item.attachId).join(',') : '', |
|
reasonForNo:this.writeForm.isDone == 2 ? this.writeForm.reasonForNo ? this.writeForm.reasonForNo : '' : '' |
|
} |
|
console.log('params==============',params) |
|
writeTask(params).then(res =>{ |
|
if(res.data.code == 200){ |
|
this.$message.success('填报成功') |
|
this.writeDialog = false; |
|
this.writeForm = {} |
|
this.onLoad(this.page) |
|
} |
|
}) |
|
} |
|
}); |
|
}, |
|
searchReset() { |
|
this.query = {}; |
|
this.onLoad(this.page); |
|
}, |
|
searchChange(params, done) { |
|
this.query = params; |
|
this.page.currentPage = 1; |
|
this.onLoad(this.page, params); |
|
done(); |
|
}, |
|
rowDel(row, index, done) { |
|
this.$confirm('确定将选择数据删除?', { |
|
confirmButtonText: '确定', |
|
cancelButtonText: '取消', |
|
type: 'warning', |
|
}).then(() => {}); |
|
}, |
|
// 下发 |
|
submit() { |
|
this.$refs.issueForm.validate(valid => { |
|
if (valid) { |
|
if(this.issueType == 'one'){ |
|
issueTask(this.issueForm).then(res =>{ |
|
if(res.data.code == 200){ |
|
this.$message.success('下发成功') |
|
this.issueDialog = false |
|
this.onLoad(this.page) |
|
} |
|
}) |
|
}else{ |
|
issueAllTask({ |
|
ids:this.selectionList.map(item => item.id).join(','), |
|
processUserId:this.issueForm.processUserId |
|
}).then(res =>{ |
|
if(res.data.code == 200){ |
|
this.$message.success('下发成功') |
|
this.issueDialog = false |
|
this.onLoad(this.page) |
|
} |
|
}) |
|
} |
|
} |
|
}); |
|
}, |
|
currentChange(currentPage) { |
|
this.page.currentPage = currentPage; |
|
}, |
|
sizeChange(pageSize) { |
|
this.page.pageSize = pageSize; |
|
}, |
|
refreshChange() { |
|
this.onLoad(this.page, this.query); |
|
}, |
|
onLoad(page, params = {}) { |
|
this.loading = true; |
|
|
|
getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => { |
|
this.data = res.data.data.records; |
|
|
|
this.loading = false; |
|
this.page.total = res.data.data.total |
|
// this.selectionClear(); |
|
}); |
|
}, |
|
}, |
|
}; |
|
</script> |
|
|
|
<style></style>
|
|
|