源码提交
曾嘉俊
2 years ago
parent
788dc1c25f
commit
0918911368
@ -0,0 +1,11 @@
|
|||||||
|
[0428/095632.212:ERROR:registration_protocol_win.cc(107)] CreateFile: 系统找不到指定的文件。 (0x2)
|
||||||
|
[0428/095632.217:ERROR:registration_protocol_win.cc(107)] CreateFile: 系统找不到指定的文件。 (0x2)
|
||||||
|
[0428/095632.397:ERROR:registration_protocol_win.cc(107)] CreateFile: 系统找不到指定的文件。 (0x2)
|
||||||
|
[0428/095632.684:ERROR:registration_protocol_win.cc(107)] CreateFile: 系统找不到指定的文件。 (0x2)
|
||||||
|
[0428/095911.511:ERROR:registration_protocol_win.cc(107)] CreateFile: 系统找不到指定的文件。 (0x2)
|
||||||
|
[0428/095911.517:ERROR:registration_protocol_win.cc(107)] CreateFile: 系统找不到指定的文件。 (0x2)
|
||||||
|
[0428/095911.557:ERROR:registration_protocol_win.cc(107)] CreateFile: 系统找不到指定的文件。 (0x2)
|
||||||
|
[0428/095911.676:ERROR:registration_protocol_win.cc(107)] CreateFile: 系统找不到指定的文件。 (0x2)
|
||||||
|
[0506/163040.088:ERROR:registration_protocol_win.cc(107)] CreateFile: 系统找不到指定的文件。 (0x2)
|
||||||
|
[0506/163043.808:ERROR:registration_protocol_win.cc(107)] CreateFile: 系统找不到指定的文件。 (0x2)
|
||||||
|
[0506/163057.058:ERROR:registration_protocol_win.cc(107)] CreateFile: 系统找不到指定的文件。 (0x2)
|
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,132 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div style="display: flex;margin-bottom: 10px">
|
||||||
|
<div></div>
|
||||||
|
<div class="flex" style="margin-left: auto;align-items: center;" >
|
||||||
|
<el-select v-model="pageInfo.type" placeholder="服务类型" @change="init" clearable style="width: 150px;margin-right: 10px" >
|
||||||
|
<el-option
|
||||||
|
v-for="item in [{label:'月结',value:1},{label:'日结',value:0}]"
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
<el-date-picker
|
||||||
|
style="margin-right: 10px;width: 250px;"
|
||||||
|
v-model="date"
|
||||||
|
type="daterange"
|
||||||
|
format="yyyy-MM-dd" value-format="yyyy-MM-dd"
|
||||||
|
range-separator="至"
|
||||||
|
start-placeholder="开始日期"
|
||||||
|
@change="init"
|
||||||
|
end-placeholder="结束日期">
|
||||||
|
</el-date-picker>
|
||||||
|
<el-input size="medium" class="form-width-ms" v-model="pageInfo.staffName" placeholder="输入要查询的员工姓名" @change="init" clearable style="margin-right:10px"></el-input >
|
||||||
|
<el-button size="mini" type="primary" @click='init'>查询</el-button>
|
||||||
|
<el-button size="mini" type="warning" @click='exportError' :loading="exportLoading">导出</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="displsy-mod">
|
||||||
|
<el-table :data="list" v-loading="loading" stripe style="width: 100%" :header-cell-style="{background: 'linear-gradient(#6cb3ff, #1873d4)',color:'#eeeeee'}">
|
||||||
|
<el-table-column align="center" prop="attendanceTime" label="考勤时间" >
|
||||||
|
<template slot-scope="scope">
|
||||||
|
{{ scope.row.attendanceTime.substring(0,10) }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" prop="staffNum" label="员工编码" ></el-table-column>
|
||||||
|
<el-table-column align="center" prop="staffName" label="员工名称" ></el-table-column>
|
||||||
|
<el-table-column align="center" prop="staffName" label="服务类型" >
|
||||||
|
<template slot-scope="scope">
|
||||||
|
{{ scope.row.type?'月结':'日结' }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" prop="checkTime" label="首打卡时间" ></el-table-column>
|
||||||
|
<el-table-column align="center" prop="checkEndTime" label="尾打卡时间" ></el-table-column>
|
||||||
|
<el-table-column align="center" prop="recordType" label="考勤状态" ></el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<div class="block" style="margin-top:15px;">
|
||||||
|
<el-pagination align="left" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="pageInfo.pageNum" :page-sizes="[10,20,30,40,50]" :page-size="pageInfo.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { abnormalPage,exportErrorDetail } from "../../../api/storeManage.js";
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
list:[],
|
||||||
|
total: 0, //分页总条数
|
||||||
|
pageInfo: {
|
||||||
|
page: 1,
|
||||||
|
size: 10
|
||||||
|
},
|
||||||
|
queryFome:{},
|
||||||
|
date:[],
|
||||||
|
loading:false,
|
||||||
|
exportLoading:false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.init()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
exportError(){
|
||||||
|
let params = {...this.pageInfo}
|
||||||
|
try{
|
||||||
|
if(this.date.length){
|
||||||
|
params.enterStartTime = this.formatTime(this.date[0],"YYYY-MM-DD 00:00:00");
|
||||||
|
params.enterEndTime = this.formatTime(this.date[1],"YYYY-MM-DD 23:59:59" );
|
||||||
|
}
|
||||||
|
}catch(err){
|
||||||
|
params.enterStartTime = null
|
||||||
|
params.enterEndTime = null
|
||||||
|
}
|
||||||
|
params.page = 1
|
||||||
|
params.size = 9999
|
||||||
|
this.exportLoading = true
|
||||||
|
exportErrorDetail(params).then(res=>{
|
||||||
|
this.exportLoading = false
|
||||||
|
let blob = new Blob([res]);
|
||||||
|
var a = document.createElement("a");
|
||||||
|
var url = window.URL.createObjectURL(blob);
|
||||||
|
a.href = url;
|
||||||
|
a.download = "临时工异常打卡导出表.xlsx";
|
||||||
|
a.click();
|
||||||
|
window.URL.revokeObjectURL(url);
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleSizeChange(val) {
|
||||||
|
this.pageInfo.size = val
|
||||||
|
this.init();
|
||||||
|
},
|
||||||
|
handleCurrentChange(val) {
|
||||||
|
this.pageInfo.page = val
|
||||||
|
this.init();
|
||||||
|
},
|
||||||
|
init(){
|
||||||
|
let params = {...this.pageInfo}
|
||||||
|
try{
|
||||||
|
if(this.date.length){
|
||||||
|
params.enterStartTime = this.formatTime(this.date[0],"YYYY-MM-DD 00:00:00");
|
||||||
|
params.enterEndTime = this.formatTime(this.date[1],"YYYY-MM-DD 23:59:59" );
|
||||||
|
}
|
||||||
|
}catch(err){
|
||||||
|
params.enterStartTime = null
|
||||||
|
params.enterEndTime = null
|
||||||
|
}
|
||||||
|
if(!params.staffName)params.staffName = null //过滤空字符
|
||||||
|
this.loading = true
|
||||||
|
abnormalPage(params).then(res=>{
|
||||||
|
this.loading = false
|
||||||
|
this.list = res.pageInfo.list
|
||||||
|
this.total = res.pageInfo.total
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
@ -0,0 +1,81 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-dialog title="获取最新" :visible.sync="dataDialog" width="600px">
|
||||||
|
<el-form :model="form" :rules="rules" ref="form">
|
||||||
|
<el-form-item label="选择日期:" label-width="120px">
|
||||||
|
<div class="searchDiv">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="form.date"
|
||||||
|
:picker-options="pickerOptions"
|
||||||
|
type="date"
|
||||||
|
placeholder="选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<span slot="footer" class="dialog-footer">
|
||||||
|
<el-button size="mini" type="primary" plain @click="dataDialog = false">取 消</el-button>
|
||||||
|
<el-button type="primary" size="mini" :loading="loading" @click="confirm">确 定</el-button>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dataDialog:false,
|
||||||
|
form:{},
|
||||||
|
rules:{
|
||||||
|
date: [
|
||||||
|
{ type: 'date', required: true, message: '请选择日期', trigger: 'change' }
|
||||||
|
],
|
||||||
|
},
|
||||||
|
loading:false,
|
||||||
|
pickerOptions: {
|
||||||
|
disabledDate(time) {
|
||||||
|
return time.getTime() > Date.now(); // 禁用今天之后的日期
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getNextDate(dateStr) {
|
||||||
|
let date = new Date(dateStr);
|
||||||
|
date.setDate(date.getDate() + 1);
|
||||||
|
let Y = date.getFullYear();
|
||||||
|
let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1);
|
||||||
|
let D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate());
|
||||||
|
return Y + '-' + M + '-' + D;
|
||||||
|
},
|
||||||
|
confirm(){
|
||||||
|
this.$refs['form'].validate(async (valid) => {
|
||||||
|
if (valid) {
|
||||||
|
this.loading = true
|
||||||
|
let params = {
|
||||||
|
starttime : this.formatTime(this.form.date,"YYYY-MM-DD 03:00:00"),
|
||||||
|
endtime : this.getNextDate(this.form.date,"YYYY-MM-DD" ) + ' 03:00:00',
|
||||||
|
}
|
||||||
|
this.$emit('handleSelectNew',params)
|
||||||
|
} else {
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
formatDate(date) {
|
||||||
|
let Y = date.getFullYear() + '-';
|
||||||
|
let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
|
||||||
|
let D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate());
|
||||||
|
return Y + M + D;
|
||||||
|
},
|
||||||
|
show(){
|
||||||
|
this.form = {}
|
||||||
|
this.dataDialog = true
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
@ -0,0 +1,103 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-dialog title="批量更新" :visible.sync="searchDialog" width="500px">
|
||||||
|
<el-form :model="form" :rules="rules" ref="ruleForm">
|
||||||
|
<el-form-item label="入场日期:" label-width="120px" prop="ruzhiTime">
|
||||||
|
<div class="searchDiv">
|
||||||
|
<el-date-picker
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
v-model="form.ruzhiTime"
|
||||||
|
:picker-options="pickerOptions"
|
||||||
|
type="date"
|
||||||
|
style='width:200px'
|
||||||
|
range-separator="至"
|
||||||
|
start-placeholder="开始日期"
|
||||||
|
end-placeholder="结束日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="服务类型:" label-width="120px" prop="type">
|
||||||
|
<div class="searchDiv">
|
||||||
|
<el-radio-group v-model="form.type">
|
||||||
|
<el-radio label="0">日结</el-radio>
|
||||||
|
<el-radio label="1">月结</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
<!-- <el-radio v-model="form.type" label="0">日结</el-radio>
|
||||||
|
<el-radio v-model="form.type" label="1">月结</el-radio> -->
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<span slot="footer" class="dialog-footer">
|
||||||
|
<el-button size="mini" type="primary" plain @click="searchDialog = false">取 消</el-button>
|
||||||
|
<el-button type="primary" size="mini" @click="confirm" :loading="configLoing">确 定</el-button>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import { updateByIds } from "../../../api/storeManage.js"
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
pickerOptions: {
|
||||||
|
disabledDate(time) {
|
||||||
|
return time.getTime() < Date.now() - 24 * 60 * 60 * 1000;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
configLoing:false,
|
||||||
|
rules:{
|
||||||
|
type:[
|
||||||
|
{ required: true, message: '请选择劳务类型', trigger: 'change' }
|
||||||
|
],
|
||||||
|
ruzhiTime:[
|
||||||
|
{ required: true, message: '请选择人员入职时间', trigger: 'change' }
|
||||||
|
],
|
||||||
|
},
|
||||||
|
form:{},
|
||||||
|
searchDialog:false,
|
||||||
|
list:[]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
show(list){
|
||||||
|
this.searchDialog = true
|
||||||
|
this.list = list
|
||||||
|
this.$nextTick(()=>{
|
||||||
|
this.form = {}
|
||||||
|
this.$refs['ruleForm'].resetFields();
|
||||||
|
})
|
||||||
|
},
|
||||||
|
confirm(){
|
||||||
|
this.$refs['ruleForm'].validate((valid) => {
|
||||||
|
if (valid) {
|
||||||
|
let params = {
|
||||||
|
...this.form,
|
||||||
|
ids:this.list.map(item=>item.id)
|
||||||
|
}
|
||||||
|
params.ruzhiTime = params.ruzhiTime + ' 08:00:00'
|
||||||
|
updateByIds(params).then(res=>{
|
||||||
|
if(res.code == '000000'){
|
||||||
|
this.searchDialog = false
|
||||||
|
this.$emit('init')
|
||||||
|
}else{
|
||||||
|
this.$alert(res.message, "提示", {
|
||||||
|
confirmButtonText: "确定",
|
||||||
|
confirmButtonClass: "confirmbtnFalses",
|
||||||
|
type: "warning",
|
||||||
|
center: true,
|
||||||
|
callback: (action) => {
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
/deep/.el-cascader .el-input .el-input__inner{
|
||||||
|
width:192px !important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,278 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-dialog v-dialogDrag :title="title" :visible.sync="dialogVisible" width="60%" center
|
||||||
|
@close="close" :close-on-click-modal="false" :append-to-body="true">
|
||||||
|
<div class="head">
|
||||||
|
<div class="content flex">
|
||||||
|
<div class="role-size-color">操作人: <span class="role-size">{{ form.staffName }}</span></div>
|
||||||
|
<div class="role-size-color">操作时间: <span class="role-size">{{ form.mobilePhone }}</span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="body">
|
||||||
|
<div class="box">
|
||||||
|
<div class="table-header">
|
||||||
|
<span class="table-header-title"></span>
|
||||||
|
<div class='table-header-topSize'>修改前</div>
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<el-table :data="list" :header-cell-style="{ background: 'linear-gradient(#6cb3ff, #1873d4)',color: '#eeeeee'}">
|
||||||
|
<el-table-column align="center" prop="staffName" label="姓名"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="staffNum" label="人员编号"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="sex" label="性别">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
{{ scope.row.sex?'女':'男' }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" prop="mobilePhone" label="手机号" width="110px"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="identityCard" label="证件号" width="160px"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="type" label="服务类型">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
{{ scope.row.type ==0?'日结':'月结' }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" prop="state" label="状态">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
{{ scope.row.state ==0?'正常':'异常' }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" prop="remark" label="外包服务商" width="150px"></el-table-column>
|
||||||
|
<el-table-column align="center" label="图像" fixed="right">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
<el-image
|
||||||
|
style="width: 20px; height: 20px"
|
||||||
|
:src="scope.row.facesInformation"
|
||||||
|
:preview-src-list="[scope.row.facesInformation]">
|
||||||
|
</el-image>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="box">
|
||||||
|
<div class="table-header">
|
||||||
|
<span class="table-header-title"></span>
|
||||||
|
<div class='table-header-topSize'>修改后</div>
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<el-table :data="[list.staffTemporary]" :header-cell-style="{ background: 'linear-gradient(#6cb3ff, #1873d4)',color: '#eeeeee'}">
|
||||||
|
<el-table-column align="center" prop="staffName" label="姓名"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="staffNum" label="人员编号"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="sex" label="性别">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
{{ scope.row.sex?'女':'男' }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" prop="mobilePhone" label="手机号" width="110px"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="identityCard" label="证件号" width="160px"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="type" label="服务类型">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
{{ scope.row.type ==0?'日结':'月结' }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" prop="state" label="状态">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
{{ scope.row.state ==0?'正常':'异常' }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" prop="remark" label="外包服务商" width="150px"></el-table-column>
|
||||||
|
<el-table-column align="center" label="图像" fixed="right">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
<el-image
|
||||||
|
style="width: 20px; height: 20px"
|
||||||
|
:src="scope.row.facesInformation"
|
||||||
|
:preview-src-list="[scope.row.facesInformation]">
|
||||||
|
</el-image>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="width: 100%;text-align:center;margin-top: 20px;">
|
||||||
|
<el-button size="small" @click="dialogVisible = false">取 消</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
title:"修改记录",
|
||||||
|
saveLoad:false,
|
||||||
|
dialogVisible:false,
|
||||||
|
list:[]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
show(row){
|
||||||
|
this.dialogVisible = true
|
||||||
|
this.list = [...row]
|
||||||
|
console.log(this.list)
|
||||||
|
},
|
||||||
|
close(){
|
||||||
|
this.dialogVisible = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
.role-size-color{
|
||||||
|
font-weight: 600;
|
||||||
|
color: #092553
|
||||||
|
}
|
||||||
|
.role-size{
|
||||||
|
font-weight: 600;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
.head{
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.box{
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
.body{
|
||||||
|
max-height: 500px;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
.checkout{
|
||||||
|
width: 110px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
.myRedCheckBox{
|
||||||
|
zoom: 1.1;
|
||||||
|
}
|
||||||
|
/deep/.myRedCheckBox .checkbox__input.is-indeterminate .el-checkbox__inner{
|
||||||
|
background: #28bd9c !important;
|
||||||
|
border-color: #28bd9c !important;
|
||||||
|
z-index: 99999;
|
||||||
|
}
|
||||||
|
/deep/.myRedCheckBox .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
|
||||||
|
background: #28bd9c !important;
|
||||||
|
border-color: #28bd9c !important;
|
||||||
|
}
|
||||||
|
/deep/.myRedCheckBox .el-checkbox__input.is-checked .el-checkbox__inner, .myRedCheckBox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
|
||||||
|
background: #28bd9c;
|
||||||
|
border-color: #28bd9c;
|
||||||
|
}
|
||||||
|
/deep/.myRedCheckBox .el-checkbox__label{
|
||||||
|
font-size: 14px !important;
|
||||||
|
color: #092553 !important;
|
||||||
|
}
|
||||||
|
/deep/.myRedCheckBox .el-checkbox__input.is-checked + .el-checkbox__label {
|
||||||
|
color: #092553 !important;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.content{
|
||||||
|
background: rgb(242,244,248);
|
||||||
|
border-radius: 4px;
|
||||||
|
padding: 16px 28px;
|
||||||
|
-ms-flex-wrap: wrap;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
.table-header-topSize{
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.table-header {
|
||||||
|
width: 100%;
|
||||||
|
height: 50px;
|
||||||
|
line-height: 50px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-family: SourceHanSansCN-Medium;
|
||||||
|
color: #092553;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-header-title {
|
||||||
|
border-radius: 2.5px;
|
||||||
|
width: 5px;
|
||||||
|
height: 16px;
|
||||||
|
margin-right: 15px;
|
||||||
|
background-color: #28bd9c;
|
||||||
|
}
|
||||||
|
|
||||||
|
.amount {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
border-bottom: 1px solid #ccc;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.flex {
|
||||||
|
align-items: center;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.left-amout {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #8994af;
|
||||||
|
width: 70px;
|
||||||
|
}
|
||||||
|
.right-amout {
|
||||||
|
font-family: SourceHanSansCN-Medium;
|
||||||
|
color: #092553;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.right {
|
||||||
|
margin-left: auto;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #092553;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.pay {
|
||||||
|
color: #22ab8c;
|
||||||
|
background-color: #eefaf7;
|
||||||
|
}
|
||||||
|
.Late {
|
||||||
|
background-color: #ffeded;
|
||||||
|
color: #f91515;
|
||||||
|
}
|
||||||
|
.status {
|
||||||
|
font-size: 14px;
|
||||||
|
padding: 0 5px;
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
border-radius: 4px
|
||||||
|
}
|
||||||
|
|
||||||
|
.center {
|
||||||
|
margin-top: 20px;
|
||||||
|
padding: 10px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .el-dialog__title {
|
||||||
|
font-size: 18px;
|
||||||
|
color: #092553;
|
||||||
|
position: relative;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top {
|
||||||
|
width: 100%;
|
||||||
|
height: 40px;
|
||||||
|
line-height: 40px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-color: #f2f4f8;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-family: SourceHanSansCN-Medium;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-family: SourceHanSansCN-Medium;
|
||||||
|
color: #092553;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,142 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div class="header_flex">
|
||||||
|
<div></div>
|
||||||
|
<div>
|
||||||
|
<el-date-picker
|
||||||
|
style="width:220px"
|
||||||
|
v-model="date"
|
||||||
|
type="daterange"
|
||||||
|
range-separator="至"
|
||||||
|
start-placeholder="开始日期"
|
||||||
|
end-placeholder="结束日期">
|
||||||
|
</el-date-picker>
|
||||||
|
<el-input v-model="pageInfo.staffNum" placeholder="请输入员工编码"></el-input>
|
||||||
|
<el-input v-model="pageInfo.staffName" placeholder="请输入员工姓名"></el-input>
|
||||||
|
<!-- <el-input v-model="pageInfo.mobilePhone" placeholder="请输入员工手机号"></el-input>
|
||||||
|
<el-input v-model="pageInfo.identityCard" placeholder="请输入员工身份证"></el-input> -->
|
||||||
|
<el-button type="primary" size="mini" @click="init">查询</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<el-table style="margin-top:20px" :data="list" v-loading="loading" :header-cell-style="{ background: 'linear-gradient(#6cb3ff, #1873d4)',color: '#eeeeee'}">
|
||||||
|
<el-table-column align="center" prop="staffNum" label="员工编码"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="staffName" label="员工名字"></el-table-column>
|
||||||
|
<!-- <el-table-column align="center" prop="mobilePhone" label="员工手机"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="identityCard" label="身份证"></el-table-column> -->
|
||||||
|
<!-- <el-table-column align="center" prop="sex" label="性别">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
{{ scope.row.sex?'女':'男' }}
|
||||||
|
</template>
|
||||||
|
</el-table-column> -->
|
||||||
|
<!-- <el-table-column align="center" prop="urgentName" label="紧急联系人"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="urgentPhone" label="紧急联系人联系方式"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="urgentRelationship" label="紧急联系人联系关系"></el-table-column>
|
||||||
|
<el-table-column align="center" label="图像" fixed="right">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
<el-image
|
||||||
|
style="width: 20px; height: 20px"
|
||||||
|
:src="scope.row.facesInformation"
|
||||||
|
:preview-src-list="[scope.row.facesInformation]">
|
||||||
|
</el-image>
|
||||||
|
</template>
|
||||||
|
</el-table-column> -->
|
||||||
|
<el-table-column align="center" prop="updateDate" label="修改时间" fixed="right"></el-table-column>
|
||||||
|
<el-table-column align="center" label="修改记录" fixed="right">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
<el-button type="text" @click="handleShow(scope.row)">查看</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<!-- <el-table-column align="center" prop="updateDate" label="修改时间" fixed="right"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="updateName" label="修改人" fixed="right">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
{{ scope.row.updateName?scope.row.updateName:'本人' }}
|
||||||
|
</template>
|
||||||
|
</el-table-column> -->
|
||||||
|
</el-table>
|
||||||
|
<div class="block" style="margin-top: 10px">
|
||||||
|
<el-pagination
|
||||||
|
align="left"
|
||||||
|
@size-change="handleSizeChange"
|
||||||
|
@current-change="handleCurrentChange"
|
||||||
|
:current-page="pageInfo.pageNum"
|
||||||
|
:page-sizes="[10, 20, 30, 40, 50]"
|
||||||
|
:page-size="pageInfo.pageSize"
|
||||||
|
layout="total, sizes, prev, pager, next, jumper"
|
||||||
|
:total="total">
|
||||||
|
</el-pagination>
|
||||||
|
</div>
|
||||||
|
<updateList ref="updateList"></updateList>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import { staffTemporaryUpdate } from "../../../api/storeManage.js"
|
||||||
|
import updateList from './updateList.vue';
|
||||||
|
export default {
|
||||||
|
components:{
|
||||||
|
updateList
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
list:[],
|
||||||
|
pageInfo:{
|
||||||
|
pageNum:1,
|
||||||
|
pageSize:10
|
||||||
|
},
|
||||||
|
total:0,
|
||||||
|
loading:false,
|
||||||
|
date:[]
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
handleShow(row){
|
||||||
|
this.$refs.updateList.show(row)
|
||||||
|
},
|
||||||
|
handleCurrentChange(current){
|
||||||
|
this.pageInfo.pageNum = current
|
||||||
|
this.init()
|
||||||
|
},
|
||||||
|
handleSizeChange(size){
|
||||||
|
this.pageInfo.pageSize = size
|
||||||
|
this.init()
|
||||||
|
},
|
||||||
|
init(){
|
||||||
|
this.loading = true
|
||||||
|
let params = { ...this.pageInfo }
|
||||||
|
try{
|
||||||
|
if(this.date.length){
|
||||||
|
params.startTime = this.formatTime(this.date[0],"YYYY-MM-DD 00:00:00");
|
||||||
|
params.endTime = this.formatTime(this.date[1],"YYYY-MM-DD 23:59:59" );
|
||||||
|
}
|
||||||
|
}catch(err){''
|
||||||
|
params.startTime = null
|
||||||
|
params.endTime = null
|
||||||
|
}
|
||||||
|
params.staffNum = params.staffNum||null
|
||||||
|
params.staffName = params.staffName||null
|
||||||
|
params.mobilePhone = params.mobilePhone||null
|
||||||
|
params.identityCard = params.identityCard||null
|
||||||
|
staffTemporaryUpdate(params).then(res=>{
|
||||||
|
console.log(res)
|
||||||
|
this.loading = false
|
||||||
|
if(res.code == '000000'){
|
||||||
|
this.list = res.pageInfo.list
|
||||||
|
this.total = res.pageInfo.total
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created(){
|
||||||
|
this.init()
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
.el-button {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-input {
|
||||||
|
width: 200px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
@ -0,0 +1,334 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-dialog v-dialogDrag :title="title" :visible.sync="dialogVisible" width="70%" center
|
||||||
|
@close="close" :close-on-click-modal="false" :append-to-body="true">
|
||||||
|
<div class="head">
|
||||||
|
<div class="content flex">
|
||||||
|
<div class="role-size-color">操作人: <span class="role-size">{{ listBefore[0].updateName?listBefore[0].updateName:listBefore[0].staffName }}</span></div>
|
||||||
|
<div class="role-size-color">操作时间: <span class="role-size">{{ listBefore[0].updateDate }}</span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="body">
|
||||||
|
<div class="box">
|
||||||
|
<div class="table-header">
|
||||||
|
<span class="table-header-title"></span>
|
||||||
|
<div class='table-header-topSize'>修改前</div>
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<el-table :data="listBefore" :header-cell-style="{ background: 'linear-gradient(#6cb3ff, #1873d4)',color: '#eeeeee'}">
|
||||||
|
<el-table-column align="center" prop="staffName" label="姓名"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="staffNum" label="人员编号"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="sex" label="性别">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
{{ scope.row.sex?'女':'男' }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" prop="mobilePhone" label="手机号" width="110px"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="identityCard" label="证件号" width="165px"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="type" label="服务类型">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
{{ scope.row.type ==0?'日结':'月结' }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" prop="remark" label="外包服务商" width="150px"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="urgentName" label="紧急联系人" min-width="90"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="urgentPhone" label="紧急联系人电话" min-width="110"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="urgentRelationship" label="紧急联系人关系"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="ruzhiTime" label="入场时间" width="135px">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
{{ scope.row.ruzhiTime }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" label="图像" fixed="right">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
<el-image
|
||||||
|
style="width: 20px; height: 20px"
|
||||||
|
:src="scope.row.facesInformation"
|
||||||
|
:preview-src-list="[scope.row.facesInformation]">
|
||||||
|
</el-image>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="box">
|
||||||
|
<div class="table-header">
|
||||||
|
<span class="table-header-title"></span>
|
||||||
|
<div class='table-header-topSize'>修改后</div>
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<el-table :data="listAfter" :header-cell-style="{ background: 'linear-gradient(#6cb3ff, #1873d4)',color: '#eeeeee'}">
|
||||||
|
<el-table-column align="center" prop="staffName" label="姓名">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
<span :class="{ 'isUpdate':scope.row.staffName !=listBefore[0].staffName }">{{ scope.row.staffName }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" prop="staffNum" label="人员编号">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
<span :class="{ 'isUpdate':scope.row.staffNum !=listBefore[0].staffNum }">{{ scope.row.staffNum }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" prop="sex" label="性别">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
<span :class="{ 'isUpdate':scope.row.sex !=listBefore[0].sex }">{{ scope.row.sex?'女':'男' }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" prop="mobilePhone" label="手机号" width="110px">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
<span :class="{ 'isUpdate':scope.row.mobilePhone !=listBefore[0].mobilePhone }">{{ scope.row.mobilePhone }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" prop="identityCard" label="证件号" width="165px">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
<span :class="{ 'isUpdate':scope.row.identityCard !=listBefore[0].identityCard }">{{ scope.row.identityCard }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" prop="type" label="服务类型">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
<span :class="{ 'isUpdate':scope.row.type !=listBefore[0].type }">{{ scope.row.type ==0?'日结':'月结' }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" prop="remark" label="外包服务商" width="150px">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
<span :class="{ 'isUpdate':scope.row.remark !=listBefore[0].remark }">{{ scope.row.remark }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" prop="urgentName" label="紧急联系人" min-width="90">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
<span :class="{ 'isUpdate':scope.row.urgentName !=listBefore[0].urgentName }">{{ scope.row.urgentName }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" prop="urgentPhone" label="紧急联系人电话" min-width="110">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
<span :class="{ 'isUpdate':scope.row.urgentPhone !=listBefore[0].urgentPhone }">{{ scope.row.urgentPhone }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" prop="urgentRelationship" label="紧急联系人关系">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
<span :class="{ 'isUpdate':scope.row.urgentRelationship !=listBefore[0].urgentRelationship }">{{ scope.row.urgentRelationship }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" prop="ruzhiTime" label="入场时间" width="135px">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
<span :class="{ 'isUpdate':scope.row.ruzhiTime != listBefore[0].ruzhiTime }">{{ scope.row.ruzhiTime }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" label="图像" fixed="right">
|
||||||
|
<template slot-scope='scope'>
|
||||||
|
<el-image
|
||||||
|
style="width: 20px; height: 20px"
|
||||||
|
:src="scope.row.facesInformation"
|
||||||
|
:preview-src-list="[scope.row.facesInformation]">
|
||||||
|
</el-image>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="width: 100%;text-align:center;margin-top: 20px;">
|
||||||
|
<el-button size="small" @click="dialogVisible = false">取 消</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
title:"更新记录",
|
||||||
|
saveLoad:false,
|
||||||
|
dialogVisible:false,
|
||||||
|
listBefore:[{}],
|
||||||
|
listAfter:[{}]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
show(row){
|
||||||
|
this.dialogVisible = true
|
||||||
|
this.listBefore = [{...row}]
|
||||||
|
this.listAfter = [{...row.staffTemporary}]
|
||||||
|
this.listBefore[0].ruzhiTime = this.timestampToTime(this.listBefore[0].ruzhiTime)
|
||||||
|
this.listAfter[0].ruzhiTime = this.timestampToTime(this.listAfter[0].ruzhiTime )
|
||||||
|
},
|
||||||
|
timestampToTime(timestamp) {
|
||||||
|
timestamp = timestamp ? timestamp : null;
|
||||||
|
let date = new Date(timestamp);
|
||||||
|
let Y = date.getFullYear() + '-';
|
||||||
|
let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
|
||||||
|
let D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' ';
|
||||||
|
let h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
|
||||||
|
let m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';
|
||||||
|
let s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();
|
||||||
|
return Y + M + D;
|
||||||
|
},
|
||||||
|
close(){
|
||||||
|
this.dialogVisible = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
.isUpdate{
|
||||||
|
display: inline-block;
|
||||||
|
font-weight: 600;
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
.role-size-color{
|
||||||
|
font-weight: 600;
|
||||||
|
color: #092553
|
||||||
|
}
|
||||||
|
.role-size{
|
||||||
|
font-weight: 600;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
.head{
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.box{
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
.body{
|
||||||
|
max-height: 500px;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
.checkout{
|
||||||
|
width: 110px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
.myRedCheckBox{
|
||||||
|
zoom: 1.1;
|
||||||
|
}
|
||||||
|
/deep/.myRedCheckBox .checkbox__input.is-indeterminate .el-checkbox__inner{
|
||||||
|
background: #28bd9c !important;
|
||||||
|
border-color: #28bd9c !important;
|
||||||
|
z-index: 99999;
|
||||||
|
}
|
||||||
|
/deep/.myRedCheckBox .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
|
||||||
|
background: #28bd9c !important;
|
||||||
|
border-color: #28bd9c !important;
|
||||||
|
}
|
||||||
|
/deep/.myRedCheckBox .el-checkbox__input.is-checked .el-checkbox__inner, .myRedCheckBox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
|
||||||
|
background: #28bd9c;
|
||||||
|
border-color: #28bd9c;
|
||||||
|
}
|
||||||
|
/deep/.myRedCheckBox .el-checkbox__label{
|
||||||
|
font-size: 14px !important;
|
||||||
|
color: #092553 !important;
|
||||||
|
}
|
||||||
|
/deep/.myRedCheckBox .el-checkbox__input.is-checked + .el-checkbox__label {
|
||||||
|
color: #092553 !important;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.content{
|
||||||
|
background: rgb(242,244,248);
|
||||||
|
border-radius: 4px;
|
||||||
|
padding: 16px 28px;
|
||||||
|
-ms-flex-wrap: wrap;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
.table-header-topSize{
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.table-header {
|
||||||
|
width: 100%;
|
||||||
|
height: 50px;
|
||||||
|
line-height: 50px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-family: SourceHanSansCN-Medium;
|
||||||
|
color: #092553;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.table-header-title {
|
||||||
|
border-radius: 2.5px;
|
||||||
|
width: 5px;
|
||||||
|
height: 16px;
|
||||||
|
margin-right: 15px;
|
||||||
|
background-color: #28bd9c;
|
||||||
|
}
|
||||||
|
|
||||||
|
.amount {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
border-bottom: 1px solid #ccc;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.flex {
|
||||||
|
align-items: center;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.left-amout {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #8994af;
|
||||||
|
width: 70px;
|
||||||
|
}
|
||||||
|
.right-amout {
|
||||||
|
font-family: SourceHanSansCN-Medium;
|
||||||
|
color: #092553;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.right {
|
||||||
|
margin-left: auto;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #092553;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.pay {
|
||||||
|
color: #22ab8c;
|
||||||
|
background-color: #eefaf7;
|
||||||
|
}
|
||||||
|
.Late {
|
||||||
|
background-color: #ffeded;
|
||||||
|
color: #f91515;
|
||||||
|
}
|
||||||
|
.status {
|
||||||
|
font-size: 14px;
|
||||||
|
padding: 0 5px;
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
border-radius: 4px
|
||||||
|
}
|
||||||
|
|
||||||
|
.center {
|
||||||
|
margin-top: 20px;
|
||||||
|
padding: 10px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .el-dialog__title {
|
||||||
|
font-size: 18px;
|
||||||
|
color: #092553;
|
||||||
|
position: relative;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top {
|
||||||
|
width: 100%;
|
||||||
|
height: 40px;
|
||||||
|
line-height: 40px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-color: #f2f4f8;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-family: SourceHanSansCN-Medium;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-family: SourceHanSansCN-Medium;
|
||||||
|
color: #092553;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue