599 lines
18 KiB
Vue
599 lines
18 KiB
Vue
<template>
|
|
<!-- 风险清册 -->
|
|
<div class="fullHeight">
|
|
<div v-if="type != 'detail'">
|
|
<div class="searchBox whiteBlock">
|
|
<el-form :inline="true" size="medium" :model="queryInfo" class="demo-form-inline">
|
|
<el-form-item>
|
|
<el-button type="warning" plain @click="refreshBtn">刷新</el-button>
|
|
<el-button class="expintBtn" size="medium" type="primary" @click="addBefore(1, null)">新增</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
</div>
|
|
<div class="table_wrap whiteBlock">
|
|
<vue-scroll>
|
|
<el-table height="650" class="tables" :data="listData1" lazy row-key="id" :tree-props="{ children: 'children' }"
|
|
:header-cell-style="{ 'text-align': 'center' }">
|
|
<!-- <el-table-column align="center" prop="subjectName" label="科目类别名称" ></el-table-column> -->
|
|
<!-- <el-table-column prop="processName" label="工序名称"> -->
|
|
<el-table-column prop="subjectName" width="200" label="科目类别"></el-table-column>
|
|
<el-table-column></el-table-column>
|
|
<el-table-column width="200" label="操作" align="center">
|
|
<template slot-scope="scope">
|
|
<el-button @click.native.stop="addBefore(2, scope.row)" size="mini" type="text" icon="el-icon-circle-plus-outline"
|
|
v-if="scope.row.parentId == '0'">
|
|
新增
|
|
</el-button>
|
|
<el-button size="mini" type="text" icon="el-icon-edit" @click.native.stop="editBefore(scope.row)" v-if="scope.row.parentId == '0'">
|
|
编辑
|
|
</el-button>
|
|
<el-button size="mini" type="text" class="delete-btn" icon="el-icon-delete" @click.native.stop="deleteBefore(scope.row) " v-if="scope.row.parentId == '0'">
|
|
删除
|
|
</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</vue-scroll>
|
|
<el-pagination class="pagerBox" style="position: absolute; top: 85%; left: 40%" @size-change="SizeChange" @current-change="CurrentChange" :current-page="pagInfo.pageNo" :page-sizes="$store.state.PAGESIZRS" :page-size="pagInfo. pageSize" layout="total, sizes, prev, pager, next" :total="Number(pagInfo.total)" background></el-pagination>
|
|
</div>
|
|
<!-- '新增父子级工程弹框' -->
|
|
<el-dialog :modal-append-to-body="false" :title="title" :visible.sync="dialogVisible" width="667px" @close="close">
|
|
<!-- <div class="dialog_content">
|
|
<el-form ref="addEditForm" label-width="145px" size="medium" class="dialogFormBox" :rules="addEditRules" :model="workerInfo">
|
|
<el-form-item label="工序名称" prop="processName" v-if="dialogType == 3">
|
|
<el-input v-model="parentTaskName" placeholder="请输入" :disabled="dialogType == 3 || title == '详情'"></el-input>
|
|
</el-form-item>
|
|
</el-form>
|
|
</div> -->
|
|
<div class="dialog_content">
|
|
<el-form ref="addEditForm" label-width="145px" size="medium" class="dialogFormBox" :rules="addEditRules" :model="workerInfo">
|
|
<el-form-item label="科目类别" prop="processName">
|
|
<el-input v-model="parentTaskName" placeholder="请输入" :disabled="dialogType == 3 || title == '详情'"></el-input>
|
|
</el-form-item>
|
|
</el-form>
|
|
</div>
|
|
<div class="dialog-footer">
|
|
<el-button class="cancleBtn" @click="handleCancel" icon="el-icon-circle-close" size="medium">取消
|
|
</el-button>
|
|
<el-button v-if="title != '详情'" type="primary" icon="el-icon-circle-check" @click="submitBtn" size="medium">确定
|
|
</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import {
|
|
rtRiskInventoryTypeAdd,
|
|
rtRiskInventoryTypeEdit,
|
|
rtRiskInventoryTypeDelete,
|
|
rtRiskInventoryTypePage,
|
|
} from '@/assets/js/api/examSystem/subjectManagement'
|
|
|
|
// import { getCrewListDataApi } from '@/assets/js/api/dailyCheck'
|
|
export default {
|
|
mounted() {},
|
|
data() {
|
|
return {
|
|
listData1: [
|
|
{
|
|
id: '1',
|
|
subjectName: '科目名称1',
|
|
parentId: '0',
|
|
children: [
|
|
{ id: '4', subjectName: '子科目名称1', parentId: '1' },
|
|
{ id: '5', subjectName: '子科目名称2', parentId: '1' },
|
|
],
|
|
},
|
|
{
|
|
id: '2',
|
|
subjectName: '科目名称2',
|
|
parentId: '0',
|
|
children: [
|
|
{ id: '6', subjectName: '子科目名称1', parentId: '2' },
|
|
{ id: '7', subjectName: '子科目名称2', parentId: '2' },
|
|
],
|
|
},
|
|
{
|
|
id: '3',
|
|
subjectName: '科目名称3',
|
|
parentId: '0',
|
|
children: [
|
|
{ id: '8', subjectName: '子科目名称1', parentId: '3' },
|
|
{ id: '9', subjectName: '子科目名称2', parentId: '3' },
|
|
],
|
|
},
|
|
],
|
|
fullscreenLoading: false,
|
|
rowData: {},
|
|
parentTaskName: '', // 用于存储父级processName
|
|
options: [
|
|
{
|
|
label: '未开始',
|
|
value: 0,
|
|
},
|
|
{
|
|
label: '进行中',
|
|
value: 1,
|
|
},
|
|
{
|
|
label: '已完成',
|
|
value: 2,
|
|
},
|
|
// {
|
|
// label: '已逾期',
|
|
// value: 3
|
|
// },
|
|
],
|
|
pagInfo: {
|
|
pageNo: 1, //页数
|
|
pageSize: 10, //条数
|
|
total: 0, //总条数
|
|
},
|
|
radio: 1,
|
|
uploadShow: false, //导入弹框
|
|
dialogType: 1,
|
|
title: '',
|
|
daterange: [],
|
|
fileList: [], //上传文件
|
|
downUrl: '', //下载文件地址
|
|
projectSn: '',
|
|
createUserId: '',
|
|
listData: [],
|
|
uploadUrl: '',
|
|
fileUrl: '',
|
|
dialogVisible: false, //新增弹窗
|
|
workerInfo: {
|
|
code: '',
|
|
keyFactorsInRiskControl: '',
|
|
level: 0,
|
|
name: '',
|
|
parentId: 0,
|
|
precaution: '',
|
|
processName: '',
|
|
projectSn: '',
|
|
riskAssessmentValueD: '',
|
|
riskLevel: '',
|
|
riskPossibleConsequence: '',
|
|
},
|
|
subjectInfo: {
|
|
subjectName: '',
|
|
parentId: '0'
|
|
},
|
|
principalLsit: [], //负责人
|
|
seedId: '',
|
|
showTime: false, //工期
|
|
queryInfo: {
|
|
code: '',
|
|
},
|
|
type: 'add',
|
|
addEditRules: {
|
|
subjectName: [
|
|
{
|
|
required: true,
|
|
message: this.$t('message.personnelPosition.required'),
|
|
trigger: 'blur',
|
|
},
|
|
],
|
|
},
|
|
dialogImageUrl: '',
|
|
showBigImg: false,
|
|
times: '',
|
|
// 时间限制
|
|
pickerOptions: {
|
|
// 对象
|
|
disabledDate: (time) => {
|
|
let nowData = this.times
|
|
nowData = new Date(nowData.setDate(nowData.getDate() - 1))
|
|
return time > nowData
|
|
// return time.getTime() < Date.now()- 1 * 24 * 3600 * 1000;
|
|
},
|
|
},
|
|
fileName: '',
|
|
}
|
|
},
|
|
computed: {
|
|
headers() {
|
|
return { Authorization: this.$store.state.userInfo.token }
|
|
},
|
|
dateAfter() {
|
|
// 动态起始时间
|
|
const startTimestamp = Date.now() * 1 - 24 * 60 * 60 * 1000
|
|
const endTimestamp =
|
|
Date.parse(this.workerInfo.finishDate) * 1 - 24 * 60 * 60 * 1000
|
|
return {
|
|
disabledDate(time) {
|
|
const timestamp = time.getTime()
|
|
if (endTimestamp) {
|
|
if (timestamp >= startTimestamp && timestamp <= endTimestamp) {
|
|
return false
|
|
} else {
|
|
return true
|
|
}
|
|
} else {
|
|
return timestamp <= startTimestamp
|
|
}
|
|
},
|
|
}
|
|
},
|
|
dateBefore() {
|
|
// 动态起始时间
|
|
// const startTimestamp = Date.parse(this.workerInfo.startDate)
|
|
const specifiedDate = new Date(this.workerInfo.startDate) // 指定的日期
|
|
const prevDay = new Date(specifiedDate) // 创建一个新的 Date 对象，使用同样的日期
|
|
prevDay.setDate(specifiedDate.getDate() - 1) // 将日期设置为前一天的日期
|
|
|
|
const lastTime = prevDay.getTime() // 获取前一天的时间戳
|
|
// const startTimestamp = new Date(this.workerInfo.startDate)
|
|
return {
|
|
disabledDate(time) {
|
|
const timestamp = time.getTime()
|
|
if (timestamp > lastTime) {
|
|
// console.log("计划结束时间",startTimestamp,timestamp)
|
|
return false
|
|
}
|
|
return true
|
|
},
|
|
}
|
|
},
|
|
actualDateBefore() {
|
|
// 动态起始时间
|
|
// const startTimestamp = Date.parse(this.workerInfo.startDate)
|
|
const specifiedDate = new Date(this.workerInfo.actualStartDate) // 指定的日期
|
|
const prevDay = new Date(specifiedDate) // 创建一个新的 Date 对象，使用同样的日期
|
|
prevDay.setDate(specifiedDate.getDate() - 1) // 将日期设置为前一天的日期
|
|
|
|
const lastTime = prevDay.getTime() // 获取前一天的时间戳
|
|
// const startTimestamp = new Date(this.workerInfo.startDate)
|
|
return {
|
|
disabledDate(time) {
|
|
const timestamp = time.getTime()
|
|
if (timestamp > lastTime) {
|
|
// console.log("计划结束时间",startTimestamp,timestamp)
|
|
return false
|
|
}
|
|
return true
|
|
},
|
|
}
|
|
},
|
|
},
|
|
|
|
created() {
|
|
this.projectSn = this.$store.state.projectSn
|
|
this.createUserId = this.$store.state.userInfo.userId
|
|
this.uploadUrl = this.$store.state.UPLOADURL
|
|
this.fileUrl = this.$store.state.FILEURL
|
|
this.downUrl =
|
|
this.$http.defaults.baseURL + 'xmgl/progressTask/downloadTemplate'
|
|
this.getProgressListData()
|
|
// this.getCrewListData()
|
|
console.log('👇')
|
|
console.log(this.listData1)
|
|
console.log(this.listData1[0].children)
|
|
console.log(new Date().getTime())
|
|
},
|
|
methods: {
|
|
handleCancel(){
|
|
this.dialogVisible = false
|
|
this.clearObj()
|
|
},
|
|
clearObj(){
|
|
this.subjectInfo.subjectName = ''
|
|
this.subjectInfo.parentId = '0'
|
|
},
|
|
//导入确定提交
|
|
handleUploadConfirm() {
|
|
if (this.fileName == '') {
|
|
this.$message.warning('请先上传文件')
|
|
return
|
|
} else {
|
|
this.uploadShow = false
|
|
this.$message.success('操作成功')
|
|
this.getProgressListData()
|
|
}
|
|
},
|
|
handleRadioChange(val) {
|
|
this.radio = val
|
|
},
|
|
//获取列表数据
|
|
getProgressListData() {
|
|
let data = {
|
|
projectSn: this.projectSn,
|
|
pageNo: this.pagInfo.pageNo,
|
|
pageSize: this.pagInfo.pageSize,
|
|
code: this.queryInfo.code,
|
|
// processName: this.queryInfo.processName,
|
|
// status: this.queryInfo.status,
|
|
// actualFinishDate_begin: this.queryInfo.actualStartDate,
|
|
// actualFinishDate_end: this.queryInfo.actualFinishDate
|
|
}
|
|
rtRiskInventoryTypePage(data).then((res) => {
|
|
if (res.code == 200) {
|
|
this.listData = res.result.records
|
|
this.pagInfo.total = res.result.total
|
|
}
|
|
})
|
|
},
|
|
//获取选中作业类型、工序及部位
|
|
// getCrewListData() {
|
|
// let data = {
|
|
// projectSn: this.projectSn
|
|
// }
|
|
// getWorkTickDetailText(data).then(res => {
|
|
// if (res.code == 200) {
|
|
// this.principalLsit = res.result
|
|
// console.log('获取负责人下拉', this.principalLsit)
|
|
// } else {
|
|
// this.$message.error(res.message)
|
|
// }
|
|
// })
|
|
// },
|
|
//新增
|
|
addBefore(addType, value) {
|
|
if (addType == 1) {
|
|
this.title = '新增科目类别'
|
|
this.dialogType = 1
|
|
} else {
|
|
console.log('新增子科目类别', value)
|
|
this.title = '新增子科目类别'
|
|
this.dialogType = 3
|
|
// this.workerInfo.parentId = value.id
|
|
// this.parentTaskName = value.processName
|
|
}
|
|
this.dialogVisible = true
|
|
},
|
|
// 编辑按钮
|
|
editBefore(val) {
|
|
this.dialogType = 2
|
|
this.title = '编辑分项'
|
|
console.log('当前点击的行', val)
|
|
this.workerInfo = JSON.parse(JSON.stringify(val))
|
|
this.workerInfo.id = val.id
|
|
this.workerInfo.status = val.status
|
|
this.dialogVisible = true
|
|
},
|
|
//编辑
|
|
submitBtn() {
|
|
this.$refs.addEditForm.validate((valid) => {
|
|
if (valid) {
|
|
let data = JSON.parse(JSON.stringify(this.workerInfo))
|
|
data.projectSn = this.$store.state.projectSn
|
|
if (this.dialogType == 1) {
|
|
rtRiskInventoryTypeAdd(data).then((res) => {
|
|
if (res.code == 200) {
|
|
this.$message.success(res.message)
|
|
this.dialogVisible = false
|
|
this.getProgressListData()
|
|
}
|
|
})
|
|
} else if (this.dialogType == 2) {
|
|
data.id = this.workerInfo.id
|
|
rtRiskInventoryTypeEdit(data).then((res) => {
|
|
if (res.code == 200) {
|
|
this.$message.success(res.message)
|
|
this.dialogVisible = false
|
|
this.getProgressListData()
|
|
}
|
|
})
|
|
} else if (this.dialogType == 3) {
|
|
data.parentId = this.workerInfo.parentId
|
|
data.level = 2
|
|
rtRiskInventoryTypeAdd(data).then((res) => {
|
|
if (res.code == 200) {
|
|
this.$message.success(res.message)
|
|
this.dialogVisible = false
|
|
this.getProgressListData()
|
|
}
|
|
})
|
|
}
|
|
} else {
|
|
return false
|
|
}
|
|
})
|
|
},
|
|
//删除
|
|
deleteBefore(value) {
|
|
this.$confirm(
|
|
this.$t('message.quality.deleteHint'),
|
|
this.$t('message.quality.hint'),
|
|
{
|
|
confirmButtonText: this.$t('message.quality.confirm'),
|
|
cancelButtonText: this.$t('message.quality.cancel'),
|
|
type: 'warning',
|
|
}
|
|
)
|
|
.then(() => {
|
|
let data = {
|
|
id: value.id,
|
|
}
|
|
rtRiskInventoryTypeDelete(data).then((res) => {
|
|
if (res.code == 200) {
|
|
this.$message({
|
|
type: 'success',
|
|
message: this.$t('message.quality.successfullyDelete') + '!',
|
|
})
|
|
this.getProgressListData()
|
|
}
|
|
})
|
|
})
|
|
.catch(() => {})
|
|
},
|
|
close() {
|
|
this.workerInfo = {}
|
|
this.workerInfo.parentId = 0
|
|
this.$nextTick(() => {
|
|
this.$refs.addEditForm.clearValidate()
|
|
})
|
|
},
|
|
close2() {
|
|
this.fileName = ''
|
|
this.radio = 1
|
|
},
|
|
//刷新
|
|
refreshBtn() {
|
|
this.daterange = []
|
|
this.pagInfo.pageNo = 1
|
|
this.pagInfo.pageSize = 10
|
|
this.queryInfo = {
|
|
status: '',
|
|
actualStartDate: '',
|
|
actualFinishDate: '',
|
|
processName: '',
|
|
}
|
|
this.getProgressListData()
|
|
},
|
|
SizeChange(val) {
|
|
this.pagInfo.pageSize = val
|
|
this.getProgressListData()
|
|
},
|
|
CurrentChange(val) {
|
|
this.pagInfo.pageNo = val
|
|
this.getProgressListData()
|
|
},
|
|
//---------------
|
|
// 点击行查看详情
|
|
showDetail(val) {
|
|
this.dialogType = 2
|
|
this.title = '详情'
|
|
console.log('当前点击的行', val)
|
|
this.workerInfo = JSON.parse(JSON.stringify(val))
|
|
this.workerInfo.id = val.id
|
|
this.workerInfo.status = val.status
|
|
this.dialogVisible = true
|
|
},
|
|
//关闭详请组件
|
|
closeDetailFn(val) {
|
|
this.type = val
|
|
this.getProgressListData()
|
|
},
|
|
changeDate() {
|
|
if (this.daterange) {
|
|
this.queryInfo.actualStartDate = this.daterange[0]
|
|
this.queryInfo.actualFinishDate = this.daterange[1]
|
|
} else {
|
|
this.queryInfo.actualStartDate = ''
|
|
this.queryInfo.actualFinishDate = ''
|
|
}
|
|
},
|
|
validateInput() {
|
|
let value = parseInt(this.workerInfo.progressRatio, 10)
|
|
if (
|
|
isNaN(value) ||
|
|
value < 0 ||
|
|
value > 100 ||
|
|
Math.floor(value) !== value
|
|
) {
|
|
this.workerInfo.progressRatio = ''
|
|
}
|
|
},
|
|
time1(val) {
|
|
console.log('开始时间', val)
|
|
this.times = val
|
|
},
|
|
time2(val) {
|
|
console.log('结束时间', val)
|
|
},
|
|
// 下载模板
|
|
handleSuccess(res, file) {
|
|
console.log(res)
|
|
this.$refs.upload.clearFiles()
|
|
this.fullscreenLoading = false
|
|
if (res.code == 200 || res.code == 0) {
|
|
this.$message.success(
|
|
this.$t('message.safeMangeCheck.toLeadSuccess') + '!'
|
|
)
|
|
this.getProgressListData()
|
|
} else {
|
|
this.$message.error(this.$t('message.safeMangeCheck.toLeadFail') + '!')
|
|
}
|
|
},
|
|
beforeAvatarUpload() {
|
|
this.fullscreenLoading = true
|
|
},
|
|
downloadFn() {
|
|
fetch(
|
|
this.$http.defaults.baseURL +
|
|
'xmgl/rtRiskInventoryType/downloadExcelTemplate',
|
|
{
|
|
headers: {
|
|
Authorization: this.$store.state.userInfo.token,
|
|
},
|
|
}
|
|
)
|
|
.then((response) => {
|
|
// 处理响应
|
|
if (!response.ok) {
|
|
throw new Error('导出失败')
|
|
}
|
|
return response.blob()
|
|
})
|
|
.then((blob) => {
|
|
console.log('导出成功')
|
|
// 创建一个下载链接
|
|
const url = window.URL.createObjectURL(blob)
|
|
// 创建一个<a>元素
|
|
const link = document.createElement('a')
|
|
link.href = url
|
|
link.download = '风险清册导入模板.xlsx' // 指定下载文件的文件名
|
|
// 模拟点击下载链接
|
|
document.body.appendChild(link)
|
|
link.click()
|
|
document.body.removeChild(link)
|
|
// 释放URL对象
|
|
window.URL.revokeObjectURL(url)
|
|
// 处理导出的文件
|
|
// 这里可以使用blob对象来获取导出的文件内容或者将其保存到本地
|
|
})
|
|
.catch((error) => {
|
|
// 处理错误
|
|
console.error(error)
|
|
})
|
|
},
|
|
//
|
|
beforeUpload(file) {
|
|
console.log('=========', file)
|
|
this.fileName = file.name
|
|
},
|
|
// 上传mpp文件触发
|
|
handleImportChange(file, fileList) {
|
|
console.log('=[====]')
|
|
// console.log((file, fileList))
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
<style lang="less" scoped>
|
|
.down {
|
|
text-decoration: none;
|
|
color: #fff;
|
|
}
|
|
.expintBtn {
|
|
display: inline-block !important;
|
|
margin-right: 10px;
|
|
}
|
|
.table_wrap {
|
|
height: 800px;
|
|
overflow: auto;
|
|
}
|
|
.delete-btn {
|
|
color: #fe6565;
|
|
}
|
|
.dialogUplod {
|
|
height: 100px;
|
|
margin-left: 70px;
|
|
margin-top: 40px;
|
|
div {
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
.name-wrapper {
|
|
text-overflow: -o-ellipsis-lastline;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
</style>
|
|
|