|
@@ -16,31 +16,15 @@
|
|
|
<a-input placeholder="请输入日薪资倍数" v-model="queryParam.sum"></a-input>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
- <!-- <a-col :xl="6" :lg="7" :md="8" :sm="24">
|
|
|
- <a-form-item label="假期开始时间">
|
|
|
- <a-input placeholder="请输入假期开始时间" v-model="queryParam.startDate"></a-input>
|
|
|
- </a-form-item>
|
|
|
- </a-col> -->
|
|
|
- <!-- <template v-if="toggleSearchStatus">
|
|
|
- <a-col :xl="6" :lg="7" :md="8" :sm="24">
|
|
|
- <a-form-item label="假期结束时间">
|
|
|
- <a-input placeholder="请输入假期结束时间" v-model="queryParam.endDate"></a-input>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :xl="6" :lg="7" :md="8" :sm="24">
|
|
|
- <a-form-item label="日薪资倍数">
|
|
|
- <a-input placeholder="请输入日薪资倍数" v-model="queryParam.sum"></a-input>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </template> -->
|
|
|
+
|
|
|
<a-col :xl="6" :lg="7" :md="8" :sm="24">
|
|
|
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
|
|
|
<a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
|
|
|
<a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
|
|
|
- <a @click="handleToggleSearch" style="margin-left: 8px">
|
|
|
+ <!-- <a @click="handleToggleSearch" style="margin-left: 8px">
|
|
|
{{ toggleSearchStatus ? '收起' : '展开' }}
|
|
|
- <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
|
|
|
- </a>
|
|
|
+ <a-icon :type="toggleSearchStatus ? 'up' : 'down'" />
|
|
|
+ </a> -->
|
|
|
</span>
|
|
|
</a-col>
|
|
|
|
|
@@ -51,43 +35,42 @@
|
|
|
<!-- 操作按钮区域 -->
|
|
|
<div class="table-operator">
|
|
|
<a-button @click="handleAdd" type="primary" icon="plus" v-has="'leave:add'">新增</a-button>
|
|
|
- <!-- <a-button type="primary" icon="download" @click="handleExportXls('法定假期')">导出</a-button>
|
|
|
- <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
|
|
|
+ <a-button type="primary" icon="download" @click="handleExportXls('法定假期')">导出</a-button>
|
|
|
+ <!--<a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
|
|
|
<a-button type="primary" icon="import">导入</a-button>
|
|
|
</a-upload> -->
|
|
|
<a-dropdown v-if="selectedRowKeys.length > 0">
|
|
|
<a-menu slot="overlay" v-has="'leave:delete'">
|
|
|
- <a-menu-item key="1" @click="batchDel"><a-icon type="delete" />删除</a-menu-item>
|
|
|
+ <a-menu-item key="1" @click="batchDel">
|
|
|
+ <a-icon type="delete" />删除
|
|
|
+ </a-menu-item>
|
|
|
</a-menu>
|
|
|
- <a-button style="margin-left: 8px"> 批量操作 <a-icon type="down" /></a-button>
|
|
|
+ <a-button style="margin-left: 8px"> 批量操作
|
|
|
+ <a-icon type="down" />
|
|
|
+ </a-button>
|
|
|
</a-dropdown>
|
|
|
</div>
|
|
|
|
|
|
<!-- table区域-begin -->
|
|
|
<div>
|
|
|
<div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
|
|
|
- <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项
|
|
|
+ <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a
|
|
|
+ style="font-weight: 600">{{ selectedRowKeys.length }}</a>项
|
|
|
<a style="margin-left: 24px" @click="onClearSelected">清空</a>
|
|
|
</div>
|
|
|
|
|
|
- <a-table
|
|
|
- ref="table"
|
|
|
- size="middle"
|
|
|
- bordered
|
|
|
- rowKey="id"
|
|
|
- :columns="columns"
|
|
|
- :dataSource="dataSource"
|
|
|
- :pagination="ipagination"
|
|
|
- :loading="loading"
|
|
|
- class="j-table-force-nowrap"
|
|
|
- @change="handleTableChange">
|
|
|
+ <a-table ref="table" size="middle" bordered rowKey="id" :columns="columns" :dataSource="dataSource"
|
|
|
+ :pagination="ipagination" :loading="loading" class="j-table-force-nowrap" @change="handleTableChange"
|
|
|
+ :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}">
|
|
|
|
|
|
<span slot="action" slot-scope="text, record">
|
|
|
<a @click="handleEdit(record)" v-has="'leave:edit'">编辑</a>
|
|
|
|
|
|
<a-divider type="vertical" />
|
|
|
<a-dropdown>
|
|
|
- <a class="ant-dropdown-link">更多 <a-icon type="down" /></a>
|
|
|
+ <a class="ant-dropdown-link">更多
|
|
|
+ <a-icon type="down" />
|
|
|
+ </a>
|
|
|
<a-menu slot="overlay" v-has="'leave:delete'">
|
|
|
<a-menu-item>
|
|
|
<a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
|
|
@@ -110,15 +93,17 @@
|
|
|
<script>
|
|
|
import '@/assets/less/TableExpand.less'
|
|
|
import StatutoryLeaveModal from './modules/StatutoryLeaveModal'
|
|
|
- import { JeecgListMixin } from '@/mixins/JeecgListMixin'
|
|
|
-import moment from "moment"
|
|
|
+ import {
|
|
|
+ JeecgListMixin
|
|
|
+ } from '@/mixins/JeecgListMixin'
|
|
|
+ import moment from "moment"
|
|
|
export default {
|
|
|
name: "StatutoryLeaveList",
|
|
|
- mixins:[JeecgListMixin],
|
|
|
+ mixins: [JeecgListMixin],
|
|
|
components: {
|
|
|
StatutoryLeaveModal
|
|
|
},
|
|
|
- data () {
|
|
|
+ data() {
|
|
|
return {
|
|
|
description: '法定假期管理页面',
|
|
|
// 表头
|
|
@@ -133,70 +118,66 @@ import moment from "moment"
|
|
|
// return parseInt(index)+1;
|
|
|
// }
|
|
|
// },
|
|
|
- {
|
|
|
+ {
|
|
|
title: '假期名称',
|
|
|
- align:"center",
|
|
|
+ align: "center",
|
|
|
dataIndex: 'name'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '类型',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'type',
|
|
|
- customRender:function(t,r,index){
|
|
|
- var name="休";
|
|
|
- if(t!=null&&t=="1"){
|
|
|
- name="班"
|
|
|
- }
|
|
|
- return name;
|
|
|
- }
|
|
|
- },
|
|
|
- {
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '类型',
|
|
|
+ align: "center",
|
|
|
+ dataIndex: 'type',
|
|
|
+
|
|
|
+ },
|
|
|
+ {
|
|
|
title: '假期开始时间',
|
|
|
- align:"center",
|
|
|
+ align: "center",
|
|
|
dataIndex: 'startDate',
|
|
|
- customRender:function(t,r,index){
|
|
|
+ customRender: function(t, r, index) {
|
|
|
return moment(t).format('YYYY-MM-DD');
|
|
|
}
|
|
|
- },
|
|
|
- {
|
|
|
+ },
|
|
|
+ {
|
|
|
title: '假期结束时间',
|
|
|
- align:"center",
|
|
|
+ align: "center",
|
|
|
dataIndex: 'endDate',
|
|
|
- customRender:function(t,r,index){
|
|
|
+ customRender: function(t, r, index) {
|
|
|
return moment(t).format('YYYY-MM-DD');
|
|
|
}
|
|
|
- },
|
|
|
- {
|
|
|
+ },
|
|
|
+ {
|
|
|
title: '日薪资倍数',
|
|
|
- align:"center",
|
|
|
+ align: "center",
|
|
|
dataIndex: 'sum'
|
|
|
- },
|
|
|
+ },
|
|
|
{
|
|
|
title: '操作',
|
|
|
dataIndex: 'action',
|
|
|
- align:"center",
|
|
|
- scopedSlots: { customRender: 'action' },
|
|
|
+ align: "center",
|
|
|
+ scopedSlots: {
|
|
|
+ customRender: 'action'
|
|
|
+ },
|
|
|
}
|
|
|
],
|
|
|
- url: {
|
|
|
+ url: {
|
|
|
list: "/statutoryleave/statutoryLeave/list",
|
|
|
delete: "/statutoryleave/statutoryLeave/delete",
|
|
|
deleteBatch: "/statutoryleave/statutoryLeave/deleteBatch",
|
|
|
exportXlsUrl: "statutoryleave/statutoryLeave/exportXls",
|
|
|
importExcelUrl: "statutoryleave/statutoryLeave/importExcel",
|
|
|
- },
|
|
|
- }
|
|
|
- },
|
|
|
- computed: {
|
|
|
- importExcelUrl: function(){
|
|
|
- return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
|
|
|
- }
|
|
|
- },
|
|
|
+ },
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ importExcelUrl: function() {
|
|
|
+ return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
|
|
|
+ }
|
|
|
+ },
|
|
|
methods: {
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
<style scoped>
|
|
|
@import '~@assets/less/common.less';
|
|
|
-</style>
|
|
|
+</style>
|