按钮配置添加信息提示类型

zkqy-ui/src/views/system/excuteBtnMange/index.vue

@@ -367,12 +367,15 @@
 
           <!-- 非目录 -->
           <template v-if="btnGroupFormData.btnType != 'DIRECTORY'">
+            <!-- <el-col :span="12" v-show="btnGroupFormData.btnType == 'TOAST'">
+            </el-col> -->
             <el-col
               :span="12"
               v-show="
                 btnGroupFormData.btnType != 'DIRECTORY' &&
                 btnGroupFormData.btnType != 'OUTLINK' &&
-                btnGroupFormData.btnType != 'INNERLINK'
+                btnGroupFormData.btnType != 'INNERLINK' &&
+                btnGroupFormData.btnType != 'TOAST'
               "
             >
               <el-form-item label="表单类型" prop="btnFormType">
@@ -412,6 +415,35 @@
                 </el-select>
               </el-form-item>
             </el-col>
+            <el-col :span="12" v-show="btnGroupFormData.btnType == 'TOAST'">
+              <el-form-item label="提示类型" prop="btnFormType">
+                <el-select
+                  v-model="btnGroupFormData.btnFormType"
+                  placeholder="请选择提示类型"
+                  filterable
+                >
+                  <el-option
+                    v-for="item in formTypeOptions"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+
+              <el-form-item label="提示内容" prop="btnFormKey">
+                <el-input
+                  type="textarea"
+                  :rows="2"
+                  v-model="btnGroupFormData.btnFormKey"
+                  placeholder="请输入提示内容"
+                  :show-word-limit="false"
+                  :autosize="{ minRows: 2, maxRows: 4 }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
             <el-col :span="12" v-show="btnGroupFormData.btnType == 'INITIATED'">
               <el-form-item label="执行流程" prop="btnProcessKey">
                 <el-select
@@ -941,24 +973,24 @@ export default {
         ],
       },
       // 表单类型
-      formTypeOptions: [
-        {
-          label: "不需表单",
-          value: "noNeed",
-        },
-        {
-          label: "单独表单",
-          value: "dragForm",
-        },
-        {
-          label: "表单组",
-          value: "dragFormGroup",
-        },
-        {
-          label: "其它",
-          value: "other",
-        },
-      ],
+      // formTypeOptions: [
+      //   {
+      //     label: "不需表单",
+      //     value: "noNeed",
+      //   },
+      //   {
+      //     label: "单独表单",
+      //     value: "dragForm",
+      //   },
+      //   {
+      //     label: "表单组",
+      //     value: "dragFormGroup",
+      //   },
+      //   {
+      //     label: "其它",
+      //     value: "other",
+      //   },
+      // ],
       // 按钮组表单数据
       btnGroupFormData: {
         btnGroupName: "", //按钮组名
@@ -1091,6 +1123,47 @@ export default {
     this.initFormSubData();
   },
   computed: {
+    formTypeOptions() {
+      if (this.btnGroupFormData.btnType == "TOAST") {
+        return [
+          {
+            label: "成功",
+            value: "success",
+          },
+          {
+            label: "危险",
+            value: "danger",
+          },
+          {
+            label: "警告",
+            value: "warning",
+          },
+          {
+            label: "信息",
+            value: "info",
+          },
+        ];
+      } else {
+        return [
+          {
+            label: "不需表单",
+            value: "noNeed",
+          },
+          {
+            label: "单独表单",
+            value: "dragForm",
+          },
+          {
+            label: "表单组",
+            value: "dragFormGroup",
+          },
+          {
+            label: "其它",
+            value: "other",
+          },
+        ];
+      }
+    },
     formList() {
       if (this.btnGroupFormData.btnFormType === "dragForm") {
         return this.formOptions;
@@ -1138,6 +1211,10 @@ export default {
             value: "PRINT",
             label: "打印",
           },
+          {
+            value: "TOAST",
+            label: "消息提示",
+          },
         ];
       } else {
         return [