|
@@ -10,6 +10,7 @@
|
|
<!-- 搜索设备 -->
|
|
<!-- 搜索设备 -->
|
|
<div class="search-con" @blur="isFocus=false">
|
|
<div class="search-con" @blur="isFocus=false">
|
|
<a-input-search
|
|
<a-input-search
|
|
|
|
+ id="equipment-search"
|
|
class="search-s"
|
|
class="search-s"
|
|
allow-clear
|
|
allow-clear
|
|
placeholder="请通过设备ID搜索"
|
|
placeholder="请通过设备ID搜索"
|
|
@@ -21,7 +22,13 @@
|
|
<a-card class="search-sub" :bordered="false" v-show="resultData.length != 0 && isFocus">
|
|
<a-card class="search-sub" :bordered="false" v-show="resultData.length != 0 && isFocus">
|
|
<div class="search-sub-item" v-for="(item, index) in resultData" :key="index">
|
|
<div class="search-sub-item" v-for="(item, index) in resultData" :key="index">
|
|
<p>{{ item.des }}-{{ item.isBind ? '已绑定' : '未绑定' }}</p>
|
|
<p>{{ item.des }}-{{ item.isBind ? '已绑定' : '未绑定' }}</p>
|
|
- <a-button v-if="!item.isBind" type="primary" ghost size="small" @click="onBundling(item)">立即绑定</a-button>
|
|
|
|
|
|
+ <a-button
|
|
|
|
+ id="equipment-bind"
|
|
|
|
+ v-if="!item.isBind"
|
|
|
|
+ type="primary"
|
|
|
|
+ ghost
|
|
|
|
+ size="small"
|
|
|
|
+ @click="onBundling(item)">立即绑定</a-button>
|
|
</div>
|
|
</div>
|
|
</a-card>
|
|
</a-card>
|
|
</div>
|
|
</div>
|
|
@@ -32,10 +39,12 @@
|
|
ref="table"
|
|
ref="table"
|
|
bordered
|
|
bordered
|
|
size="small"
|
|
size="small"
|
|
|
|
+ :row-key="id"
|
|
:columns="columns"
|
|
:columns="columns"
|
|
:data-source="equipmentData"
|
|
:data-source="equipmentData"
|
|
:pagination="false">
|
|
:pagination="false">
|
|
<div slot="expandedRowRender" slot-scope="record" style="margin: 30px 30px;">
|
|
<div slot="expandedRowRender" slot-scope="record" style="margin: 30px 30px;">
|
|
|
|
+ <div class="eq-subTit">设备通道(机位):</div>
|
|
<a-table
|
|
<a-table
|
|
ref="tables"
|
|
ref="tables"
|
|
bordered
|
|
bordered
|
|
@@ -44,12 +53,12 @@
|
|
:data-source="record.passageway"
|
|
:data-source="record.passageway"
|
|
:pagination="false">
|
|
:pagination="false">
|
|
<template slot="action" slot-scope="record">
|
|
<template slot="action" slot-scope="record">
|
|
- <a-button type="link" @click="onEdit(record)">编辑</a-button>
|
|
|
|
|
|
+ <a-button type="link" id="equipment-edit" @click="onEdit(record)">编辑</a-button>
|
|
</template>
|
|
</template>
|
|
</a-table>
|
|
</a-table>
|
|
</div>
|
|
</div>
|
|
<template slot="action" slot-scope="record">
|
|
<template slot="action" slot-scope="record">
|
|
- <a-button type="primary" ghost size="small" @click="onUnbundling(record)">解绑</a-button>
|
|
|
|
|
|
+ <a-button type="primary" ghost size="small" id="equipment-unBind" @click="onUnbundling(record)">解绑</a-button>
|
|
</template>
|
|
</template>
|
|
</a-table>
|
|
</a-table>
|
|
<!-- 编辑 通道/机位名称 -->
|
|
<!-- 编辑 通道/机位名称 -->
|
|
@@ -64,11 +73,11 @@
|
|
<!-- 表单 -->
|
|
<!-- 表单 -->
|
|
<a-form-model ref="ruleForm" :model="form" :rules="rules">
|
|
<a-form-model ref="ruleForm" :model="form" :rules="rules">
|
|
<a-form-model-item label="名称" prop="name">
|
|
<a-form-model-item label="名称" prop="name">
|
|
- <a-input v-model.trim="form.name" :maxLength="30" placeholder="请输入名称,30个字以内" />
|
|
|
|
|
|
+ <a-input v-model.trim="form.name" id="equipment-name" :maxLength="30" placeholder="请输入名称,30个字以内" />
|
|
</a-form-model-item>
|
|
</a-form-model-item>
|
|
<a-form-model-item class="btn-cont">
|
|
<a-form-model-item class="btn-cont">
|
|
- <a-button type="primary" @click="onSubmit">保存</a-button>
|
|
|
|
- <a-button class="cancel" @click="visible=false">取消</a-button>
|
|
|
|
|
|
+ <a-button type="primary" id="equipment-save" @click="onSubmit">保存</a-button>
|
|
|
|
+ <a-button class="cancel" id="equipment-cancel" @click="visible=false">取消</a-button>
|
|
</a-form-model-item>
|
|
</a-form-model-item>
|
|
</a-form-model>
|
|
</a-form-model>
|
|
</a-modal>
|
|
</a-modal>
|
|
@@ -266,6 +275,9 @@ export default {
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
margin: 75px 0 5px;
|
|
margin: 75px 0 5px;
|
|
}
|
|
}
|
|
|
|
+ .eq-subTit{
|
|
|
|
+ margin: 0 0 10px;
|
|
|
|
+ }
|
|
.table{
|
|
.table{
|
|
padding-bottom: 50px;
|
|
padding-bottom: 50px;
|
|
}
|
|
}
|