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