feat: 日志
This commit is contained in:
parent
fcdb5b05af
commit
bd27c853f4
@ -42,3 +42,30 @@ export function delProject(projectId) {
|
|||||||
method: 'delete'
|
method: 'delete'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export function getExecuteRunParams(projectId) {
|
||||||
|
return request({
|
||||||
|
url: '/vi/project/queryExecuteRunParams',
|
||||||
|
method: 'get',
|
||||||
|
params: {
|
||||||
|
projectId
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function projectExecute(data) {
|
||||||
|
return request({
|
||||||
|
url: '/vi/project/execute',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function queryExecuteInstId(projectId) {
|
||||||
|
return request({
|
||||||
|
url: `/vi/project/queryExecuteInstId/${projectId}`,
|
||||||
|
method: 'get',
|
||||||
|
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|||||||
@ -81,11 +81,11 @@ export const getStartNodeFormData = () => {
|
|||||||
return data
|
return data
|
||||||
}
|
}
|
||||||
|
|
||||||
export const addValueProperty = (data) => {
|
export const addValueProperty = (data, schemeId = '') => {
|
||||||
// 处理单个对象或对象数组
|
// 处理单个对象或对象数组
|
||||||
const processItem = (item, index, path) => {
|
const processItem = (item, index, path) => {
|
||||||
// 根据类型设置默认值
|
// 根据类型设置默认值
|
||||||
item.value = '';
|
item.value = item.name === 'schemeId' ? schemeId : '';
|
||||||
item.propPath = `${path}.${index}.`
|
item.propPath = `${path}.${index}.`
|
||||||
if (item.type.includes('array') && !item.type.includes('object')) {
|
if (item.type.includes('array') && !item.type.includes('object')) {
|
||||||
const type = item.type.match(/<([^>]+)>/)[1]
|
const type = item.type.match(/<([^>]+)>/)[1]
|
||||||
|
|||||||
@ -1,152 +1,153 @@
|
|||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
import { ElNotification , ElMessageBox, ElMessage, ElLoading } from 'element-plus'
|
import { ElNotification , ElMessageBox, ElMessage, ElLoading } from 'element-plus'
|
||||||
import { getToken } from '@/utils/auth'
|
import { getToken } from '@/utils/auth'
|
||||||
import errorCode from '@/utils/errorCode'
|
import errorCode from '@/utils/errorCode'
|
||||||
import { tansParams, blobValidate } from '@/utils/ruoyi'
|
import { tansParams, blobValidate } from '@/utils/ruoyi'
|
||||||
import cache from '@/plugins/cache'
|
import cache from '@/plugins/cache'
|
||||||
import { saveAs } from 'file-saver'
|
import { saveAs } from 'file-saver'
|
||||||
import useUserStore from '@/store/modules/user'
|
import useUserStore from '@/store/modules/user'
|
||||||
|
|
||||||
let downloadLoadingInstance;
|
let downloadLoadingInstance;
|
||||||
// 是否显示重新登录
|
// 是否显示重新登录
|
||||||
export let isRelogin = { show: false };
|
export let isRelogin = { show: false };
|
||||||
|
|
||||||
axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
|
axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
|
||||||
// 创建axios实例
|
// 创建axios实例
|
||||||
const service = axios.create({
|
const service = axios.create({
|
||||||
// axios中请求配置有baseURL选项，表示请求URL公共部分
|
// axios中请求配置有baseURL选项，表示请求URL公共部分
|
||||||
baseURL: import.meta.env.VITE_APP_BASE_API,
|
baseURL: import.meta.env.VITE_APP_BASE_API,
|
||||||
// 超时
|
// 超时
|
||||||
timeout: 100000
|
timeout: 100000
|
||||||
})
|
})
|
||||||
|
|
||||||
// request拦截器
|
// request拦截器
|
||||||
service.interceptors.request.use(config => {
|
service.interceptors.request.use(config => {
|
||||||
// 是否需要设置 token
|
// 是否需要设置 token
|
||||||
const isToken = (config.headers || {}).isToken === false
|
const isToken = (config.headers || {}).isToken === false
|
||||||
// 是否需要防止数据重复提交
|
// 是否需要防止数据重复提交
|
||||||
const isRepeatSubmit = (config.headers || {}).repeatSubmit === false
|
const isRepeatSubmit = (config.headers || {}).repeatSubmit === false
|
||||||
if (getToken() && !isToken) {
|
if (getToken() && !isToken) {
|
||||||
config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
|
config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
|
||||||
}
|
}
|
||||||
// get请求映射params参数
|
// get请求映射params参数
|
||||||
if (config.method === 'get' && config.params) {
|
if (config.method === 'get' && config.params) {
|
||||||
let url = config.url + '?' + tansParams(config.params);
|
let url = config.url + '?' + tansParams(config.params);
|
||||||
url = url.slice(0, -1);
|
url = url.slice(0, -1);
|
||||||
config.params = {};
|
config.params = {};
|
||||||
config.url = url;
|
config.url = url;
|
||||||
}
|
}
|
||||||
if (!isRepeatSubmit && (config.method === 'post' || config.method === 'put')) {
|
if (!isRepeatSubmit && (config.method === 'post' || config.method === 'put')) {
|
||||||
const requestObj = {
|
const requestObj = {
|
||||||
url: config.url,
|
url: config.url,
|
||||||
data: typeof config.data === 'object' ? JSON.stringify(config.data) : config.data,
|
data: typeof config.data === 'object' ? JSON.stringify(config.data) : config.data,
|
||||||
time: new Date().getTime()
|
time: new Date().getTime()
|
||||||
}
|
}
|
||||||
const requestSize = Object.keys(JSON.stringify(requestObj)).length; // 请求数据大小
|
const requestSize = Object.keys(JSON.stringify(requestObj)).length; // 请求数据大小
|
||||||
const limitSize = 5 * 1024 * 1024; // 限制存放数据5M
|
const limitSize = 5 * 1024 * 1024; // 限制存放数据5M
|
||||||
if (requestSize >= limitSize) {
|
if (requestSize >= limitSize) {
|
||||||
console.warn(`[${config.url}]: ` + '请求数据大小超出允许的5M限制，无法进行防重复提交验证。')
|
console.warn(`[${config.url}]: ` + '请求数据大小超出允许的5M限制，无法进行防重复提交验证。')
|
||||||
return config;
|
return config;
|
||||||
}
|
}
|
||||||
const sessionObj = cache.session.getJSON('sessionObj')
|
const sessionObj = cache.session.getJSON('sessionObj')
|
||||||
if (sessionObj === undefined || sessionObj === null || sessionObj === '') {
|
if (sessionObj === undefined || sessionObj === null || sessionObj === '') {
|
||||||
cache.session.setJSON('sessionObj', requestObj)
|
cache.session.setJSON('sessionObj', requestObj)
|
||||||
} else {
|
} else {
|
||||||
const s_url = sessionObj.url; // 请求地址
|
const s_url = sessionObj.url; // 请求地址
|
||||||
const s_data = sessionObj.data; // 请求数据
|
const s_data = sessionObj.data; // 请求数据
|
||||||
const s_time = sessionObj.time; // 请求时间
|
const s_time = sessionObj.time; // 请求时间
|
||||||
const interval = 500; // 间隔时间(ms)，小于此时间视为重复提交
|
const interval = 500; // 间隔时间(ms)，小于此时间视为重复提交
|
||||||
if (s_data === requestObj.data && requestObj.time - s_time < interval && s_url === requestObj.url) {
|
if (s_data === requestObj.data && requestObj.time - s_time < interval && s_url === requestObj.url) {
|
||||||
const message = '数据正在处理，请勿重复提交';
|
const message = '数据正在处理，请勿重复提交';
|
||||||
console.warn(`[${s_url}]: ` + message)
|
console.warn(`[${s_url}]: ` + message)
|
||||||
return Promise.reject(new Error(message))
|
return Promise.reject(new Error(message))
|
||||||
} else {
|
} else {
|
||||||
cache.session.setJSON('sessionObj', requestObj)
|
cache.session.setJSON('sessionObj', requestObj)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
return config
|
return config
|
||||||
}, error => {
|
}, error => {
|
||||||
console.log(error)
|
console.log(error)
|
||||||
Promise.reject(error)
|
Promise.reject(error)
|
||||||
})
|
})
|
||||||
|
|
||||||
// 响应拦截器
|
// 响应拦截器
|
||||||
service.interceptors.response.use(res => {
|
service.interceptors.response.use(res => {
|
||||||
// 未设置状态码则默认成功状态
|
console.log('res', res)
|
||||||
const code = res.data.code || 200;
|
// 未设置状态码则默认成功状态
|
||||||
// 获取错误信息
|
const code = res.data.code || 200;
|
||||||
const msg = errorCode[code] || res.data.msg || errorCode['default']
|
// 获取错误信息
|
||||||
// 二进制数据则直接返回
|
const msg = errorCode[code] || res.data.msg || errorCode['default']
|
||||||
if (res.request.responseType === 'blob' || res.request.responseType === 'arraybuffer') {
|
// 二进制数据则直接返回
|
||||||
return res.data
|
if (res.request.responseType === 'blob' || res.request.responseType === 'arraybuffer') {
|
||||||
}
|
return res.data
|
||||||
if (code === 401) {
|
}
|
||||||
if (!isRelogin.show) {
|
if (code === 401) {
|
||||||
isRelogin.show = true;
|
if (!isRelogin.show) {
|
||||||
ElMessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', { confirmButtonText: '重新登录', cancelButtonText: '取消', type: 'warning' }).then(() => {
|
isRelogin.show = true;
|
||||||
isRelogin.show = false;
|
ElMessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', { confirmButtonText: '重新登录', cancelButtonText: '取消', type: 'warning' }).then(() => {
|
||||||
useUserStore().logOut().then(() => {
|
isRelogin.show = false;
|
||||||
location.href = '/index';
|
useUserStore().logOut().then(() => {
|
||||||
})
|
location.href = '/index';
|
||||||
}).catch(() => {
|
})
|
||||||
isRelogin.show = false;
|
}).catch(() => {
|
||||||
});
|
isRelogin.show = false;
|
||||||
}
|
});
|
||||||
return Promise.reject('无效的会话，或者会话已过期，请重新登录。')
|
}
|
||||||
} else if (code === 500) {
|
return Promise.reject('无效的会话，或者会话已过期，请重新登录。')
|
||||||
ElMessage({ message: msg, type: 'error' })
|
} else if (code === 500) {
|
||||||
return Promise.reject(new Error(msg))
|
ElMessage({ message: msg, type: 'error' })
|
||||||
} else if (code === 601) {
|
return Promise.reject(new Error(msg))
|
||||||
ElMessage({ message: msg, type: 'warning' })
|
} else if (code === 601) {
|
||||||
return Promise.reject(new Error(msg))
|
ElMessage({ message: msg, type: 'warning' })
|
||||||
} else if (code !== 200) {
|
return Promise.reject(new Error(msg))
|
||||||
ElNotification.error({ title: msg })
|
} else if (code !== 200) {
|
||||||
return Promise.reject('error')
|
ElNotification.error({ title: msg })
|
||||||
} else {
|
return Promise.reject('error')
|
||||||
return Promise.resolve(res.data)
|
} else {
|
||||||
}
|
return Promise.resolve(res.data)
|
||||||
},
|
}
|
||||||
error => {
|
},
|
||||||
console.log('err' + error)
|
error => {
|
||||||
let { message } = error;
|
console.log('err' + error)
|
||||||
if (message == "Network Error") {
|
let { message } = error;
|
||||||
message = "后端接口连接异常";
|
if (message == "Network Error") {
|
||||||
} else if (message.includes("timeout")) {
|
message = "后端接口连接异常";
|
||||||
message = "系统接口请求超时";
|
} else if (message.includes("timeout")) {
|
||||||
} else if (message.includes("Request failed with status code")) {
|
message = "系统接口请求超时";
|
||||||
message = "系统接口" + message.substr(message.length - 3) + "异常";
|
} else if (message.includes("Request failed with status code")) {
|
||||||
}
|
message = "系统接口" + message.substr(message.length - 3) + "异常";
|
||||||
ElMessage({ message: message, type: 'error', duration: 5 * 1000 })
|
}
|
||||||
return Promise.reject(error)
|
ElMessage({ message: message, type: 'error', duration: 5 * 1000 })
|
||||||
}
|
return Promise.reject(error)
|
||||||
)
|
}
|
||||||
|
)
|
||||||
// 通用下载方法
|
|
||||||
export function download(url, params, filename, config) {
|
// 通用下载方法
|
||||||
downloadLoadingInstance = ElLoading.service({ text: "正在下载数据，请稍候", background: "rgba(0, 0, 0, 0.7)", })
|
export function download(url, params, filename, config) {
|
||||||
return service.post(url, params, {
|
downloadLoadingInstance = ElLoading.service({ text: "正在下载数据，请稍候", background: "rgba(0, 0, 0, 0.7)", })
|
||||||
transformRequest: [(params) => { return tansParams(params) }],
|
return service.post(url, params, {
|
||||||
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
|
transformRequest: [(params) => { return tansParams(params) }],
|
||||||
responseType: 'blob',
|
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
|
||||||
...config
|
responseType: 'blob',
|
||||||
}).then(async (data) => {
|
...config
|
||||||
const isBlob = blobValidate(data);
|
}).then(async (data) => {
|
||||||
if (isBlob) {
|
const isBlob = blobValidate(data);
|
||||||
const blob = new Blob([data])
|
if (isBlob) {
|
||||||
saveAs(blob, filename)
|
const blob = new Blob([data])
|
||||||
} else {
|
saveAs(blob, filename)
|
||||||
const resText = await data.text();
|
} else {
|
||||||
const rspObj = JSON.parse(resText);
|
const resText = await data.text();
|
||||||
const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode['default']
|
const rspObj = JSON.parse(resText);
|
||||||
ElMessage.error(errMsg);
|
const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode['default']
|
||||||
}
|
ElMessage.error(errMsg);
|
||||||
downloadLoadingInstance.close();
|
}
|
||||||
}).catch((r) => {
|
downloadLoadingInstance.close();
|
||||||
console.error(r)
|
}).catch((r) => {
|
||||||
ElMessage.error('下载文件出现错误，请联系管理员！')
|
console.error(r)
|
||||||
downloadLoadingInstance.close();
|
ElMessage.error('下载文件出现错误，请联系管理员！')
|
||||||
})
|
downloadLoadingInstance.close();
|
||||||
}
|
})
|
||||||
|
}
|
||||||
export default service
|
|
||||||
|
export default service
|
||||||
|
|||||||
@ -1,172 +1,172 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-drawer v-model="props.drawer" title="运行" :before-close="handleClose">
|
<el-drawer v-model="props.drawer" title="运行" :before-close="handleClose">
|
||||||
<el-form
|
<el-form
|
||||||
ref="ruleFormRef"
|
ref="ruleFormRef"
|
||||||
style="max-width: 600px"
|
style="max-width: 600px"
|
||||||
:model="{ formData }"
|
:model="{ formData }"
|
||||||
:rules="rules"
|
:rules="rules"
|
||||||
label-width="auto"
|
label-width="auto"
|
||||||
>
|
>
|
||||||
<el-form-item label="机器人IP" prop="formData.terminalId" :rules="[{ required: true, message: '请输入', trigger: 'blur' }]">
|
<el-form-item label="机器人IP" prop="formData.terminalId" :rules="[{ required: true, message: '请输入', trigger: 'blur' }]">
|
||||||
<el-select v-model="formData.terminalId" style="width: 200px">
|
<el-select v-model="formData.terminalId" style="width: 200px">
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in terminalIdOptions"
|
v-for="item in terminalIdOptions"
|
||||||
:key="item.value"
|
:key="item.value"
|
||||||
:label="item.label"
|
:label="item.label"
|
||||||
:value="item.value"
|
:value="item.value"
|
||||||
/>
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-table
|
<el-table
|
||||||
:data="formData.tableData"
|
:data="formData.tableData"
|
||||||
:border="parentBorder"
|
:border="parentBorder"
|
||||||
:preserve-expanded-content="preserveExpanded"
|
:preserve-expanded-content="preserveExpanded"
|
||||||
default-expand-all
|
default-expand-all
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
>
|
>
|
||||||
<el-table-column type="expand">
|
<el-table-column type="expand">
|
||||||
<template #default="{ row: pRow, $index: pIndex }">
|
<template #default="{ row: pRow, $index: pIndex }">
|
||||||
<el-table
|
<el-table
|
||||||
v-if="pRow.config.length > 0"
|
v-if="pRow.config.length > 0"
|
||||||
:data="pRow.config"
|
:data="pRow.config"
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
row-key="name"
|
row-key="name"
|
||||||
default-expand-all
|
default-expand-all
|
||||||
>
|
>
|
||||||
<el-table-column prop="name" label="入参名称">
|
<el-table-column prop="name" label="入参名称">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<span>{{ row.name }}</span>
|
<span>{{ row.name }}</span>
|
||||||
<span v-if="row.required" style="color: #f56c6c; margin-left: 8px;">*</span>
|
<span v-if="row.required" style="color: #f56c6c; margin-left: 8px;">*</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
<el-table-column prop="type" label="入参类型">
|
<el-table-column prop="type" label="入参类型">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<el-tag>{{ row.type }}</el-tag>
|
<el-tag>{{ row.type }}</el-tag>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
<el-table-column prop="value" label="入参值">
|
<el-table-column prop="value" label="入参值">
|
||||||
<template #default="{ row, column, $index }">
|
<template #default="{ row, column, $index }">
|
||||||
<el-form-item v-if="row.type !== 'object' && !row.type.includes('array')" label="" :prop="`formData.tableData.${pIndex}.config.${row.propPath}.value`" :rules="row.required ? [{ required: true, message: '请输入', trigger: 'blur' }] : []">
|
<el-form-item v-if="row.type !== 'object' && !row.type.includes('array')" label="" :prop="`formData.tableData.${pIndex}.config.${row.propPath}.value`" :rules="row.required ? [{ required: true, message: '请输入', trigger: 'blur' }] : []">
|
||||||
<el-input v-if="row.type === 'string'" v-model="row.value" />
|
<el-input v-if="row.type === 'string'" v-model="row.value" />
|
||||||
<el-input-number v-if="row.type === 'number'" :controls="false" v-model="row.value" />
|
<el-input-number v-if="row.type === 'number'" :controls="false" v-model="row.value" />
|
||||||
<el-switch v-if="row.type === 'boolean'" v-model="row.value" />
|
<el-switch v-if="row.type === 'boolean'" v-model="row.value" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="流程ID" prop="itemId" />
|
<el-table-column label="流程ID" prop="itemId" show-overflow-tooltip/>
|
||||||
<el-table-column label="流程名称" prop="itemName" />
|
<el-table-column label="流程名称" prop="itemName" />
|
||||||
</el-table>
|
</el-table>
|
||||||
</el-form>
|
</el-form>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<el-button @click="handleClose">关闭</el-button>
|
<el-button @click="handleClose">关闭</el-button>
|
||||||
<el-button type="primary" @click="confirm">确定</el-button>
|
<el-button type="primary" @click="confirm">确定</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-drawer>
|
</el-drawer>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref, watch, onUnmounted } from "vue";
|
import { ref, watch, onUnmounted } from "vue";
|
||||||
import { addValueProperty, formatTableData } from "@/utils/flow";
|
import { addValueProperty, formatTableData } from "@/utils/flow";
|
||||||
import { emitter } from "@/utils/eventBus";
|
import { emitter } from "@/utils/eventBus";
|
||||||
import { ElMessage } from "element-plus";
|
import { ElMessage } from "element-plus";
|
||||||
import { listTerminal, getFlowParamsApi } from "@/api/device/terminal.js";
|
import { listTerminal, getFlowParamsApi } from "@/api/device/terminal.js";
|
||||||
import { taskExecute } from "@/api/test/config"
|
import { taskExecute } from "@/api/test/config"
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
drawer: Boolean,
|
drawer: Boolean,
|
||||||
currentRow: Object,
|
currentRow: Object,
|
||||||
});
|
});
|
||||||
|
|
||||||
const parentBorder = ref(false);
|
const parentBorder = ref(false);
|
||||||
const preserveExpanded = ref(false);
|
const preserveExpanded = ref(false);
|
||||||
|
|
||||||
const ruleFormRef = ref();
|
const ruleFormRef = ref();
|
||||||
const rules = ref({});
|
const rules = ref({});
|
||||||
const formData = ref({
|
const formData = ref({
|
||||||
terminalId: '',
|
terminalId: '',
|
||||||
tableData: []
|
tableData: []
|
||||||
})
|
})
|
||||||
|
|
||||||
const emits = defineEmits(["close"]);
|
const emits = defineEmits(["close"]);
|
||||||
|
|
||||||
const handleClose = () => {
|
const handleClose = () => {
|
||||||
ruleFormRef.value.resetFields();
|
ruleFormRef.value.resetFields();
|
||||||
emits("close");
|
emits("close");
|
||||||
};
|
};
|
||||||
|
|
||||||
const getFlowParams = async () => {
|
const getFlowParams = async () => {
|
||||||
const res = await getFlowParamsApi(props.currentRow.id);
|
const res = await getFlowParamsApi(props.currentRow.id);
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
const data = parseConfig(res.rows)
|
const data = parseConfig(res.rows)
|
||||||
formData.value.tableData = data
|
formData.value.tableData = data
|
||||||
handleGetTerminalGroup();
|
handleGetTerminalGroup();
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const parseConfig = (arr) => {
|
const parseConfig = (arr) => {
|
||||||
arr.forEach(item => {
|
arr.forEach(item => {
|
||||||
if (item.config) {
|
if (item.config) {
|
||||||
item.config = addValueProperty(JSON.parse(item.config))
|
item.config = addValueProperty(JSON.parse(item.config))
|
||||||
} else {
|
} else {
|
||||||
item.config = []
|
item.config = []
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
return arr
|
return arr
|
||||||
}
|
}
|
||||||
|
|
||||||
const confirm = () => {
|
const confirm = () => {
|
||||||
ruleFormRef.value
|
ruleFormRef.value
|
||||||
.validate()
|
.validate()
|
||||||
.then(async () => {
|
.then(async () => {
|
||||||
const runParams = {}
|
const runParams = {}
|
||||||
formData.value.tableData.forEach(item => {
|
formData.value.tableData.forEach(item => {
|
||||||
const data = formatTableData(item.config)
|
const data = formatTableData(item.config)
|
||||||
runParams[item.itemId] = data
|
runParams[item.itemId] = data
|
||||||
})
|
})
|
||||||
const res = await taskExecute({ runParams, taskId: props.currentRow.id, terminalId: formData.value.terminalId })
|
const res = await taskExecute({ runParams, taskId: props.currentRow.id, terminalId: formData.value.terminalId })
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
ruleFormRef.value.resetFields();
|
ruleFormRef.value.resetFields();
|
||||||
ElMessage.success('执行成功')
|
ElMessage.success('执行成功')
|
||||||
emits("close");
|
emits("close");
|
||||||
} else {
|
} else {
|
||||||
ElMessage.success(res.msg)
|
ElMessage.success(res.msg)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch((err) => {
|
.catch((err) => {
|
||||||
console.log(err);
|
console.log(err);
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
const terminalIdOptions = ref([]);
|
const terminalIdOptions = ref([]);
|
||||||
|
|
||||||
/** 获取设备终端列表 */
|
/** 获取设备终端列表 */
|
||||||
const handleGetTerminalGroup = async (row) => {
|
const handleGetTerminalGroup = async (row) => {
|
||||||
const res = await listTerminal({ pageNum: 1, pageSize: 1000 });
|
const res = await listTerminal({ pageNum: 1, pageSize: 1000 });
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
terminalIdOptions.value = res.rows?.map((item) => {
|
terminalIdOptions.value = res.rows?.map((item) => {
|
||||||
return {
|
return {
|
||||||
label: `${item.name}(${item.host}:${item.port})`,
|
label: `${item.name}(${item.host}:${item.port})`,
|
||||||
value: item.id,
|
value: item.id,
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
watch(
|
watch(
|
||||||
() => props.drawer,
|
() => props.drawer,
|
||||||
(newVal) => {
|
(newVal) => {
|
||||||
if (newVal) {
|
if (newVal) {
|
||||||
getFlowParams()
|
getFlowParams()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
|
||||||
onUnmounted(() => {
|
onUnmounted(() => {
|
||||||
emitter.off("contentChange");
|
emitter.off("contentChange");
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
164
src/views/vi/testProject/Run.vue
Normal file
164
src/views/vi/testProject/Run.vue
Normal file
@ -0,0 +1,164 @@
|
|||||||
|
<template>
|
||||||
|
<el-drawer v-model="props.drawer" title="执行" :before-close="handleClose">
|
||||||
|
<el-form
|
||||||
|
ref="ruleFormRef"
|
||||||
|
style="max-width: 600px"
|
||||||
|
:model="{ formData }"
|
||||||
|
:rules="rules"
|
||||||
|
label-width="auto"
|
||||||
|
>
|
||||||
|
<el-form-item label="机器人IP" prop="formData.terminalId" :rules="[{ required: true, message: '请输入', trigger: 'blur' }]">
|
||||||
|
<el-select v-model="formData.terminalId" style="width: 200px">
|
||||||
|
<el-option
|
||||||
|
v-for="item in terminalIdOptions"
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-table
|
||||||
|
:data="formData.tableData"
|
||||||
|
:border="parentBorder"
|
||||||
|
:preserve-expanded-content="preserveExpanded"
|
||||||
|
default-expand-all
|
||||||
|
style="width: 100%"
|
||||||
|
>
|
||||||
|
<el-table-column type="expand">
|
||||||
|
<template #default="{ row: pRow, $index: pIndex }">
|
||||||
|
<el-table
|
||||||
|
v-if="pRow.config.length > 0"
|
||||||
|
:data="pRow.config"
|
||||||
|
style="width: 100%"
|
||||||
|
row-key="name"
|
||||||
|
default-expand-all
|
||||||
|
>
|
||||||
|
<el-table-column prop="name" label="入参名称">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<span>{{ row.name }}</span>
|
||||||
|
<span v-if="row.required" style="color: #f56c6c; margin-left: 8px;">*</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column prop="type" label="入参类型">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-tag>{{ row.type }}</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column prop="value" label="入参值">
|
||||||
|
<template #default="{ row, column, $index }">
|
||||||
|
<el-form-item v-if="row.type !== 'object' && !row.type.includes('array')" label="" :prop="`formData.tableData.${pIndex}.config${row.propPath}value`" :rules="row.required ? [{ required: true, message: '请输入', trigger: 'blur' }] : []">
|
||||||
|
<el-input v-if="row.type === 'string'" v-model="row.value" :disabled="row.name === 'schemeId'" />
|
||||||
|
<el-input-number v-if="row.type === 'number'" :controls="false" v-model="row.value" />
|
||||||
|
<el-switch v-if="row.type === 'boolean'" v-model="row.value" />
|
||||||
|
</el-form-item>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="方案名称" prop="itemName" />
|
||||||
|
</el-table>
|
||||||
|
</el-form>
|
||||||
|
<template #footer>
|
||||||
|
<el-button @click="handleClose">关闭</el-button>
|
||||||
|
<el-button type="primary" @click="confirm">确定</el-button>
|
||||||
|
</template>
|
||||||
|
</el-drawer>
|
||||||
|
</template>
|
||||||
|
<script setup>
|
||||||
|
import { ref, watch, onUnmounted } from "vue";
|
||||||
|
import { ElMessage } from "element-plus";
|
||||||
|
import { addValueProperty, formatTableData } from "@/utils/flow";
|
||||||
|
import { listTerminal } from "@/api/device/terminal.js";
|
||||||
|
import { getExecuteRunParams, projectExecute } from "@/api/vi/project.js"
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
drawer: Boolean,
|
||||||
|
currentRow: Object,
|
||||||
|
});
|
||||||
|
|
||||||
|
const emits = defineEmits(["close"]);
|
||||||
|
|
||||||
|
const ruleFormRef = ref();
|
||||||
|
const rules = ref({});
|
||||||
|
|
||||||
|
const formData = ref({
|
||||||
|
terminalId: '',
|
||||||
|
tableData: []
|
||||||
|
})
|
||||||
|
|
||||||
|
const terminalIdOptions = ref([]);
|
||||||
|
|
||||||
|
/** 获取设备终端列表 */
|
||||||
|
const handleGetTerminalGroup = async (row) => {
|
||||||
|
const res = await listTerminal({ pageNum: 1, pageSize: 1000 });
|
||||||
|
if (res.code === 200) {
|
||||||
|
terminalIdOptions.value = res.rows?.map((item) => {
|
||||||
|
return {
|
||||||
|
label: `${item.name}(${item.host}:${item.port})`,
|
||||||
|
value: item.id,
|
||||||
|
};
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const getProjectParams = async () => {
|
||||||
|
const res = await getExecuteRunParams(props.currentRow.projectId);
|
||||||
|
if (res.code === 200) {
|
||||||
|
const data = parseConfig(res.data)
|
||||||
|
console.log('data', data)
|
||||||
|
formData.value.tableData = data
|
||||||
|
handleGetTerminalGroup();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const parseConfig = (arr) => {
|
||||||
|
arr.forEach(item => {
|
||||||
|
if (item.config) {
|
||||||
|
item.config = addValueProperty(JSON.parse(item.config), item.schemeId)
|
||||||
|
} else {
|
||||||
|
item.config = []
|
||||||
|
}
|
||||||
|
})
|
||||||
|
return arr
|
||||||
|
}
|
||||||
|
|
||||||
|
const confirm = () => {
|
||||||
|
ruleFormRef.value
|
||||||
|
.validate()
|
||||||
|
.then(async () => {
|
||||||
|
const runParams = {}
|
||||||
|
formData.value.tableData.forEach(item => {
|
||||||
|
const data = formatTableData(item.config)
|
||||||
|
runParams[item.itemId] = data
|
||||||
|
})
|
||||||
|
const res = await projectExecute({ runParams, projectId: props.currentRow.projectId, terminalId: formData.value.terminalId })
|
||||||
|
if (res.code === 200) {
|
||||||
|
ruleFormRef.value.resetFields();
|
||||||
|
ElMessage.success('执行成功')
|
||||||
|
emits("close");
|
||||||
|
} else {
|
||||||
|
ElMessage.success(res.msg)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
console.log(err);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleClose = () => {
|
||||||
|
ruleFormRef.value.resetFields();
|
||||||
|
emits("close");
|
||||||
|
};
|
||||||
|
|
||||||
|
watch(
|
||||||
|
() => props.drawer,
|
||||||
|
(newVal) => {
|
||||||
|
if (newVal) {
|
||||||
|
getProjectParams()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
</script>
|
||||||
@ -171,7 +171,7 @@
|
|||||||
<el-table-column label="商标" align="center" prop="trademark" width="150" show-overflow-tooltip />
|
<el-table-column label="商标" align="center" prop="trademark" width="150" show-overflow-tooltip />
|
||||||
<el-table-column label="型号规格" align="center" prop="modelSpec" width="150" show-overflow-tooltip />
|
<el-table-column label="型号规格" align="center" prop="modelSpec" width="150" show-overflow-tooltip />
|
||||||
<el-table-column label="数量" align="center" prop="quantity" />
|
<el-table-column label="数量" align="center" prop="quantity" />
|
||||||
<el-table-column label="操作" align="center" width="220px" class-name="small-padding fixed-width" fixed="right">
|
<el-table-column label="操作" align="center" width="300px" class-name="small-padding fixed-width" fixed="right">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<el-button
|
<el-button
|
||||||
size="mini"
|
size="mini"
|
||||||
@ -199,6 +199,13 @@
|
|||||||
v-hasPermi="['system:project:remove']"
|
v-hasPermi="['system:project:remove']"
|
||||||
>删除</el-button
|
>删除</el-button
|
||||||
>
|
>
|
||||||
|
<el-button
|
||||||
|
icon="DataLine"
|
||||||
|
link
|
||||||
|
type="primary"
|
||||||
|
@click="handleOpenDashboard(row)"
|
||||||
|
>流程可视化
|
||||||
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
@ -345,6 +352,41 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
|
||||||
|
<Run
|
||||||
|
:drawer="executeOpen"
|
||||||
|
@close="executeOpen = false"
|
||||||
|
:currentRow="currentRow"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<el-drawer
|
||||||
|
v-model="openDashboard"
|
||||||
|
:destroy-on-close="true"
|
||||||
|
:size="580"
|
||||||
|
:title="currentLog.projectName + '的流程'"
|
||||||
|
append-to-body
|
||||||
|
modal-class="rdashboad-log"
|
||||||
|
@close="handleClose"
|
||||||
|
>
|
||||||
|
<el-card
|
||||||
|
v-for="item in taskRightList"
|
||||||
|
shadow="hover"
|
||||||
|
style="width: 100%; margin-bottom: 10px"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="flex align-center"
|
||||||
|
style="cursor: pointer"
|
||||||
|
@click="handleLogicFlow(item)"
|
||||||
|
>
|
||||||
|
<div>{{ item.name }}</div>
|
||||||
|
<div class="flex align-center" style="margin-left: 10px">
|
||||||
|
<el-icon>
|
||||||
|
<View />
|
||||||
|
</el-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</el-drawer>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -358,6 +400,9 @@ import {
|
|||||||
} from "@/api/vi/project";
|
} from "@/api/vi/project";
|
||||||
import TableSearch from "@/components/TableSearch/index.vue";
|
import TableSearch from "@/components/TableSearch/index.vue";
|
||||||
import { useContainerHeight } from "@/hooks/tableHeight";
|
import { useContainerHeight } from "@/hooks/tableHeight";
|
||||||
|
import Run from "./Run.vue";
|
||||||
|
import { getExecuteRunParams, queryExecuteInstId } from "@/api/vi/project.js"
|
||||||
|
import { appendParamsToPath } from "@/utils/fn.js";
|
||||||
|
|
||||||
const topContainerRef = ref();
|
const topContainerRef = ref();
|
||||||
const containerHeight = useContainerHeight(topContainerRef);
|
const containerHeight = useContainerHeight(topContainerRef);
|
||||||
@ -538,10 +583,64 @@ const handleSetting = (row) => {
|
|||||||
router.push('/vi/plan/index/' + row.projectId)
|
router.push('/vi/plan/index/' + row.projectId)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const executeOpen = ref(false);
|
||||||
|
const currentRow = ref(undefined);
|
||||||
|
|
||||||
const handleExecute = (row) => {
|
const handleExecute = (row) => {
|
||||||
console.log('暂未开发')
|
currentRow.value = row;
|
||||||
|
executeOpen.value = true;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const currentLog = ref({});
|
||||||
|
const openDashboard = ref(false);
|
||||||
|
const taskRightList = ref([]);
|
||||||
|
const lastInstId = ref('')
|
||||||
|
|
||||||
|
const handleOpenDashboard = (row) => {
|
||||||
|
openDashboard.value = true;
|
||||||
|
currentLog.value = row;
|
||||||
|
getRightTaskList(row.projectId);
|
||||||
|
getExecuteInstId(row.projectId)
|
||||||
|
}
|
||||||
|
|
||||||
|
//获取右侧编排数据
|
||||||
|
const getRightTaskList = (projectId) => {
|
||||||
|
getExecuteRunParams(projectId).then((response) => {
|
||||||
|
taskRightList.value =
|
||||||
|
response.data?.map((item) => {
|
||||||
|
return {
|
||||||
|
name: item.schemeName,
|
||||||
|
id: item.itemId,
|
||||||
|
};
|
||||||
|
}) || [];
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
const getExecuteInstId = (projectId) => {
|
||||||
|
queryExecuteInstId(projectId).then((res) => {
|
||||||
|
console.log('res', res)
|
||||||
|
lastInstId.value = res.data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 取消按钮
|
||||||
|
function handleClose() {
|
||||||
|
openDashboard.value = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleLogicFlow = (item) => {
|
||||||
|
const params = {
|
||||||
|
instId: lastInstId.value,
|
||||||
|
taskId: currentLog.value.projectId,
|
||||||
|
itemId: item.id,
|
||||||
|
name: item.name,
|
||||||
|
state: "0",
|
||||||
|
isLog: true,
|
||||||
|
};
|
||||||
|
|
||||||
|
const fullPath = appendParamsToPath("/flow", params);
|
||||||
|
window.open(fullPath, "_blank");
|
||||||
|
};
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getList();
|
getList();
|
||||||
});
|
});
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user