723 lines
30 KiB
Vue
723 lines
30 KiB
Vue
|
<template>
|
|||
|
|
<div class="devfiling">
|
|||
|
|
<div class="search-wrap">
|
|||
|
|
<!-- <el-select v-model="devSn" style="width: 156px;margin-right: 15px" size="small" placeholder="设备名称">
|
|||
|
|
<el-option
|
|||
|
|
v-for="item in options"
|
|||
|
|
:key="item.value"
|
|||
|
|
:label="item.label"
|
|||
|
|
:value="item.value">
|
|||
|
|
</el-option>
|
|||
|
|
</el-select> -->
|
|||
|
|
<!-- <el-button type="primary" size="small" @click="selectSchemeRecord">查询</el-button> -->
|
|||
|
|
<el-button type="primary" size="small" icon="el-icon-plus" @click="showDialog = true">新增</el-button>
|
|||
|
|
</div>
|
|||
|
|
<div class="devfilling-table-wrap">
|
|||
|
|
<el-table
|
|||
|
|
class="tables"
|
|||
|
|
:data="tableData"
|
|||
|
|
height="400"
|
|||
|
|
style="width: 100%;">
|
|||
|
|
|
|||
|
|
<el-table-column prop="monitorUser" label="监控人员" align="center">
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column prop="monitorAddr" label="监控地点" align="center">
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column prop="monitorContent" label="监控内容" align="center">
|
|||
|
|
</el-table-column>
|
|||
|
|
<!-- <el-table-column prop="safeProtectPrepare" label="安全防护用品准备情况" align="center">
|
|||
|
|
</el-table-column> -->
|
|||
|
|
<el-table-column prop="taskStartTime" label="作业开始时间" align="center">
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column prop="taskEndTime" label="作业结束时间" align="center">
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column prop="taskProcess" label="作业过程" align="center">
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column prop="addTime" label="添加时间" align="center">
|
|||
|
|
</el-table-column>
|
|||
|
|
|
|||
|
|
<el-table-column width="200" label="操作">
|
|||
|
|
<template slot-scope="scope">
|
|||
|
|
<el-button
|
|||
|
|
type="text"
|
|||
|
|
size="mini"
|
|||
|
|
class="primary-btn"
|
|||
|
|
icon="el-icon-document"
|
|||
|
|
@click="previewData(scope.row)"
|
|||
|
|
>详细</el-button>
|
|||
|
|
<el-button
|
|||
|
|
type="text"
|
|||
|
|
size="mini"
|
|||
|
|
class="primary-btn"
|
|||
|
|
icon="el-icon-edit-outline"
|
|||
|
|
@click="editData(scope.row)"
|
|||
|
|
>编辑</el-button>
|
|||
|
|
<el-button
|
|||
|
|
size="mini"
|
|||
|
|
type="text"
|
|||
|
|
class="delete-btn"
|
|||
|
|
icon="el-icon-delete"
|
|||
|
|
@click="deleteData(scope.row)"
|
|||
|
|
>删除</el-button>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
</el-table>
|
|||
|
|
<el-pagination
|
|||
|
|
class="pagerBox"
|
|||
|
|
@size-change="handleSizeChange"
|
|||
|
|
@current-change="handleCurrentChange"
|
|||
|
|
:current-page="pageNo"
|
|||
|
|
:page-sizes="$store.state.PAGESIZRS"
|
|||
|
|
:page-size="pageSize"
|
|||
|
|
layout="total, sizes, prev, pager, next"
|
|||
|
|
:total="total"
|
|||
|
|
background
|
|||
|
|
></el-pagination>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<formDialog v-if="showDialog" :title="dialogTitle" @closeDialog="closeDialog">
|
|||
|
|
<div slot="content" class="dialog-content">
|
|||
|
|
<vue-scroll style="width: 100%;height: 620px; padding-bottom: 30px;">
|
|||
|
|
<el-form
|
|||
|
|
ref="addForm"
|
|||
|
|
class="dialog-form"
|
|||
|
|
label-position="right"
|
|||
|
|
label-width="168px"
|
|||
|
|
:model="formData"
|
|||
|
|
:rules="rules"
|
|||
|
|
size="medium">
|
|||
|
|
|
|||
|
|
<el-form-item label="监控人员" prop="monitorUser" required>
|
|||
|
|
<el-input :disabled="isDisabled" placeholder="请输入监控人员" v-model="formData.monitorUser"></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="监控内容" prop="monitorContent" required>
|
|||
|
|
<el-input :disabled="isDisabled" placeholder="请输入监控内容" v-model="formData.monitorContent"></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="监控地点" prop="monitorAddr" required>
|
|||
|
|
<el-input :disabled="isDisabled" placeholder="请输入监控地点" v-model="formData.monitorAddr"></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="辅助人员列表">
|
|||
|
|
<el-button v-if="!isDisabled" size="small" type="primary" @click="showInnerDialog(2)">添加</el-button>
|
|||
|
|
</el-form-item>
|
|||
|
|
<div class="form-table">
|
|||
|
|
<el-table
|
|||
|
|
class="tables"
|
|||
|
|
:data="formData.auxiliaryList"
|
|||
|
|
height="180"
|
|||
|
|
style="width: 100%;">
|
|||
|
|
<el-table-column prop="operatorName" label="姓名" align="center">
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column prop="workTypeName" label="工种" align="center">
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column prop="sex" label="性别" align="center">
|
|||
|
|
</el-table-column>
|
|||
|
|
<!-- <el-table-column prop="type" label="人员类型" align="center">
|
|||
|
|
</el-table-column> -->
|
|||
|
|
<el-table-column prop="alidityTime" label="证件有效期" align="center">
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column label="操作" v-if="!isDisabled">
|
|||
|
|
<template slot-scope="scope">
|
|||
|
|
<el-button
|
|||
|
|
size="mini"
|
|||
|
|
type="text"
|
|||
|
|
class="delete-btn"
|
|||
|
|
icon="el-icon-delete"
|
|||
|
|
@click="deletePeople(scope)"
|
|||
|
|
>删除</el-button>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
</el-table>
|
|||
|
|
</div>
|
|||
|
|
<el-form-item label="安全防护用品准备情况" prop="safeProtectPrepare" required>
|
|||
|
|
<el-input :disabled="isDisabled" placeholder="请输入安全防护用品准备情况" v-model="formData.safeProtectPrepare"></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="作业过程" prop="taskProcess" required>
|
|||
|
|
<el-input :disabled="isDisabled" placeholder="请输入作业过程" v-model="formData.taskProcess"></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="作业开始时间" prop="taskStartTime" required>
|
|||
|
|
<el-date-picker
|
|||
|
|
value-format="yyyy-MM-dd"
|
|||
|
|
:disabled="isDisabled"
|
|||
|
|
:picker-options="pickerOptions"
|
|||
|
|
v-model="formData.taskStartTime"
|
|||
|
|
type="date"
|
|||
|
|
placeholder="选择日期时间"
|
|||
|
|
style="width: 100%"
|
|||
|
|
>
|
|||
|
|
</el-date-picker>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="作业结束时间" prop="taskEndTime" required>
|
|||
|
|
<el-date-picker
|
|||
|
|
value-format="yyyy-MM-dd"
|
|||
|
|
:disabled="isDisabled"
|
|||
|
|
:picker-options="pickerOptions"
|
|||
|
|
v-model="formData.taskEndTime"
|
|||
|
|
type="date"
|
|||
|
|
placeholder="选择日期时间"
|
|||
|
|
style="width: 100%"
|
|||
|
|
>
|
|||
|
|
</el-date-picker>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="作业人员列表">
|
|||
|
|
<el-button v-if="!isDisabled" size="small" type="primary" @click="showInnerDialog(1)">添加</el-button>
|
|||
|
|
</el-form-item>
|
|||
|
|
<div class="form-table">
|
|||
|
|
<el-table
|
|||
|
|
class="tables"
|
|||
|
|
:data="formData.operatorList"
|
|||
|
|
height="180"
|
|||
|
|
style="width: 100%;">
|
|||
|
|
<el-table-column prop="operatorName" label="姓名" align="center">
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column prop="sex" label="性别" align="center">
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column prop="workTypeName" label="工种" align="center">
|
|||
|
|
</el-table-column>
|
|||
|
|
<!-- <el-table-column prop="type" label="人员类型" align="center">
|
|||
|
|
</el-table-column> -->
|
|||
|
|
<el-table-column prop="alidityTime" label="证件有效期" align="center">
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column label="操作" v-if="!isDisabled">
|
|||
|
|
<template slot-scope="scope">
|
|||
|
|
<el-button
|
|||
|
|
size="mini"
|
|||
|
|
type="text"
|
|||
|
|
class="delete-btn"
|
|||
|
|
icon="el-icon-delete"
|
|||
|
|
@click="deletePeople(scope)"
|
|||
|
|
>删除</el-button>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
</el-table>
|
|||
|
|
</div>
|
|||
|
|
<el-form-item label="实施方案符合性" prop="implementPlan" required>
|
|||
|
|
<el-input type="textarea" :disabled="isDisabled" resize="none" :rows="6" v-model="formData.implementPlan"></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-form>
|
|||
|
|
<el-dialog
|
|||
|
|
:class="{'dark-dialog': styleType == 2}"
|
|||
|
|
width="40%"
|
|||
|
|
title="新增人员"
|
|||
|
|
class="inner-dialog"
|
|||
|
|
:close-on-click-modal="false"
|
|||
|
|
@close="closeInnerDialog"
|
|||
|
|
:visible.sync="innerVisible"
|
|||
|
|
append-to-body>
|
|||
|
|
<div class="add-form">
|
|||
|
|
<el-form
|
|||
|
|
ref="addPeopleForm"
|
|||
|
|
class="dialog-form"
|
|||
|
|
label-position="right"
|
|||
|
|
label-width="140px"
|
|||
|
|
:model="peopleList"
|
|||
|
|
:rules="rules2"
|
|||
|
|
size="medium">
|
|||
|
|
|
|||
|
|
<el-form-item label="姓名" prop="operatorName" required>
|
|||
|
|
<el-input placeholder="请输入姓名" v-model="peopleList.operatorName"></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="性别" prop="sex" required>
|
|||
|
|
<el-radio-group v-model="peopleList.sex">
|
|||
|
|
<el-radio label="男"></el-radio>
|
|||
|
|
<el-radio label="女"></el-radio>
|
|||
|
|
</el-radio-group>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="工种" prop="workTypeName" required>
|
|||
|
|
<el-input placeholder="请输入工种" v-model="peopleList.workTypeName"></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="证件有效期" prop="alidityTime" required>
|
|||
|
|
<el-date-picker
|
|||
|
|
value-format="yyyy-MM-dd"
|
|||
|
|
v-model="peopleList.alidityTime"
|
|||
|
|
type="date"
|
|||
|
|
placeholder="请选择证件有效期"
|
|||
|
|
style="width: 100%"
|
|||
|
|
>
|
|||
|
|
</el-date-picker>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="证件文件" prop="certificateFile">
|
|||
|
|
<el-upload
|
|||
|
|
class="upload-demo"
|
|||
|
|
:action="$store.state.UPLOADURL"
|
|||
|
|
multiple
|
|||
|
|
name="files"
|
|||
|
|
:show-file-list="false"
|
|||
|
|
:before-upload="handleBeforeUpload"
|
|||
|
|
:on-success="(res)=>handleUploadSuccess(res)"
|
|||
|
|
:file-list="peopleList.fileList">
|
|||
|
|
<el-button size="small" type="primary" :class="{'dark-upImg': styleType == 2}"><i class="el-icon-picture-outline"></i></el-button>
|
|||
|
|
<div slot="tip" class="el-upload__tip" :class="{'dark-tip': styleType == 2}">支持jpg，png，jpeg格式</div>
|
|||
|
|
</el-upload>
|
|||
|
|
<div class="file-list">
|
|||
|
|
<div class="file-item" v-for="(item,index) in peopleList.fileList" :key="index">
|
|||
|
|
<img :src="$store.state.FILEURL+item.url"/>
|
|||
|
|
<i class="el-icon-error" :class="{'dark-close': styleType == 2}" @click="removeImg(index)"></i>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-form>
|
|||
|
|
<div class="btn-box">
|
|||
|
|
<el-button class="cancle-btn cancleBtn" size="small" icon="el-icon-circle-close" @click="closeInnerDialog">取消</el-button>
|
|||
|
|
<el-button type="primary" icon="el-icon-circle-check" size="small" @click="addPeople">确定</el-button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</el-dialog>
|
|||
|
|
</vue-scroll>
|
|||
|
|
<div class="btn-box" v-if="!isDisabled">
|
|||
|
|
<el-button class="cancle-btn cancleBtn" size="small" icon="el-icon-circle-close" @click="closeDialog">取消</el-button>
|
|||
|
|
<el-button type="primary" icon="el-icon-circle-check" size="small" @click="submitForm">确定</el-button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</formDialog>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {
|
|||
|
|
selectSuperviseSideStationApi,
|
|||
|
|
selectByIdSuperviseSideStationApi,
|
|||
|
|
editSuperviseSideStationApi,
|
|||
|
|
addSuperviseSideStationApi,
|
|||
|
|
deleteSuperviseSideStationApi,
|
|||
|
|
} from "@/assets/js/api/towerCrane";
|
|||
|
|
import formDialog from './../../projectLevel/workstation/compontents/formDialog.vue'
|
|||
|
|
export default {
|
|||
|
|
components: {
|
|||
|
|
formDialog
|
|||
|
|
},
|
|||
|
|
props:['registerId','devType'],
|
|||
|
|
data(){
|
|||
|
|
return {
|
|||
|
|
peopleList:{
|
|||
|
|
alidityTime: "",
|
|||
|
|
certificateFile: "",
|
|||
|
|
operatorName: "",
|
|||
|
|
sex: "男",
|
|||
|
|
workTypeName: "",
|
|||
|
|
fileList:[]
|
|||
|
|
},
|
|||
|
|
devSn: "",
|
|||
|
|
innerVisible: false,
|
|||
|
|
tableData: [],
|
|||
|
|
projectSn: "",
|
|||
|
|
pageNo: 1,
|
|||
|
|
pageSize: 10,
|
|||
|
|
total: 0,
|
|||
|
|
pickerOptions: {
|
|||
|
|
disabledDate(time) {
|
|||
|
|
return time.getTime() < Date.now() - 8.64e7;
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
showDialog: false,
|
|||
|
|
dialogTitle: "新增监督旁站",
|
|||
|
|
formData:{
|
|||
|
|
auxiliaryList:[],
|
|||
|
|
implementPlan: "",
|
|||
|
|
monitorAddr: "",
|
|||
|
|
monitorContent: "",
|
|||
|
|
monitorUser: "",
|
|||
|
|
operatorList: [],
|
|||
|
|
safeProtectPrepare: "",
|
|||
|
|
taskEndTime: "",
|
|||
|
|
taskProcess: "",
|
|||
|
|
taskStartTime: ""
|
|||
|
|
},
|
|||
|
|
rules: {
|
|||
|
|
implementPlan: [{ required: true,message: "请输入实施方案符合性",trigger: "blur" },
|
|||
|
|
{ required: true,message: "请输入实施方案符合性",trigger: "change" }],
|
|||
|
|
monitorAddr: [{ required: true,message: "请输入监控地点",trigger: "blur" },
|
|||
|
|
{ required: true,message: "请输入监控地点",trigger: "change" }],
|
|||
|
|
monitorContent: [{ required: true,message: "请输入监控内容",trigger: "blur" },
|
|||
|
|
{ required: true,message: "请输入监控内容",trigger: "change" }],
|
|||
|
|
monitorUser: [{ required: true,message: "请输入监控人员",trigger: "blur" },
|
|||
|
|
{ required: true,message: "请输入监控人员",trigger: "change" }],
|
|||
|
|
safeProtectPrepare: [{ required: true,message: "请输入安全防护用品准备情况",trigger: "blur" },
|
|||
|
|
{ required: true,message: "请输入安全防护用品准备情况",trigger: "change" }],
|
|||
|
|
taskProcess: [{ required: true,message: "请输入作业过程",trigger: "blur" },
|
|||
|
|
{ required: true,message: "请输入作业过程",trigger: "change" }],
|
|||
|
|
taskStartTime: [{ type: 'string',required: true,message: "请选择作业开始时间",trigger: "blur" },
|
|||
|
|
{ type: 'string',required: true,message: "请选择作业开始时间",trigger: "change" }],
|
|||
|
|
taskEndTime: [{ type: 'string',required: true,message: "请选择作业结束时间",trigger: "blur" },
|
|||
|
|
{ type: 'string',required: true,message: "请选择作业结束时间",trigger: "change" }]
|
|||
|
|
},
|
|||
|
|
rules2: {
|
|||
|
|
workTypeName: [{ required: true,message: "请输入工种",trigger: "blur" },
|
|||
|
|
{ required: true,message: "请输入工种",trigger: "change" }],
|
|||
|
|
operatorName: [{ required: true,message: "请输入姓名",trigger: "blur" },
|
|||
|
|
{ required: true,message: "请输入姓名",trigger: "change" }],
|
|||
|
|
alidityTime: [{ type: 'string',required: true,message: "请选择证件有效期",trigger: "blur" },
|
|||
|
|
{ type: 'string',required: true,message: "请选择证件有效期",trigger: "change" }]
|
|||
|
|
},
|
|||
|
|
isDisabled: false,
|
|||
|
|
formType: 1, //1、新增 2、编辑
|
|||
|
|
styleType: 1
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
created(){
|
|||
|
|
this.projectSn = this.$store.state.projectSn;
|
|||
|
|
this.userId = this.$store.state.userInfo.userId
|
|||
|
|
this.selectSuperviseSideStation()
|
|||
|
|
this.styleType = this.$store.state.userInfo.styleType
|
|||
|
|
console.log(this.registerId)
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
addPeople(){
|
|||
|
|
this.$refs['addPeopleForm'].validate((valid) => {
|
|||
|
|
if(valid){
|
|||
|
|
let data = this.peopleList
|
|||
|
|
if(data.fileList&&data.fileList.length>0){
|
|||
|
|
data.certificateFile = ""
|
|||
|
|
let arr = []
|
|||
|
|
data.fileList.forEach(item=>{
|
|||
|
|
arr.push(item.url)
|
|||
|
|
})
|
|||
|
|
data.certificateFile = arr.join(',')
|
|||
|
|
} else {
|
|||
|
|
this.$message.error("请上传证件文件！")
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
console.log(data, this.formData)
|
|||
|
|
if(data.type == 2){
|
|||
|
|
this.formData.auxiliaryList.push(data)
|
|||
|
|
} else if(data.type == 1){
|
|||
|
|
this.formData.operatorList.push(data)
|
|||
|
|
}
|
|||
|
|
this.closeInnerDialog()
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
handleBeforeUpload(file){
|
|||
|
|
console.log(file.type)
|
|||
|
|
if(file.type == "image/png" || file.type == "image/jpg" || file.type == "image/jpeg"){
|
|||
|
|
return true;
|
|||
|
|
} else {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
handleUploadSuccess(res){
|
|||
|
|
console.log(this.peopleList)
|
|||
|
|
if(res.status = "SUCCESS"){
|
|||
|
|
if(!this.peopleList.fileList){
|
|||
|
|
this.peopleList.fileList = []
|
|||
|
|
}
|
|||
|
|
this.peopleList.fileList.push({
|
|||
|
|
name: res.data[0].filename,
|
|||
|
|
url: res.data[0].imageUrl
|
|||
|
|
})
|
|||
|
|
this.$forceUpdate()
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
removeImg(id){
|
|||
|
|
this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
|
|||
|
|
confirmButtonText: '确定',
|
|||
|
|
cancelButtonText: '取消',
|
|||
|
|
type: 'warning'
|
|||
|
|
}).then(() => {
|
|||
|
|
// console.log(this.facilityForm.installImg)
|
|||
|
|
this.peopleList.fileList.splice(id,1)
|
|||
|
|
this.$forceUpdate()
|
|||
|
|
this.$message({
|
|||
|
|
type: 'success',
|
|||
|
|
message: '删除成功!'
|
|||
|
|
});
|
|||
|
|
}).catch(() => {
|
|||
|
|
this.$message({
|
|||
|
|
type: 'info',
|
|||
|
|
message: '已取消删除'
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
closeInnerDialog(){
|
|||
|
|
this.innerVisible = false
|
|||
|
|
this.peopleList = {
|
|||
|
|
alidityTime: "",
|
|||
|
|
certificateFile: "",
|
|||
|
|
operatorName: "",
|
|||
|
|
sex: "男",
|
|||
|
|
workTypeName: "",
|
|||
|
|
fileList:[]
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
showInnerDialog(type){
|
|||
|
|
// console.log(id)
|
|||
|
|
this.innerVisible = true
|
|||
|
|
this.peopleList.type = type
|
|||
|
|
},
|
|||
|
|
selectSuperviseSideStation(){
|
|||
|
|
let data = {
|
|||
|
|
devType: this.devType,
|
|||
|
|
projectSn: this.projectSn,
|
|||
|
|
pageNo: this.pageNo,
|
|||
|
|
pageSize: this.pageSize
|
|||
|
|
}
|
|||
|
|
console.log(data)
|
|||
|
|
selectSuperviseSideStationApi(data).then(res=>{
|
|||
|
|
console.log(res)
|
|||
|
|
if(res.code == 200 && res.result){
|
|||
|
|
this.tableData = res.result.records
|
|||
|
|
this.total = res.result.total
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
submitForm(){
|
|||
|
|
this.$refs['addForm'].validate((valid) => {
|
|||
|
|
console.log(valid)
|
|||
|
|
if(valid){
|
|||
|
|
let data = this.formData
|
|||
|
|
data.projectSn = this.projectSn
|
|||
|
|
data.registerId = this.registerId
|
|||
|
|
if(data.taskEndTime.split('-').join('')<data.taskStartTime.split('-').join('')){
|
|||
|
|
this.$message.error('作业开始时间必须早于作业结束时间！')
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
console.log(data)
|
|||
|
|
if(this.formType == 1){
|
|||
|
|
addSuperviseSideStationApi(data).then(res=>{
|
|||
|
|
console.log(res)
|
|||
|
|
if(res.code == 200){
|
|||
|
|
this.$message.success("添加成功")
|
|||
|
|
this.closeDialog()
|
|||
|
|
this.selectSuperviseSideStation()
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
} else if(this.formType == 2){
|
|||
|
|
editSuperviseSideStationApi(data).then(res=>{
|
|||
|
|
console.log(res)
|
|||
|
|
if(res.code == 200){
|
|||
|
|
this.$message.success("编辑成功")
|
|||
|
|
this.closeDialog()
|
|||
|
|
this.selectSuperviseSideStation()
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
resetForm(){
|
|||
|
|
this.formData = {
|
|||
|
|
auxiliaryList:[],
|
|||
|
|
implementPlan: "",
|
|||
|
|
monitorAddr: "",
|
|||
|
|
monitorContent: "",
|
|||
|
|
monitorUser: "",
|
|||
|
|
operatorList: [],
|
|||
|
|
safeProtectPrepare: "",
|
|||
|
|
taskEndTime: "",
|
|||
|
|
taskProcess: "",
|
|||
|
|
taskStartTime: ""
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
closeDialog(){
|
|||
|
|
this.showDialog = false
|
|||
|
|
this.isDisabled = false
|
|||
|
|
this.formType = 1
|
|||
|
|
this.dialogTitle = "新增监督旁站"
|
|||
|
|
this.resetForm()
|
|||
|
|
},
|
|||
|
|
previewData(val){
|
|||
|
|
this.showDialog = true
|
|||
|
|
this.isDisabled = true
|
|||
|
|
this.dialogTitle = "监督旁站详情"
|
|||
|
|
selectByIdSuperviseSideStationApi({id: val.id}).then(res=>{
|
|||
|
|
if(res.code == 200){
|
|||
|
|
this.formData = res.result
|
|||
|
|
if(this.formData.acceptanceCheckFile){
|
|||
|
|
let arr = this.formData.acceptanceCheckFile.split(',')
|
|||
|
|
this.formData.fileList = []
|
|||
|
|
arr.forEach(item=>{
|
|||
|
|
this.formData.fileList.push({url: item})
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
console.log(res)
|
|||
|
|
})
|
|||
|
|
console.log(val)
|
|||
|
|
},
|
|||
|
|
editData(val){
|
|||
|
|
this.showDialog = true
|
|||
|
|
console.log(val)
|
|||
|
|
selectByIdSuperviseSideStationApi({id: val.id}).then(res=>{
|
|||
|
|
if(res.code == 200){
|
|||
|
|
this.formData = res.result
|
|||
|
|
if(this.formData.acceptanceCheckFile){
|
|||
|
|
let arr = this.formData.acceptanceCheckFile.split(',')
|
|||
|
|
this.formData.fileList = []
|
|||
|
|
arr.forEach(item=>{
|
|||
|
|
this.formData.fileList.push({url: item})
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
console.log(res)
|
|||
|
|
})
|
|||
|
|
this.formType = 2
|
|||
|
|
this.dialogTitle = "编辑监督旁站"
|
|||
|
|
},
|
|||
|
|
deletePeople(val){
|
|||
|
|
console.log(val)
|
|||
|
|
this.$confirm('此操作将删除该条记录, 是否继续?', '提示', {
|
|||
|
|
confirmButtonText: '确定',
|
|||
|
|
cancelButtonText: '取消',
|
|||
|
|
type: 'warning'
|
|||
|
|
}).then(() => {
|
|||
|
|
if(val.row.type == 2){
|
|||
|
|
this.formData.auxiliaryList.splice(val.$index,1)
|
|||
|
|
} else if(val.row.type == 1){
|
|||
|
|
this.formData.operatorList.splice(val.$index,1)
|
|||
|
|
}
|
|||
|
|
}).catch(() => {
|
|||
|
|
this.$message({
|
|||
|
|
type: 'info',
|
|||
|
|
message: '已取消删除'
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
deleteData(val){
|
|||
|
|
this.$confirm('此操作将删除该条记录, 是否继续?', '提示', {
|
|||
|
|
confirmButtonText: '确定',
|
|||
|
|
cancelButtonText: '取消',
|
|||
|
|
type: 'warning'
|
|||
|
|
}).then(() => {
|
|||
|
|
deleteSuperviseSideStationApi({id: val.id}).then(res=>{
|
|||
|
|
console.log(res)
|
|||
|
|
if(res.code == 200){
|
|||
|
|
this.$message.success("删除成功！")
|
|||
|
|
this.selectSuperviseSideStation()
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}).catch(() => {
|
|||
|
|
this.$message({
|
|||
|
|
type: 'info',
|
|||
|
|
message: '已取消删除'
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
handleSizeChange(val) {
|
|||
|
|
this.pageSize = val;
|
|||
|
|
this.selectSuperviseSideStation();
|
|||
|
|
},
|
|||
|
|
handleCurrentChange(val) {
|
|||
|
|
this.pageNo = val;
|
|||
|
|
this.selectSuperviseSideStation();
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="less" scoped>
|
|||
|
|
.devfiling{
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
.pagerBox{
|
|||
|
|
margin-top: 20px;
|
|||
|
|
}
|
|||
|
|
.search-wrap{
|
|||
|
|
margin-top: 10px;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
margin-left: 12px;
|
|||
|
|
}
|
|||
|
|
.primary-btn{
|
|||
|
|
color: #9297A2;
|
|||
|
|
/deep/i{
|
|||
|
|
color: #88E7F0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.delete-btn{
|
|||
|
|
color: #FE6565;
|
|||
|
|
}
|
|||
|
|
.dialog-content{
|
|||
|
|
width: 800px;
|
|||
|
|
padding: 40px 0 42px 0;
|
|||
|
|
}
|
|||
|
|
.dialog-form{
|
|||
|
|
width: 70%;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
margin-bottom: 60px;
|
|||
|
|
/deep/.el-form-item{
|
|||
|
|
margin-bottom: 22px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list-title{
|
|||
|
|
/deep/.el-form-item__label{
|
|||
|
|
text-align: left;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.form-list{
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
padding-left: 20px;
|
|||
|
|
margin-bottom: 20px;
|
|||
|
|
.deelet-btn{
|
|||
|
|
margin-left: 10px;
|
|||
|
|
color: #FE6565;
|
|||
|
|
cursor: pointer;
|
|||
|
|
font-size: 20px;
|
|||
|
|
}
|
|||
|
|
.add-item{
|
|||
|
|
color: #409EFF;
|
|||
|
|
font-size: 14px;
|
|||
|
|
margin-left: 10px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.tables{
|
|||
|
|
min-height: auto;
|
|||
|
|
}
|
|||
|
|
.form-table{
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.upload-demo{
|
|||
|
|
width: 300px;
|
|||
|
|
/deep/ .el-button--small{
|
|||
|
|
padding: 0;
|
|||
|
|
background: #eee;
|
|||
|
|
border: 0;
|
|||
|
|
color: #ccc;
|
|||
|
|
width: 58px;
|
|||
|
|
height: 40px;
|
|||
|
|
font-size: 22px;
|
|||
|
|
}
|
|||
|
|
.dark-upImg{
|
|||
|
|
// background: #19263E;
|
|||
|
|
}
|
|||
|
|
/deep/.el-upload__tip{
|
|||
|
|
margin: 0;
|
|||
|
|
}
|
|||
|
|
.dark-tip{
|
|||
|
|
// color: #fff;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.file-list{
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
.file-item{
|
|||
|
|
width: 58px;
|
|||
|
|
height: 50px;
|
|||
|
|
position: relative;
|
|||
|
|
margin-right: 6px;
|
|||
|
|
img{
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
i{
|
|||
|
|
position: absolute;
|
|||
|
|
right: -6px;
|
|||
|
|
top: -6px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.add-form{
|
|||
|
|
width: 80%;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
}
|
|||
|
|
.btn-box{
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
.cancle-btn{
|
|||
|
|
margin-right: 80px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|