修改问题
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