parent
19668bc2d6
commit
5500611fba
@ -0,0 +1,19 @@ |
||||
import { AxiosPromise } from "axios"; |
||||
import { FTTRInfoVO, ServiceCompareVO } from "@/api/operate-result-args/types"; |
||||
import request from "@/utils/request"; |
||||
|
||||
export function getServiceCompareData( |
||||
devId?: number, |
||||
serviceName?: string |
||||
): AxiosPromise<ServiceCompareVO[]> { |
||||
return request({ |
||||
url: `/api/operate-result-args/v1/device-service-parameter/${devId}/${serviceName}`, |
||||
method: "GET", |
||||
}); |
||||
} |
||||
export function fttrPrimaryGateway(devId?: number): AxiosPromise<FTTRInfoVO[]> { |
||||
return request({ |
||||
url: `/api/operate-result-args/v1/fttr-primary-gateway/${devId}`, |
||||
method: "GET", |
||||
}); |
||||
} |
||||
@ -0,0 +1,18 @@ |
||||
import { ParamInfo } from "@/api/operate-log/types"; |
||||
|
||||
export interface ServiceParamInfo { |
||||
parameterName?: string; |
||||
actualValue?: string; |
||||
remarks?: string; |
||||
expectationValue?: string; |
||||
} |
||||
export interface ServiceCompareVO { |
||||
title?: string; |
||||
list?: ServiceParamInfo[]; |
||||
} |
||||
|
||||
export interface FTTRInfoVO { |
||||
title?: string; |
||||
|
||||
list?: ParamInfo[]; |
||||
} |
||||
@ -0,0 +1,82 @@ |
||||
<template> |
||||
<el-descriptions :column="3" border> |
||||
<el-descriptions-item |
||||
label="业务名称" |
||||
label-align="left" |
||||
align="center" |
||||
label-class-name="my-label" |
||||
class-name="my-content" |
||||
width="150px" |
||||
> |
||||
{{ service.servName }} |
||||
</el-descriptions-item> |
||||
<el-descriptions-item |
||||
label="业务版本" |
||||
label-align="left" |
||||
align="center" |
||||
label-class-name="my-label" |
||||
class-name="my-content" |
||||
width="150px" |
||||
> |
||||
{{ service.servVerName }} |
||||
</el-descriptions-item> |
||||
<el-descriptions-item |
||||
label="业务显示名称" |
||||
label-align="left" |
||||
align="center" |
||||
label-class-name="my-label" |
||||
class-name="my-content" |
||||
width="150px" |
||||
> |
||||
{{ service.servDisplayName }} |
||||
</el-descriptions-item> |
||||
<el-descriptions-item |
||||
label="业务状态" |
||||
label-align="left" |
||||
align="center" |
||||
label-class-name="my-label" |
||||
class-name="my-content" |
||||
width="150px" |
||||
> |
||||
{{ service.servMapStatus }} |
||||
</el-descriptions-item> |
||||
<el-descriptions-item |
||||
label="业务描述" |
||||
label-align="left" |
||||
align="center" |
||||
label-class-name="my-label" |
||||
class-name="my-content" |
||||
width="150px" |
||||
> |
||||
{{ service.servDesc }} |
||||
</el-descriptions-item> |
||||
<el-descriptions-item |
||||
label="操作时间" |
||||
label-align="left" |
||||
align="center" |
||||
label-class-name="my-label" |
||||
class-name="my-content" |
||||
width="150px" |
||||
> |
||||
{{ service.servStatusTime }} |
||||
</el-descriptions-item> |
||||
</el-descriptions> |
||||
<service-parameter |
||||
:dev-id="prop.devId" |
||||
:service-name="service.servName" |
||||
:service-id="service.servId" |
||||
:service-ver-name="service.servVerName" |
||||
/> |
||||
</template> |
||||
|
||||
<script setup lang="ts"> |
||||
import { DeviceBusinessVO } from "@/api/service/types"; |
||||
import ServiceParameter from "@/views/family/operate/remote-operation/components/ServiceParameter.vue"; |
||||
|
||||
const prop = defineProps<{ |
||||
service: DeviceBusinessVO; |
||||
devId: number; |
||||
}>(); |
||||
</script> |
||||
|
||||
<style scoped></style> |
||||
@ -0,0 +1,109 @@ |
||||
<template> |
||||
<el-dropdown split-button placement="right"> |
||||
远程操作列表 |
||||
<template #dropdown> |
||||
<el-dropdown-menu> |
||||
<el-scrollbar height="300"> |
||||
<div v-hasPerm="['family:remote:parameter:tree']"> |
||||
<el-dropdown-item>设备参数树浏览</el-dropdown-item> |
||||
</div> |
||||
<div v-hasPerm="['family:remote:ping:test']"> |
||||
<el-dropdown-item divided>设备Ping测试 </el-dropdown-item> |
||||
</div> |
||||
<div v-hasPerm="['family:remote:profiles:upload']"> |
||||
<el-dropdown-item divided>设备配置文件上传 </el-dropdown-item> |
||||
</div> |
||||
<div v-hasPerm="['family:remote:terminal:log_file']"> |
||||
<el-dropdown-item divided>获取设备终端日志文件 </el-dropdown-item> |
||||
</div> |
||||
<div v-hasPerm="['family:remote:dev:change']"> |
||||
<el-dropdown-item divided>设备更换</el-dropdown-item> |
||||
</div> |
||||
<div v-hasPerm="['family:remote:dev:reload']"> |
||||
<el-dropdown-item divided>设备远程重启 </el-dropdown-item> |
||||
</div> |
||||
<div v-hasPerm="['family:remote:profiles:issued']"> |
||||
<el-dropdown-item divided>设备厂商配置文件下发 </el-dropdown-item> |
||||
</div> |
||||
<div v-hasPerm="['family:remote:full_service:issued']"> |
||||
<el-dropdown-item divided>设备全业务配置下发 </el-dropdown-item> |
||||
</div> |
||||
<div v-hasPerm="['family:remote:soft_ver:upgrade']"> |
||||
<el-dropdown-item divided>设备软件版本升级 </el-dropdown-item> |
||||
</div> |
||||
<div v-hasPerm="['family:remote:loop_back:diagnosis']"> |
||||
<el-dropdown-item divided>ATMF5Loopback诊断 </el-dropdown-item> |
||||
</div> |
||||
<div v-hasPerm="['family:remote:dsl_loop:diagnosis']"> |
||||
<el-dropdown-item divided>DslLoop诊断</el-dropdown-item> |
||||
</div> |
||||
<div v-hasPerm="['family:remote:dev:monitor']"> |
||||
<el-dropdown-item divided>设备监控</el-dropdown-item> |
||||
</div> |
||||
<div v-hasPerm="['family:remote:ida:diagnosis']"> |
||||
<el-dropdown-item divided>IAD诊断</el-dropdown-item> |
||||
</div> |
||||
<div v-hasPerm="['family:remote:service_port:binding']"> |
||||
<el-dropdown-item divided>修改业务端口绑定 </el-dropdown-item> |
||||
</div> |
||||
<div v-hasPerm="['family:remote:terminal:registration']"> |
||||
<el-dropdown-item divided>开启终端注册页面 </el-dropdown-item> |
||||
</div> |
||||
<div v-hasPerm="['family:remote:speed:operation']"> |
||||
<el-dropdown-item divided>测速操作</el-dropdown-item> |
||||
</div> |
||||
<div v-hasPerm="['family:remote:reset:graphs']"> |
||||
<el-dropdown-item divided>终端重置数图 </el-dropdown-item> |
||||
</div> |
||||
<div v-hasPerm="['family:remote:iptv:multicast']"> |
||||
<el-dropdown-item divided>重置IPTV组播 </el-dropdown-item> |
||||
</div> |
||||
<div v-hasPerm="['family:remote:node:customize']"> |
||||
<el-dropdown-item divided>自定义节点定制 </el-dropdown-item> |
||||
</div> |
||||
<div v-hasPerm="['family:remote:broadband_1_4:itv_2_3']"> |
||||
<el-dropdown-item divided>宽带1、4口;ITV 2、3口 </el-dropdown-item> |
||||
</div> |
||||
<div v-hasPerm="['family:remote:broadband_3_4:itv_1_2']"> |
||||
<el-dropdown-item divided>宽带3、4口;ITV 1、2口 </el-dropdown-item> |
||||
</div> |
||||
<div v-hasPerm="['family:remote:broadband_1:itv_2_3_4']"> |
||||
<el-dropdown-item divided>宽带1口;ITV 2、3、4口 </el-dropdown-item> |
||||
</div> |
||||
<div v-hasPerm="['family:remote:broadband_1_3_4:itv_2']"> |
||||
<el-dropdown-item divided>宽带1、3、4口;ITV 2口 </el-dropdown-item> |
||||
</div> |
||||
<div v-hasPerm="['family:remote:broadband_1_2_3_4']"> |
||||
<el-dropdown-item divided>宽带1、 2、3、4口 </el-dropdown-item> |
||||
</div> |
||||
<div v-hasPerm="['family:remote:broadband_1_3:itv_2']"> |
||||
<el-dropdown-item divided |
||||
>三合一终端宽带1、3口;ITV 2口 |
||||
</el-dropdown-item> |
||||
</div> |
||||
<div v-hasPerm="['family:remote:info:update']"> |
||||
<el-dropdown-item divided>通用信息修改 </el-dropdown-item> |
||||
</div> |
||||
</el-scrollbar> |
||||
</el-dropdown-menu> |
||||
</template> |
||||
</el-dropdown> |
||||
</template> |
||||
|
||||
<script setup lang="ts"></script> |
||||
|
||||
<style scoped> |
||||
.button-container { |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
border-left: 1px solid #ebeef5; |
||||
} |
||||
.button-wrapper { |
||||
width: calc(100% / 9); /* 假设每行有6个按钮，可以根据需要调整 */ |
||||
padding: 10px; |
||||
box-sizing: border-box; |
||||
} |
||||
.button-wrapper { |
||||
border-bottom: 1px solid #ebeef5; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,108 @@ |
||||
<template> |
||||
<div class="mt-4"> |
||||
<el-card shadow="never"> |
||||
<template #header> |
||||
<div class="head-parent-right"> |
||||
<el-button |
||||
type="primary" |
||||
@click="compareParameter" |
||||
plain |
||||
:disabled="disableFlag" |
||||
>业务参数对照</el-button |
||||
> |
||||
<el-button type="primary" plain>重置业务</el-button> |
||||
</div> |
||||
</template> |
||||
<el-empty |
||||
description="暂无数据" |
||||
v-loading="loading" |
||||
v-if="vo.length === 0" |
||||
/> |
||||
<el-card |
||||
class="any-table" |
||||
shadow="never" |
||||
v-for="(item, index) in vo" |
||||
:key="index" |
||||
v-loading="loading" |
||||
> |
||||
<template #header> |
||||
<span style="font-size: 14px; font-weight: 700">{{ |
||||
item.title |
||||
}}</span> |
||||
</template> |
||||
<el-table :data="item.list"> |
||||
<el-table-column |
||||
label="参数名称" |
||||
align="left" |
||||
width="200" |
||||
prop="parameterName" |
||||
/> |
||||
<el-table-column |
||||
label="期望值" |
||||
align="left" |
||||
width="300" |
||||
prop="expectationValue" |
||||
/> |
||||
<el-table-column |
||||
label="实际值" |
||||
align="left" |
||||
width="300" |
||||
prop="actualValue" |
||||
/> |
||||
<el-table-column label="备注" align="left" prop="remarks" /> |
||||
</el-table> |
||||
</el-card> |
||||
</el-card> |
||||
</div> |
||||
</template> |
||||
|
||||
<script setup lang="ts"> |
||||
import { getServiceCompareData } from "@/api/operate-result-args"; |
||||
import { ServiceCompareVO } from "@/api/operate-result-args/types"; |
||||
import { serviceCompareParameter } from "@/api/remote"; |
||||
const prop = defineProps<{ |
||||
devId: number; |
||||
serviceName?: string; |
||||
serviceVerName?: string; |
||||
serviceId?: number; |
||||
}>(); |
||||
const vo = ref<ServiceCompareVO[]>([]); |
||||
const loading = ref<boolean>(false); |
||||
const loadData = () => { |
||||
loading.value = true; |
||||
getServiceCompareData(prop.devId, prop.serviceName) |
||||
.then(({ data }) => { |
||||
vo.value = data; |
||||
}) |
||||
.finally(() => { |
||||
loading.value = false; |
||||
}); |
||||
}; |
||||
const disableFlag = computed(() => { |
||||
return loading.value; |
||||
}); |
||||
const compareParameter = () => { |
||||
loading.value = true; |
||||
serviceCompareParameter( |
||||
prop.devId, |
||||
prop.serviceId, |
||||
prop.serviceVerName, |
||||
prop.serviceName |
||||
) |
||||
.then(({ data }) => { |
||||
vo.value = data; |
||||
}) |
||||
.finally(() => { |
||||
loading.value = false; |
||||
}); |
||||
}; |
||||
onMounted(() => { |
||||
loadData(); |
||||
}); |
||||
</script> |
||||
|
||||
<style scoped> |
||||
:deep(.el-card__body) { |
||||
padding: 0 0 0 0; |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue