commit
This commit is contained in:
zhutianqi
@@ -10,24 +10,24 @@
|
||||
标准法规管理系统 Standard and Regulations Management System
|
||||
</span>
|
||||
<!-- header头部 右侧内容 当前登录人和退出-->
|
||||
<div class="header-right" style="display: inline-block; float: right; margin-right: 20px; color: #fff">
|
||||
<div>
|
||||
<el-dropdown
|
||||
trigger="click"
|
||||
@command="handleCommand"
|
||||
>
|
||||
<div>
|
||||
<img :src="userAvator" v-if="$store.getters.userInfo.avator">
|
||||
<span class="iconfont" v-else style="color: #FFFFFF;"></span>
|
||||
<span style="color: #FFFFFF;">{{ $store.getters.userInfo.uName }}</span>
|
||||
<i style="color: #FFFFFF;" class="el-icon-arrow-down"/>
|
||||
</div>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item command="loginOut">退出</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="header-right" style="display: inline-block; float: right; margin-right: 20px; color: #fff">-->
|
||||
<!-- <div>-->
|
||||
<!-- <el-dropdown-->
|
||||
<!-- trigger="click"-->
|
||||
<!-- @command="handleCommand"-->
|
||||
<!-- >-->
|
||||
<!-- <div>-->
|
||||
<!-- <img :src="userAvator" v-if="$store.getters.userInfo.avator">-->
|
||||
<!-- <span class="iconfont" v-else style="color: #FFFFFF;"></span>-->
|
||||
<!-- <span style="color: #FFFFFF;">{{ $store.getters.userInfo.uName }}</span>-->
|
||||
<!-- <i style="color: #FFFFFF;" class="el-icon-arrow-down"/>-->
|
||||
<!-- </div>-->
|
||||
<!-- <el-dropdown-menu slot="dropdown">-->
|
||||
<!-- <el-dropdown-item command="loginOut">退出</el-dropdown-item>-->
|
||||
<!-- </el-dropdown-menu>-->
|
||||
<!-- </el-dropdown>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
<!-- <div class="header-left">-->
|
||||
<!-- <span class="logo" @click="toHome" title="回到首页"></span>-->
|
||||
|
||||
@@ -1,7 +1,491 @@
|
||||
<template>
|
||||
<div class="workingGroup1" ref="wrap">
|
||||
<div class="header" v-if="headerNo">
|
||||
<div class="header-left">
|
||||
<span style="font-weight: 600;">当前节点: </span>{{ addForm.pName }}
|
||||
</div>
|
||||
<div class="header-right">
|
||||
<el-button
|
||||
type="primary"
|
||||
size="mini"
|
||||
class="common-button-primary"
|
||||
v-if="addButton"
|
||||
@click="addItem">
|
||||
新增
|
||||
</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
size="mini"
|
||||
class="common-button-primary"
|
||||
v-if="addItemButton"
|
||||
@click="">
|
||||
新增标准
|
||||
</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
size="mini"
|
||||
class="common-button-primary"
|
||||
v-if="editButton"
|
||||
@click="">
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
size="mini"
|
||||
class="common-button-primary"
|
||||
v-if="seeButton"
|
||||
@click="">
|
||||
查看
|
||||
</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
size="mini"
|
||||
class="common-button-primary"
|
||||
v-if="seeItemButton"
|
||||
@click="">
|
||||
查看标准
|
||||
</el-button>
|
||||
<el-button
|
||||
type="danger"
|
||||
size="mini"
|
||||
class="common-button-default"
|
||||
v-if="delectButton"
|
||||
@click="">
|
||||
删除
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="container"></div>
|
||||
<el-drawer
|
||||
ref="standard"
|
||||
size="1000px"
|
||||
:title="addDrawerTitle"
|
||||
:visible.sync="addDrawer"
|
||||
:before-close="addDrawerClose">
|
||||
<div class="content">
|
||||
<div class="standard-table-search">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="24">
|
||||
<el-form :model="addForm" inline class="label-input-form">
|
||||
<el-form-item label="上级节点" style="width: 100%; margin-right:10px" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
v-model="addForm.pName"
|
||||
disabled
|
||||
:maxlength="100"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="节点类型" style="width: 100%; margin-right:10px" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
v-model="addForm.itemType"
|
||||
disabled
|
||||
:maxlength="100"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="编号" style="width: 100%; margin-right:10px" prop="number" class="add-form-item">
|
||||
<el-input
|
||||
v-model="addForm.number"
|
||||
placeholder="请输入编号"
|
||||
:maxlength="100"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="名称" style="width: 100%; margin-right:10px" prop="name" class="add-form-item">
|
||||
<el-input
|
||||
v-model="addForm.name"
|
||||
placeholder="请输入名称"
|
||||
:maxlength="100"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="换届时间" style="width: 100%; margin-right:10px" prop="hjTime" class="add-form-item">
|
||||
<el-date-picker
|
||||
v-model="addForm.hjTime"
|
||||
type="date"
|
||||
placeholder="请选择换届时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="标准化工作领域" style="width: 100%; margin-right:10px" prop="field" class="add-form-item">
|
||||
<el-input
|
||||
v-model="addForm.field"
|
||||
placeholder="请输入标准化工作领域"
|
||||
:maxlength="100"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" style="width: 100%; margin-right:10px" prop="mark" class="add-form-item">
|
||||
<el-input
|
||||
v-model="addForm.mark"
|
||||
placeholder="请输入备注"
|
||||
:maxlength="100"/>
|
||||
</el-form-item>
|
||||
<div class="formTitle">
|
||||
<div class="left">秘书处联系方式</div>
|
||||
<div class="right">
|
||||
<el-button
|
||||
type="primary"
|
||||
size="mini"
|
||||
class="common-button-primary"
|
||||
@click="addTelItem">
|
||||
添加联系方式
|
||||
</el-button>
|
||||
<el-button
|
||||
type="danger"
|
||||
size="mini"
|
||||
class="common-button-primary"
|
||||
v-if="addForm.wgNetInfos.length"
|
||||
@click="delTelItem">
|
||||
删除
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table
|
||||
:data="addForm.wgNetInfos"
|
||||
style="width: 100%"
|
||||
border
|
||||
@selection-change="val => delNetInfos = val"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
align="center"
|
||||
width="55"
|
||||
v-if="addForm.wgNetInfos.length">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="联络人"
|
||||
prop="joinPerson"
|
||||
align="center"
|
||||
width="150">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.joinPerson"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="单位"
|
||||
prop="joinPersonCompany"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.joinPersonCompany"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="电话"
|
||||
prop="joinPersonPhone"
|
||||
align="center"
|
||||
width="150">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.joinPersonPhone"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="邮箱"
|
||||
prop="joinPersonEmail"
|
||||
align="center"
|
||||
width="200">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.joinPersonEmail"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="formTitle">
|
||||
<div class="left">集团参与情况</div>
|
||||
<div class="right">
|
||||
<el-button
|
||||
type="primary"
|
||||
size="mini"
|
||||
class="common-button-primary"
|
||||
@click="addCyItem">
|
||||
添加联系方式
|
||||
</el-button>
|
||||
<el-button
|
||||
type="danger"
|
||||
size="mini"
|
||||
class="common-button-primary"
|
||||
v-if="addForm.wgNetInfos.length"
|
||||
@click="delCyItem">
|
||||
删除
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table
|
||||
:data="addForm.wgDepts"
|
||||
style="width: 100%"
|
||||
border
|
||||
@selection-change="val => delDepts = val"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
align="center"
|
||||
width="55"
|
||||
v-if="addForm.wgDepts.length">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="我司在工作组排名顺序"
|
||||
prop="joinPm"
|
||||
align="center"
|
||||
width="150">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.joinPm"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="我司人员"
|
||||
prop="joinPerson"
|
||||
align="center"
|
||||
width="150">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.joinPerson"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="单位"
|
||||
prop="joinPersonCompany"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.joinPersonCompany"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="部门"
|
||||
prop="joinDept"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.joinDept"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="电话"
|
||||
prop="joinPersonPhone"
|
||||
align="center"
|
||||
width="150">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.joinPersonPhone"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="邮箱"
|
||||
prop="joinPersonEmail"
|
||||
align="center"
|
||||
width="200">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.joinPersonEmail"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="身份"
|
||||
prop="joinSf"
|
||||
align="center"
|
||||
width="200">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.joinSf"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="joinfile"
|
||||
label="资料"
|
||||
width="250"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<div v-if="scope.row.joinfile.length > 0" class="fileClass">
|
||||
<div v-for="(item, index) in scope.row.joinfile" :key="index" @click="fileUpload('集团参与情况', scope.$index)" style="margin-right: 5px;">
|
||||
{{ item.name }}
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
<el-button
|
||||
type="primary"
|
||||
class="common-button-primary"
|
||||
@click="fileUpload('集团参与情况', scope.$index)"
|
||||
size="mini">
|
||||
点击上传
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="formTitle">
|
||||
<div class="left">支付信息</div>
|
||||
<div class="right">
|
||||
<el-button
|
||||
type="primary"
|
||||
size="mini"
|
||||
class="common-button-primary"
|
||||
@click="addZfItem">
|
||||
添加支付信息
|
||||
</el-button>
|
||||
<el-button
|
||||
type="danger"
|
||||
size="mini"
|
||||
class="common-button-primary"
|
||||
v-if="addForm.wgPayInfos.length"
|
||||
@click="delZfItem">
|
||||
删除
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table
|
||||
:data="addForm.wgPayInfos"
|
||||
style="width: 100%"
|
||||
border
|
||||
@selection-change="val => delPayInfos = val"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
align="center"
|
||||
width="55"
|
||||
v-if="addForm.wgPayInfos.length">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="费用"
|
||||
prop="joinPrice"
|
||||
align="center"
|
||||
width="150">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.joinPrice"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="年份"
|
||||
prop="joinYear"
|
||||
align="center"
|
||||
width="150">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.joinYear"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="状态"
|
||||
prop="joinStatus"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.joinStatus"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="计划内"
|
||||
prop="joinJhn"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.joinJhn"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="缴费方式"
|
||||
prop="joinJffs"
|
||||
align="center"
|
||||
width="150">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.joinJffs"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="费用列支"
|
||||
prop="joinFylz"
|
||||
align="center"
|
||||
width="200">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.joinFylz"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="joinfile"
|
||||
label="资料"
|
||||
width="250"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<div v-if="scope.row.joinfile.length > 0" class="fileClass">
|
||||
<div v-for="(item, index) in scope.row.joinfile" :key="index" @click="fileUpload('支付信息', scope.$index)" style="margin-right: 5px;">
|
||||
{{ item.name }}
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
<el-button
|
||||
type="primary"
|
||||
class="common-button-primary"
|
||||
@click="fileUpload('支付信息', scope.$index)"
|
||||
size="mini">
|
||||
点击上传
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="formTitle">
|
||||
<div class="left">参会记录</div>
|
||||
<div class="right">
|
||||
<el-button
|
||||
type="primary"
|
||||
size="mini"
|
||||
class="common-button-primary"
|
||||
@click="addChItem">
|
||||
添加参会记录
|
||||
</el-button>
|
||||
<el-button
|
||||
type="danger"
|
||||
size="mini"
|
||||
class="common-button-primary"
|
||||
v-if="addForm.wgMeetingInfos.length"
|
||||
@click="delChItem">
|
||||
删除
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table
|
||||
:data="addForm.wgMeetingInfos"
|
||||
style="width: 100%"
|
||||
border
|
||||
@selection-change="val => delMeetingInfos = val"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
align="center"
|
||||
width="55"
|
||||
v-if="addForm.wgMeetingInfos.length">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="joinfile"
|
||||
label="资料"
|
||||
width="250"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<div v-if="scope.row.joinfile.length > 0" class="fileClass">
|
||||
<div v-for="(item, index) in scope.row.joinfile" :key="index" @click="fileUpload('参会记录', scope.$index)" style="margin-right: 5px;">
|
||||
{{ item.name }}
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
<el-button
|
||||
type="primary"
|
||||
class="common-button-primary"
|
||||
@click="fileUpload('参会记录', scope.$index)"
|
||||
size="mini">
|
||||
点击上传
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-form>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</div>
|
||||
</el-drawer>
|
||||
<el-dialog width='400px' :visible.sync="fileMadel" title="上传资料">
|
||||
<el-upload
|
||||
v-if="fileMadel"
|
||||
multiple
|
||||
class="upload-demo"
|
||||
drag
|
||||
:action="fileUrl"
|
||||
ref="importfile2"
|
||||
name="file"
|
||||
accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
|
||||
:before-upload="beginImportFile"
|
||||
:on-success="importFileSuccess"
|
||||
:on-remove="importFileRemove"
|
||||
:show-file-list="true"
|
||||
:file-list="fileList"
|
||||
>
|
||||
<div style="padding: 20px 0">
|
||||
<i class="el-icon-upload" style="color: #3399ff"></i>
|
||||
<p>点击或拖拽上传文件</p>
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-dialog>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@@ -10,34 +494,282 @@
|
||||
name: "workingGroup1",
|
||||
data() {
|
||||
return {
|
||||
headerNo: false,
|
||||
addForm: {
|
||||
pName: '',
|
||||
level: '',
|
||||
itemType: '',
|
||||
number: '', // 编号
|
||||
name: '', // 名字
|
||||
state: '', // 状态
|
||||
properties: '', // 性质
|
||||
hjTime: '', // 换届时间
|
||||
field: '', // 标准化工作领域
|
||||
mark: '', // 备注
|
||||
wgNetInfos: [], // 秘书联系方式
|
||||
wgMeetingInfos: [], // 参会记录
|
||||
wgDepts: [], // 集团参与
|
||||
wgStandorpolicyInfos: [], // 标准政策
|
||||
wgPayInfos: [], // 支付信息
|
||||
},
|
||||
delNetInfos: [], // 删除秘书处数据集合
|
||||
delDepts: [], // 删除集团参与数据集合
|
||||
delPayInfos: [], // 删除支付信息数据集合
|
||||
delMeetingInfos: [], // 删除参会记录数据集合
|
||||
activeName: 'workingGroup1',
|
||||
graphData: {},
|
||||
graph: null,
|
||||
currentNode: '',
|
||||
currentNodeData: {},
|
||||
addForm: {
|
||||
pMenuName: '',
|
||||
menuType: '',
|
||||
sarGroupMenuEO: {
|
||||
pid: '',
|
||||
menuType: '',
|
||||
menuLevel: ''
|
||||
}
|
||||
},
|
||||
pMenuName: '',
|
||||
menuType: '',
|
||||
detailData: {
|
||||
menuId: '',
|
||||
nodeType: '',
|
||||
nodeName: '',
|
||||
parentId: '',
|
||||
standFlag: '',
|
||||
data: ''
|
||||
},
|
||||
delData: {},
|
||||
addDrawerTitle: '',
|
||||
addDrawer: false,
|
||||
addButton: false,
|
||||
editButton: false,
|
||||
delectButton: false,
|
||||
seeButton: false,
|
||||
addItemButton: false,
|
||||
seeItemButton: false,
|
||||
fileIndex: '',
|
||||
fileList: [],
|
||||
fileMadel: false,
|
||||
fileUrl: 'api/att/attFile/upload',
|
||||
fileType: '',
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
fileUpload(type, index) {
|
||||
this.fileIndex = index
|
||||
this.fileType = type
|
||||
if (this.fileType === '集团参与情况') {
|
||||
this.fileList = this.addForm.wgDepts[this.fileIndex].joinfile
|
||||
} else if (this.fileType === '支付信息') {
|
||||
this.fileList = this.addForm.wgPayInfos[this.fileIndex].joinfile
|
||||
} else if (this.fileType === '参会记录') {
|
||||
this.fileList = this.addForm.wgMeetingInfos[this.fileIndex].joinfile
|
||||
}
|
||||
this.fileMadel = true
|
||||
},
|
||||
importFileSuccess(response, file) {
|
||||
if (response.ok) {
|
||||
let data
|
||||
if (this.fileType === '集团参与情况') {
|
||||
this.addForm.wgDepts[this.fileIndex].joinfile.push(response.data)
|
||||
data = this.addForm.wgDepts
|
||||
} else if (this.fileType === '支付信息') {
|
||||
this.addForm.wgPayInfos[this.fileIndex].joinfile.push(response.data)
|
||||
data = this.addForm.wgPayInfos
|
||||
} else if (this.fileType === '参会记录') {
|
||||
this.addForm.wgMeetingInfos[this.fileIndex].joinfile.push(response.data)
|
||||
data = this.addForm.wgMeetingInfos
|
||||
}
|
||||
let list = ''
|
||||
data[this.fileIndex].joinfile.forEach(item => {
|
||||
if (list.length > 0) {
|
||||
list += ','
|
||||
list += item.name
|
||||
} else {
|
||||
list+= item.name
|
||||
}
|
||||
})
|
||||
data[this.fileIndex].joinfileName = list
|
||||
this.$message({
|
||||
showClose: true,
|
||||
message: response.message,
|
||||
type: 'success'
|
||||
})
|
||||
} else {
|
||||
this.$message.error('程序异常，上传失败')
|
||||
}
|
||||
},
|
||||
importFileRemove(file, fileList) {
|
||||
let list = ''
|
||||
let data
|
||||
if (this.fileType === '集团参与情况') {
|
||||
this.addForm.wgDepts[this.fileIndex].joinfile.push(response.data)
|
||||
data = this.addForm.wgDepts
|
||||
} else if (this.fileType === '支付信息') {
|
||||
this.addForm.wgPayInfos[this.fileIndex].joinfile.push(response.data)
|
||||
data = this.addForm.wgPayInfos
|
||||
} else if (this.fileType === '参会记录') {
|
||||
this.addForm.wgMeetingInfos[this.fileIndex].joinfile.push(response.data)
|
||||
data = this.addForm.wgMeetingInfos
|
||||
}
|
||||
data[this.fileIndex].joinfile = []
|
||||
if (fileList.length) {
|
||||
fileList.forEach(item => {
|
||||
data[this.fileIndex].joinfile.push(item)
|
||||
if (list.length > 0) {
|
||||
list += ','
|
||||
list += item.name
|
||||
} else {
|
||||
list+= item.name
|
||||
}
|
||||
})
|
||||
data[this.fileIndex].joinfileName = list
|
||||
} else {
|
||||
data[this.fileIndex].joinfile = []
|
||||
data[this.fileIndex].joinfileName = ''
|
||||
}
|
||||
},
|
||||
// 导入按钮 上传之前的钩子
|
||||
beginImportFile(file) {
|
||||
var filename = file.name
|
||||
var index1 = filename.lastIndexOf('.')
|
||||
var index2 = filename.length
|
||||
var fileSuffix = filename.substring(index1, index2)
|
||||
// const fileSuffix = file.name.split('.')[1] // 后缀名
|
||||
// 判断上传文件格式
|
||||
if (fileSuffix === '.ppt' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.PPT' || fileSuffix === '.xls' || fileSuffix === '.xlsx') {
|
||||
return true
|
||||
} else {
|
||||
this.$message.error('文件' + file.name + '格式不正确，请上传PPT,DOCX,XLS文件')
|
||||
return false
|
||||
}
|
||||
// 判断文件上传大小
|
||||
// eslint-disable-next-line no-unreachable
|
||||
if (file.size / 1024 / 1024 <= 200) {
|
||||
return true
|
||||
} else {
|
||||
this.$message.error('文件' + file.name + '大小不超过200M')
|
||||
return false
|
||||
}
|
||||
return true
|
||||
},
|
||||
addTelItem () {
|
||||
var id = Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
|
||||
this.addForm.wgNetInfos.push({
|
||||
joinId: id,
|
||||
joinPersonCompany: '',
|
||||
joinPerson: '',
|
||||
joinPersonPhone: '',
|
||||
joinPersonEmail: ''
|
||||
})
|
||||
}, // 新增秘书处联系方式
|
||||
addCyItem () {
|
||||
var id = Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
|
||||
this.addForm.wgDepts.push({
|
||||
joinId: id,
|
||||
joinPersonCompany: '',
|
||||
joinPerson: '',
|
||||
joinPersonPhone: '',
|
||||
joinPersonEmail: '',
|
||||
joinDept: '',
|
||||
joinSf: '',
|
||||
joinfile: [],
|
||||
joinfileName: '',
|
||||
joinPm: ''
|
||||
})
|
||||
}, // 新增集团参与情况
|
||||
addZfItem () {
|
||||
var id = Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
|
||||
this.addForm.wgPayInfos.push({
|
||||
joinId: id,
|
||||
joinPrice: '',
|
||||
joinYear: '',
|
||||
joinStatus: '',
|
||||
joinJhn: '',
|
||||
joinJffs: '',
|
||||
joinfile: [],
|
||||
joinfileName: '',
|
||||
joinFylz: ''
|
||||
})
|
||||
}, // 新增支付信息
|
||||
addChItem () {
|
||||
var id = Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
|
||||
this.addForm.wgMeetingInfos.push({
|
||||
joinId: id,
|
||||
joinfile: [],
|
||||
joinfileName: '',
|
||||
})
|
||||
}, // 新增参会记录
|
||||
delTelItem () {
|
||||
if (this.delNetInfos.length) {
|
||||
this.$confirm('您是否确认删除选中数据?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
confirmButtonClass: 'common-button-primary',
|
||||
roundButton: true
|
||||
}).then(() => {
|
||||
for (let a = 0; a < this.addForm.wgNetInfos.length; a++) {
|
||||
this.delNetInfos.forEach(item => {
|
||||
if (this.addForm.wgNetInfos[a].joinId === item.joinId) {
|
||||
this.addForm.wgNetInfos.splice(a, 1)
|
||||
}
|
||||
})
|
||||
}
|
||||
}).catch(() => {})
|
||||
} else {
|
||||
this.$message.warning('请选择要移除的数据')
|
||||
}
|
||||
}, // 删除秘书处联系方式
|
||||
delCyItem () {
|
||||
if (this.delDepts.length) {
|
||||
this.$confirm('您是否确认删除选中数据?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
confirmButtonClass: 'common-button-primary',
|
||||
roundButton: true
|
||||
}).then(() => {
|
||||
for (let a = 0; a < this.addForm.wgDepts.length; a++) {
|
||||
this.delDepts.forEach(item => {
|
||||
if (this.addForm.wgDepts[a].joinId === item.joinId) {
|
||||
this.addForm.wgDepts.splice(a, 1)
|
||||
}
|
||||
})
|
||||
}
|
||||
}).catch(() => {})
|
||||
} else {
|
||||
this.$message.warning('请选择要移除的数据')
|
||||
}
|
||||
}, // 删除集团参与情况
|
||||
delZfItem () {
|
||||
if (this.delPayInfos.length) {
|
||||
this.$confirm('您是否确认删除选中数据?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
confirmButtonClass: 'common-button-primary',
|
||||
roundButton: true
|
||||
}).then(() => {
|
||||
for (let a = 0; a < this.addForm.wgPayInfos.length; a++) {
|
||||
this.delPayInfos.forEach(item => {
|
||||
if (this.addForm.wgPayInfos[a].joinId === item.joinId) {
|
||||
this.addForm.wgPayInfos.splice(a, 1)
|
||||
}
|
||||
})
|
||||
}
|
||||
}).catch(() => {})
|
||||
} else {
|
||||
this.$message.warning('请选择要移除的数据')
|
||||
}
|
||||
}, // 删除支付信息
|
||||
delChItem () {
|
||||
if (this.delMeetingInfos.length) {
|
||||
this.$confirm('您是否确认删除选中数据?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
confirmButtonClass: 'common-button-primary',
|
||||
roundButton: true
|
||||
}).then(() => {
|
||||
for (let a = 0; a < this.addForm.wgMeetingInfos.length; a++) {
|
||||
this.delMeetingInfos.forEach(item => {
|
||||
if (this.addForm.wgMeetingInfos[a].joinId === item.joinId) {
|
||||
this.addForm.wgMeetingInfos.splice(a, 1)
|
||||
}
|
||||
})
|
||||
}
|
||||
}).catch(() => {})
|
||||
} else {
|
||||
this.$message.warning('请选择要移除的数据')
|
||||
}
|
||||
}, // 删除参会记录
|
||||
addItem () {
|
||||
this.addDrawer = true
|
||||
}, // 新增
|
||||
addDrawerClose () {
|
||||
this.addDrawer = false
|
||||
}, // drawer关闭事件
|
||||
getData () {
|
||||
this.$http.get('wg_work_group/researchData', {
|
||||
type: '0'
|
||||
@@ -48,14 +780,61 @@
|
||||
this.renderGraph(res.data)
|
||||
}
|
||||
})
|
||||
},
|
||||
}, // 获取数据
|
||||
handleNodeClick (node) {
|
||||
let json = {
|
||||
id: '123',
|
||||
name: '123',
|
||||
|
||||
this.headerNo = true
|
||||
let row = node._cfg.model
|
||||
console.log(row);
|
||||
this.addForm = {
|
||||
wgNetInfos: [],
|
||||
wgDepts: [],
|
||||
wgPayInfos: [],
|
||||
wgMeetingInfos: [],
|
||||
level: row.level,
|
||||
pName: row.name,
|
||||
itemType: row.level === '0' ? '标委会' : (row.level === '1' ? '分标委' : (row.level === '2' ? '工作组' : '标准'))
|
||||
}
|
||||
},
|
||||
if (row.level === '0') {
|
||||
this.addDrawerTitle = '新增标委会'
|
||||
this.addButton = true
|
||||
this.addItemButton = false
|
||||
this.editButton = false
|
||||
this.delectButton = false
|
||||
this.seeButton = false
|
||||
this.seeItemButton = false
|
||||
} else if (row.level === '1') {
|
||||
this.addDrawerTitle = '新增分标委'
|
||||
this.addButton = true
|
||||
this.addItemButton = false
|
||||
this.editButton = true
|
||||
this.delectButton = true
|
||||
this.seeButton = true
|
||||
this.seeItemButton = false
|
||||
} else if (row.level === '2') {
|
||||
this.addDrawerTitle = '新增工作组'
|
||||
this.addButton = true
|
||||
this.addItemButton = false
|
||||
this.editButton = true
|
||||
this.delectButton = true
|
||||
this.seeButton = true
|
||||
this.seeItemButton = false
|
||||
} else if (row.level === '3') {
|
||||
this.addDrawerTitle = '新增标准'
|
||||
this.addButton = false
|
||||
this.addItemButton = true
|
||||
this.editButton = true
|
||||
this.delectButton = true
|
||||
this.seeButton = true
|
||||
this.seeItemButton = false
|
||||
} else if (row.level === '4') {
|
||||
this.addButton = false
|
||||
this.addItemButton = false
|
||||
this.editButton = false
|
||||
this.delectButton = true
|
||||
this.seeButton = false
|
||||
this.seeItemButton = true
|
||||
}
|
||||
}, // 点击节点事件
|
||||
handleEdgeClick (node) {},
|
||||
renderGraph(row) {
|
||||
this.graphData = row
|
||||
@@ -280,9 +1059,19 @@
|
||||
this.handleEdgeClick (edgeItem)
|
||||
});
|
||||
},
|
||||
getList() {
|
||||
this.$http.get('sys/dictype/getDicTypeListCode', {},{
|
||||
_this: this
|
||||
}, res => {
|
||||
if (res.ok) {
|
||||
console.log(res);
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getData();
|
||||
this.getList()
|
||||
},
|
||||
created() {
|
||||
// this.getData();
|
||||
@@ -296,5 +1085,27 @@
|
||||
<style lang="less" scoped>
|
||||
.workingGroup1{
|
||||
height: 100%;
|
||||
/deep/.el-form-item__label {
|
||||
height: 100%;
|
||||
}
|
||||
/deep/.el-form-item__content {
|
||||
line-height: 50px;
|
||||
height: 100%;
|
||||
}
|
||||
.header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.header-right {
|
||||
}
|
||||
}
|
||||
.formTitle {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.left {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user