|
@@ -2,51 +2,63 @@
|
|
<div class="page">
|
|
<div class="page">
|
|
<el-card shadow="nover">
|
|
<el-card shadow="nover">
|
|
<el-form :model="tableData.param" ref="queryRef" inline label-width="68px">
|
|
<el-form :model="tableData.param" ref="queryRef" inline label-width="68px">
|
|
- <el-form-item label="关键字" prop="name">
|
|
|
|
- <el-input v-model="tableData.param.name" placeholder="输入名称或标识" clearable style="width: 150px" @keyup.enter.native="typeList" />
|
|
|
|
|
|
+ <!-- 关键字 -->
|
|
|
|
+ <el-form-item :label="$t('message.device.formI18nLabel.keyword')" prop="name">
|
|
|
|
+ <el-input v-model="tableData.param.name" :placeholder="$t('message.device.formI18nPlaceholder.keyword')" clearable style="width: 150px" @keyup.enter.native="typeList" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="类型" prop="deviceType" style="width: 180px">
|
|
|
|
- <el-select v-model="tableData.param.deviceType" placeholder="类型" clearable style="width: 240px" @keyup.enter.native="typeList">
|
|
|
|
- <el-option label="网关" :value="'网关'" />
|
|
|
|
- <el-option label="设备" :value="'设备'" />
|
|
|
|
- <el-option label="子设备" :value="'子设备'" />
|
|
|
|
|
|
+ <!-- 类型 -->
|
|
|
|
+ <el-form-item :label="$t('message.device.formI18nLabel.type')" prop="deviceType" style="width: 180px">
|
|
|
|
+ <el-select v-model="tableData.param.deviceType" :placeholder="$t('message.device.formI18nPlaceholder.type')" clearable style="width: 240px" @keyup.enter.native="typeList">
|
|
|
|
+ <!-- 网关 -->
|
|
|
|
+ <el-option :label="$t('message.device.formI18nOption.gateway')" :value="'网关'" />
|
|
|
|
+ <!-- 设备 -->
|
|
|
|
+ <el-option :label="$t('message.device.formI18nOption.device')" :value="'设备'" />
|
|
|
|
+ <!-- 子设备 -->
|
|
|
|
+ <el-option :label="$t('message.device.formI18nOption.subDevice')" :value="'子设备'" />
|
|
<!-- <el-option label="直连设备" :value="'设备'" />
|
|
<!-- <el-option label="直连设备" :value="'设备'" />
|
|
<el-option label="网关设备" :value="'网关'" /> -->
|
|
<el-option label="网关设备" :value="'网关'" /> -->
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="状态" prop="status" style="width: 180px">
|
|
|
|
- <el-select v-model="tableData.param.status" placeholder="启用状态" clearable style="width: 240px">
|
|
|
|
- <el-option label="已启用" :value="1" />
|
|
|
|
- <el-option label="未启用" :value="0" />
|
|
|
|
|
|
+ <!-- 状态 -->
|
|
|
|
+ <el-form-item :label="$t('message.device.formI18nLabel.status')" prop="status" style="width: 180px">
|
|
|
|
+ <el-select v-model="tableData.param.status" :placeholder="$t('message.device.formI18nPlaceholder.status')" clearable style="width: 240px">
|
|
|
|
+ <!-- 已启用 -->
|
|
|
|
+ <el-option :label="$t('message.device.formI18nOption.on')" :value="1" />
|
|
|
|
+ <!-- 未启用 -->
|
|
|
|
+ <el-option :label="$t('message.device.formI18nOption.off')" :value="0" />
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<!-- <el-form-item label="创建时间" prop="dateRange">-->
|
|
<!-- <el-form-item label="创建时间" prop="dateRange">-->
|
|
<!-- <el-date-picker v-model="tableData.param.dateRange" style="width: 240px" value-format="YYYY-MM-DD" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>-->
|
|
<!-- <el-date-picker v-model="tableData.param.dateRange" style="width: 240px" value-format="YYYY-MM-DD" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>-->
|
|
<!-- </el-form-item>-->
|
|
<!-- </el-form-item>-->
|
|
<el-form-item>
|
|
<el-form-item>
|
|
|
|
+ <!-- 查询 -->
|
|
<el-button type="primary" class="ml10" @click="typeList">
|
|
<el-button type="primary" class="ml10" @click="typeList">
|
|
<el-icon>
|
|
<el-icon>
|
|
<ele-Search />
|
|
<ele-Search />
|
|
</el-icon>
|
|
</el-icon>
|
|
- 查询
|
|
|
|
|
|
+ {{ $t('message.formI18nButton.query') }}
|
|
</el-button>
|
|
</el-button>
|
|
|
|
+ <!-- 重置 -->
|
|
<!-- <el-button @click="resetQuery(queryRef)">
|
|
<!-- <el-button @click="resetQuery(queryRef)">
|
|
<el-icon>
|
|
<el-icon>
|
|
<ele-Refresh />
|
|
<ele-Refresh />
|
|
</el-icon>
|
|
</el-icon>
|
|
- 重置
|
|
|
|
|
|
+ {{ $t('iotmanagerI18n.formI18nButton.reset') }}
|
|
</el-button> -->
|
|
</el-button> -->
|
|
|
|
+ <!-- 新增产品 -->
|
|
<el-button type="primary" class="ml10" @click="onOpenAddDic" v-auth="'add'">
|
|
<el-button type="primary" class="ml10" @click="onOpenAddDic" v-auth="'add'">
|
|
<el-icon>
|
|
<el-icon>
|
|
<ele-FolderAdd />
|
|
<ele-FolderAdd />
|
|
</el-icon>
|
|
</el-icon>
|
|
- 新增产品
|
|
|
|
|
|
+ {{ $t('message.device.formI18nButton.addProduct') }}
|
|
</el-button>
|
|
</el-button>
|
|
|
|
+ <!-- 删除 -->
|
|
<el-button type="info" class="ml10" @click="onRowDel()" v-auth="'del'">
|
|
<el-button type="info" class="ml10" @click="onRowDel()" v-auth="'del'">
|
|
<el-icon>
|
|
<el-icon>
|
|
<ele-Delete />
|
|
<ele-Delete />
|
|
</el-icon>
|
|
</el-icon>
|
|
- 删除
|
|
|
|
|
|
+ {{ $t('message.formI18nButton.delete') }}
|
|
</el-button>
|
|
</el-button>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-form>
|
|
</el-form>
|