From 6a5c681cfad3b2fb1d5d52b7646f0baec6afabc5 Mon Sep 17 00:00:00 2001
From: wangqi <magical1908@outlook.com>
Date: 星期四, 08 四月 2021 17:31:28 +0800
Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop
---
src/components/panel/bounced/TextBounced.vue | 262 ++++++++++++++++++++++++++--------------------------
1 files changed, 131 insertions(+), 131 deletions(-)
diff --git a/src/components/panel/bounced/TextBounced.vue b/src/components/panel/bounced/TextBounced.vue
index 6ccfe85..654f138 100644
--- a/src/components/panel/bounced/TextBounced.vue
+++ b/src/components/panel/bounced/TextBounced.vue
@@ -1,131 +1,131 @@
-<template>
- <div class="bounced-box">
- <ul>
- <li>
- <form action="" class="bounced-box-title">
- <span>鏂囧瓧鏍囨敞璁剧疆</span>
- <a @click="changeBounced()">X</a>
- </form>
- </li>
- <li>
- <form action="" class="bounced-box-content">
- <h6>鍐呭锛�</h6>
- <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.value">{{ item.text }}</option>
- </select>
- </li>
- </ul>
- </div>
-</template>
-
-<script>
-
-import MakeTation from '@components/plugin/MakeTation'
-
-export default {
- name: 'TextBounced',
- data () {
- return {
- bouncedText: '',
- bouncedSelect: 'red',
- selectOptions: [
- {
- value: 'red',
- text: '绾㈣壊'
- },
- {
- value: 'blue',
- text: '钃濊壊'
- },
- {
- value: 'yellow',
- text: '榛勮壊'
- }
- ]
- }
- },
- methods: {
- changeBounced () {
- this.$emit('changeBounced', false)
- },
- changeLabelTextSelect () {
- // this.bouncedSelect = item
- console.log('鑾峰彇棰滆壊')
- MakeTation.setContentColor(this.bouncedSelect)
- },
- ChangeText () {
- MakeTation.setContentText(this.bouncedText)
- console.log(this.bouncedText)
- }
- }
-}
-</script>
-
-<style lang="less" scoped>
-.bounced-box {
- position: absolute;
- border: 1px solid grey;
- width: 150px;
- right: 5%;
- top: 238px;
- background-color: rgba(3, 28, 61, 0.8);
- color: white;
- cursor: default;
- left: 814px;
-
- ul {
- list-style: none;
- padding: 0;
- margin: 0;
-
- li {
- margin: 1rem 0;
- }
-
- .bounced-box-title {
- background-color: rgba(34, 83, 130, 0.8);
- cursor: move;
- display: flex;
- align-items: center;
- justify-content: space-around;
-
- a {
- color: white;
- cursor: pointer;
- }
- }
-
- .bounced-box-content {
- h6 {
- padding: 0;
- margin: 5px;
- }
-
- div {
- display: flex;
- align-items: center;
- justify-content: center;
-
- textarea {
- width: 90%;
- resize: none;
- outline: 0;
- border: 1px solid #a0b3d6;
- border-radius: 5px;
- }
- }
- }
-
- .bounced-box-choose {
- display: flex;
- align-items: center;
- justify-content: space-around;
- }
- }
-}
-</style>
+<template>
+ <div class="bounced-box">
+ <ul>
+ <li>
+ <form action="" class="bounced-box-title">
+ <span>鏂囧瓧鏍囨敞璁剧疆</span>
+ <a @click="changeBounced()">X</a>
+ </form>
+ </li>
+ <li>
+ <form action="" class="bounced-box-content">
+ <h6>鍐呭锛�</h6>
+ <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.value">{{ item.text }}</option>
+ </select>
+ </li>
+ </ul>
+ </div>
+</template>
+
+<script>
+
+import MakeTation from '@components/plugin/MakeTation'
+
+export default {
+ name: 'TextBounced',
+ data () {
+ return {
+ bouncedText: '',
+ bouncedSelect: 'red',
+ selectOptions: [
+ {
+ value: 'red',
+ text: '绾㈣壊'
+ },
+ {
+ value: 'blue',
+ text: '钃濊壊'
+ },
+ {
+ value: 'yellow',
+ text: '榛勮壊'
+ }
+ ]
+ }
+ },
+ methods: {
+ changeBounced () {
+ this.$emit('changeBounced', false)
+ },
+ changeLabelTextSelect () {
+ // this.bouncedSelect = item
+ console.log('鑾峰彇棰滆壊')
+ MakeTation.setContentColor(this.bouncedSelect)
+ },
+ ChangeText () {
+ MakeTation.setContentText(this.bouncedText)
+ console.log(this.bouncedText)
+ }
+ }
+}
+</script>
+
+<style lang="less" scoped>
+.bounced-box {
+ position: absolute;
+ border: 1px solid grey;
+ width: 150px;
+ right: 5%;
+ top: 238px;
+ background-color: rgba(3, 28, 61, 0.8);
+ color: white;
+ cursor: default;
+ left: 814px;
+
+ ul {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+
+ li {
+ margin: 1rem 0;
+ }
+
+ .bounced-box-title {
+ background-color: rgba(34, 83, 130, 0.8);
+ cursor: move;
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+
+ a {
+ color: white;
+ cursor: pointer;
+ }
+ }
+
+ .bounced-box-content {
+ h6 {
+ padding: 0;
+ margin: 5px;
+ }
+
+ div {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ textarea {
+ width: 90%;
+ resize: none;
+ outline: 0;
+ border: 1px solid #a0b3d6;
+ border-radius: 5px;
+ }
+ }
+ }
+
+ .bounced-box-choose {
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+ }
+ }
+}
+</style>
--
Gitblit v1.8.0