bug修改

This commit is contained in:
zzyuan 2024-10-28 11:05:42 +08:00
parent 9b37fb7b57
commit b1dd43dbac
8 changed files with 121 additions and 59 deletions

View File

@ -2,7 +2,7 @@
<div class="content">
<div class="content-box">
<div class="title-box">
<div style="margin-left: 10px;font-size: 22px;font-weight: bold;">当月异常统计</div>
<div style="margin-left: 10px;font-size: 22px;font-weight: bold;">组织架构</div>
</div>
<div class="chart-box">
<vue2-org-tree name="test"

View File

@ -5,7 +5,7 @@
<div style="margin-left: 10px;font-size: 22px;font-weight: bold;">当月异常统计</div>
</div>
<div class="chart-box" @click="toggleDialog(12)">
<div id="barBox" style="width: 100%;height: 380px;"></div>
<div id="barBox" style="width: 100%;height: 400px;"></div>
</div>
</div>
</div>
@ -23,12 +23,12 @@ export default {
// required: true,
type: Object,
default:{
addressErrorNum:'0',
earlyNum:'0',
einErrorNum:'0',
lateNum:'0',
leaveNum:'0',
skippingNum:'0'
addressErrorNum:0,
earlyNum:0,
einErrorNum:0,
lateNum:0,
leaveNum:0,
skippingNum:0
}
},
@ -40,34 +40,61 @@ export default {
barYData:[22, 18, 11, 23, 29, 33]
}
},
watch: {
pageData: {
handler() {
this.getInitData()
},
immediate: true
}
},
created() {
},
mounted() {
this.$nextTick(() => {
this.getInitData()
})
this.getInitData()
},
methods: {
getInitData(){
console.log(this.pageData)
this.barYData=[this.pageData.lateNum,this.pageData.earlyNum,this.pageData.skippingNum,this.pageData.leaveNum,this.pageData.addressErrorNum,this.pageData.einErrorNum]
this.initChart()
setTimeout(()=>{
this.barYData=[Number(this.pageData.lateNum),Number(this.pageData.earlyNum),Number(this.pageData.skippingNum),Number(this.pageData.leaveNum),Number(this.pageData.addressErrorNum),Number(this.pageData.einErrorNum)]
console.log(this.barYData)
this.initChart()
},500)
},
initChart(){
this.pieCharts = echarts.init(document.getElementById('barBox'))
var option = {
grid: {
left: '5%',
right: '5%',
bottom: '5%',
top: '5%',
containLabel: true,
},
xAxis: {
data: ['迟到', '早退', '旷工', '请假', '打卡地异常', '出入异常']
},
yAxis: {},
series: [{
type: 'bar',
data:this.barYData
data:this.barYData,
itemStyle:{
color:"#157DF3"
}
}]
};
this.pieCharts.setOption(option)
this.pieCharts.setOption(option)
//
this.pieCharts.on('click', function (params) {
//
console.log(params);
//
//
// alert('' + params.name);
});
},
toggleDialog(v) {
this.$emit('openDialog', { order: v })
@ -98,7 +125,7 @@ export default {
}
.chart-box{
width: 100%;
height: 400px;
height: 450px;
}

View File

@ -226,7 +226,7 @@
name:undefined,
orgName: undefined,
},
leaveType:'',
queryRecord: {
pageNum: 1,
pageSize: 10,
@ -248,8 +248,8 @@
],
},
pickerOptions: {
disabledDate: this.disabledDate,
},
disabledDate: this.disabledDate,
},
};
},
computed: {
@ -418,12 +418,14 @@
if(this.title=='轮休未审批记录'){
getDetailExceptionRest(this.addDateRange(this.queryRecord, this.dateRange)).then(response => {
this.tableDataRecord = response.rows;
this.leaveType="轮休"
this.totalTwo = response.total;
this.loadingTwo = false;
});
}else if(this.title=='外出办事未审批记录'){
getDetailExceptionOut(this.addDateRange(this.queryRecord, this.dateRange)).then(response => {
this.tableDataRecord = response.rows;
this.leaveType="外出办事"
this.totalTwo = response.total;
this.loadingTwo = false;
});
@ -452,7 +454,8 @@
/** 提交按钮 */
submitForm() {
this.form.orgId = this.queryRecord.orgId;
this.form.title = '轮休外出办事异常数据';
this.form.title = this.leaveType+'异常数据';
this.form.leaveType=this.leaveType
console.log(this.form)
this.$refs["form"].validate(valid => {
if (valid) {

View File

@ -144,14 +144,18 @@
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-col :span="8">
<el-form-item label="外出开始时间:" prop="leaveStartDate">
<el-date-picker
v-model="form.leaveStartDate" :clearable="false" :readonly="isView"
type="date" value-format="yyyy-MM-dd" style="width: 70%;" @change="handleDateChange"
v-model="form.leaveStartDate" :clearable="false" :disabled="isView"
type="date" value-format="yyyy-MM-dd" style="width: 100%;" @change="handleDateChange"
placeholder="外出开始时间" :pickerOptions="startPickerOptions">
</el-date-picker>
<el-select v-model="form.leaveStartInterval" style="width: 25%;margin-left: 10px;" :disabled="isView" @change="handleDateChange">
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item prop="leaveStartInterval" label-width="0px">
<el-select v-model="form.leaveStartInterval" style="width: 80%;margin-left: 10px;" :disabled="isView" @change="handleDateChange">
<el-option
v-for="item in timeStatusList"
:key="item.id"
@ -161,14 +165,18 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-col :span="8">
<el-form-item label="外出结束时间:" prop="leaveEndDate">
<el-date-picker
v-model="form.leaveEndDate" :clearable="false" :readonly="isView"
type="date" value-format="yyyy-MM-dd" style="width: 70%;" @change="handleDateChange"
v-model="form.leaveEndDate" :clearable="false" :disabled="isView"
type="date" value-format="yyyy-MM-dd" style="width: 100%;" @change="handleDateChange"
placeholder="外出结束时间" :pickerOptions="endPickerOptions">
</el-date-picker>
<el-select v-model="form.leaveEndInterval" style="width: 25%;margin-left: 10px;" :disabled="isView" @change="handleDateChange">
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item prop="leaveEndInterval" label-width="0px">
<el-select v-model="form.leaveEndInterval" style="width: 80%;margin-left: 10px;" :disabled="isView" @change="handleDateChange">
<el-option
v-for="item in timeStatusList"
:key="item.id"
@ -176,13 +184,13 @@
:value="item.id"
/>
</el-select>
</el-form-item>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="外出时长(天)" prop="leaveDuration">
<el-input v-model="form.leaveDuration" disabled />
<el-input v-model="form.leaveDuration" :readonly="true" />
</el-form-item>
</el-col>
</el-row>
@ -277,9 +285,15 @@ export default {
leaveStartDate: [
{ required: true, message: "外出开始时间不能为空", trigger: "blur" }
],
leaveStartInterval: [
{ required: true, message: "不能为空", trigger: "change" }
],
leaveEndDate: [
{ required: true, message: "外出结束时间不能为空", trigger: "blur" }
],
leaveEndInterval: [
{ required: true, message: "不能为空", trigger: "change" }
],
leaveDuration: [
{ required: true, message: "外出时长不能为空", trigger: "blur" }
],
@ -353,10 +367,10 @@ export default {
userName:this.userInfo.name,
orgId: undefined,
leaveStartDate: undefined,
leaveStartInterval:'1',
leaveStartInterval:undefined,
leaveEndDate: undefined,
leaveEndInterval:'1',
leaveDuration:0.5,
leaveEndInterval:undefined,
leaveDuration:undefined,
leaveType:"外出办事",
examineStatus:"0",
leaveReason:undefined,

View File

@ -147,14 +147,18 @@
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="轮休开始时间:" prop="leaveStartDate">
<el-col :span="8">
<el-form-item label="外出开始时间:" prop="leaveStartDate">
<el-date-picker
v-model="form.leaveStartDate" :clearable="false" :readonly="isView"
type="date" value-format="yyyy-MM-dd" style="width: 70%;" @change="handleDateChange"
placeholder="轮休开始时间" :pickerOptions="startPickerOptions">
v-model="form.leaveStartDate" :clearable="false" :disabled="isView"
type="date" value-format="yyyy-MM-dd" style="width: 100%;" @change="handleDateChange"
placeholder="外出开始时间" :pickerOptions="startPickerOptions">
</el-date-picker>
<el-select v-model="form.leaveStartInterval" style="width: 25%;margin-left: 10px;" :disabled="isView" @change="handleDateChange">
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item prop="leaveStartInterval" label-width="0px">
<el-select v-model="form.leaveStartInterval" style="width: 80%;margin-left: 10px;" :disabled="isView" @change="handleDateChange">
<el-option
v-for="item in timeStatusList"
:key="item.id"
@ -164,14 +168,18 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="轮休结束时间:" prop="leaveEndDate">
<el-col :span="8">
<el-form-item label="外出结束时间:" prop="leaveEndDate">
<el-date-picker
v-model="form.leaveEndDate" :clearable="false" :readonly="isView"
type="date" value-format="yyyy-MM-dd" style="width: 70%;" @change="handleDateChange"
placeholder="轮休结束时间" :pickerOptions="endPickerOptions">
v-model="form.leaveEndDate" :clearable="false" :disabled="isView"
type="date" value-format="yyyy-MM-dd" style="width: 100%;" @change="handleDateChange"
placeholder="外出结束时间" :pickerOptions="endPickerOptions">
</el-date-picker>
<el-select v-model="form.leaveEndInterval" style="width: 25%;margin-left: 10px;" :disabled="isView" @change="handleDateChange">
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item prop="leaveEndInterval" label-width="0px">
<el-select v-model="form.leaveEndInterval" style="width: 80%;margin-left: 10px;" :disabled="isView" @change="handleDateChange">
<el-option
v-for="item in timeStatusList"
:key="item.id"
@ -179,13 +187,13 @@
:value="item.id"
/>
</el-select>
</el-form-item>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="轮休时长(天)" prop="leaveDuration">
<el-input v-model="form.leaveDuration" disabled />
<el-input v-model="form.leaveDuration" :readonly="true" />
</el-form-item>
</el-col>
</el-row>
@ -268,9 +276,15 @@
leaveStartDate: [
{ required: true, message: "轮休开始时间不能为空", trigger: "blur" }
],
leaveStartInterval: [
{ required: true, message: "不能为空", trigger: "change" }
],
leaveEndDate: [
{ required: true, message: "轮休结束时间不能为空", trigger: "blur" }
],
leaveEndInterval: [
{ required: true, message: "不能为空", trigger: "change" }
],
leaveDuration: [
{ required: true, message: "轮休时长不能为空", trigger: "blur" }
],
@ -344,10 +358,10 @@
userName:this.userInfo.name,
orgId: undefined,
leaveStartDate: undefined,
leaveStartInterval:'1',
leaveStartInterval:undefined,
leaveEndDate: undefined,
leaveEndInterval:'1',
leaveDuration:0.5,
leaveEndInterval:undefined,
leaveDuration:undefined,
leaveType:"轮休",
examineStatus:"0",
leaveReason:undefined,

View File

@ -122,7 +122,7 @@
<el-table-column label="修改上班状态" align="center" prop="toWorkAttStatus" width="180">
<template slot-scope="scope">
<el-select
v-model="scope.row.toWorkAttStatus"
v-model="scope.row.toWorkAttStatus" @change="changeToWorkAttStatus"
placeholder="修改后上班状态" style="width: 95%">
<el-option
v-for="dict in dict.type.att_status"

View File

@ -12,7 +12,7 @@
end-placeholder="结束日期"
></el-date-picker>
</el-form-item>
<el-form-item label="部门" prop="orgId">
<!-- <el-form-item label="部门" prop="orgId">
<treeselect v-model="queryParams.orgId" :options="deptOptions" :normalizer="normalizer" @select="handleSelect" placeholder="选择部门" style="width: 240px"/>
</el-form-item>
<el-form-item label="姓名" prop="userName">
@ -23,7 +23,7 @@
style="width: 240px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
</el-form-item> -->

View File

@ -558,9 +558,13 @@
</script>
<style lang="scss" scoped>
::v-deep .vue-treeselect__multi-value{
overflow-y: auto!important;
max-height: 120px!important;
}
::v-deep .vue-treeselect__value-container{
overflow-y: auto!important;
max-height: 120px!important;
}
::v-deep .vue-treeselect__value-container{
overflow-y: auto!important;
max-height: 120px!important;
}
</style>