setting.vue 1.0 KB

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