相关方关联分公司功能
zhaoyu
parent
5c20be35f6
commit
0083c36bac
|
|
@ -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>
|
||||||
|
|
@ -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 + '¤tPage=' + 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>
|
||||||
|
|
@ -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 + '¤tPage=' + 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>
|
||||||
|
|
@ -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>
|
||||||
Loading…
Reference in New Issue