场景中心变更
This commit is contained in:
parent
64cca71663
commit
df74cbd87c
|
@ -12,16 +12,16 @@
|
||||||
title="新增账号"
|
title="新增账号"
|
||||||
>
|
>
|
||||||
<template #addButton>
|
<template #addButton>
|
||||||
<el-button type="primary" @click="VerifyAccount">验证账号</el-button>
|
<el-button type="primary" v-if="!submitShow" @click="VerifyAccount">验证账号</el-button>
|
||||||
</template>
|
</template>
|
||||||
<div class="rightDialogClass_main" style="background: #fff; padding: 10px">
|
<div class="rightDialogClass_main" style="background: #fff; padding: 10px">
|
||||||
<base-form
|
<base-form
|
||||||
style="padding-top: 0 !important"
|
style="padding-top: 0 !important"
|
||||||
spanWidth="80px"
|
spanWidth="80px"
|
||||||
ref="customForm"
|
ref="customForm"
|
||||||
:formRow="accountFormRow"
|
:formRow="currentForm"
|
||||||
:isFunBtn="false"
|
:isFunBtn="false"
|
||||||
:rules="accountRules"
|
:rules="currentRules"
|
||||||
alignAt="block"
|
alignAt="block"
|
||||||
:span="24"
|
:span="24"
|
||||||
>
|
>
|
||||||
|
@ -62,6 +62,8 @@ export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
dialogVisible: false,
|
dialogVisible: false,
|
||||||
|
currentForm: [],
|
||||||
|
currentRules: {},
|
||||||
accountFormRow: [
|
accountFormRow: [
|
||||||
{
|
{
|
||||||
elCol: [
|
elCol: [
|
||||||
|
@ -188,25 +190,160 @@ export default {
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
accountOtherFormRow: [
|
||||||
|
{
|
||||||
|
elCol: [
|
||||||
|
{
|
||||||
|
label: "账号名称",
|
||||||
|
prop: "name",
|
||||||
|
tag: "elInput",
|
||||||
|
span: 24,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
elCol: [
|
||||||
|
{
|
||||||
|
label: "ip地址",
|
||||||
|
prop: "ipAddress",
|
||||||
|
tag: "elInput",
|
||||||
|
span: 24,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
elCol: [
|
||||||
|
{
|
||||||
|
label: "端口",
|
||||||
|
prop: "port",
|
||||||
|
tag: "elInput",
|
||||||
|
span: 24,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
elCol: [
|
||||||
|
{
|
||||||
|
label: "应用Key",
|
||||||
|
prop: "appKey",
|
||||||
|
tag: "elInput",
|
||||||
|
span: 24,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
elCol: [
|
||||||
|
{
|
||||||
|
label: "应用密钥",
|
||||||
|
prop: "appSecret",
|
||||||
|
tag: "elInput",
|
||||||
|
span: 24,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
elCol: [
|
||||||
|
{
|
||||||
|
label: "企业ID",
|
||||||
|
prop: "corpid",
|
||||||
|
tag: "elInput",
|
||||||
|
span: 24,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
elCol: [
|
||||||
|
{
|
||||||
|
label: "应用ID",
|
||||||
|
prop: "agentid",
|
||||||
|
tag: "elInput",
|
||||||
|
span: 24,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
accountOtherRules: {
|
||||||
|
name: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请输入",
|
||||||
|
trigger: "change, blur",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
ipAddress: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请输入",
|
||||||
|
trigger: "change, blur",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
port: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请输入",
|
||||||
|
trigger: "change, blur",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
appKey: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请输入",
|
||||||
|
trigger: "change, blur",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
appSecret: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请输入",
|
||||||
|
trigger: "change, blur",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
corpid: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请输入",
|
||||||
|
trigger: "change, blur",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
agentid: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请输入",
|
||||||
|
trigger: "change, blur",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
appID: "",
|
appID: "",
|
||||||
sceneID: "",
|
sceneID: "",
|
||||||
stepID: "",
|
stepID: "",
|
||||||
accountType: "",
|
accountType: "",
|
||||||
submitShow: false, //是否显示查看按钮
|
submitShow: false, //是否显示查看按钮
|
||||||
message: "",
|
message: "",
|
||||||
|
appType: "",
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
openDialog(appID, sceneID, stepID) {
|
openDialog(appID, sceneID, stepID, appType) {
|
||||||
this.submitShow = false;
|
this.appType = appType;
|
||||||
this.message = "";
|
this.message = "";
|
||||||
this.queryDictionaryList();
|
|
||||||
this.appID = appID;
|
this.appID = appID;
|
||||||
this.sceneID = sceneID;
|
this.sceneID = sceneID;
|
||||||
this.stepID = stepID;
|
this.stepID = stepID;
|
||||||
this.dialogVisible = true;
|
this.submitShow = false;
|
||||||
|
if (appType == "9") {
|
||||||
|
this.currentForm = this.accountFormRow;
|
||||||
|
this.currentRules = this.accountRules;
|
||||||
|
this.queryDictionaryList();
|
||||||
|
} else {
|
||||||
|
this.submitShow = true;
|
||||||
|
this.currentForm = this.accountOtherFormRow;
|
||||||
|
this.currentRules = this.accountOtherRules;
|
||||||
|
}
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$refs.customForm?.resetFields("ruleForm");
|
this.dialogVisible = true;
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$refs.customForm?.resetFields("ruleForm");
|
||||||
|
});
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
async queryDictionaryList() {
|
async queryDictionaryList() {
|
||||||
|
@ -230,6 +367,7 @@ export default {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
let params = {
|
let params = {
|
||||||
...this.$refs.customForm.ruleForm,
|
...this.$refs.customForm.ruleForm,
|
||||||
|
appType: this.appType,
|
||||||
};
|
};
|
||||||
this.verifyDataBase(params);
|
this.verifyDataBase(params);
|
||||||
} else {
|
} else {
|
||||||
|
@ -257,6 +395,7 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
handleConfirmClick() {
|
handleConfirmClick() {
|
||||||
|
this.openLoading("保存")
|
||||||
this.$refs.customForm.$refs["ruleForm"].validate((valid) => {
|
this.$refs.customForm.$refs["ruleForm"].validate((valid) => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
let params = {
|
let params = {
|
||||||
|
@ -265,6 +404,7 @@ export default {
|
||||||
status: 1,
|
status: 1,
|
||||||
flowId: this.sceneID,
|
flowId: this.sceneID,
|
||||||
stepId: this.stepID,
|
stepId: this.stepID,
|
||||||
|
appType: this.appType,
|
||||||
};
|
};
|
||||||
this.SaveAccountData(params);
|
this.SaveAccountData(params);
|
||||||
} else {
|
} else {
|
||||||
|
|
|
@ -25,7 +25,7 @@
|
||||||
style="background: #fff"
|
style="background: #fff"
|
||||||
>
|
>
|
||||||
<!-- 步骤画布 -->
|
<!-- 步骤画布 -->
|
||||||
<div class="drawCanvas" v-show="!representation">
|
<div class="drawCanvas drawParent" v-show="!representation">
|
||||||
<div
|
<div
|
||||||
class="drawItem"
|
class="drawItem"
|
||||||
v-for="(ele, index) in drawShowList"
|
v-for="(ele, index) in drawShowList"
|
||||||
|
@ -120,6 +120,41 @@
|
||||||
<div @click="addDrwaItem" class="drawItem drawItemBtn">
|
<div @click="addDrwaItem" class="drawItem drawItemBtn">
|
||||||
添加新步骤
|
添加新步骤
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- 测试结果展示区 -->
|
||||||
|
<div class="TestResultDisplayArea" v-if="TestResultDisplayArea">
|
||||||
|
<div class="testResultBoxTitle">
|
||||||
|
测试结果输出
|
||||||
|
<div class="closeTextBox" @click="closeTestResultArea">
|
||||||
|
<i class="el-icon-close"></i> 关闭
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="testSuccessTip"
|
||||||
|
v-if="jsonTestResultData && jsonTestResultData.flag"
|
||||||
|
>
|
||||||
|
<el-alert
|
||||||
|
title="测试成功"
|
||||||
|
type="success"
|
||||||
|
show-icon
|
||||||
|
:closable="false"
|
||||||
|
>
|
||||||
|
</el-alert>
|
||||||
|
</div>
|
||||||
|
<div class="testFailTip" v-else>
|
||||||
|
<el-alert
|
||||||
|
title="测试失败"
|
||||||
|
type="error"
|
||||||
|
:description="jsonTestResultData.msg"
|
||||||
|
show-icon
|
||||||
|
:closable="false"
|
||||||
|
>
|
||||||
|
</el-alert>
|
||||||
|
</div>
|
||||||
|
<div class="jsonTestResultBox" v-if="jsonTestResultData.attribute">
|
||||||
|
<json-view :data="jsonTestResultData.attribute" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 动态内容及其表达式 -->
|
<!-- 动态内容及其表达式 -->
|
||||||
<div
|
<div
|
||||||
|
@ -521,6 +556,7 @@
|
||||||
label-width="80px"
|
label-width="80px"
|
||||||
label-position="top"
|
label-position="top"
|
||||||
style="margin-bottom: 10px"
|
style="margin-bottom: 10px"
|
||||||
|
v-if="currentRowData.options.appType == '9'"
|
||||||
>
|
>
|
||||||
<el-form-item label="选择表">
|
<el-form-item label="选择表">
|
||||||
<el-select
|
<el-select
|
||||||
|
@ -528,6 +564,7 @@
|
||||||
placeholder="请选择表"
|
placeholder="请选择表"
|
||||||
@change="outsideSelectChange"
|
@change="outsideSelectChange"
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
|
filterable
|
||||||
>
|
>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="(el, index) in outsideOptions"
|
v-for="(el, index) in outsideOptions"
|
||||||
|
@ -538,9 +575,33 @@
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<div class="Columnsbtn">
|
<div class="Columnsbtn" v-if="outsideColumns.length > 0">
|
||||||
<el-button @click="saveTestTableEvent">暂存</el-button>
|
<el-button @click="saveTestTableEvent">暂存</el-button>
|
||||||
<el-button @click="hitTesting">点击测试</el-button>
|
<el-button @click="saveTestTableEvent('hit')"
|
||||||
|
>点击测试</el-button
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
v-if="
|
||||||
|
currentRowData.options &&
|
||||||
|
currentRowData.options.appType == '9' &&
|
||||||
|
currentRowData.options.apiName.includes('查询')
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<el-form
|
||||||
|
ref="pegeForm"
|
||||||
|
:model="pageFormData"
|
||||||
|
label-width="80px"
|
||||||
|
label-position="top"
|
||||||
|
style="margin-bottom: 10px"
|
||||||
|
>
|
||||||
|
<el-form-item label="页码">
|
||||||
|
<el-input v-model="pageFormData.rowNum"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="每页条数">
|
||||||
|
<el-input v-model="pageFormData.pageLimit"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
<div class="fixedChildTable">
|
<div class="fixedChildTable">
|
||||||
<!-- 表字段 -->
|
<!-- 表字段 -->
|
||||||
|
@ -670,6 +731,7 @@ import addAccount from "./addAccount.vue";
|
||||||
import baseForm from "@/components/base/baseNewForm";
|
import baseForm from "@/components/base/baseNewForm";
|
||||||
import treeNode from "./TreeNode";
|
import treeNode from "./TreeNode";
|
||||||
import IconsDialog from "../../tool/build/IconsDialog.vue";
|
import IconsDialog from "../../tool/build/IconsDialog.vue";
|
||||||
|
import jsonView from "vue-json-views";
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
editSence,
|
editSence,
|
||||||
|
@ -679,6 +741,7 @@ export default {
|
||||||
baseForm,
|
baseForm,
|
||||||
treeNode,
|
treeNode,
|
||||||
IconsDialog,
|
IconsDialog,
|
||||||
|
jsonView,
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
@ -750,48 +813,23 @@ export default {
|
||||||
representation: false,
|
representation: false,
|
||||||
selectedNode: "",
|
selectedNode: "",
|
||||||
representationActiveName: "first",
|
representationActiveName: "first",
|
||||||
treeData: {
|
treeData: {},
|
||||||
user: {
|
|
||||||
id: 1001,
|
|
||||||
profile: {
|
|
||||||
name: "李四",
|
|
||||||
email: "lisi@example.com",
|
|
||||||
settings: {
|
|
||||||
theme: "dark",
|
|
||||||
notifications: {
|
|
||||||
email: true,
|
|
||||||
sms: false,
|
|
||||||
push: true,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
permissions: ["read", "write", "admin"],
|
|
||||||
metadata: {
|
|
||||||
created_at: "2023-01-15T10:30:00Z",
|
|
||||||
updated_at: "2024-03-20T15:45:30Z",
|
|
||||||
version: 2.1,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
config: {
|
|
||||||
database: {
|
|
||||||
host: "localhost",
|
|
||||||
port: 5432,
|
|
||||||
ssl: false,
|
|
||||||
},
|
|
||||||
features: {
|
|
||||||
experimental: ["ai_assist", "real_time_sync"],
|
|
||||||
stable: ["user_management", "data_export"],
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
currenrActiveNodeRef: "",
|
currenrActiveNodeRef: "",
|
||||||
lastSelectedTokenIndex: -1,
|
lastSelectedTokenIndex: -1,
|
||||||
representationData: representationData,
|
representationData: representationData,
|
||||||
savedRange: null, // ⬅️ 用于存储当前 range
|
savedRange: null, // ⬅️ 用于存储当前 range
|
||||||
|
TestResultDisplayArea: false, //测试结果展示区
|
||||||
|
jsonTestResultData: {},
|
||||||
|
pageFormData: {
|
||||||
|
rowNum: "1",
|
||||||
|
pageLimit: "100",
|
||||||
|
},
|
||||||
|
|
||||||
|
parameterType: "body", //参数类型
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
async saveTestTableEvent() {
|
async saveTestTableEvent(type) {
|
||||||
if (!this.outsideFormData.tableName) {
|
if (!this.outsideFormData.tableName) {
|
||||||
this.$vmNews("请先选择表");
|
this.$vmNews("请先选择表");
|
||||||
return;
|
return;
|
||||||
|
@ -808,7 +846,17 @@ export default {
|
||||||
stepAccountId: data.step_acc_id,
|
stepAccountId: data.step_acc_id,
|
||||||
actionName: data.apiName || data.plugName,
|
actionName: data.apiName || data.plugName,
|
||||||
tableName: this.outsideFormData.tableName,
|
tableName: this.outsideFormData.tableName,
|
||||||
|
appType: this.currentRowData.options.appType,
|
||||||
};
|
};
|
||||||
|
if (
|
||||||
|
this.currentRowData.options &&
|
||||||
|
this.currentRowData.options.appType == "9" &&
|
||||||
|
this.currentRowData.options.apiName.includes("查询")
|
||||||
|
) {
|
||||||
|
params.rowNum = this.pageFormData.rowNum;
|
||||||
|
params.pageLimit = this.pageFormData.pageLimit;
|
||||||
|
}
|
||||||
|
|
||||||
let res = await authApi(
|
let res = await authApi(
|
||||||
"sysFlowStepConfigService",
|
"sysFlowStepConfigService",
|
||||||
"",
|
"",
|
||||||
|
@ -816,8 +864,12 @@ export default {
|
||||||
"",
|
"",
|
||||||
params
|
params
|
||||||
);
|
);
|
||||||
if(res.status == "200"){
|
if (res.status == "200") {
|
||||||
this.$vmNews("暂存成功!","success")
|
if (type == "hit") {
|
||||||
|
this.hitTesting();
|
||||||
|
} else {
|
||||||
|
this.$vmNews("暂存成功!", "success");
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
extractEditorItems(rootElement) {
|
extractEditorItems(rootElement) {
|
||||||
|
@ -850,8 +902,33 @@ export default {
|
||||||
|
|
||||||
return result;
|
return result;
|
||||||
},
|
},
|
||||||
hitTesting(){
|
async hitTesting() {
|
||||||
|
if (!this.outsideFormData.tableName) {
|
||||||
|
this.$vmNews("请先选择表");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.openLoading("测试");
|
||||||
|
this.representation = false;
|
||||||
|
let data = this.currentRowData.options;
|
||||||
|
let params = {
|
||||||
|
stepID: data.stepID,
|
||||||
|
tableName: this.outsideFormData.tableName,
|
||||||
|
};
|
||||||
|
let res = await authApi(
|
||||||
|
"sysFlowStepConfigService",
|
||||||
|
"",
|
||||||
|
"testSql",
|
||||||
|
"",
|
||||||
|
params
|
||||||
|
);
|
||||||
|
if (res.status == "200") {
|
||||||
|
this.TestResultDisplayArea = true;
|
||||||
|
this.jsonTestResultData = res || {};
|
||||||
|
}
|
||||||
|
},
|
||||||
|
closeTestResultArea() {
|
||||||
|
this.TestResultDisplayArea = false;
|
||||||
|
this.jsonTestResultData = {};
|
||||||
},
|
},
|
||||||
/**
|
/**
|
||||||
* 打开弹窗
|
* 打开弹窗
|
||||||
|
@ -871,6 +948,10 @@ export default {
|
||||||
this.triggerMode = triggerMode;
|
this.triggerMode = triggerMode;
|
||||||
// 显示审核操作弹窗
|
// 显示审核操作弹窗
|
||||||
this.examineOperateDialog = true;
|
this.examineOperateDialog = true;
|
||||||
|
this.representation = false;
|
||||||
|
this.TestResultDisplayArea = false;
|
||||||
|
this.jsonTestResultData = {};
|
||||||
|
this.parameterType = "body";
|
||||||
// 显示场景加载状态
|
// 显示场景加载状态
|
||||||
this.sceneLoading = true;
|
this.sceneLoading = true;
|
||||||
// 5 秒后隐藏场景加载状态
|
// 5 秒后隐藏场景加载状态
|
||||||
|
@ -1088,6 +1169,7 @@ export default {
|
||||||
this.apiIDActiv = "";
|
this.apiIDActiv = "";
|
||||||
this.userActivId = "";
|
this.userActivId = "";
|
||||||
this.CurrentAppRow = {};
|
this.CurrentAppRow = {};
|
||||||
|
|
||||||
if (index === 0) {
|
if (index === 0) {
|
||||||
this.activeTabName = "选择操作";
|
this.activeTabName = "选择操作";
|
||||||
} else {
|
} else {
|
||||||
|
@ -1097,9 +1179,30 @@ export default {
|
||||||
// 获取应用列表
|
// 获取应用列表
|
||||||
await this.getAppList();
|
await this.getAppList();
|
||||||
// 获取场景步骤数据
|
// 获取场景步骤数据
|
||||||
|
await this.queryNodeList();
|
||||||
|
// 步骤详情
|
||||||
await this.GetSceneStepData();
|
await this.GetSceneStepData();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
/**
|
||||||
|
* 获取场景映射动态关系
|
||||||
|
*/
|
||||||
|
async queryNodeList() {
|
||||||
|
let params = {
|
||||||
|
flowId: this.sceneID,
|
||||||
|
stepId: this.currentRowData.options.stepID,
|
||||||
|
};
|
||||||
|
let res = await authApi(
|
||||||
|
"sysFlowStepConfigService",
|
||||||
|
"",
|
||||||
|
"queryNodeList",
|
||||||
|
"",
|
||||||
|
params
|
||||||
|
);
|
||||||
|
if (res.status == "200") {
|
||||||
|
this.treeData = res.attribute || {};
|
||||||
|
}
|
||||||
|
},
|
||||||
/**
|
/**
|
||||||
* 获取场景步骤数据
|
* 获取场景步骤数据
|
||||||
*/
|
*/
|
||||||
|
@ -1139,6 +1242,8 @@ export default {
|
||||||
this.pluginList = [];
|
this.pluginList = [];
|
||||||
// 清空用户列表
|
// 清空用户列表
|
||||||
this.userList = [];
|
this.userList = [];
|
||||||
|
// 清空表字段
|
||||||
|
this.outsideColumns = [];
|
||||||
if (this.currentRowData.options.appId) {
|
if (this.currentRowData.options.appId) {
|
||||||
// 更新当前选中的应用 ID
|
// 更新当前选中的应用 ID
|
||||||
this.appActivIndex = this.currentRowData.options.appId;
|
this.appActivIndex = this.currentRowData.options.appId;
|
||||||
|
@ -1166,6 +1271,10 @@ export default {
|
||||||
if (this.currentRowData.options.apiId) {
|
if (this.currentRowData.options.apiId) {
|
||||||
// 更新选择的 API ID
|
// 更新选择的 API ID
|
||||||
this.apiIdActiv = this.currentRowData.options.apiId;
|
this.apiIdActiv = this.currentRowData.options.apiId;
|
||||||
|
// 非数据库应用
|
||||||
|
if (this.currentRowData.options.appType != "9") {
|
||||||
|
this.queryApiConfig();
|
||||||
|
}
|
||||||
} else {
|
} else {
|
||||||
// 重置选择的 API ID
|
// 重置选择的 API ID
|
||||||
this.apiIdActiv = "";
|
this.apiIdActiv = "";
|
||||||
|
@ -1185,8 +1294,10 @@ export default {
|
||||||
// 更新当前选择的应用账号名称
|
// 更新当前选择的应用账号名称
|
||||||
this.CurrentAppRow.step_acc_name =
|
this.CurrentAppRow.step_acc_name =
|
||||||
this.currentRowData.options.step_acc_name;
|
this.currentRowData.options.step_acc_name;
|
||||||
// 获取表数据
|
if (this.currentRowData.options.appType == "9") {
|
||||||
this.queryTables(this.userActivId);
|
// 获取表数据
|
||||||
|
this.queryTables(this.userActivId);
|
||||||
|
}
|
||||||
} else {
|
} else {
|
||||||
// 重置选择的用户 ID
|
// 重置选择的用户 ID
|
||||||
this.userActivId = "";
|
this.userActivId = "";
|
||||||
|
@ -1324,15 +1435,11 @@ export default {
|
||||||
* @param {any} value 标签页值
|
* @param {any} value 标签页值
|
||||||
*/
|
*/
|
||||||
handleOtherTabClick(value) {
|
handleOtherTabClick(value) {
|
||||||
console.log(
|
|
||||||
this.activeOtherTabName,
|
|
||||||
this.userActivId,
|
|
||||||
this.outsideFormData.tableName
|
|
||||||
);
|
|
||||||
if (
|
if (
|
||||||
this.activeOtherTabName == "配置应用" &&
|
this.activeOtherTabName == "配置应用" &&
|
||||||
this.userActivId &&
|
this.userActivId &&
|
||||||
this.outsideFormData.tableName
|
this.outsideFormData.tableName &&
|
||||||
|
this.currentRowData.options.appType == "9"
|
||||||
) {
|
) {
|
||||||
this.queryColumns(this.outsideFormData.tableName);
|
this.queryColumns(this.outsideFormData.tableName);
|
||||||
}
|
}
|
||||||
|
@ -1432,6 +1539,8 @@ export default {
|
||||||
this.pluginList = [];
|
this.pluginList = [];
|
||||||
this.userActivId = "";
|
this.userActivId = "";
|
||||||
this.userList = [];
|
this.userList = [];
|
||||||
|
this.jsonTestResultData = {};
|
||||||
|
this.TestResultDisplayArea = false;
|
||||||
// 保存应用信息
|
// 保存应用信息
|
||||||
this.matchAppData(row);
|
this.matchAppData(row);
|
||||||
// 清空步骤配置
|
// 清空步骤配置
|
||||||
|
@ -1533,7 +1642,7 @@ export default {
|
||||||
this.activeApiPliginTabName = e;
|
this.activeApiPliginTabName = e;
|
||||||
},
|
},
|
||||||
// 选择API
|
// 选择API
|
||||||
hangleApiClickEvent(item) {
|
async hangleApiClickEvent(item) {
|
||||||
this.pluginActiv = "";
|
this.pluginActiv = "";
|
||||||
this.currentRowData.options.plugId = "";
|
this.currentRowData.options.plugId = "";
|
||||||
this.currentRowData.options.plugName = "";
|
this.currentRowData.options.plugName = "";
|
||||||
|
@ -1548,7 +1657,11 @@ export default {
|
||||||
// 更新当前步骤的资源类型
|
// 更新当前步骤的资源类型
|
||||||
this.currentRowData.options.actionType = this.activeApiPliginTabName;
|
this.currentRowData.options.actionType = this.activeApiPliginTabName;
|
||||||
// 切换到选择账号标签页
|
// 切换到选择账号标签页
|
||||||
this.activeOtherTabName = "选择账号";
|
if (this.userActivId) {
|
||||||
|
this.activeOtherTabName = "配置应用";
|
||||||
|
} else {
|
||||||
|
this.activeOtherTabName = "选择账号";
|
||||||
|
}
|
||||||
let params = {
|
let params = {
|
||||||
flowId: this.sceneID,
|
flowId: this.sceneID,
|
||||||
id: this.currentRowData.options.stepID,
|
id: this.currentRowData.options.stepID,
|
||||||
|
@ -1559,7 +1672,37 @@ export default {
|
||||||
apiName: item.apiName,
|
apiName: item.apiName,
|
||||||
};
|
};
|
||||||
// 保存场景步骤数据
|
// 保存场景步骤数据
|
||||||
this.SaveSceneStepData(params);
|
await this.SaveSceneStepData(params);
|
||||||
|
// 非数据库应用
|
||||||
|
if (this.currentRowData.options.appType != "9") {
|
||||||
|
this.queryApiConfig();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 获取表字段
|
||||||
|
async queryApiConfig() {
|
||||||
|
if (!this.currentRowData.options.apiId) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.outsideColumns = [];
|
||||||
|
let params = {
|
||||||
|
stepId: this.currentRowData.options.stepID, //账户id
|
||||||
|
apiId: this.currentRowData.options.apiId,
|
||||||
|
type: this.parameterType,
|
||||||
|
};
|
||||||
|
let res = await authApi(
|
||||||
|
"sysFlowStepApiConfigService",
|
||||||
|
"",
|
||||||
|
"queryApiConfig",
|
||||||
|
"",
|
||||||
|
params
|
||||||
|
);
|
||||||
|
this.drawMask = false;
|
||||||
|
if (res.status == "200") {
|
||||||
|
this.outsideColumns = res.attribute || [];
|
||||||
|
this.$nextTick(() => {
|
||||||
|
// this.getStepConfig();
|
||||||
|
});
|
||||||
|
}
|
||||||
},
|
},
|
||||||
// 选择插件
|
// 选择插件
|
||||||
hanglePluginClickEvent(item) {
|
hanglePluginClickEvent(item) {
|
||||||
|
@ -1602,7 +1745,8 @@ export default {
|
||||||
this.$refs.addAccount.openDialog(
|
this.$refs.addAccount.openDialog(
|
||||||
this.appActivIndex,
|
this.appActivIndex,
|
||||||
this.sceneID,
|
this.sceneID,
|
||||||
this.currentRowData.options.stepID
|
this.currentRowData.options.stepID,
|
||||||
|
this.currentRowData.options.appType
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
/**
|
/**
|
||||||
|
@ -1636,17 +1780,19 @@ export default {
|
||||||
id: this.currentRowData.options.stepID,
|
id: this.currentRowData.options.stepID,
|
||||||
step_acc_name: item.name,
|
step_acc_name: item.name,
|
||||||
step_acc_id: item.id,
|
step_acc_id: item.id,
|
||||||
tableName: "",
|
tableName: "-1",
|
||||||
};
|
};
|
||||||
// 保存场景步骤数据
|
// 保存场景步骤数据
|
||||||
await this.SaveSceneStepData(params);
|
await this.SaveSceneStepData(params);
|
||||||
// 切换到配置应用
|
// 切换到配置应用
|
||||||
this.activeOtherTabName = "配置应用";
|
this.activeOtherTabName = "配置应用";
|
||||||
// 获取表数据
|
if (this.currentRowData.options.appType == "9") {
|
||||||
await this.queryTables(item.id);
|
// 获取表数据
|
||||||
this.$nextTick(() => {
|
await this.queryTables(item.id);
|
||||||
this.resetForm("outsideForm");
|
this.$nextTick(() => {
|
||||||
});
|
this.resetForm("outsideForm");
|
||||||
|
});
|
||||||
|
}
|
||||||
},
|
},
|
||||||
/**
|
/**
|
||||||
* 重置表单
|
* 重置表单
|
||||||
|
@ -1740,6 +1886,14 @@ export default {
|
||||||
this.matchEditorItems(root, item.fieldName, item.html_label);
|
this.matchEditorItems(root, item.fieldName, item.html_label);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
if (
|
||||||
|
this.currentRowData.options &&
|
||||||
|
this.currentRowData.options.appType == "9" &&
|
||||||
|
this.currentRowData.options.apiName.includes("查询")
|
||||||
|
) {
|
||||||
|
this.pageFormData.rowNum = res.attribute.rowNum || "1";
|
||||||
|
this.pageFormData.pageLimit = res.attribute.pageLimit || "100";
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
matchEditorItems(rootElement, rootName, rootHtml) {
|
matchEditorItems(rootElement, rootName, rootHtml) {
|
||||||
|
@ -1838,7 +1992,7 @@ export default {
|
||||||
editSceneName() {
|
editSceneName() {
|
||||||
// 编辑场景名称的参数
|
// 编辑场景名称的参数
|
||||||
let row = {
|
let row = {
|
||||||
flowId: this.sceneID,
|
id: this.sceneID,
|
||||||
};
|
};
|
||||||
// 在下一个 DOM 更新周期后打开编辑场景名称的弹窗
|
// 在下一个 DOM 更新周期后打开编辑场景名称的弹窗
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
|
@ -1905,6 +2059,12 @@ export default {
|
||||||
// 清空用户列表
|
// 清空用户列表
|
||||||
this.userList = [];
|
this.userList = [];
|
||||||
this.representation = false;
|
this.representation = false;
|
||||||
|
this.TestResultDisplayArea = false;
|
||||||
|
// 重置分页
|
||||||
|
this.pageFormData = {
|
||||||
|
rowNum: "1",
|
||||||
|
pageLimit: "100",
|
||||||
|
};
|
||||||
},
|
},
|
||||||
representationChange() {
|
representationChange() {
|
||||||
if (!this.currenrActiveNodeRef) return;
|
if (!this.currenrActiveNodeRef) return;
|
||||||
|
@ -1965,20 +2125,8 @@ export default {
|
||||||
handleEditorClick(e, columnName, rowIndex) {
|
handleEditorClick(e, columnName, rowIndex) {
|
||||||
const editor = this.$refs["contentEditor" + columnName + rowIndex][0];
|
const editor = this.$refs["contentEditor" + columnName + rowIndex][0];
|
||||||
this.currenrActiveNodeRef = "contentEditor" + columnName + rowIndex;
|
this.currenrActiveNodeRef = "contentEditor" + columnName + rowIndex;
|
||||||
|
|
||||||
// // 如果点击的不是token,清除选中状态
|
|
||||||
// if (
|
|
||||||
// !e.target.classList.contains("content-token") &&
|
|
||||||
// !e.target.closest(".content-token")
|
|
||||||
// ) {
|
|
||||||
// this.clearTokenSelection(columnName, rowIndex);
|
|
||||||
// }
|
|
||||||
|
|
||||||
// // 确保编辑器获得焦点
|
|
||||||
// if (e.target === editor || editor.contains(e.target)) {
|
|
||||||
editor.focus();
|
editor.focus();
|
||||||
this.saveRange();
|
this.saveRange();
|
||||||
// }
|
|
||||||
},
|
},
|
||||||
// 处理粘贴事件
|
// 处理粘贴事件
|
||||||
handlePaste(e, columnName, rowIndex) {
|
handlePaste(e, columnName, rowIndex) {
|
||||||
|
@ -2042,6 +2190,7 @@ export default {
|
||||||
let nodeRef = "contentEditor" + columnName + rowIndex;
|
let nodeRef = "contentEditor" + columnName + rowIndex;
|
||||||
this.currenrActiveNodeRef = nodeRef;
|
this.currenrActiveNodeRef = nodeRef;
|
||||||
this.representation = true;
|
this.representation = true;
|
||||||
|
this.TestResultDisplayArea = false;
|
||||||
this.representationActiveName = "first";
|
this.representationActiveName = "first";
|
||||||
|
|
||||||
// 这段代码的目的是 让光标停留在最后一个span标签后面
|
// 这段代码的目的是 让光标停留在最后一个span标签后面
|
||||||
|
@ -2957,6 +3106,7 @@ export default {
|
||||||
::v-deep .el-collapse-item__header {
|
::v-deep .el-collapse-item__header {
|
||||||
padding-left: 10px !important;
|
padding-left: 10px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
// ------------------------
|
// ------------------------
|
||||||
.editor-container {
|
.editor-container {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
@ -3107,12 +3257,53 @@ export default {
|
||||||
.Columnsbtn {
|
.Columnsbtn {
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
.fixedChildTable {
|
.fixedChildTable {
|
||||||
height: calc(100vh - 360px);
|
height: calc(100vh - 360px);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.drawParent {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.TestResultDisplayArea {
|
||||||
|
width: 400px;
|
||||||
|
height: calc(100% - 10px);
|
||||||
|
position: absolute;
|
||||||
|
right: 10px;
|
||||||
|
top: 5px;
|
||||||
|
background-color: #fff;
|
||||||
|
box-sizing: border-box;
|
||||||
|
box-shadow: 0 0 8px #0000001a;
|
||||||
|
border-radius: 4px;
|
||||||
|
z-index: 100;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.testResultBoxTitle {
|
||||||
|
display: flex;
|
||||||
|
padding: 15px 10px;
|
||||||
|
background: #333333;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #fff;
|
||||||
|
justify-content: space-between;
|
||||||
|
border-radius: 4px 4px 0 0;
|
||||||
|
|
||||||
|
.closeTextBox {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.jsonTestResultBox {
|
||||||
|
height: calc(100% - 90px);
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .el-alert {
|
||||||
|
padding: 10px !important;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -170,8 +170,8 @@ export default {
|
||||||
params
|
params
|
||||||
);
|
);
|
||||||
if (res.status == "200") {
|
if (res.status == "200") {
|
||||||
this.$refs.senceForm.choiceAssignment(res.data[0]);
|
this.$refs.senceForm.choiceAssignment(res.attribute[0]);
|
||||||
this.triggerModeId = res.data[0].triggerMode;
|
this.triggerModeId = res.attribute[0].triggerMode;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
choseType(row) {
|
choseType(row) {
|
||||||
|
|
|
@ -44,23 +44,17 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</base-dialog>
|
</base-dialog>
|
||||||
<!-- <addDialogChunk
|
|
||||||
ref="addDialogChunk"
|
|
||||||
@examineHandleClose="examineHandleClose"
|
|
||||||
></addDialogChunk> -->
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import baseDialog from "@/components/base/BaseNewDialog/index.vue";
|
import baseDialog from "@/components/base/BaseNewDialog/index.vue";
|
||||||
// import addDialogChunk from "./addDialogChunk";
|
|
||||||
import { authApi } from "@/api/apis/auth";
|
import { authApi } from "@/api/apis/auth";
|
||||||
import baseForm from "@/components/base/baseNewForm";
|
import baseForm from "@/components/base/baseNewForm";
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
baseDialog,
|
baseDialog,
|
||||||
baseForm,
|
baseForm,
|
||||||
// addDialogChunk,
|
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
@ -75,6 +69,7 @@ export default {
|
||||||
options: [],
|
options: [],
|
||||||
optionValue: "id",
|
optionValue: "id",
|
||||||
optionLabel: "name",
|
optionLabel: "name",
|
||||||
|
disabled:true
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
@ -169,8 +164,8 @@ export default {
|
||||||
params
|
params
|
||||||
);
|
);
|
||||||
if (res.status == "200") {
|
if (res.status == "200") {
|
||||||
this.$refs.senceForm.choiceAssignment(res.data[0]);
|
this.$refs.senceForm.choiceAssignment(res.attribute[0]);
|
||||||
this.triggerModeId = res.data[0].triggerMode;
|
this.triggerModeId = res.attribute[0].triggerMode;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
handleConfirmClick() {
|
handleConfirmClick() {
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -358,6 +358,10 @@
|
||||||
ref="addDialogChunk"
|
ref="addDialogChunk"
|
||||||
@examineHandleClose="resetTable"
|
@examineHandleClose="resetTable"
|
||||||
></addDialogChunk>
|
></addDialogChunk>
|
||||||
|
<viewDialogChunk
|
||||||
|
ref="viewDialogChunk"
|
||||||
|
@examineHandleClose="resetTable"
|
||||||
|
></viewDialogChunk>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -372,6 +376,7 @@ import addSence from "@/views/LinkUp/compoment/addSence.vue";
|
||||||
import projectClassificationRightDialog from "@/views/projectClassification/rightDialog.vue";
|
import projectClassificationRightDialog from "@/views/projectClassification/rightDialog.vue";
|
||||||
import authorizationDialog from "@/views/projectClassification/authorizationDialog.vue";
|
import authorizationDialog from "@/views/projectClassification/authorizationDialog.vue";
|
||||||
import addDialogChunk from "./compoment/addDialogChunk.vue";
|
import addDialogChunk from "./compoment/addDialogChunk.vue";
|
||||||
|
import viewDialogChunk from "./compoment/viewDialogChunk.vue";
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
baseLayout,
|
baseLayout,
|
||||||
|
@ -381,6 +386,7 @@ export default {
|
||||||
projectClassificationRightDialog,
|
projectClassificationRightDialog,
|
||||||
authorizationDialog,
|
authorizationDialog,
|
||||||
addDialogChunk,
|
addDialogChunk,
|
||||||
|
viewDialogChunk
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
@ -524,17 +530,9 @@ export default {
|
||||||
// 按钮点击事件
|
// 按钮点击事件
|
||||||
getFuncBtn(btnEven) {
|
getFuncBtn(btnEven) {
|
||||||
if (btnEven.menuName == "新增") {
|
if (btnEven.menuName == "新增") {
|
||||||
// this.$refs.addDialogChunk.openDialog(
|
|
||||||
// "-4252471217359269890",
|
|
||||||
// "3-33003",
|
|
||||||
// "add",
|
|
||||||
// 3
|
|
||||||
// );
|
|
||||||
|
|
||||||
this.$refs.addSence.openDialog("", "add", this.projectClassificationID);
|
this.$refs.addSence.openDialog("", "add", this.projectClassificationID);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
//hyt 2024/08/14 切换豆腐块
|
|
||||||
onFixedBtn(flag) {
|
onFixedBtn(flag) {
|
||||||
this.$refs.layoutNew.pageClear();
|
this.$refs.layoutNew.pageClear();
|
||||||
this.pageModel.page = 1;
|
this.pageModel.page = 1;
|
||||||
|
|
Loading…
Reference in New Issue