修改问题
parent
d0b1acb1d6
commit
e9521e1214
@ -0,0 +1,179 @@
|
|||||||
|
<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="['statusSKUName', { rules: [{ required: true, message: '请输入状态名称！' }] }]" />
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="状态代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
|
||||||
|
<a-input
|
||||||
|
placeholder="状态代码"
|
||||||
|
v-decorator="['statusSKUCode', { rules: [{ required: true, message: '请输入状态代码！' }] }]" />
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="显示颜色">
|
||||||
|
<a-input
|
||||||
|
style="width: 85%;margin-right: 20px;"
|
||||||
|
placeholder="显示颜色"
|
||||||
|
v-decorator="['backgroundColor', { rules: [{ required: true, message: '请输入显示颜色！' }] }]" />
|
||||||
|
<input @input="handleColor($event)" type="color">
|
||||||
|
</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="['statusSKUNote', { 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 { StatusSkuBaseSavAndEnable, StatusSkuBaseSave, StatusSkuBaseDelete, StatusSkuBaseSetUnEnable, StatusSkuBaseSetEnable } 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(
|
||||||
|
{
|
||||||
|
statusSKUName: record.statusSKUName,
|
||||||
|
statusSKUCode: record.statusSKUCode,
|
||||||
|
sortNo: record.sortNo,
|
||||||
|
backgroundColor: record.backgroundColor,
|
||||||
|
statusSKUNote: record.statusSKUNote
|
||||||
|
}
|
||||||
|
)
|
||||||
|
this.pkId = record.pkId
|
||||||
|
}, 100)
|
||||||
|
},
|
||||||
|
handleColor(e) {
|
||||||
|
this.form.setFieldsValue({
|
||||||
|
backgroundColor: e.target.value
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleDelete() {
|
||||||
|
StatusSkuBaseDelete([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() {
|
||||||
|
StatusSkuBaseSetUnEnable([this.pkId]).then(res => {
|
||||||
|
if (res.data.succ) {
|
||||||
|
this.$message.success('取消启用成功')
|
||||||
|
this.visible = false
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.data.msg)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleAble() {
|
||||||
|
StatusSkuBaseSetEnable([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
|
||||||
|
StatusSkuBaseSave(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
|
||||||
|
StatusSkuBaseSavAndEnable(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,321 @@
|
|||||||
|
<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.statusSKUName" 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.statusSKUNote" 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">
|
||||||
|
<a-form-item label="状态">
|
||||||
|
<a-input v-model="queryParam.updateUser" allow-clear placeholder="更新人" />
|
||||||
|
</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">
|
||||||
|
<a-form-item label="版本号">
|
||||||
|
<a-input v-model="queryParam.updateUser" allow-clear placeholder="更新人" />
|
||||||
|
</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 {
|
||||||
|
ServiceWorkFlowBaseGetPage,
|
||||||
|
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 {
|
||||||
|
labelCol: {
|
||||||
|
xs: {
|
||||||
|
span: 24
|
||||||
|
},
|
||||||
|
sm: {
|
||||||
|
span: 5
|
||||||
|
}
|
||||||
|
},
|
||||||
|
wrapperCol: {
|
||||||
|
xs: {
|
||||||
|
span: 24
|
||||||
|
},
|
||||||
|
sm: {
|
||||||
|
span: 16
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 查询参数
|
||||||
|
queryParam: {
|
||||||
|
create: [],
|
||||||
|
update: []
|
||||||
|
},
|
||||||
|
// 表头
|
||||||
|
columns: [{
|
||||||
|
title: '服务流程名称',
|
||||||
|
dataIndex: 'serviceWorkflowName'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '服务流程代码',
|
||||||
|
dataIndex: 'serviceWorkflowCode'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '状态数量',
|
||||||
|
dataIndex: 'sortNo'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '版本号',
|
||||||
|
dataIndex: 'statusSKUNote'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '说明',
|
||||||
|
dataIndex: 'serviceWorkflowNote'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '是否启用',
|
||||||
|
dataIndex: 'isEnable'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '所属租户',
|
||||||
|
dataIndex: 'belongTenantName'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '发布日期',
|
||||||
|
dataIndex: 'createdTime1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
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
|
||||||
|
}
|
||||||
|
ServiceWorkFlowBaseGetPage(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