| | |
|---|
| | | <meta charset="UTF-8" /> |
|---|
| | | <link rel="icon" type="image/svg+xml" href="/vite.svg" /> |
|---|
| | | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|---|
| | | <title>Vite + Vue</title> |
|---|
| | | <title>鸿蒙智能电子锁管理平台</title> |
|---|
| | | </head> |
|---|
| | | <body> |
|---|
| | | <div id="app"></div> |
|---|
| | |
|---|
| | | |
|---|
| | | tree.value.setCurrent(baojiId.value + '-' + stationId.value); |
|---|
| | | } |
|---|
| | | console.log('baojiId, stationId', baojiId.value, stationId.value, '=============real'); |
|---|
| | | // console.log('baojiId, stationId', baojiId.value, stationId.value, '=============real'); |
|---|
| | | |
|---|
| | | }) |
|---|
| | | </script> |
|---|
| | |
|---|
| | | <template> |
|---|
| | | <!-- 遍历所有的锁 给每个锁选择 机柜序号 门序号 --> |
|---|
| | | <!-- <el-form :model="lockConfigs"> --> |
|---|
| | | <el-form> |
|---|
| | | <el-form class="form"> |
|---|
| | | <div class="scroller"> |
|---|
| | | <template v-for="(lock, index) in locationInfo.control" :key="index"> |
|---|
| | | <el-row :gutter="16"> |
|---|
| | | <el-col :span="24"> |
|---|
| | |
|---|
| | | </el-col> |
|---|
| | | </el-row> |
|---|
| | | </template> |
|---|
| | | </div> |
|---|
| | | <div class="footer"> |
|---|
| | | <el-button @click="cancel">取消</el-button> |
|---|
| | | <el-button type="primary" @click="submitForm">提交配置</el-button> |
|---|
| | |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <style scoped lang="less"> |
|---|
| | | // .form { |
|---|
| | | // padding-right: 8px; |
|---|
| | | // } |
|---|
| | | .scroller { |
|---|
| | | max-height: 400px; |
|---|
| | | overflow-y: auto; |
|---|
| | | overflow-x: hidden; |
|---|
| | | margin-right: -8px; |
|---|
| | | padding-right: 18px; |
|---|
| | | } |
|---|
| | | .info { |
|---|
| | | font-size: 14px; |
|---|
| | | color: #333; |
|---|
