diff --git a/src/api/modules/processCenter.js b/src/api/modules/processCenter.js
index 156c7ec..d002cb5 100644
--- a/src/api/modules/processCenter.js
+++ b/src/api/modules/processCenter.js
@@ -1,19 +1,19 @@
 import { instance as request } from '@/utils/request'
-export default{
-    //查询
-    search(data){
-        return request({
-            url: '',
-            method: 'POST',
-            data
-          })
-    },
-    //重置
-    reset(data){
-        return request({
-            url: '',
-            method: 'POST',
-            data
-          })
-    }
-}
\ No newline at end of file
+export default {
+  // 查询
+  search (data) {
+    return request({
+      url: '',
+      method: 'POST',
+      data
+    })
+  },
+  // 重置
+  reset (data) {
+    return request({
+      url: '',
+      method: 'POST',
+      data
+    })
+  }
+}
diff --git a/src/assets/css/process.scss b/src/assets/css/process.scss
new file mode 100644
index 0000000..4c07afa
--- /dev/null
+++ b/src/assets/css/process.scss
@@ -0,0 +1,44 @@
+//流程样式
+.process{
+  background-color: #fff;
+  width:100%;
+  height: 100%;
+  padding: 10px 20px;
+  overflow: auto;
+}
+.process_box{
+  padding: 10px 30px;
+  border: 1px solid #e8f6fe;
+}
+.procedure{
+
+}
+.content{
+  margin-top: 25px;
+  width:100%;
+  padding: 10px 30px;
+  border: 1px dotted #ccc;
+}
+.base_title{
+  display: inline-block;
+  font-size: 18px;
+  font-weight: 700;
+  color: #555;
+  line-height: 40px;
+  border-bottom: 3px solid #409eff;
+  margin-bottom: 20px;
+}
+// 表单的样式
+.label-input-form{
+  padding-right: 80px;
+  .el-form-item.el-form-item__label{
+    line-height: 40px;
+    font-size: 15px;
+    color:#555 !important;
+  }
+  .el-form-item.el-input__inner{
+    height: 40px;
+    line-height: 40px;
+  }
+}
+
diff --git a/src/components/OrgTable.vue b/src/components/OrgTable.vue
new file mode 100644
index 0000000..10ba2c0
--- /dev/null
+++ b/src/components/OrgTable.vue
@@ -0,0 +1,1123 @@
+<!-- 分页从全公司选择人员 -->
+<template>
+  <div>
+    <!-- 弹窗,dialogModel则作为单独组件使用 -->
+    <el-dialog
+      append-to-body
+      :title="showTitle"
+      :visible.sync="isVisible"
+      :close-on-click-modal="false"
+      class="org-table"
+      @close="handleClose">
+      <el-tabs v-model="activeName" class="customElTabs hasLine" @tab-click="handleClick" v-if="isShowOrg">
+        <el-tab-pane label="人员" name="first">
+
+        </el-tab-pane>
+        <el-tab-pane label="部门" name="second" v-if="isShowOrg">
+
+        </el-tab-pane>
+      </el-tabs>
+      <template v-if="activeName=='first'">
+        <div class="search-area search-new">
+          <el-form
+            :model="searchForm"
+            inline
+            class="label-input-form"
+            label-width="33px"
+            @keyup.enter.native="handleSearch">
+            <el-row :gutter="24">
+              <el-col :xl="6" :lg="8">
+                <el-form-item label="部门" class="search-item">
+                  <el-input v-model="searchForm.orgId" v-show="false"/>
+                  <el-popover
+                    placement="bottom"
+                    popper-class="user-dept-popper"
+                    trigger="click"
+                    :value="false"
+                  >
+                    <el-input
+                      @mouseenter.native="handleMouseEnter"
+                      @mouseleave.native="handleMouseLeave"
+                      slot="reference"
+                      v-model="searchForm.orgName"
+                      placeholder="根据部门查询"
+                      readonly
+                      clearable
+                      id="orgInput">
+                      <i slot="suffix"
+                         class="org el-icon-circle-close"
+                         @click.stop="handleOrgDel"
+                         v-show="visibleOrgClearBtn"></i>
+                    </el-input>
+                    <div class="api">
+                      <laws-tree
+                        :zNodes="orgZNodes"
+                        ref="orgTree"
+                        :editable="false"
+                        treeDivId="orgTreeOrgTable"
+                        deptSelect
+                        @treeDblClick="handleSearchOrgChecked"
+                        style="width: 200px;height: 400px;overflow: auto;">
+                      </laws-tree>
+                    </div>
+                  </el-popover>
+                </el-form-item>
+              </el-col>
+              <el-col :xl="6" :lg="8">
+                <el-form-item label="姓名" class="search-item">
+                  <!--            <el-input-->
+                  <!--                v-model="searchForm.uname"-->
+                  <!--                placeholder="根据姓名查询"-->
+                  <!--                clearable></el-input>-->
+                  <search-input :placeholder="'根据姓名查询'" class="search-item" v-model="searchForm.uname"/>
+                </el-form-item>
+              </el-col>
+              <el-col :xl="6" :lg="8">
+                <el-form-item label="工号" class="search-item">
+                  <search-input :placeholder="'根据工号查询'" class="search-item" v-model="searchForm.workNum"/>
+                </el-form-item>
+              </el-col>
+              <el-col :xl="6" :lg="24">
+                <el-form-item class="search-item btn-box">
+                  <!--                                                                        :loading="loading.searching"-->
+                  <el-button
+                    :disabled="loading.searching"
+                    type="primary"
+                    class="common-button-primary img-button"
+                    size="small"
+                    @click="handleSearch">查询
+                  </el-button>
+                  <el-button
+                    class="common-button-default img-button"
+                    size="small"
+                    @click="handleReset">重置
+                  </el-button>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+        <div class="org-user v-class">
+
+          <el-table
+            v-if="isVisible"
+            ref="orgTable"
+            :data="tableData"
+            tooltip-effect="dark"
+            style="width: 100%"
+            border
+            stripe
+            :header-cell-style="{ background: '#f8f8f9', color: '#515a6e' }"
+            height="350"
+            v-loading="loading.loadData"
+            :cell-class-name="cellClassName"
+            @select="selectionRow"
+            @select-all="selectionRowAll">
+            <el-table-column v-if="maxSelected && maxSelected == 1" label="" width="55" align="center">
+              <template slot-scope="scope">
+                <el-radio class="tableRadio" v-model="tableChecked" @change="radioChange(scope.row)"
+                          :label="scope.row.userId">{{ null }}
+                </el-radio>
+              </template>
+            </el-table-column>
+            <el-table-column
+              v-else
+              type="selection"
+              width="55"
+              align="center"
+              :selectable="isSelectable">
+            </el-table-column>
+            <!--                                v-if="workNumFlag"-->
+            <el-table-column
+              label="工号"
+              width="120"
+              prop="workNum"
+              align="center"
+              show-overflow-tooltip>
+            </el-table-column>
+            <el-table-column
+              label="姓名"
+              width="120"
+              :prop="presets ? 'personName':'userName'"
+              align="center"
+              show-overflow-tooltip>
+            </el-table-column>
+            <el-table-column
+              prop="email"
+              label="邮箱"
+              align="center"
+              show-overflow-tooltip>
+            </el-table-column>
+            <!--                        <el-table-column-->
+            <!--                                :prop="presets?'role':(pageUrl == 'productItem' ? 'projectRoleName' : 'roleNames') "-->
+            <!--                                label="角色"-->
+            <!--                                align="center"-->
+            <!--                                show-overflow-tooltip>-->
+            <!--                            &lt;!&ndash;            <template slot-scope="scope">&ndash;&gt;-->
+            <!--                            &lt;!&ndash;              <div class="tag-wrap">&ndash;&gt;-->
+            <!--                            &lt;!&ndash;                <el-tag&ndash;&gt;-->
+            <!--                            &lt;!&ndash;                  size="small"&ndash;&gt;-->
+            <!--                            &lt;!&ndash;                  v-for="(tag, index) in scope.row.roleName.split(',')"&ndash;&gt;-->
+            <!--                            &lt;!&ndash;                  :key="index">{{ tag }}</el-tag>&ndash;&gt;-->
+            <!--                            &lt;!&ndash;              </div>&ndash;&gt;-->
+            <!--                            &lt;!&ndash;            </template>&ndash;&gt;-->
+            <!--                        </el-table-column>-->
+            <el-table-column
+              label="部门"
+              align="center"
+              show-overflow-tooltip>
+              <template #default="{ row }">{{ row.departmentName || row.departName || row.orgName }}
+              </template>
+            </el-table-column>
+            <el-table-column
+              label="组织管理"
+              prop="workingGroupName"
+              align="center"
+              show-overflow-tooltip>
+            </el-table-column>
+          </el-table>
+        </div>
+        <pagination
+          :page="page"
+          :pageSize="pageSize"
+          :total="total"
+          @pageChange="handlePageChange"
+          @pageSizeChange="handlePageSizeChange"
+        ></pagination>
+        <template v-if="btnFlag">
+          <!-- 已选择的用户 -->
+          <template v-if="maxSelected !== 1">
+            <el-divider content-position="left">已选择</el-divider>
+            <div class="checked-user-list">
+              <el-tag
+                size="medium"
+                closable
+                v-for="item in checkedList"
+                :key="item.usid || item.userId || item.id"
+                @close="handleRemove(item)">{{ item.uname || item.userName || item.name }}
+              </el-tag>
+              <el-button
+                type="danger"
+                size="mini"
+                @click="handleCleanChecked"
+                v-show="checkedIdList.length > 1">全部删除
+              </el-button>
+            </div>
+          </template>
+          <div style="text-align: right;" class="dialog-footer">
+            <el-button size="small"
+                       type="primary"
+                       class="common-button-primary"
+                       @click="handleConfirm">确 定
+            </el-button>
+            <el-button size="small"
+                       class="common-button-default"
+                       @click="handleCancel">取 消
+            </el-button>
+          </div>
+        </template>
+      </template>
+    </el-dialog>
+
+    <!-- 非弹窗模式使用 -->
+    <el-col :span="span" v-if="!dialogModel">
+      <el-form-item
+        :label="config.attrName"
+        :prop="config.attrField"
+        :label-width="labelWidth"
+        class="add-form-item expand-form-item"
+        :class="{'form-item-disabled': disabled}"
+      >
+        <el-input
+          v-model="checkedName"
+          :placeholder="'请选择' + config.attrName"
+          readonly
+          :disabled="disabled"
+          :id="config.attrField"
+          @click.native="handleChooseByDialog"
+        />
+      </el-form-item>
+    </el-col>
+  </div>
+</template>
+
+<script>
+import {mapGetters} from 'vuex'
+
+export default {
+  name: 'OrgTable',
+  mixins: [],
+  props: {
+    title: {
+      type: String,
+      default: '组织机构'
+    },
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    // 弹窗模式选取
+    dialogModel: {
+      type: Boolean,
+      default: false
+    },
+    config: {
+      type: Object
+    },
+    value: {
+      required: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    // 栅格比例
+    span: {
+      type: Number,
+      default: 24
+    },
+    // 原数据对象
+    dataModel: {
+      type: Object,
+      default: () => {
+        return {}
+      }
+    },
+    labelWidth: {
+      type: String,
+      default: '150px'
+    },
+    maxSelected: {
+      type: Number
+    },
+    maxSelectedTips: {
+      type: String
+    },
+    // 不可选人员
+    excludeUser: {
+      type: [Array, String]
+    },
+    defaultCheck: {
+      type: Object
+    },
+    deptZNodes: {
+      type: Array
+    },
+    orgId: {
+      type: String
+    },
+    roleName: {
+      type: String
+    },
+    searchVal: {
+      type: Object
+    },
+    workNumFlag: {
+      type: Boolean,
+      default: false
+    },
+    notUserId: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
+    idList: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
+    btnFlag: {
+      type: Boolean,
+      default: true
+    },
+    // 父组件url
+    pageUrl: {
+      type: String,
+      default: null
+    },
+    // 任务处理
+    sarTask: {
+      type: String,
+      default: null
+    },
+    pageId: {
+      type: String,
+      default: null
+    },
+    //preset 审定人员审查人员的接口
+    preset: {
+      type: Boolean,
+      default: false
+    },
+    //people 控制是审查还是审定
+    showTable: {
+      type: String,
+      default: ''
+    },
+    //哪个流程的制修订
+    zy: {
+      type: Number,
+      default: 0
+    }
+  },
+  data() {
+    return {
+      activeName: 'first',
+      menuTreeLoading: false,
+      zNodesTree: [],
+      checkIdList: [],
+      presets: false,
+      isVisible: false,
+      visibleOrgClearBtn: false,
+      searchForm: {
+        orgId: '',
+        orgName: '',
+        userName: '',
+        uname: ''
+      },
+      tableData: [],
+      tableChecked: null,
+      tableDataSelectedList: [],
+      page: 1,
+      pageSize: this.configContent,
+      total: 0,
+      checkedList: [],
+      loading: {
+        searching: false,
+        loadData: false
+      },
+      orgZNodes: [],
+      // 选中节点id集合
+      checkedIdList: [],
+      // 非弹窗模式
+      treeCheckNode: [],
+      checkedName: '',
+      zNodesRole: [],
+      roleList: [],
+      repeatFlag: false,
+      isShowOrg: true
+    }
+  },
+  methods: {
+    // 查询二级菜单
+    selectMenu() {
+      let url = 'sys/org/getTree'
+      let parmas = {
+        // sorDivide: 'OUT',
+        // cancel: 0 // 作废 1 不作废 0
+      }
+      this.menuTreeLoading = true
+      this.$http.get(url, parmas, {
+        _this: this
+      }, res => {
+        this.menuTreeLoading = false
+        let treeNode = []
+        res.data.map((item, index) => {
+          let treeItem = {}
+          for (let key in item) {
+            if (key === 'orgName') {
+              treeItem.name = item[key]
+            } else {
+              treeItem[key] = item[key]
+            }
+          }
+          treeNode[OrgTable] = treeItem
+        })
+// console.log(treeNode)
+        this.zNodesTree = treeNode
+      }, e => {
+      })
+
+    },
+
+    /** 获取选择体系的数据 进行赋值*/
+    handleEOCheck(checkedList) {
+      console.log(checkedList, "pooooooo")
+      // checkedList.children.forEach(item=>{
+      //     item.check
+      // })
+      this.EOCheckList = checkedList
+    },
+    treeClick(treeNode, className) {
+      // console.log(treeNode)
+      if (this.lawsTree == 0 && className.indexOf('ico_docu') < 0) {
+        this.$message.warning('请选择节点！')
+        this.EOCheckList = ''
+        return false
+      }
+      console.log(className, "pppppiiiii")
+      this.EOCheckList = [treeNode]
+    },
+    handleClick(tab) {
+      tab.name == 'first' ? this.getRoleAndUserByOrgIdPage() : this.selectMenu();
+    },
+    handleClose() {
+      this.searchForm = {
+        orgId: '',
+        orgName: '',
+        userName: '',
+        uname: '',
+        roleId: '',
+        roleName: '',
+      }
+      this.page = 1
+      this.checkedList = []
+      this.checkedIdList = []
+      this.$refs['orgTable'].clearSelection()
+    },
+
+    handleCancel() {
+      this.isVisible = false
+    },
+    getUser(ids) {
+      this.$http.postData('sys/user/UserViewPage', {
+          pageSize: 1000,
+          orgIds: ids
+        }, {
+          _this: this,
+          loading: 'loadData'
+        },
+        res => {
+          if (res.ok) {
+            this.EOCheckList = res.data.list
+            let orgName = []
+            this.EOCheckList.forEach(item => {
+              if (orgName.indexOf(item.orgName) == -1) {
+                orgName.push(item.orgName)
+
+              } else {
+                // delete item['orgName']
+              }
+              item.uname = item.uname + '_' + item.account + '_' + (item.departmentName ? item.departmentName : item.orgName)
+              item.userName = item.userName + '_' + item.account + '_' + (item.departmentName ? item.departmentName : item.orgName)
+
+            })
+            console.log(this.EOCheckList)
+            //重新整合数组
+            this.$emit('confirm', this.EOCheckList)
+          }
+        }, e => {
+
+        })
+    },
+    handleConfirm() {
+      if (this.dialogModel) {
+        if (this.maxSelected && this.maxSelected > -1 && this.checkedList.length > this.maxSelected) {
+          this.$message.warning(this.maxSelectedTips || `${this.title} 只能选择一个用户`)
+          this.isShowOrg = false
+        } else {
+          const checkedIdList = []
+
+          if (this.activeName == 'second') {
+            console.log(this.EOCheckList, "popopop")
+            let ids = []
+            this.EOCheckList.forEach(item => {
+              ids.push(item.id)
+            })
+            this.getUser(ids.join(','))
+            //如果是按照部门  就渲染
+          } else {
+
+            this.checkedList.map(chkItem => {
+              checkedIdList.push(chkItem.usid || chkItem.userId || chkItem.id)
+              console.log(chkItem.uname, chkItem)
+              if (chkItem.uname) {
+                chkItem.uname = chkItem.uname + '_' + chkItem.account
+                chkItem.userName = chkItem.userName + '_' + chkItem.account
+                chkItem.orgName = chkItem.departmentName ? chkItem.departmentName : chkItem.orgName
+              } else if (!chkItem.uname && chkItem.userName) {
+                chkItem.uname = chkItem.userName
+                chkItem.userName = chkItem.userName
+              }
+            })
+            this.$emit('confirm', this.checkedList, checkedIdList)
+
+          }
+          this.isVisible = false
+        }
+      } else {
+        switch (this.config.attrType) {
+          // 多选
+          case 'SEL_OPTS':
+            break
+          // 单选
+          default:
+            if (this.checkedList.length > 1) {
+              this.$message.warning(`${this.config.attrName} 只能选择一个用户`)
+            } else {
+              const dataItem = this.checkedList[0]
+              this.checkedName = dataItem.uname || dataItem.userName || dataItem.orgName
+              const id = dataItem.id || dataItem.userId || dataItem.usid
+              this.$emit('input', id)
+              this.$emit('on-checked', this.checkedName)
+              this.$emit('on-dept', dataItem.pOrgId, dataItem.pOrgName)
+              setTimeout(() => {
+                this.isVisible = false
+              }, 100)
+            }
+        }
+      }
+    },
+
+    handlePageChange(page) {
+      this.page = page
+      this.getRoleAndUserByOrgIdPage()
+    },
+
+    handlePageSizeChange(pageSize) {
+      this.pageSize = pageSize
+      this.getRoleAndUserByOrgIdPage()
+    },
+
+    handleSearch() {
+      this.page = 1
+      this.loading.searching = true
+      this.getRoleAndUserByOrgIdPage()
+    },
+
+    handleReset() {
+      this.page = 1
+      this.searchForm = {
+        orgId: '',
+        orgName: '',
+        userName: '',
+        uname: ''
+      }
+      this.getRoleAndUserByOrgIdPage()
+    },
+
+    handleSearchOrgChecked(treeId, treeNode) {
+      this.searchForm.orgId = treeNode.id
+      this.searchForm.orgName = treeNode.oldname || treeNode.name
+      $('#orgInput').click()
+    },
+
+    /**
+     * @description: 获取组织机构
+     * @author: chenxiaoxi
+     * @time: 2021-03-21 14:40:59
+     */
+    getOrg() {
+      this.$http.get('sys/org/getTree', {}, {_this: this},
+        res => {
+          if (res.ok) {
+            res.data.map(item => {
+              item.name = item.orgName
+              // item.icon = 'static/images/dept.png'
+            })
+            this.orgZNodes = res.data
+          }
+        }, e => {
+        })
+    },
+
+    /**
+     * @description: 分页查询用户
+     * @author: chenxiaoxi
+     * @time: 2021-03-21 17:08:06
+     */
+    getRoleAndUserByOrgIdPage(types) {
+      console.log(types, "types")
+      console.log(this.preset, "types")
+      if (!types) {
+        this.presets = this.preset
+      }
+
+      this.loading.loadData = true
+      if (this.orgId) {
+        if (this.searchForm.orgId === '') {
+          this.searchForm.orgId = this.orgId
+        }
+      }
+      let url = ''
+      let param = {
+        page: this.page,
+        pageSize: this.pageSize,
+        ...this.searchForm,
+        roleName: this.roleName,
+        notUserId: this.notUserId.length > 0 ? this.notUserId.toString() : null,
+        idList: this.idList.length > 0 ? this.idList.toString() : null,
+        disableFlag: 0
+      }
+      if (this.pageUrl == 'productItem') {
+        url = `newlaws/productItem/info/${this.pageId}/userPage`
+      } else if (this.sarTask) {
+        url = 'newlaws/sarTask/userPage/' + this.sarTask
+      } else if (this.presets && !types) {
+        url = 'perset/perset/selectUnamePage'
+        param = {
+          page: this.page,
+          pageSize: this.pageSize,
+          orgId: this.searchForm.orgId,
+          orgName: this.searchForm.orgName,
+          personName: this.searchForm.uname,
+          workNum: this.searchForm.workNum,
+          type: this.showTable == 'scry' ? '1' : '2',
+          zy: this.zy
+
+        }
+      } else {
+        url = 'sys/user/UserViewPage'
+      }
+      // let this.notUserId.length > 0 ? this.notUserId.toString() : null
+      // getRoleAndUserByOrgIdPage(
+      if (this.presets && !types) {
+        this.$http.postData(url, param, {
+          _this: this,
+        }, res => {
+          this.loading.loadData = false
+          this.loading.searching = false
+          if (res.ok) {
+
+            this.total = res.data.total
+            if (this.total == 0) {
+              this.presets = false
+              this.getRoleAndUserByOrgIdPage(true)
+            } else {
+              this.getOrg()
+              this.tableData = res.data.records
+
+              const checkedRow = []
+              this.tableData.map(dataItem => {
+                const id = dataItem.usid || dataItem.userId || dataItem.orgId || dataItem.personId
+                dataItem.userId = dataItem.personId
+                dataItem.userName = dataItem.personName
+                if (this.checkedIdList.includes(id)) {
+                  checkedRow.push(dataItem)
+                }
+              })
+              this.checkedRow(checkedRow)
+            }
+
+          }
+        }, e => {
+          this.loading.loadData = false
+          this.loading.searching = false
+        })
+      } else if (this.sarTask) {
+        this.$http.get(url, param, {
+          _this: this,
+        }, res => {
+          this.loading.loadData = false
+          this.loading.searching = false
+          if (res.ok) {
+            this.getOrg()
+            this.total = res.data.count
+            this.tableData = this.pageUrl == 'productItem' ? res.data : res.data.list
+            const checkedRow = []
+            this.tableData.map(dataItem => {
+              const id = dataItem.usid || dataItem.userId || dataItem.orgId || dataItem.id
+              if (this.checkedIdList.includes(id)) {
+                checkedRow.push(dataItem)
+              }
+            })
+            this.checkedRow(checkedRow)
+          }
+        }, e => {
+          this.loading.loadData = false
+          this.loading.searching = false
+        })
+      } else {
+        this.$http.postData(url, param, {
+          _this: this,
+        }, res => {
+          this.loading.loadData = false
+          this.loading.searching = false
+          if (res.ok) {
+            this.getOrg()
+            this.total = res.data.count
+            this.tableData = this.pageUrl == 'productItem' ? res.data : res.data.list
+            const checkedRow = []
+            this.tableData.map(dataItem => {
+              const id = dataItem.usid || dataItem.userId || dataItem.orgId || dataItem.id
+              if (this.checkedIdList.includes(id)) {
+                checkedRow.push(dataItem)
+              }
+            })
+            this.checkedRow(checkedRow)
+          }
+        }, e => {
+          this.loading.loadData = false
+          this.loading.searching = false
+        })
+      }
+
+    },
+
+    // handleRowSelect(selection, row) {
+    //   const id = row.userId || row.id
+    //   // 当前行选中/取消选中,其他相同用户(角色不同)被选中/取消选中
+    //   this.tableData.map(dataItem => {
+    //     if (dataItem.userId === id || dataItem.id === id) {
+    //       this.$refs['orgTable'].toggleRowSelection(dataItem, selection.includes(row))
+    //     }
+    //   })
+    //   console.log(this.checkedList)
+    // },
+    radioChange(e) {
+      // console.log(e)
+      this.checkedIdList = [];
+      this.checkedList = [];
+      this.checkedIdList.push(e.userId)
+      this.checkedList.push(e);
+    },
+    selectionRow(selection, row) {
+      let selected = selection.length && selection.indexOf(row) !== -1; //为true时选中，为 0 时（false）未选中
+      if (selected) {
+        selection.map(selItem => {
+          const id = selItem.userId
+          if (!this.checkedIdList.includes(id)) {
+            this.checkedIdList.push(id)
+            this.checkedList.push(row);
+          }
+        })
+      } else {
+        this.handleRemove(row, 'table')
+      }
+    },
+    selectionRowAll(selection) {
+      if (selection.length > 0) {
+        selection.map(selItem => {
+          const id = selItem.userId
+          if (!this.checkedIdList.includes(id)) {
+            this.checkedIdList.push(id)
+            this.checkedList.push(selItem);
+          }
+        })
+      } else {
+        this.tableData.map(selItem => {
+          this.handleRemove(selItem, 'table')
+        })
+      }
+    },
+
+    handleSelectionChange(selection) {
+      if (selection.length) {
+        selection.map(selItem => {
+          const id = selItem.usid || selItem.userId || selItem.orgId || selItem.id
+          // 如果exclude不含当前行
+          if (!this.excludeIdList.includes(id)) {
+            // 如果下面列表没有,就填到下面列表里
+            if (!this.checkedIdList.includes(id)) {
+              this.checkedList.push(selItem)
+              this.checkedIdList.push(id)
+            }
+          } else {
+            // 如果exclude含当前行,当前行置为未选中状态
+            // this.$message.warning('主起草人/其他起草人不能为同一个人')
+            // this.$nextTick(() => {
+            //   this.$refs['orgTable'].toggleRowSelection(selItem, false)
+            // })
+          }
+        })
+      }
+    },
+
+    handleRemove(user, type) {
+      let delIndex = -1
+      this.checkedList.map((checkedItem, chkIndex) => {
+        if (user.userId === checkedItem.userId) {
+          delIndex = chkIndex
+          if (type !== "table") {
+            this.checkedRow([checkedItem])
+          }
+          return false
+        }
+      })
+      this.checkedList.splice(delIndex, 1)
+      this.checkedIdList.splice(delIndex, 1)
+    },
+
+    handleOrgDel() {
+      this.searchForm.orgId = ''
+      this.searchForm.orgName = ''
+    },
+
+    /**
+     * @description: 设置选中状态
+     * @author: chenxiaoxi
+     * @time: 2021-03-22 10:06:03
+     */
+    checkedRow(rows) {
+      this.$nextTick(() => {
+        if (rows.length) {
+          rows.forEach(row => {
+            /*双重for循环，为了解决，第二次点击弹框得时候，删除已选择里面得人员，表格勾选没有取消问题*/
+            for (let i = 0; i < this.tableData.length; i++) {
+              if (this.tableData[i].userId == row.userId) {
+                // console.log(this.tableData[i], '666')
+                this.$refs['orgTable'] && this.$refs['orgTable'].toggleRowSelection(this.tableData[i])
+              }
+            }
+          });
+        } else {
+          this.$refs['orgTable'] && this.$refs['orgTable'].clearSelection()
+        }
+      })
+    },
+
+    cellClassName({row, column, rowIndex, columnIndex}) {
+      if (columnIndex === 3) {
+        return 'tag-column'
+      }
+    },
+
+    isSelectable(row, index) {
+      return !this.excludeIdList.includes(row.userId)
+    },
+
+    handleChooseByDialog() {
+      if (!this.dialogModel) {
+        this.checkedName = this.config.valueName || ''
+        if (this.config.value) {
+          this.checkedList = [{
+            userId: this.config.value,
+            userName: this.config.valueName
+          }]
+        }
+        const idList = this.config.value === '' || !this.config.value ? [] : this.config.value.split(',')
+        this.checkedIdList = [...idList]
+      }
+      this.isVisible = true
+      this.getRoleAndUserByOrgIdPage()
+    },
+
+    handleMouseEnter() {
+      if (this.searchForm.orgName !== '') {
+        this.visibleOrgClearBtn = true
+      }
+    },
+
+    handleMouseLeave() {
+      this.visibleOrgClearBtn = false
+    },
+
+    handleCleanChecked() {
+      this.$confirm('您是否确定移除全部已选中', '确定移除', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        confirmButtonClass: 'common-button-primary',
+
+        type: 'warning'
+      }).then(() => {
+        this.checkedList = []
+        this.checkedIdList = []
+        this.$refs['orgTable'].clearSelection()
+      }).catch(e => {
+      })
+    }
+  },
+  computed: {
+    configContent() {
+      return this.userInfo.configContent
+    },
+
+    placeholder() {
+      return !this.dialogModel && `请选择${this.config.attrName}`
+    },
+    showMessage() {
+      return !this.dialogModel && `${this.config.attrName}不能为空`
+    },
+    isRequired() {
+      return !this.dialogModel && !!this.config.isMust
+    },
+    isString(str) {
+      return (typeof str === 'string') && str.constructor === String
+    },
+    isFO() {
+      return !this.dialogModel && this.config.attrField === 'FO'
+    },
+    ZRBM() {
+      return this.dataModel['ZRBM'] || ''
+    },
+    showTitle() {
+      return this.dialogModel ? this.title : this.config.attrName
+    },
+    excludeIdList() {
+      return this.excludeUser && this.excludeUser !== '' ? (this.excludeUser instanceof Array ? this.excludeUser : this.excludeUser.split(',')) : []
+    },
+    ...mapGetters(['userInfo'])
+
+  },
+  watch: {
+    visible(val) {
+      this.isVisible = val
+      this.tableChecked = null
+      if (this.maxSelected === 1) {
+        this.isShowOrg = false
+        this.activeName = 'first'
+      } else {
+        this.isShowOrg = true
+      }
+      if (val) {
+        if (this.config.value && this.config.value !== '') {
+          let idListDepartment = []
+          let nameListDepartment = []
+          let idRoleList = [];
+          let nameRoleList = [];
+          const idList = this.config.value instanceof Array ? this.config.value : (this.config.value === '' ? [] : this.config.value.split(','))
+          const nameList = this.config.valueName instanceof Array ? this.config.valueName.split(',') : (this.config.valueName === '' ? [] : this.config.valueName.split(','))
+          if (this.config.valueDepartment) {
+            idListDepartment = this.config.valueDepartment instanceof Array ? this.config.valueDepartment : (this.config.valueDepartment === '' ? [] : this.config.valueDepartment.split(','))
+          }
+          if (this.config.valueNameDepartment) {
+            nameListDepartment = this.config.valueNameDepartment instanceof Array ? this.config.valueNameDepartment.split(',') : (this.config.valueNameDepartment === '' ? [] : this.config.valueNameDepartment.split(','))
+          }
+          if (this.config.valueRole) {
+            idRoleList = this.config.valueRole instanceof Array ? this.config.valueRole : (this.config.valueRole === '' ? [] : this.config.valueRole.split(','))
+            nameRoleList = this.config.valueNameRole instanceof Array ? this.config.valueNameRole.split(',') : (this.config.valueNameRole === '' ? [] : this.config.valueNameRole.split(','))
+          }
+          this.checkedIdList = idList
+          const checkedList = []
+          idList.map((id, index) => {
+            checkedList.push({
+              userId: id,
+              userName: nameList[OrgTable],
+              orgId: idListDepartment[OrgTable],
+              orgName: nameListDepartment[OrgTable],
+              roleId: idRoleList[OrgTable],
+              roleName: nameRoleList[OrgTable],
+            })
+          })
+
+          if (this.maxSelected == 1) {
+            // debugger
+            this.tableChecked = this.config.value;
+            this.isShowOrg = false
+          }
+          // console.log(checkedList, 'checkedList', 'idListDepartment===', idListDepartment, 'nameListDepartment===', nameListDepartment)
+          this.checkedList = checkedList
+        }
+        if (this.searchVal && this.searchVal.type == 'qcrbm') {
+          this.searchForm.orgId = this.searchVal.OrgId
+          this.searchForm.orgName = this.searchVal.orgName
+        } else {
+          this.searchForm.orgId = ''
+          this.searchForm.orgName = ''
+        }
+        this.getRoleAndUserByOrgIdPage()
+        this.selectMenu()
+      }
+    },
+    isVisible(val) {
+      this.$emit('update:visible', val)
+    },
+    value(newVal, oldVal) {
+      this.checkedName = newVal !== '' ? this.checkedName : ''
+    },
+    deptZNodes: {
+      handler(val) {
+        this.orgZNodes = val
+      }
+    }
+  },
+  mounted() {
+
+    this.isVisible = this.visible
+    if (!this.dialogModel) {
+      this.checkedName = this.config.valueName || ''
+      if (this.config.value !== '') {
+        this.checkedList = [{
+          userId: this.config.value,
+          userName: this.config.valueName
+        }]
+        const idList = this.config.value === '' ? [] : this.config.value.split(',')
+        this.checkedIdList = [...idList]
+      }
+    } else {
+      const idList = this.config.value instanceof Array ? this.config.value : (this.config.value === '' ? [] : this.config.value.split(','))
+      const nameList = this.config.valueName instanceof Array ? this.config.valueName.split(',') : (this.config.valueName === '' ? [] : this.config.valueName.split(','))
+      this.checkedIdList = idList
+      const checkedList = []
+      idList.map((id, index) => {
+        checkedList.push({
+          userId: id,
+          userName: nameList[OrgTable]
+        })
+      })
+      this.checkedList = checkedList
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.org-table {
+  ::v-deep .el-dialog__header {
+    padding: 0 20px;
+    height: 50px;
+    display: flex;
+    align-items: center;
+    border-bottom: 1px solid #ddd;
+  }
+
+  ::v-deep .el-dialog__body {
+    padding: 15px 20px 20px 20px;
+  }
+
+  .search-area {
+    padding: 0;
+
+    ::v-deep .el-form-item__label {
+      line-height: 35px;
+    }
+
+    ::v-deep .el-form-item__content {
+      line-height: 35px;
+
+      .el-input__inner {
+        height: 35px;
+        line-height: 35px;
+      }
+    }
+  }
+
+  .pagination {
+    position: static;
+  }
+
+  .checked-user-list {
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: flex-start;
+
+    .el-tag {
+      margin: 0 10px 10px 0;
+    }
+
+    .el-button--mini {
+      padding: 0 15px;
+      height: 28px;
+      line-height: 28px;
+    }
+  }
+}
+
+::v-deep .el-popover__reference-wrapper {
+  .el-input__suffix {
+    padding-right: 5px;
+
+    &:hover {
+      cursor: pointer;
+    }
+  }
+}
+
+::v-deep .tag-column {
+  .cell {
+    padding: 5px 10px;
+    overflow: hidden;
+    text-overflow: clip;
+
+    .tag-wrap {
+      .el-tag {
+        height: auto;
+        white-space: normal;
+        text-align: left;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/ProcessHeader.vue b/src/components/ProcessHeader.vue
new file mode 100644
index 0000000..19e32ee
--- /dev/null
+++ b/src/components/ProcessHeader.vue
@@ -0,0 +1,62 @@
+<!-- 流程信息公共头部 -->
+<template>
+  <div>
+    <div class="prc-header-wrap">
+      <div class="processtitle">{{title}}</div>
+      <div class="processnum" v-if="proceesNum">流程编号:xcsdsds{{proceesNum}}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ProcessHeader',
+  mixins: [],
+  props: {
+    // 渲染的名称
+    title: {
+      type: String,
+      required: true
+    },
+    // 渲染编号
+    proceesNum: {
+      type: String,
+      required: false
+    }
+  },
+  components: {},
+  data () {
+    return {
+      opacityStyle: {},
+      headerFixed: false
+    }
+  },
+  methods: {
+  },
+  computed: {
+  },
+  watch: {},
+  mounted () {
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.prc-header-wrap{
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  border-bottom: 1px dotted #ccc;
+  line-height: 40px;
+  color: #555;
+
+}
+.processtitle{
+  font-weight: 700;
+  font-size: 16px;
+}
+.processnum{
+  font-size: 13px;
+}
+</style>
diff --git a/src/main.js b/src/main.js
index e116a79..fd883a5 100644
--- a/src/main.js
+++ b/src/main.js
@@ -2,6 +2,8 @@ import Vue from 'vue'
 import App from './App.vue'
 import router from './router'
 import store from './store'
+// 流程公共样式
+import './assets/css/process.scss'
 
 import config from '@/utils/config'
 // VXETable
@@ -27,6 +29,7 @@ import '@/utils/waterMark'
 import JSEncrypt from '../src/assets/js/jsencrypt.min.js'
 // 富文本引用
 import VueQuillEditor from 'vue-quill-editor'
+
 // require styles 引入样式
 import 'quill/dist/quill.core.css'
 import 'quill/dist/quill.snow.css'
diff --git a/src/router/modules/permission.js b/src/router/modules/permission.js
new file mode 100644
index 0000000..24a09ae
--- /dev/null
+++ b/src/router/modules/permission.js
@@ -0,0 +1,35 @@
+const routes = [
+  {
+    path: '/permission',
+    name: '',
+    component: () => import('../../views/Layout.vue'),
+    children: [
+      {
+        path: 'step1',
+        name: 'urlIndex',
+        component: () => import('../../views/permissionApplication/launch'),
+        meta: {
+          crumb: ['权限申请']
+        }
+      },
+      {
+        path: 'step2',
+        name: 'urlIndex',
+        component: () => import('../../views/permissionApplication/launch'),
+        meta: {
+          crumb: ['权限申请']
+        }
+      },
+      {
+        path: 'step3',
+        name: 'urlIndex',
+        component: () => import('../../views/permissionApplication/launch'),
+        meta: {
+          crumb: ['权限申请']
+        }
+      }
+    ]
+  }
+]
+
+export default routes
diff --git a/src/views/Report/ReportManager.vue b/src/views/Report/ReportManager.vue
index a76e567..017e80a 100644
--- a/src/views/Report/ReportManager.vue
+++ b/src/views/Report/ReportManager.vue
@@ -50,6 +50,7 @@
             </el-row>
         </div>
         <div class="table">
+          {{tagsForm}}
             <vxe-table :data="tableData" :empty-render="{name: 'NotData'}" align="center" border stripe v-table-min-height="'calc(100vh - 320px)'">
                 <vxe-column show-overflow show-header-overflow type="seq" title="序号" width="77">
                     <template #default="{ row, rowIndex }">
@@ -383,620 +384,619 @@
 </template>
 
 <script>
-import {fileType} from '@/utils/fileType'
-import {downloadFile} from "../../utils/downloadFile";
-import {formatDate} from '@/utils/date'
+import { fileType } from '@/utils/fileType'
+import { downloadFile } from '../../utils/downloadFile'
+import { formatDate } from '@/utils/date'
 
 export default {
-    name: "ReportManager",
-    data() {
-        return {
-            watermarkText: '', // 水印
-            fullscreen: false,
-            /* =============================================== 操作日志 =============================================== */
-            dialogLog: false, // 操作日志
-            qLog: {
-                doName: '',     // 操作类型
-                endDate: '',    // 结束时间
-                pageNo: 1,
-                pageSize: 10,
-                reportName: '', // 报告名称
-                startDate: '',  // 开始时间
-            },
-            qLogTotal: 0,
-            qLogDateRange: '',  // 开始结束时间
-            logTableData: [],
-            doNames: [],
-            /* =============================================== 标签维护 =============================================== */
-            dialogTags: false, // 标签维护
-            tagsForm: {
-                tags01: {
-                    name: '',
-                    parentId: '0',
-                    type: '1',
-                    id: '',
-                    childList: [
-                        // {name: '无', type: '1', id: '', parentId: ''},
-                    ]
-                },
-                tags02: {
-                    name: '',
-                    parentId: '0',
-                    type: '2',
-                    id: '',
-                    childList: [
-                        // {name: '无', type: '2', id: '', parentId: ''},
-                    ]
-                },
-                tags03: {
-                    name: '',
-                    parentId: '0',
-                    type: '3',
-                    id: '',
-                    childList: [
-                        // {name: '无', type: '3', id: '', parentId: ''},
-                    ]
-                },
-            },
-            /* =============================================== 报告上传 =============================================== */
-            dialogReport: false, // 报告上传
-            reportF: {
-                name: '',                   // 报告名称
-                keyContent: '',             // 关键词
-                mainContent: '',            // 内容摘要
-                department: '',             // 报告所属部门
-                fileName: '',               // 文件上传
-                fileId: '',
-                year: '',                   // 报告年份
-                labelOneId: '',             // 标签1
-                labelOneName: '',           // 标签1
-                labelTwoId: '',             // 标签2
-                labelTwoName: '',           // 标签2
-                labelThreeId: '',           // 标签3
-                labelThreeName: '',         // 标签3
-                reportUserIdList: [],       // 权限
-            },
-            labelOne: {},
-            labelTwo: {},
-            labelThree: {},
-            mode: '',
-            userList: [],
-            pickerOptions: {
-                disabledDate(time) {
-                    return time.getFullYear() > new Date().getFullYear() + 1 || time.getFullYear() < new Date().getFullYear() - 10;
-                },
-            },
-            /* =============================================== 列表展示 =============================================== */
-            q: {
-                keyContent: '',
-                year: [],
-                labelOneId: [],
-                labelTwoId: [],
-                labelThreeId: [],
-                pageNo: 1,
-                pageSize: 10,
-            },
-            total: 0,
-            tableData: [],
-            yearList: [],
-            dialogPreview: false,
-            content: '',
-            /*  权限全选  */
-            checked: false,
-            mulSelecteds: [], // 已选中选项
+  name: 'ReportManager',
+  data () {
+    return {
+      watermarkText: '', // 水印
+      fullscreen: false,
+      /* =============================================== 操作日志 =============================================== */
+      dialogLog: false, // 操作日志
+      qLog: {
+        doName: '', // 操作类型
+        endDate: '', // 结束时间
+        pageNo: 1,
+        pageSize: 10,
+        reportName: '', // 报告名称
+        startDate: '' // 开始时间
+      },
+      qLogTotal: 0,
+      qLogDateRange: '', // 开始结束时间
+      logTableData: [],
+      doNames: [],
+      /* =============================================== 标签维护 =============================================== */
+      dialogTags: false, // 标签维护
+      tagsForm: {
+        tags01: {
+          name: '',
+          parentId: '0',
+          type: '1',
+          id: '',
+          childList: [
+            // {name: '无', type: '1', id: '', parentId: ''},
+          ]
+        },
+        tags02: {
+          name: '',
+          parentId: '0',
+          type: '2',
+          id: '',
+          childList: [
+            // {name: '无', type: '2', id: '', parentId: ''},
+          ]
+        },
+        tags03: {
+          name: '',
+          parentId: '0',
+          type: '3',
+          id: '',
+          childList: [
+            // {name: '无', type: '3', id: '', parentId: ''},
+          ]
         }
-    },
-    methods: {
-        /*  权限全选  */
-        selectAll() {
-            this.reportF.reportUserIdList = [];
-            if (this.checked) {
-                this.userList.forEach((item) => { this.reportF.reportUserIdList.push(item.USID )});
-            } else {
-                this.reportF.reportUserIdList = [];
-            }
-            // this.$emit('update:updateMultipleSelect',this.reportF.reportUserIdList);
-        },
-        changeSelect(val) {
-            this.checked = (val.length || this.reportF.reportUserIdList.length) === this.userList.length;
-            // this.$emit('update:updateMultipleSelect',this.reportF.reportUserIdList);
-        },
-        init() {
-            this.labelList();
-            this.reset();
-            this.reportDateList();
-            this.sysUserList();
-        },
-        /* =============================================== 操作日志 =============================================== */
-        // 操作日志
-        openLog() {
-            this.dialogLog = true;
-            this.logReset();
-        },
-        // 日志重置搜索
-        logReset() {
-            this.qLogDateRange = '';
-            this.qLog = {
-                doName: '',     // 操作类型
-                endDate: '',    // 结束时间
-                pageNo: 1,
-                pageSize: 10,
-                reportName: '', // 报告名称
-                startDate: '',  // 开始时间
-            };
-            this.qLogTotal = 0;
-            this.qLogDateRange = '';  // 开始结束时间
-            this.logTableData = [];
-            this.doNames = [];
-            this.reportLogList();
-        },
-        // 搜索
-        searchLog() {
-            this.qLog.pageNo = 1;
-            this.reportLogList();
-        },
-        // 报告列表
-        reportLogList() {
-            this.$api.report.reportLogList(this.qLog)
-                .then(({data}) => {
-                    this.logTableData = data.records;
-                    this.qLogTotal = data.total;
-                    this.qLog.pageNo = data.current;
-                    this.qLog.pageSize = data.size;
-                    if (!data.records.length && this.qLog.pageNo !== 1) {
-                        this.qLog.pageNo = 1;
-                        this.reportLogList();
-                    }
-                })
-        },
-        // 单页数据量
-        handleLogSizeChange(val) {
-            this.qLog.pageSize = val;
-            this.qLog.pageNo = 1;
-            this.reportLogList();
-        },
-        // 第几页
-        handleLogCurrentChange(val) {
-            this.qLog.pageNo = val;
-            this.reportLogList();
-        },
-        // 日期
-        handleLogDate(val) {
-            if (val) {
-                this.qLog.startDate = val[0];
-                this.qLog.endDate = val[1];
-            } else {
-                this.qLog.startDate = '';
-                this.qLog.endDate = '';
-            }
-        },
-        handleTyleChange(val){
-            this.qLog.doName = val.join(',');
-        },
-        /* =============================================== 标签维护 =============================================== */
-        // 标签维护 新增
-        addTag(index, type) {
-            if (this.tagsForm['tags0' + type].childList.length >= 20) {
-                return this.$message.warning("最多添加20个标签");
-            }
-            let itemData = {name: '', id: "", parentId: this.tagsForm['tags0' + type].id, type: String(type)};
-            this.tagsForm['tags0' + type].childList.splice(index + 1, 0, itemData);
-        },
-        // 标签维护 删除
-        delTag(index, type) {
-            let {id, status} = this.tagsForm['tags0' + type].childList[index];
-            if(status === '1'){
-                this.$confirm('此标签已应用于报告, 是否删除?', '提示', {
-                        confirmButtonText: '确定',
-                        cancelButtonText: '取消',
-                        type: 'warning'
-                    }).then(() => {
-                    if (id) {
-                        this.$api.report.labelDeleteId({id}).then(_ => {
-                            this.$message.success('操作成功');
-                            this.labelList();
-                        })
-                    } else {
-                        this.tagsForm['tags0' + type].childList.splice(index, 1);
-                        this.$message.success('操作成功');
-                    }
-                })
-            }else{
-                if (id) {
-                    this.$api.report.labelDeleteId({id}).then(_ => {
-                        this.$message.success('操作成功');
-                        this.labelList();
-                    })
-                } else {
-                    this.tagsForm['tags0' + type].childList.splice(index, 1);
-                    this.$message.success('操作成功');
-                }
-            }
-        },
-        // 上移
-        upTag(item, index, type){
-            this.$api.report.labelMove({
-                id: item.id,
-                moveType: 'up',
-                type: String(type)
-            }).then(_=>{
-                this.labelList();
-            })
-        },
-        // 下移
-        downTag(item, index, type){
-            this.$api.report.labelMove({
-                id: item.id,
-                moveType: 'down',
-                type: String(type)
-            }).then(_=>{
-                this.labelList();
-            })
-        },
-        // 标签维护
-        openTags() {
-            this.dialogTags = true;
-            this.labelList();
-        },
-        // 单个标签保存
-        handleSaveTag(val, item, type) {
-            if(val === ''){
-                this.$message.warning('标签名称不能为空');
-                this.labelList();
-                return;
-            }
-            if(val === '-'){
-                this.$message.warning('标签名称不能为-');
-                this.labelList();
-                return;
-            }
-            if(this.tagsForm['tags0' + type].childList.filter(item => item.name === val).length > 1){
-                this.$message.warning('标签名称不能重复');
-                this.labelList();
-                return;
-            }
-            let params = {name: val, parentId: this.tagsForm['tags0' + type].id, type: String(type), id: item.id || ''}
-            if(item.status === '1'){
-                this.$confirm('此标签已应用于报告, 是否编辑?', '提示', {
-                    confirmButtonText: '确定',
-                    cancelButtonText: '取消',
-                    type: 'warning'
-                }).then(() => {
-                    this.$api.report.labelAdd(params).then(_ => {
-                        this.$message.success('操作成功');
-                        this.labelList();
-                    }).catch(_ => {
-                        this.labelList();
-                    })
-                }).catch(_=>{
-                    this.labelList();
-                })
-            }else{
-                this.$api.report.labelAdd(params).then(_ => {
-                    this.$message.success('操作成功');
-                    this.labelList();
-                }).catch(_ => {
-                    this.labelList();
-                })
-            }
-        },
-        // 单个顶级标签保存
-        handleSaveTopTag(val, type) {
-            if(val === ''){
-                this.$message.warning('标签名称不能为空');
-                this.labelList();
-                return;
-            }
-            if(val === '-'){
-                this.$message.warning('标签名称不能为-');
-                this.labelList();
-                return;
-            }
-            if(type === 1 && (val === this.tagsForm.tags02.name || val === this.tagsForm.tags03.name)){
-                this.$message.warning('标签名称不能重复');
-                this.labelList();
-                return;
-            }
-            if(type === 2 && (val === this.tagsForm.tags01.name || val === this.tagsForm.tags03.name)){
-                this.$message.warning('标签名称不能重复');
-                this.labelList();
-                return;
-            }
-            if(type === 3 && (val === this.tagsForm.tags01.name || val === this.tagsForm.tags02.name)){
-                this.$message.warning('标签名称不能重复');
-                this.labelList();
-                return;
-            }
-            let params = {name: val, id: this.tagsForm['tags0' + type].id, parentId: '0', type: String(type)};
-            this.$api.report.labelAdd(params).then(_ => {
-                this.$message.success('操作成功');
-                this.labelList();
-            }).catch(_ => {
-                this.labelList();
-            })
-        },
-        // 标签列表
-        labelList() {
-            this.$api.report.labelList().then(({data}) => {
-                if(!data.labelOne.childList.length){
-                    data.labelOne.childList = [{name: '', id: '', parentId: this.tagsForm.tags01.id, type: '1'}]
-                }
-                if(!data.labelTwo.childList.length){
-                    data.labelTwo.childList = [{name: '', id: '', parentId: this.tagsForm.tags02.id, type: '2'}]
-                }
-                if(!data.labelThree.childList.length){
-                    data.labelThree.childList = [{name: '', id: '', parentId: this.tagsForm.tags03.id, type: '3'}]
-                }
-                this.tagsForm.tags01 = data.labelOne;
-                this.tagsForm.tags02 = data.labelTwo;
-                this.tagsForm.tags03 = data.labelThree;
-            })
-        },
-        handleTagsClose(){
-            this.dialogTags = false;
-            this.labelList();
-            this.reset();
-        },
-        // 保存标签
-        saveTags() {
-            let tagsForm = JSON.parse(JSON.stringify(this.tagsForm));
-            let params = {
-                labelList: [
-                    tagsForm.tags01,
-                    tagsForm.tags02,
-                    tagsForm.tags03
-                ]
-            }
-            let isSave = true;
-            params.labelList.forEach(item => {
-                if(!item.name || item.name === '-'){
-                    isSave = false;
-                    return
-                }
-                item.childList.forEach(ele => {
-                    if(!ele.name || item.name === '-'){
-                        isSave = false;
-                        return
-                    }
-                })
-            })
-            if(!isSave){
-                return this.$message.warning('标签名称不能为空');
-            }
-            this.$api.report.labelSave(params).then(_ => {
-                this.$message.success('操作成功');
-                this.dialogTags = false;
-                this.labelList();
-                this.reset();
-            })
-        },
-        /* =============================================== 报告上传 =============================================== */
-        // 打开报告上传
-        openReportAdd() {
-            this.mode = 'add';
-            this.reportF = {
-                name: '',                   // 报告名称
-                keyContent: '',             // 关键词
-                mainContent: '',            // 内容摘要
-                department: '',             // 报告所属部门
-                fileName: '',               // 文件上传
-                fileId: '',
-                year: '',                   // 报告年份
-                labelOneId: '',             // 标签1
-                labelOneName: '',           // 标签1
-                labelTwoId: '',             // 标签2
-                labelTwoName: '',           // 标签2
-                labelThreeId: '',           // 标签3
-                labelThreeName: '',         // 标签3
-                reportUserIdList: [],       // 权限
-            };
-            this.labelOne = {};
-            this.labelTwo = {};
-            this.labelThree = {};
-            this.labelList();
-            this.dialogReport = true;
-        },
-        // 选择标签
-        handleSelectTag(val, type) {
-            switch (type) {
-                case 1:
-                    this.reportF.labelOneId = val.id;
-                    this.reportF.labelOneName = val.name;
-                    break;
-                case 2:
-                    this.reportF.labelTwoId = val.id;
-                    this.reportF.labelTwoName = val.name;
-                    break;
-                case 3:
-                    this.reportF.labelThreeId = val.id;
-                    this.reportF.labelThreeName = val.name;
-                    break;
-            }
-        },
-        // 必填项
-        checkReportF() {
-            if (!this.reportF.name) {
-                return this.$message.warning('请检查报告名称') && false;
-            }
-            if (!this.reportF.fileId || !this.reportF.fileName) {
-                return this.$message.warning('请检查上传文件') && false;
-            }
-            if (!this.reportF.year) {
-                return this.$message.warning('请检查报告年份') && false;
-            }
-            if (!this.reportF.labelOneId || !this.reportF.labelOneName || this.reportF.labelOneName === '-' ) {
-                return this.$message.warning(`请检查${this.tagsForm.tags01.name}`) && false;
-            }
-            if (!this.reportF.labelTwoId || !this.reportF.labelTwoName || this.reportF.labelTwoName === '-') {
-                return this.$message.warning(`请检查${this.tagsForm.tags02.name}`) && false;
-            }
-            if (!this.reportF.labelThreeId || !this.reportF.labelThreeName || this.reportF.labelThreeName === '-') {
-                return this.$message.warning(`请检查${this.tagsForm.tags03.name}`) && false;
-            }
-            if (!this.reportF.reportUserIdList || !this.reportF.reportUserIdList.length) {
-                return this.$message.warning('请检查权限') && false;
-            }
-            return true;
-        },
-        // 新增或编辑报告
-        reportAdd() {
-            if (!this.checkReportF()) return;
-            this.$api.report.reportAdd(this.reportF).then(_ => {
-                this.$message.success('操作成功');
-                this.dialogReport = false;
-                this.reset();
-            })
-        },
-        // 上传文件
-        uploadFile(params) {
-            let fd = new FormData();
-            fd.append('file', params.file);
-            this.$api.report.reportUploadFile(fd).then(({data}) => {
-                this.reportF.fileName = data.name;
-                this.reportF.fileId = data.key;
-            })
-        },
-        // 上传文件前
-        beforeUploadFile(file) {
-            let realFileType = file.name.split('.')[file.name.split('.').length - 1];
-            const isType = (
-                file.type === fileType.pdf || file.type === fileType.xls || file.type === fileType.xlsx || file.type === fileType.doc || file.type === fileType.docx || file.type === fileType.ppt || file.type === fileType.pptx
-                || realFileType === 'pdf' || realFileType === 'xls' || realFileType === 'xlsx' || realFileType === 'doc' || realFileType === 'docx' || realFileType === 'ppt' || realFileType === 'pptx'
-            );
-            const isSize = file.size / 1024 / 1024 < 200;
-            if (!isType) {
-                this.$message.error('仅能上传 pdf｜xls｜xlsx｜doc｜docx｜ppt｜pptx 格式文件');
-            }
-            if (!isSize) {
-                this.$message.error('您最大可上传200M文件');
-            }
-            return isType && isSize;
-        },
-        // 重置
-        resetUploadFile() {
-            this.reportF.fileId = '';
-            this.reportF.fileName = '';
-        },
-        // 打开报告上传
-        openReportModify(mode, row) {
-            this.mode = mode;
-            this.labelList();
-            let rowData = JSON.parse(JSON.stringify(row));
-            if(rowData.labelOneName !== '-'){
-                this.labelOne = {id: rowData.labelOneId, rowData: rowData.labelOneName};
-            }else{
-                this.labelOne = {};
-            }
-            if(rowData.labelTwoName !== '-'){
-                this.labelTwo = {id: rowData.labelTwoId, name: rowData.labelTwoName};
-            }else{
-                this.labelTwo = {};
-            }
-            if(rowData.labelThreeName !== '-'){
-                this.labelThree = {id: rowData.labelThreeId, name: rowData.labelThreeName};
-            }else{
-                this.labelThree = {};
-            }
-            this.reportF = rowData;
-            this.dialogReport = true;
-        },
-        // 获取所有用户
-        sysUserList() {
-            this.$api.user.sysUserList({pageNo: 1, pageSize: 999999}).then(({data}) => {
-                this.userList = data.records;
-            })
-        },
-        /* =============================================== 列表展示 =============================================== */
-        // 重置
-        reset() {
-            this.q = {
-                keyContent: '',
-                year: [],
-                labelOneId: [],
-                labelTwoId: [],
-                labelThreeId: [],
-                pageNo: 1,
-                pageSize: 10,
-            };
-            this.total = 0;
-            this.tableData = [];
-            this.reportList();
-            this.reportDateList();
-        },
-        // 报告删除
-        reportDelete(ids) {
-            this.$confirm('此操作将删除所选数据, 是否继续?', '提示', {
-                confirmButtonText: '确定',
-                cancelButtonText: '取消',
-                type: 'warning'
-            }).then(() => {
-                this.$api.report.reportDelete({ids}).then(_ => {
-                    this.$message.success('操作成功');
-                    this.reportList();
-                    this.reportDateList();
-                })
-            })
-        },
-        search() {
-            this.q.pageNo = 1;
-            this.reportList();
-        },
-        // 列表
-        reportList() {
-            this.$api.report.reportList(this.q).then(({data}) => {
-                this.tableData = data.records;
-                this.total = data.total;
-                this.q.pageNo = data.current;
-                this.q.pageSize = data.size;
-                if (!data.records.length && this.q.pageNo !== 1) {
-                    this.q.pageNo = 1;
-                    this.reportList();
-                }
-            })
-        },
-        // 日期列表
-        reportDateList() {
-            this.$api.report.reportDateList().then(({data}) => {
-                this.yearList = data.list;
-            })
-        },
-        // 单页数据量
-        handleSizeChange(val) {
-            this.q.pageSize = val;
-            this.q.pageNo = 1;
-            this.reportList();
-        },
-        // 第几页
-        handleCurrentChange(val) {
-            this.q.pageNo = val;
-            this.reportList();
-        },
-        // 预览
-        previewRow(row) {
-            this.fullscreen = false;
-            //  更新预览水印的时间戳
-            this.watermarkText = `${this.$store.state.userInfo.usname} ${formatDate(+new Date(), 'yyyy年MM月dd日 hh:mm:ss')}`;
-            this.$api.report.reportGetReportHtmlId({id: row.id}).then(({data}) => {
-                this.content = data.content;
-                this.dialogPreview = true;
-            })
-        },
-        // 下载
-        downloadRow(row) {
-            // this.$confirm('此操作将下载所选数据文件, 是否继续?', '提示', {
-            //     confirmButtonText: '确定',
-            //     cancelButtonText: '取消',
-            //     type: 'warning'
-            // }).then(() => {
-                this.$api.report.reportDownload({fileId: row.fileId}).then(res => {
-                    downloadFile(res);
-                })
-            // })
-        },
-    },
-    created() {
-        this.init();
+      },
+      /* =============================================== 报告上传 =============================================== */
+      dialogReport: false, // 报告上传
+      reportF: {
+        name: '', // 报告名称
+        keyContent: '', // 关键词
+        mainContent: '', // 内容摘要
+        department: '', // 报告所属部门
+        fileName: '', // 文件上传
+        fileId: '',
+        year: '', // 报告年份
+        labelOneId: '', // 标签1
+        labelOneName: '', // 标签1
+        labelTwoId: '', // 标签2
+        labelTwoName: '', // 标签2
+        labelThreeId: '', // 标签3
+        labelThreeName: '', // 标签3
+        reportUserIdList: [] // 权限
+      },
+      labelOne: {},
+      labelTwo: {},
+      labelThree: {},
+      mode: '',
+      userList: [],
+      pickerOptions: {
+        disabledDate (time) {
+          return time.getFullYear() > new Date().getFullYear() + 1 || time.getFullYear() < new Date().getFullYear() - 10
+        }
+      },
+      /* =============================================== 列表展示 =============================================== */
+      q: {
+        keyContent: '',
+        year: [],
+        labelOneId: [],
+        labelTwoId: [],
+        labelThreeId: [],
+        pageNo: 1,
+        pageSize: 10
+      },
+      total: 0,
+      tableData: [],
+      yearList: [],
+      dialogPreview: false,
+      content: '',
+      /*  权限全选  */
+      checked: false,
+      mulSelecteds: [] // 已选中选项
     }
+  },
+  methods: {
+    /*  权限全选  */
+    selectAll () {
+      this.reportF.reportUserIdList = []
+      if (this.checked) {
+        this.userList.forEach((item) => { this.reportF.reportUserIdList.push(item.USID) })
+      } else {
+        this.reportF.reportUserIdList = []
+      }
+      // this.$emit('update:updateMultipleSelect',this.reportF.reportUserIdList);
+    },
+    changeSelect (val) {
+      this.checked = (val.length || this.reportF.reportUserIdList.length) === this.userList.length
+      // this.$emit('update:updateMultipleSelect',this.reportF.reportUserIdList);
+    },
+    init () {
+      this.labelList()
+      this.reset()
+      this.reportDateList()
+      this.sysUserList()
+    },
+    /* =============================================== 操作日志 =============================================== */
+    // 操作日志
+    openLog () {
+      this.dialogLog = true
+      this.logReset()
+    },
+    // 日志重置搜索
+    logReset () {
+      this.qLogDateRange = ''
+      this.qLog = {
+        doName: '', // 操作类型
+        endDate: '', // 结束时间
+        pageNo: 1,
+        pageSize: 10,
+        reportName: '', // 报告名称
+        startDate: '' // 开始时间
+      }
+      this.qLogTotal = 0
+      this.qLogDateRange = '' // 开始结束时间
+      this.logTableData = []
+      this.doNames = []
+      this.reportLogList()
+    },
+    // 搜索
+    searchLog () {
+      this.qLog.pageNo = 1
+      this.reportLogList()
+    },
+    // 报告列表
+    reportLogList () {
+      this.$api.report.reportLogList(this.qLog)
+        .then(({ data }) => {
+          this.logTableData = data.records
+          this.qLogTotal = data.total
+          this.qLog.pageNo = data.current
+          this.qLog.pageSize = data.size
+          if (!data.records.length && this.qLog.pageNo !== 1) {
+            this.qLog.pageNo = 1
+            this.reportLogList()
+          }
+        })
+    },
+    // 单页数据量
+    handleLogSizeChange (val) {
+      this.qLog.pageSize = val
+      this.qLog.pageNo = 1
+      this.reportLogList()
+    },
+    // 第几页
+    handleLogCurrentChange (val) {
+      this.qLog.pageNo = val
+      this.reportLogList()
+    },
+    // 日期
+    handleLogDate (val) {
+      if (val) {
+        this.qLog.startDate = val[0]
+        this.qLog.endDate = val[1]
+      } else {
+        this.qLog.startDate = ''
+        this.qLog.endDate = ''
+      }
+    },
+    handleTyleChange (val) {
+      this.qLog.doName = val.join(',')
+    },
+    /* =============================================== 标签维护 =============================================== */
+    // 标签维护 新增
+    addTag (index, type) {
+      if (this.tagsForm['tags0' + type].childList.length >= 20) {
+        return this.$message.warning('最多添加20个标签')
+      }
+      const itemData = { name: '', id: '', parentId: this.tagsForm['tags0' + type].id, type: String(type) }
+      this.tagsForm['tags0' + type].childList.splice(index + 1, 0, itemData)
+    },
+    // 标签维护 删除
+    delTag (index, type) {
+      const { id, status } = this.tagsForm['tags0' + type].childList[index]
+      if (status === '1') {
+        this.$confirm('此标签已应用于报告, 是否删除?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          if (id) {
+            this.$api.report.labelDeleteId({ id }).then(_ => {
+              this.$message.success('操作成功')
+              this.labelList()
+            })
+          } else {
+            this.tagsForm['tags0' + type].childList.splice(index, 1)
+            this.$message.success('操作成功')
+          }
+        })
+      } else {
+        if (id) {
+          this.$api.report.labelDeleteId({ id }).then(_ => {
+            this.$message.success('操作成功')
+            this.labelList()
+          })
+        } else {
+          this.tagsForm['tags0' + type].childList.splice(index, 1)
+          this.$message.success('操作成功')
+        }
+      }
+    },
+    // 上移
+    upTag (item, index, type) {
+      this.$api.report.labelMove({
+        id: item.id,
+        moveType: 'up',
+        type: String(type)
+      }).then(_ => {
+        this.labelList()
+      })
+    },
+    // 下移
+    downTag (item, index, type) {
+      this.$api.report.labelMove({
+        id: item.id,
+        moveType: 'down',
+        type: String(type)
+      }).then(_ => {
+        this.labelList()
+      })
+    },
+    // 标签维护
+    openTags () {
+      this.dialogTags = true
+      this.labelList()
+    },
+    // 单个标签保存
+    handleSaveTag (val, item, type) {
+      if (val === '') {
+        this.$message.warning('标签名称不能为空')
+        this.labelList()
+        return
+      }
+      if (val === '-') {
+        this.$message.warning('标签名称不能为-')
+        this.labelList()
+        return
+      }
+      if (this.tagsForm['tags0' + type].childList.filter(item => item.name === val).length > 1) {
+        this.$message.warning('标签名称不能重复')
+        this.labelList()
+        return
+      }
+      const params = { name: val, parentId: this.tagsForm['tags0' + type].id, type: String(type), id: item.id || '' }
+      if (item.status === '1') {
+        this.$confirm('此标签已应用于报告, 是否编辑?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          this.$api.report.labelAdd(params).then(_ => {
+            this.$message.success('操作成功')
+            this.labelList()
+          }).catch(_ => {
+            this.labelList()
+          })
+        }).catch(_ => {
+          this.labelList()
+        })
+      } else {
+        this.$api.report.labelAdd(params).then(_ => {
+          this.$message.success('操作成功')
+          this.labelList()
+        }).catch(_ => {
+          this.labelList()
+        })
+      }
+    },
+    // 单个顶级标签保存
+    handleSaveTopTag (val, type) {
+      if (val === '') {
+        this.$message.warning('标签名称不能为空')
+        this.labelList()
+        return
+      }
+      if (val === '-') {
+        this.$message.warning('标签名称不能为-')
+        this.labelList()
+        return
+      }
+      if (type === 1 && (val === this.tagsForm.tags02.name || val === this.tagsForm.tags03.name)) {
+        this.$message.warning('标签名称不能重复')
+        this.labelList()
+        return
+      }
+      if (type === 2 && (val === this.tagsForm.tags01.name || val === this.tagsForm.tags03.name)) {
+        this.$message.warning('标签名称不能重复')
+        this.labelList()
+        return
+      }
+      if (type === 3 && (val === this.tagsForm.tags01.name || val === this.tagsForm.tags02.name)) {
+        this.$message.warning('标签名称不能重复')
+        this.labelList()
+        return
+      }
+      const params = { name: val, id: this.tagsForm['tags0' + type].id, parentId: '0', type: String(type) }
+      this.$api.report.labelAdd(params).then(_ => {
+        this.$message.success('操作成功')
+        this.labelList()
+      }).catch(_ => {
+        this.labelList()
+      })
+    },
+    // 标签列表
+    labelList () {
+      this.$api.report.labelList().then(({ data }) => {
+        if (!data.labelOne.childList.length) {
+          data.labelOne.childList = [{ name: '', id: '', parentId: this.tagsForm.tags01.id, type: '1' }]
+        }
+        if (!data.labelTwo.childList.length) {
+          data.labelTwo.childList = [{ name: '', id: '', parentId: this.tagsForm.tags02.id, type: '2' }]
+        }
+        if (!data.labelThree.childList.length) {
+          data.labelThree.childList = [{ name: '', id: '', parentId: this.tagsForm.tags03.id, type: '3' }]
+        }
+        this.tagsForm.tags01 = data.labelOne
+        this.tagsForm.tags02 = data.labelTwo
+        this.tagsForm.tags03 = data.labelThree
+      })
+    },
+    handleTagsClose () {
+      this.dialogTags = false
+      this.labelList()
+      this.reset()
+    },
+    // 保存标签
+    saveTags () {
+      const tagsForm = JSON.parse(JSON.stringify(this.tagsForm))
+      const params = {
+        labelList: [
+          tagsForm.tags01,
+          tagsForm.tags02,
+          tagsForm.tags03
+        ]
+      }
+      let isSave = true
+      params.labelList.forEach(item => {
+        if (!item.name || item.name === '-') {
+          isSave = false
+          return
+        }
+        item.childList.forEach(ele => {
+          if (!ele.name || item.name === '-') {
+            isSave = false
+          }
+        })
+      })
+      if (!isSave) {
+        return this.$message.warning('标签名称不能为空')
+      }
+      this.$api.report.labelSave(params).then(_ => {
+        this.$message.success('操作成功')
+        this.dialogTags = false
+        this.labelList()
+        this.reset()
+      })
+    },
+    /* =============================================== 报告上传 =============================================== */
+    // 打开报告上传
+    openReportAdd () {
+      this.mode = 'add'
+      this.reportF = {
+        name: '', // 报告名称
+        keyContent: '', // 关键词
+        mainContent: '', // 内容摘要
+        department: '', // 报告所属部门
+        fileName: '', // 文件上传
+        fileId: '',
+        year: '', // 报告年份
+        labelOneId: '', // 标签1
+        labelOneName: '', // 标签1
+        labelTwoId: '', // 标签2
+        labelTwoName: '', // 标签2
+        labelThreeId: '', // 标签3
+        labelThreeName: '', // 标签3
+        reportUserIdList: [] // 权限
+      }
+      this.labelOne = {}
+      this.labelTwo = {}
+      this.labelThree = {}
+      this.labelList()
+      this.dialogReport = true
+    },
+    // 选择标签
+    handleSelectTag (val, type) {
+      switch (type) {
+        case 1:
+          this.reportF.labelOneId = val.id
+          this.reportF.labelOneName = val.name
+          break
+        case 2:
+          this.reportF.labelTwoId = val.id
+          this.reportF.labelTwoName = val.name
+          break
+        case 3:
+          this.reportF.labelThreeId = val.id
+          this.reportF.labelThreeName = val.name
+          break
+      }
+    },
+    // 必填项
+    checkReportF () {
+      if (!this.reportF.name) {
+        return this.$message.warning('请检查报告名称') && false
+      }
+      if (!this.reportF.fileId || !this.reportF.fileName) {
+        return this.$message.warning('请检查上传文件') && false
+      }
+      if (!this.reportF.year) {
+        return this.$message.warning('请检查报告年份') && false
+      }
+      if (!this.reportF.labelOneId || !this.reportF.labelOneName || this.reportF.labelOneName === '-') {
+        return this.$message.warning(`请检查${this.tagsForm.tags01.name}`) && false
+      }
+      if (!this.reportF.labelTwoId || !this.reportF.labelTwoName || this.reportF.labelTwoName === '-') {
+        return this.$message.warning(`请检查${this.tagsForm.tags02.name}`) && false
+      }
+      if (!this.reportF.labelThreeId || !this.reportF.labelThreeName || this.reportF.labelThreeName === '-') {
+        return this.$message.warning(`请检查${this.tagsForm.tags03.name}`) && false
+      }
+      if (!this.reportF.reportUserIdList || !this.reportF.reportUserIdList.length) {
+        return this.$message.warning('请检查权限') && false
+      }
+      return true
+    },
+    // 新增或编辑报告
+    reportAdd () {
+      if (!this.checkReportF()) return
+      this.$api.report.reportAdd(this.reportF).then(_ => {
+        this.$message.success('操作成功')
+        this.dialogReport = false
+        this.reset()
+      })
+    },
+    // 上传文件
+    uploadFile (params) {
+      const fd = new FormData()
+      fd.append('file', params.file)
+      this.$api.report.reportUploadFile(fd).then(({ data }) => {
+        this.reportF.fileName = data.name
+        this.reportF.fileId = data.key
+      })
+    },
+    // 上传文件前
+    beforeUploadFile (file) {
+      const realFileType = file.name.split('.')[file.name.split('.').length - 1]
+      const isType = (
+        file.type === fileType.pdf || file.type === fileType.xls || file.type === fileType.xlsx || file.type === fileType.doc || file.type === fileType.docx || file.type === fileType.ppt || file.type === fileType.pptx ||
+                realFileType === 'pdf' || realFileType === 'xls' || realFileType === 'xlsx' || realFileType === 'doc' || realFileType === 'docx' || realFileType === 'ppt' || realFileType === 'pptx'
+      )
+      const isSize = file.size / 1024 / 1024 < 200
+      if (!isType) {
+        this.$message.error('仅能上传 pdf｜xls｜xlsx｜doc｜docx｜ppt｜pptx 格式文件')
+      }
+      if (!isSize) {
+        this.$message.error('您最大可上传200M文件')
+      }
+      return isType && isSize
+    },
+    // 重置
+    resetUploadFile () {
+      this.reportF.fileId = ''
+      this.reportF.fileName = ''
+    },
+    // 打开报告上传
+    openReportModify (mode, row) {
+      this.mode = mode
+      this.labelList()
+      const rowData = JSON.parse(JSON.stringify(row))
+      if (rowData.labelOneName !== '-') {
+        this.labelOne = { id: rowData.labelOneId, rowData: rowData.labelOneName }
+      } else {
+        this.labelOne = {}
+      }
+      if (rowData.labelTwoName !== '-') {
+        this.labelTwo = { id: rowData.labelTwoId, name: rowData.labelTwoName }
+      } else {
+        this.labelTwo = {}
+      }
+      if (rowData.labelThreeName !== '-') {
+        this.labelThree = { id: rowData.labelThreeId, name: rowData.labelThreeName }
+      } else {
+        this.labelThree = {}
+      }
+      this.reportF = rowData
+      this.dialogReport = true
+    },
+    // 获取所有用户
+    sysUserList () {
+      this.$api.user.sysUserList({ pageNo: 1, pageSize: 999999 }).then(({ data }) => {
+        this.userList = data.records
+      })
+    },
+    /* =============================================== 列表展示 =============================================== */
+    // 重置
+    reset () {
+      this.q = {
+        keyContent: '',
+        year: [],
+        labelOneId: [],
+        labelTwoId: [],
+        labelThreeId: [],
+        pageNo: 1,
+        pageSize: 10
+      }
+      this.total = 0
+      this.tableData = []
+      this.reportList()
+      this.reportDateList()
+    },
+    // 报告删除
+    reportDelete (ids) {
+      this.$confirm('此操作将删除所选数据, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.$api.report.reportDelete({ ids }).then(_ => {
+          this.$message.success('操作成功')
+          this.reportList()
+          this.reportDateList()
+        })
+      })
+    },
+    search () {
+      this.q.pageNo = 1
+      this.reportList()
+    },
+    // 列表
+    reportList () {
+      this.$api.report.reportList(this.q).then(({ data }) => {
+        this.tableData = data.records
+        this.total = data.total
+        this.q.pageNo = data.current
+        this.q.pageSize = data.size
+        if (!data.records.length && this.q.pageNo !== 1) {
+          this.q.pageNo = 1
+          this.reportList()
+        }
+      })
+    },
+    // 日期列表
+    reportDateList () {
+      this.$api.report.reportDateList().then(({ data }) => {
+        this.yearList = data.list
+      })
+    },
+    // 单页数据量
+    handleSizeChange (val) {
+      this.q.pageSize = val
+      this.q.pageNo = 1
+      this.reportList()
+    },
+    // 第几页
+    handleCurrentChange (val) {
+      this.q.pageNo = val
+      this.reportList()
+    },
+    // 预览
+    previewRow (row) {
+      this.fullscreen = false
+      //  更新预览水印的时间戳
+      this.watermarkText = `${this.$store.state.userInfo.usname} ${formatDate(+new Date(), 'yyyy年MM月dd日 hh:mm:ss')}`
+      this.$api.report.reportGetReportHtmlId({ id: row.id }).then(({ data }) => {
+        this.content = data.content
+        this.dialogPreview = true
+      })
+    },
+    // 下载
+    downloadRow (row) {
+      // this.$confirm('此操作将下载所选数据文件, 是否继续?', '提示', {
+      //     confirmButtonText: '确定',
+      //     cancelButtonText: '取消',
+      //     type: 'warning'
+      // }).then(() => {
+      this.$api.report.reportDownload({ fileId: row.fileId }).then(res => {
+        downloadFile(res)
+      })
+      // })
+    }
+  },
+  created () {
+    this.init()
+  }
 }
 </script>
 
diff --git a/src/views/permissionApplication/components/Assign.vue b/src/views/permissionApplication/components/Assign.vue
new file mode 100644
index 0000000..f146c28
--- /dev/null
+++ b/src/views/permissionApplication/components/Assign.vue
@@ -0,0 +1,211 @@
+<template>
+    <div class="box">
+        <el-divider content-position="left">指派信息</el-divider>
+        <el-form
+                ref="processForms"
+                :model="processForm"
+                :rules="processFormRules" label-width="230px"
+                class="label-input-form prc-content-border">
+            <el-row :gutter="24">
+                <el-col :span="24">
+                    <el-form-item label="选择牵头人：" prop="personLiable" class="add-form-item"
+                                  :class="{'form-item-disabled': formdisableflag}">
+                        <el-input :maxlength='100'
+                                  readonly
+                                  @click.native="handleDrafterName('xzqtr')"
+                                  v-model="processForm.personLiableName"
+                                  :disabled="formdisableflag"
+                                  placeholder="请选择牵头人"
+                                  clearable></el-input>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <el-row :gutter="24">
+                <el-col :span="24">
+                    <el-form-item label="选择会签人员：" prop="countersign" class="add-form-item"
+                                  :class="{'form-item-disabled': formdisableflag}">
+                        <el-input :maxlength='100'
+                                  readonly
+                                  @click.native="handleDrafterName('hqry')"
+                                  v-model="processForm.countersignName"
+                                  :disabled="formdisableflag"
+                                  placeholder="请选择会签人员"
+                                  clearable></el-input>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+
+            <el-row :gutter="24" v-if="processNode.length > 0" v-for="item in processNode" :key="item.id"
+            >
+                <el-col :span="24">
+                    <el-form-item :label="item.remark + '：'" prop="" class="add-form-item"
+                                  required :class="{'form-item-disabled': formdisableflag, 'add-form-item': true}">
+                        <el-input :maxlength='100'
+                                  readonly
+                                  v-model="item.userName"
+                                  :disabled="true"
+                                  :placeholder="'请选择' + item.remark"
+                        ></el-input>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <el-row :gutter="24">
+                <el-col :span="24">
+                    <el-form-item label="说明：" prop="" class="add-form-item"
+                                  :class="{'form-item-disabled': formdisableflag}">
+                        <el-input :maxlength='1000'
+                                  type="textarea"
+
+                                  v-model="processForm.remarks"
+                                  :disabled="formdisableflag"
+                                  :autosize="{ minRows: 2, maxRows: 4}"
+                                  placeholder="请输入说明"
+                                  clearable></el-input>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+        </el-form>
+        <org-table :visible.sync="visibleOrgTable" title="人员列表" dialog-model :config="{
+            value: orgTableVal,
+            valueName: orgTableValName
+            }" :workNumFlag="true" :maxSelected="100" @confirm="isTreeOk">
+        </org-table>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "Assign",
+        props: {
+            processNode:{
+                required:true
+            },
+            personLiable:{
+                type:String
+            },
+            personLiableName:{
+                type:String
+            },
+            countersign:{},
+            countersignName:{},
+             remarks:{}
+
+        }
+        ,
+
+        data(){
+            return {
+                formdisableflag:false,
+                visibleOrgTable:false,
+                processForm: {
+                    personLiable: this.personLiable ||'',
+                    personLiableName:this.personLiableName||'',
+                    countersign:this.countersign||'',
+                    countersignName:this.countersignName||''
+                },
+                processFormRules: {
+                    procedureName: [
+                        {required: true, type: 'string', message: '流程名称不能为空', trigger: 'change'},
+                    ],
+                    personLiable:[
+                        {required:true,message: '牵头人不能为空', trigger: 'change'}
+                    ],
+                    countersign:[
+                        {required:true,message: '会签人员不能为空', trigger: 'change'}
+
+                    ]
+
+                },
+                orgTableVal: '',
+                orgTableValName: '',
+            }
+        },
+        methods:{
+            handleDrafterName(val) {
+                // if (this.disabled) return false;
+                this.treeType = val;
+                this.orgTableVal = '';
+                this.orgTableValName = '';
+                this.sarTask = ''
+                this.len = 1
+                if(val==='cyqcdw'){
+                    this.len=100
+                }
+                this.visibleOrgTable = true
+            },
+            isTreeOk(checkedList) {
+                // console.log(checkedList)
+                const parts = []
+                const partsName = []
+                const departmentName = []
+                let department=[]
+                let partsWorknum=[]
+                // const departments = []
+                // if (checkedList.length === 0) {
+                // this.$message({
+                // 	message: '请选择要分享的人！',
+                // 	type: 'warning'
+                // })
+                // }
+
+                checkedList.map((item, index) => {
+                    parts.push(item.userId);
+                    partsName.push(item.uname);
+                    // if(!departments.includes(item.orgId) && item.orgId){
+                    // departments.push(item.orgId)
+                    // }
+                    partsWorknum.push(item.account)
+                    if(!departmentName.includes(item.orgName) && item.orgName){
+                    departmentName.push(item.orgName)
+                    department.push(item.orgId)
+
+
+                    }
+                })
+                this.qcrList = checkedList
+                if (this.treeType == 'zrr') {
+                    this.projectList.responsiblePerson =parts.toString()
+                    this.projectList.responsiblePersonName= partsName.toString()
+                    // // this.standardsFrom.drafter = parts.toString()
+                    // this.budget.applicantOrgName = this.budget.applicantOrgName ? departmentName.toString() : departmentName.toString()
+                    this.projectList.responsiblePersonWorkNum = partsWorknum.toString()
+                    // // this.orgTableVal = this.standardsFrom.drafter
+                } else if (this.treeType == 'zrld') {
+                    this.projectList.responsibleLeadership =parts.toString()
+                    this.projectList.responsibleLeadershipName= partsName.toString()
+                    this.projectList.responsibleLeadershipWorkNum = partsWorknum.toString()
+                } else if (this.treeType == 'bzzrr') {
+                    this.projectList.standardizationResponsiblePerson =parts.toString()
+                    this.projectList.standardizationResponsiblePersonName= partsName.toString()
+                    this.projectList.standardizationResponsiblePersonWorkNum = partsWorknum.toString()
+                } else if (this.treeType == 'zyqcdw') {
+                    this.projectList.mainDraftingUnit =department.toString()
+                    this.projectList.mainDraftingUnitName= departmentName.toString()
+                }
+                else if (this.treeType == 'cyqcdw') {
+                    this.projectList.unitsInvolvedInDrafting= department.toString()
+                    this.projectList.unitsInvolvedInDraftingName= departmentName.toString()
+                }else if (this.treeType == 'qtr') {
+                    this.projectList.leader =parts.toString()
+                    this.projectList.leaderName= partsName.toString()
+                    this.projectList.leaderWorkNum = partsWorknum.toString()
+                }
+                else if (this.treeType == 'xzqtr') {
+                    this.processForm.personLiable =parts.toString()
+                    this.processForm.personLiableName= partsName.toString()
+                    this.processForm.personLiableWorkNum = partsWorknum.toString()
+                }
+                else if (this.treeType == 'hqry') {
+                    this.processForm.countersign =parts.toString()
+                    this.processForm.countersignName= partsName.toString()
+
+                }
+
+            },
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/permissionApplication/components/AuditOperation.vue b/src/views/permissionApplication/components/AuditOperation.vue
new file mode 100644
index 0000000..83120cb
--- /dev/null
+++ b/src/views/permissionApplication/components/AuditOperation.vue
@@ -0,0 +1,448 @@
+<template>
+    <div class="AuditOperationBox">
+        <el-form
+                ref="examineForm"
+                :model="examineForm"
+                :rules="examineFormRules"
+                class="label-input-form prc-content-border">
+            <el-row :gutter="24">
+                <el-col :span="24">
+                    <el-form-item label="审批结果" prop="flag"
+                                  label-width="132px" class="add-form-item"
+                                  :class="{'form-item-disabled': formdisableflag}">
+                        <el-radio-group :disabled="formdisableflag" v-model="examineForm.flag" style="margin-top: 8px">
+                            <el-radio :label="'1'">同意</el-radio>
+                            <el-radio :label="'2'">不同意</el-radio>
+                        </el-radio-group>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <el-row :gutter="24">
+                <el-col :span="24">
+                    <el-form-item :prop="!formdisableflag?'approvalOpinion':''" label-width="132px" class="add-form-item">
+                        <template slot="label">审批意见</template>
+                        <el-input :maxlength='1000'
+                                v-model="examineForm.approvalOpinion"
+                                placeholder="请输入审批意见"
+                                :autosize="{ minRows: 2, maxRows: 4}"
+                                type="textarea"
+                        />
+                    </el-form-item>
+                </el-col>
+            </el-row>
+<!--            <el-row :gutter="24">-->
+<!--                <el-col :span="24">-->
+<!--                    <el-form-item label="附件" prop="entStandText" label-width="132px" class="add-form-item"-->
+<!--                                  :class="{'form-item-disabled': formdisableflag}">-->
+<!--                        <el-button-->
+<!--                                size="small"-->
+<!--                                class="form-upload-btn"-->
+<!--                                            icon="el-icon-upload"-->
+<!--                                @click="clickButtonToUpload('approvalFile')"-->
+<!--                        >-->
+<!--                            {{ examineForm.approvalFile === 'null' || examineForm.approvalFile === '' ||-->
+<!--                            examineForm.approvalFile == null ? '点击上传' : '查看已上传的文件' }}-->
+<!--                        </el-button>-->
+<!--                    </el-form-item>-->
+<!--                </el-col>-->
+<!--            </el-row>-->
+        </el-form>
+        <el-drawer
+                title="责任部门"
+                :wrapperClosable="false"
+                :visible.sync="visible.visibleTree">
+            <div class="demo-drawer-content">
+                <dept-tree
+                        v-if="visible.visibleTree"
+                        deptSelect
+                        allDept
+                        check-enable
+                        treeDivId="deptTreeOrg"
+                        only-checked
+                        :chkboxType="{ 'Y': '', 'N': '' }"
+                        :editable="false"
+                        :checkIdList="checkIdList"
+                        orgType="DEPART"
+                        ref="deptTreeOrg"
+                        @treeOnCheck="handleEOCheck">
+                </dept-tree>
+            </div>
+            <div class="demo-drawer-footer">
+                <el-button size="small"
+                        class="common-button-primary"
+                        type="primary"
+                        @click="handleTaskBreakDrawerConfirm">确定
+                </el-button>
+                <el-button
+                        class="common-button-default"
+                        size="small"
+                        @click="handleTaskBreakDrawerCancel">取消
+                </el-button>
+            </div>
+        </el-drawer>
+        <el-drawer
+                title="指派人员"
+                :wrapperClosable="false"
+                :visible.sync="visible.visibleLLRTree"
+                @closed="onLLRTreeClosed">
+            <div class="demo-drawer-content">
+                <laws-tree
+                        ref="manageTree"
+                        :zNodes="manageZNodes"
+                        treeDivId="manageTree"
+                        :editable="false"
+                        expandAll
+                        onlyChecked
+                        initExpand
+                        check-enable
+                        personCheck
+                        :chkboxType="{ 'Y': '', 'N': '' }"
+                        :check-id-list="manageId"
+                        @treeOnCheck="dblClick"
+                ></laws-tree>
+            </div>
+            <div class="demo-drawer-footer">
+                <el-button size="small"
+                        class="common-button-primary"
+                        type="primary"
+                        @click="handleLLRTreeConfirm">确定
+                </el-button>
+                <el-button size="small"
+                        class="common-button-default"
+                        @click="handleLLRTreeCancel">取消
+                </el-button>
+            </div>
+        </el-drawer>
+        <upload ref="upload" :disabled="formdisableflag" :uploadPath="uploadPath" :title="'上传文件'" @uploadSuccess="uploadSuccess"/>
+    </div>
+</template>
+
+<script>
+    import upload from '@/components/upload/upload'
+    import {
+        getRoleAndUserByOrgId,
+    } from 'api/process'
+    import {mapGetters} from "vuex";
+
+    export default {
+        name: "AuditOperation",
+        props: ['query'],
+        components: {
+            upload
+        },
+        computed: {
+            ...mapGetters(['userInfo']),
+        },
+        data() {
+            return {
+                examineForm: {
+                    planReasonFile: '',
+                    oldName:'',
+                    flag: '1',
+                },
+                examineFormRules: {
+                    oldName: [
+                        {required: true, message: '添加指派不能为空', trigger: 'change'}
+                    ],
+                    flag: [
+                        {required: true, message: '审核结果不能为空', trigger: 'change'}
+                    ],
+                    approvalOpinion: [
+                        {type: 'string', max: 1000, message: '审批意见不能超过1000个字符', trigger: 'blur'}
+                    ],
+                },
+                formdisableflag: false,
+                uploadPath: 'api/att/attFile/upload',//上传文件的接口
+                uploadName: '',  //当前表单对应的文件名称
+                isTaskReception: false, //是否显示指派人员以及确认任务
+                isDesignated: false, //是否显示指派人员
+                isInitiation: false, //是的显示指派部门
+                visible: {
+                    visibleTree: false,
+                    visibleLLRTree: false,
+                },
+                checkIdList: [],
+                LLRTreeChecked: [],
+                FGLLRRoleId: [],
+                manageZNodes: [],
+                manageId: [],
+                userList: [],
+                isApproval: false,
+            }
+        },
+        created() {
+            if (this.query) {
+                if (this.query.type == '1' ||
+                    !this.query.taskDefinitionKey ||
+                    this.query.taskDefinitionKey  == 'null' ||
+                    this.query.taskDefinitionKey == 'fqrxg' ||
+                    this.query.taskDefinitionKey == 'bzfggcsfq' ||
+                    this.query.taskDefinitionKey == 'bzfggcsfq-1' ||
+                    this.query.taskDefinitionKey == 'bzfggcsfq-2' ||
+                    this.query.taskDefinitionKey == 'bzfggcsfq-3') {
+                    this.isInitiation = true
+                } else {
+                    this.isInitiation = false
+                }
+                if (this.query.taskDefinitionKey == 'bzhskzshlc' ||
+                    this.query.taskDefinitionKey == 'bzhskzsh-1' ||
+                    this.query.taskDefinitionKey == 'bzhskzsh-2' ||
+                    this.query.taskDefinitionKey == 'bzhskzsh-3' ||
+                    this.query.taskDefinitionKey == 'bzhskzsh' ||
+                    this.query.taskDefinitionKey == 'sjbskzsh' ||
+                    this.query.taskDefinitionKey == 'cpfxzxkzsh' ||
+                    this.query.taskDefinitionKey == 'bzhsszpz' ||
+                    this.query.taskDefinitionKey == 'sjbsszpz' ||
+                    this.query.taskDefinitionKey == 'cpfxzxkzpz') {
+                    this.isApproval = true
+                } else {
+                    this.isApproval = false
+                }
+                if (this.query.taskDefinitionKey == 'bzhsszqr' ||
+                    this.query.taskDefinitionKey == 'sjbsszqr' ||
+                    this.query.taskDefinitionKey == 'cpfxzxszqr') {
+                    this.isTaskReception = true
+                } else {
+                    this.isTaskReception = false
+                }
+            }
+            if (this.query.isViewDetails && this.query.isViewDetails == 1) {
+                this.examineForm = this.query
+                this.formdisableflag = true
+                if (this.isTaskReception && this.query.flag == '1'){
+                    this.isDesignated = true
+                }
+            }
+            this.getRoleAndUserByOrgId()
+        },
+        methods: {
+            getData(data){
+                this.examineForm.oldName = data.oldName
+                this.examineForm.userName = data.userName
+                this.examineForm.orgId = data.orgId
+                this.examineForm.userId = data.userId
+            },
+            /** 上传文件的回调
+             *  获取接口中的数据进行反显
+             * */
+            clickButtonToUpload(current) {
+                this.$refs.upload.importModalshowflagtemp = true
+                this.uploadName = current
+                if (this.examineForm[current]) {
+                    this.$http.get('att/attFile/getMultiFileInfos', {
+                        fileIds: this.examineForm[current]
+                    }, {
+                        _this: this
+                    }, res => {
+                        this.$refs.upload.ids = []
+                        res.data.map(item => {
+                            item.name = item.oldFileName
+                            this.$refs.upload.ids.push(item.id)
+                        })
+                        this.$refs.upload.defaultFileList = res.data || []
+                    }, e => {
+                    })
+                } else {
+                    this.$refs.upload.defaultFileList = []
+                }
+            },
+
+            /** 上传文件的回调 */
+            uploadSuccess(data) {
+                /** 赋值给当前对应的表单文件 */
+                this.examineForm[this.uploadName] = data
+                this.examineForm = {...this.examineForm}
+            },
+
+            /** 审核时通过或不通过的事件；显示 */
+            flagchange(value) {
+                this.isDesignated = value == 1 ? true : false
+                if (this.isDesignated) {
+                    /** 必填或者部必填 */
+                    this.examineFormRules.userName = [
+                        {required: true, message: '指派人员不能为空', trigger: 'change'}
+                    ]
+                } else {
+                    this.examineFormRules.userName = [
+                        {required: false, message: '指派人员不能为空', trigger: 'change'}
+                    ]
+                }
+            },
+
+            /** 在选择完责任部门点击确定的事件 */
+            handleTaskBreakDrawerConfirm() {
+                if (this.EOCheckList.length) {
+                    this.handleQueryPersonByDept()
+                } else {
+                    this.$message.warning('请选择责任部门')
+                }
+            },
+
+            /** 在选择完责任部门点击取消的事件 */
+            handleTaskBreakDrawerCancel() {
+                this.visible.visibleTree = false
+                this.EOCheckList = []
+                this.EOCheckId = []
+            },
+
+            /** 在选择完责任部门点击确定的事件
+             *  调用此方法获取到当前的选中数据的id；通过id去查找人员进行反显
+             * */
+            async handleQueryPersonByDept() {
+                const parts = []
+                const partsName = []
+                this.EOCheckList.map(item => {
+                    parts.push(item.id)
+                    if (item.oldname) {
+                        partsName.push(item.oldname)
+                    } else {
+                        partsName.push(item.name)
+                    }
+                })
+                this.examineForm.oldName = partsName.join(',')
+                this.examineForm.orgId = parts.join(',')
+                const orgIds = parts.join(',')
+                const res = await getRoleAndUserByOrgId({
+                    orgId: orgIds,
+                    pageNo: 1,
+                    pageSize: 10000
+                })
+                const userId = []
+                const userName = []
+                /** 遍历截取所长和部长 */
+                let nodeUserInfoEOs = []
+                for (let i = 0; i < parts.length; i++) {
+                    res.data.map(person => {
+                        if (person.pOrgId === parts[i]) {
+                            if (person.roleName.slice(person.roleName.length - 2, person.roleName.length) == '所长' ||
+                                person.roleName.slice(person.roleName.length - 2, person.roleName.length) == '部长') {
+                                console.log(person);
+                                if (person.roleName == '标准化所所长') {
+                                    nodeUserInfoEOs.push({
+                                        "nodeId": "zijsglbbzqr", "parentFlow": "zcfgrklc", "userId": person.userId,
+                                    })
+                                } else if (person.roleName == '产品分析中心所长') {
+                                    nodeUserInfoEOs.push({
+                                        "nodeId": "zicpfxzxszqr", "parentFlow": "zcfgrklc", "userId": person.userId,
+                                    })
+                                } else if (person.roleName == '设计部所所长') {
+                                    nodeUserInfoEOs.push({
+                                        "nodeId": "zisjbsszqr", "parentFlow": "zcfgrklc", "userId": person.userId,
+                                    })
+                                }
+                                userId.push(person.userId)
+                                userName.push(person.userName)
+                            }
+                        }
+                    })
+                }
+                this.examineForm.userName = userName.join(',')
+                this.examineForm.userId = userId.join(',')
+                this.examineForm.nodeUserInfoEOs = nodeUserInfoEOs
+                this.examineForm = {...this.examineForm}
+                this.visible.visibleTree = false
+            },
+
+            /** 点击选择部门的弹框 */
+            handleVisibleDept(id) {
+                /** 如果有数据进行反显 */
+                this.checkIdList = id === undefined ? [] : id.split(',')
+                this.visible.visibleTree = true
+            },
+
+            /** 获取选中部门的数据 进行赋值*/
+            handleEOCheck(checkedList) {
+                this.EOCheckList = checkedList
+            },
+
+            /** 关闭指派人员的弹框*/
+            onLLRTreeClosed() {
+                this.LLRTreeChecked = []
+            },
+
+            /** 关闭指派人员的弹框*/
+            handleLLRTreeCancel() {
+                this.visible.visibleLLRTree = false
+            },
+
+            /** 在提交表单的校验 通过继续执行 */
+            submit() {
+                this.isSubmit = false
+                this.$refs['examineForm'].validate((valid) => {
+                    if (valid) {
+                        this.isSubmit = true
+                    } else {
+                        this.$message.warning('请检查表单是否填写正确')
+                    }
+                })
+            },
+
+            /** 打开选择人员的弹框 */
+            handleVisiblePersonnel(id) {
+                /** 有数据时赋值 */
+                this.manageId = id === undefined ? [] : id.split(',')
+                this.visible.visibleLLRTree = true
+            },
+
+            /** 获取当前选中的人员的数据 */
+            dblClick(checkedList) {
+                this.userList = checkedList
+            },
+
+            /** 点击选择人员弹框的确认按钮 进行遍历选中数据反显表单*/
+            handleLLRTreeConfirm() {
+                if (this.userList.length > 0) {
+                    let parts = []
+                    let partsName = []
+                    this.userList.map(item => {
+                        parts.push(item.id)
+                        if (item.oldname) {
+                            partsName.push(item.oldname)
+                        } else {
+                            partsName.push(item.name)
+                        }
+                    })
+                    this.examineForm.userName = partsName.join(',')
+                    this.examineForm.userId = parts.join(',')
+                    this.examineForm = {...this.examineForm}
+                    this.visible.visibleLLRTree = false
+                } else {
+                    this.$message.warning('请选择指派人员')
+                }
+            },
+            /** 通过当前登录人的orgId去获取这个部门下面的人员*/
+            getRoleAndUserByOrgId() {
+                getRoleAndUserByOrgId({
+                    orgId: this.userInfo.orgId,
+                }).then(res => {
+                    const manageIdList = []
+                    const manageNameList = []
+                    const zNodes = JSON.parse(JSON.stringify(res.data))
+                    res.data.map(item => {
+                        manageIdList.push(item.userId)
+                        manageNameList.push(item.userName)
+                    })
+                    /** 重组数据*/
+                    zNodes.map(item => {
+                        item.name = item.userName
+                        item.id = item.userId
+                        item.icon = 'static/images/user.png'
+                        item.iconSkin = 'org-user'
+                        item.pId = item.orgId
+                    })
+                    this.manageZNodes = zNodes
+                })
+            },
+        },
+    }
+</script>
+
+<style scoped>
+    .AssignButton {
+        font-size: 18px;
+    }
+
+    .AssignButton:hover {
+        cursor: pointer;
+    }
+</style>
diff --git a/src/views/permissionApplication/components/reportTable.vue b/src/views/permissionApplication/components/reportTable.vue
new file mode 100644
index 0000000..d7d55dd
--- /dev/null
+++ b/src/views/permissionApplication/components/reportTable.vue
@@ -0,0 +1,184 @@
+<template>
+  <div class="reportTable">
+    <el-button type="primary"  size="big">添加报告</el-button>
+    <el-button type="success" size="big" @click="deleteAll">批量删除</el-button>
+    <div class="table">
+      <vxe-table :data="processTable" :empty-render="{name: 'NotData'}" align="center" border stripe v-table-min-height="500"
+      ref="xTable" @checkbox-all="selectAllEvent" @checkbox-change="selectChangeEvent">
+        <vxe-column type="checkbox" width="60"></vxe-column>
+        <vxe-column show-overflow show-header-overflow field="labelOneName" :title="tagsForm.tags01.name"></vxe-column>
+        <vxe-column show-overflow show-header-overflow field="name" title="报告名称"></vxe-column>
+        <vxe-column show-overflow show-header-overflow field="labelTwoName" :title="tagsForm.tags02.name"></vxe-column>
+        <vxe-column show-overflow show-header-overflow field="labelThreeName" :title="tagsForm.tags03.name"></vxe-column>
+        <vxe-column show-overflow show-header-overflow field="year" title="报告年份"></vxe-column>
+        <vxe-column show-overflow show-header-overflow field="createDate" title="上传时间"></vxe-column>
+        <vxe-column show-overflow show-header-overflow title="操作" width="200" fixed="right">
+          <template #default="{ row }">
+            <el-button type="text" class="del-btn" @click="reportDelete(row.id)">删除</el-button>
+            <!--                        <el-button type="text" @click="downloadRow(row)">下载</el-button>-->
+          </template>
+        </vxe-column>
+      </vxe-table>
+      <el-pagination
+        @size-change="handleLogSizeChange"
+        @current-change="handleLogCurrentChange"
+        :current-page="qLog.pageNo"
+        :page-sizes="[5, 10, 20]"
+        :page-size="qLog.pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"/>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'reportTable',
+  props: {
+    value: {
+      type: Array,
+      default: new Array([]),
+      required: true
+    }
+  },
+  data () {
+    return {
+      processTable: [],
+      total: 0,
+      qLog: {
+        pageSize: 10,
+        pageNo: 1
+      },
+      copyTableData: [],
+      checkIds: [],
+      tagsForm: {
+        tags01: {
+          name: '',
+          parentId: '0',
+          type: '1',
+          id: '',
+          childList: [
+            // {name: '无', type: '1', id: '', parentId: ''},
+          ]
+        },
+        tags02: {
+          name: '',
+          parentId: '0',
+          type: '2',
+          id: '',
+          childList: [
+            // {name: '无', type: '2', id: '', parentId: ''},
+          ]
+        },
+        tags03: {
+          name: '',
+          parentId: '0',
+          type: '3',
+          id: '',
+          childList: [
+            // {name: '无', type: '3', id: '', parentId: ''},
+          ]
+        }
+      }
+    }
+  },
+  watch: {
+    value () {
+      this.total = this.value.length
+      this.processTable = this.value.slice(0, 9)
+    }
+  },
+  created () {
+    // this.copyTableData = JSON.parse(JSON.stringify(this.tableData))
+    this.labelList()
+  },
+  methods: {
+    pageChage (current) {
+      setTimeout(() => {
+        current = current || this.qLog.pageNo
+        this.qLog.pageNo = current
+        this.processTable = this.value.slice(this.qLog.pageSize * (current - 1), this.qLog.pageSize * current)
+        // console.log(this.pages.size, this.pages.size * (current - 1), this.pages.size * this.pages.current, this.list)
+        if (this.processTable.length < 1 && current > 1) {
+          this.pageChage(current - 1)
+          return false
+        }
+      })
+      this.total = this.value.length
+    },
+    handleLogSizeChange (val) {
+      this.qLog.pageSize = val
+      this.qLog.pageNo = 1
+      this.pageChage(1)
+    },
+    handleLogCurrentChange (val) {
+      this.qLog.pageSize = val
+      this.qLog.pageNo = 1
+      this.pageChage(1)
+    },
+    // 标签列表
+    labelList () {
+      this.$api.report.labelList().then(({ data }) => {
+        if (!data.labelOne.childList.length) {
+          data.labelOne.childList = [{ name: '', id: '', parentId: this.tagsForm.tags01.id, type: '1' }]
+        }
+        if (!data.labelTwo.childList.length) {
+          data.labelTwo.childList = [{ name: '', id: '', parentId: this.tagsForm.tags02.id, type: '2' }]
+        }
+        if (!data.labelThree.childList.length) {
+          data.labelThree.childList = [{ name: '', id: '', parentId: this.tagsForm.tags03.id, type: '3' }]
+        }
+        this.tagsForm.tags01 = data.labelOne
+        this.tagsForm.tags02 = data.labelTwo
+        this.tagsForm.tags03 = data.labelThree
+      })
+    },
+    selectAllEvent ({ checked }) {
+      const records = this.$refs.xTable.getCheckboxRecords()
+      this.checkIds = records.map(item => {
+        return item.id
+      })
+    },
+    selectChangeEvent ({ checked }) {
+      const records = this.$refs.xTable.getCheckboxRecords()
+      this.checkIds = records.map(item => {
+        return item.id
+      })
+    },
+    deleteAll () {
+      this.reportDelete(this.checkIds)
+    },
+    reportDelete (id) {
+      // 删除报告 假删除
+      if (typeof id === 'string') {
+        this.$confirm('此操作将删除所选数据, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          this.$emit('updateTable', this.value.filter(item => item.id !== id))
+        })
+      } else {
+        if (Array.isArray(id)) {
+          this.$confirm('此操作将删除所选数据, 是否继续?', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+          }).then(() => {
+            this.$emit('updateTable', this.value.filter(item => id.indexOf(item.id) === -1))
+          })
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+  .table{
+    margin-top: 10px;
+  }
+  .reportTable{
+    margin-bottom: 20px;
+  }
+</style>
diff --git a/src/views/permissionApplication/launch.vue b/src/views/permissionApplication/launch.vue
new file mode 100644
index 0000000..331dadf
--- /dev/null
+++ b/src/views/permissionApplication/launch.vue
@@ -0,0 +1,97 @@
+<template>
+  <div class="process">
+    <div class="process_box">
+      <process-header :title="'发起流程'"></process-header>
+      <div class="procedure">
+        <div class="content">
+          <span class="base_title">基础信息</span>
+          <el-row>
+            <report-table v-model="tableData" @updateTable="(newValue)=>{tableData=newValue}"> </report-table>
+          </el-row>
+          <el-row>
+            <el-form ref="form" :model="applicationForm" label-width="150px"
+                     class="label-input-form" size="medium">
+              <el-row>
+                <el-col :span="9">
+                  <el-form-item label="申请原因">
+                    <el-input type="textarea" v-model="applicationForm.name"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="9" :offset="6">
+                  <el-form-item label="选择申请权限">
+                    <el-select v-model="value" placeholder="请选择">
+                      <el-option
+                        v-for="item in options"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </el-form>
+          </el-row>
+        </div>
+        <div class="content">
+          <span class="base_title">指派信息</span>
+          <el-form ref="form" :model="assignForm" label-width="150px"
+                   class="label-input-form" size="medium">
+            <el-row>
+              <el-col :span="9">
+                <el-form-item label="活动名称">
+                  <el-input v-model="assignForm.name"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="9" :offset="6">
+                <el-form-item label="活动名称">
+                  <el-input v-model="assignForm.name"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+
+          </el-form>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import processHeader from '@/components/ProcessHeader'
+import reportTable from './components/reportTable'
+export default {
+  name: 'launch',
+  components: {
+    processHeader,
+    reportTable
+  },
+  data () {
+    return {
+      assignForm: {},
+      tableData: [],
+      applicationForm: {},
+      q: {
+        pageSize: 10000,
+        pageNo: 1
+      }
+    }
+  },
+  created () {
+    this.reportList()
+  },
+  methods: {
+    // 获取表格列表 吧查询到的值传给子组件
+    reportList () {
+      this.$api.report.reportList(this.q).then(({ data }) => {
+        this.tableData = data.records
+      })
+    }
+  }
+
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/vue.config.js b/vue.config.js
index b3dabd8..41d24d5 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,5 +1,6 @@
 const webpack = require('webpack')
 module.exports = {
+  lintOnSave: false,
   // publicPath: '/mi',
   outputDir: 'dist', // 运行时生成的生产环境构建文件的目录(默认''dist''，构建之前会被清除)
   assetsDir: 'static', // 放置生成的静态资源(s、css、img、fonts)的(相对于 outputDir 的)目录(默认'')
@@ -12,12 +13,12 @@ module.exports = {
     proxy: {
       // 配置跨域
       '/api': {
-        target: 'http://10.94.1.164:7060', // 服务器
+        target: 'http://localhost:7060', // 服务器
         changeOrigin: true
       },
       // 请求静态图片配置项
       '/api/home/pic': {
-        target: 'http://10.94.1.164:7061', // 图片请求的nginx网址
+        target: 'http://localhost:7061', // 图片请求的nginx网址
         changeOrigin: true
       }