应用管理

package-lock.json

@@ -5,9 +5,11 @@
   "requires": true,
   "packages": {
     "": {
-      "name": "xhkj_bi",
+      "name": "xh_control",
       "version": "1.0.0",
       "dependencies": {
+        "qrcode": "^1.5.1",
+        "qrcodejs2": "^0.0.2",
         "vue-simple-uploader": "^0.7.6"
       },
       "devDependencies": {
@@ -3486,7 +3488,6 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-5.0.1.tgz",
       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -4949,6 +4950,14 @@
         }
       }
     },
+    "node_modules/decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmmirror.com/deep-is/-/deep-is-0.1.4.tgz",
@@ -5174,6 +5183,11 @@
       "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
       "dev": true
     },
+    "node_modules/dijkstrajs": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/dijkstrajs/-/dijkstrajs-1.0.3.tgz",
+      "integrity": "sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA=="
+    },
     "node_modules/dir-glob": {
       "version": "3.0.1",
       "resolved": "https://registry.npmmirror.com/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -5338,8 +5352,7 @@
     "node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
     },
     "node_modules/emojis-list": {
       "version": "3.0.0",
@@ -5350,6 +5363,11 @@
         "node": ">= 4"
       }
     },
+    "node_modules/encode-utf8": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/encode-utf8/-/encode-utf8-1.0.3.tgz",
+      "integrity": "sha512-ucAnuBEhUK4boH2HjVYG5Q2mQyPorvv0u/ocS+zhdw0S8AlHYY+GOFhP1Gio5z4icpP2ivFSvhtFjQi8+T9ppw=="
+    },
     "node_modules/encodeurl": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/encodeurl/-/encodeurl-1.0.2.tgz",
@@ -6413,7 +6431,6 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmmirror.com/find-up/-/find-up-4.1.0.tgz",
       "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dev": true,
       "dependencies": {
         "locate-path": "^5.0.0",
         "path-exists": "^4.0.0"
@@ -6571,7 +6588,6 @@
       "version": "2.0.5",
       "resolved": "https://registry.npmmirror.com/get-caller-file/-/get-caller-file-2.0.5.tgz",
       "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
-      "dev": true,
       "engines": {
         "node": "6.* || 8.* || >= 10.*"
       }
@@ -7236,7 +7252,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmmirror.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
       "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -7680,7 +7695,6 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmmirror.com/locate-path/-/locate-path-5.0.0.tgz",
       "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dev": true,
       "dependencies": {
         "p-locate": "^4.1.0"
       },
@@ -8711,7 +8725,6 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmmirror.com/p-limit/-/p-limit-2.3.0.tgz",
       "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
       "dependencies": {
         "p-try": "^2.0.0"
       },
@@ -8726,7 +8739,6 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmmirror.com/p-locate/-/p-locate-4.1.0.tgz",
       "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "dev": true,
       "dependencies": {
         "p-limit": "^2.2.0"
       },
@@ -8751,7 +8763,6 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmmirror.com/p-try/-/p-try-2.2.0.tgz",
       "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
-      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -8849,7 +8860,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/path-exists/-/path-exists-4.0.0.tgz",
       "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -8933,6 +8943,14 @@
         "node": ">=8"
       }
     },
+    "node_modules/pngjs": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/pngjs/-/pngjs-5.0.0.tgz",
+      "integrity": "sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==",
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
     "node_modules/portfinder": {
       "version": "1.0.32",
       "resolved": "https://registry.npmmirror.com/portfinder/-/portfinder-1.0.32.tgz",
@@ -9651,6 +9669,127 @@
         "node": ">=6"
       }
     },
+    "node_modules/qrcode": {
+      "version": "1.5.3",
+      "resolved": "https://registry.npmjs.org/qrcode/-/qrcode-1.5.3.tgz",
+      "integrity": "sha512-puyri6ApkEHYiVl4CFzo1tDkAZ+ATcnbJrJ6RiBM1Fhctdn/ix9MTE3hRph33omisEbC/2fcfemsseiKgBPKZg==",
+      "dependencies": {
+        "dijkstrajs": "^1.0.1",
+        "encode-utf8": "^1.0.3",
+        "pngjs": "^5.0.0",
+        "yargs": "^15.3.1"
+      },
+      "bin": {
+        "qrcode": "bin/qrcode"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/qrcode/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/qrcode/node_modules/camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/qrcode/node_modules/cliui": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
+      "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.0",
+        "wrap-ansi": "^6.2.0"
+      }
+    },
+    "node_modules/qrcode/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/qrcode/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+    },
+    "node_modules/qrcode/node_modules/wrap-ansi": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
+      "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/qrcode/node_modules/y18n": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
+      "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ=="
+    },
+    "node_modules/qrcode/node_modules/yargs": {
+      "version": "15.4.1",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz",
+      "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==",
+      "dependencies": {
+        "cliui": "^6.0.0",
+        "decamelize": "^1.2.0",
+        "find-up": "^4.1.0",
+        "get-caller-file": "^2.0.1",
+        "require-directory": "^2.1.1",
+        "require-main-filename": "^2.0.0",
+        "set-blocking": "^2.0.0",
+        "string-width": "^4.2.0",
+        "which-module": "^2.0.0",
+        "y18n": "^4.0.0",
+        "yargs-parser": "^18.1.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/qrcode/node_modules/yargs-parser": {
+      "version": "18.1.3",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
+      "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
+      "dependencies": {
+        "camelcase": "^5.0.0",
+        "decamelize": "^1.2.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/qrcodejs2": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/qrcodejs2/-/qrcodejs2-0.0.2.tgz",
+      "integrity": "sha512-+Y4HA+cb6qUzdgvI3KML8GYpMFwB24dFwzMkS/yXq6hwtUGNUnZQdUnksrV1XGMc2mid5ROw5SAuY9XhI3ValA=="
+    },
     "node_modules/qs": {
       "version": "6.11.0",
       "resolved": "https://registry.npmmirror.com/qs/-/qs-6.11.0.tgz",
@@ -9910,7 +10049,6 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmmirror.com/require-directory/-/require-directory-2.1.1.tgz",
       "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -9924,6 +10062,11 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/require-main-filename": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
+      "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg=="
+    },
     "node_modules/requires-port": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/requires-port/-/requires-port-1.0.0.tgz",
@@ -10245,6 +10388,11 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw=="
+    },
     "node_modules/set-function-length": {
       "version": "1.2.2",
       "resolved": "https://registry.npmmirror.com/set-function-length/-/set-function-length-1.2.2.tgz",
@@ -10575,7 +10723,6 @@
       "version": "4.2.3",
       "resolved": "https://registry.npmmirror.com/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -10589,7 +10736,6 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
       "dependencies": {
         "ansi-regex": "^5.0.1"
       },
@@ -11894,6 +12040,11 @@
         "which": "bin/which"
       }
     },
+    "node_modules/which-module": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz",
+      "integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ=="
+    },
     "node_modules/wildcard": {
       "version": "2.0.1",
       "resolved": "https://registry.npmmirror.com/wildcard/-/wildcard-2.0.1.tgz",
@@ -14726,8 +14877,7 @@
     "ansi-regex": {
       "version": "5.0.1",
       "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
     },
     "ansi-styles": {
       "version": "3.2.1",
@@ -15779,6 +15929,11 @@
         "ms": "2.1.2"
       }
     },
+    "decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA=="
+    },
     "deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmmirror.com/deep-is/-/deep-is-0.1.4.tgz",
@@ -15936,6 +16091,11 @@
       "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
       "dev": true
     },
+    "dijkstrajs": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/dijkstrajs/-/dijkstrajs-1.0.3.tgz",
+      "integrity": "sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA=="
+    },
     "dir-glob": {
       "version": "3.0.1",
       "resolved": "https://registry.npmmirror.com/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -16066,8 +16226,7 @@
     "emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
     },
     "emojis-list": {
       "version": "3.0.0",
@@ -16075,6 +16234,11 @@
       "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
       "dev": true
     },
+    "encode-utf8": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/encode-utf8/-/encode-utf8-1.0.3.tgz",
+      "integrity": "sha512-ucAnuBEhUK4boH2HjVYG5Q2mQyPorvv0u/ocS+zhdw0S8AlHYY+GOFhP1Gio5z4icpP2ivFSvhtFjQi8+T9ppw=="
+    },
     "encodeurl": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/encodeurl/-/encodeurl-1.0.2.tgz",
@@ -16874,7 +17038,6 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmmirror.com/find-up/-/find-up-4.1.0.tgz",
       "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dev": true,
       "requires": {
         "locate-path": "^5.0.0",
         "path-exists": "^4.0.0"
@@ -16979,8 +17142,7 @@
     "get-caller-file": {
       "version": "2.0.5",
       "resolved": "https://registry.npmmirror.com/get-caller-file/-/get-caller-file-2.0.5.tgz",
-      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
-      "dev": true
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg=="
     },
     "get-intrinsic": {
       "version": "1.2.4",
@@ -17446,8 +17608,7 @@
     "is-fullwidth-code-point": {
       "version": "3.0.0",
       "resolved": "https://registry.npmmirror.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "dev": true
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="
     },
     "is-glob": {
       "version": "4.0.3",
@@ -17784,7 +17945,6 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmmirror.com/locate-path/-/locate-path-5.0.0.tgz",
       "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dev": true,
       "requires": {
         "p-locate": "^4.1.0"
       }
@@ -18566,7 +18726,6 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmmirror.com/p-limit/-/p-limit-2.3.0.tgz",
       "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
       "requires": {
         "p-try": "^2.0.0"
       }
@@ -18575,7 +18734,6 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmmirror.com/p-locate/-/p-locate-4.1.0.tgz",
       "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "dev": true,
       "requires": {
         "p-limit": "^2.2.0"
       }
@@ -18593,8 +18751,7 @@
     "p-try": {
       "version": "2.2.0",
       "resolved": "https://registry.npmmirror.com/p-try/-/p-try-2.2.0.tgz",
-      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
-      "dev": true
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ=="
     },
     "param-case": {
       "version": "3.0.4",
@@ -18675,8 +18832,7 @@
     "path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/path-exists/-/path-exists-4.0.0.tgz",
-      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-      "dev": true
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w=="
     },
     "path-is-absolute": {
       "version": "1.0.1",
@@ -18736,6 +18892,11 @@
         "find-up": "^4.0.0"
       }
     },
+    "pngjs": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/pngjs/-/pngjs-5.0.0.tgz",
+      "integrity": "sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw=="
+    },
     "portfinder": {
       "version": "1.0.32",
       "resolved": "https://registry.npmmirror.com/portfinder/-/portfinder-1.0.32.tgz",
@@ -19210,6 +19371,102 @@
       "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
       "dev": true
     },
+    "qrcode": {
+      "version": "1.5.3",
+      "resolved": "https://registry.npmjs.org/qrcode/-/qrcode-1.5.3.tgz",
+      "integrity": "sha512-puyri6ApkEHYiVl4CFzo1tDkAZ+ATcnbJrJ6RiBM1Fhctdn/ix9MTE3hRph33omisEbC/2fcfemsseiKgBPKZg==",
+      "requires": {
+        "dijkstrajs": "^1.0.1",
+        "encode-utf8": "^1.0.3",
+        "pngjs": "^5.0.0",
+        "yargs": "^15.3.1"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "camelcase": {
+          "version": "5.3.1",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+          "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg=="
+        },
+        "cliui": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
+          "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
+          "requires": {
+            "string-width": "^4.2.0",
+            "strip-ansi": "^6.0.0",
+            "wrap-ansi": "^6.2.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+        },
+        "wrap-ansi": {
+          "version": "6.2.0",
+          "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
+          "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
+          "requires": {
+            "ansi-styles": "^4.0.0",
+            "string-width": "^4.1.0",
+            "strip-ansi": "^6.0.0"
+          }
+        },
+        "y18n": {
+          "version": "4.0.3",
+          "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
+          "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ=="
+        },
+        "yargs": {
+          "version": "15.4.1",
+          "resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz",
+          "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==",
+          "requires": {
+            "cliui": "^6.0.0",
+            "decamelize": "^1.2.0",
+            "find-up": "^4.1.0",
+            "get-caller-file": "^2.0.1",
+            "require-directory": "^2.1.1",
+            "require-main-filename": "^2.0.0",
+            "set-blocking": "^2.0.0",
+            "string-width": "^4.2.0",
+            "which-module": "^2.0.0",
+            "y18n": "^4.0.0",
+            "yargs-parser": "^18.1.2"
+          }
+        },
+        "yargs-parser": {
+          "version": "18.1.3",
+          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
+          "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
+          "requires": {
+            "camelcase": "^5.0.0",
+            "decamelize": "^1.2.0"
+          }
+        }
+      }
+    },
+    "qrcodejs2": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/qrcodejs2/-/qrcodejs2-0.0.2.tgz",
+      "integrity": "sha512-+Y4HA+cb6qUzdgvI3KML8GYpMFwB24dFwzMkS/yXq6hwtUGNUnZQdUnksrV1XGMc2mid5ROw5SAuY9XhI3ValA=="
+    },
     "qs": {
       "version": "6.11.0",
       "resolved": "https://registry.npmmirror.com/qs/-/qs-6.11.0.tgz",
@@ -19406,8 +19663,7 @@
     "require-directory": {
       "version": "2.1.1",
       "resolved": "https://registry.npmmirror.com/require-directory/-/require-directory-2.1.1.tgz",
-      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
-      "dev": true
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q=="
     },
     "require-from-string": {
       "version": "2.0.2",
@@ -19415,6 +19671,11 @@
       "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
       "dev": true
     },
+    "require-main-filename": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
+      "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg=="
+    },
     "requires-port": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/requires-port/-/requires-port-1.0.0.tgz",
@@ -19658,6 +19919,11 @@
         "send": "0.18.0"
       }
     },
+    "set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw=="
+    },
     "set-function-length": {
       "version": "1.2.2",
       "resolved": "https://registry.npmmirror.com/set-function-length/-/set-function-length-1.2.2.tgz",
@@ -19931,7 +20197,6 @@
       "version": "4.2.3",
       "resolved": "https://registry.npmmirror.com/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
       "requires": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -19942,7 +20207,6 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
       "requires": {
         "ansi-regex": "^5.0.1"
       }
@@ -20876,6 +21140,11 @@
         "isexe": "^2.0.0"
       }
     },
+    "which-module": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz",
+      "integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ=="
+    },
     "wildcard": {
       "version": "2.0.1",
       "resolved": "https://registry.npmmirror.com/wildcard/-/wildcard-2.0.1.tgz",

package.json

@@ -8,7 +8,9 @@
     "report": "vue-cli-service build --report"
   },
   "dependencies": {
-    "vue-simple-uploader": "^0.7.6"
+    "vue-simple-uploader": "^0.7.6",
+    "qrcode": "^1.5.1",
+    "qrcodejs2": "^0.0.2"
   },
   "devDependencies": {
     "@babel/core": "~7.12.16",

src/App.vue

@@ -20,7 +20,8 @@ export default {
 
 // 加载动画
 .ivu-spin {
-  z-index: 1000;
+  background-color: transparent !important;
+  z-index: 9999;
 }
 .demo-spin-icon-load {
   animation: ani-demo-spin 1s linear infinite;

src/views/regionSection/applicationManage/applicationManage.vue

@@ -37,7 +37,9 @@
             <div class="app_comm">
               <div>{{ row.appName }}</div>
               <span>版本: {{ row.versionName }}</span>
-              <div>授权型号: {{ row.devicenum }}个</div>
+              <div @click="see_device(row)" style="cursor: pointer">
+                授权型号: {{ row.devicenum }}个
+              </div>
             </div>
           </div>
         </template>
@@ -77,7 +79,6 @@
             </div>
           </div>
         </template>
-
         <template slot-scope="{ row }" slot="countSlot">
           <div class="action_list">
             <div @click="countSlot(row, 1)">下载</div>
@@ -106,6 +107,28 @@
         show-sizer
       ></Page>
     </div>
+    <!-- 下载 -->
+    <Modal
+      class="modal_tip download"
+      :mask-closable="false"
+      v-model="downloadInfo.show"
+      title="下载"
+    >
+      <div class="content">
+        <div class="title">{{ downloadInfo.appName }}</div>
+        <div class="qrcode">
+          <div id="ScanShare" ref="ScanShare"></div>
+          <p>扫描二维码进行下载</p>
+        </div>
+        <div class="download" @click="download(downloadInfo.apkPath)">
+          <Icon type="md-download" />点击下载
+        </div>
+      </div>
+
+      <div slot="footer" style="text-align: center">
+        <Button @click="downloadInfo.show = false">关闭</Button>
+      </div>
+    </Modal>
     <!-- 新建 -->
     <Modal
       class="modal1 application"
@@ -442,6 +465,40 @@
         >
       </div>
     </Modal>
+    <!-- 授权型号 -->
+    <Modal
+      class="modal1 view"
+      :mask-closable="false"
+      v-model="deviceInfo.show"
+      title="授权型号"
+    >
+      <div class="view_content">
+        <div class="view_title">名称</div>
+        <div class="view_devices" style="width: 100%">
+          <Input style="width: 100%" disabled v-model="deviceInfo.appName" />
+        </div>
+      </div>
+      <div class="view_content" style="margin-top: 20px">
+        <div class="view_title">适配类型</div>
+        <div class="view_devices">
+          <div
+            class="view_list"
+            v-for="item in deviceInfo.devices"
+            :key="item.dgroupid"
+          >
+            <div class="dgname">{{ item.dgname }}</div>
+            <div class="devices">
+              <span v-for="sitem in item.devices" :key="sitem.deviceid">{{
+                sitem.deviceModel
+              }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div slot="footer" style="text-align: center">
+        <Button @click="deviceInfo.show = false">关闭</Button>
+      </div>
+    </Modal>
     <!-- 查看 -->
     <Modal
       class="modal1"
@@ -449,13 +506,126 @@
       v-model="viewInfo.show"
       title="查看"
     >
-      <div class="view_title">河南星火燎原软件科技有限公司</div>
-      <Table
-        style="border: 1px solid #e8eaec; border-bottom: none"
-        :columns="viewInfo.columns"
-        :data="viewInfo.list"
-      >
-      </Table>
+      <div class="view_conten">
+        <div class="view_logo">
+          <div>
+            <img
+              v-if="viewInfo.appIcon"
+              :src="$api.showImageUrl + viewInfo.appIcon"
+            />
+          </div>
+          <div class="appIcon" @click="download(viewInfo.appIcon)">
+            <Icon type="md-download" />下载
+          </div>
+        </div>
+        <div class="view_conter">
+          <div class="view_comm">
+            <div class="view_titles">
+              {{ viewInfo.appName
+              }}<span v-if="viewInfo.enable === 1" class="qy">启用</span>
+            </div>
+            <div class="view_item">
+              <span>版本号码</span>{{ viewInfo.versionNum }}
+            </div>
+          </div>
+          <div class="view_comm">
+            <div class="view_item">
+              <span>版本名称</span>{{ viewInfo.versionName }}
+            </div>
+            <div class="view_item">
+              <span>分组</span>{{ viewInfo.appgroupName }}
+            </div>
+            <div class="view_item">
+              <span>开发者</span>{{ viewInfo.appDeveloper }}
+            </div>
+          </div>
+          <div class="view_comm">
+            <div class="view_item">
+              <span>强制安装</span>{{ viewInfo.forced === 0 ? "否" : "是" }}
+            </div>
+            <div class="view_item">
+              <span>可信任</span>{{ viewInfo.trusted === 0 ? "否" : "是" }}
+            </div>
+            <div class="view_item">
+              <span>隐藏图标</span>{{ viewInfo.showico === 0 ? "否" : "是" }}
+            </div>
+          </div>
+          <div class="view_comm">
+            <div class="view_item">
+              <span>应用属性</span
+              >{{ viewInfo.appType === 1 ? "推荐应用" : "必装应用" }}
+            </div>
+            <div class="view_item">
+              <span>应用大小</span>{{ viewInfo.appSize }}
+            </div>
+            <div class="view_item">
+              <span>应用包名</span>{{ viewInfo.appPackage }}
+            </div>
+          </div>
+          <div class="view_comm">
+            <div class="view_item">
+              <span style="width: 120px">网址白名单例外</span
+              >{{ viewInfo.whited === 0 ? "否" : "是" }}
+            </div>
+            <div class="view_item">
+              <span style="width: 120px">允许清空缓存</span
+              >{{ viewInfo.cached === 0 ? "否" : "是" }}
+            </div>
+            <div class="view_item">
+              <span style="width: 120px">添加到已有策略</span
+              >{{ viewInfo.strategy === 0 ? "否" : "是" }}
+            </div>
+          </div>
+          <div class="view_com">
+            <div class="view_t">应用截图</div>
+            <div class="view_img">
+              <img
+                v-for="img in viewInfo.appImg"
+                :key="img"
+                :src="$api.showImageUrl + img"
+              />
+            </div>
+          </div>
+          <div class="view_com">
+            <div class="view_t">应用简介</div>
+            <div>{{ viewInfo.appAbbr }}</div>
+          </div>
+          <div class="view_com">
+            <div class="view_t">更新</div>
+            <div>{{ viewInfo.appRenew }}</div>
+          </div>
+          <div class="view_com">
+            <div class="view_t">授权型号</div>
+            <div class="view_devices">
+              <div
+                class="view_list"
+                v-for="item in viewInfo.devices"
+                :key="item.dgroupid"
+              >
+                <div class="dgname" style="line-height: 40px">
+                  {{ item.dgname }}
+                </div>
+                <div class="devices">
+                  <span v-for="sitem in item.devices" :key="sitem.deviceid">{{
+                    sitem.deviceModel
+                  }}</span>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="view_com">
+            <div class="view_t">选择学校</div>
+            <div class="view_devices">
+              <div class="devices">
+                <span v-for="item in viewInfo.schools" :key="item.schoolid">{{
+                  item.schoolName
+                }}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div slot="footer" style="text-align: center">
         <Button @click="viewInfo.show = false">关闭</Button>
       </div>
@@ -469,6 +639,7 @@
 
 <script>
 import { date_format, uuid } from "@/utils";
+import QRCode from "qrcodejs2";
 import axios from "axios";
 import {
   app_add,
@@ -491,6 +662,11 @@ export default {
   data() {
     return {
       date_format,
+      downloadInfo: {
+        show: false,
+        appName: "",
+        apkPath: ""
+      },
       file_list: [],
       upTimer: null,
       options: {
@@ -550,31 +726,29 @@ export default {
       // 查看
       viewInfo: {
         show: false,
-        areaname: "",
-        list: [],
-        columns: [
-          {
-            title: "序号",
-            type: "index",
-            width: 70,
-            align: "center"
-          },
-          {
-            title: "名称",
-            key: "admin",
-            align: "center"
-          },
-          {
-            title: "账号",
-            key: "loginname",
-            align: "center"
-          },
-          {
-            title: "手机号码",
-            key: "phone",
-            align: "center"
-          }
-        ]
+        appName: "",
+        appgroupName: "",
+        enable: 1,
+        appType: 1,
+        forced: 1,
+        whited: 1,
+        trusted: 1,
+        showico: 1,
+        cached: 1,
+        strategy: 1,
+        apkPath: "",
+        appIcon: "",
+        appImg: [],
+        versionName: "",
+        versionNum: "",
+        appSize: "",
+        appDeveloper: "",
+        appPackage: "",
+        appAbbr: "",
+        appRenew: "",
+        targetSchool: 2,
+        deviceids: [],
+        schoolids: []
       },
       rules: {
         appName: [
@@ -620,6 +794,11 @@ export default {
       select_schools: [],
       deviceids: {}, //设备类型
       userInfo: {},
+      deviceInfo: {
+        show: false,
+        appName: "",
+        devices: []
+      },
       columns: [
         {
           title: "序号",
@@ -704,6 +883,61 @@ export default {
     this.searchList();
   },
   methods: {
+    //下载logo
+    download(url) {
+      window.location.href = this.$api.showImageUrl + url;
+    },
+    // 查看
+    toView(row) {
+      app_detail({ appid: row.appid }).then((res) => {
+        if (res.code === 0) {
+          this.viewInfo = {
+            show: true,
+            appName: res.obj.appName,
+            appgroupName: row.appgroupName,
+            enable: res.obj.enable,
+            appType: res.obj.appType,
+            forced: res.obj.forced,
+            whited: res.obj.whited,
+            trusted: res.obj.trusted,
+            showico: res.obj.showico,
+            cached: res.obj.cached,
+            strategy: res.obj.strategy,
+            apkPath: res.obj.apkPath,
+            appIcon: res.obj.appIcon,
+            appImg: res.obj.appImg ? res.obj.appImg.split(";") : [],
+            versionName: res.obj.versionName,
+            versionNum: res.obj.versionNum,
+            appSize: res.obj.appSize,
+            appDeveloper: res.obj.appDeveloper,
+            appPackage: res.obj.appPackage,
+            appAbbr: res.obj.appAbbr,
+            appRenew: res.obj.appRenew,
+            targetSchool: res.obj.targetSchool,
+            devices: res.obj.devices,
+            schools: res.obj.schools
+          };
+          console.log(this.viewInfo);
+        } else {
+          this.$Message.error(res.msg);
+        }
+      });
+    },
+    //查看型号
+    see_device(row) {
+      app_detail({ appid: row.appid }).then((res) => {
+        if (res.code === 0) {
+          this.deviceInfo = {
+            show: true,
+            appName: res.obj.appName,
+            devices: res.obj.devices
+          };
+          console.log(this.deviceInfo);
+        } else {
+          this.$Message.error(res.msg);
+        }
+      });
+    },
     enabledChange(row) {
       let api = row.enable === 1 ? app_edit_enable : app_edit_unenable;
       api({
@@ -719,8 +953,34 @@ export default {
       });
     },
     countSlot(row, type) {
+      console.log(row);
       if (type === 1) {
         //下载
+        app_detail({ appid: row.appid }).then((res) => {
+          if (res.code === 0) {
+            this.downloadInfo = {
+              show: true,
+              appName: res.obj.appName,
+              apkPath: res.obj.apkPath
+            };
+            this.$nextTick(() => {
+              let qrcodeEl = this.$refs.ScanShare;
+              if (!qrcodeEl) {
+                return;
+              }
+              qrcodeEl.innerHTML = "";
+              let qrcode = new QRCode(qrcodeEl, {
+                width: 140,
+                height: 140,
+                text: this.$api.showImageUrl + this.downloadInfo.apkPath
+              });
+              qrcode._el.title = "";
+            });
+            console.log(this.downloadInfo);
+          } else {
+            this.$Message.error(res.msg);
+          }
+        });
       } else if (type === 2) {
         //安装统计
       }
@@ -879,10 +1139,12 @@ export default {
     getSchool() {
       //wallpaperInfo.schoolname
       //获取区域学校
+      this.showLoading = true;
       region_list_rs({
         regionid: this.userInfo.regionid,
         regionName: this.wallpaperInfo.schoolname
       }).then((res) => {
+        this.showLoading = false;
         if (res.code === 0) {
           this.getHandleData(res.obj[0]);
           this.school_list = res.obj;
@@ -958,11 +1220,13 @@ export default {
     },
     // 获取列表
     getList() {
+      this.showLoading = true;
       app_list({
         page: this.searchForm.page,
         size: this.searchForm.size,
         appName: this.searchForm.appName
       }).then((res) => {
+        this.showLoading = false;
         if (res.code === 0) {
           this.searchForm.list = res.obj.data;
           this.searchForm.total = res.obj.total;
@@ -1076,7 +1340,7 @@ export default {
             schoolids: this.wallpaperInfo.schoolids
           };
           //编辑
-          if(this.wallpaperInfo.appid){
+          if (this.wallpaperInfo.appid) {
             form.appid = this.wallpaperInfo.appid;
             form.rversion = this.wallpaperInfo.rversion;
           }
@@ -1114,25 +1378,7 @@ export default {
         }
       }
     },
-    //进入
-    toGo(row) {},
-    // 查看
-    toView() {
-      this.viewInfo.show = true;
-      this.viewInfo.areaname = "河南星火燎原软件科技有限公司";
-      this.viewInfo.list = [
-        {
-          admin: "周文彦",
-          loginname: "zhouwenyan@xhkjedu.com",
-          phone: "15610230213"
-        },
-        {
-          admin: "齐思宇",
-          loginname: "zhouwenyan@xhkjedu.com",
-          phone: "15610230213"
-        }
-      ];
-    },
+
     // 编辑
     toEdit(row) {
       app_detail({ appid: row.appid }).then((res) => {
@@ -1154,7 +1400,7 @@ export default {
             strategy: res.obj.strategy,
             apkPath: res.obj.apkPath,
             appIcon: res.obj.appIcon,
-            appImg: res.obj.appImg?res.obj.appImg.split(";"):[],
+            appImg: res.obj.appImg ? res.obj.appImg.split(";") : [],
             versionName: res.obj.versionName,
             versionNum: res.obj.versionNum,
             appSize: res.obj.appSize,
@@ -1303,6 +1549,35 @@ export default {
   font-weight: bold;
   text-align: center;
 }
+.view_content {
+  display: flex;
+  .view_title {
+    width: 90px;
+    text-align: right;
+    flex: none;
+    font-size: 16px;
+    margin: 0 10px;
+    line-height: 32px;
+    height: 32px;
+  }
+}
+.view_devices {
+  .view_list {
+    margin-bottom: 20px;
+    line-height: 32px;
+  }
+  .dgname {
+    line-height: 32px;
+  }
+  .devices {
+    display: flex;
+    flex-wrap: wrap;
+    span {
+      margin-right: 20px;
+      margin-bottom: 10px;
+    }
+  }
+}
 .application {
   .comm {
     display: flex;
@@ -1475,4 +1750,108 @@ export default {
   box-shadow: inset 0 1px 2px 0 #ffffffb3, inset 0 -2px 3px 0 #ffffff4d,
     0 3px 5px 0 #339dff80, inset 0 -2px 0 0 #2b89e0;
 }
+.view_conten {
+  display: flex;
+  .view_logo {
+    width: 90px;
+    height: 90px;
+    margin-right: 20px;
+    border: 1px solid #e5e5e5;
+    background-color: white;
+    border-radius: 20px;
+    padding: 15px;
+    img {
+      width: 60px;
+      height: 60px;
+      object-fit: cover;
+    }
+    .appIcon {
+      margin-top: 10px;
+      color: #96abdf;
+      line-height: 30px;
+      &:hover {
+        cursor: pointer;
+        color: #339cff;
+      }
+    }
+  }
+  .view_conter {
+    width: calc(100% - 110px);
+    font-size: 16px;
+    .view_comm {
+      display: flex;
+      justify-content: space-between;
+      line-height: 40px;
+      .view_titles {
+        font-size: 20px;
+        font-weight: bold;
+        .qy {
+          background-color: #52c41a;
+          border-radius: 6px;
+          font-size: 10px;
+          color: white;
+          margin-left: 10px;
+          padding: 4px 6px;
+        }
+      }
+      .view_item {
+        width: 33%;
+        span {
+          display: inline-block;
+          width: 70px;
+          margin-right: 20px;
+        }
+      }
+    }
+    .view_com {
+      display: flex;
+      line-height: 40px;
+      .view_t {
+        width: 70px;
+        flex: none;
+        margin-right: 20px;
+        text-align: right;
+      }
+      .view_img {
+        display: flex;
+        padding-top: 10px;
+        img {
+          width: 90px;
+          height: 80px;
+          object-fit: cover;
+          margin-right: 20px;
+        }
+      }
+    }
+  }
+}
+.download {
+  .content {
+    text-align: center;
+    .title {
+      font-size: 18px;
+      margin-bottom: 30px;
+    }
+    .qrcode {
+      width: 172px;
+      padding: 16px;
+      margin: 0 auto;
+      border: 2px solid #ffffff;
+      background: #ffffff4d;
+      box-shadow: 0 10px 30px 0 #339dff26;
+      #ScanShare {
+        width: 140px;
+        height: 140px;
+        margin-bottom: 10px;
+      }
+    }
+    .download {
+      margin-top: 10px;
+      &:hover {
+        cursor: pointer;
+        color: #339cff;
+      }
+    }
+  }
+}
 </style>

src/views/regionSection/search/allApps.vue

@@ -16,7 +16,69 @@
       </Button>
     </div>
     <div class="table_wrap">
-      <Table :columns="columns" :data="searchForm.list"> </Table>
+      <Table :columns="columns" :data="searchForm.list">
+        <template slot-scope="{ row }" slot="appName">
+          <div class="appName">
+            <div class="app_logo">
+              <img :src="$api.showImageUrl + row.appIcon" />
+            </div>
+            <div class="app_comm">
+              <div>{{ row.appName }}</div>
+              <span>版本: {{ row.versionName }}</span>
+              <div>授权型号: {{ row.devicenum }}个</div>
+            </div>
+          </div>
+        </template>
+        <template slot-scope="{ row }" slot="appType">
+          <div>{{ row.appType === 1 ? "推荐应用" : "必装应用" }}</div>
+        </template>
+        <template slot-scope="{ row }" slot="enable">
+          <i-switch
+              size="large"
+              v-model="row.enable"
+              :true-value="1"
+              :false-value="2"
+              @on-change="enabledChange(row)"
+          >
+            <span slot="open">启用</span>
+            <span slot="close">禁用</span>
+          </i-switch>
+        </template>
+        <template slot-scope="{ row }" slot="whited">
+          <div class="action_list">
+            <div class="action_success">
+              {{ row.whited === 1 ? "是" : "否" }}
+            </div>
+          </div>
+        </template>
+        <template slot-scope="{ row }" slot="trusted">
+          <div class="action_list">
+            <div class="action_del">
+              {{ row.trusted === 1 ? "是" : "否" }}
+            </div>
+          </div>
+        </template>
+        <template slot-scope="{ row }" slot="showico">
+          <div class="action_list">
+            <div class="action_success">
+              {{ row.showico === 1 ? "是" : "否" }}
+            </div>
+          </div>
+        </template>
+
+        <template slot-scope="{ row }" slot="countSlot">
+          <div class="action_list">
+            <div @click="countSlot(row, 1)">下载</div>
+            <div @click="countSlot(row, 2)">安装统计</div>
+          </div>
+        </template>
+        <template slot-scope="{ row }" slot="actionSlot">
+          <div class="action_list">
+            <div @click="toView(row)">查看</div>
+            <div class="action_del" @click="toDel(row)">删除</div>
+          </div>
+        </template>
+      </Table>
     </div>
     <div class="page_wrap">
       <Page
@@ -31,14 +93,20 @@
         show-sizer
       ></Page>
     </div>
+    <Spin fix v-if="showLoading" style="background-color: transparent">
+      <Icon type="ios-loading" size="18" class="demo-spin-icon-load"></Icon>
+      <div>加载中</div>
+    </Spin>
   </div>
 </template>
 
 <script>
-import {region_list_qy, search_list_app} from "@/api/region";
+import { search_list_app} from "@/api/region";
+import {app_edit_enable, app_edit_unenable} from "@/api/appgroup";
 export default {
   data() {
     return {
+      showLoading: false,
       searchForm: {
         name: "",
         title: "",
@@ -63,51 +131,55 @@ export default {
         },
         {
           title: "应用",
-          key: "regionName",
+          slot: "appName",
           align: "center"
         },
         {
           title: "分组",
-          key: "createname",
+          key: "appgroupName",
           width: 140,
           align: "center"
         },
         {
           title: "属性应用",
-          key: "createtime",
-          width: 190,
+          slot: "appType",
+          width: 120,
           align: "center"
         },
         {
           title: "状态",
-          key: "updatename",
-          width: 140,
+          slot: "enable",
+          width: 120,
           align: "center"
         },
         {
           title: "网址白名单例外",
-          key: "updatetime",
-          width: 190,
+          slot: "whited",
+          width: 140,
           align: "center"
         },
         {
           title: "操作人",
-          key: "actionSlot",
+          key: "updatename",
+          width: 120,
           align: "center"
         },
         {
           title: "操作时间",
-          key: "actionSlot",
+          key: "updatetime",
+          width: 190,
           align: "center"
         },
         {
           title: "统计",
-          key: "actionSlot",
+          slot: "countSlot",
+          width: 160,
           align: "center"
         },
         {
           title: "操作",
-          key: "actionSlot",
+          slot: "actionSlot",
+          width: 130,
           align: "center"
         }
       ]
@@ -117,6 +189,25 @@ export default {
     this.searchList();
   },
   methods: {
+    enabledChange(row) {
+      let api = row.enable === 1 ? app_edit_enable : app_edit_unenable;
+      this.showLoading = true;
+      api({
+        appid: row.appid,
+        rversion: row.rversion
+      }).then((data) => {
+        this.showLoading = false;
+        this.searchList();
+        if (data.code === 0) {
+          this.$Message.success(data.msg);
+        } else {
+          this.$Message.error(data.msg);
+        }
+      });
+    },
+    countSlot(){},
+    toView(){},
+    toDel(){},
     // 搜索
     searchList() {
       this.searchForm.page = 1;
@@ -135,14 +226,17 @@ export default {
     },
     // 获取列表
     getList() {
+      this.showLoading = true;
       search_list_app({
         page: this.searchForm.page,
         size: this.searchForm.size,
         name: this.searchForm.name,
         title: this.searchForm.title
       }).then((data) => {
+        this.showLoading = false;
         if (data.code === 0) {
           this.searchForm.list = data.obj.data;
+          console.log(this.searchForm.list)
           this.searchForm.total = data.obj.total;
         } else {
           this.$Message.error(data.msg);
@@ -165,4 +259,33 @@ export default {
   font-weight: bold;
   text-align: center;
 }
+.table_wrap {
+  .appName {
+    display: flex;
+    margin: 16px 0;
+    .app_logo {
+      flex-wrap: none;
+      width: 56px;
+      height: 56px;
+      border-radius: 20px;
+      border: 1px solid #e5e5e5;
+      background: #ffffff;
+      padding: 10px;
+      img {
+        width: 38px;
+        height: 38px;
+        object-fit: cover;
+      }
+    }
+    .app_comm {
+      flex: none;
+      width: 120px;
+      margin-left: 10px;
+      text-align: left;
+      div {
+        color: #339dff;
+      }
+    }
+  }
+}
 </style>