| src/views/user/Informationinput.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/views/user/inemployees.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
src/views/user/Informationinput.vue
@@ -32,7 +32,18 @@ <el-card class="info-card" shadow="always" @click.native="isShow(showArr[9].show,9)"> 意外险案件 </el-card> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[10].show,10)"> 工伤案件 </el-card> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[11].show,11)"> 劳资案件 </el-card> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[12].show,12)"> 不良记录 </el-card> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[13].show,13)"> 备注信息 </el-card> </el-aside> <el-main> <el-row> @@ -725,11 +736,65 @@ <el-table-column prop="prop22" label="状态" width="180" /> <el-table-column prop="prop23" label="案结时间" width="180" /> </el-table> <el-row> <el-col span="24" class="button-from"> <el-button type="info">提交</el-button> <el-button type="warning">暂存</el-button> <el-button type="danger">取消</el-button> </el-col> </el-row> <el-table v-show="showArr[10].show" :data="data2" style="width: 100%"> <el-table-column prop="prop2" label="员工编号" width="180" /> <el-table-column prop="prop3" label="姓名" width="180" /> <el-table-column prop="prop4" label="所属部门" width="180" /> <el-table-column prop="prop5" label="岗位" width="180" /> <el-table-column prop="prop6" label="员工类别" width="180" /> <el-table-column prop="prop7" label="性别" width="180" /> <el-table-column prop="prop8" label="民族" width="180" /> <el-table-column prop="prop9" label="身份证号码" width="180" /> <el-table-column prop="prop10" label="婚姻状况" width="180" /> <el-table-column prop="prop11" label="政治面貌" width="180" /> <el-table-column prop="prop12" label="最高学历" width="180" /> <el-table-column prop="prop13" label="入职日期" width="180" /> <el-table-column prop="prop14" label="保险类型" width="180" /> <el-table-column prop="prop15" label="社保电脑号" width="180" /> <el-table-column prop="prop16" label="保安员证号" width="180" /> <el-table-column prop="prop17" label="档案编号" width="180" /> <el-table-column prop="prop18" label="档案情况" width="180" /> <el-row> <el-col span="24" class="button-from"> <el-button type="info">提交</el-button> <el-button type="warning">暂存</el-button> <el-button type="danger">取消</el-button> </el-col> </el-row> </el-table> <el-table v-show="showArr[11].show" :data="data3" style="width: 100%"> <el-table-column prop="prop2" label="所属部门" width="180" /> <el-table-column prop="prop3" label="员工编号" width="180" /> <el-table-column prop="prop4" label="姓名" width="180" /> <el-table-column prop="prop5" label="身份证号码" width="180" /> <el-table-column prop="prop6" label="仲裁日期" width="180" /> <el-table-column prop="prop7" label="仲裁类型" width="180" /> <el-table-column prop="prop8" label="仲裁事由" width="180" /> <el-table-column prop="prop9" label="汇报人" width="180" /> <el-table-column prop="prop10" label="备注" width="180" /> <el-table-column prop="prop11" label="仲裁赔付（元）" width="180" /> <el-table-column prop="prop12" label="状态" width="180" /> <el-table-column prop="prop13" label="案结日期" width="180" /> </el-table> <el-table v-show="showArr[12].show" :data="data4" style="width: 100%"> <el-table-column prop="prop2" label="所属部门" width="180" /> <el-table-column prop="prop3" label="员工编号" width="180" /> <el-table-column prop="prop4" label="姓名" width="180" /> <el-table-column prop="prop5" label="身份证号码" width="180" /> <el-table-column prop="prop6" label="不良记录日期" width="180" /> <el-table-column prop="prop7" label="不良记录描述" width="180" /> <el-table-column prop="prop8" label="汇报人" width="180" /> <el-table-column prop="prop9" label="备注" width="180" /> </el-table> <el-table v-show="showArr[13].show" :data="data5" style="width: 100%"> <el-table-column prop="prop2" label="所属部门" width="180" /> <el-table-column prop="prop3" label="员工编号" width="180" /> <el-table-column prop="prop4" label="姓名" width="180" /> <el-table-column prop="prop5" label="备注日期" width="180" /> <el-table-column prop="prop6" label="备注信息" width="400" /> </el-table> </el-main> </el-container> <el-dialog title="基本信息" :visible.sync="dialogshowArr[0].show" width="50%"> @@ -1384,6 +1449,450 @@ <el-button type="primary" @click="dialogIsShow()">确 定</el-button> </div> </el-dialog> <el-dialog title="意外险案件" :visible.sync="dialogshowArr[9].show" width="50%"> <el-form :model="socialSecurityForm" label-position="right" label-width="120px"> <el-row> <el-col :span="12"> <el-form-item label="员工编号"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="身份证号码"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="受伤时间"> <el-date-picker v-model="socialSecurityForm.name" type="date" placeholder="选择受伤时间" /> </el-form-item> <el-form-item label="受伤部位"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="姓名"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="所属部门"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="受伤地点"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="意外险诊断"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> </el-col> </el-row> <el-row> <el-col span="24"> <el-form-item label="受伤经过描述"> <el-input v-model="socialSecurityForm.name" type="textarea" /> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="12"> <el-form-item label="就诊医院"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="是否住院" prop="region"> <el-select v-model="contractData.name" placeholder="是否住院"> <el-option label="未住院" value="1" /> <el-option label="已住院" value="2" /> </el-select> </el-form-item> <el-form-item label="报案时间"> <el-date-picker v-model="socialSecurityForm.name" type="date" placeholder="选择报案时间" /> </el-form-item> <el-form-item label="递交人"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="保险赔付费用"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="人事处理时间"> <el-date-picker v-model="socialSecurityForm.name" type="date" placeholder="选择人事处理时间" /> </el-form-item> <el-form-item label="案结时间"> <el-date-picker v-model="socialSecurityForm.name" type="date" placeholder="选择案结时间" /> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="就诊科室"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="床号"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="递交资料时间"> <el-date-picker v-model="socialSecurityForm.name" type="date" placeholder="选择递交资料时间" /> </el-form-item> <el-form-item label="医疗总费用"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="报单号"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="状态" prop="region"> <el-select v-model="contractData.name" placeholder=""> <el-option label="已结案" value="1" /> <el-option label="未结案" value="2" /> </el-select> </el-form-item></el-col> </el-row> </el-form> <div slot="footer" class="dialog-footer"> <el-button @click="dialogIsShow()">取 消</el-button> <el-button type="primary" @click="dialogIsShow()">确 定</el-button> </div> </el-dialog> <el-dialog title="工伤案件" :visible.sync="dialogshowArr[10].show" width="50%"> <el-form :model="socialSecurityForm" label-position="right" label-width="140px"> <el-row> <el-col :span="12"> <el-form-item label="员工编号"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="身份证号码"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="受伤时间"> <el-date-picker v-model="socialSecurityForm.name" type="date" placeholder="选择受伤时间" /> </el-form-item> <el-form-item label="受伤部位"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="姓名"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="所属部门"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="受伤地点"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="工伤诊断"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> </el-col> </el-row> <el-row> <el-col span="24"> <el-form-item label="受伤经过描述"> <el-input v-model="socialSecurityForm.name" type="textarea" /> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="12"> <el-form-item label="就诊医院"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="是否住院" prop="region"> <el-select v-model="contractData.name" placeholder="是否住院"> <el-option label="未住院" value="1" /> <el-option label="已住院" value="2" /> </el-select> </el-form-item> <el-form-item label="报案时间"> <el-date-picker v-model="socialSecurityForm.name" type="date" placeholder="选择报案时间" /> </el-form-item> <el-form-item label="递交人"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="就诊科室"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="床号"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="递交资料时间"> <el-date-picker v-model="socialSecurityForm.name" type="date" placeholder="选择递交资料时间" /> </el-form-item> <el-form-item label="人事处理时间"> <el-date-picker v-model="socialSecurityForm.name" type="date" placeholder="选择人事处理时间" /> </el-form-item> </el-col> </el-row> 社保赔偿费用 <el-divider /> <el-row> <el-col :span="12"> <el-form-item label="医疗总费用"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="一次性伤残补助金"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="一次性医疗补助金"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="剔除总额"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="住院伙食补贴"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="社保赔偿总费用"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> </el-col> </el-row> 公司赔偿费用 <el-divider /> <el-row> <el-col :span="12"> <el-form-item label="已赔付医药费用"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="一次性伤残补助金"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="一次性医疗补助金"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="一次性就业补助金"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="其他赔偿报销"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="工伤生活补贴"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="公司赔偿总费用"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="是否结案" prop="region"> <el-select v-model="contractData.name" placeholder=""> <el-option label="已结案" value="1" /> <el-option label="未结案" value="2" /> </el-select> </el-form-item> </el-col> </el-row> <el-row> <el-col span="24"> <el-form-item label="备注"> <el-input v-model="socialSecurityForm.name" type="textarea" /> </el-form-item> </el-col> </el-row> </el-form> <div slot="footer" class="dialog-footer"> <el-button @click="dialogIsShow()">取 消</el-button> <el-button type="primary" @click="dialogIsShow()">确 定</el-button> </div> </el-dialog> <el-dialog title="劳资案件" :visible.sync="dialogshowArr[11].show" width="50%"> <el-form :model="socialSecurityForm" label-position="right" label-width="140px"> <el-row> <el-col :span="12"> <el-form-item label="员工编号"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="身份证号码"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="仲裁日期"> <el-date-picker v-model="socialSecurityForm.name" type="date" placeholder="选择仲裁日期" /> </el-form-item> <el-form-item label="汇报人"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="状态" prop="region"> <el-select v-model="contractData.name" placeholder=""> <el-option label="已结案" value="1" /> <el-option label="未结案" value="2" /> </el-select> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="姓名"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="所属部门"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="仲裁类型"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="仲裁佩服（元）"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="案结日期"> <el-date-picker v-model="socialSecurityForm.name" type="date" placeholder="选择案结日期" /> </el-form-item></el-col> </el-row> <el-row> <el-col span="24"> <el-form-item label="仲裁事由"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> </el-col> </el-row> <el-row> <el-col span="24"> <el-form-item label="备注"> <el-input v-model="socialSecurityForm.name" type="textarea" /> </el-form-item> </el-col> </el-row> </el-form> <div slot="footer" class="dialog-footer"> <el-button @click="dialogIsShow()">取 消</el-button> <el-button type="primary" @click="dialogIsShow()">确 定</el-button> </div> </el-dialog> <el-dialog title="不良记录" :visible.sync="dialogshowArr[12].show" width="50%"> <el-form :model="socialSecurityForm" label-position="right" label-width="140px"> <el-row> <el-col :span="12"> <el-form-item label="员工编号"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="身份证号码"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="不良记录日期"> <el-date-picker v-model="socialSecurityForm.name" type="date" placeholder="选择不良记录日期" /> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="姓名"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="所属部门"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="汇报人"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> </el-col> </el-row> <el-row> <el-col span="24"> <el-form-item label="不良记录描述"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> </el-col> </el-row> <el-row> <el-col span="24"> <el-form-item label="备注"> <el-input v-model="socialSecurityForm.name" type="textarea" /> </el-form-item> </el-col> </el-row> </el-form> <div slot="footer" class="dialog-footer"> <el-button @click="dialogIsShow()">取 消</el-button> <el-button type="primary" @click="dialogIsShow()">确 定</el-button> </div> </el-dialog> <el-dialog title="备注信息" :visible.sync="dialogshowArr[13].show" width="50%"> <el-form :model="socialSecurityForm" label-position="right" label-width="140px"> <el-row> <el-col :span="12"> <el-form-item label="员工编号"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="备注日期"> <el-date-picker v-model="socialSecurityForm.name" type="date" placeholder="选择备注日期" /> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="姓名"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> <el-form-item label="所属部门"> <el-input v-model="socialSecurityForm.name" /> </el-form-item> </el-col> </el-row> <el-row> <el-col span="24"> <el-form-item label="备注"> <el-input v-model="socialSecurityForm.name" type="textarea" /> </el-form-item> </el-col> </el-row> </el-form> <div slot="footer" class="dialog-footer"> <el-button @click="dialogIsShow()">取 消</el-button> <el-button type="primary" @click="dialogIsShow()">确 定</el-button> </div> </el-dialog> </div> </template> <script> @@ -1392,9 +1901,9 @@ return { formLabelWidth: '120px', thisShowIndex: 0, dialogshowArr: [{ show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }], dialogshowArr: [{ show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }], // eslint-disable-next-line no-undef showArr: [{ show: true }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }], showArr: [{ show: true }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }], physicalData: [{ name: '王小虎', userNumb: '12321222', @@ -1817,7 +2326,12 @@ remark: '' }], data1: [{ 'prop0': '', 'prop1': '编辑', 'prop2': '一分公司', 'prop3': '2100452312', 'prop4': '赵建国', 'prop5': '510304197402225813', 'prop6': '2020-01-02', 'prop7': '', 'prop8': '', 'prop9': '', 'prop10': '', 'prop11': '', 'prop12': '', 'prop13': '是', 'prop14': '', 'prop15': '', 'prop16': '', 'prop17': '', 'prop18': '', 'prop19': '', 'prop20': '', 'prop21': '', 'prop22': '', 'prop23': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '一分公司', 'prop3': '2100452312', 'prop4': '张山', 'prop5': '41272619740120543X', 'prop6': '2019-02-03', 'prop7': '', 'prop8': '', 'prop9': '家里XXXX有事情需要处理，个人原因申请离职', 'prop10': '', 'prop11': '', 'prop12': '', 'prop13': '否', 'prop14': '', 'prop15': '', 'prop16': '', 'prop17': '', 'prop18': '', 'prop19': '', 'prop20': '', 'prop21': '', 'prop22': '', 'prop23': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '一分公司', 'prop3': '2101620946', 'prop4': '罗启艳', 'prop5': '522528198202071629', 'prop6': '', 'prop7': '', 'prop8': '', 'prop9': '', 'prop10': '', 'prop11': '', 'prop12': '', 'prop13': '', 'prop14': '', 'prop15': '', 'prop16': '', 'prop17': '', 'prop18': '', 'prop19': '', 'prop20': '', 'prop21': '', 'prop22': '', 'prop23': '' }], data2: [{ 'prop0': '', 'prop1': '编辑', 'prop2': '2100452312', 'prop3': '赵建国', 'prop4': '', 'prop5': '', 'prop6': '', 'prop7': '男', 'prop8': '汉族', 'prop9': '510304197402225813', 'prop10': '', 'prop11': '党员', 'prop12': '大专', 'prop13': '', 'prop14': '', 'prop15': '', 'prop16': '', 'prop17': '中保亚太', 'prop18': '已移交' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '2101620946', 'prop3': '罗启艳', 'prop4': '', 'prop5': '', 'prop6': '', 'prop7': '女', 'prop8': '汉族', 'prop9': '41272619740120543X', 'prop10': '', 'prop11': '团员', 'prop12': '高中', 'prop13': '', 'prop14': '', 'prop15': '', 'prop16': '', 'prop17': '福田', 'prop18': '已移交' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '2100629950', 'prop3': '毛玉平', 'prop4': '', 'prop5': '', 'prop6': '', 'prop7': '男', 'prop8': '汉族', 'prop9': '522528198202071629', 'prop10': '', 'prop11': '非党员', 'prop12': '高中', 'prop13': '', 'prop14': '', 'prop15': '', 'prop16': '', 'prop17': '粤B829348', 'prop18': '已移交' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '2100882835', 'prop3': '梅均均', 'prop4': '', 'prop5': '', 'prop6': '', 'prop7': '女', 'prop8': '汉族', 'prop9': '510504198704260927', 'prop10': '', 'prop11': '党员', 'prop12': '高中', 'prop13': '', 'prop14': '', 'prop15': '', 'prop16': '', 'prop17': '', 'prop18': '未移交' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '2101356718', 'prop3': '王香妮', 'prop4': '', 'prop5': '', 'prop6': '', 'prop7': '女', 'prop8': '汉族', 'prop9': '433122199508091511', 'prop10': '', 'prop11': '团员', 'prop12': '高中', 'prop13': '', 'prop14': '', 'prop15': '', 'prop16': '', 'prop17': '', 'prop18': '未移交' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '2100900981', 'prop3': '易金洪', 'prop4': '', 'prop5': '', 'prop6': '', 'prop7': '男', 'prop8': '苗族', 'prop9': '610424198306152860', 'prop10': '', 'prop11': '非党员', 'prop12': '', 'prop13': '', 'prop14': '', 'prop15': '', 'prop16': '', 'prop17': '', 'prop18': '已移交' }], data3: [{ 'prop0': '', 'prop1': '编辑', 'prop2': '一分公司', 'prop3': '2100452312', 'prop4': '赵建国', 'prop5': '510304197402225813', 'prop6': '2021-01-02', 'prop7': '劳资纠纷', 'prop8': '', 'prop9': '张力', 'prop10': '', 'prop11': '2500.00', 'prop12': '已结案', 'prop13': '2021-01-16' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '一分公司', 'prop3': '2100452312', 'prop4': '张山', 'prop5': '41272619740120543X', 'prop6': '2017-01-03', 'prop7': '', 'prop8': '', 'prop9': '张力', 'prop10': '', 'prop11': '', 'prop12': '', 'prop13': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '一分公司', 'prop3': '2101620946', 'prop4': '罗启艳', 'prop5': '522528198202071629', 'prop6': '2021-01-02', 'prop7': '', 'prop8': '', 'prop9': '张力', 'prop10': '', 'prop11': '', 'prop12': '', 'prop13': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '二分公司', 'prop3': '2101620947', 'prop4': '王香妮', 'prop5': '510504198704260927', 'prop6': '2021-01-02', 'prop7': '', 'prop8': '', 'prop9': '张力', 'prop10': '', 'prop11': '', 'prop12': '', 'prop13': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '二分公司', 'prop3': '2100629950', 'prop4': '毛玉平', 'prop5': '510504198704260927', 'prop6': '2017-01-03', 'prop7': '', 'prop8': '', 'prop9': '张力', 'prop10': '', 'prop11': '', 'prop12': '', 'prop13': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '二分公司', 'prop3': '2100629950', 'prop4': '梅均均', 'prop5': '433122199508091511', 'prop6': '2021-01-02', 'prop7': '', 'prop8': '', 'prop9': '张力', 'prop10': '', 'prop11': '', 'prop12': '', 'prop13': '' }], data4: [{ 'prop0': '', 'prop1': '编辑', 'prop2': '一分公司', 'prop3': '2100452312', 'prop4': '赵建国', 'prop5': '510304197402225813', 'prop6': '2021-01-02', 'prop7': '', 'prop8': '张力', 'prop9': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '一分公司', 'prop3': '2100452312', 'prop4': '张山', 'prop5': '41272619740120543X', 'prop6': '2017-01-03', 'prop7': '', 'prop8': '张力', 'prop9': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '一分公司', 'prop3': '2101620946', 'prop4': '罗启艳', 'prop5': '522528198202071629', 'prop6': '2021-01-02', 'prop7': '', 'prop8': '张力', 'prop9': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '二分公司', 'prop3': '2101620947', 'prop4': '王香妮', 'prop5': '510504198704260927', 'prop6': '2021-01-02', 'prop7': '', 'prop8': '张力', 'prop9': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '二分公司', 'prop3': '2100629950', 'prop4': '毛玉平', 'prop5': '510504198704260927', 'prop6': '2017-01-03', 'prop7': '', 'prop8': '张力', 'prop9': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '二分公司', 'prop3': '2100629950', 'prop4': '梅均均', 'prop5': '433122199508091511', 'prop6': '2021-01-02', 'prop7': '', 'prop8': '张力', 'prop9': '' }], data5: [{ 'prop0': '', 'prop1': '编辑', 'prop2': '一分公司', 'prop3': '2100452312', 'prop4': '赵建国', 'prop5': '2021-01-02', 'prop6': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '一分公司', 'prop3': '2100452312', 'prop4': '张山', 'prop5': '2017-01-03', 'prop6': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '一分公司', 'prop3': '2101620946', 'prop4': '罗启艳', 'prop5': '2021-01-02', 'prop6': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '二分公司', 'prop3': '2101620947', 'prop4': '王香妮', 'prop5': '2021-01-02', 'prop6': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '二分公司', 'prop3': '2100629950', 'prop4': '毛玉平', 'prop5': '2017-01-03', 'prop6': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '二分公司', 'prop3': '2100629950', 'prop4': '梅均均', 'prop5': '2021-01-02', 'prop6': '' }], socialSecurityForm: { userNumb: '', name: '', src/views/user/inemployees.vue
@@ -1,933 +1,932 @@ <template> <div> <el-container> <el-header :height="headerHeight"> <el-row> <el-col :span="16"> <h3 class="bu-tian-jia-title">在职员工</h3> </el-col> <el-col :span="8"> <el-input v-model="input" placeholder="请输入内容" style="width:200px" /> <el-button type="primary">查询</el-button> <el-button type="danger" @click="advancedQueryShowMethods">高级查询</el-button> </el-col> </el-row> <div v-show="advancedQueryShow"> <form> <el-row> <el-col :span="3">员工编号： <el-input v-model="input" placeholder="请输入内容" style="width:80px" /> </el-col> <el-col :span="3">员工编号： <el-input v-model="input" placeholder="请输入内容" style="width:80px" /> </el-col> <el-col :span="3">员工编号： <el-input v-model="input" placeholder="请输入内容" style="width:80px" /> </el-col> <el-col :span="3">员工编号： <el-input v-model="input" placeholder="请输入内容" style="width:80px" /> </el-col> <el-col :span="3">员工编号： <el-input v-model="input" placeholder="请输入内容" style="width:80px" /> </el-col> <el-col :span="3">员工编号： <el-input v-model="input" placeholder="请输入内容" style="width:80px" /> </el-col> <el-col :span="6"> <el-button type="primary">查询</el-button> <el-button type="danger">重置</el-button> </el-col> </el-row> <el-row> <el-col :span="24"> <table> <tr> <td>性别：</td> <td> <el-radio-group v-model="radio"> <el-radio :label="3">全部</el-radio> <el-radio :label="6">男性</el-radio> <el-radio :label="9">女性</el-radio> </el-radio-group> </td> </tr> <tr> <td>最高学历：</td> <td> <el-radio-group v-model="radio"> <el-radio :label="3">全部</el-radio> <el-radio :label="6">初中</el-radio> <template> <div> <el-container> <el-header :height="headerHeight"> <el-row> <el-col :span="16"> <h3 class="bu-tian-jia-title">在职员工</h3> </el-col> <el-col :span="8"> <el-input v-model="input" placeholder="请输入内容" style="width:200px" /> <el-button type="primary">查询</el-button> <el-button type="danger" @click="advancedQueryShowMethods">高级查询</el-button> </el-col> </el-row> <div v-show="advancedQueryShow"> <form> <el-row> <el-col :span="3">员工编号： <el-input v-model="input" placeholder="请输入内容" style="width:80px" /> </el-col> <el-col :span="3">员工编号： <el-input v-model="input" placeholder="请输入内容" style="width:80px" /> </el-col> <el-col :span="3">员工编号： <el-input v-model="input" placeholder="请输入内容" style="width:80px" /> </el-col> <el-col :span="3">员工编号： <el-input v-model="input" placeholder="请输入内容" style="width:80px" /> </el-col> <el-col :span="3">员工编号： <el-input v-model="input" placeholder="请输入内容" style="width:80px" /> </el-col> <el-col :span="3">员工编号： <el-input v-model="input" placeholder="请输入内容" style="width:80px" /> </el-col> <el-col :span="6"> <el-button type="primary">查询</el-button> <el-button type="danger">重置</el-button> </el-col> </el-row> <el-row> <el-col :span="24"> <table> <tr> <td>性别：</td> <td> <el-radio-group v-model="radio"> <el-radio :label="3">全部</el-radio> <el-radio :label="6">男性</el-radio> <el-radio :label="9">女性</el-radio> </el-radio-group> </td> </tr> <tr> <td>最高学历：</td> <td> <el-radio-group v-model="radio"> <el-radio :label="3">全部</el-radio> <el-radio :label="6">初中</el-radio> <el-radio :label="9">高中</el-radio> <el-radio :label="9">大专</el-radio> <el-radio :label="9">本科</el-radio> <el-radio :label="9">硕士</el-radio> <el-radio :label="9">博士</el-radio> </el-radio-group> </td> </tr> <tr> <td>政治面貌：</td> <td> <el-radio-group v-model="radio"> <el-radio :label="3">全部</el-radio> <el-radio :label="6">党员</el-radio> <el-radio :label="9">博士</el-radio> </el-radio-group> </td> </tr> <tr> <td>政治面貌：</td> <td> <el-radio-group v-model="radio"> <el-radio :label="3">全部</el-radio> <el-radio :label="6">党员</el-radio> <el-radio :label="9">团员</el-radio> <el-radio :label="9">群众</el-radio> </el-radio-group> </td> </tr> <tr> <td>入职日期：</td> <td> <el-radio-group v-model="radio"> <el-radio :label="3">全部</el-radio> </el-radio-group> </td> </tr> <tr> <td>年龄：</td> <td> <el-radio-group v-model="radio"> <el-radio :label="3">全部</el-radio> <el-radio :label="6">18-29</el-radio> <el-radio :label="9">群众</el-radio> </el-radio-group> </td> </tr> <tr> <td>入职日期：</td> <td> <el-radio-group v-model="radio"> <el-radio :label="3">全部</el-radio> </el-radio-group> </td> </tr> <tr> <td>年龄：</td> <td> <el-radio-group v-model="radio"> <el-radio :label="3">全部</el-radio> <el-radio :label="6">18-29</el-radio> <el-radio :label="9">30-39</el-radio> <el-radio :label="9">40-49</el-radio> <el-radio :label="9">50-59</el-radio> <el-radio :label="9">60-69</el-radio> <el-radio :label="9">69及以上</el-radio> </el-radio-group> </td> </tr> <tr> <td>档案情况：</td> <td> <el-radio-group v-model="radio"> <el-radio :label="3">全部</el-radio> <el-radio :label="6">已移交</el-radio> <el-radio :label="9">未移交</el-radio> </el-radio-group> </td> </tr> <tr> <td>保险类型：</td> <td> <el-radio-group v-model="radio"> <el-radio :label="3">全部</el-radio> <el-radio :label="6">深户（五险一档）</el-radio> </el-radio-group> </td> </tr> </table> </el-col> </el-row> </form> </div> </el-header> <el-container> <el-aside width="300px"> <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" /> </el-aside> <el-main> <el-table :data="tableData" style="width: 100%"> <el-table-column fixed="left" label="操作" width="100"> <template> <el-button type="text" size="small" @click="showEmpInfo()">编辑</el-button> </template> </el-table-column> <el-table-column prop="date" label="日期" width="180" /> <el-table-column prop="name" label="姓名" width="180" /> <el-table-column prop="address" label="地址" /> </el-table> </el-main> </el-container> </el-container> <el-dialog title="" id="ygxq" width="100%" :visible.sync="dialogTableVisible"> <div> <el-divider /> <el-container> <el-aside width="200px"> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[0],0)"> 员工编号 </el-card> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[0],0)"> 100452312 </el-card> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[0],0)"> 基本信息 </el-card> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[1],1)"> 工作信息 </el-card> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[2],2)"> 工作经历 </el-card> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[3],3)"> 体检信息 </el-card> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[4],4)"> 合同信息 </el-card> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[5],5)"> 考勤情况 </el-card> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[6],6)"> 请假记录 </el-card> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[7],7)"> 调岗记录 </el-card> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[8],8)"> 备注 </el-card> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[9],9)"> 记录截图 </el-card> </el-aside> <el-main> <table> <tr> <td colspan="5" class="tdTitle">基本信息</td> <td class="link_button">编辑</td> </tr> <tr> <td>档案号</td> <td>中保亚太</td> <td>姓名</td> <td>赵建国</td> <td>性别</td> <td>男</td> </tr> <tr> <td>所属部门</td> <td>一分公司</td> <td>所属岗位</td> <td>保安员</td> <td>员工类别</td> <td>正式工</td> </tr> <tr> <td>民族</td> <td>汉族</td> <td>身份证号码</td> <td>510304197402225813</td> <td>年龄</td> <td>46</td> </tr> <tr> <td>婚姻状况</td> <td>已婚</td> <td>身份证有效期</td> <td>10年</td> <td>身高</td> <td>170</td> </tr> <tr> <td>政治面貌</td> <td>群众</td> <td>出生日期</td> <td>1974-02-22</td> <td>最高学历</td> <td>高中</td> </tr> <tr> <td>籍贯</td> <td>广东省番禺市</td> <td>户籍地址</td> <td>广东省番禺市XXX镇XXX村XXX号</td> <td>现住址</td> <td>广东省番禺市XXX镇XXX村XXX号</td> </tr> <tr> <td>保安员证号</td> <td></td> <td>保安员回执</td> <td></td> <td>档案情况</td> <td>已移交</td> </tr> <tr> <td>银行名称</td> <td></td> <td>银行账号</td> <td></td> <td>电话号码</td> <td>138098097888</td> </tr> <tr> <td>入职日期</td> <td>2020-01-02</td> <td>保险类型</td> <td>深户（五险一档）</td> <td>社保电脑号</td> <td></td> </tr> <tr> <td>招聘介绍人</td> <td></td> <td>入司工龄</td> <td>1</td> <td>工作证</td> <td>已发</td> </tr> <tr> <td>家庭成员及关系</td> <td></td> <td>紧急联系电话</td> <td></td> <td>员工手册</td> <td>已发</td> </tr> <tr> <td>相关证件</td> <td colspan="5">本科毕业证、保安员证、退伍证、军官证</td> </tr> </table> <table> <tr> <td colspan="4" class="tdTitle">工作经历</td> <td class="link_button">新增工作经历</td> <td class="del_button">删除</td> </tr> <tr> <td><input type="checkbox"></td> <td>开始日期</td> <td>结束日期</td> <td>工作单位</td> <td>主要工作内容</td> <td>操作</td> </tr> <tr> <td><input type="checkbox"></td> <td>2020-01-02</td> <td>2021-01-02</td> <td>XXXX用品公司</td> <td>主要工作内容描述</td> <td class="link_button">编辑</td> </tr> <tr> <td><input type="checkbox"></td> <td>2015-02-03</td> <td>2019-02-03</td> <td>深圳XXX机械制造厂</td> <td>主要工作内容描述</td> <td class="link_button">编辑</td> </tr> </table> <table> <tr> <td colspan="9">体检信息</td> <td class="link_button">新增体检信息</td> <td class="del_button">删除</td> </tr> <tr> <td><input type="checkbox"></td> <td>体检医院</td> <td>体检日期</td> <td>体检类型</td> <td>血压</td> <td>转氨酶</td> <td>心电图</td> <td>体检结论</td> <td>复查记录</td> <td>备注</td> <td>操作</td> </tr> <tr> <td><input type="checkbox"></td> <td>深圳人民医院</td> <td>2020-01-02</td> <td>入职体检</td> <td>120/80</td> <td>80</td> <td>异常</td> <td>窦性心动过缓，出现不规则图像，建议复查</td> <td>2020-01-08</td> <td></td> <td class="link_button">编辑</td> </tr> <tr> <td><input type="checkbox"></td> <td>深圳人民医院</td> <td>2019-02-03</td> <td>员工体检</td> <td>120/80</td> <td>80</td> <td>正常</td> <td>血压偏高</td> <td>2019-02-05</td> <td></td> <td class="link_button">编辑</td> </tr> </table> <table> <tr> <td colspan="6">合同信息</td> <td class="link_button">新增合同信息</td> <td class="del_button">删除</td> </tr> <tr> <td><input type="checkbox"></td> <td>合同开始日期</td> <td>合同结束日期</td> <td>合同期限（年）</td> <td>合同状态</td> <td>合同办理人</td> <td>备注</td> <td>操作</td> </tr> <tr> <td><input type="checkbox"></td> <td>2020-01-02</td> <td>2023-01-02</td> <td>3</td> <td>有效</td> <td>张力</td> <td></td> <td class="link_button">编辑</td> </tr> <tr> <td><input type="checkbox"></td> <td>2017-01-03</td> <td>2020-01-02</td> <td>3</td> <td>续签</td> <td>张力</td> <td></td> <td class="link_button">编辑</td> </tr> </table> <table> <tr> <td colspan="8" class="tdTitle">调岗记录</td> </tr> <tr> <td>序号</td> <td>调岗日期</td> <td>类型</td> <td>原部门</td> <td>原岗位</td> <td>现部门</td> <td>现岗位</td> <td>理由描述</td> </tr> <tr> <td>1</td> <td>2020-01-02</td> <td>升职</td> <td>十二分公司</td> <td>保安员</td> <td>十二分公司</td> <td>组长</td> <td></td> </tr> <tr> <td>2</td> <td>2019-02-03</td> <td>调动</td> <td>清洗车间</td> <td>保安员</td> <td>十二分公司</td> <td>保安员</td> <td></td> </tr> </table> <table> <tr> <td colspan="7" class="tdTitle">请假记录</td> <td class="link_button">新增请假记录</td> <td class="del_button">删除</td> </tr> <tr> <td><input type="checkbox"></td> <td>开始日期</td> <td>结束日期</td> <td>请假天数</td> <td>请假类型</td> <td>到岗时间</td> <td>报备人</td> <td>备注</td> <td>操作</td> </tr> <tr> <td><input type="checkbox"></td> <td>2020-01-02</td> <td>2023-01-02</td> <td>3</td> <td></td> <td></td> <td>张力</td> <td></td> <td class="link_button">编辑</td> </tr> <tr> <td><input type="checkbox"></td> <td>2017-01-03</td> <td>2020-01-02</td> <td>3</td> <td></td> <td></td> <td>张力</td> <td></td> <td class="link_button">编辑</td> </tr> </table> <table> <tr> <td colspan="8" class="tdTitle">离职当月考勤</td> <td class="link_button">新增离职考勤</td> <td class="del_button">删除</td> </tr> <tr> <td><input type="checkbox"></td> <td>考勤年月</td> <td>出勤天数</td> <td>加班（天）</td> <td>加班（小时）</td> <td>有无代扣款项</td> <td>请假（天）</td> <td>旷工（天）</td> <td>备注</td> <td>操作</td> </tr> <tr> <td><input type="checkbox"></td> <td>2020年12月</td> <td></td> <td>3</td> <td></td> <td></td> <td>1</td> <td>0</td> <td>考勤信息描述</td> <td class="link_button">编辑</td> </tr> <tr> <td><input type="checkbox"></td> <td>2020年10月</td> <td></td> <td>2</td> <td></td> <td></td> <td>0</td> <td>3</td> <td>考勤信息描述</td> <td class="link_button">编辑</td> </tr> <tr> <td><input type="checkbox"></td> <td>2020年11月</td> <td></td> <td>0</td> <td></td> <td></td> <td>0</td> <td>0</td> <td>考勤信息描述</td> <td class="link_button">编辑</td> </tr> </table> <table> <tr> <td colspan="4" class="tdTitle">辞职申请</td> <td class="link_button">新增辞职申请</td> <td class="del_button">删除</td> </tr> <tr> <td><input type="checkbox"></td> <td>申请日期</td> <td>事由</td> <td>汇报人</td> <td>备注</td> <td>操作</td> </tr> <tr> <td><input type="checkbox"></td> <td>2020-01-02</td> <td></td> <td></td> <td></td> <td class="link_button">编辑</td> </tr> <tr> <td><input type="checkbox"></td> <td>2019-02-03</td> <td>家里XXXX有事情需要处理，个人原因申请离职</td> <td></td> <td></td> <td class="link_button">编辑</td> </tr> </table> <table> <tr> <td colspan="7" class="tdTitle">入离职记录</td> </tr> <tr> <td>序号</td> <td>入职日期</td> <td>离职日期</td> <td>离职类型</td> <td>自离天数</td> <td>报告人</td> <td>备注（入离职原因）</td> </tr> <tr> <td>1</td> <td>2020-01-02</td> <td>2020-10-11</td> <td>自离</td> <td></td> <td></td> <td></td> </tr> <tr> <td>2</td> <td>2019-02-03</td> <td>2019-10-11</td> <td>辞职</td> <td></td> <td></td> <td>家里XXXX有事情需要处理，个人原因申请离职</td> </tr> </table> <table> <tr> <td colspan="5" class="tdTitle">失业金领取</td> <td class="link_button">新增失业金领取</td> <td class="del_button">删除</td> </tr> <tr> <td>序号</td> <td>申请日期</td> <td>申报事由</td> <td>报备人</td> <td>审核人</td> <td>备注</td> <td>操作</td> </tr> <tr> <td>1</td> <td>2020-01-02</td> <td></td> <td></td> <td></td> <td></td> <td class="link_button">编辑</td> </tr> <tr> <td>2</td> <td>2019-02-03</td> <td></td> <td></td> <td></td> <td></td> <td class="link_button">编辑</td> </tr> </table> <table> <tr> <td colspan="7" class="tdTitle">社保申请</td> <td class="link_button">新增社保申请</td> <td class="del_button">删除</td> </tr> <tr> <td><input type="checkbox"></td> <td>申请时间</td> <td>申请人</td> <td>社保档位</td> <td>是否已报告</td> <td>状态</td> <td>审批人</td> <td>备注</td> <td>操作</td> </tr> <tr> <td><input type="checkbox"></td> <td>2020-01-02</td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td class="link_button">编辑</td> </tr> <tr> <td><input type="checkbox"></td> <td>2019-02-03</td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td class="link_button">编辑</td> </tr> </table> <table> <tr> <td colspan="17" class="tdTitle">工伤案件</td> <td class="link_button">新增工伤案件</td> <td class="del_button">删除</td> </tr> <tr> <td><input type="checkbox"></td> <td>受伤时间</td> <td>受伤地点</td> <td>受伤部位</td> <td>受伤描述</td> <td>工伤诊断</td> <td>就诊医院</td> <td>就诊科室</td> <td>是否住院</td> <td>床号</td> <td>递交资料时间</td> <td>递交人</td> <td>工伤总费用</td> <td>赔付总费用</td> <td>报单号</td> <td>人事处理时间</td> <td>状态</td> <td>案结时间</td> <td>操作</td> </tr> <tr> <td><input type="checkbox"></td> <td>2020-01-02</td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td>是</td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td class="link_button">编辑</td> </tr> <tr> <td><input type="checkbox"></td> <td>2019-02-03</td> <td></td> <td></td> <td>家里XXXX有事情需要处理，个人原因申请离职</td> <td></td> <td></td> <td></td> <td>是</td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td class="link_button">编辑</td> </tr> </table> <table> <tr> <td colspan="8" class="tdTitle">劳资案件</td> <td class="link_button">新增劳资案件</td> <td class="del_button">删除</td> </tr> <tr> <td><input type="checkbox"></td> <td>仲裁日期</td> <td>仲裁类型</td> <td>仲裁事由</td> <td>汇报人</td> <td>备注</td> <td>仲裁赔付（元）</td> <td>状态</td> <td>案结日期</td> <td>操作</td> </tr> <tr> <td><input type="checkbox"></td> <td>2020-01-02</td> <td>劳资纠纷</td> <td>仲裁事由描述XXXXX</td> <td>张山</td> <td></td> <td>2500.00</td> <td>已结案</td> <td>2021-01-16</td> <td class="link_button">编辑</td> </tr> <tr> <td><input type="checkbox"></td> <td>2019-02-03</td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td class="link_button">编辑</td> </tr> </table> <table> <tr> <td colspan="2" class="tdTitle">备注</td> <td class="link_button">新增备注</td> <td class="del_button">删除</td> </tr> <tr> <td><input type="checkbox"></td> <td>备注日期</td> <td>备注</td> <td>操作</td> </tr> <tr> <td><input type="checkbox"></td> <td></td> <td></td> <td class="link_button">编辑</td> </tr> <tr> <td><input type="checkbox"></td> <td></td> <td></td> <td class="link_button">编辑</td> </tr> </table> <div class="tdTitle">记录截图 点击可查看大图</div> <div> <img style="width: 119px;height: 136px;" src="../../../images/u3112.png">x <img style="width: 119px;height: 136px;" src="../../../images/u3112.png">x <img style="width: 119px;height: 136px;" src="../../../images/u3112.png">x <img style="width: 119px;height: 136px;" src="../../../images/sctp.png"> </div> <div class="tdTitle">相关附件</div> <div> <img style="width: 119px;height: 136px;" src="../../../images/u2637.png">照片.jpgx <img style="width: 119px;height: 136px;" src="../../../images/u2775.png">学历证书.jpgx <img style="width: 119px;height: 136px;" src="../../../images/u2777.png">保安证.jpgx </div> </el-main> </el-container> <el-radio :label="9">69及以上</el-radio> </el-radio-group> </td> </tr> <tr> <td>档案情况：</td> <td> <el-radio-group v-model="radio"> <el-radio :label="3">全部</el-radio> <el-radio :label="6">已移交</el-radio> <el-radio :label="9">未移交</el-radio> </el-radio-group> </td> </tr> <tr> <td>保险类型：</td> <td> <el-radio-group v-model="radio"> <el-radio :label="3">全部</el-radio> <el-radio :label="6">深户（五险一档）</el-radio> </el-radio-group> </td> </tr> </table> </el-col> </el-row> </form> </div> </el-header> <el-container> <el-aside width="300px"> <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" /> </el-aside> <el-main> <el-table :data="tableData" style="width: 100%"> <el-table-column fixed="left" label="操作" width="100"> <template> <el-button type="text" size="small" @click="showEmpInfo()">编辑</el-button> </template> </el-table-column> <el-table-column prop="date" label="日期" width="180" /> <el-table-column prop="name" label="姓名" width="180" /> <el-table-column prop="address" label="地址" /> </el-table> </el-main> </el-container> </el-container> <el-dialog id="ygxq" title="" width="100%" :visible.sync="dialogTableVisible"> <div> <el-divider /> <el-container> <el-aside width="200px"> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[0],0)"> 员工编号 </el-card> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[0],0)"> 100452312 </el-card> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[0],0)"> 基本信息 </el-card> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[1],1)"> 工作信息 </el-card> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[2],2)"> 工作经历 </el-card> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[3],3)"> 体检信息 </el-card> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[4],4)"> 合同信息 </el-card> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[5],5)"> 考勤情况 </el-card> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[6],6)"> 请假记录 </el-card> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[7],7)"> 调岗记录 </el-card> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[8],8)"> 备注 </el-card> <el-card class="info-card" shadow="always" @click.native="isShow(showArr[9],9)"> 记录截图 </el-card> </el-aside> <el-main> <table> <tr> <td colspan="5" class="tdTitle">基本信息</td> <td class="link_button">编辑</td> </tr> <tr> <td>档案号</td> <td>中保亚太</td> <td>姓名</td> <td>赵建国</td> <td>性别</td> <td>男</td> </tr> <tr> <td>所属部门</td> <td>一分公司</td> <td>所属岗位</td> <td>保安员</td> <td>员工类别</td> <td>正式工</td> </tr> <tr> <td>民族</td> <td>汉族</td> <td>身份证号码</td> <td>510304197402225813</td> <td>年龄</td> <td>46</td> </tr> <tr> <td>婚姻状况</td> <td>已婚</td> <td>身份证有效期</td> <td>10年</td> <td>身高</td> <td>170</td> </tr> <tr> <td>政治面貌</td> <td>群众</td> <td>出生日期</td> <td>1974-02-22</td> <td>最高学历</td> <td>高中</td> </tr> <tr> <td>籍贯</td> <td>广东省番禺市</td> <td>户籍地址</td> <td>广东省番禺市XXX镇XXX村XXX号</td> <td>现住址</td> <td>广东省番禺市XXX镇XXX村XXX号</td> </tr> <tr> <td>保安员证号</td> <td /> <td>保安员回执</td> <td /> <td>档案情况</td> <td>已移交</td> </tr> <tr> <td>银行名称</td> <td /> <td>银行账号</td> <td /> <td>电话号码</td> <td>138098097888</td> </tr> <tr> <td>入职日期</td> <td>2020-01-02</td> <td>保险类型</td> <td>深户（五险一档）</td> <td>社保电脑号</td> <td /> </tr> <tr> <td>招聘介绍人</td> <td /> <td>入司工龄</td> <td>1</td> <td>工作证</td> <td>已发</td> </tr> <tr> <td>家庭成员及关系</td> <td /> <td>紧急联系电话</td> <td /> <td>员工手册</td> <td>已发</td> </tr> <tr> <td>相关证件</td> <td colspan="5">本科毕业证、保安员证、退伍证、军官证</td> </tr> </table> <table> <tr> <td colspan="4" class="tdTitle">工作经历</td> <td class="link_button">新增工作经历</td> <td class="del_button">删除</td> </tr> <tr> <td><input type="checkbox"></td> <td>开始日期</td> <td>结束日期</td> <td>工作单位</td> <td>主要工作内容</td> <td>操作</td> </tr> <tr> <td><input type="checkbox"></td> <td>2020-01-02</td> <td>2021-01-02</td> <td>XXXX用品公司</td> <td>主要工作内容描述</td> <td class="link_button">编辑</td> </tr> <tr> <td><input type="checkbox"></td> <td>2015-02-03</td> <td>2019-02-03</td> <td>深圳XXX机械制造厂</td> <td>主要工作内容描述</td> <td class="link_button">编辑</td> </tr> </table> <table> <tr> <td colspan="9">体检信息</td> <td class="link_button">新增体检信息</td> <td class="del_button">删除</td> </tr> <tr> <td><input type="checkbox"></td> <td>体检医院</td> <td>体检日期</td> <td>体检类型</td> <td>血压</td> <td>转氨酶</td> <td>心电图</td> <td>体检结论</td> <td>复查记录</td> <td>备注</td> <td>操作</td> </tr> <tr> <td><input type="checkbox"></td> <td>深圳人民医院</td> <td>2020-01-02</td> <td>入职体检</td> <td>120/80</td> <td>80</td> <td>异常</td> <td>窦性心动过缓，出现不规则图像，建议复查</td> <td>2020-01-08</td> <td /> <td class="link_button">编辑</td> </tr> <tr> <td><input type="checkbox"></td> <td>深圳人民医院</td> <td>2019-02-03</td> <td>员工体检</td> <td>120/80</td> <td>80</td> <td>正常</td> <td>血压偏高</td> <td>2019-02-05</td> <td /> <td class="link_button">编辑</td> </tr> </table> <table> <tr> <td colspan="6">合同信息</td> <td class="link_button">新增合同信息</td> <td class="del_button">删除</td> </tr> <tr> <td><input type="checkbox"></td> <td>合同开始日期</td> <td>合同结束日期</td> <td>合同期限（年）</td> <td>合同状态</td> <td>合同办理人</td> <td>备注</td> <td>操作</td> </tr> <tr> <td><input type="checkbox"></td> <td>2020-01-02</td> <td>2023-01-02</td> <td>3</td> <td>有效</td> <td>张力</td> <td /> <td class="link_button">编辑</td> </tr> <tr> <td><input type="checkbox"></td> <td>2017-01-03</td> <td>2020-01-02</td> <td>3</td> <td>续签</td> <td>张力</td> <td /> <td class="link_button">编辑</td> </tr> </table> <table> <tr> <td colspan="8" class="tdTitle">调岗记录</td> </tr> <tr> <td>序号</td> <td>调岗日期</td> <td>类型</td> <td>原部门</td> <td>原岗位</td> <td>现部门</td> <td>现岗位</td> <td>理由描述</td> </tr> <tr> <td>1</td> <td>2020-01-02</td> <td>升职</td> <td>十二分公司</td> <td>保安员</td> <td>十二分公司</td> <td>组长</td> <td /> </tr> <tr> <td>2</td> <td>2019-02-03</td> <td>调动</td> <td>清洗车间</td> <td>保安员</td> <td>十二分公司</td> <td>保安员</td> <td /> </tr> </table> <table> <tr> <td colspan="7" class="tdTitle">请假记录</td> <td class="link_button">新增请假记录</td> <td class="del_button">删除</td> </tr> <tr> <td><input type="checkbox"></td> <td>开始日期</td> <td>结束日期</td> <td>请假天数</td> <td>请假类型</td> <td>到岗时间</td> <td>报备人</td> <td>备注</td> <td>操作</td> </tr> <tr> <td><input type="checkbox"></td> <td>2020-01-02</td> <td>2023-01-02</td> <td>3</td> <td /> <td /> <td>张力</td> <td /> <td class="link_button">编辑</td> </tr> <tr> <td><input type="checkbox"></td> <td>2017-01-03</td> <td>2020-01-02</td> <td>3</td> <td /> <td /> <td>张力</td> <td /> <td class="link_button">编辑</td> </tr> </table> <table> <tr> <td colspan="8" class="tdTitle">离职当月考勤</td> <td class="link_button">新增离职考勤</td> <td class="del_button">删除</td> </tr> <tr> <td><input type="checkbox"></td> <td>考勤年月</td> <td>出勤天数</td> <td>加班（天）</td> <td>加班（小时）</td> <td>有无代扣款项</td> <td>请假（天）</td> <td>旷工（天）</td> <td>备注</td> <td>操作</td> </tr> <tr> <td><input type="checkbox"></td> <td>2020年12月</td> <td /> <td>3</td> <td /> <td /> <td>1</td> <td>0</td> <td>考勤信息描述</td> <td class="link_button">编辑</td> </tr> <tr> <td><input type="checkbox"></td> <td>2020年10月</td> <td /> <td>2</td> <td /> <td /> <td>0</td> <td>3</td> <td>考勤信息描述</td> <td class="link_button">编辑</td> </tr> <tr> <td><input type="checkbox"></td> <td>2020年11月</td> <td /> <td>0</td> <td /> <td /> <td>0</td> <td>0</td> <td>考勤信息描述</td> <td class="link_button">编辑</td> </tr> </table> <table> <tr> <td colspan="4" class="tdTitle">辞职申请</td> <td class="link_button">新增辞职申请</td> <td class="del_button">删除</td> </tr> <tr> <td><input type="checkbox"></td> <td>申请日期</td> <td>事由</td> <td>汇报人</td> <td>备注</td> <td>操作</td> </tr> <tr> <td><input type="checkbox"></td> <td>2020-01-02</td> <td /> <td /> <td /> <td class="link_button">编辑</td> </tr> <tr> <td><input type="checkbox"></td> <td>2019-02-03</td> <td>家里XXXX有事情需要处理，个人原因申请离职</td> <td /> <td /> <td class="link_button">编辑</td> </tr> </table> <table> <tr> <td colspan="7" class="tdTitle">入离职记录</td> </tr> <tr> <td>序号</td> <td>入职日期</td> <td>离职日期</td> <td>离职类型</td> <td>自离天数</td> <td>报告人</td> <td>备注（入离职原因）</td> </tr> <tr> <td>1</td> <td>2020-01-02</td> <td>2020-10-11</td> <td>自离</td> <td /> <td /> <td /> </tr> <tr> <td>2</td> <td>2019-02-03</td> <td>2019-10-11</td> <td>辞职</td> <td /> <td /> <td>家里XXXX有事情需要处理，个人原因申请离职</td> </tr> </table> <table> <tr> <td colspan="5" class="tdTitle">失业金领取</td> <td class="link_button">新增失业金领取</td> <td class="del_button">删除</td> </tr> <tr> <td>序号</td> <td>申请日期</td> <td>申报事由</td> <td>报备人</td> <td>审核人</td> <td>备注</td> <td>操作</td> </tr> <tr> <td>1</td> <td>2020-01-02</td> <td /> <td /> <td /> <td /> <td class="link_button">编辑</td> </tr> <tr> <td>2</td> <td>2019-02-03</td> <td /> <td /> <td /> <td /> <td class="link_button">编辑</td> </tr> </table> <table> <tr> <td colspan="7" class="tdTitle">社保申请</td> <td class="link_button">新增社保申请</td> <td class="del_button">删除</td> </tr> <tr> <td><input type="checkbox"></td> <td>申请时间</td> <td>申请人</td> <td>社保档位</td> <td>是否已报告</td> <td>状态</td> <td>审批人</td> <td>备注</td> <td>操作</td> </tr> <tr> <td><input type="checkbox"></td> <td>2020-01-02</td> <td /> <td /> <td /> <td /> <td /> <td /> <td class="link_button">编辑</td> </tr> <tr> <td><input type="checkbox"></td> <td>2019-02-03</td> <td /> <td /> <td /> <td /> <td /> <td /> <td class="link_button">编辑</td> </tr> </table> <table> <tr> <td colspan="17" class="tdTitle">工伤案件</td> <td class="link_button">新增工伤案件</td> <td class="del_button">删除</td> </tr> <tr> <td><input type="checkbox"></td> <td>受伤时间</td> <td>受伤地点</td> <td>受伤部位</td> <td>受伤描述</td> <td>工伤诊断</td> <td>就诊医院</td> <td>就诊科室</td> <td>是否住院</td> <td>床号</td> <td>递交资料时间</td> <td>递交人</td> <td>工伤总费用</td> <td>赔付总费用</td> <td>报单号</td> <td>人事处理时间</td> <td>状态</td> <td>案结时间</td> <td>操作</td> </tr> <tr> <td><input type="checkbox"></td> <td>2020-01-02</td> <td /> <td /> <td /> <td /> <td /> <td /> <td>是</td> <td /> <td /> <td /> <td /> <td /> <td /> <td /> <td /> <td /> <td class="link_button">编辑</td> </tr> <tr> <td><input type="checkbox"></td> <td>2019-02-03</td> <td /> <td /> <td>家里XXXX有事情需要处理，个人原因申请离职</td> <td /> <td /> <td /> <td>是</td> <td /> <td /> <td /> <td /> <td /> <td /> <td /> <td /> <td /> <td class="link_button">编辑</td> </tr> </table> <table> <tr> <td colspan="8" class="tdTitle">劳资案件</td> <td class="link_button">新增劳资案件</td> <td class="del_button">删除</td> </tr> <tr> <td><input type="checkbox"></td> <td>仲裁日期</td> <td>仲裁类型</td> <td>仲裁事由</td> <td>汇报人</td> <td>备注</td> <td>仲裁赔付（元）</td> <td>状态</td> <td>案结日期</td> <td>操作</td> </tr> <tr> <td><input type="checkbox"></td> <td>2020-01-02</td> <td>劳资纠纷</td> <td>仲裁事由描述XXXXX</td> <td>张山</td> <td /> <td>2500.00</td> <td>已结案</td> <td>2021-01-16</td> <td class="link_button">编辑</td> </tr> <tr> <td><input type="checkbox"></td> <td>2019-02-03</td> <td /> <td /> <td /> <td /> <td /> <td /> <td /> <td class="link_button">编辑</td> </tr> </table> <table> <tr> <td colspan="2" class="tdTitle">备注</td> <td class="link_button">新增备注</td> <td class="del_button">删除</td> </tr> <tr> <td><input type="checkbox"></td> <td>备注日期</td> <td>备注</td> <td>操作</td> </tr> <tr> <td><input type="checkbox"></td> <td /> <td /> <td class="link_button">编辑</td> </tr> <tr> <td><input type="checkbox"></td> <td /> <td /> <td class="link_button">编辑</td> </tr> </table> <div class="tdTitle">记录截图 点击可查看大图</div> <div> <img style="width: 119px;height: 136px;" src="../../../images/u3112.png">x <img style="width: 119px;height: 136px;" src="../../../images/u3112.png">x <img style="width: 119px;height: 136px;" src="../../../images/u3112.png">x <img style="width: 119px;height: 136px;" src="../../../images/sctp.png"> </div> <div class="tdTitle">相关附件</div> <div> <img style="width: 119px;height: 136px;" src="../../../images/u2637.png">照片.jpgx <img style="width: 119px;height: 136px;" src="../../../images/u2775.png">学历证书.jpgx <img style="width: 119px;height: 136px;" src="../../../images/u2777.png">保安证.jpgx </div> </el-main> </el-container> </div> </el-dialog> </div> </template> <script> export default { data() { return { headerHeight: '60px', advancedQueryShow: false, dialogTableVisible:false, tableData: [{ date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄' }, { date: '2016-05-04', name: '王小虎', address: '上海市普陀区金沙江路 1517 弄' }, { date: '2016-05-01', name: '王小虎', address: '上海市普陀区金沙江路 1519 弄' }, { date: '2016-05-03', name: '王小虎', address: '上海市普陀区金沙江路 1516 弄' }], data: [{ label: '一级 1', children: [{ label: '二级 1-1', children: [{ label: '三级 1-1-1' }] }] }, { label: '一级 2', children: [{ label: '二级 2-1', children: [{ label: '三级 2-1-1' }] }, { label: '二级 2-2', children: [{ label: '三级 2-2-1' }] } ] }, { label: '一级 3', children: [{ label: '二级 3-1', children: [{ label: '三级 3-1-1' }] }, { label: '二级 3-2', children: [{ label: '三级 3-2-1' }] } ] } ], defaultProps: { children: 'children', label: 'label' } } }, methods: { handleNodeClick(data) { console.log(data) }, advancedQueryShowMethods() { if (this.advancedQueryShow) { this.headerHeight = '60px' this.advancedQueryShow = false } else { this.headerHeight = '300px' this.advancedQueryShow = true } </el-dialog> </div> </template> <script> export default { data() { return { headerHeight: '60px', advancedQueryShow: false, dialogTableVisible: false, tableData: [{ date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄' }, { date: '2016-05-04', name: '王小虎', address: '上海市普陀区金沙江路 1517 弄' }, { date: '2016-05-01', name: '王小虎', address: '上海市普陀区金沙江路 1519 弄' }, { date: '2016-05-03', name: '王小虎', address: '上海市普陀区金沙江路 1516 弄' }], data: [{ label: '一级 1', children: [{ label: '二级 1-1', children: [{ label: '三级 1-1-1' }] }] }, showEmpInfo(){ this.dialogTableVisible=true; } } } </script> <style lang="scss"> .el-aside { padding: 20px; background: #f3f5f8; height: 600px; .el-tree { height: 100%; } } .el-main { height: 600px; { label: '一级 2', children: [{ label: '二级 2-1', children: [{ label: '三级 2-1-1' }] }, { label: '二级 2-2', children: [{ label: '三级 2-2-1' }] } ] }, { label: '一级 3', children: [{ label: '二级 3-1', children: [{ label: '三级 3-1-1' }] }, { label: '二级 3-2', children: [{ label: '三级 3-2-1' }] } ] } ], defaultProps: { children: 'children', label: 'label' } } }, methods: { handleNodeClick(data) { console.log(data) }, advancedQueryShowMethods() { if (this.advancedQueryShow) { this.headerHeight = '60px' this.advancedQueryShow = false } else { this.headerHeight = '300px' this.advancedQueryShow = true } }, showEmpInfo() { this.dialogTableVisible = true } } } </script> <style lang="scss"> .el-aside { padding: 20px; background: #f3f5f8; height: 600px; .el-tree { height: 100%; } } .el-main { height: 600px; } #ygxq table { border-collapse: collapse; @@ -969,5 +968,5 @@ .del_button { color: #D9001B; } } </style>
