|
@@ -4,11 +4,11 @@
|
|
<el-form-item label="设备名称:">
|
|
<el-form-item label="设备名称:">
|
|
<el-input v-model="data.form.name" placeholder="请输入设备名称" />
|
|
<el-input v-model="data.form.name" placeholder="请输入设备名称" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="设备分类:">
|
|
|
|
|
|
+ <!-- <el-form-item label="设备分类:">
|
|
<el-select v-model="data.form.deviceCategoryId" placeholder="请选择设备分类">
|
|
<el-select v-model="data.form.deviceCategoryId" placeholder="请选择设备分类">
|
|
- <!-- <el-option /> -->
|
|
|
|
|
|
+ <el-option />
|
|
</el-select>
|
|
</el-select>
|
|
- </el-form-item>
|
|
|
|
|
|
+ </el-form-item> -->
|
|
<el-form-item label="所属企业:">
|
|
<el-form-item label="所属企业:">
|
|
<el-select v-model="data.form.tenantId" placeholder="请选择所属企业">
|
|
<el-select v-model="data.form.tenantId" placeholder="请选择所属企业">
|
|
<el-option v-for="item in businessData.options" :key="item.id" :value="item.id" :label="item.name" />
|
|
<el-option v-for="item in businessData.options" :key="item.id" :value="item.id" :label="item.name" />
|
|
@@ -23,9 +23,8 @@
|
|
<el-button type="primary" icon="Search" @click="getSearch">搜索</el-button>
|
|
<el-button type="primary" icon="Search" @click="getSearch">搜索</el-button>
|
|
<el-button icon="Refresh" @click="getRefresh">重置</el-button>
|
|
<el-button icon="Refresh" @click="getRefresh">重置</el-button>
|
|
<el-button type="primary" plain icon="Plus" @click="getDialog()">关联设备</el-button>
|
|
<el-button type="primary" plain icon="Plus" @click="getDialog()">关联设备</el-button>
|
|
- <el-button icon="Link" @click="getRouter">WIFI配网</el-button>
|
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item style="float: right">
|
|
|
|
|
|
+ <el-form-item>
|
|
<el-button icon="Expand" @click="grid = false" />
|
|
<el-button icon="Expand" @click="grid = false" />
|
|
<el-button icon="Grid" @click="grid = true" />
|
|
<el-button icon="Grid" @click="grid = true" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -144,7 +143,9 @@ const data = reactive({
|
|
pageSize: 10
|
|
pageSize: 10
|
|
},
|
|
},
|
|
// 列表
|
|
// 列表
|
|
- tableData: [],
|
|
|
|
|
|
+ tableData: [{
|
|
|
|
+ id: 1
|
|
|
|
+ }],
|
|
// 弹窗表单
|
|
// 弹窗表单
|
|
dialogForm: {},
|
|
dialogForm: {},
|
|
// 校验
|
|
// 校验
|
|
@@ -179,7 +180,7 @@ const getList = () => {
|
|
}
|
|
}
|
|
})
|
|
})
|
|
}
|
|
}
|
|
-getList()
|
|
|
|
|
|
+// getList()
|
|
|
|
|
|
// 搜索
|
|
// 搜索
|
|
const getSearch = () => {
|
|
const getSearch = () => {
|
|
@@ -274,13 +275,6 @@ const getDelete = (row) => {
|
|
})
|
|
})
|
|
}
|
|
}
|
|
|
|
|
|
-// wifi配网
|
|
|
|
-const getRouter = () => {
|
|
|
|
- proxy.$router.push({
|
|
|
|
- path: `/store/devices/detail`
|
|
|
|
- })
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
// 监听
|
|
// 监听
|
|
watch(() => data.dialogForm.tenantId, (val) => {
|
|
watch(() => data.dialogForm.tenantId, (val) => {
|
|
if (val) {
|
|
if (val) {
|
|
@@ -293,13 +287,14 @@ watch(() => data.dialogForm.tenantId, (val) => {
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
.card_box {
|
|
.card_box {
|
|
display: flex;
|
|
display: flex;
|
|
|
|
+ flex-wrap: wrap;
|
|
}
|
|
}
|
|
|
|
|
|
.card {
|
|
.card {
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
padding: 10px 10px 20px;
|
|
padding: 10px 10px 20px;
|
|
- width: 185px;
|
|
|
|
|
|
+ width: 200px;
|
|
border-radius: 10px;
|
|
border-radius: 10px;
|
|
box-shadow: 0px 0px 12px rgba(0, 0, 0, .12);
|
|
box-shadow: 0px 0px 12px rgba(0, 0, 0, .12);
|
|
margin-right: 40px;
|
|
margin-right: 40px;
|
|
@@ -328,6 +323,10 @@ watch(() => data.dialogForm.tenantId, (val) => {
|
|
.name {
|
|
.name {
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
text-align: center;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ padding: 0 20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|