Compare commits
No commits in common. "ecfed2eddfc30a938cf772474f9084e8d7e711c0" and "d3760f5deeca374c7cfb2497eb21ff3571d5fe31" have entirely different histories.
ecfed2eddf
...
d3760f5dee
@ -43,14 +43,6 @@ export function getGroupClassesPage(query) {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
// 获取班组code
|
|
||||||
export function getCode() {
|
|
||||||
return request({
|
|
||||||
url: '/base/group-classes/getCode',
|
|
||||||
method: 'get'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 导出班次基础信息 Excel
|
// 导出班次基础信息 Excel
|
||||||
export function exportGroupClassesExcel(query) {
|
export function exportGroupClassesExcel(query) {
|
||||||
return request({
|
return request({
|
||||||
|
|||||||
@ -43,10 +43,12 @@ export function getGroupTeamPage(query) {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
// 获取班组code
|
// 导出班组基础信息 Excel
|
||||||
export function getCode() {
|
export function exportGroupTeamExcel(query) {
|
||||||
return request({
|
return request({
|
||||||
url: '/base/group-team/getCode',
|
url: '/base/group-team/export-excel',
|
||||||
method: 'get'
|
method: 'get',
|
||||||
|
params: query,
|
||||||
|
responseType: 'blob'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
@ -121,7 +121,7 @@ aside {
|
|||||||
|
|
||||||
//main-container全局样式
|
//main-container全局样式
|
||||||
.app-container {
|
.app-container {
|
||||||
padding: 16px;
|
padding: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.components-container {
|
.components-container {
|
||||||
@ -129,6 +129,10 @@ aside {
|
|||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.pagination-container {
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
.text-center {
|
.text-center {
|
||||||
text-align: center
|
text-align: center
|
||||||
}
|
}
|
||||||
|
|||||||
@ -112,13 +112,13 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/** 表格布局 **/
|
/** 表格布局 **/
|
||||||
// .pagination-container {
|
.pagination-container {
|
||||||
// position: relative;
|
position: relative;
|
||||||
// height: 25px;
|
height: 25px;
|
||||||
// margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
// margin-top: 15px;
|
margin-top: 15px;
|
||||||
// padding: 10px 20px !important;
|
padding: 10px 20px !important;
|
||||||
// }
|
}
|
||||||
|
|
||||||
/* tree border */
|
/* tree border */
|
||||||
.tree-border {
|
.tree-border {
|
||||||
|
|||||||
@ -105,10 +105,6 @@
|
|||||||
background-color: $base-sub-menu-hover !important;
|
background-color: $base-sub-menu-hover !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
& .theme-dark .el-submenu .el-menu-item.is-active {
|
|
||||||
background-color: #0b50ff !important;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.hideSidebar {
|
.hideSidebar {
|
||||||
|
|||||||
@ -9,20 +9,20 @@ $yellow:#FEC171;
|
|||||||
$panGreen: #30B08F;
|
$panGreen: #30B08F;
|
||||||
|
|
||||||
// 默认菜单主题风格
|
// 默认菜单主题风格
|
||||||
// $base-menu-color:#bfcbd9;
|
$base-menu-color:#bfcbd9;
|
||||||
// $base-menu-color-active:#f4f4f5;
|
$base-menu-color-active:#f4f4f5;
|
||||||
// $base-menu-background:#304156;
|
$base-menu-background:#304156;
|
||||||
// $base-logo-title-color: #ffffff;
|
$base-logo-title-color: #ffffff;
|
||||||
|
|
||||||
// $base-menu-light-color:rgba(0,0,0,.70);
|
$base-menu-light-color:rgba(0,0,0,.70);
|
||||||
// $base-menu-light-background:#ffffff;
|
$base-menu-light-background:#ffffff;
|
||||||
// $base-logo-light-title-color: #001529;
|
$base-logo-light-title-color: #001529;
|
||||||
|
|
||||||
// $base-sub-menu-background:#1f2d3d;
|
$base-sub-menu-background:#1f2d3d;
|
||||||
// $base-sub-menu-hover:#001528;
|
$base-sub-menu-hover:#001528;
|
||||||
|
|
||||||
// 自定义暗色菜单风格
|
// 自定义暗色菜单风格
|
||||||
/*
|
/**
|
||||||
$base-menu-color:hsla(0,0%,100%,.65);
|
$base-menu-color:hsla(0,0%,100%,.65);
|
||||||
$base-menu-color-active:#fff;
|
$base-menu-color-active:#fff;
|
||||||
$base-menu-background:#001529;
|
$base-menu-background:#001529;
|
||||||
@ -35,20 +35,8 @@ $base-logo-light-title-color: #001529;
|
|||||||
$base-sub-menu-background:#000c17;
|
$base-sub-menu-background:#000c17;
|
||||||
$base-sub-menu-hover:#001528;
|
$base-sub-menu-hover:#001528;
|
||||||
*/
|
*/
|
||||||
$base-menu-color: #fff;
|
|
||||||
$base-menu-color-active:#fff;
|
|
||||||
$base-menu-background:#001529;
|
|
||||||
$base-logo-title-color: #ffffff;
|
|
||||||
|
|
||||||
$base-menu-light-color:rgba(0,0,0,.70);
|
$base-sidebar-width: 280px;
|
||||||
$base-menu-light-background:#ffffff;
|
|
||||||
$base-logo-light-title-color: #001529;
|
|
||||||
|
|
||||||
$base-sub-menu-background:#0B253F;
|
|
||||||
$base-sub-menu-hover:#0b50ff;
|
|
||||||
|
|
||||||
|
|
||||||
$base-sidebar-width: 248px;
|
|
||||||
|
|
||||||
// the :export directive is the magic sauce for webpack
|
// the :export directive is the magic sauce for webpack
|
||||||
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
|
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
|
||||||
|
|||||||
@ -68,12 +68,8 @@ export default {
|
|||||||
margin-left: 8px;
|
margin-left: 8px;
|
||||||
|
|
||||||
.no-redirect {
|
.no-redirect {
|
||||||
color: rgba(0, 0, 0, 0.65);
|
color: #97a8be;
|
||||||
cursor: text;
|
cursor: text;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-breadcrumb .el-breadcrumb__inner a, .el-breadcrumb__inner.is-link {
|
|
||||||
color: rgba(0, 0, 0, 0.45);
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -28,14 +28,11 @@ export default {
|
|||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.app-main {
|
.app-main {
|
||||||
/* 48= navbar 48 */
|
/* 50= navbar 50 */
|
||||||
min-height: calc(100vh - 56px);
|
min-height: calc(100vh - 56px);
|
||||||
min-width: calc(100vh - 280px);
|
width: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
margin: 8px 14px 0px 16px;
|
|
||||||
border-radius: 8px;
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.fixed-header + .app-main {
|
.fixed-header + .app-main {
|
||||||
@ -44,8 +41,8 @@ export default {
|
|||||||
|
|
||||||
.hasTagsView {
|
.hasTagsView {
|
||||||
.app-main {
|
.app-main {
|
||||||
/* 84 = navbar + tags-view = 50 + 34 */
|
/* 84 = navbar + tags-view = 56 + 34 */
|
||||||
min-height: calc(100vh - 120px - 8px);
|
min-height: calc(100vh - 128px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.fixed-header + .app-main {
|
.fixed-header + .app-main {
|
||||||
|
|||||||
@ -7,16 +7,16 @@
|
|||||||
|
|
||||||
<div class="right-menu">
|
<div class="right-menu">
|
||||||
<template v-if="device!=='mobile'">
|
<template v-if="device!=='mobile'">
|
||||||
<!-- <search id="header-search" class="right-menu-item" /> -->
|
<search id="header-search" class="right-menu-item" />
|
||||||
|
|
||||||
<!-- 站内信 -->
|
<!-- 站内信 -->
|
||||||
<!-- <notify-message class="right-menu-item hover-effect" /> -->
|
<!-- <notify-message class="right-menu-item hover-effect" /> -->
|
||||||
|
|
||||||
<!-- <screenfull id="screenfull" class="right-menu-item hover-effect" /> -->
|
<screenfull id="screenfull" class="right-menu-item hover-effect" />
|
||||||
|
|
||||||
<!-- <el-tooltip content="布局大小" effect="dark" placement="bottom">
|
<el-tooltip content="布局大小" effect="dark" placement="bottom">
|
||||||
<size-select id="size-select" class="right-menu-item hover-effect" />
|
<size-select id="size-select" class="right-menu-item hover-effect" />
|
||||||
</el-tooltip> -->
|
</el-tooltip>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -30,9 +30,9 @@
|
|||||||
<router-link to="/user/profile">
|
<router-link to="/user/profile">
|
||||||
<el-dropdown-item>个人中心</el-dropdown-item>
|
<el-dropdown-item>个人中心</el-dropdown-item>
|
||||||
</router-link>
|
</router-link>
|
||||||
<!-- <el-dropdown-item @click.native="setting = true">
|
<el-dropdown-item @click.native="setting = true">
|
||||||
<span>布局设置</span>
|
<span>布局设置</span>
|
||||||
</el-dropdown-item> -->
|
</el-dropdown-item>
|
||||||
<el-dropdown-item divided @click.native="logout">
|
<el-dropdown-item divided @click.native="logout">
|
||||||
<span>退出登录</span>
|
<span>退出登录</span>
|
||||||
</el-dropdown-item>
|
</el-dropdown-item>
|
||||||
@ -104,7 +104,7 @@ export default {
|
|||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.navbar {
|
.navbar {
|
||||||
height: 48px; // 56
|
height: 56px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
|
|||||||
@ -23,7 +23,7 @@
|
|||||||
: variables.menuLightColor
|
: variables.menuLightColor
|
||||||
"
|
"
|
||||||
:unique-opened="true"
|
:unique-opened="true"
|
||||||
active-text-color="#fff"
|
:active-text-color="settings.theme"
|
||||||
:collapse-transition="false"
|
:collapse-transition="false"
|
||||||
mode="vertical">
|
mode="vertical">
|
||||||
<!-- 根据 sidebarRouters 路由，生成菜单 -->
|
<!-- 根据 sidebarRouters 路由，生成菜单 -->
|
||||||
|
|||||||
@ -78,8 +78,8 @@ export default {
|
|||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.scroll-container {
|
.scroll-container {
|
||||||
// background: #f9f9f9;
|
background: #f9f9f9;
|
||||||
// box-shadow: inset 0 0 8px 1px #e8e8e8;
|
box-shadow: inset 0 0 8px 1px #e8e8e8;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|||||||
@ -259,7 +259,7 @@ export default {
|
|||||||
height: 42px;
|
height: 42px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
// border-bottom: 1px solid #d8dce5;
|
border-bottom: 1px solid #d8dce5;
|
||||||
border-top: 1px solid #d8dce5;
|
border-top: 1px solid #d8dce5;
|
||||||
|
|
||||||
// box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04);
|
// box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04);
|
||||||
@ -270,16 +270,17 @@ export default {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
height: 28px;
|
height: 28px;
|
||||||
line-height: 28px;
|
line-height: 28px;
|
||||||
color: rgba(0, 0, 0, 0.45);
|
border: 1px solid #d8dce5;
|
||||||
background: #F4F4F4FF;
|
color: #495060;
|
||||||
|
background: #fff;
|
||||||
padding: 0 8px 0 12px;
|
padding: 0 8px 0 12px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
margin-left: 8px;
|
margin-left: 4px;
|
||||||
border-radius: 4px;
|
border-radius: 0;
|
||||||
|
|
||||||
&:first-of-type {
|
&:first-of-type {
|
||||||
margin-left: 32px;
|
margin-left: 15px;
|
||||||
padding-right: 12px;
|
padding-right: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -8,7 +8,7 @@
|
|||||||
<tags-view v-if="needTagsView" />
|
<tags-view v-if="needTagsView" />
|
||||||
</div>
|
</div>
|
||||||
<app-main />
|
<app-main />
|
||||||
<div class="main-footer" style="color: #C7C7C7; user-select: none; font-size: 14px; letter-spacing: 1px; height: 30px; display: grid; place-content: center;">© 中建材智能自动化研究院有限公司</div>
|
<div class="main-footer" style="color: #777; border-top: 1px solid #eee; user-select: none; font-size: 14px; letter-spacing: 1px; height: 30px; display: grid; place-content: center;">© 中建材智能自动化院 2023</div>
|
||||||
<right-panel>
|
<right-panel>
|
||||||
<settings />
|
<settings />
|
||||||
</right-panel>
|
</right-panel>
|
||||||
|
|||||||
@ -49,9 +49,6 @@ Vue.prototype.DICT_TYPE = DICT_TYPE;
|
|||||||
Vue.prototype.handleTree = handleTree;
|
Vue.prototype.handleTree = handleTree;
|
||||||
Vue.prototype.addBeginAndEndTime = addBeginAndEndTime;
|
Vue.prototype.addBeginAndEndTime = addBeginAndEndTime;
|
||||||
Vue.prototype.divide = divide;
|
Vue.prototype.divide = divide;
|
||||||
Vue.prototype.tableHeight = function(n) {
|
|
||||||
return window.innerHeight - n
|
|
||||||
}
|
|
||||||
|
|
||||||
// 全局组件挂载
|
// 全局组件挂载
|
||||||
Vue.component('DictTag', DictTag);
|
Vue.component('DictTag', DictTag);
|
||||||
@ -85,7 +82,7 @@ import Tinymce from '@/components/tinymce/index.vue';
|
|||||||
Vue.component('tinymce', Tinymce);
|
Vue.component('tinymce', Tinymce);
|
||||||
import '@/assets/icons';
|
import '@/assets/icons';
|
||||||
import request from '@/utils/request'; // 实现 form generator 使用自己定义的 axios request 对象
|
import request from '@/utils/request'; // 实现 form generator 使用自己定义的 axios request 对象
|
||||||
// console.log(request);
|
console.log(request);
|
||||||
Vue.prototype.$axios = request;
|
Vue.prototype.$axios = request;
|
||||||
import '@/styles/index.scss';
|
import '@/styles/index.scss';
|
||||||
|
|
||||||
|
|||||||
@ -2,7 +2,7 @@ $editorTabsborderColor: #121315;
|
|||||||
body, html{
|
body, html{
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
background: #F2F4F9;
|
background: #fff;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
text-rendering: optimizeLegibility;
|
text-rendering: optimizeLegibility;
|
||||||
@ -138,41 +138,4 @@ input, textarea{
|
|||||||
}
|
}
|
||||||
.el-upload__tip{
|
.el-upload__tip{
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
}
|
|
||||||
// 滚动条
|
|
||||||
::-webkit-scrollbar {
|
|
||||||
width: 8px;
|
|
||||||
height: 8px;
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-track-piece {
|
|
||||||
background-color:rgba(144,147,153,0);
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-corner {
|
|
||||||
background-color:rgba(144,147,153,0);
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-track {
|
|
||||||
width: 6px;
|
|
||||||
background: rgba(144,147,153,0);
|
|
||||||
-webkit-border-radius: 2em;
|
|
||||||
-moz-border-radius: 2em;
|
|
||||||
border-radius: 2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
|
||||||
background-color: rgba(144,147,153,.5);
|
|
||||||
background-clip: padding-box;
|
|
||||||
min-height: 28px;
|
|
||||||
-webkit-border-radius: 2em;
|
|
||||||
-moz-border-radius: 2em;
|
|
||||||
border-radius: 2em;
|
|
||||||
transition: background-color .3s;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb:hover {
|
|
||||||
background-color: rgba(144,147,153,.3);
|
|
||||||
}
|
}
|
||||||
@ -1,5 +1,5 @@
|
|||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
import {Message, MessageBox, Notification, Loading} from 'element-ui'
|
import {Message, MessageBox, Notification} from 'element-ui'
|
||||||
import store from '@/store'
|
import store from '@/store'
|
||||||
import {getAccessToken, getRefreshToken, getTenantId, setToken} from '@/utils/auth'
|
import {getAccessToken, getRefreshToken, getTenantId, setToken} from '@/utils/auth'
|
||||||
import errorCode from '@/utils/errorCode'
|
import errorCode from '@/utils/errorCode'
|
||||||
@ -30,44 +30,8 @@ const service = axios.create({
|
|||||||
// 禁用 Cookie 等信息
|
// 禁用 Cookie 等信息
|
||||||
withCredentials: false,
|
withCredentials: false,
|
||||||
})
|
})
|
||||||
|
|
||||||
/*
|
|
||||||
当页面有两个接口时，第一个接口loading的close事件会直接将第二个接口的loading实例也close
|
|
||||||
每次创建Loading实例的时候判断当前是否存在，如果当前还没有Loading实例就创建一个，
|
|
||||||
如果有就不会再创建而是计数；每次关闭的时候判断当前的计数，
|
|
||||||
如果是0了就关闭，否则也计数减一，直到为0的时候表示当前所有页面所有接口都返回结束了，
|
|
||||||
此时执行关闭Loading.close()操作
|
|
||||||
*/
|
|
||||||
|
|
||||||
let loadingInstance = null
|
|
||||||
function startLoading() {
|
|
||||||
loadingInstance = Loading.service({
|
|
||||||
fullscreen: false,
|
|
||||||
text: '拼命加载中...',
|
|
||||||
background: 'rgba(0, 0, 0, 0.1)'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
function endLoading() {
|
|
||||||
loadingInstance.close()
|
|
||||||
}
|
|
||||||
let needLoadingRequestCount = 0
|
|
||||||
function showFullScreenLoading() {
|
|
||||||
if (needLoadingRequestCount === 0) {
|
|
||||||
startLoading()
|
|
||||||
}
|
|
||||||
needLoadingRequestCount++
|
|
||||||
}
|
|
||||||
function tryHideFullScreenLoading() {
|
|
||||||
if (needLoadingRequestCount <= 0) return
|
|
||||||
needLoadingRequestCount--
|
|
||||||
if (needLoadingRequestCount === 0) {
|
|
||||||
endLoading()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// request拦截器
|
// request拦截器
|
||||||
service.interceptors.request.use(config => {
|
service.interceptors.request.use(config => {
|
||||||
showFullScreenLoading()
|
|
||||||
// 是否需要设置 token
|
// 是否需要设置 token
|
||||||
const isToken = (config.headers || {}).isToken === false
|
const isToken = (config.headers || {}).isToken === false
|
||||||
if (getAccessToken() && !isToken) {
|
if (getAccessToken() && !isToken) {
|
||||||
@ -104,14 +68,12 @@ service.interceptors.request.use(config => {
|
|||||||
}
|
}
|
||||||
return config
|
return config
|
||||||
}, error => {
|
}, error => {
|
||||||
tryHideFullScreenLoading()
|
|
||||||
console.log(error)
|
console.log(error)
|
||||||
Promise.reject(error)
|
Promise.reject(error)
|
||||||
})
|
})
|
||||||
|
|
||||||
// 响应拦截器
|
// 响应拦截器
|
||||||
service.interceptors.response.use(async res => {
|
service.interceptors.response.use(async res => {
|
||||||
tryHideFullScreenLoading()
|
|
||||||
// 未设置状态码则默认成功状态
|
// 未设置状态码则默认成功状态
|
||||||
const code = res.data.code || 200;
|
const code = res.data.code || 200;
|
||||||
// 获取错误信息
|
// 获取错误信息
|
||||||
@ -189,7 +151,6 @@ service.interceptors.response.use(async res => {
|
|||||||
return res.data
|
return res.data
|
||||||
}
|
}
|
||||||
}, error => {
|
}, error => {
|
||||||
tryHideFullScreenLoading()
|
|
||||||
console.log('err' + error)
|
console.log('err' + error)
|
||||||
let {message} = error;
|
let {message} = error;
|
||||||
if (message === "Network Error") {
|
if (message === "Network Error") {
|
||||||
|
|||||||
@ -1,181 +0,0 @@
|
|||||||
<template>
|
|
||||||
<el-form ref="form" :rules="rules" label-width="110px" :model="form">
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="班次名称" prop="name">
|
|
||||||
<el-input v-model="form.name"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="编码" prop="code">
|
|
||||||
<el-input v-model="form.code" disabled></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="生效时间" prop="enableTime">
|
|
||||||
<el-date-picker
|
|
||||||
v-model="form.enableTime"
|
|
||||||
type="datetime"
|
|
||||||
placeholder="选择日期时间"
|
|
||||||
label-format="yyyy-MM-dd HH:mm:ss"
|
|
||||||
value-format="timestamp"
|
|
||||||
style="width: 100%;">
|
|
||||||
</el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="失效时间" prop="disableTime">
|
|
||||||
<el-date-picker
|
|
||||||
v-model="form.disableTime"
|
|
||||||
type="datetime"
|
|
||||||
placeholder="选择日期时间"
|
|
||||||
label-format="yyyy-MM-dd HH:mm:ss"
|
|
||||||
value-format="timestamp"
|
|
||||||
style="width: 100%;">
|
|
||||||
</el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="班次开始时间" prop="startTime">
|
|
||||||
<el-time-picker
|
|
||||||
v-model="form.startTime"
|
|
||||||
format='HH:mm'
|
|
||||||
value-format='HH:mm'
|
|
||||||
style="width: 100%;"
|
|
||||||
@change="timeFun"
|
|
||||||
>
|
|
||||||
</el-time-picker>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="班次结束时间" prop="endTime">
|
|
||||||
<el-time-picker
|
|
||||||
v-model="form.endTime"
|
|
||||||
format='HH:mm'
|
|
||||||
value-format='HH:mm'
|
|
||||||
style="width: 100%;"
|
|
||||||
@change="timeFun"
|
|
||||||
>
|
|
||||||
</el-time-picker>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="备注" prop="remark">
|
|
||||||
<el-input v-model="form.remark"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="是否跨天" prop="daySpan">
|
|
||||||
<el-select v-model="form.daySpan" placeholder="请选择" disabled style="width: 100%;">
|
|
||||||
<el-option label="否" :value= '0' ></el-option>
|
|
||||||
<el-option label="是" :value= '1' ></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-form>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import { getGroupClasses, updateGroupClasses, createGroupClasses, getCode } from '@/api/base/groupClasses'
|
|
||||||
export default {
|
|
||||||
name: 'groupClassAdd',
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
form: {
|
|
||||||
id: '',
|
|
||||||
name: '',
|
|
||||||
code: '',
|
|
||||||
enableTime: '',
|
|
||||||
disableTime: '',
|
|
||||||
startTime: '',
|
|
||||||
endTime: '',
|
|
||||||
daySpan: '',
|
|
||||||
remark: ''
|
|
||||||
},
|
|
||||||
isEdit: false, //是否是编辑
|
|
||||||
rules: {
|
|
||||||
name: [{ required: true, message: '请输入班组名称', trigger: 'blur' }],
|
|
||||||
enableTime: [{ required: true, message: '请选择班次开始时间', trigger: 'change' }],
|
|
||||||
code: [{ required: true, message: '请输入编码', trigger: 'blur' }],
|
|
||||||
startTime: [{ required: true, message: '请输入生效时间', trigger: 'change' }],
|
|
||||||
endTime: [{ required: true, message: '请选择班次结束时间', trigger: 'change' }]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
init(id) {
|
|
||||||
if (id) {
|
|
||||||
this.isEdit = true
|
|
||||||
this.form.id = id
|
|
||||||
getGroupClasses(id).then((res) => {
|
|
||||||
if (res.code === 0) {
|
|
||||||
this.form = res.data
|
|
||||||
}
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
this.isEdit = false
|
|
||||||
this.form.id = ''
|
|
||||||
getCode().then((res) => {
|
|
||||||
this.form.code = res.data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
timeFun() {
|
|
||||||
if (this.form.startTime && this.form.endTime) {
|
|
||||||
if (this.form.startTime > this.form.endTime) {
|
|
||||||
this.form.daySpan = 1
|
|
||||||
} else {
|
|
||||||
this.form.daySpan = 0
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
submitForm() {
|
|
||||||
this.$refs['form'].validate((valid) => {
|
|
||||||
if (valid) {
|
|
||||||
let obj = {}
|
|
||||||
if (this.form.disableTime) {
|
|
||||||
obj = this.form
|
|
||||||
} else {
|
|
||||||
obj.id = this.form.id
|
|
||||||
obj.name = this.form.name
|
|
||||||
obj.code = this.form.code
|
|
||||||
obj.enableTime = this.form.enableTime
|
|
||||||
obj.startTime = this.form.startTime
|
|
||||||
obj.endTime = this.form.endTime
|
|
||||||
obj.daySpan = this.form.daySpan
|
|
||||||
obj.remark = this.form.remark
|
|
||||||
}
|
|
||||||
if (this.isEdit) {
|
|
||||||
//编辑
|
|
||||||
updateGroupClasses({ ...obj }).then((res) => {
|
|
||||||
if (res.code === 0) {
|
|
||||||
this.$modal.msgSuccess("操作成功");
|
|
||||||
this.$emit('successSubmit')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
createGroupClasses({ ...obj }).then((res) => {
|
|
||||||
if (res.code === 0) {
|
|
||||||
this.$modal.msgSuccess("操作成功");
|
|
||||||
this.$emit('successSubmit')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
formClear() {
|
|
||||||
this.$refs.form.resetFields()
|
|
||||||
this.isEdit = false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
@ -2,246 +2,242 @@
|
|||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
|
|
||||||
<!-- 搜索工作栏 -->
|
<!-- 搜索工作栏 -->
|
||||||
<search-bar
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||||
:formConfigs="formConfig"
|
<el-form-item label="班次名称" prop="name">
|
||||||
ref="searchBarForm"
|
<el-input v-model="queryParams.name" placeholder="请输入班次名称" clearable @keyup.enter.native="handleQuery"/>
|
||||||
@headBtnClick="buttonClick"
|
</el-form-item>
|
||||||
/>
|
<el-form-item>
|
||||||
|
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
|
||||||
|
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<!-- 操作工具栏 -->
|
||||||
|
<el-row :gutter="10" class="mb8">
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
|
||||||
|
v-hasPermi="['base:group-classes:create']">新增</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
|
||||||
|
v-hasPermi="['base:group-classes:export']">导出</el-button>
|
||||||
|
</el-col>
|
||||||
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
<!-- 列表 -->
|
<!-- 列表 -->
|
||||||
<base-table
|
<el-table v-loading="loading" :data="list">
|
||||||
:page="queryParams.pageNo"
|
<el-table-column label="ID" align="center" prop="id" />
|
||||||
:limit="queryParams.pageSize"
|
<el-table-column label="班次编码" align="center" prop="code" />
|
||||||
:table-props="tableProps"
|
<el-table-column label="班次名称" align="center" prop="name" />
|
||||||
:table-data="list"
|
<el-table-column label="开始时间" align="center" prop="startTime" />
|
||||||
:max-height="tableH"
|
<el-table-column label="结束时间" align="center" prop="endTime" />
|
||||||
>
|
<el-table-column label="是否跨天" align="center" prop="daySpan" />
|
||||||
<method-btn
|
<el-table-column label="生效时间" align="center" prop="enableTime" width="180">
|
||||||
v-if="tableBtn.length"
|
<template v-slot="scope">
|
||||||
slot="handleBtn"
|
<span>{{ parseTime(scope.row.enableTime) }}</span>
|
||||||
:width="120"
|
</template>
|
||||||
label="操作"
|
</el-table-column>
|
||||||
:method-list="tableBtn"
|
<el-table-column label="失效时间" align="center" prop="disableTime" width="180">
|
||||||
@clickBtn="handleClick"
|
<template v-slot="scope">
|
||||||
/>
|
<span>{{ parseTime(scope.row.disableTime) }}</span>
|
||||||
</base-table>
|
</template>
|
||||||
<pagination
|
</el-table-column>
|
||||||
:page.sync="queryParams.pageNo"
|
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
|
||||||
:limit.sync="queryParams.pageSize"
|
<template v-slot="scope">
|
||||||
:total="total"
|
<span>{{ parseTime(scope.row.createTime) }}</span>
|
||||||
@pagination="getList"
|
</template>
|
||||||
/>
|
</el-table-column>
|
||||||
<!-- 新增 -->
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||||
<base-dialog
|
<template v-slot="scope">
|
||||||
:dialogTitle="addOrEditTitle"
|
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
|
||||||
:dialogVisible="centervisible"
|
v-hasPermi="['base:group-classes:update']">修改</el-button>
|
||||||
@cancel="handleCancel"
|
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
|
||||||
@confirm="handleConfirm"
|
v-hasPermi="['base:group-classes:delete']">删除</el-button>
|
||||||
:before-close="handleCancel"
|
</template>
|
||||||
width='70%'
|
</el-table-column>
|
||||||
>
|
</el-table>
|
||||||
<group-class-add ref="classList" @successSubmit="successSubmit" />
|
<!-- 分页组件 -->
|
||||||
</base-dialog>
|
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
|
||||||
|
@pagination="getList"/>
|
||||||
|
|
||||||
|
<!-- 对话框(添加 / 修改) -->
|
||||||
|
<el-dialog :title="title" :visible.sync="open" width="500px" v-dialogDrag append-to-body>
|
||||||
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||||
|
<el-form-item label="班次编码" prop="code">
|
||||||
|
<el-input v-model="form.code" placeholder="请输入班次编码" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="班次名称" prop="name">
|
||||||
|
<el-input v-model="form.name" placeholder="请输入班次名称" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="开始时间" prop="startTime">
|
||||||
|
<el-date-picker clearable v-model="form.startTime" type="date" value-format="timestamp" placeholder="选择开始时间" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="结束时间" prop="endTime">
|
||||||
|
<el-date-picker clearable v-model="form.endTime" type="date" value-format="timestamp" placeholder="选择结束时间" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="是否跨天" prop="daySpan">
|
||||||
|
<el-input v-model="form.daySpan" placeholder="请输入是否跨天" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="生效时间" prop="enableTime">
|
||||||
|
<el-date-picker clearable v-model="form.enableTime" type="date" value-format="timestamp" placeholder="选择生效时间" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="失效时间" prop="disableTime">
|
||||||
|
<el-date-picker clearable v-model="form.disableTime" type="date" value-format="timestamp" placeholder="选择失效时间" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||||
|
<el-button @click="cancel">取 消</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { getGroupClassesPage, deleteGroupClasses, updateGroupClasses } from "@/api/base/groupClasses";
|
import { createGroupClasses, updateGroupClasses, deleteGroupClasses, getGroupClasses, getGroupClassesPage, exportGroupClassesExcel } from "@/api/base/groupClasses";
|
||||||
import GroupClassAdd from './components/groupClassAdd.vue'
|
|
||||||
import { formatDate } from '@/utils'
|
|
||||||
const tableProps = [
|
|
||||||
{
|
|
||||||
prop: 'enableTimeStr',
|
|
||||||
label: '生效时段',
|
|
||||||
minWidth: 300
|
|
||||||
},
|
|
||||||
{
|
|
||||||
prop: 'name',
|
|
||||||
label: '班次名称'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
prop: 'timeStr',
|
|
||||||
label: '班次时间'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
prop: 'code',
|
|
||||||
label: '班次编码',
|
|
||||||
minWidth: 200
|
|
||||||
},
|
|
||||||
{
|
|
||||||
prop: 'status',
|
|
||||||
label: '班次状态'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
prop: 'remark',
|
|
||||||
label: '备注'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
export default {
|
export default {
|
||||||
name: "GroupClass",
|
name: "GroupClasses",
|
||||||
components: { GroupClassAdd },
|
components: {
|
||||||
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
formConfig: [
|
// 遮罩层
|
||||||
{
|
loading: true,
|
||||||
type: 'input',
|
// 导出遮罩层
|
||||||
label: '班次名称',
|
exportLoading: false,
|
||||||
placeholder: '班次名称',
|
// 显示搜索条件
|
||||||
param: 'name'
|
showSearch: true,
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'button',
|
|
||||||
btnName: '查询',
|
|
||||||
name: 'search',
|
|
||||||
color: 'primary'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'separate'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: this.$auth.hasPermi('base:group-classes:create') ? 'button' : '',
|
|
||||||
btnName: '新增',
|
|
||||||
name: 'add',
|
|
||||||
color: 'success',
|
|
||||||
plain: true
|
|
||||||
}
|
|
||||||
],
|
|
||||||
tableProps,
|
|
||||||
tableBtn: [
|
|
||||||
this.$auth.hasPermi('base:group-classes:update')
|
|
||||||
? {
|
|
||||||
type: 'edit',
|
|
||||||
btnName: '编辑'
|
|
||||||
}
|
|
||||||
: undefined,
|
|
||||||
{
|
|
||||||
type: 'cancel',
|
|
||||||
btnName: '作废'
|
|
||||||
},
|
|
||||||
this.$auth.hasPermi('base:group-classes:delete')
|
|
||||||
? {
|
|
||||||
type: 'delete',
|
|
||||||
btnName: '删除'
|
|
||||||
}
|
|
||||||
: undefined
|
|
||||||
].filter((v) => v),
|
|
||||||
tableH: this.tableHeight(260),
|
|
||||||
// 总条数
|
// 总条数
|
||||||
total: 0,
|
total: 0,
|
||||||
// 班次基础信息列表
|
// 班次基础信息列表
|
||||||
list: [],
|
list: [],
|
||||||
// 弹出层标题
|
// 弹出层标题
|
||||||
addOrEditTitle: "",
|
title: "",
|
||||||
// 是否显示弹出层
|
// 是否显示弹出层
|
||||||
centervisible: false,
|
open: false,
|
||||||
// 查询参数
|
// 查询参数
|
||||||
queryParams: {
|
queryParams: {
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
pageSize: 20,
|
pageSize: 10,
|
||||||
name: null
|
name: null,
|
||||||
|
},
|
||||||
|
// 表单参数
|
||||||
|
form: {},
|
||||||
|
// 表单校验
|
||||||
|
rules: {
|
||||||
|
startTime: [{ required: true, message: "开始时间不能为空", trigger: "blur" }],
|
||||||
|
endTime: [{ required: true, message: "结束时间不能为空", trigger: "blur" }],
|
||||||
|
enableTime: [{ required: true, message: "生效时间不能为空", trigger: "blur" }],
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
window.addEventListener('resize', () => {
|
this.getList();
|
||||||
this.tableH = this.tableHeight(260)
|
|
||||||
})
|
|
||||||
this.getList()
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
buttonClick(val) {
|
|
||||||
switch (val.btnName) {
|
|
||||||
case 'search':
|
|
||||||
this.queryParams.pageNo = 1;
|
|
||||||
this.queryParams.name = val.name
|
|
||||||
this.getList()
|
|
||||||
break
|
|
||||||
default:
|
|
||||||
this.addOrEditTitle = '新增'
|
|
||||||
this.centervisible = true
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$refs.classList.init()
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
/** 查询列表 */
|
/** 查询列表 */
|
||||||
getList() {
|
getList() {
|
||||||
getGroupClassesPage(this.queryParams).then(res => {
|
this.loading = true;
|
||||||
if (res.code === 0 && res.data.list.length > 0) {
|
// 执行查询
|
||||||
res.data.list.map(item => {
|
getGroupClassesPage(this.queryParams).then(response => {
|
||||||
item.enableTimeStr = formatDate(item.enableTime) + '至' + (item.disableTime ? formatDate(item.disableTime) : '永久')
|
this.list = response.data.list;
|
||||||
item.timeStr = item.startTime.slice(0, 5) + '-' + item.endTime.slice(0, 5)
|
this.total = response.data.total;
|
||||||
item.status = item.status === true ? '可用' : '不可用'
|
this.loading = false;
|
||||||
})
|
|
||||||
this.list = res.data.list;
|
|
||||||
this.total = res.data.total;
|
|
||||||
} else {
|
|
||||||
this.list = []
|
|
||||||
this.total = 0
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
handleClick(val) {
|
/** 取消按钮 */
|
||||||
switch (val.type) {
|
cancel() {
|
||||||
case 'edit':
|
this.open = false;
|
||||||
this.addOrEditTitle = '编辑'
|
this.reset();
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$refs.classList.init(val.data.id)
|
|
||||||
})
|
|
||||||
this.centervisible = true
|
|
||||||
break
|
|
||||||
case 'cancel':
|
|
||||||
this.discard(val.data)
|
|
||||||
break
|
|
||||||
default:
|
|
||||||
this.handleDelete(val.data)
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
handleCancel() {
|
/** 表单重置 */
|
||||||
this.$refs.classList.formClear()
|
reset() {
|
||||||
this.centervisible = false
|
this.form = {
|
||||||
this.addOrEditTitle = ''
|
id: undefined,
|
||||||
|
code: undefined,
|
||||||
|
name: undefined,
|
||||||
|
startTime: undefined,
|
||||||
|
endTime: undefined,
|
||||||
|
daySpan: undefined,
|
||||||
|
enableTime: undefined,
|
||||||
|
disableTime: undefined,
|
||||||
|
};
|
||||||
|
this.resetForm("form");
|
||||||
},
|
},
|
||||||
handleConfirm() {
|
/** 搜索按钮操作 */
|
||||||
this.$refs.classList.submitForm()
|
handleQuery() {
|
||||||
|
this.queryParams.pageNo = 1;
|
||||||
|
this.getList();
|
||||||
},
|
},
|
||||||
successSubmit() {
|
/** 重置按钮操作 */
|
||||||
this.handleCancel()
|
resetQuery() {
|
||||||
this.getList()
|
this.resetForm("queryForm");
|
||||||
|
this.handleQuery();
|
||||||
},
|
},
|
||||||
discard(row) {
|
/** 新增按钮操作 */
|
||||||
let obj = {}
|
handleAdd() {
|
||||||
obj.id = row.id
|
this.reset();
|
||||||
obj.startTime = row.startTime
|
this.open = true;
|
||||||
obj.endTime = row.endTime
|
this.title = "添加班次基础信息";
|
||||||
obj.enableTime = row.enableTime
|
},
|
||||||
obj.disableTime = Date.parse(new Date())
|
/** 修改按钮操作 */
|
||||||
this.$modal.confirm('是否确认作废班次名称为"' + row.name + '"的数据项?').then(function() {
|
handleUpdate(row) {
|
||||||
return updateGroupClasses({ ...obj })
|
this.reset();
|
||||||
}).then(() => {
|
const id = row.id;
|
||||||
|
getGroupClasses(id).then(response => {
|
||||||
|
this.form = response.data;
|
||||||
|
this.open = true;
|
||||||
|
this.title = "修改班次基础信息";
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 提交按钮 */
|
||||||
|
submitForm() {
|
||||||
|
this.$refs["form"].validate(valid => {
|
||||||
|
if (!valid) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
// 修改的提交
|
||||||
|
if (this.form.id != null) {
|
||||||
|
updateGroupClasses(this.form).then(response => {
|
||||||
|
this.$modal.msgSuccess("修改成功");
|
||||||
|
this.open = false;
|
||||||
|
this.getList();
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
// 添加的提交
|
||||||
|
createGroupClasses(this.form).then(response => {
|
||||||
|
this.$modal.msgSuccess("新增成功");
|
||||||
|
this.open = false;
|
||||||
this.getList();
|
this.getList();
|
||||||
this.$modal.msgSuccess("操作成功");
|
});
|
||||||
}).catch(() => {});
|
});
|
||||||
},
|
},
|
||||||
/** 删除按钮操作 */
|
/** 删除按钮操作 */
|
||||||
handleDelete(row) {
|
handleDelete(row) {
|
||||||
if (row.status) {
|
const id = row.id;
|
||||||
let _this = this
|
this.$modal.confirm('是否确认删除班次基础信息编号为"' + id + '"的数据项?').then(function() {
|
||||||
_this.$modal.confirm('删除的班次"' + row.name + '"可能会影响交接班计划，请点取消再次确认！').then(function() {
|
return deleteGroupClasses(id);
|
||||||
return _this.$modal.confirm('是否确认删除班次名称为"' + row.name + '"的数据项?').then(function() {
|
}).then(() => {
|
||||||
return deleteGroupClasses(row.id);
|
this.getList();
|
||||||
}).then(() => {
|
this.$modal.msgSuccess("删除成功");
|
||||||
_this.getList();
|
}).catch(() => {});
|
||||||
_this.$modal.msgSuccess("删除成功");
|
},
|
||||||
}).catch(() => {});
|
/** 导出按钮操作 */
|
||||||
})
|
handleExport() {
|
||||||
} else {
|
// 处理查询参数
|
||||||
_this.$modal.confirm('是否确认删除班次名称为"' + row.name + '"的数据项?').then(function() {
|
let params = {...this.queryParams};
|
||||||
return deleteGroupClasses(row.id);
|
params.pageNo = undefined;
|
||||||
}).then(() => {
|
params.pageSize = undefined;
|
||||||
_this.getList();
|
this.$modal.confirm('是否确认导出所有班次基础信息数据项?').then(() => {
|
||||||
_this.$modal.msgSuccess("删除成功");
|
this.exportLoading = true;
|
||||||
}).catch(() => {});
|
return exportGroupClassesExcel(params);
|
||||||
}
|
}).then(response => {
|
||||||
|
this.$download.excel(response, '班次基础信息.xls');
|
||||||
|
this.exportLoading = false;
|
||||||
|
}).catch(() => {});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
@ -1,84 +0,0 @@
|
|||||||
<template>
|
|
||||||
<el-form ref="form" :rules="rules" label-width="80px" :model="form">
|
|
||||||
<el-form-item label="班组名称" prop="name">
|
|
||||||
<el-input v-model="form.name"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="班组编码" prop="code">
|
|
||||||
<el-input v-model="form.code" disabled></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="班组人数" prop="num">
|
|
||||||
<el-input v-model="form.num"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="班组组长" prop="leaderName">
|
|
||||||
<el-input v-model="form.leaderName"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import { getGroupTeam, updateGroupTeam, createGroupTeam, getCode } from '@/api/base/groupTeam'
|
|
||||||
export default {
|
|
||||||
name: 'groupTeamAdd',
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
form: {
|
|
||||||
id: '',
|
|
||||||
name: '',
|
|
||||||
code: '',
|
|
||||||
num: null,
|
|
||||||
leaderName: ''
|
|
||||||
},
|
|
||||||
isEdit: false, //是否是编辑
|
|
||||||
rules: {
|
|
||||||
name: [{ required: true, message: '请输入班组名称', trigger: 'blur' }]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
init(id) {
|
|
||||||
if (id) {
|
|
||||||
this.isEdit = true
|
|
||||||
this.form.id = id
|
|
||||||
getGroupTeam( id ).then((res) => {
|
|
||||||
if (res.code === 0) {
|
|
||||||
this.form = res.data
|
|
||||||
}
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
this.isEdit = false
|
|
||||||
this.form.id = ''
|
|
||||||
getCode().then((res) => {
|
|
||||||
this.form.code = res.data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
submitForm() {
|
|
||||||
this.$refs['form'].validate((valid) => {
|
|
||||||
if (valid) {
|
|
||||||
if (this.isEdit) {
|
|
||||||
//编辑
|
|
||||||
updateGroupTeam({ ...this.form }).then((res) => {
|
|
||||||
if (res.code === 0) {
|
|
||||||
this.$modal.msgSuccess("操作成功");
|
|
||||||
this.$emit('successSubmit')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
createGroupTeam({ ...this.form }).then((res) => {
|
|
||||||
if (res.code === 0) {
|
|
||||||
this.$modal.msgSuccess("操作成功");
|
|
||||||
this.$emit('successSubmit')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
formClear() {
|
|
||||||
this.$refs.form.resetFields()
|
|
||||||
this.isEdit = false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
@ -1,40 +0,0 @@
|
|||||||
<template>
|
|
||||||
<el-switch v-model="state" type="text" size="small" :disabled="readonly" @change="changeHandler" />
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
injectData: {
|
|
||||||
type: Object,
|
|
||||||
default: () => ({})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
state: false,
|
|
||||||
payload: {}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
readonly() {
|
|
||||||
return !!this.injectData.readonly
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.mapToState()
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
mapToState() {
|
|
||||||
if (this.injectData.prop === 'enabled') {
|
|
||||||
this.state = this.injectData.enabled === 1 ? true : false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
changeHandler() {
|
|
||||||
this.payload.id = this.injectData.id
|
|
||||||
this.payload.enabled = this.state ? '1' : '0'
|
|
||||||
this.$emit('emitData', this.payload)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
@ -2,223 +2,221 @@
|
|||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
|
|
||||||
<!-- 搜索工作栏 -->
|
<!-- 搜索工作栏 -->
|
||||||
<search-bar
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||||
:formConfigs="formConfig"
|
<el-form-item label="班组编码" prop="code">
|
||||||
ref="searchBarForm"
|
<el-input v-model="queryParams.code" placeholder="请输入班组编码" clearable @keyup.enter.native="handleQuery"/>
|
||||||
@headBtnClick="buttonClick"
|
</el-form-item>
|
||||||
/>
|
<el-form-item label="班组名称" prop="name">
|
||||||
|
<el-input v-model="queryParams.name" placeholder="请输入班组名称" clearable @keyup.enter.native="handleQuery"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
|
||||||
|
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<!-- 操作工具栏 -->
|
||||||
|
<el-row :gutter="10" class="mb8">
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
|
||||||
|
v-hasPermi="['base:group-team:create']">新增</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
|
||||||
|
v-hasPermi="['base:group-team:export']">导出</el-button>
|
||||||
|
</el-col>
|
||||||
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
<!-- 列表 -->
|
<!-- 列表 -->
|
||||||
<base-table
|
<el-table v-loading="loading" :data="list">
|
||||||
:page="queryParams.pageNo"
|
<el-table-column label="ID" align="center" prop="id" />
|
||||||
:limit="queryParams.pageSize"
|
<el-table-column label="班组编码" align="center" prop="code" />
|
||||||
:table-props="tableProps"
|
<el-table-column label="班组名称" align="center" prop="name" />
|
||||||
:table-data="list"
|
<el-table-column label="班组人数" align="center" prop="num" />
|
||||||
:max-height="tableH"
|
<el-table-column label="组长名字" align="center" prop="leaderName" />
|
||||||
@emitFun="handleTableEvents"
|
<el-table-column label="启用状态:0 、停用，1、启用" align="center" prop="enabled" />
|
||||||
>
|
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
|
||||||
<method-btn
|
<template v-slot="scope">
|
||||||
v-if="tableBtn.length"
|
<span>{{ parseTime(scope.row.createTime) }}</span>
|
||||||
slot="handleBtn"
|
</template>
|
||||||
:width="80"
|
</el-table-column>
|
||||||
label="操作"
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||||
:method-list="tableBtn"
|
<template v-slot="scope">
|
||||||
@clickBtn="handleClick"
|
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
|
||||||
/>
|
v-hasPermi="['base:group-team:update']">修改</el-button>
|
||||||
</base-table>
|
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
|
||||||
<pagination
|
v-hasPermi="['base:group-team:delete']">删除</el-button>
|
||||||
:page.sync="queryParams.pageNo"
|
</template>
|
||||||
:limit.sync="queryParams.pageSize"
|
</el-table-column>
|
||||||
:total="total"
|
</el-table>
|
||||||
@pagination="getList"
|
<!-- 分页组件 -->
|
||||||
/>
|
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
|
||||||
<!-- 新增 -->
|
@pagination="getList"/>
|
||||||
<base-dialog
|
|
||||||
:dialogTitle="addOrEditTitle"
|
<!-- 对话框(添加 / 修改) -->
|
||||||
:dialogVisible="centervisible"
|
<el-dialog :title="title" :visible.sync="open" width="500px" v-dialogDrag append-to-body>
|
||||||
@cancel="handleCancel"
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||||
@confirm="handleConfirm"
|
<el-form-item label="班组编码" prop="code">
|
||||||
:before-close="handleCancel"
|
<el-input v-model="form.code" placeholder="请输入班组编码" />
|
||||||
>
|
</el-form-item>
|
||||||
<group-team-add ref="groupList" @successSubmit="successSubmit" />
|
<el-form-item label="班组名称" prop="name">
|
||||||
</base-dialog>
|
<el-input v-model="form.name" placeholder="请输入班组名称" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="班组人数" prop="num">
|
||||||
|
<el-input v-model="form.num" placeholder="请输入班组人数" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="组长名字" prop="leaderName">
|
||||||
|
<el-input v-model="form.leaderName" placeholder="请输入组长名字" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||||
|
<el-button @click="cancel">取 消</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { getGroupTeamPage, deleteGroupTeam, updateGroupTeam } from "@/api/base/groupTeam";
|
import { createGroupTeam, updateGroupTeam, deleteGroupTeam, getGroupTeam, getGroupTeamPage, exportGroupTeamExcel } from "@/api/base/groupTeam";
|
||||||
import { parseTime } from '@/utils/ruoyi'
|
|
||||||
import GroupTeamAdd from './components/groupTeamAdd.vue'
|
|
||||||
import StatusBtn from './components/statusBtn.vue'
|
|
||||||
const tableProps = [
|
|
||||||
{
|
|
||||||
prop: 'createTime',
|
|
||||||
label: '创建时间',
|
|
||||||
filter: parseTime,
|
|
||||||
minWidth: 150
|
|
||||||
},
|
|
||||||
{
|
|
||||||
prop: 'name',
|
|
||||||
label: '班组名称'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
prop: 'code',
|
|
||||||
label: '班组编码',
|
|
||||||
minWidth: 220
|
|
||||||
},
|
|
||||||
{
|
|
||||||
prop: 'num',
|
|
||||||
label: '班组人数'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
prop: 'leaderName',
|
|
||||||
label: '班组组长'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
prop: 'enabled',
|
|
||||||
label: '班组状态',
|
|
||||||
subcomponent: StatusBtn
|
|
||||||
}
|
|
||||||
]
|
|
||||||
export default {
|
export default {
|
||||||
name: "GroupTeam",
|
name: "GroupTeam",
|
||||||
components: { GroupTeamAdd },
|
components: {
|
||||||
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
formConfig: [
|
// 遮罩层
|
||||||
{
|
loading: true,
|
||||||
type: 'input',
|
// 导出遮罩层
|
||||||
label: '名称',
|
exportLoading: false,
|
||||||
placeholder: '名称',
|
// 显示搜索条件
|
||||||
param: 'name'
|
showSearch: true,
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'input',
|
|
||||||
label: '编码',
|
|
||||||
placeholder: '编码',
|
|
||||||
param: 'code'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'button',
|
|
||||||
btnName: '查询',
|
|
||||||
name: 'search',
|
|
||||||
color: 'primary'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'separate'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: this.$auth.hasPermi('base:group-team:create') ? 'button' : '',
|
|
||||||
btnName: '新增',
|
|
||||||
name: 'add',
|
|
||||||
color: 'success',
|
|
||||||
plain: true
|
|
||||||
}
|
|
||||||
],
|
|
||||||
tableProps,
|
|
||||||
tableBtn: [
|
|
||||||
this.$auth.hasPermi('base:group-team:update')
|
|
||||||
? {
|
|
||||||
type: 'edit',
|
|
||||||
btnName: '编辑'
|
|
||||||
}
|
|
||||||
: undefined,
|
|
||||||
this.$auth.hasPermi('base:group-team:delete')
|
|
||||||
? {
|
|
||||||
type: 'delete',
|
|
||||||
btnName: '删除'
|
|
||||||
}
|
|
||||||
: undefined
|
|
||||||
].filter((v) => v),
|
|
||||||
tableH: this.tableHeight(260),
|
|
||||||
// 总条数
|
// 总条数
|
||||||
total: 0,
|
total: 0,
|
||||||
// 班次基础信息列表
|
// 班组基础信息列表
|
||||||
list: [],
|
list: [],
|
||||||
// 弹出层标题
|
// 弹出层标题
|
||||||
addOrEditTitle: "",
|
title: "",
|
||||||
// 是否显示弹出层
|
// 是否显示弹出层
|
||||||
centervisible: false,
|
open: false,
|
||||||
// 查询参数
|
// 查询参数
|
||||||
queryParams: {
|
queryParams: {
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
pageSize: 20,
|
pageSize: 10,
|
||||||
|
code: null,
|
||||||
name: null,
|
name: null,
|
||||||
code: null
|
},
|
||||||
|
// 表单参数
|
||||||
|
form: {},
|
||||||
|
// 表单校验
|
||||||
|
rules: {
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
window.addEventListener('resize', () => {
|
|
||||||
this.tableH = this.tableHeight(260)
|
|
||||||
})
|
|
||||||
this.getList();
|
this.getList();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
buttonClick(val) {
|
|
||||||
switch (val.btnName) {
|
|
||||||
case 'search':
|
|
||||||
this.queryParams.pageNo = 1;
|
|
||||||
this.queryParams.name = val.name
|
|
||||||
this.queryParams.code = val.code
|
|
||||||
this.getList()
|
|
||||||
break
|
|
||||||
default:
|
|
||||||
this.addOrEditTitle = '新增'
|
|
||||||
this.centervisible = true
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$refs.groupList.init()
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
/** 查询列表 */
|
/** 查询列表 */
|
||||||
getList() {
|
getList() {
|
||||||
|
this.loading = true;
|
||||||
|
// 执行查询
|
||||||
getGroupTeamPage(this.queryParams).then(response => {
|
getGroupTeamPage(this.queryParams).then(response => {
|
||||||
this.list = response.data.list;
|
this.list = response.data.list;
|
||||||
this.total = response.data.total;
|
this.total = response.data.total;
|
||||||
|
this.loading = false;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
handleClick(val) {
|
/** 取消按钮 */
|
||||||
switch (val.type) {
|
cancel() {
|
||||||
case 'edit':
|
this.open = false;
|
||||||
this.addOrEditTitle = '编辑'
|
this.reset();
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$refs.groupList.init(val.data.id)
|
|
||||||
})
|
|
||||||
this.centervisible = true
|
|
||||||
break
|
|
||||||
default:
|
|
||||||
this.handleDelete(val.data)
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
// 班组状态
|
/** 表单重置 */
|
||||||
handleTableEvents(data) {
|
reset() {
|
||||||
updateGroupTeam({ ...data }).then((res) => {
|
this.form = {
|
||||||
if (res.code === 0) {
|
id: undefined,
|
||||||
this.$modal.msgSuccess("操作成功");
|
code: undefined,
|
||||||
|
name: undefined,
|
||||||
|
num: undefined,
|
||||||
|
leaderName: undefined,
|
||||||
|
};
|
||||||
|
this.resetForm("form");
|
||||||
|
},
|
||||||
|
/** 搜索按钮操作 */
|
||||||
|
handleQuery() {
|
||||||
|
this.queryParams.pageNo = 1;
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
/** 重置按钮操作 */
|
||||||
|
resetQuery() {
|
||||||
|
this.resetForm("queryForm");
|
||||||
|
this.handleQuery();
|
||||||
|
},
|
||||||
|
/** 新增按钮操作 */
|
||||||
|
handleAdd() {
|
||||||
|
this.reset();
|
||||||
|
this.open = true;
|
||||||
|
this.title = "添加班组基础信息";
|
||||||
|
},
|
||||||
|
/** 修改按钮操作 */
|
||||||
|
handleUpdate(row) {
|
||||||
|
this.reset();
|
||||||
|
const id = row.id;
|
||||||
|
getGroupTeam(id).then(response => {
|
||||||
|
this.form = response.data;
|
||||||
|
this.open = true;
|
||||||
|
this.title = "修改班组基础信息";
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 提交按钮 */
|
||||||
|
submitForm() {
|
||||||
|
this.$refs["form"].validate(valid => {
|
||||||
|
if (!valid) {
|
||||||
|
return;
|
||||||
}
|
}
|
||||||
})
|
// 修改的提交
|
||||||
},
|
if (this.form.id != null) {
|
||||||
handleCancel() {
|
updateGroupTeam(this.form).then(response => {
|
||||||
this.$refs.groupList.formClear()
|
this.$modal.msgSuccess("修改成功");
|
||||||
this.centervisible = false
|
this.open = false;
|
||||||
this.addOrEditTitle = ''
|
this.getList();
|
||||||
},
|
});
|
||||||
handleConfirm() {
|
return;
|
||||||
this.$refs.groupList.submitForm()
|
}
|
||||||
},
|
// 添加的提交
|
||||||
successSubmit() {
|
createGroupTeam(this.form).then(response => {
|
||||||
this.handleCancel()
|
this.$modal.msgSuccess("新增成功");
|
||||||
this.getList()
|
this.open = false;
|
||||||
|
this.getList();
|
||||||
|
});
|
||||||
|
});
|
||||||
},
|
},
|
||||||
/** 删除按钮操作 */
|
/** 删除按钮操作 */
|
||||||
handleDelete(row) {
|
handleDelete(row) {
|
||||||
this.$modal.confirm('是否确认删除班组名称为"' + row.name + '"的数据项?').then(function() {
|
const id = row.id;
|
||||||
return deleteGroupTeam(row.id);
|
this.$modal.confirm('是否确认删除班组基础信息编号为"' + id + '"的数据项?').then(function() {
|
||||||
|
return deleteGroupTeam(id);
|
||||||
}).then(() => {
|
}).then(() => {
|
||||||
this.queryParams.pageNo = 1;
|
|
||||||
this.getList();
|
this.getList();
|
||||||
this.$modal.msgSuccess("删除成功");
|
this.$modal.msgSuccess("删除成功");
|
||||||
}).catch(() => {});
|
}).catch(() => {});
|
||||||
|
},
|
||||||
|
/** 导出按钮操作 */
|
||||||
|
handleExport() {
|
||||||
|
// 处理查询参数
|
||||||
|
let params = {...this.queryParams};
|
||||||
|
params.pageNo = undefined;
|
||||||
|
params.pageSize = undefined;
|
||||||
|
this.$modal.confirm('是否确认导出所有班组基础信息数据项?').then(() => {
|
||||||
|
this.exportLoading = true;
|
||||||
|
return exportGroupTeamExcel(params);
|
||||||
|
}).then(response => {
|
||||||
|
this.$download.excel(response, '班组基础信息.xls');
|
||||||
|
this.exportLoading = false;
|
||||||
|
}).catch(() => {});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
@ -1,233 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="app-container">
|
|
||||||
|
|
||||||
<!-- 搜索工作栏 -->
|
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
|
||||||
<el-form-item label="上班日期" prop="startDay">
|
|
||||||
<el-input v-model="queryParams.startDay" placeholder="请输入上班日期" clearable @keyup.enter.native="handleQuery"/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
|
|
||||||
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
|
|
||||||
<!-- 操作工具栏 -->
|
|
||||||
<el-row :gutter="10" class="mb8">
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
|
|
||||||
v-hasPermi="['base:group-team-scheduling:create']">新增</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
|
|
||||||
v-hasPermi="['base:group-team-scheduling:export']">导出</el-button>
|
|
||||||
</el-col>
|
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<!-- 列表 -->
|
|
||||||
<el-table v-loading="loading" :data="list">
|
|
||||||
<el-table-column label="ID" align="center" prop="id" />
|
|
||||||
<el-table-column label="班组ID" align="center" prop="teamId" />
|
|
||||||
<el-table-column label="班次id" align="center" prop="classesId" />
|
|
||||||
<el-table-column label="上班日期" align="center" prop="startDay" />
|
|
||||||
<el-table-column label="上班时间" align="center" prop="startTime" width="180">
|
|
||||||
<template v-slot="scope">
|
|
||||||
<span>{{ parseTime(scope.row.startTime) }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="下班时间" align="center" prop="endTime" width="180">
|
|
||||||
<template v-slot="scope">
|
|
||||||
<span>{{ parseTime(scope.row.endTime) }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
|
|
||||||
<template v-slot="scope">
|
|
||||||
<span>{{ parseTime(scope.row.createTime) }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
||||||
<template v-slot="scope">
|
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
|
|
||||||
v-hasPermi="['base:group-team-scheduling:update']">修改</el-button>
|
|
||||||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
|
|
||||||
v-hasPermi="['base:group-team-scheduling:delete']">删除</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
<!-- 分页组件 -->
|
|
||||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="getList"/>
|
|
||||||
|
|
||||||
<!-- 对话框(添加 / 修改) -->
|
|
||||||
<el-dialog :title="title" :visible.sync="open" width="500px" v-dialogDrag append-to-body>
|
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
||||||
<el-form-item label="班组ID" prop="teamId">
|
|
||||||
<el-input v-model="form.teamId" placeholder="请输入班组ID" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="班次id" prop="classesId">
|
|
||||||
<el-input v-model="form.classesId" placeholder="请输入班次id" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="上班日期" prop="startDay">
|
|
||||||
<el-input v-model="form.startDay" placeholder="请输入上班日期" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="上班时间" prop="startTime">
|
|
||||||
<el-date-picker clearable v-model="form.startTime" type="date" value-format="timestamp" placeholder="选择上班时间" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="下班时间" prop="endTime">
|
|
||||||
<el-date-picker clearable v-model="form.endTime" type="date" value-format="timestamp" placeholder="选择下班时间" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|
||||||
<el-button @click="cancel">取 消</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { createGroupTeamScheduling, updateGroupTeamScheduling, deleteGroupTeamScheduling, getGroupTeamScheduling, getGroupTeamSchedulingPage, exportGroupTeamSchedulingExcel } from "@/api/base/groupTeamScheduling";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "GroupTeamScheduling",
|
|
||||||
components: {
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
// 遮罩层
|
|
||||||
loading: true,
|
|
||||||
// 导出遮罩层
|
|
||||||
exportLoading: false,
|
|
||||||
// 显示搜索条件
|
|
||||||
showSearch: true,
|
|
||||||
// 总条数
|
|
||||||
total: 0,
|
|
||||||
// 排班信息列表
|
|
||||||
list: [],
|
|
||||||
// 弹出层标题
|
|
||||||
title: "",
|
|
||||||
// 是否显示弹出层
|
|
||||||
open: false,
|
|
||||||
// 查询参数
|
|
||||||
queryParams: {
|
|
||||||
pageNo: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
startDay: [],
|
|
||||||
},
|
|
||||||
// 表单参数
|
|
||||||
form: {},
|
|
||||||
// 表单校验
|
|
||||||
rules: {
|
|
||||||
teamId: [{ required: true, message: "班组ID不能为空", trigger: "blur" }],
|
|
||||||
classesId: [{ required: true, message: "班次id不能为空", trigger: "blur" }],
|
|
||||||
}
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/** 查询列表 */
|
|
||||||
getList() {
|
|
||||||
this.loading = true;
|
|
||||||
// 执行查询
|
|
||||||
getGroupTeamSchedulingPage(this.queryParams).then(response => {
|
|
||||||
this.list = response.data.list;
|
|
||||||
this.total = response.data.total;
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 取消按钮 */
|
|
||||||
cancel() {
|
|
||||||
this.open = false;
|
|
||||||
this.reset();
|
|
||||||
},
|
|
||||||
/** 表单重置 */
|
|
||||||
reset() {
|
|
||||||
this.form = {
|
|
||||||
id: undefined,
|
|
||||||
teamId: undefined,
|
|
||||||
classesId: undefined,
|
|
||||||
startDay: undefined,
|
|
||||||
startTime: undefined,
|
|
||||||
endTime: undefined,
|
|
||||||
};
|
|
||||||
this.resetForm("form");
|
|
||||||
},
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNo = 1;
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
resetQuery() {
|
|
||||||
this.resetForm("queryForm");
|
|
||||||
this.handleQuery();
|
|
||||||
},
|
|
||||||
/** 新增按钮操作 */
|
|
||||||
handleAdd() {
|
|
||||||
this.reset();
|
|
||||||
this.open = true;
|
|
||||||
this.title = "添加排班信息";
|
|
||||||
},
|
|
||||||
/** 修改按钮操作 */
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.reset();
|
|
||||||
const id = row.id;
|
|
||||||
getGroupTeamScheduling(id).then(response => {
|
|
||||||
this.form = response.data;
|
|
||||||
this.open = true;
|
|
||||||
this.title = "修改排班信息";
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 提交按钮 */
|
|
||||||
submitForm() {
|
|
||||||
this.$refs["form"].validate(valid => {
|
|
||||||
if (!valid) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
// 修改的提交
|
|
||||||
if (this.form.id != null) {
|
|
||||||
updateGroupTeamScheduling(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("修改成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
// 添加的提交
|
|
||||||
createGroupTeamScheduling(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("新增成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 删除按钮操作 */
|
|
||||||
handleDelete(row) {
|
|
||||||
const id = row.id;
|
|
||||||
this.$modal.confirm('是否确认删除排班信息编号为"' + id + '"的数据项?').then(function() {
|
|
||||||
return deleteGroupTeamScheduling(id);
|
|
||||||
}).then(() => {
|
|
||||||
this.getList();
|
|
||||||
this.$modal.msgSuccess("删除成功");
|
|
||||||
}).catch(() => {});
|
|
||||||
},
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
handleExport() {
|
|
||||||
// 处理查询参数
|
|
||||||
let params = {...this.queryParams};
|
|
||||||
params.pageNo = undefined;
|
|
||||||
params.pageSize = undefined;
|
|
||||||
this.$modal.confirm('是否确认导出所有排班信息数据项?').then(() => {
|
|
||||||
this.exportLoading = true;
|
|
||||||
return exportGroupTeamSchedulingExcel(params);
|
|
||||||
}).then(response => {
|
|
||||||
this.$download.excel(response, '排班信息.xls');
|
|
||||||
this.exportLoading = false;
|
|
||||||
}).catch(() => {});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@ -1,343 +1,227 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<!-- 搜索工作栏 -->
|
|
||||||
<SearchBar
|
|
||||||
:formConfigs="searchBarFormConfig"
|
|
||||||
ref="search-bar"
|
|
||||||
@headBtnClick="handleSearchBarBtnClick" />
|
|
||||||
|
|
||||||
<!-- 列表 -->
|
<!-- 搜索工作栏 -->
|
||||||
<base-table
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||||
:table-props="tableProps"
|
<el-form-item>
|
||||||
:page="queryParams.pageNo"
|
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
|
||||||
:limit="queryParams.pageSize"
|
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||||
:table-data="list"
|
</el-form-item>
|
||||||
@emit-fun="handleEmitFun">
|
</el-form>
|
||||||
<method-btn
|
|
||||||
v-if="tableBtn.length"
|
|
||||||
slot="handleBtn"
|
|
||||||
label="操作"
|
|
||||||
fixed="right"
|
|
||||||
:method-list="tableBtn"
|
|
||||||
@clickBtn="handleTableBtnClick" />
|
|
||||||
</base-table>
|
|
||||||
|
|
||||||
<!-- 分页组件 -->
|
<!-- 操作工具栏 -->
|
||||||
<pagination
|
<el-row :gutter="10" class="mb8">
|
||||||
v-show="total > 0"
|
<el-col :span="1.5">
|
||||||
:total="total"
|
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
|
||||||
:page.sync="queryParams.pageNo"
|
v-hasPermi="['base:quality-inspection-box-btn:create']">新增</el-button>
|
||||||
:limit.sync="queryParams.pageSize"
|
</el-col>
|
||||||
@pagination="getList" />
|
<el-col :span="1.5">
|
||||||
|
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
|
||||||
|
v-hasPermi="['base:quality-inspection-box-btn:export']">导出</el-button>
|
||||||
|
</el-col>
|
||||||
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
<!-- 对话框(添加 / 修改) -->
|
<!-- 列表 -->
|
||||||
<base-dialog
|
<el-table v-loading="loading" :data="list">
|
||||||
:dialogTitle="title"
|
<el-table-column label="ID" align="center" prop="id" />
|
||||||
:dialogVisible="open"
|
<el-table-column label="该按钮绑定的检测内容id" align="center" prop="inspectionDetId" />
|
||||||
width="50%"
|
<el-table-column label="检测内容（设备推送消息时，可能无对应id，只填这个字段）" align="center" prop="inspectionDetContent" />
|
||||||
@close="cancel"
|
<el-table-column label="按钮盒所在产线id" align="center" prop="productionId" />
|
||||||
@cancel="cancel"
|
<el-table-column label="按钮盒所在工段id" align="center" prop="sectionId" />
|
||||||
@confirm="submitForm">
|
<el-table-column label="按钮盒模式" align="center" prop="model" />
|
||||||
<DialogForm
|
<el-table-column label="按钮值" align="center" prop="keyValue" />
|
||||||
v-if="open"
|
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
|
||||||
ref="form"
|
<template v-slot="scope">
|
||||||
:dataForm="form"
|
<span>{{ parseTime(scope.row.createTime) }}</span>
|
||||||
:rows="[
|
</template>
|
||||||
[
|
</el-table-column>
|
||||||
{
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||||
select: true,
|
<template v-slot="scope">
|
||||||
label: '产线',
|
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
|
||||||
url: '/base/production-line/listAll',
|
v-hasPermi="['base:quality-inspection-box-btn:update']">修改</el-button>
|
||||||
prop: 'productionId',
|
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
|
||||||
rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
|
v-hasPermi="['base:quality-inspection-box-btn:delete']">删除</el-button>
|
||||||
bind: {
|
</template>
|
||||||
filterable: true,
|
</el-table-column>
|
||||||
},
|
</el-table>
|
||||||
},
|
<!-- 分页组件 -->
|
||||||
],
|
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
|
||||||
[
|
@pagination="getList"/>
|
||||||
{
|
|
||||||
select: true,
|
<!-- 对话框(添加 / 修改) -->
|
||||||
label: '工段',
|
<el-dialog :title="title" :visible.sync="open" width="500px" v-dialogDrag append-to-body>
|
||||||
url: '/base/workshop-section/listAll',
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||||
prop: 'sectionId',
|
<el-form-item label="该按钮绑定的检测内容id" prop="inspectionDetId">
|
||||||
rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
|
<el-input v-model="form.inspectionDetId" placeholder="请输入该按钮绑定的检测内容id" />
|
||||||
},
|
</el-form-item>
|
||||||
// {
|
<el-form-item label="检测内容（设备推送消息时，可能无对应id，只填这个字段）" prop="inspectionDetContent">
|
||||||
// select: true,
|
<el-input v-model="form.inspectionDetContent" type="textarea" placeholder="请输入内容" />
|
||||||
// url: '', //
|
</el-form-item>
|
||||||
// label: '检测内容',
|
<el-form-item label="按钮盒所在产线id" prop="productionId">
|
||||||
// prop: 'inspectionDetContent',
|
<el-input v-model="form.productionId" placeholder="请输入按钮盒所在产线id" />
|
||||||
// rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
|
</el-form-item>
|
||||||
// },
|
<el-form-item label="按钮盒所在工段id" prop="sectionId">
|
||||||
],
|
<el-input v-model="form.sectionId" placeholder="请输入按钮盒所在工段id" />
|
||||||
[
|
</el-form-item>
|
||||||
{
|
<el-form-item label="按钮盒模式" prop="model">
|
||||||
input: true,
|
<el-input v-model="form.model" placeholder="请输入按钮盒模式" />
|
||||||
label: '按钮盒识别码',
|
</el-form-item>
|
||||||
prop: 'buttonId',
|
<el-form-item label="按钮值" prop="keyValue">
|
||||||
rules: [
|
<el-input v-model="form.keyValue" placeholder="请输入按钮值" />
|
||||||
{
|
</el-form-item>
|
||||||
type: 'number',
|
</el-form>
|
||||||
message: '请输入数字',
|
<div slot="footer" class="dialog-footer">
|
||||||
trigger: 'blur',
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||||
transform: (val) => Number(val),
|
<el-button @click="cancel">取 消</el-button>
|
||||||
},
|
</div>
|
||||||
],
|
</el-dialog>
|
||||||
},
|
</div>
|
||||||
],
|
|
||||||
[{ input: true, label: '按钮盒模式', prop: 'model' }],
|
|
||||||
[
|
|
||||||
{
|
|
||||||
input: true,
|
|
||||||
label: '按钮值',
|
|
||||||
prop: 'keyValue',
|
|
||||||
rules: [
|
|
||||||
{
|
|
||||||
type: 'number',
|
|
||||||
message: '请输入100以内的数字',
|
|
||||||
trigger: 'blur',
|
|
||||||
transform: (val) => Number(val) <= 100 && Number(val),
|
|
||||||
},
|
|
||||||
],
|
|
||||||
bind: { type: 'number', min: 0, max: 100 },
|
|
||||||
},
|
|
||||||
],
|
|
||||||
[
|
|
||||||
{
|
|
||||||
textarea: true,
|
|
||||||
label: '检测内容',
|
|
||||||
prop: 'inspectionDetContent',
|
|
||||||
rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
]" />
|
|
||||||
</base-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import {
|
import { createQualityInspectionBoxBtn, updateQualityInspectionBoxBtn, deleteQualityInspectionBoxBtn, getQualityInspectionBoxBtn, getQualityInspectionBoxBtnPage, exportQualityInspectionBoxBtnExcel } from "@/api/base/qualityInspectionBoxBtn";
|
||||||
createQualityInspectionBoxBtn,
|
|
||||||
updateQualityInspectionBoxBtn,
|
|
||||||
deleteQualityInspectionBoxBtn,
|
|
||||||
getQualityInspectionBoxBtn,
|
|
||||||
getQualityInspectionBoxBtnPage,
|
|
||||||
exportQualityInspectionBoxBtnExcel,
|
|
||||||
} from '@/api/base/qualityInspectionBoxBtn';
|
|
||||||
import basicPageMixin from '../../mixin/basicPageMixin';
|
|
||||||
import moment from 'moment';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'QualityInspectionBoxBtn',
|
name: "QualityInspectionBoxBtn",
|
||||||
mixins: [basicPageMixin],
|
components: {
|
||||||
components: {},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
searchBarFormConfig: [
|
// 遮罩层
|
||||||
{
|
loading: true,
|
||||||
type: 'input',
|
// 导出遮罩层
|
||||||
label: '检查内容',
|
exportLoading: false,
|
||||||
placeholder: '请输入检查内容',
|
// 显示搜索条件
|
||||||
param: 'inspectionDetContent',
|
showSearch: true,
|
||||||
},
|
// 总条数
|
||||||
{
|
total: 0,
|
||||||
type: 'button',
|
// 安灯按钮16键对应列表
|
||||||
btnName: '查询',
|
list: [],
|
||||||
name: 'search',
|
// 弹出层标题
|
||||||
color: 'primary',
|
title: "",
|
||||||
},
|
// 是否显示弹出层
|
||||||
{
|
open: false,
|
||||||
type: 'separate',
|
// 查询参数
|
||||||
},
|
queryParams: {
|
||||||
{
|
pageNo: 1,
|
||||||
type: this.$auth.hasPermi('base:quality-inspection-box-btn:create')
|
pageSize: 10,
|
||||||
? 'button'
|
inspectionDetContent: null,
|
||||||
: '',
|
},
|
||||||
btnName: '新增',
|
// 表单参数
|
||||||
name: 'add',
|
form: {},
|
||||||
plain: true,
|
// 表单校验
|
||||||
color: 'success',
|
rules: {
|
||||||
},
|
productionId: [{ required: true, message: "按钮盒所在产线id不能为空", trigger: "blur" }],
|
||||||
],
|
sectionId: [{ required: true, message: "按钮盒所在工段id不能为空", trigger: "blur" }],
|
||||||
tableBtn: [
|
}
|
||||||
this.$auth.hasPermi('base:quality-inspection-box-btn:update')
|
};
|
||||||
? {
|
},
|
||||||
type: 'edit',
|
created() {
|
||||||
btnName: '修改',
|
this.getList();
|
||||||
}
|
},
|
||||||
: undefined,
|
methods: {
|
||||||
this.$auth.hasPermi('base:quality-inspection-box-btn:delete')
|
/** 查询列表 */
|
||||||
? {
|
getList() {
|
||||||
type: 'delete',
|
this.loading = true;
|
||||||
btnName: '删除',
|
// 执行查询
|
||||||
}
|
getQualityInspectionBoxBtnPage(this.queryParams).then(response => {
|
||||||
: undefined,
|
this.list = response.data.list;
|
||||||
].filter((v) => v),
|
this.total = response.data.total;
|
||||||
tableProps: [
|
this.loading = false;
|
||||||
{
|
});
|
||||||
prop: 'createTime',
|
},
|
||||||
label: '添加时间',
|
/** 取消按钮 */
|
||||||
fixed: true,
|
cancel() {
|
||||||
width: 180,
|
this.open = false;
|
||||||
filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
|
this.reset();
|
||||||
},
|
},
|
||||||
{
|
/** 表单重置 */
|
||||||
width: 128,
|
reset() {
|
||||||
prop: 'productionName',
|
this.form = {
|
||||||
label: '产线',
|
id: undefined,
|
||||||
align: 'center',
|
inspectionDetId: undefined,
|
||||||
},
|
inspectionDetContent: undefined,
|
||||||
{
|
productionId: undefined,
|
||||||
width: 128,
|
sectionId: undefined,
|
||||||
prop: 'sectionName',
|
model: undefined,
|
||||||
label: '工段',
|
keyValue: undefined,
|
||||||
align: 'center',
|
};
|
||||||
},
|
this.resetForm("form");
|
||||||
{
|
},
|
||||||
width: 128,
|
/** 搜索按钮操作 */
|
||||||
prop: 'inspectionDetContent',
|
handleQuery() {
|
||||||
label: '检测内容',
|
this.queryParams.pageNo = 1;
|
||||||
align: 'center',
|
this.getList();
|
||||||
},
|
},
|
||||||
{
|
/** 重置按钮操作 */
|
||||||
width: 160,
|
resetQuery() {
|
||||||
prop: 'buttonId',
|
this.resetForm("queryForm");
|
||||||
label: '按钮盒识别码',
|
this.handleQuery();
|
||||||
align: 'center',
|
},
|
||||||
},
|
/** 新增按钮操作 */
|
||||||
// {
|
handleAdd() {
|
||||||
// width: 256,
|
this.reset();
|
||||||
// prop: 'productionId',
|
this.open = true;
|
||||||
// label: '按钮盒所在产线ID',
|
this.title = "添加安灯按钮16键对应";
|
||||||
// align: 'center',
|
},
|
||||||
// },
|
/** 修改按钮操作 */
|
||||||
// {
|
handleUpdate(row) {
|
||||||
// width: 256,
|
this.reset();
|
||||||
// prop: 'sectionId',
|
const id = row.id;
|
||||||
// label: '按钮盒所在工段ID',
|
getQualityInspectionBoxBtn(id).then(response => {
|
||||||
// align: 'center',
|
this.form = response.data;
|
||||||
// },
|
this.open = true;
|
||||||
{ width: 90, prop: 'keyValue', label: '按钮值', align: 'center' },
|
this.title = "修改安灯按钮16键对应";
|
||||||
{ width: 128, prop: 'model', label: '按钮盒模式', align: 'center' },
|
});
|
||||||
],
|
},
|
||||||
// 查询参数
|
/** 提交按钮 */
|
||||||
queryParams: {
|
submitForm() {
|
||||||
pageNo: 1,
|
this.$refs["form"].validate(valid => {
|
||||||
pageSize: 10,
|
if (!valid) {
|
||||||
inspectionDetContent: null,
|
return;
|
||||||
},
|
}
|
||||||
// 搜索框需要的 keys, 与上面 queryParams 的除 pageNo, pageSize 之外的 key 一一对应
|
// 修改的提交
|
||||||
searchBarKeys: ['inspectionDetContent'],
|
if (this.form.id != null) {
|
||||||
form: {
|
updateQualityInspectionBoxBtn(this.form).then(response => {
|
||||||
id: undefined,
|
this.$modal.msgSuccess("修改成功");
|
||||||
inspectionDetId: undefined,
|
this.open = false;
|
||||||
inspectionDetContent: undefined,
|
this.getList();
|
||||||
productionId: undefined,
|
});
|
||||||
sectionId: undefined,
|
return;
|
||||||
model: undefined,
|
}
|
||||||
keyValue: undefined,
|
// 添加的提交
|
||||||
},
|
createQualityInspectionBoxBtn(this.form).then(response => {
|
||||||
};
|
this.$modal.msgSuccess("新增成功");
|
||||||
},
|
this.open = false;
|
||||||
created() {
|
this.getList();
|
||||||
this.getList();
|
});
|
||||||
},
|
});
|
||||||
methods: {
|
},
|
||||||
/** 查询列表 */
|
/** 删除按钮操作 */
|
||||||
getList() {
|
handleDelete(row) {
|
||||||
this.loading = true;
|
const id = row.id;
|
||||||
// 执行查询
|
this.$modal.confirm('是否确认删除安灯按钮16键对应编号为"' + id + '"的数据项?').then(function() {
|
||||||
getQualityInspectionBoxBtnPage(this.queryParams).then((response) => {
|
return deleteQualityInspectionBoxBtn(id);
|
||||||
this.list = response.data.list;
|
}).then(() => {
|
||||||
this.total = response.data.total;
|
this.getList();
|
||||||
this.loading = false;
|
this.$modal.msgSuccess("删除成功");
|
||||||
});
|
}).catch(() => {});
|
||||||
},
|
},
|
||||||
/** 表单重置 */
|
/** 导出按钮操作 */
|
||||||
reset() {
|
handleExport() {
|
||||||
this.form = {
|
// 处理查询参数
|
||||||
id: undefined,
|
let params = {...this.queryParams};
|
||||||
inspectionDetId: undefined,
|
params.pageNo = undefined;
|
||||||
inspectionDetContent: undefined,
|
params.pageSize = undefined;
|
||||||
productionId: undefined,
|
this.$modal.confirm('是否确认导出所有安灯按钮16键对应数据项?').then(() => {
|
||||||
sectionId: undefined,
|
this.exportLoading = true;
|
||||||
model: undefined,
|
return exportQualityInspectionBoxBtnExcel(params);
|
||||||
keyValue: undefined,
|
}).then(response => {
|
||||||
};
|
this.$download.excel(response, '安灯按钮16键对应.xls');
|
||||||
this.resetForm('form');
|
this.exportLoading = false;
|
||||||
},
|
}).catch(() => {});
|
||||||
/** 新增按钮操作 */
|
}
|
||||||
handleAdd() {
|
}
|
||||||
this.reset();
|
|
||||||
this.open = true;
|
|
||||||
this.title = '添加安灯按钮16键对应';
|
|
||||||
},
|
|
||||||
/** 修改按钮操作 */
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.reset();
|
|
||||||
const id = row.id;
|
|
||||||
getQualityInspectionBoxBtn(id).then((response) => {
|
|
||||||
this.form = response.data;
|
|
||||||
this.open = true;
|
|
||||||
this.title = '修改安灯按钮16键对应';
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 提交按钮 */
|
|
||||||
submitForm() {
|
|
||||||
this.$refs['form'].validate((valid) => {
|
|
||||||
if (!valid) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
// 修改的提交
|
|
||||||
if (this.form.id != null) {
|
|
||||||
updateQualityInspectionBoxBtn(this.form).then((response) => {
|
|
||||||
this.$modal.msgSuccess('修改成功');
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
// 添加的提交
|
|
||||||
createQualityInspectionBoxBtn(this.form).then((response) => {
|
|
||||||
this.$modal.msgSuccess('新增成功');
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 删除按钮操作 */
|
|
||||||
handleDelete(row) {
|
|
||||||
const id = row.id;
|
|
||||||
this.$modal
|
|
||||||
.confirm('是否确认删除安灯按钮16键对应编号为"' + id + '"的数据项?')
|
|
||||||
.then(function () {
|
|
||||||
return deleteQualityInspectionBoxBtn(id);
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
this.getList();
|
|
||||||
this.$modal.msgSuccess('删除成功');
|
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
},
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
handleExport() {
|
|
||||||
// 处理查询参数
|
|
||||||
let params = { ...this.queryParams };
|
|
||||||
params.pageNo = undefined;
|
|
||||||
params.pageSize = undefined;
|
|
||||||
this.$modal
|
|
||||||
.confirm('是否确认导出所有安灯按钮16键对应数据项?')
|
|
||||||
.then(() => {
|
|
||||||
this.exportLoading = true;
|
|
||||||
return exportQualityInspectionBoxBtnExcel(params);
|
|
||||||
})
|
|
||||||
.then((response) => {
|
|
||||||
this.$download.excel(response, '安灯按钮16键对应.xls');
|
|
||||||
this.exportLoading = false;
|
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -17,7 +17,6 @@
|
|||||||
v-if="tableBtn.length"
|
v-if="tableBtn.length"
|
||||||
slot="handleBtn"
|
slot="handleBtn"
|
||||||
label="操作"
|
label="操作"
|
||||||
fixed="right"
|
|
||||||
:method-list="tableBtn"
|
:method-list="tableBtn"
|
||||||
@clickBtn="handleTableBtnClick" />
|
@clickBtn="handleTableBtnClick" />
|
||||||
</base-table>
|
</base-table>
|
||||||
@ -34,45 +33,28 @@
|
|||||||
<base-dialog
|
<base-dialog
|
||||||
:dialogTitle="title"
|
:dialogTitle="title"
|
||||||
:dialogVisible="open"
|
:dialogVisible="open"
|
||||||
width="40%"
|
|
||||||
@close="cancel"
|
|
||||||
@cancel="cancel"
|
@cancel="cancel"
|
||||||
@confirm="submitForm">
|
@confirm="submitForm">
|
||||||
<DialogForm
|
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
||||||
v-if="open"
|
<el-form-item label="检测类型id" prop="typeId">
|
||||||
ref="form"
|
<el-select v-model="form.typeId" placeholder="请选择检测类型">
|
||||||
:dataForm="form"
|
<el-option
|
||||||
:rows="[
|
v-for="opt in typeList"
|
||||||
[
|
:key="opt.value"
|
||||||
{
|
:label="opt.label"
|
||||||
select: true,
|
:value="opt.value" />
|
||||||
label: '检测类型',
|
</el-select>
|
||||||
prop: 'typeId',
|
</el-form-item>
|
||||||
url: '/base/quality-inspection-type/listAll',
|
<el-form-item label="检测内容" prop="content">
|
||||||
rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
|
<el-input v-model="form.content" placeholder="请输入检测内容" />
|
||||||
bind: {
|
</el-form-item>
|
||||||
filterable: true,
|
<el-form-item label="检测编码" prop="code">
|
||||||
},
|
<el-input v-model="form.code" placeholder="请输入检测编码" />
|
||||||
},
|
</el-form-item>
|
||||||
],
|
<el-form-item label="备注" prop="remark">
|
||||||
[
|
<el-input v-model="form.remark" placeholder="请输入备注" />
|
||||||
{
|
</el-form-item>
|
||||||
input: true,
|
</el-form>
|
||||||
label: '检测内容',
|
|
||||||
prop: 'content',
|
|
||||||
rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
[
|
|
||||||
{
|
|
||||||
input: true,
|
|
||||||
label: '内容编码',
|
|
||||||
prop: 'code',
|
|
||||||
url: '/base/quality-inspection-det/getCode',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
[{ input: true, label: '备注', prop: 'remark' }],
|
|
||||||
]" />
|
|
||||||
</base-dialog>
|
</base-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -89,11 +71,9 @@ import {
|
|||||||
|
|
||||||
import moment from 'moment';
|
import moment from 'moment';
|
||||||
|
|
||||||
import basicPageMixin from '../../mixin/basicPageMixin';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'QualityInspectionDet',
|
name: 'QualityInspectionDet',
|
||||||
mixins: [basicPageMixin],
|
components: {},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
typeList: [], // 检测类型列表
|
typeList: [], // 检测类型列表
|
||||||
@ -104,20 +84,19 @@ export default {
|
|||||||
placeholder: '请输入检测内容',
|
placeholder: '请输入检测内容',
|
||||||
param: 'content',
|
param: 'content',
|
||||||
},
|
},
|
||||||
// {
|
{
|
||||||
// type: 'datePicker',
|
type: 'datePicker',
|
||||||
// label: '创建时间',
|
label: '创建时间',
|
||||||
// dateType: 'daterange', // datetimerange
|
dateType: 'daterange', // datetimerange
|
||||||
// // format: 'yyyy-MM-dd HH:mm:ss',
|
format: 'yyyy-MM-dd HH:mm:ss',
|
||||||
// format: 'yyyy-MM-dd',
|
valueFormat: 'yyyy-MM-ddTHH:mm:ss',
|
||||||
// valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
rangeSeparator: '-',
|
||||||
// rangeSeparator: '-',
|
startPlaceholder: '开始日期',
|
||||||
// startPlaceholder: '开始日期',
|
endPlaceholder: '结束日期',
|
||||||
// endPlaceholder: '结束日期',
|
defaultTime: ['00:00:00', '23:59:59'],
|
||||||
// defaultTime: ['00:00:00', '23:59:59'],
|
param: 'createTime',
|
||||||
// param: 'createTime',
|
width: 350,
|
||||||
// width: 350,
|
},
|
||||||
// },
|
|
||||||
{
|
{
|
||||||
type: 'button',
|
type: 'button',
|
||||||
btnName: '查询',
|
btnName: '查询',
|
||||||
@ -164,6 +143,7 @@ export default {
|
|||||||
}
|
}
|
||||||
: undefined,
|
: undefined,
|
||||||
].filter((v) => v),
|
].filter((v) => v),
|
||||||
|
tableData: [],
|
||||||
tableProps: [
|
tableProps: [
|
||||||
{
|
{
|
||||||
prop: 'createTime',
|
prop: 'createTime',
|
||||||
@ -172,11 +152,25 @@ export default {
|
|||||||
width: 180,
|
width: 180,
|
||||||
filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
|
filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
|
||||||
},
|
},
|
||||||
{ prop: 'typeName', label: '类型名称', align: 'center' },
|
{ prop: 'typeId', label: '检测类型ID', align: 'center' },
|
||||||
{ prop: 'content', label: '检测内容', align: 'center' },
|
{ prop: 'content', label: '检测类型内容', align: 'center' },
|
||||||
{ prop: 'code', label: '检测编码', align: 'center' },
|
{ prop: 'code', label: '检测编码', align: 'center' },
|
||||||
{ prop: 'remark', label: '备注', align: 'center' },
|
{ prop: 'remark', label: '备注', align: 'center' },
|
||||||
],
|
],
|
||||||
|
// 遮罩层
|
||||||
|
loading: true,
|
||||||
|
// 导出遮罩层
|
||||||
|
exportLoading: false,
|
||||||
|
// 显示搜索条件
|
||||||
|
showSearch: true,
|
||||||
|
// 总条数
|
||||||
|
total: 0,
|
||||||
|
// 质量检测信息基础列表
|
||||||
|
list: [],
|
||||||
|
// 弹出层标题
|
||||||
|
title: '',
|
||||||
|
// 是否显示弹出层
|
||||||
|
open: false,
|
||||||
// 查询参数
|
// 查询参数
|
||||||
queryParams: {
|
queryParams: {
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
@ -184,14 +178,16 @@ export default {
|
|||||||
content: null,
|
content: null,
|
||||||
createTime: [],
|
createTime: [],
|
||||||
},
|
},
|
||||||
// 搜索框需要的 keys, 与上面 queryParams 的除 pageNo, pageSize 之外的 key 一一对应
|
// 表单参数
|
||||||
searchBarKeys: ['content', 'createTime'],
|
form: {},
|
||||||
form: {
|
// 表单校验
|
||||||
id: undefined,
|
rules: {
|
||||||
typeId: undefined,
|
typeId: [
|
||||||
content: undefined,
|
{ required: true, message: '检测类型id不能为空', trigger: 'change' },
|
||||||
code: undefined,
|
],
|
||||||
remark: undefined,
|
content: [
|
||||||
|
{ required: true, message: '检测内容不能为空', trigger: 'blur' },
|
||||||
|
],
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
@ -200,16 +196,59 @@ export default {
|
|||||||
this.getTypeList();
|
this.getTypeList();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
/** base table related */
|
||||||
|
handleTableBtnClick({ data, type }) {
|
||||||
|
switch (type) {
|
||||||
|
case 'edit':
|
||||||
|
this.handleUpdate(data);
|
||||||
|
break;
|
||||||
|
case 'delete':
|
||||||
|
this.handleDelete(data);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
/** search bar related */
|
||||||
|
handleSearchBarBtnClick(btn) {
|
||||||
|
const keys = ['name', 'createTime']; // timeVal
|
||||||
|
switch (btn.btnName) {
|
||||||
|
case 'search':
|
||||||
|
keys.forEach((key) => {
|
||||||
|
if (key == 'timeVal') {
|
||||||
|
this.queryParams['startTime'] = btn.timeVal[0];
|
||||||
|
this.queryParams['endTime'] = btn.timeVal[1];
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.queryParams[key] = btn[key] || null;
|
||||||
|
});
|
||||||
|
this.handleQuery();
|
||||||
|
break;
|
||||||
|
case 'add':
|
||||||
|
this.handleAdd();
|
||||||
|
break;
|
||||||
|
case 'export':
|
||||||
|
this.handleExport();
|
||||||
|
break;
|
||||||
|
case 'reset':
|
||||||
|
this.$refs['search-bar'].resetForm();
|
||||||
|
this.resetQuery();
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleEmitFun(val) {
|
||||||
|
console.log('emit unf', val);
|
||||||
|
},
|
||||||
/** 获取检测类型id */
|
/** 获取检测类型id */
|
||||||
getTypeList() {
|
getTypeList() {
|
||||||
this.$axios('/base/quality-inspection-type/listAll').then((response) => {
|
this.$axios('/base/quality-inspection-type/listAll').then(
|
||||||
this.typeList = response.data.map((item) => {
|
(response) => {
|
||||||
return {
|
this.typeList = response.data.map((item) => {
|
||||||
label: item.name,
|
return {
|
||||||
value: item.id,
|
label: item.name,
|
||||||
};
|
value: item.id,
|
||||||
});
|
};
|
||||||
});
|
});
|
||||||
|
}
|
||||||
|
);
|
||||||
},
|
},
|
||||||
/** 查询列表 */
|
/** 查询列表 */
|
||||||
getList() {
|
getList() {
|
||||||
@ -221,6 +260,11 @@ export default {
|
|||||||
this.loading = false;
|
this.loading = false;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
/** 取消按钮 */
|
||||||
|
cancel() {
|
||||||
|
this.open = false;
|
||||||
|
this.reset();
|
||||||
|
},
|
||||||
/** 表单重置 */
|
/** 表单重置 */
|
||||||
reset() {
|
reset() {
|
||||||
this.form = {
|
this.form = {
|
||||||
@ -232,6 +276,16 @@ export default {
|
|||||||
};
|
};
|
||||||
this.resetForm('form');
|
this.resetForm('form');
|
||||||
},
|
},
|
||||||
|
/** 搜索按钮操作 */
|
||||||
|
handleQuery() {
|
||||||
|
this.queryParams.pageNo = 1;
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
/** 重置按钮操作 */
|
||||||
|
resetQuery() {
|
||||||
|
this.resetForm('queryForm');
|
||||||
|
this.handleQuery();
|
||||||
|
},
|
||||||
/** 新增按钮操作 */
|
/** 新增按钮操作 */
|
||||||
handleAdd() {
|
handleAdd() {
|
||||||
this.reset();
|
this.reset();
|
||||||
|
|||||||
@ -52,14 +52,7 @@
|
|||||||
// }
|
// }
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
[
|
[{ input: true, label: '检测类型编码', prop: 'code' }],
|
||||||
{
|
|
||||||
input: true,
|
|
||||||
label: '检测类型编码',
|
|
||||||
prop: 'code',
|
|
||||||
url: '/base/quality-inspection-type/getCode',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
[{ input: true, label: '备注', prop: 'remark' }],
|
[{ input: true, label: '备注', prop: 'remark' }],
|
||||||
]" />
|
]" />
|
||||||
</base-dialog>
|
</base-dialog>
|
||||||
@ -68,6 +61,7 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import moment from 'moment';
|
import moment from 'moment';
|
||||||
|
import DialogForm from '../../components/dialogForm.vue';
|
||||||
|
|
||||||
import {
|
import {
|
||||||
createQualityInspectionType,
|
createQualityInspectionType,
|
||||||
@ -77,11 +71,10 @@ import {
|
|||||||
getQualityInspectionTypePage,
|
getQualityInspectionTypePage,
|
||||||
exportQualityInspectionTypeExcel,
|
exportQualityInspectionTypeExcel,
|
||||||
} from '@/api/base/qualityInspectionType';
|
} from '@/api/base/qualityInspectionType';
|
||||||
import basicPageMixin from '../../mixin/basicPageMixin';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'QualityInspectionType',
|
name: 'QualityInspectionType',
|
||||||
mixins: [basicPageMixin],
|
components: { DialogForm },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
tableBtn: [
|
tableBtn: [
|
||||||
@ -98,6 +91,7 @@ export default {
|
|||||||
}
|
}
|
||||||
: undefined,
|
: undefined,
|
||||||
].filter((v) => v),
|
].filter((v) => v),
|
||||||
|
tableData: [],
|
||||||
tableProps: [
|
tableProps: [
|
||||||
{
|
{
|
||||||
prop: 'createTime',
|
prop: 'createTime',
|
||||||
@ -198,6 +192,18 @@ export default {
|
|||||||
// [{ input: true, label: '检测类型编码', prop: 'code' }],
|
// [{ input: true, label: '检测类型编码', prop: 'code' }],
|
||||||
// [{ input: true, label: '备注', prop: 'remark' }],
|
// [{ input: true, label: '备注', prop: 'remark' }],
|
||||||
// ],
|
// ],
|
||||||
|
// 遮罩层
|
||||||
|
loading: true,
|
||||||
|
// 导出遮罩层
|
||||||
|
exportLoading: false,
|
||||||
|
// 显示搜索条件
|
||||||
|
showSearch: true,
|
||||||
|
// 总条数
|
||||||
|
total: 0,
|
||||||
|
// 质量检测类型基础列表
|
||||||
|
list: [],
|
||||||
|
// 弹出层标题
|
||||||
|
title: '',
|
||||||
// 是否显示弹出层
|
// 是否显示弹出层
|
||||||
open: false,
|
open: false,
|
||||||
// 查询参数
|
// 查询参数
|
||||||
@ -255,6 +261,7 @@ export default {
|
|||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
/** 查询列表 */
|
/** 查询列表 */
|
||||||
getList() {
|
getList() {
|
||||||
this.loading = true;
|
this.loading = true;
|
||||||
@ -265,6 +272,11 @@ export default {
|
|||||||
this.loading = false;
|
this.loading = false;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
/** 取消按钮 */
|
||||||
|
cancel() {
|
||||||
|
this.open = false;
|
||||||
|
this.reset();
|
||||||
|
},
|
||||||
/** 表单重置 */
|
/** 表单重置 */
|
||||||
reset() {
|
reset() {
|
||||||
this.form = {
|
this.form = {
|
||||||
@ -275,12 +287,25 @@ export default {
|
|||||||
};
|
};
|
||||||
this.resetForm('form');
|
this.resetForm('form');
|
||||||
},
|
},
|
||||||
|
/** 搜索按钮操作 */
|
||||||
|
handleQuery() {
|
||||||
|
this.queryParams.pageNo = 1;
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
/** 重置按钮操作 */
|
||||||
|
resetQuery() {
|
||||||
|
this.resetForm('queryForm');
|
||||||
|
this.handleQuery();
|
||||||
|
},
|
||||||
/** 新增按钮操作 */
|
/** 新增按钮操作 */
|
||||||
handleAdd() {
|
handleAdd() {
|
||||||
this.reset();
|
this.reset();
|
||||||
this.open = true;
|
this.open = true;
|
||||||
this.title = '添加质量检测类型基础';
|
this.title = '添加质量检测类型基础';
|
||||||
},
|
},
|
||||||
|
handleEmitFun(val) {
|
||||||
|
console.log('emit unf', val);
|
||||||
|
},
|
||||||
/** 修改按钮操作 */
|
/** 修改按钮操作 */
|
||||||
handleUpdate(row) {
|
handleUpdate(row) {
|
||||||
this.reset();
|
this.reset();
|
||||||
|
|||||||
@ -18,19 +18,10 @@
|
|||||||
v-if="col.input"
|
v-if="col.input"
|
||||||
v-model="form[col.prop]"
|
v-model="form[col.prop]"
|
||||||
@change="$emit('update', form)"
|
@change="$emit('update', form)"
|
||||||
:placeholder="`请输入${col.label}`"
|
|
||||||
v-bind="col.bind" />
|
|
||||||
<el-input
|
|
||||||
v-if="col.textarea"
|
|
||||||
type="textarea"
|
|
||||||
v-model="form[col.prop]"
|
|
||||||
@change="$emit('update', form)"
|
|
||||||
:placeholder="`请输入${col.label}`"
|
|
||||||
v-bind="col.bind" />
|
v-bind="col.bind" />
|
||||||
<el-select
|
<el-select
|
||||||
v-if="col.select"
|
v-if="col.select"
|
||||||
v-model="form[col.prop]"
|
v-model="form[col.prop]"
|
||||||
:placeholder="`请选择${col.label}`"
|
|
||||||
@change="$emit('update', form)"
|
@change="$emit('update', form)"
|
||||||
v-bind="col.bind">
|
v-bind="col.bind">
|
||||||
<el-option
|
<el-option
|
||||||
@ -82,7 +73,7 @@ export default {
|
|||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
formLoading: true,
|
formLoading: false,
|
||||||
optionListOf: {},
|
optionListOf: {},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
@ -99,6 +90,7 @@ export default {
|
|||||||
},
|
},
|
||||||
set(val) {
|
set(val) {
|
||||||
console.log('set form', val);
|
console.log('set form', val);
|
||||||
|
// this.$emit('update', val);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
@ -107,59 +99,41 @@ export default {
|
|||||||
this.handleOptions();
|
this.handleOptions();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
/** 模拟透传 ref */
|
/** 模拟透传 ref */
|
||||||
validate(cb) {
|
validate(cb) {
|
||||||
return this.$refs.form.validate(cb);
|
return this.$refs.form.validate(cb);
|
||||||
},
|
},
|
||||||
resetFields(args) {
|
resetFields(args) {
|
||||||
return this.$refs.form.resetFields(args);
|
return this.$refs.form.resetFields(args);
|
||||||
},
|
},
|
||||||
// getCode
|
|
||||||
async getCode(url) {
|
|
||||||
const response = await this.$axios(url);
|
|
||||||
return response.data;
|
|
||||||
},
|
|
||||||
handleOptions() {
|
handleOptions() {
|
||||||
// console.log("[dialogForm:handleOptions]")
|
|
||||||
const promiseList = [];
|
const promiseList = [];
|
||||||
this.rows.forEach((cols) => {
|
this.rows.forEach((cols) => {
|
||||||
cols.forEach(async (opt) => {
|
cols.forEach(async (opt) => {
|
||||||
if (opt.options) {
|
if (opt.options) {
|
||||||
this.optionListOf[opt.prop] = opt.options;
|
this.optionListOf[opt.prop] = opt.options;
|
||||||
} else if (opt.url) {
|
} else if (opt.url) {
|
||||||
// 如果是下拉框，或者新增模式下的输入框，才去请求
|
promiseList.push(async () => {
|
||||||
if (opt.select || (opt.input && !this.form?.id)) {
|
const response = await this.$axios(opt.url, {
|
||||||
promiseList.push(async () => {
|
method: opt.method ?? 'get',
|
||||||
const response = await this.$axios(opt.url, {
|
|
||||||
method: opt.method ?? 'get',
|
|
||||||
});
|
|
||||||
console.log('[dialogForm:handleOptions:response]', response);
|
|
||||||
if (opt.select) {
|
|
||||||
// 处理下拉框选项
|
|
||||||
const list =
|
|
||||||
'list' in response.data
|
|
||||||
? response.data.list
|
|
||||||
: response.data;
|
|
||||||
this.$set(
|
|
||||||
this.optionListOf,
|
|
||||||
opt.prop,
|
|
||||||
list.map((item) => ({
|
|
||||||
label: item[opt.labelKey ?? 'name'],
|
|
||||||
value: item[opt.valueKey ?? 'id'],
|
|
||||||
}))
|
|
||||||
);
|
|
||||||
} else if (opt.input) {
|
|
||||||
// 处理输入框数据
|
|
||||||
this.form[opt.prop] = response.data;
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
}
|
console.log('[dialogForm:handleOptions:response]', response);
|
||||||
|
const list =
|
||||||
|
'list' in response.data ? response.data.list : response.data;
|
||||||
|
this.$set(
|
||||||
|
this.optionListOf,
|
||||||
|
opt.prop,
|
||||||
|
list.map((item) => ({
|
||||||
|
label: item[opt.labelKey ?? 'name'],
|
||||||
|
value: item[opt.valueKey ?? 'id'],
|
||||||
|
}))
|
||||||
|
);
|
||||||
|
});
|
||||||
try {
|
try {
|
||||||
// this.formLoading = true;
|
this.formLoading = true;
|
||||||
// console.log("[dialogForm:handleOptions:promiseList]", promiseList)
|
await Promise.all(promiseList);
|
||||||
await Promise.all(promiseList.map((fn) => fn()));
|
|
||||||
this.formLoading = false;
|
this.formLoading = false;
|
||||||
// console.log("[dialogForm:handleOptions:optionListOf]", this.optionListOf)
|
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.log('[dialogForm:handleOptions:error]', error);
|
console.log('[dialogForm:handleOptions:error]', error);
|
||||||
this.formLoading = false;
|
this.formLoading = false;
|
||||||
@ -167,14 +141,10 @@ export default {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
if (!promiseList.length) this.formLoading = false;
|
// this.formLoading = false;
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss"></style>
|
||||||
.el-select {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|||||||
@ -1,7 +1,4 @@
|
|||||||
import DialogForm from '../components/dialogForm.vue';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: { DialogForm },
|
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
// 遮罩层
|
// 遮罩层
|
||||||
@ -18,24 +15,32 @@ export default {
|
|||||||
title: '',
|
title: '',
|
||||||
// 是否显示弹出层
|
// 是否显示弹出层
|
||||||
open: false,
|
open: false,
|
||||||
|
// 查询参数
|
||||||
|
queryParams: {
|
||||||
|
pageNo: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
},
|
||||||
|
|
||||||
// 列表数据
|
// 列表数据
|
||||||
tableData: [],
|
tableData: [],
|
||||||
// 弹窗的表单
|
tableProps: [], // 占位
|
||||||
// form: {}, // 占位
|
tableBtn: [], // 占位
|
||||||
// 搜索框需要的 keys
|
searchBarFormConfig: [], // 占位
|
||||||
// searchBarKeys: [], // 占位
|
// 弹窗表单配置
|
||||||
// tableProps: [], // 占位
|
dialogFormConfig: [], // 占位
|
||||||
// tableBtn: [], // 占位
|
|
||||||
// searchBarFormConfig: [], // 占位
|
|
||||||
// // 弹窗表单配置
|
|
||||||
// dialogFormConfig: [], // 占位
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted() {},
|
mounted() {
|
||||||
|
if (this.prepareSelectOptions) {
|
||||||
|
// 准备列表的options
|
||||||
|
// TODO: 也许需要挪到 dialogForm.vue 里
|
||||||
|
this.prepareSelectOptions();
|
||||||
|
}
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 处理搜索条件
|
// 处理搜索条件
|
||||||
handleSearchBarBtnClick() {},
|
handleSearchBarBtnClick() {},
|
||||||
// 处理表格按钮
|
// 处理表格按钮
|
||||||
handleTableBtnClick({ data, type }) {
|
handleTableBtnClick({ data, type }) {
|
||||||
switch (type) {
|
switch (type) {
|
||||||
case 'edit':
|
case 'edit':
|
||||||
@ -48,10 +53,10 @@ export default {
|
|||||||
},
|
},
|
||||||
// 处理搜索栏按钮
|
// 处理搜索栏按钮
|
||||||
handleSearchBarBtnClick(btn) {
|
handleSearchBarBtnClick(btn) {
|
||||||
// const keys = ['name', 'createTime']; // timeVal // 已被 searchBarKeys 替代
|
const keys = ['name', 'createTime']; // timeVal
|
||||||
switch (btn.btnName) {
|
switch (btn.btnName) {
|
||||||
case 'search':
|
case 'search':
|
||||||
this.searchBarKeys.forEach((key) => {
|
keys.forEach((key) => {
|
||||||
if (key == 'timeVal') {
|
if (key == 'timeVal') {
|
||||||
this.queryParams['startTime'] = btn.timeVal[0];
|
this.queryParams['startTime'] = btn.timeVal[0];
|
||||||
this.queryParams['endTime'] = btn.timeVal[1];
|
this.queryParams['endTime'] = btn.timeVal[1];
|
||||||
@ -78,20 +83,5 @@ export default {
|
|||||||
},
|
},
|
||||||
// 获取列表数据
|
// 获取列表数据
|
||||||
getList() {},
|
getList() {},
|
||||||
/** 搜索按钮操作 */
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNo = 1;
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
resetQuery() {
|
|
||||||
this.resetForm('queryForm');
|
|
||||||
this.handleQuery();
|
|
||||||
},
|
|
||||||
/** 取消按钮 */
|
|
||||||
cancel() {
|
|
||||||
this.open = false;
|
|
||||||
this.reset();
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user