Просмотр исходного кода

feat:actions-添加全局消息message

ananzhusen 7 месяцев назад
Родитель
Сommit
7cefebd740
1 измененных файлов с 47 добавлено и 0 удалено
  1. 47 0
      src/views/components/Actions.vue

+ 47 - 0
src/views/components/Actions.vue

@@ -488,6 +488,26 @@
             </t-button>
           </div>
         </template>
+        <template v-else-if="a.action == 18">
+          <div class="form-item mt-8">
+            <label>消息类型</label>
+            <t-select
+              v-model="a.params"
+              placeholder="请选择"
+            >
+              <t-option
+                v-for="option in themeOptions"
+                :key="option.value"
+                :value="option.value"
+                :label="option.label"
+              />
+            </t-select>
+          </div>
+          <div class="form-item mt-8">
+            <label>消息内容</label>
+            <t-input v-model="a.value" placeholder="消息内容" />
+          </div>
+        </template> 
       </div>
     </div>
     <div class="mt-8">
@@ -575,6 +595,10 @@ const actionOptions = [
     label: $t('向父窗口发送消息'),
     value: 17,
   },
+  {
+    label: '全局消息',
+    value: 18,
+  },
 ];
 
 const penTree: any = ref([]);
@@ -810,6 +834,29 @@ const addData = (a:any)=>{
   a.list.push({params:undefined,value:{}})
 }
 
+const themeOptions = [
+  {
+    label: '普通消息',
+    value: 'info',
+  },
+  {
+    label: '成功',
+    value: 'success',
+  },
+  {
+    label: '警告',
+    value: 'warning',
+  },
+  {
+    label: '错误',
+    value: 'error',
+  },
+  {
+    label:'问题',
+    value:'question'
+  }
+];
+
 </script>
 <style lang="postcss" scoped>
 .props {