提交
This commit is contained in:
@@ -0,0 +1,889 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-form :inline="true" class="demo-form-inline form">
|
||||
<el-form-item>
|
||||
<Area @click="handleNodeClick" ref="area"></Area>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="干扰源类型:">
|
||||
<el-select v-model="formData.loadType" clearable collapse-tags placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in interferenceType"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="干扰源用户名称:">
|
||||
<el-input v-model="formData.userName" clearable placeholder="请输入关键字"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" class="ml10" icon="el-icon-search" @click="onsubmit">查询</el-button>
|
||||
<el-button type="primary" icon="el-icon-refresh" @click="Reset">重置</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="text" @click="closeHandle">
|
||||
条件筛选
|
||||
<i :class="!view ? 'el-icon-arrow-down' : 'el-icon-arrow-right'"></i>
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<div class="container" id="container">
|
||||
<i @click="closeHandle" class="el-icon-circle-close coles"></i>
|
||||
<el-form :inline="true" style="margin-top: 10px" label-width="120px" class="">
|
||||
<el-form-item label="关联干扰源用户:">
|
||||
<el-input
|
||||
v-model="formData.relationUserName"
|
||||
clearable
|
||||
placeholder="请输入联干扰源用户名称"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="是否已上传实测报告:" class="box">
|
||||
<el-select v-model="upload" clearable placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in uploadData"
|
||||
:key="item.id"
|
||||
:label="item.label"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<div class="button mb10">
|
||||
<el-button type="primary" icon="el-icon-upload" @click="sc">上传</el-button>
|
||||
|
||||
<el-button type="primary" icon="el-icon-share" @click="dc">导出</el-button>
|
||||
</div>
|
||||
<el-table
|
||||
stripe
|
||||
:data="undocumentednonlinearData"
|
||||
:height="height"
|
||||
border
|
||||
style="width: 100%"
|
||||
v-loading="isLoading"
|
||||
header-cell-class-name="table_header"
|
||||
@selection-change="handleSelectionChange"
|
||||
:cell-style="cellStyle"
|
||||
ref="multipleTable"
|
||||
>
|
||||
<el-table-column type="selection" width="55"></el-table-column>
|
||||
<el-table-column prop="orgName" label="所属单位" :show-overflow-tooltip="true"></el-table-column>
|
||||
<el-table-column prop="loadType" label="干扰源类型" :show-overflow-tooltip="true"></el-table-column>
|
||||
<el-table-column
|
||||
prop="userName"
|
||||
label="干扰源用户名称"
|
||||
:show-overflow-tooltip="true"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
prop="relationUserName"
|
||||
label="关联干扰源用户名称"
|
||||
:show-overflow-tooltip="true"
|
||||
></el-table-column>
|
||||
|
||||
<el-table-column prop="istatus" label="实测报告状态" :show-overflow-tooltip="true">
|
||||
<template slot-scope="scope">
|
||||
<span
|
||||
v-if="scope.row.istatus == rwzt[1].id"
|
||||
type="primary"
|
||||
size="small"
|
||||
style="color: #da70d6"
|
||||
>
|
||||
新建
|
||||
</span>
|
||||
<span
|
||||
v-else-if="scope.row.istatus == rwzt[2].id"
|
||||
type="primary"
|
||||
size="small"
|
||||
style="color: #48d1cc"
|
||||
>
|
||||
待审核
|
||||
</span>
|
||||
<span
|
||||
v-else-if="scope.row.istatus == rwzt[3].id"
|
||||
type="primary"
|
||||
size="small"
|
||||
style="color: #dc143c; text-decoration: underline"
|
||||
@click="failed = true"
|
||||
>
|
||||
未通过
|
||||
</span>
|
||||
<span
|
||||
v-else-if="scope.row.istatus == rwzt[4].id"
|
||||
type="primary"
|
||||
size="small"
|
||||
style="color: #9acd32"
|
||||
>
|
||||
已发布
|
||||
</span>
|
||||
<span v-else type="primary" size="small">{{ scope.row.status }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="plandetails" label="详情">
|
||||
<template slot-scope="scope">
|
||||
<!-- <span type="primary" size="small" style="color:blue;text-decoration:underline" @click="userDetails=true">查看</span> -->
|
||||
<el-button size="mini" @click="ck(scope.row)" type="primary">查看</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-pagination
|
||||
align="right"
|
||||
class="mt10"
|
||||
background
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="pageNum"
|
||||
:page-sizes="[20, 30, 40, 50, 100]"
|
||||
:page-size="pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="total"
|
||||
></el-pagination>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!-- 未通过弹窗 -->
|
||||
<el-dialog :close-on-click-modal="false" title="未通过审批意见查看" :visible.sync="failed" width="50%">
|
||||
<el-divider content-position="left" style="font-weight: bolder; font-size: 18px">审核意见</el-divider>
|
||||
<el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="textarea"></el-input>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 上传 -->
|
||||
<el-dialog
|
||||
:close-on-click-modal="false"
|
||||
title="未建档干扰源用户入网报告结论填报"
|
||||
:visible.sync="uploadConclusions"
|
||||
width="1700px"
|
||||
>
|
||||
<el-divider content-position="left" style="font-weight: bolder; font-size: 18px">基本信息</el-divider>
|
||||
<el-form>
|
||||
<el-form-item label="所属单位:">
|
||||
<el-input v-model="addData.orgNo" clearable placeholder="请输入" disabled></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="干扰源类型:">
|
||||
<el-select v-model="addData.loadType" clearable collapse-tags placeholder="请选择" disabled>
|
||||
<el-option
|
||||
v-for="item in interferenceType"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="干扰源用户名称:">
|
||||
<el-input v-model="addData.userName" clearable placeholder="请输入关键字" disabled></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="建档时间">
|
||||
<!-- <el-date-picker
|
||||
v-model.trim="addData.recordTime"
|
||||
value-format="yyyy-MM-dd"
|
||||
type="date"
|
||||
placeholder="选择日期"
|
||||
>
|
||||
</el-date-picker> -->
|
||||
<el-date-picker
|
||||
value-format="yyyy-MM-dd HH:mm:ss"
|
||||
v-model="addData.recordTime"
|
||||
disabled
|
||||
type="datetime"
|
||||
placeholder="选择日期时间"
|
||||
></el-date-picker>
|
||||
</el-form-item>
|
||||
|
||||
<el-divider content-position="left" style="font-weight: bolder; font-size: 18px">
|
||||
入网评估报告上传
|
||||
</el-divider>
|
||||
<el-form-item class="item" label="文件名称:">
|
||||
<el-input v-model="documentName" clearable placeholder="请输入填报名称" disabled></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<!-- <upload/> -->
|
||||
<el-upload
|
||||
ref="upload"
|
||||
class="upload-files"
|
||||
action=""
|
||||
accept=".doc,.docx,.xls,.xlsx,.pdf,.txt"
|
||||
:headers="headers"
|
||||
name="file"
|
||||
multiple
|
||||
:auto-upload="false"
|
||||
:file-list="fileList"
|
||||
:on-change="handleChange"
|
||||
:limit="1"
|
||||
:on-exceed="handleExceed"
|
||||
>
|
||||
<el-button slot="trigger" size="mini" icon="el-icon-upload" type="primary">上传本地评估报告</el-button>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-divider content-position="left" style="font-weight: bolder; font-size: 18px">
|
||||
入网评估结论填报
|
||||
</el-divider>
|
||||
<el-form-item label="是否超标:" style="margin-top: 20px">
|
||||
<el-radio v-model="radio" label="0">是</el-radio>
|
||||
<el-radio v-model="radio" label="1">否</el-radio>
|
||||
</el-form-item>
|
||||
<el-form-item label="超标指标:" style="margin-top: 20px">
|
||||
<el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">
|
||||
<el-checkbox v-for="city in cities" :label="city.id" :key="city.id">
|
||||
{{ city.name }}
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="计划采取措施:" style="margin-top: 20px">
|
||||
<el-select v-model="measures" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in takeMeasures"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<br/>
|
||||
<el-form-item label="入网详情:" style="margin-top: 20px">
|
||||
<el-input
|
||||
v-model="rwxq"
|
||||
placeholder="请输入入网详情"
|
||||
type="textarea"
|
||||
style="width: 500px"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div style="display: flex; justify-content: center; margin-top: 30px">
|
||||
<el-button type="primary" class="ml20" @click="tj">提交</el-button>
|
||||
<el-button type="primary" class="ml20" @click="bc">保存</el-button>
|
||||
<el-button type="primary" class="ml20" @click="uploadConclusions = false">取消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 查看详情 -->
|
||||
<el-dialog :close-on-click-modal="false" title="未建档干扰源用户详情" :visible.sync="userDetails" width="1700px">
|
||||
<el-divider content-position="left" style="font-weight: bolder; font-size: 18px">基本信息</el-divider>
|
||||
<el-form :inline="true">
|
||||
<el-form-item label="所属单位:">
|
||||
<el-input v-model="addData.orgNo" clearable placeholder="请输入" disabled></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="干扰源类型:">
|
||||
<el-select v-model="addData.loadType" clearable collapse-tags placeholder="请选择" disabled>
|
||||
<el-option
|
||||
v-for="item in interferenceType"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="干扰源用户名称:">
|
||||
<el-input v-model="addData.userName" clearable placeholder="请输入关键字" disabled></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="建档时间">
|
||||
<!-- <el-date-picker
|
||||
v-model.trim="addData.recordTime"
|
||||
value-format="yyyy-MM-dd"
|
||||
type="date"
|
||||
placeholder="选择日期"
|
||||
>
|
||||
</el-date-picker> -->
|
||||
<el-date-picker
|
||||
value-format="yyyy-MM-dd HH:mm:ss"
|
||||
v-model="addData.recordTime"
|
||||
disabled
|
||||
type="datetime"
|
||||
placeholder="选择日期时间"
|
||||
></el-date-picker>
|
||||
</el-form-item>
|
||||
|
||||
<el-divider content-position="left" style="font-weight: bolder; font-size: 18px">
|
||||
入网评估报告上传
|
||||
</el-divider>
|
||||
<el-form-item class="item" label="文件名称:">
|
||||
<el-input v-model="documentName1" clearable placeholder="请输入填报名称" disabled></el-input>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item>
|
||||
<el-upload
|
||||
:headers="headers"
|
||||
class="upload-demo"
|
||||
action=""
|
||||
:on-remove="handleRemove1"
|
||||
:before-remove="beforeRemove1"
|
||||
multiple
|
||||
:limit="6"
|
||||
:on-exceed="handleExceed1"
|
||||
:on-change="handleChange1"
|
||||
:file-list="fileList1"
|
||||
>
|
||||
<el-button size="small" type="primary" icon="el-icon-view">预览</el-button>
|
||||
</el-upload>
|
||||
</el-form-item> -->
|
||||
<el-form-item>
|
||||
<el-button size="small" type="primary" icon="el-icon-download" @click="xz">下载</el-button>
|
||||
</el-form-item>
|
||||
<el-divider content-position="left" style="font-weight: bolder; font-size: 18px">
|
||||
入网评估结论填报
|
||||
</el-divider>
|
||||
<el-form-item label="是否超标:" style="margin-top: 20px">
|
||||
<el-radio v-model="radio" label="0" disabled>是</el-radio>
|
||||
<el-radio v-model="radio" label="1" disabled>否</el-radio>
|
||||
</el-form-item>
|
||||
<el-form-item label="超标指标:" style="margin-top: 20px">
|
||||
<el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange" disabled>
|
||||
<el-checkbox v-for="city in cities" :label="city.id" :key="city.id">
|
||||
{{ city.name }}
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="计划采取措施:" style="margin-top: 20px">
|
||||
<el-select v-model="measures" placeholder="请选择" disabled>
|
||||
<el-option
|
||||
v-for="item in takeMeasures"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<br/>
|
||||
<el-form-item label="入网详情:" style="margin-top: 20px">
|
||||
<el-input
|
||||
v-model="rwxq"
|
||||
placeholder="请输入入网详情"
|
||||
type="textarea"
|
||||
style="width: 500px"
|
||||
disabled
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div style="display: flex; justify-content: center; margin-top: 30px">
|
||||
<el-button type="primary" class="ml20" @click="userDetails = false">关闭</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Area from '@/views/components/Area/Area.vue'
|
||||
import { dicData } from '@/assets/commjs/dictypeData'
|
||||
import {
|
||||
getLoadTypeRelationList,
|
||||
uploadLoadTypeUserA,
|
||||
exportLoadTypeRelationList,
|
||||
getLoadTypeUserById,
|
||||
exportLoadTypeUserList
|
||||
} from '@/api/Process-supervision/interferencemanagement/interferencemanagement'
|
||||
export default {
|
||||
components: { Area },
|
||||
data() {
|
||||
return {
|
||||
checkedCities: [],
|
||||
cities: [],
|
||||
rwxq: '',
|
||||
headers: {
|
||||
Authorization: window.sessionStorage.getItem('cntoken')
|
||||
},
|
||||
undocumentednonlinearData1: [],
|
||||
op: '发电用户',
|
||||
op1: [
|
||||
{
|
||||
value: '发电用户'
|
||||
},
|
||||
{
|
||||
value: '用电用户'
|
||||
}
|
||||
],
|
||||
url: '',
|
||||
total: 0,
|
||||
pageSize: 20,
|
||||
pageNum: 1,
|
||||
vh: '',
|
||||
height: null,
|
||||
isLoading: false,
|
||||
failed: false,
|
||||
userAdd: false,
|
||||
uploadConclusions: false,
|
||||
userDetails: false,
|
||||
marketingUsers: false,
|
||||
confirm: false,
|
||||
checkList: ['0'],
|
||||
radio: '0',
|
||||
textarea: '评估入网报告缺少XX指标,请整改后提交。',
|
||||
upload: '',
|
||||
formData: {
|
||||
loadType: '',
|
||||
userName: '',
|
||||
relationUserName: ''
|
||||
},
|
||||
addData: {
|
||||
orgNo: JSON.parse(window.sessionStorage.getItem('Info')).deptId,
|
||||
loadType: '',
|
||||
userName: '',
|
||||
recordTime: ''
|
||||
},
|
||||
measures: '',
|
||||
documentName: '',
|
||||
documentName1: '',
|
||||
userNumber: '',
|
||||
//是否上传
|
||||
uploadData: [
|
||||
{
|
||||
id: 1,
|
||||
|
||||
label: '是'
|
||||
},
|
||||
{
|
||||
id: 0,
|
||||
|
||||
label: '否'
|
||||
}
|
||||
],
|
||||
//干扰源类型
|
||||
interferenceType: [],
|
||||
//计划采取措施
|
||||
takeMeasures: [],
|
||||
undocumentednonlinearData: [],
|
||||
multipleSelection: [],
|
||||
multipleSelection1: [],
|
||||
fileList: [],
|
||||
fileList1: [],
|
||||
device: '',
|
||||
rwzt: [],
|
||||
view: false
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.rwzt = dicData('On-network_Status', [], 1)
|
||||
this.cities = dicData('Steady_Statis', [], 1)
|
||||
this.takeMeasures = dicData('Plan_Take', [], 1)
|
||||
this.takeMeasures.shift()
|
||||
// console.log(
|
||||
// this.rwzt,
|
||||
// " console.log(this.rwzt) console.log(this.rwzt)"
|
||||
// );
|
||||
this.cities.shift()
|
||||
this.interferenceType = dicData('Interference_Source', [], 0)
|
||||
},
|
||||
mounted() {
|
||||
this.onsubmit()
|
||||
this.device = window.devicePixelRatio
|
||||
this.setHeight()
|
||||
window.addEventListener('resize', this.setHeight)
|
||||
},
|
||||
beforeDestroy() {
|
||||
window.removeEventListener('resize', this.setHeight)
|
||||
},
|
||||
methods: {
|
||||
setHeight() {
|
||||
this.height = window.sessionStorage.getItem('appheight') - 215
|
||||
},
|
||||
closeHandle() {
|
||||
if (this.view) {
|
||||
this.view = false
|
||||
} else {
|
||||
this.view = true
|
||||
}
|
||||
//console.log('关闭和展开');
|
||||
const dom = document.getElementById('container')
|
||||
const closeDom = document.getElementsByClassName('close')[0]
|
||||
if (!dom.className.match(/(?:^|\s)expend(?!\S)/)) {
|
||||
dom.className = 'container expend'
|
||||
} else {
|
||||
dom.className = 'container close-container'
|
||||
}
|
||||
},
|
||||
dc() {
|
||||
if (this.multipleSelection.length == 0) {
|
||||
this.$message({
|
||||
message: '请选择一条数据',
|
||||
type: 'warning'
|
||||
})
|
||||
} else {
|
||||
let a = []
|
||||
this.multipleSelection.forEach(res => {
|
||||
a.push(res.id)
|
||||
})
|
||||
exportLoadTypeRelationList(a).then(res => {
|
||||
let blob = new Blob([res], {
|
||||
type: 'application/vnd.ms-excel'
|
||||
})
|
||||
const url = window.URL.createObjectURL(blob)
|
||||
const link = document.createElement('a') // 创建a标签
|
||||
link.href = url // link.download = "电压暂降事件分析报告"; // 设置下载的文件名
|
||||
link.download = '干扰源用户长态化管理信息.xls' // 设置下载的文件名
|
||||
document.body.appendChild(link)
|
||||
link.click() //执行下载
|
||||
document.body.removeChild(link)
|
||||
})
|
||||
}
|
||||
},
|
||||
bc() {
|
||||
const formData = new FormData()
|
||||
this.fileList.forEach(item => {
|
||||
if (item.raw == '') {
|
||||
} else {
|
||||
formData.append('file', item.raw)
|
||||
}
|
||||
})
|
||||
formData.append('status', '0')
|
||||
formData.append('id', this.multipleSelection[0].id)
|
||||
formData.append('ADescription', this.rwxq)
|
||||
formData.append('AIsOverLimit', this.radio)
|
||||
formData.append('APlanStep', this.measures)
|
||||
formData.append('AOverLimitTarget', this.checkedCities.toString())
|
||||
uploadLoadTypeUserA(formData) //后端上传接口
|
||||
.then(res => {
|
||||
this.uploadConclusions = false
|
||||
// this.onsubmit()
|
||||
})
|
||||
.catch(err => {
|
||||
// console.log(err);
|
||||
})
|
||||
},
|
||||
xz() {
|
||||
window.open(this.url)
|
||||
},
|
||||
|
||||
handleExceed(files, fileList) {
|
||||
this.$message.warning(
|
||||
`当前限制选择 1个文件，本次选择了 ${files.length} 个文件，共选择了 ${
|
||||
files.length + fileList.length
|
||||
} 个文件`
|
||||
)
|
||||
},
|
||||
ck(val) {
|
||||
getLoadTypeUserById({
|
||||
id: val.id
|
||||
}).then(res => {
|
||||
this.url = res.data.ifile == null ? '' : res.data.ifile
|
||||
// this.addData.orgNo = val.orgName == null ? '' : val.orgName
|
||||
this.addData.loadType = res.data.loadType == null ? '' : res.data.loadType
|
||||
this.addData.userName = res.data.userName == null ? '' : res.data.userName
|
||||
this.addData.recordTime = res.data.recordTime == null ? '' : res.data.recordTime
|
||||
this.documentName1 = res.data.afilePath == null ? '' : res.data.afilePath
|
||||
this.radio = res.data.iisOverLimit == null ? '' : res.data.iisOverLimit.toString()
|
||||
this.checkedCities = res.data.ioverLimitTarget == null ? '' : res.data.ioverLimitTarget.split(',')
|
||||
this.measures = res.data.iplanStep == null ? '' : res.data.iplanStep
|
||||
this.rwxq = res.data.idescription == null ? '' : res.data.idescription
|
||||
this.userDetails = true
|
||||
})
|
||||
},
|
||||
tj() {
|
||||
const formData = new FormData()
|
||||
this.fileList.forEach(item => {
|
||||
if (item.raw == '') {
|
||||
} else {
|
||||
formData.append('file', item.raw)
|
||||
}
|
||||
})
|
||||
formData.append('status', '1')
|
||||
formData.append('id', this.multipleSelection[0].id)
|
||||
formData.append('ADescription', this.rwxq)
|
||||
formData.append('AIsOverLimit', this.radio)
|
||||
formData.append('APlanStep', this.measures)
|
||||
formData.append('AOverLimitTarget', this.checkedCities.toString())
|
||||
uploadLoadTypeUserA(formData) //后端上传接口
|
||||
.then(res => {
|
||||
this.uploadConclusions = false
|
||||
// this.onsubmit()
|
||||
})
|
||||
.catch(err => {
|
||||
// console.log(err);
|
||||
})
|
||||
},
|
||||
sc() {
|
||||
if (this.multipleSelection.length == 0) {
|
||||
this.$message({
|
||||
message: '请选择一条数据',
|
||||
type: 'warning'
|
||||
})
|
||||
}
|
||||
|
||||
if (this.multipleSelection.length > 1) {
|
||||
this.$message({
|
||||
message: '只能选择一条数据',
|
||||
type: 'warning'
|
||||
})
|
||||
} else {
|
||||
this.fileList=[]
|
||||
getLoadTypeUserById({
|
||||
id: this.multipleSelection[0].id
|
||||
}).then(res => {
|
||||
this.fileList.push({
|
||||
name: res.data.afilePath,
|
||||
url: res.data.ifile,
|
||||
raw: ''
|
||||
})
|
||||
this.documentName = res.data.afilePath == null ? '' : res.data.afilePath
|
||||
this.radio = res.data.iisOverLimit == null ? '' : res.data.iisOverLimit.toString()
|
||||
this.checkedCities = res.data.ioverLimitTarget == null ? '' : res.data.ioverLimitTarget.split(',')
|
||||
this.measures = res.data.iplanStep == null ? '' : res.data.iplanStep
|
||||
this.rwxq = res.data.idescription == null ? '' : res.data.idescription
|
||||
this.uploadConclusions = true
|
||||
})
|
||||
// this.addData.orgNo = this.multipleSelection[0].orgName == null ? '' : this.multipleSelection[0].orgName
|
||||
// this.addData.loadType =
|
||||
// this.multipleSelection[0].loadType == null ? '' : this.multipleSelection[0].loadType
|
||||
// this.addData.userName =
|
||||
// this.multipleSelection[0].userName == null ? '' : this.multipleSelection[0].userName
|
||||
// this.addData.recordTime =
|
||||
// this.multipleSelection[0].recordTime == null ? '' : this.multipleSelection[0].recordTime
|
||||
}
|
||||
},
|
||||
|
||||
handleSizeChange(val) {
|
||||
this.pageSize = val
|
||||
this.onsubmit()
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.pageNum = val
|
||||
this.onsubmit()
|
||||
},
|
||||
|
||||
//上传本地评估报告
|
||||
handleRemove(file, fileList) {
|
||||
// console.log(file, fileList,'111111');
|
||||
},
|
||||
handleChange(file, fileList) {
|
||||
// console.log(file, fileList);
|
||||
this.fileList = fileList
|
||||
this.documentName=fileList[0].name
|
||||
},
|
||||
|
||||
beforeRemove(file, fileList) {
|
||||
return this.$confirm(`确定移除 ${file.name}?`)
|
||||
},
|
||||
//预览
|
||||
handleRemove1(file, fileList1) {
|
||||
// console.log(file, fileList,'111111');
|
||||
},
|
||||
handleChange1(file, fileList) {
|
||||
// console.log(file, fileList);
|
||||
|
||||
this.fileList = fileList
|
||||
},
|
||||
handleExceed1(files, fileList1) {
|
||||
this.$message.warning(
|
||||
`当前限制选择 1 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
|
||||
files.length + fileList1.length
|
||||
} 个文件`
|
||||
)
|
||||
},
|
||||
beforeRemove1(file, fileList1) {
|
||||
return this.$confirm(`确定移除 ${file.name}?`)
|
||||
},
|
||||
//查询
|
||||
onsubmit() {
|
||||
this.isLoading = true
|
||||
getLoadTypeRelationList({
|
||||
loadType: this.formData.loadType,
|
||||
orgNo: this.addData.orgNo,
|
||||
pageNum: this.pageNum,
|
||||
pageSize: this.pageSize,
|
||||
relationUserName: this.formData.relationUserName,
|
||||
userName: this.formData.userName,
|
||||
aisFileUpload: this.upload
|
||||
}).then(res => {
|
||||
this.isLoading = false
|
||||
res.data.records.forEach(i => {
|
||||
this.interferenceType.forEach(o => {
|
||||
if (i.loadType == o.id) {
|
||||
i.loadType = o.name
|
||||
}
|
||||
})
|
||||
})
|
||||
this.undocumentednonlinearData = res.data.records
|
||||
this.total = res.data.total
|
||||
})
|
||||
},
|
||||
// 新增确定
|
||||
// determineFn(){
|
||||
// this.userAdd=false;
|
||||
// },
|
||||
// 新增取消
|
||||
// cancelFn(){
|
||||
// this.userAdd=false;
|
||||
// },
|
||||
|
||||
//上传
|
||||
// uploadFn(){
|
||||
// this.uploadConclusions=true
|
||||
// },
|
||||
|
||||
//关联
|
||||
|
||||
// 切换选项
|
||||
handleNodeClick(data) {
|
||||
this.addData.orgNo = data.id
|
||||
},
|
||||
toggleSelection(rows) {
|
||||
if (rows) {
|
||||
rows.forEach(row => {
|
||||
this.$refs.multipleTable.toggleRowSelection(row)
|
||||
})
|
||||
} else {
|
||||
this.$refs.multipleTable.clearSelection()
|
||||
}
|
||||
},
|
||||
toggleSelection1(rows) {
|
||||
if (rows) {
|
||||
rows.forEach(row => {
|
||||
this.$refs.multipleTable1.toggleRowSelection(row)
|
||||
})
|
||||
} else {
|
||||
this.$refs.multipleTable1.clearSelection()
|
||||
}
|
||||
},
|
||||
//勾选
|
||||
handleSelectionChange(val) {
|
||||
this.multipleSelection = val
|
||||
// console.log(
|
||||
// this.multipleSelection,
|
||||
// "this.multipleSelectionthis.multipleSelection"
|
||||
// );
|
||||
},
|
||||
selectAll() {
|
||||
this.$refs.multipleTable.clearSelection()
|
||||
},
|
||||
|
||||
handleSelectionChange1(val) {
|
||||
// console.log(val, "valll");
|
||||
if (val.length > 1) {
|
||||
this.toggleSelection1([val[0]])
|
||||
this.multipleSelection1 = val
|
||||
} else {
|
||||
this.multipleSelection1 = val
|
||||
}
|
||||
},
|
||||
//重置
|
||||
Reset() {
|
||||
this.$refs.area.form.value = JSON.parse(window.sessionStorage.getItem('Info')).deptId
|
||||
this.upload = ''
|
||||
this.formData.loadType = this.interferenceType[0].id
|
||||
this.formData.userName = ''
|
||||
},
|
||||
ResetFn() {
|
||||
this.userNumber = ''
|
||||
},
|
||||
//判断颜色
|
||||
cellStyle(row) {
|
||||
// if(row.row.upload==1){
|
||||
// // if(row.columnIndex==6 ){
|
||||
// row.row.status='--'
|
||||
// // }else if(row.columnIndex==7){
|
||||
// row.row.plandetails='--'
|
||||
// // }
|
||||
// }
|
||||
if (row.columnIndex == 6) {
|
||||
if (row.row.upload == 1) {
|
||||
row.row.status = '--'
|
||||
}
|
||||
}
|
||||
if (row.columnIndex == 7) {
|
||||
if (row.row.upload == 1) {
|
||||
row.row.plandetails = '--'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
handleCheckedCitiesChange(value) {
|
||||
// console.log(value, "value");
|
||||
// console.log(this.checkedCities, "this.checkedCities");
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
@import url('../../../../styles/comStyle.less');
|
||||
::v-deep .el-table .cell {
|
||||
text-align: center;
|
||||
}
|
||||
::v-deep .el-tabs--border-card > .el-tabs__content {
|
||||
padding: 10px;
|
||||
}
|
||||
::v-deep .form {
|
||||
.el-form-item {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
::v-deep .el-form-item {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.button {
|
||||
float: right;
|
||||
margin-right: 5px;
|
||||
}
|
||||
::v-deep .el-dialog {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 0 !important;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
/*height:600px;*/
|
||||
max-height: calc(100% - 200px);
|
||||
max-width: calc(100% - 30px);
|
||||
}
|
||||
::v-deep .el-dialog .el-dialog__body {
|
||||
flex: 1;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.container {
|
||||
/* margin: auto; */
|
||||
top: 0px;
|
||||
right: 0;
|
||||
width: 43%;
|
||||
height: 0px;
|
||||
z-index: 2000;
|
||||
position: absolute;
|
||||
background-color: #e4e7ebb9;
|
||||
overflow: auto;
|
||||
scroll-behavior: smooth;
|
||||
-radius: 20px;
|
||||
}
|
||||
/* 隐藏滚动条 */
|
||||
::-webkit-scrollbar {
|
||||
display: block;
|
||||
}
|
||||
.expend {
|
||||
animation: expend ease 5s forwards;
|
||||
}
|
||||
.close-container {
|
||||
animation: no-expend ease 1s forwards;
|
||||
}
|
||||
@keyframes expend {
|
||||
from {
|
||||
top: 0px;
|
||||
height: auto;
|
||||
}
|
||||
to {
|
||||
height: auto;
|
||||
top: 0px;
|
||||
}
|
||||
}
|
||||
@keyframes no-expend {
|
||||
from {
|
||||
height: 20%;
|
||||
top: 0px;
|
||||
}
|
||||
to {
|
||||
top: 0px;
|
||||
height: 0px;
|
||||
}
|
||||
}
|
||||
.coles {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
font-size: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user