setting.vue 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <template>
  2. <div class="setting-wrap">
  3. <el-form
  4. ref="form"
  5. label-width="100px"
  6. label-position="left"
  7. :model="config"
  8. class="bs-el-form"
  9. >
  10. <el-form-item
  11. label="标题"
  12. label-width="100px"
  13. >
  14. <el-input
  15. v-model="config.title"
  16. placeholder="请输入标题"
  17. />
  18. </el-form-item>
  19. <PosWhSetting :config="config" />
  20. </el-form>
  21. </div>
  22. </template>
  23. <script>
  24. import PosWhSetting from 'data-room-ui/BigScreenDesign/RightSetting/PosWhSetting.vue'
  25. export default {
  26. name: 'CurrentTimeSetting',
  27. components: {
  28. PosWhSetting
  29. },
  30. data () {
  31. return {
  32. activeName: 'data'
  33. }
  34. },
  35. computed: {
  36. config: {
  37. get () {
  38. return this.$store.state.bigScreen.activeItemConfig
  39. },
  40. set (val) {
  41. this.$store.state.bigScreen.activeItemConfig = val
  42. }
  43. }
  44. },
  45. watch: {
  46. },
  47. mounted () {},
  48. methods: {
  49. }
  50. }
  51. </script>
  52. <style lang="scss" scoped>
  53. @import "../assets/style/settingWrap.scss";
  54. .setting-wrap{
  55. padding: 16px;
  56. }
  57. </style>