|
|
<div style="padding-top: 20px;">
|
|
|
<el-divider content-position="left">个人信息</el-divider>
|
|
|
<el-form :model="ruleForm" label-width="120px" :size="$global.elementSize">
|
|
|
<el-row>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="姓名" prop="nickname" class="form-class">
|
|
|
<el-input v-model="ruleForm.nickname" disabled style='width: 190px;'></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="性别" prop="sex" class="form-class">
|
|
|
<el-radio-group v-model="ruleForm.sex">
|
|
|
<el-radio :label="1">男</el-radio>
|
|
|
<el-radio :label="0">女</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="学历" prop="education" class="form-class">
|
|
|
<el-input v-model="ruleForm.education" style='width: 190px;'></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="手机号" prop="phone" class="form-class">
|
|
|
<el-input v-model="ruleForm.phone" disabled style='width: 190px;'></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="电子邮箱" prop="email" class="form-class">
|
|
|
<el-input v-model="ruleForm.email" style='width: 190px;'></el-input>
|
|
|
</el-form-item>
|
|
|
<div class="yfyw-user">
|
|
|
<div>
|
|
|
<el-avatar :size="80" :src="imageUrl">
|
|
|
<i class="iconfont icon-yonghu" style="font-size: 80px;"/>
|
|
|
</el-avatar>
|
|
|
<el-upload
|
|
|
class="upload-demo"
|
|
|
:show-file-list="false"
|
|
|
:before-upload="beforeAvatarUpload"
|
|
|
:multiple="false"
|
|
|
:http-request="getFile"
|
|
|
:auto-upload="true">
|
|
|
<el-button size="mini" type="primary">上传照片</el-button>
|
|
|
</el-upload>
|
|
|
</div>
|
|
|
<div class="title">
|
|
|
<i class="iconfont icon-icon--yingbing" /> 人员基本信息
|
|
|
</div>
|
|
|
<div style="padding-left: 40px;margin-bottom: 6px">
|
|
|
<el-form :model="ruleForm" label-width="120px" :size="$global.elementSize" label-position="top" >
|
|
|
<el-row :gutter="5">
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="姓名" prop="nickname" class="form-class">
|
|
|
<el-input v-model="ruleForm.nickname" :readonly="isAdmin()"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="性别" prop="sex" class="form-class">
|
|
|
<el-radio-group v-model="ruleForm.sex">
|
|
|
<el-radio :label="1">男</el-radio>
|
|
|
<el-radio :label="0">女</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="年龄" prop="age" class="form-class">
|
|
|
<el-input v-model="ruleForm.age" type="number"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
<el-form-item label="入职时间" prop="entryTime" class="form-class">
|
|
|
<el-date-picker
|
|
|
disabled
|
|
|
v-model="ruleForm.entryTime"
|
|
|
type="date"
|
|
|
style='width: 190px;'
|
|
|
placeholder="选择日期">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="获得证书" prop="certificate" disabled class="form-class">
|
|
|
<el-input v-model="ruleForm.certificate" style='width: 190px;'></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="所在公司" prop="company" class="form-class">
|
|
|
<el-input v-model="ruleForm.company" disabled style='width: 190px;'></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="年龄" prop="age" class="form-class">
|
|
|
<el-input v-model="ruleForm.age" style='width: 190px;'></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="毕业院校" prop="university" class="form-class">
|
|
|
<el-input v-model="ruleForm.university" disabled style='width: 190px;'></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="座机号码" prop="tel" class="form-class">
|
|
|
<el-input v-model="ruleForm.tel" style='width: 190px;'></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="家庭住址" prop="post" class="form-class">
|
|
|
<el-input v-model="ruleForm.post" style='width: 190px;'></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="离职时间" prop="quitTime" class="form-class">
|
|
|
<el-date-picker
|
|
|
v-model="ruleForm.quitTime"
|
|
|
disabled
|
|
|
type="date"
|
|
|
style='width: 190px;'
|
|
|
placeholder="选择日期">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-image style="width: 200px; height: 200px" :src="imageUrl"></el-image>
|
|
|
<el-upload
|
|
|
class="upload-demo"
|
|
|
:show-file-list="false"
|
|
|
:before-upload="beforeAvatarUpload"
|
|
|
:multiple="false"
|
|
|
:http-request="getFile"
|
|
|
:auto-upload="true">
|
|
|
<el-button size="small" type="primary">上传照片</el-button>
|
|
|
</el-upload>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<div style="text-align: center;">
|
|
|
<el-button type="primary" size="small" @click="saveUser">保存</el-button>
|
|
|
|
|
|
<el-row :gutter="5">
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="座机号码" prop="tel" class="form-class">
|
|
|
<el-input v-model="ruleForm.tel"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="手机号" prop="phone" class="form-class">
|
|
|
<el-input v-model="ruleForm.phone" :readonly="isAdmin()"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="电子邮箱" prop="email" class="form-class">
|
|
|
<el-input v-model="ruleForm.email"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
<el-row :gutter="5">
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="毕业院校" prop="university" class="form-class">
|
|
|
<el-input v-model="ruleForm.university" :readonly="isAdmin()"></el-input>
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="学历" prop="education" class="form-class">
|
|
|
<el-input v-model="ruleForm.education"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="所在公司" prop="company" class="form-class">
|
|
|
<el-input v-model="ruleForm.company" :readonly="isAdmin()"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
<el-row :gutter="5">
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="在职状态" prop="certificate" :readonly="isAdmin()" class="form-class">
|
|
|
<el-radio-group v-model="ruleForm.state">
|
|
|
<el-radio :label="1">在职</el-radio>
|
|
|
<el-radio :label="2">离职</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="入职时间" prop="entryTime" class="form-class">
|
|
|
<el-date-picker
|
|
|
:readonly="isAdmin()"
|
|
|
v-model="ruleForm.entryTime"
|
|
|
type="date"
|
|
|
placeholder="选择日期">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="离职时间" prop="quitTime" class="form-class">
|
|
|
<el-date-picker
|
|
|
v-model="ruleForm.quitTime"
|
|
|
:readonly="isAdmin()"
|
|
|
type="date"
|
|
|
placeholder="选择日期">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
<el-row :gutter="5">
|
|
|
<el-col :span="24">
|
|
|
<el-form-item label="获得证书" prop="post" class="form-textarea">
|
|
|
<el-input v-model="ruleForm.certificate" type="textarea"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row :gutter="5">
|
|
|
<el-col :span="24">
|
|
|
<el-form-item label="家庭住址" prop="post" class="form-textarea">
|
|
|
<el-input v-model="ruleForm.post" type="textarea"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<div style="text-align: center;padding-top: 10px">
|
|
|
<el-button type="primary" size="mini" @click="saveUser">保存基本信息</el-button>
|
|
|
</div>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
<!--资产信息-->
|
|
|
<div class="title">
|
|
|
<i class="iconfont icon-liebiaomoshi"/> 资产信息
|
|
|
|
|
|
<el-dropdown size="mini" split-button @click="assetsAdd('bastion',`新建${icon['bastion'].name}资产`)" style="margin-left: 20px">
|
|
|
<i class="icon el-icon-plus"/>添加{{icon['bastion'].name}}
|
|
|
<template #dropdown>
|
|
|
<div style="max-height: 300px;overflow-y: auto">
|
|
|
<el-dropdown-menu>
|
|
|
<el-dropdown-item v-for="(v,k) in icon" @click="assetsAdd(k,`新建${icon[k].name}资产`)">
|
|
|
添加{{v.name}}
|
|
|
</el-dropdown-item>
|
|
|
</el-dropdown-menu>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-dropdown>
|
|
|
</div>
|
|
|
|
|
|
<div v-for="(v,k) in assetsMaps">
|
|
|
<div class="zc-view" v-for="(arr,index) in v">
|
|
|
<div class="zc-img">
|
|
|
<i class="iconfont" :class="icon[k].icon"></i><br/>
|
|
|
{{ icon[k].name }}
|
|
|
<span v-if="index > 0">({{index}})</span>
|
|
|
</div>
|
|
|
<div class="zc-info">
|
|
|
<div class="zc-item">
|
|
|
<div class="zc-item-label" v-for="(item,index2) in arr">
|
|
|
<span class="zc-item-label-left">{{item.name}}:</span>
|
|
|
<span class="zc-item-label-right">{{item.value}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="zc-item-tools">
|
|
|
<el-button-group size="mini">
|
|
|
<el-button @click="btnClick('add',arr,`新建${icon[k].name}资产`)">
|
|
|
<i class="el-icon-plus"/>
|
|
|
</el-button>
|
|
|
<!--<el-button @click="btnClick('save',arr,`保存${icon[k].name}资产`)">
|
|
|
<i class="el-icon-check"/>
|
|
|
</el-button>-->
|
|
|
<el-button @click="btnClick('edit',arr,`编辑${icon[k].name}资产`)">
|
|
|
<i class="el-icon-edit"/>
|
|
|
</el-button>
|
|
|
<el-button @click="deleteAssets(arr,`删除${icon[k].name}资产`)">
|
|
|
<i class="el-icon-remove"/>
|
|
|
</el-button>
|
|
|
</el-button-group>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- <el-form-item>
|
|
|
<el-button type="primary" @click="submitForm('ruleForm')"
|
|
|
>Create</el-button
|
|
|
>
|
|
|
<el-button @click="resetForm('ruleForm')">Reset</el-button>
|
|
|
</el-form-item> -->
|
|
|
</el-form>
|
|
|
</div>
|
|
|
|
|
|
<cm-dialog :title="btnType.title" width="60%" :showDialogVisible="op" @hidedialog="showDialog" :showFooter="true" @okfunc="okFunc">
|
|
|
<template v-slot style="padding: 10px">
|
|
|
<el-form label-width="120px" :size="$global.elementSize" label-position="top" >
|
|
|
<el-row :gutter="5" >
|
|
|
<el-col :span="8" v-for="item in btnType.data">
|
|
|
<el-form-item :label="item.name" :prop="item.name" class="form-class">
|
|
|
<el-input v-if="item.extend && item.extend.dict == undefined" v-model="item.value"></el-input>
|
|
|
|
|
|
<el-select v-else v-model="item.value" :placeholder="`请选择${item.name}`">
|
|
|
<el-option
|
|
|
v-for="item in item.extend.dict"
|
|
|
:key="item.value"
|
|
|
:label="item.name"
|
|
|
:value="item.name" >
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
</template>
|
|
|
</cm-dialog>
|
|
|
|
|
|
|
|
|
</div> |
...
|
...
|
|