qgb-process 0.2.3 → 0.2.7

package/src/library/toast/Index.vue

@@ -1,86 +1,86 @@
-<template>
-  <div class="my-toast-box">
-    <div class="my-toast-inner my-toast-error-inner" v-if="type=='error'">
-      <div><img src="../../assets/img/toast/error.png" alt="">{{msg}}</div>
-    </div>
-    <div class="my-toast-inner my-toast-success-inner" v-if="type=='success'">
-      <div><img src="../../assets/img/toast/icon_success.png" alt="">{{msg}}</div>
-    </div>
-  </div>
-  <!-- success error -->
-  <!-- E:\personCenter\pc_person_center\src\assets\icon_success.png -->
-      <!-- let data = {
-        msg: 'dsfdsfdsf',
-        time: 300,
-        type: 'success'
-      }
-      this.$_toast(data) -->
-      <!-- error -->
-      <!-- success -->
-</template>
-<script>
-
-export default {
-  name: "Toast",
-  data() {
-    return {
-      type: "success",
-      msg: "",
-      time: 3000
-    }
-  },
-  mounted() {
-    // setTimeout(() => {
-    // 3s 后通过父级移除子元素的方式来移除该组件实例和 DOM 节点
-    //   this.$destroy(true)
-    //   this.$el.parentNode.removeChild(this.$el)
-
-    // }, this.duration)
-    const that = this
-    setTimeout(() => {
-      that.$destroy(true)
-      that.$el.parentNode.removeChild(this.$el)
-    }, that.time)
-  }
-}
-</script>
-<style lang="scss" scoped>
-.my-toast-box {
-  .my-toast-inner{
-    width: 820px;
-    height: 40px;
-    line-height: 40px;
-    display: flex;
-    align-items: flex-start;
-    justify-content: center;
-    position: fixed;
-    top: 10px;
-    bottom: 0;
-    left: 50%;
-    right: 0;
-    margin-left: -410px;
-
-    font-size: 14px;
-    z-index: 9999;
-
-    border-radius: 4px;
-    img{
-      vertical-align: middle;
-      margin-right: 9px;
-    }
-  }
-  .my-toast-error-inner{
-    // background:rgba(240,249,235,1);
-    background:rgba(255,238,238,1);
-     color: #FF6666;
-  }
-  .my-toast-success-inner{
-    background:rgba(240,249,235,1);
-    color: #78C06E;
-    img{
-      width: 18px;
-      height: 18px;
-    }
-  }
-}
-</style>
+<template>
+  <div class="my-toast-box">
+    <div class="my-toast-inner my-toast-error-inner" v-if="type=='error'">
+      <div><img src="../../assets/img/toast/error.png" alt="">{{msg}}</div>
+    </div>
+    <div class="my-toast-inner my-toast-success-inner" v-if="type=='success'">
+      <div><img src="../../assets/img/toast/icon_success.png" alt="">{{msg}}</div>
+    </div>
+  </div>
+  <!-- success error -->
+  <!-- E:\personCenter\pc_person_center\src\assets\icon_success.png -->
+      <!-- let data = {
+        msg: 'dsfdsfdsf',
+        time: 300,
+        type: 'success'
+      }
+      this.$_toast(data) -->
+      <!-- error -->
+      <!-- success -->
+</template>
+<script>
+
+export default {
+  name: "Toast",
+  data() {
+    return {
+      type: "success",
+      msg: "",
+      time: 3000
+    }
+  },
+  mounted() {
+    // setTimeout(() => {
+    // 3s 后通过父级移除子元素的方式来移除该组件实例和 DOM 节点
+    //   this.$destroy(true)
+    //   this.$el.parentNode.removeChild(this.$el)
+
+    // }, this.duration)
+    const that = this
+    setTimeout(() => {
+      that.$destroy(true)
+      that.$el.parentNode.removeChild(this.$el)
+    }, that.time)
+  }
+}
+</script>
+<style lang="scss" scoped>
+.my-toast-box {
+  .my-toast-inner{
+    width: 820px;
+    height: 40px;
+    line-height: 40px;
+    display: flex;
+    align-items: flex-start;
+    justify-content: center;
+    position: fixed;
+    top: 10px;
+    bottom: 0;
+    left: 50%;
+    right: 0;
+    margin-left: -410px;
+
+    font-size: 14px;
+    z-index: 9999;
+
+    border-radius: 4px;
+    img{
+      vertical-align: middle;
+      margin-right: 9px;
+    }
+  }
+  .my-toast-error-inner{
+    // background:rgba(240,249,235,1);
+    background:rgba(255,238,238,1);
+     color: #FF6666;
+  }
+  .my-toast-success-inner{
+    background:rgba(240,249,235,1);
+    color: #78C06E;
+    img{
+      width: 18px;
+      height: 18px;
+    }
+  }
+}
+</style>

package/src/main.js

@@ -1,161 +1,161 @@
-// __webpack_public_path__ = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__;
-import Vue from "vue";
-// import Router from 'vue-router'
-import App from "./App.vue";
-import router from "./router/index.js";
-import store from "./store";
-import axios from "axios";
-import commonComponents from "@/utils/commonComponents";
-import AMap from "vue-amap";
-// import SvgIcon from "@/assets/formMenu"
-import "@/formBuilder/index";
-import "@/static/css/switch.scss"
-// 公共方法
-import "@/utils/commonFunc.js";
-
-// 审批公共方法
-import "@/utils/auditUtil.js";
-import VueQuillEditor from "vue-quill-editor";
-import ElementUI, { Message } from "element-ui";
-import 'element-ui/lib/theme-chalk/index.css';
-import "./static/css/flex.css";
-import * as allValidate from "./mixins/validate/validate";
-import * as filters from "./filters";
-import { req } from "@/api/common/apiUtils";
-
-import base from "@/function/base";
-import "./utils/directive.js";
-import shigongbang from "@/utils/index.js";
-
-import TableCell from "@/utils/style.js";
-import "@/assets/fonts/style.css"
-
-if (window.__POWERED_BY_QIANKUN__) {
-  __webpack_public_path__ = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__;
-}
-
-// 自定义指令
-Vue.directive('enterNumber', {
-    bind: function(el, { value = 2 }) {
-        el = el.nodeName == "INPUT" ? el : el.children[0]
-        var RegStr = value == 0 ? `^[\\+\\-]?\\d+\\d{0,0}` : `^[\\+\\-]?\\d+\\.?\\d{0,${value}}`;
-        el.addEventListener('keyup', function() {
-            el.value = el.value.match(new RegExp(RegStr, 'g'));
-            el.dispatchEvent(new Event('input'))
-        })
-    }
-});
-Vue.directive('focus', {
-    // 当被绑定的元素插入到 DOM 中时……
-    inserted: function(el) {
-        el.focus()
-    }
-});
-
-let instance = null;
-Vue.use(shigongbang);
-Vue.use(AMap);
-AMap.initAMapApiLoader({
-  // 高德key
-  key: "d06ecdcdbaf5643b02949b50c540628b",
-  // 插件集合 （插件按需引入）
-  plugin: [
-    "Autocomplete",
-    "PlaceSearch",
-    "Scale",
-    "OverView",
-    "ToolBar",
-    "MapType",
-    "PolyEditor",
-    "AMap.CircleEditor",
-    "AMap.Geocoder"
-  ],
-  v: "1.4.4"
-});
-// Vue.use(htmlToPdf)
-Vue.prototype.$message = Message;
-Vue.prototype.$ = req;
-// Vue.prototype.$video = Video
-Vue.prototype.$TableCell = TableCell;
-Vue.use(VueQuillEditor);
-Vue.directive("xkxblur", {
-  // 初始化指令
-  bind(el, binding, vnode) {
-    function clickHandler(e) {
-      // 这里判断点击的元素是否是本身，是本身，则返回
-      if (el.contains(e.target)) {
-        return false;
-      }
-      // 判断指令中是否绑定了函数
-      if (binding.expression) {
-        // 如果绑定了函数 则调用那个函数，此处binding.value就是handleClose方法
-        binding.value(e);
-      }
-    }
-    // 给当前元素绑定个私有变量，方便在unbind中可以解除事件监听
-    el.__vueClickOutside__ = clickHandler;
-    document.addEventListener("click", clickHandler);
-  },
-  update() {},
-  unbind(el, binding) {
-    // 解除事件监听
-    document.removeEventListener("click", el.__vueClickOutside__);
-    delete el.__vueClickOutside__;
-  }
-});
-Object.keys(filters).forEach((key) => {
-  Vue.filter(key, filters[key]);
-});
-// D:/git/engineering_team/src/assets/icon/iconfont.css
-Vue.use(ElementUI);
-Vue.use(commonComponents);
-Vue.config.productionTip = false;
-Vue.prototype.ossUrl = process.env.VUE_APP_File_API;
-Vue.prototype.$axios = axios; // 引用
-Vue.prototype.$validate = allValidate; // 全局验证
-Vue.use(base); // 将全局函数当做插件来进行注册
-// Vue.use(library) //
-function render({ container } = {}) {
-  instance = new Vue({
-    router,
-    store,
-    render: (h) => h(App)
-  }).$mount(container ? container.querySelector("#index2") : "#index2");
-}
-
-if (!window.__POWERED_BY_QIANKUN__) {
-  render();
-}
-// 测试全局变量污染
-window.a = 1;
-
-/**
- * bootstrap 只会在微应用初始化的时候调用一次，下次微应用重新进入时会直接调用 mount 钩子，不会再重复触发 bootstrap。
- * 通常我们可以在这里做一些全局变量的初始化，比如不会在 unmount 阶段被销毁的应用级别的缓存等。
- */
-
-export async function bootstrap() {
-  console.log("vue app bootstraped");
-}
-export async function mount(props) {
-  // console.log("props from main framework", props);
-  // console.log(props.data.store.state, "aaaaaa");
-  store.replaceState(props.data.store.state);
-  props.onGlobalStateChange((state, prev) => {
-    // state: 变更后的状态; prev 变更前的状态
-    console.log(state, prev, "全局state: 变更后的状态; prev 变更前的状态");
-  });
-  render(props.data);
-}
-export async function unmount() {
-  console.log(`子应用开始卸载。。。`);
-  instance.$destroy();
-  instance = null;
-  // router = null;
-}
-/**
- * 可选生命周期钩子，仅使用 loadMicroApp 方式加载微应用时生效
- */
-export async function update(props) {
-  console.log("update props", props);
-}
+// __webpack_public_path__ = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__;
+import Vue from "vue";
+// import Router from 'vue-router'
+import App from "./App.vue";
+import router from "./router/index.js";
+import store from "./store";
+import axios from "axios";
+import commonComponents from "@/utils/commonComponents";
+import AMap from "vue-amap";
+// import SvgIcon from "@/assets/formMenu"
+import "@/formBuilder/index";
+import "@/static/css/switch.scss"
+// 公共方法
+import "@/utils/commonFunc.js";
+
+// 审批公共方法
+import "@/utils/auditUtil.js";
+import VueQuillEditor from "vue-quill-editor";
+import ElementUI, { Message } from "element-ui";
+import 'element-ui/lib/theme-chalk/index.css';
+import "./static/css/flex.css";
+import * as allValidate from "./mixins/validate/validate";
+import * as filters from "./filters";
+import { req } from "@/api/common/apiUtils";
+
+import base from "@/function/base";
+import "./utils/directive.js";
+import shigongbang from "@/utils/index.js";
+
+import TableCell from "@/utils/style.js";
+import "@/assets/fonts/style.css"
+
+if (window.__POWERED_BY_QIANKUN__) {
+  __webpack_public_path__ = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__;
+}
+
+// 自定义指令
+Vue.directive('enterNumber', {
+    bind: function(el, { value = 2 }) {
+        el = el.nodeName == "INPUT" ? el : el.children[0]
+        var RegStr = value == 0 ? `^[\\+\\-]?\\d+\\d{0,0}` : `^[\\+\\-]?\\d+\\.?\\d{0,${value}}`;
+        el.addEventListener('keyup', function() {
+            el.value = el.value.match(new RegExp(RegStr, 'g'));
+            el.dispatchEvent(new Event('input'))
+        })
+    }
+});
+Vue.directive('focus', {
+    // 当被绑定的元素插入到 DOM 中时……
+    inserted: function(el) {
+        el.focus()
+    }
+});
+
+let instance = null;
+Vue.use(shigongbang);
+Vue.use(AMap);
+AMap.initAMapApiLoader({
+  // 高德key
+  key: "d06ecdcdbaf5643b02949b50c540628b",
+  // 插件集合 （插件按需引入）
+  plugin: [
+    "Autocomplete",
+    "PlaceSearch",
+    "Scale",
+    "OverView",
+    "ToolBar",
+    "MapType",
+    "PolyEditor",
+    "AMap.CircleEditor",
+    "AMap.Geocoder"
+  ],
+  v: "1.4.4"
+});
+// Vue.use(htmlToPdf)
+Vue.prototype.$message = Message;
+Vue.prototype.$ = req;
+// Vue.prototype.$video = Video
+Vue.prototype.$TableCell = TableCell;
+Vue.use(VueQuillEditor);
+Vue.directive("xkxblur", {
+  // 初始化指令
+  bind(el, binding, vnode) {
+    function clickHandler(e) {
+      // 这里判断点击的元素是否是本身，是本身，则返回
+      if (el.contains(e.target)) {
+        return false;
+      }
+      // 判断指令中是否绑定了函数
+      if (binding.expression) {
+        // 如果绑定了函数 则调用那个函数，此处binding.value就是handleClose方法
+        binding.value(e);
+      }
+    }
+    // 给当前元素绑定个私有变量，方便在unbind中可以解除事件监听
+    el.__vueClickOutside__ = clickHandler;
+    document.addEventListener("click", clickHandler);
+  },
+  update() {},
+  unbind(el, binding) {
+    // 解除事件监听
+    document.removeEventListener("click", el.__vueClickOutside__);
+    delete el.__vueClickOutside__;
+  }
+});
+Object.keys(filters).forEach((key) => {
+  Vue.filter(key, filters[key]);
+});
+// D:/git/engineering_team/src/assets/icon/iconfont.css
+Vue.use(ElementUI);
+Vue.use(commonComponents);
+Vue.config.productionTip = false;
+Vue.prototype.ossUrl = process.env.VUE_APP_File_API;
+Vue.prototype.$axios = axios; // 引用
+Vue.prototype.$validate = allValidate; // 全局验证
+Vue.use(base); // 将全局函数当做插件来进行注册
+// Vue.use(library) //
+function render({ container } = {}) {
+  instance = new Vue({
+    router,
+    store,
+    render: (h) => h(App)
+  }).$mount(container ? container.querySelector("#index2") : "#index2");
+}
+
+if (!window.__POWERED_BY_QIANKUN__) {
+  render();
+}
+// 测试全局变量污染
+window.a = 1;
+
+/**
+ * bootstrap 只会在微应用初始化的时候调用一次，下次微应用重新进入时会直接调用 mount 钩子，不会再重复触发 bootstrap。
+ * 通常我们可以在这里做一些全局变量的初始化，比如不会在 unmount 阶段被销毁的应用级别的缓存等。
+ */
+
+export async function bootstrap() {
+  console.log("vue app bootstraped");
+}
+export async function mount(props) {
+  // console.log("props from main framework", props);
+  // console.log(props.data.store.state, "aaaaaa");
+  store.replaceState(props.data.store.state);
+  props.onGlobalStateChange((state, prev) => {
+    // state: 变更后的状态; prev 变更前的状态
+    console.log(state, prev, "全局state: 变更后的状态; prev 变更前的状态");
+  });
+  render(props.data);
+}
+export async function unmount() {
+  console.log(`子应用开始卸载。。。`);
+  instance.$destroy();
+  instance = null;
+  // router = null;
+}
+/**
+ * 可选生命周期钩子，仅使用 loadMicroApp 方式加载微应用时生效
+ */
+export async function update(props) {
+  console.log("update props", props);
+}