完善休息日

gaoshp

2024-04-08 3aa4bac11ba6312db65459ce24810d13a63e3314

完善休息日

 package.json

@@ -4,6 +4,7 @@
    "private": true,
    "scripts": {
        "serve": "vue-cli-service serve",
        "start": "vue-cli-service serve",
        "build": "vue-cli-service build --report",
        "lint": "vue-cli-service lint"
    },

 src/api/model/time.js

@@ -1,3 +1,9 @@
/*
 * @Date: 2024-04-07 21:49:32
 * @LastEditors: gaoshp
 * @LastEditTime: 2024-04-08 14:58:49
 * @FilePath: /cps-web/src/api/model/time.js
 */
import config from "@/config"
import http from "@/utils/request"

@@ -6,7 +12,7 @@
        url: `${config.API_URL}/blade-cps/shift-off-day/page`,
        name: "获取休息日列表",
        get: async function(params){
            return await http.post(this.url, params);
            return await http.post(this.url, params, {params});
        },
        getUrl () {
            return this.url
@@ -28,5 +34,13 @@
        },
        
    },
    remove: {
        url: `${config.API_URL}/blade-cps/shift-off-day/remove`,
        name: "删除休息日",
        delete: async function(params){
            return await http.delete(this.url, {},{data: params});
        },
		
    },

}

 src/components/scTable/index.vue

@@ -3,8 +3,8 @@
 * @version: 1.10
 * @Author: sakuya
 * @Date: 2021年11月29日21:51:15
 * @LastEditors: sakuya
 * @LastEditTime: 2022年6月4日17:35:26
 * @LastEditors: gaoshp
 * @LastEditTime: 2024-04-08 14:47:10
-->

<template>

 src/views/master/time/day-off/Dialog.vue

@@ -1,24 +1,24 @@
<template>
    <el-dialog :title="titleMap[mode]" v-model="visible" :width="800" destroy-on-close @closed="$emit('closed')">
    <el-dialog :title="titleMap[mode]" v-model="visible" :width="450" destroy-on-close @closed="$emit('closed')">
        <el-form :model="form" :rules="rules" :disabled="mode == 'show'" ref="dialogForm" label-width="120px"
            label-position="center">
            <el-row>
                <el-col :span="13">
                <el-col :span="24">
                    <el-form-item label="年份" prop="year">
                        <el-select style="width: 240px;" v-model="form.year">
                        <el-select style="width: 100%;" v-model="form.year">
                            <el-option v-for="(item, index) in option.years" :key="index" :label="item" :value="item"></el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="13">
                <el-col :span="24">
                    <el-form-item label="日期" prop="date">
                        <el-date-picker value-format="YYYY-MM-DD" style="width: 240px;" v-model="form.date" type="daterange"
                range-separator="至" start-placeholder="开始" end-placeholder="结束" />
                    </el-form-item>
                </el-col>
                <el-col :span="13">
                <el-col :span="24">
                    <el-form-item label="备注"  prop="remark">
                        <el-input style="width: 240px;" v-model="form.remark" type="textarea"></el-input>
                        <el-input style="width: 100%;" v-model="form.remark" type="textarea"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>

 src/views/master/time/day-off/index.vue

@@ -1,26 +1,26 @@
<!--
 * @Date: 2024-04-07 20:43:26
 * @LastEditors: Sneed
 * @LastEditTime: 2024-04-07 22:50:04
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/master/time/day-off/index.vue
 * @LastEditors: gaoshp
 * @LastEditTime: 2024-04-08 15:02:14
 * @FilePath: /cps-web/src/views/master/time/day-off/index.vue
-->
<template>
    <el-container>
        <el-header>
            <el-button :disabled="selections.length ==  0">
            <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">
            <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 style="width: 200px;flex: 0  0 auto;margin-left: 8px;" v-model="date" type="daterange"
                range-separator="至" start-placeholder="开始" end-placeholder="结束" />
            <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 @dataChange="dataChange" @row-click="rowClick" ref="table" :params="params"
            <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>
@@ -74,6 +74,8 @@
        }
        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 () {
@@ -82,15 +84,28 @@
        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 () {},
        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()
            this.query()
        }
    }
}