hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-13 04:46:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

讲师费用下 控制

Browse Source
This commit is contained in:
gengxin
2025-02-18 17:10:43 +08:00
parent a3337e12f1
commit 9cbd72d6ae
2 changed files with 348 additions and 327 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/lecturer/InsideTeaching.vue
View File

@@ -50,7 +50,7 @@
<!-- <OrgClass @enter="searchSubmit()" v-model:value="searchParam.orgId" :placeholder="'请选择讲师组织'" <!-- <OrgClass @enter="searchSubmit()" v-model:value="searchParam.orgId" :placeholder="'请选择讲师组织'"
style="width: 235px" style="width: 235px"
></OrgClass> --> ></OrgClass> -->
<!-- TODO --> <!-- TODO GX02-->
<a-select <a-select
style="width: 235px ; style="width: 235px ;
margin-bottom:20px" margin-bottom:20px"

307
src/views/lecturer/MonthlyStatistics.vue
View File

@@ -1,7 +1,7 @@
<!-- 讲师费月度统计详情页面 --> <!-- 讲师费月度统计详情页面 -->
<template> <template>
<a-drawer :visible="visible" class="largeDrawerInside" placement="right" :closable="false" <a-drawer :visible="visible" class="largeDrawerInside" placement="right" :closable="false" width="80%" :title="false"
width="80%" :title="false" @close="handleBack"> @close="handleBack">
<div class="MonthlyStatistics"> <div class="MonthlyStatistics">
<!-- 搜索框及按钮 --> <!-- 搜索框及按钮 -->
<!-- <a-layout-header style="background: white;color: black; font-size: 20px ;"> <!-- <a-layout-header style="background: white;color: black; font-size: 20px ;">
@@ -15,19 +15,15 @@
</a-layout-header> --> </a-layout-header> -->
<div class="header"> <div class="header">
<div class="headerTitle">讲师费月度统计详情</div> <div class="headerTitle">讲师费月度统计详情</div>
<img <img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
style="width: 29px; height: 29px; cursor: pointer" @click="handleBack" />
src="../../assets/images/basicinfo/close.png"
@click="handleBack"
/>
</div> </div>
<!-- <a-divider style="height: 1px; background-color: #b7b8b7 ;margin: 0;" /> --> <!-- <a-divider style="height: 1px; background-color: #b7b8b7 ;margin: 0;" /> -->
<div class="filter"> <div class="filter">
<a-form layout="inline" > <a-form layout="inline">
<a-form-item class="select"> <a-form-item class="select">
<a-input v-model:value="searchParam.name" style="width: 240px; height: 40px; border-radius: 8px" <a-input v-model:value="searchParam.name" style="width: 240px; height: 40px; border-radius: 8px"
placeholder="请输入工号/讲师姓名进行检索" allowClear showSearch placeholder="请输入工号/讲师姓名进行检索" allowClear showSearch v-on:keydown.enter="enterPressHadlerSearch">
v-on:keydown.enter="enterPressHadlerSearch">
</a-input> </a-input>
</a-form-item> </a-form-item>
<!-- <a-form-item class="select"> <!-- <a-form-item class="select">
@@ -65,7 +61,19 @@
</a-form> </a-form>
<div style="width: 100%;"></div> <div style="width: 100%;"></div>
<div v-if="checkMenu('lecturerSummaryExport')" style="display: flex; margin-bottom: 20px"> <div v-if="checkMenu('lecturerSummaryExport')" style="display: flex; margin-bottom: 20px">
<a-button class="resetbtn" @click="handleFeeMonthly" type="primary"><UploadOutlined/>导出</a-button> <a-button class="resetbtn" @click="handleFeeMonthly" type="primary">
<UploadOutlined />导出
</a-button>
</div>
<div v-if="checkMenu('lecturerSummaryExport')" style="display: flex; margin-bottom: 20px">
<a-button class="resetbtn" @click="handleFeeMonthly" type="primary">
<UploadOutlined />讲师月度费用下载
</a-button>
</div>
<div v-if="checkMenu('lecturerSummaryExport')" style="display: flex; margin-bottom: 20px">
<a-button class="resetbtn" @click="handleFeeMonthly" type="primary">
<UploadOutlined />讲师费用详情下载
</a-button>
</div> </div>
<!-- 表格 --> <!-- 表格 -->
<div style="margin-bottom: 4px;color: #aaaaaa;"> <div style="margin-bottom: 4px;color: #aaaaaa;">
@@ -73,15 +81,16 @@
</div> </div>
<div style="padding: 10px 0"> <div style="padding: 10px 0">
<a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="columns" <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="columns"
:data-source="tableData" :loading="tableLoading" :scroll="{ x: 600}" :pagination="pagination"> :data-source="tableData" :loading="tableLoading" :scroll="{ x: 600 }" :pagination="pagination">
<template #orgName="{ record }"> <template #orgName="{ record }">
<div :title="record.orgName">{{ endOrg(record.orgName) }}</div> <div :title="record.orgName">{{ endOrg(record.orgName) }}</div>
</template>" </template>"
<template #bodyCell="{ record, column }"> <template #bodyCell="{ record, column }">
<template v-if="column.key === 'operation'"> <template v-if="column.key === 'operation'">
<a-space > <a-space>
<a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button> <a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button>
<a-button v-if="checkMenu('lecturerSummaryCancel')" type="link" @click="handleLess(record)">撤回</a-button> <a-button v-if="checkMenu('lecturerSummaryCancel')" type="link"
@click="handleLess(record)">撤回</a-button>
</a-space> </a-space>
</template> </template>
</template> </template>
@@ -106,37 +115,37 @@
</div> </div>
</div> --> </div> -->
<!-- 抽屉 --> <!-- 抽屉 -->
<a-drawer class="largeDrawerInside" v-model:visible="opendrawer" placement="right" <a-drawer class="largeDrawerInside" v-model:visible="opendrawer" placement="right" @closa="cancelTeachingDialog"
@closa="cancelTeachingDialog" :maskClosable="true" width="80%" :title="false"> :maskClosable="true" width="80%" :title="false">
<div style="padding:24px;"> <div style="padding:24px;">
<div class="headers" style="margin-top:-24px;"> <div class="headers" style="margin-top:-24px;">
<div class="headerTitle">查看详情</div> <div class="headerTitle">查看详情</div>
<img <img style="width: 29px; height: 29px; cursor: pointer" src="@/assets/images/basicinfo/close.png"
style="width: 29px; height: 29px; cursor: pointer" @click="cancelTeachingDialog" />
src="@/assets/images/basicinfo/close.png"
@click="cancelTeachingDialog"
/>
</div> </div>
<a-form layout="inline"> <a-form layout="inline">
<a-form-item class="select"> <a-form-item class="select">
<a-input @pressEnter="searchSubmitdrawer" v-model:value="drawer.name" style="width: 260px; height: 40px; border-radius: 8px" <a-input @pressEnter="searchSubmitdrawer" v-model:value="drawer.name"
placeholder="请输入课程名称进行搜索" allowClear showSearch> style="width: 260px; height: 40px; border-radius: 8px" placeholder="请输入课程名称进行搜索" allowClear showSearch>
</a-input> </a-input>
</a-form-item> </a-form-item>
<a-form-item class="select "> <a-form-item class="select ">
<a-range-picker format="YYYY-MM-DD" <a-range-picker format="YYYY-MM-DD" valueFormat="YYYY-MM-DD"
valueFormat="YYYY-MM-DD" style="width: 260px; height: 40px; margin-bottom: 20px; border-radius: 8px" v-model:value="drawer.drawersearchdate" separator="至" style="width: 260px; height: 40px; margin-bottom: 20px; border-radius: 8px"
:placeholder="[' 开始时间', ' 结束时间']" @change="searchTimeChange" /> v-model:value="drawer.drawersearchdate" separator="至" :placeholder="[' 开始时间', ' 结束时间']"
@change="searchTimeChange" />
</a-form-item> </a-form-item>
<div style="display: flex; margin-bottom: 20px"> <div style="display: flex; margin-bottom: 20px">
<a-button @click="searchSubmitdrawer()" type="primary" class="resetbtn">查询 </a-button> <a-button @click="searchSubmitdrawer()" type="primary" class="resetbtn">查询 </a-button>
<a-button class="resetbtn " @click="searchResetdrawer">重置</a-button> <a-button class="resetbtn " @click="searchResetdrawer">重置</a-button>
</div> </div>
</a-form> </a-form>
<!-- <span>讲师费发放情况</span> --> <!-- <span>讲师费发放情况</span> -->
<a-table :columns="column" :scroll="{ x: '1000' }" :data-source="tableDatas" :loading="tableLoadings" :pagination="false"> <a-table :columns="column" :scroll="{ x: '1000' }" :data-source="tableDatas" :loading="tableLoadings"
:pagination="false">
<template #action="{ record, column }"> <template #action="{ record, column }">
<a-button v-if="checkMenu('lecturerSummaryCancel')" type="link" @click="handleDetail(record)">撤回</a-button> <a-button v-if="checkMenu('lecturerSummaryCancel')" type="link"
@click="handleDetail(record)">撤回</a-button>
</template> </template>
</a-table> </a-table>
<!-- <div :style="{ <!-- <div :style="{
@@ -155,50 +164,50 @@
</a-button> </a-button>
</div> --> </div> -->
</div> </div>
</a-drawer> </a-drawer>
</div> </div>
</a-drawer> </a-drawer>
</template> </template>
<script lang="jsx"> <script lang="jsx">
import { reactive, toRefs, ref, watch,computed } from "vue"; import { reactive, toRefs, ref, watch, computed } from "vue";
import { useStore } from "vuex"; import { useStore } from "vuex";
import { useRouter,useRoute } from "vue-router"; import { useRouter, useRoute } from "vue-router";
import { import {
UploadOutlined, UploadOutlined,
} from '@ant-design/icons-vue'; } from '@ant-design/icons-vue';
import { getPayRollPlace,expenseSummaryById ,removeBySummaryId,removeBySummaryDetailId,queryDetailId} from "../../api/Lecturer"; import { getPayRollPlace, expenseSummaryById, removeBySummaryId, removeBySummaryDetailId, queryDetailId } from "../../api/Lecturer";
import { getOrganization } from "../../api/Teaching"; import { getOrganization } from "../../api/Teaching";
import ProjectManager from "@/components/project/ProjectManagerNew"; import ProjectManager from "@/components/project/ProjectManagerNew";
import {queryTeacherFeeMonthly} from "../../api/lecturerFeeStatistics"; import { queryTeacherFeeMonthly } from "../../api/lecturerFeeStatistics";
import {CostDetails} from "../lecturer/CostDetails.vue" import { CostDetails } from "../lecturer/CostDetails.vue"
// import * as api from '@/api/Lecturer' // import * as api from '@/api/Lecturer'
import dialog from '@/utils/dialog' import dialog from '@/utils/dialog'
import {message} from 'ant-design-vue' import { message } from 'ant-design-vue'
import { checkMenu } from '@/utils/utils' import { checkMenu } from '@/utils/utils'
export default { export default {
name: "MonthlyStatistics", name: "MonthlyStatistics",
components: { components: {
UploadOutlined,//图标--导出, UploadOutlined,//图标--导出,
ProjectManager,CostDetails ProjectManager, CostDetails
}, },
props:{ props: {
visible:{ visible: {
type: Boolean, type: Boolean,
default: false, default: false,
}, },
id:{ id: {
type: String, type: String,
default: "" default: ""
}, },
}, },
setup(props,emits) { setup(props, emits) {
const router=useRouter(); const router = useRouter();
const route = useRoute(); const route = useRoute();
const { query: { id }} = useRoute(); const { query: { id } } = useRoute();
const state = reactive({ const state = reactive({
tableLoading: false, tableLoading: false,
tableLoadings: false, tableLoadings: false,
opendrawer:false, opendrawer: false,
id, id,
summaryDate: null, summaryDate: null,
resbgTxt: null, resbgTxt: null,
@@ -219,11 +228,11 @@ export default {
name: '', name: '',
payrollPlaceId: null, payrollPlaceId: null,
departId: null, departId: null,
summaryDate:null, summaryDate: null,
id: props.id, id: props.id,
// trainOrgId: '', // trainOrgId: '',
}, },
name:null, name: null,
drawer: { drawer: {
name: '', name: '',
drawersearchdate: [], drawersearchdate: [],
@@ -234,26 +243,26 @@ export default {
} }
}) })
const handleBack = () => { const handleBack = () => {
emits.emit('update:visible',false) emits.emit('update:visible', false)
} }
watch(()=>props.visible,(val)=>{ watch(() => props.visible, (val) => {
if(val){ if (val) {
state.searchParam.id = props.id state.searchParam.id = props.id
getTableDate() getTableDate()
}else{ } else {
state.searchParam = { state.searchParam = {
pageNo: "1", pageNo: "1",
pageSize: "10", pageSize: "10",
name: '', name: '',
payrollPlaceId: null, payrollPlaceId: null,
departId: null, departId: null,
summaryDate:null, summaryDate: null,
id: null, id: null,
} }
} }
}) })
const endOrg = (val) => { const endOrg = (val) => {
if(val){ if (val) {
const parts = val.split('/'); const parts = val.split('/');
// const reversedParts = parts.reverse(); // const reversedParts = parts.reverse();
// return reversedParts.join('/'); // return reversedParts.join('/');
@@ -271,9 +280,9 @@ export default {
ellipsis: true, ellipsis: true,
align: "center", align: "center",
width: 180, width: 180,
customRender: (value)=>{ customRender: (value) => {
return ( return (
<div style="user-select:text">{value.record.name} / {value.record.userNo}</div> <div style="user-select:text">{ value.record.name } / { value.record.userNo }</div>
) )
} }
}, },
@@ -312,8 +321,8 @@ export default {
ellipsis: true, ellipsis: true,
align: "center", align: "center",
width: 140, width: 140,
customRender: ({text})=>{ customRender: ({ text }) => {
return text ? text+'分钟' : '-' return text ? text + '分钟' : '-'
} }
}, },
{ {
@@ -323,8 +332,8 @@ export default {
ellipsis: true, ellipsis: true,
align: "center", align: "center",
width: 140, width: 140,
customRender: ({text})=>{ customRender: ({ text }) => {
return text ? text+'分钟' : '-' return text ? text + '分钟' : '-'
} }
}, },
{ {
@@ -334,8 +343,8 @@ export default {
ellipsis: true, ellipsis: true,
align: "center", align: "center",
width: 120, width: 120,
customRender: ({text})=>{ customRender: ({ text }) => {
return text ? text+'分钟' : '-' return text ? text + '分钟' : '-'
} }
}, },
{ {
@@ -345,8 +354,8 @@ export default {
ellipsis: true, ellipsis: true,
align: "center", align: "center",
width: 120, width: 120,
customRender: ({text})=>{ customRender: ({ text }) => {
return text ? text+'元' : '-' return text ? text + '元' : '-'
} }
}, },
{ {
@@ -356,9 +365,9 @@ export default {
ellipsis: true, ellipsis: true,
align: "center", align: "center",
width: 120, width: 120,
customCell:(text)=>{return{style:{color:colorSet(text)}}}, customCell: (text) => { return { style: { color: colorSet(text) } } },
customRender: ({text})=>{ customRender: ({ text }) => {
return text ? text+'元' : '-' return text ? text + '元' : '-'
} }
}, },
{ {
@@ -376,7 +385,7 @@ export default {
const tableData = ref([ const tableData = ref([
]) ])
const colorSet = (val) => { const colorSet = (val) => {
if(val.payableExpense!=val.expense){ if (val.payableExpense != val.expense) {
return 'red' return 'red'
} }
} }
@@ -417,7 +426,7 @@ export default {
tableData.value = res.data.data.records tableData.value = res.data.data.records
state.tableDataTotal = Number(res.data.data.total); state.tableDataTotal = Number(res.data.data.total);
state.tableLoading = false state.tableLoading = false
}).catch(err=>{ }).catch(err => {
state.tableLoading = false state.tableLoading = false
message.error(err.data.msg) message.error(err.data.msg)
}) })
@@ -448,7 +457,7 @@ export default {
getOrganizationLista() getOrganizationLista()
//表格内查看数据操作 //表格内查看数据操作
const handleLook = (record) => { const handleLook = (record) => {
state.drawer={ state.drawer = {
name: '', name: '',
drawersearchdate: [], drawersearchdate: [],
pageNo: '1', pageNo: '1',
@@ -457,22 +466,22 @@ export default {
startTime: '', startTime: '',
id: record.id, id: record.id,
} }
state.opendrawer=true state.opendrawer = true
searchSubmitdrawer() searchSubmitdrawer()
} }
const handleLess = (record) => { const handleLess = (record) => {
dialog({ dialog({
content: '是否确认撤回 ?', content: '是否确认撤回 ?',
ok:()=>{ ok: () => {
removeBySummaryId({summaryId:record.id}).then(res=>{ removeBySummaryId({ summaryId: record.id }).then(res => {
if(res.data.code == 200){ if (res.data.code == 200) {
message.success('撤回成功') message.success('撤回成功')
emits.emit('tableList',true) emits.emit('tableList', true)
searchSubmit() searchSubmit()
}else{ } else {
message.error(res.data.msg) message.error(res.data.msg)
} }
}).catch(err=>{ }).catch(err => {
message.error(err.data.msg) message.error(err.data.msg)
}) })
} }
@@ -481,17 +490,17 @@ export default {
const handleDetail = (record) => { const handleDetail = (record) => {
dialog({ dialog({
content: '是否确认撤回 ?', content: '是否确认撤回 ?',
ok:()=>{ ok: () => {
removeBySummaryDetailId({detailId:record.detailId}).then(res=>{ removeBySummaryDetailId({ detailId: record.detailId }).then(res => {
if(res.data.code == 200){ if (res.data.code == 200) {
message.success('撤回成功') message.success('撤回成功')
emits.emit('tableList',true) emits.emit('tableList', true)
searchSubmit() searchSubmit()
searchSubmitdrawer() searchSubmitdrawer()
}else{ } else {
message.error(res.data.msg) message.error(res.data.msg)
} }
}).catch(err=>{ }).catch(err => {
message.destroy() message.destroy()
message.error(err.data.msg) message.error(err.data.msg)
}) })
@@ -499,11 +508,11 @@ export default {
}) })
} }
const searchTimeChange = (e) => { const searchTimeChange = (e) => {
console.log(e,'eeeee') console.log(e, 'eeeee')
if(e){ if (e) {
state.drawer.startTime = e[0] state.drawer.startTime = e[0]
state.drawer.endTime = e[1] state.drawer.endTime = e[1]
}else{ } else {
state.drawer.startTime = '' state.drawer.startTime = ''
state.drawer.endTime = '' state.drawer.endTime = ''
} }
@@ -512,7 +521,7 @@ export default {
const pagination = computed(() => ({ const pagination = computed(() => ({
total: state.tableDataTotal, total: state.tableDataTotal,
showSizeChanger: true, showSizeChanger: true,
showQuickJumper:true, showQuickJumper: true,
current: state.searchParam.pageNo, current: state.searchParam.pageNo,
pageSize: state.searchParam.pageSize, pageSize: state.searchParam.pageSize,
onChange: changePagination, onChange: changePagination,
@@ -534,18 +543,18 @@ export default {
pageNo: "1", pageNo: "1",
pageSize: "10", pageSize: "10",
id: props.id, id: props.id,
name : '', name: '',
payrollPlaceId: null, payrollPlaceId: null,
departId: '', departId: '',
summaryDate:'', summaryDate: '',
// trainOrgId: '', // trainOrgId: '',
}; };
getTableDate(); getTableDate();
}; };
//二级页面重置 //二级页面重置
const searchResetdrawer =()=>{ const searchResetdrawer = () => {
const id = state.drawer.id const id = state.drawer.id
state.drawer={ state.drawer = {
name: '', name: '',
drawersearchdate: [], drawersearchdate: [],
pageNo: '1', pageNo: '1',
@@ -557,7 +566,7 @@ export default {
searchSubmitdrawer() searchSubmitdrawer()
} }
//二级页面查询 //二级页面查询
const searchSubmitdrawer=()=>{ const searchSubmitdrawer = () => {
state.tableLoadings = true state.tableLoadings = true
const params = { const params = {
summaryId: state.drawer.id, summaryId: state.drawer.id,
@@ -565,8 +574,8 @@ export default {
endTime: state.drawer.endTime, endTime: state.drawer.endTime,
startTime: state.drawer.startTime, startTime: state.drawer.startTime,
} }
queryDetailId(params).then(res=>{ queryDetailId(params).then(res => {
console.log(res,'resss') console.log(res, 'resss')
tableDatas.value = res.data.data tableDatas.value = res.data.data
state.tableLoadings = false state.tableLoadings = false
}) })
@@ -583,7 +592,7 @@ export default {
customRender: (value) => { customRender: (value) => {
return ( return (
<div style="user-select: text"> <div style="user-select: text">
{value.record?.name} / {value.record?.userNo} { value.record?.name } / { value.record?.userNo }
</div> </div>
); );
}, },
@@ -602,7 +611,7 @@ export default {
key: 'courseName', key: 'courseName',
ellipsis: true, align: "center", ellipsis: true, align: "center",
width: 160, width: 160,
customCell:()=>{return{style:{userSelect: 'text'}}} customCell: () => { return { style: { userSelect: 'text' } } }
}, },
{ {
title: '培训发生组织 ', title: '培训发生组织 ',
@@ -610,7 +619,7 @@ export default {
key: 'trainOrgName', key: 'trainOrgName',
ellipsis: true, align: "center", ellipsis: true, align: "center",
width: 160, width: 160,
customCell:()=>{return{style:{userSelect: 'text'}}} customCell: () => { return { style: { userSelect: 'text' } } }
}, },
{ {
title: '课程类型 ', title: '课程类型 ',
@@ -621,7 +630,7 @@ export default {
customRender: (value) => { customRender: (value) => {
return ( return (
<div> <div>
{String(value.record.courseType) { String(value.record.courseType)
? { ? {
"0": "在线课", "0": "在线课",
"1": "面授课", "1": "面授课",
@@ -629,7 +638,7 @@ export default {
"3": "作业员入模培训", "3": "作业员入模培训",
"4": "其他", "4": "其他",
}[value.record.courseType + ""] }[value.record.courseType + ""]
: "-"} : "-" }
</div> </div>
) )
} }
@@ -640,8 +649,8 @@ export default {
key: 'teachingTime', key: 'teachingTime',
ellipsis: true, align: "center", ellipsis: true, align: "center",
width: 120, width: 120,
customRender: ({text})=>{ customRender: ({ text }) => {
return text ? text+'分钟' : '-' return text ? text + '分钟' : '-'
} }
}, },
{ {
@@ -682,8 +691,8 @@ export default {
key: 'levelPay', key: 'levelPay',
ellipsis: true, align: "center", ellipsis: true, align: "center",
width: 100, width: 100,
customRender: ({text})=>{ customRender: ({ text }) => {
return text||text==0 ? text+'元' : '-' return text || text == 0 ? text + '元' : '-'
} }
}, },
{ {
@@ -693,8 +702,8 @@ export default {
ellipsis: true, ellipsis: true,
align: "center", align: "center",
width: 100, width: 100,
customRender: ({text})=>{ customRender: ({ text }) => {
return text ? text+'元' : '-' return text ? text + '元' : '-'
} }
}, },
{ {
@@ -704,9 +713,9 @@ export default {
ellipsis: true, ellipsis: true,
align: "center", align: "center",
width: 100, width: 100,
customCell:(text)=>{return{style:{color:colorSet(text)}}}, customCell: (text) => { return { style: { color: colorSet(text) } } },
customRender: ({text})=>{ customRender: ({ text }) => {
return text ? text+'元' : '-' return text ? text + '元' : '-'
} }
}, },
{ {
@@ -724,7 +733,7 @@ export default {
const cancelTeachingDialog = () => { const cancelTeachingDialog = () => {
state.opendrawer = false state.opendrawer = false
state.drawer={ state.drawer = {
name: '', name: '',
drawersearchdate: [], drawersearchdate: [],
pageNo: '1', pageNo: '1',
@@ -735,12 +744,12 @@ export default {
}; };
//回车 //回车
const enterPressHadlerSearch = e => { const enterPressHadlerSearch = e => {
  console.log("e",e); console.log("e", e);
    if (e.keyCode === 13) { if (e.keyCode === 13) {
      searchSubmit() searchSubmit()
    } }
}; };
return { return {
...toRefs(state), ...toRefs(state),
tableDatas, tableDatas,
@@ -774,7 +783,7 @@ export default {
}, },
}; };
</script> </script>
<style lang="scss" scoped > <style lang="scss" scoped>
.MonthlyStatistics { .MonthlyStatistics {
.header { .header {
padding: 0px 32px; padding: 0px 32px;
@@ -795,6 +804,7 @@ export default {
// margin-left: 24px; // margin-left: 24px;
} }
} }
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
@@ -804,6 +814,7 @@ export default {
margin-left: 38px; margin-left: 38px;
margin-right: 38px; margin-right: 38px;
margin-top: 30px; margin-top: 30px;
// display: flex; // display: flex;
// justify-content: space-between; // justify-content: space-between;
// flex-wrap: wrap; // flex-wrap: wrap;
@@ -813,9 +824,11 @@ export default {
} }
} }
} }
.select .ant-picker { .select .ant-picker {
width: 410px !important; width: 410px !important;
} }
.headers { .headers {
height: 73px; height: 73px;
border-bottom: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;
@@ -834,6 +847,7 @@ export default {
// margin-left: 24px; // margin-left: 24px;
} }
} }
.addTimeBox { .addTimeBox {
position: relative; position: relative;
display: flex; display: flex;
@@ -1158,13 +1172,16 @@ export default {
border-radius: 8px; border-radius: 8px;
margin-right: 20px margin-right: 20px
} }
::v-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector{
::v-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector {
// border-radius:8px; // border-radius:8px;
height:32px; height: 32px;
} }
.ant-col-12{
height:90px; .ant-col-12 {
height: 90px;
} }
.goback { .goback {
float: right; float: right;
padding-right: 70px; padding-right: 70px;
@@ -1187,24 +1204,28 @@ export default {
color: #4ea6ff; color: #4ea6ff;
font-size: 14px; font-size: 14px;
} }
}
tableBox {
padding-bottom: 20px;
margin: 20px 38px 30px;
::v-deep .ant-select-dropdown{
display: inline-block;
} }
::v-deep .ant-select-selection-item{
margin-left: 3px;
}
::v-deep .ant-pagination-options-size-changer.ant-select{
width: 84px;
}
.pa {
width: 100%;
display: flex;
justify-content: right;
}
}
</style>
tableBox {
padding-bottom: 20px;
margin: 20px 38px 30px;
::v-deep .ant-select-dropdown {
display: inline-block;
}
::v-deep .ant-select-selection-item {
margin-left: 3px;
}
::v-deep .ant-pagination-options-size-changer.ant-select {
width: 84px;
}
.pa {
width: 100%;
display: flex;
justify-content: right;
}
}
</style>