From 0083c36bac1029afaaa4047dc7dfa1b7abfab796 Mon Sep 17 00:00:00 2001
From: zhaoyu <zhaoyu>
Date: Tue, 5 Dec 2023 14:24:16 +0800
Subject: [PATCH] =?UTF-8?q?=E7=9B=B8=E5=85=B3=E6=96=B9=E5=85=B3=E8=81=94?=
 =?UTF-8?q?=E5=88=86=E5=85=AC=E5=8F=B8=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../UserBaseInfo/UserBaseInfoView.vue         | 324 +++++++++++++++
 .../specialType/corpFgs/components/edit.vue   | 373 ++++++++++++++++++
 .../specialType/corpFgs/components/list.vue   | 339 ++++++++++++++++
 src/views/specialType/corpFgs/index.vue       |  35 ++
 4 files changed, 1071 insertions(+)
 create mode 100644 src/components/UserBaseInfo/UserBaseInfoView.vue
 create mode 100644 src/views/specialType/corpFgs/components/edit.vue
 create mode 100644 src/views/specialType/corpFgs/components/list.vue
 create mode 100644 src/views/specialType/corpFgs/index.vue

diff --git a/src/components/UserBaseInfo/UserBaseInfoView.vue b/src/components/UserBaseInfo/UserBaseInfoView.vue
new file mode 100644
index 0000000..caecafd
--- /dev/null
+++ b/src/components/UserBaseInfo/UserBaseInfoView.vue
@@ -0,0 +1,324 @@
+<template>
+  <div>
+    <el-dialog
+      :visible.sync="dialog_visible"
+      title="人员详情"
+      width="70%"
+    >
+      <div v-loading="listLoading">
+        <div>
+          <table class="table-ui" style="margin-bottom: 20px;">
+            <div class="level-title">
+              <h1>人员信息</h1>
+            </div>
+            <tr>
+              <th>照片</th>
+              <td>
+                <span v-if="imgUrl != ''">
+                  <div class="img-flex">
+                    <viewer>
+                      <img :src="imgUrl" width="40" height="40" style="object-fit: cover;">
+                    </viewer>
+                  </div>
+                </span>
+                <span v-else/>
+              </td>
+              <th>姓名</th>
+              <td>{{ dataForm.NAME }}</td>
+              <th>性别</th>
+              <td>{{ dataForm.SEX === '0' ? '男' : '女' }}</td>
+            </tr>
+            <tr>
+              <th>出生年月</th>
+              <td>{{ dataForm.DATE_OF_BIRTH }}</td>
+              <th>年龄</th>
+              <td>{{ dataForm.AGE }}</td>
+              <th>手机号</th>
+              <td>{{ dataForm.PHONE }}</td>
+            </tr>
+            <tr>
+              <th>身份证</th>
+              <td>{{ dataForm.CARD_ID }}</td>
+              <th>身份证照片</th>
+              <!--if条件不可删除-->
+              <td v-if="userCardIDPhotoFile.length>0" colspan="3">
+                <span>
+                  <div class="img-flex">
+                    <viewer>
+                      <img
+                        v-for="item in userCardIDPhotoFile"
+                        :src="config.fileUrl + item.FILEPATH"
+                        :key="item.IMGFILES_ID"
+                        width="40"
+                        height="40"
+                        style="object-fit: cover;">
+                    </viewer>
+                  </div>
+                </span>
+              </td>
+            </tr>
+
+            <tr>
+              <th>民族</th>
+              <td>{{ dataForm.minzuName? dataForm.minzuName:'暂无信息' }}</td>
+              <th>婚姻状况</th>
+              <td>{{ dataForm.MARITALSTATUS === '0' ? '未婚' : '已婚' }}</td>
+              <th>政治面貌</th>
+              <td>{{ dataForm.zzName }} {{
+                dataForm.zzName == '中共党员' ? '入党时间' + dataForm.POLITICAL_TIME : ''
+              }}
+              </td>
+            </tr>
+
+            <tr>
+              <th>户口所在地</th>
+              <td>{{ dataForm.HKLOCAL? dataForm.HKLOCAL:'暂无信息' }}</td>
+              <th>现住址</th>
+              <td>{{ dataForm.ADDRESS? dataForm.ADDRESS:'暂无信息' }}</td>
+              <th>联系电话</th>
+              <td>{{ dataForm.PHONE }}</td>
+            </tr>
+            <tr>
+              <th>文化程度</th>
+              <td>{{ dataForm.DEGREE_OF_EDUCATION_NAME }}</td>
+              <!--            <th>本企业从业开始日期</th>-->
+              <!--            <td>{{ dataForm.CORP_START_DATE }}</td>-->
+              <th>岗位名称(工种)</th>
+              <td colspan="3">{{ dataForm.POST_ID }}</td>
+            </tr>
+            <tr>
+              <th>是否缴纳社保</th>
+              <td :colspan="dataForm.IS_SOCIAL === '1' ? '':5">{{ formatLabel(dataForm.IS_SOCIAL) }}</td>
+              <th v-if="dataForm.IS_SOCIAL === '1'">社会保障号码</th>
+              <td v-if="dataForm.IS_SOCIAL === '1'">{{ dataForm.SOCIAL_NUMBER }}</td>
+              <th v-if="dataForm.IS_SOCIAL === '1'">社保卡照片</th>
+              <td v-if="dataForm.IS_SOCIAL === '1'&& socialPhotoFile.length>0" colspan="3">
+                <span>
+                  <div class="img-flex">
+                    <viewer>
+                      <img
+                        v-for="item in socialPhotoFile"
+                        :src="config.fileUrl + item.FILEPATH"
+                        :key="item.IMGFILES_ID"
+                        width="40"
+                        height="40"
+                        style="object-fit: cover;">
+                    </viewer>
+                  </div>
+                </span>
+              </td>
+            </tr>
+            <tr>
+              <th>是否参加三级安全培训</th>
+              <td >{{ formatLabel(dataForm.IS_LEVEL_THREE) }}</td>
+              <th v-if="dataForm.IS_LEVEL_THREE == 1">三级安全培训照片</th>
+              <td v-if="dataForm.IS_LEVEL_THREE == 1 && photosOfLevel.length>0" colspan="3">
+                <span>
+                  <div class="img-flex">
+                    <viewer>
+                      <img
+                        v-for="item in photosOfLevel"
+                        :src="config.fileUrl + item.FILEPATH"
+                        :key="item.IMGFILES_ID"
+                        width="40"
+                        height="40"
+                        style="object-fit: cover;">
+                    </viewer>
+                  </div>
+                </span>
+              </td>
+            </tr>
+            <tr>
+              <th>是否缴纳保险</th>
+              <td >{{ formatLabelBf(dataForm.IS_BF) }}</td>
+              <th>是否特殊工种</th>
+              <td >{{ formatLabel(dataForm.IS_SPECIAL_JOB) }}</td>
+              <th>是否流动人员</th>
+              <td >{{ formatLabel(dataForm.ISFLOW) }}</td>
+            </tr>
+          </table>
+        </div>
+        <div v-if="pdList.length > 0 ">
+          <table class="table-ui" style="margin-bottom: 20px;">
+            <div class="level-title">
+              <h1>证书信息</h1>
+            </div>
+            <tr>
+              <th>证书类型</th>
+              <th>证书名称</th>
+              <th>证书编号</th>
+              <th>发证机关</th>
+              <th>作业类别</th>
+              <th>操作项目</th>
+              <th>有效期开始</th>
+              <th>有效期结束</th>
+              <th>证书图片</th>
+            </tr>
+            <template v-if="pdList.length > 0 ">
+              <tr v-for="(item,index) in pdList" :key="index">
+                <td>{{ item.CER_TYPE_NAME }}</td>
+                <td>{{ item.CERTIFICATE }}</td>
+                <td>{{ item.SPECIAL_NUMBER }}</td>
+                <td>{{ item.ISSUING_AUTHORITY }}</td>
+                <td>{{ item.SPECIAL_TYPE_NAME?item.SPECIAL_TYPE_NAME:'无' }}</td>
+                <td>{{ item.OPERATION_TYPE_NAME?item.OPERATION_TYPE_NAME:'无' }}</td>
+                <td>{{ item.VALIDITY_TIME_START }}</td>
+                <td>{{ item.VALIDITY_TIME_END }}</td>
+                <td>
+                  <viewer>
+                    <img
+                      :src="config.fileUrl + item.FILEPATH"
+                      width="40"
+                      height="40"
+                      style="object-fit: cover;">
+                  </viewer>
+                </td>
+              </tr>
+            </template>
+          </table>
+        </div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialog_visible = false">取 消</el-button>
+        <el-button type="primary" @click="dialog_visible = false">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { requestFN } from '@/utils/request'
+
+export default {
+  name: 'UserBaseInfoView',
+  props: {
+    base_info_url: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      config: config,
+      imgUrl: '',
+      listLoading: false,
+      dialog_visible: false,
+      pdList: [], // 证书信息
+      wenhuachengduList: [],
+      postList: [],
+      contractFileList: [], // 合同文件
+      insuranceFileList: [], // 保险文件
+      userPhotoFile: [], // 头像
+      userCardIDPhotoFile: [], // 身份证照片
+      photosOfLevel: [], // 三级教育培训
+      socialPhotoFile: [], // 身份证照片
+      gongshangbaoxianFile: [], // 身份证照片
+      dataForm: {
+        contractFileList: [], // 合同文件
+        insuranceFileList: [], // 保险文件
+        CARD_ID: '', // 身份证号
+        DEPARTMENT_NAME: '', // 部门名称
+        CORPINFO_ID: '', // 企业id
+        HKLOCAL: '', // 户口所在地
+        AGE: '',
+        SEX: '',
+        ADDRESS: '',
+        PHONE: '',
+        IS_SOCIAL: '', // 是否缴纳社保
+        SOCIAL_NUMBER: '', // 社会保障号码
+        IS_LEVEL_THREE: '', // 是否参加三级安全培训
+        IS_SPECIAL_JOB: '', // 是否特殊工种
+        ISFLOW: '', //
+        PHOTO: [],
+        IS_INJURIES_PAY: '',
+        CORP_START_DATE: '',
+        IS_BODY_ADAPT: '',
+        IS_SAFETY_TELL: '',
+        ISPAY: '',
+        IS_SIGN_LABOR: '',
+        DEPARTMENT_ID: '',
+        POST_ID: '',
+        PERSON_WORK_TYPE: '', // 工种
+        USERNAME: '',
+        NAME: '',
+        BZ: '',
+        PERSON_TYPE: '',
+        PASSWORD: 'Aa@123456789',
+        DATE_OF_BIRTH: '', // 出生年月
+
+        DEGREE_OF_EDUCATION: '', // 文化程度
+        POST: '', // 职务
+        TYPE_OF_WORK: '', // 工种
+        ENTRY_DATE: '', // 入职日期
+        WORK_DATE: '' // 参加工作日期
+      },
+      USER_ID: '',
+      CORPINFO_ID: ''
+    }
+  },
+  methods: {
+    openWindow(user_id, corpinfo_id) {
+      console.log('openWindow')
+      console.log(this.base_info_url)
+      this.getList(user_id, corpinfo_id)
+      this.$nextTick(() => {
+        this.dialog_visible = !this.dialog_visible
+      })
+    },
+    formatLabelBf(value) {
+      if (value) {
+        var valList = value.split(',')
+        var label = []
+        for (let i = 0; i < valList.length; i++) {
+          if (valList[i] == 0) {
+            label.push('无')
+            break
+          }
+          if (valList[i] == 1) {
+            label.push('商业保险')
+          }
+          if (valList[i] == 2) {
+            label.push('工伤保险')
+          }
+        }
+        return label.join(',')
+      }
+    },
+    // 转换是否
+    formatLabel(value) {
+      if (value == '1') {
+        return '是'
+      } else if (value == '0') {
+        return '否'
+      } else {
+        return ''
+      }
+    },
+    // 获取数据字典数据
+    getList(user_id, corpinfo_id) {
+      this.listLoading = true
+      requestFN(
+        this.base_info_url,
+        {
+          USER_ID: user_id,
+          CORPINFO_ID: corpinfo_id
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.dataForm = Object.assign(this.dataForm, data.pd)
+        this.userPhotoFile = data.userPhotoFile
+        if (this.userPhotoFile.length > 0) {
+          this.imgUrl = config.fileUrl + this.userPhotoFile[0].FILEPATH
+        }
+        this.photosOfLevel = data.photosOfLevel
+        this.pdList = data.pdList
+        this.userCardIDPhotoFile = data.userCardIDPhotoFile
+        this.socialPhotoFile = data.socialPhotoFile
+        // this.gongshangbaoxianFile = data.gongshangbaoxianFile
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    }
+  }
+
+}
+</script>
diff --git a/src/views/specialType/corpFgs/components/edit.vue b/src/views/specialType/corpFgs/components/edit.vue
new file mode 100644
index 0000000..d5c705a
--- /dev/null
+++ b/src/views/specialType/corpFgs/components/edit.vue
@@ -0,0 +1,373 @@
+<template>
+  <div>
+    <div class="app-container print-work">
+      <el-page-header content="相关方人员关联分公司" class="no-print" @back="goBack"/>
+      <el-container>
+        <el-main>
+          <el-form label-width="100px">
+            <el-row>
+              <el-col :span="4">
+                <el-form-item label="关键字搜索">
+                  <el-input v-model="searchForm.KEYWORDS" style="width: 150px" placeholder="请输入关键字"/>
+                </el-form-item>
+              </el-col>
+              <el-col :span="4">
+                <el-form-item label-width="20px">
+                  <el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
+                    搜索
+                  </el-button>
+                  <el-button v-waves class="filter-item" type="success" icon="el-icon-refresh" @click="goKeyReset">
+                    重置
+                  </el-button>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+          <el-table v-loading="listLoading" ref="multipleTable" :data="varList" :row-key="getRowKey" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row>
+            <el-table-column :reserve-selection="true" type="selection" width="55" align="center" />
+            <el-table-column type="index" label="序号" width="50" align="center" />
+            <el-table-column prop="RELEVANT_UNIT_NAME" label="相关方名称" />
+            <el-table-column prop="NAME" label="姓名" />
+            <el-table-column prop="PHONE" label="电话" />
+            <el-table-column prop="IS_SPECIAL_JOB" label="是否特殊工种">
+              <template slot-scope="scope">
+                <span v-if="scope.row.IS_SPECIAL_JOB=='0'">否</span>
+                <span v-else>是</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="ISFLOW" label="是否流动人员" >
+              <template slot-scope="scope">
+                <span v-if="scope.row.ISFLOW=='0'">是</span>
+                <span v-else>否</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="操作">
+              <template slot-scope="{row}">
+                <el-button type="primary" icon="el-icon-document" size="mini" @click="toUserDetail(row)">查看</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="page-btn-group">
+            <div/>
+            <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+          </div>
+        </el-main>
+      </el-container>
+      <div/>
+      <UserBaseInfoView ref="userbaseinfoview" :base_info_url="baseInfourl"/>
+    </div>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+import UserBaseInfoView from '@/components/UserBaseInfo/UserBaseInfoView'
+
+export default {
+  components: { Pagination, UserBaseInfoView },
+  directives: { waves },
+  data() {
+    return {
+      baseInfourl: '/corpFgs/getCorpUserDetail',
+      dayTime: [],
+      dialogFormEdit: false,
+      dialogFormEditState: false,
+      listLoading: true,
+      userListLoading: true,
+      treeLoading: false,
+      add: false,
+      del: false,
+      edit: false,
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      form: {
+        FGS_ID: '',
+        CORPINFO_ID: ''
+      },
+      total: 0,
+      KEYWORDS: '',
+      ISFLOW: '',
+      DEPART_STATE: '',
+      varList: [],
+      multipleSelectionAll: [], // 所有选中的数据包含跨页数据
+      multipleSelection: [], // 当前页选中的数据
+      dialogType: 'saveUser',
+      disabledLCSelect: false,
+      displayLCSelect: 'display: block',
+      disabledLCInput: true,
+      displayLCInput: 'display: none',
+      LearnerCategoryList: [],
+      searchForm: {
+        FGS_ID: '',
+        CORPINFO_ID: '',
+        KEYWORDS: ''
+      },
+      config: config,
+      dialogVisible: false,
+      roleList: [],
+      postList: [],
+      dialogFormDaoru: false,
+      daoruFrom: {
+        FFILE: '',
+        FFILEName: ''
+      },
+      PARENTID: '0',
+      fgsList: [],
+      userList: [],
+      selectedRows: [], // 人员选中的数据
+      USER_ID: '',
+      LOGIN_USER: JSON.parse(sessionStorage.getItem('user')).USER_ID
+    }
+  },
+  watch: {
+
+  },
+  created() {
+    this.form.FGS_ID = this.$parent.FGS_ID
+    this.searchForm.FGS_ID = this.$parent.FGS_ID
+    this.form.CORPINFO_ID = this.$parent.CORPINFO_ID
+    this.searchForm.CORPINFO_ID = this.$parent.CORPINFO_ID
+    this.getList()
+    this.hasButton()
+  },
+  methods: {
+    getQuery() {
+      this.$refs.multipleTable.clearSelection()
+      this.getList()
+    },
+    goKeyReset() {
+      this.searchForm.KEYWORDS = ''
+      this.getList()
+    },
+    goBack() {
+      this.$parent.activeName = 'List'
+    },
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/corpFgs/corpUserFgsList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          ...this.searchForm
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.varList = data.varList
+        this.fgsList = data.fgsList
+        console.log(this.varList)
+        this.total = data.page.totalResult
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    getRowKey(row) {
+      return row.CORP_USER_FGS_ID
+    },
+    // 判断按钮权限，用于是否显示按钮
+    hasButton() {
+      var keys = 'user:add,user:del,user:edit'
+      requestFN(
+        '/head/hasButton',
+        {
+          keys: keys
+        }
+      ).then((data) => {
+        this.add = data.userfhadminadd
+        this.del = data.userfhadmindel
+        this.edit = data.userfhadminedit
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    handleAdd() {
+      this.dialogFormEdit = true
+      this.getUserList()
+      this.$refs.userListTable.clearSelection()
+    },
+    // 查看
+    toUserDetail(ROW) {
+      this.$refs.userbaseinfoview.openWindow(ROW.USER_ID, ROW.CORPINFO_ID)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+.el-dialog__body{
+  padding: 0;
+  background: red;
+}
+.mark_up{
+  margin-bottom:20px;
+  margin-left: 110px;
+}
+.icons-container {
+  margin: 0;
+  overflow: hidden;
+
+  .grid {
+    position: relative;
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
+  }
+
+  .icon-item {
+    margin-bottom: 10px;
+    height: 70px;
+    text-align: center;
+    width: 100px;
+    float: left;
+    font-size: 24px;
+    color: #24292e;
+    cursor: pointer;
+    span {
+      display: block;
+      font-size: 14px;
+      margin-top: 10px;
+    }
+
+  }
+
+  .disabled {
+    pointer-events: none;
+  }
+}
+.filter-btn-group{
+  position: relative;
+}
+.filter-flot{
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.uploader{
+  width: 570px;
+  display: flex;
+  align-items: center;
+}
+.el-form-item__content{
+  line-height: 1;
+}
+.uo-flex{
+  display: flex
+}
+
+.avatar-uploader .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+.avatar-uploader .el-upload:hover {
+  border-color: #409EFF;
+}
+.avatar-uploader-icon {
+  border: 1px dashed #d9d9d9;
+  font-size: 28px;
+  color: #8c939d;
+  width: 178px;
+  height: 178px;
+  line-height: 178px;
+  text-align: center;
+}
+.avatar {
+  width: 178px;
+  height: 178px;
+  display: block;
+}
+
+</style>
+
+<style lang="sass" scoped>
+.el-row
+  margin-bottom: 16px
+  &:last-child
+    margin-bottom: 0
+    .form-group
+      display: flex
+      align-items: center
+      margin-right: 20px
+      .form-label
+        padding: 9px 15px
+        font-size: 14px
+        width: 240px
+        font-weight: 400
+        line-height: 20px
+        text-align: right
+        margin-bottom: 0
+        .star
+          color: red
+          padding-right: 4px
+      .input-block
+        flex: 1
+        min-height: 36px
+        position: relative
+
+  .disContent
+    padding: 0 20px
+    display: flex
+    align-items: center
+    flex-wrap: wrap
+    .img-div
+      position: relative
+      margin: auto 10px 10px 10px
+      width: 20px
+      height: 20px
+      border-radius: 4px
+      &>img
+        width: 2%
+        height: 3%
+
+      .disContent-hide
+        position: absolute
+        width: 100%
+        height: 100%
+        border-radius: 4px
+        background-color: rgba(48, 48, 48, 0.59)
+        display: none
+        top: 0
+        left: 0
+
+        .Delete
+          position: absolute
+          bottom: 14px
+          right: 10px
+          font-size: 16px
+          color: white
+          cursor: pointer
+
+          .editCss
+            .Delete
+              font-size: 16px
+              right: 90px
+
+        .yuLan
+          position: absolute
+          bottom: 23px
+          right: 50px
+          font-size: 16px
+          color: white
+          cursor: pointer
+
+        .yuLanImg
+          position: absolute
+          bottom: 0
+          right: 0
+          width: 100%
+          height: 100%
+          opacity: 0
+
+    .img-div:hover .disContent-hide
+      display: block
+
+    .pitchCss
+      border: 1px solid #202e78
+      transition: all linear 0.1s
+      width: 116px
+      height: 116px
+</style>
diff --git a/src/views/specialType/corpFgs/components/list.vue b/src/views/specialType/corpFgs/components/list.vue
new file mode 100644
index 0000000..ab4168d
--- /dev/null
+++ b/src/views/specialType/corpFgs/components/list.vue
@@ -0,0 +1,339 @@
+<template>
+  <div class="icons-container">
+    <el-container>
+      <el-main>
+        <el-form label-width="100px">
+          <el-row>
+            <el-col :span="4">
+              <el-form-item label="相关方">
+                <el-select v-model="searchForm.CORPINFO_ID" filterable clearable placeholder="请选择相关方">
+                  <el-option v-for="item in fgsList" :key="item.CORPINFO_ID" :label="item.RELEVANT_UNIT_NAME" :value="item.CORPINFO_ID" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item label-width="20px">
+                <el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
+                  搜索
+                </el-button>
+                <el-button v-waves class="filter-item" type="success" icon="el-icon-refresh" @click="goKeyReset">
+                  重置
+                </el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <el-table v-loading="listLoading" ref="multipleTable" :data="varList" :row-key="getRowKey" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row>
+          <el-table-column :reserve-selection="true" type="selection" width="55" align="center" />
+          <el-table-column type="index" label="序号" width="50" align="center" />
+          <el-table-column prop="RELEVANT_UNIT_NAME" label="相关方名称" />
+          <el-table-column prop="SOCIAL_CODE" label="统一社会信用代码" />
+          <el-table-column prop="CONTACT_PERSON" label="主要负责人" />
+          <el-table-column prop="NUM" label="已关联人数" />
+          <el-table-column label="操作">
+            <template slot-scope="{row}">
+              <el-button type="primary" icon="el-icon-edit" size="mini" @click="handleEdit(row)">进入</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div class="page-btn-group">
+          <div/>
+          <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+        </div>
+      </el-main>
+    </el-container>
+    <div/>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+export default {
+  components: { Pagination },
+  directives: { waves },
+  data() {
+    return {
+      dayTime: [],
+      dialogFormEdit: false,
+      dialogFormEditState: false,
+      listLoading: true,
+      treeLoading: false,
+      add: false,
+      del: false,
+      edit: false,
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      total: 0,
+      KEYWORDS: '',
+      ISFLOW: '',
+      DEPART_STATE: '',
+      varList: [],
+      multipleSelectionAll: [], // 所有选中的数据包含跨页数据
+      multipleSelection: [], // 当前页选中的数据
+      dialogType: 'saveUser',
+      disabledLCSelect: false,
+      displayLCSelect: 'display: block',
+      disabledLCInput: true,
+      displayLCInput: 'display: none',
+      LearnerCategoryList: [],
+      searchForm: {
+        CORPINFO_ID: ''
+      },
+      config: config,
+      dialogVisible: false,
+      roleList: [],
+      postList: [],
+      dialogFormDaoru: false,
+      daoruFrom: {
+        FFILE: '',
+        FFILEName: ''
+      },
+      PARENTID: '0',
+      fgsList: [],
+      datePage: 0,
+      USER_ID: '',
+      LOGIN_USER: JSON.parse(sessionStorage.getItem('user')).USER_ID
+    }
+  },
+  watch: {
+  },
+  created() {
+    this.getList()
+    this.hasButton()
+  },
+  methods: {
+    getQuery() {
+      this.$refs.multipleTable.clearSelection()
+      this.getList()
+    },
+    goKeyReset() {
+      this.searchForm.FGS_ID = ''
+      this.getList()
+    },
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/corpFgs/corpFgsList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          ...this.searchForm,
+          FGS_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.varList = data.varList
+        this.fgsList = data.fgsList
+        console.log(this.varList)
+        this.total = data.page.totalResult
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    getRowKey(row) {
+      return row.CORP_FGS_ID
+    },
+    // 判断按钮权限，用于是否显示按钮
+    hasButton() {
+      var keys = 'user:add,user:del,user:edit'
+      requestFN(
+        '/head/hasButton',
+        {
+          keys: keys
+        }
+      ).then((data) => {
+        this.add = data.userfhadminadd
+        this.del = data.userfhadmindel
+        this.edit = data.userfhadminedit
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    // 编辑
+    handleEdit(row) {
+      this.$parent.FGS_ID = row.FGS_ID
+      this.$parent.CORPINFO_ID = row.CORPINFO_ID
+      this.$parent.activeName = 'Edit'
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+.el-dialog__body{
+  padding: 0;
+  background: red;
+}
+.mark_up{
+  margin-bottom:20px;
+  margin-left: 110px;
+}
+.icons-container {
+  margin: 0;
+  overflow: hidden;
+
+  .grid {
+    position: relative;
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
+  }
+
+  .icon-item {
+    margin-bottom: 10px;
+    height: 70px;
+    text-align: center;
+    width: 100px;
+    float: left;
+    font-size: 24px;
+    color: #24292e;
+    cursor: pointer;
+    span {
+      display: block;
+      font-size: 14px;
+      margin-top: 10px;
+    }
+
+  }
+
+  .disabled {
+    pointer-events: none;
+  }
+}
+.filter-btn-group{
+  position: relative;
+}
+.filter-flot{
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.uploader{
+  width: 570px;
+  display: flex;
+  align-items: center;
+}
+.el-form-item__content{
+  line-height: 1;
+}
+.uo-flex{
+  display: flex
+}
+
+.avatar-uploader .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+.avatar-uploader .el-upload:hover {
+  border-color: #409EFF;
+}
+.avatar-uploader-icon {
+  border: 1px dashed #d9d9d9;
+  font-size: 28px;
+  color: #8c939d;
+  width: 178px;
+  height: 178px;
+  line-height: 178px;
+  text-align: center;
+}
+.avatar {
+  width: 178px;
+  height: 178px;
+  display: block;
+}
+
+</style>
+
+<style lang="sass" scoped>
+.el-row
+  margin-bottom: 16px
+  &:last-child
+    margin-bottom: 0
+    .form-group
+      display: flex
+      align-items: center
+      margin-right: 20px
+      .form-label
+        padding: 9px 15px
+        font-size: 14px
+        width: 240px
+        font-weight: 400
+        line-height: 20px
+        text-align: right
+        margin-bottom: 0
+        .star
+          color: red
+          padding-right: 4px
+      .input-block
+        flex: 1
+        min-height: 36px
+        position: relative
+
+  .disContent
+    padding: 0 20px
+    display: flex
+    align-items: center
+    flex-wrap: wrap
+    .img-div
+      position: relative
+      margin: auto 10px 10px 10px
+      width: 20px
+      height: 20px
+      border-radius: 4px
+      &>img
+        width: 2%
+        height: 3%
+
+      .disContent-hide
+        position: absolute
+        width: 100%
+        height: 100%
+        border-radius: 4px
+        background-color: rgba(48, 48, 48, 0.59)
+        display: none
+        top: 0
+        left: 0
+
+        .Delete
+          position: absolute
+          bottom: 14px
+          right: 10px
+          font-size: 16px
+          color: white
+          cursor: pointer
+
+          .editCss
+            .Delete
+              font-size: 16px
+              right: 90px
+
+        .yuLan
+          position: absolute
+          bottom: 23px
+          right: 50px
+          font-size: 16px
+          color: white
+          cursor: pointer
+
+        .yuLanImg
+          position: absolute
+          bottom: 0
+          right: 0
+          width: 100%
+          height: 100%
+          opacity: 0
+
+    .img-div:hover .disContent-hide
+      display: block
+
+    .pitchCss
+      border: 1px solid #202e78
+      transition: all linear 0.1s
+      width: 116px
+      height: 116px
+</style>
diff --git a/src/views/specialType/corpFgs/index.vue b/src/views/specialType/corpFgs/index.vue
new file mode 100644
index 0000000..acb6f7d
--- /dev/null
+++ b/src/views/specialType/corpFgs/index.vue
@@ -0,0 +1,35 @@
+<template>
+  <div>
+    <List v-show="activeName=='List'" ref="list" />
+    <Edit v-if="activeName=='Edit'" />
+  </div>
+</template>
+
+<script>
+import List from './components/list'
+import Edit from './components/edit'
+export default {
+  components: {
+    List: List,
+    Edit: Edit
+  },
+  data() {
+    return {
+      activeName: 'List',
+      FGS_ID: '',
+      CORPINFO_ID: ''
+    }
+  },
+  watch: {
+    activeName(val) {
+      if (val == 'List') {
+        this.$refs.list.getList()
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>