| | |
| | | <div class="search"> |
| | | <div class="left"> |
| | | <div class="id"> |
| | | 点位名称 |
| | | 点位名称/企业编码/场景 |
| | | <el-input v-model="inputText" placeholder="请输入" clearable></el-input> |
| | | </div> |
| | | </div> |
| | |
| | | <span class="iconfont"></span> |
| | | <span>添加点位</span> |
| | | </div> |
| | | <!-- <div class="switchBox"> |
| | | 总点位开关 |
| | | <el-switch |
| | | v-model="value1" |
| | | width="60" |
| | | active-color="#13ce66" |
| | | inactive-color="#f0f3f5" |
| | | @change="changeAll($event)" |
| | | > |
| | | </el-switch> |
| | | </div> --> |
| | | </div> |
| | | |
| | | <div class="switchBox"> |
| | | 开启上报 |
| | | <el-table-column prop="Enable" label="开关" width="70px" show-overflow-tooltip> |
| | | <el-switch v-model="value1" active-color="#0065ff" @change="changeAll($event)"> </el-switch> |
| | | </el-table-column> |
| | | </div> |
| | | <div class="table-area"> |
| | | <el-table |
| | | id="multipleTable" |
| | | ref="multipleTable" |
| | | :data="dataList" |
| | | :fit="true" |
| | | :default-sort="{ prop: 'createTime', order: 'descending' }" |
| | | :default-sort="{ prop: 'companyCode', order: 'ascending' }" |
| | | > |
| | | <el-table-column prop="cameraName" label="点位名称" width="130px" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="channelCode" label="报警通道编码" show-overflow-tooltip></el-table-column> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="Enable" label="开关" width="70px" show-overflow-tooltip> |
| | | <template slot-scope="scope"> |
| | | <el-switch |
| | | v-model="scope.row.enable" |
| | | @change="changeSwitch($event, scope.row)" |
| | | active-color="#13ce66" |
| | | inactive-color="#f0f3f5" |
| | | > |
| | | <el-switch v-model="scope.row.enable" @change="changeSwitch($event, scope.row)" active-color="#0065ff"> |
| | | </el-switch> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | } |
| | | </script> |
| | | |
| | | <style scoped lang="scss"></style> |
| | | <style scoped lang="scss"> |
| | | .sub-account { |
| | | padding: 20px; |
| | |
| | | margin: 20px 0; |
| | | text-align: center; |
| | | justify-content: space-between; |
| | | .switchBox { |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | |
| | | .add { |
| | | margin-right: 20px; |
| | | width: 126px; |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .switchBox { |
| | | display: flex; |
| | | align-items: center; |
| | | float: right; |
| | | position: absolute; |
| | | right: 20px; |
| | | top: 130px; |
| | | font-size: 14px; |
| | | } |
| | | .el-table ::v-deep { |
| | | background-color: rgb(233, 235, 238); |
| | | padding: 1px; |
| | |
| | | color: #0065ff; |
| | | border-color: #0065ff; |
| | | } |
| | | |
| | | /* .el-switch__core { |
| | | width: 40px !important; |
| | | height: 20px; |
| | | } |
| | | .el-switch__core::after { |
| | | width: 16px; |
| | | height: 16px; |
| | | margin-top: -1px; |
| | | } |
| | | .el-switch.is-checked .el-switch__core::after { |
| | | margin-left: -17px; |
| | | } */ |
| | | </style> |