LabelArea.vue 1.1 KB

123456789101112131415161718192021222324252627282930313233343536
  1. /* 标注区 */
  2. <template>
  3. <gy-card title="标注区" area-style="label" circle-style="yellow" content-style="25">
  4. <div v-for="mk in values" :key="mk" style="width:120px;margin-left:10px;margin-top:10px;">
  5. <img src="../../assets/img/LabelArea/flag.png" style="float:left;margin-top:5px;margin-left:15px;"/>
  6. <div style="text-align:center;">{{mk.title}}</div>
  7. <input v-model="mk.value" style="border:none;background-color:#292929;height:30px;border-radius:6px;text-align:center;outline:none;width:120px;color:rgb(220,220,220);"/>
  8. </div>
  9. </gy-card>
  10. </template>
  11. <script>
  12. import BackgroundData from '../../assets/script/BackgroundData'
  13. export default{
  14. name:'LabelArea',
  15. data(){
  16. return{
  17. values:new Array(),
  18. }
  19. },
  20. created(){
  21. this.refreshTimer = setInterval(this.refreshData,1000);
  22. },
  23. methods:{
  24. refreshData(){
  25. this.values=new Array();
  26. this.values=BackgroundData.getInstance().Marks;
  27. },
  28. }
  29. }
  30. </script>
  31. <style scoped>
  32. </style>