| | |
| | | <script lang="ts"> |
| | | import { defineComponent } from 'vue'; |
| | | import HdwCard from '@/components/HdwCard/index.vue'; |
| | | import const_theme from '@/utils/const/const_theme'; |
| | | import store from '@/store'; |
| | | |
| | | export default defineComponent({ |
| | | name: 'LockManage', |
| | | components: { HdwCard }, |
| | | data() { |
| | | return { |
| | | theme: store.settings().theme, |
| | | themes: const_theme, |
| | | tableData: [ |
| | | { |
| | | type: '蓝牙', |
| | |
| | | }; |
| | | }, |
| | | methods: { |
| | | |
| | | handleChangeTheme(val) { |
| | | console.log(val); |
| | | store.settings().changeSetting({ |
| | | key: 'theme', |
| | | value: val |
| | | }); |
| | | } |
| | | } |
| | | }); |
| | | </script> |
| | |
| | | </el-select> |
| | | </div> |
| | | </div> |
| | | <div class="tools-filter-item"> |
| | | <div class="filter-label">主题:</div> |
| | | <div class="filter-content"> |
| | | <el-select |
| | | v-model="theme" |
| | | placeholder="请选择" |
| | | size="small" |
| | | @change="handleChangeTheme" |
| | | style="width: 180px"> |
| | | <el-option |
| | | v-for="item in themes" :key="item.label" |
| | | :label="item.label" :value="item.value"/> |
| | | </el-select> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <el-button type="primary" size="small" :icon="Search">查询</el-button> |
| | | </div> |