main
parent
47e6f6ac94
commit
06f466773e
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<el-dialog
|
<el-dialog
|
||||||
v-model="visible"
|
v-model="visible"
|
||||||
:title="type == '1' ? '编辑' : '新增'"
|
:title="type == '1' ? '编辑驱动' : '新增驱动'"
|
||||||
width="45%"
|
width="45%"
|
||||||
:before-close="closeDialog"
|
:before-close="closeDialog"
|
||||||
>
|
>
|
||||||
|
|
|
@ -5,15 +5,14 @@
|
||||||
<el-input v-model="addForm.template_name" placeholder="请输入模板名称(不超过20个字符)" maxlength="20" clearable
|
<el-input v-model="addForm.template_name" placeholder="请输入模板名称(不超过20个字符)" maxlength="20" clearable
|
||||||
:disabled="type !== 'I'" />
|
:disabled="type !== 'I'" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="模板描述:" prop="template_description">
|
|
||||||
<el-input v-model="addForm.template_description" placeholder="请输入模板描述(不超过50个字符)" maxlength="50" clearable />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="模板类型:" prop="template_type">
|
<el-form-item label="模板类型:" prop="template_type">
|
||||||
|
|
||||||
<el-select v-model="addForm.template_type" placeholder="请选择模板类型" @change="driveChange" :disabled="type !== 'I'">
|
<el-select v-model="addForm.template_type" placeholder="请选择模板类型" @change="driveChange" :disabled="type !== 'I'">
|
||||||
<el-option v-for="(item, index) of typeOptions" :key="index" :label="item.name" :value="item.key" />
|
<el-option v-for="(item, index) of typeOptions" :key="index" :label="item.name" :value="item.key" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<el-form-item label="模板描述:" prop="template_description">
|
||||||
|
<el-input v-model="addForm.template_description" placeholder="请输入模板描述(不超过50个字符)" maxlength="50" clearable />
|
||||||
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<span class="dialog-footer">
|
<span class="dialog-footer">
|
||||||
|
|
|
@ -13,7 +13,7 @@
|
||||||
<fieldset class="box2">
|
<fieldset class="box2">
|
||||||
<legend class="box-ht">通用配置</legend>
|
<legend class="box-ht">通用配置</legend>
|
||||||
<el-form-item label="轮询时间" prop="polling_time">
|
<el-form-item label="轮询时间" prop="polling_time">
|
||||||
<el-input-number v-model="form.polling_time" :min="1" placeholder="(单位:秒)" clearable /><span>秒</span>
|
<el-input-number v-model="form.polling_time" :min="1" placeholder="(单位:毫秒)" clearable /><span>毫秒</span>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="失败重试时间" prop="faile_retry_time">
|
<el-form-item label="失败重试时间" prop="faile_retry_time">
|
||||||
<el-input-number v-model="form.faile_retry_time" :min="1" placeholder="(单位:秒)" clearable /><span>秒</span>
|
<el-input-number v-model="form.faile_retry_time" :min="1" placeholder="(单位:秒)" clearable /><span>秒</span>
|
||||||
|
|
|
@ -16,6 +16,7 @@
|
||||||
</div>
|
</div>
|
||||||
<el-table :data="propertiesData" height="640" style="width: 100%" border stripe
|
<el-table :data="propertiesData" height="640" style="width: 100%" border stripe
|
||||||
:header-cell-style="{ background: '#F6F7FC' }">
|
:header-cell-style="{ background: '#F6F7FC' }">
|
||||||
|
<el-table-column type="index" label="序号" width="80" align="center" />
|
||||||
<el-table-column prop="device_name" label="设备名称" align="center" show-overflow-tooltip>
|
<el-table-column prop="device_name" label="设备名称" align="center" show-overflow-tooltip>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="slave_id" label="设备ID" align="center" show-overflow-tooltip>
|
<el-table-column prop="slave_id" label="设备ID" align="center" show-overflow-tooltip>
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
<el-card class="content-div">
|
<el-card class="content-div">
|
||||||
<div class="all-content">
|
<div class="all-content">
|
||||||
<fieldset class="left box2">
|
<fieldset class="left box2">
|
||||||
<legend class="box-ht">通讯列表</legend>
|
<legend class="box-ht">驱动列表</legend>
|
||||||
<div v-for="(item, i) in driverData" :class="i === indexi ? 'active' : ''" class="qd-one" :key="i"
|
<div v-for="(item, i) in driverData" :class="i === indexi ? 'active' : ''" class="qd-one" :key="i"
|
||||||
@click="changeQd(i, item)">
|
@click="changeQd(i, item)">
|
||||||
<img src="../assets/qd.png" alt="">
|
<img src="../assets/qd.png" alt="">
|
||||||
|
@ -68,7 +68,7 @@
|
||||||
<el-button type="danger" @click="doDevice">{{ !curDevice.device_disable ? '禁用' : '启用' }}</el-button>
|
<el-button type="danger" @click="doDevice">{{ !curDevice.device_disable ? '禁用' : '启用' }}</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<el-table :data="tableData" height="400" border :header-cell-style="{ background: '#F6F7FC' }" size="large">
|
<el-table :data="tableData" height="600" border :header-cell-style="{ background: '#F6F7FC' }" size="large">
|
||||||
<el-table-column type="index" label="序号" width="80" align="center" />
|
<el-table-column type="index" label="序号" width="80" align="center" />
|
||||||
<el-table-column prop="point_name" label="名称" width="100" align="center" show-overflow-tooltip />
|
<el-table-column prop="point_name" label="名称" width="100" align="center" show-overflow-tooltip />
|
||||||
<el-table-column prop="point_description" label="描述" align="center" show-overflow-tooltip />
|
<el-table-column prop="point_description" label="描述" align="center" show-overflow-tooltip />
|
||||||
|
@ -301,7 +301,7 @@ export default {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|
||||||
.left {
|
.left {
|
||||||
width: 15%;
|
width: 12%;
|
||||||
border: 1px solid #006b3b;
|
border: 1px solid #006b3b;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
@ -320,7 +320,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.right {
|
.right {
|
||||||
width: 84%;
|
width: 87%;
|
||||||
border: 1px solid #006b3b;
|
border: 1px solid #006b3b;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
|
|
||||||
|
@ -344,12 +344,12 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.right-set {
|
.right-set {
|
||||||
width: 20%;
|
width: 15%;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.right-table {
|
.right-table {
|
||||||
width: 79%;
|
width: 84%;
|
||||||
// .el-tree-node {
|
// .el-tree-node {
|
||||||
// border: 1px solid #ddd !important;
|
// border: 1px solid #ddd !important;
|
||||||
// margin-top: 10px !important;
|
// margin-top: 10px !important;
|
||||||
|
@ -395,9 +395,10 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
td {
|
td {
|
||||||
padding: 5px;
|
padding: 10px 5px;
|
||||||
border-right: 1px solid #006b3b;
|
border-right: 1px solid #006b3b;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue