From 0a0080a207a39e51a30a23a41c2054e842f36dae Mon Sep 17 00:00:00 2001
From: wangqi <magical1908@outlook.com>
Date: 星期二, 06 四月 2021 18:21:27 +0800
Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop

---
 src/components/panel/bounced/TextBounced.vue |   31 ++++++++++++++++++++++++++-----
 1 files changed, 26 insertions(+), 5 deletions(-)

diff --git a/src/components/panel/bounced/TextBounced.vue b/src/components/panel/bounced/TextBounced.vue
index d3c1f00..6ccfe85 100644
--- a/src/components/panel/bounced/TextBounced.vue
+++ b/src/components/panel/bounced/TextBounced.vue
@@ -10,13 +10,13 @@
       <li>
         <form action="" class="bounced-box-content">
           <h6>鍐呭锛�</h6>
-          <div><textarea v-model='bouncedText'></textarea></div>
+          <div><textarea v-model='bouncedText' @blur="ChangeText"></textarea></div>
         </form>
       </li>
       <li class="bounced-box-choose">
         <span>棰滆壊锛�</span>
         <select v-model='bouncedSelect' @click="changeLabelTextSelect()">
-          <option v-for="(item,index) in selectOptions" :key="index" :value="item">{{ item }}</option>
+          <option v-for="(item,index) in selectOptions" :key="index" :value="item.value">{{ item.text }}</option>
         </select>
       </li>
     </ul>
@@ -24,13 +24,29 @@
 </template>
 
 <script>
+
+import MakeTation from '@components/plugin/MakeTation'
+
 export default {
   name: 'TextBounced',
   data () {
     return {
       bouncedText: '',
-      bouncedSelect: '绾㈣壊',
-      selectOptions: ['绾㈣壊', '钃濊壊', '榛勮壊']
+      bouncedSelect: 'red',
+      selectOptions: [
+        {
+          value: 'red',
+          text: '绾㈣壊'
+        },
+        {
+          value: 'blue',
+          text: '钃濊壊'
+        },
+        {
+          value: 'yellow',
+          text: '榛勮壊'
+        }
+      ]
     }
   },
   methods: {
@@ -40,6 +56,11 @@
     changeLabelTextSelect () {
       // this.bouncedSelect = item
       console.log('鑾峰彇棰滆壊')
+      MakeTation.setContentColor(this.bouncedSelect)
+    },
+    ChangeText () {
+      MakeTation.setContentText(this.bouncedText)
+      console.log(this.bouncedText)
     }
   }
 }
@@ -63,7 +84,7 @@
     margin: 0;
 
     li {
-      margin: 0.5rem 0;
+      margin: 1rem 0;
     }
 
     .bounced-box-title {

--
Gitblit v1.8.0