修改问题
parent
b63203cc34
commit
d0b1acb1d6
@ -0,0 +1,166 @@
|
||||
<template>
|
||||
<a-modal title="服务项目编辑" :width="900" :visible="visible" @cancel="handleCancel" :confirmLoading="confirmLoading">
|
||||
<a-spin :spinning="confirmLoading">
|
||||
<a-form :form="form">
|
||||
<a-form-item label="服务项目名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
|
||||
<a-input
|
||||
placeholder="服务项目名称"
|
||||
v-decorator="['serviceProjectName', { rules: [{ required: true, message: '请输入服务项目名称！' }] }]" />
|
||||
</a-form-item>
|
||||
<a-form-item label="服务项目代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
|
||||
<a-input
|
||||
placeholder="服务项目代码"
|
||||
v-decorator="['serviceProjectCode', { rules: [{ required: true, message: '请输入服务项目代码！' }] }]" />
|
||||
</a-form-item>
|
||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="排序">
|
||||
<a-input-number placeholder="请输入排序" style="width: 100%" v-decorator="['sortNo']" :min="1" :max="1000" />
|
||||
</a-form-item>
|
||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="服务项目说明">
|
||||
<a-textarea
|
||||
placeholder="服务项目说明"
|
||||
v-decorator="['serviceProjectNote', { rules: [{ required: true, message: '请输入服务项目说明！' }] }]"
|
||||
:rows="4" />
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
</a-spin>
|
||||
<template slot="footer">
|
||||
<a-button @click="handleCancel">
|
||||
关闭
|
||||
</a-button>
|
||||
<a-button @click="handleDelete" type="danger">
|
||||
删除
|
||||
</a-button>
|
||||
<a-button @click="handleUnable">
|
||||
取消启用
|
||||
</a-button>
|
||||
<a-button @click="handleAble" type="primary">
|
||||
启用
|
||||
</a-button>
|
||||
<a-button @click="handleSubmit" type="primary">
|
||||
保存
|
||||
</a-button>
|
||||
<a-button @click="handleSubmitEnable" type="primary">
|
||||
保存并启用
|
||||
</a-button>
|
||||
</template>
|
||||
</a-modal>
|
||||
</template>
|
||||
<script>
|
||||
import { ServiceProjectSavAndEnable, ServiceProjectSave, ServiceProjectDelete, ServiceProjectSetUnEnable, ServiceProjectSetEnable } from '@/api/modular/system/appManage'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
labelCol: {
|
||||
xs: { span: 24 },
|
||||
sm: { span: 5 }
|
||||
},
|
||||
wrapperCol: {
|
||||
xs: { span: 24 },
|
||||
sm: { span: 15 }
|
||||
},
|
||||
pkId: '',
|
||||
visible: false,
|
||||
confirmLoading: false,
|
||||
form: this.$form.createForm(this)
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 初始化方法
|
||||
edit(record) {
|
||||
this.visible = true
|
||||
setTimeout(() => {
|
||||
this.form.setFieldsValue(
|
||||
{
|
||||
serviceProjectCode: record.serviceProjectCode,
|
||||
serviceProjectName: record.serviceProjectName,
|
||||
sortNo: record.sortNo,
|
||||
serviceProjectNote: record.serviceProjectNote
|
||||
}
|
||||
)
|
||||
this.pkId = record.pkId
|
||||
}, 100)
|
||||
},
|
||||
handleDelete() {
|
||||
ServiceProjectDelete([this.pkId]).then(res => {
|
||||
if (res.data.succ) {
|
||||
this.$message.success('删除成功')
|
||||
this.visible = false
|
||||
this.$emit('ok')
|
||||
} else {
|
||||
this.$message.error(res.data.msg)
|
||||
}
|
||||
})
|
||||
},
|
||||
handleUnable() {
|
||||
ServiceProjectSetUnEnable([this.pkId]).then(res => {
|
||||
if (res.data.succ) {
|
||||
this.$message.success('取消启用成功')
|
||||
this.visible = false
|
||||
} else {
|
||||
this.$message.error(res.data.msg)
|
||||
}
|
||||
})
|
||||
},
|
||||
handleAble() {
|
||||
ServiceProjectSetEnable([this.pkId]).then(res => {
|
||||
if (res.data.succ) {
|
||||
this.$message.success('启用成功')
|
||||
this.visible = false
|
||||
} else {
|
||||
this.$message.error(res.data.msg)
|
||||
}
|
||||
})
|
||||
},
|
||||
handleSubmit() {
|
||||
const { form: { validateFields } } = this
|
||||
this.confirmLoading = true
|
||||
validateFields((errors, values) => {
|
||||
if (!errors) {
|
||||
values.pkId = this.pkId
|
||||
ServiceProjectSave(values).then((res) => {
|
||||
this.confirmLoading = false
|
||||
if (res.data.succ) {
|
||||
this.$message.success('新增成功')
|
||||
this.handleCancel()
|
||||
this.$emit('ok')
|
||||
} else {
|
||||
this.$message.error('新增失败：' + res.data.msg)
|
||||
}
|
||||
}).finally((res) => {
|
||||
this.confirmLoading = false
|
||||
})
|
||||
} else {
|
||||
this.confirmLoading = false
|
||||
}
|
||||
})
|
||||
},
|
||||
handleSubmitEnable() {
|
||||
const { form: { validateFields } } = this
|
||||
this.confirmLoading = true
|
||||
validateFields((errors, values) => {
|
||||
if (!errors) {
|
||||
values.pkId = this.pkId
|
||||
ServiceProjectSavAndEnable(values).then((res) => {
|
||||
this.confirmLoading = false
|
||||
if (res.data.succ) {
|
||||
this.$message.success('新增成功')
|
||||
this.handleCancel()
|
||||
this.$emit('ok', values)
|
||||
} else {
|
||||
this.$message.error('新增失败：' + res.data.msg)
|
||||
}
|
||||
}).finally((res) => {
|
||||
this.confirmLoading = false
|
||||
})
|
||||
} else {
|
||||
this.confirmLoading = false
|
||||
}
|
||||
})
|
||||
},
|
||||
handleCancel() {
|
||||
this.form.resetFields()
|
||||
this.visible = false
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,294 @@
|
||||
<template>
|
||||
<div>
|
||||
<x-card>
|
||||
<div slot="content" class="table-page-search-wrapper">
|
||||
<a-form-model ref="query" layout="inline">
|
||||
<a-row :gutter="10">
|
||||
<a-col :md="6" :sm="24">
|
||||
<a-form-item label="服务名称">
|
||||
<a-input v-model="queryParam.serviceProjectName" allow-clear placeholder="服务名称" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="24">
|
||||
<a-form-item label="创建时间">
|
||||
<a-range-picker valueFormat="YYYY-MM-DD" v-model="queryParam.create">
|
||||
</a-range-picker>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="24">
|
||||
<a-form-item label="是否启用">
|
||||
<a-select v-model="queryParam.isEnable" default-value="lucy">
|
||||
<a-select-option value="1">
|
||||
是
|
||||
</a-select-option>
|
||||
<a-select-option value="2">
|
||||
否
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="24">
|
||||
<a-form-item label="创建人">
|
||||
<a-input v-model="queryParam.createUser" allow-clear placeholder="创建人" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="24">
|
||||
<a-form-item label="服务说明">
|
||||
<a-input v-model="queryParam.serviceProjectNote" allow-clear placeholder="服务说明" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="24">
|
||||
<a-form-item label="更新时间">
|
||||
<a-range-picker valueFormat="YYYY-MM-DD" v-model="queryParam.update">
|
||||
</a-range-picker>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="24">
|
||||
<a-form-item label="更新人">
|
||||
<a-input v-model="queryParam.updateUser" allow-clear placeholder="更新人" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="24">
|
||||
<span class="table-page-search-submitButtons">
|
||||
<a-button type="primary" @click="handleSearch">查询</a-button>
|
||||
<a-button style="margin-left: 8px" @click="handleRefsh">重置</a-button>
|
||||
</span>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form-model>
|
||||
</div>
|
||||
</x-card>
|
||||
<a-card :bordered="false">
|
||||
<div style="margin-bottom: 10px;">
|
||||
<a-button @click="$refs.addForm.add()" type="primary">新增</a-button>
|
||||
<a-button @click="handleStart" type="primary">启用</a-button>
|
||||
<a-button @click="handleStop">取消启用</a-button>
|
||||
<a-popconfirm title="确认作废吗？" @confirm="handleDelete">
|
||||
<a-button type="danger">作废</a-button>
|
||||
</a-popconfirm>
|
||||
</div>
|
||||
<a-spin :spinning="loading">
|
||||
<a-table
|
||||
ref="table"
|
||||
:columns="columns"
|
||||
:data-source="list"
|
||||
:pagination="pagination"
|
||||
@change="tablePaginationChange"
|
||||
:rowKey="(record) => record.pkId"
|
||||
:rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }">
|
||||
<span slot="action" slot-scope="text, record">
|
||||
<a @click="$refs.editForm.edit(record)">编辑</a>
|
||||
</span>
|
||||
</a-table>
|
||||
<add-form ref="addForm" @ok="handleOk" />
|
||||
<edit-form ref="editForm" @ok="handleOk" />
|
||||
</a-spin>
|
||||
</a-card>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
STable,
|
||||
XCard
|
||||
} from '@/components'
|
||||
import {
|
||||
StatusSkuBaseGetPage,
|
||||
StatusSkuBaseSetEnable,
|
||||
StatusSkuBaseSetUnEnable,
|
||||
StatusSkuBaseDelete
|
||||
} from '@/api/modular/system/appManage'
|
||||
import editForm from './editForm'
|
||||
import addForm from './addForm'
|
||||
export default {
|
||||
components: {
|
||||
XCard,
|
||||
STable,
|
||||
editForm,
|
||||
addForm
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
// description: '面包屑说明',
|
||||
labelCol: {
|
||||
xs: {
|
||||
span: 24
|
||||
},
|
||||
sm: {
|
||||
span: 5
|
||||
}
|
||||
},
|
||||
wrapperCol: {
|
||||
xs: {
|
||||
span: 24
|
||||
},
|
||||
sm: {
|
||||
span: 16
|
||||
}
|
||||
},
|
||||
// 查询参数
|
||||
queryParam: {
|
||||
create: [],
|
||||
update: []
|
||||
},
|
||||
// 表头
|
||||
columns: [{
|
||||
title: '状态名称',
|
||||
dataIndex: 'statusSKUName'
|
||||
},
|
||||
{
|
||||
title: '状态代码',
|
||||
dataIndex: 'statusSKUCode'
|
||||
},
|
||||
{
|
||||
title: '顺序号',
|
||||
dataIndex: 'sortNo'
|
||||
},
|
||||
{
|
||||
title: '说明',
|
||||
dataIndex: 'statusSKUNote'
|
||||
},
|
||||
{
|
||||
title: '显示颜色',
|
||||
dataIndex: 'backgroundColor'
|
||||
},
|
||||
{
|
||||
title: '是否启用',
|
||||
dataIndex: 'isEnable'
|
||||
},
|
||||
{
|
||||
title: '创建日期',
|
||||
dataIndex: 'createdTime'
|
||||
},
|
||||
{
|
||||
title: '创建人',
|
||||
dataIndex: 'createdUserName'
|
||||
},
|
||||
{
|
||||
title: '更新日期',
|
||||
dataIndex: 'updatedTime'
|
||||
},
|
||||
{
|
||||
title: '更新人',
|
||||
dataIndex: 'updatedUserName'
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
width: '200px',
|
||||
dataIndex: 'action',
|
||||
scopedSlots: {
|
||||
customRender: 'action'
|
||||
}
|
||||
}
|
||||
],
|
||||
loading: false,
|
||||
list: [],
|
||||
selectedRowKeys: [],
|
||||
pagination: {
|
||||
current: 1,
|
||||
total: 0, // 总数
|
||||
showSizeChanger: true,
|
||||
pageSizeOptions: ['1', '10', '20', '40', '80', '100'],
|
||||
pageSize: 10
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
handleOk() {
|
||||
this.getList()
|
||||
},
|
||||
handleStart() {
|
||||
if (this.selectedRowKeys.length > 0) {
|
||||
StatusSkuBaseSetEnable(this.selectedRowKeys).then(res => {
|
||||
if (res.data.succ) {
|
||||
this.$message.success('启用成功')
|
||||
this.getList()
|
||||
} else {
|
||||
this.$message.error(res.data.msg)
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$message.warning('请选择')
|
||||
}
|
||||
},
|
||||
handleStop() {
|
||||
if (this.selectedRowKeys.length > 0) {
|
||||
StatusSkuBaseSetUnEnable(this.selectedRowKeys).then(res => {
|
||||
if (res.data.succ) {
|
||||
this.$message.success('取消启用成功')
|
||||
this.getList()
|
||||
} else {
|
||||
this.$message.error(res.data.msg)
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$message.warning('请选择')
|
||||
}
|
||||
},
|
||||
handleDelete() {
|
||||
if (this.selectedRowKeys.length > 0) {
|
||||
StatusSkuBaseDelete(this.selectedRowKeys).then(res => {
|
||||
if (res.data.succ) {
|
||||
this.$message.success('删除成功')
|
||||
this.getList()
|
||||
} else {
|
||||
this.$message.error(res.data.msg)
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$message.warning('请选择')
|
||||
}
|
||||
},
|
||||
handleRefsh() {
|
||||
this.$refs.query.resetFields()
|
||||
this.queryParam = { create: [], update: [] }
|
||||
this.getList()
|
||||
},
|
||||
handleSearch() {
|
||||
if (this.queryParam.create.length > 0) {
|
||||
this.queryParam.createBegin = this.queryParam.create[0]
|
||||
this.queryParam.createEnd = this.queryParam.create[1]
|
||||
}
|
||||
if (this.queryParam.update.length > 0) {
|
||||
this.queryParam.updateBegin = this.queryParam.update[0]
|
||||
this.queryParam.updateEnd = this.queryParam.update[1]
|
||||
}
|
||||
this.getList()
|
||||
},
|
||||
getList() {
|
||||
const data = {
|
||||
pageNo: this.pagination.current,
|
||||
pageSize: this.pagination.pageSize,
|
||||
...this.queryParam
|
||||
}
|
||||
StatusSkuBaseGetPage(data).then(res => {
|
||||
if (res.success) {
|
||||
this.list = res.data.items
|
||||
} else {
|
||||
this.$message.error(res.message)
|
||||
}
|
||||
})
|
||||
},
|
||||
tablePaginationChange(pagination) {
|
||||
this.pagination.current = pagination.current
|
||||
this.pagination.pageSize = pagination.pageSize
|
||||
this.getList()
|
||||
},
|
||||
onSelectChange(selectedRowKeys, selectedRows) {
|
||||
this.selectedRowKeys = selectedRowKeys
|
||||
this.selectedRows = selectedRows
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
.table-operator {
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
button {
|
||||
margin-right: 8px;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue