Compare commits
No commits in common. "0796112637e5592020624dbcf5e647fbf0193205" and "c958c8d59ca3df6a209f74fd2cd51e0c04b25fea" have entirely different histories.
0796112637
...
c958c8d59c
|
|
@ -9,7 +9,7 @@
|
||||||
<el-button type="primary" @click="handleReset" v-if="resetButton">重 置</el-button>
|
<el-button type="primary" @click="handleReset" v-if="resetButton">重 置</el-button>
|
||||||
<el-button @click="handleClose">取 消</el-button>
|
<el-button @click="handleClose">取 消</el-button>
|
||||||
<!-- <el-button v-if="orderCenter" @click="handleCancel">取消下单</el-button> -->
|
<!-- <el-button v-if="orderCenter" @click="handleCancel">取消下单</el-button> -->
|
||||||
<el-button type="primary" v-if="submitButton" @click="handleConfirmClick">确 定</el-button>
|
<el-button type="primary" @click="handleConfirmClick">确 定</el-button>
|
||||||
</span>
|
</span>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -87,11 +87,6 @@ export default {
|
||||||
type: String,
|
type: String,
|
||||||
default: '30%',
|
default: '30%',
|
||||||
},
|
},
|
||||||
// 重置按钮
|
|
||||||
submitButton: {
|
|
||||||
type: Boolean,
|
|
||||||
default: true,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|
|
||||||
|
|
@ -59,14 +59,6 @@ const permission = {
|
||||||
hidden: true
|
hidden: true
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: 'accountAdmin',
|
|
||||||
name: 'accountAdmin',
|
|
||||||
component: () => import('@/views/applicationList/accountList/accountAdmin'),
|
|
||||||
meta: {
|
|
||||||
hidden: true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
path: 'inserterAdmin',
|
path: 'inserterAdmin',
|
||||||
name: 'inserterAdmin',
|
name: 'inserterAdmin',
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,6 @@ import {
|
||||||
import store from '@/store'
|
import store from '@/store'
|
||||||
import {
|
import {
|
||||||
getToken,
|
getToken,
|
||||||
setMenuNode,
|
|
||||||
setToken,
|
setToken,
|
||||||
removeCompanyId,
|
removeCompanyId,
|
||||||
removeToken,
|
removeToken,
|
||||||
|
|
@ -148,10 +147,6 @@ service.interceptors.response.use(
|
||||||
type: 'error'
|
type: 'error'
|
||||||
})
|
})
|
||||||
.then(() => {
|
.then(() => {
|
||||||
store.commit("REMOVE_ROUTER");
|
|
||||||
store.dispatch("tagsView/delAllViews");
|
|
||||||
setMenuNode("/index");
|
|
||||||
store.commit("SET_CURRENT_MENU_NODE", "/index");
|
|
||||||
store.dispatch('LogOut').then(() => {
|
store.dispatch('LogOut').then(() => {
|
||||||
route.replace({
|
route.replace({
|
||||||
path: '/login'
|
path: '/login'
|
||||||
|
|
@ -303,7 +298,7 @@ export function download(url, params, filename, config) {
|
||||||
responseType: 'blob',
|
responseType: 'blob',
|
||||||
...config
|
...config
|
||||||
})
|
})
|
||||||
.then(async (data) => {
|
.then(async(data) => {
|
||||||
const isLogin = await blobValidate(data)
|
const isLogin = await blobValidate(data)
|
||||||
if (isLogin) {
|
if (isLogin) {
|
||||||
const blob = new Blob([data])
|
const blob = new Blob([data])
|
||||||
|
|
|
||||||
|
|
@ -761,18 +761,3 @@ export function delTreeChildren(data){
|
||||||
delChilren(data)
|
delChilren(data)
|
||||||
return data
|
return data
|
||||||
}
|
}
|
||||||
|
|
||||||
// 动态宽 boxWidth 最大的div盒子大小,minWidth最小宽度,marginSize间距
|
|
||||||
export function dynamicWidth(boxWidth, minWidth, marginSize = 0) {
|
|
||||||
let num = Math.floor(boxWidth / (minWidth + marginSize))
|
|
||||||
return boxWidth / num - marginSize
|
|
||||||
}
|
|
||||||
|
|
||||||
// 动态高度
|
|
||||||
export function dynamicHeight(boxWidth, minWidth, marginSize = 0, boxHeight, listHeight, heightMargin = 0) {
|
|
||||||
let num = Math.floor(boxWidth / (minWidth + marginSize))
|
|
||||||
// console.log(,'几行')
|
|
||||||
|
|
||||||
return Math.ceil(boxHeight / (listHeight + heightMargin)) * num
|
|
||||||
// return boxWidth / num - marginSize
|
|
||||||
}
|
|
||||||
|
|
@ -1,149 +0,0 @@
|
||||||
/**
|
|
||||||
* @desc NIFI常量
|
|
||||||
* @date 2023-07-10
|
|
||||||
*/
|
|
||||||
// 表头
|
|
||||||
const tableColumnData = [
|
|
||||||
{
|
|
||||||
label: 'key',
|
|
||||||
prop: 'nifiKey'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: 'value',
|
|
||||||
prop: 'nifiValue'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '显示值',
|
|
||||||
prop: 'showValue'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '描述',
|
|
||||||
prop: 'description'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '类型',
|
|
||||||
prop: 'type'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
|
|
||||||
// 基本信息内容
|
|
||||||
const formRow = [
|
|
||||||
{
|
|
||||||
elCol: [{
|
|
||||||
label: 'key',
|
|
||||||
prop: 'nifiKey',
|
|
||||||
tag: 'elInput',
|
|
||||||
span: 24
|
|
||||||
}]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
elCol: [{
|
|
||||||
label: 'value',
|
|
||||||
prop: 'nifiValue',
|
|
||||||
tag: 'elInput',
|
|
||||||
span: 24
|
|
||||||
}]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
elCol: [{
|
|
||||||
label: '显示值',
|
|
||||||
prop: 'showValue',
|
|
||||||
tag: 'elInput',
|
|
||||||
span: 24
|
|
||||||
}]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
elCol: [{
|
|
||||||
label: '描述',
|
|
||||||
prop: 'description',
|
|
||||||
tag: 'elInput',
|
|
||||||
span: 24
|
|
||||||
}]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
elCol: [{
|
|
||||||
label: '类型',
|
|
||||||
prop: 'type',
|
|
||||||
tag: 'elInput',
|
|
||||||
span: 24
|
|
||||||
}]
|
|
||||||
},
|
|
||||||
]
|
|
||||||
|
|
||||||
const basicsRules = {
|
|
||||||
nifiKey: [{
|
|
||||||
required: true,
|
|
||||||
message: '请输入key',
|
|
||||||
trigger: 'blur'
|
|
||||||
}],
|
|
||||||
nifiValue: [{
|
|
||||||
required: true,
|
|
||||||
message: '请输入value',
|
|
||||||
trigger: 'blur'
|
|
||||||
}],
|
|
||||||
showValue: [{
|
|
||||||
required: true,
|
|
||||||
message: '请输入显示值',
|
|
||||||
trigger: 'blur'
|
|
||||||
}],
|
|
||||||
description: [{
|
|
||||||
required: true,
|
|
||||||
message: '请输入描述',
|
|
||||||
trigger: 'blur'
|
|
||||||
}],
|
|
||||||
type: [{
|
|
||||||
required: true,
|
|
||||||
message: '请输入类型',
|
|
||||||
trigger: 'blur'
|
|
||||||
}],
|
|
||||||
}
|
|
||||||
|
|
||||||
// 查看
|
|
||||||
const formRowShow = [
|
|
||||||
{
|
|
||||||
elCol: [{
|
|
||||||
label: 'key',
|
|
||||||
prop: 'nifiKey',
|
|
||||||
tag: 'elLook',
|
|
||||||
span: 24
|
|
||||||
}]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
elCol: [{
|
|
||||||
label: 'value',
|
|
||||||
prop: 'nifiValue',
|
|
||||||
tag: 'elLook',
|
|
||||||
span: 24
|
|
||||||
}]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
elCol: [{
|
|
||||||
label: '显示值',
|
|
||||||
prop: 'showValue',
|
|
||||||
tag: 'elLook',
|
|
||||||
span: 24
|
|
||||||
}]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
elCol: [{
|
|
||||||
label: '描述',
|
|
||||||
prop: 'description',
|
|
||||||
tag: 'elLook',
|
|
||||||
span: 24
|
|
||||||
}]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
elCol: [{
|
|
||||||
label: '类型',
|
|
||||||
prop: 'type',
|
|
||||||
tag: 'elLook',
|
|
||||||
span: 24
|
|
||||||
}]
|
|
||||||
},
|
|
||||||
]
|
|
||||||
export default {
|
|
||||||
tableColumnData,
|
|
||||||
formRow,
|
|
||||||
basicsRules,
|
|
||||||
formRowShow,
|
|
||||||
}
|
|
||||||
|
|
@ -1,195 +0,0 @@
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<base-layout
|
|
||||||
ref="baseLayout"
|
|
||||||
:buttonList="buttonList"
|
|
||||||
@onFuncBtn="onFuncBtn"
|
|
||||||
:querySwitch="true"
|
|
||||||
:searchList="requirementList"
|
|
||||||
@search="handleSearchEvent"
|
|
||||||
:isPage="true"
|
|
||||||
@pageChange="handlePageChange"
|
|
||||||
>
|
|
||||||
<div slot="main" slot-scope="{ tableHeight }">
|
|
||||||
<base-table
|
|
||||||
ref="baseTable"
|
|
||||||
:showIndex="true"
|
|
||||||
:funWidth="180"
|
|
||||||
:funData="funData"
|
|
||||||
@onFunc="onFunc"
|
|
||||||
:tabLoading.sync="tabLoading"
|
|
||||||
:tableHeight="tableHeight"
|
|
||||||
:tableData="tableData"
|
|
||||||
:tableColumn="tableColumnData"
|
|
||||||
@onCellClick="onCellClick"
|
|
||||||
>
|
|
||||||
<template #state="{row}">
|
|
||||||
{{ row.state == 0 ? '启用' : '停用'}}
|
|
||||||
</template>
|
|
||||||
</base-table>
|
|
||||||
</div>
|
|
||||||
</base-layout>
|
|
||||||
<right-dialog ref="rightDialog" @resetTable="resetTable"></right-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import baseLayout from "@/components/base/baseLayout";
|
|
||||||
import baseTable from "@/components/base/baseTable";
|
|
||||||
import rightDialog from "./rightDialog";
|
|
||||||
import configData from "./configData";
|
|
||||||
import { authApi } from "@/api/apis/auth";
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
baseLayout,
|
|
||||||
baseTable,
|
|
||||||
rightDialog,
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
buttonList: [
|
|
||||||
{
|
|
||||||
menuName: "新增",
|
|
||||||
icon: "el-icon-plus",
|
|
||||||
btnFunction: "add",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
menuName: "刷新",
|
|
||||||
icon: "el-icon-refresh",
|
|
||||||
btnFunction: "resetLoad",
|
|
||||||
},
|
|
||||||
], //按钮组
|
|
||||||
requirementList: [
|
|
||||||
{
|
|
||||||
placeholder: "key",
|
|
||||||
prop: "nifiKey",
|
|
||||||
tag: "elInput",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
placeholder: "value",
|
|
||||||
prop: "nifiValue",
|
|
||||||
tag: "elInput",
|
|
||||||
},
|
|
||||||
], //查询模板list
|
|
||||||
tabLoading: false,
|
|
||||||
tableColumnData: configData.tableColumnData, //表头数据
|
|
||||||
funData: [
|
|
||||||
{
|
|
||||||
color: "#6a9af1",
|
|
||||||
text: "编辑",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
color: "#d67a74",
|
|
||||||
text: "删除",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
tableData: [], //表格数据
|
|
||||||
pageModel: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 100,
|
|
||||||
},
|
|
||||||
queryModel: {
|
|
||||||
name: "",
|
|
||||||
},
|
|
||||||
};
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.GetProductionTableData();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
onCellClick(row){
|
|
||||||
this.openLoading("detail");
|
|
||||||
this.$refs.rightDialog.openDialog("show", row);
|
|
||||||
},
|
|
||||||
// 表格数据
|
|
||||||
async GetProductionTableData() {
|
|
||||||
this.tabLoading = true;
|
|
||||||
let param = {
|
|
||||||
...this.pageModel,
|
|
||||||
...this.queryModel,
|
|
||||||
};
|
|
||||||
let res = await authApi(
|
|
||||||
"sysFlowNifiConstantService",
|
|
||||||
"",
|
|
||||||
"queryPagedJson",
|
|
||||||
"",
|
|
||||||
param
|
|
||||||
);
|
|
||||||
this.tabLoading = false;
|
|
||||||
if (res.status == "200") {
|
|
||||||
this.tableData = res.attribute.list;
|
|
||||||
this.$refs.baseLayout.setPageTotal(res.attribute.total);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 分页变化
|
|
||||||
handlePageChange(val) {
|
|
||||||
this.pageModel.pageNum = val.pageIndex;
|
|
||||||
this.pageModel.pageSize = val.pageSize;
|
|
||||||
this.GetProductionTableData();
|
|
||||||
},
|
|
||||||
// 按钮组
|
|
||||||
onFuncBtn(btn) {
|
|
||||||
this[btn.btnFunction]();
|
|
||||||
},
|
|
||||||
// 新增
|
|
||||||
add() {
|
|
||||||
this.$refs.rightDialog.openDialog("add");
|
|
||||||
},
|
|
||||||
// 表格操作事件 查看 重推 删除
|
|
||||||
onFunc(index, row,item) {
|
|
||||||
// 查看
|
|
||||||
if (item.text==='查看') {
|
|
||||||
this.openLoading("detail");
|
|
||||||
this.$refs.rightDialog.openDialog("show", row);
|
|
||||||
}
|
|
||||||
// 重推
|
|
||||||
if (item.text==='编辑') {
|
|
||||||
this.openLoading("detail");
|
|
||||||
this.$refs.rightDialog.openDialog("edit", row);
|
|
||||||
}
|
|
||||||
// 删除
|
|
||||||
if (item.text==='删除') {
|
|
||||||
this.$delConfirm().then(() => {
|
|
||||||
this.openLoading("del");
|
|
||||||
this.productionDeleteById(row.id);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async productionDeleteById(id) {
|
|
||||||
let param = {
|
|
||||||
id: id,
|
|
||||||
};
|
|
||||||
let res = await authApi(
|
|
||||||
"sysFlowNifiConstantService",
|
|
||||||
"",
|
|
||||||
"deleteNifiConstant",
|
|
||||||
"",
|
|
||||||
param
|
|
||||||
);
|
|
||||||
if (res.status == "200") {
|
|
||||||
this.$vmNews("删除成功", "success");
|
|
||||||
this.resetTable();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 重置表格
|
|
||||||
resetTable() {
|
|
||||||
this.pageModel.pageNum = 1;
|
|
||||||
this.$refs.baseLayout.pageClear();
|
|
||||||
this.GetProductionTableData();
|
|
||||||
},
|
|
||||||
// 搜索
|
|
||||||
handleSearchEvent() {
|
|
||||||
let data = this.$refs.baseLayout.ruleForm;
|
|
||||||
this.queryModel = data;
|
|
||||||
this.resetTable();
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.clickTitle {
|
|
||||||
color: #409eff;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,236 +0,0 @@
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<base-right-dialog
|
|
||||||
size="1000px"
|
|
||||||
ref="baseRightDialog"
|
|
||||||
:footerShow="true"
|
|
||||||
:dialogVisible.sync="dialogVisible"
|
|
||||||
:title="dialogTitle + ' 项目分类管理'"
|
|
||||||
@handleClose="handleDialogClose"
|
|
||||||
:type="dialogType"
|
|
||||||
:submitShow="submitShow"
|
|
||||||
@handleConfirmClick="handleConfirmClick"
|
|
||||||
>
|
|
||||||
<base-form
|
|
||||||
ref="basicsForm"
|
|
||||||
:formRow="formRow"
|
|
||||||
:isFunBtn="false"
|
|
||||||
:rules="basicsRules"
|
|
||||||
class="dialog_form"
|
|
||||||
:spanWidth="`120px`"
|
|
||||||
:loading="vLoading"
|
|
||||||
>
|
|
||||||
</base-form>
|
|
||||||
|
|
||||||
</base-right-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import baseRightDialog from '@/components/base/baseRightDialog'
|
|
||||||
import baseForm from '@/components/base/baseNewForm'
|
|
||||||
import baseTable from '@/components/base/baseTable'
|
|
||||||
import configData from './configData'
|
|
||||||
import { authApi } from '@/api/apis/auth'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
baseRightDialog,
|
|
||||||
baseForm,
|
|
||||||
baseTable,
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
dialogVisible: false,
|
|
||||||
dialogTitle: '',
|
|
||||||
dialogType: '',
|
|
||||||
formRow: configData.formRow,
|
|
||||||
basicsRules: configData.basicsRules,
|
|
||||||
vLoading: false,
|
|
||||||
newMarryOptions: [],
|
|
||||||
submitShow: true,
|
|
||||||
loadingType: true,
|
|
||||||
tableVersionData: [],
|
|
||||||
funData: [],
|
|
||||||
isEdit: false,
|
|
||||||
select_dist: {},
|
|
||||||
plugNameOptions: [],
|
|
||||||
tableColumn: configData.operationTableColumn,//操作记录
|
|
||||||
tableData: []
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
openDialog(type, row) {
|
|
||||||
|
|
||||||
this.formRow = configData.formRow
|
|
||||||
this.submitShow = true
|
|
||||||
|
|
||||||
this.isEdit = false
|
|
||||||
this.funData = []
|
|
||||||
|
|
||||||
// 编辑
|
|
||||||
if (type == 'edit') {
|
|
||||||
this.isEdit = true
|
|
||||||
this.dialogTitle = '编辑'
|
|
||||||
this.dialogType = 'edit'
|
|
||||||
this.productGetById(row.id)
|
|
||||||
}
|
|
||||||
// 查看
|
|
||||||
if (type == 'show') {
|
|
||||||
this.funData = Object.assign([], [])
|
|
||||||
this.submitShow = false
|
|
||||||
this.formRow = configData.formRowShow
|
|
||||||
this.dialogTitle = '查看'
|
|
||||||
this.dialogType = 'show'
|
|
||||||
this.productGetById(row.id)
|
|
||||||
|
|
||||||
}
|
|
||||||
this.dialogVisible = true
|
|
||||||
// 新增
|
|
||||||
if (type == 'add') {
|
|
||||||
this.dialogTitle = '新增'
|
|
||||||
this.dialogType = 'add'
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$set(this.$refs.basicsForm.ruleForm, 'state', '0')
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
// 编辑详情
|
|
||||||
async productGetById(id) {
|
|
||||||
let params = {
|
|
||||||
id: id
|
|
||||||
}
|
|
||||||
let res = await authApi(
|
|
||||||
'sysFlowNifiConstantService',
|
|
||||||
'',
|
|
||||||
'getNifiConstant',
|
|
||||||
'',
|
|
||||||
params
|
|
||||||
)
|
|
||||||
if (res.status == '200') {
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$refs.basicsForm.incomingParameters(res.attribute)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
addVersionDialog() {
|
|
||||||
let obj = {
|
|
||||||
argName: '',
|
|
||||||
argCode: '',
|
|
||||||
argType: '1',
|
|
||||||
remark: ''
|
|
||||||
}
|
|
||||||
this.tableVersionData.push(obj)
|
|
||||||
},
|
|
||||||
// 删除
|
|
||||||
onFunc(index, row) {
|
|
||||||
if (index == 0) {
|
|
||||||
this.$delConfirm().then(() => {
|
|
||||||
this.tableVersionData.forEach((item, itemIndex) => {
|
|
||||||
if (item.id === row.id) {
|
|
||||||
this.tableVersionData.splice(itemIndex, 1)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 弹窗关闭
|
|
||||||
handleDialogClose() {
|
|
||||||
this.tableVersionData = Object.assign([], [])
|
|
||||||
this.$refs.basicsForm.resetFields()
|
|
||||||
this.dialogVisible = false
|
|
||||||
},
|
|
||||||
// 弹窗确认按钮
|
|
||||||
handleConfirmClick() {
|
|
||||||
this.$refs.basicsForm.$refs['ruleForm'].validate((valid) => {
|
|
||||||
if (!valid) {
|
|
||||||
return
|
|
||||||
} else {
|
|
||||||
let params = {
|
|
||||||
...this.$refs.basicsForm.ruleForm
|
|
||||||
}
|
|
||||||
if (this.dialogType == 'add') {
|
|
||||||
this.openLoading('submit')
|
|
||||||
this.productSaveDto(params)
|
|
||||||
}
|
|
||||||
if (this.dialogType == 'edit') {
|
|
||||||
this.openLoading('submit')
|
|
||||||
this.productUpdateDto(params)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
// 新增保存
|
|
||||||
async productSaveDto(params) {
|
|
||||||
let res = await authApi(
|
|
||||||
'sysFlowNifiConstantService',
|
|
||||||
'',
|
|
||||||
'saveNifiConstant',
|
|
||||||
'',
|
|
||||||
params
|
|
||||||
)
|
|
||||||
if (res.status == '200') {
|
|
||||||
this.handleDialogClose()
|
|
||||||
this.$vmNews('新增成功', 'success')
|
|
||||||
this.$emit('resetTable')
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 编辑保存
|
|
||||||
async productUpdateDto(params) {
|
|
||||||
let res = await authApi(
|
|
||||||
'sysFlowNifiConstantService',
|
|
||||||
'',
|
|
||||||
'updateNifiConstant',
|
|
||||||
'',
|
|
||||||
params
|
|
||||||
)
|
|
||||||
if (res.status == '200') {
|
|
||||||
this.handleDialogClose()
|
|
||||||
this.$vmNews('更新成功', 'success')
|
|
||||||
this.$emit('resetTable')
|
|
||||||
}
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.small_title {
|
|
||||||
margin: 10px 0;
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dialogList {
|
|
||||||
padding: 16px 0;
|
|
||||||
border-top: 1px solid #dcdfe6;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
.updateBtn {
|
|
||||||
border: 1px solid #ebedf1;
|
|
||||||
padding: 5px 0;
|
|
||||||
border-radius: 3px;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 14px;
|
|
||||||
cursor: pointer;
|
|
||||||
width: 100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.updateBtn:hover {
|
|
||||||
color: #1890ff;
|
|
||||||
border-color: #badeff;
|
|
||||||
background-color: #e8f4ff;
|
|
||||||
}
|
|
||||||
|
|
||||||
::v-deep .el-table__body-wrapper.is-scrolling-none {
|
|
||||||
height: auto !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
::v-deep .app-container {
|
|
||||||
height: auto !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,338 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="apiWrap">
|
|
||||||
<div class="tablebox">
|
|
||||||
<div class="tablebox">
|
|
||||||
<div class="tablebtn">
|
|
||||||
<div class="search">
|
|
||||||
<el-input
|
|
||||||
placeholder="账号名称"
|
|
||||||
v-model="searchForm.name"
|
|
||||||
@keyup.enter.native="queryAccountList(searchForm)"
|
|
||||||
>
|
|
||||||
<i
|
|
||||||
slot="suffix"
|
|
||||||
class="el-input__icon el-icon-search"
|
|
||||||
@click="queryAccountList(searchForm)"
|
|
||||||
></i>
|
|
||||||
</el-input>
|
|
||||||
</div>
|
|
||||||
<div class="btn">
|
|
||||||
<el-button
|
|
||||||
icon="el-icon-back"
|
|
||||||
@click="
|
|
||||||
$router.replace({
|
|
||||||
path: '/applicationList/applicationListAdmin',
|
|
||||||
})
|
|
||||||
"
|
|
||||||
>返回
|
|
||||||
</el-button>
|
|
||||||
<el-button type="primary" @click="goAddHandle" icon="el-icon-plus">
|
|
||||||
添加账号
|
|
||||||
</el-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 应用账号表格 -->
|
|
||||||
<div class="main">
|
|
||||||
<div class="left">
|
|
||||||
<baseTable
|
|
||||||
ref="mainTable"
|
|
||||||
:tableData="mainTableData"
|
|
||||||
:tableColumn="mainTableColumn"
|
|
||||||
:funData="mainFunData"
|
|
||||||
:funWidth="funWidth"
|
|
||||||
:showIndex="true"
|
|
||||||
:tabLoading="mainTabLoading"
|
|
||||||
@onFunc="tableButtonHandle"
|
|
||||||
@view="viewHandle"
|
|
||||||
:border="false"
|
|
||||||
:tableHeight="'77.5vh'"
|
|
||||||
></baseTable>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<addAccount
|
|
||||||
ref="addAccount"
|
|
||||||
@handleConfirmClick="searchBtnHandle"
|
|
||||||
></addAccount>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import baseTable from "@/views/applicationList/apiList/compoments/baseTable.vue";
|
|
||||||
import { authApi } from "@/api/apis/auth";
|
|
||||||
import addAccount from "./addAccount.vue";
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
baseTable,
|
|
||||||
addAccount,
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
// 表格数据
|
|
||||||
mainTableData: [],
|
|
||||||
mainTabLoading: false,
|
|
||||||
// 搜索框输入数据
|
|
||||||
searchForm: {
|
|
||||||
name: "",
|
|
||||||
},
|
|
||||||
// 表格框架
|
|
||||||
mainTableColumn: [
|
|
||||||
{
|
|
||||||
id: "name",
|
|
||||||
title: "账号名称",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "userName",
|
|
||||||
title: "登录账号",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "password",
|
|
||||||
title: "登录密码",
|
|
||||||
width: 180,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "dbType",
|
|
||||||
title: "数据库类型",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "dbName",
|
|
||||||
title: "数据库名称",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "ipAddress",
|
|
||||||
title: "ip地址",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "port",
|
|
||||||
title: "端口",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
// 表格操作按钮
|
|
||||||
mainFunData: [
|
|
||||||
{
|
|
||||||
type: "edit",
|
|
||||||
text: "编辑",
|
|
||||||
color: "#5a9cf8",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "dele",
|
|
||||||
text: "删除",
|
|
||||||
color: "#e47470",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
// 操作框的宽度
|
|
||||||
funWidth() {
|
|
||||||
return this.mainFunData.length * 90;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.queryAccountList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
// 点击新增
|
|
||||||
goAddHandle() {
|
|
||||||
this.$refs.addAccount.openDialog(this.$route.query.id, "", "add");
|
|
||||||
},
|
|
||||||
// 点击查看
|
|
||||||
viewHandle(row) {
|
|
||||||
this.$refs.addAccount.openDialog(this.$route.query.id, row.id, "show");
|
|
||||||
},
|
|
||||||
// 搜索框按钮
|
|
||||||
searchBtnHandle() {
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.queryAccountList(this.searchForm);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 主表的操作按钮方法
|
|
||||||
tableButtonHandle(val, item) {
|
|
||||||
if (item.type === "dele") {
|
|
||||||
this.$confirm("确认删除？")
|
|
||||||
.then(() => {
|
|
||||||
this.deleteAccount(val.id);
|
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
} else if (item.type === "edit") {
|
|
||||||
this.$refs.addAccount.openDialog(this.$route.query.id, val.id, "edit");
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 删除行
|
|
||||||
async deleteAccount(id) {
|
|
||||||
let params = {
|
|
||||||
id,
|
|
||||||
};
|
|
||||||
let res = await authApi(
|
|
||||||
"sysApplicationAccountService",
|
|
||||||
"",
|
|
||||||
"deleteAccount",
|
|
||||||
"",
|
|
||||||
params
|
|
||||||
);
|
|
||||||
if (res.status == 200) {
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.queryAccountList(this.searchForm);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 获取app模块
|
|
||||||
async queryAccountList(obj = {}) {
|
|
||||||
this.mainTabLoading = true;
|
|
||||||
let params = {
|
|
||||||
appId: this.$route.query.id,
|
|
||||||
...obj,
|
|
||||||
};
|
|
||||||
const res = await authApi(
|
|
||||||
"sysApplicationAccountService",
|
|
||||||
"",
|
|
||||||
"queryAccountList",
|
|
||||||
"",
|
|
||||||
params
|
|
||||||
);
|
|
||||||
if (res.status == "200") {
|
|
||||||
this.mainTableData = res.attribute;
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$refs.mainTable.setTableKey();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
this.mainTabLoading = false;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
|
|
||||||
<style scoped lang='scss'>
|
|
||||||
::v-deep .el-button {
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.apiWrap {
|
|
||||||
background-color: #fbfbfb;
|
|
||||||
overflow: scroll;
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
.searchBox {
|
|
||||||
margin: 10px;
|
|
||||||
padding: 15px;
|
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 20px;
|
|
||||||
|
|
||||||
.searchbtn {
|
|
||||||
margin-left: 80%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.tablebox {
|
|
||||||
.tablebtn {
|
|
||||||
padding: 10px 15px;
|
|
||||||
border-radius: 16px;
|
|
||||||
margin-bottom: 5px;
|
|
||||||
background: #fff;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
|
|
||||||
> .search {
|
|
||||||
margin-left: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.main {
|
|
||||||
display: flex;
|
|
||||||
.left {
|
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 16px;
|
|
||||||
width: 100%;
|
|
||||||
padding: 15px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.shareDialog {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-around;
|
|
||||||
|
|
||||||
.left,
|
|
||||||
.right {
|
|
||||||
flex: 0.48;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
> .title {
|
|
||||||
text-align: center;
|
|
||||||
font-size: 18px;
|
|
||||||
padding: 10px;
|
|
||||||
background-color: #f7f7f7;
|
|
||||||
border-radius: 16px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
> .list {
|
|
||||||
height: 50vh;
|
|
||||||
padding: 15px;
|
|
||||||
height: 40vh;
|
|
||||||
overflow: auto;
|
|
||||||
|
|
||||||
.item {
|
|
||||||
cursor: pointer;
|
|
||||||
padding: 15px;
|
|
||||||
border-radius: 16px;
|
|
||||||
font-size: 14px;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: #fafafa;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.actived {
|
|
||||||
background-color: #fafafa !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.addressChunk {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
|
|
||||||
.label {
|
|
||||||
flex: 0.1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input {
|
|
||||||
flex: 0.9;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<style lang="less" scoped>
|
|
||||||
.code-json-editor {
|
|
||||||
/* jsoneditor右上角默认有一个链接,加css去掉 */
|
|
||||||
|
|
||||||
/deep/ .jsoneditor-poweredBy {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/deep/ .jsoneditor-menu {
|
|
||||||
background-color: #fff !important;
|
|
||||||
color: #000 !important;
|
|
||||||
|
|
||||||
button {
|
|
||||||
background-color: #4c81f2 !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/deep/ .ace_gutter {
|
|
||||||
background-color: #fff;
|
|
||||||
border-right: 1px solid gainsboro;
|
|
||||||
}
|
|
||||||
|
|
||||||
/deep/ .ace-jsoneditor {
|
|
||||||
height: 200px !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,286 +0,0 @@
|
||||||
<template>
|
|
||||||
<base-right-dialog
|
|
||||||
@handleClose="examineHandleClose"
|
|
||||||
@handleConfirmClick="handleConfirmClick"
|
|
||||||
:dialogVisible="dialogVisible"
|
|
||||||
size="500px"
|
|
||||||
:appendBody="true"
|
|
||||||
:loading="true"
|
|
||||||
:footerShow="true"
|
|
||||||
:submitShow="true"
|
|
||||||
:submitTitle="'保存'"
|
|
||||||
:title="title + '应用账号'"
|
|
||||||
>
|
|
||||||
<div class="rightDialogClass_main" style="background: #fff; padding: 10px">
|
|
||||||
<base-form
|
|
||||||
style="padding-top: 0 !important"
|
|
||||||
spanWidth="130px"
|
|
||||||
ref="customForm"
|
|
||||||
:formRow="accountFormRow"
|
|
||||||
:isFunBtn="false"
|
|
||||||
:rules="accountRules"
|
|
||||||
alignAt="block"
|
|
||||||
:span="24"
|
|
||||||
>
|
|
||||||
</base-form>
|
|
||||||
</div>
|
|
||||||
</base-right-dialog>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import baseRightDialog from "@/components/base/baseRightDialog/index.vue";
|
|
||||||
import { authApi } from "@/api/apis/auth";
|
|
||||||
import baseForm from "@/components/base/baseNewForm";
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
baseForm,
|
|
||||||
baseRightDialog,
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
dialogVisible: false,
|
|
||||||
accountFormRow: [
|
|
||||||
{
|
|
||||||
elCol: [
|
|
||||||
{
|
|
||||||
label: "账号名称",
|
|
||||||
prop: "name",
|
|
||||||
tag: "elInput",
|
|
||||||
span: 24,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
elCol: [
|
|
||||||
{
|
|
||||||
label: "登录账号",
|
|
||||||
prop: "userName",
|
|
||||||
tag: "elInput",
|
|
||||||
span: 24,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
elCol: [
|
|
||||||
{
|
|
||||||
label: "登录密码",
|
|
||||||
prop: "password",
|
|
||||||
tag: "elInput",
|
|
||||||
span: 24,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
elCol: [
|
|
||||||
{
|
|
||||||
label: "数据库类型",
|
|
||||||
prop: "dbType",
|
|
||||||
tag: "elSelect",
|
|
||||||
options: [],
|
|
||||||
optionValue:"columnContent",
|
|
||||||
optionLabel:"columnValue",
|
|
||||||
span: 24,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
elCol: [
|
|
||||||
{
|
|
||||||
label: "数据库名称",
|
|
||||||
prop: "dbName",
|
|
||||||
tag: "elInput",
|
|
||||||
span: 24,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
elCol: [
|
|
||||||
{
|
|
||||||
label: "ip地址",
|
|
||||||
prop: "ipAddress",
|
|
||||||
tag: "elInput",
|
|
||||||
span: 24,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
elCol: [
|
|
||||||
{
|
|
||||||
label: "端口",
|
|
||||||
prop: "port",
|
|
||||||
tag: "elInput",
|
|
||||||
span: 24,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
accountRules: {
|
|
||||||
name: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: "请输入",
|
|
||||||
trigger: "change, blur",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
userName: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: "请输入",
|
|
||||||
trigger: "change, blur",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
password: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: "请输入",
|
|
||||||
trigger: "change, blur",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
dbType: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: "请选择",
|
|
||||||
trigger: "change, blur",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
dbName: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: "请输入",
|
|
||||||
trigger: "change, blur",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
ipAddress: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: "请输入",
|
|
||||||
trigger: "change, blur",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
port: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: "请输入",
|
|
||||||
trigger: "change, blur",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
title: "",
|
|
||||||
appID: "",
|
|
||||||
};
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
openDialog(appID, accountId, type) {
|
|
||||||
this.queryDictionaryList()
|
|
||||||
this.appID = appID;
|
|
||||||
this.dialogVisible = true;
|
|
||||||
this.dialogType = type;
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$refs.customForm?.resetFields("ruleForm");
|
|
||||||
if (type == "add") {
|
|
||||||
this.title = "新增";
|
|
||||||
}
|
|
||||||
if (type == "edit") {
|
|
||||||
this.title = "编辑";
|
|
||||||
this.GetSceneDetail(accountId);
|
|
||||||
}
|
|
||||||
if (type == "show") {
|
|
||||||
this.title = "查看";
|
|
||||||
this.GetSceneDetail(accountId);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
async queryDictionaryList() {
|
|
||||||
let params = {
|
|
||||||
tabName: "sys_flow_step_account",
|
|
||||||
columnName: "db_type",
|
|
||||||
};
|
|
||||||
let res = await authApi(
|
|
||||||
"sysdictionaryshopnewService",
|
|
||||||
"",
|
|
||||||
"queryDictionaryList",
|
|
||||||
"",
|
|
||||||
params
|
|
||||||
);
|
|
||||||
if (res.status == 200) {
|
|
||||||
this.accountFormRow[3].elCol[0].options = res.attribute;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async GetSceneDetail(accountId) {
|
|
||||||
let params = {
|
|
||||||
id: accountId,
|
|
||||||
};
|
|
||||||
let res = await authApi(
|
|
||||||
"sysApplicationAccountService",
|
|
||||||
"",
|
|
||||||
"getAccount",
|
|
||||||
"",
|
|
||||||
params
|
|
||||||
);
|
|
||||||
if (res.status == "200") {
|
|
||||||
this.$refs.customForm.choiceAssignment(res.attribute);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
handleConfirmClick() {
|
|
||||||
this.$refs.customForm.$refs["ruleForm"].validate((valid) => {
|
|
||||||
if (valid) {
|
|
||||||
let params = {
|
|
||||||
...this.$refs.customForm.ruleForm,
|
|
||||||
appId: this.appID,
|
|
||||||
};
|
|
||||||
if (this.dialogType == "add") {
|
|
||||||
this.SaveAccountData(params);
|
|
||||||
} else if (this.dialogType == "edit") {
|
|
||||||
this.editAccountData(params);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
this.$message({ message: "请选择必填项", type: "warning" });
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
async SaveAccountData(params) {
|
|
||||||
let res = await authApi(
|
|
||||||
"sysApplicationAccountService",
|
|
||||||
"",
|
|
||||||
"saveAccount",
|
|
||||||
"",
|
|
||||||
params
|
|
||||||
);
|
|
||||||
if (res.status == "200") {
|
|
||||||
this.$vmNews("新增账号成功", "success");
|
|
||||||
this.dialogVisible = false;
|
|
||||||
this.$emit("handleConfirmClick");
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async editAccountData(params) {
|
|
||||||
let res = await authApi(
|
|
||||||
"sysApplicationAccountService",
|
|
||||||
"",
|
|
||||||
"updateAccount",
|
|
||||||
"",
|
|
||||||
params
|
|
||||||
);
|
|
||||||
if (res.status == "200") {
|
|
||||||
this.$vmNews("修改账号成功", "success");
|
|
||||||
this.dialogVisible = false;
|
|
||||||
this.$emit("handleConfirmClick");
|
|
||||||
}
|
|
||||||
},
|
|
||||||
examineHandleClose() {
|
|
||||||
this.dialogVisible = false;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
::v-deep .el-form-item__content {
|
|
||||||
width: 100% !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
::v-deep .label {
|
|
||||||
text-align: left !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,12 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="wrap">
|
|
||||||
<router-view></router-view>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang='scss'>
|
|
||||||
</style>
|
|
||||||
|
|
@ -116,10 +116,6 @@ const addForm = [
|
||||||
id: "8",
|
id: "8",
|
||||||
label: "用友NCC",
|
label: "用友NCC",
|
||||||
},
|
},
|
||||||
{
|
|
||||||
id: "9",
|
|
||||||
label: "数据库",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
fontSize: 16,
|
fontSize: 16,
|
||||||
},
|
},
|
||||||
|
|
@ -215,11 +211,6 @@ const settingMenu = [
|
||||||
icon: "appMenu03",
|
icon: "appMenu03",
|
||||||
path: "appApiAdmin"
|
path: "appApiAdmin"
|
||||||
},
|
},
|
||||||
{
|
|
||||||
title: "应用账号授权",
|
|
||||||
icon: "appMenu03",
|
|
||||||
path: "accountAdmin"
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "安全与监控",
|
title: "安全与监控",
|
||||||
icon: "appMenu04"
|
icon: "appMenu04"
|
||||||
|
|
|
||||||
|
|
@ -1,265 +0,0 @@
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<base-dialog
|
|
||||||
:closeEscape="true"
|
|
||||||
:showClose="true"
|
|
||||||
:closeModal="false"
|
|
||||||
@handleClose="handleDialogClose"
|
|
||||||
@handleConfirmClick="handleConfirmClick"
|
|
||||||
:dialogVisible="dialogVisible"
|
|
||||||
:title="'权限分配'"
|
|
||||||
width="95%"
|
|
||||||
top="8vh"
|
|
||||||
:footerShow="true"
|
|
||||||
>
|
|
||||||
<div style="height: 50vh; display: flex; overflow: auto;">
|
|
||||||
<div style="width: calc(50% - 5px);">
|
|
||||||
<div class="small_title">
|
|
||||||
已分配权限用户 {{ authorizedMembers.length }}
|
|
||||||
</div>
|
|
||||||
<base-table
|
|
||||||
ref="authorizedMemberstable"
|
|
||||||
:border="true"
|
|
||||||
:showIndex="true"
|
|
||||||
:tableHeight="'45vh'"
|
|
||||||
:tableData="authorizedMembers"
|
|
||||||
:tableColumn="tableAssColumn"
|
|
||||||
:slotrow="false"
|
|
||||||
:funData="funData"
|
|
||||||
@onFunc="onFunc"
|
|
||||||
></base-table>
|
|
||||||
</div>
|
|
||||||
<div style="width: calc(50% - 5px); margin-left: 10px">
|
|
||||||
<div
|
|
||||||
class="small_title"
|
|
||||||
style="
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
"
|
|
||||||
>
|
|
||||||
<span>未分配权限用户</span>
|
|
||||||
<span>已选择 {{ SelectionData.length }} 人 </span>
|
|
||||||
</div>
|
|
||||||
<base-table
|
|
||||||
ref="customtable"
|
|
||||||
:border="true"
|
|
||||||
:showIndex="true"
|
|
||||||
:tableHeight="'45vh'"
|
|
||||||
:tableData="tableData"
|
|
||||||
:tableColumn="tableColumn"
|
|
||||||
:slotrow="false"
|
|
||||||
:showSelect="true"
|
|
||||||
@onSelectionChange="onSelectionChange"
|
|
||||||
></base-table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</base-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import baseDialog from "@/components/base/BaseNewDialog/index.vue";
|
|
||||||
import baseTable from "@/components/base/baseTable";
|
|
||||||
import { authApi } from "@/api/apis/auth";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
baseDialog,
|
|
||||||
baseTable,
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
dialogVisible: false,
|
|
||||||
tableColumn: [
|
|
||||||
{
|
|
||||||
label: "用户名称",
|
|
||||||
prop: "personName",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "用户编码",
|
|
||||||
prop: "personCode",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
tableAssColumn: [
|
|
||||||
{
|
|
||||||
label: "用户名称",
|
|
||||||
prop: "userName",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "用户编码",
|
|
||||||
prop: "userCode",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
funData: [
|
|
||||||
{
|
|
||||||
color: "#ff0000",
|
|
||||||
text: "删除",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
tableData: [],
|
|
||||||
activeTab: "first",
|
|
||||||
proClassID: "", //项目分类的id
|
|
||||||
authorizedMembers: [], //权限成员
|
|
||||||
SelectionData: [], //已选择
|
|
||||||
};
|
|
||||||
},
|
|
||||||
mounted() {},
|
|
||||||
methods: {
|
|
||||||
openDialog(row) {
|
|
||||||
this.proClassID = row.id;
|
|
||||||
this.activeTab = "first";
|
|
||||||
this.dialogVisible = true;
|
|
||||||
this.queryRuleList();
|
|
||||||
this.queryUserList();
|
|
||||||
},
|
|
||||||
// 查询未分配权限的用户
|
|
||||||
async queryUserList() {
|
|
||||||
let params = {
|
|
||||||
flowClassId:this.proClassID,
|
|
||||||
};
|
|
||||||
this.openLoading("detail");
|
|
||||||
let res = await authApi(
|
|
||||||
"sysFlowClassRuleService",
|
|
||||||
"",
|
|
||||||
"queryUserList",
|
|
||||||
"",
|
|
||||||
params
|
|
||||||
);
|
|
||||||
if (res.status == "200") {
|
|
||||||
this.tableData = res.attribute;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 流程分类权限列表查询
|
|
||||||
async queryRuleList() {
|
|
||||||
let params = {
|
|
||||||
flowClassId: this.proClassID,
|
|
||||||
};
|
|
||||||
let res = await authApi(
|
|
||||||
"sysFlowClassRuleService",
|
|
||||||
"",
|
|
||||||
"queryRuleList",
|
|
||||||
"",
|
|
||||||
params
|
|
||||||
);
|
|
||||||
if (res.status == "200") {
|
|
||||||
this.authorizedMembers = res.attribute.ruleList;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 表格操作事件 复制 删除
|
|
||||||
onFunc(index, row, item) {
|
|
||||||
// 删除
|
|
||||||
if (item.text == "删除") {
|
|
||||||
this.$confirm("确认删除该内容吗?", "提示", {
|
|
||||||
confirmButtonText: "确定",
|
|
||||||
cancelButtonText: "取消",
|
|
||||||
type: "warning",
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
this.openLoading("del");
|
|
||||||
this.userDelete(row);
|
|
||||||
})
|
|
||||||
.catch(() => {
|
|
||||||
this.$vmNews("取消操作", "info");
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async userDelete(row) {
|
|
||||||
let params = {
|
|
||||||
flowClassId:this.proClassID,
|
|
||||||
userId: row.userId,
|
|
||||||
};
|
|
||||||
let res = await authApi(
|
|
||||||
"sysFlowClassRuleService",
|
|
||||||
"",
|
|
||||||
"deleteFlowClassRule",
|
|
||||||
"",
|
|
||||||
params
|
|
||||||
);
|
|
||||||
if (res.status == "200") {
|
|
||||||
this.$vmNews("删除成功！", "success");
|
|
||||||
this.queryRuleList();
|
|
||||||
this.queryUserList();
|
|
||||||
this.SelectionData = [];
|
|
||||||
this.$refs.customtable.clearSelect();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 确定分配权限
|
|
||||||
async handleConfirmClick() {
|
|
||||||
if (this.SelectionData.length <= 0) {
|
|
||||||
this.$vmNews("请选择需要分配权限的用户！");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
let userList = [];
|
|
||||||
|
|
||||||
this.SelectionData.forEach((item) => {
|
|
||||||
let obj = {
|
|
||||||
userId: item.personId, //用户id
|
|
||||||
userName: item.personName, //用户名
|
|
||||||
userCode: item.personCode, //用户编码
|
|
||||||
};
|
|
||||||
userList.push(obj);
|
|
||||||
});
|
|
||||||
let params = {
|
|
||||||
flowClassId: this.proClassID,
|
|
||||||
ruleList: userList,
|
|
||||||
};
|
|
||||||
let res = await authApi(
|
|
||||||
"sysFlowClassRuleService",
|
|
||||||
"",
|
|
||||||
"saveFlowClassRule",
|
|
||||||
"",
|
|
||||||
params
|
|
||||||
);
|
|
||||||
if (res.status == "200") {
|
|
||||||
this.$vmNews("分配权限成功", "success");
|
|
||||||
this.handleDialogClose();
|
|
||||||
this.$emit('resetTable')
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 多选事件
|
|
||||||
onSelectionChange(value) {
|
|
||||||
this.SelectionData = value;
|
|
||||||
},
|
|
||||||
// 弹窗关闭
|
|
||||||
handleDialogClose() {
|
|
||||||
this.$refs.customtable.clearSelect();
|
|
||||||
this.tableData = [];
|
|
||||||
this.authorizedMembers = [];
|
|
||||||
this.SelectionData = [];
|
|
||||||
this.dialogVisible = false;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.small_title {
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin: 10px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.authBox {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
border: 1px solid #dcdfe6;
|
|
||||||
border-radius: 6px;
|
|
||||||
padding: 10px;
|
|
||||||
|
|
||||||
.content {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.arrow {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
i {
|
|
||||||
margin: 0 5px;
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,49 +0,0 @@
|
||||||
/**
|
|
||||||
* @desc 项目分类
|
|
||||||
* @date 2023-07-10
|
|
||||||
*/
|
|
||||||
// 表头
|
|
||||||
const tableColumnData = [
|
|
||||||
{
|
|
||||||
label: '项目分类名称',
|
|
||||||
prop: 'name'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
|
|
||||||
// 基本信息内容
|
|
||||||
const formRow = [
|
|
||||||
{
|
|
||||||
elCol: [{
|
|
||||||
label: '项目分类名称',
|
|
||||||
prop: 'name',
|
|
||||||
tag: 'elInput',
|
|
||||||
span: 24
|
|
||||||
}]
|
|
||||||
},
|
|
||||||
]
|
|
||||||
|
|
||||||
const basicsRules = {
|
|
||||||
name: [{
|
|
||||||
required: true,
|
|
||||||
message: '请输入项目分类名称',
|
|
||||||
trigger: 'blur'
|
|
||||||
}],
|
|
||||||
}
|
|
||||||
|
|
||||||
// 查看
|
|
||||||
const formRowShow = [
|
|
||||||
{
|
|
||||||
elCol: [{
|
|
||||||
label: '项目分类名称',
|
|
||||||
prop: 'name',
|
|
||||||
tag: 'elLook',
|
|
||||||
span: 24
|
|
||||||
}]
|
|
||||||
},
|
|
||||||
]
|
|
||||||
export default {
|
|
||||||
tableColumnData,
|
|
||||||
formRow,
|
|
||||||
basicsRules,
|
|
||||||
formRowShow,
|
|
||||||
}
|
|
||||||
|
|
@ -1,199 +0,0 @@
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<base-layout
|
|
||||||
ref="baseLayout"
|
|
||||||
:buttonList="buttonList"
|
|
||||||
@onFuncBtn="onFuncBtn"
|
|
||||||
:querySwitch="true"
|
|
||||||
:searchList="requirementList"
|
|
||||||
@search="handleSearchEvent"
|
|
||||||
:isPage="true"
|
|
||||||
@pageChange="handlePageChange"
|
|
||||||
>
|
|
||||||
<div slot="main" slot-scope="{ tableHeight }">
|
|
||||||
<base-table
|
|
||||||
ref="baseTable"
|
|
||||||
:showIndex="true"
|
|
||||||
:funWidth="220"
|
|
||||||
:funData="funData"
|
|
||||||
@onFunc="onFunc"
|
|
||||||
:tabLoading.sync="tabLoading"
|
|
||||||
:tableHeight="tableHeight"
|
|
||||||
:tableData="tableData"
|
|
||||||
:tableColumn="tableColumnData"
|
|
||||||
@onCellClick="onCellClick"
|
|
||||||
>
|
|
||||||
</base-table>
|
|
||||||
</div>
|
|
||||||
</base-layout>
|
|
||||||
<right-dialog ref="rightDialog" @resetTable="resetTable"></right-dialog>
|
|
||||||
<authorizationDialog ref="authorizationDialog" @resetTable="resetTable"></authorizationDialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import baseLayout from "@/components/base/baseLayout";
|
|
||||||
import baseTable from "@/components/base/baseTable";
|
|
||||||
import rightDialog from "./rightDialog";
|
|
||||||
import authorizationDialog from "./authorizationDialog";
|
|
||||||
import configData from "./configData";
|
|
||||||
import { authApi } from "@/api/apis/auth";
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
baseLayout,
|
|
||||||
baseTable,
|
|
||||||
rightDialog,
|
|
||||||
authorizationDialog,
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
buttonList: [
|
|
||||||
{
|
|
||||||
menuName: "新增",
|
|
||||||
icon: "el-icon-plus",
|
|
||||||
btnFunction: "add",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
menuName: "刷新",
|
|
||||||
icon: "el-icon-refresh",
|
|
||||||
btnFunction: "resetLoad",
|
|
||||||
},
|
|
||||||
], //按钮组
|
|
||||||
requirementList: [
|
|
||||||
{
|
|
||||||
placeholder: "项目分类名称",
|
|
||||||
prop: "name",
|
|
||||||
tag: "elInput",
|
|
||||||
},
|
|
||||||
], //查询模板list
|
|
||||||
tabLoading: false,
|
|
||||||
tableColumnData: configData.tableColumnData, //表头数据
|
|
||||||
funData: [
|
|
||||||
{
|
|
||||||
color: "#6a9af1",
|
|
||||||
text: "编辑",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
color: "#d67a74",
|
|
||||||
text: "删除",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
color: "#6a9af1",
|
|
||||||
text: "权限管理",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
tableData: [], //表格数据
|
|
||||||
pageModel: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 100,
|
|
||||||
},
|
|
||||||
queryModel: {
|
|
||||||
name: "",
|
|
||||||
},
|
|
||||||
};
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.GetProductionTableData();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
onCellClick(row) {
|
|
||||||
this.openLoading("detail");
|
|
||||||
this.$refs.rightDialog.openDialog("show", row);
|
|
||||||
},
|
|
||||||
// 表格数据
|
|
||||||
async GetProductionTableData() {
|
|
||||||
this.tabLoading = true;
|
|
||||||
let param = {
|
|
||||||
...this.pageModel,
|
|
||||||
...this.queryModel,
|
|
||||||
};
|
|
||||||
let res = await authApi(
|
|
||||||
"sysFlowClassService",
|
|
||||||
"",
|
|
||||||
"queryPagedJson",
|
|
||||||
"",
|
|
||||||
param
|
|
||||||
);
|
|
||||||
this.tabLoading = false;
|
|
||||||
if (res.status == "200") {
|
|
||||||
this.tableData = res.attribute.list;
|
|
||||||
this.$refs.baseLayout.setPageTotal(res.attribute.total);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 分页变化
|
|
||||||
handlePageChange(val) {
|
|
||||||
this.pageModel.pageNum = val.pageIndex;
|
|
||||||
this.pageModel.pageSize = val.pageSize;
|
|
||||||
this.GetProductionTableData();
|
|
||||||
},
|
|
||||||
// 按钮组
|
|
||||||
onFuncBtn(btn) {
|
|
||||||
this[btn.btnFunction]();
|
|
||||||
},
|
|
||||||
// 新增
|
|
||||||
add() {
|
|
||||||
this.$refs.rightDialog.openDialog("add");
|
|
||||||
},
|
|
||||||
// 表格操作事件 查看 重推 删除
|
|
||||||
onFunc(index, row, item) {
|
|
||||||
// 查看
|
|
||||||
if (item.text === "查看") {
|
|
||||||
this.openLoading("detail");
|
|
||||||
this.$refs.rightDialog.openDialog("show", row);
|
|
||||||
}
|
|
||||||
// 重推
|
|
||||||
if (item.text === "编辑") {
|
|
||||||
this.openLoading("detail");
|
|
||||||
this.$refs.rightDialog.openDialog("edit", row);
|
|
||||||
}
|
|
||||||
// 权限管理
|
|
||||||
if (item.text === "权限管理") {
|
|
||||||
// this.openLoading("detail");
|
|
||||||
this.$refs.authorizationDialog.openDialog(row);
|
|
||||||
}
|
|
||||||
// 删除
|
|
||||||
if (item.text === "删除") {
|
|
||||||
this.$delConfirm().then(() => {
|
|
||||||
this.openLoading("del");
|
|
||||||
this.productionDeleteById(row.id);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async productionDeleteById(id) {
|
|
||||||
let param = {
|
|
||||||
id: id,
|
|
||||||
};
|
|
||||||
let res = await authApi(
|
|
||||||
"sysFlowClassService",
|
|
||||||
"",
|
|
||||||
"deleteFlowClass",
|
|
||||||
"",
|
|
||||||
param
|
|
||||||
);
|
|
||||||
if (res.status == "200") {
|
|
||||||
this.$vmNews("删除成功", "success");
|
|
||||||
this.resetTable();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 重置表格
|
|
||||||
resetTable() {
|
|
||||||
this.pageModel.pageNum = 1;
|
|
||||||
this.$refs.baseLayout.pageClear();
|
|
||||||
this.GetProductionTableData();
|
|
||||||
},
|
|
||||||
// 搜索
|
|
||||||
handleSearchEvent() {
|
|
||||||
let data = this.$refs.baseLayout.ruleForm;
|
|
||||||
this.queryModel = data;
|
|
||||||
this.resetTable();
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.clickTitle {
|
|
||||||
color: #409eff;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,236 +0,0 @@
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<base-right-dialog
|
|
||||||
size="450px"
|
|
||||||
ref="baseRightDialog"
|
|
||||||
:footerShow="true"
|
|
||||||
:dialogVisible.sync="dialogVisible"
|
|
||||||
:title="dialogTitle + ' 项目分类管理'"
|
|
||||||
@handleClose="handleDialogClose"
|
|
||||||
:type="dialogType"
|
|
||||||
:submitShow="submitShow"
|
|
||||||
@handleConfirmClick="handleConfirmClick"
|
|
||||||
>
|
|
||||||
<base-form
|
|
||||||
ref="basicsForm"
|
|
||||||
:formRow="formRow"
|
|
||||||
:isFunBtn="false"
|
|
||||||
:rules="basicsRules"
|
|
||||||
class="dialog_form"
|
|
||||||
:spanWidth="`120px`"
|
|
||||||
:loading="vLoading"
|
|
||||||
>
|
|
||||||
</base-form>
|
|
||||||
|
|
||||||
</base-right-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import baseRightDialog from '@/components/base/baseRightDialog'
|
|
||||||
import baseForm from '@/components/base/baseNewForm'
|
|
||||||
import baseTable from '@/components/base/baseTable'
|
|
||||||
import configData from '@/views/projectClassification/configData'
|
|
||||||
import { authApi } from '@/api/apis/auth'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
baseRightDialog,
|
|
||||||
baseForm,
|
|
||||||
baseTable,
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
dialogVisible: false,
|
|
||||||
dialogTitle: '',
|
|
||||||
dialogType: '',
|
|
||||||
formRow: configData.formRow,
|
|
||||||
basicsRules: configData.basicsRules,
|
|
||||||
vLoading: false,
|
|
||||||
newMarryOptions: [],
|
|
||||||
submitShow: true,
|
|
||||||
loadingType: true,
|
|
||||||
tableVersionData: [],
|
|
||||||
funData: [],
|
|
||||||
isEdit: false,
|
|
||||||
select_dist: {},
|
|
||||||
plugNameOptions: [],
|
|
||||||
tableColumn: configData.operationTableColumn,//操作记录
|
|
||||||
tableData: []
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
openDialog(type, row) {
|
|
||||||
|
|
||||||
this.formRow = configData.formRow
|
|
||||||
this.submitShow = true
|
|
||||||
|
|
||||||
this.isEdit = false
|
|
||||||
this.funData = []
|
|
||||||
|
|
||||||
// 编辑
|
|
||||||
if (type == 'edit') {
|
|
||||||
this.isEdit = true
|
|
||||||
this.dialogTitle = '编辑'
|
|
||||||
this.dialogType = 'edit'
|
|
||||||
this.productGetById(row.id)
|
|
||||||
}
|
|
||||||
// 查看
|
|
||||||
if (type == 'show') {
|
|
||||||
this.funData = Object.assign([], [])
|
|
||||||
this.submitShow = false
|
|
||||||
this.formRow = configData.formRowShow
|
|
||||||
this.dialogTitle = '查看'
|
|
||||||
this.dialogType = 'show'
|
|
||||||
this.productGetById(row.id)
|
|
||||||
|
|
||||||
}
|
|
||||||
this.dialogVisible = true
|
|
||||||
// 新增
|
|
||||||
if (type == 'add') {
|
|
||||||
this.dialogTitle = '新增'
|
|
||||||
this.dialogType = 'add'
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$set(this.$refs.basicsForm.ruleForm, 'state', '0')
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
// 编辑详情
|
|
||||||
async productGetById(id) {
|
|
||||||
let params = {
|
|
||||||
id: id
|
|
||||||
}
|
|
||||||
let res = await authApi(
|
|
||||||
'sysFlowClassService',
|
|
||||||
'',
|
|
||||||
'getFlowClass',
|
|
||||||
'',
|
|
||||||
params
|
|
||||||
)
|
|
||||||
if (res.status == '200') {
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$refs.basicsForm.incomingParameters(res.attribute)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
addVersionDialog() {
|
|
||||||
let obj = {
|
|
||||||
argName: '',
|
|
||||||
argCode: '',
|
|
||||||
argType: '1',
|
|
||||||
remark: ''
|
|
||||||
}
|
|
||||||
this.tableVersionData.push(obj)
|
|
||||||
},
|
|
||||||
// 删除
|
|
||||||
onFunc(index, row) {
|
|
||||||
if (index == 0) {
|
|
||||||
this.$delConfirm().then(() => {
|
|
||||||
this.tableVersionData.forEach((item, itemIndex) => {
|
|
||||||
if (item.id === row.id) {
|
|
||||||
this.tableVersionData.splice(itemIndex, 1)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 弹窗关闭
|
|
||||||
handleDialogClose() {
|
|
||||||
this.tableVersionData = Object.assign([], [])
|
|
||||||
this.$refs.basicsForm.resetFields()
|
|
||||||
this.dialogVisible = false
|
|
||||||
},
|
|
||||||
// 弹窗确认按钮
|
|
||||||
handleConfirmClick() {
|
|
||||||
this.$refs.basicsForm.$refs['ruleForm'].validate((valid) => {
|
|
||||||
if (!valid) {
|
|
||||||
return
|
|
||||||
} else {
|
|
||||||
let params = {
|
|
||||||
...this.$refs.basicsForm.ruleForm
|
|
||||||
}
|
|
||||||
if (this.dialogType == 'add') {
|
|
||||||
this.openLoading('submit')
|
|
||||||
this.productSaveDto(params)
|
|
||||||
}
|
|
||||||
if (this.dialogType == 'edit') {
|
|
||||||
this.openLoading('submit')
|
|
||||||
this.productUpdateDto(params)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
// 新增保存
|
|
||||||
async productSaveDto(params) {
|
|
||||||
let res = await authApi(
|
|
||||||
'sysFlowClassService',
|
|
||||||
'',
|
|
||||||
'saveFlowClass',
|
|
||||||
'',
|
|
||||||
params
|
|
||||||
)
|
|
||||||
if (res.status == '200') {
|
|
||||||
this.handleDialogClose()
|
|
||||||
this.$vmNews('新增成功', 'success')
|
|
||||||
this.$emit('resetTable')
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 编辑保存
|
|
||||||
async productUpdateDto(params) {
|
|
||||||
let res = await authApi(
|
|
||||||
'sysFlowClassService',
|
|
||||||
'',
|
|
||||||
'updateFlowClass',
|
|
||||||
'',
|
|
||||||
params
|
|
||||||
)
|
|
||||||
if (res.status == '200') {
|
|
||||||
this.handleDialogClose()
|
|
||||||
this.$vmNews('更新成功', 'success')
|
|
||||||
this.$emit('resetTable')
|
|
||||||
}
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.small_title {
|
|
||||||
margin: 10px 0;
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dialogList {
|
|
||||||
padding: 16px 0;
|
|
||||||
border-top: 1px solid #dcdfe6;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
.updateBtn {
|
|
||||||
border: 1px solid #ebedf1;
|
|
||||||
padding: 5px 0;
|
|
||||||
border-radius: 3px;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 14px;
|
|
||||||
cursor: pointer;
|
|
||||||
width: 100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.updateBtn:hover {
|
|
||||||
color: #1890ff;
|
|
||||||
border-color: #badeff;
|
|
||||||
background-color: #e8f4ff;
|
|
||||||
}
|
|
||||||
|
|
||||||
::v-deep .el-table__body-wrapper.is-scrolling-none {
|
|
||||||
height: auto !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
::v-deep .app-container {
|
|
||||||
height: auto !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
Loading…
Reference in New Issue