From 4bb7defa0409584f5f60bc8b582123a3bdd6690c Mon Sep 17 00:00:00 2001
From: lzhe <lzhe@example.com>
Date: 星期日, 16 六月 2024 00:11:27 +0800
Subject: [PATCH] 1
---
src/views/master/time/day-off/index.vue | 130 +++++++++++++++++++++++++------------------
1 files changed, 75 insertions(+), 55 deletions(-)
diff --git a/src/views/master/time/day-off/index.vue b/src/views/master/time/day-off/index.vue
index e14c4a3..53d23b3 100644
--- a/src/views/master/time/day-off/index.vue
+++ b/src/views/master/time/day-off/index.vue
@@ -1,58 +1,63 @@
<!--
* @Date: 2024-04-07 20:43:26
* @LastEditors: Sneed
- * @LastEditTime: 2024-04-07 22:50:04
+ * @LastEditTime: 2024-04-13 22:13:40
* @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/master/time/day-off/index.vue
-->
<template>
- <el-container>
- <el-header>
- <el-button :disabled="selections.length == 0">
- 鍒犻櫎
- </el-button>
- <el-button @click="table_add">
- 鍒涘缓
- </el-button>
- <el-select style="width: 200px;margin-left: auto;" v-model="year">
- <el-option v-for="(item, index) in years" :key="index" :label="item" :value="item"></el-option>
- </el-select>
- <el-date-picker style="width: 200px;flex: 0 0 auto;margin-left: 8px;" v-model="date" type="daterange"
- range-separator="鑷�" start-placeholder="寮�濮�" end-placeholder="缁撴潫" />
- </el-header>
- <el-main>
- <scTable highlight-current-row @dataChange="dataChange" @row-click="rowClick" ref="table" :params="params"
- :apiObj="apiObj" @selection-change="selectionChange" stripe>
- <el-table-column type="selection" width="50"></el-table-column>
- <el-table-column label="鎵�灞炲勾浠�" prop="year"></el-table-column>
- <el-table-column label="鏃ユ湡" prop="startOffDay">
- <template #default="scope">
- <span>{{ scope.row.startOffDay }}-{{ scope.row.endOffDay }}</span>
- </template>
- </el-table-column>
- <el-table-column label="浼戞伅鏃ヨ鏄�" prop="remark"></el-table-column>
- <el-table-column label="鎿嶄綔" fixed="right" align="right" width="160">
- <template #default="scope">
- <el-button-group>
- <el-button text type="primary" size="small"
- @click="table_edit(scope.row, scope.$index)">缂栬緫</el-button>
- <el-popconfirm title="纭畾鍒犻櫎鍚楋紵" @confirm="table_del(scope.row, scope.$index, '0')">
- <template #reference>
- <el-button text type="primary" size="small">鍒犻櫎</el-button>
- </template>
- </el-popconfirm>
- </el-button-group>
- </template>
- </el-table-column>
- </scTable>
- </el-main>
- <Dialog @success="success" ref="dialog" :option="{
- years
- }"></Dialog>
- </el-container>
+ <el-main>
+ <el-card shadow="never">
+ <el-container>
+ <el-header>
+ <el-button :disabled="selections.length == 0" @click="dels">
+ 鍒犻櫎
+ </el-button>
+ <el-button @click="table_add">
+ 鍒涘缓
+ </el-button>
+ <el-select style="width: 200px;margin-left: auto;" v-model="year" @change="query">
+ <el-option v-for="(item, index) in years" :key="index" :label="item" :value="item"></el-option>
+ </el-select>
+ <el-date-picker @change="query" style="width: 300px;flex: 0 0 auto;margin-left: 8px;"
+ v-model="date" type="daterange" range-separator="鑷�" start-placeholder="寮�濮�" end-placeholder="缁撴潫"
+ value-format="YYYY-MM-DD" />
+ </el-header>
+ <el-main>
+ <scTable highlight-current-row ref="table" :params="{}" :apiObj="apiObj"
+ @selection-change="selectionChange" stripe>
+ <el-table-column type="selection" width="50"></el-table-column>
+ <el-table-column label="鎵�灞炲勾浠�" prop="year"></el-table-column>
+ <el-table-column label="鏃ユ湡" prop="startOffDay">
+ <template #default="scope">
+ <span>{{ scope.row.startOffDay }}-{{ scope.row.endOffDay }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column label="浼戞伅鏃ヨ鏄�" prop="remark"></el-table-column>
+ <el-table-column label="鎿嶄綔" fixed="right" align="right" width="160">
+ <template #default="scope">
+ <el-button-group>
+ <el-button text type="primary" size="small"
+ @click="table_edit(scope.row, scope.$index)">缂栬緫</el-button>
+ <el-popconfirm title="纭畾鍒犻櫎鍚楋紵" @confirm="table_del(scope.row, scope.$index, '0')">
+ <template #reference>
+ <el-button text type="primary" size="small">鍒犻櫎</el-button>
+ </template>
+ </el-popconfirm>
+ </el-button-group>
+ </template>
+ </el-table-column>
+ </scTable>
+ </el-main>
+ <Dialog @success="success" ref="dialog" :option="{
+ years
+ }"></Dialog>
+ </el-container>
+ </el-card>
+ </el-main>
</template>
<script>
-import Dialog from './Dialog.vue'
+import Dialog from './Dialog.vue'
export default {
components: {
Dialog
@@ -61,7 +66,7 @@
return {
year: '',
date: '',
- apiObj: '',
+ apiObj: '',
selections: [],
years: []
}
@@ -74,23 +79,38 @@
}
this.years = years;
this.apiObj = this.$API.time.getList
+ this.year = new Date().getFullYear()
+ this.date = [`${this.year}-01-01`, `${this.year}-12-31`]
},
methods: {
- table_add () {
+ table_add() {
this.$refs.dialog.open()
},
- table_edit (row) {
+ table_edit(row) {
this.$refs.dialog.open('edit', row)
},
- table_del () {
+ query() {
+ this.$refs.table.reload({
+ year: this.year,
+ startOffDay: this.date[0] || '',
+ endOffDay: this.date[1] || ''
+ })
},
- dataChange () {},
- rowClick () {},
- selectionChange (selections) {
+ table_del(row) {
+ this.$API.time.remove.delete([row.id]).then(res => {
+ this.query()
+ })
+ },
+ dels() {
+ this.$API.time.remove.delete([...this.selections.map(item => item.id)]).then(res => {
+ this.query()
+ })
+ },
+ selectionChange(selections) {
this.selections = selections
},
- success () {
- this.$refs.table.reload()
+ success() {
+ this.query()
}
}
}
--
Gitblit v1.9.3