From 5f849fa11b5bd7e8ef6c525832511545c6947f68 Mon Sep 17 00:00:00 2001
From: zhutianqi <ztq_qi@sina.com>
Date: Mon, 8 Nov 2021 18:02:05 +0800
Subject: [PATCH] commit

---
 src/components/personalCenter/index.vue       |  36 +-
 .../components/workingGroup1/index.vue        | 867 +++++++++++++++++-
 2 files changed, 857 insertions(+), 46 deletions(-)

diff --git a/src/components/personalCenter/index.vue b/src/components/personalCenter/index.vue
index ae500d7f9..ef0dfb12a 100644
--- a/src/components/personalCenter/index.vue
+++ b/src/components/personalCenter/index.vue
@@ -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;">&#xe69b;</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;">&#xe69b;</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>-->
diff --git a/src/pages/regulatoryRepository/workingGroup/components/workingGroup1/index.vue b/src/pages/regulatoryRepository/workingGroup/components/workingGroup1/index.vue
index fa10328ed..2e19c5d87 100644
--- a/src/pages/regulatoryRepository/workingGroup/components/workingGroup1/index.vue
+++ b/src/pages/regulatoryRepository/workingGroup/components/workingGroup1/index.vue
@@ -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>