This commit is contained in:
parent
d0e932ddee
commit
ec0d1c3519
|
@ -5,20 +5,23 @@
|
||||||
@handleTableHeader="handleTableHeader"
|
@handleTableHeader="handleTableHeader"
|
||||||
@handleTablePagination="handleTablePagination"
|
@handleTablePagination="handleTablePagination"
|
||||||
>
|
>
|
||||||
<!-- <template #TableHeaderRight>
|
<template #TableHeaderRight>
|
||||||
<div class="sear">
|
<div class="sear">
|
||||||
<el-text class="encrypt">排序方式</el-text>
|
<el-text class="encrypt">在线状态</el-text>
|
||||||
<el-select
|
<el-select
|
||||||
v-model="value"
|
v-model="state.formState.isOnline"
|
||||||
class="m-2"
|
placeholder="请选择"
|
||||||
placeholder="Select"
|
clearable
|
||||||
size="large"
|
@change='onAffirm'
|
||||||
>
|
>
|
||||||
<el-option label="升序" value="ASC" />
|
<el-option label="在线" value="1" />
|
||||||
<el-option label="降序" value="DESC" />
|
<el-option label="离线" value="0" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</div>
|
</div>
|
||||||
</template> -->
|
</template>
|
||||||
|
<template #isOnline="{ currentCol, currentData }">
|
||||||
|
<div>{{ change1(currentData.isOnline) }}</div>
|
||||||
|
</template>
|
||||||
<template #doIt="{ currentCol, currentData }">
|
<template #doIt="{ currentCol, currentData }">
|
||||||
<span
|
<span
|
||||||
style="
|
style="
|
||||||
|
@ -53,7 +56,7 @@
|
||||||
clearable
|
clearable
|
||||||
>
|
>
|
||||||
<el-option label="在线" value="1" />
|
<el-option label="在线" value="1" />
|
||||||
<el-option label="离线" value="2" />
|
<el-option label="离线" value="0" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="是否已经接入">
|
<el-form-item label="是否已经接入">
|
||||||
|
@ -63,13 +66,13 @@
|
||||||
clearable
|
clearable
|
||||||
>
|
>
|
||||||
<el-option label="已接入" value="1" />
|
<el-option label="已接入" value="1" />
|
||||||
<el-option label="未接入" value="2" />
|
<el-option label="未接入" value="0" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="是否是虚拟通道">
|
<el-form-item label="是否是虚拟通道">
|
||||||
<el-radio-group v-model="state.formState.isVirtual">
|
<el-radio-group v-model="state.formState.isVirtual">
|
||||||
<el-radio label="1">是</el-radio>
|
<el-radio label="1">是</el-radio>
|
||||||
<el-radio label="2">否</el-radio>
|
<el-radio label="0">否</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<div style="display: flex; justify-content: center">
|
<div style="display: flex; justify-content: center">
|
||||||
|
@ -214,12 +217,12 @@ const data = reactive({
|
||||||
tableHeader: [
|
tableHeader: [
|
||||||
{
|
{
|
||||||
buttons: [
|
buttons: [
|
||||||
{
|
// {
|
||||||
type: "custom", // 自定义按钮(目前只支持 custom ),
|
// type: "custom", // 自定义按钮(目前只支持 custom ),
|
||||||
name: "addOne", // 为 handleTableHeader 事件的第一个返回值,注意不能重复
|
// name: "addOne", // 为 handleTableHeader 事件的第一个返回值,注意不能重复
|
||||||
title: "查询", // 按钮名称
|
// title: "查询", // 按钮名称
|
||||||
disabled: false,
|
// disabled: false,
|
||||||
},
|
// },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
@ -246,41 +249,42 @@ const data = reactive({
|
||||||
show: true,
|
show: true,
|
||||||
// type: "slot",
|
// type: "slot",
|
||||||
},
|
},
|
||||||
{
|
// {
|
||||||
label: "单元类型",
|
// label: "单元类型",
|
||||||
name: "unitType",
|
// name: "unitType",
|
||||||
show: true,
|
// show: true,
|
||||||
// type: "slot",
|
// // type: "slot",
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
label: "单元序号",
|
// label: "单元序号",
|
||||||
name: "unitSeq",
|
// name: "unitSeq",
|
||||||
show: true,
|
// show: true,
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
label: "通道序号",
|
// label: "通道序号",
|
||||||
name: "channelSeq",
|
// name: "channelSeq",
|
||||||
show: true,
|
// show: true,
|
||||||
},
|
// },
|
||||||
{
|
{
|
||||||
label: "通道编码",
|
label: "通道编码",
|
||||||
name: "channelCode",
|
name: "channelCode",
|
||||||
show: true,
|
show: true,
|
||||||
},
|
},
|
||||||
{
|
// {
|
||||||
label: "通道标识码",
|
// label: "通道标识码",
|
||||||
name: "channelSn",
|
// name: "channelSn",
|
||||||
show: true,
|
// show: true,
|
||||||
},
|
// },
|
||||||
{
|
{
|
||||||
label: "通道名称",
|
label: "通道名称",
|
||||||
name: "channelName",
|
name: "channelName",
|
||||||
show: true,
|
show: true,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "通道类型",
|
label: "在线状态",
|
||||||
name: "unitchannelTypeSeq",
|
name: "isOnline",
|
||||||
show: true,
|
show: true,
|
||||||
|
type: "slot",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "slot", // 设置为 slot 即可使用插槽
|
type: "slot", // 设置为 slot 即可使用插槽
|
||||||
|
@ -363,6 +367,17 @@ const stateMonitoring = () => {
|
||||||
state.Monitoring = false;
|
state.Monitoring = false;
|
||||||
state.formState = {};
|
state.formState = {};
|
||||||
};
|
};
|
||||||
|
//转换在线类型
|
||||||
|
const change1 = (isOnline) => {
|
||||||
|
// console.log("change", streamType);
|
||||||
|
let a = "";
|
||||||
|
if (isOnline == 1) {
|
||||||
|
a = "在线";
|
||||||
|
} else {
|
||||||
|
a = "离线";
|
||||||
|
}
|
||||||
|
return a;
|
||||||
|
};
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
onAffirm();
|
onAffirm();
|
||||||
});
|
});
|
||||||
|
@ -372,7 +387,7 @@ onMounted(() => {
|
||||||
.sear {
|
.sear {
|
||||||
display: flex;
|
display: flex;
|
||||||
.encrypt {
|
.encrypt {
|
||||||
width: 150px;
|
width: 60px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.information {
|
.information {
|
||||||
|
|
|
@ -19,6 +19,9 @@
|
||||||
<el-input v-model="condition.monitoringPointName" @change="get()" />
|
<el-input v-model="condition.monitoringPointName" @change="get()" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
<template #streamType="{ currentCol, currentData }">
|
||||||
|
<div>{{ change1(currentData.streamType) }}</div>
|
||||||
|
</template>
|
||||||
<template #doIt="{ currentCol, currentData }">
|
<template #doIt="{ currentCol, currentData }">
|
||||||
<span
|
<span
|
||||||
style="
|
style="
|
||||||
|
@ -78,16 +81,30 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="流通编码" prop="type">
|
<el-form-item label="流通编码" prop="type">
|
||||||
<el-select
|
<el-select
|
||||||
v-model="state.formState.type"
|
v-model="state.formState.type"
|
||||||
placeholder="请选择"
|
placeholder="请选择"
|
||||||
:disabled="disabled"
|
:disabled="disabled"
|
||||||
>
|
>
|
||||||
<el-option label="hls" value="hls" />
|
<el-option label="hls" value="hls" />
|
||||||
<el-option label="hlss" value="hlss" />
|
<el-option label="hlss" value="hlss" />
|
||||||
<el-option label="flv" value="flv" />
|
<el-option label="flv" value="flv" />
|
||||||
<el-option label="flvs" value="flvs" />
|
<el-option label="flvs" value="flvs" />
|
||||||
<el-option label="rtmp" value="rtmp" />
|
<el-option label="rtmp" value="rtmp" />
|
||||||
</el-select>
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="码流类型" prop="streamType">
|
||||||
|
<el-select
|
||||||
|
v-model="state.formState.streamType"
|
||||||
|
placeholder="请选择"
|
||||||
|
:disabled="disabled"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in state.option"
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<div style="display: flex; justify-content: center">
|
<div style="display: flex; justify-content: center">
|
||||||
<el-button type="primary" @click="onAffirm(ruleFormRef)"
|
<el-button type="primary" @click="onAffirm(ruleFormRef)"
|
||||||
|
@ -114,8 +131,22 @@ const state = reactive({
|
||||||
monitoringPointName: "",
|
monitoringPointName: "",
|
||||||
monitoringPointCode: "",
|
monitoringPointCode: "",
|
||||||
channelId: "",
|
channelId: "",
|
||||||
type:"",
|
type: "",
|
||||||
},
|
},
|
||||||
|
option: [
|
||||||
|
{
|
||||||
|
label: "主码流",
|
||||||
|
value: 1,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "辅码流",
|
||||||
|
value: 2,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "辅码流2",
|
||||||
|
value: 3,
|
||||||
|
},
|
||||||
|
],
|
||||||
});
|
});
|
||||||
const pulldown = reactive({
|
const pulldown = reactive({
|
||||||
//系统分类
|
//系统分类
|
||||||
|
@ -144,7 +175,14 @@ const rules = reactive({
|
||||||
trigger: "blur",
|
trigger: "blur",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
type : [
|
type: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "不能为空",
|
||||||
|
trigger: "blur",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
streamType: [
|
||||||
{
|
{
|
||||||
required: true,
|
required: true,
|
||||||
message: "不能为空",
|
message: "不能为空",
|
||||||
|
@ -209,6 +247,12 @@ const data = reactive({
|
||||||
name: "type",
|
name: "type",
|
||||||
show: true,
|
show: true,
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
label: "码流类型",
|
||||||
|
name: "streamType",
|
||||||
|
show: true,
|
||||||
|
type: "slot",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
type: "slot", // 设置为 slot 即可使用插槽
|
type: "slot", // 设置为 slot 即可使用插槽
|
||||||
name: "doIt", // name 是作用域插槽的名字
|
name: "doIt", // name 是作用域插槽的名字
|
||||||
|
@ -282,7 +326,7 @@ const get = () => {
|
||||||
data.pagination.current = res.data.current;
|
data.pagination.current = res.data.current;
|
||||||
data.pagination.pageSize = res.data.size;
|
data.pagination.pageSize = res.data.size;
|
||||||
data.pagination.total = res.data.total;
|
data.pagination.total = res.data.total;
|
||||||
}else if (res.code === 600){
|
} else if (res.code === 600) {
|
||||||
ElMessage.error(res.message);
|
ElMessage.error(res.message);
|
||||||
Router.push("/web/xgmm");
|
Router.push("/web/xgmm");
|
||||||
}
|
}
|
||||||
|
@ -312,7 +356,7 @@ const onFinish = () => {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
ElMessage.success(res.message);
|
ElMessage.success(res.message);
|
||||||
state.Monitoring = false;
|
state.Monitoring = false;
|
||||||
state.formState = {}
|
state.formState = {};
|
||||||
get();
|
get();
|
||||||
} else {
|
} else {
|
||||||
ElMessage.error(res.message);
|
ElMessage.error(res.message);
|
||||||
|
@ -326,13 +370,13 @@ const onAlter = () => {
|
||||||
channelId: state.formState.channelId,
|
channelId: state.formState.channelId,
|
||||||
monitoringPointCode: state.formState.monitoringPointCode,
|
monitoringPointCode: state.formState.monitoringPointCode,
|
||||||
monitoringPointName: state.formState.monitoringPointName,
|
monitoringPointName: state.formState.monitoringPointName,
|
||||||
type:state.formState.type,
|
type: state.formState.type,
|
||||||
})
|
})
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
ElMessage.success(res.message);
|
ElMessage.success(res.message);
|
||||||
state.Monitoring = false;
|
state.Monitoring = false;
|
||||||
state.formState = {}
|
state.formState = {};
|
||||||
get();
|
get();
|
||||||
} else {
|
} else {
|
||||||
ElMessage.error(res.message);
|
ElMessage.error(res.message);
|
||||||
|
@ -362,10 +406,22 @@ const remove = (data) => {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
const stateMonitoring = () =>{
|
const stateMonitoring = () => {
|
||||||
state.Monitoring = false;
|
state.Monitoring = false;
|
||||||
state.formState = {}
|
state.formState = {};
|
||||||
}
|
};
|
||||||
|
//转换码流类型
|
||||||
|
const change1 = (streamType) => {
|
||||||
|
// console.log("change", streamType);
|
||||||
|
let a = "";
|
||||||
|
state.option.forEach((item) => {
|
||||||
|
if (item.value == streamType) {
|
||||||
|
a = item.label;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return a;
|
||||||
|
};
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
get();
|
get();
|
||||||
});
|
});
|
||||||
|
|
Loading…
Reference in New Issue