Merge branch 'dev-dictionary' of github.com:jetlinks/jetlinks-ui-vue into dev-dictionary

This commit is contained in:
leiqiaochu 2023-09-20 16:38:21 +08:00
commit a9e25810f9
15 changed files with 148 additions and 99 deletions

View File

@ -210,6 +210,7 @@ import PatchMapping from './PatchMapping.vue';
import { onlyMessage } from '@/utils/comm';
import { cloneDeep } from 'lodash-es';
import { usePermissionStore } from '@/store/permission';
import { dataTool } from 'echarts';
const columns = [
{
title: '名称',
@ -250,6 +251,7 @@ const columns = [
const permissionStore = usePermissionStore();
const data:any = ref([])
const isPermission = permissionStore.hasPermission('device/Instance:update');
const current = ref<number>(1);
@ -260,10 +262,11 @@ const metadata = JSON.parse(instanceStore.current?.metadata || '{}');
const loading = ref<boolean>(false);
const channelList = ref<any[]>([]);
const _properties = computed(() => {
const _cur = current.value >= 1 ? current.value : 1;
return metadata.properties?.slice((_cur - 1) * 10, _cur * 10) || [];
});
// const _properties = computed(() => {
// const _cur = current.value >= 1 ? current.value : 1;
// const _pageSize = pageSize.value
// return metadata.properties?.slice((_cur - 1) * _pageSize, _cur * _pageSize) || [];
// });
const modelRef = reactive<{
dataSource: any[];
@ -287,14 +290,21 @@ const getChannel = async () => {
}
};
const handleSearch = async (_array: any[]) => {
const handleSearch = async () => {
loading.value = true;
const _metadata: any[] = _array.map((item: any) => ({
metadataId: item.id,
metadataName: `${item.name}(${item.id})`,
metadataType: 'property',
name: item.name,
}));
const _metadataMap = new Map ()
const _metadata: any[] = metadata.properties.map((item: any) => {
const value = {
metadataId: item.id,
metadataName: `${item.name}(${item.id})`,
metadataType: 'property',
name: item.name,
}
_metadataMap.set(item.id,value)
return value
});
if (_metadata && _metadata.length) {
const resp: any = await getEdgeMap(
instanceStore.current?.parentId || '',
@ -307,32 +317,25 @@ const handleSearch = async (_array: any[]) => {
loading.value = false;
});
if (resp.status === 200) {
const array = _metadata.map((item: any) => {
const metadataId = resp.result?.[0].find((x: any) => x.metadataId === item.metadataId);
Object.assign(item, metadataId);
return item
})
resp.result?.[0].forEach((item:any)=>{
const differ = array.every((i:any)=>{
return item.metadataId !== i.metadataId
})
if(!differ){
array.push(item)
}
})
// const array = resp.result?.[0].reduce((x: any, y: any) => {
// const metadataId = _metadata.find(
// (item: any) => item.metadataId === y.metadataId,
// );
// if (metadataId) {
// Object.assign(metadataId, y);
// } else {
// x.push(y);
// const array = _metadata.map((item: any) => {
// const metadataId = resp.result?.[0].find((x: any) => x.metadataId === item.metadataId);
// Object.assign(item, metadataId);
// return item
// })
// resp.result?.[0].forEach((item:any)=>{
// const differ = array.every((i:any)=>{
// return item.metadataId !== i.metadataId
// })
// if(differ){
// array.push(item)
// }
// return x;
// }, _metadata);
console.log(array)
modelRef.dataSource = array;
// })
resp.result?.[0].forEach((item:any)=>{
_metadataMap.has(item.metadataId) ? _metadataMap.set(item.metadataId,Object.assign(_metadataMap.get(item.metadataId),item)) : _metadataMap.set(item.metadataId,item)
})
data.value = [..._metadataMap.values()]
onPageChange()
}
}
loading.value = false;
@ -350,7 +353,7 @@ const unbind = async (id: string) => {
);
if (resp.status === 200) {
onlyMessage('操作成功!', 'success');
handleSearch(_properties.value);
handleSearch();
}
}
};
@ -371,11 +374,14 @@ const onChannelChange = (_index: number, type: 'collector' | 'channel') => {
onMounted(() => {
getChannel();
handleSearch(_properties.value);
handleSearch();
});
const onPageChange = () => {
handleSearch(_properties.value);
const _cur = current.value >= 1 ? current.value : 1;
const _pageSize = pageSize.value
const array = data.value.slice((_cur - 1) * _pageSize, _cur * _pageSize) || [];
modelRef.dataSource = array;
};
const onSave = () => {

View File

@ -67,9 +67,27 @@
"
>******</span
>
<span v-else-if="item.type.type === 'enum'">
<Ellipsis>{{
item.type.elements?.find((i)=>
i.value === instanceStore.current?.configuration?.[
item.property
]
)?.text || ''
}}</Ellipsis>
<j-tooltip
v-if="isExit(item.property)"
:title="`有效值:${
instanceStore.current?.configuration?.[
item.property
]
}`"
><AIcon type="QuestionCircleOutlined"
/></j-tooltip>
</span>
<span v-else>
<Ellipsis>{{
instanceStore.current?.configuration?.[item.property] ||
instanceStore.current?.configuration?.[item.property] ||
''
}}</Ellipsis>
<j-tooltip

View File

@ -82,17 +82,18 @@ const rightList = ref<any[]>([]);
const dataSource = ref<any[]>([]);
const loading = ref<boolean>(false);
const handleData = (data: any[], type: string) => {
const handleData = (data: any[], type: string,provider?:string) => {
data.forEach((item) => {
item.key = item.id;
item.title = item.name;
item.checkable = type === 'collectors';
provider ? item.provider = provider : ''
if (
item.collectors &&
Array.isArray(item.collectors) &&
item.collectors.length
) {
item.children = handleData(item.collectors, 'collectors');
item.children = handleData(item.collectors, 'collectors',item.provider);
}
if (item.points && Array.isArray(item.points) && item.points.length) {
item.children = handleData(item.points, 'points');
@ -134,6 +135,7 @@ const _delete = (_key: string) => {
};
const handleClick = async () => {
if (!rightList.value.length) {
onlyMessage('请选择采集器', 'warning');
} else {
@ -146,10 +148,11 @@ const handleClick = async () => {
metadataType: 'property',
metadataId: (_props.metaData as any[]).find((i: any) => i.name === element.name)
?.metadataId,
provider: _props.type
provider: item.provider
}));
params.push(...array);
});
const filterParms = params.filter((item) => !!item.metadataId);
if (filterParms && filterParms.length !== 0) {
const res = await saveMapping(_props.deviceId, _props.type, filterParms);

View File

@ -399,11 +399,9 @@ const beforeUpload = (file: any) => {
onlyMessage('文件内容不能为空','error')
return false;
}
try {
const data = JSON.parse(text);
//
data.state = 0;
if (Array.isArray(data)) {
onlyMessage('请上传正确格式文件', 'error');
return false;
@ -418,10 +416,6 @@ const beforeUpload = (file: any) => {
tableRef.value?.reload();
}
return true;
} catch(e) {
onlyMessage('请上传正确格式文件', 'error');
}
return true;
};
return false;
};

View File

@ -247,6 +247,7 @@ import type {
ProductItem,
} from '@/views/device/Product/typings';
import type { PropType } from 'vue';
import { TOKEN_KEY } from '@/utils/variable'
import {useRouter, onBeforeRouteUpdate} from 'vue-router'
import { useMetadata, useOperateLimits } from './hooks';
import {TypeStringMap, useColumns} from './columns';
@ -259,7 +260,7 @@ import { useProductStore } from '@/store/product';
import { asyncUpdateMetadata, updateMetadata } from '../metadata';
import { useMetadataStore } from '@/store/metadata';
import { DeviceInstance } from '@/views/device/Instance/typings';
import { onlyMessage } from '@/utils/comm';
import { onlyMessage , LocalStore} from '@/utils/comm';
import {omit} from "lodash-es";
import { PropertiesModal, FunctionModal, EventModal, TagsModal } from './DetailModal'
import { Modal } from 'jetlinks-ui-components'
@ -510,7 +511,7 @@ const handleSaveClick = async (next?: Function) => {
const tabsChange = inject('tabsChange')
const parentTabsChange = (next?: Function) => {
if (editStatus.value && permissionStore.hasPermission(`${props.permission}:update`)) {
if (editStatus.value && permissionStore.hasPermission(`${props.permission}:update`) && LocalStore.get(TOKEN_KEY)) {
const modal = Modal.confirm({
content: '页面改动数据未保存',
okText: '保存',

View File

@ -85,8 +85,9 @@ export const handleTypeValue = (type:string, value: any = {}) => {
obj.format = value
break;
case 'string':
obj.maxLength = JSON.stringify(value) === '{}' ? undefined : value
case 'password':
obj.maxLength = value
obj.maxLength = JSON.stringify(value) === '{}' ? undefined : value
break;
default:
obj = value

View File

@ -236,7 +236,7 @@ const confirm = async () => {
// }
// }
const resetRules = async() =>{
let res:any = await resetRule(instanceStore.current?.productId,instanceStore.current?.id,props.value?.id)
let res:any = await resetRule(instanceStore.current?.productId,instanceStore.current?.id,[props.value?.id])
if(res.status === 200){
onlyMessage('操作成功!')
}

View File

@ -101,7 +101,7 @@
:key="i"
>
<PermissionButton
:disabled="o.disabled || item.state !== 'online'"
:disabled="o.disabled || slotProps.state.value !== 'online'"
:popConfirm="o.popConfirm"
:tooltip="{
...o.tooltip,

View File

@ -17,7 +17,7 @@
</div>
</div>
<div class="right-bj">
<img :src="`/images/home/home-${index + 1}.png`" alt="" />
<img :src="`/images/home/${index + 1}.png`" alt="" />
</div>
</div>
</div>

View File

@ -1,19 +1,23 @@
<template>
<page-container>
<full-page>
<iframe
v-if="loading"
:src="iframeUrl"
scrolling="no"
frameBorder="0"
style="width: 100%; height: calc(100vh - 140px)"
style="width: 100%; height: 100%"
></iframe>
</full-page>
</page-container>
</template>
<script setup lang="ts">
<script lang="ts" name="IframgePage" setup>
import { TOKEN_KEY } from '@/utils/variable';
import { LocalStore, getToken } from '@/utils/comm';
import { getAppInfo_api } from '@/api/system/apply';
import { lowCodeUrl } from '@/api/comm'
import FullPage from "components/Layout/FullPage.vue";
const iframeUrl = ref<string>('');
const route = useRoute()
@ -42,9 +46,12 @@ const handle = async (appId: string, url: string) => {
const lowCode = () => {
lowCodeUrl().then(res => {
console.log(res.success && res.result)
if (res.success && res.result) {
const url = res.result['ui-addr']
iframeUrl.value = url + '/#' + route.path + '?&token=' + getToken()
console.log(iframeUrl.value)
loading.value = true
}
})
}

View File

@ -100,6 +100,7 @@
type="primary"
@click="addProcotol"
hasPermission="link/Protocol:add"
:disabled="id !== ':id'"
>
<template #icon><AIcon type="PlusOutlined" /></template>
新增

View File

@ -426,20 +426,24 @@ const handleSubmit = () => {
formRef.value
?.validate()
.then(async () => {
const resq:any = await DeviceApi.validateId(id)
if(resq.status === 200 && resq?.result?.passed){
btnLoading.value = true;
const res = !route.query.id
? await DeviceApi.save(params)
: await DeviceApi.update(params);
let res;
if(!route.query.id){
const resp:any = await DeviceApi.validateId(id)
if(resp.status === 200 && resp?.result?.passed){
res = await DeviceApi.save(params)
}else{
notification.error({ key: 'error', message: '设备ID已重复'})
}
}else{
res = await DeviceApi.update(params);
}
if (res?.success) {
onlyMessage('保存成功');
history.back();
}
}else{
notification.error({ key: 'error', message: '设备ID已重复'})
}
})
)
.catch((err: any) => {
console.log('err: ', err);
})

View File

@ -9,41 +9,43 @@
style="margin-bottom: 24px"
/>
<!-- 使用v-if用于解决异步加载数据后不展开的问题 -->
<j-tree
v-if="leftData.treeData.length > 0"
defaultExpandAll
:tree-data="leftData.treeData"
v-model:selectedKeys="leftData.selectedKeys"
@select="onSelect"
:showLine="{ showLeafIcon: false }"
:show-icon="true"
>
<template #title="{ dataRef }">
<Ellipsis>
<div
v-if="dataRef.root"
style="
justify-content: space-between;
display: flex;
align-items: center;
width: 200px;
"
>
<span>
<div class="tree">
<j-tree
v-if="leftData.treeData.length > 0"
defaultExpandAll
:tree-data="leftData.treeData"
v-model:selectedKeys="leftData.selectedKeys"
@select="onSelect"
:showLine="{ showLeafIcon: false }"
:show-icon="true"
>
<template #title="{ dataRef }">
<Ellipsis>
<div
v-if="dataRef.root"
style="
justify-content: space-between;
display: flex;
align-items: center;
width: 200px;
"
>
<span>
{{ dataRef.title }}
</span>
<AIcon
type="PlusOutlined"
style="color: #1d39c4"
@click="addTable"
/>
</div>
<span v-else>
{{ dataRef.title }}
</span>
<AIcon
type="PlusOutlined"
style="color: #1d39c4"
@click="addTable"
/>
</div>
<span v-else>
{{ dataRef.title }}
</span>
</Ellipsis>
</template>
</j-tree>
</Ellipsis>
</template>
</j-tree>
</div>
</div>
<div class="right">
<div class="btns">
@ -93,6 +95,7 @@
]"
>
<j-input
:disabled="record.old_id"
v-model:value="record.type"
placeholder="请输入类型"
/>
@ -507,7 +510,10 @@ const checkName = (_: any, value: any) =>
box-sizing: border-box;
width:300px;
height:100%;
overflow-y: auto;
.tree{
height: 680px;
overflow-y: auto;
}
}
.right {
width: calc(100% - 280px);

View File

@ -73,6 +73,13 @@ onMounted(() => {
emit('update:value', options.value?.[0]?.value);
emit('update:name', options.value?.[0]?.label);
emit('change', {label: options.value?.[0]?.label, value: options.value?.[0]?.value});
}else{
options.value.find((item:any)=>{
if(item.value === props.value){
emit('update:name',item.label)
return true
}
})
}
}
loading.value = false;

View File

@ -98,6 +98,7 @@ export default defineConfig(({ mode}) => {
// target: 'http://120.77.179.54:8844', // 120测试
target: 'http://192.168.33.46:8844', // 本地开发环境
// target: 'http://192.168.32.5:8848', // 刘本地
// target: 'http://192.168.32.187:8844', // 刘本地
ws: 'ws://192.168.33.46:8844',
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, '')