cloud-web-corejs 1.0.14 → 1.0.16

package/src/components/xform/form-designer/form-widget/dialog/preformDialog.vue

@@ -0,0 +1,77 @@
+<template>
+  <el-dialog
+    title="表单提交"
+    :visible.sync="showDialog"
+    :modal-append-to-body="false"
+    :close-on-click-modal="false"
+    :modal="false"
+    custom-class="dialog-style wf-dialog"
+    v-el-drag-dialog
+    v-el-dialog-center
+    @close="closeDialog"
+  >
+    <el-form ref="editForm" :model="formData">
+      <div id="containt">
+        <table class="table-detail">
+          <tbody>
+          <tr>
+            <th>
+                <span class="t">
+                  <em class="f-red">*</em>
+                  {{ $t1('备注') }}
+                </span>
+            </th>
+            <td>
+              <el-form-item prop="logContent" :rules="[{ required:true, trigger: ['blur', 'change'] }]">
+                <el-input type="textarea" :rows="8" :placeholder="$t1('请输入内容')"
+                          v-model="formData.logContent"></el-input>
+              </el-form-item>
+            </td>
+          </tr>
+          </tbody>
+        </table>
+      </div>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+          <el-button type="primary" plain class="button-sty" @click="closeDialog">
+            <i class="el-icon-close el-icon"></i>
+            {{ $t2('取 消', 'system.button.cancel2') }}
+          </el-button>
+          <el-button type="primary" @click="confirmDialog" class="button-sty">
+            <i class="el-icon-check el-icon"></i>
+            {{ $t2('确 定', 'system.button.confirm2') }}
+          </el-button>
+        </span>
+  </el-dialog>
+</template>
+<script>
+export default {
+  name: "preformDialog",
+  data() {
+    return {
+      showDialog: true,
+      formData: {
+        logContent: null
+      }
+    }
+  },
+  methods: {
+    closeDialog() {
+      this.$emit("update:visiable", false);
+      this.showDialog = false;
+    },
+    confirmDialog() {
+      this.$refs.editForm.$baseValidate(valid => {
+        if (valid) {
+          this.closeDialog();
+          this.$emit("confirm", this.formData);
+        }
+      });
+
+    }
+  }
+}
+</script>
+<style scoped>
+
+</style>

package/src/components/xform/form-designer/index.vue

@@ -31,7 +31,9 @@
     </el-header> -->
 
     <el-container>
-      <el-aside class="side-panel attribute-right"><widget-panel ref="widgetPanelRef" :designer="designer" /></el-aside>
+      <el-aside class="side-panel attribute-right">
+        <widget-panel ref="widgetPanelRef" :designer="designer"/>
+      </el-aside>
 
       <el-container class="center-layout-container">
         <el-header class="toolbar-header">
@@ -43,13 +45,18 @@
         </el-header>
         <el-main class="form-widget-main">
           <el-scrollbar class="container-scroll-bar" style="height:calc(100vh - 125px)">
-            <v-form-widget :designer="designer" :form-config="designer.formConfig" ref="formRef" ></v-form-widget>
+            <v-form-widget :designer="designer" :form-config="designer.formConfig" ref="formRef"></v-form-widget>
           </el-scrollbar>
         </el-main>
       </el-container>
 
-      <el-aside class="attribute-right"><setting-panel :designer="designer" :selected-widget="designer.selectedWidget" :form-config="designer.formConfig" ref="formSettingRef" /></el-aside>
+      <el-aside class="attribute-right">
+        <setting-panel :designer="designer" :selected-widget="designer.selectedWidget"
+                       :form-config="designer.formConfig" ref="formSettingRef"/>
+      </el-aside>
     </el-container>
+    <preformDialog v-if="showPreformDialog" :visiable.sync="showPreformDialog"
+                   @confirm="confirmPreformDialog"></preformDialog>
   </el-container>
 </template>
 
@@ -60,10 +67,12 @@ import ToolbarPanel from './toolbar-panel/index';
 import SettingPanel from './setting-panel/index';
 import VFormWidget from './form-widget/index';
 import indexMixin from '../../../components/xform/form-designer/indexMixin';
+import preformDialog from "../../../components/xform/form-designer/form-widget/dialog/preformDialog.vue";
 
 export default {
   name: 'VFormDesigner',
   components: {
+    preformDialog,
     WidgetPanel,
     ToolbarPanel,
     SettingPanel,
@@ -77,6 +86,7 @@ export default {
 .el-aside {
   font-family: inherit !important;
 }
+
 .el-container.main-container {
   background: #fff;