pref:修改页面

sample-form-client-ui/admin/package.json

@@ -21,6 +21,7 @@
     "element-china-area-data": "^5.0.2",
     "element-ui": "^2.15.10",
     "file-saver": "^2.0.2",
+    "hammerjs": "^2.0.8",
     "moment": "^2.29.4",
     "npm": "^6.13.7",
     "secure-ls": "^1.2.6",
@@ -46,7 +47,6 @@
     "@vue/cli-service": "~5.0.0",
     "eslint": "^7.32.0",
     "eslint-plugin-vue": "^8.0.3",
-    "filemanager-webpack-plugin": "^8.0.0",
     "less": "^4.0.0",
     "less-loader": "^8.0.0",
     "svg-sprite-loader": "^4.1.6",

sample-form-client-ui/admin/src/App.vue

@@ -64,8 +64,8 @@ export default {
         devicenum: "18-93-7F-C0-AD-B5",
         // devicenum: "B8-13-32-86-9F-04",
       };
-      local.setLocal(obj.devicenum);
-      this.SET_deviceCodet(obj.devicenum);
+      local.setLocal("devicenum", obj.devicenum);
+      this.SET_deviceCode(obj.devicenum);
       this.WebSocketMq(obj);
     }
   },
@@ -85,7 +85,7 @@ export default {
       "SET_homeInfo",
       "SET_datumList",
       "SET_matterList",
-      "SET_deviceCodet",
+      "SET_deviceCode",
     ]),
     // 简析url
     urlGet() {
@@ -110,7 +110,7 @@ export default {
         let { devicenum } = routeQuery;
         this.devicenum = devicenum;
         local.setLocal("devicenum", devicenum);
-        this.SET_deviceCodet(devicenum);
+        this.SET_deviceCode(devicenum);
       }
     },
     // 获取首页信息
@@ -143,7 +143,6 @@ export default {
           this.linkDom = link;
           link.rel = "stylesheet";
           link.href = data[0].cssFilePath;
-          console.log(data[0]);
           // document.getElementsByTagName("head")[0].appendChild(link);
           document.head.appendChild(link);
         }

sample-form-client-ui/admin/src/pages/showpage/ShowMaterials.vue

@@ -107,13 +107,14 @@
 import Header from "@/components/Header.vue";
 import { getMaterialsList, checkMaterials } from "@/api";
 import local from "@/utils/local";
+// import Hammer from "hammerjs";
 export default {
   components: {
     Header,
   },
   data() {
     return {
-      api: local.getLocal("serverUrl") + "/",
+      api: local.getLocal("serverUrl"),
       matterInfo: {},
       matterName: "", // 事项名称
       matterId: this.$route.query.matterId, // 事项id
@@ -127,9 +128,11 @@ export default {
   },
   created() {
     this.getMaterialsList();
-
     // this.materailsList=this.matterInfo.matterDatumList;
   },
+  mounted() {
+    // this.handleScale();
+  },
 
   methods: {
     handleBackHome() {
@@ -212,6 +215,25 @@ export default {
         row.materialFullName
       );
     },
+    // 手势放大缩小
+    // handleScale() {
+    //   setTimeout(() => {
+    //     let _this = this;
+    //     const img = this.$refs.PreviewImg;
+    //     const PreviewImg = new Hammer(img);
+    //     PreviewImg.get("pinch").set({ enable: true });
+    //     PreviewImg.on("pinchmove", function (e) {
+    //       if (e.scale > 1) {
+    //         _this.scale += 5;
+    //         if (_this.scale > 200) {
+    //           _this.scale = 200;
+    //         }
+    //       } else if (e.scale <= 1) {
+    //         _this.scale = 100;
+    //       }
+    //     });
+    //   }, 100);
+    // },
   },
 };
 </script>
@@ -270,12 +292,12 @@ export default {
     .icon1 {
       width: 26px;
       height: 26px;
-      background: var(--main-assist-color);
+      // background: var(--main-assist-color);
+      background: #fff;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
-      color: #fff;
       i {
         font-size: 16px;
         color: var(--main-theme-color);
@@ -290,7 +312,7 @@ export default {
       display: flex;
       align-items: center;
       justify-content: center;
-      color: var(--main-theme-color);
+      color: #fff;
       position: absolute;
       right: 28px;
       cursor: pointer;

sample-form-client-ui/admin/src/store/index.js

@@ -31,7 +31,7 @@ export default new Vuex.Store({
     SET_matterList(state, matterList) {
       state.matterList = matterList;
     },
-    SET_deviceCodet(state, deviceCode) {
+    SET_deviceCode(state, deviceCode) {
       state.deviceCode = deviceCode;
     },
   },

sample-form-client-ui/admin/vue.config.js

 const { defineConfig } = require("@vue/cli-service");
-const FileManagerPlugin = require("filemanager-webpack-plugin"); // 压缩文件夹
-const isDev = process.env.NODE_ENV === "development";
-let plugins = [];
-// 避免本地启项目时自动打zip包
-if (!isDev) {
-  plugins.push(
-    new FileManagerPlugin({
-      events: {
-        onEnd: {
-          // mkdir: ["./dist"],
-          delete: ["./样表终端系统.zip"],
-          archive: [{ source: "./dist", destination: "./样表终端系统.zip" }],
-        },
-      },
-    })
-  );
-}
 module.exports = defineConfig({
   transpileDependencies: true,
   productionSourceMap: false,
@@ -24,20 +7,6 @@ module.exports = defineConfig({
   outputDir: "dist",
   publicPath: "./",
   // webpack 插件
-  configureWebpack: {
-    plugins: [...plugins],
-  },
+  configureWebpack: {},
   transpileDependencies: true,
-  devServer: {
-    port: 9086,
-    hot: "only", //自动保存
-    proxy: {
-      "/sampleform": {
-        target: "http://localhost:17002",
-        changeOrigin: true,
-        secure: false,
-        cookieDomainRewrite: "localhost",
-      },
-    },
-  },
 });