cloud-web-corejs 1.0.96 → 1.0.98

package/src/views/user/wf/wf_obj_config/importItemDialog.vue

@@ -0,0 +1,109 @@
+<template>
+    <el-dialog
+      :title="$t1('导入流程模板XML')"
+      :append-to-body="falseValue"
+      :modal-append-to-body="falseValue"
+      :close-on-click-modal="falseValue"
+      :visible.sync="showImportDialog"
+      :modal="falseValue"
+      custom-class="dialog-style"
+      width="501px"
+      v-el-drag-dialog
+    >
+      <div class="import-box">
+        <!--        <div class="tips">{{ $t2('请下载文件模板，填写信息后再上传文件', 'components.excelImport.tip') }}</div>-->
+        <el-upload v-if="!fileRaw" ref="uploadBtn" action="" class="upload-file" :auto-upload="false"
+                   :on-change="fileChange" accept=".xml">
+          <div class="el-upload-dragger">
+            <i class="el-icon-upload"></i>
+            <div class="el-upload__text"><em>{{ $t2('点击上传', 'components.excelImport.uploadBUtton') }}</em></div>
+          </div>
+        </el-upload>
+        <div class="upload-finish" v-if="fileRaw">
+          <img :src="require('@/resources' + '/images/ico-txt.svg')" class="ico"/>
+          <p class="name">{{ fileRaw.name }}</p>
+          <!-- <p>2022-1-17</p> -->
+          <el-tooltip :enterable="false" class="item" effect="dark"
+                      :content="$t2('关闭', 'components.excelImport.closeBUtton')" placement="bottom">
+            <i
+              class="el-icon-error js-close"
+              @click="
+								fileRaw = false;
+								$refs.uploadBtn.clearFiles();
+							"
+            ></i>
+          </el-tooltip>
+        </div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+				<el-button type="primary" plain class="button-sty" @click="dialogClose1">
+					<i class="el-icon-close el-icon"></i>
+					{{ $t2('取 消', 'system.button.cancel2') }}
+				</el-button>
+				<el-button type="primary" @click="dialogPrimary1" 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: 'excelImport',
+  data() {
+    return {
+      excTime: 0,
+      showImportDialog: true,
+      showImportDialog2: false,
+      falseValue: false,
+      fileRaw: false,
+      isEnd: false,
+      currentIndex: 0,
+      excelTemplate: "",
+      prefix: '/user',
+      dataSize: 0,
+      totalSuccessNum: 0,
+      totalErrorNum: 0,
+      percentageNum: 0,
+      successRows: [],
+      failRows: [],
+      oriCols: [],
+      showImportResult: false,
+      resultType: '',
+      option: {},
+      showContent: false,
+      resOption: {},
+      abc: "A"
+    }
+  },
+
+  methods: {
+    fileChange(file) {
+      if (file) {
+        this.fileRaw = file.raw;
+      } else {
+        this.fileRaw = false;
+      }
+    },
+    dialogClose1() {
+      this.$emit("update:visiable", false);
+      this.showContent = false;
+    },
+    async dialogPrimary1() {
+      let that = this;
+      if (!(this.fileRaw)) {
+        this.$baseAlert(this.$t2('请上传附件', 'components.excelImport.warmMsg1'));
+        return false;
+      }
+      this.showImportDialog = false;
+
+      this.dialogClose1();
+      this.$emit("confirm",that.fileRaw)
+
+    },
+
+  }
+};
+</script>

package/src/views/user/wf/wf_obj_config/list.vue

@@ -113,6 +113,8 @@
     <wfBizDataSettingDialog v-if="showWfBizDataSettingDialog" :visiable.sync="showWfBizDataSettingDialog"
                             @confirm="confirmWfBizDataSettingDialog"
                             :objConfigItem="objConfigItem" :serviceId="currentRow.serviceId"></wfBizDataSettingDialog>
+
+    <importItemDialog v-if="showImportItemDialog" :visiable.sync="showImportItemDialog" @confirm="confirmImportItemDialog"/>
   </div>
 </template>
 <script>
@@ -128,6 +130,9 @@ import scriptDescriptionDialog from '@base/components/scriptDescription/dialog'
 import wfDiyAttributeEdit from '../../../../views/user/wf/wf_diy_attribute/edit'
 import wfBizDataSettingDialog from "./wfBizDataSettingDialog";
 
+import importItemDialog from "./importItemDialog.vue";
+
+
 
 export default {
   name: 'wf_obj_config:list',
@@ -139,7 +144,8 @@ export default {
     positionDialog,
     scriptDescriptionDialog,
     wfDiyAttributeEdit,
-    wfBizDataSettingDialog
+    wfBizDataSettingDialog,
+    importItemDialog
   },
   created() {
   },
@@ -189,7 +195,8 @@ export default {
       showWfDiyAttributeEdit: false,
 
       objConfigItem: null,
-      showWfBizDataSettingDialog: false
+      showWfBizDataSettingDialog: false,
+      showImportItemDialog:false
     };
   },
   watch: {
@@ -467,7 +474,7 @@ export default {
             width: 200
           },
           {
-            width: 100,
+            width: 200,
             fixed: 'right',
             sortable: false,
             title: '',
@@ -497,7 +504,31 @@ export default {
                                 popper-class="tooltip-skin">
                       <i class="iconfont icon-liuchengguanli-shejiqi_liucheng"/>
                     </el-tooltip>
-                  </a>
+                  </a>,
+                  <a
+                    href="javascript:void(0);"
+                    class="a-link"
+                    onclick={() => {
+                      this.exportWfXml(row);
+                    }}
+                  >
+                    <el-tooltip enterable={false} effect="dark" content={this.$t1('导出')} placement="top"
+                                popper-class="tooltip-skin">
+                      <i class="el-icon-upload2"/>
+                    </el-tooltip>
+                  </a>,
+                  <a
+                    href="javascript:void(0);"
+                    class="a-link"
+                    onclick={() => {
+                      this.importWfXml(row);
+                    }}
+                  >
+                    <el-tooltip enterable={false} effect="dark" content={this.$t1('导入')} placement="top"
+                                popper-class="tooltip-skin">
+                      <i class="el-icon-download"/>
+                    </el-tooltip>
+                  </a>,
                 ];
               }
             }
@@ -623,6 +654,73 @@ export default {
     },
     confirmWfBizDataSettingDialog(rows) {
 
+    },
+     saveAs(blob, filename) {
+      if (window.navigator.msSaveOrOpenBlob) {
+        navigator.msSaveBlob(blob, filename);
+      } else {
+        var link = document.createElement("a");
+        var body = document.querySelector("body");
+
+        link.href = window.URL.createObjectURL(blob);
+        link.download = filename;
+
+        // fix Firefox
+        link.style.display = "none";
+        body.appendChild(link);
+
+        link.click();
+        body.removeChild(link);
+
+        window.URL.revokeObjectURL(link.href);
+      }
+    },
+    exportWfXml(row){
+      this.$baseConfirm(this.$t1('您确定要导出吗？')).then(() => {
+        this.$http({
+          url: '/' + this.currentRow.serviceId + '/wf_obj_config_item/exportModelXml',
+          method: `post`,
+          data: {
+            stringOne:row.modelId
+          },
+          isLoading: true,
+          responseType: "blob",
+          resultType: "other",
+          callback: res => {
+            let fileName = row.modelName + ".bpmn20.xml"
+            this.saveAs(res,fileName)
+          }
+        });
+      });
+    },
+    importWfXml(row){
+      this.importXmlRow = row;
+      this.showImportItemDialog = true;
+    },
+    confirmImportItemDialog(file){
+      var form = new FormData();
+      // 文件对象
+      form.append("file", file);
+      form.append("modelId", this.importXmlRow.modelId);
+      this.$http({
+        url: '/' + this.currentRow.serviceId + '/wf_obj_config_item/importProcess',
+        method: `post`,
+        headers: {
+          'Content-Type': 'multipart/form-data'
+        },
+        data: form,
+        isLoading: true,
+        success: res => {
+          this.$message({
+            message: res.content,
+            type: 'success',
+            duration: 2000,
+            onClose: t => {
+
+            }
+          });
+        }
+      });
     }
   }
 };