Merge branch 'main' of http://123.132.248.154:10000/gitY/DiKongGanZhiPingTai
commit
49cd03a170
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 60 KiB |
@ -0,0 +1,43 @@
|
||||
import { BasicColumn, FormSchema } from '@/components/Table';
|
||||
import { h } from 'vue';
|
||||
import { Tag } from 'ant-design-vue';
|
||||
import Icon from '@/components/Icon/Icon.vue';
|
||||
|
||||
export const columns: BasicColumn[] = [
|
||||
{
|
||||
title: '按钮名称',
|
||||
dataIndex: 'name',
|
||||
},
|
||||
{
|
||||
title: 'DOMID',
|
||||
dataIndex: 'domId',
|
||||
},
|
||||
{
|
||||
title: '排序',
|
||||
dataIndex: 'sort',
|
||||
},
|
||||
{
|
||||
title: '样式',
|
||||
dataIndex: 'class',
|
||||
},
|
||||
{
|
||||
title: '状态',
|
||||
dataIndex: 'enabledMark',
|
||||
width: 80,
|
||||
customRender: ({ record }) => {
|
||||
const color = record.status == 1 ? 'blue' : 'red';
|
||||
const text = record.status == 1 ? '启用' : '停用';
|
||||
return h(Tag, { color: color }, () => text);
|
||||
},
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
export const searchFormSchema: FormSchema[] = [
|
||||
{
|
||||
field: 'key',
|
||||
label: '关键字',
|
||||
component: 'Input',
|
||||
colProps: { span: 8 },
|
||||
},
|
||||
];
|
||||
@ -0,0 +1,184 @@
|
||||
<template>
|
||||
<BasicModal
|
||||
v-bind="$attrs"
|
||||
@register="registerModal"
|
||||
:canFullscreen="false"
|
||||
:defaultFullscreen="false"
|
||||
:showCancelBtn="true"
|
||||
:showOkBtn="true"
|
||||
:draggable="false"
|
||||
title="创建算法"
|
||||
@ok="submitClick"
|
||||
>
|
||||
<div class="flex titlesbox">
|
||||
<div class="li" v-for="(item,index) in tabList">
|
||||
<span :class="index==tabIndex?'active':''" @click="tabsClick(index)">{{item}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 视频算法 -->
|
||||
<div class="formsbox" v-if="tabIndex == 0">
|
||||
<a-form
|
||||
:model="formState"
|
||||
ref="formRef"
|
||||
:label-col="{ span: 6 }"
|
||||
:wrapper-col="{ span: 18 }"
|
||||
autocomplete="off"
|
||||
>
|
||||
<a-form-item
|
||||
label="算法名称"
|
||||
name="username"
|
||||
:rules="[{ required: true, message: '请输入' }]"
|
||||
>
|
||||
<a-input v-model:value="formState.username" />
|
||||
</a-form-item>
|
||||
<a-form-item
|
||||
label="概要描述"
|
||||
name="username"
|
||||
:rules="[{ required: true, message: '请输入' }]"
|
||||
>
|
||||
<a-textarea v-model:value="formState.username" />
|
||||
</a-form-item>
|
||||
<a-form-item
|
||||
label="算力名称"
|
||||
name="username"
|
||||
:rules="[{ required: true, message: '请输入' }]"
|
||||
>
|
||||
<a-input v-model:value="formState.username" />
|
||||
</a-form-item>
|
||||
<a-form-item
|
||||
label="推流地址"
|
||||
name="username"
|
||||
:rules="[{ required: true, message: '请输入' }]"
|
||||
>
|
||||
<a-input v-model:value="formState.username" />
|
||||
</a-form-item>
|
||||
<a-form-item
|
||||
label="拉流地址"
|
||||
name="username"
|
||||
:rules="[{ required: true, message: '请输入' }]"
|
||||
>
|
||||
<a-input v-model:value="formState.username" />
|
||||
</a-form-item>
|
||||
<a-form-item
|
||||
label="服务地址"
|
||||
name="username"
|
||||
:rules="[{ required: true, message: '请输入' }]"
|
||||
>
|
||||
<a-input v-model:value="formState.username" />
|
||||
</a-form-item>
|
||||
<a-form-item
|
||||
label="秘钥"
|
||||
name="username"
|
||||
:rules="[{ required: true, message: '请输入' }]"
|
||||
>
|
||||
<a-input v-model:value="formState.username" />
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
</div>
|
||||
<!-- 图片算法 -->
|
||||
<div class="formsbox" v-if="tabIndex == 1">
|
||||
<a-form
|
||||
:model="formState"
|
||||
ref="formRef"
|
||||
:label-col="{ span: 6 }"
|
||||
:wrapper-col="{ span: 18 }"
|
||||
autocomplete="off"
|
||||
>
|
||||
<a-form-item
|
||||
label="算法名称"
|
||||
name="username"
|
||||
:rules="[{ required: true, message: '请输入' }]"
|
||||
>
|
||||
<a-input v-model:value="formState.username" />
|
||||
</a-form-item>
|
||||
<a-form-item
|
||||
label="概要描述"
|
||||
name="username"
|
||||
:rules="[{ required: true, message: '请输入' }]"
|
||||
>
|
||||
<a-textarea v-model:value="formState.username" />
|
||||
</a-form-item>
|
||||
<a-form-item
|
||||
label="算力名称"
|
||||
name="username"
|
||||
:rules="[{ required: true, message: '请输入' }]"
|
||||
>
|
||||
<a-input v-model:value="formState.username" />
|
||||
</a-form-item>
|
||||
<a-form-item
|
||||
label="服务地址"
|
||||
name="username"
|
||||
:rules="[{ required: true, message: '请输入' }]"
|
||||
>
|
||||
<a-input v-model:value="formState.username" />
|
||||
</a-form-item>
|
||||
<a-form-item
|
||||
label="秘钥"
|
||||
name="username"
|
||||
:rules="[{ required: true, message: '请输入' }]"
|
||||
>
|
||||
<a-input v-model:value="formState.username" />
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
</div>
|
||||
</BasicModal>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import { ref, defineEmits, reactive, toRaw } from 'vue';
|
||||
import { BasicModal, useModalInner } from '@/components/Modal';
|
||||
const tabIndex = ref(0);
|
||||
const tabList = ["视频算法","图片算法"];
|
||||
const tabsClick = (index) =>{
|
||||
tabIndex.value = index
|
||||
}
|
||||
const formRef = ref();
|
||||
interface FormState {
|
||||
username: string;
|
||||
password: string;
|
||||
remember: boolean;
|
||||
}
|
||||
|
||||
const formState = reactive<FormState>({
|
||||
username: '',
|
||||
password: '',
|
||||
remember: true,
|
||||
});
|
||||
const submitClick = ()=>{
|
||||
console.log('submit')
|
||||
formRef.value.validate().then(() => {
|
||||
console.log('values', formState, toRaw(formState));
|
||||
})
|
||||
.catch(error => {
|
||||
console.log('error', error);
|
||||
});
|
||||
}
|
||||
const [registerModal, { closeModal }] = useModalInner((data: any) => {
|
||||
|
||||
});
|
||||
</script>
|
||||
<style scoped>
|
||||
.titlesbox{
|
||||
width: 92%;
|
||||
margin-left: 4%;
|
||||
line-height: 40px;
|
||||
border-bottom: 1px solid #F5F6FA;
|
||||
.li{
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
span{
|
||||
color: #222738;
|
||||
cursor: pointer;
|
||||
line-height: 40px;
|
||||
display: inline-block;
|
||||
}
|
||||
.active{
|
||||
border-bottom: 3px solid #3A57E8;
|
||||
}
|
||||
}
|
||||
}
|
||||
.formsbox{
|
||||
width: 92%;
|
||||
margin-left: 4%;
|
||||
padding-top: 20px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,84 @@
|
||||
import { BasicColumn, FormSchema } from '@/components/Table';
|
||||
import { h } from 'vue';
|
||||
import { Tag } from 'ant-design-vue';
|
||||
import Icon from '@/components/Icon/Icon.vue';
|
||||
|
||||
export const columns: BasicColumn[] = [
|
||||
{
|
||||
title: '序号',
|
||||
dataIndex: 'name',
|
||||
},
|
||||
{
|
||||
title: '项目',
|
||||
dataIndex: 'domId',
|
||||
},
|
||||
{
|
||||
title: '计划',
|
||||
dataIndex: 'sort',
|
||||
},
|
||||
{
|
||||
title: '设备',
|
||||
dataIndex: 'class',
|
||||
},
|
||||
{
|
||||
title: '算法',
|
||||
dataIndex: 'enabledMark',
|
||||
width: 80,
|
||||
customRender: ({ record }) => {
|
||||
const color = record.status == 1 ? 'blue' : 'red';
|
||||
const text = record.status == 1 ? '启用' : '停用';
|
||||
return h(Tag, { color: color }, () => text);
|
||||
},
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
export const searchFormSchema: FormSchema[] = [
|
||||
{
|
||||
field: 'key',
|
||||
label: '项目名称',
|
||||
component: 'Input',
|
||||
colProps: { span: 6 },
|
||||
},
|
||||
{
|
||||
field: '[startTime, endTime]',
|
||||
label: '巡检时间',
|
||||
component: 'RangePicker',
|
||||
colProps: { span: 6 },
|
||||
componentProps: {
|
||||
format: 'YYYY-MM-DD',
|
||||
placeholder: ['开始日期', '结束日期'],
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'status',
|
||||
component: 'Select',
|
||||
label: '当前状态',
|
||||
colProps: {
|
||||
span: 6,
|
||||
},
|
||||
componentProps: () => {
|
||||
|
||||
},
|
||||
},
|
||||
// {
|
||||
// field: 'status',
|
||||
// component: 'ApiSelect',
|
||||
// label: '当前状态',
|
||||
// colProps: {
|
||||
// span: 6,
|
||||
// },
|
||||
// componentProps: () => {
|
||||
// return {
|
||||
// api: getFormsTypeList,
|
||||
// params: {
|
||||
// code: 'ssnyddqyt',
|
||||
// },
|
||||
// resultField: '',
|
||||
// labelField: 'itemName',
|
||||
// valueField: 'itemValue',
|
||||
// };
|
||||
// },
|
||||
// },
|
||||
];
|
||||
|
||||
@ -0,0 +1,98 @@
|
||||
<template>
|
||||
<PageWrapper dense contentFullHeight fixedHeight contentClass="flex">
|
||||
<BasicTable
|
||||
class="w-4/4 xl:w-5/5"
|
||||
@register="registerTable"
|
||||
@fetch-success="onFetchSuccess"
|
||||
:searchInfo="searchInfo"
|
||||
>
|
||||
<template #bodyCell="{ column, record }">
|
||||
<template v-if="column.key === 'action'">
|
||||
<div class="handlebox">
|
||||
<div class="btnbox">查看<br />数据</div>
|
||||
<div class="btnbox">全部<br />审核</div>
|
||||
<div class="btnbox">发起<br />分析</div>
|
||||
<div class="btnbox">修改<br />任务</div>
|
||||
<div class="btnbox">审核<br />任务</div>
|
||||
<div class="btnbox">在线<br />报告</div>
|
||||
</div>
|
||||
</template>
|
||||
</template>
|
||||
</BasicTable>
|
||||
</PageWrapper>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import { reactive, nextTick, ref } from 'vue';
|
||||
|
||||
import { BasicTable, useTable } from '@/components/Table';
|
||||
import { getButtonList } from '@/api/demo/system';
|
||||
import { PageWrapper } from '@/components/Page';
|
||||
|
||||
import { columns, searchFormSchema } from './index.data';
|
||||
import { useMessage } from '@/hooks/web/useMessage';
|
||||
|
||||
const { createConfirm, createMessage } = useMessage();
|
||||
defineOptions({ name: 'workreport' });
|
||||
const searchInfo = reactive<Recordable>({});
|
||||
|
||||
const [registerTable, { reload, expandAll, getSelectRows, clearSelectedRowKeys }] = useTable({
|
||||
title: '智能分析',
|
||||
api: getButtonList,
|
||||
columns,
|
||||
rowKey: 'id',
|
||||
formConfig: {
|
||||
labelWidth: 120,
|
||||
schemas: searchFormSchema,
|
||||
},
|
||||
striped: false,
|
||||
useSearchForm: true,
|
||||
showTableSetting: true,
|
||||
bordered: true,
|
||||
rowSelection: false,
|
||||
showIndexColumn: false,
|
||||
actionColumn: {
|
||||
width: 320,
|
||||
title: '操作',
|
||||
dataIndex: 'action',
|
||||
},
|
||||
handleSearchInfoFn(info) {
|
||||
return info;
|
||||
},
|
||||
});
|
||||
|
||||
function onFetchSuccess() {
|
||||
// 演示默认展开所有表项
|
||||
nextTick(expandAll);
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
.handlebox{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-evenly;
|
||||
.btnbox{
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
line-height: 15px;
|
||||
background: rgba(183,193,246,0.2);
|
||||
box-shadow: 0px 10px 13px 0px rgba(17,38,146,0.05);
|
||||
border-radius: 4px;
|
||||
border: 1px solid #3A57E8;
|
||||
font-size: 12px;
|
||||
color: #3A57E8;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
word-break: break-all;
|
||||
cursor: pointer
|
||||
}
|
||||
.active{
|
||||
background: #3A57E8;
|
||||
box-shadow: 0px 10px 13px 0px rgba(17,38,146,0.05);
|
||||
border-radius: 4px;
|
||||
border: 1px solid #3A57E8;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,43 @@
|
||||
import { BasicColumn, FormSchema } from '@/components/Table';
|
||||
import { h } from 'vue';
|
||||
import { Tag } from 'ant-design-vue';
|
||||
import Icon from '@/components/Icon/Icon.vue';
|
||||
|
||||
export const columns: BasicColumn[] = [
|
||||
{
|
||||
title: '按钮名称',
|
||||
dataIndex: 'name',
|
||||
},
|
||||
{
|
||||
title: 'DOMID',
|
||||
dataIndex: 'domId',
|
||||
},
|
||||
{
|
||||
title: '排序',
|
||||
dataIndex: 'sort',
|
||||
},
|
||||
{
|
||||
title: '样式',
|
||||
dataIndex: 'class',
|
||||
},
|
||||
{
|
||||
title: '状态',
|
||||
dataIndex: 'enabledMark',
|
||||
width: 80,
|
||||
customRender: ({ record }) => {
|
||||
const color = record.status == 1 ? 'blue' : 'red';
|
||||
const text = record.status == 1 ? '启用' : '停用';
|
||||
return h(Tag, { color: color }, () => text);
|
||||
},
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
export const searchFormSchema: FormSchema[] = [
|
||||
{
|
||||
field: 'key',
|
||||
label: '关键字',
|
||||
component: 'Input',
|
||||
colProps: { span: 8 },
|
||||
},
|
||||
];
|
||||
@ -0,0 +1,143 @@
|
||||
<template>
|
||||
<PageWrapper dense contentFullHeight fixedHeight contentClass="flex">
|
||||
<div class="w-1/4 xl:w-1/5 leftbox flex column">
|
||||
<div class="flex ai-c jc-sb titlesbox">
|
||||
<div class="textbox">
|
||||
<p>模板名称</p>
|
||||
</div>
|
||||
<a-button type="primary" size="small" @click="createAddClick">
|
||||
<template #icon><PlusOutlined /></template>
|
||||
新建模板
|
||||
</a-button>
|
||||
</div>
|
||||
<div class="flex column ulbox">
|
||||
<div class="descbox" v-for="(item, index) in 41" :class="navsIndex==index?'active':''" @click="navsClick(index)">
|
||||
<ProfileOutlined />
|
||||
项目名称{{ index+1 }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <BasicTable
|
||||
class="w-3/4 xl:w-4/5"
|
||||
@register="registerTable"
|
||||
@fetch-success="onFetchSuccess"
|
||||
:searchInfo="searchInfo"
|
||||
>
|
||||
|
||||
</BasicTable> -->
|
||||
<Modal
|
||||
@submitsuccess="submitsuccess"
|
||||
@register="registerModal"
|
||||
@submit-reload="submitReload"
|
||||
/>
|
||||
</PageWrapper>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import { reactive, nextTick, ref } from 'vue';
|
||||
import { PlusOutlined, ProfileOutlined } from '@ant-design/icons-vue';
|
||||
import { BasicTable, useTable } from '@/components/Table';
|
||||
import { getButtonList, getMenuDetail, deleteButton } from '@/api/demo/system';
|
||||
import { PageWrapper } from '@/components/Page';
|
||||
import { columns, searchFormSchema } from './index.data';
|
||||
import { useMessage } from '@/hooks/web/useMessage';
|
||||
import Modal from './modal.vue';
|
||||
import { useModal } from '@/components/Modal';
|
||||
|
||||
const { createConfirm, createMessage } = useMessage();
|
||||
defineOptions({ name: 'MenuManagement' });
|
||||
const searchInfo = reactive<Recordable>({});
|
||||
const navsIndex = ref(0);
|
||||
|
||||
const [registerTable, { reload, expandAll, getSelectRows, clearSelectedRowKeys }] = useTable({
|
||||
title: '列表',
|
||||
// api: getButtonList,
|
||||
columns,
|
||||
rowKey: 'id',
|
||||
formConfig: {
|
||||
labelWidth: 120,
|
||||
schemas: searchFormSchema,
|
||||
},
|
||||
isTreeTable: true,
|
||||
striped: false,
|
||||
useSearchForm: true,
|
||||
showTableSetting: true,
|
||||
bordered: true,
|
||||
showIndexColumn: false,
|
||||
rowSelection: {
|
||||
//多选框
|
||||
// type: 'checkbox',
|
||||
type: 'radio',
|
||||
},
|
||||
handleSearchInfoFn(info) {
|
||||
return info;
|
||||
},
|
||||
});
|
||||
const [registerModal, { openModal }] = useModal();
|
||||
function createAddClick(){
|
||||
|
||||
}
|
||||
function navsClick(e){
|
||||
navsIndex.value = e
|
||||
}
|
||||
|
||||
function onFetchSuccess() {
|
||||
// 演示默认展开所有表项
|
||||
nextTick(expandAll);
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
.flex{
|
||||
display: flex;
|
||||
}
|
||||
.flex-1{
|
||||
flex: 1;
|
||||
}
|
||||
.column{
|
||||
flex-direction: column;
|
||||
}
|
||||
.ai-c{
|
||||
align-items: center;
|
||||
}
|
||||
.jc-sb{
|
||||
justify-content: space-between;
|
||||
}
|
||||
.jc-c{
|
||||
justify-content: center;
|
||||
}
|
||||
.pt-2{
|
||||
padding-top: 20px;
|
||||
}
|
||||
.leftbox{
|
||||
background: #fff;
|
||||
margin: 16px 0 16px 16px;
|
||||
padding: 16px 0;
|
||||
.titlesbox{
|
||||
padding: 0 16px;
|
||||
.textbox{
|
||||
p{
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
color: #060606;
|
||||
line-height: 22px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.ulbox{
|
||||
overflow: auto;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.descbox{
|
||||
font-size: 14px;
|
||||
color: #504E4E;
|
||||
line-height: 30px;
|
||||
padding-left: 30px;
|
||||
}
|
||||
.descbox.active{
|
||||
background: #F3F3F3;
|
||||
border-left: 3px solid #3A57E8;
|
||||
color: #3A57E8;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,184 @@
|
||||
<template>
|
||||
<BasicModal
|
||||
v-bind="$attrs"
|
||||
@register="registerModal"
|
||||
:canFullscreen="false"
|
||||
:defaultFullscreen="false"
|
||||
:showCancelBtn="true"
|
||||
:showOkBtn="true"
|
||||
:draggable="false"
|
||||
title="创建算法"
|
||||
@ok="submitClick"
|
||||
>
|
||||
<div class="flex titlesbox">
|
||||
<div class="li" v-for="(item,index) in tabList">
|
||||
<span :class="index==tabIndex?'active':''" @click="tabsClick(index)">{{item}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 视频算法 -->
|
||||
<div class="formsbox" v-if="tabIndex == 0">
|
||||
<a-form
|
||||
:model="formState"
|
||||
ref="formRef"
|
||||
:label-col="{ span: 6 }"
|
||||
:wrapper-col="{ span: 18 }"
|
||||
autocomplete="off"
|
||||
>
|
||||
<a-form-item
|
||||
label="算法名称"
|
||||
name="username"
|
||||
:rules="[{ required: true, message: '请输入' }]"
|
||||
>
|
||||
<a-input v-model:value="formState.username" />
|
||||
</a-form-item>
|
||||
<a-form-item
|
||||
label="概要描述"
|
||||
name="username"
|
||||
:rules="[{ required: true, message: '请输入' }]"
|
||||
>
|
||||
<a-textarea v-model:value="formState.username" />
|
||||
</a-form-item>
|
||||
<a-form-item
|
||||
label="算力名称"
|
||||
name="username"
|
||||
:rules="[{ required: true, message: '请输入' }]"
|
||||
>
|
||||
<a-input v-model:value="formState.username" />
|
||||
</a-form-item>
|
||||
<a-form-item
|
||||
label="推流地址"
|
||||
name="username"
|
||||
:rules="[{ required: true, message: '请输入' }]"
|
||||
>
|
||||
<a-input v-model:value="formState.username" />
|
||||
</a-form-item>
|
||||
<a-form-item
|
||||
label="拉流地址"
|
||||
name="username"
|
||||
:rules="[{ required: true, message: '请输入' }]"
|
||||
>
|
||||
<a-input v-model:value="formState.username" />
|
||||
</a-form-item>
|
||||
<a-form-item
|
||||
label="服务地址"
|
||||
name="username"
|
||||
:rules="[{ required: true, message: '请输入' }]"
|
||||
>
|
||||
<a-input v-model:value="formState.username" />
|
||||
</a-form-item>
|
||||
<a-form-item
|
||||
label="秘钥"
|
||||
name="username"
|
||||
:rules="[{ required: true, message: '请输入' }]"
|
||||
>
|
||||
<a-input v-model:value="formState.username" />
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
</div>
|
||||
<!-- 图片算法 -->
|
||||
<div class="formsbox" v-if="tabIndex == 1">
|
||||
<a-form
|
||||
:model="formState"
|
||||
ref="formRef"
|
||||
:label-col="{ span: 6 }"
|
||||
:wrapper-col="{ span: 18 }"
|
||||
autocomplete="off"
|
||||
>
|
||||
<a-form-item
|
||||
label="算法名称"
|
||||
name="username"
|
||||
:rules="[{ required: true, message: '请输入' }]"
|
||||
>
|
||||
<a-input v-model:value="formState.username" />
|
||||
</a-form-item>
|
||||
<a-form-item
|
||||
label="概要描述"
|
||||
name="username"
|
||||
:rules="[{ required: true, message: '请输入' }]"
|
||||
>
|
||||
<a-textarea v-model:value="formState.username" />
|
||||
</a-form-item>
|
||||
<a-form-item
|
||||
label="算力名称"
|
||||
name="username"
|
||||
:rules="[{ required: true, message: '请输入' }]"
|
||||
>
|
||||
<a-input v-model:value="formState.username" />
|
||||
</a-form-item>
|
||||
<a-form-item
|
||||
label="服务地址"
|
||||
name="username"
|
||||
:rules="[{ required: true, message: '请输入' }]"
|
||||
>
|
||||
<a-input v-model:value="formState.username" />
|
||||
</a-form-item>
|
||||
<a-form-item
|
||||
label="秘钥"
|
||||
name="username"
|
||||
:rules="[{ required: true, message: '请输入' }]"
|
||||
>
|
||||
<a-input v-model:value="formState.username" />
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
</div>
|
||||
</BasicModal>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import { ref, defineEmits, reactive, toRaw } from 'vue';
|
||||
import { BasicModal, useModalInner } from '@/components/Modal';
|
||||
const tabIndex = ref(0);
|
||||
const tabList = ["视频算法","图片算法"];
|
||||
const tabsClick = (index) =>{
|
||||
tabIndex.value = index
|
||||
}
|
||||
const formRef = ref();
|
||||
interface FormState {
|
||||
username: string;
|
||||
password: string;
|
||||
remember: boolean;
|
||||
}
|
||||
|
||||
const formState = reactive<FormState>({
|
||||
username: '',
|
||||
password: '',
|
||||
remember: true,
|
||||
});
|
||||
const submitClick = ()=>{
|
||||
console.log('submit')
|
||||
formRef.value.validate().then(() => {
|
||||
console.log('values', formState, toRaw(formState));
|
||||
})
|
||||
.catch(error => {
|
||||
console.log('error', error);
|
||||
});
|
||||
}
|
||||
const [registerModal, { closeModal }] = useModalInner((data: any) => {
|
||||
|
||||
});
|
||||
</script>
|
||||
<style scoped>
|
||||
.titlesbox{
|
||||
width: 92%;
|
||||
margin-left: 4%;
|
||||
line-height: 40px;
|
||||
border-bottom: 1px solid #F5F6FA;
|
||||
.li{
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
span{
|
||||
color: #222738;
|
||||
cursor: pointer;
|
||||
line-height: 40px;
|
||||
display: inline-block;
|
||||
}
|
||||
.active{
|
||||
border-bottom: 3px solid #3A57E8;
|
||||
}
|
||||
}
|
||||
}
|
||||
.formsbox{
|
||||
width: 92%;
|
||||
margin-left: 4%;
|
||||
padding-top: 20px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,2 @@
|
||||
// export { default as PreviewImage } from './previewImage.vue';
|
||||
// export { default as PreviewVideo } from './previewVideo.vue';
|
||||
@ -0,0 +1,269 @@
|
||||
<template>
|
||||
<div class="comparisonModal">
|
||||
<div class="closeButton">
|
||||
<LeftOutlined style="color: white; font-size: 20px; margin-right: 10px" />
|
||||
<div
|
||||
class="changeButton"
|
||||
:style="{
|
||||
background: typeOpen ? '#2A7DC9' : '#5D5F61',
|
||||
}"
|
||||
@click="typeOpen = !typeOpen"
|
||||
>
|
||||
变化检测
|
||||
<CaretUpOutlined v-if="typeOpen" />
|
||||
<CaretDownOutlined v-if="!typeOpen" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="topDiv"> 照片 AI 变化检测 Beta</div>
|
||||
<div class="bodyDiv">
|
||||
<div v-if="typeOpen" class="jiancejiluDiv">
|
||||
<div class="jiancejiluDiv_title">
|
||||
<span style="margin-left: 15px; font-size: 16px; font-weight: bold">检测记录</span>
|
||||
</div>
|
||||
<div class="jiancejiluDiv_filter">
|
||||
<div class="jiancejiluDiv_filter_row1">
|
||||
<a-range-picker v-model:value="value1" />
|
||||
<SearchOutlined
|
||||
class="SearchOutlined"
|
||||
:style="{
|
||||
color: showSearch ? '#2D8CF0' : '#ffffff',
|
||||
}"
|
||||
@click="showSearch = !showSearch"
|
||||
/>
|
||||
</div>
|
||||
<div class="jiancejiluDiv_filter_row2" v-if="showSearch">
|
||||
<a-input
|
||||
v-model:value="value2"
|
||||
placeholder="按检测名称搜索"
|
||||
style="width: 90%"
|
||||
></a-input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jiancejiluDiv_dropdown">
|
||||
<a-dropdown>
|
||||
<a class="jiancejiluDiv_dropdown_showtitle" @click.prevent>
|
||||
{{ dropdownSelect }}
|
||||
<CaretDownOutlined />
|
||||
</a>
|
||||
<template #overlay>
|
||||
<a-menu>
|
||||
<a-menu-item>
|
||||
<a @click="dropdownSelect = '所有航点航线'">所有航点航线</a>
|
||||
</a-menu-item>
|
||||
<a-menu-item>
|
||||
<a @click="dropdownSelect = '巡检航点航线'">巡检航点航线</a>
|
||||
</a-menu-item>
|
||||
</a-menu>
|
||||
</template>
|
||||
</a-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="imageDiv"
|
||||
:style="{
|
||||
width: typeOpen ? 'calc(100% - 360px)' : '100%',
|
||||
}"
|
||||
>
|
||||
<div class="imageDiv_Comparison">
|
||||
<div class="imageDiv_Comparison_title">视窗1</div>
|
||||
<div class="imageDiv_Comparison_1">1</div>
|
||||
</div>
|
||||
<div class="imageDiv_Comparison">
|
||||
<div class="imageDiv_Comparison_title">视窗2</div>
|
||||
<div class="imageDiv_Comparison_2">2</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import { ref } from 'vue';
|
||||
import {
|
||||
LeftOutlined,
|
||||
CaretDownOutlined,
|
||||
CaretUpOutlined,
|
||||
SearchOutlined,
|
||||
} from '@ant-design/icons-vue';
|
||||
|
||||
const props = defineProps(['nowPreviewRecord', 'previewRecordList']);
|
||||
const emit = defineEmits(['closeComparisonModal']);
|
||||
|
||||
const typeOpen = ref(true);
|
||||
const showSearch = ref(false);
|
||||
const dropdownSelect = ref('所有航点航线');
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.comparisonModal {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 920px;
|
||||
background: #000000;
|
||||
|
||||
// 页面不能被选中
|
||||
-webkit-user-select: none; /* Safari */
|
||||
-moz-user-select: none; /* Firefox */
|
||||
-ms-user-select: none; /* IE/Edge */
|
||||
user-select: none;
|
||||
|
||||
// 关闭按钮
|
||||
.closeButton {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
left: 0px;
|
||||
height: 40px;
|
||||
width: 200px;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
.changeButton {
|
||||
height: 30px;
|
||||
width: 120px;
|
||||
border-radius: 5px;
|
||||
color: #ffffff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
// 标题
|
||||
.topDiv {
|
||||
background: #101010;
|
||||
color: #ffffff;
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
// 内容
|
||||
.bodyDiv {
|
||||
background: #000000;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
height: calc(100% - 60px);
|
||||
|
||||
// 检测记录
|
||||
.jiancejiluDiv {
|
||||
position: relative;
|
||||
background: #232323;
|
||||
color: #ffffff;
|
||||
width: 360px;
|
||||
height: 100%;
|
||||
border-radius: 10px;
|
||||
|
||||
// 标题
|
||||
.jiancejiluDiv_title {
|
||||
position: relative;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
color: #ffffff;
|
||||
height: 50px;
|
||||
width: 100%;
|
||||
border-bottom: 1px solid #ffffff55;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
// 查询
|
||||
.jiancejiluDiv_filter {
|
||||
position: relative;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
display: block;
|
||||
|
||||
.jiancejiluDiv_filter_row1 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
.SearchOutlined {
|
||||
color: #ffffff;
|
||||
font-size: 22px;
|
||||
margin-left: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.jiancejiluDiv_filter_row2 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
// 下拉框
|
||||
.jiancejiluDiv_dropdown {
|
||||
position: relative;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
|
||||
.jiancejiluDiv_dropdown_showtitle {
|
||||
color: #ffffff;
|
||||
margin-left: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.imageDiv {
|
||||
position: relative;
|
||||
display: flex;
|
||||
// width: 100%;
|
||||
width: calc(100% - 360px);
|
||||
gap: 5px;
|
||||
|
||||
.imageDiv_Comparison {
|
||||
position: relative;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
|
||||
.imageDiv_Comparison_title {
|
||||
position: relative;
|
||||
color: #ffffff;
|
||||
font-size: 20px;
|
||||
margin-left: 35px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.imageDiv_Comparison_1 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: 30px;
|
||||
background: #2773c3;
|
||||
width: 30px;
|
||||
height: 25px;
|
||||
border-radius: 10px 0px 0px 10px;
|
||||
}
|
||||
|
||||
.imageDiv_Comparison_2 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 30px;
|
||||
background: #cb8824;
|
||||
width: 30px;
|
||||
height: 25px;
|
||||
border-radius: 0px 10px 10px 0px;
|
||||
}
|
||||
|
||||
.imageDiv_Comparison_2 {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,2 @@
|
||||
export { default as PreviewModel2D } from './model2D.vue';
|
||||
export { default as PreviewModel3D } from './model3D.vue';
|
||||
@ -0,0 +1,43 @@
|
||||
<template>
|
||||
<div style="padding: 20px;">
|
||||
<div style="margin-bottom: 8px;">设备名称</div>
|
||||
<a-input v-model:value="props.editDeviceDate.name" style="margin-bottom: 10px;" placeholder="请输入设备名称" />
|
||||
<div style="margin-bottom: 8px;">所属项目</div>
|
||||
<a-select
|
||||
v-model:value="props.editDeviceDate.workSpaceId"
|
||||
style="width:100%;margin-bottom: 20px;"
|
||||
:options="props.projectList"
|
||||
></a-select>
|
||||
<div style="display: flex;justify-content: end;">
|
||||
<a-button style="margin-right: 10px;" @click="emits('changeEditDeviceModal',false)">取消</a-button>
|
||||
<a-button type="primary" @click="submit">确定</a-button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { defineProps, defineEmits } from "vue"
|
||||
import { EditUav } from '@/api/demo/device'
|
||||
import { message } from "ant-design-vue"
|
||||
const props = defineProps(['editDeviceDate', 'projectList'])
|
||||
const emits = defineEmits(['changeEditDeviceModal','reload'])
|
||||
|
||||
const submit = () => {
|
||||
console.log('123',props.editDeviceDate)
|
||||
let params = {}
|
||||
let useId = ['id','name','firmwareVersion','isDelete','pId','pName','psn','sn','typeId','updateTime','workSpaceId']
|
||||
Object.keys(props.editDeviceDate).forEach(id => {
|
||||
if(useId.includes(id)){
|
||||
params[id] = props.editDeviceDate[id]
|
||||
}
|
||||
})
|
||||
EditUav(params).then(res => {
|
||||
message.success('编辑成功')
|
||||
emits('reload')
|
||||
emits('changeEditDeviceModal',false)
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@ -0,0 +1,48 @@
|
||||
<template>
|
||||
<div style="padding: 20px;">
|
||||
<div style="margin-bottom: 8px;">设备名称({{ props.editDeviceDate.typeId }})</div>
|
||||
<a-input v-model:value="props.editDeviceDate.name" style="margin-bottom: 10px;" placeholder="请输入设备名称" />
|
||||
<div v-for="item in props.editDeviceDate.uavList">
|
||||
<div style="margin-bottom: 8px;">设备名称({{ item.typeId }})</div>
|
||||
<a-input v-model:value="item.name" style="margin-bottom: 10px;" placeholder="请输入设备名称" />
|
||||
</div>
|
||||
<div style="margin-bottom: 8px;">所属项目</div>
|
||||
<a-select
|
||||
v-model:value="props.editDeviceDate.workSpaceId"
|
||||
style="width:100%;margin-bottom: 20px;"
|
||||
:options="props.projectList"
|
||||
></a-select>
|
||||
<div style="display: flex;justify-content: end;">
|
||||
<a-button style="margin-right: 10px;" @click="emits('changeEditDeviceModal',false)">取消</a-button>
|
||||
<a-button type="primary" @click="submit">确定</a-button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { defineProps, defineEmits } from "vue"
|
||||
import { EditDronePort } from '@/api/demo/device'
|
||||
import { message } from "ant-design-vue"
|
||||
const props = defineProps(['editDeviceDate', 'projectList'])
|
||||
const emits = defineEmits(['changeEditDeviceModal','reload'])
|
||||
|
||||
const submit = () => {
|
||||
console.log('123',props.editDeviceDate)
|
||||
let params = {}
|
||||
let useId = ['id','name','typeId','serialNumber','firmwareVersion','bindStatus','updateTime','createTime',
|
||||
'orgId','sn','devicePicUrl','did','isDelete','workSpaceId','uavList']
|
||||
Object.keys(props.editDeviceDate).forEach(id => {
|
||||
if(useId.includes(id)){
|
||||
params[id] = props.editDeviceDate[id]
|
||||
}
|
||||
})
|
||||
EditDronePort(params).then(res => {
|
||||
message.success('编辑成功')
|
||||
emits('reload')
|
||||
emits('changeEditDeviceModal',false)
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@ -0,0 +1,79 @@
|
||||
import { BasicColumn, FormSchema } from '@/components/Table';
|
||||
import { h } from 'vue';
|
||||
import { Tag } from 'ant-design-vue';
|
||||
import Icon from '@/components/Icon/Icon.vue';
|
||||
|
||||
export const columns: BasicColumn[] = [
|
||||
{
|
||||
title: '序号',
|
||||
dataIndex: 'name',
|
||||
},
|
||||
{
|
||||
title: '项目',
|
||||
dataIndex: 'domId',
|
||||
},
|
||||
{
|
||||
title: '计划',
|
||||
dataIndex: 'sort',
|
||||
},
|
||||
{
|
||||
title: '设备',
|
||||
dataIndex: 'class',
|
||||
},
|
||||
{
|
||||
title: '缺陷数量',
|
||||
dataIndex: 'sort',
|
||||
width: 80,
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
export const searchFormSchema: FormSchema[] = [
|
||||
{
|
||||
field: 'key',
|
||||
label: '项目名称',
|
||||
component: 'Input',
|
||||
colProps: { span: 6 },
|
||||
},
|
||||
{
|
||||
field: '[startTime, endTime]',
|
||||
label: '巡检时间',
|
||||
component: 'RangePicker',
|
||||
colProps: { span: 6 },
|
||||
componentProps: {
|
||||
format: 'YYYY-MM-DD',
|
||||
placeholder: ['开始日期', '结束日期'],
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'status',
|
||||
component: 'Select',
|
||||
label: '当前状态',
|
||||
colProps: {
|
||||
span: 6,
|
||||
},
|
||||
componentProps: () => {
|
||||
|
||||
},
|
||||
},
|
||||
// {
|
||||
// field: 'status',
|
||||
// component: 'ApiSelect',
|
||||
// label: '当前状态',
|
||||
// colProps: {
|
||||
// span: 6,
|
||||
// },
|
||||
// componentProps: () => {
|
||||
// return {
|
||||
// api: getFormsTypeList,
|
||||
// params: {
|
||||
// code: 'ssnyddqyt',
|
||||
// },
|
||||
// resultField: '',
|
||||
// labelField: 'itemName',
|
||||
// valueField: 'itemValue',
|
||||
// };
|
||||
// },
|
||||
// },
|
||||
];
|
||||
|
||||
@ -0,0 +1,160 @@
|
||||
<template>
|
||||
<PageWrapper dense contentFullHeight fixedHeight contentClass="flex">
|
||||
<BasicTable
|
||||
class="w-3/4 xl:w-4/5"
|
||||
@register="registerTable"
|
||||
@fetch-success="onFetchSuccess"
|
||||
:searchInfo="searchInfo"
|
||||
>
|
||||
<template #bodyCell="{ column, record }">
|
||||
<template v-if="column.key === 'action'">
|
||||
<span class="btnbox openbox">打开报告</span>
|
||||
<span class="btnbox downloadbox">下载报告</span>
|
||||
</template>
|
||||
</template>
|
||||
</BasicTable>
|
||||
<div class="rightBox w-3/4 xl:w-1/5">
|
||||
<div class="title"></div>
|
||||
<div class="textbox fw-b">独立展示区</div>
|
||||
<div class="contentbox">
|
||||
<div class="contentli" v-for="(item, index) in imgsArr">
|
||||
<div class="flex jc-sb ai-c">
|
||||
<span class="fortext">缺陷类型{{ index + 1 }}</span>
|
||||
<div class="handlebox fz-12">
|
||||
<span :class="['cursor', { active: item.show }]" @click="item.show = true">展开</span>
|
||||
<span>/</span>
|
||||
<span :class="['cursor', { active: !item.show }]" @click="item.show = false">收起</span>
|
||||
</div>
|
||||
</div>
|
||||
<img v-if="item.show" class="img" :src="item.src" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</PageWrapper>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import { reactive, nextTick, ref } from 'vue';
|
||||
|
||||
import { BasicTable, useTable } from '@/components/Table';
|
||||
import { getButtonList } from '@/api/demo/system';
|
||||
import { PageWrapper } from '@/components/Page';
|
||||
|
||||
import { columns, searchFormSchema } from './index.data';
|
||||
import { useMessage } from '@/hooks/web/useMessage';
|
||||
|
||||
const { createConfirm, createMessage } = useMessage();
|
||||
defineOptions({ name: 'workreport' });
|
||||
const searchInfo = reactive<Recordable>({});
|
||||
const imgsArr = ref([
|
||||
{ show: true , src: '/public/banner.png' },
|
||||
{ show: true , src: '/public/default.png' },
|
||||
{ show: true , src: '/public/banner1.png' },
|
||||
])
|
||||
|
||||
const [registerTable, { reload, expandAll, getSelectRows, clearSelectedRowKeys }] = useTable({
|
||||
title: '工作报告',
|
||||
// api: getButtonList,
|
||||
columns,
|
||||
rowKey: 'id',
|
||||
formConfig: {
|
||||
labelWidth: 120,
|
||||
schemas: searchFormSchema,
|
||||
},
|
||||
striped: false,
|
||||
useSearchForm: true,
|
||||
showTableSetting: true,
|
||||
bordered: true,
|
||||
rowSelection: false,
|
||||
showIndexColumn: false,
|
||||
actionColumn: {
|
||||
width: 200,
|
||||
title: '操作',
|
||||
dataIndex: 'action',
|
||||
},
|
||||
handleSearchInfoFn(info) {
|
||||
return info;
|
||||
},
|
||||
});
|
||||
|
||||
function onFetchSuccess() {
|
||||
// 演示默认展开所有表项
|
||||
nextTick(expandAll);
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
.flex{
|
||||
display: flex;
|
||||
}
|
||||
.jc-sb{
|
||||
justify-content: space-between;
|
||||
}
|
||||
.ai-c{
|
||||
align-items: center;
|
||||
}
|
||||
.cursor{
|
||||
cursor: pointer;
|
||||
}
|
||||
.fz-12{
|
||||
font-size: 12px;
|
||||
}
|
||||
.fw-b{
|
||||
font-weight: bold;
|
||||
}
|
||||
.rightBox{
|
||||
margin-left: -16px;
|
||||
padding: 16px 0;
|
||||
.title{
|
||||
width: 100%;
|
||||
height: 58px;
|
||||
background-color: #fff;
|
||||
padding: 12px 10px 6px;
|
||||
border-radius: 2px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.textbox{
|
||||
text-align: center;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
background-color: #fff;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 15px;
|
||||
margin-left: 16px;
|
||||
}
|
||||
.contentbox{
|
||||
height: calc(100% - 135px);
|
||||
margin-left: 16px;
|
||||
overflow: auto;
|
||||
.contentli{
|
||||
background: #fff;
|
||||
margin-bottom: 10px;
|
||||
padding: 16px;
|
||||
border-radius: 5px;
|
||||
.handlebox{
|
||||
.active{
|
||||
color: #6F84EE;
|
||||
}
|
||||
}
|
||||
.img{
|
||||
width: 100%;
|
||||
margin-top: 15px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.btnbox{
|
||||
display: inline-block;
|
||||
padding: 3px 6px;
|
||||
color: #fff;
|
||||
border-radius: 5px;
|
||||
font-size: 13px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.openbox{
|
||||
background: #E9671A;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.downloadbox{
|
||||
background: #3A57E8;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue