yh-pub 1.0.0 → 1.0.2

package/view/config/subPage/sys-config.vue

@@ -1,249 +1,249 @@
-<template>
-  <el-form label-position="top">
-    <el-row gutter="20">
-      <conf-form-item
-        label="logo 图标"
-        tips="建议：宽小于200像素，高小于50像素">
-        <el-upload
-          class="config-upload"
-          drag
-          accept="image/jpeg,image/png"
-          :show-file-list="false"
-          :before-upload="() => false"
-          :on-change="logoChange">
-          <div class="el-upload__text">点击选择，或拖拽图片至此</div>
-        </el-upload>
-        <div class="logo">
-          <img
-            class="logo-image"
-            :src="config.logo || defaultLogo" />
-        </div>
-      </conf-form-item>
-      <conf-form-item
-        label="minLogo 小图标"
-        tips="建议：宽小于64像素，高小于50像素">
-        <el-upload
-          class="config-upload"
-          drag
-          accept="image/jpeg,image/png"
-          :show-file-list="false"
-          :before-upload="() => false"
-          :on-change="minLogoChange">
-          <div class="el-upload__text">点击选择，或拖拽图片至此</div>
-        </el-upload>
-        <div class="logo-min">
-          <img
-            class="logo-image min"
-            :src="config.minLogo || defaultMinLogo" />
-        </div>
-      </conf-form-item>
-      <conf-form-item
-        label="请求基础路径（开发环境）"
-        tips="请求的基础路径，例如：/api">
-        <el-input
-          v-model="config.baseUrl.dev"
-          @change="valueChange($event, 'string', ['baseUrl', 'dev'])"></el-input>
-      </conf-form-item>
-      <conf-form-item
-        label="请求基础路径（生产环境）"
-        tips="请求的基础路径，例如：/ccs">
-        <el-input
-          v-model="config.baseUrl.pro"
-          @change="valueChange($event, 'string', ['baseUrl', 'pro'])"></el-input>
-      </conf-form-item>
-      <conf-form-item
-        label="前台首页名称"
-        tips="业务端首页的名称，例如：home">
-        <el-input
-          v-model="config.homeName"
-          @change="valueChange($event, 'string', ['homeName'])"></el-input>
-      </conf-form-item>
-      <conf-form-item
-        label="前台首页地址"
-        tips="业务端首页的路由地址，例如：/home">
-        <el-input
-          v-model="config.homePath"
-          @change="valueChange($event, 'string', ['homePath'])"></el-input>
-      </conf-form-item>
-      <conf-form-item
-        label="后台首页名称"
-        tips="管理后端首页的名称，例如：admin">
-        <el-input
-          v-model="config.saHomeName"
-          @change="valueChange($event, 'string', ['saHomeName'])"></el-input>
-      </conf-form-item>
-      <conf-form-item
-        label="后台首页地址"
-        tips="管理后端首页的路由地址，例如：/admin">
-        <el-input
-          v-model="config.adminPath"
-          @change="valueChange($event, 'string', ['adminPath'])"></el-input>
-      </conf-form-item>
-      <conf-form-item
-        label="路由白名单"
-        tips="配置到路由地址，不会被拦截，可以直接访问">
-        <el-select
-          v-model="config.whiteList"
-          filterable
-          collapse-tags
-          collapse-tags-tooltip
-          multiple
-          @change="valueChange($event, 'array', ['whiteList'])">
-          <el-option
-            :value="route.path"
-            :label="route?.meta?.title || route.name"
-            v-for="route in routers"></el-option>
-        </el-select>
-      </conf-form-item>
-      <conf-form-item
-        label="帆软服务地址"
-        tips="配置帆软打印/报表服务的地址">
-        <el-input
-          v-model="config.frUrl"
-          @change="valueChange($event, 'string', ['frUrl'])"></el-input>
-      </conf-form-item>
-      <el-col :span="24">
-        <el-alert type="warning">
-          如果您在更新当前项目的配置文件，那么在您保存配置文件之后会触发页面的刷新效果，请悉知！
-        </el-alert>
-      </el-col>
-      <el-col :span="24">
-        <el-button
-          type="primary"
-          style="width: 100%"
-          @click="saveConfig">
-          保存
-        </el-button>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-<script>
-import { defineComponent } from "vue";
-import confFormItem from "../component/confFormItem.vue";
-import defaultMinLogo from "@/assets/images/logo-min.png";
-import defaultLogo from "@/assets/images/logo.png";
-import { getChildFile, saveChildFile } from "yh-fsa";
-import { $, findObject } from "yh-ggc";
-import { arrayToCode } from "yh-ggc";
-
-export default defineComponent({
-  name: "sysConfig",
-  props: ["dirHandle", "routers"],
-  components: {
-    confFormItem,
-  },
-  data() {
-    return {
-      defaultMinLogo,
-      defaultLogo,
-      logoChange: false,
-      ast: null,
-      saveTimer: null,
-      config: {
-        baseUrl: {},
-      },
-    };
-  },
-  mounted() {
-    this.getConfig();
-  },
-  methods: {
-    async getConfig() {
-      let confText = await getChildFile("src/config/index.js", this.dirHandle);
-      if (confText) {
-        let confAST = $(confText);
-        this.ast = confAST;
-        let obj = await findObject(confAST);
-        for (const key in obj) {
-          const val = obj[key];
-          this.config[key] = val;
-        }
-      }
-    },
-    saveConfig() {
-      if (this.timer) {
-        clearTimeout(this.timer);
-        this.timer = null;
-      }
-      this.timer = setTimeout(() => {
-        let contents = this.ast.generate();
-        saveChildFile("src/config/index.js", this.dirHandle, contents);
-        this.timer = null;
-      }, 1000);
-    },
-    valueChange(val, type, paths) {
-      if (this.ast) {
-        let currentAst;
-        paths.forEach((path) => {
-          currentAst = this.ast.find(`${path}:$_$1`);
-        });
-        switch (type) {
-          case "number":
-            val = parseInt(val);
-            currentAst.attr("value", val.valueOf());
-            break;
-          case "boolean":
-            val = !!val;
-            currentAst.attr("value", val.valueOf());
-            break;
-          case "string":
-            val = !!val;
-            currentAst.attr("value", `"${val}"`);
-            break;
-          case "array":
-            val = arrayToCode(val);
-            currentAst.attr("value", val);
-            break;
-        }
-      }
-    },
-    getImageWH(file) {
-      return new Promise((resolve, reject) => {
-        let img = new Image();
-        img.onload = () => {
-          resolve({
-            width: img.naturalWidth,
-            height: img.naturalHeight,
-          });
-        };
-        img.onerror = (e) => {
-          reject(e);
-        };
-        img.src = URL.createObjectURL(file);
-        return;
-      });
-    },
-    async minLogoChange(e) {
-      console.log(e);
-      let path = "/public/image/logo-min.png";
-      let contents = e.raw;
-      await saveChildFile(path, this.dirHandle, contents);
-    },
-  },
-});
-</script>
-<style lang="scss">
-.logo,
-.logo-min {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 50px;
-  width: 200px;
-  box-sizing: border-box;
-  background-color: #0051c1;
-  .logo-image {
-    width: auto;
-    height: 44px;
-    margin: 0 auto;
-    &.min {
-      width: 44px;
-      height: auto;
-    }
-  }
-}
-.logo-min {
-  width: 64px;
-}
-</style>
+<template>
+  <el-form label-position="top">
+    <el-row gutter="20">
+      <conf-form-item
+        label="logo 图标"
+        tips="建议：宽小于200像素，高小于50像素">
+        <el-upload
+          class="config-upload"
+          drag
+          accept="image/jpeg,image/png"
+          :show-file-list="false"
+          :before-upload="() => false"
+          :on-change="logoChange">
+          <div class="el-upload__text">点击选择，或拖拽图片至此</div>
+        </el-upload>
+        <div class="logo">
+          <img
+            class="logo-image"
+            :src="config.logo || defaultLogo" />
+        </div>
+      </conf-form-item>
+      <conf-form-item
+        label="minLogo 小图标"
+        tips="建议：宽小于64像素，高小于50像素">
+        <el-upload
+          class="config-upload"
+          drag
+          accept="image/jpeg,image/png"
+          :show-file-list="false"
+          :before-upload="() => false"
+          :on-change="minLogoChange">
+          <div class="el-upload__text">点击选择，或拖拽图片至此</div>
+        </el-upload>
+        <div class="logo-min">
+          <img
+            class="logo-image min"
+            :src="config.minLogo || defaultMinLogo" />
+        </div>
+      </conf-form-item>
+      <conf-form-item
+        label="请求基础路径（开发环境）"
+        tips="请求的基础路径，例如：/api">
+        <el-input
+          v-model="config.baseUrl.dev"
+          @change="valueChange($event, 'string', ['baseUrl', 'dev'])"></el-input>
+      </conf-form-item>
+      <conf-form-item
+        label="请求基础路径（生产环境）"
+        tips="请求的基础路径，例如：/ccs">
+        <el-input
+          v-model="config.baseUrl.pro"
+          @change="valueChange($event, 'string', ['baseUrl', 'pro'])"></el-input>
+      </conf-form-item>
+      <conf-form-item
+        label="前台首页名称"
+        tips="业务端首页的名称，例如：home">
+        <el-input
+          v-model="config.homeName"
+          @change="valueChange($event, 'string', ['homeName'])"></el-input>
+      </conf-form-item>
+      <conf-form-item
+        label="前台首页地址"
+        tips="业务端首页的路由地址，例如：/home">
+        <el-input
+          v-model="config.homePath"
+          @change="valueChange($event, 'string', ['homePath'])"></el-input>
+      </conf-form-item>
+      <conf-form-item
+        label="后台首页名称"
+        tips="管理后端首页的名称，例如：admin">
+        <el-input
+          v-model="config.saHomeName"
+          @change="valueChange($event, 'string', ['saHomeName'])"></el-input>
+      </conf-form-item>
+      <conf-form-item
+        label="后台首页地址"
+        tips="管理后端首页的路由地址，例如：/admin">
+        <el-input
+          v-model="config.adminPath"
+          @change="valueChange($event, 'string', ['adminPath'])"></el-input>
+      </conf-form-item>
+      <conf-form-item
+        label="路由白名单"
+        tips="配置到路由地址，不会被拦截，可以直接访问">
+        <el-select
+          v-model="config.whiteList"
+          filterable
+          collapse-tags
+          collapse-tags-tooltip
+          multiple
+          @change="valueChange($event, 'array', ['whiteList'])">
+          <el-option
+            :value="route.path"
+            :label="route?.meta?.title || route.name"
+            v-for="route in routers"></el-option>
+        </el-select>
+      </conf-form-item>
+      <conf-form-item
+        label="帆软服务地址"
+        tips="配置帆软打印/报表服务的地址">
+        <el-input
+          v-model="config.frUrl"
+          @change="valueChange($event, 'string', ['frUrl'])"></el-input>
+      </conf-form-item>
+      <el-col :span="24">
+        <el-alert type="warning">
+          如果您在更新当前项目的配置文件，那么在您保存配置文件之后会触发页面的刷新效果，请悉知！
+        </el-alert>
+      </el-col>
+      <el-col :span="24">
+        <el-button
+          type="primary"
+          style="width: 100%"
+          @click="saveConfig">
+          保存
+        </el-button>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+<script>
+import { defineComponent } from "vue";
+import confFormItem from "../component/confFormItem.vue";
+import defaultMinLogo from "@/assets/images/logo-min.png";
+import defaultLogo from "@/assets/images/logo.png";
+import { getChildFile, saveChildFile } from "yh-fsa";
+import { $, findObject } from "yh-ggc";
+import { arrayToCode } from "yh-ggc";
+
+export default defineComponent({
+  name: "sysConfig",
+  props: ["dirHandle", "routers"],
+  components: {
+    confFormItem,
+  },
+  data() {
+    return {
+      defaultMinLogo,
+      defaultLogo,
+      logoChange: false,
+      ast: null,
+      saveTimer: null,
+      config: {
+        baseUrl: {},
+      },
+    };
+  },
+  mounted() {
+    this.getConfig();
+  },
+  methods: {
+    async getConfig() {
+      let confText = await getChildFile("src/config/index.js", this.dirHandle);
+      if (confText) {
+        let confAST = $(confText);
+        this.ast = confAST;
+        let obj = await findObject(confAST);
+        for (const key in obj) {
+          const val = obj[key];
+          this.config[key] = val;
+        }
+      }
+    },
+    saveConfig() {
+      if (this.timer) {
+        clearTimeout(this.timer);
+        this.timer = null;
+      }
+      this.timer = setTimeout(() => {
+        let contents = this.ast.generate();
+        saveChildFile("src/config/index.js", this.dirHandle, contents);
+        this.timer = null;
+      }, 1000);
+    },
+    valueChange(val, type, paths) {
+      if (this.ast) {
+        let currentAst;
+        paths.forEach((path) => {
+          currentAst = this.ast.find(`${path}:$_$1`);
+        });
+        switch (type) {
+          case "number":
+            val = parseInt(val);
+            currentAst.attr("value", val.valueOf());
+            break;
+          case "boolean":
+            val = !!val;
+            currentAst.attr("value", val.valueOf());
+            break;
+          case "string":
+            val = !!val;
+            currentAst.attr("value", `"${val}"`);
+            break;
+          case "array":
+            val = arrayToCode(val);
+            currentAst.attr("value", val);
+            break;
+        }
+      }
+    },
+    getImageWH(file) {
+      return new Promise((resolve, reject) => {
+        let img = new Image();
+        img.onload = () => {
+          resolve({
+            width: img.naturalWidth,
+            height: img.naturalHeight,
+          });
+        };
+        img.onerror = (e) => {
+          reject(e);
+        };
+        img.src = URL.createObjectURL(file);
+        return;
+      });
+    },
+    async minLogoChange(e) {
+      console.log(e);
+      let path = "/public/image/logo-min.png";
+      let contents = e.raw;
+      await saveChildFile(path, this.dirHandle, contents);
+    },
+  },
+});
+</script>
+<style lang="scss">
+.logo,
+.logo-min {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 50px;
+  width: 200px;
+  box-sizing: border-box;
+  background-color: #0051c1;
+  .logo-image {
+    width: auto;
+    height: 44px;
+    margin: 0 auto;
+    &.min {
+      width: 44px;
+      height: auto;
+    }
+  }
+}
+.logo-min {
+  width: 64px;
+}
+</style>

package/view/window/IframeFReportView.vue

@@ -1,28 +1,28 @@
-<template>
-  <iframe
-    :src="url"
-    frameborder="0"
-    width="100%"
-    :height="iframeHeight + 'px'"
-    scrolling="auto"
-    style="background-color: #fff"></iframe>
-</template>
-
-<script>
-export default {
-  name: "IframeFReportView",
-  computed: {
-    iframeHeight() {
-      return document.documentElement.clientHeight - 100;
-    },
-  },
-  data() {
-    return {
-      url: "",
-    };
-  },
-  mounted() {
-    this.url = this.$route.params.url;
-  },
-};
+<template>
+  <iframe
+    :src="url"
+    frameborder="0"
+    width="100%"
+    :height="iframeHeight + 'px'"
+    scrolling="auto"
+    style="background-color: #fff"></iframe>
+</template>
+
+<script>
+export default {
+  name: "IframeFReportView",
+  computed: {
+    iframeHeight() {
+      return document.documentElement.clientHeight - 100;
+    },
+  },
+  data() {
+    return {
+      url: "",
+    };
+  },
+  mounted() {
+    this.url = this.$route.params.url;
+  },
+};
 </script>

package/view/window/windowIndex.vue

@@ -1,22 +1,22 @@
-<template>
-  <slw-window-index :window-id="windowId"></slw-window-index>
-</template>
-<script setup>
-import { ref, watch, onMounted } from "vue";
-import { useRoute, onBeforeRouteUpdate } from "vue-router";
-
-let windowId = ref("");
-const route = useRoute();
-// watch(
-//   () => route.meta.id,
-//   (id) => (windowId.value = id)
-// );
-onMounted(() => {
-  windowId.value = route.params.id;
-});
-
-// onBeforeRouteUpdate((to, from, next) => {
-//   windowId.value = to.meta.id;
-//   next();
-// });
-</script>
+<template>
+  <slw-window-index :window-id="windowId"></slw-window-index>
+</template>
+<script setup>
+import { ref, watch, onMounted } from "vue";
+import { useRoute, onBeforeRouteUpdate } from "vue-router";
+
+let windowId = ref("");
+const route = useRoute();
+// watch(
+//   () => route.meta.id,
+//   (id) => (windowId.value = id)
+// );
+onMounted(() => {
+  windowId.value = route.params.id;
+});
+
+// onBeforeRouteUpdate((to, from, next) => {
+//   windowId.value = to.meta.id;
+//   next();
+// });
+</script>