|
@@ -12,7 +12,30 @@
|
|
|
<el-divider></el-divider>
|
|
<el-divider></el-divider>
|
|
|
<!--
|
|
<!--
|
|
|
要resetFields起作用,必须配置:model和prop
|
|
要resetFields起作用,必须配置:model和prop
|
|
|
- -->
|
|
|
|
|
|
|
+ -->
|
|
|
|
|
+ <el-form ref="queryForm" :model="queryModel" inline class="demo-form-inline">
|
|
|
|
|
+ <el-form-item label="单位" prop="companyId">
|
|
|
|
|
+ <el-select-tree
|
|
|
|
|
+ :props="props"
|
|
|
|
|
+ aria-setsize="mini"
|
|
|
|
|
+ :options="companyResult"
|
|
|
|
|
+ v-model="queryModel.companyId"
|
|
|
|
|
+ height="200"
|
|
|
|
|
+ ></el-select-tree>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="假日名称" prop="companyId">
|
|
|
|
|
+ <el-input type="text" size="mini" v-model="queryModel.holidayName"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item>
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ size="mini"
|
|
|
|
|
+ icon="ios-search"
|
|
|
|
|
+ @click="changePage(1)"
|
|
|
|
|
+ :loading="loading"
|
|
|
|
|
+ >查询</el-button>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-form>
|
|
|
<el-divider></el-divider>
|
|
<el-divider></el-divider>
|
|
|
<el-row class="button-group">
|
|
<el-row class="button-group">
|
|
|
<el-button type="primary" size="small" plain icon="el-icon-circle-plus" @click="handleAdd">新增</el-button>
|
|
<el-button type="primary" size="small" plain icon="el-icon-circle-plus" @click="handleAdd">新增</el-button>
|
|
@@ -34,8 +57,9 @@
|
|
|
@selection-change="handleSelectionChange"
|
|
@selection-change="handleSelectionChange"
|
|
|
>
|
|
>
|
|
|
<el-table-column type="selection" width="55"></el-table-column>
|
|
<el-table-column type="selection" width="55"></el-table-column>
|
|
|
- <el-table-column prop="holidayName" label="节假日名称" width="220" fixed="left"></el-table-column>
|
|
|
|
|
- <el-table-column prop="beginDate" label="开始日期" show-overflow-tooltip width="150"></el-table-column>
|
|
|
|
|
|
|
+ <el-table-column prop="companyName" label="单位名称" width="220"></el-table-column>
|
|
|
|
|
+ <el-table-column prop="holidayName" label="节假日名称" width="220"></el-table-column>
|
|
|
|
|
+ <el-table-column prop="beginDate" label="开始日期" width="150"></el-table-column>
|
|
|
<el-table-column prop="endDate" label="结束日期" width="150"></el-table-column>
|
|
<el-table-column prop="endDate" label="结束日期" width="150"></el-table-column>
|
|
|
<el-table-column prop="working" label="是否需要上班" width="120">
|
|
<el-table-column prop="working" label="是否需要上班" width="120">
|
|
|
<template slot-scope="{row}">
|
|
<template slot-scope="{row}">
|
|
@@ -72,6 +96,7 @@ import Constant from "@/constant";
|
|
|
import holidayInfoDetail from "./holidayInfo-detail";
|
|
import holidayInfoDetail from "./holidayInfo-detail";
|
|
|
import holidayInfoApi from "@/api/base/holidayInfo";
|
|
import holidayInfoApi from "@/api/base/holidayInfo";
|
|
|
import companyInfoApi from "@/api/base/companyInfo";
|
|
import companyInfoApi from "@/api/base/companyInfo";
|
|
|
|
|
+import SelectTree from "@/components/SelectTree";
|
|
|
|
|
|
|
|
import NProgress from "nprogress"; // progress bar
|
|
import NProgress from "nprogress"; // progress bar
|
|
|
import "nprogress/nprogress.css"; // progress bar style
|
|
import "nprogress/nprogress.css"; // progress bar style
|
|
@@ -94,7 +119,11 @@ export default {
|
|
|
multipleSelection: [],
|
|
multipleSelection: [],
|
|
|
showModal: false,
|
|
showModal: false,
|
|
|
modalTitle: "",
|
|
modalTitle: "",
|
|
|
- businessKey: ""
|
|
|
|
|
|
|
+ businessKey: "",
|
|
|
|
|
+ queryModel: {
|
|
|
|
|
+ companyId: "",
|
|
|
|
|
+ holidayName: ""
|
|
|
|
|
+ }
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
@@ -108,6 +137,14 @@ export default {
|
|
|
formData.append("pageIndex", self.pageIndex);
|
|
formData.append("pageIndex", self.pageIndex);
|
|
|
formData.append("pageSize", self.pageSize);
|
|
formData.append("pageSize", self.pageSize);
|
|
|
|
|
|
|
|
|
|
+ if(self.queryModel.companyId!=null){
|
|
|
|
|
+ formData.append("companyId", self.queryModel.companyId);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ if(self.queryModel.holidayName){
|
|
|
|
|
+ formData.append("holidayName", self.queryModel.holidayName);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
if (this.field != null) {
|
|
if (this.field != null) {
|
|
|
formData.append("field", this.field);
|
|
formData.append("field", this.field);
|
|
|
}
|
|
}
|
|
@@ -119,7 +156,7 @@ export default {
|
|
|
.pageList(formData)
|
|
.pageList(formData)
|
|
|
.then(function(response) {
|
|
.then(function(response) {
|
|
|
self.loading = false;
|
|
self.loading = false;
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
var jsonData = response.data.data;
|
|
var jsonData = response.data.data;
|
|
|
|
|
|
|
|
self.tableData = jsonData.data;
|
|
self.tableData = jsonData.data;
|
|
@@ -233,7 +270,8 @@ export default {
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
components: {
|
|
components: {
|
|
|
- "holidayInfo-detail": holidayInfoDetail
|
|
|
|
|
|
|
+ "holidayInfo-detail": holidayInfoDetail,
|
|
|
|
|
+ "el-select-tree": SelectTree
|
|
|
}
|
|
}
|
|
|
};
|
|
};
|
|
|
</script>
|
|
</script>
|