From f49c0670150c0c274b6c4425dcb068d3f60869b1 Mon Sep 17 00:00:00 2001
From: youngS <ly_1301b@163.com>
Date: Sun, 7 Nov 2021 12:06:04 +0800
Subject: [PATCH] =?UTF-8?q?=E5=89=8D=E7=AB=AF=E4=BB=A3=E7=A0=81=E6=A0=BC?=
 =?UTF-8?q?=E5=BC=8F=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 fir_client/src/App.vue                        |  154 +-
 fir_client/src/Download.vue                   |  128 +-
 fir_client/src/components/FirBase.vue         |  230 +-
 fir_client/src/components/FirDownload.vue     | 3433 +++++++--------
 fir_client/src/components/FirFooter.vue       |   92 +-
 fir_client/src/components/FirHeader.vue       |  371 +-
 fir_client/src/components/FirLogin.vue        |  818 ++--
 fir_client/src/components/FirRegist.vue       |  752 ++--
 fir_client/src/components/FirResetPwd.vue     |  488 +--
 fir_client/src/components/ShortDownload.vue   | 3730 +++++++++--------
 .../src/components/apps/FirAppInfosBase.vue   |  772 ++--
 .../components/apps/FirAppInfosbaseinfo.vue   |  522 +--
 .../src/components/apps/FirAppInfoscombo.vue  |  696 +--
 .../components/apps/FirAppInfosdevices.vue    |   96 +-
 .../components/apps/FirAppInfossecurity.vue   |  646 +--
 .../components/apps/FirAppInfossupersign.vue  |  418 +-
 .../components/apps/FirAppInfostimeline.vue   |  931 ++--
 fir_client/src/components/apps/FirApps.vue    | 3338 +++++++--------
 fir_client/src/components/base/BackToTop.vue  |  201 +-
 fir_client/src/components/base/BindDomain.vue |  584 +--
 .../src/components/index/FirContact.vue       |  100 +-
 .../src/components/index/FirIndexBody.vue     |  478 +--
 .../src/components/index/FirIndexTem.vue      |  200 +-
 fir_client/src/components/index/FirNews.vue   |  400 +-
 .../src/components/index/FirService.vue       |  288 +-
 .../src/components/user/FirSuperSignBase.vue  | 2113 +++++-----
 .../src/components/user/FirSuperSignHelp.vue  |   66 +-
 .../src/components/user/FirUserAdvert.vue     |  784 ++--
 .../src/components/user/FirUserDomain.vue     |  474 +--
 .../src/components/user/FirUserOrders.vue     |  961 ++---
 .../components/user/FirUserProfileBase.vue    |  368 +-
 .../user/FirUserProfileCertification.vue      |  926 ++--
 .../user/FirUserProfileChangePwd.vue          |  158 +-
 .../components/user/FirUserProfileInfo.vue    | 1272 +++---
 .../src/components/user/FirUserStorage.vue    | 1068 ++---
 fir_client/src/main.short.js                  |   12 +-
 36 files changed, 14048 insertions(+), 14020 deletions(-)

diff --git a/fir_client/src/App.vue b/fir_client/src/App.vue
index ee34f78..aca996b 100644
--- a/fir_client/src/App.vue
+++ b/fir_client/src/App.vue
@@ -1,87 +1,87 @@
 <template>
-    <div id="app" ref="app">
-        <router-view/>
-    </div>
+  <div id="app" ref="app">
+    <router-view/>
+  </div>
 </template>
 
 <script>
 
-    export default {
-        name: 'app',
-        data() {
-            return {}
-        },
-    }
+export default {
+  name: 'app',
+  data() {
+    return {}
+  },
+}
 </script>
 
 <style>
-    body {
-        background-color: #F6F6F6;
-    }
-
-    html, body {
-        height: 100%;
-    }
-
-    @font-face {
-        font-family: "iconfont";
-        src: url('./assets/icon/iconfont.eot?t=1583637102320'); /* IE9 */
-        src: url('./assets/icon/iconfont.eot?t=1583637102320#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAnUAAsAAAAAEXwAAAmIAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCEIAqUYJBKATYCJAMoCxYABCAFhG0HdhuGDlGUL1aT7CuMW3giIDU2lBZVYzMmA6BYbBoB4AIAvsWyNCR1ZYRAPDyt/e/cmdn1b4KYdG+eSCaJRMWjWPVE6ZTyQkZL4P/W2j938EFdZvf2bG4F1UgXqyQeKfBIqpGQb4i2eQ/W/4P6Ek9oYwayNWYT2liwtS7KBWzNL+pBXQarNpcN/6uINB8EdIMjCcASCSSx4cAb7oGJPvjzf6maMe0OLEmbbAtQ1TLH+t2bjwpcoLGH1RZY9/OCWElqEp69Ctt/lUoZgKMJ9DZKJTpb39oLSoVQBWoeMPQUKGtmZQQOra7u2bKID6DSppeMC3hP7x//HA0lSZWJNS/fr5uFyp+QiaT/uZpYwYv1OWFuR8Z+oBDfe93f5Fy5n9R9H1g8BBYZNWVZ128wWubBX4gsc00C/+npXSCHRbkuqBVJ6GSNo/zjETVVPQL/ONPxMyIeNT9HHoWfyzwSPzeo8DQ7IF5OsxdGGZpzMGqgeQOjCpoJxHejmz7ZYhE4AvIjgLIWhPY8ORu1xKf7mSXfEqJWz1lFqu4IsUVclojNFtvZeZZJWCxfTwc225MLw+IOJVu9jIhlZydks0WD2YzVCGJDzZv3bRWtVSPgFM6ZTJDKjCPGrSIdax2dlWgymUleOEnitJKXpPyEKz9ri1IZTMalepIwQ/od1OvB5hq3QpDBcnCLkASgX+Ot37xvI9/Ep9QGC7EF1DMQNJgws3VoBmqIDgCbNXYuVd01lKFvR5CqnITxPpi1Z23gbKCzVCYzT3meaFLvhr5kmfWJDrV+iz8KDo/ogiAUbGoo8SKbLBDTGVnfLmB0BpiGzuEVMxCPpJitnaqi7QPc/I2nEGN6Yb7eUj2voN2qcKHuJxEIVUb7HLspkHcwNKgtsk9XrLzLL2qnl/syr6WbOyffau0FeKUntEq8bGeo+bLsHFVv2IggXAm3BxcRKD4qQJAKpPFED97cegA2kUtJkufhEa5hguf0l6KbAjfRsqUoyisV/sajng+9Tg8sp/2sVPRImnYco2IPWCUbqfgT1lSrrW/7VfTgedn+s9KD1yN30pCRKrXQnuutQZutHvvpsYD3WcPOT9ADl+8K2mVNPnAp9cSF3FNUNnVr4DitOXmXd5BOI2x9VwM0UXRJJ6U6MWENSmG19tlu9tF0g83WkJw35hw1brVGEXTtxk4RtKzrdEcwaG7N+s0ANrPfcth3vHWoM7SOzosxLcPNKMmLbqN7xpoDCR7Zwo26aAOV2mziKs4ZG1WmpTzlGUXJPpWdjSaDmSD1S9EsUryx0/OqplwYy9vjrrPyxLZUyHbAlg4UBYchLJdPRqKr5WY1GnenBYElwhrjZsE0UWXitVtXau4B6TbsEETKTYgqW7ca11skHotAqCLSqu8TzTldome82Wsp5a2lPn03qYZV0HrRfaYtuR2xJ6W3pQhPi8Xyezqa3c8TyNnMNv1zOy+QUBFrb8+Yo3hUiDsBt4OTRPQOeXLy11deWJbq1+OgVrJp8JITpcISj+p5aa9SJ5TKi/o2VKD37G/xu1ERehnQt/bKk+LfZZ2Li48XXAy/KLjDXTbqabKD0+DFjk5YidPrAw8b+ADh3wm7wHd0BAD7RC6YL3I63Np/w+1uHZyLbhdOOgWY4JsQi8aE33JgNDJJFCsKnToP+Ain5hLZJ+oMIeJY0aRZzy41NiRiiRkNlwIzZVR8UKZ6gjrOx1Oy55plBcn64P+UtFEhJJwsTRaRKlKkLQ6TIVFajgW4FybDoZ1loaLkI+ACamn7vt5/X1BiF1y1/8m85UFdNdyaAG6A7phsAKgEUNljkEgZGhJqDY7/TQBeHCUBQ7bM3HwgbX2hUHhqbn3VDsIVYcAoomY1TISKHcKariNO2PbaZgyX5N6oC/OHfNjxXzabV+91hR2d90zbk6bWotfUxzuvZ/mWE2AIgaUsOMde5snf/NxBElNVPnB045As1kLdjhRM0wCJH8X384+4FiQpzJ3tlufDTZydm1/k+xI80DKzs7INNcWemo9FflMbU70a5MXSzpiaiJeyfPP74Jjso8dKNQbLzDuiJKZjVebQuSV4UtxHuc94mSgx1kfuDXSn54cWlI/IC901zzN/UFheSAz85UPeQ4W6cPeJ5Z7Qz3V1Yf4DxUwcjVMOHNy/Z7VCcnVNu+RhrCZm2Pgc/PekHiDmSxhpaVX/Zpb3ybTr7gmq/SQPHuhYh85ZyzAgS9bhdbCcmeKbiAdODfLT8OYfiitWlDYqpvArls3WTlgMAt2/dHlh2PKgTf9C3xZ6SfMPf4H/e/DeeBU9YTHXud+QEcczVOuLHD+8pR7Q4ItaA4rCDaqSE1PLB/c/6xOQwt8fF5DmMMYhIFW6P8A/ZWWSDlR+AvKkAZJcuA2ThltOqtHilt0hhX74CCiuz12fJrwJOm/kar23PmgzaH21LlvtP7SQMKjJ4X3Ge4emTB16l/FuniAh5KR716vKe+sOOlsSWpJUK/6+4R1UkQDelaH4e4fnCqZB8Dwv3HAbkMo7II0h+zH2kPQAT7diZzA60R6o3IB2E8hUwxCdENuicNkw3pQ1YR3AhGA9UOqmhVWC7/HngiboCBZbg4KDzga9uu/nfkayyrXNtb5N0LO3U5vStQ1TJl+Jq2M/00nrlp1baILFTn7eSQjGzoIaSRi7V5FYhGUuwcaARMOYt59wXsE8J7+YWJonyFWLkc/AlG4gigJdJjGTQJ1iCbNXk56FOQWmJZOoT+UzxdQWBqaOatItGSBI3E3MxD40KfmrXQpS5vyRCZc+X53Qn98Zz0aZ+yj0f0oB601pJcIT/LFKmMNKINMsffEGFomXauqjNqtKllBO4+/UP+993doltuQfXLtU0pPGBnrW2o4u+P30yuA4vdY6Qe/t07D9YAFHIkqHvfYUeph1RU+m/aBns24EEAD/Rq8s+xcelTUkEMB7JTjY42BnMOokDk8JeBZNLyFmhvio0Caos9puTM95priqjCj9mOOZGMpKz2zmGrAPc+tYh5+nswWBQhRHvKheOR72eAjyc8SFZ4R0pyD4izMyqL5102eIF9TO4GBThIR9FjJtiZ8xg/ChkAXq1tt3w2hzPKZwI736/P0wDo+ZPZIlXSYD3aD2sXrdF5A3j5ZNUJ0UFHXkEF5IverEPDJNIP7+xVywGYJ0ziWSfsUy1NEorjp9+1rvrS37se5DXLePFDlKVFFHE2100cegueWb5QgzqyRdljFPtoQhvCSjo0cKVVaMkK2o4rlyAAA=') format('woff2'),
-        url('./assets/icon/iconfont.woff?t=1583637102320') format('woff'),
-        url('./assets/icon/iconfont.ttf?t=1583637102320') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('./assets/icon/iconfont.svg?t=1583637102320#iconfont') format('svg'); /* iOS 4.1- */
-    }
-
-    .iconfont {
-        font-family: "iconfont" !important;
-        font-size: 16px;
-        font-style: normal;
-        -webkit-font-smoothing: antialiased;
-        -moz-osx-font-smoothing: grayscale;
-    }
-
-    .icon-android:before {
-        content: "\e61d";
-    }
-
-    .icon-android1:before {
-        content: "\e616";
-    }
-
-    .icon-android2:before {
-        content: "\e62a";
-    }
-
-    .icon-ios:before {
-        content: "\e60c";
-    }
-
-    .icon-IOS:before {
-        content: "\e68c";
-    }
-
-    .icon-ios1:before {
-        content: "\e601";
-    }
-
-    .icon-ios2:before {
-        content: "\e64b";
-    }
-
-    .icon-Android:before {
-        content: "\e6d4";
-    }
-
-    .icon-android3:before {
-        content: "\e625";
-    }
-
-    .canvas {
-        position: fixed;
-        left: -0px;
-        top: 58px;
-        height: 100%;
-        z-index: -2;
-        width: 100%;
-    }
+body {
+  background-color: #F6F6F6;
+}
+
+html, body {
+  height: 100%;
+}
+
+@font-face {
+  font-family: "iconfont";
+  src: url('./assets/icon/iconfont.eot?t=1583637102320'); /* IE9 */
+  src: url('./assets/icon/iconfont.eot?t=1583637102320#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAnUAAsAAAAAEXwAAAmIAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCEIAqUYJBKATYCJAMoCxYABCAFhG0HdhuGDlGUL1aT7CuMW3giIDU2lBZVYzMmA6BYbBoB4AIAvsWyNCR1ZYRAPDyt/e/cmdn1b4KYdG+eSCaJRMWjWPVE6ZTyQkZL4P/W2j938EFdZvf2bG4F1UgXqyQeKfBIqpGQb4i2eQ/W/4P6Ek9oYwayNWYT2liwtS7KBWzNL+pBXQarNpcN/6uINB8EdIMjCcASCSSx4cAb7oGJPvjzf6maMe0OLEmbbAtQ1TLH+t2bjwpcoLGH1RZY9/OCWElqEp69Ctt/lUoZgKMJ9DZKJTpb39oLSoVQBWoeMPQUKGtmZQQOra7u2bKID6DSppeMC3hP7x//HA0lSZWJNS/fr5uFyp+QiaT/uZpYwYv1OWFuR8Z+oBDfe93f5Fy5n9R9H1g8BBYZNWVZ128wWubBX4gsc00C/+npXSCHRbkuqBVJ6GSNo/zjETVVPQL/ONPxMyIeNT9HHoWfyzwSPzeo8DQ7IF5OsxdGGZpzMGqgeQOjCpoJxHejmz7ZYhE4AvIjgLIWhPY8ORu1xKf7mSXfEqJWz1lFqu4IsUVclojNFtvZeZZJWCxfTwc225MLw+IOJVu9jIhlZydks0WD2YzVCGJDzZv3bRWtVSPgFM6ZTJDKjCPGrSIdax2dlWgymUleOEnitJKXpPyEKz9ri1IZTMalepIwQ/od1OvB5hq3QpDBcnCLkASgX+Ot37xvI9/Ep9QGC7EF1DMQNJgws3VoBmqIDgCbNXYuVd01lKFvR5CqnITxPpi1Z23gbKCzVCYzT3meaFLvhr5kmfWJDrV+iz8KDo/ogiAUbGoo8SKbLBDTGVnfLmB0BpiGzuEVMxCPpJitnaqi7QPc/I2nEGN6Yb7eUj2voN2qcKHuJxEIVUb7HLspkHcwNKgtsk9XrLzLL2qnl/syr6WbOyffau0FeKUntEq8bGeo+bLsHFVv2IggXAm3BxcRKD4qQJAKpPFED97cegA2kUtJkufhEa5hguf0l6KbAjfRsqUoyisV/sajng+9Tg8sp/2sVPRImnYco2IPWCUbqfgT1lSrrW/7VfTgedn+s9KD1yN30pCRKrXQnuutQZutHvvpsYD3WcPOT9ADl+8K2mVNPnAp9cSF3FNUNnVr4DitOXmXd5BOI2x9VwM0UXRJJ6U6MWENSmG19tlu9tF0g83WkJw35hw1brVGEXTtxk4RtKzrdEcwaG7N+s0ANrPfcth3vHWoM7SOzosxLcPNKMmLbqN7xpoDCR7Zwo26aAOV2mziKs4ZG1WmpTzlGUXJPpWdjSaDmSD1S9EsUryx0/OqplwYy9vjrrPyxLZUyHbAlg4UBYchLJdPRqKr5WY1GnenBYElwhrjZsE0UWXitVtXau4B6TbsEETKTYgqW7ca11skHotAqCLSqu8TzTldome82Wsp5a2lPn03qYZV0HrRfaYtuR2xJ6W3pQhPi8Xyezqa3c8TyNnMNv1zOy+QUBFrb8+Yo3hUiDsBt4OTRPQOeXLy11deWJbq1+OgVrJp8JITpcISj+p5aa9SJ5TKi/o2VKD37G/xu1ERehnQt/bKk+LfZZ2Li48XXAy/KLjDXTbqabKD0+DFjk5YidPrAw8b+ADh3wm7wHd0BAD7RC6YL3I63Np/w+1uHZyLbhdOOgWY4JsQi8aE33JgNDJJFCsKnToP+Ain5hLZJ+oMIeJY0aRZzy41NiRiiRkNlwIzZVR8UKZ6gjrOx1Oy55plBcn64P+UtFEhJJwsTRaRKlKkLQ6TIVFajgW4FybDoZ1loaLkI+ACamn7vt5/X1BiF1y1/8m85UFdNdyaAG6A7phsAKgEUNljkEgZGhJqDY7/TQBeHCUBQ7bM3HwgbX2hUHhqbn3VDsIVYcAoomY1TISKHcKariNO2PbaZgyX5N6oC/OHfNjxXzabV+91hR2d90zbk6bWotfUxzuvZ/mWE2AIgaUsOMde5snf/NxBElNVPnB045As1kLdjhRM0wCJH8X384+4FiQpzJ3tlufDTZydm1/k+xI80DKzs7INNcWemo9FflMbU70a5MXSzpiaiJeyfPP74Jjso8dKNQbLzDuiJKZjVebQuSV4UtxHuc94mSgx1kfuDXSn54cWlI/IC901zzN/UFheSAz85UPeQ4W6cPeJ5Z7Qz3V1Yf4DxUwcjVMOHNy/Z7VCcnVNu+RhrCZm2Pgc/PekHiDmSxhpaVX/Zpb3ybTr7gmq/SQPHuhYh85ZyzAgS9bhdbCcmeKbiAdODfLT8OYfiitWlDYqpvArls3WTlgMAt2/dHlh2PKgTf9C3xZ6SfMPf4H/e/DeeBU9YTHXud+QEcczVOuLHD+8pR7Q4ItaA4rCDaqSE1PLB/c/6xOQwt8fF5DmMMYhIFW6P8A/ZWWSDlR+AvKkAZJcuA2ThltOqtHilt0hhX74CCiuz12fJrwJOm/kar23PmgzaH21LlvtP7SQMKjJ4X3Ge4emTB16l/FuniAh5KR716vKe+sOOlsSWpJUK/6+4R1UkQDelaH4e4fnCqZB8Dwv3HAbkMo7II0h+zH2kPQAT7diZzA60R6o3IB2E8hUwxCdENuicNkw3pQ1YR3AhGA9UOqmhVWC7/HngiboCBZbg4KDzga9uu/nfkayyrXNtb5N0LO3U5vStQ1TJl+Jq2M/00nrlp1baILFTn7eSQjGzoIaSRi7V5FYhGUuwcaARMOYt59wXsE8J7+YWJonyFWLkc/AlG4gigJdJjGTQJ1iCbNXk56FOQWmJZOoT+UzxdQWBqaOatItGSBI3E3MxD40KfmrXQpS5vyRCZc+X53Qn98Zz0aZ+yj0f0oB601pJcIT/LFKmMNKINMsffEGFomXauqjNqtKllBO4+/UP+993doltuQfXLtU0pPGBnrW2o4u+P30yuA4vdY6Qe/t07D9YAFHIkqHvfYUeph1RU+m/aBns24EEAD/Rq8s+xcelTUkEMB7JTjY42BnMOokDk8JeBZNLyFmhvio0Caos9puTM95priqjCj9mOOZGMpKz2zmGrAPc+tYh5+nswWBQhRHvKheOR72eAjyc8SFZ4R0pyD4izMyqL5102eIF9TO4GBThIR9FjJtiZ8xg/ChkAXq1tt3w2hzPKZwI736/P0wDo+ZPZIlXSYD3aD2sXrdF5A3j5ZNUJ0UFHXkEF5IverEPDJNIP7+xVywGYJ0ziWSfsUy1NEorjp9+1rvrS37se5DXLePFDlKVFFHE2100cegueWb5QgzqyRdljFPtoQhvCSjo0cKVVaMkK2o4rlyAAA=') format('woff2'),
+  url('./assets/icon/iconfont.woff?t=1583637102320') format('woff'),
+  url('./assets/icon/iconfont.ttf?t=1583637102320') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('./assets/icon/iconfont.svg?t=1583637102320#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-android:before {
+  content: "\e61d";
+}
+
+.icon-android1:before {
+  content: "\e616";
+}
+
+.icon-android2:before {
+  content: "\e62a";
+}
+
+.icon-ios:before {
+  content: "\e60c";
+}
+
+.icon-IOS:before {
+  content: "\e68c";
+}
+
+.icon-ios1:before {
+  content: "\e601";
+}
+
+.icon-ios2:before {
+  content: "\e64b";
+}
+
+.icon-Android:before {
+  content: "\e6d4";
+}
+
+.icon-android3:before {
+  content: "\e625";
+}
+
+.canvas {
+  position: fixed;
+  left: -0px;
+  top: 58px;
+  height: 100%;
+  z-index: -2;
+  width: 100%;
+}
 
 </style>
diff --git a/fir_client/src/Download.vue b/fir_client/src/Download.vue
index ea2122a..6f56e55 100644
--- a/fir_client/src/Download.vue
+++ b/fir_client/src/Download.vue
@@ -1,75 +1,75 @@
 <template>
-    <div id="download" ref="download">
-        <router-view></router-view>
-    </div>
+  <div id="download" ref="download">
+    <router-view></router-view>
+  </div>
 </template>
 
 <script>
 
-    export default {
-        name: 'download',
-        data() {
-            return {}
-        },
-    }
+export default {
+  name: 'download',
+  data() {
+    return {}
+  },
+}
 </script>
 
 <style>
-    body {
-        background-color: #F6F6F6;
-    }
-
-    @font-face {
-        font-family: "iconfont";
-        src: url('./assets/icon/iconfont.eot?t=1583637102320'); /* IE9 */
-        src: url('./assets/icon/iconfont.eot?t=1583637102320#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAnUAAsAAAAAEXwAAAmIAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCEIAqUYJBKATYCJAMoCxYABCAFhG0HdhuGDlGUL1aT7CuMW3giIDU2lBZVYzMmA6BYbBoB4AIAvsWyNCR1ZYRAPDyt/e/cmdn1b4KYdG+eSCaJRMWjWPVE6ZTyQkZL4P/W2j938EFdZvf2bG4F1UgXqyQeKfBIqpGQb4i2eQ/W/4P6Ek9oYwayNWYT2liwtS7KBWzNL+pBXQarNpcN/6uINB8EdIMjCcASCSSx4cAb7oGJPvjzf6maMe0OLEmbbAtQ1TLH+t2bjwpcoLGH1RZY9/OCWElqEp69Ctt/lUoZgKMJ9DZKJTpb39oLSoVQBWoeMPQUKGtmZQQOra7u2bKID6DSppeMC3hP7x//HA0lSZWJNS/fr5uFyp+QiaT/uZpYwYv1OWFuR8Z+oBDfe93f5Fy5n9R9H1g8BBYZNWVZ128wWubBX4gsc00C/+npXSCHRbkuqBVJ6GSNo/zjETVVPQL/ONPxMyIeNT9HHoWfyzwSPzeo8DQ7IF5OsxdGGZpzMGqgeQOjCpoJxHejmz7ZYhE4AvIjgLIWhPY8ORu1xKf7mSXfEqJWz1lFqu4IsUVclojNFtvZeZZJWCxfTwc225MLw+IOJVu9jIhlZydks0WD2YzVCGJDzZv3bRWtVSPgFM6ZTJDKjCPGrSIdax2dlWgymUleOEnitJKXpPyEKz9ri1IZTMalepIwQ/od1OvB5hq3QpDBcnCLkASgX+Ot37xvI9/Ep9QGC7EF1DMQNJgws3VoBmqIDgCbNXYuVd01lKFvR5CqnITxPpi1Z23gbKCzVCYzT3meaFLvhr5kmfWJDrV+iz8KDo/ogiAUbGoo8SKbLBDTGVnfLmB0BpiGzuEVMxCPpJitnaqi7QPc/I2nEGN6Yb7eUj2voN2qcKHuJxEIVUb7HLspkHcwNKgtsk9XrLzLL2qnl/syr6WbOyffau0FeKUntEq8bGeo+bLsHFVv2IggXAm3BxcRKD4qQJAKpPFED97cegA2kUtJkufhEa5hguf0l6KbAjfRsqUoyisV/sajng+9Tg8sp/2sVPRImnYco2IPWCUbqfgT1lSrrW/7VfTgedn+s9KD1yN30pCRKrXQnuutQZutHvvpsYD3WcPOT9ADl+8K2mVNPnAp9cSF3FNUNnVr4DitOXmXd5BOI2x9VwM0UXRJJ6U6MWENSmG19tlu9tF0g83WkJw35hw1brVGEXTtxk4RtKzrdEcwaG7N+s0ANrPfcth3vHWoM7SOzosxLcPNKMmLbqN7xpoDCR7Zwo26aAOV2mziKs4ZG1WmpTzlGUXJPpWdjSaDmSD1S9EsUryx0/OqplwYy9vjrrPyxLZUyHbAlg4UBYchLJdPRqKr5WY1GnenBYElwhrjZsE0UWXitVtXau4B6TbsEETKTYgqW7ca11skHotAqCLSqu8TzTldome82Wsp5a2lPn03qYZV0HrRfaYtuR2xJ6W3pQhPi8Xyezqa3c8TyNnMNv1zOy+QUBFrb8+Yo3hUiDsBt4OTRPQOeXLy11deWJbq1+OgVrJp8JITpcISj+p5aa9SJ5TKi/o2VKD37G/xu1ERehnQt/bKk+LfZZ2Li48XXAy/KLjDXTbqabKD0+DFjk5YidPrAw8b+ADh3wm7wHd0BAD7RC6YL3I63Np/w+1uHZyLbhdOOgWY4JsQi8aE33JgNDJJFCsKnToP+Ain5hLZJ+oMIeJY0aRZzy41NiRiiRkNlwIzZVR8UKZ6gjrOx1Oy55plBcn64P+UtFEhJJwsTRaRKlKkLQ6TIVFajgW4FybDoZ1loaLkI+ACamn7vt5/X1BiF1y1/8m85UFdNdyaAG6A7phsAKgEUNljkEgZGhJqDY7/TQBeHCUBQ7bM3HwgbX2hUHhqbn3VDsIVYcAoomY1TISKHcKariNO2PbaZgyX5N6oC/OHfNjxXzabV+91hR2d90zbk6bWotfUxzuvZ/mWE2AIgaUsOMde5snf/NxBElNVPnB045As1kLdjhRM0wCJH8X384+4FiQpzJ3tlufDTZydm1/k+xI80DKzs7INNcWemo9FflMbU70a5MXSzpiaiJeyfPP74Jjso8dKNQbLzDuiJKZjVebQuSV4UtxHuc94mSgx1kfuDXSn54cWlI/IC901zzN/UFheSAz85UPeQ4W6cPeJ5Z7Qz3V1Yf4DxUwcjVMOHNy/Z7VCcnVNu+RhrCZm2Pgc/PekHiDmSxhpaVX/Zpb3ybTr7gmq/SQPHuhYh85ZyzAgS9bhdbCcmeKbiAdODfLT8OYfiitWlDYqpvArls3WTlgMAt2/dHlh2PKgTf9C3xZ6SfMPf4H/e/DeeBU9YTHXud+QEcczVOuLHD+8pR7Q4ItaA4rCDaqSE1PLB/c/6xOQwt8fF5DmMMYhIFW6P8A/ZWWSDlR+AvKkAZJcuA2ThltOqtHilt0hhX74CCiuz12fJrwJOm/kar23PmgzaH21LlvtP7SQMKjJ4X3Ge4emTB16l/FuniAh5KR716vKe+sOOlsSWpJUK/6+4R1UkQDelaH4e4fnCqZB8Dwv3HAbkMo7II0h+zH2kPQAT7diZzA60R6o3IB2E8hUwxCdENuicNkw3pQ1YR3AhGA9UOqmhVWC7/HngiboCBZbg4KDzga9uu/nfkayyrXNtb5N0LO3U5vStQ1TJl+Jq2M/00nrlp1baILFTn7eSQjGzoIaSRi7V5FYhGUuwcaARMOYt59wXsE8J7+YWJonyFWLkc/AlG4gigJdJjGTQJ1iCbNXk56FOQWmJZOoT+UzxdQWBqaOatItGSBI3E3MxD40KfmrXQpS5vyRCZc+X53Qn98Zz0aZ+yj0f0oB601pJcIT/LFKmMNKINMsffEGFomXauqjNqtKllBO4+/UP+993doltuQfXLtU0pPGBnrW2o4u+P30yuA4vdY6Qe/t07D9YAFHIkqHvfYUeph1RU+m/aBns24EEAD/Rq8s+xcelTUkEMB7JTjY42BnMOokDk8JeBZNLyFmhvio0Caos9puTM95priqjCj9mOOZGMpKz2zmGrAPc+tYh5+nswWBQhRHvKheOR72eAjyc8SFZ4R0pyD4izMyqL5102eIF9TO4GBThIR9FjJtiZ8xg/ChkAXq1tt3w2hzPKZwI736/P0wDo+ZPZIlXSYD3aD2sXrdF5A3j5ZNUJ0UFHXkEF5IverEPDJNIP7+xVywGYJ0ziWSfsUy1NEorjp9+1rvrS37se5DXLePFDlKVFFHE2100cegueWb5QgzqyRdljFPtoQhvCSjo0cKVVaMkK2o4rlyAAA=') format('woff2'),
-        url('./assets/icon/iconfont.woff?t=1583637102320') format('woff'),
-        url('./assets/icon/iconfont.ttf?t=1583637102320') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('./assets/icon/iconfont.svg?t=1583637102320#iconfont') format('svg'); /* iOS 4.1- */
-    }
-
-    .iconfont {
-        font-family: "iconfont" !important;
-        font-size: 16px;
-        font-style: normal;
-        -webkit-font-smoothing: antialiased;
-        -moz-osx-font-smoothing: grayscale;
-    }
-
-    .icon-android:before {
-        content: "\e61d";
-    }
-
-    .icon-android1:before {
-        content: "\e616";
-    }
-
-    .icon-android2:before {
-        content: "\e62a";
-    }
-
-    .icon-ios:before {
-        content: "\e60c";
-    }
-
-    .icon-IOS:before {
-        content: "\e68c";
-    }
-
-    .icon-ios1:before {
-        content: "\e601";
-    }
-
-    .icon-ios2:before {
-        content: "\e64b";
-    }
-
-    .icon-Android:before {
-        content: "\e6d4";
-    }
-
-    .icon-android3:before {
-        content: "\e625";
-    }
+body {
+  background-color: #F6F6F6;
+}
+
+@font-face {
+  font-family: "iconfont";
+  src: url('./assets/icon/iconfont.eot?t=1583637102320'); /* IE9 */
+  src: url('./assets/icon/iconfont.eot?t=1583637102320#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAnUAAsAAAAAEXwAAAmIAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCEIAqUYJBKATYCJAMoCxYABCAFhG0HdhuGDlGUL1aT7CuMW3giIDU2lBZVYzMmA6BYbBoB4AIAvsWyNCR1ZYRAPDyt/e/cmdn1b4KYdG+eSCaJRMWjWPVE6ZTyQkZL4P/W2j938EFdZvf2bG4F1UgXqyQeKfBIqpGQb4i2eQ/W/4P6Ek9oYwayNWYT2liwtS7KBWzNL+pBXQarNpcN/6uINB8EdIMjCcASCSSx4cAb7oGJPvjzf6maMe0OLEmbbAtQ1TLH+t2bjwpcoLGH1RZY9/OCWElqEp69Ctt/lUoZgKMJ9DZKJTpb39oLSoVQBWoeMPQUKGtmZQQOra7u2bKID6DSppeMC3hP7x//HA0lSZWJNS/fr5uFyp+QiaT/uZpYwYv1OWFuR8Z+oBDfe93f5Fy5n9R9H1g8BBYZNWVZ128wWubBX4gsc00C/+npXSCHRbkuqBVJ6GSNo/zjETVVPQL/ONPxMyIeNT9HHoWfyzwSPzeo8DQ7IF5OsxdGGZpzMGqgeQOjCpoJxHejmz7ZYhE4AvIjgLIWhPY8ORu1xKf7mSXfEqJWz1lFqu4IsUVclojNFtvZeZZJWCxfTwc225MLw+IOJVu9jIhlZydks0WD2YzVCGJDzZv3bRWtVSPgFM6ZTJDKjCPGrSIdax2dlWgymUleOEnitJKXpPyEKz9ri1IZTMalepIwQ/od1OvB5hq3QpDBcnCLkASgX+Ot37xvI9/Ep9QGC7EF1DMQNJgws3VoBmqIDgCbNXYuVd01lKFvR5CqnITxPpi1Z23gbKCzVCYzT3meaFLvhr5kmfWJDrV+iz8KDo/ogiAUbGoo8SKbLBDTGVnfLmB0BpiGzuEVMxCPpJitnaqi7QPc/I2nEGN6Yb7eUj2voN2qcKHuJxEIVUb7HLspkHcwNKgtsk9XrLzLL2qnl/syr6WbOyffau0FeKUntEq8bGeo+bLsHFVv2IggXAm3BxcRKD4qQJAKpPFED97cegA2kUtJkufhEa5hguf0l6KbAjfRsqUoyisV/sajng+9Tg8sp/2sVPRImnYco2IPWCUbqfgT1lSrrW/7VfTgedn+s9KD1yN30pCRKrXQnuutQZutHvvpsYD3WcPOT9ADl+8K2mVNPnAp9cSF3FNUNnVr4DitOXmXd5BOI2x9VwM0UXRJJ6U6MWENSmG19tlu9tF0g83WkJw35hw1brVGEXTtxk4RtKzrdEcwaG7N+s0ANrPfcth3vHWoM7SOzosxLcPNKMmLbqN7xpoDCR7Zwo26aAOV2mziKs4ZG1WmpTzlGUXJPpWdjSaDmSD1S9EsUryx0/OqplwYy9vjrrPyxLZUyHbAlg4UBYchLJdPRqKr5WY1GnenBYElwhrjZsE0UWXitVtXau4B6TbsEETKTYgqW7ca11skHotAqCLSqu8TzTldome82Wsp5a2lPn03qYZV0HrRfaYtuR2xJ6W3pQhPi8Xyezqa3c8TyNnMNv1zOy+QUBFrb8+Yo3hUiDsBt4OTRPQOeXLy11deWJbq1+OgVrJp8JITpcISj+p5aa9SJ5TKi/o2VKD37G/xu1ERehnQt/bKk+LfZZ2Li48XXAy/KLjDXTbqabKD0+DFjk5YidPrAw8b+ADh3wm7wHd0BAD7RC6YL3I63Np/w+1uHZyLbhdOOgWY4JsQi8aE33JgNDJJFCsKnToP+Ain5hLZJ+oMIeJY0aRZzy41NiRiiRkNlwIzZVR8UKZ6gjrOx1Oy55plBcn64P+UtFEhJJwsTRaRKlKkLQ6TIVFajgW4FybDoZ1loaLkI+ACamn7vt5/X1BiF1y1/8m85UFdNdyaAG6A7phsAKgEUNljkEgZGhJqDY7/TQBeHCUBQ7bM3HwgbX2hUHhqbn3VDsIVYcAoomY1TISKHcKariNO2PbaZgyX5N6oC/OHfNjxXzabV+91hR2d90zbk6bWotfUxzuvZ/mWE2AIgaUsOMde5snf/NxBElNVPnB045As1kLdjhRM0wCJH8X384+4FiQpzJ3tlufDTZydm1/k+xI80DKzs7INNcWemo9FflMbU70a5MXSzpiaiJeyfPP74Jjso8dKNQbLzDuiJKZjVebQuSV4UtxHuc94mSgx1kfuDXSn54cWlI/IC901zzN/UFheSAz85UPeQ4W6cPeJ5Z7Qz3V1Yf4DxUwcjVMOHNy/Z7VCcnVNu+RhrCZm2Pgc/PekHiDmSxhpaVX/Zpb3ybTr7gmq/SQPHuhYh85ZyzAgS9bhdbCcmeKbiAdODfLT8OYfiitWlDYqpvArls3WTlgMAt2/dHlh2PKgTf9C3xZ6SfMPf4H/e/DeeBU9YTHXud+QEcczVOuLHD+8pR7Q4ItaA4rCDaqSE1PLB/c/6xOQwt8fF5DmMMYhIFW6P8A/ZWWSDlR+AvKkAZJcuA2ThltOqtHilt0hhX74CCiuz12fJrwJOm/kar23PmgzaH21LlvtP7SQMKjJ4X3Ge4emTB16l/FuniAh5KR716vKe+sOOlsSWpJUK/6+4R1UkQDelaH4e4fnCqZB8Dwv3HAbkMo7II0h+zH2kPQAT7diZzA60R6o3IB2E8hUwxCdENuicNkw3pQ1YR3AhGA9UOqmhVWC7/HngiboCBZbg4KDzga9uu/nfkayyrXNtb5N0LO3U5vStQ1TJl+Jq2M/00nrlp1baILFTn7eSQjGzoIaSRi7V5FYhGUuwcaARMOYt59wXsE8J7+YWJonyFWLkc/AlG4gigJdJjGTQJ1iCbNXk56FOQWmJZOoT+UzxdQWBqaOatItGSBI3E3MxD40KfmrXQpS5vyRCZc+X53Qn98Zz0aZ+yj0f0oB601pJcIT/LFKmMNKINMsffEGFomXauqjNqtKllBO4+/UP+993doltuQfXLtU0pPGBnrW2o4u+P30yuA4vdY6Qe/t07D9YAFHIkqHvfYUeph1RU+m/aBns24EEAD/Rq8s+xcelTUkEMB7JTjY42BnMOokDk8JeBZNLyFmhvio0Caos9puTM95priqjCj9mOOZGMpKz2zmGrAPc+tYh5+nswWBQhRHvKheOR72eAjyc8SFZ4R0pyD4izMyqL5102eIF9TO4GBThIR9FjJtiZ8xg/ChkAXq1tt3w2hzPKZwI736/P0wDo+ZPZIlXSYD3aD2sXrdF5A3j5ZNUJ0UFHXkEF5IverEPDJNIP7+xVywGYJ0ziWSfsUy1NEorjp9+1rvrS37se5DXLePFDlKVFFHE2100cegueWb5QgzqyRdljFPtoQhvCSjo0cKVVaMkK2o4rlyAAA=') format('woff2'),
+  url('./assets/icon/iconfont.woff?t=1583637102320') format('woff'),
+  url('./assets/icon/iconfont.ttf?t=1583637102320') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('./assets/icon/iconfont.svg?t=1583637102320#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-android:before {
+  content: "\e61d";
+}
+
+.icon-android1:before {
+  content: "\e616";
+}
+
+.icon-android2:before {
+  content: "\e62a";
+}
+
+.icon-ios:before {
+  content: "\e60c";
+}
+
+.icon-IOS:before {
+  content: "\e68c";
+}
+
+.icon-ios1:before {
+  content: "\e601";
+}
+
+.icon-ios2:before {
+  content: "\e64b";
+}
+
+.icon-Android:before {
+  content: "\e6d4";
+}
+
+.icon-android3:before {
+  content: "\e625";
+}
 
 
 </style>
diff --git a/fir_client/src/components/FirBase.vue b/fir_client/src/components/FirBase.vue
index e1a8952..e0de402 100644
--- a/fir_client/src/components/FirBase.vue
+++ b/fir_client/src/components/FirBase.vue
@@ -1,129 +1,129 @@
 <template>
-    <div ref="appbase">
-        <el-dialog
-                :title="bind_domain_title"
-                :close-on-click-modal="false"
-                :close-on-press-escape="false"
-                :visible.sync="bind_domain_sure"
-                width="666px">
-            <bind-domain v-if="bind_domain_sure" :transitionName="`bind-user-domain`+ bind_domain_type"
-                         :domain_type="bind_domain_type"/>
-        </el-dialog>
-        <canvas ref="canvas" class="canvas" @mousemove="canvas_move" @mouseleave="canvas_leave"/>
-        <el-container>
-            <div style="margin: -5px 20px" v-if="$store.state.show_domain_msg">
-                <el-alert
-                        center
-                        type="error"
-                        :closable="false"
-                        effect="dark">
-                    <div slot="title">
+  <div ref="appbase">
+    <el-dialog
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        :title="bind_domain_title"
+        :visible.sync="bind_domain_sure"
+        width="666px">
+      <bind-domain v-if="bind_domain_sure" :domain_type="bind_domain_type"
+                   :transitionName="`bind-user-domain`+ bind_domain_type"/>
+    </el-dialog>
+    <canvas ref="canvas" class="canvas" @mouseleave="canvas_leave" @mousemove="canvas_move"/>
+    <el-container>
+      <div v-if="$store.state.show_domain_msg" style="margin: -5px 20px">
+        <el-alert
+            :closable="false"
+            center
+            effect="dark"
+            type="error">
+          <div slot="title">
                         <span :underline="false"
                               class="domian-tip-bar">应用分发请绑定您自己的域名，平台分发域名可能因不可违因素更换，将导致您的应用无法访问</span>
-                        <el-button size="medium" @click="bind_domain_type=1,bind_domain_sure=true">立即绑定</el-button>
-                    </div>
-                </el-alert>
-            </div>
-            <el-header>
-                <FirHeader/>
-            </el-header>
-            <div class="pbody">
-                <router-view/>
-            </div>
-            <el-footer>
-                <el-divider/>
-                <FirFooter/>
-            </el-footer>
-            <el-tooltip placement="top" content="回到顶部">
-                <back-to-top :custom-style="myBackToTopStyle" :visibility-height="300" :back-position="50"
-                             transition-name="fade"/>
-            </el-tooltip>
-        </el-container>
-    </div>
+            <el-button size="medium" @click="bind_domain_type=1,bind_domain_sure=true">立即绑定</el-button>
+          </div>
+        </el-alert>
+      </div>
+      <el-header>
+        <FirHeader/>
+      </el-header>
+      <div class="pbody">
+        <router-view/>
+      </div>
+      <el-footer>
+        <el-divider/>
+        <FirFooter/>
+      </el-footer>
+      <el-tooltip content="回到顶部" placement="top">
+        <back-to-top :back-position="50" :custom-style="myBackToTopStyle" :visibility-height="300"
+                     transition-name="fade"/>
+      </el-tooltip>
+    </el-container>
+  </div>
 
 </template>
 
 <script>
-    import FirHeader from "@/components/FirHeader";
-    import FirFooter from "@/components/FirFooter";
-    import BackToTop from "@/components/base/BackToTop";
-    import BindDomain from "@/components/base/BindDomain";
-    import {show_beautpic,} from "@/utils";
+import FirHeader from "@/components/FirHeader";
+import FirFooter from "@/components/FirFooter";
+import BackToTop from "@/components/base/BackToTop";
+import BindDomain from "@/components/base/BindDomain";
+import {show_beautpic,} from "@/utils";
 
-    export default {
-        name: "FirBase",
-        components: {FirFooter, FirHeader, BackToTop, BindDomain},
-        data() {
-            return {
-                mousePosition: {},
-                bind_domain_sure: false,
-                bind_domain_title: '绑定下载页域名',
-                bind_domain_type: 1,
-                active: 1,
-                domain_name: '',
-                bind_status: false,
-                domain_tData: [{'type': 'CNAME', 'host': 'xxx', 'dns': 'demo.xxx.cn'}],
-                myBackToTopStyle: {
-                    right: '80px',
-                    bottom: '100px',
-                    width: '40px',
-                    height: '40px',
-                    'border-radius': '4px',
-                    'line-height': '45px',
-                    background: '#e7eaf1'
-                }
-            }
-        },
-        mounted() {
-            let canvas = this.$refs.canvas;
-            show_beautpic(this, canvas, 200);
-        }, watch: {
-            '$store.state.userinfo': function () {
-                if (this.$store.state.userinfo.domain_name) {
-                    this.$store.dispatch("dodomainshow", false);
-                } else {
-                    this.$store.dispatch("dodomainshow", true);
-                }
-            },
-            '$store.state.domain_action': function () {
-                if (this.$store.state.domain_action) {
-                    if (this.$store.state.domain_action === 2) {
-                        this.bind_domain_title = '绑定下载码域名';
-                        this.bind_domain_type = 0
-                    } else {
-                        this.bind_domain_title = '绑定下载页域名';
-                        this.bind_domain_type = 1
-                    }
-                    this.$store.dispatch("dodomainaction", 0);
-                    this.bind_domain_sure = true;
-                }
-            },
-        }
-        , methods: {
-            canvas_move(e) {
-                this.mousePosition.x = e.pageX;
-                this.mousePosition.y = e.pageY;
-            },
-            // eslint-disable-next-line no-unused-vars
-            canvas_leave(e) {
-                let canvas = this.$refs.canvas;
-                this.mousePosition.x = canvas.width / 2;
-                this.mousePosition.y = canvas.height / 2;
-            },
-        }
+export default {
+  name: "FirBase",
+  components: {FirFooter, FirHeader, BackToTop, BindDomain},
+  data() {
+    return {
+      mousePosition: {},
+      bind_domain_sure: false,
+      bind_domain_title: '绑定下载页域名',
+      bind_domain_type: 1,
+      active: 1,
+      domain_name: '',
+      bind_status: false,
+      domain_tData: [{'type': 'CNAME', 'host': 'xxx', 'dns': 'demo.xxx.cn'}],
+      myBackToTopStyle: {
+        right: '80px',
+        bottom: '100px',
+        width: '40px',
+        height: '40px',
+        'border-radius': '4px',
+        'line-height': '45px',
+        background: '#e7eaf1'
+      }
     }
+  },
+  mounted() {
+    let canvas = this.$refs.canvas;
+    show_beautpic(this, canvas, 200);
+  }, watch: {
+    '$store.state.userinfo': function () {
+      if (this.$store.state.userinfo.domain_name) {
+        this.$store.dispatch("dodomainshow", false);
+      } else {
+        this.$store.dispatch("dodomainshow", true);
+      }
+    },
+    '$store.state.domain_action': function () {
+      if (this.$store.state.domain_action) {
+        if (this.$store.state.domain_action === 2) {
+          this.bind_domain_title = '绑定下载码域名';
+          this.bind_domain_type = 0
+        } else {
+          this.bind_domain_title = '绑定下载页域名';
+          this.bind_domain_type = 1
+        }
+        this.$store.dispatch("dodomainaction", 0);
+        this.bind_domain_sure = true;
+      }
+    },
+  }
+  , methods: {
+    canvas_move(e) {
+      this.mousePosition.x = e.pageX;
+      this.mousePosition.y = e.pageY;
+    },
+    // eslint-disable-next-line no-unused-vars
+    canvas_leave(e) {
+      let canvas = this.$refs.canvas;
+      this.mousePosition.x = canvas.width / 2;
+      this.mousePosition.y = canvas.height / 2;
+    },
+  }
+}
 </script>
 
 <style scoped>
-    .pbody {
-        padding-top: 30px;
-    }
+.pbody {
+  padding-top: 30px;
+}
 
-    .domian-tip-bar {
-        line-height: 43px;
-        color: #fff;
-        font-weight: 500;
-        font-size: medium;
-        margin-right: 20px;
-    }
+.domian-tip-bar {
+  line-height: 43px;
+  color: #fff;
+  font-weight: 500;
+  font-size: medium;
+  margin-right: 20px;
+}
 </style>
diff --git a/fir_client/src/components/FirDownload.vue b/fir_client/src/components/FirDownload.vue
index 5f51c1f..bec5d7b 100644
--- a/fir_client/src/components/FirDownload.vue
+++ b/fir_client/src/components/FirDownload.vue
@@ -1,110 +1,111 @@
 <template>
-    <el-container class="container">
-        <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
-
-        <el-main style="margin-top: -60px" v-if="report_flag">
-            <a style="color: #3888fa" @click="report_flag=false">&lt;&nbsp;返回下载页</a>
-            <el-header style="text-align: center;height: 20px;margin-top: 10px">举报详情</el-header>
-
-            <el-form>
-                <el-form-item>
-                    <span>举报原因</span>
-                    <el-select v-model="report_info.report_type" style="width: 100%">
-                        <el-option v-for="item in report_info_list" :key="item.id" :label="item.name"
-                                   :value="item.id">
-                        </el-option>
-                    </el-select>
-                </el-form-item>
-                <el-form-item style="margin-top: -10px">
-                    <span>详细原因</span>
-                    <el-input type="textarea"
-                              :rows="3"
-                              v-model="report_info.report_reason"
-                              placeholder="请详细说明举报原因"></el-input>
-                </el-form-item>
-            </el-form>
-            <el-divider/>
-            <el-form style="margin-top: -20px">
-                <el-header style="text-align: center;height: 20px">举报人信息填写</el-header>
-                <el-form-item>
-                    <span>真实姓名</span>
-                    <el-input v-model="report_info.username" placeholder="请输入您的姓名" clearable></el-input>
-                </el-form-item>
-                <el-form-item style="margin-top: -10px">
-                    <span>联系信息</span>
-                    <el-row>
-                        <el-input v-model="report_info.email" :placeholder="`请输入您的${report_info_title}`"
-                                  clearable></el-input>
-                    </el-row>
-
-                    <el-row v-if="captcha.captcha_image" style="margin-top: 10px;margin-bottom: -10px">
-                        <el-col :span="16">
-                            <el-input placeholder="请输入图片验证码" v-model="report_info.authcode" maxlength="6" clearable/>
-                        </el-col>
-                        <el-col :span="8">
-                            <el-image
-                                    style="margin:0 4px;border-radius:4px;cursor:pointer;height: 40px"
-                                    :src="captcha.captcha_image"
-                                    fit="contain" @click="get_auth_code">
-                            </el-image>
-                        </el-col>
-                    </el-row>
-
-                    <el-row style="margin-top: 10px">
-                        <el-col :span="12">
-                            <el-input v-model="report_info.seicode" prefix-icon="el-icon-mobile"
-                                      placeholder="验证码" clearable/>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-button type="info" @click="getphonecode" plain
-                                       style="margin:0 4px;border-radius:4px;cursor:pointer;height: 40px;width: 100%">
-                                获取验证码
-                            </el-button>
-                        </el-col>
-                    </el-row>
-                </el-form-item>
-                <el-form-item>
-                    <div id="captcha" ref="captcha"></div>
-                </el-form-item>
-                <el-button style="width: 100%;height: 60px;" type="primary" plain @click="report_submit">立即举报
-                </el-button>
-            </el-form>
-        </el-main>
-
-        <div class="wechat_tip_content" v-if="(agent === 'wxandroid' || agent === 'wxapple') && !wrong">
-            <div class="mask">
-                <div class="wechat_tip" v-show="agent === 'wxandroid'">
-                    <i class="triangle-up"/>请点击右上角<br>选择"在浏览器打开"
-                </div>
-                <div class="wechat_tip" v-show="agent === 'wxapple'">
-                    <i class="triangle-up"/>请点击右上角<br>选择"在Safari中打开"
-                </div>
-            </div>
+  <el-container class="container">
+    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0" name="viewport">
+
+    <el-main v-if="report_flag" style="margin-top: -60px">
+      <a style="color: #3888fa" @click="report_flag=false">&lt;&nbsp;返回下载页</a>
+      <el-header style="text-align: center;height: 20px;margin-top: 10px">举报详情</el-header>
+
+      <el-form>
+        <el-form-item>
+          <span>举报原因</span>
+          <el-select v-model="report_info.report_type" style="width: 100%">
+            <el-option v-for="item in report_info_list" :key="item.id" :label="item.name"
+                       :value="item.id">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item style="margin-top: -10px">
+          <span>详细原因</span>
+          <el-input v-model="report_info.report_reason"
+                    :rows="3"
+                    placeholder="请详细说明举报原因"
+                    type="textarea"></el-input>
+        </el-form-item>
+      </el-form>
+      <el-divider/>
+      <el-form style="margin-top: -20px">
+        <el-header style="text-align: center;height: 20px">举报人信息填写</el-header>
+        <el-form-item>
+          <span>真实姓名</span>
+          <el-input v-model="report_info.username" clearable placeholder="请输入您的姓名"></el-input>
+        </el-form-item>
+        <el-form-item style="margin-top: -10px">
+          <span>联系信息</span>
+          <el-row>
+            <el-input v-model="report_info.email" :placeholder="`请输入您的${report_info_title}`"
+                      clearable></el-input>
+          </el-row>
+
+          <el-row v-if="captcha.captcha_image" style="margin-top: 10px;margin-bottom: -10px">
+            <el-col :span="16">
+              <el-input v-model="report_info.authcode" clearable maxlength="6" placeholder="请输入图片验证码"/>
+            </el-col>
+            <el-col :span="8">
+              <el-image
+                  :src="captcha.captcha_image"
+                  fit="contain"
+                  style="margin:0 4px;border-radius:4px;cursor:pointer;height: 40px" @click="get_auth_code">
+              </el-image>
+            </el-col>
+          </el-row>
+
+          <el-row style="margin-top: 10px">
+            <el-col :span="12">
+              <el-input v-model="report_info.seicode" clearable
+                        placeholder="验证码" prefix-icon="el-icon-mobile"/>
+            </el-col>
+            <el-col :span="12">
+              <el-button plain style="margin:0 4px;border-radius:4px;cursor:pointer;height: 40px;width: 100%" type="info"
+                         @click="getphonecode">
+                获取验证码
+              </el-button>
+            </el-col>
+          </el-row>
+        </el-form-item>
+        <el-form-item>
+          <div id="captcha" ref="captcha"></div>
+        </el-form-item>
+        <el-button plain style="width: 100%;height: 60px;" type="primary" @click="report_submit">立即举报
+        </el-button>
+      </el-form>
+    </el-main>
+
+    <div v-if="(agent === 'wxandroid' || agent === 'wxapple') && !wrong" class="wechat_tip_content">
+      <div class="mask">
+        <div v-show="agent === 'wxandroid'" class="wechat_tip">
+          <i class="triangle-up"/>请点击右上角<br>选择"在浏览器打开"
         </div>
-
-        <div v-else>
-            <!--            <span class="pattern left"><img src="@/assets/down_left.png"></span>-->
-            <!--            <span class="pattern right"><img src="@/assets/down_right.png"></span>-->
+        <div v-show="agent === 'wxapple'" class="wechat_tip">
+          <i class="triangle-up"/>请点击右上角<br>选择"在Safari中打开"
         </div>
-
-        <el-container class="out-container " v-if="wxeasytypeflag && !report_flag">
-
-            <div class="main">
-                <header>
-                    <div class="table-container">
-                        <div class="cell-container">
-                            <div class="app-brief">
-                                <div class="icon-container wrapper">
-                                    <i class="i bg-path"/>
-                                    <span class="icon"><img
-                                            :src="mcurrentappinfo.icon_url" alt=""></span>
-                                    <span id="qrcode" class="qrcode">
+      </div>
+    </div>
+
+    <div v-else>
+      <!--            <span class="pattern left"><img src="@/assets/down_left.png"></span>-->
+      <!--            <span class="pattern right"><img src="@/assets/down_right.png"></span>-->
+    </div>
+
+    <el-container v-if="wxeasytypeflag && !report_flag" class="out-container ">
+
+      <div class="main">
+        <header>
+          <div class="table-container">
+            <div class="cell-container">
+              <div class="app-brief">
+                <div class="icon-container wrapper">
+                  <i class="i bg-path"/>
+                  <span class="icon"><img
+                      :src="mcurrentappinfo.icon_url" alt=""></span>
+                  <span id="qrcode" class="qrcode">
                                     </span>
-                                </div>
-                                <p v-if="currentappinfo.issupersign" class="scan-tips wrapper icon-warp">超级签 </p>
-                                <p v-else class="scan-tips wrapper icon-warp">{{ mcurrentappinfo.release_type|getiOStype
-                                    }}</p>
-                                <h1 class="name wrapper">
+                </div>
+                <p v-if="currentappinfo.issupersign" class="scan-tips wrapper icon-warp">超级签 </p>
+                <p v-else class="scan-tips wrapper icon-warp">{{
+                    mcurrentappinfo.release_type|getiOStype
+                  }}</p>
+                <h1 class="name wrapper">
                                     <span class="icon-warp" style="margin-left:0px">
                                         <i v-if="currentappinfo.type === 0 && agent !== ''"
                                            class="iconfont icon-android2"/>
@@ -113,1670 +114,1670 @@
 
                                         {{ currentappinfo.name }}
                                     </span>
-                                </h1>
-
-                                <p class="scan-tips" style="margin-left:170px">扫描二维码下载<br/>或用手机浏览器输入这个网址：<span
-                                        class="text-black">{{ full_url }}</span></p>
-
-                                <div class="release-info" v-if="currentappinfo.description && agent === ''">
-                                    <p class="version">
-                                        应用描述：{{ currentappinfo.description }}
-                                    </p>
-                                </div>
-                                <div class="release-info">
-                                    <p>{{ mcurrentappinfo.app_version }}（Build {{ mcurrentappinfo.build_version }}）-
-                                        {{ mcurrentappinfo.binary_size }}</p>
-                                    <p>更新于：{{ mcurrentappinfo.created_time |formatTime}}</p>
-                                    <p class="version" v-if="mcurrentappinfo.changelog && agent === ''">
-                                        更新日志：{{ mcurrentappinfo.changelog }}
-                                    </p>
-                                </div>
-
-                                <div id="actions" class="actions" v-if="agent !==''"
-                                     style="margin-top: 10%;margin-bottom: 20%">
-                                    <button type="button" v-if="wrong">{{ msg }}</button>
-
-                                    <el-button type="info" round
-                                               v-else-if="agent === 'wxandroid' || agent === 'wxapple'">
-                                        不支持在微信内下载
-                                    </el-button>
-
-                                    <div v-else style="margin-top: 10%;margin-bottom: 20%">
-                                        <div v-if="isdownload">
-                                            <div v-if="gomobile">
-                                                <button disabled="" class="loading"
-                                                        style="min-width: 42px; width: 42px; padding: 21px 0; border-top-color: transparent; border-left-color: transparent;">
-                                                </button>
-                                            </div>
-                                            <div v-else>
-                                                <div class="actions type-ios">
-                                                    <div><p>正在安装，请按 Home 键在桌面查看</p>
-                                                        <p v-if="!this.currentappinfo.issupersign && this.mcurrentappinfo.release_type!==1">
-                                                            <button @click="gomobileaction">
-                                                                <el-link icon="el-icon-loadings" type="primary"
-                                                                         :underline="false">
-                                                                    安装完成后,需立即信任
-                                                                </el-link>
-                                                            </button>
-
-                                                        </p>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-
-                                        <div v-else>
-                                            <div v-if="currentappinfo.need_password" style="margin:0 auto; width:166px">
-                                                <el-input prefix-icon="el-icon-lock" clearable
-                                                          placeholder="请输入密码" v-model="password"
-                                                          icon="el-icon-loadings" type="primary"
-                                                          :underline="false"/>
-                                            </div>
-                                            <el-divider v-if="currentappinfo.need_password"/>
-                                            <button @click="download">
-                                                <el-link icon="el-icon-loadings" type="primary"
-                                                         :underline="false">
-                                                    下载安装
-                                                </el-link>
-                                            </button>
-                                            <a v-if="(currentappinfo.issupersign || mcurrentappinfo.release_type === 2) && !$route.query.udid"
-                                               @click="jiaocheng('open')"
-                                               class="jiaocheng" style="color: white;font-size: 18px;">?</a>
-                                        </div>
-
-                                    </div>
-
-                                </div>
-
-                            </div>
-                        </div>
-                    </div>
-                </header>
-                <div class="per-type-info section" v-if="currentappinfo.app_id && agent === ''">
-                    <div class="type" v-if="miscomboappinfo.release_id">
-                        <div class="info">
-                            <p class="type-icon" v-if="iscomboappinfo.type === 0">
-                                <i class="iconfont icon-android2"/>
-                            </p>
-                            <p class="type-icon" v-else>
-                                <i class="iconfont icon-ios"/>
-                            </p>
-                            <p class="version">
-                                关联版本：{{ miscomboappinfo.app_version }}（Build {{ miscomboappinfo.build_version }}）
-                            </p>
-                            <p class="version">
-                                文件大小：{{ miscomboappinfo.binary_size }}<br>
-                            </p>
-                            <p class="version">
-                                更新于：{{ miscomboappinfo.created_time |formatTime }}
-                            </p>
-                            <p class="version" v-if="miscomboappinfo.changelog">
-                                更新日志：{{ miscomboappinfo.changelog }}
-                            </p>
-                        </div>
-                    </div>
+                </h1>
 
-                    <div class="type">
-                        <div class="info">
-                            <p class="type-icon" v-if="currentappinfo.type === 0">
-                                <i class="iconfont icon-android2"/>
-                            </p>
-                            <p class="type-icon" v-else>
-                                <i class="iconfont icon-ios"/>
-                            </p>
-                            <p class="version">
-                                当前版本：{{ mcurrentappinfo.app_version }}（Build {{ mcurrentappinfo.build_version }}）
-                            </p>
-                            <p class="version">
-                                文件大小：{{ mcurrentappinfo.binary_size }}
-                            </p>
-                            <p class="version">
-                                更新于：{{ mcurrentappinfo.created_time|formatTime}}
-                            </p>
-                            <p class="version" v-if="mcurrentappinfo.changelog">
-                                更新日志：{{ mcurrentappinfo.changelog }}
-                            </p>
-                        </div>
-                    </div>
-                </div>
-                <div class="per-type-info " v-else>
-                    <div class="release-info">
-                        <div class="info" v-if="mcurrentappinfo.changelog">
-                            <h3>更新日志</h3>
-                            {{ mcurrentappinfo.changelog }}
-                        </div>
-                        <div class="info" v-if="currentappinfo.description">
-                            <h3>应用描述</h3>
-                            {{ currentappinfo.description }}
-                        </div>
-                    </div>
+                <p class="scan-tips" style="margin-left:170px">扫描二维码下载<br/>或用手机浏览器输入这个网址：<span
+                    class="text-black">{{ full_url }}</span></p>
 
+                <div v-if="currentappinfo.description && agent === ''" class="release-info">
+                  <p class="version">
+                    应用描述：{{ currentappinfo.description }}
+                  </p>
+                </div>
+                <div class="release-info">
+                  <p>{{ mcurrentappinfo.app_version }}（Build {{ mcurrentappinfo.build_version }}）-
+                    {{ mcurrentappinfo.binary_size }}</p>
+                  <p>更新于：{{ mcurrentappinfo.created_time |formatTime }}</p>
+                  <p v-if="mcurrentappinfo.changelog && agent === ''" class="version">
+                    更新日志：{{ mcurrentappinfo.changelog }}
+                  </p>
                 </div>
 
+                <div v-if="agent !==''" id="actions" class="actions"
+                     style="margin-top: 10%;margin-bottom: 20%">
+                  <button v-if="wrong" type="button">{{ msg }}</button>
+
+                  <el-button v-else-if="agent === 'wxandroid' || agent === 'wxapple'" round
+                             type="info">
+                    不支持在微信内下载
+                  </el-button>
+
+                  <div v-else style="margin-top: 10%;margin-bottom: 20%">
+                    <div v-if="isdownload">
+                      <div v-if="gomobile">
+                        <button class="loading" disabled=""
+                                style="min-width: 42px; width: 42px; padding: 21px 0; border-top-color: transparent; border-left-color: transparent;">
+                        </button>
+                      </div>
+                      <div v-else>
+                        <div class="actions type-ios">
+                          <div><p>正在安装，请按 Home 键在桌面查看</p>
+                            <p v-if="!this.currentappinfo.issupersign && this.mcurrentappinfo.release_type!==1">
+                              <button @click="gomobileaction">
+                                <el-link :underline="false" icon="el-icon-loadings"
+                                         type="primary">
+                                  安装完成后,需立即信任
+                                </el-link>
+                              </button>
 
-                <div class="screenshots-section" v-if="imagelist && imagelist.length > 0" style="margin-top: 30%">
-                    <el-divider/>
-                    <div v-if="miscomboappinfo.release_id">
-                        <h3 v-if="currentappinfo.type === 0">
-                            Android 应用截图
-                        </h3>
-                        <h3 v-else>iOS 应用截图</h3>
+                            </p>
+                          </div>
+                        </div>
+                      </div>
                     </div>
+
                     <div v-else>
-                        <h3>应用截图</h3>
+                      <div v-if="currentappinfo.need_password" style="margin:0 auto; width:166px">
+                        <el-input v-model="password" :underline="false"
+                                  clearable icon="el-icon-loadings"
+                                  placeholder="请输入密码" prefix-icon="el-icon-lock"
+                                  type="primary"/>
+                      </div>
+                      <el-divider v-if="currentappinfo.need_password"/>
+                      <button @click="download">
+                        <el-link :underline="false" icon="el-icon-loadings"
+                                 type="primary">
+                          下载安装
+                        </el-link>
+                      </button>
+                      <a v-if="(currentappinfo.issupersign || mcurrentappinfo.release_type === 2) && !$route.query.udid"
+                         class="jiaocheng"
+                         style="color: white;font-size: 18px;" @click="jiaocheng('open')">?</a>
                     </div>
 
-                    <div class="list-wrapper">
-                        <ul>
-                            <li v-for="screen in imagelist" :key="screen">
-                                <img v-lazy="screen" alt=""/>
-                            </li>
-                        </ul>
-                    </div>
+                  </div>
 
                 </div>
-                <div class="footer"
-                     v-if="(currentappinfo.issupersign || mcurrentappinfo.release_type === 2) && $route.query.udid"
-                     style="margin-top: 5%">
-                    <el-tag type="success">UDID:</el-tag>
-                    <el-tag>
-                        {{ $route.query.udid }}
-                    </el-tag>
-                    <br>
-                    <el-link type="warning" :underline="false">若安装异常，请复制UDID，发送给管理员</el-link>
-                </div>
-
-                <div class="footer" style="margin-top: 30%;margin-bottom: 8px">
-                    免责声明：<br>
-                    本网站仅提供下载托管，应用为用户自行上传，请甄别应用风险后进行下载！<a class="one-key-report"
-                                                         @click="get_auth_code(),report_flag=true">举报</a>
-
-                </div>
-                <div v-if="agent!==''">
-                    <div v-if="ad_info.ad_uri" style="margin-bottom: 80px"/>
-                    <div class="app_bottom_fixed" v-if="ad_info.ad_uri">
-                        <div class="signhelp-title">
-                            <span><a class="closead" @click="ad_info.ad_uri=undefined">关闭</a></span>
-                        </div>
-                        <a :href="ad_info.ad_uri" target="_blank">
-                            <img :src="ad_info.ad_pic" alt="welcome" style="object-fit: cover">
-                        </a>
-                    </div>
-                </div>
 
+              </div>
             </div>
-
-        </el-container>
-
-        <div v-else>
-            <i v-if="!report_flag">
-                {{this.currentappinfo.name | formatName}}
-            </i>
+          </div>
+        </header>
+        <div v-if="currentappinfo.app_id && agent === ''" class="per-type-info section">
+          <div v-if="miscomboappinfo.release_id" class="type">
+            <div class="info">
+              <p v-if="iscomboappinfo.type === 0" class="type-icon">
+                <i class="iconfont icon-android2"/>
+              </p>
+              <p v-else class="type-icon">
+                <i class="iconfont icon-ios"/>
+              </p>
+              <p class="version">
+                关联版本：{{ miscomboappinfo.app_version }}（Build {{ miscomboappinfo.build_version }}）
+              </p>
+              <p class="version">
+                文件大小：{{ miscomboappinfo.binary_size }}<br>
+              </p>
+              <p class="version">
+                更新于：{{ miscomboappinfo.created_time |formatTime }}
+              </p>
+              <p v-if="miscomboappinfo.changelog" class="version">
+                更新日志：{{ miscomboappinfo.changelog }}
+              </p>
+            </div>
+          </div>
+
+          <div class="type">
+            <div class="info">
+              <p v-if="currentappinfo.type === 0" class="type-icon">
+                <i class="iconfont icon-android2"/>
+              </p>
+              <p v-else class="type-icon">
+                <i class="iconfont icon-ios"/>
+              </p>
+              <p class="version">
+                当前版本：{{ mcurrentappinfo.app_version }}（Build {{ mcurrentappinfo.build_version }}）
+              </p>
+              <p class="version">
+                文件大小：{{ mcurrentappinfo.binary_size }}
+              </p>
+              <p class="version">
+                更新于：{{ mcurrentappinfo.created_time|formatTime }}
+              </p>
+              <p v-if="mcurrentappinfo.changelog" class="version">
+                更新日志：{{ mcurrentappinfo.changelog }}
+              </p>
+            </div>
+          </div>
         </div>
-
-
-        <div ref="signhelp" class="signhelp screenshots-section">
-            <div class="signhelp-title">
-                iOS安装教程
-                <span><a @click="jiaocheng('close')">关闭</a></span>
+        <div v-else class="per-type-info ">
+          <div class="release-info">
+            <div v-if="mcurrentappinfo.changelog" class="info">
+              <h3>更新日志</h3>
+              {{ mcurrentappinfo.changelog }}
             </div>
-
-            <div class="list-wrapper" style="width: 300px;">
-                <ul>
-                    <li v-for="sign in signhelplist" :key="sign.url">
-                        <img v-lazy="sign.url" :key="sign.url" alt=""/>
-                        <p>
-                            安装引导<br>{{ sign.msg}}
-                        </p>
-                    </li>
-                </ul>
+            <div v-if="currentappinfo.description" class="info">
+              <h3>应用描述</h3>
+              {{ currentappinfo.description }}
             </div>
-
+          </div>
 
         </div>
-        <div ref="bg" class="bg"></div>
-
-    </el-container>
-
-
-</template>
-
-<script>
-    import QRCode from 'qrcodejs2'
-
-    import {
-        getdownloadurl,
-        getShortAppinfo,
-        gettask,
-        getAuthTokenFun,
-        appReport,
-        checkEmail,
-        checkphone,
-        geetest
-    } from '@/restful/download'
-
-    export default {
-        name: "FirDownload",
-        data() {
-            return {
-                captcha: {"captcha_image": '', "captcha_key": '', "length": 8},
-                report_info: {
-                    'username': '',
-                    'report_type': '',
-                    'report_reason': '',
-                    'seicode': '',
-                    'authcode': '',
-                    'email': '',
-                    'auth_token': '',
-                    'act': 'email',
-                },
-                report_info_title: '邮箱',
-                report_info_list: [
-                    {'id': 0, name: '其他'},
-                ],
-                report_flag: false,
-                signhelplist: [
-                    {msg: '第一步 允许打开配置描述文件', url: require('@/assets/sign/step1.jpg')},
-                    {msg: '第二步 点击右上角安装按钮', url: require('@/assets/sign/step2.jpg')},
-                    {msg: '第三步 输入开机解锁密码', url: require('@/assets/sign/step3.jpg')},
-                    {msg: '第四步 点击下方安装按钮', url: require('@/assets/sign/step4.jpg')},
-                ],
-                inhousehelplist: [
-                    {
-                        msg: '首次安装企业版应用时会出现"未受信任的企业级开发者" 提示',
-                        url: require('@/assets/inhouse/b1.png')
-                    },
-                    {msg: '第一步 在手机中打开设置功能，选择 "通用" 功能', url: require('@/assets/inhouse/b2.png')},
-                    {msg: '第二步 在通用中，选择 "描述文件与设备管理" 功能', url: require('@/assets/inhouse/b3.png')},
-                    {
-                        msg: '第三步 选择要安装的企业应用的文件名称（与打开时的提示一致），点击进入',
-                        url: require('@/assets/inhouse/b4.png')
-                    },
-                    {msg: '第四步 确认企业签名中的公司名称与应用名称后，点击信任"企业签名公司名称"', url: require('@/assets/inhouse/b5.png')},
-                    {msg: '第五步 回到桌面，重新打开应用即可使用', url: require('@/assets/inhouse/b6.png')},
-                ],
-                imagelist: [],
-                currentappinfo: {},
-                iscomboappinfo: {},
-                mcurrentappinfo: {},
-                miscomboappinfo: {},
-                tmpinfo: {},
-                full_url: "",
-                agent: '',
-                wrong: false,
-                msg: '',
-                password: '',
-                dchoice: false,
-                downloadurl: "",
-                isdownload: false,
-                udid: "",
-                wxeasytypeflag: false,
-                timer: '',
-                gomobile: true,
-                mobileprovision: '',
-                ad_info: {ad_pic: '', ad_uri: ''}
-            }
-        },
-        beforeDestroy() {
-            clearTimeout(this.timer);
-        },
-        methods: {
-            report_submit() {
-                let data = this.report_info;
-                data['app_id'] = this.currentappinfo.app_id;
-                if (this.report_info.auth_token && this.report_info.email && this.report_info.seicode) {
-                    appReport(res => {
-                        if (res.code === 1000) {
-                            this.$message.success("信息提交成功，感谢您的支持,即将返回下载页");
-                            // eslint-disable-next-line no-unused-vars
-                            this.timer = setTimeout(data => {
-                                this.report_flag = false;
-                            }, 3000);
-                        } else {
-                            this.$message.error("信息提交失败，请稍后再试 " + res.msg)
-                        }
-                    }, {
-                        'methods': 'POST',
-                        'data': this.report_info
-                    })
-                } else {
-                    this.$message({
-                        message: '请输入完整的信息',
-                        type: 'warning'
-                    });
-                }
-            },
-            getphonecode() {
-                if (!this.report_info.username || !this.report_info.report_reason || this.report_info.report_type === '') {
-                    this.$message({
-                        message: '请输入完整的信息',
-                        type: 'warning'
-                    });
-                    return 0
-                }
-                if (this.report_info.act === 'email') {
-                    if (!checkEmail(this.report_info.email)) {
-                        this.$message({
-                            message: '请输入正确的邮箱地址',
-                            type: 'warning'
-                        });
-                        return 0
-                    }
-                }
-                if (this.report_info.act === 'sms') {
-                    if (!checkphone(this.report_info.email)) {
-                        this.$message({
-                            message: '请输入正确的手机号',
-                            type: 'warning'
-                        });
-                        return 0
-                    }
-                }
-
-                let picode = {
-                    "authcode": this.report_info.authcode,
-                    "captcha_key": this.captcha.captcha_key,
-                    "report": this.currentappinfo.app_id
-                };
-                let params = {'act': this.report_info.act, 'target': this.report_info.email, 'ext': picode};
-                if (this.captcha.geetest) {
-                    geetest(this, this.report_info.email, params, (n_params) => {
-                        this.do_get_auth_token(n_params);
-                    })
-                } else {
-                    this.do_get_auth_token(params);
-                }
-            },
-            do_get_auth_token(params) {
-                getAuthTokenFun(data => {
-                    if (data.code === 1000) {
-                        this.$notify({
-                            title: '验证码',
-                            message: '验证码已经发送您',
-                            type: 'success'
-                        });
-                        this.report_info.auth_token = data.data.auth_token;
-                    } else {
-                        this.$message({
-                            message: data.msg,
-                            type: 'error'
-                        });
-                    }
-                }, {"methods": 'POST', 'data': params})
-            },
-            get_auth_code() {
-                appReport(data => {
-                    if (data.code === 1000) {
-                        let jdata = data.data;
-                        if (jdata.enable) {
-                            this.captcha = data.data;
-                            if (data.data.s_list) {
-                                this.report_info_list = data.data.s_list;
-                            }
-                            if (jdata.report_type && jdata.report_type.sms) {
-                                this.report_info_title = '手机号';
-                                this.report_info.act = 'sms'
-                            } else if (jdata.report_type && jdata.report_type.email) {
-                                this.report_info_title = '邮箱';
-                                this.report_info.act = 'email'
-                            }
-                            this.report_info.seicode = '';
-                            this.report_info.auth_token = '';
-                            return
-                        }
-                    }
-                    this.$message.warning('暂未开通举报功能');
-                    this.report_flag = false;
-                }, {
-                    "methods": "GET",
-                    "data": {}
-                });
-            },
-            show_err_msg(msg) {
-                this.msg = msg;
-                this.$message({
-                    message: msg,
-                    type: 'error',
-                    duration: 0
-                });
-            },
-            loop_check_task() {
-                let c_count = 1;
-                // eslint-disable-next-line no-unused-vars
-                const loop_t = window.setInterval(res => {
-                    gettask(data => {
-                        c_count += 1;
-                        if (c_count > 120) {
-                            window.clearInterval(loop_t);
-                        }
-                        if (data.code === 1000) {
-                            window.clearInterval(loop_t);
-                            if (data.msg) {
-                                this.show_err_msg(data.msg);
-                            } else {
-                                this.$message.success('签名完成，请点击下载安装');
-                                this.wrong = false;
-                            }
-                        } else {
-                            if (data.code === 1002) {
-                                window.clearInterval(loop_t);
-                                data.msg = '应用不存在'
-                            }
-                            if (data.msg) {
-                                this.msg = data.msg + ' ○ ' + c_count;
-                            }
-                        }
-                    }, {
-                        "short": this.$route.params.short,
-                        data: {"task_id": this.$route.query.task_id}
-                    })
-                }, 3000)
-            },
-            jiaocheng(act) {
-                let signhelp = this.$refs.signhelp;
-                let bg = this.$refs.signhelp;
-                if (act === 'open') {
-                    signhelp.style.display = "block";
-                    bg.style.display = "block";
-                    window.scroll(1, 1)
-                } else {
-                    signhelp.style.display = "none";
-                    bg.style.display = "none";
-                }
-            },
-            gomobileaction() {
-                window.location.href = this.mobileprovision;
-            },
-            check_msg() {
-                if (this.$route.query.udid) {
-                    if (this.$route.query.task_id) {
-                        this.wrong = true;
-                        this.msg = '签名处理中，请耐心等待';
-                        this.loop_check_task()
-                    } else if (this.$route.query.msg) {
-                        this.wrong = true;
-                        this.show_err_msg(this.$route.query.msg);
-                    }
-                }
-            },
-            download() {
-                if (this.currentappinfo.app_id) {
-                    this.isdownload = true;
-                    getdownloadurl(res => {
-                        if (res.code === 1000) {
-                            if (res.data.download_url === "") {
-                                window.location.href = this.full_url.split("?")[0];
-                                return
-                            }
-                            if (this.currentappinfo.type === 1) {
-                                if (this.currentappinfo.issupersign) {
-                                    if (this.$route.query.udid && this.udid === this.$route.query.udid) {
-                                        if (this.agent !== '') {
-                                            let download_url = res.data.download_url;
-                                            this.downloadurl = "itms-services://?action=download-manifest&url=" + encodeURIComponent(download_url);
-                                            // eslint-disable-next-line no-unused-vars
-                                            this.timer = setTimeout(data => {
-                                                this.gomobile = false;
-                                            }, 5000);
-                                        }
-                                    } else {
-                                        if (this.agent !== '') {
-                                            this.downloadurl = res.data.download_url;
-                                            window.location.href = this.downloadurl;
-                                            if (res.data.extra_url !== "") {
-                                                // eslint-disable-next-line no-unused-vars
-                                                this.timer = setTimeout(data => {
-                                                    window.location.href = res.data.extra_url;
-                                                }, 3000);
-                                            }
-
-                                            return;
-                                        }
-                                    }
-                                } else {
-                                    let download_url = res.data.download_url;
-                                    this.downloadurl = "itms-services://?action=download-manifest&url=" + encodeURIComponent(download_url);
-                                    if (res.data.extra_url !== "") {
-                                        this.mobileprovision = res.data.extra_url;
-                                        // eslint-disable-next-line no-unused-vars
-                                        this.timer = setTimeout(data => {
-                                            this.gomobile = false;
-                                        }, 5000);
-                                    }
-                                }
-                            } else {
-                                if (this.agent !== '') {
-                                    this.downloadurl = res.data.download_url;
-                                }
-                            }
-                            window.location.href = this.downloadurl;
-                        } else if (res.code === 1009) {
-                            this.isdownload = false;
-                            document.title = res.msg;
-                            this.wrong = true;
-                            this.msg = res.msg;
-                            this.$message({
-                                message: res.msg,
-                                type: 'error',
-                            });
-                        } else {
-                            this.isdownload = false;
-                            this.$message({
-                                message: "密码错误，或者下载链接失效",
-                                type: 'error',
-                            });
-                            if (!this.password) {
-                                window.location.reload();
-                            }
-                            this.password = '';
-                        }
-                    }, {
-                        'data': {
-                            'token': this.mcurrentappinfo.download_token,
-                            'short': this.currentappinfo.short,
-                            'release_id': this.mcurrentappinfo.release_id,
-                            'password': this.password,
-                            'udid': this.udid,
-                        },
-                        'app_id': this.currentappinfo.app_id
-                    })
-                }
-            },
-            qrcode() {
-                let qrcode = document.getElementById("qrcode");
-                if (qrcode) {
-                    new QRCode(qrcode, {
-                        width: 100,
-                        height: 100,
-                        text: location.href, // 二维码地址
-                    })
-                }
-            },
-            getDownloadTokenFun() {
-                let params = {
-                    "short": this.$route.params.short,
-                    "time": new Date().getTime()
-                };
-                if (this.$route.query.release_id) {
-                    params["release_id"] = this.$route.query.release_id
-                }
-                if (this.$route.query.udid) {
-                    params["udid"] = this.$route.query.udid
-                } else {
-                    params["udid"] = ""
-                }
-                getShortAppinfo(data => {
-                    if (data.code === 1000) {
-                        if (data.ad && data.ad.ad_uri) {
-                            this.ad_info = data.ad;
-                        }
-                        this.udid = data.udid;
-                        if (!data.data.master_release.release_id) {
-                            this.$message({
-                                message: "该 release 版本不存在,请检查",
-                                type: 'error',
-                                duration: 0
-                            });
-                            return
-                        }
-
-                        if (this.agent === "android" || this.agent === "wxandroid") {
-                            // 请求的数据iOS
-                            if (data.data.type === 1) {
-                                if (data.data.has_combo) {
-                                    if (!params.release_id) {
-                                        this.currentappinfo = data.data.has_combo;
-                                        this.mcurrentappinfo = data.data.has_combo.master_release;
-                                    } else {
-                                        this.wrong = true;
-                                        this.msg = '该 release 版本只能在苹果设备使用';
-                                    }
-                                    this.iscomboappinfo = data.data;
-                                    this.miscomboappinfo = data.data.master_release;
-
-                                } else {
-                                    this.wrong = true;
-                                    this.msg = '苹果应用不支持安卓设备';
-                                    this.dchoice = true;
-
-                                }
-                            } else {
-                                this.dchoice = true;
-                            }
-                        } else if (this.agent === "apple" || this.agent === "wxapple") {
-                            if (data.data.type === 0) {
-                                if (data.data.has_combo) {
-                                    if (!params.release_id) {
-                                        this.currentappinfo = data.data.has_combo;
-                                        this.mcurrentappinfo = data.data.has_combo.master_release;
-                                    } else {
-                                        this.wrong = true;
-                                        this.msg = '该 release 版本只能在安卓设备使用';
-                                    }
-                                    this.iscomboappinfo = data.data;
-                                    this.miscomboappinfo = data.data.master_release;
-
-                                } else {
-                                    this.wrong = true;
-                                    this.msg = '安卓应用不支持苹果设备';
-                                    this.dchoice = true;
-
-                                }
-                            } else {
-                                this.dchoice = true;
-                            }
-                        } else {
-                            this.dchoice = true;
-                        }
-
-                        if (this.dchoice) {
-                            this.currentappinfo = data.data;
-                            this.mcurrentappinfo = data.data.master_release;
-                            if (this.currentappinfo.has_combo) {
-                                this.iscomboappinfo = this.currentappinfo.has_combo;
-                                this.miscomboappinfo = this.currentappinfo.has_combo.master_release;
-                            }
-                        }
-
-                        if (this.agent !== '') {
-                            this.miscomboappinfo = {};
-                            this.iscomboappinfo = {};
-                        }
-                        if (this.currentappinfo.wxeasytype) {
-                            if (this.agent !== 'wxandroid' && this.agent !== 'wxapple') {
-                                document.title = this.currentappinfo.name + '下载';
-                                this.wxeasytypeflag = true;
-                            } else {
-                                document.title = '请在浏览器中打开';
-                            }
-                        } else {
-                            document.title = this.currentappinfo.name + '下载';
-                            this.wxeasytypeflag = true;
-
-                        }
-
-                        if (this.mcurrentappinfo.binary_url && !this.wrong) {
-                            if (this.agent === 'wxandroid' || this.agent === 'wxapple') {
-                                if (this.currentappinfo.wxredirect) {
-                                    window.location.href = this.mcurrentappinfo.binary_url;
-                                    return;
-                                }
-                            }
-                            if (this.agent === 'apple' || this.agent === 'android') {
-                                window.location.href = this.mcurrentappinfo.binary_url;
-                                return;
-                            }
-                        }
-                        if (this.currentappinfo.screenshots && this.currentappinfo.screenshots.length > 0) {
-                            for (let i = 0; i < this.currentappinfo.screenshots.length; i++) {
-                                this.imagelist.push(this.currentappinfo.screenshots[i].url)
-                            }
-                        }
-                        if (this.mcurrentappinfo.release_type === 2 && !this.currentappinfo.issupersign) {
-                            this.signhelplist = this.inhousehelplist;
-                        }
-                    } else if (data.code === 1002) {
-                        window.location.href = location.href.replace(location.search, '');
-                    } else if (data.code === 302 && data.data) {
-                        window.location.href = data.data;
-                    } else {
-                        if (data.msg) {
-                            document.title = data.msg;
-                            this.wrong = true;
-                            this.$message({
-                                message: data.msg,
-                                type: 'error',
-                                duration: 0
-                            });
-                        }
-                    }
-                }, params)
-            },
-            getAgent() {
-                const ua = navigator.userAgent.toLowerCase();
-                const browser = {
-                    versions: function () {
-                        const u = navigator.userAgent;
-                        return {//移动终端浏览器版本信息
-                            trident: u.indexOf('Trident') > -1, //IE内核
-                            presto: u.indexOf('Presto') > -1, //opera内核
-                            webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
-                            gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') === -1, //火狐内核
-                            mobile: !!u.match(/AppleWebKit.*Mobile/i) || !!u.match(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/), //是否为移动终端
-                            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
-                            android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
-                            iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
-                            iPad: u.indexOf('iPad') > -1, //是否iPad
-                            webApp: u.indexOf('Safari') === -1, //是否web应该程序，没有头部与底部
-                            macos: u.indexOf('Mac OS') > -1 && u.indexOf('Macintosh') > -1
-                        };
-                    }(),
-                    language: (navigator.browserLanguage || navigator.language).toLowerCase()
-                };
-                if (browser.versions.iPhone || browser.versions.iPad || browser.versions.ios) {//苹果版
-
-                    if (ua.match(/micromessenger/i) && ua.match(/micromessenger/i)[0] === "micromessenger") {
-                        this.agent = 'wxapple';
-                        //微信
-                    } else {
-                        if (browser.versions.macos) {
-                            this.agent = '';
-                        } else {
-                            this.agent = 'apple';
-                        }
-                    }
-
-                }
-                if (browser.versions.android) {//安卓
-                    if (ua.match(/micromessenger/i) && ua.match(/micromessenger/i)[0] === "micromessenger") {
-                        // alert('安卓微信');
-                        this.agent = 'wxandroid';
-                        //微信
-                    } else {
-                        //  正常浏览器
-                        this.agent = 'android';
-
-                    }
-                }
-                if (this.agent === '') {
-                    this.wxeasytypeflag = true;
-                }
-            }
-        }, created() {
-            this.getAgent();
-        }, mounted() {
-            this.getDownloadTokenFun();
-            this.full_url = location.href;
-            this.qrcode();
-            if (this.agent !== '') {
-                this.check_msg();
-            }
-        }, filters: {
-            formatName: function (name) {
-                if (name) {
-                    return name.replace("麻将", "").replace("斗地主", "").replace("棋牌", "")
-                }
-            },
-            getiOStype: function (type) {
-                let ftype = '';
-                if (type === 1) {
-                    ftype = '内测版'
-                } else if (type === 2) {
-                    ftype = '企业版'
-                }
-                return ftype
-            },
-            formatTime: function (stime) {
-                if (stime) {
-                    stime = stime.split(".")[0].split("T");
-                    return stime[0] + " " + stime[1]
-                }
-            }
-        }
-    };
-
-
-</script>
-
-<style scoped>
-    .one-key-report {
-        color: #fff;
-        background-color: #32B2A7;
-        padding: 1px 5px;
-        border-radius: 15px;
-    }
-
-    .app_bottom_fixed {
-        position: fixed;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        z-index: 3;
-        font-size: 0;
-        text-align: center;
-        background: 0 0;
-    }
-
-    .app_bottom_fixed img {
-        width: 100%;
-        max-height: 80px;
-    }
-
-    .mask {
-        z-index: 9;
-        position: fixed;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-        background: rgba(0, 0, 0, .5);
-    }
-
-    .text-black {
-        color: #505556
-    }
-
-    .jiaocheng {
-        float: right;
-        width: 25px;
-        height: 25px;
-        text-align: center;
-        border-radius: 20px;
-        background-color: #a9b6cc;
-        margin-left: -25px;
-        margin-top: 10px;
-    }
-
-    .wechat_tip, .wechat_tip > i {
-        position: absolute;
-        right: 10px;
-        z-index: 99999;
-    }
-
-    .wechat_tip {
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-        -webkit-box-pack: center;
-        -ms-flex-pack: center;
-        justify-content: center;
-        background: #3ab2a7;
-        color: #fff;
-        font-size: 14px;
-        font-weight: 500;
-        width: 166px;
-        height: 60px;
-        border-radius: 10px;
-        top: 15px
-    }
-
-    .wechat_tip > i {
-        top: -10px;
-        width: 0;
-        height: 0;
-        border-left: 6px solid transparent;
-        border-right: 6px solid transparent;
-        border-bottom: 12px solid #3ab2a7
-    }
-
-    .mask img {
-        max-width: 100%;
-        height: auto
-    }
-
-
-    /*上面是微信的*/
-
-    a, button {
-        cursor: pointer
-    }
-
-    .out-container, .pattern {
-        -webkit-transition: all .5s
-    }
-
-    .main, .out-container {
-        display: block;
-        height: 100%
-    }
-
-    *, .wechat-tips {
-        box-sizing: border-box
-    }
-
-    .desc-section pre, body, html {
-        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif
-    }
-
-
-    .container {
-        margin: 0;
-        padding: 60px 0 0;
-        height: 100%;
-        color: #a9b1b3;
-        font-size: 14px;
-        /*background-color: #fff;*/
-        -webkit-font-smoothing: antialiased
-    }
-
-
-    .text-black {
-        color: #505556
-    }
-
-    p {
-        margin-top: 0
-    }
-
-    a {
-        text-decoration: none
-    }
-
-    button {
-        padding: 0;
-        border: 1px solid #a9b1b3;
-        background-color: transparent
-    }
-
-    button:focus {
-        outline: 0
-    }
-
-    .pattern {
-        position: absolute;
-        top: 0;
-        z-index: 1;
-        max-width: 312px;
-        width: 21.66%;
-        transition: all .5s
-    }
-
-    .pattern.left {
-        left: 0
-    }
-
-    .pattern.right {
-        right: 0
-    }
-
-    .pattern img {
-        width: 100%;
-        -webkit-transition: all 1s;
-        transition: all 1s;
-        pointer-events: none
-    }
-
-    @media (max-width: 1280px) {
-        .pattern {
-            width: 18%
-        }
-    }
-
-    .combo .pattern {
-        max-width: 220px
-    }
-
-    @media (min-width: 1280px) {
-        .combo .pattern {
-            max-width: 312px;
-            width: 21%
-        }
-    }
-
-    .out-container {
-        position: relative;
-        z-index: 2;
-        transition: all .5s
-    }
-
-    .main {
-        margin: 0 auto;
-        max-width: 94%;
-        width: 700px
-    }
-
-    .main .table-container {
-        display: table;
-        width: 100%;
-        height: 100%
-    }
-
-    .main .cell-container {
-        display: table-cell;
-        height: 100%;
-        vertical-align: middle;
-        text-align: center
-    }
-
-
-    .constraint .main header, .expired .main header, .forbidden .main header, .legal_forbidden .main header, .not_found .main header {
-        opacity: 1;
-        -webkit-transition: all .5s;
-        transition: all .5s;
-        -webkit-transform: none;
-        transform: none
-    }
-
-    .constraint .main header h1, .expired .main header h1, .forbidden .main header h1, .legal_forbidden .main header h1, .not_found .main header h1 {
-        color: #505556;
-        font-weight: 400;
-        font-size: 28px
-    }
-
-    .constraint .main header h3, .expired .main header h3, .forbidden .main header h3, .legal_forbidden .main header h3, .not_found .main header h3 {
-        font-size: 18px;
-        cursor: default
-    }
-
-    .constraint .main header h3 label, .expired .main header h3 label, .forbidden .main header h3 label, .legal_forbidden .main header h3 label, .not_found .main header h3 label {
-        cursor: default
-    }
-
-    .constraint .main header p, .expired .main header p, .forbidden .main header p, .legal_forbidden .main header p, .not_found .main header p {
-        font-size: 16px;
-        line-height: 24px
-    }
-
-
-    .constraint .pattern img, .expired .pattern img, .forbidden .pattern img, .legal_forbidden .pattern img, .not_found .pattern img {
-        -webkit-filter: grayscale(1)
-    }
-
-    @media screen and (max-width: 480px) {
-        .constraint .cell-container, .forbidden .cell-container, .legal_forbidden .cell-container, .not_found .cell-container {
-            vertical-align: top
-        }
-    }
-
-
-    .combo .main {
-        min-width: 960px;
-        max-width: 100%
-    }
-
-    .data_error .icon, .error .icon, .forbidden .icon, .passwd .icon {
-        margin-bottom: 40px;
-        width: 120px;
-        height: 120px;
-        border-radius: 22.7px
-    }
-
-    @media screen and (min-height: 520px) {
-        .data_error form, .error form, .forbidden form, .passwd form {
-            margin-bottom: 100px
-        }
-    }
-
-    .data_error .main, .error .main, .forbidden .main, .passwd .main {
-        height: 100%
-    }
-
-    .data_error .main table, .error .main table, .forbidden .main table, .passwd .main table {
-        width: 100%;
-        height: 100%;
-        vertical-align: middle
-    }
-
-    .data_error .app-brief h1, .error .app-brief h1, .forbidden .app-brief h1, .passwd .app-brief h1 {
-        text-transform: uppercase
-    }
-
-
-    .data_error .no-release-tips a, .error .no-release-tips a, .forbidden .no-release-tips a, .passwd .no-release-tips a {
-        text-decoration: underline;
-        color: #9b9b9b
-    }
 
 
-    .main .icon-container {
-        position: relative;
-        margin: 0 auto;
-        width: 290px;
-        height: 290px
-    }
-
-    .main .icon-container .bg-path {
-        position: absolute;
-        top: 4px;
-        left: 4px;
-        z-index: 1;
-        color: #eff2f2;
-        font-size: 290px
-    }
-
-    .main .icon-container span {
-        position: absolute;
-        z-index: 2;
-        display: block
-    }
-
-    .main .icon-container .icon {
-        top: 0;
-        left: 0;
-        padding: 10px;
-        width: 140px;
-        height: 140px;
-        border-radius: 17.54%;
-        background-color: #fff
-    }
-
-    .main .icon-container .icon img {
-        max-width: 100%;
-        width: 120px;
-        height: 120px;
-        border-radius: 17.54%
-    }
-
-    .main .icon-container .qrcode {
-        right: 0;
-        bottom: 0;
-        width: 140px;
-        height: 140px;
-        border: 20px solid transparent;
-        border-radius: 26px
-    }
-
-    .main .icon-container .qrcode img {
-        width: 100px;
-        height: 100px
-    }
-
-    .main > header {
-        display: block;
-        min-height: 600px;
-        max-height: 800px;
-        height: 100%
-    }
-
-    .main > header.ad-app {
-        height: auto
-    }
-
-    .main > header .wrapper {
-        margin-right: auto;
-        margin-left: auto;
-        width: 290px
-    }
-
-    .main > header .app-brief {
-        -webkit-transition: all .5s;
-        transition: all .5s
-    }
-
-    .main > header .name, .main > header body.passwd .name {
-        position: relative;
-        margin: 20px auto;
-        width: 290px;
-        color: #505556;
-        text-align: left;
-        font-weight: 400;
-        font-size: 28px
-    }
-
-    .main > header .name i, .main > header body.passwd .name i {
-        position: absolute;
-        right: 100%;
-        top: 10px;
-        margin-right: 10px;
-        font-size: 26px
-    }
-
-    .main > header .name span, .main > header body.passwd .name span {
-        display: inline-block;
-        max-width: 100%;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        word-wrap: normal;
-        line-height: 1.6
-    }
-
-
-    .main > header .scan-tips {
-        margin: 0 auto;
-        width: 290px;
-        text-align: left;
-        white-space: nowrap;
-        line-height: 22px
-    }
-
-    .main > header .release-info {
-        position: relative;
-        margin-top: 30px;
-        margin-bottom: 30px;
-        padding-top: 30px
-    }
-
-    .main > header .release-info p {
-        margin-bottom: 4px
-    }
-
-    .main > header .release-info:before {
-        position: absolute;
-        top: 0;
-        left: 50%;
-        display: block;
-        margin-left: -30%;
-        width: 60%;
-        border-top: 1px solid #dae2e3;
-        content: ' '
-    }
-
-    .main > header .actions {
-        margin: 30px auto 0;
-        max-width: 290px
-    }
-
-    .main > header .actions p {
-        line-height: 1.5;
-        padding: 12px;
-        color: #3AB2A7;
-        font-weight: 500;
-        font-size: 16px
-    }
-
-    .main > header .actions button {
-        display: inline-block;
-        padding: 12px 46px;
-        min-width: 200px;
-        border: 1px solid #32b2a7;
-        border-radius: 40px;
-        font-size: 14px;
-        background: #32b2a7;
-        color: #fff
-    }
-
-    .main > header .actions input {
-        display: inline-block;
-        padding: 12px 46px;
-        width: 166px;
-        border: 1px solid #32b2a7;
-        border-radius: 40px;
-        font-size: 14px;
-    }
-
-    .main > header .actions button a {
-        color: #fff
-    }
-
-    .main > header .actions a {
-        color: #868c8e;
-        font-size: 14px;
-        display: block
-    }
-
-    .main > header .type-ios {
-        display: none
-    }
-
-    @media only screen and (max-width: 768px) {
-        .main > header {
-            max-height: 100%;
-            height: 100%;
-            min-height: 400px
-        }
-
-        .main > header.ad-app {
-            min-height: 700px
-        }
-
-        .main > header .type-ios {
-            display: block
-        }
-    }
-
-
-    @media screen and (max-width: 768px) {
-        .main > header {
-            min-height: 400px
-        }
-
-        .main > header .release-info {
-            display: block
-        }
-
-        .main > header .name {
-            text-align: center;
-            font-size: 24px
-        }
-
-        .main > header .name .icon-warp {
-            position: static;
-            display: inline-block;
-            margin-left: -48px;
-            max-width: 76%
-        }
-
-        .main > header .name .tip {
-            margin-top: 5px
-        }
-
-        .main > header .name i {
-            position: static
-        }
-
-        .main > header .scan-tips {
-            display: none
-        }
-    }
-
-
-    .footer, .per-type-info .info {
-        text-align: center
-    }
-
+        <div v-if="imagelist && imagelist.length > 0" class="screenshots-section" style="margin-top: 30%">
+          <el-divider/>
+          <div v-if="miscomboappinfo.release_id">
+            <h3 v-if="currentappinfo.type === 0">
+              Android 应用截图
+            </h3>
+            <h3 v-else>iOS 应用截图</h3>
+          </div>
+          <div v-else>
+            <h3>应用截图</h3>
+          </div>
+
+          <div class="list-wrapper">
+            <ul>
+              <li v-for="screen in imagelist" :key="screen">
+                <img v-lazy="screen" alt=""/>
+              </li>
+            </ul>
+          </div>
 
-    .section {
-        position: relative;
-        z-index: 2;
-        padding: 50px 0;
-        border-top: 1px solid #dae2e3
-    }
-
-    @media screen and (max-width: 768px) {
-        .section {
-            padding: 50px 20px
-        }
-    }
-
-    .section h2 {
-        margin: 0 0 40px;
-        color: #505556;
-        font-weight: 400
-    }
-
-
-    .per-type-info {
-        position: relative;
-        overflow: hidden;
-        padding-top: 0;
-        border-top: 1px solid #dae2e3
-    }
-
-    .per-type-info .type {
-        float: left;
-        width: 50%
-    }
-
-    .per-type-info .type-icon {
-        margin-bottom: 0
-    }
-
-    .per-type-info .info {
-        padding-top: 50px;
-        font-size: 12px
-    }
-
-    .per-type-info .info .version {
-        margin-bottom: 20px
-    }
-
-    .per-type-info .info .type-icon {
-        margin-bottom: 40px
-    }
-
-    .per-type-info .info i {
-        margin-bottom: 0;
-        color: #505556;
-        font-size: 48px
-    }
-
-    .per-type-info .info .store-link-wrapper a {
-        width: 200px
-    }
-
-    .per-type-info .info .store-link-wrapper a i {
-        font-size: 29px
-    }
-
-    .per-type-info:before {
-        position: absolute;
-        left: 50%;
-        width: 1px;
-        height: 100%;
-        background-color: #dae2e3;
-        content: ' '
-    }
-
-    .desc-section pre {
-        white-space: pre-wrap;
-        line-height: 22px
-    }
+        </div>
+        <div v-if="(currentappinfo.issupersign || mcurrentappinfo.release_type === 2) && $route.query.udid"
+             class="footer"
+             style="margin-top: 5%">
+          <el-tag type="success">UDID:</el-tag>
+          <el-tag>
+            {{ $route.query.udid }}
+          </el-tag>
+          <br>
+          <el-link :underline="false" type="warning">若安装异常，请复制UDID，发送给管理员</el-link>
+        </div>
 
-    .section-store-link a {
-        display: inline-block;
-        border: 1px solid #505556;
-        border-radius: 5px;
-        text-decoration: none
-    }
+        <div class="footer" style="margin-top: 30%;margin-bottom: 8px">
+          免责声明：<br>
+          本网站仅提供下载托管，应用为用户自行上传，请甄别应用风险后进行下载！<a class="one-key-report"
+                                               @click="get_auth_code(),report_flag=true">举报</a>
 
-    .section-store-link a i {
-        display: block;
-        padding: 14px 40px;
-        color: #505556;
-        font-size: 33px
-    }
+        </div>
+        <div v-if="agent!==''">
+          <div v-if="ad_info.ad_uri" style="margin-bottom: 80px"/>
+          <div v-if="ad_info.ad_uri" class="app_bottom_fixed">
+            <div class="signhelp-title">
+              <span><a class="closead" @click="ad_info.ad_uri=undefined">关闭</a></span>
+            </div>
+            <a :href="ad_info.ad_uri" target="_blank">
+              <img :src="ad_info.ad_pic" alt="welcome" style="object-fit: cover">
+            </a>
+          </div>
+        </div>
 
-    .screenshots-section {
-        border-bottom: 0
-    }
+      </div>
 
-    .screenshots-section .list-wrapper {
-        overflow-x: scroll;
-        max-width: 100%
-    }
+    </el-container>
 
-    .screenshots-section ul {
-        display: block;
-        margin: 0;
-        padding: 0;
-        list-style: none;
-        white-space: nowrap
-    }
+    <div v-else>
+      <i v-if="!report_flag">
+        {{ this.currentappinfo.name | formatName }}
+      </i>
+    </div>
 
-    .screenshots-section ul li {
-        display: inline-block;
-        padding-right: 20px;
-        vertical-align: middle
-    }
 
-    .screenshots-section ul li img {
-        max-height: 462px
-    }
+    <div ref="signhelp" class="signhelp screenshots-section">
+      <div class="signhelp-title">
+        iOS安装教程
+        <span><a @click="jiaocheng('close')">关闭</a></span>
+      </div>
 
+      <div class="list-wrapper" style="width: 300px;">
+        <ul>
+          <li v-for="sign in signhelplist" :key="sign.url">
+            <img :key="sign.url" v-lazy="sign.url" alt=""/>
+            <p>
+              安装引导<br>{{ sign.msg }}
+            </p>
+          </li>
+        </ul>
+      </div>
 
-    @-webkit-keyframes rotate {
-        0% {
-            -webkit-transform: rotate(0);
-            transform: rotate(0)
-        }
-        100% {
-            -webkit-transform: rotate(360deg);
-            transform: rotate(360deg)
-        }
-    }
 
-    @keyframes rotate {
-        0% {
-            -webkit-transform: rotate(0);
-            transform: rotate(0)
-        }
-        100% {
-            -webkit-transform: rotate(360deg);
-            transform: rotate(360deg)
-        }
-    }
+    </div>
+    <div ref="bg" class="bg"></div>
 
-    #actions {
-        display: none
-    }
+  </el-container>
 
-    #actions button {
-        -webkit-transition: all .25s;
-        transition: all .25s
-    }
 
-    #actions button.loading {
-        -webkit-animation: rotate .6s linear infinite;
-        animation: rotate .6s linear infinite;
-        background: 0
-    }
-
-    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
-        #actions {
-            display: block
-        }
-    }
+</template>
 
-    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
-        #actions {
-            display: block
+<script>
+import QRCode from 'qrcodejs2'
+
+import {
+  appReport,
+  checkEmail,
+  checkphone,
+  geetest,
+  getAuthTokenFun,
+  getdownloadurl,
+  getShortAppinfo,
+  gettask
+} from '@/restful/download'
+
+export default {
+  name: "FirDownload",
+  data() {
+    return {
+      captcha: {"captcha_image": '', "captcha_key": '', "length": 8},
+      report_info: {
+        'username': '',
+        'report_type': '',
+        'report_reason': '',
+        'seicode': '',
+        'authcode': '',
+        'email': '',
+        'auth_token': '',
+        'act': 'email',
+      },
+      report_info_title: '邮箱',
+      report_info_list: [
+        {'id': 0, name: '其他'},
+      ],
+      report_flag: false,
+      signhelplist: [
+        {msg: '第一步 允许打开配置描述文件', url: require('@/assets/sign/step1.jpg')},
+        {msg: '第二步 点击右上角安装按钮', url: require('@/assets/sign/step2.jpg')},
+        {msg: '第三步 输入开机解锁密码', url: require('@/assets/sign/step3.jpg')},
+        {msg: '第四步 点击下方安装按钮', url: require('@/assets/sign/step4.jpg')},
+      ],
+      inhousehelplist: [
+        {
+          msg: '首次安装企业版应用时会出现"未受信任的企业级开发者" 提示',
+          url: require('@/assets/inhouse/b1.png')
+        },
+        {msg: '第一步 在手机中打开设置功能，选择 "通用" 功能', url: require('@/assets/inhouse/b2.png')},
+        {msg: '第二步 在通用中，选择 "描述文件与设备管理" 功能', url: require('@/assets/inhouse/b3.png')},
+        {
+          msg: '第三步 选择要安装的企业应用的文件名称（与打开时的提示一致），点击进入',
+          url: require('@/assets/inhouse/b4.png')
+        },
+        {msg: '第四步 确认企业签名中的公司名称与应用名称后，点击信任"企业签名公司名称"', url: require('@/assets/inhouse/b5.png')},
+        {msg: '第五步 回到桌面，重新打开应用即可使用', url: require('@/assets/inhouse/b6.png')},
+      ],
+      imagelist: [],
+      currentappinfo: {},
+      iscomboappinfo: {},
+      mcurrentappinfo: {},
+      miscomboappinfo: {},
+      tmpinfo: {},
+      full_url: "",
+      agent: '',
+      wrong: false,
+      msg: '',
+      password: '',
+      dchoice: false,
+      downloadurl: "",
+      isdownload: false,
+      udid: "",
+      wxeasytypeflag: false,
+      timer: '',
+      gomobile: true,
+      mobileprovision: '',
+      ad_info: {ad_pic: '', ad_uri: ''}
+    }
+  },
+  beforeDestroy() {
+    clearTimeout(this.timer);
+  },
+  methods: {
+    report_submit() {
+      let data = this.report_info;
+      data['app_id'] = this.currentappinfo.app_id;
+      if (this.report_info.auth_token && this.report_info.email && this.report_info.seicode) {
+        appReport(res => {
+          if (res.code === 1000) {
+            this.$message.success("信息提交成功，感谢您的支持,即将返回下载页");
+            // eslint-disable-next-line no-unused-vars
+            this.timer = setTimeout(data => {
+              this.report_flag = false;
+            }, 3000);
+          } else {
+            this.$message.error("信息提交失败，请稍后再试 " + res.msg)
+          }
+        }, {
+          'methods': 'POST',
+          'data': this.report_info
+        })
+      } else {
+        this.$message({
+          message: '请输入完整的信息',
+          type: 'warning'
+        });
+      }
+    },
+    getphonecode() {
+      if (!this.report_info.username || !this.report_info.report_reason || this.report_info.report_type === '') {
+        this.$message({
+          message: '请输入完整的信息',
+          type: 'warning'
+        });
+        return 0
+      }
+      if (this.report_info.act === 'email') {
+        if (!checkEmail(this.report_info.email)) {
+          this.$message({
+            message: '请输入正确的邮箱地址',
+            type: 'warning'
+          });
+          return 0
         }
-    }
-
-    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
-        #actions {
-            display: block
+      }
+      if (this.report_info.act === 'sms') {
+        if (!checkphone(this.report_info.email)) {
+          this.$message({
+            message: '请输入正确的手机号',
+            type: 'warning'
+          });
+          return 0
         }
-    }
-
-    @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
-        #actions {
-            display: block
+      }
+
+      let picode = {
+        "authcode": this.report_info.authcode,
+        "captcha_key": this.captcha.captcha_key,
+        "report": this.currentappinfo.app_id
+      };
+      let params = {'act': this.report_info.act, 'target': this.report_info.email, 'ext': picode};
+      if (this.captcha.geetest) {
+        geetest(this, this.report_info.email, params, (n_params) => {
+          this.do_get_auth_token(n_params);
+        })
+      } else {
+        this.do_get_auth_token(params);
+      }
+    },
+    do_get_auth_token(params) {
+      getAuthTokenFun(data => {
+        if (data.code === 1000) {
+          this.$notify({
+            title: '验证码',
+            message: '验证码已经发送您',
+            type: 'success'
+          });
+          this.report_info.auth_token = data.data.auth_token;
+        } else {
+          this.$message({
+            message: data.msg,
+            type: 'error'
+          });
         }
-    }
-
-    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
-        #actions {
-            display: block
-        }
-    }
-
-    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
-        #actions {
-            display: block
+      }, {"methods": 'POST', 'data': params})
+    },
+    get_auth_code() {
+      appReport(data => {
+        if (data.code === 1000) {
+          let jdata = data.data;
+          if (jdata.enable) {
+            this.captcha = data.data;
+            if (data.data.s_list) {
+              this.report_info_list = data.data.s_list;
+            }
+            if (jdata.report_type && jdata.report_type.sms) {
+              this.report_info_title = '手机号';
+              this.report_info.act = 'sms'
+            } else if (jdata.report_type && jdata.report_type.email) {
+              this.report_info_title = '邮箱';
+              this.report_info.act = 'email'
+            }
+            this.report_info.seicode = '';
+            this.report_info.auth_token = '';
+            return
+          }
         }
-    }
-
-    #actions.type-android {
-        display: block
-    }
-
-    body.hidden-overflow {
-        overflow: hidden
-    }
-
-    .main header .app-brief .icon-container .qrcode {
-        background-color: #eff2f2;
-        -webkit-transition: all .25s;
-        transition: all .25s
-    }
-
-    .main header .app-brief .name .icon-warp {
-        vertical-align: bottom
-    }
-
-
-    .app_bottom_fixed img {
-        width: 100%;
-        max-height: 80px
-    }
-
-    @media screen and (max-width: 768px) {
-        .combo .main, .main {
-            width: 100%;
-            min-width: 100%
+        this.$message.warning('暂未开通举报功能');
+        this.report_flag = false;
+      }, {
+        "methods": "GET",
+        "data": {}
+      });
+    },
+    show_err_msg(msg) {
+      this.msg = msg;
+      this.$message({
+        message: msg,
+        type: 'error',
+        duration: 0
+      });
+    },
+    loop_check_task() {
+      let c_count = 1;
+      // eslint-disable-next-line no-unused-vars
+      const loop_t = window.setInterval(res => {
+        gettask(data => {
+          c_count += 1;
+          if (c_count > 120) {
+            window.clearInterval(loop_t);
+          }
+          if (data.code === 1000) {
+            window.clearInterval(loop_t);
+            if (data.msg) {
+              this.show_err_msg(data.msg);
+            } else {
+              this.$message.success('签名完成，请点击下载安装');
+              this.wrong = false;
+            }
+          } else {
+            if (data.code === 1002) {
+              window.clearInterval(loop_t);
+              data.msg = '应用不存在'
+            }
+            if (data.msg) {
+              this.msg = data.msg + ' ○ ' + c_count;
+            }
+          }
+        }, {
+          "short": this.$route.params.short,
+          data: {"task_id": this.$route.query.task_id}
+        })
+      }, 3000)
+    },
+    jiaocheng(act) {
+      let signhelp = this.$refs.signhelp;
+      let bg = this.$refs.signhelp;
+      if (act === 'open') {
+        signhelp.style.display = "block";
+        bg.style.display = "block";
+        window.scroll(1, 1)
+      } else {
+        signhelp.style.display = "none";
+        bg.style.display = "none";
+      }
+    },
+    gomobileaction() {
+      window.location.href = this.mobileprovision;
+    },
+    check_msg() {
+      if (this.$route.query.udid) {
+        if (this.$route.query.task_id) {
+          this.wrong = true;
+          this.msg = '签名处理中，请耐心等待';
+          this.loop_check_task()
+        } else if (this.$route.query.msg) {
+          this.wrong = true;
+          this.show_err_msg(this.$route.query.msg);
         }
+      }
+    },
+    download() {
+      if (this.currentappinfo.app_id) {
+        this.isdownload = true;
+        getdownloadurl(res => {
+          if (res.code === 1000) {
+            if (res.data.download_url === "") {
+              window.location.href = this.full_url.split("?")[0];
+              return
+            }
+            if (this.currentappinfo.type === 1) {
+              if (this.currentappinfo.issupersign) {
+                if (this.$route.query.udid && this.udid === this.$route.query.udid) {
+                  if (this.agent !== '') {
+                    let download_url = res.data.download_url;
+                    this.downloadurl = "itms-services://?action=download-manifest&url=" + encodeURIComponent(download_url);
+                    // eslint-disable-next-line no-unused-vars
+                    this.timer = setTimeout(data => {
+                      this.gomobile = false;
+                    }, 5000);
+                  }
+                } else {
+                  if (this.agent !== '') {
+                    this.downloadurl = res.data.download_url;
+                    window.location.href = this.downloadurl;
+                    if (res.data.extra_url !== "") {
+                      // eslint-disable-next-line no-unused-vars
+                      this.timer = setTimeout(data => {
+                        window.location.href = res.data.extra_url;
+                      }, 3000);
+                    }
 
-        .data_error form, .error form, .forbidden form, .passwd form {
-            margin-bottom: 30px
-        }
+                    return;
+                  }
+                }
+              } else {
+                let download_url = res.data.download_url;
+                this.downloadurl = "itms-services://?action=download-manifest&url=" + encodeURIComponent(download_url);
+                if (res.data.extra_url !== "") {
+                  this.mobileprovision = res.data.extra_url;
+                  // eslint-disable-next-line no-unused-vars
+                  this.timer = setTimeout(data => {
+                    this.gomobile = false;
+                  }, 5000);
+                }
+              }
+            } else {
+              if (this.agent !== '') {
+                this.downloadurl = res.data.download_url;
+              }
+            }
+            window.location.href = this.downloadurl;
+          } else if (res.code === 1009) {
+            this.isdownload = false;
+            document.title = res.msg;
+            this.wrong = true;
+            this.msg = res.msg;
+            this.$message({
+              message: res.msg,
+              type: 'error',
+            });
+          } else {
+            this.isdownload = false;
+            this.$message({
+              message: "密码错误，或者下载链接失效",
+              type: 'error',
+            });
+            if (!this.password) {
+              window.location.reload();
+            }
+            this.password = '';
+          }
+        }, {
+          'data': {
+            'token': this.mcurrentappinfo.download_token,
+            'short': this.currentappinfo.short,
+            'release_id': this.mcurrentappinfo.release_id,
+            'password': this.password,
+            'udid': this.udid,
+          },
+          'app_id': this.currentappinfo.app_id
+        })
+      }
+    },
+    qrcode() {
+      let qrcode = document.getElementById("qrcode");
+      if (qrcode) {
+        new QRCode(qrcode, {
+          width: 100,
+          height: 100,
+          text: location.href, // 二维码地址
+        })
+      }
+    },
+    getDownloadTokenFun() {
+      let params = {
+        "short": this.$route.params.short,
+        "time": new Date().getTime()
+      };
+      if (this.$route.query.release_id) {
+        params["release_id"] = this.$route.query.release_id
+      }
+      if (this.$route.query.udid) {
+        params["udid"] = this.$route.query.udid
+      } else {
+        params["udid"] = ""
+      }
+      getShortAppinfo(data => {
+        if (data.code === 1000) {
+          if (data.ad && data.ad.ad_uri) {
+            this.ad_info = data.ad;
+          }
+          this.udid = data.udid;
+          if (!data.data.master_release.release_id) {
+            this.$message({
+              message: "该 release 版本不存在,请检查",
+              type: 'error',
+              duration: 0
+            });
+            return
+          }
+
+          if (this.agent === "android" || this.agent === "wxandroid") {
+            // 请求的数据iOS
+            if (data.data.type === 1) {
+              if (data.data.has_combo) {
+                if (!params.release_id) {
+                  this.currentappinfo = data.data.has_combo;
+                  this.mcurrentappinfo = data.data.has_combo.master_release;
+                } else {
+                  this.wrong = true;
+                  this.msg = '该 release 版本只能在苹果设备使用';
+                }
+                this.iscomboappinfo = data.data;
+                this.miscomboappinfo = data.data.master_release;
 
-        .main .app-brief {
-            text-align: center
-        }
+              } else {
+                this.wrong = true;
+                this.msg = '苹果应用不支持安卓设备';
+                this.dchoice = true;
 
-        .main .app-brief button {
-            display: inline-block
-        }
+              }
+            } else {
+              this.dchoice = true;
+            }
+          } else if (this.agent === "apple" || this.agent === "wxapple") {
+            if (data.data.type === 0) {
+              if (data.data.has_combo) {
+                if (!params.release_id) {
+                  this.currentappinfo = data.data.has_combo;
+                  this.mcurrentappinfo = data.data.has_combo.master_release;
+                } else {
+                  this.wrong = true;
+                  this.msg = '该 release 版本只能在安卓设备使用';
+                }
+                this.iscomboappinfo = data.data;
+                this.miscomboappinfo = data.data.master_release;
 
-        .main .app-brief .bg-path, .main .app-brief .qrcode {
-            display: none
-        }
+              } else {
+                this.wrong = true;
+                this.msg = '安卓应用不支持苹果设备';
+                this.dchoice = true;
 
-        .main .icon-container {
-            width: 100%;
-            height: auto;
-            text-align: center
+              }
+            } else {
+              this.dchoice = true;
+            }
+          } else {
+            this.dchoice = true;
+          }
+
+          if (this.dchoice) {
+            this.currentappinfo = data.data;
+            this.mcurrentappinfo = data.data.master_release;
+            if (this.currentappinfo.has_combo) {
+              this.iscomboappinfo = this.currentappinfo.has_combo;
+              this.miscomboappinfo = this.currentappinfo.has_combo.master_release;
+            }
+          }
+
+          if (this.agent !== '') {
+            this.miscomboappinfo = {};
+            this.iscomboappinfo = {};
+          }
+          if (this.currentappinfo.wxeasytype) {
+            if (this.agent !== 'wxandroid' && this.agent !== 'wxapple') {
+              document.title = this.currentappinfo.name + '下载';
+              this.wxeasytypeflag = true;
+            } else {
+              document.title = '请在浏览器中打开';
+            }
+          } else {
+            document.title = this.currentappinfo.name + '下载';
+            this.wxeasytypeflag = true;
+
+          }
+
+          if (this.mcurrentappinfo.binary_url && !this.wrong) {
+            if (this.agent === 'wxandroid' || this.agent === 'wxapple') {
+              if (this.currentappinfo.wxredirect) {
+                window.location.href = this.mcurrentappinfo.binary_url;
+                return;
+              }
+            }
+            if (this.agent === 'apple' || this.agent === 'android') {
+              window.location.href = this.mcurrentappinfo.binary_url;
+              return;
+            }
+          }
+          if (this.currentappinfo.screenshots && this.currentappinfo.screenshots.length > 0) {
+            for (let i = 0; i < this.currentappinfo.screenshots.length; i++) {
+              this.imagelist.push(this.currentappinfo.screenshots[i].url)
+            }
+          }
+          if (this.mcurrentappinfo.release_type === 2 && !this.currentappinfo.issupersign) {
+            this.signhelplist = this.inhousehelplist;
+          }
+        } else if (data.code === 1002) {
+          window.location.href = location.href.replace(location.search, '');
+        } else if (data.code === 302 && data.data) {
+          window.location.href = data.data;
+        } else {
+          if (data.msg) {
+            document.title = data.msg;
+            this.wrong = true;
+            this.$message({
+              message: data.msg,
+              type: 'error',
+              duration: 0
+            });
+          }
         }
-
-        .main .icon-container .icon {
-            position: static;
-            display: inline-block
+      }, params)
+    },
+    getAgent() {
+      const ua = navigator.userAgent.toLowerCase();
+      const browser = {
+        versions: function () {
+          const u = navigator.userAgent;
+          return {//移动终端浏览器版本信息
+            trident: u.indexOf('Trident') > -1, //IE内核
+            presto: u.indexOf('Presto') > -1, //opera内核
+            webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
+            gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') === -1, //火狐内核
+            mobile: !!u.match(/AppleWebKit.*Mobile/i) || !!u.match(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/), //是否为移动终端
+            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
+            android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
+            iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
+            iPad: u.indexOf('iPad') > -1, //是否iPad
+            webApp: u.indexOf('Safari') === -1, //是否web应该程序，没有头部与底部
+            macos: u.indexOf('Mac OS') > -1 && u.indexOf('Macintosh') > -1
+          };
+        }(),
+        language: (navigator.browserLanguage || navigator.language).toLowerCase()
+      };
+      if (browser.versions.iPhone || browser.versions.iPad || browser.versions.ios) {//苹果版
+
+        if (ua.match(/micromessenger/i) && ua.match(/micromessenger/i)[0] === "micromessenger") {
+          this.agent = 'wxapple';
+          //微信
+        } else {
+          if (browser.versions.macos) {
+            this.agent = '';
+          } else {
+            this.agent = 'apple';
+          }
         }
 
+      }
+      if (browser.versions.android) {//安卓
+        if (ua.match(/micromessenger/i) && ua.match(/micromessenger/i)[0] === "micromessenger") {
+          // alert('安卓微信');
+          this.agent = 'wxandroid';
+          //微信
+        } else {
+          //  正常浏览器
+          this.agent = 'android';
 
-    }
-
-    @media screen and (min-width: 1024px) {
-        .main header .app-brief .icon-container:hover .qrcode {
-            -webkit-transform: scale(1.6);
-            transform: scale(1.6);
-            box-shadow: 0 1px 5px rgba(0, 0, 0, .3)
         }
-    }
+      }
+      if (this.agent === '') {
+        this.wxeasytypeflag = true;
+      }
+    }
+  }, created() {
+    this.getAgent();
+  }, mounted() {
+    this.getDownloadTokenFun();
+    this.full_url = location.href;
+    this.qrcode();
+    if (this.agent !== '') {
+      this.check_msg();
+    }
+  }, filters: {
+    formatName: function (name) {
+      if (name) {
+        return name.replace("麻将", "").replace("斗地主", "").replace("棋牌", "")
+      }
+    },
+    getiOStype: function (type) {
+      let ftype = '';
+      if (type === 1) {
+        ftype = '内测版'
+      } else if (type === 2) {
+        ftype = '企业版'
+      }
+      return ftype
+    },
+    formatTime: function (stime) {
+      if (stime) {
+        stime = stime.split(".")[0].split("T");
+        return stime[0] + " " + stime[1]
+      }
+    }
+  }
+};
 
-    .signhelp {
-        position: absolute;
-        width: 90%;
-        max-width: 300px;
-        max-height: 400px;
-        z-index: 9999;
-        display: none;
-        background-color: white;
-        /* 这里要注意绝对定位的盒子怎么在屏幕显示居中 */
-        left: 50%;
-        margin-left: -150px;
-        margin-top: 10%;
-        border: 1px solid gray;
-    }
 
-    .signhelp ul li img {
-        width: 300px;
-        height: 222px;
-    }
-
-    .signhelp ul li p {
-        text-align: center;
-        font-size: 14px;
-        color: #0491f7;
-        margin: 10px 10px;
-        white-space: pre-line;
-    }
-
-
-    /* 遮盖层 */
-    .bg {
-        background-color: #000;
-        width: 100%;
-        height: 100%;
-        top: 0;
-        position: fixed;
-        opacity: 0.3;
-        -webkit-opacity: 0.3;
-        -moz-opacity: 0.3;
-        display: none;
-    }
-
-    /* 登陆框标题 */
-    .signhelp-title {
-        width: 100%;
-        height: 40px;
-        line-height: 40px;
-        text-align: center;
-        margin-bottom: 20px;
-        cursor: move;
-    }
-
-    .signhelp-title span a {
-        text-decoration: none;
-        border: 1px solid gray;
-        font-size: 12px;
-        color: black;
-        border-radius: 20px;
-        width: 40px;
-        height: 40px;
-        background-color: #fff;
-        position: absolute;
-        top: -20px;
-        right: -20px;
-    }
+</script>
 
-    .signhelp-title .closead {
-        top: 38px;
-        right: -6px;
-    }
+<style scoped>
+.one-key-report {
+  color: #fff;
+  background-color: #32B2A7;
+  padding: 1px 5px;
+  border-radius: 15px;
+}
+
+.app_bottom_fixed {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 3;
+  font-size: 0;
+  text-align: center;
+  background: 0 0;
+}
+
+.app_bottom_fixed img {
+  width: 100%;
+  max-height: 80px;
+}
+
+.mask {
+  z-index: 9;
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: rgba(0, 0, 0, .5);
+}
+
+.text-black {
+  color: #505556
+}
+
+.jiaocheng {
+  float: right;
+  width: 25px;
+  height: 25px;
+  text-align: center;
+  border-radius: 20px;
+  background-color: #a9b6cc;
+  margin-left: -25px;
+  margin-top: 10px;
+}
+
+.wechat_tip, .wechat_tip > i {
+  position: absolute;
+  right: 10px;
+  z-index: 99999;
+}
+
+.wechat_tip {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  background: #3ab2a7;
+  color: #fff;
+  font-size: 14px;
+  font-weight: 500;
+  width: 166px;
+  height: 60px;
+  border-radius: 10px;
+  top: 15px
+}
+
+.wechat_tip > i {
+  top: -10px;
+  width: 0;
+  height: 0;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-bottom: 12px solid #3ab2a7
+}
+
+.mask img {
+  max-width: 100%;
+  height: auto
+}
+
+
+/*上面是微信的*/
+
+a, button {
+  cursor: pointer
+}
+
+.out-container, .pattern {
+  -webkit-transition: all .5s
+}
+
+.main, .out-container {
+  display: block;
+  height: 100%
+}
+
+*, .wechat-tips {
+  box-sizing: border-box
+}
+
+.desc-section pre, body, html {
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif
+}
+
+
+.container {
+  margin: 0;
+  padding: 60px 0 0;
+  height: 100%;
+  color: #a9b1b3;
+  font-size: 14px;
+  /*background-color: #fff;*/
+  -webkit-font-smoothing: antialiased
+}
+
+
+.text-black {
+  color: #505556
+}
+
+p {
+  margin-top: 0
+}
+
+a {
+  text-decoration: none
+}
+
+button {
+  padding: 0;
+  border: 1px solid #a9b1b3;
+  background-color: transparent
+}
+
+button:focus {
+  outline: 0
+}
+
+.pattern {
+  position: absolute;
+  top: 0;
+  z-index: 1;
+  max-width: 312px;
+  width: 21.66%;
+  transition: all .5s
+}
+
+.pattern.left {
+  left: 0
+}
+
+.pattern.right {
+  right: 0
+}
+
+.pattern img {
+  width: 100%;
+  -webkit-transition: all 1s;
+  transition: all 1s;
+  pointer-events: none
+}
+
+@media (max-width: 1280px) {
+  .pattern {
+    width: 18%
+  }
+}
+
+.combo .pattern {
+  max-width: 220px
+}
+
+@media (min-width: 1280px) {
+  .combo .pattern {
+    max-width: 312px;
+    width: 21%
+  }
+}
+
+.out-container {
+  position: relative;
+  z-index: 2;
+  transition: all .5s
+}
+
+.main {
+  margin: 0 auto;
+  max-width: 94%;
+  width: 700px
+}
+
+.main .table-container {
+  display: table;
+  width: 100%;
+  height: 100%
+}
+
+.main .cell-container {
+  display: table-cell;
+  height: 100%;
+  vertical-align: middle;
+  text-align: center
+}
+
+
+.constraint .main header, .expired .main header, .forbidden .main header, .legal_forbidden .main header, .not_found .main header {
+  opacity: 1;
+  -webkit-transition: all .5s;
+  transition: all .5s;
+  -webkit-transform: none;
+  transform: none
+}
+
+.constraint .main header h1, .expired .main header h1, .forbidden .main header h1, .legal_forbidden .main header h1, .not_found .main header h1 {
+  color: #505556;
+  font-weight: 400;
+  font-size: 28px
+}
+
+.constraint .main header h3, .expired .main header h3, .forbidden .main header h3, .legal_forbidden .main header h3, .not_found .main header h3 {
+  font-size: 18px;
+  cursor: default
+}
+
+.constraint .main header h3 label, .expired .main header h3 label, .forbidden .main header h3 label, .legal_forbidden .main header h3 label, .not_found .main header h3 label {
+  cursor: default
+}
+
+.constraint .main header p, .expired .main header p, .forbidden .main header p, .legal_forbidden .main header p, .not_found .main header p {
+  font-size: 16px;
+  line-height: 24px
+}
+
+
+.constraint .pattern img, .expired .pattern img, .forbidden .pattern img, .legal_forbidden .pattern img, .not_found .pattern img {
+  -webkit-filter: grayscale(1)
+}
+
+@media screen and (max-width: 480px) {
+  .constraint .cell-container, .forbidden .cell-container, .legal_forbidden .cell-container, .not_found .cell-container {
+    vertical-align: top
+  }
+}
+
+
+.combo .main {
+  min-width: 960px;
+  max-width: 100%
+}
+
+.data_error .icon, .error .icon, .forbidden .icon, .passwd .icon {
+  margin-bottom: 40px;
+  width: 120px;
+  height: 120px;
+  border-radius: 22.7px
+}
+
+@media screen and (min-height: 520px) {
+  .data_error form, .error form, .forbidden form, .passwd form {
+    margin-bottom: 100px
+  }
+}
+
+.data_error .main, .error .main, .forbidden .main, .passwd .main {
+  height: 100%
+}
+
+.data_error .main table, .error .main table, .forbidden .main table, .passwd .main table {
+  width: 100%;
+  height: 100%;
+  vertical-align: middle
+}
+
+.data_error .app-brief h1, .error .app-brief h1, .forbidden .app-brief h1, .passwd .app-brief h1 {
+  text-transform: uppercase
+}
+
+
+.data_error .no-release-tips a, .error .no-release-tips a, .forbidden .no-release-tips a, .passwd .no-release-tips a {
+  text-decoration: underline;
+  color: #9b9b9b
+}
+
+
+.main .icon-container {
+  position: relative;
+  margin: 0 auto;
+  width: 290px;
+  height: 290px
+}
+
+.main .icon-container .bg-path {
+  position: absolute;
+  top: 4px;
+  left: 4px;
+  z-index: 1;
+  color: #eff2f2;
+  font-size: 290px
+}
+
+.main .icon-container span {
+  position: absolute;
+  z-index: 2;
+  display: block
+}
+
+.main .icon-container .icon {
+  top: 0;
+  left: 0;
+  padding: 10px;
+  width: 140px;
+  height: 140px;
+  border-radius: 17.54%;
+  background-color: #fff
+}
+
+.main .icon-container .icon img {
+  max-width: 100%;
+  width: 120px;
+  height: 120px;
+  border-radius: 17.54%
+}
+
+.main .icon-container .qrcode {
+  right: 0;
+  bottom: 0;
+  width: 140px;
+  height: 140px;
+  border: 20px solid transparent;
+  border-radius: 26px
+}
+
+.main .icon-container .qrcode img {
+  width: 100px;
+  height: 100px
+}
+
+.main > header {
+  display: block;
+  min-height: 600px;
+  max-height: 800px;
+  height: 100%
+}
+
+.main > header.ad-app {
+  height: auto
+}
+
+.main > header .wrapper {
+  margin-right: auto;
+  margin-left: auto;
+  width: 290px
+}
+
+.main > header .app-brief {
+  -webkit-transition: all .5s;
+  transition: all .5s
+}
+
+.main > header .name, .main > header body.passwd .name {
+  position: relative;
+  margin: 20px auto;
+  width: 290px;
+  color: #505556;
+  text-align: left;
+  font-weight: 400;
+  font-size: 28px
+}
+
+.main > header .name i, .main > header body.passwd .name i {
+  position: absolute;
+  right: 100%;
+  top: 10px;
+  margin-right: 10px;
+  font-size: 26px
+}
+
+.main > header .name span, .main > header body.passwd .name span {
+  display: inline-block;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  word-wrap: normal;
+  line-height: 1.6
+}
+
+
+.main > header .scan-tips {
+  margin: 0 auto;
+  width: 290px;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 22px
+}
+
+.main > header .release-info {
+  position: relative;
+  margin-top: 30px;
+  margin-bottom: 30px;
+  padding-top: 30px
+}
+
+.main > header .release-info p {
+  margin-bottom: 4px
+}
+
+.main > header .release-info:before {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  display: block;
+  margin-left: -30%;
+  width: 60%;
+  border-top: 1px solid #dae2e3;
+  content: ' '
+}
+
+.main > header .actions {
+  margin: 30px auto 0;
+  max-width: 290px
+}
+
+.main > header .actions p {
+  line-height: 1.5;
+  padding: 12px;
+  color: #3AB2A7;
+  font-weight: 500;
+  font-size: 16px
+}
+
+.main > header .actions button {
+  display: inline-block;
+  padding: 12px 46px;
+  min-width: 200px;
+  border: 1px solid #32b2a7;
+  border-radius: 40px;
+  font-size: 14px;
+  background: #32b2a7;
+  color: #fff
+}
+
+.main > header .actions input {
+  display: inline-block;
+  padding: 12px 46px;
+  width: 166px;
+  border: 1px solid #32b2a7;
+  border-radius: 40px;
+  font-size: 14px;
+}
+
+.main > header .actions button a {
+  color: #fff
+}
+
+.main > header .actions a {
+  color: #868c8e;
+  font-size: 14px;
+  display: block
+}
+
+.main > header .type-ios {
+  display: none
+}
+
+@media only screen and (max-width: 768px) {
+  .main > header {
+    max-height: 100%;
+    height: 100%;
+    min-height: 400px
+  }
+
+  .main > header.ad-app {
+    min-height: 700px
+  }
+
+  .main > header .type-ios {
+    display: block
+  }
+}
+
+
+@media screen and (max-width: 768px) {
+  .main > header {
+    min-height: 400px
+  }
+
+  .main > header .release-info {
+    display: block
+  }
+
+  .main > header .name {
+    text-align: center;
+    font-size: 24px
+  }
+
+  .main > header .name .icon-warp {
+    position: static;
+    display: inline-block;
+    margin-left: -48px;
+    max-width: 76%
+  }
+
+  .main > header .name .tip {
+    margin-top: 5px
+  }
+
+  .main > header .name i {
+    position: static
+  }
+
+  .main > header .scan-tips {
+    display: none
+  }
+}
+
+
+.footer, .per-type-info .info {
+  text-align: center
+}
+
+
+.section {
+  position: relative;
+  z-index: 2;
+  padding: 50px 0;
+  border-top: 1px solid #dae2e3
+}
+
+@media screen and (max-width: 768px) {
+  .section {
+    padding: 50px 20px
+  }
+}
+
+.section h2 {
+  margin: 0 0 40px;
+  color: #505556;
+  font-weight: 400
+}
+
+
+.per-type-info {
+  position: relative;
+  overflow: hidden;
+  padding-top: 0;
+  border-top: 1px solid #dae2e3
+}
+
+.per-type-info .type {
+  float: left;
+  width: 50%
+}
+
+.per-type-info .type-icon {
+  margin-bottom: 0
+}
+
+.per-type-info .info {
+  padding-top: 50px;
+  font-size: 12px
+}
+
+.per-type-info .info .version {
+  margin-bottom: 20px
+}
+
+.per-type-info .info .type-icon {
+  margin-bottom: 40px
+}
+
+.per-type-info .info i {
+  margin-bottom: 0;
+  color: #505556;
+  font-size: 48px
+}
+
+.per-type-info .info .store-link-wrapper a {
+  width: 200px
+}
+
+.per-type-info .info .store-link-wrapper a i {
+  font-size: 29px
+}
+
+.per-type-info:before {
+  position: absolute;
+  left: 50%;
+  width: 1px;
+  height: 100%;
+  background-color: #dae2e3;
+  content: ' '
+}
+
+.desc-section pre {
+  white-space: pre-wrap;
+  line-height: 22px
+}
+
+.section-store-link a {
+  display: inline-block;
+  border: 1px solid #505556;
+  border-radius: 5px;
+  text-decoration: none
+}
+
+.section-store-link a i {
+  display: block;
+  padding: 14px 40px;
+  color: #505556;
+  font-size: 33px
+}
+
+.screenshots-section {
+  border-bottom: 0
+}
+
+.screenshots-section .list-wrapper {
+  overflow-x: scroll;
+  max-width: 100%
+}
+
+.screenshots-section ul {
+  display: block;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  white-space: nowrap
+}
+
+.screenshots-section ul li {
+  display: inline-block;
+  padding-right: 20px;
+  vertical-align: middle
+}
+
+.screenshots-section ul li img {
+  max-height: 462px
+}
+
+
+@-webkit-keyframes rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0)
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg)
+  }
+}
+
+@keyframes rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0)
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg)
+  }
+}
+
+#actions {
+  display: none
+}
+
+#actions button {
+  -webkit-transition: all .25s;
+  transition: all .25s
+}
+
+#actions button.loading {
+  -webkit-animation: rotate .6s linear infinite;
+  animation: rotate .6s linear infinite;
+  background: 0
+}
+
+@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
+  #actions {
+    display: block
+  }
+}
+
+@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
+  #actions {
+    display: block
+  }
+}
+
+@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
+  #actions {
+    display: block
+  }
+}
+
+@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
+  #actions {
+    display: block
+  }
+}
+
+@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
+  #actions {
+    display: block
+  }
+}
+
+@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
+  #actions {
+    display: block
+  }
+}
+
+#actions.type-android {
+  display: block
+}
+
+body.hidden-overflow {
+  overflow: hidden
+}
+
+.main header .app-brief .icon-container .qrcode {
+  background-color: #eff2f2;
+  -webkit-transition: all .25s;
+  transition: all .25s
+}
+
+.main header .app-brief .name .icon-warp {
+  vertical-align: bottom
+}
+
+
+.app_bottom_fixed img {
+  width: 100%;
+  max-height: 80px
+}
+
+@media screen and (max-width: 768px) {
+  .combo .main, .main {
+    width: 100%;
+    min-width: 100%
+  }
+
+  .data_error form, .error form, .forbidden form, .passwd form {
+    margin-bottom: 30px
+  }
+
+  .main .app-brief {
+    text-align: center
+  }
+
+  .main .app-brief button {
+    display: inline-block
+  }
+
+  .main .app-brief .bg-path, .main .app-brief .qrcode {
+    display: none
+  }
+
+  .main .icon-container {
+    width: 100%;
+    height: auto;
+    text-align: center
+  }
+
+  .main .icon-container .icon {
+    position: static;
+    display: inline-block
+  }
+
+
+}
+
+@media screen and (min-width: 1024px) {
+  .main header .app-brief .icon-container:hover .qrcode {
+    -webkit-transform: scale(1.6);
+    transform: scale(1.6);
+    box-shadow: 0 1px 5px rgba(0, 0, 0, .3)
+  }
+}
+
+.signhelp {
+  position: absolute;
+  width: 90%;
+  max-width: 300px;
+  max-height: 400px;
+  z-index: 9999;
+  display: none;
+  background-color: white;
+  /* 这里要注意绝对定位的盒子怎么在屏幕显示居中 */
+  left: 50%;
+  margin-left: -150px;
+  margin-top: 10%;
+  border: 1px solid gray;
+}
+
+.signhelp ul li img {
+  width: 300px;
+  height: 222px;
+}
+
+.signhelp ul li p {
+  text-align: center;
+  font-size: 14px;
+  color: #0491f7;
+  margin: 10px 10px;
+  white-space: pre-line;
+}
+
+
+/* 遮盖层 */
+.bg {
+  background-color: #000;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  position: fixed;
+  opacity: 0.3;
+  -webkit-opacity: 0.3;
+  -moz-opacity: 0.3;
+  display: none;
+}
+
+/* 登陆框标题 */
+.signhelp-title {
+  width: 100%;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  margin-bottom: 20px;
+  cursor: move;
+}
+
+.signhelp-title span a {
+  text-decoration: none;
+  border: 1px solid gray;
+  font-size: 12px;
+  color: black;
+  border-radius: 20px;
+  width: 40px;
+  height: 40px;
+  background-color: #fff;
+  position: absolute;
+  top: -20px;
+  right: -20px;
+}
+
+.signhelp-title .closead {
+  top: 38px;
+  right: -6px;
+}
 </style>
diff --git a/fir_client/src/components/FirFooter.vue b/fir_client/src/components/FirFooter.vue
index f4da089..8a564d2 100644
--- a/fir_client/src/components/FirFooter.vue
+++ b/fir_client/src/components/FirFooter.vue
@@ -1,61 +1,61 @@
 <template>
-    <div class="ifooter">
+  <div class="ifooter">
 
-        <div style="width: 300px; margin: 0 auto; padding: 5px 0;">
-            <el-link :underline="false"> {{ footer.copyright }}</el-link>
-        </div>
-        <div style="width: 300px; margin: 0 auto; padding: 5px 0;">
-            <a style="display: inline-block; text-decoration: none; height: 20px; line-height: 20px;"
-               :href="footer.gongAnBeiAn.url"
-               target="_blank" rel="noopener">
-                <img style="float: left;" src="@/assets/beianlogo.png" alt=""/>
-                <el-link :underline="false"
-                         style="float: left; height: 20px; line-height: 20px; margin: 0 0 0 5px; color: #939393;">
-                    {{ footer.gongAnBeiAn.text }}
-                </el-link>
-            </a>
+    <div style="width: 300px; margin: 0 auto; padding: 5px 0;">
+      <el-link :underline="false"> {{ footer.copyright }}</el-link>
+    </div>
+    <div style="width: 300px; margin: 0 auto; padding: 5px 0;">
+      <a :href="footer.gongAnBeiAn.url"
+         rel="noopener"
+         style="display: inline-block; text-decoration: none; height: 20px; line-height: 20px;" target="_blank">
+        <img alt="" src="@/assets/beianlogo.png" style="float: left;"/>
+        <el-link :underline="false"
+                 style="float: left; height: 20px; line-height: 20px; margin: 0 0 0 5px; color: #939393;">
+          {{ footer.gongAnBeiAn.text }}
+        </el-link>
+      </a>
 
-        </div>
+    </div>
 
-        <div>
-            <div :underline="false" style="width: 200px; margin: 0 auto; padding: 5px 0;">
-                <el-link :underline="false" :href="footer.ipcBeiAn.url" target="_blank"
-                         rel="nofollow noopener">{{ footer.ipcBeiAn.text }}
-                </el-link>
-            </div>
-        </div>
+    <div>
+      <div :underline="false" style="width: 200px; margin: 0 auto; padding: 5px 0;">
+        <el-link :href="footer.ipcBeiAn.url" :underline="false" rel="nofollow noopener"
+                 target="_blank">{{ footer.ipcBeiAn.text }}
+        </el-link>
+      </div>
     </div>
+  </div>
 </template>
 
 <script>
 
-    export default {
-        name: "FirFooter",
-        data() {
-            return {
-                footer: {
-                    copyright: 'Copyright © 2020-2022 东城飞阳 版权所有.',
-                    ipcBeiAn: {
-                        url: 'https://beian.miit.gov.cn',
-                        text: '粤ICP备2021097895号',
-                    },
-                    gongAnBeiAn: {
-                        url: 'http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41142202000062',
-                        text: '豫公网安备41142202000062号',
-                    },
-                }
-            }
-        }
+export default {
+  name: "FirFooter",
+  data() {
+    return {
+      footer: {
+        copyright: 'Copyright © 2020-2022 东城飞阳 版权所有.',
+        ipcBeiAn: {
+          url: 'https://beian.miit.gov.cn',
+          text: '粤ICP备2021097895号',
+        },
+        gongAnBeiAn: {
+          url: 'http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41142202000062',
+          text: '豫公网安备41142202000062号',
+        },
+      }
     }
+  }
+}
 </script>
 
 <style scoped>
-    .ifooter {
-        margin: 20px auto 100px;
-        width: 1166px;
-        text-align: center;
-        font-size: 0;
-        border-radius: 10px;
-    }
+.ifooter {
+  margin: 20px auto 100px;
+  width: 1166px;
+  text-align: center;
+  font-size: 0;
+  border-radius: 10px;
+}
 
 </style>
diff --git a/fir_client/src/components/FirHeader.vue b/fir_client/src/components/FirHeader.vue
index dc7ce58..1d31a6c 100644
--- a/fir_client/src/components/FirHeader.vue
+++ b/fir_client/src/components/FirHeader.vue
@@ -1,203 +1,204 @@
 <template>
-    <div style="background-color: rgba(162,193,230,0.18);">
-        <el-container class="navbar-wrapper">
-            <el-dialog
-                    title="API  Token"
-                    :visible.sync="dialogVisible"
-                    width="30%"
-                    center
-            >
-                <span>可用于调用公开 API，可用于登录 fly-cli，请勿泄露您的 token</span>
-                <el-main>
-                    <el-tooltip content="点击复制到剪贴板">
-                        <el-link type="primary" v-if="token" :underline="false" v-clipboard:copy="token"
-                                 v-clipboard:success="copy_success">{{ token }}
-                        </el-link>
-                    </el-tooltip>
-                </el-main>
-                <span slot="footer" class="dialog-footer">
+  <div style="background-color: rgba(162,193,230,0.18);">
+    <el-container class="navbar-wrapper">
+      <el-dialog
+          :visible.sync="dialogVisible"
+          center
+          title="API  Token"
+          width="30%"
+      >
+        <span>可用于调用公开 API，可用于登录 fly-cli，请勿泄露您的 token</span>
+        <el-main>
+          <el-tooltip content="点击复制到剪贴板">
+            <el-link v-if="token" v-clipboard:copy="token" v-clipboard:success="copy_success" :underline="false"
+                     type="primary">{{ token }}
+            </el-link>
+          </el-tooltip>
+        </el-main>
+        <span slot="footer" class="dialog-footer">
                 <el-button type="primary" @click="maketoken">重新生成</el-button>
              </span>
-            </el-dialog>
-            <el-row :gutter="20">
-                <el-col :span="14" style="padding-top: 36px;margin-left: 60px">
-                    <el-breadcrumb separator-class="el-icon-arrow-right" style="height: 60px;font-size: 20px">
-                        <el-breadcrumb-item :to="{ name:'FirIndex' }">首页</el-breadcrumb-item>
-                        <el-breadcrumb-item :to="{ name:'FirApps'}">我的应用</el-breadcrumb-item>
-
-                        <el-breadcrumb-item v-if="this.route_info.label" :to="{ name:route_info.name}">{{
-                            this.route_info.label }}
-                        </el-breadcrumb-item>
-
-                        <el-breadcrumb-item v-if="$store.state.currentapp.name"
-                                            :to="{name: 'FirAppInfostimeline', params: {id: $store.state.currentapp.app_id}}">
-                            {{ $store.state.currentapp.name}}
-                        </el-breadcrumb-item>
-
-                    </el-breadcrumb>
-                </el-col>
-                <el-col :span="2" :push="2" style="padding-top: 16px;">
-                    <div class="block">
-                        <el-avatar :size="66" :src="$store.state.userinfo.head_img"></el-avatar>
-                    </div>
-                </el-col>
-                <el-col :span="4" :push="2" style="padding-top: 16px">
-                    <el-dropdown style="padding-top: 12px;" @command="handleCommand">
-                        <el-button type="primary" plain round>
-                            {{$store.state.userinfo.first_name }}<i class="el-icon-arrow-down el-icon--right"></i>
-                        </el-button>
-                        <el-dropdown-menu slot="dropdown">
-                            <el-dropdown-item command="userinfo">个人资料</el-dropdown-item>
-                            <el-dropdown-item command="apitoken">API token</el-dropdown-item>
-                            <el-dropdown-item command="setdomian">设置域名</el-dropdown-item>
-                            <el-dropdown-item command="setadvert" v-if="$store.state.userinfo.role>1">宣传广告
-                            </el-dropdown-item>
-                            <el-dropdown-item command="storage" v-if="$store.state.userinfo.storage_active">存储管理
-                            </el-dropdown-item>
-                            <el-dropdown-item command="supersign" v-if="$store.state.userinfo.supersign_active">超级签名
-                            </el-dropdown-item>
-                            <el-dropdown-item command="myorder">订单信息</el-dropdown-item>
-                            <el-dropdown-item command="contact">联系我们</el-dropdown-item>
-                            <el-dropdown-item command="exit">退出</el-dropdown-item>
-
-                        </el-dropdown-menu>
-                    </el-dropdown>
-
-                </el-col>
-
-            </el-row>
-
-
-        </el-container>
-    </div>
+      </el-dialog>
+      <el-row :gutter="20">
+        <el-col :span="14" style="padding-top: 36px;margin-left: 60px">
+          <el-breadcrumb separator-class="el-icon-arrow-right" style="height: 60px;font-size: 20px">
+            <el-breadcrumb-item :to="{ name:'FirIndex' }">首页</el-breadcrumb-item>
+            <el-breadcrumb-item :to="{ name:'FirApps'}">我的应用</el-breadcrumb-item>
+
+            <el-breadcrumb-item v-if="this.route_info.label" :to="{ name:route_info.name}">{{
+                this.route_info.label
+              }}
+            </el-breadcrumb-item>
+
+            <el-breadcrumb-item v-if="$store.state.currentapp.name"
+                                :to="{name: 'FirAppInfostimeline', params: {id: $store.state.currentapp.app_id}}">
+              {{ $store.state.currentapp.name }}
+            </el-breadcrumb-item>
+
+          </el-breadcrumb>
+        </el-col>
+        <el-col :push="2" :span="2" style="padding-top: 16px;">
+          <div class="block">
+            <el-avatar :size="66" :src="$store.state.userinfo.head_img"></el-avatar>
+          </div>
+        </el-col>
+        <el-col :push="2" :span="4" style="padding-top: 16px">
+          <el-dropdown style="padding-top: 12px;" @command="handleCommand">
+            <el-button plain round type="primary">
+              {{ $store.state.userinfo.first_name }}<i class="el-icon-arrow-down el-icon--right"></i>
+            </el-button>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item command="userinfo">个人资料</el-dropdown-item>
+              <el-dropdown-item command="apitoken">API token</el-dropdown-item>
+              <el-dropdown-item command="setdomian">设置域名</el-dropdown-item>
+              <el-dropdown-item v-if="$store.state.userinfo.role>1" command="setadvert">宣传广告
+              </el-dropdown-item>
+              <el-dropdown-item v-if="$store.state.userinfo.storage_active" command="storage">存储管理
+              </el-dropdown-item>
+              <el-dropdown-item v-if="$store.state.userinfo.supersign_active" command="supersign">超级签名
+              </el-dropdown-item>
+              <el-dropdown-item command="myorder">订单信息</el-dropdown-item>
+              <el-dropdown-item command="contact">联系我们</el-dropdown-item>
+              <el-dropdown-item command="exit">退出</el-dropdown-item>
+
+            </el-dropdown-menu>
+          </el-dropdown>
+
+        </el-col>
+
+      </el-row>
+
+
+    </el-container>
+  </div>
 </template>
 
 <script>
-    import {apitoken, logout} from '@/restful'
-
-    export default {
-        name: "FirHeader",
-        data() {
-            return {
-                current_user: {},
-                appName: '',
-                token: '',
-                dialogVisible: false,
-                route_info: {'name': '', 'label': ''},
-            }
-        }, methods: {
-            copy_success() {
-                this.$message.success('复制剪切板成功');
-            },
-            maketoken() {
-                this.$confirm('确认重新生成新的密钥么?', '警告', {
-                    type: 'warning'
-                })
-                    // eslint-disable-next-line no-unused-vars
-                    .then(res => {
-                        apitoken(data => {
-                            if (data.code === 1000) {
-                                this.token = data.data.token;
-                                this.$message({
-                                    type: 'success',
-                                    message: '重新生成成功!'
-                                });
-                            } else {
-                                this.$message.error("失败了 " + data.msg)
-                            }
-                        }, {methods: 'PUT', token: this.token});
-                    })
-                    .catch(err => {
-                        this.$message.error(err)
-                    });
-            },
-            handleCommand(command) {
-                if (command === 'userinfo') {
-                    this.$router.push({name: 'FirUserProfileInfo'})
-                } else if (command === 'storage') {
-                    this.$router.push({name: 'FirUserStorage', params: {act: "change"}})
-                } else if (command === 'supersign') {
-                    this.$store.dispatch('doucurrentapp', {});
-                    this.$router.push({"name": 'FirSuperSignBase', params: {act: "iosdeveloper"}})
-                } else if (command === 'apitoken') {
-                    apitoken(data => {
-                        if (data.code === 1000) {
-                            this.token = data.data.token;
-                            this.dialogVisible = true;
-                        } else {
-                            this.dialogVisible = false;
-                            this.$message.error("获取失败了 " + data.msg)
-                        }
-                    }, {methods: 'GET', token: this.token});
-
-                } else if (command === 'setdomian') {
-                    this.$router.push({"name": 'FirUserDomain'})
-                } else if (command === 'setadvert') {
-                    this.$router.push({"name": 'FirUserAdvert'})
-                } else if (command === 'myorder') {
-                    this.$router.push({"name": 'FirUserOrders'})
-                } else if (command === 'contact') {
-                    this.$router.push({"name": 'FirContact'})
-                } else if (command === 'exit') {
-                    logout(data => {
-                        if (data.code === 1000) {
-                            this.$message.success("退出成功");
-                            this.$cookies.remove("token");
-                            this.$cookies.remove("auth_token");
-                            this.$cookies.remove("username");
-                            this.$cookies.remove("first_name");
-                            this.$store.dispatch('doucurrentapp', {});
-                            this.$store.dispatch('doUserinfo', {});
-                            this.$router.push({name: 'FirLogin'});
-                        } else {
-                            this.$message.error("退出失败")
-                        }
-                    }, {})
-                }
-            },
-            init_route_name() {
-                if (this.$route.meta) {
-                    this.route_info.label = this.$route.meta.label;
-                    this.route_info.name = this.$route.name;
-                }
-            },
-
-        }, created() {
-            this.appName = this.$route.params.id
-        }, watch: {
-            $route: function () {
-                this.appName = this.$route.params.id;
-                this.init_route_name();
-            }
-        }, mounted() {
-            this.init_route_name();
-        }
+import {apitoken, logout} from '@/restful'
+
+export default {
+  name: "FirHeader",
+  data() {
+    return {
+      current_user: {},
+      appName: '',
+      token: '',
+      dialogVisible: false,
+      route_info: {'name': '', 'label': ''},
     }
+  }, methods: {
+    copy_success() {
+      this.$message.success('复制剪切板成功');
+    },
+    maketoken() {
+      this.$confirm('确认重新生成新的密钥么?', '警告', {
+        type: 'warning'
+      })
+          // eslint-disable-next-line no-unused-vars
+          .then(res => {
+            apitoken(data => {
+              if (data.code === 1000) {
+                this.token = data.data.token;
+                this.$message({
+                  type: 'success',
+                  message: '重新生成成功!'
+                });
+              } else {
+                this.$message.error("失败了 " + data.msg)
+              }
+            }, {methods: 'PUT', token: this.token});
+          })
+          .catch(err => {
+            this.$message.error(err)
+          });
+    },
+    handleCommand(command) {
+      if (command === 'userinfo') {
+        this.$router.push({name: 'FirUserProfileInfo'})
+      } else if (command === 'storage') {
+        this.$router.push({name: 'FirUserStorage', params: {act: "change"}})
+      } else if (command === 'supersign') {
+        this.$store.dispatch('doucurrentapp', {});
+        this.$router.push({"name": 'FirSuperSignBase', params: {act: "iosdeveloper"}})
+      } else if (command === 'apitoken') {
+        apitoken(data => {
+          if (data.code === 1000) {
+            this.token = data.data.token;
+            this.dialogVisible = true;
+          } else {
+            this.dialogVisible = false;
+            this.$message.error("获取失败了 " + data.msg)
+          }
+        }, {methods: 'GET', token: this.token});
+
+      } else if (command === 'setdomian') {
+        this.$router.push({"name": 'FirUserDomain'})
+      } else if (command === 'setadvert') {
+        this.$router.push({"name": 'FirUserAdvert'})
+      } else if (command === 'myorder') {
+        this.$router.push({"name": 'FirUserOrders'})
+      } else if (command === 'contact') {
+        this.$router.push({"name": 'FirContact'})
+      } else if (command === 'exit') {
+        logout(data => {
+          if (data.code === 1000) {
+            this.$message.success("退出成功");
+            this.$cookies.remove("token");
+            this.$cookies.remove("auth_token");
+            this.$cookies.remove("username");
+            this.$cookies.remove("first_name");
+            this.$store.dispatch('doucurrentapp', {});
+            this.$store.dispatch('doUserinfo', {});
+            this.$router.push({name: 'FirLogin'});
+          } else {
+            this.$message.error("退出失败")
+          }
+        }, {})
+      }
+    },
+    init_route_name() {
+      if (this.$route.meta) {
+        this.route_info.label = this.$route.meta.label;
+        this.route_info.name = this.$route.name;
+      }
+    },
+
+  }, created() {
+    this.appName = this.$route.params.id
+  }, watch: {
+    $route: function () {
+      this.appName = this.$route.params.id;
+      this.init_route_name();
+    }
+  }, mounted() {
+    this.init_route_name();
+  }
+}
 </script>
 
 <style scoped>
 
-    .el-container, .el-row {
-        margin: 10px auto;
-        width: 1166px;
-    }
+.el-container, .el-row {
+  margin: 10px auto;
+  width: 1166px;
+}
 
-    .navbar-wrapper {
-        font-size: 0;
-        border-radius: 10px;
-    }
+.navbar-wrapper {
+  font-size: 0;
+  border-radius: 10px;
+}
 
-    .el-dropdown {
-        vertical-align: top;
-    }
+.el-dropdown {
+  vertical-align: top;
+}
 
-    .el-dropdown + .el-dropdown {
-        margin-left: 15px;
-    }
+.el-dropdown + .el-dropdown {
+  margin-left: 15px;
+}
 
-    .el-icon-arrow-down {
-        font-size: 12px;
-    }
+.el-icon-arrow-down {
+  font-size: 12px;
+}
 
 
 </style>
diff --git a/fir_client/src/components/FirLogin.vue b/fir_client/src/components/FirLogin.vue
index a48b916..bb3cebd 100644
--- a/fir_client/src/components/FirLogin.vue
+++ b/fir_client/src/components/FirLogin.vue
@@ -1,424 +1,424 @@
 <template>
-    <el-container>
-        <div style="margin: 10px 0 10px 0 ;position:absolute;right:20px;top:auto;">
-            <el-button round icon="el-icon-arrow-left" @click="$router.go(-1)"/>
-            <el-button round icon="el-icon-s-home" @click="$router.push({name:'FirIndex'})"/>
+  <el-container>
+    <div style="margin: 10px 0 10px 0 ;position:absolute;right:20px;top:auto;">
+      <el-button icon="el-icon-arrow-left" round @click="$router.go(-1)"/>
+      <el-button icon="el-icon-s-home" round @click="$router.push({name:'FirIndex'})"/>
+
+    </div>
+    <el-header>
+
+      <div>
+        <span>登录</span>
+      </div>
+
+    </el-header>
+    <el-main>
+
+      <el-form ref="form" :model="form">
+
+        <el-tabs v-model="activeName">
+          <el-tab-pane v-if="allow_ways.up" label="用户名登录" name="username">
+            <el-form-item>
+              <el-input v-model="form.email" autofocus clearable placeholder="用户名"
+                        prefix-icon="el-icon-user"/>
+            </el-form-item>
+          </el-tab-pane>
+          <el-tab-pane v-if="allow_ways.sms || allow_ways.email" :label="rutitle+'登录'" name="smsemail">
+            <el-form-item>
+              <el-input v-model="form.email" :placeholder="rutitle" autofocus clearable
+                        prefix-icon="el-icon-user"/>
+            </el-form-item>
+          </el-tab-pane>
+
+        </el-tabs>
+
+        <el-form-item v-if="is_captcha">
+          <el-input v-model="form.password" clearable placeholder="密码"
+                    prefix-icon="el-icon-lock"
+                    show-password @keyup.enter.native="onSubmit"/>
+        </el-form-item>
+        <el-form-item v-else>
+          <el-input v-model="form.password" clearable placeholder="密码"
+                    prefix-icon="el-icon-lock" show-password/>
+        </el-form-item>
+        <el-form-item v-if="captcha.captcha_image" style="height: 40px">
+          <el-row style="height: 40px">
+            <el-col :span="16">
+              <el-input v-model="form.authcode" clearable maxlength="6"
+                        placeholder="请输入验证码" @keyup.enter.native="onSubmit"/>
+            </el-col>
+            <el-col :span="8">
+              <el-image
+                  :src="captcha.captcha_image"
+                  fit="contain"
+                  style="margin:0 4px;border-radius:4px;cursor:pointer;height: 40px" @click="get_auth_code">
+              </el-image>
+            </el-col>
+          </el-row>
+        </el-form-item>
+
+        <el-form-item>
+          <div id="captcha" ref="captcha"></div>
+        </el-form-item>
+
+        <el-form-item>
+          <el-button :disabled="login_disable" type="danger" @click="onSubmit">登录</el-button>
+        </el-form-item>
+
+        <el-form-item v-if="register_enable">
+          <el-button plain type="primary" @click="onRegister">注册</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-link :underline="false" plain @click="$router.push({name: 'FirResetPwd'})">忘记密码</el-link>
+        </el-form-item>
+
+        <div v-if="allow_ways.third && JSON.stringify(allow_ways.third).indexOf('true')!==-1" class="other-way">
+          <hr>
+          <span class="info">或使用以下账户登录</span>
+
+          <el-popover
+              v-if="allow_ways.third && allow_ways.third.wxp"
+              v-model="wx_visible"
+              placement="top"
+              title="微信扫码关注公众号登录"
+              trigger="manual">
+            <div>
+              <el-image :src="wx_login_qr_url" style="width: 176px;height: 166px"/>
+            </div>
+            <el-button slot="reference"
+                       size="small" style="color: #1fc939;border: 1px solid rgba(31,201,57,.5); width: 110px" @click="wxLogin">微信
+            </el-button>
+          </el-popover>
 
         </div>
-        <el-header>
+      </el-form>
 
-            <div>
-                <span>登录</span>
-            </div>
 
-        </el-header>
-        <el-main>
-
-            <el-form ref="form" :model="form">
-
-                <el-tabs v-model="activeName">
-                    <el-tab-pane label="用户名登录" name="username" v-if="allow_ways.up">
-                        <el-form-item>
-                            <el-input v-model="form.email" prefix-icon="el-icon-user" placeholder="用户名" autofocus
-                                      clearable/>
-                        </el-form-item>
-                    </el-tab-pane>
-                    <el-tab-pane :label="rutitle+'登录'" name="smsemail" v-if="allow_ways.sms || allow_ways.email">
-                        <el-form-item>
-                            <el-input v-model="form.email" prefix-icon="el-icon-user" :placeholder="rutitle" autofocus
-                                      clearable/>
-                        </el-form-item>
-                    </el-tab-pane>
-
-                </el-tabs>
-
-                <el-form-item v-if="is_captcha">
-                    <el-input v-model="form.password" prefix-icon="el-icon-lock" placeholder="密码"
-                              @keyup.enter.native="onSubmit"
-                              show-password clearable/>
-                </el-form-item>
-                <el-form-item v-else>
-                    <el-input v-model="form.password" prefix-icon="el-icon-lock" placeholder="密码"
-                              show-password clearable/>
-                </el-form-item>
-                <el-form-item style="height: 40px" v-if="captcha.captcha_image">
-                    <el-row style="height: 40px">
-                        <el-col :span="16">
-                            <el-input placeholder="请输入验证码" v-model="form.authcode" maxlength="6"
-                                      @keyup.enter.native="onSubmit" clearable/>
-                        </el-col>
-                        <el-col :span="8">
-                            <el-image
-                                    style="margin:0 4px;border-radius:4px;cursor:pointer;height: 40px"
-                                    :src="captcha.captcha_image"
-                                    fit="contain" @click="get_auth_code">
-                            </el-image>
-                        </el-col>
-                    </el-row>
-                </el-form-item>
-
-                <el-form-item>
-                    <div id="captcha" ref="captcha"></div>
-                </el-form-item>
-
-                <el-form-item>
-                    <el-button type="danger" :disabled="login_disable" @click="onSubmit">登录</el-button>
-                </el-form-item>
-
-                <el-form-item v-if="register_enable">
-                    <el-button type="primary" @click="onRegister" plain>注册</el-button>
-                </el-form-item>
-                <el-form-item>
-                    <el-link :underline="false" @click="$router.push({name: 'FirResetPwd'})" plain>忘记密码</el-link>
-                </el-form-item>
-
-                <div class="other-way" v-if="allow_ways.third && JSON.stringify(allow_ways.third).indexOf('true')!==-1">
-                    <hr>
-                    <span class="info">或使用以下账户登录</span>
-
-                    <el-popover
-                            v-if="allow_ways.third && allow_ways.third.wxp"
-                            placement="top"
-                            trigger="manual"
-                            title="微信扫码关注公众号登录"
-                            v-model="wx_visible">
-                        <div>
-                            <el-image :src="wx_login_qr_url" style="width: 176px;height: 166px"/>
-                        </div>
-                        <el-button style="color: #1fc939;border: 1px solid rgba(31,201,57,.5); width: 110px"
-                                   slot="reference" size="small" @click="wxLogin">微信
-                        </el-button>
-                    </el-popover>
-
-                </div>
-            </el-form>
-
-
-        </el-main>
-
-
-    </el-container>
+    </el-main>
+
+
+  </el-container>
 
 </template>
 
 <script>
-    import {loginFun, set_auth_token, wxLoginFun} from "@/restful";
-    import {checkEmail, checkphone, geetest} from "@/utils";
-
-    export default {
-        name: "FirLogin",
-        data() {
-            return {
-                form: {
-                    email: '',
-                    password: '',
-                    authcode: ''
-                },
-                captcha: {"captcha_image": '', "captcha_key": '', "length": 8},
-                activeName: 'username',
-                allow_ways: {'third': {}},
-                rutitle: '',
-                rctitle: '',
-                register_enable: false,
-                login_disable: false,
-                wx_login_qr_url: '',
-                wx_visible: false,
-                loop_flag: false,
-            }
-        },
-        methods: {
-
-            set_cookie_and_token(data) {
-                this.$cookies.remove("auth_token");
-                this.$cookies.set("token", data['token'], 3600 * 24 * 30);
-                this.$cookies.set("username", data.userinfo.username, 3600 * 24 * 30);
-                this.$cookies.set("first_name", data.userinfo.first_name, 3600 * 24 * 30);
-                this.$store.dispatch("doUserinfo", data.userinfo);
-                set_auth_token();
-                this.$router.push({name: 'FirApps'})
-            },
-            loop_get_wx_info(wx_login_ticket) {
-                if (wx_login_ticket && wx_login_ticket.length < 3) {
-                    this.$message.error("获取登陆码失败，请稍后再试");
-                    return
-                }
-                let c_count = 1;
-                // eslint-disable-next-line no-unused-vars
-                const loop_t = window.setInterval(res => {
-                    if (!this.loop_flag) {
-                        window.clearInterval(loop_t);
-                    }
-                    wxLoginFun(data => {
-                        c_count += 1;
-                        if (c_count > 120) {
-                            window.clearInterval(loop_t);
-                        }
-                        if (data.code === 1000) {
-                            window.clearInterval(loop_t);
-                            this.set_cookie_and_token(data);
-                        } else if (data.code === 1005) {
-                            window.clearInterval(loop_t);
-                            this.wx_visible = false;
-                            this.loop_flag = false;
-                            this.$message({
-                                message: data.msg,
-                                type: 'error',
-                                duration: 30000
-                            });
-                        }
-                    }, {
-                        "methods": "POST",
-                        data: {"ticket": wx_login_ticket}
-                    })
-                }, 3000)
-
-            },
-            wxLogin() {
-                this.wx_visible = !this.wx_visible;
-                this.wx_login_qr_url = '';
-                if (this.wx_visible) {
-                    wxLoginFun(data => {
-                        if (data.code === 1000) {
-                            this.wx_login_qr_url = data.data.qr;
-                            this.loop_flag = true;
-                            this.loop_get_wx_info(data.data.ticket);
-                        } else {
-                            this.$message.error(data.msg);
-                            this.wx_visible = false;
-                            this.loop_flag = false;
-                        }
-                    }, {
-                        "methods": "GET",
-                    })
-                } else {
-                    this.loop_flag = false;
-                }
-            },
-            is_captcha() {
-                let captcha_flag = this.form.authcode.length === this.captcha.length;
-                if (this.captcha.captcha_key === '' || !this.captcha.captcha_key) {
-                    captcha_flag = true
-                }
-                return captcha_flag
-            },
-            onSubmit() {
-                let email = this.form.email;
-                let password = this.form.password;
-                let authcode = this.form.authcode;
-                let login_type = 'up';
-                let captcha_flag = this.form.authcode.length === this.captcha.length;
-                if (this.captcha.captcha_key === '' || !this.captcha.captcha_key) {
-                    captcha_flag = true
-                }
-                if (captcha_flag) {
-
-                    if (this.activeName === "username") {
-                        if (email.length < 6) {
-                            this.$message({
-                                message: '用户名至少6位',
-                                type: 'error'
-                            });
-                            return
-                        }
-
-                    } else if (this.activeName === "smsemail") {
-                        let checkp = checkphone(this.form.email);
-                        let checke = checkEmail(this.form.email);
-                        if (!checkp && !checke) {
-                            this.$message({
-                                message: '邮箱或者手机号输入有误',
-                                type: 'error'
-                            });
-                            return
-                        }
-                        if (checkp) {
-                            login_type = 'sms';
-                        } else if (checke) {
-                            login_type = 'email';
-                        }
-                    } else {
-                        this.$message({
-                            message: '未知登录方式',
-                            type: 'error'
-                        });
-                        return
-                    }
-                    if (password.length > 6) {
-                        let params = {
-                            "username": email,
-                            "password": password,
-                            "authcode": authcode,
-                            "captcha_key": this.captcha.captcha_key,
-                            "login_type": login_type,
-                        };
-                        this.login_disable = true;
-                        if (this.captcha.geetest) {
-                            geetest(this, this.form.email, params, (n_params) => {
-                                this.do_login(n_params);
-                            })
-                        } else {
-                            this.do_login(params)
-                        }
-                    } else {
-                        this.$message({
-                            message: '密码长度过短',
-                            type: 'warning'
-                        });
-                    }
-                } else {
-                    this.$message({
-                        message: '验证码有误',
-                        type: 'warning'
-                    });
-                }
-            },
-            do_login(params) {
-                loginFun(data => {
-                    if (data.code === 1000) {
-                        this.$message({
-                            message: '登录成功',
-                            type: 'success'
-                        });
-                        this.set_cookie_and_token(data);
-                    } else {
-                        this.$message({
-                            message: data.msg,
-                            type: 'error'
-                        });
-                        this.get_auth_code();
-                    }
-                    this.login_disable = false;
-                }, {
-                    "methods": "POST",
-                    "data": params
-                });
-            },
-            onRegister() {
-                this.$router.push({name: 'FirRegist'})
-            },
-            set_activename() {
-                if (this.allow_ways.up) {
-                    this.activeName = 'username';
-                } else {
-                    this.activeName = 'smsemail';
-                }
-            },
-            set_rtitle() {
-                this.rutitle = '';
-                if (this.allow_ways.sms) {
-                    this.rutitle = this.rutitle + '手机号 ';
-                }
-                if (this.allow_ways.email) {
-                    this.rutitle = this.rutitle + '邮箱 ';
-                }
-
-                this.rutitle = this.rutitle.trim().replace(' ', '或');
-            },
-            get_auth_code() {
-                loginFun(data => {
-                    if (data.code === 1000) {
-                        this.captcha = data.data;
-                        this.allow_ways = data.data.login_type;
-                        this.register_enable = data.data.register_enable;
-                        this.form.authcode = '';
-                        this.set_rtitle();
-                        this.set_activename();
-                    } else {
-                        this.$message({
-                            message: data.msg,
-                            type: 'error'
-                        });
-                    }
-                }, {
-                    "methods": "GET",
-                    "data": {}
-                });
-            },
-        },
-        mounted() {
-            this.get_auth_code();
-        }, created() {
-        }
+import {loginFun, set_auth_token, wxLoginFun} from "@/restful";
+import {checkEmail, checkphone, geetest} from "@/utils";
+
+export default {
+  name: "FirLogin",
+  data() {
+    return {
+      form: {
+        email: '',
+        password: '',
+        authcode: ''
+      },
+      captcha: {"captcha_image": '', "captcha_key": '', "length": 8},
+      activeName: 'username',
+      allow_ways: {'third': {}},
+      rutitle: '',
+      rctitle: '',
+      register_enable: false,
+      login_disable: false,
+      wx_login_qr_url: '',
+      wx_visible: false,
+      loop_flag: false,
     }
+  },
+  methods: {
+
+    set_cookie_and_token(data) {
+      this.$cookies.remove("auth_token");
+      this.$cookies.set("token", data['token'], 3600 * 24 * 30);
+      this.$cookies.set("username", data.userinfo.username, 3600 * 24 * 30);
+      this.$cookies.set("first_name", data.userinfo.first_name, 3600 * 24 * 30);
+      this.$store.dispatch("doUserinfo", data.userinfo);
+      set_auth_token();
+      this.$router.push({name: 'FirApps'})
+    },
+    loop_get_wx_info(wx_login_ticket) {
+      if (wx_login_ticket && wx_login_ticket.length < 3) {
+        this.$message.error("获取登陆码失败，请稍后再试");
+        return
+      }
+      let c_count = 1;
+      // eslint-disable-next-line no-unused-vars
+      const loop_t = window.setInterval(res => {
+        if (!this.loop_flag) {
+          window.clearInterval(loop_t);
+        }
+        wxLoginFun(data => {
+          c_count += 1;
+          if (c_count > 120) {
+            window.clearInterval(loop_t);
+          }
+          if (data.code === 1000) {
+            window.clearInterval(loop_t);
+            this.set_cookie_and_token(data);
+          } else if (data.code === 1005) {
+            window.clearInterval(loop_t);
+            this.wx_visible = false;
+            this.loop_flag = false;
+            this.$message({
+              message: data.msg,
+              type: 'error',
+              duration: 30000
+            });
+          }
+        }, {
+          "methods": "POST",
+          data: {"ticket": wx_login_ticket}
+        })
+      }, 3000)
+
+    },
+    wxLogin() {
+      this.wx_visible = !this.wx_visible;
+      this.wx_login_qr_url = '';
+      if (this.wx_visible) {
+        wxLoginFun(data => {
+          if (data.code === 1000) {
+            this.wx_login_qr_url = data.data.qr;
+            this.loop_flag = true;
+            this.loop_get_wx_info(data.data.ticket);
+          } else {
+            this.$message.error(data.msg);
+            this.wx_visible = false;
+            this.loop_flag = false;
+          }
+        }, {
+          "methods": "GET",
+        })
+      } else {
+        this.loop_flag = false;
+      }
+    },
+    is_captcha() {
+      let captcha_flag = this.form.authcode.length === this.captcha.length;
+      if (this.captcha.captcha_key === '' || !this.captcha.captcha_key) {
+        captcha_flag = true
+      }
+      return captcha_flag
+    },
+    onSubmit() {
+      let email = this.form.email;
+      let password = this.form.password;
+      let authcode = this.form.authcode;
+      let login_type = 'up';
+      let captcha_flag = this.form.authcode.length === this.captcha.length;
+      if (this.captcha.captcha_key === '' || !this.captcha.captcha_key) {
+        captcha_flag = true
+      }
+      if (captcha_flag) {
+
+        if (this.activeName === "username") {
+          if (email.length < 6) {
+            this.$message({
+              message: '用户名至少6位',
+              type: 'error'
+            });
+            return
+          }
+
+        } else if (this.activeName === "smsemail") {
+          let checkp = checkphone(this.form.email);
+          let checke = checkEmail(this.form.email);
+          if (!checkp && !checke) {
+            this.$message({
+              message: '邮箱或者手机号输入有误',
+              type: 'error'
+            });
+            return
+          }
+          if (checkp) {
+            login_type = 'sms';
+          } else if (checke) {
+            login_type = 'email';
+          }
+        } else {
+          this.$message({
+            message: '未知登录方式',
+            type: 'error'
+          });
+          return
+        }
+        if (password.length > 6) {
+          let params = {
+            "username": email,
+            "password": password,
+            "authcode": authcode,
+            "captcha_key": this.captcha.captcha_key,
+            "login_type": login_type,
+          };
+          this.login_disable = true;
+          if (this.captcha.geetest) {
+            geetest(this, this.form.email, params, (n_params) => {
+              this.do_login(n_params);
+            })
+          } else {
+            this.do_login(params)
+          }
+        } else {
+          this.$message({
+            message: '密码长度过短',
+            type: 'warning'
+          });
+        }
+      } else {
+        this.$message({
+          message: '验证码有误',
+          type: 'warning'
+        });
+      }
+    },
+    do_login(params) {
+      loginFun(data => {
+        if (data.code === 1000) {
+          this.$message({
+            message: '登录成功',
+            type: 'success'
+          });
+          this.set_cookie_and_token(data);
+        } else {
+          this.$message({
+            message: data.msg,
+            type: 'error'
+          });
+          this.get_auth_code();
+        }
+        this.login_disable = false;
+      }, {
+        "methods": "POST",
+        "data": params
+      });
+    },
+    onRegister() {
+      this.$router.push({name: 'FirRegist'})
+    },
+    set_activename() {
+      if (this.allow_ways.up) {
+        this.activeName = 'username';
+      } else {
+        this.activeName = 'smsemail';
+      }
+    },
+    set_rtitle() {
+      this.rutitle = '';
+      if (this.allow_ways.sms) {
+        this.rutitle = this.rutitle + '手机号 ';
+      }
+      if (this.allow_ways.email) {
+        this.rutitle = this.rutitle + '邮箱 ';
+      }
+
+      this.rutitle = this.rutitle.trim().replace(' ', '或');
+    },
+    get_auth_code() {
+      loginFun(data => {
+        if (data.code === 1000) {
+          this.captcha = data.data;
+          this.allow_ways = data.data.login_type;
+          this.register_enable = data.data.register_enable;
+          this.form.authcode = '';
+          this.set_rtitle();
+          this.set_activename();
+        } else {
+          this.$message({
+            message: data.msg,
+            type: 'error'
+          });
+        }
+      }, {
+        "methods": "GET",
+        "data": {}
+      });
+    },
+  },
+  mounted() {
+    this.get_auth_code();
+  }, created() {
+  }
+}
 </script>
 
 <style scoped>
 
-    .other-way {
-        position: relative;
-        text-align: center;
-    }
-
-    .other-way hr {
-        height: 1px;
-        margin: 30px 0;
-        border: 0;
-        background-color: #e4e7ed;
-    }
-
-    .other-way span.info {
-        font-size: 12px;
-        line-height: 1;
-        position: absolute;
-        top: -6px;
-        left: 50%;
-        padding: 0 10px;
-        transform: translate(-50%, 0);
-        color: #9ba3af;
-    }
-
-    .el-container {
-        margin: 10px auto;
-        width: 1266px;
-    }
-
-    .el-header {
-        margin-top: 13%;
-    }
-
-    .el-form {
-        max-width: 360px;
-        margin: 0 auto;
-    }
-
-    .el-form-item .el-button {
-        max-width: 360px;
-        /*padding: 16px 20px;*/
-        width: 100%;
-        position: relative;
-        height: 50px;
-
-    }
-
-    .el-header {
-        text-align: center;
-        overflow: hidden;
-        margin-bottom: 50px
-    }
-
-
-    .el-header div span {
-        font-size: 24px;
-        display: inline-block;
-        vertical-align: middle;
-        padding: 8px 40px
-    }
-
-    .el-header div:before, .el-header div:after {
-        content: ' ';
-        display: inline-block;
-        vertical-align: middle;
-        width: 50%;
-        height: 1px;
-        background-color: #babfc3;
-        margin: 0 0 0 -50%
-    }
-
-    .el-header div {
-        text-align: center
-    }
-
-    .el-header div:after {
-        margin: 0 -50% 0 0
-    }
+.other-way {
+  position: relative;
+  text-align: center;
+}
+
+.other-way hr {
+  height: 1px;
+  margin: 30px 0;
+  border: 0;
+  background-color: #e4e7ed;
+}
+
+.other-way span.info {
+  font-size: 12px;
+  line-height: 1;
+  position: absolute;
+  top: -6px;
+  left: 50%;
+  padding: 0 10px;
+  transform: translate(-50%, 0);
+  color: #9ba3af;
+}
+
+.el-container {
+  margin: 10px auto;
+  width: 1266px;
+}
+
+.el-header {
+  margin-top: 13%;
+}
+
+.el-form {
+  max-width: 360px;
+  margin: 0 auto;
+}
+
+.el-form-item .el-button {
+  max-width: 360px;
+  /*padding: 16px 20px;*/
+  width: 100%;
+  position: relative;
+  height: 50px;
+
+}
+
+.el-header {
+  text-align: center;
+  overflow: hidden;
+  margin-bottom: 50px
+}
+
+
+.el-header div span {
+  font-size: 24px;
+  display: inline-block;
+  vertical-align: middle;
+  padding: 8px 40px
+}
+
+.el-header div:before, .el-header div:after {
+  content: ' ';
+  display: inline-block;
+  vertical-align: middle;
+  width: 50%;
+  height: 1px;
+  background-color: #babfc3;
+  margin: 0 0 0 -50%
+}
+
+.el-header div {
+  text-align: center
+}
+
+.el-header div:after {
+  margin: 0 -50% 0 0
+}
 </style>
diff --git a/fir_client/src/components/FirRegist.vue b/fir_client/src/components/FirRegist.vue
index e55e9c5..c56bf20 100644
--- a/fir_client/src/components/FirRegist.vue
+++ b/fir_client/src/components/FirRegist.vue
@@ -1,389 +1,389 @@
 <template>
-    <el-container>
-        <div style="margin: 10px 0 10px 0 ;position:absolute;right:20px;top:auto;">
-            <el-button round icon="el-icon-arrow-left" @click="$router.go(-1)"/>
-            <el-button round icon="el-icon-s-home" @click="$router.push({name:'FirIndex'})"/>
-
-        </div>
-        <el-header>
-
-            <div>
-                <span>注册</span>
-            </div>
-
-        </el-header>
-        <el-main v-if="allow_r">
-
-            <el-form ref="form" :model="form">
-
-                <el-form-item v-if="allow_ways.code">
-                    <el-input v-model="form.icode" prefix-icon="el-icon-postcard" placeholder="邀请码必填" clearable
-                    />
-                </el-form-item>
-
-                <el-form-item>
-                    <el-input v-model="form.email" prefix-icon="el-icon-user" :placeholder="rutitle" autofocus
-                              clearable/>
-                </el-form-item>
-
-                <el-form-item style="height: 40px" v-if="captcha.captcha_image">
-                    <el-row style="height: 40px">
-                        <el-col :span="16">
-                            <el-input placeholder="请输入图片验证码" v-model="form.authcode" maxlength="6" clearable/>
-                        </el-col>
-                        <el-col :span="8">
-                            <el-image
-                                    style="margin:0 4px;border-radius:4px;cursor:pointer;height: 40px"
-                                    :src="captcha.captcha_image"
-                                    fit="contain" @click="get_auth_code">
-                            </el-image>
-                        </el-col>
-                    </el-row>
-                </el-form-item>
-
-
-                <el-form-item>
-                    <el-row>
-                        <el-col :span="16">
-                            <el-input v-model="form.seicode" prefix-icon="el-icon-mobile"
-                                      placeholder="验证码" clearable/>
-                        </el-col>
-                        <el-col :span="8">
-                            <el-button type="info" @click="getphonecode" plain
-                                       style="margin:0 4px;border-radius:4px;cursor:pointer;height: 40px">获取验证码
-                            </el-button>
-                        </el-col>
-                    </el-row>
-                </el-form-item>
-
-
-                <el-form-item>
-                    <el-input v-model="form.password" prefix-icon="el-icon-lock" placeholder="密码"
-                              show-password clearable/>
-                </el-form-item>
-                <el-form-item>
-                    <el-input v-model="form.password2" prefix-icon="el-icon-lock" placeholder="确认密码"
-                              show-password @keyup.enter.native="onRegist" clearable/>
-                </el-form-item>
-
-                <el-form-item>
-                    <div id="captcha" ref="captcha"></div>
-                </el-form-item>
-
-                <el-form-item>
-                    <el-button type="danger" @click="onRegist" :disabled="register_disable">注册</el-button>
-                </el-form-item>
-
-                <el-form-item>
-                    <el-button type="primary" @click="onLogin" plain>我是老用户,要登录</el-button>
-                </el-form-item>
-            </el-form>
-
-
-        </el-main>
-
-
-    </el-container>
+  <el-container>
+    <div style="margin: 10px 0 10px 0 ;position:absolute;right:20px;top:auto;">
+      <el-button icon="el-icon-arrow-left" round @click="$router.go(-1)"/>
+      <el-button icon="el-icon-s-home" round @click="$router.push({name:'FirIndex'})"/>
+
+    </div>
+    <el-header>
+
+      <div>
+        <span>注册</span>
+      </div>
+
+    </el-header>
+    <el-main v-if="allow_r">
+
+      <el-form ref="form" :model="form">
+
+        <el-form-item v-if="allow_ways.code">
+          <el-input v-model="form.icode" clearable placeholder="邀请码必填" prefix-icon="el-icon-postcard"
+          />
+        </el-form-item>
+
+        <el-form-item>
+          <el-input v-model="form.email" :placeholder="rutitle" autofocus clearable
+                    prefix-icon="el-icon-user"/>
+        </el-form-item>
+
+        <el-form-item v-if="captcha.captcha_image" style="height: 40px">
+          <el-row style="height: 40px">
+            <el-col :span="16">
+              <el-input v-model="form.authcode" clearable maxlength="6" placeholder="请输入图片验证码"/>
+            </el-col>
+            <el-col :span="8">
+              <el-image
+                  :src="captcha.captcha_image"
+                  fit="contain"
+                  style="margin:0 4px;border-radius:4px;cursor:pointer;height: 40px" @click="get_auth_code">
+              </el-image>
+            </el-col>
+          </el-row>
+        </el-form-item>
+
+
+        <el-form-item>
+          <el-row>
+            <el-col :span="16">
+              <el-input v-model="form.seicode" clearable
+                        placeholder="验证码" prefix-icon="el-icon-mobile"/>
+            </el-col>
+            <el-col :span="8">
+              <el-button plain style="margin:0 4px;border-radius:4px;cursor:pointer;height: 40px" type="info"
+                         @click="getphonecode">获取验证码
+              </el-button>
+            </el-col>
+          </el-row>
+        </el-form-item>
+
+
+        <el-form-item>
+          <el-input v-model="form.password" clearable placeholder="密码"
+                    prefix-icon="el-icon-lock" show-password/>
+        </el-form-item>
+        <el-form-item>
+          <el-input v-model="form.password2" clearable placeholder="确认密码"
+                    prefix-icon="el-icon-lock" show-password @keyup.enter.native="onRegist"/>
+        </el-form-item>
+
+        <el-form-item>
+          <div id="captcha" ref="captcha"></div>
+        </el-form-item>
+
+        <el-form-item>
+          <el-button :disabled="register_disable" type="danger" @click="onRegist">注册</el-button>
+        </el-form-item>
+
+        <el-form-item>
+          <el-button plain type="primary" @click="onLogin">我是老用户,要登录</el-button>
+        </el-form-item>
+      </el-form>
+
+
+    </el-main>
+
+
+  </el-container>
 </template>
 
 <script>
-    import {getAuthTokenFun, registerFun} from "@/restful";
-    import {checkEmail, checkphone, geetest} from "@/utils";
-
-    export default {
-        name: "FirRegist",
-        data() {
-            return {
-                form: {
-                    email: '',
-                    password: '',
-                    password2: '',
-                    authcode: '',
-                    srccode: '',
-                    seicode: '',
-                    authtoken: '',
-                    icode: '',
-                    auth_token: '',
-
-                },
-                captcha: {"captcha_image": '', "captcha_key": '', "length": 8},
-                allow_r: false,
-                allow_ways: {},
-                rutitle: '',
-                register_disable: false,
-            }
-        },
-        methods: {
-            set_rtitle() {
-                this.rutitle = '';
-                if (this.allow_ways.sms) {
-                    this.rutitle = this.rutitle + '手机号 ';
-                }
-                if (this.allow_ways.email) {
-                    this.rutitle = this.rutitle + '邮箱 ';
-                }
-
-                this.rutitle = this.rutitle.trim().replace(' ', '或');
-            },
-            get_auth_code() {
-                registerFun(data => {
-                    if (data.code === 1000) {
-                        let jdata = data.data;
-                        if (jdata.enable) {
-                            this.allow_r = true;
-                            this.allow_ways = jdata.register_type;
-                            this.form.authcode = '';
-                            this.set_rtitle();
-                            this.captcha = data.data;
-                        } else {
-                            this.allow_r = false;
-                            this.$message({
-                                message: "该服务器不允许注册",
-                                type: 'error'
-                            });
-                        }
-                    } else {
-                        this.$message({
-                            message: data.msg,
-                            type: 'error'
-                        });
-                    }
-                }, {
-                    "methods": "GET",
-                    "data": {}
-                });
-            },
-            do_get_auth_token(params) {
-                getAuthTokenFun(data => {
-                    if (data.code === 1000) {
-                        this.$notify({
-                            title: '验证码',
-                            message: '您正在进行注册，验证码已经发送您',
-                            type: 'success'
-                        });
-                        this.form.auth_token = data.data.auth_token;
-                    } else {
-                        this.$message({
-                            message: data.msg,
-                            type: 'error'
-                        });
-                    }
-                }, {"methods": 'POST', 'data': params})
-            },
-            getphonecode() {
-                let act = 'up';
-                if (!this.docheck()) {
-                    return
-                }
-                if (checkphone(this.form.email)) {
-                    act = 'sms'
-                }
-                if (checkEmail(this.form.email)) {
-                    act = 'email'
-                }
-                let authcode = this.form.authcode;
-                let captcha_flag = authcode.length === this.captcha.length;
-                if (this.captcha.captcha_key === '' || !this.captcha.captcha_key) {
-                    captcha_flag = true
-                }
-                if (captcha_flag) {
-                    let picode = {
-                        "authcode": authcode,
-                        "captcha_key": this.captcha.captcha_key,
-                        "icode": this.form.icode,
-                    };
-                    let params = {'act': act, 'target': this.form.email, 'ext': picode};
-                    if (this.captcha.geetest) {
-                        geetest(this, this.form.email, params, (n_params) => {
-                            this.do_get_auth_token(n_params);
-                        })
-                    } else {
-                        this.do_get_auth_token(params);
-                    }
-                } else {
-                    this.$message({
-                        message: '图片验证码有误',
-                        type: 'warning'
-                    });
-                }
-
-            },
-            docheck() {
-                let checkp = checkphone(this.form.email);
-                let checke = checkEmail(this.form.email);
-
-                if (this.allow_ways.sms && this.allow_ways.email) {
-                    if (!checke && !checkp) {
-                        this.$message({
-                            message: '请输入正确的邮箱地址或手机号码',
-                            type: 'warning'
-                        });
-                        return 0
-                    }
-                } else {
-                    if (this.allow_ways.email) {
-                        if (!checke) {
-                            this.$message({
-                                message: '请输入正确的邮箱地址',
-                                type: 'warning'
-                            });
-                            return 0
-                        }
-                    }
-                    if (this.allow_ways.sms) {
-                        if (!checkp) {
-                            this.$message({
-                                message: '请输入正确的手机号码',
-                                type: 'warning'
-                            });
-                            return 0
-                        }
-                    }
-                }
-                if (this.allow_ways.code && this.form.icode.length === 0) {
-                    this.$message({
-                        message: '请输入邀请码',
-                        type: 'warning'
-                    });
-                    return 0
-                }
-                return 1
-            },
-            do_register(params) {
-                registerFun(data => {
-                    if (data.code === 1000) {
-                        this.$message({
-                            message: '注册成功',
-                            type: 'success'
-                        });
-                        this.$router.push({name: 'FirLogin'})
-                    } else {
-                        this.$message({
-                            message: data.msg,
-                            type: 'error'
-                        });
-                        this.get_auth_code();
-                    }
-                }, {
-                    "methods": "POST",
-                    "data": params
-                });
-                this.register_disable = false;
-            },
-            onRegist() {
-                let email = this.form.email;
-                let password = this.form.password;
-                let password2 = this.form.password2;
-                if (!this.docheck()) {
-                    return
-                }
-                let authcode = this.form.authcode;
-                let captcha_flag = authcode.length === this.captcha.length;
-                if (this.captcha.captcha_key === '' || !this.captcha.captcha_key) {
-                    captcha_flag = true
-                }
-                if (captcha_flag) {
-                    if (password === password2 && password.length >= 6) {
-                        let params = {
-                            "username": email,
-                            "password": password,
-                            "password2": password2,
-                            "auth_token": this.form.auth_token,
-                            "auth_key": this.form.seicode
-                        };
-                        this.register_disable = true;
-                        if (this.captcha.geetest) {
-                            geetest(this, this.form.email, params, (n_params) => {
-                                this.do_register(n_params);
-                            })
-                        } else {
-                            this.do_register(params);
-                        }
-
-                    } else {
-                        this.$message({
-                            message: '密码不一致或者密码长度小于6',
-                            type: 'warning'
-                        });
-                    }
-
-                } else {
-                    this.$message({
-                        message: '验证码有误',
-                        type: 'warning'
-                    });
-                }
-
-
-            },
-            onLogin() {
-                this.$router.push({name: 'FirLogin'})
-            },
+import {getAuthTokenFun, registerFun} from "@/restful";
+import {checkEmail, checkphone, geetest} from "@/utils";
+
+export default {
+  name: "FirRegist",
+  data() {
+    return {
+      form: {
+        email: '',
+        password: '',
+        password2: '',
+        authcode: '',
+        srccode: '',
+        seicode: '',
+        authtoken: '',
+        icode: '',
+        auth_token: '',
+
+      },
+      captcha: {"captcha_image": '', "captcha_key": '', "length": 8},
+      allow_r: false,
+      allow_ways: {},
+      rutitle: '',
+      register_disable: false,
+    }
+  },
+  methods: {
+    set_rtitle() {
+      this.rutitle = '';
+      if (this.allow_ways.sms) {
+        this.rutitle = this.rutitle + '手机号 ';
+      }
+      if (this.allow_ways.email) {
+        this.rutitle = this.rutitle + '邮箱 ';
+      }
+
+      this.rutitle = this.rutitle.trim().replace(' ', '或');
+    },
+    get_auth_code() {
+      registerFun(data => {
+        if (data.code === 1000) {
+          let jdata = data.data;
+          if (jdata.enable) {
+            this.allow_r = true;
+            this.allow_ways = jdata.register_type;
+            this.form.authcode = '';
+            this.set_rtitle();
+            this.captcha = data.data;
+          } else {
+            this.allow_r = false;
+            this.$message({
+              message: "该服务器不允许注册",
+              type: 'error'
+            });
+          }
+        } else {
+          this.$message({
+            message: data.msg,
+            type: 'error'
+          });
         }
-        ,
-        created() {
-        }, mounted() {
-            this.get_auth_code();
+      }, {
+        "methods": "GET",
+        "data": {}
+      });
+    },
+    do_get_auth_token(params) {
+      getAuthTokenFun(data => {
+        if (data.code === 1000) {
+          this.$notify({
+            title: '验证码',
+            message: '您正在进行注册，验证码已经发送您',
+            type: 'success'
+          });
+          this.form.auth_token = data.data.auth_token;
+        } else {
+          this.$message({
+            message: data.msg,
+            type: 'error'
+          });
         }
-    }
+      }, {"methods": 'POST', 'data': params})
+    },
+    getphonecode() {
+      let act = 'up';
+      if (!this.docheck()) {
+        return
+      }
+      if (checkphone(this.form.email)) {
+        act = 'sms'
+      }
+      if (checkEmail(this.form.email)) {
+        act = 'email'
+      }
+      let authcode = this.form.authcode;
+      let captcha_flag = authcode.length === this.captcha.length;
+      if (this.captcha.captcha_key === '' || !this.captcha.captcha_key) {
+        captcha_flag = true
+      }
+      if (captcha_flag) {
+        let picode = {
+          "authcode": authcode,
+          "captcha_key": this.captcha.captcha_key,
+          "icode": this.form.icode,
+        };
+        let params = {'act': act, 'target': this.form.email, 'ext': picode};
+        if (this.captcha.geetest) {
+          geetest(this, this.form.email, params, (n_params) => {
+            this.do_get_auth_token(n_params);
+          })
+        } else {
+          this.do_get_auth_token(params);
+        }
+      } else {
+        this.$message({
+          message: '图片验证码有误',
+          type: 'warning'
+        });
+      }
+
+    },
+    docheck() {
+      let checkp = checkphone(this.form.email);
+      let checke = checkEmail(this.form.email);
+
+      if (this.allow_ways.sms && this.allow_ways.email) {
+        if (!checke && !checkp) {
+          this.$message({
+            message: '请输入正确的邮箱地址或手机号码',
+            type: 'warning'
+          });
+          return 0
+        }
+      } else {
+        if (this.allow_ways.email) {
+          if (!checke) {
+            this.$message({
+              message: '请输入正确的邮箱地址',
+              type: 'warning'
+            });
+            return 0
+          }
+        }
+        if (this.allow_ways.sms) {
+          if (!checkp) {
+            this.$message({
+              message: '请输入正确的手机号码',
+              type: 'warning'
+            });
+            return 0
+          }
+        }
+      }
+      if (this.allow_ways.code && this.form.icode.length === 0) {
+        this.$message({
+          message: '请输入邀请码',
+          type: 'warning'
+        });
+        return 0
+      }
+      return 1
+    },
+    do_register(params) {
+      registerFun(data => {
+        if (data.code === 1000) {
+          this.$message({
+            message: '注册成功',
+            type: 'success'
+          });
+          this.$router.push({name: 'FirLogin'})
+        } else {
+          this.$message({
+            message: data.msg,
+            type: 'error'
+          });
+          this.get_auth_code();
+        }
+      }, {
+        "methods": "POST",
+        "data": params
+      });
+      this.register_disable = false;
+    },
+    onRegist() {
+      let email = this.form.email;
+      let password = this.form.password;
+      let password2 = this.form.password2;
+      if (!this.docheck()) {
+        return
+      }
+      let authcode = this.form.authcode;
+      let captcha_flag = authcode.length === this.captcha.length;
+      if (this.captcha.captcha_key === '' || !this.captcha.captcha_key) {
+        captcha_flag = true
+      }
+      if (captcha_flag) {
+        if (password === password2 && password.length >= 6) {
+          let params = {
+            "username": email,
+            "password": password,
+            "password2": password2,
+            "auth_token": this.form.auth_token,
+            "auth_key": this.form.seicode
+          };
+          this.register_disable = true;
+          if (this.captcha.geetest) {
+            geetest(this, this.form.email, params, (n_params) => {
+              this.do_register(n_params);
+            })
+          } else {
+            this.do_register(params);
+          }
+
+        } else {
+          this.$message({
+            message: '密码不一致或者密码长度小于6',
+            type: 'warning'
+          });
+        }
+
+      } else {
+        this.$message({
+          message: '验证码有误',
+          type: 'warning'
+        });
+      }
+
+
+    },
+    onLogin() {
+      this.$router.push({name: 'FirLogin'})
+    },
+  }
+  ,
+  created() {
+  }, mounted() {
+    this.get_auth_code();
+  }
+}
 </script>
 
 <style scoped>
 
-    .el-container {
-        margin: 10px auto;
-        width: 1266px;
-
-    }
-
-    .el-header {
-        margin-top: 13%;
-    }
-
-    .el-form {
-        max-width: 360px;
-        margin: 0 auto;
-    }
-
-    .el-form-item .el-button {
-        max-width: 360px;
-        width: 100%;
-        position: relative;
-        height: 50px;
-
-    }
-
-    .el-header {
-        text-align: center;
-        overflow: hidden;
-        margin-bottom: 50px
-    }
-
-
-    .el-header div span {
-        font-size: 24px;
-        display: inline-block;
-        vertical-align: middle;
-        padding: 8px 40px
-    }
-
-    .el-header div:before, .el-header div:after {
-        content: ' ';
-        display: inline-block;
-        vertical-align: middle;
-        width: 50%;
-        height: 1px;
-        background-color: #babfc3;
-        margin: 0 0 0 -50%
-    }
-
-    .el-header div {
-        text-align: center
-    }
-
-    .el-header div:after {
-        margin: 0 -50% 0 0
-    }
+.el-container {
+  margin: 10px auto;
+  width: 1266px;
+
+}
+
+.el-header {
+  margin-top: 13%;
+}
+
+.el-form {
+  max-width: 360px;
+  margin: 0 auto;
+}
+
+.el-form-item .el-button {
+  max-width: 360px;
+  width: 100%;
+  position: relative;
+  height: 50px;
+
+}
+
+.el-header {
+  text-align: center;
+  overflow: hidden;
+  margin-bottom: 50px
+}
+
+
+.el-header div span {
+  font-size: 24px;
+  display: inline-block;
+  vertical-align: middle;
+  padding: 8px 40px
+}
+
+.el-header div:before, .el-header div:after {
+  content: ' ';
+  display: inline-block;
+  vertical-align: middle;
+  width: 50%;
+  height: 1px;
+  background-color: #babfc3;
+  margin: 0 0 0 -50%
+}
+
+.el-header div {
+  text-align: center
+}
+
+.el-header div:after {
+  margin: 0 -50% 0 0
+}
 
 
 </style>
diff --git a/fir_client/src/components/FirResetPwd.vue b/fir_client/src/components/FirResetPwd.vue
index f98a8e0..ebc0ccd 100644
--- a/fir_client/src/components/FirResetPwd.vue
+++ b/fir_client/src/components/FirResetPwd.vue
@@ -1,277 +1,277 @@
 <template>
-    <el-container>
-        <div style="margin: 10px 0 10px 0 ;position:absolute;right:20px;top:auto;">
-            <el-button round icon="el-icon-arrow-left" @click="$router.go(-1)"/>
-            <el-button round icon="el-icon-s-home" @click="$router.push({name:'FirIndex'})"/>
+  <el-container>
+    <div style="margin: 10px 0 10px 0 ;position:absolute;right:20px;top:auto;">
+      <el-button icon="el-icon-arrow-left" round @click="$router.go(-1)"/>
+      <el-button icon="el-icon-s-home" round @click="$router.push({name:'FirIndex'})"/>
 
-        </div>
-        <el-header>
-            <div>
-                <span>忘记密码</span>
-            </div>
+    </div>
+    <el-header>
+      <div>
+        <span>忘记密码</span>
+      </div>
 
-        </el-header>
-        <el-main>
-            <el-form ref="form" :model="form">
-                <el-form-item>
-                    <el-input v-model="form.email" prefix-icon="el-icon-user" placeholder="邮箱或手机号" autofocus
-                              clearable/>
-                </el-form-item>
-                <el-form-item style="height: 40px" v-if="captcha.captcha_image">
-                    <el-row style="height: 40px">
-                        <el-col :span="16">
-                            <el-input placeholder="请输入验证码" v-model="form.authcode" maxlength="6"
-                                      @keyup.enter.native="onSubmit" clearable/>
-                        </el-col>
-                        <el-col :span="8">
-                            <el-image
-                                    style="margin:0 4px;border-radius:4px;cursor:pointer;height: 40px"
-                                    :src="captcha.captcha_image"
-                                    fit="contain" @click="get_auth_code">
-                            </el-image>
-                        </el-col>
-                    </el-row>
-                </el-form-item>
+    </el-header>
+    <el-main>
+      <el-form ref="form" :model="form">
+        <el-form-item>
+          <el-input v-model="form.email" autofocus clearable placeholder="邮箱或手机号"
+                    prefix-icon="el-icon-user"/>
+        </el-form-item>
+        <el-form-item v-if="captcha.captcha_image" style="height: 40px">
+          <el-row style="height: 40px">
+            <el-col :span="16">
+              <el-input v-model="form.authcode" clearable maxlength="6"
+                        placeholder="请输入验证码" @keyup.enter.native="onSubmit"/>
+            </el-col>
+            <el-col :span="8">
+              <el-image
+                  :src="captcha.captcha_image"
+                  fit="contain"
+                  style="margin:0 4px;border-radius:4px;cursor:pointer;height: 40px" @click="get_auth_code">
+              </el-image>
+            </el-col>
+          </el-row>
+        </el-form-item>
 
-                <el-form-item>
-                    <el-row>
-                        <el-col :span="16">
-                            <el-input v-model="form.seicode" prefix-icon="el-icon-mobile"
-                                      placeholder="验证码" clearable/>
-                        </el-col>
-                        <el-col :span="8">
-                            <el-button type="info" @click="onGetCode" plain
-                                       style="margin:0 4px;border-radius:4px;cursor:pointer;height: 40px">获取验证码
-                            </el-button>
-                        </el-col>
-                    </el-row>
-                </el-form-item>
+        <el-form-item>
+          <el-row>
+            <el-col :span="16">
+              <el-input v-model="form.seicode" clearable
+                        placeholder="验证码" prefix-icon="el-icon-mobile"/>
+            </el-col>
+            <el-col :span="8">
+              <el-button plain style="margin:0 4px;border-radius:4px;cursor:pointer;height: 40px" type="info"
+                         @click="onGetCode">获取验证码
+              </el-button>
+            </el-col>
+          </el-row>
+        </el-form-item>
 
-                <el-form-item>
-                    <div id="captcha" ref="captcha"></div>
-                </el-form-item>
-                <el-form-item style="margin-top: 30px">
-                    <el-button type="danger" :disabled="login_disable" @click="onReset">发送重置密码邮件</el-button>
-                </el-form-item>
-                <el-form-item style="margin-top: 30px">
-                    <el-button type="primary" @click="onLogin">我是老用户,要登录</el-button>
-                </el-form-item>
-                <el-form-item v-if="register_enable" style="margin-top: 30px">
-                    <el-button type="primary" @click="onRegister" plain>注册</el-button>
-                </el-form-item>
+        <el-form-item>
+          <div id="captcha" ref="captcha"></div>
+        </el-form-item>
+        <el-form-item style="margin-top: 30px">
+          <el-button :disabled="login_disable" type="danger" @click="onReset">发送重置密码邮件</el-button>
+        </el-form-item>
+        <el-form-item style="margin-top: 30px">
+          <el-button type="primary" @click="onLogin">我是老用户,要登录</el-button>
+        </el-form-item>
+        <el-form-item v-if="register_enable" style="margin-top: 30px">
+          <el-button plain type="primary" @click="onRegister">注册</el-button>
+        </el-form-item>
 
-            </el-form>
+      </el-form>
 
 
-        </el-main>
+    </el-main>
 
 
-    </el-container>
+  </el-container>
 
 </template>
 
 <script>
-    import {loginFun} from "@/restful";
-    import {checkEmail, geetest, checkphone} from "@/utils";
+import {loginFun} from "@/restful";
+import {checkEmail, checkphone, geetest} from "@/utils";
 
-    export default {
-        name: "FirResetPwd",
-        data() {
-            return {
-                form: {
-                    email: '',
-                    password: '',
-                    authcode: '',
-                    seicode: '',
-                    auth_token: ''
-                },
-                captcha: {"captcha_image": '', "captcha_key": '', "length": 8},
-                activeName: 'username',
-                allow_ways: {},
-                rutitle: '',
-                rctitle: '',
-                register_enable: false,
-                login_disable: false,
-            }
-        },
-        methods: {
-            onGetCode() {
-                this.form.auth_token = '';
-                this.form.seicode = '';
-                this.onSubmit();
-            },
-            onReset() {
-                if (this.form.auth_token && this.form.seicode && this.form.seicode.length > 3) {
-                    this.onSubmit()
-                } else {
-                    this.$message.error("输入有误，请检查")
-                }
-            },
-            is_captcha() {
-                let captcha_flag = this.form.authcode.length === this.captcha.length;
-                if (this.captcha.captcha_key === '' || !this.captcha.captcha_key) {
-                    captcha_flag = true
-                }
-                return captcha_flag
-            },
-            onSubmit() {
-                let email = this.form.email;
-                let authcode = this.form.authcode;
-                let captcha_flag = this.form.authcode.length === this.captcha.length;
-                if (this.captcha.captcha_key === '' || !this.captcha.captcha_key) {
-                    captcha_flag = true
-                }
-                if (captcha_flag) {
-                    let checke = checkEmail(this.form.email);
-                    let checkp = checkphone(this.form.email);
-                    if (checke || checkp) {
-                        let params = {
-                            "username": email,
-                            "authcode": authcode,
-                            "captcha_key": this.captcha.captcha_key,
-                            "login_type": 'reset',
-                        };
-                        let seicode = this.form.seicode;
-                        let auth_token = this.form.auth_token;
-                        if (seicode && seicode.length > 3) {
-                            params['seicode'] = seicode
-                        }
-                        if (auth_token && auth_token.length > 3) {
-                            params['auth_token'] = auth_token
-                        }
-                        this.login_disable = true;
-                        if (this.captcha.geetest) {
-                            geetest(this, this.form.email, params, (n_params) => {
-                                this.do_login(n_params);
-                            })
-                        } else {
-                            this.do_login(params)
-                        }
-                    } else {
-                        this.$message({
-                            message: '邮箱或手机号输入有误',
-                            type: 'error'
-                        });
-                    }
+export default {
+  name: "FirResetPwd",
+  data() {
+    return {
+      form: {
+        email: '',
+        password: '',
+        authcode: '',
+        seicode: '',
+        auth_token: ''
+      },
+      captcha: {"captcha_image": '', "captcha_key": '', "length": 8},
+      activeName: 'username',
+      allow_ways: {},
+      rutitle: '',
+      rctitle: '',
+      register_enable: false,
+      login_disable: false,
+    }
+  },
+  methods: {
+    onGetCode() {
+      this.form.auth_token = '';
+      this.form.seicode = '';
+      this.onSubmit();
+    },
+    onReset() {
+      if (this.form.auth_token && this.form.seicode && this.form.seicode.length > 3) {
+        this.onSubmit()
+      } else {
+        this.$message.error("输入有误，请检查")
+      }
+    },
+    is_captcha() {
+      let captcha_flag = this.form.authcode.length === this.captcha.length;
+      if (this.captcha.captcha_key === '' || !this.captcha.captcha_key) {
+        captcha_flag = true
+      }
+      return captcha_flag
+    },
+    onSubmit() {
+      let email = this.form.email;
+      let authcode = this.form.authcode;
+      let captcha_flag = this.form.authcode.length === this.captcha.length;
+      if (this.captcha.captcha_key === '' || !this.captcha.captcha_key) {
+        captcha_flag = true
+      }
+      if (captcha_flag) {
+        let checke = checkEmail(this.form.email);
+        let checkp = checkphone(this.form.email);
+        if (checke || checkp) {
+          let params = {
+            "username": email,
+            "authcode": authcode,
+            "captcha_key": this.captcha.captcha_key,
+            "login_type": 'reset',
+          };
+          let seicode = this.form.seicode;
+          let auth_token = this.form.auth_token;
+          if (seicode && seicode.length > 3) {
+            params['seicode'] = seicode
+          }
+          if (auth_token && auth_token.length > 3) {
+            params['auth_token'] = auth_token
+          }
+          this.login_disable = true;
+          if (this.captcha.geetest) {
+            geetest(this, this.form.email, params, (n_params) => {
+              this.do_login(n_params);
+            })
+          } else {
+            this.do_login(params)
+          }
+        } else {
+          this.$message({
+            message: '邮箱或手机号输入有误',
+            type: 'error'
+          });
+        }
 
-                } else {
-                    this.$message({
-                        message: '验证码有误',
-                        type: 'warning'
-                    });
-                }
-            },
-            do_login(params) {
-                loginFun(data => {
-                    if (data.code === 1000) {
-                        let msg = '密码重置成功，请登录邮箱或者手机短信查看';
-                        if (data.data && data.data.auth_token) {
-                            this.form.auth_token = data.data.auth_token;
-                            msg = "验证码发送成功，请登录邮箱或者手机短信查看"
-                        }
-                        this.$message({
-                            message: msg,
-                            type: 'success'
-                        });
+      } else {
+        this.$message({
+          message: '验证码有误',
+          type: 'warning'
+        });
+      }
+    },
+    do_login(params) {
+      loginFun(data => {
+        if (data.code === 1000) {
+          let msg = '密码重置成功，请登录邮箱或者手机短信查看';
+          if (data.data && data.data.auth_token) {
+            this.form.auth_token = data.data.auth_token;
+            msg = "验证码发送成功，请登录邮箱或者手机短信查看"
+          }
+          this.$message({
+            message: msg,
+            type: 'success'
+          });
 
-                    } else {
-                        this.$message({
-                            message: data.msg,
-                            type: 'error'
-                        });
-                        this.get_auth_code();
-                    }
-                    this.login_disable = false;
-                }, {
-                    "methods": "POST",
-                    "data": params
-                });
-            },
-            onRegister() {
-                this.$router.push({name: 'FirRegist'})
-            },
-            onLogin() {
-                this.$router.push({name: 'FirLogin'})
-            },
-            get_auth_code() {
-                loginFun(data => {
-                    if (data.code === 1000) {
-                        this.captcha = data.data;
-                        this.register_enable = data.data.register_enable;
-                        this.form.authcode = '';
-                    } else {
-                        this.$message({
-                            message: data.msg,
-                            type: 'error'
-                        });
-                    }
-                }, {
-                    "methods": "GET",
-                    "data": {}
-                });
-            },
-        },
-        mounted() {
-            this.get_auth_code();
-        }, created() {
+        } else {
+          this.$message({
+            message: data.msg,
+            type: 'error'
+          });
+          this.get_auth_code();
         }
-    }
+        this.login_disable = false;
+      }, {
+        "methods": "POST",
+        "data": params
+      });
+    },
+    onRegister() {
+      this.$router.push({name: 'FirRegist'})
+    },
+    onLogin() {
+      this.$router.push({name: 'FirLogin'})
+    },
+    get_auth_code() {
+      loginFun(data => {
+        if (data.code === 1000) {
+          this.captcha = data.data;
+          this.register_enable = data.data.register_enable;
+          this.form.authcode = '';
+        } else {
+          this.$message({
+            message: data.msg,
+            type: 'error'
+          });
+        }
+      }, {
+        "methods": "GET",
+        "data": {}
+      });
+    },
+  },
+  mounted() {
+    this.get_auth_code();
+  }, created() {
+  }
+}
 </script>
 
 <style scoped>
 
-    .el-container {
-        margin: 10px auto;
-        width: 1266px;
-    }
+.el-container {
+  margin: 10px auto;
+  width: 1266px;
+}
 
-    .el-header {
-        margin-top: 13%;
-    }
+.el-header {
+  margin-top: 13%;
+}
 
-    .el-form {
-        max-width: 360px;
-        margin: 0 auto;
-    }
+.el-form {
+  max-width: 360px;
+  margin: 0 auto;
+}
 
-    .el-form-item .el-button {
-        max-width: 360px;
-        /*padding: 16px 20px;*/
-        width: 100%;
-        position: relative;
-        height: 50px;
+.el-form-item .el-button {
+  max-width: 360px;
+  /*padding: 16px 20px;*/
+  width: 100%;
+  position: relative;
+  height: 50px;
 
-    }
+}
 
-    .el-header {
-        text-align: center;
-        overflow: hidden;
-        margin-bottom: 50px
-    }
+.el-header {
+  text-align: center;
+  overflow: hidden;
+  margin-bottom: 50px
+}
 
 
-    .el-header div span {
-        font-size: 24px;
-        display: inline-block;
-        vertical-align: middle;
-        padding: 8px 40px
-    }
+.el-header div span {
+  font-size: 24px;
+  display: inline-block;
+  vertical-align: middle;
+  padding: 8px 40px
+}
 
-    .el-header div:before, .el-header div:after {
-        content: ' ';
-        display: inline-block;
-        vertical-align: middle;
-        width: 50%;
-        height: 1px;
-        background-color: #babfc3;
-        margin: 0 0 0 -50%
-    }
+.el-header div:before, .el-header div:after {
+  content: ' ';
+  display: inline-block;
+  vertical-align: middle;
+  width: 50%;
+  height: 1px;
+  background-color: #babfc3;
+  margin: 0 0 0 -50%
+}
 
-    .el-header div {
-        text-align: center
-    }
+.el-header div {
+  text-align: center
+}
 
-    .el-header div:after {
-        margin: 0 -50% 0 0
-    }
+.el-header div:after {
+  margin: 0 -50% 0 0
+}
 </style>
diff --git a/fir_client/src/components/ShortDownload.vue b/fir_client/src/components/ShortDownload.vue
index 83f17f1..dd72986 100644
--- a/fir_client/src/components/ShortDownload.vue
+++ b/fir_client/src/components/ShortDownload.vue
@@ -1,127 +1,126 @@
 <template>
-    <div class="container">
-        <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
+  <div class="container">
+    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0" name="viewport">
 
-        <div style="margin-top: -60px" v-if="report_flag" class="one-key-report-dialog dialog">
-            <a style="color: #3888fa" @click="report_flag=false">&lt;&nbsp;返回下载页</a>
-            <header style="text-align: center;height: 20px;margin-top: 10px">举报详情</header>
+    <div v-if="report_flag" class="one-key-report-dialog dialog" style="margin-top: -60px">
+      <a style="color: #3888fa" @click="report_flag=false">&lt;&nbsp;返回下载页</a>
+      <header style="text-align: center;height: 20px;margin-top: 10px">举报详情</header>
 
-            <div>
-                <div class="content-row">
-                    <span>举报原因</span>
-                    <select v-model="report_info.report_type" style="width: 100%" class="report_select">
+      <div>
+        <div class="content-row">
+          <span>举报原因</span>
+          <select v-model="report_info.report_type" class="report_select" style="width: 100%">
 
-                        <option v-for="item in report_info_list" :key="item.id" :label="item.name"
-                                :value="item.id">{{ item.name}}
-                        </option>
+            <option v-for="item in report_info_list" :key="item.id" :label="item.name"
+                    :value="item.id">{{ item.name }}
+            </option>
 
-                    </select>
-                </div>
-                <div class="content-row">
-                    <span>详细原因</span>
-                    <textarea v-model="report_info.report_reason" placeholder="请详细说明举报原因"/>
-                </div>
-            </div>
-            <br/>
-            <div>
-                <div class="content-row">
-                    <header style="text-align: center;height: 40px">举报人信息填写</header>
-                    <div>
-                        <span>真实姓名</span>
-                        <label>
-                            <input v-model="report_info.username" placeholder="请输入您的姓名"/>
-                        </label>
-                    </div>
-                </div>
-                <div class="content-row">
-                    <span>联系信息</span>
-                    <div>
-                        <label>
-                            <input v-model="report_info.email" :placeholder="`请输入您的${report_info_title}`"/>
-                        </label>
-                    </div>
-                </div>
-                <div class="content-row">
-                    <div v-if="captcha.captcha_image" class="report_captcha">
-                        <input placeholder="请输入图片验证码" v-model="report_info.authcode" maxlength="6" type="text"/>
-                        <img :src="captcha.captcha_image" fit="contain" @click="get_auth_code"/>
-                    </div>
-
-                    <div class="report_phone">
-                        <input v-model="report_info.seicode"
-                               placeholder="验证码"/>
-                        <button class="btn" @click="getphonecode">
-                            获取验证码
-                        </button>
-                    </div>
-                </div>
-            </div>
-
-            <div class="content-row">
-                <div id="captcha" ref="captcha"></div>
-            </div>
-            <div class="content-row" style="text-align: center">
-                <button class="btn-report" @click="report_submit">立即举报</button>
-            </div>
+          </select>
         </div>
+        <div class="content-row">
+          <span>详细原因</span>
+          <textarea v-model="report_info.report_reason" placeholder="请详细说明举报原因"/>
+        </div>
+      </div>
+      <br/>
+      <div>
+        <div class="content-row">
+          <header style="text-align: center;height: 40px">举报人信息填写</header>
+          <div>
+            <span>真实姓名</span>
+            <label>
+              <input v-model="report_info.username" placeholder="请输入您的姓名"/>
+            </label>
+          </div>
+        </div>
+        <div class="content-row">
+          <span>联系信息</span>
+          <div>
+            <label>
+              <input v-model="report_info.email" :placeholder="`请输入您的${report_info_title}`"/>
+            </label>
+          </div>
+        </div>
+        <div class="content-row">
+          <div v-if="captcha.captcha_image" class="report_captcha">
+            <input v-model="report_info.authcode" maxlength="6" placeholder="请输入图片验证码" type="text"/>
+            <img :src="captcha.captcha_image" @click="get_auth_code" alt="验证码"/>
+          </div>
+
+          <div class="report_phone">
+            <input v-model="report_info.seicode"
+                   placeholder="验证码"/>
+            <button class="btn" @click="getphonecode">
+              获取验证码
+            </button>
+          </div>
+        </div>
+      </div>
+
+      <div class="content-row">
+        <div id="captcha" ref="captcha"></div>
+      </div>
+      <div class="content-row" style="text-align: center">
+        <button class="btn-report" @click="report_submit">立即举报</button>
+      </div>
+    </div>
 
 
-        <div ref="signhelp" class="signhelp screenshots-section">
-            <div class="signhelp-title">
-                iOS安装教程
-                <span><a @click="jiaocheng('close')">关闭</a></span>
-            </div>
+    <div ref="signhelp" class="signhelp screenshots-section">
+      <div class="signhelp-title">
+        iOS安装教程
+        <span><a @click="jiaocheng('close')">关闭</a></span>
+      </div>
 
-            <div class="list-wrapper" style="width: 300px;">
-                <ul>
-                    <li v-for="sign in signhelplist" :key="sign.url">
-                        <img v-lazy="sign.url" :key="sign.url" alt=""/>
-                        <p>
-                            安装引导<br>{{ sign.msg}}
-                        </p>
-                    </li>
-                </ul>
-            </div>
+      <div class="list-wrapper" style="width: 300px;">
+        <ul>
+          <li v-for="sign in signhelplist" :key="sign.url">
+            <img :key="sign.url" v-lazy="sign.url" alt="" src=""/>
+            <p>
+              安装引导<br>{{ sign.msg }}
+            </p>
+          </li>
+        </ul>
+      </div>
 
 
-        </div>
-        <div ref="bg" class="bg"></div>
+    </div>
+    <div ref="bg" class="bg"></div>
 
 
-        <div class="wechat_tip_content" v-if="(agent === 'wxandroid' || agent === 'wxapple') && !wrong">
-            <div class="mask">
-                <div class="wechat_tip" v-show="agent === 'wxandroid'">
-                    <i class="triangle-up"/>请点击右上角<br>选择"在浏览器打开"
-                </div>
-                <div class="wechat_tip" v-show="agent === 'wxapple'">
-                    <i class="triangle-up"/>请点击右上角<br>选择"在Safari中打开"
-                </div>
-            </div>
+    <div v-if="(agent === 'wxandroid' || agent === 'wxapple') && !wrong" class="wechat_tip_content">
+      <div class="mask">
+        <div v-show="agent === 'wxandroid'" class="wechat_tip">
+          <i class="triangle-up"/>请点击右上角<br>选择"在浏览器打开"
         </div>
-
-        <div v-else>
-            <!--        <span class="pattern left"><img src="@/assets/download_pattern_left.png"></span>-->
-            <!--        <span class="pattern right"><img src="@/assets/download_pattern_right.png"></span>-->
+        <div v-show="agent === 'wxapple'" class="wechat_tip">
+          <i class="triangle-up"/>请点击右上角<br>选择"在Safari中打开"
         </div>
+      </div>
+    </div>
 
-        <div class="out-container " v-if="wxeasytypeflag && !report_flag">
-
-            <div v-show='mcurrentappinfo.release_id' class="main">
-                <header>
-                    <div class="table-container">
-                        <div class="cell-container">
-                            <div class="app-brief">
-                                <div class="icon-container wrapper">
-                                    <i class="i bg-path"/>
-                                    <span class="icon"><img
-                                            :src="mcurrentappinfo.icon_url"></span>
-                                    <span id="qrcode" class="qrcode">
-                                    </span>
-                                </div>
-                                <p v-if="currentappinfo.issupersign" class="scan-tips wrapper icon-warp">超级签</p>
-                                <p v-else class="scan-tips wrapper icon-warp">{{ mcurrentappinfo.release_type|getiOStype
-                                    }}</p>
-                                <h1 class="name wrapper">
+    <div v-else>
+      <!--        <span class="pattern left"><img src="@/assets/download_pattern_left.png"></span>-->
+      <!--        <span class="pattern right"><img src="@/assets/download_pattern_right.png"></span>-->
+    </div>
+
+    <div v-if="wxeasytypeflag && !report_flag" class="out-container ">
+
+      <div v-show='mcurrentappinfo.release_id' class="main">
+        <header>
+          <div class="table-container">
+            <div class="cell-container">
+              <div class="app-brief">
+                <div class="icon-container wrapper">
+                  <i class="i bg-path"/>
+                  <span class="icon"><img
+                      :src="mcurrentappinfo.icon_url" alt="">
+                  </span>
+                  <span id="qrcode" class="qrcode"></span>
+                </div>
+                <p v-if="currentappinfo.issupersign" class="scan-tips wrapper icon-warp">超级签</p>
+                <p v-else class="scan-tips wrapper icon-warp">{{mcurrentappinfo.release_type|getiOStype}}</p>
+                <h1 class="name wrapper">
                                     <span class="icon-warp" style="margin-left:0">
                                         <i v-if="currentappinfo.type === 0 && agent !== ''"
                                            class="iconfont icon-android2"/>
@@ -130,1808 +129,1815 @@
 
                                         {{ currentappinfo.name }}
                                     </span>
-                                </h1>
-
-                                <p class="scan-tips" style="margin-left:170px">扫描二维码下载<br/>或用手机浏览器输入这个网址：<span
-                                        class="text-black">{{ full_url }}</span></p>
-
-                                <div class="release-info" v-if="currentappinfo.description && agent === ''">
-                                    <p class="version">
-                                        应用描述：{{ currentappinfo.description }}
-                                    </p>
-                                </div>
-                                <div class="release-info">
-                                    <p>{{ mcurrentappinfo.app_version }}（Build {{ mcurrentappinfo.build_version }}）-
-                                        {{ mcurrentappinfo.binary_size }}</p>
-                                    <p>更新于：{{ mcurrentappinfo.created_time |formatTime}}</p>
-                                    <p class="version" v-if="mcurrentappinfo.changelog && agent === ''">
-                                        更新日志：{{ mcurrentappinfo.changelog }}
-                                    </p>
-                                </div>
-
-                                <div id="actions" class="actions" v-if="agent !==''"
-                                     style="margin-top: 10%;margin-bottom: 20%">
-                                    <button type="button" v-if="wrong">{{ msg }}</button>
-
-                                    <button v-else-if="agent === 'wxandroid' || agent === 'wxapple'">
-                                        不支持在微信内下载
-                                    </button>
-
-                                    <div v-else style="margin-top: 10%;margin-bottom: 20%">
-                                        <div v-if="isdownload">
-                                            <div v-if="gomobile">
-                                                <button disabled="" class="loading"
-                                                        style="min-width: 42px; width: 42px; padding: 21px 0; border-top-color: transparent; border-left-color: transparent;">
-                                                </button>
-                                            </div>
-                                            <div v-else>
-                                                <div class="actions type-ios">
-                                                    <div><p>正在安装，请按 Home 键在桌面查看</p>
-                                                        <p v-if="!this.currentappinfo.issupersign && this.mcurrentappinfo.release_type!==1">
-                                                            <button @click="gomobileaction">
-                                                                <a type="primary"
-                                                                   :underline="false">
-                                                                    安装完成后,需立即信任
-                                                                </a>
-                                                            </button>
-
-                                                        </p>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-
-                                        <div v-else>
-                                            <div v-if="currentappinfo.need_password" style="margin:0 auto; width:166px">
-                                                <input class="passwd" placeholder="请输入密码" v-model="password"/>
-                                            </div>
-                                            <br v-if="currentappinfo.need_password"/>
-                                            <button @click="download">
-                                                <a :underline="false"> 下载安装 </a>
-                                            </button>
-                                            <a v-if="(currentappinfo.issupersign || mcurrentappinfo.release_type === 2) && !$route.query.udid"
-                                               @click="jiaocheng('open')"
-                                               class="jiaocheng" style="color: white;font-size: 18px;">?</a>
-                                        </div>
-
-                                    </div>
-
-                                </div>
-
-                            </div>
-                        </div>
-                    </div>
-                </header>
+                </h1>
 
-                <div class="per-type-info section" v-if="currentappinfo.app_id && agent === ''">
-                    <div class="type" v-if="miscomboappinfo.release_id">
-                        <div class="info">
-                            <p class="type-icon" v-if="iscomboappinfo.type === 0">
-                                <i class="iconfont icon-android2"/>
-                            </p>
-                            <p class="type-icon" v-else>
-                                <i class="iconfont icon-ios"/>
-                            </p>
-                            <p class="version">
-                                关联版本：{{ miscomboappinfo.app_version }}（Build {{ miscomboappinfo.build_version }}）
-                            </p>
-                            <p class="version">
-                                文件大小：{{ miscomboappinfo.binary_size }}<br>
-                            </p>
-                            <p class="version">
-                                更新于：{{ miscomboappinfo.created_time |formatTime }}
-                            </p>
-                            <p class="version" v-if="miscomboappinfo.changelog">
-                                更新日志：{{ miscomboappinfo.changelog }}
-                            </p>
-                        </div>
-                    </div>
+                <p class="scan-tips" style="margin-left:170px">扫描二维码下载<br/>或用手机浏览器输入这个网址：<span
+                    class="text-black">{{ full_url }}</span></p>
 
-                    <div class="type">
-                        <div class="info">
-                            <p class="type-icon" v-if="currentappinfo.type === 0">
-                                <i class="iconfont icon-android2"/>
-                            </p>
-                            <p class="type-icon" v-else>
-                                <i class="iconfont icon-ios"/>
-                            </p>
-                            <p class="version">
-                                当前版本：{{ mcurrentappinfo.app_version }}（Build {{ mcurrentappinfo.build_version }}）
-                            </p>
-                            <p class="version">
-                                文件大小：{{ mcurrentappinfo.binary_size }}
-                            </p>
-                            <p class="version">
-                                更新于：{{ mcurrentappinfo.created_time|formatTime}}
-                            </p>
-                            <p class="version" v-if="mcurrentappinfo.changelog">
-                                更新日志：{{ mcurrentappinfo.changelog }}
-                            </p>
-                        </div>
-                    </div>
+                <div v-if="currentappinfo.description && agent === ''" class="release-info">
+                  <p class="version">
+                    应用描述：{{ currentappinfo.description }}
+                  </p>
                 </div>
-                <div class="per-type-info " v-else>
-                    <div class="release-info">
-                        <div class="info" v-if="mcurrentappinfo.changelog">
-                            <h3>更新日志</h3>
-                            {{ mcurrentappinfo.changelog }}
-                        </div>
-                        <div class="info" v-if="currentappinfo.description">
-                            <h3>应用描述</h3>
-                            {{ currentappinfo.description }}
+                <div class="release-info">
+                  <p>{{ mcurrentappinfo.app_version }}（Build {{ mcurrentappinfo.build_version }}）-
+                    {{ mcurrentappinfo.binary_size }}</p>
+                  <p>更新于：{{ mcurrentappinfo.created_time |formatTime }}</p>
+                  <p v-if="mcurrentappinfo.changelog && agent === ''" class="version">
+                    更新日志：{{ mcurrentappinfo.changelog }}
+                  </p>
+                </div>
+
+                <div v-if="agent !==''" id="actions" class="actions"
+                     style="margin-top: 10%;margin-bottom: 20%">
+                  <button v-if="wrong" type="button">{{ msg }}</button>
+
+                  <button v-else-if="agent === 'wxandroid' || agent === 'wxapple'">
+                    不支持在微信内下载
+                  </button>
+
+                  <div v-else style="margin-top: 10%;margin-bottom: 20%">
+                    <div v-if="isdownload">
+                      <div v-if="gomobile">
+                        <button class="loading" disabled=""
+                                style="min-width: 42px; width: 42px; padding: 21px 0; border-top-color: transparent; border-left-color: transparent;">
+                        </button>
+                      </div>
+                      <div v-else>
+                        <div class="actions type-ios">
+                          <div><p>正在安装，请按 Home 键在桌面查看</p>
+                            <p v-if="!this.currentappinfo.issupersign && this.mcurrentappinfo.release_type!==1">
+                              <button @click="gomobileaction">
+                                <a type="primary">
+                                  安装完成后,需立即信任
+                                </a>
+                              </button>
+
+                            </p>
+                          </div>
                         </div>
+                      </div>
                     </div>
 
-                </div>
-                <div class="screenshots-section" v-if="imagelist && imagelist.length > 0" style="margin-top: 30%">
-                    <br/>
-                    <div v-if="miscomboappinfo.release_id">
-                        <h3 v-if="currentappinfo.type === 0">
-                            Android 应用截图
-                        </h3>
-                        <h3 v-else>iOS 应用截图</h3>
-                    </div>
                     <div v-else>
-                        <h3>应用截图</h3>
-                    </div>
-                    <div class="list-wrapper">
-                        <ul>
-                            <li v-for="screen in imagelist" :key="screen">
-                                <img v-lazy="screen" alt=""/>
-                            </li>
-                        </ul>
+                      <div v-if="currentappinfo.need_password" style="margin:0 auto; width:166px">
+                        <input v-model="password" class="passwd" placeholder="请输入密码"/>
+                      </div>
+                      <br v-if="currentappinfo.need_password"/>
+                      <button @click="download">
+                        <a> 下载安装 </a>
+                      </button>
+                      <a v-if="(currentappinfo.issupersign || mcurrentappinfo.release_type === 2) && !$route.query.udid"
+                         class="jiaocheng"
+                         style="color: white;font-size: 18px;" @click="jiaocheng('open')">?</a>
                     </div>
 
-                </div>
-
-                <div class="footer"
-                     v-if="(currentappinfo.issupersign || mcurrentappinfo.release_type === 2) && $route.query.udid"
-                     style="margin-top: 5%">
-                    <span class="el-tag"
-                          style="background-color: #f0f9eb;border-color: #e1f3d8;color: #67c23a;">UDID: </span>
-                    <span class="el-tag">
-                        {{ $route.query.udid }}
-                    </span>
-                    <br>
-                    <span style="color: #ebb563">若安装异常，请复制UDID，发送给管理员</span>
-                </div>
+                  </div>
 
-                <div class="footer" style="margin-top: 30%;margin-bottom: 8px">
-                    免责声明：<br>
-                    本网站仅提供下载托管，应用为用户自行上传，请甄别应用风险后进行下载！<a class="one-key-report"
-                                                         @click="get_auth_code(),report_flag=true">举报</a>
-                </div>
-                <div v-if="agent!==''">
-                    <div v-if="ad_info.ad_uri" style="margin-bottom: 80px"/>
-                    <div class="app_bottom_fixed" v-if="ad_info.ad_uri">
-                        <div class="signhelp-title">
-                            <span><a class="closead" @click="ad_info.ad_uri=undefined">关闭</a></span>
-                        </div>
-                        <a :href="ad_info.ad_uri" target="_blank">
-                            <img :src="ad_info.ad_pic" alt="welcome" style="object-fit: cover">
-                        </a>
-                    </div>
                 </div>
 
+              </div>
+            </div>
+          </div>
+        </header>
+
+        <div v-if="currentappinfo.app_id && agent === ''" class="per-type-info section">
+          <div v-if="miscomboappinfo.release_id" class="type">
+            <div class="info">
+              <p v-if="iscomboappinfo.type === 0" class="type-icon">
+                <i class="iconfont icon-android2"/>
+              </p>
+              <p v-else class="type-icon">
+                <i class="iconfont icon-ios"/>
+              </p>
+              <p class="version">
+                关联版本：{{ miscomboappinfo.app_version }}（Build {{ miscomboappinfo.build_version }}）
+              </p>
+              <p class="version">
+                文件大小：{{ miscomboappinfo.binary_size }}<br>
+              </p>
+              <p class="version">
+                更新于：{{ miscomboappinfo.created_time |formatTime }}
+              </p>
+              <p v-if="miscomboappinfo.changelog" class="version">
+                更新日志：{{ miscomboappinfo.changelog }}
+              </p>
+            </div>
+          </div>
+
+          <div class="type">
+            <div class="info">
+              <p v-if="currentappinfo.type === 0" class="type-icon">
+                <i class="iconfont icon-android2"/>
+              </p>
+              <p v-else class="type-icon">
+                <i class="iconfont icon-ios"/>
+              </p>
+              <p class="version">
+                当前版本：{{ mcurrentappinfo.app_version }}（Build {{ mcurrentappinfo.build_version }}）
+              </p>
+              <p class="version">
+                文件大小：{{ mcurrentappinfo.binary_size }}
+              </p>
+              <p class="version">
+                更新于：{{ mcurrentappinfo.created_time|formatTime }}
+              </p>
+              <p v-if="mcurrentappinfo.changelog" class="version">
+                更新日志：{{ mcurrentappinfo.changelog }}
+              </p>
+            </div>
+          </div>
+        </div>
+        <div v-else class="per-type-info ">
+          <div class="release-info">
+            <div v-if="mcurrentappinfo.changelog" class="info">
+              <h3>更新日志</h3>
+              {{ mcurrentappinfo.changelog }}
             </div>
+            <div v-if="currentappinfo.description" class="info">
+              <h3>应用描述</h3>
+              {{ currentappinfo.description }}
+            </div>
+          </div>
+
+        </div>
+        <div v-if="imagelist && imagelist.length > 0" class="screenshots-section" style="margin-top: 30%">
+          <br/>
+          <div v-if="miscomboappinfo.release_id">
+            <h3 v-if="currentappinfo.type === 0">
+              Android 应用截图
+            </h3>
+            <h3 v-else>iOS 应用截图</h3>
+          </div>
+          <div v-else>
+            <h3>应用截图</h3>
+          </div>
+          <div class="list-wrapper">
+            <ul>
+              <li v-for="screen in imagelist" :key="screen">
+                <img v-lazy="screen" alt=""/>
+              </li>
+            </ul>
+          </div>
 
         </div>
 
-        <div v-else>
-            <i v-if="!report_flag">
-                {{this.currentappinfo.name | formatName}}
-            </i>
+        <div v-if="(currentappinfo.issupersign || mcurrentappinfo.release_type === 2) && $route.query.udid"
+             class="footer"
+             style="margin-top: 5%">
+                    <span class="el-tag"
+                          style="background-color: #f0f9eb;border-color: #e1f3d8;color: #67c23a;">UDID: </span>
+          <span class="el-tag">
+                        {{ $route.query.udid }}
+                    </span>
+          <br>
+          <span style="color: #ebb563">若安装异常，请复制UDID，发送给管理员</span>
         </div>
 
-        <div v-if='iserror' class="main">
-            <div class="error-container">
-                <h1>{{ error_msg.head }}</h1>
-                <header>{{ error_msg.body }}
-                </header>
+        <div class="footer" style="margin-top: 30%;margin-bottom: 8px">
+          免责声明：<br>
+          本网站仅提供下载托管，应用为用户自行上传，请甄别应用风险后进行下载！<a class="one-key-report"
+                                               @click="get_auth_code(),report_flag=true">举报</a>
+        </div>
+        <div v-if="agent!==''">
+          <div v-if="ad_info.ad_uri" style="margin-bottom: 80px"/>
+          <div v-if="ad_info.ad_uri" class="app_bottom_fixed">
+            <div class="signhelp-title">
+              <span><a class="closead" @click="ad_info.ad_uri=undefined">关闭</a></span>
             </div>
+            <a :href="ad_info.ad_uri" target="_blank">
+              <img :src="ad_info.ad_pic" alt="welcome" style="object-fit: cover">
+            </a>
+          </div>
         </div>
+
+      </div>
+
+    </div>
+
+    <div v-else>
+      <i v-if="!report_flag">
+        {{ this.currentappinfo.name | formatName }}
+      </i>
+    </div>
+
+    <div v-if='iserror' class="main">
+      <div class="error-container">
+        <h1>{{ error_msg.head }}</h1>
+        <header>{{ error_msg.body }}
+        </header>
+      </div>
     </div>
+  </div>
 
 
 </template>
 
 <script>
-    import QRCode from 'qrcodejs2'
-
-    import {getdownloadurl, getShortAppinfo, gettask, getAuthTokenFun, appReport} from '@/restful/download'
-    import {checkEmail, checkphone, geetest} from "@/restful/download";
-
-    export default {
-        name: "ShortDownload",
-        data() {
-            return {
-                captcha: {"captcha_image": '', "captcha_key": '', "length": 8},
-                report_info: {
-                    'username': '',
-                    'report_type': '',
-                    'report_reason': '',
-                    'seicode': '',
-                    'authcode': '',
-                    'email': '',
-                    'auth_token': '',
-                    'act': 'email',
-                },
-                report_info_title: '邮箱',
-                report_info_list: [
-                    {'id': 0, name: '其他'},
-                ],
-                report_flag: false,
-                signhelplist: [
-                    {msg: '第一步 允许打开配置描述文件', url: require('@/assets/sign/step1.jpg')},
-                    {msg: '第二步 点击右上角安装按钮', url: require('@/assets/sign/step2.jpg')},
-                    {msg: '第三步 输入开机解锁密码', url: require('@/assets/sign/step3.jpg')},
-                    {msg: '第四步 点击下方安装按钮', url: require('@/assets/sign/step4.jpg')},
-                ],
-                inhousehelplist: [
-                    {
-                        msg: '首次安装企业版应用时会出现"未受信任的企业级开发者" 提示',
-                        url: require('@/assets/inhouse/b1.png')
-                    },
-                    {msg: '第一步 在手机中打开设置功能，选择 "通用" 功能', url: require('@/assets/inhouse/b2.png')},
-                    {msg: '第二步 在通用中，选择 "描述文件与设备管理" 功能', url: require('@/assets/inhouse/b3.png')},
-                    {
-                        msg: '第三步 选择要安装的企业应用的文件名称（与打开时的提示一致），点击进入',
-                        url: require('@/assets/inhouse/b4.png')
-                    },
-                    {msg: '第四步 确认企业签名中的公司名称与应用名称后，点击信任"企业签名公司名称"', url: require('@/assets/inhouse/b5.png')},
-                    {msg: '第五步 回到桌面，重新打开应用即可使用', url: require('@/assets/inhouse/b6.png')},
-                ],
-                imagelist: [],
-                currentappinfo: {},
-                iscomboappinfo: {},
-                mcurrentappinfo: {},
-                miscomboappinfo: {},
-                tmpinfo: {},
-                full_url: "",
-                agent: '',
-                wrong: false,
-                msg: '',
-                password: '',
-                dchoice: false,
-                downloadurl: "",
-                isdownload: false,
-                iserror: false,
-                error_msg: {head: '404 - Not Found', body: '您访问的 应用 不存在'},
-                udid: "",
-                wxeasytypeflag: false,
-                timer: '',
-                gomobile: true,
-                mobileprovision: '',
-                ad_info: {ad_pic: '', ad_uri: ''}
-            }
+import QRCode from 'qrcodejs2'
+
+import {
+  appReport,
+  checkEmail,
+  checkphone,
+  geetest,
+  getAuthTokenFun,
+  getdownloadurl,
+  getShortAppinfo,
+  gettask
+} from '@/restful/download'
+
+export default {
+  name: "ShortDownload",
+  data() {
+    return {
+      captcha: {"captcha_image": '', "captcha_key": '', "length": 8},
+      report_info: {
+        'username': '',
+        'report_type': '',
+        'report_reason': '',
+        'seicode': '',
+        'authcode': '',
+        'email': '',
+        'auth_token': '',
+        'act': 'email',
+      },
+      report_info_title: '邮箱',
+      report_info_list: [
+        {'id': 0, name: '其他'},
+      ],
+      report_flag: false,
+      signhelplist: [
+        {msg: '第一步 允许打开配置描述文件', url: require('@/assets/sign/step1.jpg')},
+        {msg: '第二步 点击右上角安装按钮', url: require('@/assets/sign/step2.jpg')},
+        {msg: '第三步 输入开机解锁密码', url: require('@/assets/sign/step3.jpg')},
+        {msg: '第四步 点击下方安装按钮', url: require('@/assets/sign/step4.jpg')},
+      ],
+      inhousehelplist: [
+        {
+          msg: '首次安装企业版应用时会出现"未受信任的企业级开发者" 提示',
+          url: require('@/assets/inhouse/b1.png')
         },
-        beforeDestroy() {
-            clearTimeout(this.timer);
+        {msg: '第一步 在手机中打开设置功能，选择 "通用" 功能', url: require('@/assets/inhouse/b2.png')},
+        {msg: '第二步 在通用中，选择 "描述文件与设备管理" 功能', url: require('@/assets/inhouse/b3.png')},
+        {
+          msg: '第三步 选择要安装的企业应用的文件名称（与打开时的提示一致），点击进入',
+          url: require('@/assets/inhouse/b4.png')
         },
-        methods: {
-            report_submit() {
-                let data = this.report_info;
-                data['app_id'] = this.currentappinfo.app_id;
-                if (this.report_info.auth_token && this.report_info.email && this.report_info.seicode) {
-                    appReport(res => {
-                        if (res.code === 1000) {
-                            alert("信息提交成功，感谢您的支持,即将返回下载页");
-                            // eslint-disable-next-line no-unused-vars
-                            this.timer = setTimeout(data => {
-                                this.report_flag = false;
-                            }, 3000);
-                        } else {
-                            alert("信息提交失败，请稍后再试 " + res.msg)
-                        }
-                    }, {
-                        'methods': 'POST',
-                        'data': this.report_info
-                    })
+        {msg: '第四步 确认企业签名中的公司名称与应用名称后，点击信任"企业签名公司名称"', url: require('@/assets/inhouse/b5.png')},
+        {msg: '第五步 回到桌面，重新打开应用即可使用', url: require('@/assets/inhouse/b6.png')},
+      ],
+      imagelist: [],
+      currentappinfo: {},
+      iscomboappinfo: {},
+      mcurrentappinfo: {},
+      miscomboappinfo: {},
+      tmpinfo: {},
+      full_url: "",
+      agent: '',
+      wrong: false,
+      msg: '',
+      password: '',
+      dchoice: false,
+      downloadurl: "",
+      isdownload: false,
+      iserror: false,
+      error_msg: {head: '404 - Not Found', body: '您访问的 应用 不存在'},
+      udid: "",
+      wxeasytypeflag: false,
+      timer: '',
+      gomobile: true,
+      mobileprovision: '',
+      ad_info: {ad_pic: '', ad_uri: ''}
+    }
+  },
+  beforeDestroy() {
+    clearTimeout(this.timer);
+  },
+  methods: {
+    report_submit() {
+      let data = this.report_info;
+      data['app_id'] = this.currentappinfo.app_id;
+      if (this.report_info.auth_token && this.report_info.email && this.report_info.seicode) {
+        appReport(res => {
+          if (res.code === 1000) {
+            alert("信息提交成功，感谢您的支持,即将返回下载页");
+            // eslint-disable-next-line no-unused-vars
+            this.timer = setTimeout(data => {
+              this.report_flag = false;
+            }, 3000);
+          } else {
+            alert("信息提交失败，请稍后再试 " + res.msg)
+          }
+        }, {
+          'methods': 'POST',
+          'data': this.report_info
+        })
+      } else {
+        alert('请输入完整的信息');
+      }
+    },
+    getphonecode() {
+      if (!this.report_info.username || !this.report_info.report_reason || this.report_info.report_type === '') {
+        alert('请输入完整的信息');
+        return 0
+      }
+      if (this.report_info.act === 'email') {
+        if (!checkEmail(this.report_info.email)) {
+          alert('请输入正确的邮箱地址');
+          return 0
+        }
+      }
+      if (this.report_info.act === 'sms') {
+        if (!checkphone(this.report_info.email)) {
+          alert('请输入正确的手机号');
+          return 0
+        }
+      }
+
+      let picode = {
+        "authcode": this.report_info.authcode,
+        "captcha_key": this.captcha.captcha_key,
+        "report": this.currentappinfo.app_id
+      };
+      let params = {'act': this.report_info.act, 'target': this.report_info.email, 'ext': picode};
+      if (this.captcha.geetest) {
+        geetest(this, this.report_info.email, params, (n_params) => {
+          this.do_get_auth_token(n_params);
+        })
+      } else {
+        this.do_get_auth_token(params);
+      }
+    },
+    do_get_auth_token(params) {
+      getAuthTokenFun(data => {
+        if (data.code === 1000) {
+          alert('验证码已经发送您');
+          this.report_info.auth_token = data.data.auth_token;
+        } else {
+          alert(data.msg);
+        }
+      }, {"methods": 'POST', 'data': params})
+    },
+    get_auth_code() {
+      appReport(data => {
+        if (data.code === 1000) {
+          let jdata = data.data;
+          if (jdata.enable) {
+            this.captcha = data.data;
+            if (data.data.s_list) {
+              this.report_info_list = data.data.s_list;
+            }
+            if (jdata.report_type && jdata.report_type.sms) {
+              this.report_info_title = '手机号';
+              this.report_info.act = 'sms'
+            } else if (jdata.report_type && jdata.report_type.email) {
+              this.report_info_title = '邮箱';
+              this.report_info.act = 'email'
+            }
+            this.report_info.seicode = '';
+            this.report_info.auth_token = '';
+            return
+          }
+        }
+        alert('暂未开通举报功能');
+        this.report_flag = false;
+      }, {
+        "methods": "GET",
+        "data": {}
+      });
+    },
+    show_err_msg(msg) {
+      this.msg = msg;
+      alert(this.msg)
+    },
+    loop_check_task() {
+      let c_count = 1;
+      // eslint-disable-next-line no-unused-vars
+      const loop_t = window.setInterval(res => {
+        gettask(data => {
+          c_count += 1;
+          if (c_count > 120) {
+            window.clearInterval(loop_t);
+          }
+          if (data.code === 1000) {
+            window.clearInterval(loop_t);
+            if (data.msg) {
+              this.show_err_msg(data.msg);
+            } else {
+              this.wrong = false;
+            }
+          } else {
+            if (data.code === 1002) {
+              window.clearInterval(loop_t);
+              data.msg = '应用不存在'
+            }
+            if (data.msg) {
+              this.msg = data.msg + ' ○ ' + c_count;
+            }
+          }
+        }, {
+          "short": this.$route.params.short,
+          data: {"task_id": this.$route.query.task_id}
+        })
+      }, 3000)
+    },
+    jiaocheng(act) {
+      let signhelp = this.$refs.signhelp;
+      let bg = this.$refs.signhelp;
+      if (act === 'open') {
+        signhelp.style.display = "block";
+        bg.style.display = "block";
+        window.scroll(0, 1)
+      } else {
+        signhelp.style.display = "none";
+        bg.style.display = "none";
+      }
+    },
+    gomobileaction() {
+      window.location.href = this.mobileprovision;
+    },
+    check_msg() {
+      if (this.$route.query.udid) {
+        if (this.$route.query.task_id) {
+          this.wrong = true;
+          this.msg = '签名处理中，请耐心等待';
+          this.loop_check_task()
+        } else if (this.$route.query.msg) {
+          this.wrong = true;
+          this.show_err_msg(this.$route.query.msg);
+        }
+      }
+    },
+    download() {
+      if (this.currentappinfo.app_id) {
+        this.isdownload = true;
+        getdownloadurl(res => {
+          if (res.code === 1000) {
+            if (res.data.download_url === "") {
+              window.location.href = this.full_url.split("?")[0];
+              return
+            }
+            if (this.currentappinfo.type === 1) {
+              if (this.currentappinfo.issupersign) {
+                if (this.$route.query.udid && this.udid === this.$route.query.udid) {
+                  if (this.agent !== '') {
+                    let download_url = res.data.download_url;
+                    this.downloadurl = "itms-services://?action=download-manifest&url=" + encodeURIComponent(download_url);
+                    // eslint-disable-next-line no-unused-vars
+                    this.timer = setTimeout(data => {
+                      this.gomobile = false;
+                    }, 5000);
+                  }
                 } else {
-                    alert('请输入完整的信息');
-                }
-            },
-            getphonecode() {
-                if (!this.report_info.username || !this.report_info.report_reason || this.report_info.report_type === '') {
-                    alert('请输入完整的信息');
-                    return 0
-                }
-                if (this.report_info.act === 'email') {
-                    if (!checkEmail(this.report_info.email)) {
-                        alert('请输入正确的邮箱地址');
-                        return 0
+                  if (this.agent !== '') {
+                    this.downloadurl = res.data.download_url;
+                    window.location.href = this.downloadurl;
+                    if (res.data.extra_url !== "") {
+                      // eslint-disable-next-line no-unused-vars
+                      this.timer = setTimeout(data => {
+                        window.location.href = res.data.extra_url;
+                      }, 3000);
                     }
+
+                    return;
+                  }
                 }
-                if (this.report_info.act === 'sms') {
-                    if (!checkphone(this.report_info.email)) {
-                        alert('请输入正确的手机号');
-                        return 0
-                    }
+              } else {
+                let download_url = res.data.download_url;
+                this.downloadurl = "itms-services://?action=download-manifest&url=" + encodeURIComponent(download_url);
+                if (res.data.extra_url !== "") {
+                  this.mobileprovision = res.data.extra_url;
+                  // eslint-disable-next-line no-unused-vars
+                  this.timer = setTimeout(data => {
+                    this.gomobile = false;
+                  }, 5000);
                 }
+              }
+            } else {
+              if (this.agent !== '') {
+                this.downloadurl = res.data.download_url;
+              }
+            }
 
-                let picode = {
-                    "authcode": this.report_info.authcode,
-                    "captcha_key": this.captcha.captcha_key,
-                    "report": this.currentappinfo.app_id
-                };
-                let params = {'act': this.report_info.act, 'target': this.report_info.email, 'ext': picode};
-                if (this.captcha.geetest) {
-                    geetest(this, this.report_info.email, params, (n_params) => {
-                        this.do_get_auth_token(n_params);
-                    })
-                } else {
-                    this.do_get_auth_token(params);
-                }
-            },
-            do_get_auth_token(params) {
-                getAuthTokenFun(data => {
-                    if (data.code === 1000) {
-                        alert('验证码已经发送您');
-                        this.report_info.auth_token = data.data.auth_token;
-                    } else {
-                        alert(data.msg);
-                    }
-                }, {"methods": 'POST', 'data': params})
-            },
-            get_auth_code() {
-                appReport(data => {
-                    if (data.code === 1000) {
-                        let jdata = data.data;
-                        if (jdata.enable) {
-                            this.captcha = data.data;
-                            if (data.data.s_list) {
-                                this.report_info_list = data.data.s_list;
-                            }
-                            if (jdata.report_type && jdata.report_type.sms) {
-                                this.report_info_title = '手机号';
-                                this.report_info.act = 'sms'
-                            } else if (jdata.report_type && jdata.report_type.email) {
-                                this.report_info_title = '邮箱';
-                                this.report_info.act = 'email'
-                            }
-                            this.report_info.seicode = '';
-                            this.report_info.auth_token = '';
-                            return
-                        }
-                    }
-                    alert('暂未开通举报功能');
-                    this.report_flag = false;
-                }, {
-                    "methods": "GET",
-                    "data": {}
-                });
-            },
-            show_err_msg(msg) {
-                this.msg = msg;
-                alert(this.msg)
-            },
-            loop_check_task() {
-                let c_count = 1;
-                // eslint-disable-next-line no-unused-vars
-                const loop_t = window.setInterval(res => {
-                    gettask(data => {
-                        c_count += 1;
-                        if (c_count > 120) {
-                            window.clearInterval(loop_t);
-                        }
-                        if (data.code === 1000) {
-                            window.clearInterval(loop_t);
-                            if (data.msg) {
-                                this.show_err_msg(data.msg);
-                            } else {
-                                this.wrong = false;
-                            }
-                        } else {
-                            if (data.code === 1002) {
-                                window.clearInterval(loop_t);
-                                data.msg = '应用不存在'
-                            }
-                            if (data.msg) {
-                                this.msg = data.msg + ' ○ ' + c_count;
-                            }
-                        }
-                    }, {
-                        "short": this.$route.params.short,
-                        data: {"task_id": this.$route.query.task_id}
-                    })
-                }, 3000)
-            },
-            jiaocheng(act) {
-                let signhelp = this.$refs.signhelp;
-                let bg = this.$refs.signhelp;
-                if (act === 'open') {
-                    signhelp.style.display = "block";
-                    bg.style.display = "block";
-                    window.scroll(0, 1)
+            window.location.href = this.downloadurl;
+          } else if (res.code === 1009) {
+            this.isdownload = false;
+            document.title = res.msg;
+            this.wrong = true;
+            this.msg = res.msg;
+          } else {
+            this.isdownload = false;
+            alert("密码错误，或者下载链接失效");
+            if (!this.password) {
+              window.location.reload();
+            }
+            this.password = '';
+          }
+        }, {
+          'data': {
+            'token': this.mcurrentappinfo.download_token,
+            'short': this.currentappinfo.short,
+            'release_id': this.mcurrentappinfo.release_id,
+            'password': this.password,
+            'udid': this.udid,
+          },
+          'app_id': this.currentappinfo.app_id
+        })
+      }
+    },
+    qrcode() {
+      let qrcode = document.getElementById("qrcode");
+      if (qrcode) {
+        new QRCode(qrcode, {
+          width: 100,
+          height: 100,
+          text: location.href, // 二维码地址
+        })
+      }
+    },
+    getDownloadTokenFun() {
+      let params = {
+        "short": this.$route.params.short,
+        "time": new Date().getTime()
+      };
+      if (this.$route.query.release_id) {
+        params["release_id"] = this.$route.query.release_id
+      }
+      if (this.$route.query.udid) {
+        params["udid"] = this.$route.query.udid
+      } else {
+        params["udid"] = ""
+      }
+      getShortAppinfo(data => {
+        if (data.code === 1000) {
+          if (data.ad && data.ad.ad_uri) {
+            this.ad_info = data.ad;
+          }
+          this.udid = data.udid;
+          if (!data.data.master_release.release_id) {
+            this.iserror = true;
+            return false
+          }
+
+          if (this.agent === "android" || this.agent === "wxandroid") {
+            // 请求的数据iOS
+            if (data.data.type === 1) {
+              if (data.data.has_combo) {
+                if (!params.release_id) {
+                  this.currentappinfo = data.data.has_combo;
+                  this.mcurrentappinfo = data.data.has_combo.master_release;
                 } else {
-                    signhelp.style.display = "none";
-                    bg.style.display = "none";
-                }
-            },
-            gomobileaction() {
-                window.location.href = this.mobileprovision;
-            },
-            check_msg() {
-                if (this.$route.query.udid) {
-                    if (this.$route.query.task_id) {
-                        this.wrong = true;
-                        this.msg = '签名处理中，请耐心等待';
-                        this.loop_check_task()
-                    } else if (this.$route.query.msg) {
-                        this.wrong = true;
-                        this.show_err_msg(this.$route.query.msg);
-                    }
+                  this.wrong = true;
+                  this.msg = '该 release 版本只能在苹果设备使用';
                 }
-            },
-            download() {
-                if (this.currentappinfo.app_id) {
-                    this.isdownload = true;
-                    getdownloadurl(res => {
-                        if (res.code === 1000) {
-                            if (res.data.download_url === "") {
-                                window.location.href = this.full_url.split("?")[0];
-                                return
-                            }
-                            if (this.currentappinfo.type === 1) {
-                                if (this.currentappinfo.issupersign) {
-                                    if (this.$route.query.udid && this.udid === this.$route.query.udid) {
-                                        if (this.agent !== '') {
-                                            let download_url = res.data.download_url;
-                                            this.downloadurl = "itms-services://?action=download-manifest&url=" + encodeURIComponent(download_url);
-                                            // eslint-disable-next-line no-unused-vars
-                                            this.timer = setTimeout(data => {
-                                                this.gomobile = false;
-                                            }, 5000);
-                                        }
-                                    } else {
-                                        if (this.agent !== '') {
-                                            this.downloadurl = res.data.download_url;
-                                            window.location.href = this.downloadurl;
-                                            if (res.data.extra_url !== "") {
-                                                // eslint-disable-next-line no-unused-vars
-                                                this.timer = setTimeout(data => {
-                                                    window.location.href = res.data.extra_url;
-                                                }, 3000);
-                                            }
-
-                                            return;
-                                        }
-                                    }
-                                } else {
-                                    let download_url = res.data.download_url;
-                                    this.downloadurl = "itms-services://?action=download-manifest&url=" + encodeURIComponent(download_url);
-                                    if (res.data.extra_url !== "") {
-                                        this.mobileprovision = res.data.extra_url;
-                                        // eslint-disable-next-line no-unused-vars
-                                        this.timer = setTimeout(data => {
-                                            this.gomobile = false;
-                                        }, 5000);
-                                    }
-                                }
-                            } else {
-                                if (this.agent !== '') {
-                                    this.downloadurl = res.data.download_url;
-                                }
-                            }
-
-                            window.location.href = this.downloadurl;
-                        } else if (res.code === 1009) {
-                            this.isdownload = false;
-                            document.title = res.msg;
-                            this.wrong = true;
-                            this.msg = res.msg;
-                        } else {
-                            this.isdownload = false;
-                            alert("密码错误，或者下载链接失效");
-                            if (!this.password) {
-                                window.location.reload();
-                            }
-                            this.password = '';
-                        }
-                    }, {
-                        'data': {
-                            'token': this.mcurrentappinfo.download_token,
-                            'short': this.currentappinfo.short,
-                            'release_id': this.mcurrentappinfo.release_id,
-                            'password': this.password,
-                            'udid': this.udid,
-                        },
-                        'app_id': this.currentappinfo.app_id
-                    })
-                }
-            },
-            qrcode() {
-                let qrcode = document.getElementById("qrcode");
-                if (qrcode) {
-                    new QRCode(qrcode, {
-                        width: 100,
-                        height: 100,
-                        text: location.href, // 二维码地址
-                    })
-                }
-            },
-            getDownloadTokenFun() {
-                let params = {
-                    "short": this.$route.params.short,
-                    "time": new Date().getTime()
-                };
-                if (this.$route.query.release_id) {
-                    params["release_id"] = this.$route.query.release_id
-                }
-                if (this.$route.query.udid) {
-                    params["udid"] = this.$route.query.udid
+                this.iscomboappinfo = data.data;
+                this.miscomboappinfo = data.data.master_release;
+
+              } else {
+                this.wrong = true;
+                this.msg = '苹果应用不支持安卓设备';
+                this.dchoice = true;
+
+              }
+            } else {
+              this.dchoice = true;
+            }
+          } else if (this.agent === "apple" || this.agent === "wxapple") {
+            if (data.data.type === 0) {
+              if (data.data.has_combo) {
+                if (!params.release_id) {
+                  this.currentappinfo = data.data.has_combo;
+                  this.mcurrentappinfo = data.data.has_combo.master_release;
                 } else {
-                    params["udid"] = ""
+                  this.wrong = true;
+                  this.msg = '该 release 版本只能在安卓设备使用';
                 }
-                getShortAppinfo(data => {
-                    if (data.code === 1000) {
-                        if (data.ad && data.ad.ad_uri) {
-                            this.ad_info = data.ad;
-                        }
-                        this.udid = data.udid;
-                        if (!data.data.master_release.release_id) {
-                            this.iserror = true;
-                            return false
-                        }
-
-                        if (this.agent === "android" || this.agent === "wxandroid") {
-                            // 请求的数据iOS
-                            if (data.data.type === 1) {
-                                if (data.data.has_combo) {
-                                    if (!params.release_id) {
-                                        this.currentappinfo = data.data.has_combo;
-                                        this.mcurrentappinfo = data.data.has_combo.master_release;
-                                    } else {
-                                        this.wrong = true;
-                                        this.msg = '该 release 版本只能在苹果设备使用';
-                                    }
-                                    this.iscomboappinfo = data.data;
-                                    this.miscomboappinfo = data.data.master_release;
-
-                                } else {
-                                    this.wrong = true;
-                                    this.msg = '苹果应用不支持安卓设备';
-                                    this.dchoice = true;
-
-                                }
-                            } else {
-                                this.dchoice = true;
-                            }
-                        } else if (this.agent === "apple" || this.agent === "wxapple") {
-                            if (data.data.type === 0) {
-                                if (data.data.has_combo) {
-                                    if (!params.release_id) {
-                                        this.currentappinfo = data.data.has_combo;
-                                        this.mcurrentappinfo = data.data.has_combo.master_release;
-                                    } else {
-                                        this.wrong = true;
-                                        this.msg = '该 release 版本只能在安卓设备使用';
-                                    }
-                                    this.iscomboappinfo = data.data;
-                                    this.miscomboappinfo = data.data.master_release;
-
-                                } else {
-                                    this.wrong = true;
-                                    this.msg = '安卓应用不支持苹果设备';
-                                    this.dchoice = true;
-
-                                }
-                            } else {
-                                this.dchoice = true;
-                            }
-                        } else {
-                            this.dchoice = true;
-                        }
-
-                        if (this.dchoice) {
-                            this.currentappinfo = data.data;
-                            this.mcurrentappinfo = data.data.master_release;
-                            if (this.currentappinfo.has_combo) {
-                                this.iscomboappinfo = this.currentappinfo.has_combo;
-                                this.miscomboappinfo = this.currentappinfo.has_combo.master_release;
-                            }
-                        }
-
-                        if (this.agent !== '') {
-                            this.miscomboappinfo = {};
-                            this.iscomboappinfo = {};
-                        }
-                        if (this.currentappinfo.wxeasytype) {
-                            if (this.agent !== 'wxandroid' && this.agent !== 'wxapple') {
-                                document.title = this.currentappinfo.name + '下载';
-                                this.wxeasytypeflag = true;
-                            } else {
-                                document.title = '请在浏览器中打开';
-                            }
-                        } else {
-                            document.title = this.currentappinfo.name + '下载';
-                            this.wxeasytypeflag = true;
-
-                        }
-
-                        if (this.mcurrentappinfo.binary_url && !this.wrong) {
-                            if (this.agent === 'wxandroid' || this.agent === 'wxapple') {
-                                if (this.currentappinfo.wxredirect) {
-                                    window.location.href = this.mcurrentappinfo.binary_url;
-                                    return;
-                                }
-                            }
-                            if (this.agent === 'apple' || this.agent === 'android') {
-                                window.location.href = this.mcurrentappinfo.binary_url;
-                                return;
-                            }
-                        }
-                        if (this.currentappinfo.screenshots && this.currentappinfo.screenshots.length > 0) {
-                            for (let i = 0; i < this.currentappinfo.screenshots.length; i++) {
-                                this.imagelist.push(this.currentappinfo.screenshots[i].url)
-                            }
-                        }
-                        if (this.mcurrentappinfo.release_type === 2 && !this.currentappinfo.issupersign) {
-                            this.signhelplist = this.inhousehelplist;
-                        }
-                    } else if (data.code === 1002) {
-                        window.location.href = location.href.replace(location.search, '');
-                    } else if (data.code === 302 && data.data) {
-                        window.location.href = data.data;
-                    } else {
-                        this.iserror = true;
-                        this.wrong = true;
-                        if (data.code === 1009) {
-                            this.error_msg.head = '温馨提示';
-                        }
-                        if (data.code === 1004) {
-                            this.error_msg.head = '403 - Forbidden';
-                        }
-                        if (data.msg) {
-                            document.title = data.msg;
-                            this.error_msg.body = data.msg;
-                        }
-                    }
-                }, params)
-            },
-            getAgent() {
-                const ua = navigator.userAgent.toLowerCase();
-                const browser = {
-                    versions: function () {
-                        const u = navigator.userAgent;
-                        return {//移动终端浏览器版本信息
-                            trident: u.indexOf('Trident') > -1, //IE内核
-                            presto: u.indexOf('Presto') > -1, //opera内核
-                            webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
-                            gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
-                            mobile: !!u.match(/AppleWebKit.*Mobile/i) || !!u.match(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/), //是否为移动终端
-                            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
-                            android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
-                            iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
-                            iPad: u.indexOf('iPad') > -1, //是否iPad
-                            webApp: u.indexOf('Safari') === -1, //是否web应该程序，没有头部与底部
-                            macos: u.indexOf('Mac OS') > -1 && u.indexOf('Macintosh') > -1
-                        };
-                    }(),
-                    language: (navigator.browserLanguage || navigator.language).toLowerCase()
-                };
-                if (browser.versions.iPhone || browser.versions.iPad || browser.versions.ios) {//苹果版
-
-                    if (ua.match(/micromessenger/i) && ua.match(/micromessenger/i)[0] === "micromessenger") {
-                        this.agent = 'wxapple';
-                        //微信
-                    } else {
-                        if (browser.versions.macos) {
-                            this.agent = '';
-                        } else {
-                            this.agent = 'apple';
-                        }
-                    }
+                this.iscomboappinfo = data.data;
+                this.miscomboappinfo = data.data.master_release;
 
-                }
-                if (browser.versions.android) {//安卓
-                    if (ua.match(/micromessenger/i) && ua.match(/micromessenger/i)[0] === "micromessenger") {
-                        // alert('安卓微信');
-                        this.agent = 'wxandroid';
-                        //微信
-                    } else {
-                        //  正常浏览器
-                        this.agent = 'android';
+              } else {
+                this.wrong = true;
+                this.msg = '安卓应用不支持苹果设备';
+                this.dchoice = true;
 
-                    }
-                }
-                if (this.agent === '') {
-                    this.wxeasytypeflag = true;
-                }
+              }
+            } else {
+              this.dchoice = true;
             }
-        }, created() {
-            this.getAgent();
-        }, mounted() {
-            this.getDownloadTokenFun();
-            this.full_url = location.href;
-            this.qrcode();
-            if (this.agent !== '') {
-                this.check_msg();
+          } else {
+            this.dchoice = true;
+          }
+
+          if (this.dchoice) {
+            this.currentappinfo = data.data;
+            this.mcurrentappinfo = data.data.master_release;
+            if (this.currentappinfo.has_combo) {
+              this.iscomboappinfo = this.currentappinfo.has_combo;
+              this.miscomboappinfo = this.currentappinfo.has_combo.master_release;
             }
-        }, filters: {
-            formatName: function (name) {
-                if (name) {
-                    return name.replace("麻将", "").replace("斗地主", "").replace("棋牌", "")
-                }
-            },
-            getiOStype: function (type) {
-                let ftype = '';
-                if (type === 1) {
-                    ftype = '内测版'
-                } else if (type === 2) {
-                    ftype = '企业版'
-                }
-                return ftype
-            },
-            formatTime: function (stime) {
-                if (stime) {
-                    stime = stime.split(".")[0].split("T");
-                    return stime[0] + " " + stime[1]
-                }
+          }
+
+          if (this.agent !== '') {
+            this.miscomboappinfo = {};
+            this.iscomboappinfo = {};
+          }
+          if (this.currentappinfo.wxeasytype) {
+            if (this.agent !== 'wxandroid' && this.agent !== 'wxapple') {
+              document.title = this.currentappinfo.name + '下载';
+              this.wxeasytypeflag = true;
+            } else {
+              document.title = '请在浏览器中打开';
             }
+          } else {
+            document.title = this.currentappinfo.name + '下载';
+            this.wxeasytypeflag = true;
+
+          }
+
+          if (this.mcurrentappinfo.binary_url && !this.wrong) {
+            if (this.agent === 'wxandroid' || this.agent === 'wxapple') {
+              if (this.currentappinfo.wxredirect) {
+                window.location.href = this.mcurrentappinfo.binary_url;
+                return;
+              }
+            }
+            if (this.agent === 'apple' || this.agent === 'android') {
+              window.location.href = this.mcurrentappinfo.binary_url;
+              return;
+            }
+          }
+          if (this.currentappinfo.screenshots && this.currentappinfo.screenshots.length > 0) {
+            for (let i = 0; i < this.currentappinfo.screenshots.length; i++) {
+              this.imagelist.push(this.currentappinfo.screenshots[i].url)
+            }
+          }
+          if (this.mcurrentappinfo.release_type === 2 && !this.currentappinfo.issupersign) {
+            this.signhelplist = this.inhousehelplist;
+          }
+        } else if (data.code === 1002) {
+          window.location.href = location.href.replace(location.search, '');
+        } else if (data.code === 302 && data.data) {
+          window.location.href = data.data;
+        } else {
+          this.iserror = true;
+          this.wrong = true;
+          if (data.code === 1009) {
+            this.error_msg.head = '温馨提示';
+          }
+          if (data.code === 1004) {
+            this.error_msg.head = '403 - Forbidden';
+          }
+          if (data.msg) {
+            document.title = data.msg;
+            this.error_msg.body = data.msg;
+          }
         }
-    };
-
-
-</script>
-
-<style scoped>
-    .dialog {
-        position: fixed;
-        width: 390px;
-        background-color: #fff;
-        left: 50%;
-        top: 50%;
-        z-index: 99999;
-        padding: 20px;
-        box-shadow: 0 0 5px rgba(0, 0, 0, .5);
-        transform: translate(-50%, -50%)
-    }
-
-    .one-key-report-dialog .content-row {
-        display: table;
-        padding: 5px;
-        position: relative;
-        width: 100%
-    }
-
-    .one-key-report-dialog .report_select {
-        position: relative;
-        width: 100%;
-        height: 50px;
-        border: 1px solid #D6D6D6;
-        font-size: 14px;
-        line-height: 50px;
-        text-indent: 15px;
-        cursor: pointer
-    }
-
-    .one-key-report-dialog .report_select:hover {
-        background: #F5F5F5
-    }
-
-
-    .one-key-report-dialog .report_select .dropdown-menu > option {
-        line-height: 40px;
-        cursor: pointer
-    }
-
-    .one-key-report-dialog .report_select .dropdown-menu > option:hover {
-        color: #fff;
-        background: #42B191
-    }
-
-
-    .one-key-report-dialog .content-row {
-        display: table;
-        padding: 5px;
-        position: relative;
-        width: 100%
-    }
-
-
-    .one-key-report-dialog .content-row input, .one-key-report-dialog .content-row label {
-        display: block
-    }
-
-    .one-key-report-dialog .content-row label {
-        color: #666;
-        font-size: 18px;
-        line-height: 34px;
-        margin-right: 30px
-    }
-
-    .one-key-report-dialog .content-row input {
-        height: 50px;
-        width: 100%;
-        margin-bottom: 10px;
-        padding: 5px 10px;
-        outline: 0;
-        background: #F5F5F5;
-        font-size: 14px;
-        border: 1px solid #D6D6D6
-    }
-
-    .one-key-report-dialog .content-row input::-moz-placeholder {
-        font-size: 14px;
-        color: #8B8E93
-    }
-
-    .one-key-report-dialog .content-row input:-ms-input-placeholder {
-        font-size: 14px;
-        color: #8B8E93
-    }
-
-    .one-key-report-dialog .content-row input::placeholder {
-        font-size: 14px;
-        color: #8B8E93
-    }
-
-    .one-key-report-dialog .content-row .report_captcha {
-        display: -ms-flexbox;
-        display: flex
-    }
-
-    .one-key-report-dialog .content-row .report_captcha input {
-        display: inline-block;
-        width: 190px;
-        margin-right: 20px
-    }
-
-    .one-key-report-dialog .content-row .report_captcha img {
-        width: 125px;
-        height: 50px;
-        background: #F5F5F5;
-        cursor: pointer
-    }
-
-    .one-key-report-dialog .content-row .report_phone input {
-        display: inline-block;
-        width: 190px;
-        margin-right: 20px
-    }
-
-    .one-key-report-dialog .content-row .report_phone .btn {
-        width: 125px;
-        color: #fff;
-        height: 50px;
-        background-color: #3888fa;
-        padding: 5px 10px;
-        margin-top: -5px;
-        font-size: 14px
-    }
-
-    .one-key-report-dialog .content-row textarea {
-        width: 100%;
-        height: 80px;
-        resize: none;
-        padding: 10px;
-        outline: 0;
-        color: #A9B1B3;
-        font-size: 14px;
-        background: #F5F5F5;
-        border: 1px solid #D6D6D6;
-    }
-
-    .one-key-report-dialog .content-row textarea::-moz-placeholder {
-        font-size: 14px;
-        color: #8B8E93
-    }
-
-    .one-key-report-dialog .content-row textarea:-ms-input-placeholder {
-        font-size: 14px;
-        color: #8B8E93
-    }
-
-    .one-key-report-dialog .content-row textarea::placeholder {
-        font-size: 14px;
-        color: #8B8E93
-    }
-
-    .one-key-report-dialog .content-row .btn-report {
-        color: #fff;
-        background-color: #3888fa;
-        padding: 5px 10px;
-        margin-top: 5px;
-        width: 190px;
-        height: 50px;
-        display: inline-block;
-        line-height: 40px;
-        font-size: 18px
-    }
-
-
-    .one-key-report {
-        color: #fff;
-        background-color: #32B2A7;
-        padding: 1px 5px;
-        border-radius: 15px;
-    }
-
-    .el-tag {
-        background-color: #ecf5ff;
-        border-color: #d9ecff;
-        display: inline-block;
-        height: 32px;
-        padding: 0 10px;
-        line-height: 30px;
-        font-size: 12px;
-        color: #409EFF;
-        border-width: 1px;
-        border-style: solid;
-        border-radius: 4px;
-        -webkit-box-sizing: border-box;
-        box-sizing: border-box;
-        white-space: nowrap;
-    }
-
-    .app_bottom_fixed {
-        position: fixed;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        z-index: 3;
-        font-size: 0;
-        text-align: center;
-        background: 0 0;
-    }
-
-    .app_bottom_fixed img {
-        width: 100%;
-        max-height: 80px;
-    }
-
-    .mask {
-        z-index: 9;
-        position: fixed;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-        background: rgba(0, 0, 0, .5);
-    }
-
-    .text-black {
-        color: #505556
-    }
-
-    .jiaocheng {
-        float: right;
-        width: 25px;
-        height: 25px;
-        text-align: center;
-        border-radius: 20px;
-        background-color: #a9b6cc;
-        margin-left: -25px;
-        margin-top: 10px;
-    }
-
-    .wechat_tip, .wechat_tip > i {
-        position: absolute;
-        right: 10px;
-        z-index: 99999;
-    }
-
-    .wechat_tip {
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-        -webkit-box-pack: center;
-        -ms-flex-pack: center;
-        justify-content: center;
-        background: #3ab2a7;
-        color: #fff;
-        font-size: 14px;
-        font-weight: 500;
-        width: 166px;
-        height: 60px;
-        border-radius: 10px;
-        top: 15px
-    }
-
-    .wechat_tip > i {
-        top: -10px;
-        width: 0;
-        height: 0;
-        border-left: 6px solid transparent;
-        border-right: 6px solid transparent;
-        border-bottom: 12px solid #3ab2a7
-    }
-
-    .mask img {
-        max-width: 100%;
-        height: auto
-    }
-
-
-    /*上面是微信的*/
-
-    a, button {
-        cursor: pointer
-    }
-
-    .out-container, .pattern {
-        -webkit-transition: all .5s
-    }
-
-    .main, .out-container {
-        display: block;
-        height: 100%
-    }
-
-    *, .wechat-tips {
-        box-sizing: border-box
-    }
-
-    .desc-section pre, body, html {
-        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif
-    }
-
-
-    .container {
-        margin: 0;
-        padding: 60px 0 0;
-        height: 100%;
-        color: #a9b1b3;
-        font-size: 14px;
-        /*background-color: #fff;*/
-        -webkit-font-smoothing: antialiased
-    }
-
-
-    .text-black {
-        color: #505556
-    }
-
-    p {
-        margin-top: 0
-    }
-
-    a {
-        text-decoration: none
-    }
-
-    button {
-        padding: 0;
-        border: 1px solid #a9b1b3;
-        background-color: transparent
-    }
-
-    button:focus {
-        outline: 0
-    }
-
-    .pattern {
-        position: absolute;
-        top: 0;
-        z-index: 1;
-        max-width: 312px;
-        width: 21.66%;
-        transition: all .5s
-    }
-
-    .pattern.left {
-        left: 0
-    }
-
-    .pattern.right {
-        right: 0
-    }
-
-    .pattern img {
-        width: 100%;
-        -webkit-transition: all 1s;
-        transition: all 1s;
-        pointer-events: none
-    }
-
-    @media (max-width: 1280px) {
-        .pattern {
-            width: 18%
-        }
-    }
-
-    .combo .pattern {
-        max-width: 220px
-    }
-
-    @media (min-width: 1280px) {
-        .combo .pattern {
-            max-width: 312px;
-            width: 21%
-        }
-    }
-
-    .out-container {
-        position: relative;
-        z-index: 2;
-        transition: all .5s
-    }
-
-    .main {
-        margin: 0 auto;
-        max-width: 94%;
-        width: 700px
-    }
-
-    .main .table-container {
-        display: table;
-        width: 100%;
-        height: 100%
-    }
-
-    .main .cell-container {
-        display: table-cell;
-        height: 100%;
-        vertical-align: middle;
-        text-align: center
-    }
-
-
-    .constraint .main header, .expired .main header, .forbidden .main header, .legal_forbidden .main header, .not_found .main header {
-        opacity: 1;
-        -webkit-transition: all .5s;
-        transition: all .5s;
-        -webkit-transform: none;
-        transform: none
-    }
-
-    .constraint .main header h1, .expired .main header h1, .forbidden .main header h1, .legal_forbidden .main header h1, .not_found .main header h1 {
-        color: #505556;
-        font-weight: 400;
-        font-size: 28px
-    }
-
-    .constraint .main header h3, .expired .main header h3, .forbidden .main header h3, .legal_forbidden .main header h3, .not_found .main header h3 {
-        font-size: 18px;
-        cursor: default
-    }
-
-    .constraint .main header h3 label, .expired .main header h3 label, .forbidden .main header h3 label, .legal_forbidden .main header h3 label, .not_found .main header h3 label {
-        cursor: default
-    }
-
-    .constraint .main header p, .expired .main header p, .forbidden .main header p, .legal_forbidden .main header p, .not_found .main header p {
-        font-size: 16px;
-        line-height: 24px
-    }
-
-
-    .constraint .pattern img, .expired .pattern img, .forbidden .pattern img, .legal_forbidden .pattern img, .not_found .pattern img {
-        -webkit-filter: grayscale(1)
-    }
-
-    @media screen and (max-width: 480px) {
-        .constraint .cell-container, .forbidden .cell-container, .legal_forbidden .cell-container, .not_found .cell-container {
-            vertical-align: top
-        }
-    }
-
-
-    .combo .main {
-        min-width: 960px;
-        max-width: 100%
-    }
-
-    .data_error .icon, .error .icon, .forbidden .icon, .passwd .icon {
-        margin-bottom: 40px;
-        width: 120px;
-        height: 120px;
-        border-radius: 22.7px
-    }
-
-    @media screen and (min-height: 520px) {
-        .data_error form, .error form, .forbidden form, .passwd form {
-            margin-bottom: 100px
-        }
-    }
-
-    .data_error .main, .error .main, .forbidden .main, .passwd .main {
-        height: 100%
-    }
-
-    .data_error .main table, .error .main table, .forbidden .main table, .passwd .main table {
-        width: 100%;
-        height: 100%;
-        vertical-align: middle
-    }
-
-    .data_error .app-brief h1, .error .app-brief h1, .forbidden .app-brief h1, .passwd .app-brief h1 {
-        text-transform: uppercase
-    }
-
-
-    .data_error .no-release-tips a, .error .no-release-tips a, .forbidden .no-release-tips a, .passwd .no-release-tips a {
-        text-decoration: underline;
-        color: #9b9b9b
-    }
-
-
-    .main .icon-container {
-        position: relative;
-        margin: 0 auto;
-        width: 290px;
-        height: 290px
-    }
-
-    .main .icon-container .bg-path {
-        position: absolute;
-        top: 4px;
-        left: 4px;
-        z-index: 1;
-        color: #eff2f2;
-        font-size: 290px
-    }
-
-    .main .icon-container span {
-        position: absolute;
-        z-index: 2;
-        display: block
-    }
-
-    .main .icon-container .icon {
-        top: 0;
-        left: 0;
-        padding: 10px;
-        width: 140px;
-        height: 140px;
-        border-radius: 17.54%;
-        background-color: #fff
-    }
-
-    .main .icon-container .icon img {
-        max-width: 100%;
-        width: 120px;
-        height: 120px;
-        border-radius: 17.54%
-    }
-
-    .main .icon-container .qrcode {
-        right: 0;
-        bottom: 0;
-        width: 140px;
-        height: 140px;
-        border: 20px solid transparent;
-        border-radius: 26px
-    }
-
-    .main .icon-container .qrcode img {
-        width: 100px;
-        height: 100px
-    }
-
-    .main > header {
-        display: block;
-        min-height: 600px;
-        max-height: 800px;
-        height: 100%
-    }
-
-    .main > header.ad-app {
-        height: auto
-    }
-
-    .main > header .wrapper {
-        margin-right: auto;
-        margin-left: auto;
-        width: 290px
-    }
-
-    .main > header .app-brief {
-        -webkit-transition: all .5s;
-        transition: all .5s
-    }
-
-    .main > header .name, .main > header body.passwd .name {
-        position: relative;
-        margin: 20px auto;
-        width: 290px;
-        color: #505556;
-        text-align: left;
-        font-weight: 400;
-        font-size: 28px
-    }
-
-    .main > header .name i, .main > header body.passwd .name i {
-        position: absolute;
-        right: 100%;
-        top: 10px;
-        margin-right: 10px;
-        font-size: 26px
-    }
-
-    .main > header .name span, .main > header body.passwd .name span {
-        display: inline-block;
-        max-width: 100%;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        word-wrap: normal;
-        line-height: 1.6
-    }
-
-
-    .main > header .scan-tips {
-        margin: 0 auto;
-        width: 290px;
-        text-align: left;
-        white-space: nowrap;
-        line-height: 22px
-    }
-
-    .main > header .release-info {
-        position: relative;
-        margin-top: 30px;
-        margin-bottom: 30px;
-        padding-top: 30px
-    }
-
-    .main > header .release-info p {
-        margin-bottom: 4px
-    }
-
-    .main > header .release-info:before {
-        position: absolute;
-        top: 0;
-        left: 50%;
-        display: block;
-        margin-left: -30%;
-        width: 60%;
-        border-top: 1px solid #dae2e3;
-        content: ' '
-    }
-
-    .main > header .actions {
-        margin: 30px auto 0;
-        max-width: 290px
-    }
-
-    .main > header .actions p {
-        line-height: 1.5;
-        padding: 12px;
-        color: #3AB2A7;
-        font-weight: 500;
-        font-size: 16px
-    }
-
-    .main > header .actions button {
-        display: inline-block;
-        padding: 12px 46px;
-        min-width: 200px;
-        border: 1px solid #32b2a7;
-        border-radius: 40px;
-        font-size: 14px;
-        background: #32b2a7;
-        color: #fff
-    }
-
-    .main > header .actions input {
-        display: inline-block;
-        padding: 12px 46px;
-        width: 166px;
-        border: 1px solid #32b2a7;
-        border-radius: 40px;
-        font-size: 14px;
-    }
-
-    .main > header .actions button a {
-        color: #fff
-    }
-
-    .main > header .actions a {
-        color: #868c8e;
-        font-size: 14px;
-        display: block
-    }
-
-    .main > header .type-ios {
-        display: none
-    }
-
-    @media only screen and (max-width: 768px) {
-        .main > header {
-            max-height: 100%;
-            height: 100%;
-            min-height: 400px
-        }
-
-        .main > header.ad-app {
-            min-height: 700px
-        }
-
-        .main > header .type-ios {
-            display: block
-        }
-    }
-
-
-    @media screen and (max-width: 768px) {
-        .main > header {
-            min-height: 400px
-        }
-
-        .main > header .release-info {
-            display: block
-        }
-
-        .main > header .name {
-            text-align: center;
-            font-size: 24px
-        }
-
-        .main > header .name .icon-warp {
-            position: static;
-            display: inline-block;
-            margin-left: -48px;
-            max-width: 76%
-        }
-
-        .main > header .name .tip {
-            margin-top: 5px
-        }
-
-        .main > header .name i {
-            position: static
-        }
-
-        .main > header .scan-tips {
-            display: none
-        }
-
-        .dialog {
-            height: 100%;
-            margin: 0;
-            left: 0;
-            top: 60px;
-            bottom: 0;
-            border-radius: 0;
-            padding-top: 30px;
-            overflow-y: auto;
-            transform: translate(0, 0)
-        }
-
-        .dialog.animate {
-            transition: left .5s
-        }
-    }
-
-
-    .footer, .per-type-info .info {
-        text-align: center
-    }
-
-
-    .section {
-        position: relative;
-        z-index: 2;
-        padding: 50px 0;
-        border-top: 1px solid #dae2e3
-    }
-
-    @media screen and (max-width: 768px) {
-        .section {
-            padding: 50px 20px
-        }
-    }
-
-    .section h2 {
-        margin: 0 0 40px;
-        color: #505556;
-        font-weight: 400
-    }
-
-
-    .per-type-info {
-        position: relative;
-        overflow: hidden;
-        padding-top: 0;
-        border-top: 1px solid #dae2e3
-    }
-
-    .per-type-info .type {
-        float: left;
-        width: 50%
-    }
-
-    .per-type-info .type-icon {
-        margin-bottom: 0
-    }
-
-    .per-type-info .info {
-        padding-top: 50px;
-        font-size: 12px
-    }
-
-    .per-type-info .info .version {
-        margin-bottom: 20px
-    }
-
-    .per-type-info .info .type-icon {
-        margin-bottom: 40px
-    }
-
-    .per-type-info .info i {
-        margin-bottom: 0;
-        color: #505556;
-        font-size: 48px
-    }
-
-    .per-type-info .info .store-link-wrapper a {
-        width: 200px
-    }
-
-    .per-type-info .info .store-link-wrapper a i {
-        font-size: 29px
-    }
-
-    .per-type-info:before {
-        position: absolute;
-        left: 50%;
-        width: 1px;
-        height: 100%;
-        background-color: #dae2e3;
-        content: ' '
-    }
-
-    .desc-section pre {
-        white-space: pre-wrap;
-        line-height: 22px
-    }
-
-    .section-store-link a {
-        display: inline-block;
-        border: 1px solid #505556;
-        border-radius: 5px;
-        text-decoration: none
-    }
-
-    .section-store-link a i {
-        display: block;
-        padding: 14px 40px;
-        color: #505556;
-        font-size: 33px
-    }
-
-    .screenshots-section {
-        border-bottom: 0
-    }
-
-    .screenshots-section .list-wrapper {
-        overflow-x: scroll;
-        max-width: 100%
-    }
-
-    .screenshots-section ul {
-        display: block;
-        margin: 0;
-        padding: 0;
-        list-style: none;
-        white-space: nowrap
-    }
-
-    .screenshots-section ul li {
-        display: inline-block;
-        padding-right: 20px;
-        vertical-align: middle
-    }
-
-    .screenshots-section ul li img {
-        max-height: 462px
-    }
-
-
-    @-webkit-keyframes rotate {
-        0% {
-            -webkit-transform: rotate(0);
-            transform: rotate(0)
-        }
-        100% {
-            -webkit-transform: rotate(360deg);
-            transform: rotate(360deg)
-        }
-    }
-
-    @keyframes rotate {
-        0% {
-            -webkit-transform: rotate(0);
-            transform: rotate(0)
-        }
-        100% {
-            -webkit-transform: rotate(360deg);
-            transform: rotate(360deg)
-        }
-    }
-
-    #actions {
-        display: none
-    }
-
-    #actions button {
-        -webkit-transition: all .25s;
-        transition: all .25s
-    }
-
-    #actions button.loading {
-        -webkit-animation: rotate .6s linear infinite;
-        animation: rotate .6s linear infinite;
-        background: 0
-    }
-
-    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
-        #actions {
-            display: block
-        }
-    }
-
-    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
-        #actions {
-            display: block
-        }
-    }
-
-    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
-        #actions {
-            display: block
-        }
-    }
-
-    @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
-        #actions {
-            display: block
-        }
-    }
-
-    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
-        #actions {
-            display: block
-        }
-    }
-
-    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
-        #actions {
-            display: block
-        }
-    }
-
-    #actions.type-android {
-        display: block
-    }
-
-    body.hidden-overflow {
-        overflow: hidden
-    }
-
-    .main header .app-brief .icon-container .qrcode {
-        background-color: #eff2f2;
-        -webkit-transition: all .25s;
-        transition: all .25s
-    }
-
-    .main header .app-brief .name .icon-warp {
-        vertical-align: bottom
-    }
-
-
-    .app_bottom_fixed img {
-        width: 100%;
-        max-height: 80px
-    }
-
-    @media screen and (max-width: 768px) {
-        .combo .main, .main {
-            width: 100%;
-            min-width: 100%
-        }
-
-        .data_error form, .error form, .forbidden form, .passwd form {
-            margin-bottom: 30px
-        }
-
-        .main .app-brief {
-            text-align: center
-        }
-
-        .main .app-brief button {
-            display: inline-block
-        }
-
-        .main .app-brief .bg-path, .main .app-brief .qrcode {
-            display: none
+      }, params)
+    },
+    getAgent() {
+      const ua = navigator.userAgent.toLowerCase();
+      const browser = {
+        versions: function () {
+          const u = navigator.userAgent;
+          return {//移动终端浏览器版本信息
+            trident: u.indexOf('Trident') > -1, //IE内核
+            presto: u.indexOf('Presto') > -1, //opera内核
+            webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
+            gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
+            mobile: !!u.match(/AppleWebKit.*Mobile/i) || !!u.match(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/), //是否为移动终端
+            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
+            android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
+            iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
+            iPad: u.indexOf('iPad') > -1, //是否iPad
+            webApp: u.indexOf('Safari') === -1, //是否web应该程序，没有头部与底部
+            macos: u.indexOf('Mac OS') > -1 && u.indexOf('Macintosh') > -1
+          };
+        }(),
+        language: (navigator.browserLanguage || navigator.language).toLowerCase()
+      };
+      if (browser.versions.iPhone || browser.versions.iPad || browser.versions.ios) {//苹果版
+
+        if (ua.match(/micromessenger/i) && ua.match(/micromessenger/i)[0] === "micromessenger") {
+          this.agent = 'wxapple';
+          //微信
+        } else {
+          if (browser.versions.macos) {
+            this.agent = '';
+          } else {
+            this.agent = 'apple';
+          }
         }
 
-        .main .icon-container {
-            width: 100%;
-            height: auto;
-            text-align: center
-        }
+      }
+      if (browser.versions.android) {//安卓
+        if (ua.match(/micromessenger/i) && ua.match(/micromessenger/i)[0] === "micromessenger") {
+          // alert('安卓微信');
+          this.agent = 'wxandroid';
+          //微信
+        } else {
+          //  正常浏览器
+          this.agent = 'android';
 
-        .main .icon-container .icon {
-            position: static;
-            display: inline-block
         }
+      }
+      if (this.agent === '') {
+        this.wxeasytypeflag = true;
+      }
+    }
+  }, created() {
+    this.getAgent();
+  }, mounted() {
+    this.getDownloadTokenFun();
+    this.full_url = location.href;
+    this.qrcode();
+    if (this.agent !== '') {
+      this.check_msg();
+    }
+  }, filters: {
+    formatName: function (name) {
+      if (name) {
+        return name.replace("麻将", "").replace("斗地主", "").replace("棋牌", "")
+      }
+    },
+    getiOStype: function (type) {
+      let ftype = '';
+      if (type === 1) {
+        ftype = '内测版'
+      } else if (type === 2) {
+        ftype = '企业版'
+      }
+      return ftype
+    },
+    formatTime: function (stime) {
+      if (stime) {
+        stime = stime.split(".")[0].split("T");
+        return stime[0] + " " + stime[1]
+      }
+    }
+  }
+};
 
 
-    }
-
-    @media screen and (min-width: 1024px) {
-        .main header .app-brief .icon-container:hover .qrcode {
-            -webkit-transform: scale(1.6);
-            transform: scale(1.6);
-            box-shadow: 0 1px 5px rgba(0, 0, 0, .3)
-        }
-    }
-
-    .signhelp {
-        position: absolute;
-        width: 90%;
-        max-width: 300px;
-        max-height: 400px;
-        z-index: 9999;
-        display: none;
-        background-color: white;
-        /* 这里要注意绝对定位的盒子怎么在屏幕显示居中 */
-        left: 50%;
-        margin-left: -150px;
-        margin-top: 10%;
-        border: 1px solid gray;
-    }
-
-    .signhelp ul li img {
-        width: 300px;
-        height: 222px;
-    }
-
-    .signhelp ul li p {
-        text-align: center;
-        font-size: 14px;
-        color: #0491f7;
-        margin: 10px 10px;
-        white-space: pre-line;
-    }
-
-
-    /* 遮盖层 */
-    .bg {
-        background-color: #000;
-        width: 100%;
-        height: 100%;
-        top: 0;
-        position: fixed;
-        opacity: 0.3;
-        -webkit-opacity: 0.3;
-        -moz-opacity: 0.3;
-        display: none;
-    }
-
-    /* 登陆框标题 */
-    .signhelp-title {
-        width: 100%;
-        height: 40px;
-        line-height: 40px;
-        text-align: center;
-        margin-bottom: 20px;
-        cursor: move;
-    }
-
-    .signhelp-title span a {
-        text-decoration: none;
-        border: 1px solid gray;
-        font-size: 12px;
-        color: black;
-        border-radius: 20px;
-        width: 40px;
-        height: 40px;
-        background-color: #fff;
-        position: absolute;
-        top: -20px;
-        right: -20px;
-    }
+</script>
 
-    .signhelp-title .closead {
-        top: 38px;
-        right: -6px;
-    }
+<style scoped>
+.dialog {
+  position: fixed;
+  width: 390px;
+  background-color: #fff;
+  left: 50%;
+  top: 50%;
+  z-index: 99999;
+  padding: 20px;
+  box-shadow: 0 0 5px rgba(0, 0, 0, .5);
+  transform: translate(-50%, -50%)
+}
+
+.one-key-report-dialog .content-row {
+  display: table;
+  padding: 5px;
+  position: relative;
+  width: 100%
+}
+
+.one-key-report-dialog .report_select {
+  position: relative;
+  width: 100%;
+  height: 50px;
+  border: 1px solid #D6D6D6;
+  font-size: 14px;
+  line-height: 50px;
+  text-indent: 15px;
+  cursor: pointer
+}
+
+.one-key-report-dialog .report_select:hover {
+  background: #F5F5F5
+}
+
+
+.one-key-report-dialog .report_select .dropdown-menu > option {
+  line-height: 40px;
+  cursor: pointer
+}
+
+.one-key-report-dialog .report_select .dropdown-menu > option:hover {
+  color: #fff;
+  background: #42B191
+}
+
+
+.one-key-report-dialog .content-row {
+  display: table;
+  padding: 5px;
+  position: relative;
+  width: 100%
+}
+
+
+.one-key-report-dialog .content-row input, .one-key-report-dialog .content-row label {
+  display: block
+}
+
+.one-key-report-dialog .content-row label {
+  color: #666;
+  font-size: 18px;
+  line-height: 34px;
+  margin-right: 30px
+}
+
+.one-key-report-dialog .content-row input {
+  height: 50px;
+  width: 100%;
+  margin-bottom: 10px;
+  padding: 5px 10px;
+  outline: 0;
+  background: #F5F5F5;
+  font-size: 14px;
+  border: 1px solid #D6D6D6
+}
+
+.one-key-report-dialog .content-row input::-moz-placeholder {
+  font-size: 14px;
+  color: #8B8E93
+}
+
+.one-key-report-dialog .content-row input:-ms-input-placeholder {
+  font-size: 14px;
+  color: #8B8E93
+}
+
+.one-key-report-dialog .content-row input::placeholder {
+  font-size: 14px;
+  color: #8B8E93
+}
+
+.one-key-report-dialog .content-row .report_captcha {
+  display: -ms-flexbox;
+  display: flex
+}
+
+.one-key-report-dialog .content-row .report_captcha input {
+  display: inline-block;
+  width: 190px;
+  margin-right: 20px
+}
+
+.one-key-report-dialog .content-row .report_captcha img {
+  width: 125px;
+  height: 50px;
+  background: #F5F5F5;
+  cursor: pointer
+}
+
+.one-key-report-dialog .content-row .report_phone input {
+  display: inline-block;
+  width: 190px;
+  margin-right: 20px
+}
+
+.one-key-report-dialog .content-row .report_phone .btn {
+  width: 125px;
+  color: #fff;
+  height: 50px;
+  background-color: #3888fa;
+  padding: 5px 10px;
+  margin-top: -5px;
+  font-size: 14px
+}
+
+.one-key-report-dialog .content-row textarea {
+  width: 100%;
+  height: 80px;
+  resize: none;
+  padding: 10px;
+  outline: 0;
+  color: #A9B1B3;
+  font-size: 14px;
+  background: #F5F5F5;
+  border: 1px solid #D6D6D6;
+}
+
+.one-key-report-dialog .content-row textarea::-moz-placeholder {
+  font-size: 14px;
+  color: #8B8E93
+}
+
+.one-key-report-dialog .content-row textarea:-ms-input-placeholder {
+  font-size: 14px;
+  color: #8B8E93
+}
+
+.one-key-report-dialog .content-row textarea::placeholder {
+  font-size: 14px;
+  color: #8B8E93
+}
+
+.one-key-report-dialog .content-row .btn-report {
+  color: #fff;
+  background-color: #3888fa;
+  padding: 5px 10px;
+  margin-top: 5px;
+  width: 190px;
+  height: 50px;
+  display: inline-block;
+  line-height: 40px;
+  font-size: 18px
+}
+
+
+.one-key-report {
+  color: #fff;
+  background-color: #32B2A7;
+  padding: 1px 5px;
+  border-radius: 15px;
+}
+
+.el-tag {
+  background-color: #ecf5ff;
+  border-color: #d9ecff;
+  display: inline-block;
+  height: 32px;
+  padding: 0 10px;
+  line-height: 30px;
+  font-size: 12px;
+  color: #409EFF;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 4px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  white-space: nowrap;
+}
+
+.app_bottom_fixed {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 3;
+  font-size: 0;
+  text-align: center;
+  background: 0 0;
+}
+
+.app_bottom_fixed img {
+  width: 100%;
+  max-height: 80px;
+}
+
+.mask {
+  z-index: 9;
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: rgba(0, 0, 0, .5);
+}
+
+.text-black {
+  color: #505556
+}
+
+.jiaocheng {
+  float: right;
+  width: 25px;
+  height: 25px;
+  text-align: center;
+  border-radius: 20px;
+  background-color: #a9b6cc;
+  margin-left: -25px;
+  margin-top: 10px;
+}
+
+.wechat_tip, .wechat_tip > i {
+  position: absolute;
+  right: 10px;
+  z-index: 99999;
+}
+
+.wechat_tip {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  background: #3ab2a7;
+  color: #fff;
+  font-size: 14px;
+  font-weight: 500;
+  width: 166px;
+  height: 60px;
+  border-radius: 10px;
+  top: 15px
+}
+
+.wechat_tip > i {
+  top: -10px;
+  width: 0;
+  height: 0;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-bottom: 12px solid #3ab2a7
+}
+
+.mask img {
+  max-width: 100%;
+  height: auto
+}
+
+
+/*上面是微信的*/
+
+a, button {
+  cursor: pointer
+}
+
+.out-container, .pattern {
+  -webkit-transition: all .5s
+}
+
+.main, .out-container {
+  display: block;
+  height: 100%
+}
+
+*, .wechat-tips {
+  box-sizing: border-box
+}
+
+.desc-section pre, body, html {
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif
+}
+
+
+.container {
+  margin: 0;
+  padding: 60px 0 0;
+  height: 100%;
+  color: #a9b1b3;
+  font-size: 14px;
+  /*background-color: #fff;*/
+  -webkit-font-smoothing: antialiased
+}
+
+
+.text-black {
+  color: #505556
+}
+
+p {
+  margin-top: 0
+}
+
+a {
+  text-decoration: none
+}
+
+button {
+  padding: 0;
+  border: 1px solid #a9b1b3;
+  background-color: transparent
+}
+
+button:focus {
+  outline: 0
+}
+
+.pattern {
+  position: absolute;
+  top: 0;
+  z-index: 1;
+  max-width: 312px;
+  width: 21.66%;
+  transition: all .5s
+}
+
+.pattern.left {
+  left: 0
+}
+
+.pattern.right {
+  right: 0
+}
+
+.pattern img {
+  width: 100%;
+  -webkit-transition: all 1s;
+  transition: all 1s;
+  pointer-events: none
+}
+
+@media (max-width: 1280px) {
+  .pattern {
+    width: 18%
+  }
+}
+
+.combo .pattern {
+  max-width: 220px
+}
+
+@media (min-width: 1280px) {
+  .combo .pattern {
+    max-width: 312px;
+    width: 21%
+  }
+}
+
+.out-container {
+  position: relative;
+  z-index: 2;
+  transition: all .5s
+}
+
+.main {
+  margin: 0 auto;
+  max-width: 94%;
+  width: 700px
+}
+
+.main .table-container {
+  display: table;
+  width: 100%;
+  height: 100%
+}
+
+.main .cell-container {
+  display: table-cell;
+  height: 100%;
+  vertical-align: middle;
+  text-align: center
+}
+
+
+.constraint .main header, .expired .main header, .forbidden .main header, .legal_forbidden .main header, .not_found .main header {
+  opacity: 1;
+  -webkit-transition: all .5s;
+  transition: all .5s;
+  -webkit-transform: none;
+  transform: none
+}
+
+.constraint .main header h1, .expired .main header h1, .forbidden .main header h1, .legal_forbidden .main header h1, .not_found .main header h1 {
+  color: #505556;
+  font-weight: 400;
+  font-size: 28px
+}
+
+.constraint .main header h3, .expired .main header h3, .forbidden .main header h3, .legal_forbidden .main header h3, .not_found .main header h3 {
+  font-size: 18px;
+  cursor: default
+}
+
+.constraint .main header h3 label, .expired .main header h3 label, .forbidden .main header h3 label, .legal_forbidden .main header h3 label, .not_found .main header h3 label {
+  cursor: default
+}
+
+.constraint .main header p, .expired .main header p, .forbidden .main header p, .legal_forbidden .main header p, .not_found .main header p {
+  font-size: 16px;
+  line-height: 24px
+}
+
+
+.constraint .pattern img, .expired .pattern img, .forbidden .pattern img, .legal_forbidden .pattern img, .not_found .pattern img {
+  -webkit-filter: grayscale(1)
+}
+
+@media screen and (max-width: 480px) {
+  .constraint .cell-container, .forbidden .cell-container, .legal_forbidden .cell-container, .not_found .cell-container {
+    vertical-align: top
+  }
+}
+
+
+.combo .main {
+  min-width: 960px;
+  max-width: 100%
+}
+
+.data_error .icon, .error .icon, .forbidden .icon, .passwd .icon {
+  margin-bottom: 40px;
+  width: 120px;
+  height: 120px;
+  border-radius: 22.7px
+}
+
+@media screen and (min-height: 520px) {
+  .data_error form, .error form, .forbidden form, .passwd form {
+    margin-bottom: 100px
+  }
+}
+
+.data_error .main, .error .main, .forbidden .main, .passwd .main {
+  height: 100%
+}
+
+.data_error .main table, .error .main table, .forbidden .main table, .passwd .main table {
+  width: 100%;
+  height: 100%;
+  vertical-align: middle
+}
+
+.data_error .app-brief h1, .error .app-brief h1, .forbidden .app-brief h1, .passwd .app-brief h1 {
+  text-transform: uppercase
+}
+
+
+.data_error .no-release-tips a, .error .no-release-tips a, .forbidden .no-release-tips a, .passwd .no-release-tips a {
+  text-decoration: underline;
+  color: #9b9b9b
+}
+
+
+.main .icon-container {
+  position: relative;
+  margin: 0 auto;
+  width: 290px;
+  height: 290px
+}
+
+.main .icon-container .bg-path {
+  position: absolute;
+  top: 4px;
+  left: 4px;
+  z-index: 1;
+  color: #eff2f2;
+  font-size: 290px
+}
+
+.main .icon-container span {
+  position: absolute;
+  z-index: 2;
+  display: block
+}
+
+.main .icon-container .icon {
+  top: 0;
+  left: 0;
+  padding: 10px;
+  width: 140px;
+  height: 140px;
+  border-radius: 17.54%;
+  background-color: #fff
+}
+
+.main .icon-container .icon img {
+  max-width: 100%;
+  width: 120px;
+  height: 120px;
+  border-radius: 17.54%
+}
+
+.main .icon-container .qrcode {
+  right: 0;
+  bottom: 0;
+  width: 140px;
+  height: 140px;
+  border: 20px solid transparent;
+  border-radius: 26px
+}
+
+.main .icon-container .qrcode img {
+  width: 100px;
+  height: 100px
+}
+
+.main > header {
+  display: block;
+  min-height: 600px;
+  max-height: 800px;
+  height: 100%
+}
+
+.main > header.ad-app {
+  height: auto
+}
+
+.main > header .wrapper {
+  margin-right: auto;
+  margin-left: auto;
+  width: 290px
+}
+
+.main > header .app-brief {
+  -webkit-transition: all .5s;
+  transition: all .5s
+}
+
+.main > header .name, .main > header body.passwd .name {
+  position: relative;
+  margin: 20px auto;
+  width: 290px;
+  color: #505556;
+  text-align: left;
+  font-weight: 400;
+  font-size: 28px
+}
+
+.main > header .name i, .main > header body.passwd .name i {
+  position: absolute;
+  right: 100%;
+  top: 10px;
+  margin-right: 10px;
+  font-size: 26px
+}
+
+.main > header .name span, .main > header body.passwd .name span {
+  display: inline-block;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  word-wrap: normal;
+  line-height: 1.6
+}
+
+
+.main > header .scan-tips {
+  margin: 0 auto;
+  width: 290px;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 22px
+}
+
+.main > header .release-info {
+  position: relative;
+  margin-top: 30px;
+  margin-bottom: 30px;
+  padding-top: 30px
+}
+
+.main > header .release-info p {
+  margin-bottom: 4px
+}
+
+.main > header .release-info:before {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  display: block;
+  margin-left: -30%;
+  width: 60%;
+  border-top: 1px solid #dae2e3;
+  content: ' '
+}
+
+.main > header .actions {
+  margin: 30px auto 0;
+  max-width: 290px
+}
+
+.main > header .actions p {
+  line-height: 1.5;
+  padding: 12px;
+  color: #3AB2A7;
+  font-weight: 500;
+  font-size: 16px
+}
+
+.main > header .actions button {
+  display: inline-block;
+  padding: 12px 46px;
+  min-width: 200px;
+  border: 1px solid #32b2a7;
+  border-radius: 40px;
+  font-size: 14px;
+  background: #32b2a7;
+  color: #fff
+}
+
+.main > header .actions input {
+  display: inline-block;
+  padding: 12px 46px;
+  width: 166px;
+  border: 1px solid #32b2a7;
+  border-radius: 40px;
+  font-size: 14px;
+}
+
+.main > header .actions button a {
+  color: #fff
+}
+
+.main > header .actions a {
+  color: #868c8e;
+  font-size: 14px;
+  display: block
+}
+
+.main > header .type-ios {
+  display: none
+}
+
+@media only screen and (max-width: 768px) {
+  .main > header {
+    max-height: 100%;
+    height: 100%;
+    min-height: 400px
+  }
+
+  .main > header.ad-app {
+    min-height: 700px
+  }
+
+  .main > header .type-ios {
+    display: block
+  }
+}
+
+
+@media screen and (max-width: 768px) {
+  .main > header {
+    min-height: 400px
+  }
+
+  .main > header .release-info {
+    display: block
+  }
+
+  .main > header .name {
+    text-align: center;
+    font-size: 24px
+  }
+
+  .main > header .name .icon-warp {
+    position: static;
+    display: inline-block;
+    margin-left: -48px;
+    max-width: 76%
+  }
+
+  .main > header .name .tip {
+    margin-top: 5px
+  }
+
+  .main > header .name i {
+    position: static
+  }
+
+  .main > header .scan-tips {
+    display: none
+  }
+
+  .dialog {
+    height: 100%;
+    margin: 0;
+    left: 0;
+    top: 60px;
+    bottom: 0;
+    border-radius: 0;
+    padding-top: 30px;
+    overflow-y: auto;
+    transform: translate(0, 0)
+  }
+
+  .dialog.animate {
+    transition: left .5s
+  }
+}
+
+
+.footer, .per-type-info .info {
+  text-align: center
+}
+
+
+.section {
+  position: relative;
+  z-index: 2;
+  padding: 50px 0;
+  border-top: 1px solid #dae2e3
+}
+
+@media screen and (max-width: 768px) {
+  .section {
+    padding: 50px 20px
+  }
+}
+
+.section h2 {
+  margin: 0 0 40px;
+  color: #505556;
+  font-weight: 400
+}
+
+
+.per-type-info {
+  position: relative;
+  overflow: hidden;
+  padding-top: 0;
+  border-top: 1px solid #dae2e3
+}
+
+.per-type-info .type {
+  float: left;
+  width: 50%
+}
+
+.per-type-info .type-icon {
+  margin-bottom: 0
+}
+
+.per-type-info .info {
+  padding-top: 50px;
+  font-size: 12px
+}
+
+.per-type-info .info .version {
+  margin-bottom: 20px
+}
+
+.per-type-info .info .type-icon {
+  margin-bottom: 40px
+}
+
+.per-type-info .info i {
+  margin-bottom: 0;
+  color: #505556;
+  font-size: 48px
+}
+
+.per-type-info .info .store-link-wrapper a {
+  width: 200px
+}
+
+.per-type-info .info .store-link-wrapper a i {
+  font-size: 29px
+}
+
+.per-type-info:before {
+  position: absolute;
+  left: 50%;
+  width: 1px;
+  height: 100%;
+  background-color: #dae2e3;
+  content: ' '
+}
+
+.desc-section pre {
+  white-space: pre-wrap;
+  line-height: 22px
+}
+
+.section-store-link a {
+  display: inline-block;
+  border: 1px solid #505556;
+  border-radius: 5px;
+  text-decoration: none
+}
+
+.section-store-link a i {
+  display: block;
+  padding: 14px 40px;
+  color: #505556;
+  font-size: 33px
+}
+
+.screenshots-section {
+  border-bottom: 0
+}
+
+.screenshots-section .list-wrapper {
+  overflow-x: scroll;
+  max-width: 100%
+}
+
+.screenshots-section ul {
+  display: block;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  white-space: nowrap
+}
+
+.screenshots-section ul li {
+  display: inline-block;
+  padding-right: 20px;
+  vertical-align: middle
+}
+
+.screenshots-section ul li img {
+  max-height: 462px
+}
+
+
+@-webkit-keyframes rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0)
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg)
+  }
+}
+
+@keyframes rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0)
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg)
+  }
+}
+
+#actions {
+  display: none
+}
+
+#actions button {
+  -webkit-transition: all .25s;
+  transition: all .25s
+}
+
+#actions button.loading {
+  -webkit-animation: rotate .6s linear infinite;
+  animation: rotate .6s linear infinite;
+  background: 0
+}
+
+@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
+  #actions {
+    display: block
+  }
+}
+
+@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
+  #actions {
+    display: block
+  }
+}
+
+@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
+  #actions {
+    display: block
+  }
+}
+
+@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
+  #actions {
+    display: block
+  }
+}
+
+@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
+  #actions {
+    display: block
+  }
+}
+
+@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
+  #actions {
+    display: block
+  }
+}
+
+#actions.type-android {
+  display: block
+}
+
+body.hidden-overflow {
+  overflow: hidden
+}
+
+.main header .app-brief .icon-container .qrcode {
+  background-color: #eff2f2;
+  -webkit-transition: all .25s;
+  transition: all .25s
+}
+
+.main header .app-brief .name .icon-warp {
+  vertical-align: bottom
+}
+
+
+.app_bottom_fixed img {
+  width: 100%;
+  max-height: 80px
+}
+
+@media screen and (max-width: 768px) {
+  .combo .main, .main {
+    width: 100%;
+    min-width: 100%
+  }
+
+  .data_error form, .error form, .forbidden form, .passwd form {
+    margin-bottom: 30px
+  }
+
+  .main .app-brief {
+    text-align: center
+  }
+
+  .main .app-brief button {
+    display: inline-block
+  }
+
+  .main .app-brief .bg-path, .main .app-brief .qrcode {
+    display: none
+  }
+
+  .main .icon-container {
+    width: 100%;
+    height: auto;
+    text-align: center
+  }
+
+  .main .icon-container .icon {
+    position: static;
+    display: inline-block
+  }
+
+
+}
+
+@media screen and (min-width: 1024px) {
+  .main header .app-brief .icon-container:hover .qrcode {
+    -webkit-transform: scale(1.6);
+    transform: scale(1.6);
+    box-shadow: 0 1px 5px rgba(0, 0, 0, .3)
+  }
+}
+
+.signhelp {
+  position: absolute;
+  width: 90%;
+  max-width: 300px;
+  max-height: 400px;
+  z-index: 9999;
+  display: none;
+  background-color: white;
+  /* 这里要注意绝对定位的盒子怎么在屏幕显示居中 */
+  left: 50%;
+  margin-left: -150px;
+  margin-top: 10%;
+  border: 1px solid gray;
+}
+
+.signhelp ul li img {
+  width: 300px;
+  height: 222px;
+}
+
+.signhelp ul li p {
+  text-align: center;
+  font-size: 14px;
+  color: #0491f7;
+  margin: 10px 10px;
+  white-space: pre-line;
+}
+
+
+/* 遮盖层 */
+.bg {
+  background-color: #000;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  position: fixed;
+  opacity: 0.3;
+  -webkit-opacity: 0.3;
+  -moz-opacity: 0.3;
+  display: none;
+}
+
+/* 登陆框标题 */
+.signhelp-title {
+  width: 100%;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  margin-bottom: 20px;
+  cursor: move;
+}
+
+.signhelp-title span a {
+  text-decoration: none;
+  border: 1px solid gray;
+  font-size: 12px;
+  color: black;
+  border-radius: 20px;
+  width: 40px;
+  height: 40px;
+  background-color: #fff;
+  position: absolute;
+  top: -20px;
+  right: -20px;
+}
+
+.signhelp-title .closead {
+  top: 38px;
+  right: -6px;
+}
 </style>
diff --git a/fir_client/src/components/apps/FirAppInfosBase.vue b/fir_client/src/components/apps/FirAppInfosBase.vue
index 579d880..c2f54e5 100644
--- a/fir_client/src/components/apps/FirAppInfosBase.vue
+++ b/fir_client/src/components/apps/FirAppInfosBase.vue
@@ -1,406 +1,406 @@
 <template>
-    <div class="main">
-        <div class="page-app app-info">
-            <div class="banner">
-                <div class="middle-wrapper">
-                    <div @click="defaulttimeline">
-                        <img ref="icon_url" :src="icon_url" class="appicon" style="width:100px; height:100px" alt="">
-                    </div>
-                    <div class="badges">
-                        <el-tooltip content="复制到剪切板" placement="top">
-                             <span class="bundleid short"
-                                   v-clipboard:copy="short_full_url"
+  <div class="main">
+    <div class="page-app app-info">
+      <div class="banner">
+        <div class="middle-wrapper">
+          <div @click="defaulttimeline">
+            <img ref="icon_url" :src="icon_url" alt="" class="appicon" style="width:100px; height:100px">
+          </div>
+          <div class="badges">
+            <el-tooltip content="复制到剪切板" placement="top">
+                             <span v-clipboard:copy="short_full_url"
                                    v-clipboard:success="copy_success"
-                             >&nbsp;{{short_full_url }}</span>
-                        </el-tooltip>
-                        <span>{{ master_release.release_type |getapptype }}</span>
-                        <el-tooltip content="下载量" placement="top">
-                            <span><i class="el-icon-cloudy"/><b class="short">{{ appinfos.count_hits }}</b></span>
-                        </el-tooltip>
-                        <span class="bundleid ng-binding">BundleID<b class="ng-binding">
+                                   class="bundleid short"
+                             >&nbsp;{{ short_full_url }}</span>
+            </el-tooltip>
+            <span>{{ master_release.release_type |getapptype }}</span>
+            <el-tooltip content="下载量" placement="top">
+              <span><i class="el-icon-cloudy"/><b class="short">{{ appinfos.count_hits }}</b></span>
+            </el-tooltip>
+            <span class="bundleid ng-binding">BundleID<b class="ng-binding">
                           <el-tooltip content="复制到剪切板" placement="top">
-                             <span class="bundleid short"
-                                   v-clipboard:copy="appinfos.bundle_id"
+                             <span v-clipboard:copy="appinfos.bundle_id"
                                    v-clipboard:success="copy_success"
-                             >&nbsp;{{appinfos.bundle_id }}</span>
+                                   class="bundleid short"
+                             >&nbsp;{{ appinfos.bundle_id }}</span>
                         </el-tooltip>
                         </b></span>
-                        <span class="version ng-scope">{{ master_release.minimum_os_version }}&nbsp; 或者高版本</span>
-                        <span class="short ng-scope" v-if="appinfos.issupersign">超级签</span>
-
-                        <el-popover
-                                v-if="$store.state.userinfo&&$store.state.userinfo.role >1 &&$store.state.userinfo.qrcode_domain_name.length>3 "
-                                placement="right"
-                                width="288">
-                            <div style="text-align: center; margin: 0">
-                                <vue-qr :margin="qrinfo.margin"
-                                        :logoSrc="icon_url" :logoScale="qrinfo.logoScale"
-                                        :logoCornerRadius="qrinfo.logoCornerRadius"
-                                        :correctLevel="qrinfo.correctLevel"
-                                        :text="short_url()" :size="266"
-                                        ref="qr">
-                                </vue-qr>
-                                <el-button type="primary" size="small" @click="save_qr()">保存本地</el-button>
-                            </div>
-
-                            <span class="short ng-scope" slot="reference">下载码</span>
-                        </el-popover>
-
-
-                    </div>
-                    <div class="actions">
-                        <el-button v-if="appinfos.status!==1" type="danger">该应用被封禁,请联系管理员</el-button>
-                        <el-button v-else @click="appDownload" class="download" icon="el-icon-view">
-                            预览
-                        </el-button>
-                    </div>
-
-                    <div class="tabs-container">
-                        <el-row :gutter="1">
-                            <el-col :span="3">
-                                <a class="" ref="baseinfo" @click="baseinfo"><i class="el-icon-document"/>基本信息</a>
-                            </el-col>
-
-                            <el-col :span="3">
-                                <a class="" ref="security" @click="security"><i class="el-icon-set-up"/>应用管理</a>
-                            </el-col>
-
-                            <el-col :span="3">
-                                <a class="" ref="combo" @click="combo"><i class="el-icon-copy-document"
-                                                                          style="transform:rotateX(180deg);"/>应用合并</a>
-                            </el-col>
-
-                            <el-col :span="3"
-                                    v-if="appinfos.type===1  || appinfos.issupersign ">
-                                <a class="" ref="supersign" @click="supersign"><i
-                                        class="el-icon-ship"/>超级签名</a>
-                            </el-col>
-
-                            <el-col :span="3"
-                                    v-if="(appinfos.type===1 && master_release.release_type ===1) || appinfos.issupersign ">
-                                <a class="" ref="devices" @click="devices"><i class="el-icon-mobile-phone"/>设备列表</a>
-                            </el-col>
-
-                        </el-row>
-                    </div>
-                </div>
-            </div>
-
-            <div>
-                <div class="block" style="margin-top: -46px;color: #d5f9f9">
-                    <el-slider
-                            v-model="$store.state.appInfoIndex[0]"
-                            range
-                            :show-tooltip="false"
-                            :max="100">
-                    </el-slider>
-                </div>
-                <el-container style="padding-top: 20px;max-width: 96%">
-                    <router-view/>
-                </el-container>
-            </div>
+            <span class="version ng-scope">{{ master_release.minimum_os_version }}&nbsp; 或者高版本</span>
+            <span v-if="appinfos.issupersign" class="short ng-scope">超级签</span>
+
+            <el-popover
+                v-if="$store.state.userinfo&&$store.state.userinfo.role >1 &&$store.state.userinfo.qrcode_domain_name.length>3 "
+                placement="right"
+                width="288">
+              <div style="text-align: center; margin: 0">
+                <vue-qr ref="qr"
+                        :correctLevel="qrinfo.correctLevel" :logoCornerRadius="qrinfo.logoCornerRadius"
+                        :logoScale="qrinfo.logoScale"
+                        :logoSrc="icon_url"
+                        :margin="qrinfo.margin" :size="266"
+                        :text="short_url()">
+                </vue-qr>
+                <el-button size="small" type="primary" @click="save_qr()">保存本地</el-button>
+              </div>
+
+              <span slot="reference" class="short ng-scope">下载码</span>
+            </el-popover>
+
+
+          </div>
+          <div class="actions">
+            <el-button v-if="appinfos.status!==1" type="danger">该应用被封禁,请联系管理员</el-button>
+            <el-button v-else class="download" icon="el-icon-view" @click="appDownload">
+              预览
+            </el-button>
+          </div>
+
+          <div class="tabs-container">
+            <el-row :gutter="1">
+              <el-col :span="3">
+                <a ref="baseinfo" class="" @click="baseinfo"><i class="el-icon-document"/>基本信息</a>
+              </el-col>
+
+              <el-col :span="3">
+                <a ref="security" class="" @click="security"><i class="el-icon-set-up"/>应用管理</a>
+              </el-col>
+
+              <el-col :span="3">
+                <a ref="combo" class="" @click="combo"><i class="el-icon-copy-document"
+                                                          style="transform:rotateX(180deg);"/>应用合并</a>
+              </el-col>
+
+              <el-col v-if="appinfos.type===1  || appinfos.issupersign "
+                      :span="3">
+                <a ref="supersign" class="" @click="supersign"><i
+                    class="el-icon-ship"/>超级签名</a>
+              </el-col>
+
+              <el-col v-if="(appinfos.type===1 && master_release.release_type ===1) || appinfos.issupersign "
+                      :span="3">
+                <a ref="devices" class="" @click="devices"><i class="el-icon-mobile-phone"/>设备列表</a>
+              </el-col>
+
+            </el-row>
+          </div>
         </div>
+      </div>
+
+      <div>
+        <div class="block" style="margin-top: -46px;color: #d5f9f9">
+          <el-slider
+              v-model="$store.state.appInfoIndex[0]"
+              :max="100"
+              :show-tooltip="false"
+              range>
+          </el-slider>
+        </div>
+        <el-container style="padding-top: 20px;max-width: 96%">
+          <router-view/>
+        </el-container>
+      </div>
     </div>
+  </div>
 
 </template>
 
 <script>
-    import {apputils} from "@/restful";
-    import VueQr from 'vue-qr';
-    import {getUserInfoFun} from "@/utils";
-
-    export default {
-        name: "FirAppInfosBase",
-        components: {
-            VueQr
-        },
-        data() {
-            return {
-                qrinfo: {
-                    logoScale: 0.3,
-                    logoCornerRadius: 12,
-                    correctLevel: 3,
-                    margin: 20
-                },
-                icon_url: "",
-                appinfos: {status: 1},
-                master_release: {},
-                allapp: [],
-                activity: {
-                    editing: false
-                },
-                short_full_url: '',
-            }
-        },
-        methods: {
-            copy_success() {
-                this.$message.success('复制剪切板成功');
-            },
-            save_qr() {
-                let dtype = "I";
-                if (this.master_release.release_type === 0) {
-                    dtype = "A";
-                }
-                let a = document.createElement('a');
-                // 下载图名字
-                a.download = this.appinfos.name + '_' + dtype + "_下载码";
-                //url
-                a.href = this.$refs.qr.$el.src;
-                //合成函数，执行下载
-                a.dispatchEvent(new MouseEvent('click'))
-            },
-            short_url() {
-                const userinfo = this.$store.state.userinfo;
-                if (userinfo && userinfo.role > 1 && userinfo.qrcode_domain_name.length > 3) {
-                    return 'http://' + userinfo.qrcode_domain_name + '/' + this.appinfos.short;
-                }
-            },
-            setfunactive(item, index) {
-                for (let key in this.$refs) {
-                    if (key === "qr") continue;
-                    if (key === item) {
-                        if (this.$refs[key]) {
-                            this.$refs[key].classList.add('active');
-                            this.$store.dispatch('doappInfoIndex', [[index, index], [index, index]]);
-                        }
-                    } else {
-                        if (this.$refs[key]) {
-                            this.$refs[key].classList.remove('active');
-                        }
-                    }
-                }
-            },
-            appDownload() {
-                let routeData = this.$router.resolve({name: 'FirDownload', params: {short: this.appinfos.short}});
-                // window.open(routeData.href, '_blank');
-                let p_url = routeData.href;
-                // let p_url = location.origin + '/' + this.appinfos.short;
-                if (this.appinfos.preview_url && this.appinfos.preview_url.length > 6) {
-                    p_url = this.appinfos.preview_url + p_url
-                }
-                window.open(p_url, '_blank', '');
-            },
-            defaulttimeline() {
-                this.setfunactive('timeline', 5);
-                this.$router.push({name: 'FirAppInfostimeline'});
-            },
-            baseinfo() {
-                this.setfunactive('baseinfo', 18);
-                this.$router.push({name: 'FirAppInfosbaseinfo'});
-            },
-            security() {
-                this.setfunactive('security', 31);
-                this.$router.push({name: 'FirAppInfossecurity'});
-
-            },
-            combo() {
-                this.setfunactive('combo', 44);
-                this.$router.push({name: 'FirAppInfoscombo'});
-            },
-            devices() {
-                this.setfunactive('devices', 70);
-                this.$router.push({name: 'FirAppInfosdevices'});
-            },
-            supersign() {
-                this.setfunactive('supersign', 57);
-                this.$router.push({name: 'FirAppInfossupersign'});
-            },
-            set_icon_url() {
-                this.icon_url = this.$store.state.currentapp.master_release.icon_url;
-            },
-        }, created() {
-
-        }, filters: {
-            getapptype: function (type) {
-                let ftype = '';
-                if (type === 0) {
-                    ftype = 'Android'
-                } else {
-                    ftype = 'iOS'
-                }
-                return ftype
-            },
-        },
-        computed: {}, mounted() {
-            getUserInfoFun(this);
-            apputils(data => {
-                if (data.code === 1000) {
-                    this.appinfos = data.data;
-                    this.master_release = data.data.master_release;
-                    this.appinfos["icon_url"] = this.master_release.icon_url;
-                    this.$store.dispatch('doucurrentapp', this.appinfos);
-                    this.short_full_url = this.appinfos.preview_url + "/" + this.appinfos.short;
-                } else if (data.code === 1003) {
-                    this.$router.push({name: 'FirApps'});
-                } else {
-                    // eslint-disable-next-line no-console
-                    console.log("Error");
-                }
-            }, {
-                "methods": "GET",
-                "app_id": this.$route.params.id
-            });
-            if (this.$store.state.currentapp.master_release) {
-                this.set_icon_url()
-            }
-        }, watch: {
-            '$store.state.currentapp.master_release.icon_url': function () {
-                this.set_icon_url()
-            },
-            '$store.state.currentapp': function () {
-                this.appinfos = this.$store.state.currentapp;
-            },
-        }, destroyed() {
-            this.$store.dispatch('doucurrentapp', {});
+import {apputils} from "@/restful";
+import VueQr from 'vue-qr';
+import {getUserInfoFun} from "@/utils";
+
+export default {
+  name: "FirAppInfosBase",
+  components: {
+    VueQr
+  },
+  data() {
+    return {
+      qrinfo: {
+        logoScale: 0.3,
+        logoCornerRadius: 12,
+        correctLevel: 3,
+        margin: 20
+      },
+      icon_url: "",
+      appinfos: {status: 1},
+      master_release: {},
+      allapp: [],
+      activity: {
+        editing: false
+      },
+      short_full_url: '',
+    }
+  },
+  methods: {
+    copy_success() {
+      this.$message.success('复制剪切板成功');
+    },
+    save_qr() {
+      let dtype = "I";
+      if (this.master_release.release_type === 0) {
+        dtype = "A";
+      }
+      let a = document.createElement('a');
+      // 下载图名字
+      a.download = this.appinfos.name + '_' + dtype + "_下载码";
+      //url
+      a.href = this.$refs.qr.$el.src;
+      //合成函数，执行下载
+      a.dispatchEvent(new MouseEvent('click'))
+    },
+    short_url() {
+      const userinfo = this.$store.state.userinfo;
+      if (userinfo && userinfo.role > 1 && userinfo.qrcode_domain_name.length > 3) {
+        return 'http://' + userinfo.qrcode_domain_name + '/' + this.appinfos.short;
+      }
+    },
+    setfunactive(item, index) {
+      for (let key in this.$refs) {
+        if (key === "qr") continue;
+        if (key === item) {
+          if (this.$refs[key]) {
+            this.$refs[key].classList.add('active');
+            this.$store.dispatch('doappInfoIndex', [[index, index], [index, index]]);
+          }
+        } else {
+          if (this.$refs[key]) {
+            this.$refs[key].classList.remove('active');
+          }
         }
-
+      }
+    },
+    appDownload() {
+      let routeData = this.$router.resolve({name: 'FirDownload', params: {short: this.appinfos.short}});
+      // window.open(routeData.href, '_blank');
+      let p_url = routeData.href;
+      // let p_url = location.origin + '/' + this.appinfos.short;
+      if (this.appinfos.preview_url && this.appinfos.preview_url.length > 6) {
+        p_url = this.appinfos.preview_url + p_url
+      }
+      window.open(p_url, '_blank', '');
+    },
+    defaulttimeline() {
+      this.setfunactive('timeline', 5);
+      this.$router.push({name: 'FirAppInfostimeline'});
+    },
+    baseinfo() {
+      this.setfunactive('baseinfo', 18);
+      this.$router.push({name: 'FirAppInfosbaseinfo'});
+    },
+    security() {
+      this.setfunactive('security', 31);
+      this.$router.push({name: 'FirAppInfossecurity'});
+
+    },
+    combo() {
+      this.setfunactive('combo', 44);
+      this.$router.push({name: 'FirAppInfoscombo'});
+    },
+    devices() {
+      this.setfunactive('devices', 70);
+      this.$router.push({name: 'FirAppInfosdevices'});
+    },
+    supersign() {
+      this.setfunactive('supersign', 57);
+      this.$router.push({name: 'FirAppInfossupersign'});
+    },
+    set_icon_url() {
+      this.icon_url = this.$store.state.currentapp.master_release.icon_url;
+    },
+  }, created() {
+
+  }, filters: {
+    getapptype: function (type) {
+      let ftype = '';
+      if (type === 0) {
+        ftype = 'Android'
+      } else {
+        ftype = 'iOS'
+      }
+      return ftype
+    },
+  },
+  computed: {}, mounted() {
+    getUserInfoFun(this);
+    apputils(data => {
+      if (data.code === 1000) {
+        this.appinfos = data.data;
+        this.master_release = data.data.master_release;
+        this.appinfos["icon_url"] = this.master_release.icon_url;
+        this.$store.dispatch('doucurrentapp', this.appinfos);
+        this.short_full_url = this.appinfos.preview_url + "/" + this.appinfos.short;
+      } else if (data.code === 1003) {
+        this.$router.push({name: 'FirApps'});
+      } else {
+        // eslint-disable-next-line no-console
+        console.log("Error");
+      }
+    }, {
+      "methods": "GET",
+      "app_id": this.$route.params.id
+    });
+    if (this.$store.state.currentapp.master_release) {
+      this.set_icon_url()
     }
+  }, watch: {
+    '$store.state.currentapp.master_release.icon_url': function () {
+      this.set_icon_url()
+    },
+    '$store.state.currentapp': function () {
+      this.appinfos = this.$store.state.currentapp;
+    },
+  }, destroyed() {
+    this.$store.dispatch('doucurrentapp', {});
+  }
+
+}
 </script>
 
 <style scoped>
-    .main {
-        margin: 40px auto 100px;
-        position: relative;
-        padding-bottom: 1px;
-        color: #9b9b9b;
-        -webkit-font-smoothing: antialiased;
-        border-radius: 1%;
-    }
-
-    .appicon {
-        overflow: hidden;
-        margin-left: 10px;
-        border-radius: 17.544%;
-    }
-
-    .page-app {
-        padding-bottom: 0;
-        width: 1166px;
-        margin: 10px auto 100px;
-    }
-
-    .page-app .banner {
-        padding-top: 60px;
-        padding-bottom: 40px;
-        border-bottom: 1px solid rgba(208, 208, 208, .5);
-        background-color: #ffffff;
-        border-radius: 10px;
-    }
-
-    .page-app .banner .actions {
-        position: absolute;
-        right: 0;
-        top: 0;
-    }
-
-    .page-app .banner .actions .download {
-        display: block;
-        min-width: 150px;
-        padding: 10px 20px;
-        border-radius: 5px;
-        font-size: 14px;
-        margin: 0 12px 12px 12px
-    }
-
-
-    .page-app .banner .actions .download {
-        text-align: center;
-        text-decoration: none;
-        color: #3ab2a7;
-        border: 1px solid;
-        background-color: transparent
-    }
-
-
-    .page-app .banner .middle-wrapper {
-        position: relative
-    }
-
-
-    .page-app .badges {
-        margin-left: 160px;
-        font-size: 12px;
-        line-height: initial;
-        position: relative;
-        margin-top: -100px;
-    }
-
-    .page-app .badges > span {
-        position: relative;
-        display: inline-block;
-        margin-right: 8px;
-        padding: 4px 8px;
-        border: 1px solid;
-        border-radius: 5px
-    }
-
-
-    .page-app .badges .short {
-        color: #6f6ef8
-    }
-
-    .page-app .badges .short:hover {
-        cursor: pointer;
-    }
-
-    .page-app .badges b {
-        display: inline-block;
-        padding-left: 12px;
-        height: 100%;
-        font-weight: 400
-    }
-
-    .page-app .badges b:before {
-        position: absolute;
-        top: 0;
-        width: 0;
-        height: 100%;
-        border-left: 1px solid;
-        content: ' ';
-        margin-left: -6px
-    }
-
-    .page-app .tabs-container {
-        margin-top: 40px;
-        margin-left: 160px
-    }
-
-    .page-app .tabs-container .el-row {
-        margin: 10px auto;
-    }
-
-    .page-app .tabs-container .el-row .el-col {
-        margin-right: 30px;
-        border-left: 1px solid;
-    }
-
-    .page-app .tabs-container .el-row .el-col a {
-        display: block;
-        padding-left: 15px;
-        color: #599b1a;
-        text-decoration: none;
-        -webkit-transition: all .5s;
-        transition: all .5s
-    }
-
-    .page-app .tabs-container .el-row .el-col a > i {
-        display: block;
-        margin-bottom: 14px;
-        height: 22px;
-        font-size: 22px
-    }
-
-    .page-app .tabs-container .el-row .el-col a.active {
-        color: #4a4a4a
-    }
-
-    .page-app .tabs-container .el-row .el-col:nth-child(6) {
-        display: none
-    }
-
-    .page-app .has-devices .tabs-container .el-row .el-col:nth-child(6) {
-        display: inline-block
-    }
+.main {
+  margin: 40px auto 100px;
+  position: relative;
+  padding-bottom: 1px;
+  color: #9b9b9b;
+  -webkit-font-smoothing: antialiased;
+  border-radius: 1%;
+}
+
+.appicon {
+  overflow: hidden;
+  margin-left: 10px;
+  border-radius: 17.544%;
+}
+
+.page-app {
+  padding-bottom: 0;
+  width: 1166px;
+  margin: 10px auto 100px;
+}
+
+.page-app .banner {
+  padding-top: 60px;
+  padding-bottom: 40px;
+  border-bottom: 1px solid rgba(208, 208, 208, .5);
+  background-color: #ffffff;
+  border-radius: 10px;
+}
+
+.page-app .banner .actions {
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+
+.page-app .banner .actions .download {
+  display: block;
+  min-width: 150px;
+  padding: 10px 20px;
+  border-radius: 5px;
+  font-size: 14px;
+  margin: 0 12px 12px 12px
+}
+
+
+.page-app .banner .actions .download {
+  text-align: center;
+  text-decoration: none;
+  color: #3ab2a7;
+  border: 1px solid;
+  background-color: transparent
+}
+
+
+.page-app .banner .middle-wrapper {
+  position: relative
+}
+
+
+.page-app .badges {
+  margin-left: 160px;
+  font-size: 12px;
+  line-height: initial;
+  position: relative;
+  margin-top: -100px;
+}
+
+.page-app .badges > span {
+  position: relative;
+  display: inline-block;
+  margin-right: 8px;
+  padding: 4px 8px;
+  border: 1px solid;
+  border-radius: 5px
+}
+
+
+.page-app .badges .short {
+  color: #6f6ef8
+}
+
+.page-app .badges .short:hover {
+  cursor: pointer;
+}
+
+.page-app .badges b {
+  display: inline-block;
+  padding-left: 12px;
+  height: 100%;
+  font-weight: 400
+}
+
+.page-app .badges b:before {
+  position: absolute;
+  top: 0;
+  width: 0;
+  height: 100%;
+  border-left: 1px solid;
+  content: ' ';
+  margin-left: -6px
+}
+
+.page-app .tabs-container {
+  margin-top: 40px;
+  margin-left: 160px
+}
+
+.page-app .tabs-container .el-row {
+  margin: 10px auto;
+}
+
+.page-app .tabs-container .el-row .el-col {
+  margin-right: 30px;
+  border-left: 1px solid;
+}
+
+.page-app .tabs-container .el-row .el-col a {
+  display: block;
+  padding-left: 15px;
+  color: #599b1a;
+  text-decoration: none;
+  -webkit-transition: all .5s;
+  transition: all .5s
+}
+
+.page-app .tabs-container .el-row .el-col a > i {
+  display: block;
+  margin-bottom: 14px;
+  height: 22px;
+  font-size: 22px
+}
+
+.page-app .tabs-container .el-row .el-col a.active {
+  color: #4a4a4a
+}
+
+.page-app .tabs-container .el-row .el-col:nth-child(6) {
+  display: none
+}
+
+.page-app .has-devices .tabs-container .el-row .el-col:nth-child(6) {
+  display: inline-block
+}
 
 
 </style>
diff --git a/fir_client/src/components/apps/FirAppInfosbaseinfo.vue b/fir_client/src/components/apps/FirAppInfosbaseinfo.vue
index fd906f5..563c4f3 100644
--- a/fir_client/src/components/apps/FirAppInfosbaseinfo.vue
+++ b/fir_client/src/components/apps/FirAppInfosbaseinfo.vue
@@ -1,293 +1,293 @@
 <template>
-    <div style="margin-top: 20px;width: 100%;margin-left: 8%">
-        <el-form ref="form" label-width="80px">
-            <el-form-item label="应用ID" style="width: 56%">
-                <el-row>
-                    <el-col :span="19">
-                        <el-input v-model="currentapp.app_id" :disabled="true"/>
-                    </el-col>
-                    <el-col :span="4">
-                        <el-button type="danger" plain @click="delApp"
-                                   style="margin:0 8px;border-radius:4px;cursor:pointer;height: 40px">删除应用
-                        </el-button>
-                    </el-col>
-                </el-row>
+  <div style="margin-top: 20px;width: 100%;margin-left: 8%">
+    <el-form ref="form" label-width="80px">
+      <el-form-item label="应用ID" style="width: 56%">
+        <el-row>
+          <el-col :span="19">
+            <el-input v-model="currentapp.app_id" :disabled="true"/>
+          </el-col>
+          <el-col :span="4">
+            <el-button plain style="margin:0 8px;border-radius:4px;cursor:pointer;height: 40px" type="danger"
+                       @click="delApp">删除应用
+            </el-button>
+          </el-col>
+        </el-row>
 
-            </el-form-item>
+      </el-form-item>
 
-            <el-form-item label="应用名称" style="width: 56%">
-                <el-input v-model="currentapp.name"/>
-            </el-form-item>
+      <el-form-item label="应用名称" style="width: 56%">
+        <el-input v-model="currentapp.name"/>
+      </el-form-item>
 
-            <el-form-item label="短链接" style="width: 56%">
-                <el-input v-model="currentapp.short" maxlength="16" show-word-limit type="text">
-                    <template slot="prepend">{{ currentapp.preview_url }}/</template>
-                </el-input>
-            </el-form-item>
+      <el-form-item label="短链接" style="width: 56%">
+        <el-input v-model="currentapp.short" maxlength="16" show-word-limit type="text">
+          <template slot="prepend">{{ currentapp.preview_url }}/</template>
+        </el-input>
+      </el-form-item>
 
-            <el-form-item label="应用图标" style="width: 56%">
-                <el-upload
-                        class="avatar-uploader"
-                        action="#"
-                        :show-file-list="false"
-                        accept=".png , .jpg , .jpeg"
-                        :before-upload="upload_app_icon">
-                    <img v-if="currentapp.icon_url" :src="currentapp.icon_url"
-                         class="avatar" alt="">
-                    <i v-else class="el-icon-plus avatar-uploader-icon"/>
-                </el-upload>
-            </el-form-item>
-            <el-form-item label="应用描述" style="width: 66%">
-                <el-input type="textarea" v-model="currentapp.description"
-                          :autosize="{ minRows: 8, maxRows: 18}"/>
-            </el-form-item>
-            <el-form-item>
-                <el-row>
-                    <el-col :span="15">
-                        <el-button type="primary" plain @click="saveappinfo('save')" size="medium"
-                                   style="width: 160px;height: 50px;font-size: large;float: right">保存信息
-                        </el-button>
-                    </el-col>
-                </el-row>
-            </el-form-item>
-            <el-divider/>
-            <el-form-item label="应用截图" style="width: 100%">
+      <el-form-item label="应用图标" style="width: 56%">
+        <el-upload
+            :before-upload="upload_app_icon"
+            :show-file-list="false"
+            accept=".png , .jpg , .jpeg"
+            action="#"
+            class="avatar-uploader">
+          <img v-if="currentapp.icon_url" :src="currentapp.icon_url"
+               alt="" class="avatar">
+          <i v-else class="el-icon-plus avatar-uploader-icon"/>
+        </el-upload>
+      </el-form-item>
+      <el-form-item label="应用描述" style="width: 66%">
+        <el-input v-model="currentapp.description" :autosize="{ minRows: 8, maxRows: 18}"
+                  type="textarea"/>
+      </el-form-item>
+      <el-form-item>
+        <el-row>
+          <el-col :span="15">
+            <el-button plain size="medium" style="width: 160px;height: 50px;font-size: large;float: right" type="primary"
+                       @click="saveappinfo('save')">保存信息
+            </el-button>
+          </el-col>
+        </el-row>
+      </el-form-item>
+      <el-divider/>
+      <el-form-item label="应用截图" style="width: 100%">
 
-                <div class="appdownload">
-                    <el-tooltip content="点击删除该应用截图" v-for="(screen) in currentapp.screenshots" :key="screen.id"
-                                placement="top" effect="light">
-                        <el-image
-                                class="screen-img"
-                                fit="scale-down"
-                                @click="delscreen(screen.id)"
-                                :src="screen.url" alt="">
-                            <div slot="error" class="image-slot" @click="delscreen(screen.id)"
-                                 style="text-align: center;margin-top: 80%">
-                                <i class="el-icon-picture-outline"> 加载失败</i>
-                            </div>
-                        </el-image>
-                    </el-tooltip>
-                    <div class="screen-img"
-                         v-if="currentapp.screenshots && currentapp.screenshots.length < 5">
-                        <el-upload
-                                drag
-                                action="#"
-                                accept=".png , .jpg , .jpeg"
-                                :before-upload="upload_app_screen">
-                            <i class="el-icon-upload"/>
-                        </el-upload>
-                    </div>
+        <div class="appdownload">
+          <el-tooltip v-for="(screen) in currentapp.screenshots" :key="screen.id" content="点击删除该应用截图"
+                      effect="light" placement="top">
+            <el-image
+                :src="screen.url"
+                alt=""
+                class="screen-img"
+                fit="scale-down" @click="delscreen(screen.id)">
+              <div slot="error" class="image-slot" style="text-align: center;margin-top: 80%"
+                   @click="delscreen(screen.id)">
+                <i class="el-icon-picture-outline"> 加载失败</i>
+              </div>
+            </el-image>
+          </el-tooltip>
+          <div v-if="currentapp.screenshots && currentapp.screenshots.length < 5"
+               class="screen-img">
+            <el-upload
+                :before-upload="upload_app_screen"
+                accept=".png , .jpg , .jpeg"
+                action="#"
+                drag>
+              <i class="el-icon-upload"/>
+            </el-upload>
+          </div>
 
-                </div>
+        </div>
 
-            </el-form-item>
-        </el-form>
+      </el-form-item>
+    </el-form>
 
-    </div>
+  </div>
 
 
 </template>
 
 <script>
-    import {apputils, getapppicurl, releaseapputils} from "@/restful"
-    import {AvatarUploadUtils} from "@/utils";
+import {apputils, getapppicurl, releaseapputils} from "@/restful"
+import {AvatarUploadUtils} from "@/utils";
 
-    export default {
-        name: "FirAppInfosbaseinfo",
-        data() {
-            return {
-                currentapp: {},
-                imageUrl: "",
-                uploadconf: {},
-                uploadprocess: 0,
-                dialogImageUrl: '',
-                dialogVisible: false,
-                appinfos: {},
-            }
-        },
-        methods: {
-            // eslint-disable-next-line no-unused-vars
-            delscreen(screen_id) {
-                this.$confirm('确定要删除该应用截图?', '警告', {
-                    confirmButtonText: '确定',
-                    cancelButtonText: '取消',
-                    type: 'warning'
-                }).then(() => {
-                    releaseapputils(data => {
-                        if (data.code === 1000) {
-                            this.$message.success('删除成功');
-                            this.getappinfo();
-                        } else if (data.code === 1003) {
-                            this.$router.push({name: 'FirApps'});
-                        }
-                    }, {
-                        "methods": "DELETE",
-                        "app_id": this.$route.params.id,
-                        "release_id": "screen",
-                        "data": {'screen_id': screen_id}
-                    })
-
-                }).catch(() => {
-                    this.$message({
-                        type: 'info',
-                        message: '已取消操作'
-                    });
-                });
-            },
+export default {
+  name: "FirAppInfosbaseinfo",
+  data() {
+    return {
+      currentapp: {},
+      imageUrl: "",
+      uploadconf: {},
+      uploadprocess: 0,
+      dialogImageUrl: '',
+      dialogVisible: false,
+      appinfos: {},
+    }
+  },
+  methods: {
+    // eslint-disable-next-line no-unused-vars
+    delscreen(screen_id) {
+      this.$confirm('确定要删除该应用截图?', '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        releaseapputils(data => {
+          if (data.code === 1000) {
+            this.$message.success('删除成功');
+            this.getappinfo();
+          } else if (data.code === 1003) {
+            this.$router.push({name: 'FirApps'});
+          }
+        }, {
+          "methods": "DELETE",
+          "app_id": this.$route.params.id,
+          "release_id": "screen",
+          "data": {'screen_id': screen_id}
+        })
 
-            delApp() {
-                //发送删除APP的操作
-                this.$confirm('确认删除 ' + this.currentapp.name + ' ?')
-                    // eslint-disable-next-line no-unused-vars
-                    .then(res => {
-                        const loadingobj = this.$loading({
-                            lock: true,
-                            text: '操作中，请耐心等待',
-                            spinner: 'el-icon-loading',
-                            // background: 'rgba(0, 0, 0, 0.7)'
-                        });
-                        apputils(data => {
-                            loadingobj.close();
-                            if (data.code === 1000) {
-                                this.$message({
-                                    message: '删除成功',
-                                    type: 'success'
-                                });
-                                this.$router.push({name: 'FirApps'});
-                            } else {
-                                this.$message({
-                                    message: '删除失败，请联系管理员',
-                                    type: 'error'
-                                });
-                            }
-                        }, {
-                            "methods": "DELETE",
-                            "app_id": this.currentapp.app_id
-                        });
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消操作'
+        });
+      });
+    },
 
-                    })
-                    .catch(err => {
-                        this.$message.error(err)
-                    });
-            },
-            getappinfo() {
-                apputils(data => {
-                    if (data.code === 1000) {
-                        this.appinfos = data.data;
-                        this.master_release = data.data.master_release;
-                        this.appinfos["icon_url"] = this.master_release.icon_url;
-                        this.$store.dispatch('doucurrentapp', this.appinfos);
-                    } else if (data.code === 1003) {
-                        this.$router.push({name: 'FirApps'});
-                    } else {
-                        // eslint-disable-next-line no-console
-                        console.log("Error");
-                    }
-                }, {
-                    "methods": "GET",
-                    "app_id": this.currentapp.app_id
+    delApp() {
+      //发送删除APP的操作
+      this.$confirm('确认删除 ' + this.currentapp.name + ' ?')
+          // eslint-disable-next-line no-unused-vars
+          .then(res => {
+            const loadingobj = this.$loading({
+              lock: true,
+              text: '操作中，请耐心等待',
+              spinner: 'el-icon-loading',
+              // background: 'rgba(0, 0, 0, 0.7)'
+            });
+            apputils(data => {
+              loadingobj.close();
+              if (data.code === 1000) {
+                this.$message({
+                  message: '删除成功',
+                  type: 'success'
                 });
-            },
-            saveappinfo() {
-                apputils(data => {
-                    if (data.code === 1000) {
-                        this.$message.success('数据更新成功');
-                    } else {
-                        this.$message.error('操作失败,' + data.msg);
-                    }
-                }, {
-                    "methods": "PUT",
-                    "app_id": this.currentapp.app_id,
-                    "data": {
-                        "description": this.currentapp.description,
-                        "short": this.currentapp.short,
-                        "name": this.currentapp.name,
-                    }
+                this.$router.push({name: 'FirApps'});
+              } else {
+                this.$message({
+                  message: '删除失败，请联系管理员',
+                  type: 'error'
                 });
-            },
-            upload_app_icon(file) {
-                return this.beforeAvatarUpload(file, 'app')
-            },
-            upload_app_screen(file) {
-                return this.beforeAvatarUpload(file, 'screen')
-            },
-            beforeAvatarUpload(file, act) {
-                return AvatarUploadUtils(this, file, {
-                    'app_id': this.currentapp.app_id,
-                    'upload_key': file.name,
-                    'ftype': act
-                    // eslint-disable-next-line no-unused-vars
-                }, res => {
-                    this.getappinfo();
-                });
-            }
-        },
-        mounted() {
-            this.$store.dispatch('doappInfoIndex', [[18, 18], [18, 18]]);
-            if (!this.currentapp.app_id) {
-                this.currentapp = this.$store.state.currentapp;
-            }
-            this.uploadconf = {
-                "AuthHeaders": {"Authorization": this.$cookies.get("auth_token")}
-            };
-        },
-        watch: {
-            '$store.state.currentapp': function () {
-                this.currentapp = this.$store.state.currentapp;
-            }
-        }, computed: {
-            getuppicurl() {
-                return getapppicurl(this.currentapp.app_id)
-            }
+              }
+            }, {
+              "methods": "DELETE",
+              "app_id": this.currentapp.app_id
+            });
+
+          })
+          .catch(err => {
+            this.$message.error(err)
+          });
+    },
+    getappinfo() {
+      apputils(data => {
+        if (data.code === 1000) {
+          this.appinfos = data.data;
+          this.master_release = data.data.master_release;
+          this.appinfos["icon_url"] = this.master_release.icon_url;
+          this.$store.dispatch('doucurrentapp', this.appinfos);
+        } else if (data.code === 1003) {
+          this.$router.push({name: 'FirApps'});
+        } else {
+          // eslint-disable-next-line no-console
+          console.log("Error");
         }
+      }, {
+        "methods": "GET",
+        "app_id": this.currentapp.app_id
+      });
+    },
+    saveappinfo() {
+      apputils(data => {
+        if (data.code === 1000) {
+          this.$message.success('数据更新成功');
+        } else {
+          this.$message.error('操作失败,' + data.msg);
+        }
+      }, {
+        "methods": "PUT",
+        "app_id": this.currentapp.app_id,
+        "data": {
+          "description": this.currentapp.description,
+          "short": this.currentapp.short,
+          "name": this.currentapp.name,
+        }
+      });
+    },
+    upload_app_icon(file) {
+      return this.beforeAvatarUpload(file, 'app')
+    },
+    upload_app_screen(file) {
+      return this.beforeAvatarUpload(file, 'screen')
+    },
+    beforeAvatarUpload(file, act) {
+      return AvatarUploadUtils(this, file, {
+        'app_id': this.currentapp.app_id,
+        'upload_key': file.name,
+        'ftype': act
+        // eslint-disable-next-line no-unused-vars
+      }, res => {
+        this.getappinfo();
+      });
+    }
+  },
+  mounted() {
+    this.$store.dispatch('doappInfoIndex', [[18, 18], [18, 18]]);
+    if (!this.currentapp.app_id) {
+      this.currentapp = this.$store.state.currentapp;
+    }
+    this.uploadconf = {
+      "AuthHeaders": {"Authorization": this.$cookies.get("auth_token")}
+    };
+  },
+  watch: {
+    '$store.state.currentapp': function () {
+      this.currentapp = this.$store.state.currentapp;
     }
+  }, computed: {
+    getuppicurl() {
+      return getapppicurl(this.currentapp.app_id)
+    }
+  }
+}
 </script>
 
 <style scoped>
-    .appdownload /deep/ .el-upload-dragger {
-        background: #f1f1f1;
-        width: 155px;
-        height: 288px;
-    }
+.appdownload /deep/ .el-upload-dragger {
+  background: #f1f1f1;
+  width: 155px;
+  height: 288px;
+}
 
-    .appdownload /deep/ .el-icon-upload {
-        margin-top: 80%;
-    }
+.appdownload /deep/ .el-icon-upload {
+  margin-top: 80%;
+}
 
-    .avatar-uploader .el-upload {
-        border: 1px dashed #d9d9d9;
-        border-radius: 6px;
-        cursor: pointer;
-        position: relative;
-        overflow: hidden;
+.avatar-uploader .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
 
-    }
+}
 
-    .screen-img {
-        width: 155px;
-        height: 288px;
-        margin-right: 20px;
-        background-color: #f1f1f1;
-        float: left
-    }
+.screen-img {
+  width: 155px;
+  height: 288px;
+  margin-right: 20px;
+  background-color: #f1f1f1;
+  float: left
+}
 
-    .screen-img:hover {
-        background-color: #c2dcf1;
-    }
+.screen-img:hover {
+  background-color: #c2dcf1;
+}
 
-    .avatar-uploader-icon {
-        font-size: 28px;
-        color: #8c939d;
-        width: 178px;
-        height: 178px;
-        line-height: 178px;
-        text-align: center;
-    }
+.avatar-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 178px;
+  height: 178px;
+  line-height: 178px;
+  text-align: center;
+}
 
-    .avatar {
-        height: 100px;
-        width: 100px;
-        border-radius: 10px;
-        display: block;
-    }
+.avatar {
+  height: 100px;
+  width: 100px;
+  border-radius: 10px;
+  display: block;
+}
 </style>
diff --git a/fir_client/src/components/apps/FirAppInfoscombo.vue b/fir_client/src/components/apps/FirAppInfoscombo.vue
index ef6b99c..bf3cb43 100644
--- a/fir_client/src/components/apps/FirAppInfoscombo.vue
+++ b/fir_client/src/components/apps/FirAppInfoscombo.vue
@@ -1,370 +1,370 @@
 <template>
-    <div class="apps-app-combo page-tabcontent ">
-        <div class="middle-wrapper">
-            <div class="request-wrapper" v-if="has_combo ">
-                <p class="lead text-center ng-scope">已经与 <b>{{ has_combo.name }}</b> 合并</p>
-                <table>
-                    <tr>
-                        <td><span class="type">{{ currentapp.type|getapptype}}</span></td>
-                        <td/>
-                        <td><span class="type">{{ has_combo.type|getapptype}}</span></td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <div class="icon"><img v-if="cmaster_release" :src="cmaster_release.icon_url"
-                                                   class="ng-isolate-scope" alt="">
-                            </div>
-                        </td>
-                        <td><i class="icon-combo"/></td>
-                        <td>
-                            <div class="icon"><img v-if="hmaster_release" :src="hmaster_release.icon_url"
-                                                   class="ng-isolate-scope" alt="">
-                            </div>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="actions" colspan="3">
-                            <el-button @click="each_confirm" round>解除合并</el-button>
-                        </td>
-                    </tr>
-                </table>
-            </div>
-            <div v-else>
-                <div class="icon-container text-center">
-                    <img v-if="cmaster_release" :src="cmaster_release.icon_url" height="128" width="128">
-                </div>
-                <div class="apps-list">
-                    <div class="known-apps">
-                        <p class="lead ng-binding">
-                            <b>选择已有的应用进行合并</b>
-                        </p>
-                        <div class="apps">
-                            <el-link v-if="comboapplists.length ===0 " :underline="false" type="danger">暂无可以合并的应用
-                            </el-link>
-                            <div :key="comboapp.app_id" @click="each_add(comboapp.app_id)" class="app ng-scope"
-                                 v-for="comboapp in comboapplists">
-                                <div class="icon">
-                                    <img :src="comboapp.master_release|geticon_url" class="ng-isolate-scope" alt="">
-                                </div>
-                                <p class="ng-binding">{{ comboapp.name }}</p></div>
-                        </div>
-                    </div>
-                    <span class="hr-vertical"/>
-                    <div class="find-apps">
-                        <p class="lead ">
-                            <b>输入需要合并的应用的短链接或者名字</b>
-                        </p>
-                        <div class="form-group">
-                            <el-input
-                                    @click="searchapps"
-                                    clearable
-                                    placeholder="输入短链接或者名字"
-                                    prefix-icon="el-icon-search"
-                                    v-model="searchKey"
-                            />
-                        </div>
-                    </div>
+  <div class="apps-app-combo page-tabcontent ">
+    <div class="middle-wrapper">
+      <div v-if="has_combo " class="request-wrapper">
+        <p class="lead text-center ng-scope">已经与 <b>{{ has_combo.name }}</b> 合并</p>
+        <table>
+          <tr>
+            <td><span class="type">{{ currentapp.type|getapptype }}</span></td>
+            <td/>
+            <td><span class="type">{{ has_combo.type|getapptype }}</span></td>
+          </tr>
+          <tr>
+            <td>
+              <div class="icon"><img v-if="cmaster_release" :src="cmaster_release.icon_url"
+                                     alt="" class="ng-isolate-scope">
+              </div>
+            </td>
+            <td><i class="icon-combo"/></td>
+            <td>
+              <div class="icon"><img v-if="hmaster_release" :src="hmaster_release.icon_url"
+                                     alt="" class="ng-isolate-scope">
+              </div>
+            </td>
+          </tr>
+          <tr>
+            <td class="actions" colspan="3">
+              <el-button round @click="each_confirm">解除合并</el-button>
+            </td>
+          </tr>
+        </table>
+      </div>
+      <div v-else>
+        <div class="icon-container text-center">
+          <img v-if="cmaster_release" :src="cmaster_release.icon_url" height="128" width="128">
+        </div>
+        <div class="apps-list">
+          <div class="known-apps">
+            <p class="lead ng-binding">
+              <b>选择已有的应用进行合并</b>
+            </p>
+            <div class="apps">
+              <el-link v-if="comboapplists.length ===0 " :underline="false" type="danger">暂无可以合并的应用
+              </el-link>
+              <div v-for="comboapp in comboapplists" :key="comboapp.app_id" class="app ng-scope"
+                   @click="each_add(comboapp.app_id)">
+                <div class="icon">
+                  <img :src="comboapp.master_release|geticon_url" alt="" class="ng-isolate-scope">
                 </div>
-
-
+                <p class="ng-binding">{{ comboapp.name }}</p></div>
             </div>
-
+          </div>
+          <span class="hr-vertical"/>
+          <div class="find-apps">
+            <p class="lead ">
+              <b>输入需要合并的应用的短链接或者名字</b>
+            </p>
+            <div class="form-group">
+              <el-input
+                  v-model="searchKey"
+                  clearable
+                  placeholder="输入短链接或者名字"
+                  prefix-icon="el-icon-search"
+                  @click="searchapps"
+              />
+            </div>
+          </div>
         </div>
 
 
+      </div>
+
     </div>
 
+
+  </div>
+
 </template>
 
 <script>
-    import {apputils, getapps} from "@/restful";
-
-    export default {
-        name: "FirAppInfoscombo"
-        , data() {
-            return {
-                searchKey: '',
-                currentapp: {},
-                has_combo: {},
-                cmaster_release: {},
-                hmaster_release: {},
-                comboapplists: [],
-                orgapplists: [],
-                comboapp: {"master_release": ""}
-            }
-        }, methods: {
-            searchapps() {
-                let keysearch = this.searchKey.replace(/^\s+|\s+$/g, "");
-                let newapplists = [];
-                for (let i = 0; i < this.orgapplists.length; i++) {
-                    if (this.orgapplists[i].short.search(keysearch) === 0 || this.orgapplists[i].name.search(keysearch) === 0) {
-                        newapplists.push(this.orgapplists[i]);
-                    }
-                }
-                if (keysearch === "") {
-                    this.comboapplists = this.orgapplists.slice();
-                } else {
-                    this.comboapplists = newapplists.slice();
-                }
-            },
-            each_add(hcombo_id) {
-                apputils(data => {
-                    if (data.code === 1000) {
-                        this.$message.success('操作成功');
-                        this.comboapplists = [];
-                        apputils(data => {
-                            let appinfos = data.data;
-                            appinfos["icon_url"] = appinfos.master_release.icon_url;
-                            this.$store.dispatch('doucurrentapp', appinfos);
-
-                            if (data.code === 1000) {
-                                this.$store.dispatch('doucurrentapp', data.data);
-                            } else if (data.code === 1003) {
-                                this.$router.push({name: 'FirApps'});
-                            } else {
-                                // eslint-disable-next-line no-console
-                                console.log("Error");
-                            }
-                        }, {
-                            "methods": "GET",
-                            "app_id": this.currentapp.app_id
-                        });
-                        this.setData();
-                    }
-                }, {
-                    "methods": "PUT",
-                    "app_id": this.currentapp.app_id,
-                    "data": {
-                        "has_combo": {
-                            "hcombo_id": hcombo_id,
-                            "action": "COMBO",
-                        }
-                    }
-                });
-            },
-            each_confirm() {
-                apputils(data => {
-                    if (data.code === 1000) {
-                        this.$message.success('操作成功');
-
-                        let currentapp = this.$store.state.currentapp;
-                        this.has_combo = this.$store.state.currentapp.has_combo;
-                        this.has_combo = null;
-                        currentapp.has_combo = null;
-                        this.hmaster_release = null;
-                        this.$store.dispatch('doucurrentapp', currentapp);
-                        this.getappiconFun();
-
-                    }
-                }, {
-                    "methods": "PUT",
-                    "app_id": this.currentapp.app_id,
-                    "data": {
-                        "has_combo": {
-                            "hcombo_id": this.has_combo.app_id,
-                            "action": "UNCOMBO",
-                        }
-                    }
-                });
-            },
-            setData() {
-                this.currentapp = this.$store.state.currentapp;
-                this.cmaster_release = this.$store.state.currentapp.master_release;
-                if (this.$store.state.currentapp.has_combo) {
-                    this.has_combo = this.$store.state.currentapp.has_combo;
-                    this.hmaster_release = this.$store.state.currentapp.has_combo.master_release;
-                } else {
-                    this.has_combo = null;
-                    this.hmaster_release = null;
-                    this.getappiconFun();
-                }
-            },
-            getappiconFun() {
-                let type = "android";
-                if (this.currentapp.type === 0) {
-                    type = "ios"
-                }
-                getapps(data => {
-                    if (data.code === 1000) {
-                        this.comboapplists = data.data;
-                        this.orgapplists = this.comboapplists.slice(); //深拷贝
-
-                    } else {
-                        this.$router.push({name: 'FirLogin'});
-                    }
-                }, {"type": type, "page": 1, "size": 999, "act": 'combo'});
+import {apputils, getapps} from "@/restful";
+
+export default {
+  name: "FirAppInfoscombo"
+  , data() {
+    return {
+      searchKey: '',
+      currentapp: {},
+      has_combo: {},
+      cmaster_release: {},
+      hmaster_release: {},
+      comboapplists: [],
+      orgapplists: [],
+      comboapp: {"master_release": ""}
+    }
+  }, methods: {
+    searchapps() {
+      let keysearch = this.searchKey.replace(/^\s+|\s+$/g, "");
+      let newapplists = [];
+      for (let i = 0; i < this.orgapplists.length; i++) {
+        if (this.orgapplists[i].short.search(keysearch) === 0 || this.orgapplists[i].name.search(keysearch) === 0) {
+          newapplists.push(this.orgapplists[i]);
+        }
+      }
+      if (keysearch === "") {
+        this.comboapplists = this.orgapplists.slice();
+      } else {
+        this.comboapplists = newapplists.slice();
+      }
+    },
+    each_add(hcombo_id) {
+      apputils(data => {
+        if (data.code === 1000) {
+          this.$message.success('操作成功');
+          this.comboapplists = [];
+          apputils(data => {
+            let appinfos = data.data;
+            appinfos["icon_url"] = appinfos.master_release.icon_url;
+            this.$store.dispatch('doucurrentapp', appinfos);
+
+            if (data.code === 1000) {
+              this.$store.dispatch('doucurrentapp', data.data);
+            } else if (data.code === 1003) {
+              this.$router.push({name: 'FirApps'});
+            } else {
+              // eslint-disable-next-line no-console
+              console.log("Error");
             }
-        }, filters: {
-            geticon_url(app) {
-                if (app) {
-                    return app.icon_url
-                }
-                return ""
-            },
-            getapptype: function (type) {
-                let ftype = '';
-                if (type === 0) {
-                    ftype = 'Android'
-                } else {
-                    ftype = 'iOS'
-                }
-                return ftype
-            },
-        },
-        mounted() {
-            this.$store.dispatch('doappInfoIndex', [[44, 44], [44, 44]]);
-            this.setData();
-        },
-        watch: {
-            '$store.state.currentapp': function () {
-                this.setData();
-            },
-            // eslint-disable-next-line no-unused-vars
-            searchKey: function (val, oldVal) {
-                this.searchapps()
-            },
+          }, {
+            "methods": "GET",
+            "app_id": this.currentapp.app_id
+          });
+          this.setData();
+        }
+      }, {
+        "methods": "PUT",
+        "app_id": this.currentapp.app_id,
+        "data": {
+          "has_combo": {
+            "hcombo_id": hcombo_id,
+            "action": "COMBO",
+          }
+        }
+      });
+    },
+    each_confirm() {
+      apputils(data => {
+        if (data.code === 1000) {
+          this.$message.success('操作成功');
+
+          let currentapp = this.$store.state.currentapp;
+          this.has_combo = this.$store.state.currentapp.has_combo;
+          this.has_combo = null;
+          currentapp.has_combo = null;
+          this.hmaster_release = null;
+          this.$store.dispatch('doucurrentapp', currentapp);
+          this.getappiconFun();
+
         }
+      }, {
+        "methods": "PUT",
+        "app_id": this.currentapp.app_id,
+        "data": {
+          "has_combo": {
+            "hcombo_id": this.has_combo.app_id,
+            "action": "UNCOMBO",
+          }
+        }
+      });
+    },
+    setData() {
+      this.currentapp = this.$store.state.currentapp;
+      this.cmaster_release = this.$store.state.currentapp.master_release;
+      if (this.$store.state.currentapp.has_combo) {
+        this.has_combo = this.$store.state.currentapp.has_combo;
+        this.hmaster_release = this.$store.state.currentapp.has_combo.master_release;
+      } else {
+        this.has_combo = null;
+        this.hmaster_release = null;
+        this.getappiconFun();
+      }
+    },
+    getappiconFun() {
+      let type = "android";
+      if (this.currentapp.type === 0) {
+        type = "ios"
+      }
+      getapps(data => {
+        if (data.code === 1000) {
+          this.comboapplists = data.data;
+          this.orgapplists = this.comboapplists.slice(); //深拷贝
+
+        } else {
+          this.$router.push({name: 'FirLogin'});
+        }
+      }, {"type": type, "page": 1, "size": 999, "act": 'combo'});
     }
+  }, filters: {
+    geticon_url(app) {
+      if (app) {
+        return app.icon_url
+      }
+      return ""
+    },
+    getapptype: function (type) {
+      let ftype = '';
+      if (type === 0) {
+        ftype = 'Android'
+      } else {
+        ftype = 'iOS'
+      }
+      return ftype
+    },
+  },
+  mounted() {
+    this.$store.dispatch('doappInfoIndex', [[44, 44], [44, 44]]);
+    this.setData();
+  },
+  watch: {
+    '$store.state.currentapp': function () {
+      this.setData();
+    },
+    // eslint-disable-next-line no-unused-vars
+    searchKey: function (val, oldVal) {
+      this.searchapps()
+    },
+  }
+}
 </script>
 
 <style scoped>
 
 
-    .text-center {
-        text-align: center
-    }
-
-    .middle-wrapper {
-        margin: 0 auto;
-        width: 1100px
-    }
-
-    .apps-app-combo {
-        position: relative;
-        padding-top: 45px
-    }
-
-    .apps-app-combo .icon-container {
-        margin-bottom: 60px
-    }
-
-    .apps-app-combo .icon-container img {
-        border-radius: 17.544%
-    }
-
-    .apps-app-combo .apps-list {
-        position: relative;
-        overflow: hidden
-    }
-
-    .apps-app-combo .lead {
-        margin-bottom: 30px;
-        font-size: 16px
-    }
-
-    .apps-app-combo .lead b {
-        max-width: 300px;
-        display: inline-block;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        vertical-align: top
-    }
-
-    .known-apps {
-        text-align: center;
-        float: left;
-        width: 45%;
-        margin: 10px 30px;
-    }
-
-    .apps-app-combo .known-apps .icon img {
-        width: 80px;
-        height: 80px;
-        border-radius: 22.7%
-    }
-
-    .apps-app-combo .known-apps .apps .app {
-        display: inline-block;
-        margin: 0 0 20px 28px;
-        text-align: center;
-        cursor: pointer;
-        vertical-align: top;
-
-    }
-
-    .apps-app-combo .known-apps .apps .app > p {
-        margin-top: 8px;
-        font-size: 12px;
-        text-align: center;
-        display: inline-block;
-        max-width: 100px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        word-wrap: normal
-    }
-
-    .apps-app-combo .find-apps {
-        /*padding-left: 50px;*/
-        text-align: center;
-        margin: 10px 30px;
-        float: right;
-        width: 40%;
-    }
-
-    .apps-app-combo .find-apps .lead {
-        text-align: left;
-    }
-
-    .apps-app-combo .find-apps .form-group {
-        position: relative;
-        margin-bottom: 36px;
-        width: 260px;
-    }
-
-    .apps-app-combo .hr-vertical {
-        position: absolute;
-        z-index: 12;
-        width: 1px;
-        height: 100%;
-        background-color: #d5f9f9
-    }
-
-    .apps-app-combo .request-wrapper .lead {
-        margin-bottom: 80px;
-        font-size: 18px
-    }
-
-    .apps-app-combo .request-wrapper table {
-        margin: 0 auto;
-        width: 400px
-    }
-
-    .apps-app-combo .request-wrapper table tr:first-child td span {
-        display: inline-block;
-        margin-bottom: 12px;
-        font-size: 16px
-    }
-
-    .apps-app-combo .request-wrapper table td {
-        padding: 0 15px;
-        text-align: center
-    }
-
-    .apps-app-combo .request-wrapper table td img {
-        width: 120px;
-        height: 120px;
-        border-radius: 17.54%
-    }
-
-    .apps-app-combo .request-wrapper table .actions {
-        padding-top: 40px
-    }
-
-    .apps-app-combo .request-wrapper table i.icon-combo {
-        font-size: 30px
-    }
+.text-center {
+  text-align: center
+}
+
+.middle-wrapper {
+  margin: 0 auto;
+  width: 1100px
+}
+
+.apps-app-combo {
+  position: relative;
+  padding-top: 45px
+}
+
+.apps-app-combo .icon-container {
+  margin-bottom: 60px
+}
+
+.apps-app-combo .icon-container img {
+  border-radius: 17.544%
+}
+
+.apps-app-combo .apps-list {
+  position: relative;
+  overflow: hidden
+}
+
+.apps-app-combo .lead {
+  margin-bottom: 30px;
+  font-size: 16px
+}
+
+.apps-app-combo .lead b {
+  max-width: 300px;
+  display: inline-block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  vertical-align: top
+}
+
+.known-apps {
+  text-align: center;
+  float: left;
+  width: 45%;
+  margin: 10px 30px;
+}
+
+.apps-app-combo .known-apps .icon img {
+  width: 80px;
+  height: 80px;
+  border-radius: 22.7%
+}
+
+.apps-app-combo .known-apps .apps .app {
+  display: inline-block;
+  margin: 0 0 20px 28px;
+  text-align: center;
+  cursor: pointer;
+  vertical-align: top;
+
+}
+
+.apps-app-combo .known-apps .apps .app > p {
+  margin-top: 8px;
+  font-size: 12px;
+  text-align: center;
+  display: inline-block;
+  max-width: 100px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  word-wrap: normal
+}
+
+.apps-app-combo .find-apps {
+  /*padding-left: 50px;*/
+  text-align: center;
+  margin: 10px 30px;
+  float: right;
+  width: 40%;
+}
+
+.apps-app-combo .find-apps .lead {
+  text-align: left;
+}
+
+.apps-app-combo .find-apps .form-group {
+  position: relative;
+  margin-bottom: 36px;
+  width: 260px;
+}
+
+.apps-app-combo .hr-vertical {
+  position: absolute;
+  z-index: 12;
+  width: 1px;
+  height: 100%;
+  background-color: #d5f9f9
+}
+
+.apps-app-combo .request-wrapper .lead {
+  margin-bottom: 80px;
+  font-size: 18px
+}
+
+.apps-app-combo .request-wrapper table {
+  margin: 0 auto;
+  width: 400px
+}
+
+.apps-app-combo .request-wrapper table tr:first-child td span {
+  display: inline-block;
+  margin-bottom: 12px;
+  font-size: 16px
+}
+
+.apps-app-combo .request-wrapper table td {
+  padding: 0 15px;
+  text-align: center
+}
+
+.apps-app-combo .request-wrapper table td img {
+  width: 120px;
+  height: 120px;
+  border-radius: 17.54%
+}
+
+.apps-app-combo .request-wrapper table .actions {
+  padding-top: 40px
+}
+
+.apps-app-combo .request-wrapper table i.icon-combo {
+  font-size: 30px
+}
 
 
 </style>
diff --git a/fir_client/src/components/apps/FirAppInfosdevices.vue b/fir_client/src/components/apps/FirAppInfosdevices.vue
index 632fff0..af85801 100644
--- a/fir_client/src/components/apps/FirAppInfosdevices.vue
+++ b/fir_client/src/components/apps/FirAppInfosdevices.vue
@@ -1,59 +1,59 @@
 <template>
-    <div style="margin-top: 20px;width: 90%;margin-left: 8%">
-        <el-link type="primary" v-if="this.currentapp.issupersign" style="margin-bottom: 30px;font-size: x-large"
-                 @click="$router.push({name:'FirSuperSignBase',params:{act:'useddevices'},query:{bundleid: currentapp.bundle_id}})">
-            该应用已经开启超级签，请点击查看最新设备列表
-        </el-link>
-        <h2>UDID列表及用户信息 - {{ udidlists.length }}个设备</h2>
-        <el-table
-                :data="udidlists"
-                stripe
-                style="width: 100%">
-            <el-table-column width="180"
-                             prop="model"
-                             label="设备型号">
-            </el-table-column>
-            <el-table-column width="180"
-                             prop="version"
-                             label="系统版本">
-            </el-table-column>
-            <el-table-column width="380"
-                             prop="udid"
-                             label="UDID">
-            </el-table-column>
-        </el-table>
+  <div style="margin-top: 20px;width: 90%;margin-left: 8%">
+    <el-link v-if="this.currentapp.issupersign" style="margin-bottom: 30px;font-size: x-large" type="primary"
+             @click="$router.push({name:'FirSuperSignBase',params:{act:'useddevices'},query:{bundleid: currentapp.bundle_id}})">
+      该应用已经开启超级签，请点击查看最新设备列表
+    </el-link>
+    <h2>UDID列表及用户信息 - {{ udidlists.length }}个设备</h2>
+    <el-table
+        :data="udidlists"
+        stripe
+        style="width: 100%">
+      <el-table-column label="设备型号"
+                       prop="model"
+                       width="180">
+      </el-table-column>
+      <el-table-column label="系统版本"
+                       prop="version"
+                       width="180">
+      </el-table-column>
+      <el-table-column label="UDID"
+                       prop="udid"
+                       width="380">
+      </el-table-column>
+    </el-table>
 
-    </div>
+  </div>
 
 
 </template>
 
 <script>
-    export default {
-        name: "FirAppInfosdevices",
-        data() {
-            return {
-                currentapp: {},
-                udidlists: []
-            }
-        },
-        methods: {},
-        mounted() {
-            this.$store.dispatch('doappInfoIndex', [[70, 70], [70, 70]]);
-            if (!this.currentapp.app_id) {
-                this.currentapp = this.$store.state.currentapp;
-                if (this.currentapp.master_release) {
-                    this.udidlists = this.currentapp.master_release.udid;
-                }
-            }
-        },
-        watch: {
-            '$store.state.currentapp': function () {
-                this.currentapp = this.$store.state.currentapp;
-                this.udidlists = this.currentapp.master_release.udid;
-            }
-        }, computed: {}
+export default {
+  name: "FirAppInfosdevices",
+  data() {
+    return {
+      currentapp: {},
+      udidlists: []
     }
+  },
+  methods: {},
+  mounted() {
+    this.$store.dispatch('doappInfoIndex', [[70, 70], [70, 70]]);
+    if (!this.currentapp.app_id) {
+      this.currentapp = this.$store.state.currentapp;
+      if (this.currentapp.master_release) {
+        this.udidlists = this.currentapp.master_release.udid;
+      }
+    }
+  },
+  watch: {
+    '$store.state.currentapp': function () {
+      this.currentapp = this.$store.state.currentapp;
+      this.udidlists = this.currentapp.master_release.udid;
+    }
+  }, computed: {}
+}
 </script>
 
 <style scoped>
diff --git a/fir_client/src/components/apps/FirAppInfossecurity.vue b/fir_client/src/components/apps/FirAppInfossecurity.vue
index 3441526..76c3a62 100644
--- a/fir_client/src/components/apps/FirAppInfossecurity.vue
+++ b/fir_client/src/components/apps/FirAppInfossecurity.vue
@@ -1,349 +1,349 @@
 <template>
-    <div style="margin-top: 20px;width: 66%;margin-left: 8%">
-        <el-dialog
-                title="绑定应用专属下载页域名"
-                :close-on-click-modal="false"
-                :close-on-press-escape="false"
-                :visible.sync="bind_domain_sure"
-                width="666px">
-            <bind-domain v-if="bind_domain_sure" transitionName="bind-app-domain" :app_id="this.currentapp.app_id"
-                         :domain_type="2"/>
-        </el-dialog>
-        <el-form label-width="80px">
-            <el-form-item label-width="200px" label="访问密码">
+  <div style="margin-top: 20px;width: 66%;margin-left: 8%">
+    <el-dialog
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        :visible.sync="bind_domain_sure"
+        title="绑定应用专属下载页域名"
+        width="666px">
+      <bind-domain v-if="bind_domain_sure" :app_id="this.currentapp.app_id" :domain_type="2"
+                   transitionName="bind-app-domain"/>
+    </el-dialog>
+    <el-form label-width="80px">
+      <el-form-item label="访问密码" label-width="200px">
 
-                <el-tooltip placement="top">
-                    <div slot="content">
-                        {{passwordtip.msg}}<br>
-                        <div v-if="passwordtip.val === 'on'">
-                            <el-link icon="el-icon-edit" :underline="false" @click="setaccesspassword">修改</el-link>
-                        </div>
-                    </div>
-                    <el-switch
-                            v-model="passwordtip.val"
-                            @change="showpasswordevent"
-                            active-color="#13ce66"
-                            inactive-color="#ff4949"
-                            active-value="on"
-                            inactive-value="off">
-                    </el-switch>
+        <el-tooltip placement="top">
+          <div slot="content">
+            {{ passwordtip.msg }}<br>
+            <div v-if="passwordtip.val === 'on'">
+              <el-link :underline="false" icon="el-icon-edit" @click="setaccesspassword">修改</el-link>
+            </div>
+          </div>
+          <el-switch
+              v-model="passwordtip.val"
+              active-color="#13ce66"
+              active-value="on"
+              inactive-color="#ff4949"
+              inactive-value="off"
+              @change="showpasswordevent">
+          </el-switch>
 
-                </el-tooltip>
-                <el-link :underline="false" style="margin-left: 20px">设置密码之后，用户需要输入密码才可以下载该应用</el-link>
+        </el-tooltip>
+        <el-link :underline="false" style="margin-left: 20px">设置密码之后，用户需要输入密码才可以下载该应用</el-link>
 
-            </el-form-item>
+      </el-form-item>
 
-            <el-form-item label-width="200px" label="下载页显示">
+      <el-form-item label="下载页显示" label-width="200px">
 
-                <el-tooltip :content="downtip.msg" placement="top">
-                    <el-switch
-                            @change="showdownloadevent"
-                            v-model="downtip.val"
-                            active-color="#13ce66"
-                            inactive-color="#ff4949"
-                            active-value="on"
-                            inactive-value="off">
-                    </el-switch>
-                </el-tooltip>
-                <el-link :underline="false" style="margin-left: 20px">默认开启，关闭之后用户无法通过短连接访问下载该应用</el-link>
+        <el-tooltip :content="downtip.msg" placement="top">
+          <el-switch
+              v-model="downtip.val"
+              active-color="#13ce66"
+              active-value="on"
+              inactive-color="#ff4949"
+              inactive-value="off"
+              @change="showdownloadevent">
+          </el-switch>
+        </el-tooltip>
+        <el-link :underline="false" style="margin-left: 20px">默认开启，关闭之后用户无法通过短连接访问下载该应用</el-link>
 
-            </el-form-item>
-            <el-form-item label-width="200px" label="应用专属域名">
+      </el-form-item>
+      <el-form-item label="应用专属域名" label-width="200px">
 
-                <el-input :value="currentapp.domain_name" clearable
-                          style="width: 60%;margin-right: 10px" prefix-icon="el-icon-download"
-                          :placeholder="defualt_dtitle"/>
-                <el-button @click="bind_domain_sure=true">设置域名</el-button>
-            </el-form-item>
+        <el-input :placeholder="defualt_dtitle" :value="currentapp.domain_name"
+                  clearable prefix-icon="el-icon-download"
+                  style="width: 60%;margin-right: 10px"/>
+        <el-button @click="bind_domain_sure=true">设置域名</el-button>
+      </el-form-item>
 
-            <el-form-item label-width="200px" label="微信内访问简易模式">
+      <el-form-item label="微信内访问简易模式" label-width="200px">
 
-                <el-tooltip :content="wxeasytypetip.msg" placement="top">
-                    <el-switch
-                            :disabled="wxeasy_disable"
-                            @change="wxeasytypeevent"
-                            v-model="wxeasytypetip.val"
-                            active-color="#13ce66"
-                            inactive-color="#ff4949"
-                            active-value="on"
-                            inactive-value="off">
-                    </el-switch>
-                </el-tooltip>
-                <el-link :underline="false" style="margin-left: 20px">默认开启，可以最大限度避免微信内举报封停，如果绑定域名，可以关闭</el-link>
-            </el-form-item>
-            <el-form-item label-width="200px" label="微信内访问跳转第三方平台">
+        <el-tooltip :content="wxeasytypetip.msg" placement="top">
+          <el-switch
+              v-model="wxeasytypetip.val"
+              :disabled="wxeasy_disable"
+              active-color="#13ce66"
+              active-value="on"
+              inactive-color="#ff4949"
+              inactive-value="off"
+              @change="wxeasytypeevent">
+          </el-switch>
+        </el-tooltip>
+        <el-link :underline="false" style="margin-left: 20px">默认开启，可以最大限度避免微信内举报封停，如果绑定域名，可以关闭</el-link>
+      </el-form-item>
+      <el-form-item label="微信内访问跳转第三方平台" label-width="200px">
 
-                <el-tooltip :content="wxredirecttip.msg" placement="top">
-                    <el-switch
-                            @change="wxredirectevent"
-                            v-model="wxredirecttip.val"
-                            active-color="#13ce66"
-                            inactive-color="#ff4949"
-                            active-value="on"
-                            inactive-value="off">
-                    </el-switch>
-                </el-tooltip>
-                <el-link :underline="false" style="margin-left: 20px">默认开启，如果配置第三方平台，在微信内访问直接跳转</el-link>
+        <el-tooltip :content="wxredirecttip.msg" placement="top">
+          <el-switch
+              v-model="wxredirecttip.val"
+              active-color="#13ce66"
+              active-value="on"
+              inactive-color="#ff4949"
+              inactive-value="off"
+              @change="wxredirectevent">
+          </el-switch>
+        </el-tooltip>
+        <el-link :underline="false" style="margin-left: 20px">默认开启，如果配置第三方平台，在微信内访问直接跳转</el-link>
 
-            </el-form-item>
+      </el-form-item>
 
 
-        </el-form>
-    </div>
+    </el-form>
+  </div>
 </template>
 
 <script>
-    import {apputils,} from "@/restful"
-    import {deepCopy} from "@/utils";
-    import BindDomain from "@/components/base/BindDomain";
+import {apputils,} from "@/restful"
+import {deepCopy} from "@/utils";
+import BindDomain from "@/components/base/BindDomain";
 
-    export default {
-        name: "FirAppInfossecurity",
-        components: {BindDomain},
-        data() {
-            return {
-                currentapp: {},
-                orgcurrentapp: {},
-                downtip: {'msg': ''},
-                passwordtip: {'msg': ''},
-                wxeasytypetip: {'msg': ''},
-                wxredirecttip: {'msg': ''},
-                passwordflag: false,
-                showdownloadflag: false,
-                wxeasytypeflag: false,
-                wxredirectflag: false,
-                wxeasy_disable: false,
-                defualt_dtitle: '专属下载页域名',
-                bind_domain_sure: false,
-            }
-        },
-        methods: {
-            set_default_flag() {
-                this.passwordflag = false;
-                this.showdownloadflag = false;
-                this.wxeasytypeflag = false;
-                this.wxredirectflag = false;
-            },
-            save_app_domain() {
-                this.saveappinfo({
-                    "domain_name": this.currentapp.domain_name,
-                });
-            },
-            saveappinfo(data) {
-                apputils(data => {
-                    if (data.code === 1000) {
-                        this.$message.success('数据更新成功');
-                    } else {
-                        this.$message.error('操作失败,' + data.msg);
-                        this.$store.dispatch('doucurrentapp', this.orgcurrentapp);
-                    }
-                }, {
-                    "methods": "PUT",
-                    "app_id": this.currentapp.app_id,
-                    "data": data
-                });
-            },
-            setbuttondefaltpass(currentapp) {
-                if (currentapp.password === '') {
-                    this.passwordtip.val = 'off';
-                    this.showpasswordevent("off");
-                } else {
-                    this.passwordtip.val = 'on';
-                    this.showpasswordevent("on");
-                }
-                this.passwordflag = true;
-            },
-            setbuttondefaltshow(currentapp) {
-                if (currentapp.isshow === true) {
-                    this.showdownloadevent("on");
-                    this.downtip.val = 'on';
-                } else {
-                    this.showdownloadevent("off");
-                    this.downtip.val = 'off';
-                }
-                this.showdownloadflag = true;
-            },
-            setxeasytypeshow(currentapp) {
-                if (currentapp.wxeasytype === true) {
-                    this.wxeasytypeevent("on");
-                    this.wxeasytypetip.val = 'on';
-                } else {
-                    this.wxeasytypeevent("off");
-                    this.wxeasytypetip.val = 'off';
-                }
-                this.wxeasytypeflag = true;
+export default {
+  name: "FirAppInfossecurity",
+  components: {BindDomain},
+  data() {
+    return {
+      currentapp: {},
+      orgcurrentapp: {},
+      downtip: {'msg': ''},
+      passwordtip: {'msg': ''},
+      wxeasytypetip: {'msg': ''},
+      wxredirecttip: {'msg': ''},
+      passwordflag: false,
+      showdownloadflag: false,
+      wxeasytypeflag: false,
+      wxredirectflag: false,
+      wxeasy_disable: false,
+      defualt_dtitle: '专属下载页域名',
+      bind_domain_sure: false,
+    }
+  },
+  methods: {
+    set_default_flag() {
+      this.passwordflag = false;
+      this.showdownloadflag = false;
+      this.wxeasytypeflag = false;
+      this.wxredirectflag = false;
+    },
+    save_app_domain() {
+      this.saveappinfo({
+        "domain_name": this.currentapp.domain_name,
+      });
+    },
+    saveappinfo(data) {
+      apputils(data => {
+        if (data.code === 1000) {
+          this.$message.success('数据更新成功');
+        } else {
+          this.$message.error('操作失败,' + data.msg);
+          this.$store.dispatch('doucurrentapp', this.orgcurrentapp);
+        }
+      }, {
+        "methods": "PUT",
+        "app_id": this.currentapp.app_id,
+        "data": data
+      });
+    },
+    setbuttondefaltpass(currentapp) {
+      if (currentapp.password === '') {
+        this.passwordtip.val = 'off';
+        this.showpasswordevent("off");
+      } else {
+        this.passwordtip.val = 'on';
+        this.showpasswordevent("on");
+      }
+      this.passwordflag = true;
+    },
+    setbuttondefaltshow(currentapp) {
+      if (currentapp.isshow === true) {
+        this.showdownloadevent("on");
+        this.downtip.val = 'on';
+      } else {
+        this.showdownloadevent("off");
+        this.downtip.val = 'off';
+      }
+      this.showdownloadflag = true;
+    },
+    setxeasytypeshow(currentapp) {
+      if (currentapp.wxeasytype === true) {
+        this.wxeasytypeevent("on");
+        this.wxeasytypetip.val = 'on';
+      } else {
+        this.wxeasytypeevent("off");
+        this.wxeasytypetip.val = 'off';
+      }
+      this.wxeasytypeflag = true;
 
-                this.wxeasy_disable = !this.$store.state.userinfo.domain_name && !this.currentapp.domain_name;
-            },
-            setwxredirectshow(currentapp) {
-                if (currentapp.wxredirect === true) {
-                    this.wxredirectevent("on");
-                    this.wxredirecttip.val = 'on';
-                } else {
-                    this.wxredirectevent("off");
-                    this.wxredirecttip.val = 'off';
-                }
-                this.wxredirectflag = true;
-            },
-            setbuttondefault(currentapp) {
-                this.setbuttondefaltpass(currentapp);
-                this.setbuttondefaltshow(currentapp);
-                this.setxeasytypeshow(currentapp);
-                this.setwxredirectshow(currentapp);
-            },
-            passwordswitch(state) {
-                this.passwordflag = false;
-                this.showpasswordevent(state);
-                this.passwordtip.val = state;
-                this.passwordflag = true;
-            },
-            setaccesspassword() {
-                this.$prompt('', '请设置访问密码', {
-                    confirmButtonText: '确定',
-                    cancelButtonText: '取消',
-                    closeOnClickModal: false,
-                    inputValue: `${this.currentapp.password}`,
-                }).then(({value}) => {
-                    value = value.replace(/\s+/g, "");
-                    if (this.currentapp.password === value) {
-                        if (value === '') {
-                            this.$message({
-                                type: 'success',
-                                message: '访问密码未变'
-                            });
-                            this.passwordflag = false;
-                            this.setbuttondefaltpass(this.currentapp);
-                            return
-                        } else {
-                            return
-                        }
-                    }
-                    this.saveappinfo({
-                        "password": value,
-                    });
-                    if (value === '') {
-                        this.passwordswitch("off");
-                        this.$message({
-                            type: 'success',
-                            message: '设置成功，取消密码访问'
-                        });
-                    } else {
-                        this.passwordtip.msg = '访问密码:' + value;
-                        this.$message({
-                            type: 'success',
-                            message: '设置成功，访问密码是: ' + value
-                        });
-                    }
-                    this.currentapp.password = value;
-                    this.$store.dispatch('doucurrentapp', this.currentapp)
-                }).catch(() => {
-                    if (this.currentapp.password === '') {
-                        this.passwordswitch("off")
-                    }
-                });
-            },
-            showdownloadevent(newval) {
-                if (newval === "on") {
-                    if (this.showdownloadflag) {
-                        this.saveappinfo({
-                            "isshow": 1,
-                        });
-                        this.currentapp.isshow = 1;
-                    }
-                    this.downtip.msg = '下载页对所有人可见';
-                } else {
-                    if (this.showdownloadflag) {
-                        this.saveappinfo({
-                            "isshow": 0,
-                        });
-                        this.currentapp.isshow = 0;
-                    }
-                    this.downtip.msg = '下载页不可见'
-                }
-            },
-            showpasswordevent(newval) {
-                if (newval === "on") {
-                    if (this.passwordflag) {
-                        this.setaccesspassword()
-                    } else {
-                        this.passwordtip.msg = '访问密码:' + this.currentapp.password;
-                    }
-                } else {
-                    if (this.passwordflag) {
-                        this.saveappinfo({
-                            "password": '',
-                        });
-                    }
-                    this.currentapp.password = '';
-                    this.$store.dispatch('doucurrentapp', this.currentapp);
-                    this.passwordtip.msg = '无访问密码'
-                }
-            },
+      this.wxeasy_disable = !this.$store.state.userinfo.domain_name && !this.currentapp.domain_name;
+    },
+    setwxredirectshow(currentapp) {
+      if (currentapp.wxredirect === true) {
+        this.wxredirectevent("on");
+        this.wxredirecttip.val = 'on';
+      } else {
+        this.wxredirectevent("off");
+        this.wxredirecttip.val = 'off';
+      }
+      this.wxredirectflag = true;
+    },
+    setbuttondefault(currentapp) {
+      this.setbuttondefaltpass(currentapp);
+      this.setbuttondefaltshow(currentapp);
+      this.setxeasytypeshow(currentapp);
+      this.setwxredirectshow(currentapp);
+    },
+    passwordswitch(state) {
+      this.passwordflag = false;
+      this.showpasswordevent(state);
+      this.passwordtip.val = state;
+      this.passwordflag = true;
+    },
+    setaccesspassword() {
+      this.$prompt('', '请设置访问密码', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        closeOnClickModal: false,
+        inputValue: `${this.currentapp.password}`,
+      }).then(({value}) => {
+        value = value.replace(/\s+/g, "");
+        if (this.currentapp.password === value) {
+          if (value === '') {
+            this.$message({
+              type: 'success',
+              message: '访问密码未变'
+            });
+            this.passwordflag = false;
+            this.setbuttondefaltpass(this.currentapp);
+            return
+          } else {
+            return
+          }
+        }
+        this.saveappinfo({
+          "password": value,
+        });
+        if (value === '') {
+          this.passwordswitch("off");
+          this.$message({
+            type: 'success',
+            message: '设置成功，取消密码访问'
+          });
+        } else {
+          this.passwordtip.msg = '访问密码:' + value;
+          this.$message({
+            type: 'success',
+            message: '设置成功，访问密码是: ' + value
+          });
+        }
+        this.currentapp.password = value;
+        this.$store.dispatch('doucurrentapp', this.currentapp)
+      }).catch(() => {
+        if (this.currentapp.password === '') {
+          this.passwordswitch("off")
+        }
+      });
+    },
+    showdownloadevent(newval) {
+      if (newval === "on") {
+        if (this.showdownloadflag) {
+          this.saveappinfo({
+            "isshow": 1,
+          });
+          this.currentapp.isshow = 1;
+        }
+        this.downtip.msg = '下载页对所有人可见';
+      } else {
+        if (this.showdownloadflag) {
+          this.saveappinfo({
+            "isshow": 0,
+          });
+          this.currentapp.isshow = 0;
+        }
+        this.downtip.msg = '下载页不可见'
+      }
+    },
+    showpasswordevent(newval) {
+      if (newval === "on") {
+        if (this.passwordflag) {
+          this.setaccesspassword()
+        } else {
+          this.passwordtip.msg = '访问密码:' + this.currentapp.password;
+        }
+      } else {
+        if (this.passwordflag) {
+          this.saveappinfo({
+            "password": '',
+          });
+        }
+        this.currentapp.password = '';
+        this.$store.dispatch('doucurrentapp', this.currentapp);
+        this.passwordtip.msg = '无访问密码'
+      }
+    },
 
-            wxeasytypeevent(newval) {
-                if (newval === "on") {
-                    if (this.wxeasytypeflag) {
-                        this.saveappinfo({
-                            "wxeasytype": 1,
-                        });
-                        this.currentapp.wxeasytype = 1;
-                    }
-                    this.wxeasytypetip.msg = '已经开启微信内访问简易模式';
-                } else {
-                    if (this.wxeasytypeflag) {
-                        this.saveappinfo({
-                            "wxeasytype": 0,
-                        });
-                        this.currentapp.wxeasytype = 0;
-                    }
-                    this.wxeasytypetip.msg = '关闭'
-                }
-            },
+    wxeasytypeevent(newval) {
+      if (newval === "on") {
+        if (this.wxeasytypeflag) {
+          this.saveappinfo({
+            "wxeasytype": 1,
+          });
+          this.currentapp.wxeasytype = 1;
+        }
+        this.wxeasytypetip.msg = '已经开启微信内访问简易模式';
+      } else {
+        if (this.wxeasytypeflag) {
+          this.saveappinfo({
+            "wxeasytype": 0,
+          });
+          this.currentapp.wxeasytype = 0;
+        }
+        this.wxeasytypetip.msg = '关闭'
+      }
+    },
 
-            wxredirectevent(newval) {
-                if (newval === "on") {
-                    if (this.wxredirectflag) {
-                        this.saveappinfo({
-                            "wxredirect": 1,
-                        });
-                        this.currentapp.wxredirect = 1;
-                    }
-                    this.wxredirecttip.msg = '已经开启微信内自动跳转第三方平台';
-                } else {
-                    if (this.wxredirectflag) {
-                        this.saveappinfo({
-                            "wxredirect": 0,
-                        });
-                        this.currentapp.wxredirect = 0;
-                    }
-                    this.wxredirecttip.msg = '关闭'
-                }
-            },
+    wxredirectevent(newval) {
+      if (newval === "on") {
+        if (this.wxredirectflag) {
+          this.saveappinfo({
+            "wxredirect": 1,
+          });
+          this.currentapp.wxredirect = 1;
+        }
+        this.wxredirecttip.msg = '已经开启微信内自动跳转第三方平台';
+      } else {
+        if (this.wxredirectflag) {
+          this.saveappinfo({
+            "wxredirect": 0,
+          });
+          this.currentapp.wxredirect = 0;
+        }
+        this.wxredirecttip.msg = '关闭'
+      }
+    },
 
-            appinit() {
-                this.currentapp = this.$store.state.currentapp;
-                this.set_default_flag();
-                this.orgcurrentapp = deepCopy(this.currentapp);
-                if (!this.currentapp.domain_name || this.currentapp.domain_name.length < 3) {
-                    if (this.$store.state.userinfo.domain_name && this.$store.state.userinfo.domain_name.length > 3) {
-                        this.defualt_dtitle = this.$store.state.userinfo.domain_name;
-                    }
-                }
-                this.setbuttondefault(this.currentapp);
-            }
-        },
-        mounted() {
-            this.$store.dispatch('doappInfoIndex', [[31, 31], [31, 31]]);
-            if (!this.currentapp.app_id) {
-                this.appinit();
-            }
-        },
-        watch: {
-            '$store.state.currentapp': function () {
-                this.appinit();
-            },
-        }, computed: {}
+    appinit() {
+      this.currentapp = this.$store.state.currentapp;
+      this.set_default_flag();
+      this.orgcurrentapp = deepCopy(this.currentapp);
+      if (!this.currentapp.domain_name || this.currentapp.domain_name.length < 3) {
+        if (this.$store.state.userinfo.domain_name && this.$store.state.userinfo.domain_name.length > 3) {
+          this.defualt_dtitle = this.$store.state.userinfo.domain_name;
+        }
+      }
+      this.setbuttondefault(this.currentapp);
+    }
+  },
+  mounted() {
+    this.$store.dispatch('doappInfoIndex', [[31, 31], [31, 31]]);
+    if (!this.currentapp.app_id) {
+      this.appinit();
     }
+  },
+  watch: {
+    '$store.state.currentapp': function () {
+      this.appinit();
+    },
+  }, computed: {}
+}
 </script>
 
 <style scoped>
diff --git a/fir_client/src/components/apps/FirAppInfossupersign.vue b/fir_client/src/components/apps/FirAppInfossupersign.vue
index a051fee..79cf0e3 100644
--- a/fir_client/src/components/apps/FirAppInfossupersign.vue
+++ b/fir_client/src/components/apps/FirAppInfossupersign.vue
@@ -1,221 +1,221 @@
 <template>
 
 
-    <div style="margin-top: 20px;width: 66%;margin-left: 8%">
-        <el-form label-width="80px" v-if="currentapp.type === 1 && $store.state.userinfo.supersign_active">
-
-
-            <el-form-item label-width="200px"
-                          label="超级签名">
-
-                <el-tooltip :content="supersign.msg" placement="top">
-                    <el-switch
-                            @change="supersignevent"
-                            v-model="supersign.val"
-                            active-color="#13ce66"
-                            inactive-color="#ff4949"
-                            active-value="on"
-                            inactive-value="off">
-                    </el-switch>
-                </el-tooltip>
-                <el-button @click="clean_app" v-if="!currentapp.issupersign && currentapp.count !== 0"
-                           style="margin-left: 20px" size="small" type="info" plain>清理该应用脏数据
-                </el-button>
-                <el-link v-else :underline="false" style="margin-left: 20px">超级签名，iOS专用，需要配置好苹果开发者账户，方可开启</el-link>
-
-            </el-form-item>
-
-            <el-form-item label-width="200px" label="签名限额">
-
-
-                <el-tooltip content="本应用签名使用额度，超过该额度，新设备将无法安装本应用。0代表不限额" placement="top">
-                    <el-input-number v-model="currentapp.supersign_limit_number" :disabled="supersign_disable" :min="0"
-                                     style="width: 40%;margin-right: 10px" label="签名限额"/>
-                </el-tooltip>
-
-                <el-button @click="saveappinfo({supersign_limit_number:currentapp.supersign_limit_number})"
-                           :disabled="supersign_disable"
-                >保存
-                </el-button>
-                <el-tooltip content="点击查看使用详情" placement="top">
-                    <el-link :underline="false" type="primary" style="margin-left: 20px"
-                             @click="$router.push({name:'FirSuperSignBase',params:{act:'useddevices'},query:{bundleid: currentapp.bundle_id}})">
-                        已经使用 <a style="color: #dd6161;font-size: larger">{{ currentapp.supersign_used_number }}</a>
-                        个设备额度
-                    </el-link>
-                </el-tooltip>
-            </el-form-item>
-
-
-            <el-form-item label-width="200px" label="签名类型">
-                <el-select v-model="currentapp.supersign_type" placeholder="特殊签名权限"
-                           style="width: 60%;margin-right: 10px" :disabled="supersign_disable">
-                    <el-option v-for="st in sign_type_list" :key="st.id" :label="st.name"
-                               :value="st.id"/>
-                </el-select>
-                <el-button @click="saveappinfo({supersign_type:currentapp.supersign_type})"
-                           :disabled="supersign_disable"
-                >保存
-                </el-button>
-            </el-form-item>
-
-
-            <el-form-item label-width="200px" label="自定义BundleID">
-                <el-tooltip content="新的BundleID可能会导致推送等服务失效，请了解之后进行修改" placement="top">
-                    <el-input v-model="currentapp.new_bundle_id" clearable :disabled="supersign_disable"
-                              style="width: 60%;margin-right: 10px" prefix-icon="el-icon-s-data"
-                              :placeholder="defualt_dtitle"/>
-                </el-tooltip>
-                <el-button @click="saveappinfo({new_bundle_id:currentapp.new_bundle_id})" :disabled="supersign_disable"
-                >保存
-                </el-button>
-            </el-form-item>
-
-            <el-form-item label-width="200px" label="自定义应用名称">
-                <el-input v-model="currentapp.new_bundle_name" clearable :disabled="supersign_disable"
-                          style="width: 60%;margin-right: 10px" prefix-icon="el-icon-s-data"
-                          :placeholder="defualt_dtitle_name"/>
-                <el-button @click="saveappinfo({new_bundle_name:currentapp.new_bundle_name})"
-                           :disabled="supersign_disable"
-                >保存
-                </el-button>
-            </el-form-item>
-
-        </el-form>
-        <el-link v-else :underline="false" type="warning"> 该用户暂未开通超级签权限,请联系管理员申请开通</el-link>
-    </div>
+  <div style="margin-top: 20px;width: 66%;margin-left: 8%">
+    <el-form v-if="currentapp.type === 1 && $store.state.userinfo.supersign_active" label-width="80px">
+
+
+      <el-form-item label="超级签名"
+                    label-width="200px">
+
+        <el-tooltip :content="supersign.msg" placement="top">
+          <el-switch
+              v-model="supersign.val"
+              active-color="#13ce66"
+              active-value="on"
+              inactive-color="#ff4949"
+              inactive-value="off"
+              @change="supersignevent">
+          </el-switch>
+        </el-tooltip>
+        <el-button v-if="!currentapp.issupersign && currentapp.count !== 0" plain
+                   size="small" style="margin-left: 20px" type="info" @click="clean_app">清理该应用脏数据
+        </el-button>
+        <el-link v-else :underline="false" style="margin-left: 20px">超级签名，iOS专用，需要配置好苹果开发者账户，方可开启</el-link>
+
+      </el-form-item>
+
+      <el-form-item label="签名限额" label-width="200px">
+
+
+        <el-tooltip content="本应用签名使用额度，超过该额度，新设备将无法安装本应用。0代表不限额" placement="top">
+          <el-input-number v-model="currentapp.supersign_limit_number" :disabled="supersign_disable" :min="0"
+                           label="签名限额" style="width: 40%;margin-right: 10px"/>
+        </el-tooltip>
+
+        <el-button :disabled="supersign_disable"
+                   @click="saveappinfo({supersign_limit_number:currentapp.supersign_limit_number})"
+        >保存
+        </el-button>
+        <el-tooltip content="点击查看使用详情" placement="top">
+          <el-link :underline="false" style="margin-left: 20px" type="primary"
+                   @click="$router.push({name:'FirSuperSignBase',params:{act:'useddevices'},query:{bundleid: currentapp.bundle_id}})">
+            已经使用 <a style="color: #dd6161;font-size: larger">{{ currentapp.supersign_used_number }}</a>
+            个设备额度
+          </el-link>
+        </el-tooltip>
+      </el-form-item>
+
+
+      <el-form-item label="签名类型" label-width="200px">
+        <el-select v-model="currentapp.supersign_type" :disabled="supersign_disable"
+                   placeholder="特殊签名权限" style="width: 60%;margin-right: 10px">
+          <el-option v-for="st in sign_type_list" :key="st.id" :label="st.name"
+                     :value="st.id"/>
+        </el-select>
+        <el-button :disabled="supersign_disable"
+                   @click="saveappinfo({supersign_type:currentapp.supersign_type})"
+        >保存
+        </el-button>
+      </el-form-item>
+
+
+      <el-form-item label="自定义BundleID" label-width="200px">
+        <el-tooltip content="新的BundleID可能会导致推送等服务失效，请了解之后进行修改" placement="top">
+          <el-input v-model="currentapp.new_bundle_id" :disabled="supersign_disable" :placeholder="defualt_dtitle"
+                    clearable prefix-icon="el-icon-s-data"
+                    style="width: 60%;margin-right: 10px"/>
+        </el-tooltip>
+        <el-button :disabled="supersign_disable" @click="saveappinfo({new_bundle_id:currentapp.new_bundle_id})"
+        >保存
+        </el-button>
+      </el-form-item>
+
+      <el-form-item label="自定义应用名称" label-width="200px">
+        <el-input v-model="currentapp.new_bundle_name" :disabled="supersign_disable" :placeholder="defualt_dtitle_name"
+                  clearable prefix-icon="el-icon-s-data"
+                  style="width: 60%;margin-right: 10px"/>
+        <el-button :disabled="supersign_disable"
+                   @click="saveappinfo({new_bundle_name:currentapp.new_bundle_name})"
+        >保存
+        </el-button>
+      </el-form-item>
+
+    </el-form>
+    <el-link v-else :underline="false" type="warning"> 该用户暂未开通超级签权限,请联系管理员申请开通</el-link>
+  </div>
 
 
 </template>
 
 <script>
-    import {apputils,} from "@/restful"
-    import {deepCopy} from "@/utils";
-
-    export default {
-        name: "FirAppInfossupersign",
-        data() {
-            return {
-                currentapp: {},
-                orgcurrentapp: {},
-                supersign: {'msg': ''},
-                showsupersignflag: false,
-                supersign_disable: true,
-                sign_type_list: [],
-                sign_type: 0,
-                defualt_dtitle: '',
-                defualt_dtitle_name: ''
-            }
-        },
-        methods: {
-
-            set_default_flag() {
-                this.showsupersignflag = false;
-            },
-            clean_app() {
-                this.saveappinfo({"clean": true});
-                this.currentapp.count = 0;
-            },
-            saveappinfo(data) {
-                const loading = this.$loading({
-                    lock: true,
-                    text: '执行中,请耐心等待...',
-                    spinner: 'el-icon-loading',
-                    background: 'rgba(0, 0, 0, 0.7)'
-                });
-                apputils(data => {
-                    if (data.code === 1000) {
-                        this.$message.success('数据更新成功');
-                    } else {
-                        this.$message.error('操作失败,' + data.msg);
-                        this.$store.dispatch('doucurrentapp', this.orgcurrentapp);
-                    }
-                    loading.close();
-                }, {
-                    "methods": "PUT",
-                    "app_id": this.currentapp.app_id,
-                    "data": data
-                });
-            },
-            setbuttonsignshow(currentapp) {
-                if (currentapp.issupersign === true) {
-                    this.supersignevent("on");
-                    this.supersign.val = 'on';
-                } else {
-                    this.supersignevent("off");
-                    this.supersign.val = 'off';
-                }
-                this.showsupersignflag = true;
-            },
-
-            setbuttondefault(currentapp) {
-                this.setbuttonsignshow(currentapp);
-            },
-
-            supersignevent(newval) {
-                if (newval === "on") {
-                    if (this.showsupersignflag) {
-                        this.saveappinfo({
-                            "issupersign": 1,
-                        });
-                        this.currentapp.issupersign = 1;
-                    }
-                    this.supersign.msg = '已经开启超级签名';
-                    this.supersign_disable = false
-                } else {
-                    if (this.showsupersignflag) {
-                        this.saveappinfo({
-                            "issupersign": 0,
-                        });
-                        this.currentapp.issupersign = 0;
-                    }
-                    this.supersign.msg = '关闭';
-                    this.supersign_disable = true
-                }
-            },
-            set_default_ms(currentapp) {
-                this.sign_type_list = currentapp.sign_type_choice;
-                if (this.currentapp.new_bundle_id && currentapp.new_bundle_id.length > 5) {
-                    this.defualt_dtitle = currentapp.new_bundle_id
-                } else {
-                    this.defualt_dtitle = currentapp.bundle_id
-                }
-                if (this.currentapp.new_bundle_name && currentapp.new_bundle_name.length > 0) {
-                    this.defualt_dtitle_name = currentapp.new_bundle_name
-                } else {
-                    this.defualt_dtitle_name = currentapp.name
-                }
-            },
-            appinit() {
-                this.currentapp = this.$store.state.currentapp;
-                this.set_default_flag();
-                this.orgcurrentapp = deepCopy(this.currentapp);
-                this.set_default_ms(this.currentapp);
-                this.setbuttondefault(this.currentapp);
-            }
-        },
-        mounted() {
-            this.$store.dispatch('doappInfoIndex', [[57, 57], [57, 57]]);
-            if (!this.currentapp.app_id) {
-                this.appinit();
-            }
-        },
-        watch: {
-            '$store.state.currentapp': function () {
-                this.appinit();
-            },
-            'currentapp.new_bundle_id': function () {
-                if (!this.currentapp.new_bundle_id || this.currentapp.new_bundle_id.length === 0) {
-                    this.defualt_dtitle = this.currentapp.bundle_id
-                }
-            },
-            'currentapp.new_bundle_name': function () {
-                if (!this.currentapp.new_bundle_name || this.currentapp.new_bundle_name.length === 0) {
-                    this.defualt_dtitle_name = this.currentapp.name
-                }
-            }
-        }, computed: {}
+import {apputils,} from "@/restful"
+import {deepCopy} from "@/utils";
+
+export default {
+  name: "FirAppInfossupersign",
+  data() {
+    return {
+      currentapp: {},
+      orgcurrentapp: {},
+      supersign: {'msg': ''},
+      showsupersignflag: false,
+      supersign_disable: true,
+      sign_type_list: [],
+      sign_type: 0,
+      defualt_dtitle: '',
+      defualt_dtitle_name: ''
     }
+  },
+  methods: {
+
+    set_default_flag() {
+      this.showsupersignflag = false;
+    },
+    clean_app() {
+      this.saveappinfo({"clean": true});
+      this.currentapp.count = 0;
+    },
+    saveappinfo(data) {
+      const loading = this.$loading({
+        lock: true,
+        text: '执行中,请耐心等待...',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      });
+      apputils(data => {
+        if (data.code === 1000) {
+          this.$message.success('数据更新成功');
+        } else {
+          this.$message.error('操作失败,' + data.msg);
+          this.$store.dispatch('doucurrentapp', this.orgcurrentapp);
+        }
+        loading.close();
+      }, {
+        "methods": "PUT",
+        "app_id": this.currentapp.app_id,
+        "data": data
+      });
+    },
+    setbuttonsignshow(currentapp) {
+      if (currentapp.issupersign === true) {
+        this.supersignevent("on");
+        this.supersign.val = 'on';
+      } else {
+        this.supersignevent("off");
+        this.supersign.val = 'off';
+      }
+      this.showsupersignflag = true;
+    },
+
+    setbuttondefault(currentapp) {
+      this.setbuttonsignshow(currentapp);
+    },
+
+    supersignevent(newval) {
+      if (newval === "on") {
+        if (this.showsupersignflag) {
+          this.saveappinfo({
+            "issupersign": 1,
+          });
+          this.currentapp.issupersign = 1;
+        }
+        this.supersign.msg = '已经开启超级签名';
+        this.supersign_disable = false
+      } else {
+        if (this.showsupersignflag) {
+          this.saveappinfo({
+            "issupersign": 0,
+          });
+          this.currentapp.issupersign = 0;
+        }
+        this.supersign.msg = '关闭';
+        this.supersign_disable = true
+      }
+    },
+    set_default_ms(currentapp) {
+      this.sign_type_list = currentapp.sign_type_choice;
+      if (this.currentapp.new_bundle_id && currentapp.new_bundle_id.length > 5) {
+        this.defualt_dtitle = currentapp.new_bundle_id
+      } else {
+        this.defualt_dtitle = currentapp.bundle_id
+      }
+      if (this.currentapp.new_bundle_name && currentapp.new_bundle_name.length > 0) {
+        this.defualt_dtitle_name = currentapp.new_bundle_name
+      } else {
+        this.defualt_dtitle_name = currentapp.name
+      }
+    },
+    appinit() {
+      this.currentapp = this.$store.state.currentapp;
+      this.set_default_flag();
+      this.orgcurrentapp = deepCopy(this.currentapp);
+      this.set_default_ms(this.currentapp);
+      this.setbuttondefault(this.currentapp);
+    }
+  },
+  mounted() {
+    this.$store.dispatch('doappInfoIndex', [[57, 57], [57, 57]]);
+    if (!this.currentapp.app_id) {
+      this.appinit();
+    }
+  },
+  watch: {
+    '$store.state.currentapp': function () {
+      this.appinit();
+    },
+    'currentapp.new_bundle_id': function () {
+      if (!this.currentapp.new_bundle_id || this.currentapp.new_bundle_id.length === 0) {
+        this.defualt_dtitle = this.currentapp.bundle_id
+      }
+    },
+    'currentapp.new_bundle_name': function () {
+      if (!this.currentapp.new_bundle_name || this.currentapp.new_bundle_name.length === 0) {
+        this.defualt_dtitle_name = this.currentapp.name
+      }
+    }
+  }, computed: {}
+}
 </script>
 
 <style scoped>
diff --git a/fir_client/src/components/apps/FirAppInfostimeline.vue b/fir_client/src/components/apps/FirAppInfostimeline.vue
index b9f00a9..ce3ac21 100644
--- a/fir_client/src/components/apps/FirAppInfostimeline.vue
+++ b/fir_client/src/components/apps/FirAppInfostimeline.vue
@@ -1,486 +1,487 @@
 <template>
-    <el-timeline>
-        <el-timeline-item v-for="(app) in release_apps" :key="app.release_id"
-                          :timestamp="app.created_time|formatdatatimeline"
-                          :color="app.master_color"
-                          placement="top">
-            <el-card>
-                <div class="directive-view-release">
-
-                    <i class="el-icon-cloudy" v-if="! app.is_master"/>
-                    <i class="el-icon-cloudy" style="background-color: rgb(139,195,248)" v-else/>
-
-                    <b class="ng-binding">{{app.app_version}} (Build {{app.build_version}})</b>
-                    <div class="release-metainfo ng-hide"
-                         v-if="app.release_type === 0">
-                        <small>
-                            <i class="icon-calendar"/>
-                            <span class="el-icon-date">&nbsp;{{app.created_time|formattimeline}}</span>
-                        </small>
-                    </div>
-
-                    <div class="release-metainfo" v-else>
-                        <small>
-                            <i class="icon-calendar"/>
-                            <span class="el-icon-date">&nbsp;{{app.created_time|formattimeline}}</span>
-                        </small> &nbsp;&nbsp;·&nbsp;&nbsp;
-
-                        <small>{{app.release_type|getiOStype}}</small>
-                        <small v-if="app.distribution_name" style="margin-left: 5px">&nbsp;&nbsp;·&nbsp;{{app.distribution_name}}</small>
-                    </div>
-
-                    <p>{{app.changelog}}</p>
-                    <label>
+  <el-timeline>
+    <el-timeline-item v-for="(app) in release_apps" :key="app.release_id"
+                      :color="app.master_color"
+                      :timestamp="app.created_time|formatdatatimeline"
+                      placement="top">
+      <el-card>
+        <div class="directive-view-release">
+
+          <i v-if="! app.is_master" class="el-icon-cloudy"/>
+          <i v-else class="el-icon-cloudy" style="background-color: rgb(139,195,248)"/>
+
+          <b class="ng-binding">{{ app.app_version }} (Build {{ app.build_version }})</b>
+          <div v-if="app.release_type === 0"
+               class="release-metainfo ng-hide">
+            <small>
+              <i class="icon-calendar"/>
+              <span class="el-icon-date">&nbsp;{{ app.created_time|formattimeline }}</span>
+            </small>
+          </div>
+
+          <div v-else class="release-metainfo">
+            <small>
+              <i class="icon-calendar"/>
+              <span class="el-icon-date">&nbsp;{{ app.created_time|formattimeline }}</span>
+            </small> &nbsp;&nbsp;·&nbsp;&nbsp;
+
+            <small>{{ app.release_type|getiOStype }}</small>
+            <small v-if="app.distribution_name"
+                   style="margin-left: 5px">&nbsp;&nbsp;·&nbsp;{{ app.distribution_name }}</small>
+          </div>
+
+          <p>{{ app.changelog }}</p>
+          <label>
                         <textarea v-if="app.editing.changelog"
                                   v-model="app.changelog"
                                   placeholder="更新日志">
                         </textarea>
-                    </label>
-                    <div class="release-actions editing " v-if="app.editing.changelog">
-                        <button class="btn-cancel" @click="endEdit(app,'changelog')"><span
-                        >取消</span></button>
-                        <button class="btn-save" @click="updateChangelog(app,'changelog')"><span
-                        >保存</span></button>
-                    </div>
-                    <el-input v-if="app.editing.binary_url"
-                              v-model="app.binary_url"
-                              placeholder="下载地址,默认本服务器，填写第三方可以 自动跳转到第三方平台" clearable>
-                    </el-input>
-                    <div class="release-actions editing " v-if="app.editing.binary_url" style="margin-top: 10px">
-
-                        <button class="btn-cancel" @click="endEdit(app,'binary_url')"><span
-                        >取消</span></button>
-                        <button class="btn-save" @click="updateChangelog(app,'binary_url')"><span
-                        >保存</span></button>
-                    </div>
-                    <div class="release-actions" v-show="!app.editing.changelog && !app.editing.binary_url ">
-                        <el-tooltip class="tooltip-top" content="编辑更新日志" placement="top">
-                            <el-button @click="startEdit(app,'changelog')"
-                                       tooltip="编辑更新日志"
-                                       class="tooltip-top ">
-                                <i class="el-icon-edit"/>
-                            </el-button>
-                        </el-tooltip>
-                        <el-tooltip class="tooltip-top" content="下载原文件" placement="top">
-                            <el-button class="tooltip-top" tooltip="下载原文件"
-                                       @click="downloadPackage(app)">
-                                <i class="el-icon-download"/>
-                                <span>{{app.binary_size}}</span>
-                            </el-button>
-                        </el-tooltip>
-
-                        <el-tooltip class="tooltip-top" :content="app.binary_url|downcontent" placement="top">
-
-                            <el-button class="tooltip-top" tooltip="修改下载地址"
-                                       @click="startEdit(app,'binary_url')"><i class="el-icon-link"/> <span>下载地址</span>
-                            </el-button>
-
-                        </el-tooltip>
-
-                        <el-button class="tooltip-top" @click="previewRelase(app)"><i class="el-icon-view"/> <span
-                                class="ng-binding">预览</span>
-                        </el-button>
-
-                        <el-button v-if="! app.is_master" class="tooltip-top" @click="make_master_release(app)">
-                            <i class="el-icon-view"/>
-                            <span class="ng-binding ng-scope">标记上线</span>
-                        </el-button>
-
-                        <el-button v-if="(! app.is_master )|| (app.is_master && release_apps.length === 1)"
-                                   class="tooltip-top" @click="del_release_app(app)">
-                            <i class="el-icon-delete"/>
-                            <span class="ng-binding ng-scope">删除</span>
-                        </el-button>
-
-                    </div>
-                </div>
-            </el-card>
-        </el-timeline-item>
-        <el-button v-if="has_next" class="time-line-more" @click="getapptimelineFun('more')">显示更多版本</el-button>
-    </el-timeline>
+          </label>
+          <div v-if="app.editing.changelog" class="release-actions editing ">
+            <button class="btn-cancel" @click="endEdit(app,'changelog')"><span
+            >取消</span></button>
+            <button class="btn-save" @click="updateChangelog(app,'changelog')"><span
+            >保存</span></button>
+          </div>
+          <el-input v-if="app.editing.binary_url"
+                    v-model="app.binary_url"
+                    clearable placeholder="下载地址,默认本服务器，填写第三方可以 自动跳转到第三方平台">
+          </el-input>
+          <div v-if="app.editing.binary_url" class="release-actions editing " style="margin-top: 10px">
+
+            <button class="btn-cancel" @click="endEdit(app,'binary_url')"><span
+            >取消</span></button>
+            <button class="btn-save" @click="updateChangelog(app,'binary_url')"><span
+            >保存</span></button>
+          </div>
+          <div v-show="!app.editing.changelog && !app.editing.binary_url " class="release-actions">
+            <el-tooltip class="tooltip-top" content="编辑更新日志" placement="top">
+              <el-button class="tooltip-top "
+                         tooltip="编辑更新日志"
+                         @click="startEdit(app,'changelog')">
+                <i class="el-icon-edit"/>
+              </el-button>
+            </el-tooltip>
+            <el-tooltip class="tooltip-top" content="下载原文件" placement="top">
+              <el-button class="tooltip-top" tooltip="下载原文件"
+                         @click="downloadPackage(app)">
+                <i class="el-icon-download"/>
+                <span>{{ app.binary_size }}</span>
+              </el-button>
+            </el-tooltip>
+
+            <el-tooltip :content="app.binary_url|downcontent" class="tooltip-top" placement="top">
+
+              <el-button class="tooltip-top" tooltip="修改下载地址"
+                         @click="startEdit(app,'binary_url')"><i class="el-icon-link"/> <span>下载地址</span>
+              </el-button>
+
+            </el-tooltip>
+
+            <el-button class="tooltip-top" @click="previewRelase(app)"><i class="el-icon-view"/> <span
+                class="ng-binding">预览</span>
+            </el-button>
+
+            <el-button v-if="! app.is_master" class="tooltip-top" @click="make_master_release(app)">
+              <i class="el-icon-view"/>
+              <span class="ng-binding ng-scope">标记上线</span>
+            </el-button>
+
+            <el-button v-if="(! app.is_master )|| (app.is_master && release_apps.length === 1)"
+                       class="tooltip-top" @click="del_release_app(app)">
+              <i class="el-icon-delete"/>
+              <span class="ng-binding ng-scope">删除</span>
+            </el-button>
+
+          </div>
+        </div>
+      </el-card>
+    </el-timeline-item>
+    <el-button v-if="has_next" class="time-line-more" @click="getapptimelineFun('more')">显示更多版本</el-button>
+  </el-timeline>
 </template>
 
 <script>
-    import {getdownloadurl, releaseapputils} from "@/restful"
-
-    export default {
-        name: "FirAppInfostimeline",
-        data() {
-            return {
-                release_apps: [],
-                currentapp: {},
-                activity: {
-                    editing: {'changelog': false, 'binary_url': false}
-                },
-                updatas: {},
-                query: {'page': 1, size: 10},
-                has_next: false,
-            }
+import {getdownloadurl, releaseapputils} from "@/restful"
+
+export default {
+  name: "FirAppInfostimeline",
+  data() {
+    return {
+      release_apps: [],
+      currentapp: {},
+      activity: {
+        editing: {'changelog': false, 'binary_url': false}
+      },
+      updatas: {},
+      query: {'page': 1, size: 10},
+      has_next: false,
+    }
+  },
+  methods: {
+    set_query_page() {
+      if (this.has_next) {
+        this.query.page += 1;
+      }
+    },
+    downloadPackage(app) {
+      getdownloadurl(res => {
+        if (res.code === 1000) {
+          window.location.href = res.data.download_url;
+        } else {
+          this.$message.error(res.msg);
+        }
+      }, {
+        'data': {
+          'token': app.download_token,
+          'short': this.currentapp.short,
+          'release_id': app.release_id,
+          "password": this.currentapp.password,
+          "isdownload": true,
         },
-        methods: {
-            set_query_page() {
-                if (this.has_next) {
-                    this.query.page += 1;
-                }
-            },
-            downloadPackage(app) {
-                getdownloadurl(res => {
-                    if (res.code === 1000) {
-                        window.location.href = res.data.download_url;
-                    } else {
-                        this.$message.error(res.msg);
-                    }
-                }, {
-                    'data': {
-                        'token': app.download_token,
-                        'short': this.currentapp.short,
-                        'release_id': app.release_id,
-                        "password": this.currentapp.password,
-                        "isdownload": true,
-                    },
-                    'app_id': this.currentapp.app_id
-                })
-            },
-            previewRelase(app) {
-                let routeData = this.$router.resolve({
-                    name: 'FirDownload',
-                    params: {short: this.currentapp.short},
-                    query: {release_id: app.release_id}
-                });
-                let p_url = routeData.href;
-                if (this.currentapp.preview_url && this.currentapp.preview_url.length > 6) {
-                    p_url = this.currentapp.preview_url + p_url
-                }
-                window.open(p_url, 'target', '');
-
-            },
-            getapptimelineFun(act = '') {
-                const loading = this.$loading({
-                    lock: true,
-                    text: '加载中',
-                    spinner: 'el-icon-loading',
-                    // background: 'rgba(0, 0, 0, 0.7)'
-                });
-                if (act === 'more') {
-                    this.set_query_page();
-                } else {
-                    this.release_apps = [];
-                    this.query = {'page': 1, size: 10};
-                }
-                releaseapputils(data => {
-                    if (data.code === 1000) {
-                        this.currentapp = data.data.currentapp;
-                        this.has_next = data.data.has_next;
-                        this.release_apps = this.release_apps.concat(data.data.release_apps);
-                    } else if (data.code === 1003) {
-                        loading.close();
-                        this.$router.push({name: 'FirApps'});
-                    }
-                    loading.close();
-                }, {
-                    "methods": "GET",
-                    "app_id": this.$route.params.id,
-                    "release_id": "timeline",
-                    "data": {
-                        "page": this.query.page,
-                        "size": this.query.size
-                    }
-                })
-            },
-            del_release_app(app) {
-                //发送删除APP的操作
-                this.$confirm('确认删除 ' + this.currentapp.name + '下 当前 release 版本吗?')
-                    // eslint-disable-next-line no-unused-vars
-                    .then(res => {
-                        let loadingobj = this.$loading({
-                            lock: true,
-                            text: '操作中，请耐心等待',
-                            spinner: 'el-icon-loading',
-                            // background: 'rgba(0, 0, 0, 0.7)'
-                        });
-                        releaseapputils(data => {
-                            loadingobj.close();
-                            if (data.code === 1000) {
-                                this.$message({
-                                    message: '删除成功',
-                                    type: 'success'
-                                });
-                                this.getapptimelineFun();
-
-                            } else {
-                                this.$message({
-                                    message: '删除失败，请联系管理员',
-                                    type: 'error'
-                                });
-                            }
-                        }, {
-                            "methods": "DELETE",
-                            "app_id": this.currentapp.app_id,
-                            "release_id": app.release_id,
-                        });
-                    });
-
-            },
-            updatereleaseappFun(params) {
-                releaseapputils(data => {
-                        if (data.code === 1000) {
-                            this.$message({
-                                message: '更新成功',
-                                type: 'success'
-                            });
-                            this.release_apps = data.data.release_apps;
-                            this.currentapp = data.data.currentapp;
-                            // this.getapptimelineFun();
-                            // this.currentapp["icon_url"] = this.currentapp.master_release.icon_url;
-                            // this.$store.dispatch('doucurrentapp', this.currentapp);
-
-                        } else {
-                            this.$message({
-                                message: '更新失败，请联系管理员',
-                                type: 'error'
-                            });
-                        }
-                    }, params
-                );
-            },
-            make_master_release(app) {
-                this.updatereleaseappFun({
-                    "methods": "PUT",
-                    "app_id": this.currentapp.app_id,
-                    "release_id": app.release_id,
-                    "data": {
-                        "make_master": app.release_id
-                    }
+        'app_id': this.currentapp.app_id
+      })
+    },
+    previewRelase(app) {
+      let routeData = this.$router.resolve({
+        name: 'FirDownload',
+        params: {short: this.currentapp.short},
+        query: {release_id: app.release_id}
+      });
+      let p_url = routeData.href;
+      if (this.currentapp.preview_url && this.currentapp.preview_url.length > 6) {
+        p_url = this.currentapp.preview_url + p_url
+      }
+      window.open(p_url, 'target', '');
+
+    },
+    getapptimelineFun(act = '') {
+      const loading = this.$loading({
+        lock: true,
+        text: '加载中',
+        spinner: 'el-icon-loading',
+        // background: 'rgba(0, 0, 0, 0.7)'
+      });
+      if (act === 'more') {
+        this.set_query_page();
+      } else {
+        this.release_apps = [];
+        this.query = {'page': 1, size: 10};
+      }
+      releaseapputils(data => {
+        if (data.code === 1000) {
+          this.currentapp = data.data.currentapp;
+          this.has_next = data.data.has_next;
+          this.release_apps = this.release_apps.concat(data.data.release_apps);
+        } else if (data.code === 1003) {
+          loading.close();
+          this.$router.push({name: 'FirApps'});
+        }
+        loading.close();
+      }, {
+        "methods": "GET",
+        "app_id": this.$route.params.id,
+        "release_id": "timeline",
+        "data": {
+          "page": this.query.page,
+          "size": this.query.size
+        }
+      })
+    },
+    del_release_app(app) {
+      //发送删除APP的操作
+      this.$confirm('确认删除 ' + this.currentapp.name + '下 当前 release 版本吗?')
+          // eslint-disable-next-line no-unused-vars
+          .then(res => {
+            let loadingobj = this.$loading({
+              lock: true,
+              text: '操作中，请耐心等待',
+              spinner: 'el-icon-loading',
+              // background: 'rgba(0, 0, 0, 0.7)'
+            });
+            releaseapputils(data => {
+              loadingobj.close();
+              if (data.code === 1000) {
+                this.$message({
+                  message: '删除成功',
+                  type: 'success'
                 });
+                this.getapptimelineFun();
 
-            },
-            endEdit(app, type) {
-                if (type === 'changelog') {
-                    app.editing.changelog = false;
-
-                } else if (type === 'binary_url') {
-                    app.editing.binary_url = false;
-                }
-            },
-            updateChangelog(app, type) {
-                if (type === 'changelog') {
-                    this.activity.editing.changelog = false;
-                    this.updatas = {"changelog": app.changelog}
-                } else if (type === 'binary_url') {
-                    this.activity.editing.binary_url = false;
-                    this.updatas = {"binary_url": app.binary_url}
-                }
-                this.updatereleaseappFun({
-                    "methods": "PUT",
-                    "app_id": this.currentapp.app_id,
-                    "release_id": app.release_id,
-                    "data": this.updatas
+              } else {
+                this.$message({
+                  message: '删除失败，请联系管理员',
+                  type: 'error'
                 });
-                this.updatas = {}
-            },
-            startEdit(app, type) {
-                if (type === 'changelog') {
-
-                    app.editing.changelog = true;
-                } else if (type === 'binary_url') {
-                    app.editing.binary_url = true;
-                }
+              }
+            }, {
+              "methods": "DELETE",
+              "app_id": this.currentapp.app_id,
+              "release_id": app.release_id,
+            });
+          });
+
+    },
+    updatereleaseappFun(params) {
+      releaseapputils(data => {
+            if (data.code === 1000) {
+              this.$message({
+                message: '更新成功',
+                type: 'success'
+              });
+              this.release_apps = data.data.release_apps;
+              this.currentapp = data.data.currentapp;
+              // this.getapptimelineFun();
+              // this.currentapp["icon_url"] = this.currentapp.master_release.icon_url;
+              // this.$store.dispatch('doucurrentapp', this.currentapp);
+
+            } else {
+              this.$message({
+                message: '更新失败，请联系管理员',
+                type: 'error'
+              });
             }
-
-        }, created() {
-
-        }, watch: {},
-        computed: {}, mounted() {
-            this.$store.dispatch('doappInfoIndex', [[5, 5], [5, 5]]);
-            this.getapptimelineFun();
-        }, filters: {
-            downcontent(content) {
-                if (content) {
-                    return content
-                } else {
-                    return "修改下载地址"
-                }
-            },
-            formatdatatimeline: function (timestr) {
-                return timestr.split("T")[0];
-            },
-            formattimeline: function (timestr) {
-                return timestr.split(".")[0].split("T")[1];
-            },
-            getiOStype: function (type) {
-                let ftype = '';
-                if (type === 1) {
-                    ftype = '内测版'
-                } else if (type === 2) {
-                    ftype = '企业版'
-                }
-                return ftype
-            },
+          }, params
+      );
+    },
+    make_master_release(app) {
+      this.updatereleaseappFun({
+        "methods": "PUT",
+        "app_id": this.currentapp.app_id,
+        "release_id": app.release_id,
+        "data": {
+          "make_master": app.release_id
         }
+      });
+
+    },
+    endEdit(app, type) {
+      if (type === 'changelog') {
+        app.editing.changelog = false;
+
+      } else if (type === 'binary_url') {
+        app.editing.binary_url = false;
+      }
+    },
+    updateChangelog(app, type) {
+      if (type === 'changelog') {
+        this.activity.editing.changelog = false;
+        this.updatas = {"changelog": app.changelog}
+      } else if (type === 'binary_url') {
+        this.activity.editing.binary_url = false;
+        this.updatas = {"binary_url": app.binary_url}
+      }
+      this.updatereleaseappFun({
+        "methods": "PUT",
+        "app_id": this.currentapp.app_id,
+        "release_id": app.release_id,
+        "data": this.updatas
+      });
+      this.updatas = {}
+    },
+    startEdit(app, type) {
+      if (type === 'changelog') {
+
+        app.editing.changelog = true;
+      } else if (type === 'binary_url') {
+        app.editing.binary_url = true;
+      }
     }
+
+  }, created() {
+
+  }, watch: {},
+  computed: {}, mounted() {
+    this.$store.dispatch('doappInfoIndex', [[5, 5], [5, 5]]);
+    this.getapptimelineFun();
+  }, filters: {
+    downcontent(content) {
+      if (content) {
+        return content
+      } else {
+        return "修改下载地址"
+      }
+    },
+    formatdatatimeline: function (timestr) {
+      return timestr.split("T")[0];
+    },
+    formattimeline: function (timestr) {
+      return timestr.split(".")[0].split("T")[1];
+    },
+    getiOStype: function (type) {
+      let ftype = '';
+      if (type === 1) {
+        ftype = '内测版'
+      } else if (type === 2) {
+        ftype = '企业版'
+      }
+      return ftype
+    },
+  }
+}
 </script>
 
 <style scoped>
 
 
-    .directive-view-release {
-        position: relative;
-        padding-left: 80px;
-        color: #9b9b9b;
-    }
-
-    .directive-view-release > i {
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        height: 50px;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-        -webkit-box-pack: center;
-        -ms-flex-pack: center;
-        justify-content: center;
-        position: absolute;
-        left: 0;
-        z-index: 2;
-        width: 50px;
-        border: 1px solid rgba(151, 151, 151, .2);
-        border-radius: 50%;
-        background-color: #f6f6f6;
-        text-align: center;
-        font-size: 22px
-    }
-
-    .directive-view-release > i:before {
-        display: inline-block;
-        margin-top: 2px;
-        margin-left: 2px
-    }
-
-    .directive-view-release .release-metainfo {
-        margin-top: 2px
-    }
-
-    .directive-view-release .release-metainfo small {
-        display: inline-block;
-        vertical-align: middle;
-        margin: 8px 0;
-        line-height: 14px
-    }
-
-    .directive-view-release .release-metainfo small i, .directive-view-release .release-metainfo small span {
-        display: inline-block;
-        vertical-align: middle
-    }
-
-    .directive-view-release .release-metainfo small i {
-        margin-right: 2px;
-        line-height: 14px
-    }
-
-    .directive-view-release > b {
-        display: inline-block;
-        vertical-align: middle;
-        margin-right: 30px;
-        color: #4a4a4a;
-        font-weight: 400;
-        font-size: 20px
-    }
-
-    .directive-view-release pre, .directive-view-release textarea {
-        margin: 14px 0;
-        padding: 0;
-        border: 0;
-        background-color: transparent;
-        color: #4a4a4a;
-        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
-    }
-
-    .directive-view-release textarea {
-        padding: 12px 16px;
-        width: 500px;
-        height: 120px;
-        border-radius: 5px;
-        resize: none;
-        border: 1px solid #bdc6c7;
-        color: #555;
-        font-size: 16px
-    }
-
-    .directive-view-release .tooltip-top {
-        position: relative;
-        overflow: visible;
-        color: #9b9b9b;
-    }
-
-
-    .directive-view-release .release-actions {
-        margin-top: 10px;
-        position: relative
-    }
-
-    .directive-view-release .release-actions a, .directive-view-release .release-actions button {
-        display: inline-block;
-        vertical-align: middle;
-        margin-right: 8px;
-        background-color: transparent;
-        border: 1px solid;
-        overflow: hidden;
-        border-radius: 17px;
-        padding: 4px 10px
-    }
-
-    .directive-view-release .release-actions .tooltip-top {
-        overflow: visible;
-        position: relative
-    }
-
-    .directive-view-release .release-actions a i, .directive-view-release .release-actions button i {
-        display: inline-block;
-        vertical-align: middle
-    }
-
-    .directive-view-release .release-actions a.btn-save, .directive-view-release .release-actions button.btn-save {
-        border-color: #3d6df8;
-        background-color: #92c1f8;
-        color: #fff
-    }
-
-    .directive-view-release .release-actions a.btn-cancel, .directive-view-release .release-actions button.btn-cancel {
-        border: 0;
-    }
-
-    .directive-view-release .release-actions a.btn-cancel:hover, .directive-view-release .release-actions button.btn-cancel:hover {
-        color: #686868
-    }
-
-    .directive-view-release .release-actions a {
-        color: #9b9b9b
-    }
-
-    .directive-view-release .release-actions a:focus, .directive-view-release .release-actions a:hover {
-        text-decoration: none
-    }
-
-
-    .directive-view-release .release-actions .has-text i {
-        border-right: 1px solid
-    }
-
-    .directive-view-release .release-actions.editing {
-        margin-top: 0;
-        text-align: right;
-        width: 500px
-    }
-
-    .time-line-more {
-        background: #F6F6F6;
-        border: 1px solid;
-        position: relative;
-        z-index: 99;
-        width: 160px;
-        padding: 10px 0;
-        border-radius: 40px;
-        margin-top: 10px;
-    }
+.directive-view-release {
+  position: relative;
+  padding-left: 80px;
+  color: #9b9b9b;
+}
+
+.directive-view-release > i {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  height: 50px;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  position: absolute;
+  left: 0;
+  z-index: 2;
+  width: 50px;
+  border: 1px solid rgba(151, 151, 151, .2);
+  border-radius: 50%;
+  background-color: #f6f6f6;
+  text-align: center;
+  font-size: 22px
+}
+
+.directive-view-release > i:before {
+  display: inline-block;
+  margin-top: 2px;
+  margin-left: 2px
+}
+
+.directive-view-release .release-metainfo {
+  margin-top: 2px
+}
+
+.directive-view-release .release-metainfo small {
+  display: inline-block;
+  vertical-align: middle;
+  margin: 8px 0;
+  line-height: 14px
+}
+
+.directive-view-release .release-metainfo small i, .directive-view-release .release-metainfo small span {
+  display: inline-block;
+  vertical-align: middle
+}
+
+.directive-view-release .release-metainfo small i {
+  margin-right: 2px;
+  line-height: 14px
+}
+
+.directive-view-release > b {
+  display: inline-block;
+  vertical-align: middle;
+  margin-right: 30px;
+  color: #4a4a4a;
+  font-weight: 400;
+  font-size: 20px
+}
+
+.directive-view-release pre, .directive-view-release textarea {
+  margin: 14px 0;
+  padding: 0;
+  border: 0;
+  background-color: transparent;
+  color: #4a4a4a;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
+}
+
+.directive-view-release textarea {
+  padding: 12px 16px;
+  width: 500px;
+  height: 120px;
+  border-radius: 5px;
+  resize: none;
+  border: 1px solid #bdc6c7;
+  color: #555;
+  font-size: 16px
+}
+
+.directive-view-release .tooltip-top {
+  position: relative;
+  overflow: visible;
+  color: #9b9b9b;
+}
+
+
+.directive-view-release .release-actions {
+  margin-top: 10px;
+  position: relative
+}
+
+.directive-view-release .release-actions a, .directive-view-release .release-actions button {
+  display: inline-block;
+  vertical-align: middle;
+  margin-right: 8px;
+  background-color: transparent;
+  border: 1px solid;
+  overflow: hidden;
+  border-radius: 17px;
+  padding: 4px 10px
+}
+
+.directive-view-release .release-actions .tooltip-top {
+  overflow: visible;
+  position: relative
+}
+
+.directive-view-release .release-actions a i, .directive-view-release .release-actions button i {
+  display: inline-block;
+  vertical-align: middle
+}
+
+.directive-view-release .release-actions a.btn-save, .directive-view-release .release-actions button.btn-save {
+  border-color: #3d6df8;
+  background-color: #92c1f8;
+  color: #fff
+}
+
+.directive-view-release .release-actions a.btn-cancel, .directive-view-release .release-actions button.btn-cancel {
+  border: 0;
+}
+
+.directive-view-release .release-actions a.btn-cancel:hover, .directive-view-release .release-actions button.btn-cancel:hover {
+  color: #686868
+}
+
+.directive-view-release .release-actions a {
+  color: #9b9b9b
+}
+
+.directive-view-release .release-actions a:focus, .directive-view-release .release-actions a:hover {
+  text-decoration: none
+}
+
+
+.directive-view-release .release-actions .has-text i {
+  border-right: 1px solid
+}
+
+.directive-view-release .release-actions.editing {
+  margin-top: 0;
+  text-align: right;
+  width: 500px
+}
+
+.time-line-more {
+  background: #F6F6F6;
+  border: 1px solid;
+  position: relative;
+  z-index: 99;
+  width: 160px;
+  padding: 10px 0;
+  border-radius: 40px;
+  margin-top: 10px;
+}
 </style>
diff --git a/fir_client/src/components/apps/FirApps.vue b/fir_client/src/components/apps/FirApps.vue
index 795c21c..d520772 100644
--- a/fir_client/src/components/apps/FirApps.vue
+++ b/fir_client/src/components/apps/FirApps.vue
@@ -1,1731 +1,1739 @@
 <template>
-    <el-container>
-        <el-header style="height: 100px">
-            <el-dialog
-                    :visible.sync="show_buy_download_times"
-                    width="780px"
-                    :close-on-click-modal="false"
-                    :close-on-press-escape="false"
-                    center>
+  <el-container>
+    <el-header style="height: 100px">
+      <el-dialog
+          :close-on-click-modal="false"
+          :close-on-press-escape="false"
+          :visible.sync="show_buy_download_times"
+          center
+          width="780px">
 
                     <span slot="title" style="color: #313639;font-size: 28px; margin-bottom: 14px;">
                         购买下载次数包
                     </span>
 
-                <div class="packages" style="max-width: 768px;">
-                    <div class="package-item" v-for="(packages,index) in data_package_prices" :key="packages.name">
-                        <div class="arraw-badge" v-if="index===1"><span>荐</span> <span class="arraw"/></div>
-                        <div class="package-content">
-                            <div class="money ">￥{{ packages.price / 100 }}</div>
-                            <div class="times ">{{ packages.package_size |formatMoney }}</div>
-                            <div class="unit" style="font-size: 14px;color: #869096">累计下载次数</div>
-                            <div class="text-gift" v-if="packages.download_count_gift">{ 赠 <span>{{ packages.download_count_gift }}</span>
-                                次 }
-                            </div>
-                        </div>
-                        <div class="package-actions">
-                            <el-radio v-model="default_price_radio" :label="packages.name" border>
-                                <span>此套餐</span>
-                                <span class="pay-current" v-if="default_price_radio === packages.name"
-                                      :style="{background:`url(${pay_image.selected}) right bottom/100% no-repeat`}"/>
-
-                            </el-radio>
-                        </div>
-                    </div>
+        <div class="packages" style="max-width: 768px;">
+          <div v-for="(packages,index) in data_package_prices" :key="packages.name" class="package-item">
+            <div v-if="index===1" class="arraw-badge"><span>荐</span> <span class="arraw"/></div>
+            <div class="package-content">
+              <div class="money ">￥{{ packages.price / 100 }}</div>
+              <div class="times ">{{ packages.package_size |formatMoney }}</div>
+              <div class="unit" style="font-size: 14px;color: #869096">累计下载次数</div>
+              <div v-if="packages.download_count_gift" class="text-gift">{ 赠 <span>{{
+                  packages.download_count_gift
+                }}</span>
+                次 }
+              </div>
+            </div>
+            <div class="package-actions">
+              <el-radio v-model="default_price_radio" :label="packages.name" border>
+                <span>此套餐</span>
+                <span v-if="default_price_radio === packages.name" :style="{background:`url(${pay_image.selected}) right bottom/100% no-repeat`}"
+                      class="pay-current"/>
+
+              </el-radio>
+            </div>
+          </div>
 
-                </div>
-                <div>
-                    <div style="margin-top: 30px;text-align: center">
-                        <el-radio v-model="default_pay_radio" :label="pay.name" border v-for="pay in pay_choices"
-                                  :key="pay.name">
-                            <span style="color: white">xxxxxxxxxxxxxx</span>
-                            <span style="width: 160px; height: 45px">
-                                    <span class="pay-icon alipay" :style="{backgroundImage:`url(${pay_image.ali})`}"
-                                          v-if="pay.type === 'ALI'"/>
-                                    <span class="pay-icon" :style="{backgroundImage:`url(${pay_image.wx})`}"
-                                          v-if="pay.type === 'WX'"/>
-                                    <span class="pay-current" v-if="default_pay_radio === pay.name"
-                                          :style="{background:`url(${pay_image.selected}) right bottom/100% no-repeat` }"/>
+        </div>
+        <div>
+          <div style="margin-top: 30px;text-align: center">
+            <el-radio v-for="pay in pay_choices" :key="pay.name" v-model="default_pay_radio" :label="pay.name"
+                      border>
+              <span style="color: white">xxxxxxxxxxxxxx</span>
+              <span style="width: 160px; height: 45px">
+                                    <span v-if="pay.type === 'ALI'" :style="{backgroundImage:`url(${pay_image.ali})`}"
+                                          class="pay-icon alipay"/>
+                                    <span v-if="pay.type === 'WX'" :style="{backgroundImage:`url(${pay_image.wx})`}"
+                                          class="pay-icon"/>
+                                    <span v-if="default_pay_radio === pay.name" :style="{background:`url(${pay_image.selected}) right bottom/100% no-repeat` }"
+                                          class="pay-current"/>
                                 </span>
-                        </el-radio>
-                    </div>
+            </el-radio>
+          </div>
 
-                    <div style="text-align: center">
-                        <el-button type="primary" :disabled="buy_button_disable" @click="buy"
-                                   style="margin-top:30px;width: 166px"> 立即支付
-                        </el-button>
-                    </div>
+          <div style="text-align: center">
+            <el-button :disabled="buy_button_disable" style="margin-top:30px;width: 166px" type="primary"
+                       @click="buy"> 立即支付
+            </el-button>
+          </div>
 
-                </div>
+        </div>
 
-                <span slot="footer">
+        <span slot="footer">
                         {{ PaymentQuestionMsg }}
                     </span>
-            </el-dialog>
+      </el-dialog>
 
-            <el-dialog
-                    :title="getDelappTitle"
-                    :visible.sync="willDeleteApp"
-                    width="666px">
+      <el-dialog
+          :title="getDelappTitle"
+          :visible.sync="willDeleteApp"
+          width="666px">
 
-                <span v-if="delapp.issupersign">该应用开启了超级签名，执行删除操作，将会删除相关开发者账户下的证书等数据，可能会导致已经下载的APP闪退，并且删除后不可恢复，请谨慎操作</span>
-                <span v-else>删除后不可恢复，请谨慎操作</span>
+        <span v-if="delapp.issupersign">该应用开启了超级签名，执行删除操作，将会删除相关开发者账户下的证书等数据，可能会导致已经下载的APP闪退，并且删除后不可恢复，请谨慎操作</span>
+        <span v-else>删除后不可恢复，请谨慎操作</span>
 
-                <span slot="footer" class="dialog-footer">
+        <span slot="footer" class="dialog-footer">
                         <el-button @click="willDeleteApp = false">取 消</el-button>
                         <el-button type="danger" @click="delApp">确 定</el-button>
                     </span>
-            </el-dialog>
-
-            <el-dialog
-                    :title="`应用批量上传，`+multiFileList.filter(function(val){return val}).length +` 个应用待上传`"
-                    :visible.sync="multiupload"
-                    @closed="closeUpload"
-                    :destroy-on-close="true"
-                    :close-on-click-modal="false"
-                    :close-on-press-escape="false"
-                    :center="true"
-                    width="766px">
-                <el-table
-                        :data="multiFileList"
-                        stripe
-                        border
-                        height="366px"
-                        style="width: 100%">
-                    <el-table-column
-                            prop="name"
-                            align="center"
-                            label="文件名称">
-                    </el-table-column>
-                    <el-table-column
-                            prop="size"
-                            label="文件大小"
-                            align="center"
-                            width="80">
-                        <template slot-scope="scope">
-                            {{ scope.row.size|diskSize }}
-                        </template>
-                    </el-table-column>
-                    <el-table-column
-                            label="短连接"
-                            align="center"
-                            width="70">
-                        <template slot-scope="scope">
-                            {{ uploadprocess[uploadprocessList[multiFileList.indexOf(scope.row)]].short }}
-                        </template>
-                    </el-table-column>
-                    <el-table-column
-                            align="center"
-                            label="应用名称">
-                        <template slot-scope="scope">
-                            {{ uploadprocess[uploadprocessList[multiFileList.indexOf(scope.row)]].appname }}
-                        </template>
-                    </el-table-column>
-                    <el-table-column
-                            width="80"
-                            align="center"
-                            label="上传进度">
-                        <template slot-scope="scope">
-                            {{ uploadprocess[uploadprocessList[multiFileList.indexOf(scope.row)]].process }} %
-                        </template>
-                    </el-table-column>
-                    <el-table-column
-                            width="100"
-                            align="center"
-                            label="上传速度">
-                        <template slot-scope="scope">
-                            {{ uploadprocess[uploadprocessList[multiFileList.indexOf(scope.row)]].speed }}/s
-                        </template>
-                    </el-table-column>
-                </el-table>
-
-                <span slot="footer" class="dialog-footer">
+      </el-dialog>
+
+      <el-dialog
+          :center="true"
+          :close-on-click-modal="false"
+          :close-on-press-escape="false"
+          :destroy-on-close="true"
+          :title="`应用批量上传，`+multiFileList.filter(function(val){return val}).length +` 个应用待上传`"
+          :visible.sync="multiupload"
+          width="766px"
+          @closed="closeUpload">
+        <el-table
+            :data="multiFileList"
+            border
+            height="366px"
+            stripe
+            style="width: 100%">
+          <el-table-column
+              align="center"
+              label="文件名称"
+              prop="name">
+          </el-table-column>
+          <el-table-column
+              align="center"
+              label="文件大小"
+              prop="size"
+              width="80">
+            <template slot-scope="scope">
+              {{ scope.row.size|diskSize }}
+            </template>
+          </el-table-column>
+          <el-table-column
+              align="center"
+              label="短连接"
+              width="70">
+            <template slot-scope="scope">
+              {{ uploadprocess[uploadprocessList[multiFileList.indexOf(scope.row)]].short }}
+            </template>
+          </el-table-column>
+          <el-table-column
+              align="center"
+              label="应用名称">
+            <template slot-scope="scope">
+              {{ uploadprocess[uploadprocessList[multiFileList.indexOf(scope.row)]].appname }}
+            </template>
+          </el-table-column>
+          <el-table-column
+              align="center"
+              label="上传进度"
+              width="80">
+            <template slot-scope="scope">
+              {{ uploadprocess[uploadprocessList[multiFileList.indexOf(scope.row)]].process }} %
+            </template>
+          </el-table-column>
+          <el-table-column
+              align="center"
+              label="上传速度"
+              width="100">
+            <template slot-scope="scope">
+              {{ uploadprocess[uploadprocessList[multiFileList.indexOf(scope.row)]].speed }}/s
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <span slot="footer" class="dialog-footer">
                         <el-button plain @click="closeUpload">取 消</el-button>
-                        <el-button type="primary" plain @click="multiuploadFun"
-                                   :disabled="multiuploaddisable">开始上传</el-button>
+                        <el-button :disabled="multiuploaddisable" plain type="primary"
+                                   @click="multiuploadFun">开始上传</el-button>
                     </span>
-            </el-dialog>
-
-            <el-dialog class="upload-app"
-                       style="position: fixed"
-                       :visible.sync="willuploadApp"
-                       :destroy-on-close="true"
-                       :show-close="!uploading"
-                       width="666px"
-                       :close-on-click-modal="false"
-                       @closed="closeUpload">
-                <div v-if="!uploading">
-                    <el-row :gutter="20">
-                        <el-col :span="6">
-                            <div class="grid-content bg-purple">
-                                <div style="width: 100px;height: 100px">
-                                    <el-avatar shape="square" :size="100" :src="analyseappinfo.icon"/>
-                                </div>
-                            </div>
-                        </el-col>
-                        <el-col :span="18">
-                            <div class="grid-content bg-purple">
-                                <el-row :gutter="20" style=" margin-top: 8px;">
-                                    <el-col :span="18">
-                                        {{ analyseappinfo.version}} (Build {{ analyseappinfo.buildversion}}) {{
-                                        analyseappinfo.release_type_id|getiOStype}}
-                                        <el-link :underline="false"
-                                                 v-if="analyseappinfo.udid && analyseappinfo.udid.length > 0"
-                                                 @click="showUDID(analyseappinfo)">- {{ analyseappinfo.udid.length
-                                            }} UDID
-                                        </el-link>
-                                    </el-col>
-                                    <el-col :span="6" v-if="analyseappinfo.sign && analyseappinfo.type === 'iOS'">
-                                        <el-checkbox v-model="enable_sign">开启超级签</el-checkbox>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20" style="margin-top: 18px;">
-                                    <el-col :span="18">
-                                        <el-input v-model="analyseappinfo.appname"/>
-                                    </el-col>
-
-                                </el-row>
-                            </div>
-                        </el-col>
-                    </el-row>
-                    <el-divider/>
-
-                    <el-row :gutter="20">
-
-                        <el-col :span="6">
-                            <div class="grid-content bg-purple">
-                                <el-row :gutter="20" style="margin-top: 18px;">
-                                    <el-col :span="18" :offset="8">
-                                        <span>短连接</span>
-                                    </el-col>
-                                </el-row>
-                            </div>
-                        </el-col>
-                        <el-col :span="18">
-                            <div class="grid-content bg-purple">
-                                <el-row :gutter="20" style="margin-top: 10px;">
-                                    <el-col :span="18">
-                                        <el-input v-model="short">
-                                            <template slot="prepend">{{analyseappinfo.short_domain_name}}/</template>
-                                        </el-input>
-                                    </el-col>
-                                </el-row>
-                            </div>
-                        </el-col>
-                    </el-row>
-
-                    <el-row :gutter="20">
-
-                        <el-col :span="6">
-                            <div class="grid-content bg-purple">
-                                <el-row :gutter="20" style="margin-top: 18px;">
-                                    <el-col :span="18" :offset="8">
-                                        <span>更新日志</span>
-                                    </el-col>
-                                </el-row>
-                            </div>
-                        </el-col>
-                        <el-col :span="18">
-                            <div class="grid-content bg-purple">
-                                <el-row :gutter="20" style="margin-top: 10px;">
-                                    <el-col :span="18">
-                                        <el-input type="textarea"
-                                                  v-model="analyseappinfo.changelog"
-                                                  placeholder="请输入内容"
-                                                  rows="5"
-                                                  show-word-limit/>
-                                    </el-col>
-                                </el-row>
-                            </div>
-                        </el-col>
-                    </el-row>
-
+      </el-dialog>
+
+      <el-dialog :close-on-click-modal="false"
+                 :destroy-on-close="true"
+                 :show-close="!uploading"
+                 :visible.sync="willuploadApp"
+                 class="upload-app"
+                 style="position: fixed"
+                 width="666px"
+                 @closed="closeUpload">
+        <div v-if="!uploading">
+          <el-row :gutter="20">
+            <el-col :span="6">
+              <div class="grid-content bg-purple">
+                <div style="width: 100px;height: 100px">
+                  <el-avatar :size="100" :src="analyseappinfo.icon" shape="square"/>
                 </div>
-                <div v-if="uploading">
-                    <!--                        <canvas ref="canvas" class="canvas"/>-->
-                    <div class="wrap">
-                        <!--包裹所有元素的容器-->
-                        <div class="cube">
-                            <!--前面图片 -->
-                            <div class="out_front">
-                                <img src="@/assets/imgs/1.png" class="pic" alt="">
-                            </div>
-                            <!--后面图片 -->
-                            <div class="out_back">
-                                <img src="@/assets/imgs/5.png" class="pic" alt="">
-                            </div>
-                            <!--左面图片 -->
-                            <div class="out_left">
-                                <img src="@/assets/imgs/6.png" class="pic" alt="">
-                            </div>
-                            <!--右面图片 -->
-                            <div class="out_right">
-                                <img src="@/assets/imgs/7.png" class="pic" alt="">
-                            </div>
-                            <!--上面图片 -->
-                            <div class="out_top">
-                                <img src="@/assets/imgs/8.png" class="pic" alt="">
-                            </div>
-                            <!--下面图片 -->
-                            <div class="out_bottom">
-                                <img src="@/assets/imgs/9.png" class="pic" alt="">
-                            </div>
-
-                            <!--小正方体 -->
-                            <span class="in_front">
-                                    <img :src="this.analyseappinfo.icon" class="in_pic" alt="">
+              </div>
+            </el-col>
+            <el-col :span="18">
+              <div class="grid-content bg-purple">
+                <el-row :gutter="20" style=" margin-top: 8px;">
+                  <el-col :span="18">
+                    {{ analyseappinfo.version }} (Build {{ analyseappinfo.buildversion }}) {{
+                      analyseappinfo.release_type_id|getiOStype
+                    }}
+                    <el-link v-if="analyseappinfo.udid && analyseappinfo.udid.length > 0"
+                             :underline="false"
+                             @click="showUDID(analyseappinfo)">- {{
+                        analyseappinfo.udid.length
+                      }} UDID
+                    </el-link>
+                  </el-col>
+                  <el-col v-if="analyseappinfo.sign && analyseappinfo.type === 'iOS'" :span="6">
+                    <el-checkbox v-model="enable_sign">开启超级签</el-checkbox>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="20" style="margin-top: 18px;">
+                  <el-col :span="18">
+                    <el-input v-model="analyseappinfo.appname"/>
+                  </el-col>
+
+                </el-row>
+              </div>
+            </el-col>
+          </el-row>
+          <el-divider/>
+
+          <el-row :gutter="20">
+
+            <el-col :span="6">
+              <div class="grid-content bg-purple">
+                <el-row :gutter="20" style="margin-top: 18px;">
+                  <el-col :offset="8" :span="18">
+                    <span>短连接</span>
+                  </el-col>
+                </el-row>
+              </div>
+            </el-col>
+            <el-col :span="18">
+              <div class="grid-content bg-purple">
+                <el-row :gutter="20" style="margin-top: 10px;">
+                  <el-col :span="18">
+                    <el-input v-model="short">
+                      <template slot="prepend">{{ analyseappinfo.short_domain_name }}/</template>
+                    </el-input>
+                  </el-col>
+                </el-row>
+              </div>
+            </el-col>
+          </el-row>
+
+          <el-row :gutter="20">
+
+            <el-col :span="6">
+              <div class="grid-content bg-purple">
+                <el-row :gutter="20" style="margin-top: 18px;">
+                  <el-col :offset="8" :span="18">
+                    <span>更新日志</span>
+                  </el-col>
+                </el-row>
+              </div>
+            </el-col>
+            <el-col :span="18">
+              <div class="grid-content bg-purple">
+                <el-row :gutter="20" style="margin-top: 10px;">
+                  <el-col :span="18">
+                    <el-input v-model="analyseappinfo.changelog"
+                              placeholder="请输入内容"
+                              rows="5"
+                              show-word-limit
+                              type="textarea"/>
+                  </el-col>
+                </el-row>
+              </div>
+            </el-col>
+          </el-row>
+
+        </div>
+        <div v-if="uploading">
+          <!--                        <canvas ref="canvas" class="canvas"/>-->
+          <div class="wrap">
+            <!--包裹所有元素的容器-->
+            <div class="cube">
+              <!--前面图片 -->
+              <div class="out_front">
+                <img alt="" class="pic" src="@/assets/imgs/1.png">
+              </div>
+              <!--后面图片 -->
+              <div class="out_back">
+                <img alt="" class="pic" src="@/assets/imgs/5.png">
+              </div>
+              <!--左面图片 -->
+              <div class="out_left">
+                <img alt="" class="pic" src="@/assets/imgs/6.png">
+              </div>
+              <!--右面图片 -->
+              <div class="out_right">
+                <img alt="" class="pic" src="@/assets/imgs/7.png">
+              </div>
+              <!--上面图片 -->
+              <div class="out_top">
+                <img alt="" class="pic" src="@/assets/imgs/8.png">
+              </div>
+              <!--下面图片 -->
+              <div class="out_bottom">
+                <img alt="" class="pic" src="@/assets/imgs/9.png">
+              </div>
+
+              <!--小正方体 -->
+              <span class="in_front">
+                                    <img :src="this.analyseappinfo.icon" alt="" class="in_pic">
                                 </span>
-                            <span class="in_back">
-                                     <img :src="this.analyseappinfo.icon" class="in_pic" alt="">
+              <span class="in_back">
+                                     <img :src="this.analyseappinfo.icon" alt="" class="in_pic">
                                 </span>
-                            <span class="in_left">
-                                    <img :src="this.analyseappinfo.icon" class="in_pic" alt="">
+              <span class="in_left">
+                                    <img :src="this.analyseappinfo.icon" alt="" class="in_pic">
                                 </span>
-                            <span class="in_right">
-                                    <img :src="this.analyseappinfo.icon" class="in_pic" alt="">
+              <span class="in_right">
+                                    <img :src="this.analyseappinfo.icon" alt="" class="in_pic">
                                 </span>
-                            <span class="in_top">
-                                    <img :src="this.analyseappinfo.icon" class="in_pic" alt="">
+              <span class="in_top">
+                                    <img :src="this.analyseappinfo.icon" alt="" class="in_pic">
                                 </span>
-                            <span class="in_bottom">
-                                    <img :src="this.analyseappinfo.icon" class="in_pic" alt="">
+              <span class="in_bottom">
+                                    <img :src="this.analyseappinfo.icon" alt="" class="in_pic">
                                 </span>
-                        </div>
+            </div>
 
-                    </div>
-                </div>
-                <span slot="footer" class="dialog-footer" v-if="currentfile&& currentfile.uid">
+          </div>
+        </div>
+        <span v-if="currentfile&& currentfile.uid" slot="footer" class="dialog-footer">
                     <span v-if="uploadflag === true">
                          {{ uploadprocess[uploadprocessList[multiFileList.indexOf(currentfile)]].speed }}/s
-                            <el-progress :text-inside="true" :stroke-width="26"
-                                         :percentage="uploadprocess[uploadprocessList[multiFileList.indexOf(currentfile)]].process"/>
+                            <el-progress :percentage="uploadprocess[uploadprocessList[multiFileList.indexOf(currentfile)]].process" :stroke-width="26"
+                                         :text-inside="true"/>
                     </span>
-                        <el-button type="primary" plain
-                                   @click="uploadcloud(analyseappinfo,currentfile,false,getappsFun)" v-else>{{ analyseappinfo.is_new|get_upload_text}}</el-button>
+                        <el-button v-else plain
+                                   type="primary"
+                                   @click="uploadcloud(analyseappinfo,currentfile,false,getappsFun)">{{ analyseappinfo.is_new|get_upload_text }}</el-button>
                   </span>
-            </el-dialog>
-
-            <el-row>
-                <el-col :span="3">
-                    <el-radio-group v-model="searchfromtype">
-                        <el-radio-button label="android" icon="el-icon-mobile-phone"><i
-                                class="iconfont icon-android2"/>
-                        </el-radio-button>
-                        <el-radio-button label="ios"><i class="iconfont icon-ios"/>
-                        </el-radio-button>
-                    </el-radio-group>
-
-                </el-col>
-                <el-col :span="5">
-                    <el-row>
-                        <el-col :span="20">
-                            <el-input
-                                    placeholder="请输入名称搜索"
-                                    v-model="keysearch"
-                                    @click="searchapps"
-                                    @keyup.enter.native="searchapps"
-                                    clearable>
-                            </el-input>
-                        </el-col>
-                        <el-col :span="2">
-
-                            <el-button icon="el-icon-search" @click="searchFun">
-                            </el-button>
-                        </el-col>
-                    </el-row>
-                </el-col>
-                <el-col :span="4" class="surplus-card">
-                    <el-row>
-                        <el-col :span="12">
-                            <div>
-                                <span class="name">iOS应用</span>
-                                <el-divider direction="vertical"/>
-                            </div>
-                            <div>
-                                <span class="value">{{ hdata.ios_count }}</span>
-                                <el-divider direction="vertical"/>
-                            </div>
-                        </el-col>
-
-                        <el-col :span="12">
-                            <div>
-                                <span class="name">Android应用</span>
-                                <el-divider direction="vertical"/>
-                            </div>
-                            <div>
-                                <span class="value">{{ hdata.android_count }}</span>
-                                <el-divider direction="vertical"/>
-                            </div>
-                        </el-col>
-                    </el-row>
-                </el-col>
-
-                <el-col :span="5" class="surplus-card">
-                    <el-row>
-                        <el-col :span="12">
-                            <div>
-                                <span class="name">今日苹果下载次数</span>
-                                <el-divider direction="vertical"/>
-                            </div>
-                            <div>
-                                <span class="value">{{ hdata.ios_today_hits_count }}</span>
-                                <el-divider direction="vertical"/>
-                            </div>
-                        </el-col>
-
-                        <el-col :span="12">
-                            <div>
-                                <span class="name">今日安卓下载次数</span>
-                                <el-divider direction="vertical"/>
-                            </div>
-                            <div>
-                                <span class="value">{{ hdata.android_today_hits_count }}</span>
-                                <el-divider direction="vertical"/>
-                            </div>
-                        </el-col>
-                    </el-row>
-                </el-col>
-
-
-                <el-col :span="7" class="surplus-card">
-                    <el-row>
-                        <el-col :span="9">
-                            <div>
-                                <el-tooltip placement="top">
-                                    <div slot="content">
-                                        1.账号下所有应用共用此剩余下载次数<br/>
-                                        2.每日凌晨 0 点自动重置下载次数<br/>
-                                    </div>
-                                    <span class="name">今日剩余免费次数</span>
-                                </el-tooltip>
-                                <el-divider direction="vertical"/>
-                            </div>
-                            <div>
-                                <span class="value">{{$store.state.userinfo.free_download_times }}</span>
-                                <el-divider direction="vertical"/>
-                            </div>
-                        </el-col>
-
-                        <el-col :span="8">
-                            <div>
-                                <el-tooltip placement="top">
-                                    <div slot="content">1.下载次数包没有时间限制，用完为止<br/>2.购买的下载次数包为总下载量，不会每日重置</div>
-                                    <span class="name">剩余付费次数</span>
-                                </el-tooltip>
-                                <el-divider direction="vertical"/>
-                            </div>
-                            <div>
-                                <span class="value">{{$store.state.userinfo.download_times }}</span>
-                                <el-divider direction="vertical"/>
-                            </div>
-                        </el-col>
-
-                        <el-col :span="6">
-                            <div>
-                                <el-tooltip placement="top">
-                                    <div slot="content">
-                                        1.下载应用，每100M消耗一次下载次数<br>
-                                        2.超级签下载，下载消耗次数翻倍<br>
-                                    </div>
-                                    <span class="name">购买次数</span>
-                                </el-tooltip>
-                            </div>
-                            <div>
-                                <el-button class="action" size="small" icon="el-icon-shopping-cart-1"
-                                           @click="show_package_prices"/>
-                            </div>
-                        </el-col>
-
-                    </el-row>
-                </el-col>
-            </el-row>
-
-        </el-header>
-        <div ref="appmain" style="margin: 40px 10px;height: 100%;width:1166px">
-            <el-row style="max-height: 460px; margin: 0 auto;" :gutter="10" class="page-apps">
-
-                <el-col style="width: 30%;height: 460px ;margin-left: 2%">
-                    <div class=" app-animator appdownload">
-                        <div class=" card app card-ios" style="padding: 0">
-                            <el-upload
-                                    drag
-                                    ref="upload"
-                                    :on-change="onUploadChange"
-                                    :show-file-list="false"
-                                    accept=".ipa , .apk"
-                                    action="#"
-                                    :auto-upload="false"
-                                    :limit="50"
-                                    multiple>
-                                <i class="el-icon-upload" style="color: #fff"/>
-                                <div class="el-upload__text" style="color: #fff;margin-top: 20px">拖拽到这里上传</div>
-                            </el-upload>
-
-                        </div>
-                    </div>
-
-                </el-col>
-                <el-col style="width: 30%;height: 460px;margin-left: 2%"
-                        v-for="(r,index) in applists" :key="r.id" @click="appInfos(index)">
-
-                    <div class=" app-animator">
-                        <div class="card app card-ios">
-
-                            <i class=" type-icon iconfont icon-ios" v-if="r.type === 1"/>
-                            <i class="type-icon iconfont icon-android2" v-if="r.type === 0"/>
-
-                            <div class="type-mark" v-if="r.type === 1"></div>
-                            <div class="type-mark" style="border-top: 48px solid #A4C639" v-if="r.type === 0"></div>
-                            <a class="appicon" @click="appInfos(r)">
-                                <img class="icon ng-isolate-scope" width="100" height="100"
-                                     :src="r.master_release.icon_url|make_icon_url" alt=""></a>
-
-                            <div class="combo-info ng-scope" v-if="r.has_combo !== null ">
-                                <i class="el-icon-copy-document" style="transform:rotateX(180deg);"/>
-                                <a @click="appInfos(r.has_combo)">
-                                    <img class="icon ng-isolate-scope" width="45" height="45"
-                                         :src="r.has_combo.master_release.icon_url|make_icon_url" alt="">
-                                </a>
-                            </div>
-                            <br>
-                            <p class="appname"><i class="el-icon-user-solid"/><span
-                                    class="ng-binding">{{ r.name }}</span>
-                            </p>
-                            <table>
-                                <tbody>
-                                <tr>
-                                    <td class="ng-binding">应用大小：</td>
-                                    <td><span
-                                            class="ng-binding">{{ r.master_release.binary_size  }}</span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="ng-binding">应用平台：</td>
-                                    <td><span class="ng-binding">{{ r.type |getapptype }}</span></td>
-                                </tr>
-                                <tr>
-                                    <td class="ng-binding">应用标识：</td>
-                                    <td><span class="ng-binding">{{ r.bundle_id | autoformat }}</span></td>
-                                </tr>
-                                <tr>
-                                    <td class="ng-binding">最新版本：</td>
-                                    <td><span class="ng-binding">{{ r.master_release.app_version }}（Build {{ r.master_release.build_version }}）</span>
-                                    </td>
-                                </tr>
-                                <tr v-if="r.type === 1 && r.master_release.binary_url === ''">
-                                    <td class="ng-binding">打包类型：</td>
-                                    <td>
+      </el-dialog>
+
+      <el-row>
+        <el-col :span="3">
+          <el-radio-group v-model="searchfromtype">
+            <el-radio-button icon="el-icon-mobile-phone" label="android"><i
+                class="iconfont icon-android2"/>
+            </el-radio-button>
+            <el-radio-button label="ios"><i class="iconfont icon-ios"/>
+            </el-radio-button>
+          </el-radio-group>
+
+        </el-col>
+        <el-col :span="5">
+          <el-row>
+            <el-col :span="20">
+              <el-input
+                  v-model="keysearch"
+                  clearable
+                  placeholder="请输入名称搜索"
+                  @click="searchapps"
+                  @keyup.enter.native="searchapps">
+              </el-input>
+            </el-col>
+            <el-col :span="2">
+
+              <el-button icon="el-icon-search" @click="searchFun">
+              </el-button>
+            </el-col>
+          </el-row>
+        </el-col>
+        <el-col :span="4" class="surplus-card">
+          <el-row>
+            <el-col :span="12">
+              <div>
+                <span class="name">iOS应用</span>
+                <el-divider direction="vertical"/>
+              </div>
+              <div>
+                <span class="value">{{ hdata.ios_count }}</span>
+                <el-divider direction="vertical"/>
+              </div>
+            </el-col>
+
+            <el-col :span="12">
+              <div>
+                <span class="name">Android应用</span>
+                <el-divider direction="vertical"/>
+              </div>
+              <div>
+                <span class="value">{{ hdata.android_count }}</span>
+                <el-divider direction="vertical"/>
+              </div>
+            </el-col>
+          </el-row>
+        </el-col>
+
+        <el-col :span="5" class="surplus-card">
+          <el-row>
+            <el-col :span="12">
+              <div>
+                <span class="name">今日苹果下载次数</span>
+                <el-divider direction="vertical"/>
+              </div>
+              <div>
+                <span class="value">{{ hdata.ios_today_hits_count }}</span>
+                <el-divider direction="vertical"/>
+              </div>
+            </el-col>
+
+            <el-col :span="12">
+              <div>
+                <span class="name">今日安卓下载次数</span>
+                <el-divider direction="vertical"/>
+              </div>
+              <div>
+                <span class="value">{{ hdata.android_today_hits_count }}</span>
+                <el-divider direction="vertical"/>
+              </div>
+            </el-col>
+          </el-row>
+        </el-col>
+
+
+        <el-col :span="7" class="surplus-card">
+          <el-row>
+            <el-col :span="9">
+              <div>
+                <el-tooltip placement="top">
+                  <div slot="content">
+                    1.账号下所有应用共用此剩余下载次数<br/>
+                    2.每日凌晨 0 点自动重置下载次数<br/>
+                  </div>
+                  <span class="name">今日剩余免费次数</span>
+                </el-tooltip>
+                <el-divider direction="vertical"/>
+              </div>
+              <div>
+                <span class="value">{{ $store.state.userinfo.free_download_times }}</span>
+                <el-divider direction="vertical"/>
+              </div>
+            </el-col>
+
+            <el-col :span="8">
+              <div>
+                <el-tooltip placement="top">
+                  <div slot="content">1.下载次数包没有时间限制，用完为止<br/>2.购买的下载次数包为总下载量，不会每日重置</div>
+                  <span class="name">剩余付费次数</span>
+                </el-tooltip>
+                <el-divider direction="vertical"/>
+              </div>
+              <div>
+                <span class="value">{{ $store.state.userinfo.download_times }}</span>
+                <el-divider direction="vertical"/>
+              </div>
+            </el-col>
+
+            <el-col :span="6">
+              <div>
+                <el-tooltip placement="top">
+                  <div slot="content">
+                    1.下载应用，每100M消耗一次下载次数<br>
+                    2.超级签下载，下载消耗次数翻倍<br>
+                  </div>
+                  <span class="name">购买次数</span>
+                </el-tooltip>
+              </div>
+              <div>
+                <el-button class="action" icon="el-icon-shopping-cart-1" size="small"
+                           @click="show_package_prices"/>
+              </div>
+            </el-col>
+
+          </el-row>
+        </el-col>
+      </el-row>
+
+    </el-header>
+    <div ref="appmain" style="margin: 40px 10px;height: 100%;width:1166px">
+      <el-row :gutter="10" class="page-apps" style="max-height: 460px; margin: 0 auto;">
+
+        <el-col style="width: 30%;height: 460px ;margin-left: 2%">
+          <div class=" app-animator appdownload">
+            <div class=" card app card-ios" style="padding: 0">
+              <el-upload
+                  ref="upload"
+                  :auto-upload="false"
+                  :limit="50"
+                  :on-change="onUploadChange"
+                  :show-file-list="false"
+                  accept=".ipa , .apk"
+                  action="#"
+                  drag
+                  multiple>
+                <i class="el-icon-upload" style="color: #fff"/>
+                <div class="el-upload__text" style="color: #fff;margin-top: 20px">拖拽到这里上传</div>
+              </el-upload>
+
+            </div>
+          </div>
+
+        </el-col>
+        <el-col v-for="(r,index) in applists"
+                :key="r.id" style="width: 30%;height: 460px;margin-left: 2%" @click="appInfos(index)">
+
+          <div class=" app-animator">
+            <div class="card app card-ios">
+
+              <i v-if="r.type === 1" class=" type-icon iconfont icon-ios"/>
+              <i v-if="r.type === 0" class="type-icon iconfont icon-android2"/>
+
+              <div v-if="r.type === 1" class="type-mark"></div>
+              <div v-if="r.type === 0" class="type-mark" style="border-top: 48px solid #A4C639"></div>
+              <a class="appicon" @click="appInfos(r)">
+                <img :src="r.master_release.icon_url|make_icon_url" alt="" class="icon ng-isolate-scope"
+                     height="100" width="100"></a>
+
+              <div v-if="r.has_combo !== null " class="combo-info ng-scope">
+                <i class="el-icon-copy-document" style="transform:rotateX(180deg);"/>
+                <a @click="appInfos(r.has_combo)">
+                  <img :src="r.has_combo.master_release.icon_url|make_icon_url" alt="" class="icon ng-isolate-scope"
+                       height="45" width="45">
+                </a>
+              </div>
+              <br>
+              <p class="appname"><i class="el-icon-user-solid"/><span
+                  class="ng-binding">{{ r.name }}</span>
+              </p>
+              <table>
+                <tbody>
+                <tr>
+                  <td class="ng-binding">应用大小：</td>
+                  <td><span
+                      class="ng-binding">{{ r.master_release.binary_size }}</span>
+                  </td>
+                </tr>
+                <tr>
+                  <td class="ng-binding">应用平台：</td>
+                  <td><span class="ng-binding">{{ r.type |getapptype }}</span></td>
+                </tr>
+                <tr>
+                  <td class="ng-binding">应用标识：</td>
+                  <td><span class="ng-binding">{{ r.bundle_id | autoformat }}</span></td>
+                </tr>
+                <tr>
+                  <td class="ng-binding">最新版本：</td>
+                  <td><span class="ng-binding">{{
+                      r.master_release.app_version
+                    }}（Build {{ r.master_release.build_version }}）</span>
+                  </td>
+                </tr>
+                <tr v-if="r.type === 1 && r.master_release.binary_url === ''">
+                  <td class="ng-binding">打包类型：</td>
+                  <td>
                                             <span class="ng-binding">
                                                 {{ r.master_release.release_type|getiOStype }}
                                                 <span v-if="r.issupersign">超级签名</span>
                                             </span>
-                                    </td>
-                                </tr>
-                                <tr v-if=" r.master_release.binary_url !== ''">
-                                    <td>第三方平台下载：</td>
-                                    <td>
+                  </td>
+                </tr>
+                <tr v-if=" r.master_release.binary_url !== ''">
+                  <td>第三方平台下载：</td>
+                  <td>
                                            <span>
                                             <el-tooltip :content="r.master_release.binary_url" placement="top">
-                                                <a target="_blank" :href="r.master_release.binary_url">{{ r.master_release.binary_url| autoformat}}</a>
+                                                <a :href="r.master_release.binary_url"
+                                                   target="_blank">{{ r.master_release.binary_url| autoformat }}</a>
                                             </el-tooltip>
                                             </span>
-                                    </td>
-                                </tr>
+                  </td>
+                </tr>
 
-                                </tbody>
-                            </table>
+                </tbody>
+              </table>
 
-                            <div class="action">
-                                <el-button @click="appInfos(r)">
-                                    <i class="icon-pen el-icon-edit"/> 管理
-                                </el-button>
+              <div class="action">
+                <el-button @click="appInfos(r)">
+                  <i class="icon-pen el-icon-edit"/> 管理
+                </el-button>
 
-                                <el-button @click="appDownload(r)" class="ng-binding">
-                                    <i class="icon-eye el-icon-view"/> 预览
-                                </el-button>
+                <el-button class="ng-binding" @click="appDownload(r)">
+                  <i class="icon-eye el-icon-view"/> 预览
+                </el-button>
 
-                                <el-button v-if="r.issupersign" @click="DeleteApp(r)" class="btn btn-remove"
-                                           icon="el-icon-loading"
-                                           circle/>
+                <el-button v-if="r.issupersign" circle class="btn btn-remove"
+                           icon="el-icon-loading"
+                           @click="DeleteApp(r)"/>
 
-                                <el-button v-else @click="DeleteApp(r)" class="btn btn-remove" icon="el-icon-delete"
-                                           circle/>
+                <el-button v-else circle class="btn btn-remove" icon="el-icon-delete"
+                           @click="DeleteApp(r)"/>
 
-                            </div>
-                        </div>
-                    </div>
+              </div>
+            </div>
+          </div>
 
-                </el-col>
+        </el-col>
 
-            </el-row>
+      </el-row>
 
-        </div>
-    </el-container>
+    </div>
+  </el-container>
 </template>
 <script>
-    import {analyseApps, apputils, get_package_prices, getapps, getuploadurl, my_order} from "@/restful";
-    import {
-        dataURLtoFile,
-        format_money,
-        getappinfo,
-        getScrollHeight,
-        getScrollTop,
-        getWindowHeight,
-        uploadaliyunoss,
-        uploadlocalstorage,
-        uploadqiniuoss,
-        getUserInfoFun,
-        makeFiveC,
-        deepCopy,
-        diskSize,
-        upspeed
-    } from "@/utils";
-
-    let fiveProcess = {};
-    let fiveProcessList = [];
-    for (const c of makeFiveC()) {
-        fiveProcess[c] = {process: 0, short: '', appname: '', percent: [], speed: '0 MB'};
-        fiveProcessList.push(c)
-    }
-    export default {
-        name: "FirApps",
-        data() {
-            return {
-                timer: '',
-                multiupload: false,
-                multiuploaddisable: false,
-                multiFileList: [],
-                default_pay_radio: '',
-                default_price_radio: '',
-                pay_choices: [],
-                analyseappinfo: {icon: ''},
-                short: '',
-                enable_sign: '',
-                keysearch: '',
-                searchfromtype: '',
-                applists: [],
-                orgapplists: [],
-                hdata: {},
-                willDeleteApp: false,
-                willuploadApp: false,
-                uploading: false,
-                delapp: {},
-                has_next: false,
-                query: {'page': 1, size: 20},
-                searchflag: false,
-                uploadflag: false,
-                autoloadflag: true,
-                firstloadflag: true,
-                currentfile: null,
-                uploadprocess: deepCopy(fiveProcess),
-                uploadprocessList: fiveProcessList,
-                loadingobj: null,
-                show_buy_download_times: false,
-                data_package_prices: [],
-                buy_button_disable: true,
-                pay_image: {
-                    'wx': require('@/assets/pay/pay_weixin.png'),
-                    'ali': require('@/assets/pay/pay_alipay.png'),
-                    'selected': require('@/assets/pay/pay_selected.png'),
-                },
-                PaymentQuestionMsg: '',
-            }
-        }, methods: {
-            check_short(short, callback) {
-                apputils(data => {
-                    if (data.code === 1000 && data.data === 0) {
-                        callback()
-                    } else {
-                        this.$message.error("短连接已经存在")
-                    }
-                }, {
-                    "methods": "POST",
-                    "app_id": short
-                })
-            },
-            multirun(process, keylist, func) {
-                let thr = [];
-                for (let i = 0; i < process; i++) {
-                    thr.push(Promise.resolve())
-                }
-                for (let j = 0; j < keylist.length; j += process) {
-                    for (let i = 0; i < process; i++) {
-                        if (i + j < keylist.length) {
-                            // eslint-disable-next-line no-unused-vars
-                            thr[(j + i) % process] = thr[(j + i) % process].then(_ => func(keylist[i + j]))
-                        }
-                    }
+import {analyseApps, apputils, get_package_prices, getapps, getuploadurl, my_order} from "@/restful";
+import {
+  dataURLtoFile,
+  deepCopy,
+  diskSize,
+  format_money,
+  getappinfo,
+  getScrollHeight,
+  getScrollTop,
+  getUserInfoFun,
+  getWindowHeight,
+  makeFiveC,
+  uploadaliyunoss,
+  uploadlocalstorage,
+  uploadqiniuoss,
+  upspeed
+} from "@/utils";
+
+let fiveProcess = {};
+let fiveProcessList = [];
+for (const c of makeFiveC()) {
+  fiveProcess[c] = {process: 0, short: '', appname: '', percent: [], speed: '0 MB'};
+  fiveProcessList.push(c)
+}
+export default {
+  name: "FirApps",
+  data() {
+    return {
+      timer: '',
+      multiupload: false,
+      multiuploaddisable: false,
+      multiFileList: [],
+      default_pay_radio: '',
+      default_price_radio: '',
+      pay_choices: [],
+      analyseappinfo: {icon: ''},
+      short: '',
+      enable_sign: '',
+      keysearch: '',
+      searchfromtype: '',
+      applists: [],
+      orgapplists: [],
+      hdata: {},
+      willDeleteApp: false,
+      willuploadApp: false,
+      uploading: false,
+      delapp: {},
+      has_next: false,
+      query: {'page': 1, size: 20},
+      searchflag: false,
+      uploadflag: false,
+      autoloadflag: true,
+      firstloadflag: true,
+      currentfile: null,
+      uploadprocess: deepCopy(fiveProcess),
+      uploadprocessList: fiveProcessList,
+      loadingobj: null,
+      show_buy_download_times: false,
+      data_package_prices: [],
+      buy_button_disable: true,
+      pay_image: {
+        'wx': require('@/assets/pay/pay_weixin.png'),
+        'ali': require('@/assets/pay/pay_alipay.png'),
+        'selected': require('@/assets/pay/pay_selected.png'),
+      },
+      PaymentQuestionMsg: '',
+    }
+  }, methods: {
+    check_short(short, callback) {
+      apputils(data => {
+        if (data.code === 1000 && data.data === 0) {
+          callback()
+        } else {
+          this.$message.error("短连接已经存在")
+        }
+      }, {
+        "methods": "POST",
+        "app_id": short
+      })
+    },
+    multirun(process, keylist, func) {
+      let thr = [];
+      for (let i = 0; i < process; i++) {
+        thr.push(Promise.resolve())
+      }
+      for (let j = 0; j < keylist.length; j += process) {
+        for (let i = 0; i < process; i++) {
+          if (i + j < keylist.length) {
+            // eslint-disable-next-line no-unused-vars
+            thr[(j + i) % process] = thr[(j + i) % process].then(_ => func(keylist[i + j]))
+          }
+        }
 
-                }
+      }
+
+    },
+    uploadasync(file) {
+      return new Promise((resolve, reject) => {
+        try {
+          const loading = this.$loading({
+            lock: true,
+            text: `文件 ${file.name} 解析中`,
+            spinner: 'el-icon-loading',
+          });
+          getappinfo(file.raw, appinfo => {
+            if (appinfo && appinfo.bundleid) {
+              let analyseappinfo = appinfo;
+              if (this.currentfile) {
+                this.analyseappinfo = appinfo;
+              }
+              analyseApps(data => {
+                if (data.code === 1000) {
+                  this.short = data.data.short;
+                  this.enable_sign = data.data.enable_sign;
+                  for (let name of Object.keys(data.data)) {
+                    analyseappinfo[name] = data.data[name]
+                  }
+                  if (this.currentfile) {
+                    this.willuploadApp = true;
+                    resolve()
+                  } else {
+                    this.uploadcloud(analyseappinfo, file, true, resolve)
+                  }
 
-            },
-            uploadasync(file) {
-                return new Promise((resolve, reject) => {
-                    try {
-                        const loading = this.$loading({
-                            lock: true,
-                            text: `文件 ${file.name} 解析中`,
-                            spinner: 'el-icon-loading',
-                        });
-                        getappinfo(file.raw, appinfo => {
-                            if (appinfo && appinfo.bundleid) {
-                                let analyseappinfo = appinfo;
-                                if (this.currentfile) {
-                                    this.analyseappinfo = appinfo;
-                                }
-                                analyseApps(data => {
-                                    if (data.code === 1000) {
-                                        this.short = data.data.short;
-                                        this.enable_sign = data.data.enable_sign;
-                                        for (let name of Object.keys(data.data)) {
-                                            analyseappinfo[name] = data.data[name]
-                                        }
-                                        if (this.currentfile) {
-                                            this.willuploadApp = true;
-                                            resolve()
-                                        } else {
-                                            this.uploadcloud(analyseappinfo, file, true, resolve)
-                                        }
-
-                                    } else {
-                                        this.$message.error("应用 " + analyseappinfo.appname + " 上传token获取失败，请刷新重试")
-                                    }
-                                    loading.close();
-                                }, {
-                                    'methods': 'POST',
-                                    'data': {"bundleid": analyseappinfo.bundleid, "type": analyseappinfo.type}
-                                });
-
-                            } else {
-                                this.$message.error("文件 " + file.raw.name + " 解析失败,请检查是否为APP应用")
-                            }
-                        }, err => {
-                            loading.close();
-                            this.$message.error("应用解析失败,请检查是否为APP应用");
-                            // eslint-disable-next-line no-console
-                            console.log('Error ', err);
-                        });
-
-                    } catch (e) {
-                        reject(e);
-                    }
-                });
-            },
-            multiuploadFun() {
-                this.multiuploaddisable = true;
-                if (this.multiFileList && this.multiFileList.length > 0) {
-                    this.multirun(3, this.multiFileList, this.uploadasync)
-                }
-            },
-            show_package_prices() {
-                get_package_prices(res => {
-                    if (res.code === 1000) {
-                        this.show_buy_download_times = true;
-                        this.data_package_prices = res.data;
-                        this.pay_choices = res.pay_choices;
-                        if (this.pay_choices && this.pay_choices.length > 0) {
-                            this.default_pay_radio = this.pay_choices[0].name;
-                        }
-                        if (this.data_package_prices && this.data_package_prices.length > 0) {
-                            this.default_price_radio = this.data_package_prices[parseInt(this.data_package_prices.length / 2)].name;
-                        }
-                        if (this.pay_choices.length === 0) {
-                            this.$message.warning("暂不支持下载次数购买，请联系管理员");
-                            this.show_buy_download_times = false;
-                        }
-                    } else {
-                        this.$message.error("获取价格异常");
-                        this.show_buy_download_times = false;
-                    }
-                }, {})
-
-            },
-            buy() {
-                this.buy_button_disable = true;
-                my_order(res => {
-                    if (res.code === 1000) {
-                        if (res.data && res.data.url) {
-                            this.$message.success("下订单成功，正在跳转支付页");
-                            this.$router.push({name: 'FirUserOrders', params: {out_trade_no: res.data.out_trade_no}})
-                        } else {
-                            this.$message.error("下订单异常，请联系管理员");
-                        }
-                    } else {
-                        this.$message.error("异常" + res.msg);
-                        this.buy_button_disable = false;
-
-                    }
-                }, {
-                    methods: 'POST', data: {
-                        price_id: this.default_price_radio,
-                        pay_id: this.default_pay_radio,
-                    }
-                })
-            },
-            showUDID(appinfo) {
-                let udidstr = '';
-                for (let i = 0; i < appinfo.udid.length; i++) {
-                    udidstr = udidstr + "<p>" + appinfo.udid[i] + "</p>"
-                }
-                this.$alert(udidstr, appinfo.appname + ' UDID', {
-                    confirmButtonText: '确定',
-                    dangerouslyUseHTMLString: true,
-                });
-            },
-            updateappinfo(file, analyseappinfo, multiFlag, binaryFlag, resolve) {
-                if (binaryFlag) {
-                    delete analyseappinfo.icon;
-                    this.$message.success(file.raw.name + '上传成功');
-                    if (!multiFlag) {
-                        analyseappinfo.short = this.short;
-                        analyseappinfo.enable_sign = this.enable_sign;
-                    }
-                    const loading = this.$loading({
-                        lock: true,
-                        text: `应用 ${analyseappinfo.appname} 入库中，请耐心等待`,
-                        spinner: 'el-icon-loading',
-                    });
-                    analyseApps(data => {
-                        if (data.code === 1000) {
-                            if (!multiFlag) {
-                                this.closeUpload();
-                                this.$router.push({name: 'FirAppInfostimeline', params: {id: analyseappinfo.app_uuid}});
-                            } else {
-                                this.$message.success(analyseappinfo.appname + ' 入库成功');
-                            }
-                        } else {
-                            if (!multiFlag) {
-                                this.$message.error(analyseappinfo.appname + ' 入库失败 ' + data.msg);
-                                loading.close();
-                                this.closeUpload();
-                                this.currentfile = undefined;
-                                return
-                            }
-                        }
-                        loading.close();
-                        const start = this.multiFileList.indexOf(file);
-                        if (start > -1) {
-                            delete this.multiFileList[start]
-                        }
-                        if (this.multiFileList && this.multiFileList.filter(function (val) {
-                            return val
-                        }).length === 0) {
-                            this.closeUpload();
-                            this.searchFun();
-                        }
-                        resolve()
-                    }, {'methods': 'PUT', 'data': analyseappinfo});
-                }
-            },
-            updateprocess(binaryFlag, process_key, process, analyseappinfo, rawfile) {
-                if (binaryFlag && process_key) {
-                    this.uploadprocess[process_key].percent.push({time: Date.now(), process});
-                    const pnumber = 20;
-                    this.uploadprocess[process_key].process = process;
-                    this.uploadprocess[process_key].short = analyseappinfo.short;
-                    this.uploadprocess[process_key].enable_sign = analyseappinfo.enable_sign;
-                    this.uploadprocess[process_key].appname = analyseappinfo.appname;
-                    if (process > 0) {
-                        let percent = this.uploadprocess[process_key].percent;
-                        if (percent.length > pnumber) {
-                            this.uploadprocess[process_key].speed = upspeed(percent[percent.length - pnumber].time, rawfile.size, process - percent[percent.length - pnumber].process)
-                        } else {
-                            if (percent.length > 1) {
-                                this.uploadprocess[process_key].speed = upspeed(percent[0].time, rawfile.size, process)
-                            }
-                        }
-                    }
-                }
-            },
-            uploadtostorage(file, analyseappinfo, multiFlag, binaryFlag, resolve) {
-                let upload_key = analyseappinfo.png_key;
-                let upload_token = analyseappinfo.png_token;
-                let rawfile = file;
-                let process_key = '';
-                if (binaryFlag) {
-                    upload_key = analyseappinfo.upload_key;
-                    upload_token = analyseappinfo.upload_token;
-                    process_key = this.uploadprocessList[this.multiFileList.indexOf(file)];
-                    rawfile = file.raw
-                }
-                let certinfo = {
-                    'upload_key': upload_key,
-                    'upload_token': upload_token,
-                    'app_info': analyseappinfo
-                };
-                if (analyseappinfo.storage === 1) {
-                    // eslint-disable-next-line no-unused-vars,no-unreachable
-                    uploadqiniuoss(rawfile, certinfo, this, res => {
-                        this.updateappinfo(file, analyseappinfo, multiFlag, binaryFlag, resolve)
-                    }, process => {
-                        this.updateprocess(binaryFlag, process_key, process, analyseappinfo, rawfile);
-                    })
-                } else if (analyseappinfo.storage === 2) {
-                    // eslint-disable-next-line no-unused-vars
-                    uploadaliyunoss(rawfile, certinfo, this, res => {
-                        this.updateappinfo(file, analyseappinfo, multiFlag, binaryFlag, resolve)
-                    }, process => {
-                        this.updateprocess(binaryFlag, process_key, process, analyseappinfo, rawfile);
-                    });
-                } else {
-                    //本地
-                    if (analyseappinfo.domain_name) {
-                        certinfo.upload_url = getuploadurl(analyseappinfo.domain_name)
-                    } else {
-                        certinfo.upload_url = getuploadurl();
-                    }
-                    certinfo.ftype = 'app';
-                    certinfo.app_id = analyseappinfo.app_uuid;
-                    // eslint-disable-next-line no-unused-vars,no-unreachable
-                    uploadlocalstorage(rawfile, certinfo, this, res => {
-                        this.updateappinfo(file, analyseappinfo, multiFlag, binaryFlag, resolve)
-                    }, process => {
-                        this.updateprocess(binaryFlag, process_key, process, analyseappinfo, rawfile);
-                    })
-                }
-            },
-            uploadcloudFun(analyseappinfo, binary_file, multiFlag, resolve) {
-                if (analyseappinfo.binary_url !== '') {
-                    this.$confirm(`该应用 ${analyseappinfo.appname} 存在第三方下载链接 <a target="_blank" href="${analyseappinfo.binary_url}"> ${analyseappinfo.binary_url}  </a>更新之后，将不会自动跳转第三方下载；若您还需要第三方跳转，请在第三方平台更新该应用。`, '确定更新应用？', {
-                        confirmButtonText: '确定',
-                        cancelButtonText: '取消',
-                        dangerouslyUseHTMLString: true,
-                        type: 'warning'
-                    }).then(() => {
-                        this.$message({
-                            type: 'success',
-                            message: '确定更新'
-                        });
-                        this.uploadstorage(analyseappinfo, binary_file, multiFlag, resolve)
-                    }).catch(() => {
-                        this.$message({
-                            type: 'info',
-                            message: `应用 ${analyseappinfo.appname} 已取消更新`
-                        });
-                        if (!multiFlag) {
-                            this.closeUpload();
-                        } else {
-                            const start = this.multiFileList.indexOf(binary_file);
-                            if (start > -1) {
-                                delete this.multiFileList[start]
-                            }
-                            resolve()
-                        }
-                    });
-                } else {
-                    this.uploadstorage(analyseappinfo, binary_file, multiFlag, resolve)
-                }
-            },
-            uploadcloud(analyseappinfo, binary_file, multiFlag, resolve) {
-                if (analyseappinfo.is_new && !multiFlag) {
-                    // eslint-disable-next-line no-unused-vars
-                    this.check_short(this.short, res => {
-                        this.uploadcloudFun(analyseappinfo, binary_file, multiFlag, resolve)
-                    });
-                } else {
-                    this.uploadcloudFun(analyseappinfo, binary_file, multiFlag, resolve)
-                }
-            },
-            uploadstorage(analyseappinfo, binary_file, multiFlag, resolve) {
-                if (!multiFlag) {
-                    this.uploadflag = true;
-                    this.uploading = true;
-                }
-                let file = dataURLtoFile(analyseappinfo.icon, analyseappinfo.png_key);
-                this.uploadtostorage(file, analyseappinfo, multiFlag, false, resolve);
-                this.uploadtostorage(binary_file, analyseappinfo, multiFlag, true, resolve);
-
-            },
-            closeUpload() {
-                this.uploadflag = false;
-                this.uploading = false;
-                this.willuploadApp = false;
-                this.uploadflag = false;
-                this.analyseappinfo = {};
-
-                this.multiupload = false;
-                this.multiuploaddisable = false;
-                this.multiFileList = [];
-                this.$refs.upload.clearFiles();
-                this.$refs.upload.abort();
-                this.uploadprocess = deepCopy(fiveProcess);
-                this.uploadprocessList = fiveProcessList;
-            },
-
-            searchFun() {
-                let keysearch = this.keysearch.replace(/^\s+|\s+$/g, "");
-                if (keysearch === '') {
-                    this.searchflag = false;
-                    this.applists = [];
-                    this.orgapplists = [];
-                    this.query.page = 1;
-                    if (this.searchfromtype) {
-                        this.getappsFun({"type": this.searchfromtype});
-                    } else {
-                        this.getappsFun({});
-                    }
-                } else {
-                    this.searchflag = true
-                }
-                if (this.searchflag) {
-                    this.applists = [];
-                    this.orgapplists = [];
-                    if (this.searchfromtype) {
-                        this.getappsFun({"type": this.searchfromtype, 'page': 1, size: 999});
-                    } else {
-                        this.getappsFun({'page': 1, size: 999});
-                    }
-                }
-            },
-            auto_load() {
-                if (getScrollTop() + getWindowHeight() >= getScrollHeight()) {
-                    if (this.has_next) {      //先判断下一页是否有数据
-                        if (this.autoloadflag) {
-                            this.autoloadflag = false;
-                            if (this.applists.length === 0) {
-                                this.query.page = 1;
-                            } else {
-                                this.query.page += 1;
-                            }
-                            if (this.searchfromtype !== '') {
-                                this.query.type = this.searchfromtype;
-                            }
-                            this.getappsFun(this.query);
-                        }
-
-                    }
-                }
-            },
-            searchapps() {
-                let keysearch = this.keysearch.replace(/^\s+|\s+$/g, "");
-                let newapplists = [];
-                for (let i = 0; i < this.orgapplists.length; i++) {
-                    if (this.orgapplists[i].name.search(keysearch) >= 0) {
-                        newapplists.push(this.orgapplists[i]);
-                    }
-                }
-                if (keysearch === "") {
-                    this.applists = this.orgapplists.slice();
                 } else {
-                    this.applists = newapplists.slice();
-                }
-
-            },
-            getappsFun(parms) {
-                this.loadingobj = this.$loading({
-                    lock: true,
-                    text: '加载中',
-                    spinner: 'el-icon-loading',
-                    // background: 'rgba(0, 0, 0, 0.7)'
-                });
-                getapps(data => {
-                    if (data.code === 1000) {
-                        this.loadingobj.close();
-                        if (this.firstloadflag) {
-                            window.addEventListener('scroll', this.auto_load);
-                            this.firstloadflag = false
-                        }
-                        this.autoloadflag = true;
-
-                        if (this.uploadflag) {
-                            this.applists = data.data;
-                            this.uploadflag = false;
-                        } else {
-                            this.applists = this.applists.concat(data.data);
-                        }
-                        this.has_next = data.has_next;
-                        this.orgapplists = this.applists.slice(); //深拷贝
-                        this.hdata = data.hdata;
-                        this.searchapps();
-
-                    } else {
-                        this.loadingobj.close();
-                        this.$router.push({name: 'FirLogin'});
-                    }
-                }, parms);
-
-            },
-            onUploadChange(file, fileList) {
-                if (fileList && fileList.length > 1) {
-                    this.multiupload = true;
-                }
-                this.multiFileList = fileList;
-                // eslint-disable-next-line no-unused-vars
-                this.timer = setTimeout(data => {
-                    if (fileList && fileList.length === 1) {
-                        this.currentfile = this.multiFileList[0];
-                        this.multiuploadFun();
-                    }
-                    clearTimeout(this.timer);
-                }, 300);
-            },
-            delApp() {
-                let loadingobj = this.$loading({
-                    lock: true,
-                    text: '操作中，请耐心等待',
-                    spinner: 'el-icon-loading',
-                    // background: 'rgba(0, 0, 0, 0.7)'
-                });
-                this.willDeleteApp = false;
-                apputils(data => {
-                    loadingobj.close();
-                    if (data.code === 1000) {
-                        for (let i = 0; i < this.applists.length; i++) {
-                            if (this.delapp.app_id === this.applists[i].app_id) {
-                                this.applists.splice(i, 1);
-                                this.orgapplists.splice(i, 1);
-                            }
-                        }
-                        this.$message.success(this.delapp.name + '删除成功');
-                        this.delapp = {};
-                    } else {
-                        this.$message.error('删除失败，请联系管理员');
-                    }
-                }, {
-                    "methods": "DELETE",
-                    "app_id": this.delapp.app_id
-                });
-            },
-            DeleteApp(delapp) {
-                this.willDeleteApp = true;
-                this.delapp = delapp;
-            },
-            appInfos(app) {
-                this.$router.push({name: 'FirAppInfostimeline', params: {id: app.app_id}})
-            },
-            appDownload(app) {
-                // this.$router.push({name: 'FirDownload', params: {short: app.short}});
-                let routeData = this.$router.resolve({name: 'FirDownload', params: {short: app.short}});
-                let p_url = routeData.href;
-                if (app.preview_url && app.preview_url.length > 6) {
-                    p_url = app.preview_url + p_url
+                  this.$message.error("应用 " + analyseappinfo.appname + " 上传token获取失败，请刷新重试")
                 }
-                window.open(p_url, '_blank', '');
+                loading.close();
+              }, {
+                'methods': 'POST',
+                'data': {"bundleid": analyseappinfo.bundleid, "type": analyseappinfo.type}
+              });
+
+            } else {
+              this.$message.error("文件 " + file.raw.name + " 解析失败,请检查是否为APP应用")
             }
-        }, computed: {
-            getDelappTitle() {
-                return `删除应用 ${this.delapp.name}`
-            },
-        },
-        filters: {
-            diskSize,
-            formatMoney: function (money) {
-                return format_money(money, 19);
-            },
-            getiOStype: function (release_type_id) {
-                let ftype = '';
-                if (release_type_id === 1) {
-                    ftype = '内测版'
-                } else if (release_type_id === 2) {
-                    ftype = '企业版'
-                }
-                return ftype
-            },
-            formatsize: function (size) {
-                return size / 1000;
-            },
-            autoformat: function (packname) {
-
-                if (packname && (packname.length) > 20) {
-                    return packname.split('').slice(0, 20).join('') + '...';
-                } else {
-                    return packname
-                }
-            },
-            getapptype: function (type) {
-                let ftype = '';
-                if (type === 0) {
-                    ftype = 'Android'
-                } else {
-                    ftype = 'iOS'
-                }
-                return ftype
-            },
-            make_icon_url(icon_url) {
-                if (icon_url) {
-                    if (!icon_url.startsWith("http")) {
-                        return location.origin + icon_url
-                    } else {
-                        return icon_url
-                    }
-                }
-                return icon_url
+          }, err => {
+            loading.close();
+            this.$message.error("应用解析失败,请检查是否为APP应用");
+            // eslint-disable-next-line no-console
+            console.log('Error ', err);
+          });
+
+        } catch (e) {
+          reject(e);
+        }
+      });
+    },
+    multiuploadFun() {
+      this.multiuploaddisable = true;
+      if (this.multiFileList && this.multiFileList.length > 0) {
+        this.multirun(3, this.multiFileList, this.uploadasync)
+      }
+    },
+    show_package_prices() {
+      get_package_prices(res => {
+        if (res.code === 1000) {
+          this.show_buy_download_times = true;
+          this.data_package_prices = res.data;
+          this.pay_choices = res.pay_choices;
+          if (this.pay_choices && this.pay_choices.length > 0) {
+            this.default_pay_radio = this.pay_choices[0].name;
+          }
+          if (this.data_package_prices && this.data_package_prices.length > 0) {
+            this.default_price_radio = this.data_package_prices[parseInt(this.data_package_prices.length / 2)].name;
+          }
+          if (this.pay_choices.length === 0) {
+            this.$message.warning("暂不支持下载次数购买，请联系管理员");
+            this.show_buy_download_times = false;
+          }
+        } else {
+          this.$message.error("获取价格异常");
+          this.show_buy_download_times = false;
+        }
+      }, {})
+
+    },
+    buy() {
+      this.buy_button_disable = true;
+      my_order(res => {
+        if (res.code === 1000) {
+          if (res.data && res.data.url) {
+            this.$message.success("下订单成功，正在跳转支付页");
+            this.$router.push({name: 'FirUserOrders', params: {out_trade_no: res.data.out_trade_no}})
+          } else {
+            this.$message.error("下订单异常，请联系管理员");
+          }
+        } else {
+          this.$message.error("异常" + res.msg);
+          this.buy_button_disable = false;
 
-            },
-            get_upload_text(is_new) {
-                if (is_new) {
-                    return '新应用上传'
-                } else {
-                    return '应用更新'
-                }
+        }
+      }, {
+        methods: 'POST', data: {
+          price_id: this.default_price_radio,
+          pay_id: this.default_pay_radio,
+        }
+      })
+    },
+    showUDID(appinfo) {
+      let udidstr = '';
+      for (let i = 0; i < appinfo.udid.length; i++) {
+        udidstr = udidstr + "<p>" + appinfo.udid[i] + "</p>"
+      }
+      this.$alert(udidstr, appinfo.appname + ' UDID', {
+        confirmButtonText: '确定',
+        dangerouslyUseHTMLString: true,
+      });
+    },
+    updateappinfo(file, analyseappinfo, multiFlag, binaryFlag, resolve) {
+      if (binaryFlag) {
+        delete analyseappinfo.icon;
+        this.$message.success(file.raw.name + '上传成功');
+        if (!multiFlag) {
+          analyseappinfo.short = this.short;
+          analyseappinfo.enable_sign = this.enable_sign;
+        }
+        const loading = this.$loading({
+          lock: true,
+          text: `应用 ${analyseappinfo.appname} 入库中，请耐心等待`,
+          spinner: 'el-icon-loading',
+        });
+        analyseApps(data => {
+          if (data.code === 1000) {
+            if (!multiFlag) {
+              this.closeUpload();
+              this.$router.push({name: 'FirAppInfostimeline', params: {id: analyseappinfo.app_uuid}});
+            } else {
+              this.$message.success(analyseappinfo.appname + ' 入库成功');
             }
-
-        }, mounted() {
-            getUserInfoFun(this);
-            this.$store.dispatch('doucurrentapp', {});
-            this.getappsFun({});
-        },
-        destroyed() {
-            window.removeEventListener('scroll', this.auto_load, false);
-            this.loadingobj.close();
-        },
-        watch: {
-            // eslint-disable-next-line no-unused-vars
-            default_pay_radio: function (val, oldVal) {
-                this.buy_button_disable = !(this.default_pay_radio.length > 2 && this.default_price_radio.length > 2);
-            },
-            // eslint-disable-next-line no-unused-vars
-            default_price_radio: function (val, oldVal) {
-                this.buy_button_disable = !(this.default_pay_radio.length > 2 && this.default_price_radio.length > 2);
-            },
-            // eslint-disable-next-line no-unused-vars
-            keysearch: function (val, oldVal) {
-                // this.searchapps()
-                let keysearch = this.keysearch.replace(/^\s+|\s+$/g, "");
-                if (keysearch === "") {
-                    this.searchFun()
-                }
-            },
-            // eslint-disable-next-line no-unused-vars
-            searchfromtype: function (val, oldVal) {
-                this.applists = [];
-                this.query.page = 1;
-                // this.keysearch='';
-                this.searchFun();
-                // this.getappsFun({"type": this.searchfromtype});
-            },
+          } else {
+            if (!multiFlag) {
+              this.$message.error(analyseappinfo.appname + ' 入库失败 ' + data.msg);
+              loading.close();
+              this.closeUpload();
+              this.currentfile = undefined;
+              return
+            }
+          }
+          loading.close();
+          const start = this.multiFileList.indexOf(file);
+          if (start > -1) {
+            delete this.multiFileList[start]
+          }
+          if (this.multiFileList && this.multiFileList.filter(function (val) {
+            return val
+          }).length === 0) {
+            this.closeUpload();
+            this.searchFun();
+          }
+          resolve()
+        }, {'methods': 'PUT', 'data': analyseappinfo});
+      }
+    },
+    updateprocess(binaryFlag, process_key, process, analyseappinfo, rawfile) {
+      if (binaryFlag && process_key) {
+        this.uploadprocess[process_key].percent.push({time: Date.now(), process});
+        const pnumber = 20;
+        this.uploadprocess[process_key].process = process;
+        this.uploadprocess[process_key].short = analyseappinfo.short;
+        this.uploadprocess[process_key].enable_sign = analyseappinfo.enable_sign;
+        this.uploadprocess[process_key].appname = analyseappinfo.appname;
+        if (process > 0) {
+          let percent = this.uploadprocess[process_key].percent;
+          if (percent.length > pnumber) {
+            this.uploadprocess[process_key].speed = upspeed(percent[percent.length - pnumber].time, rawfile.size, process - percent[percent.length - pnumber].process)
+          } else {
+            if (percent.length > 1) {
+              this.uploadprocess[process_key].speed = upspeed(percent[0].time, rawfile.size, process)
+            }
+          }
         }
-    }
-</script>
-
-<style scoped>
-    .el-container {
-        margin: 10px auto 100px;
-        width: 1166px;
-        position: relative;
-        padding-bottom: 1px;
-        color: #9b9b9b;
-        -webkit-font-smoothing: antialiased;
-        border-radius: 1%;
-    }
-
-    .el-header {
-        margin-top: 20px;
-        padding-top: 30px;
-        border-bottom: 1px solid rgba(208, 208, 208, .5);
-        border-radius: 10px;
-    }
-
-    .surplus-card {
-        height: 40px;
-        text-align: right;
-        display: inline-block;
-        vertical-align: middle;
-    }
-
-
-    .surplus-card .name {
-        font-size: 12px;
-        color: #9b9b9b;
-    }
-
-    .surplus-card .value {
-        font-size: 16px;
-        color: #434343;
-    }
-
-    .surplus-card .action {
-        width: 50px;
-        height: 24px;
-        line-height: 24px;
-        padding: 0;
-        border-radius: 30px;
-        background-color: #fff;
-        border: 1px solid #B6BDC1;
-    }
-
-    .appdownload {
-        width: 96%;
-        height: 96%;
-        margin: 2px auto; /*水平居中*/
-        border-radius: 5px;
-
-    }
-
-    .appdownload /deep/ .el-upload-dragger {
-        width: 339.8px;
-        height: 430px;
-        background: #8bc3f8;
-        border: 0;
-    }
-
-    .appdownload /deep/ .el-icon-upload {
-        margin-top: 50%;
-    }
-
-    .appdownload /deep/ .el-upload-list__item-name {
-        margin-top: -43px;
-    }
-
-    .appdownload /deep/ .el-upload-list__item {
-        font-size: 17px;
-        line-height: 1;
-    }
-
-    .page-apps .card.app .action a, .page-apps .card.app .appname, .page-apps .card.app table tr td, .upload-modal .state-form .release-body .input-addon {
-        font-family: 'Open Sans', sans-serif
-    }
-
-    .page-apps .row-apps-top > div {
-        height: 100%
-    }
-
-
-    .page-apps .card.app .appicon img, .page-apps .card.app .combo-info img {
-        border-radius: 17.54%
-    }
-
-    .page-apps .card.app {
-        position: relative;
-        padding: 45px;
-        height: 340px;
-        background-color: #fff;
-        -webkit-transition: all .25s;
-        transition: all .25s
-    }
-
-    .page-apps .card.app:hover {
-        -webkit-transform: translateY(-4px);
-        transform: translateY(-4px);
-        box-shadow: 0 15px 30px rgba(0, 0, 0, .1)
-    }
-
-    .page-apps .card.app .type-icon {
-        position: absolute;
-        top: 9px;
-        right: 7px;
-        z-index: 2;
-        color: #fff;
-
-    }
-
-    .page-apps .card.app .type-mark {
-        position: absolute;
-        top: 0;
-        right: 0;
-        z-index: 1
-    }
-
-    .page-apps .card.app .type-mark i {
-        position: absolute;
-        top: 9px;
-        right: 7px
-    }
-
-    .page-apps .card.app .appicon {
-        display: inline-block;
-        width: 100px;
-        height: 100px;
-        cursor: pointer
-    }
-
-    .page-apps .card.app .appname {
-        margin-top: 36px;
-        font-size: 18px;
-        cursor: pointer;
-        display: inline-block
-    }
-
-    .page-apps .card.app .appname i {
-        color: #f8ba0b;
-        font-size: 16px;
-        margin-right: 6px
-    }
-
-    .page-apps .card.app:hover .appname {
-        color: #4a4a4a
-    }
-
-    .page-apps .card.app .combo-info {
-        display: inline-block;
-        margin-left: 26px;
-        vertical-align: bottom
-    }
-
-    .page-apps .card.app .combo-info i {
-        margin-right: 14px;
-        font-size: 20px
-    }
-
-    .page-apps .card.app table {
-        width: 100%;
-        table-layout: fixed
-    }
-
-    .page-apps .card.app table tr td {
-        padding: 2px 0;
-        font-size: 12px;
-        color: #9b9b9b;
-    }
-
-    .page-apps .card.app table tr td > span {
-        display: inline-block
-    }
-
-    .page-apps .card.app table tr td:last-child {
-        color: #1a1a1a;
-        width: 58%
-    }
-
-
-    .page-apps .card.app .action {
-        position: absolute;
-        padding: 20px 0 40px 40px;
-        left: 0;
-        bottom: 0;
-        width: 100%
-    }
-
-    .page-apps .card.app .action .el-button {
-        text-decoration: none;
-        border: 1px solid;
-        text-align: center;
-        padding: 8px 20px;
-        margin-right: 4px;
-        border-radius: 40px;
-        color: #9b9b9b;
-        -webkit-transition: all .25s;
-        transition: all .25s;
-        display: inline-block
-    }
-
-    .page-apps .card.app .action .el-button:hover {
-        color: #7e9bf8
-    }
-
-    .page-apps .card.app .action .el-button i {
-        font-size: 18px;
-        margin-right: 4px;
-        display: inline-block;
-        vertical-align: middle
-    }
-
-
-    .page-apps .card.app .action .btn-remove {
-        font-size: 0;
-        border: 1px solid;
-        background: 0;
-        padding: 10px;
-        border-radius: 50%;
-        vertical-align: top;
-        color: #9b9b9b;
-    }
-
-    .page-apps .card.app .action .btn-remove {
-        font-size: 16px
-    }
-
-    .page-apps .card.app .action .btn-remove:hover {
-        background-color: #ec4242;
-        color: #fff
-    }
-
-    .page-apps .card-android .type-mark {
-        height: 0;
-        width: 0;
-        border-top: 48px solid #a4c639;
-        border-left: 48px solid transparent
-    }
-
-    .page-apps .card-ios .type-mark {
-        height: 0;
-        width: 0;
-        border-top: 48px solid #c6c7c9;
-        /*border-top-right-radius: 10px;*/
-        border-left: 48px solid transparent;
-    }
-
-
-    .page-apps .card-ios {
-        border-radius: 10px;
-    }
-
-    .page-apps .card.card-invite .appname {
-        color: #4a4a4a;
-        margin-top: 0
-    }
-
-
-    .page-apps .card.card-invite .actions button {
-        display: block;
-        padding: 8px;
-        width: 120px;
-        border: 1px solid #4a4a4a;
-        border-radius: 20px;
-        background-color: transparent
-    }
-
-    .page-apps .card.card-invite .actions button:first-child {
-        position: absolute;
-        bottom: 44px;
-        margin: 0;
-        background-color: #4a4a4a;
-        color: #fff
-    }
-
-    .page-apps .card.card-invite .actions button:last-child {
-        position: absolute;
-        bottom: 44px;
-        left: 170px;
-        border-color: transparent
-    }
-
-    .page-apps .card.card-invite .actions button:last-child:hover {
-        color: #4a4a4a
-    }
-
-    /*最外层容器样式*/
-    .wrap {
-        width: 100px;
-        height: 100px;
-        /*margin: 119px;*/
-        margin: 120px auto 119px auto;
-        position: relative;
-        z-index: 9999;
-    }
-
-    /*包裹所有容器样式*/
-    .cube {
-        width: 50px;
-        height: 50px;
-        margin: 0 auto;
-        transform-style: preserve-3d;
-        transform: rotateX(-30deg) rotateY(-80deg);
-        animation: rotate linear 20s infinite;
-    }
-
-    @-webkit-keyframes rotate {
-        from {
-            transform: rotateX(0deg) rotateY(0deg);
+      }
+    },
+    uploadtostorage(file, analyseappinfo, multiFlag, binaryFlag, resolve) {
+      let upload_key = analyseappinfo.png_key;
+      let upload_token = analyseappinfo.png_token;
+      let rawfile = file;
+      let process_key = '';
+      if (binaryFlag) {
+        upload_key = analyseappinfo.upload_key;
+        upload_token = analyseappinfo.upload_token;
+        process_key = this.uploadprocessList[this.multiFileList.indexOf(file)];
+        rawfile = file.raw
+      }
+      let certinfo = {
+        'upload_key': upload_key,
+        'upload_token': upload_token,
+        'app_info': analyseappinfo
+      };
+      if (analyseappinfo.storage === 1) {
+        // eslint-disable-next-line no-unused-vars,no-unreachable
+        uploadqiniuoss(rawfile, certinfo, this, res => {
+          this.updateappinfo(file, analyseappinfo, multiFlag, binaryFlag, resolve)
+        }, process => {
+          this.updateprocess(binaryFlag, process_key, process, analyseappinfo, rawfile);
+        })
+      } else if (analyseappinfo.storage === 2) {
+        // eslint-disable-next-line no-unused-vars
+        uploadaliyunoss(rawfile, certinfo, this, res => {
+          this.updateappinfo(file, analyseappinfo, multiFlag, binaryFlag, resolve)
+        }, process => {
+          this.updateprocess(binaryFlag, process_key, process, analyseappinfo, rawfile);
+        });
+      } else {
+        //本地
+        if (analyseappinfo.domain_name) {
+          certinfo.upload_url = getuploadurl(analyseappinfo.domain_name)
+        } else {
+          certinfo.upload_url = getuploadurl();
         }
-        to {
-            transform: rotateX(360deg) rotateY(360deg);
+        certinfo.ftype = 'app';
+        certinfo.app_id = analyseappinfo.app_uuid;
+        // eslint-disable-next-line no-unused-vars,no-unreachable
+        uploadlocalstorage(rawfile, certinfo, this, res => {
+          this.updateappinfo(file, analyseappinfo, multiFlag, binaryFlag, resolve)
+        }, process => {
+          this.updateprocess(binaryFlag, process_key, process, analyseappinfo, rawfile);
+        })
+      }
+    },
+    uploadcloudFun(analyseappinfo, binary_file, multiFlag, resolve) {
+      if (analyseappinfo.binary_url !== '') {
+        this.$confirm(`该应用 ${analyseappinfo.appname} 存在第三方下载链接 <a target="_blank" href="${analyseappinfo.binary_url}"> ${analyseappinfo.binary_url}  </a>更新之后，将不会自动跳转第三方下载；若您还需要第三方跳转，请在第三方平台更新该应用。`, '确定更新应用？', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          dangerouslyUseHTMLString: true,
+          type: 'warning'
+        }).then(() => {
+          this.$message({
+            type: 'success',
+            message: '确定更新'
+          });
+          this.uploadstorage(analyseappinfo, binary_file, multiFlag, resolve)
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: `应用 ${analyseappinfo.appname} 已取消更新`
+          });
+          if (!multiFlag) {
+            this.closeUpload();
+          } else {
+            const start = this.multiFileList.indexOf(binary_file);
+            if (start > -1) {
+              delete this.multiFileList[start]
+            }
+            resolve()
+          }
+        });
+      } else {
+        this.uploadstorage(analyseappinfo, binary_file, multiFlag, resolve)
+      }
+    },
+    uploadcloud(analyseappinfo, binary_file, multiFlag, resolve) {
+      if (analyseappinfo.is_new && !multiFlag) {
+        // eslint-disable-next-line no-unused-vars
+        this.check_short(this.short, res => {
+          this.uploadcloudFun(analyseappinfo, binary_file, multiFlag, resolve)
+        });
+      } else {
+        this.uploadcloudFun(analyseappinfo, binary_file, multiFlag, resolve)
+      }
+    },
+    uploadstorage(analyseappinfo, binary_file, multiFlag, resolve) {
+      if (!multiFlag) {
+        this.uploadflag = true;
+        this.uploading = true;
+      }
+      let file = dataURLtoFile(analyseappinfo.icon, analyseappinfo.png_key);
+      this.uploadtostorage(file, analyseappinfo, multiFlag, false, resolve);
+      this.uploadtostorage(binary_file, analyseappinfo, multiFlag, true, resolve);
+
+    },
+    closeUpload() {
+      this.uploadflag = false;
+      this.uploading = false;
+      this.willuploadApp = false;
+      this.uploadflag = false;
+      this.analyseappinfo = {};
+
+      this.multiupload = false;
+      this.multiuploaddisable = false;
+      this.multiFileList = [];
+      this.$refs.upload.clearFiles();
+      this.$refs.upload.abort();
+      this.uploadprocess = deepCopy(fiveProcess);
+      this.uploadprocessList = fiveProcessList;
+    },
+
+    searchFun() {
+      let keysearch = this.keysearch.replace(/^\s+|\s+$/g, "");
+      if (keysearch === '') {
+        this.searchflag = false;
+        this.applists = [];
+        this.orgapplists = [];
+        this.query.page = 1;
+        if (this.searchfromtype) {
+          this.getappsFun({"type": this.searchfromtype});
+        } else {
+          this.getappsFun({});
         }
-    }
-
-    .cube div {
-        position: absolute;
-        width: 200px;
-        height: 200px;
-        opacity: 0.8;
-        transition: all .4s;
-    }
-
-    /*定义所有图片样式*/
-    .pic {
-        width: 200px;
-        height: 200px;
-    }
-
-    .cube .out_front {
-        transform: rotateY(0deg) translateZ(100px);
-    }
-
-    .cube .out_back {
-        transform: translateZ(-100px) rotateY(180deg);
-    }
-
-    .cube .out_left {
-        transform: rotateY(-90deg) translateZ(100px);
-    }
-
-    .cube .out_right {
-        transform: rotateY(90deg) translateZ(100px);
-    }
-
-    .cube .out_top {
-        transform: rotateX(90deg) translateZ(100px);
-    }
-
-    .cube .out_bottom {
-        transform: rotateX(-90deg) translateZ(100px);
-    }
-
-    /*定义小正方体样式*/
-    .cube span {
-        display: block;
-        width: 100px;
-        height: 100px;
-        position: absolute;
-        top: 50px;
-        left: 50px;
-    }
-
-    .cube .in_pic {
-        width: 100px;
-        height: 100px;
-    }
-
-    .cube .in_front {
-        transform: rotateY(0deg) translateZ(50px);
-    }
-
-    .cube .in_back {
-        transform: translateZ(-50px) rotateY(180deg);
-    }
-
-    .cube .in_left {
-        transform: rotateY(-90deg) translateZ(50px);
-    }
-
-    .cube .in_right {
-        transform: rotateY(90deg) translateZ(50px);
-    }
-
-    .cube .in_top {
-        transform: rotateX(90deg) translateZ(50px);
-    }
-
-    .cube .in_bottom {
-        transform: rotateX(-90deg) translateZ(50px);
-    }
-
-    /*鼠标移入后样式*/
-    .cube:hover .out_front {
-        transform: rotateY(0deg) translateZ(200px);
-    }
-
-    .cube:hover .out_back {
-        transform: translateZ(-200px) rotateY(180deg);
-    }
-
-    .cube:hover .out_left {
-        transform: rotateY(-90deg) translateZ(200px);
-    }
-
-    .cube:hover .out_right {
-        transform: rotateY(90deg) translateZ(200px);
-    }
-
-    .cube:hover .out_top {
-        transform: rotateX(90deg) translateZ(200px);
-    }
-
-    .cube:hover .out_bottom {
-        transform: rotateX(-90deg) translateZ(200px);
-    }
-
-    .text-gift {
-        color: #8E7BF8;
-        font-size: 14px;
-        font-weight: 500;
-        margin-bottom: 20px;
-        text-align: center;
-    }
-
-    .package-item .unit {
-        font-size: 14px;
-        color: #869096;
-    }
-
-    .package-item .times {
-        font-size: 24px;
-        line-height: 28px;
-        color: #4F5156;
-    }
-
-    .package-item .money {
-        font-size: 30px;
-        color: #7e5ef8;
-        line-height: 42px;
-    }
-
-    .package-item .package-content {
-        margin-bottom: 0;
-    }
-
-    .package-item {
-        -ms-flex: 1;
-        flex: 1;
-        border-right: 1px solid transparent;
-        padding: 8px 48px;
-        text-align: center;
-        position: relative;
-    }
-
-    .package-item:not(:last-child) {
-        border-right-color: #DBE0E3;
-    }
-
-    .packages {
-        display: -ms-flexbox;
-        display: flex;
-        -ms-flex-align: center;
-        align-items: center;
-        margin-bottom: 22px;
-    }
-
-    .package-actions .btn:hover {
-        color: #fff;
-        background-color: #7CB1F8;
-        border-color: #7CB1F8;
-        cursor: pointer;
-        touch-action: manipulation;
-    }
-
-    .package-actions .btn {
-        background-color: #fff;
-        border: 1px solid #B6BDC1;
-        border-radius: 30px;
-        min-width: 120px;
-        height: 40px;
-    }
-
-    .arraw-badge {
-        position: absolute;
-        background-color: #1dcaf8;
-        color: #fff;
-        left: -1px;
-        top: 0;
-        width: 30px;
-        height: 40px;
-        text-align: center;
-        padding-top: 5px;
-    }
-
-    .arraw-badge .arraw {
-        width: 0;
-        height: 0;
-        overflow: hidden;
-        border: 15px solid transparent;
-        border-bottom: 10px solid #fff;
-        border-top: none;
-        position: absolute;
-        bottom: 0;
-        left: 0;
-    }
-
-    .canvas {
-        position: absolute;
-        margin-top: -58px;
-        z-index: 999;
-    }
+      } else {
+        this.searchflag = true
+      }
+      if (this.searchflag) {
+        this.applists = [];
+        this.orgapplists = [];
+        if (this.searchfromtype) {
+          this.getappsFun({"type": this.searchfromtype, 'page': 1, size: 999});
+        } else {
+          this.getappsFun({'page': 1, size: 999});
+        }
+      }
+    },
+    auto_load() {
+      if (getScrollTop() + getWindowHeight() >= getScrollHeight()) {
+        if (this.has_next) {      //先判断下一页是否有数据
+          if (this.autoloadflag) {
+            this.autoloadflag = false;
+            if (this.applists.length === 0) {
+              this.query.page = 1;
+            } else {
+              this.query.page += 1;
+            }
+            if (this.searchfromtype !== '') {
+              this.query.type = this.searchfromtype;
+            }
+            this.getappsFun(this.query);
+          }
 
-    .pay-current {
-        width: 18px;
-        height: 19px;
-        position: absolute;
-        bottom: -1px;
-        right: -1px;
-    }
+        }
+      }
+    },
+    searchapps() {
+      let keysearch = this.keysearch.replace(/^\s+|\s+$/g, "");
+      let newapplists = [];
+      for (let i = 0; i < this.orgapplists.length; i++) {
+        if (this.orgapplists[i].name.search(keysearch) >= 0) {
+          newapplists.push(this.orgapplists[i]);
+        }
+      }
+      if (keysearch === "") {
+        this.applists = this.orgapplists.slice();
+      } else {
+        this.applists = newapplists.slice();
+      }
+
+    },
+    getappsFun(parms) {
+      this.loadingobj = this.$loading({
+        lock: true,
+        text: '加载中',
+        spinner: 'el-icon-loading',
+        // background: 'rgba(0, 0, 0, 0.7)'
+      });
+      getapps(data => {
+        if (data.code === 1000) {
+          this.loadingobj.close();
+          if (this.firstloadflag) {
+            window.addEventListener('scroll', this.auto_load);
+            this.firstloadflag = false
+          }
+          this.autoloadflag = true;
+
+          if (this.uploadflag) {
+            this.applists = data.data;
+            this.uploadflag = false;
+          } else {
+            this.applists = this.applists.concat(data.data);
+          }
+          this.has_next = data.has_next;
+          this.orgapplists = this.applists.slice(); //深拷贝
+          this.hdata = data.hdata;
+          this.searchapps();
+
+        } else {
+          this.loadingobj.close();
+          this.$router.push({name: 'FirLogin'});
+        }
+      }, parms);
+
+    },
+    onUploadChange(file, fileList) {
+      if (fileList && fileList.length > 1) {
+        this.multiupload = true;
+      }
+      this.multiFileList = fileList;
+      // eslint-disable-next-line no-unused-vars
+      this.timer = setTimeout(data => {
+        if (fileList && fileList.length === 1) {
+          this.currentfile = this.multiFileList[0];
+          this.multiuploadFun();
+        }
+        clearTimeout(this.timer);
+      }, 300);
+    },
+    delApp() {
+      let loadingobj = this.$loading({
+        lock: true,
+        text: '操作中，请耐心等待',
+        spinner: 'el-icon-loading',
+        // background: 'rgba(0, 0, 0, 0.7)'
+      });
+      this.willDeleteApp = false;
+      apputils(data => {
+        loadingobj.close();
+        if (data.code === 1000) {
+          for (let i = 0; i < this.applists.length; i++) {
+            if (this.delapp.app_id === this.applists[i].app_id) {
+              this.applists.splice(i, 1);
+              this.orgapplists.splice(i, 1);
+            }
+          }
+          this.$message.success(this.delapp.name + '删除成功');
+          this.delapp = {};
+        } else {
+          this.$message.error('删除失败，请联系管理员');
+        }
+      }, {
+        "methods": "DELETE",
+        "app_id": this.delapp.app_id
+      });
+    },
+    DeleteApp(delapp) {
+      this.willDeleteApp = true;
+      this.delapp = delapp;
+    },
+    appInfos(app) {
+      this.$router.push({name: 'FirAppInfostimeline', params: {id: app.app_id}})
+    },
+    appDownload(app) {
+      // this.$router.push({name: 'FirDownload', params: {short: app.short}});
+      let routeData = this.$router.resolve({name: 'FirDownload', params: {short: app.short}});
+      let p_url = routeData.href;
+      if (app.preview_url && app.preview_url.length > 6) {
+        p_url = app.preview_url + p_url
+      }
+      window.open(p_url, '_blank', '');
+    }
+  }, computed: {
+    getDelappTitle() {
+      return `删除应用 ${this.delapp.name}`
+    },
+  },
+  filters: {
+    diskSize,
+    formatMoney: function (money) {
+      return format_money(money, 19);
+    },
+    getiOStype: function (release_type_id) {
+      let ftype = '';
+      if (release_type_id === 1) {
+        ftype = '内测版'
+      } else if (release_type_id === 2) {
+        ftype = '企业版'
+      }
+      return ftype
+    },
+    formatsize: function (size) {
+      return size / 1000;
+    },
+    autoformat: function (packname) {
+
+      if (packname && (packname.length) > 20) {
+        return packname.split('').slice(0, 20).join('') + '...';
+      } else {
+        return packname
+      }
+    },
+    getapptype: function (type) {
+      let ftype = '';
+      if (type === 0) {
+        ftype = 'Android'
+      } else {
+        ftype = 'iOS'
+      }
+      return ftype
+    },
+    make_icon_url(icon_url) {
+      if (icon_url) {
+        if (!icon_url.startsWith("http")) {
+          return location.origin + icon_url
+        } else {
+          return icon_url
+        }
+      }
+      return icon_url
+
+    },
+    get_upload_text(is_new) {
+      if (is_new) {
+        return '新应用上传'
+      } else {
+        return '应用更新'
+      }
+    }
+
+  }, mounted() {
+    getUserInfoFun(this);
+    this.$store.dispatch('doucurrentapp', {});
+    this.getappsFun({});
+  },
+  destroyed() {
+    window.removeEventListener('scroll', this.auto_load, false);
+    this.loadingobj.close();
+  },
+  watch: {
+    // eslint-disable-next-line no-unused-vars
+    default_pay_radio: function (val, oldVal) {
+      this.buy_button_disable = !(this.default_pay_radio.length > 2 && this.default_price_radio.length > 2);
+    },
+    // eslint-disable-next-line no-unused-vars
+    default_price_radio: function (val, oldVal) {
+      this.buy_button_disable = !(this.default_pay_radio.length > 2 && this.default_price_radio.length > 2);
+    },
+    // eslint-disable-next-line no-unused-vars
+    keysearch: function (val, oldVal) {
+      // this.searchapps()
+      let keysearch = this.keysearch.replace(/^\s+|\s+$/g, "");
+      if (keysearch === "") {
+        this.searchFun()
+      }
+    },
+    // eslint-disable-next-line no-unused-vars
+    searchfromtype: function (val, oldVal) {
+      this.applists = [];
+      this.query.page = 1;
+      // this.keysearch='';
+      this.searchFun();
+      // this.getappsFun({"type": this.searchfromtype});
+    },
+  }
+}
+</script>
 
-    .pay-icon {
-        width: 120px;
-        height: 30px;
-        background-size: 100%;
-        position: absolute;
-        top: 6px;
-        left: 15px;
-    }
+<style scoped>
+.el-container {
+  margin: 10px auto 100px;
+  width: 1166px;
+  position: relative;
+  padding-bottom: 1px;
+  color: #9b9b9b;
+  -webkit-font-smoothing: antialiased;
+  border-radius: 1%;
+}
+
+.el-header {
+  margin-top: 20px;
+  padding-top: 30px;
+  border-bottom: 1px solid rgba(208, 208, 208, .5);
+  border-radius: 10px;
+}
+
+.surplus-card {
+  height: 40px;
+  text-align: right;
+  display: inline-block;
+  vertical-align: middle;
+}
+
+
+.surplus-card .name {
+  font-size: 12px;
+  color: #9b9b9b;
+}
+
+.surplus-card .value {
+  font-size: 16px;
+  color: #434343;
+}
+
+.surplus-card .action {
+  width: 50px;
+  height: 24px;
+  line-height: 24px;
+  padding: 0;
+  border-radius: 30px;
+  background-color: #fff;
+  border: 1px solid #B6BDC1;
+}
+
+.appdownload {
+  width: 96%;
+  height: 96%;
+  margin: 2px auto; /*水平居中*/
+  border-radius: 5px;
+
+}
+
+.appdownload /deep/ .el-upload-dragger {
+  width: 339.8px;
+  height: 430px;
+  background: #8bc3f8;
+  border: 0;
+}
+
+.appdownload /deep/ .el-icon-upload {
+  margin-top: 50%;
+}
+
+.appdownload /deep/ .el-upload-list__item-name {
+  margin-top: -43px;
+}
+
+.appdownload /deep/ .el-upload-list__item {
+  font-size: 17px;
+  line-height: 1;
+}
+
+.page-apps .card.app .action a, .page-apps .card.app .appname, .page-apps .card.app table tr td, .upload-modal .state-form .release-body .input-addon {
+  font-family: 'Open Sans', sans-serif
+}
+
+.page-apps .row-apps-top > div {
+  height: 100%
+}
+
+
+.page-apps .card.app .appicon img, .page-apps .card.app .combo-info img {
+  border-radius: 17.54%
+}
+
+.page-apps .card.app {
+  position: relative;
+  padding: 45px;
+  height: 340px;
+  background-color: #fff;
+  -webkit-transition: all .25s;
+  transition: all .25s
+}
+
+.page-apps .card.app:hover {
+  -webkit-transform: translateY(-4px);
+  transform: translateY(-4px);
+  box-shadow: 0 15px 30px rgba(0, 0, 0, .1)
+}
+
+.page-apps .card.app .type-icon {
+  position: absolute;
+  top: 9px;
+  right: 7px;
+  z-index: 2;
+  color: #fff;
+
+}
+
+.page-apps .card.app .type-mark {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 1
+}
+
+.page-apps .card.app .type-mark i {
+  position: absolute;
+  top: 9px;
+  right: 7px
+}
+
+.page-apps .card.app .appicon {
+  display: inline-block;
+  width: 100px;
+  height: 100px;
+  cursor: pointer
+}
+
+.page-apps .card.app .appname {
+  margin-top: 36px;
+  font-size: 18px;
+  cursor: pointer;
+  display: inline-block
+}
+
+.page-apps .card.app .appname i {
+  color: #f8ba0b;
+  font-size: 16px;
+  margin-right: 6px
+}
+
+.page-apps .card.app:hover .appname {
+  color: #4a4a4a
+}
+
+.page-apps .card.app .combo-info {
+  display: inline-block;
+  margin-left: 26px;
+  vertical-align: bottom
+}
+
+.page-apps .card.app .combo-info i {
+  margin-right: 14px;
+  font-size: 20px
+}
+
+.page-apps .card.app table {
+  width: 100%;
+  table-layout: fixed
+}
+
+.page-apps .card.app table tr td {
+  padding: 2px 0;
+  font-size: 12px;
+  color: #9b9b9b;
+}
+
+.page-apps .card.app table tr td > span {
+  display: inline-block
+}
+
+.page-apps .card.app table tr td:last-child {
+  color: #1a1a1a;
+  width: 58%
+}
+
+
+.page-apps .card.app .action {
+  position: absolute;
+  padding: 20px 0 40px 40px;
+  left: 0;
+  bottom: 0;
+  width: 100%
+}
+
+.page-apps .card.app .action .el-button {
+  text-decoration: none;
+  border: 1px solid;
+  text-align: center;
+  padding: 8px 20px;
+  margin-right: 4px;
+  border-radius: 40px;
+  color: #9b9b9b;
+  -webkit-transition: all .25s;
+  transition: all .25s;
+  display: inline-block
+}
+
+.page-apps .card.app .action .el-button:hover {
+  color: #7e9bf8
+}
+
+.page-apps .card.app .action .el-button i {
+  font-size: 18px;
+  margin-right: 4px;
+  display: inline-block;
+  vertical-align: middle
+}
+
+
+.page-apps .card.app .action .btn-remove {
+  font-size: 0;
+  border: 1px solid;
+  background: 0;
+  padding: 10px;
+  border-radius: 50%;
+  vertical-align: top;
+  color: #9b9b9b;
+}
+
+.page-apps .card.app .action .btn-remove {
+  font-size: 16px
+}
+
+.page-apps .card.app .action .btn-remove:hover {
+  background-color: #ec4242;
+  color: #fff
+}
+
+.page-apps .card-android .type-mark {
+  height: 0;
+  width: 0;
+  border-top: 48px solid #a4c639;
+  border-left: 48px solid transparent
+}
+
+.page-apps .card-ios .type-mark {
+  height: 0;
+  width: 0;
+  border-top: 48px solid #c6c7c9;
+  /*border-top-right-radius: 10px;*/
+  border-left: 48px solid transparent;
+}
+
+
+.page-apps .card-ios {
+  border-radius: 10px;
+}
+
+.page-apps .card.card-invite .appname {
+  color: #4a4a4a;
+  margin-top: 0
+}
+
+
+.page-apps .card.card-invite .actions button {
+  display: block;
+  padding: 8px;
+  width: 120px;
+  border: 1px solid #4a4a4a;
+  border-radius: 20px;
+  background-color: transparent
+}
+
+.page-apps .card.card-invite .actions button:first-child {
+  position: absolute;
+  bottom: 44px;
+  margin: 0;
+  background-color: #4a4a4a;
+  color: #fff
+}
+
+.page-apps .card.card-invite .actions button:last-child {
+  position: absolute;
+  bottom: 44px;
+  left: 170px;
+  border-color: transparent
+}
+
+.page-apps .card.card-invite .actions button:last-child:hover {
+  color: #4a4a4a
+}
+
+/*最外层容器样式*/
+.wrap {
+  width: 100px;
+  height: 100px;
+  /*margin: 119px;*/
+  margin: 120px auto 119px auto;
+  position: relative;
+  z-index: 9999;
+}
+
+/*包裹所有容器样式*/
+.cube {
+  width: 50px;
+  height: 50px;
+  margin: 0 auto;
+  transform-style: preserve-3d;
+  transform: rotateX(-30deg) rotateY(-80deg);
+  animation: rotate linear 20s infinite;
+}
+
+@-webkit-keyframes rotate {
+  from {
+    transform: rotateX(0deg) rotateY(0deg);
+  }
+  to {
+    transform: rotateX(360deg) rotateY(360deg);
+  }
+}
+
+.cube div {
+  position: absolute;
+  width: 200px;
+  height: 200px;
+  opacity: 0.8;
+  transition: all .4s;
+}
+
+/*定义所有图片样式*/
+.pic {
+  width: 200px;
+  height: 200px;
+}
+
+.cube .out_front {
+  transform: rotateY(0deg) translateZ(100px);
+}
+
+.cube .out_back {
+  transform: translateZ(-100px) rotateY(180deg);
+}
+
+.cube .out_left {
+  transform: rotateY(-90deg) translateZ(100px);
+}
+
+.cube .out_right {
+  transform: rotateY(90deg) translateZ(100px);
+}
+
+.cube .out_top {
+  transform: rotateX(90deg) translateZ(100px);
+}
+
+.cube .out_bottom {
+  transform: rotateX(-90deg) translateZ(100px);
+}
+
+/*定义小正方体样式*/
+.cube span {
+  display: block;
+  width: 100px;
+  height: 100px;
+  position: absolute;
+  top: 50px;
+  left: 50px;
+}
+
+.cube .in_pic {
+  width: 100px;
+  height: 100px;
+}
+
+.cube .in_front {
+  transform: rotateY(0deg) translateZ(50px);
+}
+
+.cube .in_back {
+  transform: translateZ(-50px) rotateY(180deg);
+}
+
+.cube .in_left {
+  transform: rotateY(-90deg) translateZ(50px);
+}
+
+.cube .in_right {
+  transform: rotateY(90deg) translateZ(50px);
+}
+
+.cube .in_top {
+  transform: rotateX(90deg) translateZ(50px);
+}
+
+.cube .in_bottom {
+  transform: rotateX(-90deg) translateZ(50px);
+}
+
+/*鼠标移入后样式*/
+.cube:hover .out_front {
+  transform: rotateY(0deg) translateZ(200px);
+}
+
+.cube:hover .out_back {
+  transform: translateZ(-200px) rotateY(180deg);
+}
+
+.cube:hover .out_left {
+  transform: rotateY(-90deg) translateZ(200px);
+}
+
+.cube:hover .out_right {
+  transform: rotateY(90deg) translateZ(200px);
+}
+
+.cube:hover .out_top {
+  transform: rotateX(90deg) translateZ(200px);
+}
+
+.cube:hover .out_bottom {
+  transform: rotateX(-90deg) translateZ(200px);
+}
+
+.text-gift {
+  color: #8E7BF8;
+  font-size: 14px;
+  font-weight: 500;
+  margin-bottom: 20px;
+  text-align: center;
+}
+
+.package-item .unit {
+  font-size: 14px;
+  color: #869096;
+}
+
+.package-item .times {
+  font-size: 24px;
+  line-height: 28px;
+  color: #4F5156;
+}
+
+.package-item .money {
+  font-size: 30px;
+  color: #7e5ef8;
+  line-height: 42px;
+}
+
+.package-item .package-content {
+  margin-bottom: 0;
+}
+
+.package-item {
+  -ms-flex: 1;
+  flex: 1;
+  border-right: 1px solid transparent;
+  padding: 8px 48px;
+  text-align: center;
+  position: relative;
+}
+
+.package-item:not(:last-child) {
+  border-right-color: #DBE0E3;
+}
+
+.packages {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+  margin-bottom: 22px;
+}
+
+.package-actions .btn:hover {
+  color: #fff;
+  background-color: #7CB1F8;
+  border-color: #7CB1F8;
+  cursor: pointer;
+  touch-action: manipulation;
+}
+
+.package-actions .btn {
+  background-color: #fff;
+  border: 1px solid #B6BDC1;
+  border-radius: 30px;
+  min-width: 120px;
+  height: 40px;
+}
+
+.arraw-badge {
+  position: absolute;
+  background-color: #1dcaf8;
+  color: #fff;
+  left: -1px;
+  top: 0;
+  width: 30px;
+  height: 40px;
+  text-align: center;
+  padding-top: 5px;
+}
+
+.arraw-badge .arraw {
+  width: 0;
+  height: 0;
+  overflow: hidden;
+  border: 15px solid transparent;
+  border-bottom: 10px solid #fff;
+  border-top: none;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+}
+
+.canvas {
+  position: absolute;
+  margin-top: -58px;
+  z-index: 999;
+}
+
+.pay-current {
+  width: 18px;
+  height: 19px;
+  position: absolute;
+  bottom: -1px;
+  right: -1px;
+}
+
+.pay-icon {
+  width: 120px;
+  height: 30px;
+  background-size: 100%;
+  position: absolute;
+  top: 6px;
+  left: 15px;
+}
 
 </style>
diff --git a/fir_client/src/components/base/BackToTop.vue b/fir_client/src/components/base/BackToTop.vue
index 73fe53e..78e071b 100644
--- a/fir_client/src/components/base/BackToTop.vue
+++ b/fir_client/src/components/base/BackToTop.vue
@@ -1,114 +1,115 @@
 <template>
-    <transition :name="transitionName">
-        <div v-show="visible" :style="customStyle" class="back-to-ceiling" @click="backToTop">
-            <svg width="16" height="16" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg"
-                 class="Icon Icon--backToTopArrow" aria-hidden="true" style="height:16px;width:16px">
-                <path d="M12.036 15.59a1 1 0 0 1-.997.995H5.032a.996.996 0 0 1-.997-.996V8.584H1.03c-1.1 0-1.36-.633-.578-1.416L7.33.29a1.003 1.003 0 0 1 1.412 0l6.878 6.88c.782.78.523 1.415-.58 1.415h-3.004v7.004z"/>
-            </svg>
-        </div>
-    </transition>
+  <transition :name="transitionName">
+    <div v-show="visible" :style="customStyle" class="back-to-ceiling" @click="backToTop">
+      <svg aria-hidden="true" class="Icon Icon--backToTopArrow" height="16" style="height:16px;width:16px"
+           viewBox="0 0 17 17" width="16" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M12.036 15.59a1 1 0 0 1-.997.995H5.032a.996.996 0 0 1-.997-.996V8.584H1.03c-1.1 0-1.36-.633-.578-1.416L7.33.29a1.003 1.003 0 0 1 1.412 0l6.878 6.88c.782.78.523 1.415-.58 1.415h-3.004v7.004z"/>
+      </svg>
+    </div>
+  </transition>
 </template>
 
 <script>
-    export default {
-        name: 'BackToTop',
-        props: {
-            visibilityHeight: {
-                type: Number,
-                default: 400
-            },
-            backPosition: {
-                type: Number,
-                default: 0
-            },
-            customStyle: {
-                type: Object,
-                default: function () {
-                    return {
-                        right: '50px',
-                        bottom: '50px',
-                        width: '40px',
-                        height: '40px',
-                        'border-radius': '4px',
-                        'line-height': '45px',
-                        background: '#e7eaf1'
-                    }
-                }
-            },
-            transitionName: {
-                type: String,
-                default: 'fade'
-            }
-        },
-        data() {
-            return {
-                visible: false,
-                interval: null,
-                isMoving: false
-            }
-        },
-        mounted() {
-            window.addEventListener('scroll', this.handleScroll)
-        },
-        beforeDestroy() {
-            window.removeEventListener('scroll', this.handleScroll)
-            if (this.interval) {
-                clearInterval(this.interval)
-            }
-        },
-        methods: {
-            handleScroll() {
-                this.visible = window.pageYOffset > this.visibilityHeight
-            },
-            backToTop() {
-                if (this.isMoving) return
-                const start = window.pageYOffset
-                let i = 0
-                this.isMoving = true
-                this.interval = setInterval(() => {
-                    const next = Math.floor(this.easeInOutQuad(10 * i, start, -start, 500))
-                    if (next <= this.backPosition) {
-                        window.scrollTo(0, this.backPosition)
-                        clearInterval(this.interval)
-                        this.isMoving = false
-                    } else {
-                        window.scrollTo(0, next)
-                    }
-                    i++
-                }, 16.7)
-            },
-            easeInOutQuad(t, b, c, d) {
-                if ((t /= d / 2) < 1) return c / 2 * t * t + b
-                return -c / 2 * (--t * (t - 2) - 1) + b
-            }
+export default {
+  name: 'BackToTop',
+  props: {
+    visibilityHeight: {
+      type: Number,
+      default: 400
+    },
+    backPosition: {
+      type: Number,
+      default: 0
+    },
+    customStyle: {
+      type: Object,
+      default: function () {
+        return {
+          right: '50px',
+          bottom: '50px',
+          width: '40px',
+          height: '40px',
+          'border-radius': '4px',
+          'line-height': '45px',
+          background: '#e7eaf1'
         }
+      }
+    },
+    transitionName: {
+      type: String,
+      default: 'fade'
     }
+  },
+  data() {
+    return {
+      visible: false,
+      interval: null,
+      isMoving: false
+    }
+  },
+  mounted() {
+    window.addEventListener('scroll', this.handleScroll)
+  },
+  beforeDestroy() {
+    window.removeEventListener('scroll', this.handleScroll)
+    if (this.interval) {
+      clearInterval(this.interval)
+    }
+  },
+  methods: {
+    handleScroll() {
+      this.visible = window.pageYOffset > this.visibilityHeight
+    },
+    backToTop() {
+      if (this.isMoving) return
+      const start = window.pageYOffset
+      let i = 0
+      this.isMoving = true
+      this.interval = setInterval(() => {
+        const next = Math.floor(this.easeInOutQuad(10 * i, start, -start, 500))
+        if (next <= this.backPosition) {
+          window.scrollTo(0, this.backPosition)
+          clearInterval(this.interval)
+          this.isMoving = false
+        } else {
+          window.scrollTo(0, next)
+        }
+        i++
+      }, 16.7)
+    },
+    easeInOutQuad(t, b, c, d) {
+      if ((t /= d / 2) < 1) return c / 2 * t * t + b
+      return -c / 2 * (--t * (t - 2) - 1) + b
+    }
+  }
+}
 </script>
 
 <style scoped>
-    .back-to-ceiling {
-        position: fixed;
-        display: inline-block;
-        text-align: center;
-        cursor: pointer;
-    }
+.back-to-ceiling {
+  position: fixed;
+  display: inline-block;
+  text-align: center;
+  cursor: pointer;
+}
 
-    .back-to-ceiling:hover {
-        background: #d5dbe7;
-    }
+.back-to-ceiling:hover {
+  background: #d5dbe7;
+}
 
-    .fade-enter-active,
-    .fade-leave-active {
-        transition: opacity .5s;
-    }
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity .5s;
+}
 
-    .fade-enter,
-    .fade-leave-to {
-        opacity: 0
-    }
+.fade-enter,
+.fade-leave-to {
+  opacity: 0
+}
 
-    .back-to-ceiling .Icon {
-        fill: #9aaabf;
-        background: none;
-    }
+.back-to-ceiling .Icon {
+  fill: #9aaabf;
+  background: none;
+}
 </style>
diff --git a/fir_client/src/components/base/BindDomain.vue b/fir_client/src/components/base/BindDomain.vue
index 5c36c1e..b1aa893 100644
--- a/fir_client/src/components/base/BindDomain.vue
+++ b/fir_client/src/components/base/BindDomain.vue
@@ -1,314 +1,314 @@
 <template>
-    <transition :name="transitionName">
-        <div>
-            <div style="margin: 5px 20px">
-                <el-steps :active="active" finish-status="success">
-                    <el-step title="步骤 1">
+  <transition :name="transitionName">
+    <div>
+      <div style="margin: 5px 20px">
+        <el-steps :active="active" finish-status="success">
+          <el-step title="步骤 1">
 
-                    </el-step>
-                    <el-step title="步骤 2">
-                    </el-step>
-                    <el-step title="步骤 3"/>
-                </el-steps>
-                <div style="margin-top: 20px">
-                    <div v-if="active===1">
-                        <h2>你的二级域名</h2>
-                        <el-input clearable autofocus v-model="domain_name"/>
-                    </div>
-                    <div v-else-if="active===2">
-                        <div style="text-align: center;margin: 20px 0">
-                            <h3>还差一步绑定成功</h3>
-                        </div>
-                        请联系域名管理员，前往 <strong>{{ domain_name }}</strong> 域名 DNS 管理后台添加如下 CNAME 记录。
-                        <el-table
-                                :data="domain_tData"
-                                border
-                                stripe
-                                style="width: 100%;margin-top: 20px">
-                            <el-table-column
-                                    prop="type"
-                                    label="记录类型"
-                                    align="center"
-                                    width="100">
-                            </el-table-column>
-                            <el-table-column
-                                    prop="host"
-                                    align="center"
-                                    label="主机记录"
-                            >
-                                <template slot-scope="scope">
-                                    <el-tooltip content="点击复制到剪贴板">
-                                        <el-link v-if="scope.row.host" :underline="false"
-                                                 v-clipboard:copy="scope.row.host"
-                                                 v-clipboard:success="copy_success">{{ scope.row.host }}
-                                        </el-link>
-                                    </el-tooltip>
-                                </template>
-                            </el-table-column>
-                            <el-table-column
-                                    prop="dns"
-                                    align="center"
-                                    label="记录值"
-                                    width="300">
-                                <template slot-scope="scope">
-                                    <el-tooltip content="点击复制到剪贴板">
-                                        <el-link v-if="scope.row.dns" :underline="false"
-                                                 v-clipboard:copy="scope.row.dns"
-                                                 v-clipboard:success="copy_success">{{ scope.row.dns }}
-                                        </el-link>
-                                    </el-tooltip>
-                                </template>
-                            </el-table-column>
-                        </el-table>
-                        <el-alert title="请在域名DNS配置成功后，点击“下一步”按钮"
-                                  style="margin-top: 30px"
-                                  type="warning"
-                                  :closable="false"
-                                  show-icon/>
-                    </div>
-                    <div v-else-if="active===3">
-                        <div v-if="!bind_status">
-                            <div style="text-align: center;margin: 20px 0">
-                                <el-link :underline="false" type="danger"
-                                         style="font-size: x-large">绑定失败
-                                </el-link>
-                            </div>
-
-                            <p style="margin: 10px 0">{{b_t_msg}}正在绑定域名：<strong>{{ domain_name }}</strong></p>
-                            <el-row>
-                                <el-col :span="16"><p>系统未检出到您的CNAME记录，请检查您的配置。</p></el-col>
-                                <el-col :span="6">
-                                    <el-button type="danger" size="small" plain style="margin-top: 8px"
-                                               @click="remove_domain">
-                                        解除绑定
-                                    </el-button>
-                                </el-col>
-                            </el-row>
-                        </div>
+          </el-step>
+          <el-step title="步骤 2">
+          </el-step>
+          <el-step title="步骤 3"/>
+        </el-steps>
+        <div style="margin-top: 20px">
+          <div v-if="active===1">
+            <h2>你的二级域名</h2>
+            <el-input v-model="domain_name" autofocus clearable/>
+          </div>
+          <div v-else-if="active===2">
+            <div style="text-align: center;margin: 20px 0">
+              <h3>还差一步绑定成功</h3>
+            </div>
+            请联系域名管理员，前往 <strong>{{ domain_name }}</strong> 域名 DNS 管理后台添加如下 CNAME 记录。
+            <el-table
+                :data="domain_tData"
+                border
+                stripe
+                style="width: 100%;margin-top: 20px">
+              <el-table-column
+                  align="center"
+                  label="记录类型"
+                  prop="type"
+                  width="100">
+              </el-table-column>
+              <el-table-column
+                  align="center"
+                  label="主机记录"
+                  prop="host"
+              >
+                <template slot-scope="scope">
+                  <el-tooltip content="点击复制到剪贴板">
+                    <el-link v-if="scope.row.host" v-clipboard:copy="scope.row.host"
+                             v-clipboard:success="copy_success"
+                             :underline="false">{{ scope.row.host }}
+                    </el-link>
+                  </el-tooltip>
+                </template>
+              </el-table-column>
+              <el-table-column
+                  align="center"
+                  label="记录值"
+                  prop="dns"
+                  width="300">
+                <template slot-scope="scope">
+                  <el-tooltip content="点击复制到剪贴板">
+                    <el-link v-if="scope.row.dns" v-clipboard:copy="scope.row.dns"
+                             v-clipboard:success="copy_success"
+                             :underline="false">{{ scope.row.dns }}
+                    </el-link>
+                  </el-tooltip>
+                </template>
+              </el-table-column>
+            </el-table>
+            <el-alert :closable="false"
+                      show-icon
+                      style="margin-top: 30px"
+                      title="请在域名DNS配置成功后，点击“下一步”按钮"
+                      type="warning"/>
+          </div>
+          <div v-else-if="active===3">
+            <div v-if="!bind_status">
+              <div style="text-align: center;margin: 20px 0">
+                <el-link :underline="false" style="font-size: x-large"
+                         type="danger">绑定失败
+                </el-link>
+              </div>
 
-                        <div v-else>
-                            <div style="text-align: center;margin: 20px 0">
-                                <el-link :underline="false" type="success"
-                                         style="font-size: x-large">绑定成功
-                                </el-link>
-                            </div>
+              <p style="margin: 10px 0">{{ b_t_msg }}正在绑定域名：<strong>{{ domain_name }}</strong></p>
+              <el-row>
+                <el-col :span="16"><p>系统未检出到您的CNAME记录，请检查您的配置。</p></el-col>
+                <el-col :span="6">
+                  <el-button plain size="small" style="margin-top: 8px" type="danger"
+                             @click="remove_domain">
+                    解除绑定
+                  </el-button>
+                </el-col>
+              </el-row>
+            </div>
 
-                            <el-row>
-                                <el-col :span="16"><p>{{b_t_msg}}已绑定域名：<strong>{{ domain_name }}</strong></p></el-col>
-                                <el-col :span="6">
-                                    <el-button type="danger" size="small" plain style="margin-top: 8px"
-                                               @click="remove_domain">
-                                        解除绑定
-                                    </el-button>
-                                </el-col>
-                            </el-row>
+            <div v-else>
+              <div style="text-align: center;margin: 20px 0">
+                <el-link :underline="false" style="font-size: x-large"
+                         type="success">绑定成功
+                </el-link>
+              </div>
 
-                        </div>
-                        <el-table
-                                :data="domain_tData"
-                                border
-                                stripe
-                                style="width: 100%;margin-top: 20px">
-                            <el-table-column
-                                    prop="type"
-                                    label="记录类型"
-                                    align="center"
-                                    width="100">
-                            </el-table-column>
-                            <el-table-column
-                                    prop="host"
-                                    align="center"
-                                    label="主机记录"
-                            >
-                            </el-table-column>
-                            <el-table-column
-                                    prop="dns"
-                                    align="center"
-                                    label="记录值"
-                                    width="300">
-                            </el-table-column>
-                        </el-table>
-                        <div v-if="!bind_status" style="text-align: center;margin: 30px 0">
-                            <el-button @click="check_cname" type="success" plain>已经修改配置，再次检查绑定</el-button>
-                        </div>
-                    </div>
+              <el-row>
+                <el-col :span="16"><p>{{ b_t_msg }}已绑定域名：<strong>{{ domain_name }}</strong></p></el-col>
+                <el-col :span="6">
+                  <el-button plain size="small" style="margin-top: 8px" type="danger"
+                             @click="remove_domain">
+                    解除绑定
+                  </el-button>
+                </el-col>
+              </el-row>
 
-                </div>
             </div>
-            <div v-if="active!==3" style="margin:40px 20px 0;text-align: right">
-                <el-button @click="last"
-                           :disabled="bind_status|| active===1 ">上一步
-                </el-button>
-                <el-button v-if="force_bind" @click="next(1)">强制绑定</el-button>
-                <el-button v-else @click="next(0)">下一步</el-button>
-
+            <el-table
+                :data="domain_tData"
+                border
+                stripe
+                style="width: 100%;margin-top: 20px">
+              <el-table-column
+                  align="center"
+                  label="记录类型"
+                  prop="type"
+                  width="100">
+              </el-table-column>
+              <el-table-column
+                  align="center"
+                  label="主机记录"
+                  prop="host"
+              >
+              </el-table-column>
+              <el-table-column
+                  align="center"
+                  label="记录值"
+                  prop="dns"
+                  width="300">
+              </el-table-column>
+            </el-table>
+            <div v-if="!bind_status" style="text-align: center;margin: 30px 0">
+              <el-button plain type="success" @click="check_cname">已经修改配置，再次检查绑定</el-button>
             </div>
+          </div>
 
         </div>
-    </transition>
+      </div>
+      <div v-if="active!==3" style="margin:40px 20px 0;text-align: right">
+        <el-button :disabled="bind_status|| active===1 "
+                   @click="last">上一步
+        </el-button>
+        <el-button v-if="force_bind" @click="next(1)">强制绑定</el-button>
+        <el-button v-else @click="next(0)">下一步</el-button>
+
+      </div>
+
+    </div>
+  </transition>
 </template>
 
 <script>
-    import {domainFun} from "@/restful";
+import {domainFun} from "@/restful";
 
-    export default {
-        name: 'BindDomain',
-        props: {
-            transitionName: {
-                type: String,
-                default: 'bind-domain'
-            },
-            app_id: {
-                type: String,
-                default: undefined
-            },
-            domain_type: {
-                type: Number,
-                default: 1
-            },
-            domain_state: {
-                type: Boolean,
-                default: false
-            },
-        },
-        data() {
-            return {
-                active: 1,
-                bind_status: false,
-                bind_domain_sure: true,
-                domain_name: '',
-                domain_tData: [{'type': 'CNAME', 'host': 'xxx', 'dns': 'demo.xxx.cn'}],
-                force_bind: false,
-                b_t_msg: '您的账户',
+export default {
+  name: 'BindDomain',
+  props: {
+    transitionName: {
+      type: String,
+      default: 'bind-domain'
+    },
+    app_id: {
+      type: String,
+      default: undefined
+    },
+    domain_type: {
+      type: Number,
+      default: 1
+    },
+    domain_state: {
+      type: Boolean,
+      default: false
+    },
+  },
+  data() {
+    return {
+      active: 1,
+      bind_status: false,
+      bind_domain_sure: true,
+      domain_name: '',
+      domain_tData: [{'type': 'CNAME', 'host': 'xxx', 'dns': 'demo.xxx.cn'}],
+      force_bind: false,
+      b_t_msg: '您的账户',
+    }
+  },
+  mounted() {
+    if (this.domain_type === 2) {
+      this.b_t_msg = '您的应用'
+    }
+    this.bind_click();
+  },
+  beforeDestroy() {
+    this.bind_domain_sure = false;
+  },
+  methods: {
+    copy_success() {
+      this.$message.success('复制剪切板成功');
+    },
+    check_cname() {
+      domainFun(data => {
+        if (data.code === 1000) {
+          if (this.active++ > 2) this.active = 3;
+          this.bind_status = true;
+          if (!this.app_id) {
+            if (this.domain_type === 1) {
+              this.$store.dispatch("dodomainshow", false);
             }
-        },
-        mounted() {
-            if (this.domain_type === 2) {
-                this.b_t_msg = '您的应用'
+          }
+          if (this.domain_state) {
+            this.$store.dispatch("dosetdomainstate", true);
+          }
+        } else {
+          if (data.code === 1004) {
+            this.active = 1;
+            this.domain_name = '';
+          } else {
+            if (this.active++ > 2) this.active = 3;
+          }
+          this.bind_status = false;
+          this.$message.error("绑定失败 " + data.msg)
+        }
+      }, {methods: 'PUT', data: {app_id: this.app_id, domain_type: this.domain_type}})
+    },
+    remove_domain() {
+      domainFun(data => {
+        if (data.code === 1000) {
+          this.bind_status = false;
+          this.active = 1;
+          this.$message.success("解除绑定成功 ");
+          if (!this.app_id) {
+            if (this.domain_type === 1) {
+              this.$store.dispatch("dodomainshow", true);
             }
-            this.bind_click();
-        },
-        beforeDestroy() {
-            this.bind_domain_sure = false;
-        },
-        methods: {
-            copy_success() {
-                this.$message.success('复制剪切板成功');
-            },
-            check_cname() {
-                domainFun(data => {
-                    if (data.code === 1000) {
-                        if (this.active++ > 2) this.active = 3;
-                        this.bind_status = true;
-                        if (!this.app_id) {
-                            if (this.domain_type === 1) {
-                                this.$store.dispatch("dodomainshow", false);
-                            }
-                        }
-                        if (this.domain_state) {
-                            this.$store.dispatch("dosetdomainstate", true);
-                        }
-                    } else {
-                        if (data.code === 1004) {
-                            this.active = 1;
-                            this.domain_name = '';
-                        } else {
-                            if (this.active++ > 2) this.active = 3;
-                        }
-                        this.bind_status = false;
-                        this.$message.error("绑定失败 " + data.msg)
-                    }
-                }, {methods: 'PUT', data: {app_id: this.app_id, domain_type: this.domain_type}})
-            },
-            remove_domain() {
-                domainFun(data => {
-                    if (data.code === 1000) {
-                        this.bind_status = false;
-                        this.active = 1;
-                        this.$message.success("解除绑定成功 ");
-                        if (!this.app_id) {
-                            if (this.domain_type === 1) {
-                                this.$store.dispatch("dodomainshow", true);
-                            }
-                        }
-                        if (this.domain_state) {
-                            this.$store.dispatch("dosetdomainstate", true);
-                        }
-                    } else {
-                        this.$message.error("解除绑定失败 " + data.msg)
-                    }
-                }, {methods: 'DELETE', data: {app_id: this.app_id, domain_type: this.domain_type}});
-            },
-            bind_click() {
-                this.$store.dispatch("dosetdomainstate", false);
-                domainFun(data => {
-                    if (data.code === 1000) {
-                        if (data.data) {
-                            if (data.data.domain_name) {
-                                this.domain_name = data.data.domain_name;
-                            }
-                            if (data.data.domain_record) {
-                                this.format_domain_tData(data.data.domain_record);
-                                if (this.active++ > 2) this.active = 3;
-                            }
-                            if (data.data.is_enable) {
-                                this.bind_status = true;
-                                if (this.active++ > 2) this.active = 3;
-                            }
-                            this.bind_domain_sure = true;
-                        }
-                    } else {
-                        this.$message.error("绑定失败 " + data.msg)
-                    }
-                }, {methods: 'GET', data: {app_id: this.app_id, domain_type: this.domain_type}});
-            },
-            format_domain_tData(cname_domain) {
-                let domain_name_list = this.domain_name.split('.');
-                const d_len = domain_name_list.length;
-                if (d_len === 2) {
-                    this.domain_tData[0].host = '@'
-                } else if (d_len > 2) {
-                    domain_name_list.splice(domain_name_list.length - 2, 2);
-                    this.domain_tData[0].host = domain_name_list.join(".")
-                }
-                this.domain_tData[0].dns = cname_domain;
-            },
-            next(force_bind) {
-                if (this.active === 1) {
-                    domainFun(data => {
-                        if (data.code === 1000) {
-                            if (data.data && data.data.cname_domain) {
-                                this.format_domain_tData(data.data.cname_domain);
-                                if (this.active++ > 2) this.active = 3;
-                            }
-                        } else {
-                            this.$message.error("绑定失败 " + data.msg);
-                            if (data.code === 1011) {
-                                this.force_bind = true
-                            }
-                        }
-                    }, {
-                        methods: 'POST',
-                        data: {
-                            domain_name: this.domain_name,
-                            app_id: this.app_id,
-                            domain_type: this.domain_type,
-                            force_bind: force_bind
-                        }
-                    })
-                } else if (this.active === 2) {
-                    this.check_cname()
-                }
-            },
-            last() {
-                if (this.active-- < 2) this.active = 1;
-            },
+          }
+          if (this.domain_state) {
+            this.$store.dispatch("dosetdomainstate", true);
+          }
+        } else {
+          this.$message.error("解除绑定失败 " + data.msg)
         }
-    }
+      }, {methods: 'DELETE', data: {app_id: this.app_id, domain_type: this.domain_type}});
+    },
+    bind_click() {
+      this.$store.dispatch("dosetdomainstate", false);
+      domainFun(data => {
+        if (data.code === 1000) {
+          if (data.data) {
+            if (data.data.domain_name) {
+              this.domain_name = data.data.domain_name;
+            }
+            if (data.data.domain_record) {
+              this.format_domain_tData(data.data.domain_record);
+              if (this.active++ > 2) this.active = 3;
+            }
+            if (data.data.is_enable) {
+              this.bind_status = true;
+              if (this.active++ > 2) this.active = 3;
+            }
+            this.bind_domain_sure = true;
+          }
+        } else {
+          this.$message.error("绑定失败 " + data.msg)
+        }
+      }, {methods: 'GET', data: {app_id: this.app_id, domain_type: this.domain_type}});
+    },
+    format_domain_tData(cname_domain) {
+      let domain_name_list = this.domain_name.split('.');
+      const d_len = domain_name_list.length;
+      if (d_len === 2) {
+        this.domain_tData[0].host = '@'
+      } else if (d_len > 2) {
+        domain_name_list.splice(domain_name_list.length - 2, 2);
+        this.domain_tData[0].host = domain_name_list.join(".")
+      }
+      this.domain_tData[0].dns = cname_domain;
+    },
+    next(force_bind) {
+      if (this.active === 1) {
+        domainFun(data => {
+          if (data.code === 1000) {
+            if (data.data && data.data.cname_domain) {
+              this.format_domain_tData(data.data.cname_domain);
+              if (this.active++ > 2) this.active = 3;
+            }
+          } else {
+            this.$message.error("绑定失败 " + data.msg);
+            if (data.code === 1011) {
+              this.force_bind = true
+            }
+          }
+        }, {
+          methods: 'POST',
+          data: {
+            domain_name: this.domain_name,
+            app_id: this.app_id,
+            domain_type: this.domain_type,
+            force_bind: force_bind
+          }
+        })
+      } else if (this.active === 2) {
+        this.check_cname()
+      }
+    },
+    last() {
+      if (this.active-- < 2) this.active = 1;
+    },
+  }
+}
 </script>
 
 <style scoped>
-    .dialog-footer {
+.dialog-footer {
 
-    }
+}
 </style>
diff --git a/fir_client/src/components/index/FirContact.vue b/fir_client/src/components/index/FirContact.vue
index a3e24e3..4dcaa49 100644
--- a/fir_client/src/components/index/FirContact.vue
+++ b/fir_client/src/components/index/FirContact.vue
@@ -1,69 +1,69 @@
 <template>
-    <div class="ContactUs">
-        <div>
-            <h3>联系我们</h3>
-            <p style="color:#b2b2b2">Contact us</p>
-        </div>
+  <div class="ContactUs">
+    <div>
+      <h3>联系我们</h3>
+      <p style="color:#b2b2b2">Contact us</p>
+    </div>
 
 
-        <div class="content">
-            <div class="item"><p>技术咨询</p>
-            </div>
-            <el-divider direction="vertical"/>
-            <div class="item"><p>商务合作</p>
-            </div>
-            <el-divider direction="vertical"/>
-            <div class="item"><p style="margin-bottom: 16px">应用举报</p>
-            </div>
-            <p><b>flyapps@126.com</b></p>
-            <el-tooltip content="拿出手机扫描添加微信" style="margin-top: 33px">
-                <el-image :lazy="true" :src="require('@/assets/wxchat.jpg')" style="width: 160px" alt="扫描添加微信">
-                </el-image>
-            </el-tooltip>
+    <div class="content">
+      <div class="item"><p>技术咨询</p>
+      </div>
+      <el-divider direction="vertical"/>
+      <div class="item"><p>商务合作</p>
+      </div>
+      <el-divider direction="vertical"/>
+      <div class="item"><p style="margin-bottom: 16px">应用举报</p>
+      </div>
+      <p><b>flyapps@126.com</b></p>
+      <el-tooltip content="拿出手机扫描添加微信" style="margin-top: 33px">
+        <el-image :lazy="true" :src="require('@/assets/wxchat.jpg')" alt="扫描添加微信" style="width: 160px">
+        </el-image>
+      </el-tooltip>
 
-        </div>
     </div>
+  </div>
 </template>
 
 <script>
-    export default {
-        name: "FirContact",
-        data() {
-            return {
-                bg_img: require("@/assets/imgs/banner_1.jpg")
-            }
-        },
+export default {
+  name: "FirContact",
+  data() {
+    return {
+      bg_img: require("@/assets/imgs/banner_1.jpg")
     }
+  },
+}
 </script>
 
 <style scoped>
-    .ContactUs {
-        text-align: center;
+.ContactUs {
+  text-align: center;
 
-    }
+}
 
-    .content {
-        width: 942px;
-        margin: 80px auto 160px;
-        text-align: center;
-    }
+.content {
+  width: 942px;
+  margin: 80px auto 160px;
+  text-align: center;
+}
 
-    .item {
-        display: inline-block;
-        font-size: 14px;
-        text-align: left;
-    }
+.item {
+  display: inline-block;
+  font-size: 14px;
+  text-align: left;
+}
 
-    .item p {
-        font-size: 16px;
-        color: #8C9293;
-    }
+.item p {
+  font-size: 16px;
+  color: #8C9293;
+}
 
-    .item p b {
-        font-size: 30px;
-        color: #313639;
-        font-weight: 400;
-        letter-spacing: 2.5px;
-    }
+.item p b {
+  font-size: 30px;
+  color: #313639;
+  font-weight: 400;
+  letter-spacing: 2.5px;
+}
 
 </style>
diff --git a/fir_client/src/components/index/FirIndexBody.vue b/fir_client/src/components/index/FirIndexBody.vue
index ef931bc..6affc71 100644
--- a/fir_client/src/components/index/FirIndexBody.vue
+++ b/fir_client/src/components/index/FirIndexBody.vue
@@ -1,255 +1,255 @@
 <template>
-    <div>
-        <div class="main">
-            <div class="top">
-                <el-carousel :interval="5000" arrow="always" height="600px">
-                    <el-carousel-item v-for="item in swiperList" :key="item.title">
-                        <div :style="{backgroundImage:`url(${item.img})`}" class="bpic">
-                            <div class="topplayer-top">
-                                <div class="word">{{ item.title }}</div>
-                                <div class="content">{{ item.content }}</div>
-                            </div>
-                        </div>
-                    </el-carousel-item>
-                </el-carousel>
-
+  <div>
+    <div class="main">
+      <div class="top">
+        <el-carousel :interval="5000" arrow="always" height="600px">
+          <el-carousel-item v-for="item in swiperList" :key="item.title">
+            <div :style="{backgroundImage:`url(${item.img})`}" class="bpic">
+              <div class="topplayer-top">
+                <div class="word">{{ item.title }}</div>
+                <div class="content">{{ item.content }}</div>
+              </div>
             </div>
-        </div>
+          </el-carousel-item>
+        </el-carousel>
 
-        <div id="whyChooseUs">
-            <div style="width: 80%;margin-right: auto; margin-left: auto;">
-                <div class="whyChooseUs-title text-center">
-                    <p>为什么选择我们的服务</p>
-                    <p>THE REASON TO CHOOSING US</p>
-                </div>
-                <el-row :gutter="24">
-                    <el-col :span="6" v-for="(item,index) in serverList" :key="index">
-                        <div class="server-block"
-                             onmouseenter="this.style.color='#28f';this.style.borderColor='#28f'"
-                             onmouseleave="this.style.color='#666';this.style.borderColor='#ccc'">
-                            <img class="center-block" v-lazy="item.logo" alt="logo">
-                            <p class="text-center">{{item.title}}</p>
-                            <div
-                                    class="text-center"
-                                    v-html="item.content"
-                                    onmouseenter="this.style.color='#28f'"
-                                    onmouseleave="this.style.color='#ccc'"
-                            ></div>
-                        </div>
-                    </el-col>
-                </el-row>
-            </div>
+      </div>
+    </div>
+
+    <div id="whyChooseUs">
+      <div style="width: 80%;margin-right: auto; margin-left: auto;">
+        <div class="whyChooseUs-title text-center">
+          <p>为什么选择我们的服务</p>
+          <p>THE REASON TO CHOOSING US</p>
         </div>
+        <el-row :gutter="24">
+          <el-col v-for="(item,index) in serverList" :key="index" :span="6">
+            <div class="server-block"
+                 onmouseenter="this.style.color='#28f';this.style.borderColor='#28f'"
+                 onmouseleave="this.style.color='#666';this.style.borderColor='#ccc'">
+              <img v-lazy="item.logo" alt="logo" class="center-block">
+              <p class="text-center">{{ item.title }}</p>
+              <div
+                  class="text-center"
+                  onmouseenter="this.style.color='#28f'"
+                  onmouseleave="this.style.color='#ccc'"
+                  v-html="item.content"
+              ></div>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+    </div>
 
-        <el-container id="contactUs" :style="{background:`url(${contact_images.bg}) 0 0 no-repeat`}">
-            <el-main class="contactUs-container">
-                <div class="content">您身边的应用托管分发专家</div>
-                <div class="content">7x24小时提供出色的不间断服务</div>
-                <el-button @click="$router.push({name:'FirContact'})"
-                           onmouseleave="this.style.borderColor='#ffffff'; this.style.backgroundColor='#ffffff'; this.style.color='#3f3f3f';"
-                           onmouseenter="this.style.backgroundColor='transparent'; this.style.borderColor='#ffffff'; this.style.color='#ffffff';"
-                >联系我们
-                </el-button>
-                <div class="contactUs-contactWay">
-                    <img v-lazy="contact_images.weixin"/>
-                    <img v-lazy="contact_images.weibo"/>
-                    <img v-lazy="contact_images.twitter"/>
-                </div>
-            </el-main>
-        </el-container>
+    <el-container id="contactUs" :style="{background:`url(${contact_images.bg}) 0 0 no-repeat`}">
+      <el-main class="contactUs-container">
+        <div class="content">您身边的应用托管分发专家</div>
+        <div class="content">7x24小时提供出色的不间断服务</div>
+        <el-button onmouseenter="this.style.backgroundColor='transparent'; this.style.borderColor='#ffffff'; this.style.color='#ffffff';"
+                   onmouseleave="this.style.borderColor='#ffffff'; this.style.backgroundColor='#ffffff'; this.style.color='#3f3f3f';"
+                   @click="$router.push({name:'FirContact'})"
+        >联系我们
+        </el-button>
+        <div class="contactUs-contactWay">
+          <img v-lazy="contact_images.weixin"/>
+          <img v-lazy="contact_images.weibo"/>
+          <img v-lazy="contact_images.twitter"/>
+        </div>
+      </el-main>
+    </el-container>
 
-    </div>
+  </div>
 </template>
 
 <script>
-    export default {
-        name: "FirIndex",
-        data() {
-            return {
-                contact_images: {
-                    bg: require("@/assets/imgs/contact_us_bg.jpg"),
-                    weixin: require("@/assets/imgs/weixin.png"),
-                    weibo: require("@/assets/imgs/weibo.png"),
-                    twitter: require("@/assets/imgs/twitter.png"),
-                },
-                swiperList: [
-                    {
-                        img: require("@/assets/imgs/banner2.jpg"),
-                        path: "",
-                        title: '超级签名',
-                        content: '自定义超级签签名，不再为频繁填写udid打包而烦恼',
-                    },
-                    {
-                        img: require("@/assets/imgs/banner1.png"),
-                        path: "",
-                        title: '内测托管',
-                        content: '一键上传应用，扫描二维码下载',
-                    },
-                    {
-                        img: require("@/assets/imgs/banner_2.jpg"),
-                        path: "",
-                        title: '应用合并',
-                        content: '扫描同一个二维码，根据设备类型自动下载对应的 iOS 或 Android 应用',
-                    },
-                    {
-                        img: require("@/assets/imgs/banner_1.jpg"),
-                        path: "",
-                        title: '权限控制',
-                        content: '灵活的访问权限控制，密码授权，下载页展示，管理应用',
-                    },
-
-                ],
-                serverList: [
-                    {
-                        logo: require("@/assets/imgs/tel.png"),
-                        title: "核心优势1",
-                        content: "<p>由专业客服提供人工服务</p>负责疑难问题和故障受理"
-                    },
-                    {
-                        logo: require("@/assets/imgs/computer.png"),
-                        title: "核心优势2",
-                        content: "<p>可定制私有化部署</p>帮助客户进行私有操作"
-                    },
-                    {
-                        logo: require("@/assets/imgs/qq.png"),
-                        title: "核心优势3",
-                        content: "<p>利用QQ微信等提供在线解答</p>帮助用户快速准确解决问题和故障"
-                    },
-                    {
-                        logo: require("@/assets/imgs/skill.png"),
-                        title: "核心优势4",
-                        content: "<p>由技术支持工程师，负责问题解答</p>需求受理及故障受理"
-                    }
-                ]
-            }
+export default {
+  name: "FirIndex",
+  data() {
+    return {
+      contact_images: {
+        bg: require("@/assets/imgs/contact_us_bg.jpg"),
+        weixin: require("@/assets/imgs/weixin.png"),
+        weibo: require("@/assets/imgs/weibo.png"),
+        twitter: require("@/assets/imgs/twitter.png"),
+      },
+      swiperList: [
+        {
+          img: require("@/assets/imgs/banner2.jpg"),
+          path: "",
+          title: '超级签名',
+          content: '自定义超级签签名，不再为频繁填写udid打包而烦恼',
+        },
+        {
+          img: require("@/assets/imgs/banner1.png"),
+          path: "",
+          title: '内测托管',
+          content: '一键上传应用，扫描二维码下载',
+        },
+        {
+          img: require("@/assets/imgs/banner_2.jpg"),
+          path: "",
+          title: '应用合并',
+          content: '扫描同一个二维码，根据设备类型自动下载对应的 iOS 或 Android 应用',
+        },
+        {
+          img: require("@/assets/imgs/banner_1.jpg"),
+          path: "",
+          title: '权限控制',
+          content: '灵活的访问权限控制，密码授权，下载页展示，管理应用',
+        },
+
+      ],
+      serverList: [
+        {
+          logo: require("@/assets/imgs/tel.png"),
+          title: "核心优势1",
+          content: "<p>由专业客服提供人工服务</p>负责疑难问题和故障受理"
+        },
+        {
+          logo: require("@/assets/imgs/computer.png"),
+          title: "核心优势2",
+          content: "<p>可定制私有化部署</p>帮助客户进行私有操作"
+        },
+        {
+          logo: require("@/assets/imgs/qq.png"),
+          title: "核心优势3",
+          content: "<p>利用QQ微信等提供在线解答</p>帮助用户快速准确解决问题和故障"
+        },
+        {
+          logo: require("@/assets/imgs/skill.png"),
+          title: "核心优势4",
+          content: "<p>由技术支持工程师，负责问题解答</p>需求受理及故障受理"
         }
+      ]
     }
+  }
+}
 </script>
 
 <style scoped>
-    * {
-        margin: 0;
-        padding: 0;
-    }
-
-
-    .main .top {
-        margin-top: 10px;
-        width: 100%;
-        height: 600px;
-    }
-
-    .main .top .bpic {
-        width: 100%;
-        height: 600px;
-    }
-
-    .main .topplayer-top {
-        width: 800px;
-        height: 300px;
-        position: absolute;
-        top: 220px;
-        margin-top: -150px;
-        z-index: 2;
-        right: 50%;
-        margin-right: -400px;
-    }
-
-    .word {
-        padding-top: 100px;
-        color: #ffffff;
-        font-size: 45px;
-        font-weight: bolder;
-        text-align: center;
-        font-family: "微软雅黑";
-    }
-
-    .content {
-        padding-top: 30px;
-        color: #ffffff;
-        font-size: 20px;
-        font-weight: bolder;
-        text-align: center;
-        font-family: "微软雅黑";
-    }
-
-    .main .topplayer-top button {
-        width: 200px;
-        height: 60px;
-        margin-top: 50px;
-        color: #ffffff;
-        background: #f5704f;
-        font-family: 微软雅黑;
-        text-align: center;
-        font-weight: bolder;
-        font-size: 14px;
-        border-radius: 8px; /*圆角*/
-        margin-left: 150px;
-    }
-
-    #contactUs {
-        margin-top: 60px;
-        color: #fff;
-        height: 400px;
-        text-align: center;
-        background-size: 100% 100%;
-        transition: all ease 0.6s;
-    }
-
-    #contactUs .contactUs-container {
-        padding-top: 50px;
-    }
-
-    #contactUs .contactUs-container button {
-        width: 300px;
-        height: 50px;
-        margin-top: 40px;
-    }
-
-    #contactUs .contactUs-container .contactUs-contactWay img {
-        display: inline-block;
-        width: 48px;
-        height: 48px;
-        margin: 30px;
-    }
-
-    /* 为什么选择我们 */
-    #whyChooseUs {
-        padding: 100px;
-        text-align: center;
-    }
-
-    #whyChooseUs .whyChooseUs-title {
-        margin-bottom: 50px;
-    }
-
-    #whyChooseUs .whyChooseUs-title p:nth-of-type(1) {
-        font-size: 25px;
-        font-weight: 500;
-    }
-
-    #whyChooseUs .whyChooseUs-title p:nth-of-type(2) {
-        font-size: 14px;
-    }
-
-    #whyChooseUs .server-block {
-        padding: 50px 20px;
-        border: 1px solid #ccc;
-        border-bottom: 5px solid #ccc;
-    }
-
-    #whyChooseUs .server-block img {
-        width: 48px;
-        height: 48px;
-    }
-
-    #whyChooseUs .server-block > p {
-        font-size: 20px;
-        margin: 30px 0;
-    }
-
-    #whyChooseUs .server-block > div {
-        color: #ccc;
-    }
+* {
+  margin: 0;
+  padding: 0;
+}
+
+
+.main .top {
+  margin-top: 10px;
+  width: 100%;
+  height: 600px;
+}
+
+.main .top .bpic {
+  width: 100%;
+  height: 600px;
+}
+
+.main .topplayer-top {
+  width: 800px;
+  height: 300px;
+  position: absolute;
+  top: 220px;
+  margin-top: -150px;
+  z-index: 2;
+  right: 50%;
+  margin-right: -400px;
+}
+
+.word {
+  padding-top: 100px;
+  color: #ffffff;
+  font-size: 45px;
+  font-weight: bolder;
+  text-align: center;
+  font-family: "微软雅黑";
+}
+
+.content {
+  padding-top: 30px;
+  color: #ffffff;
+  font-size: 20px;
+  font-weight: bolder;
+  text-align: center;
+  font-family: "微软雅黑";
+}
+
+.main .topplayer-top button {
+  width: 200px;
+  height: 60px;
+  margin-top: 50px;
+  color: #ffffff;
+  background: #f5704f;
+  font-family: 微软雅黑;
+  text-align: center;
+  font-weight: bolder;
+  font-size: 14px;
+  border-radius: 8px; /*圆角*/
+  margin-left: 150px;
+}
+
+#contactUs {
+  margin-top: 60px;
+  color: #fff;
+  height: 400px;
+  text-align: center;
+  background-size: 100% 100%;
+  transition: all ease 0.6s;
+}
+
+#contactUs .contactUs-container {
+  padding-top: 50px;
+}
+
+#contactUs .contactUs-container button {
+  width: 300px;
+  height: 50px;
+  margin-top: 40px;
+}
+
+#contactUs .contactUs-container .contactUs-contactWay img {
+  display: inline-block;
+  width: 48px;
+  height: 48px;
+  margin: 30px;
+}
+
+/* 为什么选择我们 */
+#whyChooseUs {
+  padding: 100px;
+  text-align: center;
+}
+
+#whyChooseUs .whyChooseUs-title {
+  margin-bottom: 50px;
+}
+
+#whyChooseUs .whyChooseUs-title p:nth-of-type(1) {
+  font-size: 25px;
+  font-weight: 500;
+}
+
+#whyChooseUs .whyChooseUs-title p:nth-of-type(2) {
+  font-size: 14px;
+}
+
+#whyChooseUs .server-block {
+  padding: 50px 20px;
+  border: 1px solid #ccc;
+  border-bottom: 5px solid #ccc;
+}
+
+#whyChooseUs .server-block img {
+  width: 48px;
+  height: 48px;
+}
+
+#whyChooseUs .server-block > p {
+  font-size: 20px;
+  margin: 30px 0;
+}
+
+#whyChooseUs .server-block > div {
+  color: #ccc;
+}
 
 </style>
diff --git a/fir_client/src/components/index/FirIndexTem.vue b/fir_client/src/components/index/FirIndexTem.vue
index aae365d..5acdf94 100644
--- a/fir_client/src/components/index/FirIndexTem.vue
+++ b/fir_client/src/components/index/FirIndexTem.vue
@@ -1,120 +1,120 @@
 <template>
-    <el-container>
-        <div style="background-color:rgba(162, 193, 230, 0.18);">
-            <el-header class="header">
-                <el-row :gutter="12">
-                    <el-col :span="12">
-                        <el-image class="logo img" :src="require('@/assets/logo.png')" alt="logo"/>
-                    </el-col>
-                    <el-col :span="12" :offset="12">
-                        <el-row :gutter="12" class="nav">
-                            <el-col :span="8">
-                                <el-link @click="$router.push({name:'FirIndex'})">首页</el-link>
-                            </el-col>
-                            <el-col :span="8">
-                                <el-link @click="$router.push({name:'FirService'})">服务</el-link>
-                            </el-col>
-                            <el-col :span="8">
-                                <el-link @click="$router.push({name:'FirNews'})">新闻</el-link>
-                            </el-col>
-                            <el-col :span="8">
-                                <el-link @click="$router.push({name:'FirApps'})">登录</el-link>
-                            </el-col>
-                            <el-col :span="8">
-                                <el-link @click="$router.push({name:'FirRegist'})">注册</el-link>
-                            </el-col>
-                            <el-col :span="8">
-                                <el-link @click="$router.push({name:'FirContact'})">联系我们</el-link>
-                            </el-col>
-                        </el-row>
-                    </el-col>
-                </el-row>
-            </el-header>
-        </div>
+  <el-container>
+    <div style="background-color:rgba(162, 193, 230, 0.18);">
+      <el-header class="header">
+        <el-row :gutter="12">
+          <el-col :span="12">
+            <el-image :src="require('@/assets/logo.png')" alt="logo" class="logo img"/>
+          </el-col>
+          <el-col :offset="12" :span="12">
+            <el-row :gutter="12" class="nav">
+              <el-col :span="8">
+                <el-link @click="$router.push({name:'FirIndex'})">首页</el-link>
+              </el-col>
+              <el-col :span="8">
+                <el-link @click="$router.push({name:'FirService'})">服务</el-link>
+              </el-col>
+              <el-col :span="8">
+                <el-link @click="$router.push({name:'FirNews'})">新闻</el-link>
+              </el-col>
+              <el-col :span="8">
+                <el-link @click="$router.push({name:'FirApps'})">登录</el-link>
+              </el-col>
+              <el-col :span="8">
+                <el-link @click="$router.push({name:'FirRegist'})">注册</el-link>
+              </el-col>
+              <el-col :span="8">
+                <el-link @click="$router.push({name:'FirContact'})">联系我们</el-link>
+              </el-col>
+            </el-row>
+          </el-col>
+        </el-row>
+      </el-header>
+    </div>
 
-        <div>
-            <router-view/>
-        </div>
-        <el-tooltip placement="top" content="回到顶部">
-            <back-to-top :custom-style="myBackToTopStyle" :visibility-height="300" :back-position="50"
-                         transition-name="fade"/>
-        </el-tooltip>
-        <el-footer>
-            <el-divider/>
-            <FirFooter/>
-        </el-footer>
-    </el-container>
+    <div>
+      <router-view/>
+    </div>
+    <el-tooltip content="回到顶部" placement="top">
+      <back-to-top :back-position="50" :custom-style="myBackToTopStyle" :visibility-height="300"
+                   transition-name="fade"/>
+    </el-tooltip>
+    <el-footer>
+      <el-divider/>
+      <FirFooter/>
+    </el-footer>
+  </el-container>
 </template>
 
 <script>
-    import FirFooter from "@/components/FirFooter";
-    import BackToTop from "@/components/base/BackToTop";
+import FirFooter from "@/components/FirFooter";
+import BackToTop from "@/components/base/BackToTop";
 
-    export default {
-        name: "FirIndex",
-        components: {FirFooter, BackToTop},
-        data() {
-            return {
-                myBackToTopStyle: {
-                    right: '80px',
-                    bottom: '100px',
-                    width: '40px',
-                    height: '40px',
-                    'border-radius': '4px',
-                    'line-height': '45px',
-                    background: '#e7eaf1'
-                },
-            }
-        }
+export default {
+  name: "FirIndex",
+  components: {FirFooter, BackToTop},
+  data() {
+    return {
+      myBackToTopStyle: {
+        right: '80px',
+        bottom: '100px',
+        width: '40px',
+        height: '40px',
+        'border-radius': '4px',
+        'line-height': '45px',
+        background: '#e7eaf1'
+      },
     }
+  }
+}
 </script>
 
 <style scoped>
-    * {
-        margin: 0;
-        padding: 0;
-    }
+* {
+  margin: 0;
+  padding: 0;
+}
 
-    .header {
-        width: 100%;
-        height: 120px;
-    }
+.header {
+  width: 100%;
+  height: 120px;
+}
 
-    .header .img {
-        width: 300px;
-        height: 85px;
-        padding-left: 100px;
-        padding-top: 8px;
-    }
+.header .img {
+  width: 300px;
+  height: 85px;
+  padding-left: 100px;
+  padding-top: 8px;
+}
 
-    .header .logo {
-        float: left;
-    }
+.header .logo {
+  float: left;
+}
 
-    .header .nav {
-        float: right;
-        padding-right: 80px;
+.header .nav {
+  float: right;
+  padding-right: 80px;
 
-    }
+}
 
-    .header .nav .el-col {
-        margin-right: 20px;
-        float: left;
-        list-style: none;
-        width: 80px;
-        height: 60px;
-        line-height: 100px;
-        color: #7d7d7d;
-        font-size: 15px;
-        font-weight: bolder;
-    }
+.header .nav .el-col {
+  margin-right: 20px;
+  float: left;
+  list-style: none;
+  width: 80px;
+  height: 60px;
+  line-height: 100px;
+  color: #7d7d7d;
+  font-size: 15px;
+  font-weight: bolder;
+}
 
-    .header .nav .el-link:hover {
-        color: #47477d;
-        font-size: 16px;
-        cursor: pointer;
-        touch-action: manipulation;
+.header .nav .el-link:hover {
+  color: #47477d;
+  font-size: 16px;
+  cursor: pointer;
+  touch-action: manipulation;
 
-    }
+}
 
 </style>
diff --git a/fir_client/src/components/index/FirNews.vue b/fir_client/src/components/index/FirNews.vue
index 909a032..ef260db 100644
--- a/fir_client/src/components/index/FirNews.vue
+++ b/fir_client/src/components/index/FirNews.vue
@@ -1,213 +1,213 @@
 <template>
-    <div class="NewsInformation">
-        <div>
-            <div class="text-center">
-                <h3>新闻动态</h3>
-                <p style="color:#b2b2b2">Company News</p>
-            </div>
-            <div class="nav text-center">
-                <a href="#" class="active">公司新闻</a>
-                <a href="#">行业动态</a>
-            </div>
-            <ul class="news-container">
-                <li v-for="(item,index) in newsList" :key="index">
-                    <div class="content">
-                        <p>{{item.title}}</p>
-                        <p>{{item.introduce}}</p>
-                    </div>
-                    <div class="time">
-                        <p>{{item.date}}</p>
-                        <span>{{item.year}}</span>
-                    </div>
-                    <div class="circle">
-                        <img :src="require('@/assets/imgs/circle.png')">
-                        <i class="center-block"></i>
-                    </div>
-                </li>
-            </ul>
-
-        </div>
+  <div class="NewsInformation">
+    <div>
+      <div class="text-center">
+        <h3>新闻动态</h3>
+        <p style="color:#b2b2b2">Company News</p>
+      </div>
+      <div class="nav text-center">
+        <a class="active" href="#">公司新闻</a>
+        <a href="#">行业动态</a>
+      </div>
+      <ul class="news-container">
+        <li v-for="(item,index) in newsList" :key="index">
+          <div class="content">
+            <p>{{ item.title }}</p>
+            <p>{{ item.introduce }}</p>
+          </div>
+          <div class="time">
+            <p>{{ item.date }}</p>
+            <span>{{ item.year }}</span>
+          </div>
+          <div class="circle">
+            <img :src="require('@/assets/imgs/circle.png')">
+            <i class="center-block"></i>
+          </div>
+        </li>
+      </ul>
+
     </div>
+  </div>
 
 
 </template>
 
 <script>
-    export default {
-        name: "FirNews",
-        data() {
-            return {
-                show: false,
-                newsList: [
-                    {
-                        id: '001',
-                        title: '现有版本',
-                        introduce: '经过好长时间的编写，平台已经支持超级签名，权限管理，自定义域名，自定义存储',
-                        date: '03-26',
-                        year: '2021'
-                    }, {
-                        id: '002',
-                        title: '发布第一个版本',
-                        introduce: '只是简单的一个应用分发，然后再测试服进行分发测试',
-                        date: '11-24',
-                        year: '2019'
-                    }, {
-                        id: '003',
-                        title: '撸代码',
-                        introduce: '资源，签名方式，想法都已经准备好，正式写代码',
-                        date: '10-10',
-                        year: '2019'
-                    }, {
-                        id: '004',
-                        title: '开始行动',
-                        introduce: '网上找了些资源，然后进行设计，也找了些linux平台签名方式',
-                        date: '08-20',
-                        year: '2019'
-                    }, {
-                        id: '005',
-                        title: '行动前准备',
-                        introduce: '通过互联网查询，发现了fir平台，但是fir平台只支持应用分发，还不可以iOS签名',
-                        date: '06-03',
-                        year: '2019'
-                    }, {
-                        id: '006',
-                        title: '萌发新想法',
-                        introduce: 'iOS测试打包，应用分发复杂繁琐，怎么可以一站式分发安卓和苹果应用？',
-                        date: '05-24',
-                        year: '2019'
-                    }
-                ]
-            }
-        },
-        mounted() {
-            this.show = true;
+export default {
+  name: "FirNews",
+  data() {
+    return {
+      show: false,
+      newsList: [
+        {
+          id: '001',
+          title: '现有版本',
+          introduce: '经过好长时间的编写，平台已经支持超级签名，权限管理，自定义域名，自定义存储',
+          date: '03-26',
+          year: '2021'
+        }, {
+          id: '002',
+          title: '发布第一个版本',
+          introduce: '只是简单的一个应用分发，然后再测试服进行分发测试',
+          date: '11-24',
+          year: '2019'
+        }, {
+          id: '003',
+          title: '撸代码',
+          introduce: '资源，签名方式，想法都已经准备好，正式写代码',
+          date: '10-10',
+          year: '2019'
+        }, {
+          id: '004',
+          title: '开始行动',
+          introduce: '网上找了些资源，然后进行设计，也找了些linux平台签名方式',
+          date: '08-20',
+          year: '2019'
+        }, {
+          id: '005',
+          title: '行动前准备',
+          introduce: '通过互联网查询，发现了fir平台，但是fir平台只支持应用分发，还不可以iOS签名',
+          date: '06-03',
+          year: '2019'
+        }, {
+          id: '006',
+          title: '萌发新想法',
+          introduce: 'iOS测试打包，应用分发复杂繁琐，怎么可以一站式分发安卓和苹果应用？',
+          date: '05-24',
+          year: '2019'
         }
+      ]
     }
+  },
+  mounted() {
+    this.show = true;
+  }
+}
 </script>
 
 <style scoped>
-    .NewsInformation {
-        text-align: center;
-    }
-
-    .nav {
-        margin: 20px 0;
-    }
-
-    .nav > a {
-        display: inline-block;
-        text-decoration: none;
-        width: 120px;
-        height: 45px;
-        line-height: 45px;
-        color: #333;
-        border: 1px solid #333;
-    }
-
-    .nav > a.active {
-        color: #1e73be;
-        border-color: #1e73be;
-    }
-
-    .nav > a:hover {
-        color: #1e73be;
-        border-color: #1e73be;
-    }
-
-    .news-container {
-        overflow: hidden;
-        margin-bottom: 0;
-        width: 1140px;
-        margin-right: auto;
-        margin-left: auto;
-        list-style: none;
-    }
-
-    .news-container > li {
-        width: 55.45%;
-        height: 120px;
-        float: left;
-        color: #333;
-        text-align: right;
-        border-left: 1px solid transparent;
-        border-right: 1px solid transparent;
-    }
-
-    .news-container > li:hover {
-        color: #1e73be;
-        /*border: 1px solid #1e73be;*/
-        cursor: pointer;
-    }
-
-    .news-container > li:nth-of-type(2n) {
-        float: right;
-        text-align: left;
-    }
-
-    .news-container > li > .content {
-        width: 60%;
-        float: left;
-        padding: 20px 0;
-    }
-
-    .news-container > li > .time {
-        width: 20%;
-        float: left;
-        padding: 10px 0;
-    }
-
-    .news-container > li > .time > p {
-        font-size: 30px;
-        margin: 5px 0;
-    }
-
-    .news-container > li > .circle {
-        width: 20%;
-        height: 100%;
-        float: left;
-        position: relative;
-    }
-
-    .news-container > li > .circle > img {
-        position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        margin: auto;
-        width: 20px;
-        height: 20px;
-    }
-
-    .news-container > li > .circle > i {
-        display: block;
-        width: 1px;
-        height: 100%;
-        background: #707070;
-    }
-
-    .news-container > li:nth-of-type(2n) > .content {
-        float: right;
-    }
-
-    .news-container > li:nth-of-type(2n) > .time {
-        float: right;
-    }
-
-    .news-container > li:nth-of-type(2n) > .circle {
-        float: right;
-    }
-
-    .news-container > li:nth-of-type(1) > .circle > i {
-        height: 50%;
-        position: absolute;
-        top: 50%;
-        left: 50%;
-    }
-
-    .center-block {
-        display: block;
-        margin-right: auto;
-        margin-left: auto
-    }
+.NewsInformation {
+  text-align: center;
+}
+
+.nav {
+  margin: 20px 0;
+}
+
+.nav > a {
+  display: inline-block;
+  text-decoration: none;
+  width: 120px;
+  height: 45px;
+  line-height: 45px;
+  color: #333;
+  border: 1px solid #333;
+}
+
+.nav > a.active {
+  color: #1e73be;
+  border-color: #1e73be;
+}
+
+.nav > a:hover {
+  color: #1e73be;
+  border-color: #1e73be;
+}
+
+.news-container {
+  overflow: hidden;
+  margin-bottom: 0;
+  width: 1140px;
+  margin-right: auto;
+  margin-left: auto;
+  list-style: none;
+}
+
+.news-container > li {
+  width: 55.45%;
+  height: 120px;
+  float: left;
+  color: #333;
+  text-align: right;
+  border-left: 1px solid transparent;
+  border-right: 1px solid transparent;
+}
+
+.news-container > li:hover {
+  color: #1e73be;
+  /*border: 1px solid #1e73be;*/
+  cursor: pointer;
+}
+
+.news-container > li:nth-of-type(2n) {
+  float: right;
+  text-align: left;
+}
+
+.news-container > li > .content {
+  width: 60%;
+  float: left;
+  padding: 20px 0;
+}
+
+.news-container > li > .time {
+  width: 20%;
+  float: left;
+  padding: 10px 0;
+}
+
+.news-container > li > .time > p {
+  font-size: 30px;
+  margin: 5px 0;
+}
+
+.news-container > li > .circle {
+  width: 20%;
+  height: 100%;
+  float: left;
+  position: relative;
+}
+
+.news-container > li > .circle > img {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: auto;
+  width: 20px;
+  height: 20px;
+}
+
+.news-container > li > .circle > i {
+  display: block;
+  width: 1px;
+  height: 100%;
+  background: #707070;
+}
+
+.news-container > li:nth-of-type(2n) > .content {
+  float: right;
+}
+
+.news-container > li:nth-of-type(2n) > .time {
+  float: right;
+}
+
+.news-container > li:nth-of-type(2n) > .circle {
+  float: right;
+}
+
+.news-container > li:nth-of-type(1) > .circle > i {
+  height: 50%;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+}
+
+.center-block {
+  display: block;
+  margin-right: auto;
+  margin-left: auto
+}
 </style>
diff --git a/fir_client/src/components/index/FirService.vue b/fir_client/src/components/index/FirService.vue
index 5730afe..77fdf28 100644
--- a/fir_client/src/components/index/FirService.vue
+++ b/fir_client/src/components/index/FirService.vue
@@ -1,155 +1,155 @@
 <template>
-    <div class="Service">
-        <div>
-            <h3>我们的服务</h3>
-            <p style="color:#b2b2b2">The Best Service You Never See</p>
-        </div>
-        <div class="Service-container">
-            <transition name="el-zoom-in-center">
-                <el-row :gutter="20" v-show="show">
-                    <el-col :span="6" v-for="(item,index) in serviceList" :key="index">
-                        <div class="Service-item Service-item-wrapper">
-                            <div class="Service-item-top">
-                                <h4>{{item.title}}</h4>
-                                <i/>
-                                <p>{{item.eng_title}}</p>
-                            </div>
-                            <div class="Service-item-img">
-                                <img :src="item.img" alt="服务">
-                            </div>
-                            <div class="Service-item-border"></div>
-                        </div>
-
-                    </el-col>
-                </el-row>
-            </transition>
-
-        </div>
+  <div class="Service">
+    <div>
+      <h3>我们的服务</h3>
+      <p style="color:#b2b2b2">The Best Service You Never See</p>
     </div>
+    <div class="Service-container">
+      <transition name="el-zoom-in-center">
+        <el-row v-show="show" :gutter="20">
+          <el-col v-for="(item,index) in serviceList" :key="index" :span="6">
+            <div class="Service-item Service-item-wrapper">
+              <div class="Service-item-top">
+                <h4>{{ item.title }}</h4>
+                <i/>
+                <p>{{ item.eng_title }}</p>
+              </div>
+              <div class="Service-item-img">
+                <img :src="item.img" alt="服务">
+              </div>
+              <div class="Service-item-border"></div>
+            </div>
+
+          </el-col>
+        </el-row>
+      </transition>
+
+    </div>
+  </div>
 </template>
 
 <script>
-    export default {
-        name: "FirService",
-        data() {
-            return {
-                show: false,
-                serviceList: [
-                    {
-                        id: 'section-1',
-                        title: '高性能应用分发',
-                        eng_title: 'High performance app distribution',
-                        img: require('@/assets/imgs/service1.jpg')
-                    }, {
-                        id: 'section-2',
-                        title: 'iOS超级签名',
-                        eng_title: 'IOS super signature',
-                        img: require('@/assets/imgs/service2.jpg')
-                    }, {
-                        id: 'section-3',
-                        title: '多维下载权限',
-                        eng_title: 'Multi download permission',
-                        img: require('@/assets/imgs/service3.jpg')
-                    }, {
-                        id: 'section-4',
-                        title: '应用自定义域名',
-                        eng_title: 'Custom domain name',
-                        img: require('@/assets/imgs/service4.jpg')
-                    }
-                ]
-            }
-        },
-        mounted() {
-            this.show = true;
+export default {
+  name: "FirService",
+  data() {
+    return {
+      show: false,
+      serviceList: [
+        {
+          id: 'section-1',
+          title: '高性能应用分发',
+          eng_title: 'High performance app distribution',
+          img: require('@/assets/imgs/service1.jpg')
+        }, {
+          id: 'section-2',
+          title: 'iOS超级签名',
+          eng_title: 'IOS super signature',
+          img: require('@/assets/imgs/service2.jpg')
+        }, {
+          id: 'section-3',
+          title: '多维下载权限',
+          eng_title: 'Multi download permission',
+          img: require('@/assets/imgs/service3.jpg')
+        }, {
+          id: 'section-4',
+          title: '应用自定义域名',
+          eng_title: 'Custom domain name',
+          img: require('@/assets/imgs/service4.jpg')
         }
+      ]
     }
+  },
+  mounted() {
+    this.show = true;
+  }
+}
 </script>
 
 <style scoped>
-    .Service {
-        text-align: center;
-    }
-
-    .Service-container {
-        width: 1170px;
-        padding: 30px 50px;
-        margin-right: auto;
-        margin-left: auto;
-    }
-
-    .Service-item {
-        margin-bottom: 50px;
-    }
-
-    .Service-item-wrapper {
-        cursor: pointer;
-        background: rgba(244, 244, 244, 1);
-        overflow: hidden;
-        position: relative;
-    }
-
-    .Service-item-top {
-        width: 100%;
-        height: 120px;
-        /*padding: 30px;*/
-        text-align: center;
-    }
-
-    .Service-item-top > i {
-        display: inline-block;
-        width: 25px;
-        height: 2px;
-        background: #28f;
-    }
-
-    .Service-item-top > p {
-        color: #b2b2b2;
-        opacity: 0;
-        transform: translateY(10px);
-        transition: all .5s ease;
-    }
-
-    .Service-item-img {
-        width: 100%;
-        overflow: hidden;
-    }
-
-    .Service-item-img img {
-        width: 100%;
-        transition: all 0.5s ease;
-    }
-
-    .Service-item-border {
-        position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        margin: auto;
-        z-index: 9999999;
-        width: 100%;
-        height: 100%;
-        transition: all 0.5s ease;
-        border: 1px solid #000;
-        opacity: 0;
-    }
-
-    .Service-item-wrapper:hover .Service-item-top > i {
-        opacity: 0;
-    }
-
-    .Service-item-wrapper:hover .Service-item-top > p {
-        opacity: 1;
-        transform: translateY(-10px);
-    }
-
-    .Service-item-wrapper:hover .Service-item-img > img {
-        transform: scale(1.1, 1.1);
-    }
-
-    .Service-item-wrapper:hover > .Service-item-border {
-        /*opacity: 1;*/
-        width: 90%;
-        height: 90%;
-    }
+.Service {
+  text-align: center;
+}
+
+.Service-container {
+  width: 1170px;
+  padding: 30px 50px;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+.Service-item {
+  margin-bottom: 50px;
+}
+
+.Service-item-wrapper {
+  cursor: pointer;
+  background: rgba(244, 244, 244, 1);
+  overflow: hidden;
+  position: relative;
+}
+
+.Service-item-top {
+  width: 100%;
+  height: 120px;
+  /*padding: 30px;*/
+  text-align: center;
+}
+
+.Service-item-top > i {
+  display: inline-block;
+  width: 25px;
+  height: 2px;
+  background: #28f;
+}
+
+.Service-item-top > p {
+  color: #b2b2b2;
+  opacity: 0;
+  transform: translateY(10px);
+  transition: all .5s ease;
+}
+
+.Service-item-img {
+  width: 100%;
+  overflow: hidden;
+}
+
+.Service-item-img img {
+  width: 100%;
+  transition: all 0.5s ease;
+}
+
+.Service-item-border {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: auto;
+  z-index: 9999999;
+  width: 100%;
+  height: 100%;
+  transition: all 0.5s ease;
+  border: 1px solid #000;
+  opacity: 0;
+}
+
+.Service-item-wrapper:hover .Service-item-top > i {
+  opacity: 0;
+}
+
+.Service-item-wrapper:hover .Service-item-top > p {
+  opacity: 1;
+  transform: translateY(-10px);
+}
+
+.Service-item-wrapper:hover .Service-item-img > img {
+  transform: scale(1.1, 1.1);
+}
+
+.Service-item-wrapper:hover > .Service-item-border {
+  /*opacity: 1;*/
+  width: 90%;
+  height: 90%;
+}
 </style>
diff --git a/fir_client/src/components/user/FirSuperSignBase.vue b/fir_client/src/components/user/FirSuperSignBase.vue
index 91a26bb..40047b6 100644
--- a/fir_client/src/components/user/FirSuperSignBase.vue
+++ b/fir_client/src/components/user/FirSuperSignBase.vue
@@ -1,1073 +1,1080 @@
 <template>
-    <el-main>
-
-        <el-dialog title="发布证书导入" :visible.sync="importcertDeveloperVisible" :destroy-on-close="true"
-                   :close-on-click-modal="false" style="text-align:center" width="700px">
-            <el-form label-width="30%">
-                <el-form-item label="发布证书p12文件" style="width: 80%">
-                    <el-upload
-                            drag
-                            ref="upload"
-                            action="#"
-                            :before-upload="beforeAvatarUpload"
-                            accept=".p12"
-                            :file-list="fileList"
-                            :auto-upload="false"
-                            :limit="1"
-                    >
-                        <i class="el-icon-upload"/>
-                        <div class="el-upload__text">将p12证书文件拖到此处，或<em>点击上传</em></div>
-                    </el-upload>
-                </el-form-item>
-                <el-form-item label="发布证书p12密码" style="width: 80%">
-                    <el-input label="证书密码" v-model="cert_pwd"/>
-                </el-form-item>
-                <el-button @click="$refs.upload.submit()">确定导入</el-button>
-                <el-button @click="importcertDeveloperVisible=false">取消</el-button>
-            </el-form>
-        </el-dialog>
-        <el-dialog :title="title" :visible.sync="dialogaddDeveloperVisible" :destroy-on-close="true"
-                   :close-on-click-modal="false" style="text-align:center" width="750px">
-
-            <el-form ref="storageinfoform" :model="editdeveloperinfo"
-                     label-width="80px" style="margin:0 auto;">
-
-                <div v-if="editdeveloperinfo.auth_type===0">
-                    <el-form-item label-width="110px" label="issuer_id">
-                        <el-input :disabled='isedit' v-model="editdeveloperinfo.issuer_id"/>
-                    </el-form-item>
-
-                    <el-form-item label-width="110px" label="private_key_id">
-                        <el-input v-model="editdeveloperinfo.private_key_id"/>
-                    </el-form-item>
-
-                    <el-form-item label-width="110px" label="p8key">
-                        <el-input type="textarea"
-                                  :rows="6" v-model="editdeveloperinfo.p8key" :placeholder="placeholder"/>
-                    </el-form-item>
-                </div>
-
-                <el-form-item label-width="110px" label="设备数量" style="text-align: left">
-                    <el-input-number v-model="editdeveloperinfo.usable_number" :min="0" :max="100" label="设备数量"/>
-                </el-form-item>
-                <el-form-item label-width="110px" label="证书id">
-                    <el-input :disabled='isedit' v-model="editdeveloperinfo.certid"/>
-                </el-form-item>
-                <el-form-item label-width="110px" label="备注">
-                    <el-input v-model="editdeveloperinfo.description"/>
-                </el-form-item>
-                <div style="">
-                    <el-button v-if="isedit && editdeveloperinfo.is_actived && editdeveloperinfo.certid" size="small"
-                               @click="exportcert">导出证书
-                    </el-button>
-                    <el-button v-if="isedit && editdeveloperinfo.is_actived && !editdeveloperinfo.certid" size="small"
-                               @click="importcertDeveloperVisible=true">导入p12证书
-                    </el-button>
-                    <el-button v-if="isedit && editdeveloperinfo.is_actived && editdeveloperinfo.certid" size="small"
-                               type="danger"
-                               @click="cleandevices">清理签名数据
-                    </el-button>
-                    <el-button v-if="isedit && editdeveloperinfo.is_actived" size="small" @click="syncdevices">同步设备信息
-                    </el-button>
-                    <el-tooltip content="发布证书只能创建两个，请谨慎操作">
-                        <el-button v-if="isedit && editdeveloperinfo.is_actived && !editdeveloperinfo.certid"
-                                   size="small"
-                                   @click="isocertcert">手动创建发布证书
-                        </el-button>
-                    </el-tooltip>
-                    <el-tooltip content="清理发布证书，如果发布证书过期时间大于3天，将不会删除开发者发布证书，发布证书只能同时创建两个，请谨慎操作">
-                        <el-button v-if="isedit && editdeveloperinfo.is_actived && editdeveloperinfo.certid"
-                                   size="small"
-                                   type="danger"
-                                   @click="isorenewcert">删除发布证书
-                        </el-button>
-                    </el-tooltip>
-                    <el-button v-if="isedit && editdeveloperinfo.is_actived" type="success" size="small"
-                               @click="activedeveloperFun(editdeveloperinfo,'checkauth')">账户激活检测
-                    </el-button>
-
-                    <el-button @click="updateorcreate">保存</el-button>
-                    <el-button @click="canceledit">取消</el-button>
-                </div>
-
-
-            </el-form>
-        </el-dialog>
-
-        <el-dialog title="设备消耗详细信息" :destroy-on-close="true" :visible.sync="dialogShowDeviceBillInfo"
-                   :close-on-click-modal="false" center width="750px">
-
-            <el-table
-                    :data="app_bill_info_lists"
-                    v-loading="loading"
-                    border
-                    stripe
-                    style="width: 100%">
-                <el-table-column
-                        prop="app_name"
-                        align="center"
-                        label="应用名称"
-                >
-                </el-table-column>
-
-                <el-table-column
-                        prop="remote_addr"
-                        align="center"
-                        label="客户端IP">
-                </el-table-column>
-                <el-table-column
-                        prop="action"
-                        label="账单类型"
-                        align="center"
-                        width="100">
-                </el-table-column>
-
-                <el-table-column
-                        :formatter="deviceformatter"
-                        align="center"
-                        prop="created_time"
-                        label="日期"
-                        width="160">
-                </el-table-column>
-                <el-table-column
-                        label="应用状态"
-                        align="center"
-                        width="110">
-                    <template slot-scope="scope">
-                        <el-tag v-if="scope.row.app_status===false" type="info">应用删除</el-tag>
-                        <el-tag v-else>
-                            应用存在
-                        </el-tag>
-                    </template>
-                </el-table-column>
-                <el-table-column
-                        label="设备状态"
-                        align="center"
-                        width="110">
-                    <template slot-scope="scope">
-                        <el-tag v-if="scope.row.is_used===false" type="info">已经释放</el-tag>
-                        <el-tag v-else>
-                            使用中
-                        </el-tag>
-                    </template>
-                </el-table-column>
-
-            </el-table>
-            <div style="margin-top: 20px">
-                <el-pagination
-                        @size-change="billhandleSizeChange"
-                        @current-change="billhandleCurrentChange"
-                        :current-page.sync="billpagination.currentPage"
-                        :page-sizes="[10, 20, 50, 100]"
-                        :page-size="billpagination.pagesize"
-                        layout="total,sizes, prev, pager, next"
-                        :total="billpagination.total">
-                </el-pagination>
-            </div>
-            <span slot="footer">
+  <el-main>
+
+    <el-dialog :close-on-click-modal="false" :destroy-on-close="true" :visible.sync="importcertDeveloperVisible"
+               style="text-align:center" title="发布证书导入" width="700px">
+      <el-form label-width="30%">
+        <el-form-item label="发布证书p12文件" style="width: 80%">
+          <el-upload
+              ref="upload"
+              :auto-upload="false"
+              :before-upload="beforeAvatarUpload"
+              :file-list="fileList"
+              :limit="1"
+              accept=".p12"
+              action="#"
+              drag
+          >
+            <i class="el-icon-upload"/>
+            <div class="el-upload__text">将p12证书文件拖到此处，或<em>点击上传</em></div>
+          </el-upload>
+        </el-form-item>
+        <el-form-item label="发布证书p12密码" style="width: 80%">
+          <el-input v-model="cert_pwd" label="证书密码"/>
+        </el-form-item>
+        <el-button @click="$refs.upload.submit()">确定导入</el-button>
+        <el-button @click="importcertDeveloperVisible=false">取消</el-button>
+      </el-form>
+    </el-dialog>
+    <el-dialog :close-on-click-modal="false" :destroy-on-close="true" :title="title"
+               :visible.sync="dialogaddDeveloperVisible" style="text-align:center" width="750px">
+
+      <el-form ref="storageinfoform" :model="editdeveloperinfo"
+               label-width="80px" style="margin:0 auto;">
+
+        <div v-if="editdeveloperinfo.auth_type===0">
+          <el-form-item label="issuer_id" label-width="110px">
+            <el-input v-model="editdeveloperinfo.issuer_id" :disabled='isedit'/>
+          </el-form-item>
+
+          <el-form-item label="private_key_id" label-width="110px">
+            <el-input v-model="editdeveloperinfo.private_key_id"/>
+          </el-form-item>
+
+          <el-form-item label="p8key" label-width="110px">
+            <el-input v-model="editdeveloperinfo.p8key"
+                      :placeholder="placeholder" :rows="6" type="textarea"/>
+          </el-form-item>
+        </div>
+
+        <el-form-item label="设备数量" label-width="110px" style="text-align: left">
+          <el-input-number v-model="editdeveloperinfo.usable_number" :max="100" :min="0" label="设备数量"/>
+        </el-form-item>
+        <el-form-item label="证书id" label-width="110px">
+          <el-input v-model="editdeveloperinfo.certid" :disabled='isedit'/>
+        </el-form-item>
+        <el-form-item label="备注" label-width="110px">
+          <el-input v-model="editdeveloperinfo.description"/>
+        </el-form-item>
+        <div style="">
+          <el-button v-if="isedit && editdeveloperinfo.is_actived && editdeveloperinfo.certid" size="small"
+                     @click="exportcert">导出证书
+          </el-button>
+          <el-button v-if="isedit && editdeveloperinfo.is_actived && !editdeveloperinfo.certid" size="small"
+                     @click="importcertDeveloperVisible=true">导入p12证书
+          </el-button>
+          <el-button v-if="isedit && editdeveloperinfo.is_actived && editdeveloperinfo.certid" size="small"
+                     type="danger"
+                     @click="cleandevices">清理签名数据
+          </el-button>
+          <el-button v-if="isedit && editdeveloperinfo.is_actived" size="small" @click="syncdevices">同步设备信息
+          </el-button>
+          <el-tooltip content="发布证书只能创建两个，请谨慎操作">
+            <el-button v-if="isedit && editdeveloperinfo.is_actived && !editdeveloperinfo.certid"
+                       size="small"
+                       @click="isocertcert">手动创建发布证书
+            </el-button>
+          </el-tooltip>
+          <el-tooltip content="清理发布证书，如果发布证书过期时间大于3天，将不会删除开发者发布证书，发布证书只能同时创建两个，请谨慎操作">
+            <el-button v-if="isedit && editdeveloperinfo.is_actived && editdeveloperinfo.certid"
+                       size="small"
+                       type="danger"
+                       @click="isorenewcert">删除发布证书
+            </el-button>
+          </el-tooltip>
+          <el-button v-if="isedit && editdeveloperinfo.is_actived" size="small" type="success"
+                     @click="activedeveloperFun(editdeveloperinfo,'checkauth')">账户激活检测
+          </el-button>
+
+          <el-button @click="updateorcreate">保存</el-button>
+          <el-button @click="canceledit">取消</el-button>
+        </div>
+
+
+      </el-form>
+    </el-dialog>
+
+    <el-dialog :close-on-click-modal="false" :destroy-on-close="true" :visible.sync="dialogShowDeviceBillInfo"
+               center title="设备消耗详细信息" width="750px">
+
+      <el-table
+          v-loading="loading"
+          :data="app_bill_info_lists"
+          border
+          stripe
+          style="width: 100%">
+        <el-table-column
+            align="center"
+            label="应用名称"
+            prop="app_name"
+        >
+        </el-table-column>
+
+        <el-table-column
+            align="center"
+            label="客户端IP"
+            prop="remote_addr">
+        </el-table-column>
+        <el-table-column
+            align="center"
+            label="账单类型"
+            prop="action"
+            width="100">
+        </el-table-column>
+
+        <el-table-column
+            :formatter="deviceformatter"
+            align="center"
+            label="日期"
+            prop="created_time"
+            width="160">
+        </el-table-column>
+        <el-table-column
+            align="center"
+            label="应用状态"
+            width="110">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.app_status===false" type="info">应用删除</el-tag>
+            <el-tag v-else>
+              应用存在
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column
+            align="center"
+            label="设备状态"
+            width="110">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.is_used===false" type="info">已经释放</el-tag>
+            <el-tag v-else>
+              使用中
+            </el-tag>
+          </template>
+        </el-table-column>
+
+      </el-table>
+      <div style="margin-top: 20px">
+        <el-pagination
+            :current-page.sync="billpagination.currentPage"
+            :page-size="billpagination.pagesize"
+            :page-sizes="[10, 20, 50, 100]"
+            :total="billpagination.total"
+            layout="total,sizes, prev, pager, next"
+            @size-change="billhandleSizeChange"
+            @current-change="billhandleCurrentChange">
+        </el-pagination>
+      </div>
+      <span slot="footer">
             <el-button @click="closeDeviceBillInfo">关闭</el-button>
             </span>
-        </el-dialog>
-
-        <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick" tab-position="top">
-            <el-tab-pane label="开发者账户" name="iosdeveloper">
-                <el-input
-                        style="width: 30%;margin-right: 30px;margin-bottom: 10px"
-                        v-model="appidseach"
-                        clearable
-                        placeholder="输入用户ID"/>
-                <el-button type="primary" icon="el-icon-search" @click="handleCurrentChange(pagination.currentPage)">
-                    搜索
-                </el-button>
-                <div style="width: 40%;margin-right: 30px;float:right">
-                    <el-link :underline="false">总设备量：{{ developer_used_info.all_usable_number}} 已经使用：【平台：{{
-                        developer_used_info.all_use_number}} 】【其他：{{developer_used_info.other_used_sum}} 】
-                        还剩：{{developer_used_info.all_usable_number- developer_used_info.flyapp_used_sum}} 可用
-                    </el-link>
-                    <el-progress
-                            type="line"
-                            :color="developer_usedColor"
-                            :text-inside="true" :stroke-width="18" :percentage="percentage"
-                            status="success"/>
+    </el-dialog>
+
+    <el-tabs v-model="activeName" tab-position="top" type="border-card" @tab-click="handleClick">
+      <el-tab-pane label="开发者账户" name="iosdeveloper">
+        <el-input
+            v-model="appidseach"
+            clearable
+            placeholder="输入用户ID"
+            style="width: 30%;margin-right: 30px;margin-bottom: 10px"/>
+        <el-button icon="el-icon-search" type="primary" @click="handleCurrentChange(pagination.currentPage)">
+          搜索
+        </el-button>
+        <div style="width: 40%;margin-right: 30px;float:right">
+          <el-link :underline="false">总设备量：{{ developer_used_info.all_usable_number }} 已经使用：【平台：{{
+              developer_used_info.all_use_number
+            }} 】【其他：{{ developer_used_info.other_used_sum }} 】
+            还剩：{{ developer_used_info.all_usable_number - developer_used_info.flyapp_used_sum }} 可用
+          </el-link>
+          <el-progress
+              :color="developer_usedColor"
+              :percentage="percentage"
+              :stroke-width="18" :text-inside="true" status="success"
+              type="line"/>
+        </div>
+
+        <el-table
+            v-loading="loading"
+            :data="app_developer_lists"
+            border
+            stripe
+            style="width: 100%">
+
+          <el-table-column
+              align="center"
+              fixed
+              label="用户 issuer_id"
+              prop="issuer_id"
+              width="300">
+            <template slot-scope="scope">
+              <el-popover placement="top" trigger="hover">
+                <p>开发者账户已使用设备数: {{ scope.row.developer_used_number }}</p>
+                <p>开发者账户可用设备数: {{ 100 - scope.row.developer_used_number }}</p>
+                <p>由于您设置可用设备数: {{ scope.row.usable_number }} ,所以现在可用设备数: {{
+                    scope.row.usable_number - scope.row.developer_used_number > 0
+                        ? scope.row.usable_number - scope.row.developer_used_number : 0
+                  }}</p>
+
+                <div slot="reference" class="name-wrapper">
+                  <el-tag v-if="scope.row.issuer_id" size="medium"><i class="el-icon-key"/> {{
+                      scope.row.issuer_id
+                    }}
+                  </el-tag>
                 </div>
-
-                <el-table
-                        :data="app_developer_lists"
-                        border
-                        v-loading="loading"
-                        stripe
-                        style="width: 100%">
-
-                    <el-table-column
-                            fixed
-                            prop="issuer_id"
-                            align="center"
-                            label="用户 issuer_id"
-                            width="300">
-                        <template slot-scope="scope">
-                            <el-popover trigger="hover" placement="top">
-                                <p>开发者账户已使用设备数: {{ scope.row.developer_used_number }}</p>
-                                <p>开发者账户可用设备数: {{ 100-scope.row.developer_used_number }}</p>
-                                <p>由于您设置可用设备数: {{ scope.row.usable_number}} ,所以现在可用设备数: {{
-                                    scope.row.usable_number-scope.row.developer_used_number > 0
-                                    ?scope.row.usable_number-scope.row.developer_used_number :0 }}</p>
-
-                                <div slot="reference" class="name-wrapper">
-                                    <el-tag size="medium" v-if="scope.row.issuer_id"><i class="el-icon-key"/> {{
-                                        scope.row.issuer_id }}
-                                    </el-tag>
-                                </div>
-                            </el-popover>
-                        </template>
-
-                    </el-table-column>
-                    <el-table-column
-                            prop="is_actived"
-                            align="center"
-                            label="是否激活"
-                            width="110">
-                        <template slot-scope="scope">
-                            <el-button v-if="scope.row.is_actived === true" type="success" size="small">已激活</el-button>
-                            <el-button v-else type="danger" size="small"
-                                       @click="activedeveloperFun(scope.row,'checkauth')">点击激活
-                            </el-button>
-
-                        </template>
-                    </el-table-column>
-                    <el-table-column
-                            prop="certid"
-                            label="账户状态"
-                            align="center"
-                            width="100">
-                        <template slot-scope="scope">
-                            <el-popover trigger="hover" placement="top">
-                                <p v-if="!scope.row.certid && scope.row.is_actived === true">
-                                    开发证书不可用，请在编辑中导入或手动创建发布证书</p>
-                                <p v-if="!scope.row.certid && scope.row.is_actived !== true">请先激活开发者账户</p>
-                                <p v-if="scope.row.certid && scope.row.is_actived === true">账户已经启用</p>
-                                <div slot="reference" class="name-wrapper">
-                                    <el-button v-if="scope.row.certid " type="success" size="small">可用</el-button>
-                                    <el-button v-else type="danger" size="small">不可用</el-button>
-                                </div>
-                            </el-popover>
-
-                        </template>
-                    </el-table-column>
-                    <el-table-column
-                            prop="usable_number"
-                            label="可用设备"
-                            align="center"
-                            width="60">
-                        <template slot-scope="scope">
-                            <el-popover trigger="hover" placement="top">
-                                <p>可用设备数: {{ scope.row.usable_number-scope.row.developer_used_number > 0
-                                    ?scope.row.usable_number-scope.row.developer_used_number :0}}</p>
-                                <div slot="reference" class="name-wrapper">
-                                    <el-tag size="medium"> {{ scope.row.usable_number-scope.row.developer_used_number >
-                                        0 ?scope.row.usable_number-scope.row.developer_used_number :0 }}
-                                    </el-tag>
-                                </div>
-                            </el-popover>
-                        </template>
-                    </el-table-column>
-
-                    <el-table-column
-                            prop="use_number"
-                            align="center"
-                            label="设备消耗"
-                            width="60">
-                        <template slot-scope="scope">
-                            <el-popover trigger="hover" placement="top">
-                                <p>开发者账户已使用设备数【本平台】: {{ scope.row.use_number }}</p>
-                                <p>开发者账户已使用设备数【其他】: {{ scope.row.developer_used_other_number }}</p>
-                                <div slot="reference" class="name-wrapper">
-                                    <el-tag size="medium">{{ scope.row.use_number }}</el-tag>
-                                </div>
-                            </el-popover>
-                        </template>
-                    </el-table-column>
-
-                    <el-table-column
-                            :formatter="formatter"
-                            prop="cert_expire_time"
-                            label="证书到期时间"
-                            align="center"
-                            width="160">
-                    </el-table-column>
-                    <el-table-column
-                            align="center"
-                            prop="description"
-                            label="备注"
-                    >
-                    </el-table-column>
-                    <el-table-column
-                            fixed="right"
-                            label="操作"
-                            align="center"
-                            width="150">
-                        <template slot-scope="scope">
-
-                            <el-button
-                                    size="mini"
-                                    @click="handleEditDeveloper(scope.row)">编辑
-                            </el-button>
-                            <el-button
-                                    size="mini"
-                                    type="danger"
-                                    @click="handleDeleteDeveloper(scope.row)">删除
-                            </el-button>
-
-                        </template>
-                    </el-table-column>
-                </el-table>
-
-
-            </el-tab-pane>
-            <el-tab-pane label="添加开发者" name="adddeveloper" style="text-align:center">
-                <el-form ref="storageinfoform" :model="editdeveloperinfo"
-                         label-width="80px" style="margin:0 auto;">
-
-                    <el-form-item label-width="100px" label="认证类型">
-                        <el-select v-model="editdeveloperinfo.auth_type" placeholder="认证类型"
-                                   style="margin-left: -100px">
-                            <el-option v-for="st in apple_auth_list" :key="st.id" :label="st.name"
-                                       :value="st.id"/>
-                        </el-select>
-                    </el-form-item>
-                    <div v-if="editdeveloperinfo.auth_type===0">
-                        <el-form-item label-width="110px" label="issuer_id">
-                            <el-input :disabled='isedit' v-model="editdeveloperinfo.issuer_id"/>
-                        </el-form-item>
-
-                        <el-form-item label-width="110px" label="private_key_id">
-                            <el-input v-model="editdeveloperinfo.private_key_id" :placeholder="placeholder"/>
-                        </el-form-item>
-
-                        <el-form-item label-width="110px" label="p8key">
-                            <el-input type="textarea"
-                                      :rows="6" v-model="editdeveloperinfo.p8key" :placeholder="placeholder"/>
-                        </el-form-item>
-                    </div>
-
-                    <el-form-item label-width="110px" label="设备数量" style="text-align: left">
-                        <el-input-number v-model="editdeveloperinfo.usable_number" :min="0" :max="100" label="设备数量"/>
-                    </el-form-item>
-
-                    <el-form-item label-width="110px" label="备注">
-                        <el-input v-model="editdeveloperinfo.description"/>
-                    </el-form-item>
-                    <div style="">
-                        <el-button @click="updateorcreate" type="primary" plain>保存信息并添加</el-button>
-                    </div>
-
-                </el-form>
-                <el-card style="margin-top: 20px;text-align: left" header="获取密钥帮助">
-                    <h1>获取密钥：</h1>
-                    <p>前往 AppStore Connect 。按照
-                        <el-button plain type="primary" size="small" @click="$router.push({name:'FirSuperSignHelp'})">
-                            此步骤
-                        </el-button>
-                        获取 API 密钥，将获取到的密钥添加到这里。
-                    </p>
-
-                    <h1>注意事项：</h1>
-                    <p>1.添加后，请勿撤销 API 密钥，否则会导致用户安装的软件闪退或无法安装！</p>
-                    <p>2.每个开发者账号最多可创建两本证书，请确保至少还可以创建一本证书！</p>
-                    <p>3.添加后，激活开发者账户，然后您就可以上传p12证书或者通过系统自动创建证书、设备和描述文件，请勿删除这些文件，否则会导致用户安装的软件闪退或无法安装！</p>
-
-                </el-card>
-            </el-tab-pane>
-            <el-tab-pane label="设备消耗" name="useddevices">
-                <el-input
-                        style="width: 30%;margin-right: 30px;margin-bottom: 10px"
-                        v-model="udidsearch"
-                        clearable
-                        placeholder="输入UDID"/>
-                <el-input
-                        style="width: 30%;margin-right: 30px;margin-bottom: 10px"
-                        v-model="Bundleidsearch"
-                        clearable
-                        placeholder="输入BundleID"/>
-                <el-input
-                        style="width: 23%;margin-right: 30px;margin-bottom: 10px"
-                        v-model="appidseach"
-                        clearable
-                        placeholder="输入用户ID"/>
-                <el-button type="primary" icon="el-icon-search" @click="handleCurrentChange(pagination.currentPage)">
-                    搜索
-                </el-button>
-
-                <el-table
-                        :data="app_devices_lists"
-                        v-loading="loading"
-                        border
-                        stripe
-                        style="width: 100%">
-                    <el-table-column
-                            fixed
-                            align="center"
-                            prop="device_udid"
-                            label="设备ID"
-                    >
-                    </el-table-column>
-                    <el-table-column
-                            prop="device_name"
-                            align="center"
-                            label="设备名称"
-                            width="120">
-                    </el-table-column>
-                    <el-table-column
-                            prop="bundle_id"
-                            align="center"
-                            label="应用ID"
-                            width="180">
-                    </el-table-column>
-                    <el-table-column
-                            prop="bundle_name"
-                            align="center"
-                            label="应用名称"
-                            width="160">
-                    </el-table-column>
-                    <el-table-column
-                            prop="developer_id"
-                            label="开发者ID"
-                            align="center"
-                            width="200">
-                    </el-table-column>
-                    <el-table-column
-                            v-if="$store.state.userinfo&&$store.state.userinfo.role == 3"
-                            prop="other_uid"
-                            align="center"
-                            label="被使用户uid">
-                    </el-table-column>
-                    <el-table-column
-                            :formatter="deviceformatter"
-                            prop="created_time"
-                            align="center"
-                            label="授权时间"
-                            width="160">
-                    </el-table-column>
-                </el-table>
-
-
-            </el-tab-pane>
-            <el-tab-pane label="设备管理" name="devicesudid">
-                <el-input
-                        style="width: 30%;margin-right: 30px;margin-bottom: 10px"
-                        v-model="udidsearch"
-                        clearable
-                        placeholder="输入UDID"/>
-                <el-input
-                        style="width: 30%;margin-right: 30px;margin-bottom: 10px"
-                        v-model="Bundleidsearch"
-                        clearable
-                        placeholder="输入BundleID"/>
-                <el-button type="primary" icon="el-icon-search" @click="handleCurrentChange(pagination.currentPage)">
-                    搜索
-                </el-button>
-
-
-                <el-table
-                        :data="app_udid_lists"
-                        v-loading="loading"
-                        border
-                        stripe
-                        style="width: 100%">
-
-                    <el-table-column
-                            fixed
-                            align="center"
-                            prop="udid"
-                            label="设备ID"
-                    >
-                        <template slot-scope="scope">
-                            <el-popover trigger="hover" placement="top">
-                                <p>Bundle_ID: {{ scope.row.bundle_id }}</p>
-                                <p>应用名称: {{ scope.row.bundle_name }}</p>
-                                <p>UDID: {{ scope.row.udid }}</p>
-                                <div slot="reference" class="name-wrapper">
-                                    <el-tag size="medium">{{ scope.row.udid }}</el-tag>
-                                </div>
-                            </el-popover>
-                        </template>
-                    </el-table-column>
-                    <el-table-column
-                            prop="imei"
-                            label="imei"
-                            align="center"
-                            width="160">
-
-                    </el-table-column>
-                    <el-table-column
-                            prop="product"
-                            label="设备名称"
-                            align="center"
-                            width="100">
-                    </el-table-column>
-                    <el-table-column
-                            prop="version"
-                            label="设备型号"
-                            align="center"
-                            width="100">
-                    </el-table-column>
-                    <el-table-column
-                            prop="serial"
-                            label="设备序列号"
-                            align="center"
-                            width="140">
-                    </el-table-column>
-                    <el-table-column
-                            v-if="$store.state.userinfo&&$store.state.userinfo.role == 3"
-                            prop="other_uid"
-                            align="center"
-                            label="被使用户uid">
-                    </el-table-column>
-                    <el-table-column
-                            :formatter="deviceformatter"
-                            prop="created_time"
-                            label="添加时间"
-                            align="center"
-                            width="160">
-                    </el-table-column>
-                    <el-table-column
-                            fixed="right"
-                            label="操作"
-                            align="center"
-                            width="110">
-                        <template slot-scope="scope">
-                            <el-button
-                                    v-if="scope.row.is_mine"
-                                    size="mini"
-                                    type="danger"
-                                    @click="udidDeleteFun(scope)">删除
-                            </el-button>
-                            <el-tag v-else>
-                                ...
-                            </el-tag>
-                        </template>
-                    </el-table-column>
-                </el-table>
-
-            </el-tab-pane>
-            <el-tab-pane label="设备消耗账单" name="devicesbill">
-                <el-input
-                        style="width: 30%;margin-right: 30px;margin-bottom: 10px"
-                        v-model="udidsearch"
-                        clearable
-                        placeholder="输入UDID"/>
-
-                <el-button type="primary" icon="el-icon-search" @click="handleCurrentChange(pagination.currentPage)">
-                    搜索
-                </el-button>
-
-
-                <el-table
-                        :data="app_bill_lists"
-                        v-loading="loading"
-                        border
-                        stripe
-                        style="width: 100%">
-
-                    <el-table-column
-                            fixed
-                            prop="udid"
-                            align="center"
-                            label="设备ID"
-                    >
-                        <template slot-scope="scope">
-                            <el-tooltip effect="dark" content="点击查看设备安装详细信息" placement="top">
-                                <el-link :underline="false" @click="showDeviceBill(scope.row.udid)">
-                                    {{ scope.row.udid }}
-                                </el-link>
-                            </el-tooltip>
-                        </template>
-                    </el-table-column>
-                    <el-table-column
-                            prop="product"
-                            label="设备名称"
-                            width="200"
-                            align="center">
-
-                    </el-table-column>
-                    <el-table-column
-                            prop="version"
-                            align="center"
-                            label="设备版本"
-                    >
-                    </el-table-column>
-
-                    <el-table-column
-                            prop="counts"
-                            align="center"
-                            label="设备安装次数"
-                            width="110">
-
-                    </el-table-column>
-
-                    <el-table-column
-                            label="设备状态"
-                            align="center"
-                            width="110">
-                        <template slot-scope="scope">
-                            <el-tag v-if="!scope.row.udid_sync_info_id" type="info">已经释放</el-tag>
-                            <el-tag v-else>
-                                使用中
-                            </el-tag>
-                        </template>
-                    </el-table-column>
-
-                </el-table>
-
-            </el-tab-pane>
-            <div style="margin-top: 20px" v-if="activeName!== 'adddeveloper'">
-                <el-pagination
-                        @size-change="handleSizeChange"
-                        @current-change="handleCurrentChange"
-                        :current-page.sync="pagination.currentPage"
-                        :page-sizes="[10, 20, 50, 100]"
-                        :page-size="pagination.pagesize"
-                        layout="total,sizes, prev, pager, next"
-                        :total="pagination.total">
-                </el-pagination>
-            </div>
-        </el-tabs>
-
-    </el-main>
+              </el-popover>
+            </template>
+
+          </el-table-column>
+          <el-table-column
+              align="center"
+              label="是否激活"
+              prop="is_actived"
+              width="110">
+            <template slot-scope="scope">
+              <el-button v-if="scope.row.is_actived === true" size="small" type="success">已激活</el-button>
+              <el-button v-else size="small" type="danger"
+                         @click="activedeveloperFun(scope.row,'checkauth')">点击激活
+              </el-button>
+
+            </template>
+          </el-table-column>
+          <el-table-column
+              align="center"
+              label="账户状态"
+              prop="certid"
+              width="100">
+            <template slot-scope="scope">
+              <el-popover placement="top" trigger="hover">
+                <p v-if="!scope.row.certid && scope.row.is_actived === true">
+                  开发证书不可用，请在编辑中导入或手动创建发布证书</p>
+                <p v-if="!scope.row.certid && scope.row.is_actived !== true">请先激活开发者账户</p>
+                <p v-if="scope.row.certid && scope.row.is_actived === true">账户已经启用</p>
+                <div slot="reference" class="name-wrapper">
+                  <el-button v-if="scope.row.certid " size="small" type="success">可用</el-button>
+                  <el-button v-else size="small" type="danger">不可用</el-button>
+                </div>
+              </el-popover>
+
+            </template>
+          </el-table-column>
+          <el-table-column
+              align="center"
+              label="可用设备"
+              prop="usable_number"
+              width="60">
+            <template slot-scope="scope">
+              <el-popover placement="top" trigger="hover">
+                <p>可用设备数: {{
+                    scope.row.usable_number - scope.row.developer_used_number > 0
+                        ? scope.row.usable_number - scope.row.developer_used_number : 0
+                  }}</p>
+                <div slot="reference" class="name-wrapper">
+                  <el-tag size="medium"> {{
+                      scope.row.usable_number - scope.row.developer_used_number >
+                      0 ? scope.row.usable_number - scope.row.developer_used_number : 0
+                    }}
+                  </el-tag>
+                </div>
+              </el-popover>
+            </template>
+          </el-table-column>
+
+          <el-table-column
+              align="center"
+              label="设备消耗"
+              prop="use_number"
+              width="60">
+            <template slot-scope="scope">
+              <el-popover placement="top" trigger="hover">
+                <p>开发者账户已使用设备数【本平台】: {{ scope.row.use_number }}</p>
+                <p>开发者账户已使用设备数【其他】: {{ scope.row.developer_used_other_number }}</p>
+                <div slot="reference" class="name-wrapper">
+                  <el-tag size="medium">{{ scope.row.use_number }}</el-tag>
+                </div>
+              </el-popover>
+            </template>
+          </el-table-column>
+
+          <el-table-column
+              :formatter="formatter"
+              align="center"
+              label="证书到期时间"
+              prop="cert_expire_time"
+              width="160">
+          </el-table-column>
+          <el-table-column
+              align="center"
+              label="备注"
+              prop="description"
+          >
+          </el-table-column>
+          <el-table-column
+              align="center"
+              fixed="right"
+              label="操作"
+              width="150">
+            <template slot-scope="scope">
+
+              <el-button
+                  size="mini"
+                  @click="handleEditDeveloper(scope.row)">编辑
+              </el-button>
+              <el-button
+                  size="mini"
+                  type="danger"
+                  @click="handleDeleteDeveloper(scope.row)">删除
+              </el-button>
+
+            </template>
+          </el-table-column>
+        </el-table>
+
+
+      </el-tab-pane>
+      <el-tab-pane label="添加开发者" name="adddeveloper" style="text-align:center">
+        <el-form ref="storageinfoform" :model="editdeveloperinfo"
+                 label-width="80px" style="margin:0 auto;">
+
+          <el-form-item label="认证类型" label-width="100px">
+            <el-select v-model="editdeveloperinfo.auth_type" placeholder="认证类型"
+                       style="margin-left: -100px">
+              <el-option v-for="st in apple_auth_list" :key="st.id" :label="st.name"
+                         :value="st.id"/>
+            </el-select>
+          </el-form-item>
+          <div v-if="editdeveloperinfo.auth_type===0">
+            <el-form-item label="issuer_id" label-width="110px">
+              <el-input v-model="editdeveloperinfo.issuer_id" :disabled='isedit'/>
+            </el-form-item>
+
+            <el-form-item label="private_key_id" label-width="110px">
+              <el-input v-model="editdeveloperinfo.private_key_id" :placeholder="placeholder"/>
+            </el-form-item>
+
+            <el-form-item label="p8key" label-width="110px">
+              <el-input v-model="editdeveloperinfo.p8key"
+                        :placeholder="placeholder" :rows="6" type="textarea"/>
+            </el-form-item>
+          </div>
+
+          <el-form-item label="设备数量" label-width="110px" style="text-align: left">
+            <el-input-number v-model="editdeveloperinfo.usable_number" :max="100" :min="0" label="设备数量"/>
+          </el-form-item>
+
+          <el-form-item label="备注" label-width="110px">
+            <el-input v-model="editdeveloperinfo.description"/>
+          </el-form-item>
+          <div style="">
+            <el-button plain type="primary" @click="updateorcreate">保存信息并添加</el-button>
+          </div>
+
+        </el-form>
+        <el-card header="获取密钥帮助" style="margin-top: 20px;text-align: left">
+          <h1>获取密钥：</h1>
+          <p>前往 AppStore Connect 。按照
+            <el-button plain size="small" type="primary" @click="$router.push({name:'FirSuperSignHelp'})">
+              此步骤
+            </el-button>
+            获取 API 密钥，将获取到的密钥添加到这里。
+          </p>
+
+          <h1>注意事项：</h1>
+          <p>1.添加后，请勿撤销 API 密钥，否则会导致用户安装的软件闪退或无法安装！</p>
+          <p>2.每个开发者账号最多可创建两本证书，请确保至少还可以创建一本证书！</p>
+          <p>3.添加后，激活开发者账户，然后您就可以上传p12证书或者通过系统自动创建证书、设备和描述文件，请勿删除这些文件，否则会导致用户安装的软件闪退或无法安装！</p>
+
+        </el-card>
+      </el-tab-pane>
+      <el-tab-pane label="设备消耗" name="useddevices">
+        <el-input
+            v-model="udidsearch"
+            clearable
+            placeholder="输入UDID"
+            style="width: 30%;margin-right: 30px;margin-bottom: 10px"/>
+        <el-input
+            v-model="Bundleidsearch"
+            clearable
+            placeholder="输入BundleID"
+            style="width: 30%;margin-right: 30px;margin-bottom: 10px"/>
+        <el-input
+            v-model="appidseach"
+            clearable
+            placeholder="输入用户ID"
+            style="width: 23%;margin-right: 30px;margin-bottom: 10px"/>
+        <el-button icon="el-icon-search" type="primary" @click="handleCurrentChange(pagination.currentPage)">
+          搜索
+        </el-button>
+
+        <el-table
+            v-loading="loading"
+            :data="app_devices_lists"
+            border
+            stripe
+            style="width: 100%">
+          <el-table-column
+              align="center"
+              fixed
+              label="设备ID"
+              prop="device_udid"
+          >
+          </el-table-column>
+          <el-table-column
+              align="center"
+              label="设备名称"
+              prop="device_name"
+              width="120">
+          </el-table-column>
+          <el-table-column
+              align="center"
+              label="应用ID"
+              prop="bundle_id"
+              width="180">
+          </el-table-column>
+          <el-table-column
+              align="center"
+              label="应用名称"
+              prop="bundle_name"
+              width="160">
+          </el-table-column>
+          <el-table-column
+              align="center"
+              label="开发者ID"
+              prop="developer_id"
+              width="200">
+          </el-table-column>
+          <el-table-column
+              v-if="$store.state.userinfo&&$store.state.userinfo.role == 3"
+              align="center"
+              label="被使用户uid"
+              prop="other_uid">
+          </el-table-column>
+          <el-table-column
+              :formatter="deviceformatter"
+              align="center"
+              label="授权时间"
+              prop="created_time"
+              width="160">
+          </el-table-column>
+        </el-table>
+
+
+      </el-tab-pane>
+      <el-tab-pane label="设备管理" name="devicesudid">
+        <el-input
+            v-model="udidsearch"
+            clearable
+            placeholder="输入UDID"
+            style="width: 30%;margin-right: 30px;margin-bottom: 10px"/>
+        <el-input
+            v-model="Bundleidsearch"
+            clearable
+            placeholder="输入BundleID"
+            style="width: 30%;margin-right: 30px;margin-bottom: 10px"/>
+        <el-button icon="el-icon-search" type="primary" @click="handleCurrentChange(pagination.currentPage)">
+          搜索
+        </el-button>
+
+
+        <el-table
+            v-loading="loading"
+            :data="app_udid_lists"
+            border
+            stripe
+            style="width: 100%">
+
+          <el-table-column
+              align="center"
+              fixed
+              label="设备ID"
+              prop="udid"
+          >
+            <template slot-scope="scope">
+              <el-popover placement="top" trigger="hover">
+                <p>Bundle_ID: {{ scope.row.bundle_id }}</p>
+                <p>应用名称: {{ scope.row.bundle_name }}</p>
+                <p>UDID: {{ scope.row.udid }}</p>
+                <div slot="reference" class="name-wrapper">
+                  <el-tag size="medium">{{ scope.row.udid }}</el-tag>
+                </div>
+              </el-popover>
+            </template>
+          </el-table-column>
+          <el-table-column
+              align="center"
+              label="imei"
+              prop="imei"
+              width="160">
+
+          </el-table-column>
+          <el-table-column
+              align="center"
+              label="设备名称"
+              prop="product"
+              width="100">
+          </el-table-column>
+          <el-table-column
+              align="center"
+              label="设备型号"
+              prop="version"
+              width="100">
+          </el-table-column>
+          <el-table-column
+              align="center"
+              label="设备序列号"
+              prop="serial"
+              width="140">
+          </el-table-column>
+          <el-table-column
+              v-if="$store.state.userinfo&&$store.state.userinfo.role == 3"
+              align="center"
+              label="被使用户uid"
+              prop="other_uid">
+          </el-table-column>
+          <el-table-column
+              :formatter="deviceformatter"
+              align="center"
+              label="添加时间"
+              prop="created_time"
+              width="160">
+          </el-table-column>
+          <el-table-column
+              align="center"
+              fixed="right"
+              label="操作"
+              width="110">
+            <template slot-scope="scope">
+              <el-button
+                  v-if="scope.row.is_mine"
+                  size="mini"
+                  type="danger"
+                  @click="udidDeleteFun(scope)">删除
+              </el-button>
+              <el-tag v-else>
+                ...
+              </el-tag>
+            </template>
+          </el-table-column>
+        </el-table>
+
+      </el-tab-pane>
+      <el-tab-pane label="设备消耗账单" name="devicesbill">
+        <el-input
+            v-model="udidsearch"
+            clearable
+            placeholder="输入UDID"
+            style="width: 30%;margin-right: 30px;margin-bottom: 10px"/>
+
+        <el-button icon="el-icon-search" type="primary" @click="handleCurrentChange(pagination.currentPage)">
+          搜索
+        </el-button>
+
+
+        <el-table
+            v-loading="loading"
+            :data="app_bill_lists"
+            border
+            stripe
+            style="width: 100%">
+
+          <el-table-column
+              align="center"
+              fixed
+              label="设备ID"
+              prop="udid"
+          >
+            <template slot-scope="scope">
+              <el-tooltip content="点击查看设备安装详细信息" effect="dark" placement="top">
+                <el-link :underline="false" @click="showDeviceBill(scope.row.udid)">
+                  {{ scope.row.udid }}
+                </el-link>
+              </el-tooltip>
+            </template>
+          </el-table-column>
+          <el-table-column
+              align="center"
+              label="设备名称"
+              prop="product"
+              width="200">
+
+          </el-table-column>
+          <el-table-column
+              align="center"
+              label="设备版本"
+              prop="version"
+          >
+          </el-table-column>
+
+          <el-table-column
+              align="center"
+              label="设备安装次数"
+              prop="counts"
+              width="110">
+
+          </el-table-column>
+
+          <el-table-column
+              align="center"
+              label="设备状态"
+              width="110">
+            <template slot-scope="scope">
+              <el-tag v-if="!scope.row.udid_sync_info_id" type="info">已经释放</el-tag>
+              <el-tag v-else>
+                使用中
+              </el-tag>
+            </template>
+          </el-table-column>
+
+        </el-table>
+
+      </el-tab-pane>
+      <div v-if="activeName!== 'adddeveloper'" style="margin-top: 20px">
+        <el-pagination
+            :current-page.sync="pagination.currentPage"
+            :page-size="pagination.pagesize"
+            :page-sizes="[10, 20, 50, 100]"
+            :total="pagination.total"
+            layout="total,sizes, prev, pager, next"
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange">
+        </el-pagination>
+      </div>
+    </el-tabs>
+
+  </el-main>
 </template>
 
 <script>
 
-    import {iosdeveloper, iosdevices, iosdevicesudid, developercert, DeviceBillInfo} from "@/restful";
-    import {getUserInfoFun, removeAaary} from "@/utils";
-
-    export default {
-        name: "FirSuperSignBase",
-        data() {
-            return {
-                dialogShowDeviceBillInfo: false,
-                currentudid: '',
-                fileList: [],
-                app_developer_lists: [],
-                app_devices_lists: [],
-                app_bill_lists: [],
-                app_bill_info_lists: [],
-                app_udid_lists: [],
-                activeName: "iosdeveloper",
-                udidsearch: "",
-                Bundleidsearch: "",
-                appidseach: "",
-                dialogaddDeveloperVisible: false,
-                importcertDeveloperVisible: false,
-                title: "",
-                editdeveloperinfo: {auth_type: 0, usable_number: 100},
-                isedit: false,
-                placeholder: "",
-                pagination: {"currentPage": 1, "total": 0, "pagesize": 10},
-                billpagination: {"currentPage": 1, "total": 0, "pagesize": 10},
-                developer_used_info: {"all_usable_number": 0, "other_used_sum": 0, "all_use_number": 0},
-                percentage: 0,
-                apple_auth_list: [],
-                apple_auth_type: 0,
-                loadingfun: {},
-                loading: false,
-                cert_pwd: '',
-            }
-        }, watch: {
-            'dialogaddDeveloperVisible': function () {
-                if (this.dialogaddDeveloperVisible === false) {
-                    this.canceledit();
-                }
-            }
-        },
-        methods: {
-            closeDeviceBillInfo() {
-                this.dialogShowDeviceBillInfo = false;
-                this.currentudid = '';
-                this.app_bill_info_lists = [];
-            },
-            showDeviceBill(udid) {
-                this.currentudid = udid;
-                this.iosdevicebillFun({"methods": "GET", "data": {'udid': udid, 'act': 'info'}});
-                this.dialogShowDeviceBillInfo = true;
-            },
-            billhandleSizeChange(val) {
-                this.billpagination.pagesize = val;
-                this.iosdevicebillFun({
-                    "methods": "GET", "data": {
-                        "size": this.billpagination.pagesize,
-                        "page": 1,
-                        "act": "info",
-                        'udid': this.currentudid
-                    }
-                })
-            },
-            billhandleCurrentChange(val) {
-                this.billpagination.currentPage = val;
-                this.iosdevicebillFun({
-                    "methods": "GET", "data": {
-                        "size": this.billpagination.pagesize,
-                        "page": this.billpagination.currentPage,
-                        "act": "info",
-                        'udid': this.currentudid
-                    }
-                })
-            },
-            beforeAvatarUpload(file) {
-                const isLt2M = file.size / 1024 / 1024 < 2;
-                if (file.type === 'application/x-pkcs12') {
-                    if (isLt2M) {
-                        if (this.cert_pwd && this.cert_pwd.toString().trim().length > 0) {
-                            let reader = new FileReader();
-                            reader.onload = evt => {
-                                developercert(data => {
-                                    if (data.code === 1000) {
-                                        this.$message.success("证书导入成功");
-                                        this.importcertDeveloperVisible = false;
-                                        this.dialogaddDeveloperVisible = false;
-                                        this.handleCurrentChange(this.pagination.currentPage)
-                                    } else {
-                                        this.$message.error("证书导入失败 " + data.msg)
-                                    }
-                                }, {
-                                    methods: 'POST',
-                                    data: {
-                                        issuer_id: this.editdeveloperinfo.issuer_id,
-                                        cert_pwd: this.cert_pwd,
-                                        cert_content: evt.target.result
-                                    }
-                                })
-                            };
-                            reader.readAsDataURL(file);
-                            return false;
-                        } else {
-                            this.$message.warning('密码不能为空');
-                        }
-                    } else {
-                        this.$message.warning('上传大小有误');
-                    }
-                } else {
-                    this.$message.warning('上传文件格式不正确!');
-                }
-                return false;
-            },
-            developer_usedColor(percentage) {
-                if (percentage < 20) {
-                    return '#6f7ad3';
-                } else if (percentage < 40) {
-                    return '#1989fa';
-                } else if (percentage < 60) {
-                    return '#5cb87a';
-
-                } else if (percentage < 80) {
-                    return '#e6a23c';
-                } else if (percentage < 90) {
-                    return '#E63918';
-                } else {
-                    return '#F50346';
-                }
-            },
-            udidDeleteFun(scope) {
-                this.iosdevicesudidFun('DELETE', {id: scope.row.id, aid: scope.row.app_id}, scope);
-            },
-            handleSizeChange(val) {
-                this.pagination.pagesize = val;
-                this.get_data_from_tabname(this.activeName, {
-                    "size": this.pagination.pagesize,
-                    "page": 1
-                })
-            },
-            handleCurrentChange(val) {
-                this.pagination.currentPage = val;
-                this.get_data_from_tabname(this.activeName, {
-                    "size": this.pagination.pagesize,
-                    "page": this.pagination.currentPage
-                })
-            },
-            syncdevices() {
-                this.iosdeveloperFun({
-                    "methods": "PUT",
-                    "data": {"issuer_id": this.editdeveloperinfo.issuer_id, "act": "syncdevice"}
-                });
-            },
-            cleandevices() {
-                this.iosdeveloperFun({
-                    "methods": "PUT",
-                    "data": {"issuer_id": this.editdeveloperinfo.issuer_id, "act": "cleandevice"}
-                });
-            },
-            isocertcert() {
-
-                this.$confirm('此操作将要创建新的发布证书, 是否继续?', '提示', {
-                    confirmButtonText: '确定',
-                    cancelButtonText: '取消',
-                    type: 'warning'
-                }).then(() => {
-                    this.iosdeveloperFun({
-                        "methods": "PUT",
-                        "data": {"issuer_id": this.editdeveloperinfo.issuer_id, "act": "ioscert"}
-                    });
-                }).catch(() => {
-                    this.$message({
-                        type: 'info',
-                        message: '已取消'
-                    });
-                });
-            },
-            exportcert() {
-                // eslint-disable-next-line no-unused-vars
-                developercert(data => {
-                }, {methods: 'FILE', data: {issuer_id: this.editdeveloperinfo.issuer_id}})
-            },
-            isorenewcert() {
-                this.$confirm('此操作将永久删除该发布证书, 建议先导出证书。是否继续删除?', '提示', {
-                    confirmButtonText: '确定',
-                    cancelButtonText: '取消',
-                    type: 'warning'
-                }).then(() => {
-                    this.iosdeveloperFun({
-                        "methods": "PUT",
-                        "data": {"issuer_id": this.editdeveloperinfo.issuer_id, "act": "renewcert"}
-                    });
-                }).catch(() => {
-                    this.$message({
-                        type: 'info',
-                        message: '已取消'
-                    });
-                });
-
-            },
-            activedeveloperFun(developer, act) {
-                this.iosdeveloperFun({"methods": "PUT", "data": {"issuer_id": developer.issuer_id, "act": act}});
-            },
-            canceledit() {
-                this.dialogaddDeveloperVisible = false;
-                this.editdeveloperinfo = {auth_type: 0, usable_number: 100};
-                this.isedit = false;
-                this.placeholder = ""
-            },
-            handleEditDeveloper(developer_info) {
-                this.editdeveloperinfo = developer_info;
-                this.title = '编辑开发者账户';
-                this.dialogaddDeveloperVisible = true;
-                this.isedit = true;
-                this.placeholder = "为空表示不修改该信息"
-            },
-            updateorcreate() {
-                if (this.isedit) {
-                    this.iosdeveloperFun({"methods": "PUT", "data": this.editdeveloperinfo})
+import {developercert, DeviceBillInfo, iosdeveloper, iosdevices, iosdevicesudid} from "@/restful";
+import {getUserInfoFun, removeAaary} from "@/utils";
+
+export default {
+  name: "FirSuperSignBase",
+  data() {
+    return {
+      dialogShowDeviceBillInfo: false,
+      currentudid: '',
+      fileList: [],
+      app_developer_lists: [],
+      app_devices_lists: [],
+      app_bill_lists: [],
+      app_bill_info_lists: [],
+      app_udid_lists: [],
+      activeName: "iosdeveloper",
+      udidsearch: "",
+      Bundleidsearch: "",
+      appidseach: "",
+      dialogaddDeveloperVisible: false,
+      importcertDeveloperVisible: false,
+      title: "",
+      editdeveloperinfo: {auth_type: 0, usable_number: 100},
+      isedit: false,
+      placeholder: "",
+      pagination: {"currentPage": 1, "total": 0, "pagesize": 10},
+      billpagination: {"currentPage": 1, "total": 0, "pagesize": 10},
+      developer_used_info: {"all_usable_number": 0, "other_used_sum": 0, "all_use_number": 0},
+      percentage: 0,
+      apple_auth_list: [],
+      apple_auth_type: 0,
+      loadingfun: {},
+      loading: false,
+      cert_pwd: '',
+    }
+  }, watch: {
+    'dialogaddDeveloperVisible': function () {
+      if (this.dialogaddDeveloperVisible === false) {
+        this.canceledit();
+      }
+    }
+  },
+  methods: {
+    closeDeviceBillInfo() {
+      this.dialogShowDeviceBillInfo = false;
+      this.currentudid = '';
+      this.app_bill_info_lists = [];
+    },
+    showDeviceBill(udid) {
+      this.currentudid = udid;
+      this.iosdevicebillFun({"methods": "GET", "data": {'udid': udid, 'act': 'info'}});
+      this.dialogShowDeviceBillInfo = true;
+    },
+    billhandleSizeChange(val) {
+      this.billpagination.pagesize = val;
+      this.iosdevicebillFun({
+        "methods": "GET", "data": {
+          "size": this.billpagination.pagesize,
+          "page": 1,
+          "act": "info",
+          'udid': this.currentudid
+        }
+      })
+    },
+    billhandleCurrentChange(val) {
+      this.billpagination.currentPage = val;
+      this.iosdevicebillFun({
+        "methods": "GET", "data": {
+          "size": this.billpagination.pagesize,
+          "page": this.billpagination.currentPage,
+          "act": "info",
+          'udid': this.currentudid
+        }
+      })
+    },
+    beforeAvatarUpload(file) {
+      const isLt2M = file.size / 1024 / 1024 < 2;
+      if (file.type === 'application/x-pkcs12') {
+        if (isLt2M) {
+          if (this.cert_pwd && this.cert_pwd.toString().trim().length > 0) {
+            let reader = new FileReader();
+            reader.onload = evt => {
+              developercert(data => {
+                if (data.code === 1000) {
+                  this.$message.success("证书导入成功");
+                  this.importcertDeveloperVisible = false;
+                  this.dialogaddDeveloperVisible = false;
+                  this.handleCurrentChange(this.pagination.currentPage)
                 } else {
-                    if (this.editdeveloperinfo.auth_type === 0) {
-                        if (this.editdeveloperinfo.issuer_id && this.editdeveloperinfo.private_key_id && this.editdeveloperinfo.usable_number && this.editdeveloperinfo.p8key) {
-                            this.iosdeveloperFun({"methods": "POST", "data": this.editdeveloperinfo});
-                        } else {
-                            this.$message.warning("输入格式有误")
-                        }
-                    } else {
-                        this.$message.error("输入格式有误")
-                    }
-
+                  this.$message.error("证书导入失败 " + data.msg)
                 }
-            },
-            handleDeleteDeveloper(developer_info) {
-                this.$confirm('此操作会删除该苹果开发者账户下面的生成的证书等数据,可能会导致超级签包的闪退, 是否继续?', '警告', {
-                    confirmButtonText: '确定',
-                    cancelButtonText: '取消',
-                    type: 'warning'
-                }).then(() => {
-                    this.iosdeveloperFun({"methods": "DELETE", "data": {"issuer_id": developer_info.issuer_id}});
-                }).catch(() => {
-                    this.$message({
-                        type: 'info',
-                        message: '已取消删除'
-                    });
-                });
-            },
-            get_data_from_tabname(tabname, data = {}) {
-                data.udid = this.udidsearch.replace(/^\s+|\s+$/g, "");
-                data.bundleid = this.Bundleidsearch.replace(/^\s+|\s+$/g, "");
-                data.appid = this.appidseach.replace(/^\s+|\s+$/g, "");
-                this.$router.push({"name": 'FirSuperSignBase', params: {act: tabname}});
-                if (tabname === "useddevices") {
-                    this.iosdevicesFun('GET', data)
-                } else if (tabname === "devicesudid") {
-                    this.iosdevicesudidFun('GET', data, null)
-                } else if (tabname === "adddeveloper") {
-                    this.iosdeveloperFun({"methods": "GET", "data": data})
-                    // this.title='新增私有开发者账户';
-                    // this.dialogaddDeveloperVisible=true;
-                } else if (tabname === "iosdeveloper") {
-                    this.iosdeveloperFun({"methods": "GET", "data": data})
-                } else if (tabname === "devicesbill") {
-                    this.iosdevicebillFun({"methods": "GET", "data": data})
+              }, {
+                methods: 'POST',
+                data: {
+                  issuer_id: this.editdeveloperinfo.issuer_id,
+                  cert_pwd: this.cert_pwd,
+                  cert_content: evt.target.result
                 }
+              })
+            };
+            reader.readAsDataURL(file);
+            return false;
+          } else {
+            this.$message.warning('密码不能为空');
+          }
+        } else {
+          this.$message.warning('上传大小有误');
+        }
+      } else {
+        this.$message.warning('上传文件格式不正确!');
+      }
+      return false;
+    },
+    developer_usedColor(percentage) {
+      if (percentage < 20) {
+        return '#6f7ad3';
+      } else if (percentage < 40) {
+        return '#1989fa';
+      } else if (percentage < 60) {
+        return '#5cb87a';
+
+      } else if (percentage < 80) {
+        return '#e6a23c';
+      } else if (percentage < 90) {
+        return '#E63918';
+      } else {
+        return '#F50346';
+      }
+    },
+    udidDeleteFun(scope) {
+      this.iosdevicesudidFun('DELETE', {id: scope.row.id, aid: scope.row.app_id}, scope);
+    },
+    handleSizeChange(val) {
+      this.pagination.pagesize = val;
+      this.get_data_from_tabname(this.activeName, {
+        "size": this.pagination.pagesize,
+        "page": 1
+      })
+    },
+    handleCurrentChange(val) {
+      this.pagination.currentPage = val;
+      this.get_data_from_tabname(this.activeName, {
+        "size": this.pagination.pagesize,
+        "page": this.pagination.currentPage
+      })
+    },
+    syncdevices() {
+      this.iosdeveloperFun({
+        "methods": "PUT",
+        "data": {"issuer_id": this.editdeveloperinfo.issuer_id, "act": "syncdevice"}
+      });
+    },
+    cleandevices() {
+      this.iosdeveloperFun({
+        "methods": "PUT",
+        "data": {"issuer_id": this.editdeveloperinfo.issuer_id, "act": "cleandevice"}
+      });
+    },
+    isocertcert() {
+
+      this.$confirm('此操作将要创建新的发布证书, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.iosdeveloperFun({
+          "methods": "PUT",
+          "data": {"issuer_id": this.editdeveloperinfo.issuer_id, "act": "ioscert"}
+        });
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消'
+        });
+      });
+    },
+    exportcert() {
+      // eslint-disable-next-line no-unused-vars
+      developercert(data => {
+      }, {methods: 'FILE', data: {issuer_id: this.editdeveloperinfo.issuer_id}})
+    },
+    isorenewcert() {
+      this.$confirm('此操作将永久删除该发布证书, 建议先导出证书。是否继续删除?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.iosdeveloperFun({
+          "methods": "PUT",
+          "data": {"issuer_id": this.editdeveloperinfo.issuer_id, "act": "renewcert"}
+        });
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消'
+        });
+      });
+
+    },
+    activedeveloperFun(developer, act) {
+      this.iosdeveloperFun({"methods": "PUT", "data": {"issuer_id": developer.issuer_id, "act": act}});
+    },
+    canceledit() {
+      this.dialogaddDeveloperVisible = false;
+      this.editdeveloperinfo = {auth_type: 0, usable_number: 100};
+      this.isedit = false;
+      this.placeholder = ""
+    },
+    handleEditDeveloper(developer_info) {
+      this.editdeveloperinfo = developer_info;
+      this.title = '编辑开发者账户';
+      this.dialogaddDeveloperVisible = true;
+      this.isedit = true;
+      this.placeholder = "为空表示不修改该信息"
+    },
+    updateorcreate() {
+      if (this.isedit) {
+        this.iosdeveloperFun({"methods": "PUT", "data": this.editdeveloperinfo})
+      } else {
+        if (this.editdeveloperinfo.auth_type === 0) {
+          if (this.editdeveloperinfo.issuer_id && this.editdeveloperinfo.private_key_id && this.editdeveloperinfo.usable_number && this.editdeveloperinfo.p8key) {
+            this.iosdeveloperFun({"methods": "POST", "data": this.editdeveloperinfo});
+          } else {
+            this.$message.warning("输入格式有误")
+          }
+        } else {
+          this.$message.error("输入格式有误")
+        }
 
-            },
-            // eslint-disable-next-line no-unused-vars
-            handleClick(tab, event) {
-                this.pagination = {"currentPage": 1, "total": 0, "pagesize": 10};
-                this.get_data_from_tabname(tab.name);
-            },
-            // eslint-disable-next-line no-unused-vars
-            deviceformatter(row, column) {
-                let stime = row.created_time;
-                if (stime) {
-                    stime = stime.split(".")[0].split("T");
-                    return stime[0] + " " + stime[1]
-                } else
-                    return '';
-            },
-            // eslint-disable-next-line no-unused-vars
-            formatter(row, column) {
-                let stime = row.cert_expire_time;
-                if (stime) {
-                    stime = stime.split(".")[0].split("T");
-                    return stime[0] + " " + stime[1]
-                } else
-                    return '';
-            },
-            iosdevicesFun(methods, data) {
-                this.loading = true;
-                iosdevices(data => {
-                    if (data.code === 1000) {
-                        this.app_devices_lists = data.data;
-                        this.pagination.total = data.count;
-                    }
-                    this.loading = false;
-                }, {
-                    "methods": methods, "data": data
-                })
-            },
-            iosdeveloperFun(params) {
-                if (params.methods !== 'GET') {
-                    this.loadingfun = this.$loading({
-                        lock: true,
-                        text: '执行中,请耐心等待...',
-                        spinner: 'el-icon-loading',
-                        background: 'rgba(0, 0, 0, 0.7)'
-                    });
-                } else {
-                    this.loading = true
-                }
-                iosdeveloper(data => {
-                    if (data.code === 1000) {
-                        this.app_developer_lists = data.data;
-                        this.pagination.total = data.count;
-                        this.apple_auth_list = data.apple_auth_list;
-                        if (data.use_num) {
-                            this.developer_used_info = data.use_num;
-                            if (this.developer_used_info.all_usable_number !== 0) {
-                                let p = parseInt(this.developer_used_info.flyapp_used_sum * 100 / this.developer_used_info.all_usable_number);
-                                if (p < 0 || p >= 100) {
-                                    p = 100
-                                }
-                                this.percentage = p;
-                            }
-                        }
-
-                        if (this.dialogaddDeveloperVisible) {
-                            this.canceledit();
-                            this.$message.success("操作成功");
-                            this.activeName = "iosdeveloper";
-                            this.editdeveloperinfo = {auth_type: 0, usable_number: 100};
-                        }
-                        if (!this.edit && this.editdeveloperinfo.issuer_id) {
-                            this.$message.success("添加成功");
-                            this.activeName = "iosdeveloper";
-                            this.editdeveloperinfo = {auth_type: 0, usable_number: 100};
-                        }
-                    } else if (data.code === 1008) {
-                        this.$message.error(data.msg);
-                    } else {
-                        this.$message.error("操作失败")
-                    }
-                    if (params.methods !== 'GET') {
-                        this.loadingfun.close();
-                    } else {
-                        this.loading = false
-                    }
-                }, params)
-            },
-            iosdevicebillFun(params) {
-                this.loading = true;
-                DeviceBillInfo(data => {
-                    if (data.code === 1000) {
-                        if (params.data.act && params.data.act === 'info') {
-                            this.app_bill_info_lists = data.data;
-                            this.billpagination.total = data.count;
-                        } else {
-                            this.app_bill_lists = data.data;
-                            this.pagination.total = data.count;
-                        }
-                    } else {
-                        this.$message.error("操作失败了 " + data.msg);
-                    }
-                    this.loading = false
-                }, params)
-            },
-            iosdevicesudidFun(action, data, scope) {
-                if (action !== 'GET') {
-                    this.loadingfun = this.$loading({
-                        lock: true,
-                        text: '执行中,请耐心等待...',
-                        spinner: 'el-icon-loading',
-                        background: 'rgba(0, 0, 0, 0.7)'
-                    });
-                } else {
-                    this.loading = true
-                }
-                iosdevicesudid(data => {
-                    if (data.code === 1000) {
-                        if (action !== "DELETE") {
-                            this.app_udid_lists = data.data;
-                            this.pagination.total = data.count;
-                        } else {
-                            if (scope) {
-                                this.app_udid_lists = removeAaary(this.app_udid_lists, scope.row)
-                            }
-                        }
-                    } else {
-                        this.$message.error("操作失败了 " + data.msg);
-                    }
-                    if (action !== 'GET') {
-                        this.loadingfun.close()
-                    } else {
-                        this.loading = false
-                    }
-                }, {
-                    "methods": action, "data": data
-                })
-            },
-        }, mounted() {
-            getUserInfoFun(this);
-            if (this.$route.params.act) {
-                let activeName = this.$route.params.act;
-                let activeName_list = ["useddevices", "devicesudid", "adddeveloper", "iosdeveloper"];
-                for (let index in activeName_list) {
-                    if (activeName_list[index] === activeName) {
-                        this.activeName = activeName;
-                        let bundleid = this.$route.query.bundleid;
-                        if (bundleid) {
-                            this.Bundleidsearch = bundleid;
-                        }
-                        this.get_data_from_tabname(activeName);
-                        return
-                    }
-                }
+      }
+    },
+    handleDeleteDeveloper(developer_info) {
+      this.$confirm('此操作会删除该苹果开发者账户下面的生成的证书等数据,可能会导致超级签包的闪退, 是否继续?', '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.iosdeveloperFun({"methods": "DELETE", "data": {"issuer_id": developer_info.issuer_id}});
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消删除'
+        });
+      });
+    },
+    get_data_from_tabname(tabname, data = {}) {
+      data.udid = this.udidsearch.replace(/^\s+|\s+$/g, "");
+      data.bundleid = this.Bundleidsearch.replace(/^\s+|\s+$/g, "");
+      data.appid = this.appidseach.replace(/^\s+|\s+$/g, "");
+      this.$router.push({"name": 'FirSuperSignBase', params: {act: tabname}});
+      if (tabname === "useddevices") {
+        this.iosdevicesFun('GET', data)
+      } else if (tabname === "devicesudid") {
+        this.iosdevicesudidFun('GET', data, null)
+      } else if (tabname === "adddeveloper") {
+        this.iosdeveloperFun({"methods": "GET", "data": data})
+        // this.title='新增私有开发者账户';
+        // this.dialogaddDeveloperVisible=true;
+      } else if (tabname === "iosdeveloper") {
+        this.iosdeveloperFun({"methods": "GET", "data": data})
+      } else if (tabname === "devicesbill") {
+        this.iosdevicebillFun({"methods": "GET", "data": data})
+      }
+
+    },
+    // eslint-disable-next-line no-unused-vars
+    handleClick(tab, event) {
+      this.pagination = {"currentPage": 1, "total": 0, "pagesize": 10};
+      this.get_data_from_tabname(tab.name);
+    },
+    // eslint-disable-next-line no-unused-vars
+    deviceformatter(row, column) {
+      let stime = row.created_time;
+      if (stime) {
+        stime = stime.split(".")[0].split("T");
+        return stime[0] + " " + stime[1]
+      } else
+        return '';
+    },
+    // eslint-disable-next-line no-unused-vars
+    formatter(row, column) {
+      let stime = row.cert_expire_time;
+      if (stime) {
+        stime = stime.split(".")[0].split("T");
+        return stime[0] + " " + stime[1]
+      } else
+        return '';
+    },
+    iosdevicesFun(methods, data) {
+      this.loading = true;
+      iosdevices(data => {
+        if (data.code === 1000) {
+          this.app_devices_lists = data.data;
+          this.pagination.total = data.count;
+        }
+        this.loading = false;
+      }, {
+        "methods": methods, "data": data
+      })
+    },
+    iosdeveloperFun(params) {
+      if (params.methods !== 'GET') {
+        this.loadingfun = this.$loading({
+          lock: true,
+          text: '执行中,请耐心等待...',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)'
+        });
+      } else {
+        this.loading = true
+      }
+      iosdeveloper(data => {
+        if (data.code === 1000) {
+          this.app_developer_lists = data.data;
+          this.pagination.total = data.count;
+          this.apple_auth_list = data.apple_auth_list;
+          if (data.use_num) {
+            this.developer_used_info = data.use_num;
+            if (this.developer_used_info.all_usable_number !== 0) {
+              let p = parseInt(this.developer_used_info.flyapp_used_sum * 100 / this.developer_used_info.all_usable_number);
+              if (p < 0 || p >= 100) {
+                p = 100
+              }
+              this.percentage = p;
             }
-            this.get_data_from_tabname(this.activeName);
+          }
+
+          if (this.dialogaddDeveloperVisible) {
+            this.canceledit();
+            this.$message.success("操作成功");
+            this.activeName = "iosdeveloper";
+            this.editdeveloperinfo = {auth_type: 0, usable_number: 100};
+          }
+          if (!this.edit && this.editdeveloperinfo.issuer_id) {
+            this.$message.success("添加成功");
+            this.activeName = "iosdeveloper";
+            this.editdeveloperinfo = {auth_type: 0, usable_number: 100};
+          }
+        } else if (data.code === 1008) {
+          this.$message.error(data.msg);
+        } else {
+          this.$message.error("操作失败")
+        }
+        if (params.methods !== 'GET') {
+          this.loadingfun.close();
+        } else {
+          this.loading = false
         }
+      }, params)
+    },
+    iosdevicebillFun(params) {
+      this.loading = true;
+      DeviceBillInfo(data => {
+        if (data.code === 1000) {
+          if (params.data.act && params.data.act === 'info') {
+            this.app_bill_info_lists = data.data;
+            this.billpagination.total = data.count;
+          } else {
+            this.app_bill_lists = data.data;
+            this.pagination.total = data.count;
+          }
+        } else {
+          this.$message.error("操作失败了 " + data.msg);
+        }
+        this.loading = false
+      }, params)
+    },
+    iosdevicesudidFun(action, data, scope) {
+      if (action !== 'GET') {
+        this.loadingfun = this.$loading({
+          lock: true,
+          text: '执行中,请耐心等待...',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)'
+        });
+      } else {
+        this.loading = true
+      }
+      iosdevicesudid(data => {
+        if (data.code === 1000) {
+          if (action !== "DELETE") {
+            this.app_udid_lists = data.data;
+            this.pagination.total = data.count;
+          } else {
+            if (scope) {
+              this.app_udid_lists = removeAaary(this.app_udid_lists, scope.row)
+            }
+          }
+        } else {
+          this.$message.error("操作失败了 " + data.msg);
+        }
+        if (action !== 'GET') {
+          this.loadingfun.close()
+        } else {
+          this.loading = false
+        }
+      }, {
+        "methods": action, "data": data
+      })
+    },
+  }, mounted() {
+    getUserInfoFun(this);
+    if (this.$route.params.act) {
+      let activeName = this.$route.params.act;
+      let activeName_list = ["useddevices", "devicesudid", "adddeveloper", "iosdeveloper"];
+      for (let index in activeName_list) {
+        if (activeName_list[index] === activeName) {
+          this.activeName = activeName;
+          let bundleid = this.$route.query.bundleid;
+          if (bundleid) {
+            this.Bundleidsearch = bundleid;
+          }
+          this.get_data_from_tabname(activeName);
+          return
+        }
+      }
     }
+    this.get_data_from_tabname(this.activeName);
+  }
+}
 </script>
 
 <style scoped>
-    .el-main {
-        margin: 20px auto 100px;
-        width: 1166px;
-        position: relative;
-        padding-bottom: 1px;
-        color: #9b9b9b;
-        -webkit-font-smoothing: antialiased;
-        border-radius: 1%;
-    }
+.el-main {
+  margin: 20px auto 100px;
+  width: 1166px;
+  position: relative;
+  padding-bottom: 1px;
+  color: #9b9b9b;
+  -webkit-font-smoothing: antialiased;
+  border-radius: 1%;
+}
 
 </style>
diff --git a/fir_client/src/components/user/FirSuperSignHelp.vue b/fir_client/src/components/user/FirSuperSignHelp.vue
index 927c28a..d341e14 100644
--- a/fir_client/src/components/user/FirSuperSignHelp.vue
+++ b/fir_client/src/components/user/FirSuperSignHelp.vue
@@ -1,43 +1,43 @@
 <template>
-    <el-main>
-        <h1> 请点击打开 <a href="https://appstoreconnect.apple.com/" target="_blank">appstoreconnect</a> 登录苹果开发者账户进行操作</h1>
-        <div v-for="helpic in imagelist" :key="helpic">
-            <img v-lazy="helpic" alt="" style="width: 1100px;margin-top: 20px"/>
-        </div>
-    </el-main>
+  <el-main>
+    <h1> 请点击打开 <a href="https://appstoreconnect.apple.com/" target="_blank">appstoreconnect</a> 登录苹果开发者账户进行操作</h1>
+    <div v-for="helpic in imagelist" :key="helpic">
+      <img v-lazy="helpic" alt="" style="width: 1100px;margin-top: 20px"/>
+    </div>
+  </el-main>
 </template>
 
 <script>
-    import {getUserInfoFun} from "@/utils";
+import {getUserInfoFun} from "@/utils";
 
-    export default {
-        name: "FirSuperSignHelp",
-        data() {
-            return {
-                imagelist: [
-                    require('@/assets/sign/help/sign_help_0.png'),
-                    require('@/assets/sign/help/sign_help_1.png'),
-                    require('@/assets/sign/help/sign_help_2.png'),
-                    require('@/assets/sign/help/sign_help_3.png'),
-                    require('@/assets/sign/help/sign_help_4.png'),
-                    require('@/assets/sign/help/sign_help_5.png'),
-                ]
-            }
-        }, mounted() {
-            getUserInfoFun(this);
-        }
+export default {
+  name: "FirSuperSignHelp",
+  data() {
+    return {
+      imagelist: [
+        require('@/assets/sign/help/sign_help_0.png'),
+        require('@/assets/sign/help/sign_help_1.png'),
+        require('@/assets/sign/help/sign_help_2.png'),
+        require('@/assets/sign/help/sign_help_3.png'),
+        require('@/assets/sign/help/sign_help_4.png'),
+        require('@/assets/sign/help/sign_help_5.png'),
+      ]
     }
+  }, mounted() {
+    getUserInfoFun(this);
+  }
+}
 </script>
 
 <style scoped>
-    .el-main {
-        margin: 20px auto 100px;
-        width: 1166px;
-        position: relative;
-        padding-bottom: 1px;
-        text-align: center;
-        color: #9b9b9b;
-        -webkit-font-smoothing: antialiased;
-        border-radius: 1%;
-    }
+.el-main {
+  margin: 20px auto 100px;
+  width: 1166px;
+  position: relative;
+  padding-bottom: 1px;
+  text-align: center;
+  color: #9b9b9b;
+  -webkit-font-smoothing: antialiased;
+  border-radius: 1%;
+}
 </style>
diff --git a/fir_client/src/components/user/FirUserAdvert.vue b/fir_client/src/components/user/FirUserAdvert.vue
index b6f16cf..f0e5786 100644
--- a/fir_client/src/components/user/FirUserAdvert.vue
+++ b/fir_client/src/components/user/FirUserAdvert.vue
@@ -1,430 +1,430 @@
 <template>
-    <el-main>
+  <el-main>
 
-        <!-- vueCropper 剪裁图片实现-->
-        <el-dialog title="图片剪裁" :visible.sync="dialogVisible" append-to-body>
-            <div style="height: 500px">
-                <vueCropper
-                        ref="cropper"
-                        :img="option.img"
-                        :outputSize="option.size"
-                        :outputType="option.outputType"
-                        :info="true"
-                        :full="option.full"
-                        :canScale="option.canScale"
-                        :canMove="option.canMove"
-                        :canMoveBox="option.canMoveBox"
-                        :autoCropWidth="option.autoCropWidth"
-                        :autoCropHeight="option.autoCropHeight"
-                        :original="option.original"
-                        :autoCrop="option.autoCrop"
-                        :fixed="option.fixed"
-                        :fixedNumber="option.fixedNumber"
-                        :centerBox="option.centerBox"
-                        :infoTrue="option.infoTrue"
-                        :fixedBox="option.fixedBox"
-                />
-            </div>
-            <div slot="footer" class="dialog-footer">
-                <el-button @click="dialogVisible = false">取 消</el-button>
-                <el-button type="primary" @click="finish">确认</el-button>
-            </div>
-        </el-dialog>
+    <!-- vueCropper 剪裁图片实现-->
+    <el-dialog :visible.sync="dialogVisible" append-to-body title="图片剪裁">
+      <div style="height: 500px">
+        <vueCropper
+            ref="cropper"
+            :autoCrop="option.autoCrop"
+            :autoCropHeight="option.autoCropHeight"
+            :autoCropWidth="option.autoCropWidth"
+            :canMove="option.canMove"
+            :canMoveBox="option.canMoveBox"
+            :canScale="option.canScale"
+            :centerBox="option.centerBox"
+            :fixed="option.fixed"
+            :fixedBox="option.fixedBox"
+            :fixedNumber="option.fixedNumber"
+            :full="option.full"
+            :img="option.img"
+            :info="true"
+            :infoTrue="option.infoTrue"
+            :original="option.original"
+            :outputSize="option.size"
+            :outputType="option.outputType"
+        />
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="finish">确认</el-button>
+      </div>
+    </el-dialog>
 
-        <el-dialog
-                :title="advert_title"
-                :close-on-click-modal="false"
-                :close-on-press-escape="false"
-                :visible.sync="bind_advert_sure"
-                center
-                width="666px">
+    <el-dialog
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        :title="advert_title"
+        :visible.sync="bind_advert_sure"
+        center
+        width="666px">
 
-            <el-form :model="editadvertinfo"
-                     label-width="180px" style="margin:0 auto;">
+      <el-form :model="editadvertinfo"
+               label-width="180px" style="margin:0 auto;">
 
-                <el-form-item label="广告名称">
-                    <el-input v-model="editadvertinfo.ad_name" clearable/>
-                </el-form-item>
-                <el-form-item label="展示图片【高80像素】">
-                    <el-upload
-                            action="#"
-                            drag
-                            :show-file-list="false"
-                            :auto-upload="false"
-                            accept=".png , .jpg , .jpeg"
-                            style="max-height: 200px"
-                            :on-change="onUploadChange">
-                        <img v-if="upload_pic_b" :src="upload_pic_b" class="avatar">
-                        <i v-else class="el-icon-plus avatar-uploader-icon"></i>
-                    </el-upload>
-                </el-form-item>
-                <el-form-item label="点击跳转连接">
-                    <el-input v-model="editadvertinfo.ad_uri" clearable/>
-                </el-form-item>
-                <el-form-item label="展示权重">
-                    <el-input-number v-model="editadvertinfo.weight" :min="0" :max="100"
-                                     label="展示权重"/>
-                </el-form-item>
-                <el-form-item label="是否发布">
-                    <el-switch
-                            v-model="editadvertinfo.is_enable"
-                            active-color="#13ce66"
-                            inactive-color="#ff4949"
-                            active-text="发布"
-                            inactive-text="未发布">
-                    </el-switch>
-                </el-form-item>
-                <el-form-item label="备注">
-                    <el-input type="textarea" v-model="editadvertinfo.description"
-                              :autosize="{ minRows: 3, maxRows: 6}"/>
-                </el-form-item>
-            </el-form>
+        <el-form-item label="广告名称">
+          <el-input v-model="editadvertinfo.ad_name" clearable/>
+        </el-form-item>
+        <el-form-item label="展示图片【高80像素】">
+          <el-upload
+              :auto-upload="false"
+              :on-change="onUploadChange"
+              :show-file-list="false"
+              accept=".png , .jpg , .jpeg"
+              action="#"
+              drag
+              style="max-height: 200px">
+            <img v-if="upload_pic_b" :src="upload_pic_b" class="avatar">
+            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+          </el-upload>
+        </el-form-item>
+        <el-form-item label="点击跳转连接">
+          <el-input v-model="editadvertinfo.ad_uri" clearable/>
+        </el-form-item>
+        <el-form-item label="展示权重">
+          <el-input-number v-model="editadvertinfo.weight" :max="100" :min="0"
+                           label="展示权重"/>
+        </el-form-item>
+        <el-form-item label="是否发布">
+          <el-switch
+              v-model="editadvertinfo.is_enable"
+              active-color="#13ce66"
+              active-text="发布"
+              inactive-color="#ff4949"
+              inactive-text="未发布">
+          </el-switch>
+        </el-form-item>
+        <el-form-item label="备注">
+          <el-input v-model="editadvertinfo.description" :autosize="{ minRows: 3, maxRows: 6}"
+                    type="textarea"/>
+        </el-form-item>
+      </el-form>
 
-            <div slot="footer" class="dialog-footer">
-                <el-button v-if="!disabled" @click="saveadvert">保存</el-button>
-                <el-button v-if="!disabled" @click="bind_advert_sure=false,init_advertinfo()">取消</el-button>
-            </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button v-if="!disabled" @click="saveadvert">保存</el-button>
+        <el-button v-if="!disabled" @click="bind_advert_sure=false,init_advertinfo()">取消</el-button>
+      </div>
 
-        </el-dialog>
-        <div>
-            <el-input
-                    style="width: 30%;margin-right: 30px;margin-bottom: 5px"
-                    v-model="search_key"
-                    clearable
-                    placeholder="输入名称搜索"/>
-            <el-button type="primary" icon="el-icon-search" @click="handleCurrentChange(1)">
-                搜索
-            </el-button>
-            <div style="float: right">
-                <el-button type="primary" plain @click="bind_advert_sure=true,init_advertinfo()">
-                    添加
-                </el-button>
-            </div>
+    </el-dialog>
+    <div>
+      <el-input
+          v-model="search_key"
+          clearable
+          placeholder="输入名称搜索"
+          style="width: 30%;margin-right: 30px;margin-bottom: 5px"/>
+      <el-button icon="el-icon-search" type="primary" @click="handleCurrentChange(1)">
+        搜索
+      </el-button>
+      <div style="float: right">
+        <el-button plain type="primary" @click="bind_advert_sure=true,init_advertinfo()">
+          添加
+        </el-button>
+      </div>
 
 
-            <el-table
-                    :data="advert_info_list"
-                    v-loading="loading"
-                    border
-                    stripe
-                    style="width: 100%">
+      <el-table
+          v-loading="loading"
+          :data="advert_info_list"
+          border
+          stripe
+          style="width: 100%">
 
-                <el-table-column
-                        fixed
-                        prop="ad_name"
-                        align="center"
-                        label="名称">
-                </el-table-column>
-                <el-table-column
-                        fixed
-                        prop="ad_pic"
-                        align="center"
-                        label="展示图片">
-                    <template slot-scope="scope">
-                        <img :src="scope.row.ad_pic" style="max-height: 80px;width: 100%;object-fit: cover"/>
-                    </template>
-                </el-table-column>
-                <el-table-column
-                        fixed
-                        prop="ad_uri"
-                        align="center"
-                        label="点击跳转连接">
-                </el-table-column>
+        <el-table-column
+            align="center"
+            fixed
+            label="名称"
+            prop="ad_name">
+        </el-table-column>
+        <el-table-column
+            align="center"
+            fixed
+            label="展示图片"
+            prop="ad_pic">
+          <template slot-scope="scope">
+            <img :src="scope.row.ad_pic" style="max-height: 80px;width: 100%;object-fit: cover"/>
+          </template>
+        </el-table-column>
+        <el-table-column
+            align="center"
+            fixed
+            label="点击跳转连接"
+            prop="ad_uri">
+        </el-table-column>
 
 
-                <el-table-column
-                        prop="is_enable"
-                        label="是否发布"
-                        align="center"
-                        width="110">
+        <el-table-column
+            align="center"
+            label="是否发布"
+            prop="is_enable"
+            width="110">
 
-                    <template slot-scope="scope">
-                        <el-button v-if="scope.row.is_enable === true" type="success" size="small">已发布
-                        </el-button>
-                        <el-button v-else type="warning" size="small">未发布
-                        </el-button>
+          <template slot-scope="scope">
+            <el-button v-if="scope.row.is_enable === true" size="small" type="success">已发布
+            </el-button>
+            <el-button v-else size="small" type="warning">未发布
+            </el-button>
 
-                    </template>
+          </template>
 
-                </el-table-column>
-                <el-table-column
-                        prop="weight"
-                        width="110"
-                        align="center"
-                        label="展示权重">
-                </el-table-column>
-                <el-table-column
-                        :formatter="format_create_time"
-                        prop="created_time"
-                        width="170"
-                        align="center"
-                        label="添加时间"
-                >
-                </el-table-column>
-                <el-table-column
-                        fixed="right"
-                        label="操作"
-                        align="center"
-                        width="150">
-                    <template slot-scope="scope">
+        </el-table-column>
+        <el-table-column
+            align="center"
+            label="展示权重"
+            prop="weight"
+            width="110">
+        </el-table-column>
+        <el-table-column
+            :formatter="format_create_time"
+            align="center"
+            label="添加时间"
+            prop="created_time"
+            width="170"
+        >
+        </el-table-column>
+        <el-table-column
+            align="center"
+            fixed="right"
+            label="操作"
+            width="150">
+          <template slot-scope="scope">
 
-                        <el-button
-                                size="mini"
-                                @click="handleEditAdvert(scope.row)">编辑
-                        </el-button>
-                        <el-button
-                                size="mini"
-                                type="danger"
-                                @click="handleDeleteAdvert(scope.row)">删除
-                        </el-button>
+            <el-button
+                size="mini"
+                @click="handleEditAdvert(scope.row)">编辑
+            </el-button>
+            <el-button
+                size="mini"
+                type="danger"
+                @click="handleDeleteAdvert(scope.row)">删除
+            </el-button>
 
-                    </template>
-                </el-table-column>
-            </el-table>
+          </template>
+        </el-table-column>
+      </el-table>
 
 
-        </div>
-        <div style="margin-top: 20px;margin-bottom: 20px">
-            <el-pagination
-                    @size-change="handleSizeChange"
-                    @current-change="handleCurrentChange"
-                    :current-page.sync="pagination.currentPage"
-                    :page-sizes="[10, 20, 50, 100]"
-                    :page-size="pagination.pagesize"
-                    layout="total,sizes, prev, pager, next"
-                    :total="pagination.total">
-            </el-pagination>
-        </div>
-    </el-main>
+    </div>
+    <div style="margin-top: 20px;margin-bottom: 20px">
+      <el-pagination
+          :current-page.sync="pagination.currentPage"
+          :page-size="pagination.pagesize"
+          :page-sizes="[10, 20, 50, 100]"
+          :total="pagination.total"
+          layout="total,sizes, prev, pager, next"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange">
+      </el-pagination>
+    </div>
+  </el-main>
 </template>
 
 <script>
 
-    import {advertinfo} from "@/restful";
-    import {VueCropper} from 'vue-cropper'
-    import {getUserInfoFun, AvatarUploadUtils, dataURLtoFile} from '@/utils'
+import {advertinfo} from "@/restful";
+import {VueCropper} from 'vue-cropper'
+import {AvatarUploadUtils, dataURLtoFile, getUserInfoFun} from '@/utils'
 
-    export default {
-        name: "FirUserAdvert",
-        components: {
-            VueCropper,
-        },
-        data() {
-            return {
-                dialogVisible: false,
-                option: {
-                    img: '', // 裁剪图片的地址
-                    info: true, // 裁剪框的大小信息
-                    outputSize: 1, // 裁剪生成图片的质量
-                    outputType: 'jpeg', // 裁剪生成图片的格式
-                    canScale: true, // 图片是否允许滚轮缩放
-                    autoCrop: true, // 是否默认生成截图框
-                    autoCropWidth: 200, // 默认生成截图框宽度
-                    autoCropHeight: 80, // 默认生成截图框高度
-                    fixedBox: false, // 固定截图框大小 不允许改变
-                    fixed: false, // 是否开启截图框宽高固定比例
-                    fixedNumber: [7, 2], // 截图框的宽高比例
-                    full: true, // 是否输出原图比例的截图
-                    canMoveBox: true, // 截图框能否拖动
-                    original: false, // 上传图片按照原始比例渲染
-                    centerBox: true, // 截图框是否被限制在图片里面
-                    infoTrue: true // true 为展示真实输出图片宽高 false 展示看到的截图框宽高
-                },
-                advert_title: '添加新宣传广告',
-                bind_advert_sure: false,
-                advert_info_list: [],
-                search_key: "",
-                pagination: {"currentPage": 1, "total": 0, "pagesize": 10},
-                loading: false,
-                editadvertinfo: {},
-                upload_file: undefined,
-                disabled: false,
-                upload_pic_b: ''
+export default {
+  name: "FirUserAdvert",
+  components: {
+    VueCropper,
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      option: {
+        img: '', // 裁剪图片的地址
+        info: true, // 裁剪框的大小信息
+        outputSize: 1, // 裁剪生成图片的质量
+        outputType: 'jpeg', // 裁剪生成图片的格式
+        canScale: true, // 图片是否允许滚轮缩放
+        autoCrop: true, // 是否默认生成截图框
+        autoCropWidth: 200, // 默认生成截图框宽度
+        autoCropHeight: 80, // 默认生成截图框高度
+        fixedBox: false, // 固定截图框大小 不允许改变
+        fixed: false, // 是否开启截图框宽高固定比例
+        fixedNumber: [7, 2], // 截图框的宽高比例
+        full: true, // 是否输出原图比例的截图
+        canMoveBox: true, // 截图框能否拖动
+        original: false, // 上传图片按照原始比例渲染
+        centerBox: true, // 截图框是否被限制在图片里面
+        infoTrue: true // true 为展示真实输出图片宽高 false 展示看到的截图框宽高
+      },
+      advert_title: '添加新宣传广告',
+      bind_advert_sure: false,
+      advert_info_list: [],
+      search_key: "",
+      pagination: {"currentPage": 1, "total": 0, "pagesize": 10},
+      loading: false,
+      editadvertinfo: {},
+      upload_file: undefined,
+      disabled: false,
+      upload_pic_b: ''
+    }
+  },
+  methods: {
+    finish() {
+      this.$refs.cropper.getCropData((data) => {
+        this.upload_pic_b = data;
+        this.upload_file = dataURLtoFile(data, this.upload_file.name);
+        this.dialogVisible = false;
+      })
+    },
+    init_advertinfo() {
+      this.editadvertinfo = {
+        'ad_name': '',
+        'ad_pic': '',
+        'ad_uri': '',
+        'is_enable': true,
+        'weight': 10
+      };
+      this.upload_file = undefined;
+      this.upload_pic_b = '';
+    },
+    saveadvert() {
+      if (this.editadvertinfo.ad_pic && this.editadvertinfo.ad_pic.indexOf("http") > -1) {
+        advertinfo(data => {
+          if (data.code === 1000) {
+            if (data.data && data.data.id) {
+              if (this.upload_file) {
+                this.beforeAvatarUpload(this.upload_file, data.data.id, 'update')
+              } else {
+                this.$message.success("更新成功")
+              }
+            } else {
+              this.$message.error("操作失败 " + data.msg)
             }
-        },
-        methods: {
-            finish() {
-                this.$refs.cropper.getCropData((data) => {
-                    this.upload_pic_b = data;
-                    this.upload_file = dataURLtoFile(data, this.upload_file.name);
-                    this.dialogVisible = false;
-                })
-            },
-            init_advertinfo() {
-                this.editadvertinfo = {
-                    'ad_name': '',
-                    'ad_pic': '',
-                    'ad_uri': '',
-                    'is_enable': true,
-                    'weight': 10
-                };
-                this.upload_file = undefined;
-                this.upload_pic_b = '';
-            },
-            saveadvert() {
-                if (this.editadvertinfo.ad_pic && this.editadvertinfo.ad_pic.indexOf("http") > -1) {
-                    advertinfo(data => {
-                        if (data.code === 1000) {
-                            if (data.data && data.data.id) {
-                                if (this.upload_file) {
-                                    this.beforeAvatarUpload(this.upload_file, data.data.id, 'update')
-                                } else {
-                                    this.$message.success("更新成功")
-                                }
-                            } else {
-                                this.$message.error("操作失败 " + data.msg)
-                            }
 
-                        } else {
-                            this.$message.error("更新失败 " + data.msg)
-                        }
-                        this.loading = false;
-                    }, {methods: 'PUT', data: this.editadvertinfo})
-                } else {
-                    advertinfo(data => {
-                        if (data.code === 1000) {
-                            if (data.data && data.data.id) {
-                                this.beforeAvatarUpload(this.upload_file, data.data.id, 'create')
-                            } else {
-                                this.$message.error("操作失败 " + data.msg)
-                            }
+          } else {
+            this.$message.error("更新失败 " + data.msg)
+          }
+          this.loading = false;
+        }, {methods: 'PUT', data: this.editadvertinfo})
+      } else {
+        advertinfo(data => {
+          if (data.code === 1000) {
+            if (data.data && data.data.id) {
+              this.beforeAvatarUpload(this.upload_file, data.data.id, 'create')
+            } else {
+              this.$message.error("操作失败 " + data.msg)
+            }
 
-                        } else {
-                            this.$message.error("添加失败 " + data.msg)
-                        }
-                        this.loading = false;
-                    }, {methods: 'POST', data: this.editadvertinfo})
-                }
-            },
-            beforeAvatarUpload(file, id, act) {
-                return AvatarUploadUtils(this, file, {
-                    'app_id': this.$store.state.userinfo.uid,
-                    'upload_key': file.name,
-                    'ftype': 'advert',
-                    'ext': {'id': id}
-                    // eslint-disable-next-line no-unused-vars
-                }, res => {
-                    this.get_data_from_tabname();
-                    this.upload_file = undefined;
-                    let msg = '添加成功';
-                    if (act === 'update') {
-                        msg = '更新成功'
-                    } else {
-                        this.bind_advert_sure = false;
-                        this.upload_pic_b = '';
-                    }
-                    this.$message.success(msg);
+          } else {
+            this.$message.error("添加失败 " + data.msg)
+          }
+          this.loading = false;
+        }, {methods: 'POST', data: this.editadvertinfo})
+      }
+    },
+    beforeAvatarUpload(file, id, act) {
+      return AvatarUploadUtils(this, file, {
+        'app_id': this.$store.state.userinfo.uid,
+        'upload_key': file.name,
+        'ftype': 'advert',
+        'ext': {'id': id}
+        // eslint-disable-next-line no-unused-vars
+      }, res => {
+        this.get_data_from_tabname();
+        this.upload_file = undefined;
+        let msg = '添加成功';
+        if (act === 'update') {
+          msg = '更新成功'
+        } else {
+          this.bind_advert_sure = false;
+          this.upload_pic_b = '';
+        }
+        this.$message.success(msg);
 
-                });
+      });
 
-            },
-            // eslint-disable-next-line no-unused-vars
-            onUploadChange(file, fileList) {
-                this.upload_file = file.raw;
-                const reader = new FileReader();
-                reader.readAsDataURL(file.raw);
-                // eslint-disable-next-line no-unused-vars
-                reader.onload = res => {
-                    this.upload_pic_b = reader.result;
-                    this.option.img = reader.result;
-                    this.dialogVisible = true
-                };
-            },
-            copy_success() {
-                this.$message.success('复制剪切板成功');
-            },
-            handleSizeChange(val) {
-                this.pagination.pagesize = val;
-                this.get_data_from_tabname({
-                    "size": this.pagination.pagesize,
-                    "page": 1
-                })
-            },
-            handleCurrentChange(val) {
-                this.pagination.currentPage = val;
-                this.get_data_from_tabname({
-                    "size": this.pagination.pagesize,
-                    "page": this.pagination.currentPage
-                })
-            },
-            handleEditAdvert(ad_info) {
-                this.editadvertinfo = ad_info;
-                this.upload_pic_b = ad_info.ad_pic;
-                this.advert_title = "编辑广告信息";
-                this.bind_advert_sure = true;
-            },
-            handleDeleteAdvert(ad_info) {
-                this.loading = true;
-                advertinfo(data => {
-                    if (data.code === 1000) {
-                        this.advert_info_list = data.data;
-                        this.pagination.total = data.count;
-                        this.$message.success("操作成功")
-                    } else {
-                        this.$message.error("信息获取失败")
-                    }
-                    this.loading = false;
-                }, {methods: 'DELETE', data: {'pk': ad_info.id}})
-            },
-            get_data_from_tabname(data = {}) {
-                data.search_key = this.search_key.replace(/^\s+|\s+$/g, "");
-                this.UseradvertFun(data)
-            },
-            UseradvertFun(params) {
-                this.loading = true;
-                advertinfo(data => {
-                    if (data.code === 1000) {
-                        this.advert_info_list = data.data;
-                        this.pagination.total = data.count;
-                    } else {
-                        this.$message.error("信息获取失败")
-                    }
-                    this.loading = false;
-                }, {methods: 'GET', data: params})
-            },
+    },
+    // eslint-disable-next-line no-unused-vars
+    onUploadChange(file, fileList) {
+      this.upload_file = file.raw;
+      const reader = new FileReader();
+      reader.readAsDataURL(file.raw);
+      // eslint-disable-next-line no-unused-vars
+      reader.onload = res => {
+        this.upload_pic_b = reader.result;
+        this.option.img = reader.result;
+        this.dialogVisible = true
+      };
+    },
+    copy_success() {
+      this.$message.success('复制剪切板成功');
+    },
+    handleSizeChange(val) {
+      this.pagination.pagesize = val;
+      this.get_data_from_tabname({
+        "size": this.pagination.pagesize,
+        "page": 1
+      })
+    },
+    handleCurrentChange(val) {
+      this.pagination.currentPage = val;
+      this.get_data_from_tabname({
+        "size": this.pagination.pagesize,
+        "page": this.pagination.currentPage
+      })
+    },
+    handleEditAdvert(ad_info) {
+      this.editadvertinfo = ad_info;
+      this.upload_pic_b = ad_info.ad_pic;
+      this.advert_title = "编辑广告信息";
+      this.bind_advert_sure = true;
+    },
+    handleDeleteAdvert(ad_info) {
+      this.loading = true;
+      advertinfo(data => {
+        if (data.code === 1000) {
+          this.advert_info_list = data.data;
+          this.pagination.total = data.count;
+          this.$message.success("操作成功")
+        } else {
+          this.$message.error("信息获取失败")
+        }
+        this.loading = false;
+      }, {methods: 'DELETE', data: {'pk': ad_info.id}})
+    },
+    get_data_from_tabname(data = {}) {
+      data.search_key = this.search_key.replace(/^\s+|\s+$/g, "");
+      this.UseradvertFun(data)
+    },
+    UseradvertFun(params) {
+      this.loading = true;
+      advertinfo(data => {
+        if (data.code === 1000) {
+          this.advert_info_list = data.data;
+          this.pagination.total = data.count;
+        } else {
+          this.$message.error("信息获取失败")
+        }
+        this.loading = false;
+      }, {methods: 'GET', data: params})
+    },
 
-            format_create_time(row) {
-                return this.format_time(row.created_time)
-            },
+    format_create_time(row) {
+      return this.format_time(row.created_time)
+    },
 
-            format_time(stime) {
-                if (stime) {
-                    stime = stime.split(".")[0].split("T");
-                    return stime[0] + " " + stime[1]
-                } else
-                    return '';
-            },
-        }, mounted() {
-            getUserInfoFun(this);
-            this.get_data_from_tabname();
-        },
-    }
+    format_time(stime) {
+      if (stime) {
+        stime = stime.split(".")[0].split("T");
+        return stime[0] + " " + stime[1]
+      } else
+        return '';
+    },
+  }, mounted() {
+    getUserInfoFun(this);
+    this.get_data_from_tabname();
+  },
+}
 </script>
 
 <style scoped>
-    .el-main {
-        margin: 20px auto 100px;
-        width: 1166px;
-        position: relative;
-        padding-bottom: 1px;
-        color: #9b9b9b;
-        -webkit-font-smoothing: antialiased;
-        border-radius: 1%;
-    }
+.el-main {
+  margin: 20px auto 100px;
+  width: 1166px;
+  position: relative;
+  padding-bottom: 1px;
+  color: #9b9b9b;
+  -webkit-font-smoothing: antialiased;
+  border-radius: 1%;
+}
 
-    .avatar-uploader-icon {
-        font-size: 28px;
-        color: #8c939d;
-        width: 178px;
-        height: 178px;
-        line-height: 178px;
-        text-align: center;
-    }
+.avatar-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 178px;
+  height: 178px;
+  line-height: 178px;
+  text-align: center;
+}
 
-    .avatar {
-        max-height: 80px;
-        margin-top: 50px;
-        object-fit: cover;
-    }
+.avatar {
+  max-height: 80px;
+  margin-top: 50px;
+  object-fit: cover;
+}
 
 </style>
diff --git a/fir_client/src/components/user/FirUserDomain.vue b/fir_client/src/components/user/FirUserDomain.vue
index 631629f..6344e26 100644
--- a/fir_client/src/components/user/FirUserDomain.vue
+++ b/fir_client/src/components/user/FirUserDomain.vue
@@ -1,248 +1,250 @@
 <template>
-    <el-main>
-        <el-dialog
-                :title="domain_title"
-                :close-on-click-modal="false"
-                :close-on-press-escape="false"
-                :visible.sync="bind_domain_sure"
-                width="666px">
-            <bind-domain v-if="bind_domain_sure" transitionName="bind-app-domain" :app_id="current_domain_info.app_id"
-                         :domain_type="current_domain_info.domain_type" :domain_state="true"/>
-        </el-dialog>
-        <div>
-            <el-input
-                    style="width: 30%;margin-right: 30px;margin-bottom: 5px"
-                    v-model="search_key"
-                    clearable
-                    placeholder="输入域名或者应用名称搜索"/>
-            <el-button type="primary" icon="el-icon-search" @click="handleCurrentChange(1)">
-                搜索
+  <el-main>
+    <el-dialog
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        :title="domain_title"
+        :visible.sync="bind_domain_sure"
+        width="666px">
+      <bind-domain v-if="bind_domain_sure" :app_id="current_domain_info.app_id" :domain_state="true"
+                   :domain_type="current_domain_info.domain_type" transitionName="bind-app-domain"/>
+    </el-dialog>
+    <div>
+      <el-input
+          v-model="search_key"
+          clearable
+          placeholder="输入域名或者应用名称搜索"
+          style="width: 30%;margin-right: 30px;margin-bottom: 5px"/>
+      <el-button icon="el-icon-search" type="primary" @click="handleCurrentChange(1)">
+        搜索
+      </el-button>
+      <div style="float: right">
+        <el-button plain type="primary" @click="$store.dispatch('dodomainaction', 1)">
+          设置下载页域名
+        </el-button>
+        <el-button v-if="$store.state.userinfo&&$store.state.userinfo.role >1" plain type="primary"
+                   @click="$store.dispatch('dodomainaction', 2)">
+          设置下载码域名
+        </el-button>
+      </div>
+
+
+      <el-table
+          v-loading="loading"
+          :data="domain_info_list"
+          border
+          stripe
+          style="width: 100%">
+
+        <el-table-column
+            align="center"
+            fixed
+            label="绑定域名"
+            prop="domain_name">
+          <template slot-scope="scope">
+            <el-tooltip content="点击复制到剪贴板">
+              <el-link v-if="scope.row.domain_name" v-clipboard:copy="scope.row.domain_name"
+                       v-clipboard:success="copy_success"
+                       :underline="false">{{ scope.row.domain_name }}
+              </el-link>
+            </el-tooltip>
+          </template>
+        </el-table-column>
+
+        <el-table-column
+            align="center"
+            label="状态"
+            prop="is_enable"
+            width="110">
+
+          <template slot-scope="scope">
+            <el-tooltip v-if="scope.row.is_enable === true" content="点击查看域名绑定信息" placement="left-start">
+              <el-button size="small" type="success" @click="show_bind_domain_info(scope.row)">已绑定
+              </el-button>
+            </el-tooltip>
+            <el-tooltip v-else content="激活下载域名绑定信息" placement="left-start">
+
+              <el-button size="small" type="warning" @click="show_bind_domain_info(scope.row)">继续绑定
+              </el-button>
+            </el-tooltip>
+
+          </template>
+
+        </el-table-column>
+
+
+        <el-table-column
+            align="center"
+            label="域名类型"
+            prop="domain_type"
+            width="260">
+          <template slot-scope="scope">
+            <el-tooltip v-if="scope.row.domain_type===2 && scope.row.app_info" content="点击查看应用信息"
+                        placement="right-start">
+              <el-button plain size="small" type="info" @click="appInfos(scope.row.app_info)">{{
+                  format_domain_type(scope.row)
+                }}
+              </el-button>
+            </el-tooltip>
+            <el-button v-else-if="scope.row.domain_type===1" plain size="small" type="success">{{
+                format_domain_type(scope.row)
+              }}
             </el-button>
-            <div style="float: right">
-                <el-button type="primary" plain @click="$store.dispatch('dodomainaction', 1)">
-                    设置下载页域名
-                </el-button>
-                <el-button type="primary" plain v-if="$store.state.userinfo&&$store.state.userinfo.role >1"
-                           @click="$store.dispatch('dodomainaction', 2)">
-                    设置下载码域名
-                </el-button>
-            </div>
-
-
-            <el-table
-                    :data="domain_info_list"
-                    v-loading="loading"
-                    border
-                    stripe
-                    style="width: 100%">
-
-                <el-table-column
-                        fixed
-                        prop="domain_name"
-                        align="center"
-                        label="绑定域名">
-                    <template slot-scope="scope">
-                        <el-tooltip content="点击复制到剪贴板">
-                            <el-link v-if="scope.row.domain_name" :underline="false"
-                                     v-clipboard:copy="scope.row.domain_name"
-                                     v-clipboard:success="copy_success">{{ scope.row.domain_name }}
-                            </el-link>
-                        </el-tooltip>
-                    </template>
-                </el-table-column>
-
-                <el-table-column
-                        prop="is_enable"
-                        label="状态"
-                        align="center"
-                        width="110">
-
-                    <template slot-scope="scope">
-                        <el-tooltip content="点击查看域名绑定信息" v-if="scope.row.is_enable === true" placement="left-start">
-                            <el-button type="success" size="small" @click="show_bind_domain_info(scope.row)">已绑定
-                            </el-button>
-                        </el-tooltip>
-                        <el-tooltip content="激活下载域名绑定信息" v-else placement="left-start">
-
-                            <el-button type="warning" size="small" @click="show_bind_domain_info(scope.row)">继续绑定
-                            </el-button>
-                        </el-tooltip>
-
-                    </template>
-
-                </el-table-column>
-
-
-                <el-table-column
-                        prop="domain_type"
-                        align="center"
-                        label="域名类型"
-                        width="260">
-                    <template slot-scope="scope">
-                        <el-tooltip content="点击查看应用信息" v-if="scope.row.domain_type===2 && scope.row.app_info"
-                                    placement="right-start">
-                            <el-button type="info" plain size="small" @click="appInfos(scope.row.app_info)">{{
-                                format_domain_type(scope.row) }}
-                            </el-button>
-                        </el-tooltip>
-                        <el-button v-else-if="scope.row.domain_type===1" type="success" plain size="small">{{
-                            format_domain_type(scope.row) }}
-                        </el-button>
-                        <el-button v-else type="primary" plain size="small">{{ format_domain_type(scope.row) }}
-                        </el-button>
-
-                    </template>
-                </el-table-column>
-
-                <el-table-column
-                        :formatter="format_create_time"
-                        prop="created_time"
-                        width="170"
-                        align="center"
-                        label="域名绑定时间"
-                >
-                </el-table-column>
-            </el-table>
-
-
-        </div>
-        <div style="margin-top: 20px;margin-bottom: 20px">
-            <el-pagination
-                    @size-change="handleSizeChange"
-                    @current-change="handleCurrentChange"
-                    :current-page.sync="pagination.currentPage"
-                    :page-sizes="[10, 20, 50, 100]"
-                    :page-size="pagination.pagesize"
-                    layout="total,sizes, prev, pager, next"
-                    :total="pagination.total">
-            </el-pagination>
-        </div>
-    </el-main>
+            <el-button v-else plain size="small" type="primary">{{ format_domain_type(scope.row) }}
+            </el-button>
+
+          </template>
+        </el-table-column>
+
+        <el-table-column
+            :formatter="format_create_time"
+            align="center"
+            label="域名绑定时间"
+            prop="created_time"
+            width="170"
+        >
+        </el-table-column>
+      </el-table>
+
+
+    </div>
+    <div style="margin-top: 20px;margin-bottom: 20px">
+      <el-pagination
+          :current-page.sync="pagination.currentPage"
+          :page-size="pagination.pagesize"
+          :page-sizes="[10, 20, 50, 100]"
+          :total="pagination.total"
+          layout="total,sizes, prev, pager, next"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange">
+      </el-pagination>
+    </div>
+  </el-main>
 </template>
 
 <script>
 
-    import {domaininfo} from "@/restful";
-    import BindDomain from "@/components/base/BindDomain";
-    import {getUserInfoFun} from '@/utils'
-
-    export default {
-        name: "FirUserDomain",
-        components: {BindDomain},
-        data() {
-            return {
-                domain_title: '绑定应用专属下载页域名',
-                bind_domain_sure: false,
-                domain_info_list: [],
-                search_key: "",
-                pagination: {"currentPage": 1, "total": 0, "pagesize": 10},
-                domain_type_choices: [],
-                current_domain_info: {'domain_type': 1, 'app_id': null},
-                loading: false,
-            }
-        },
-        methods: {
-            show_bind_domain_info(domain_info) {
-                this.bind_domain_sure = true;
-                let app_id = null;
-                if (domain_info.app_info && domain_info.app_info.app_id) {
-                    app_id = domain_info.app_info.app_id;
-                }
-                this.current_domain_info.app_id = app_id;
-                this.current_domain_info.domain_type = domain_info.domain_type;
-                this.domain_title = this.format_domain_type(domain_info) + ' 绑定详情';
-            },
-            appInfos(app_info) {
-                if (app_info && app_info.app_id) {
-                    this.$router.push({name: 'FirAppInfossecurity', params: {id: app_info.app_id}})
-                }
-            },
-            copy_success() {
-                this.$message.success('复制剪切板成功');
-            },
-            handleSizeChange(val) {
-                this.pagination.pagesize = val;
-                this.get_data_from_tabname({
-                    "size": this.pagination.pagesize,
-                    "page": 1
-                })
-            },
-            handleCurrentChange(val) {
-                this.pagination.currentPage = val;
-                this.get_data_from_tabname({
-                    "size": this.pagination.pagesize,
-                    "page": this.pagination.currentPage
-                })
-            },
-
-            get_data_from_tabname(data = {}) {
-                data.search_key = this.search_key.replace(/^\s+|\s+$/g, "");
-                this.UserDomainFun(data)
-            },
-            UserDomainFun(params) {
-                this.loading = true;
-                domaininfo(data => {
-                    if (data.code === 1000) {
-                        this.domain_info_list = data.data;
-                        this.pagination.total = data.count;
-                        this.domain_type_choices = data.domain_type_choices;
-
-                    } else {
-                        this.$message.error("域名绑定信息获取失败")
-                    }
-                    this.loading = false;
-                }, {methods: 'GET', data: params})
-            },
-            format_choices(key, obj) {
-                for (let i = 0; i < obj.length; i++) {
-                    if (key === obj[i].id) {
-                        return obj[i].name
-                    }
-                }
-                return "未知"
-            },
-
-            format_domain_type(row) {
-                if (row.domain_type === 2) {
-                    return "应用" + row.app_info.name + "域名"
-                }
-                return this.format_choices(row.domain_type, this.domain_type_choices)
-            },
-
-            format_create_time(row) {
-                return this.format_time(row.created_time)
-            },
-
-            format_time(stime) {
-                if (stime) {
-                    stime = stime.split(".")[0].split("T");
-                    return stime[0] + " " + stime[1]
-                } else
-                    return '';
-            },
-        }, mounted() {
-            getUserInfoFun(this);
-            this.get_data_from_tabname();
-        }, watch: {
-            '$store.state.domian_show_state': function () {
-                if (this.$store.state.domian_show_state) {
-                    this.bind_domain_sure = false;
-                    this.get_data_from_tabname();
-                }
-            },
-        }
+import {domaininfo} from "@/restful";
+import BindDomain from "@/components/base/BindDomain";
+import {getUserInfoFun} from '@/utils'
+
+export default {
+  name: "FirUserDomain",
+  components: {BindDomain},
+  data() {
+    return {
+      domain_title: '绑定应用专属下载页域名',
+      bind_domain_sure: false,
+      domain_info_list: [],
+      search_key: "",
+      pagination: {"currentPage": 1, "total": 0, "pagesize": 10},
+      domain_type_choices: [],
+      current_domain_info: {'domain_type': 1, 'app_id': null},
+      loading: false,
     }
+  },
+  methods: {
+    show_bind_domain_info(domain_info) {
+      this.bind_domain_sure = true;
+      let app_id = null;
+      if (domain_info.app_info && domain_info.app_info.app_id) {
+        app_id = domain_info.app_info.app_id;
+      }
+      this.current_domain_info.app_id = app_id;
+      this.current_domain_info.domain_type = domain_info.domain_type;
+      this.domain_title = this.format_domain_type(domain_info) + ' 绑定详情';
+    },
+    appInfos(app_info) {
+      if (app_info && app_info.app_id) {
+        this.$router.push({name: 'FirAppInfossecurity', params: {id: app_info.app_id}})
+      }
+    },
+    copy_success() {
+      this.$message.success('复制剪切板成功');
+    },
+    handleSizeChange(val) {
+      this.pagination.pagesize = val;
+      this.get_data_from_tabname({
+        "size": this.pagination.pagesize,
+        "page": 1
+      })
+    },
+    handleCurrentChange(val) {
+      this.pagination.currentPage = val;
+      this.get_data_from_tabname({
+        "size": this.pagination.pagesize,
+        "page": this.pagination.currentPage
+      })
+    },
+
+    get_data_from_tabname(data = {}) {
+      data.search_key = this.search_key.replace(/^\s+|\s+$/g, "");
+      this.UserDomainFun(data)
+    },
+    UserDomainFun(params) {
+      this.loading = true;
+      domaininfo(data => {
+        if (data.code === 1000) {
+          this.domain_info_list = data.data;
+          this.pagination.total = data.count;
+          this.domain_type_choices = data.domain_type_choices;
+
+        } else {
+          this.$message.error("域名绑定信息获取失败")
+        }
+        this.loading = false;
+      }, {methods: 'GET', data: params})
+    },
+    format_choices(key, obj) {
+      for (let i = 0; i < obj.length; i++) {
+        if (key === obj[i].id) {
+          return obj[i].name
+        }
+      }
+      return "未知"
+    },
+
+    format_domain_type(row) {
+      if (row.domain_type === 2) {
+        return "应用" + row.app_info.name + "域名"
+      }
+      return this.format_choices(row.domain_type, this.domain_type_choices)
+    },
+
+    format_create_time(row) {
+      return this.format_time(row.created_time)
+    },
+
+    format_time(stime) {
+      if (stime) {
+        stime = stime.split(".")[0].split("T");
+        return stime[0] + " " + stime[1]
+      } else
+        return '';
+    },
+  }, mounted() {
+    getUserInfoFun(this);
+    this.get_data_from_tabname();
+  }, watch: {
+    '$store.state.domian_show_state': function () {
+      if (this.$store.state.domian_show_state) {
+        this.bind_domain_sure = false;
+        this.get_data_from_tabname();
+      }
+    },
+  }
+}
 </script>
 
 <style scoped>
-    .el-main {
-        margin: 20px auto 100px;
-        width: 1166px;
-        position: relative;
-        padding-bottom: 1px;
-        color: #9b9b9b;
-        -webkit-font-smoothing: antialiased;
-        border-radius: 1%;
-    }
+.el-main {
+  margin: 20px auto 100px;
+  width: 1166px;
+  position: relative;
+  padding-bottom: 1px;
+  color: #9b9b9b;
+  -webkit-font-smoothing: antialiased;
+  border-radius: 1%;
+}
 
 </style>
diff --git a/fir_client/src/components/user/FirUserOrders.vue b/fir_client/src/components/user/FirUserOrders.vue
index 4f17753..9d29cc6 100644
--- a/fir_client/src/components/user/FirUserOrders.vue
+++ b/fir_client/src/components/user/FirUserOrders.vue
@@ -1,507 +1,508 @@
 <template>
-    <el-main>
-
-        <el-dialog
-                :visible.sync="wx_pay"
-                width="49%"
-                :close-on-click-modal="false"
-                :close-on-press-escape="false"
-                center>
-            <div slot="title" style="margin-bottom: 10px">
-                <el-row>
-                    <el-col :span="12">
-                        <p class="detail">请在<span style="color: #f89303">24小时</span>内完成支付，超时订单将自动取消。</p>
-                        <p class="detail">支付订单号： <span>{{ current_order_info.order_number }}</span></p>
-                    </el-col>
-                    <el-col :span="12">
-                        <p style="margin-top: 26px"><span class="order_text">订单金额（元）：</span><span class="amount">{{format_actual_amount(current_order_info) }}</span>
-                        </p>
-                    </el-col>
-
-                </el-row>
-
-            </div>
-            <div class="pay_wx">
-                <div>
-                    <div class="icon-weixin" :style="{background:`url(${pay_image.order_wx})  0 0/100%`}"></div>
-                    <vue-qr :margin="qrinfo.margin"
-                            class="code-wrap"
-                            :logoScale="qrinfo.logoScale"
-                            :logoCornerRadius="qrinfo.logoCornerRadius"
-                            :correctLevel="qrinfo.correctLevel"
-                            :text="pay_code_url" :size="266"
-                            ref="qr">
-                    </vue-qr>
-                    <div class="tip-btn pay_wx"><span class="icon" :style="{backgroundImage:`url(${pay_image.scan})`}"/><span
-                            class="text">请使用微信扫码支付</span></div>
-                    <p style="margin-top: 30px">支付完成之后，请刷新该页面，确认支付状态</p>
-                </div>
-            </div>
-
-        </el-dialog>
-
-        <el-dialog
-                :visible.sync="show_order_info"
-                width="780px"
-                :close-on-click-modal="false"
-                :close-on-press-escape="false"
-                title="订单详情"
-                top="6vh"
-                center>
-            <div>
-
-                <el-form :model="current_order_info"
-                         label-width="80px" style="margin:0 auto;">
-
-                    <el-form-item label-width="110px" label="平台订单ID">
-                        <el-input :value="current_order_info.order_number"/>
-                    </el-form-item>
-
-
-                    <el-form-item label-width="110px" label="第三方订单ID">
-                        <el-input :value="current_order_info.payment_number"/>
-                    </el-form-item>
-
-                    <el-form-item label-width="110px" label="付款方式">
-                        <el-input :value="format_payment_type(current_order_info)"/>
-                    </el-form-item>
-                    <el-form-item label-width="110px" label="订单状态">
-                        <el-input :value="format_status_type(current_order_info)"/>
-                    </el-form-item>
-
-                    <el-form-item label-width="110px" label="订单类型">
-                        <el-input :value="format_order_type(current_order_info)"/>
-                    </el-form-item>
-                    <el-form-item label-width="110px" label="实付金额">
-                        <el-input :value="format_actual_amount(current_order_info)"/>
-                    </el-form-item>
-
-                    <el-form-item label-width="110px" label="购买数量">
-                        <el-input
-                                :value="current_order_info.actual_download_times"/>
-                    </el-form-item>
+  <el-main>
+
+    <el-dialog
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        :visible.sync="wx_pay"
+        center
+        width="49%">
+      <div slot="title" style="margin-bottom: 10px">
+        <el-row>
+          <el-col :span="12">
+            <p class="detail">请在<span style="color: #f89303">24小时</span>内完成支付，超时订单将自动取消。</p>
+            <p class="detail">支付订单号： <span>{{ current_order_info.order_number }}</span></p>
+          </el-col>
+          <el-col :span="12">
+            <p style="margin-top: 26px"><span class="order_text">订单金额（元）：</span><span
+                class="amount">{{ format_actual_amount(current_order_info) }}</span>
+            </p>
+          </el-col>
+
+        </el-row>
+
+      </div>
+      <div class="pay_wx">
+        <div>
+          <div :style="{background:`url(${pay_image.order_wx})  0 0/100%`}" class="icon-weixin"></div>
+          <vue-qr ref="qr"
+                  :correctLevel="qrinfo.correctLevel"
+                  :logoCornerRadius="qrinfo.logoCornerRadius"
+                  :logoScale="qrinfo.logoScale"
+                  :margin="qrinfo.margin"
+                  :size="266" :text="pay_code_url"
+                  class="code-wrap">
+          </vue-qr>
+          <div class="tip-btn pay_wx"><span :style="{backgroundImage:`url(${pay_image.scan})`}" class="icon"/><span
+              class="text">请使用微信扫码支付</span></div>
+          <p style="margin-top: 30px">支付完成之后，请刷新该页面，确认支付状态</p>
+        </div>
+      </div>
+
+    </el-dialog>
+
+    <el-dialog
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        :visible.sync="show_order_info"
+        center
+        title="订单详情"
+        top="6vh"
+        width="780px">
+      <div>
+
+        <el-form :model="current_order_info"
+                 label-width="80px" style="margin:0 auto;">
+
+          <el-form-item label="平台订单ID" label-width="110px">
+            <el-input :value="current_order_info.order_number"/>
+          </el-form-item>
+
+
+          <el-form-item label="第三方订单ID" label-width="110px">
+            <el-input :value="current_order_info.payment_number"/>
+          </el-form-item>
+
+          <el-form-item label="付款方式" label-width="110px">
+            <el-input :value="format_payment_type(current_order_info)"/>
+          </el-form-item>
+          <el-form-item label="订单状态" label-width="110px">
+            <el-input :value="format_status_type(current_order_info)"/>
+          </el-form-item>
+
+          <el-form-item label="订单类型" label-width="110px">
+            <el-input :value="format_order_type(current_order_info)"/>
+          </el-form-item>
+          <el-form-item label="实付金额" label-width="110px">
+            <el-input :value="format_actual_amount(current_order_info)"/>
+          </el-form-item>
+
+          <el-form-item label="购买数量" label-width="110px">
+            <el-input
+                :value="current_order_info.actual_download_times"/>
+          </el-form-item>
 
-                    <el-form-item label-width="110px" label="赠送数量">
-                        <el-input
-                                :value="current_order_info.actual_download_gift_times"/>
-                    </el-form-item>
+          <el-form-item label="赠送数量" label-width="110px">
+            <el-input
+                :value="current_order_info.actual_download_gift_times"/>
+          </el-form-item>
 
-                    <el-form-item label-width="110px" label="订单创建时间">
-                        <el-input :value="format_create_time(current_order_info)"/>
-                    </el-form-item>
+          <el-form-item label="订单创建时间" label-width="110px">
+            <el-input :value="format_create_time(current_order_info)"/>
+          </el-form-item>
 
-                    <el-form-item label-width="110px" label="订单支付时间">
-                        <el-input :value="format_pay_time(current_order_info)"/>
-                    </el-form-item>
+          <el-form-item label="订单支付时间" label-width="110px">
+            <el-input :value="format_pay_time(current_order_info)"/>
+          </el-form-item>
 
-                    <el-form-item label-width="110px" label="订单取消时间">
-                        <el-input :value="format_cancel_time(current_order_info)"/>
-                    </el-form-item>
+          <el-form-item label="订单取消时间" label-width="110px">
+            <el-input :value="format_cancel_time(current_order_info)"/>
+          </el-form-item>
 
 
-                    <el-form-item label-width="110px" label="备注">
-                        <el-input :value="current_order_info.description"/>
-                    </el-form-item>
+          <el-form-item label="备注" label-width="110px">
+            <el-input :value="current_order_info.description"/>
+          </el-form-item>
 
-                </el-form>
+        </el-form>
 
 
-            </div>
-            <span slot="footer">
+      </div>
+      <span slot="footer">
                         <el-button @click="$router.push({'name':'FirContact'})"> 如对充值订单有疑问，请联系我们</el-button>
                     </span>
-        </el-dialog>
-
+    </el-dialog>
+
+
+    <div>
+      <el-input
+          v-model="order_id_seach"
+          clearable
+          placeholder="输入订单ID"
+          style="width: 30%;margin-right: 30px;margin-bottom: 5px"/>
+      <el-button icon="el-icon-search" type="primary" @click="handleCurrentChange(1)">
+        搜索
+      </el-button>
+
+      <el-table
+          v-loading="loading"
+          :data="order_info_list"
+          border
+          stripe
+          style="width: 100%">
+
+        <el-table-column
+            fixed
+            label="系统订单ID"
+            prop="order_number">
+
+        </el-table-column>
+
+        <el-table-column
+            align="center"
+            label="状态"
+            prop="status"
+            width="110">
+
+          <template slot-scope="scope">
+            <div v-if="scope.row.status === 1 || scope.row.status === 2">
+              <el-button size="small"
+                         type="primary" @click="goto_pay(scope.row)"> {{ format_status_type(scope.row) }}
+              </el-button>
+            </div>
+            <div v-else-if="scope.row.status === 0">
+              <el-button size="small"
+                         type="success" @click="click_order_info(scope.row)"> {{ format_status_type(scope.row) }}
+              </el-button>
+            </div>
+            <div v-else-if="scope.row.status === 4 || scope.row.status ===5|| scope.row.status ===6">
+              <el-button size="small"
+                         type="danger" @click="click_order_info(scope.row)"> {{ format_status_type(scope.row) }}
+              </el-button>
+            </div>
+            <div v-else>
+              <el-button size="small"
+                         type="warning" @click="click_order_info(scope.row)"> {{ format_status_type(scope.row) }}
+              </el-button>
+            </div>
 
-        <div>
-            <el-input
-                    style="width: 30%;margin-right: 30px;margin-bottom: 5px"
-                    v-model="order_id_seach"
-                    clearable
-                    placeholder="输入订单ID"/>
-            <el-button type="primary" icon="el-icon-search" @click="handleCurrentChange(1)">
-                搜索
+          </template>
+
+        </el-table-column>
+
+        <el-table-column
+            :formatter="format_actual_amount"
+            label="实付金额"
+            prop="actual_amount"
+            width="100">
+        </el-table-column>
+
+
+        <el-table-column
+            label="购买数量"
+            prop="actual_download_times"
+            width="120">
+        </el-table-column>
+
+        <el-table-column
+            label="赠送数量"
+            prop="actual_download_gift_times"
+            width="90">
+        </el-table-column>
+        <el-table-column
+            :formatter="format_payment_type"
+            align="center"
+            label="支付方式"
+            prop="payment_type"
+            width="80">
+        </el-table-column>
+
+        <el-table-column
+            :formatter="format_create_time"
+            align="center"
+            label="订单创建时间"
+            prop="created_time"
+            width="170"
+        >
+        </el-table-column>
+
+        <el-table-column
+            fixed="right"
+            label="查看详细"
+            width="145">
+          <template slot-scope="scope">
+
+            <el-button
+                size="mini"
+                @click="click_order_info(scope.row)">详情
             </el-button>
-
-            <el-table
-                    :data="order_info_list"
-                    v-loading="loading"
-                    border
-                    stripe
-                    style="width: 100%">
-
-                <el-table-column
-                        fixed
-                        prop="order_number"
-                        label="系统订单ID">
-
-                </el-table-column>
-
-                <el-table-column
-                        prop="status"
-                        label="状态"
-                        align="center"
-                        width="110">
-
-                    <template slot-scope="scope">
-                        <div v-if="scope.row.status === 1 || scope.row.status === 2">
-                            <el-button @click="goto_pay(scope.row)"
-                                       type="primary" size="small"> {{ format_status_type(scope.row)}}
-                            </el-button>
-                        </div>
-                        <div v-else-if="scope.row.status === 0">
-                            <el-button @click="click_order_info(scope.row)"
-                                       type="success" size="small"> {{ format_status_type(scope.row)}}
-                            </el-button>
-                        </div>
-                        <div v-else-if="scope.row.status === 4 || scope.row.status ===5|| scope.row.status ===6">
-                            <el-button @click="click_order_info(scope.row)"
-                                       type="danger" size="small"> {{ format_status_type(scope.row)}}
-                            </el-button>
-                        </div>
-                        <div v-else>
-                            <el-button @click="click_order_info(scope.row)"
-                                       type="warning" size="small"> {{ format_status_type(scope.row)}}
-                            </el-button>
-                        </div>
-
-                    </template>
-
-                </el-table-column>
-
-                <el-table-column
-                        :formatter="format_actual_amount"
-                        prop="actual_amount"
-                        label="实付金额"
-                        width="100">
-                </el-table-column>
-
-
-                <el-table-column
-                        prop="actual_download_times"
-                        label="购买数量"
-                        width="120">
-                </el-table-column>
-
-                <el-table-column
-                        prop="actual_download_gift_times"
-                        label="赠送数量"
-                        width="90">
-                </el-table-column>
-                <el-table-column
-                        :formatter="format_payment_type"
-                        prop="payment_type"
-                        align="center"
-                        label="支付方式"
-                        width="80">
-                </el-table-column>
-
-                <el-table-column
-                        :formatter="format_create_time"
-                        prop="created_time"
-                        width="170"
-                        align="center"
-                        label="订单创建时间"
-                >
-                </el-table-column>
-
-                <el-table-column
-                        fixed="right"
-                        label="查看详细"
-                        width="145">
-                    <template slot-scope="scope">
-
-                        <el-button
-                                size="mini"
-                                @click="click_order_info(scope.row)">详情
-                        </el-button>
-                        <el-button v-if="scope.row.status === 1 || scope.row.status === 2"
-                                   size="mini" type="danger"
-                                   @click="cancel_order(scope.row)">取消
-                        </el-button>
-                    </template>
-                </el-table-column>
-            </el-table>
-
-
-        </div>
-        <div style="margin-top: 20px;margin-bottom: 20px">
-            <el-pagination
-                    @size-change="handleSizeChange"
-                    @current-change="handleCurrentChange"
-                    :current-page.sync="pagination.currentPage"
-                    :page-sizes="[10, 20, 50, 100]"
-                    :page-size="pagination.pagesize"
-                    layout="total,sizes, prev, pager, next"
-                    :total="pagination.total">
-            </el-pagination>
-        </div>
-    </el-main>
+            <el-button v-if="scope.row.status === 1 || scope.row.status === 2"
+                       size="mini" type="danger"
+                       @click="cancel_order(scope.row)">取消
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+
+    </div>
+    <div style="margin-top: 20px;margin-bottom: 20px">
+      <el-pagination
+          :current-page.sync="pagination.currentPage"
+          :page-size="pagination.pagesize"
+          :page-sizes="[10, 20, 50, 100]"
+          :total="pagination.total"
+          layout="total,sizes, prev, pager, next"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange">
+      </el-pagination>
+    </div>
+  </el-main>
 </template>
 
 <script>
 
-    import {my_order} from "@/restful";
-    import {getUserInfoFun} from '@/utils'
-    import VueQr from 'vue-qr';
-
-    export default {
-        name: "FirUserOrders",
-        components: {
-            VueQr
-        },
-        data() {
-            return {
-                wx_pay: false,
-                pay_code_url: '',
-                pay_image: {
-                    'scan': require('@/assets/pay/pay-scan.png'),
-                    'order_wx': require('@/assets/pay/order-weixin.png'),
-                },
-                qrinfo: {
-                    logoScale: 0.3,
-                    logoCornerRadius: 12,
-                    correctLevel: 3,
-                    margin: 20
-                },
-                order_info_list: [],
-                order_id_seach: "",
-                pagination: {"currentPage": 1, "total": 0, "pagesize": 10},
-                order_type_choices: [],
-                status_choices: [],
-                payment_type_choices: [],
-                show_order_info: false,
-                current_order_info: {},
-                loading: false,
+import {my_order} from "@/restful";
+import {getUserInfoFun} from '@/utils'
+import VueQr from 'vue-qr';
+
+export default {
+  name: "FirUserOrders",
+  components: {
+    VueQr
+  },
+  data() {
+    return {
+      wx_pay: false,
+      pay_code_url: '',
+      pay_image: {
+        'scan': require('@/assets/pay/pay-scan.png'),
+        'order_wx': require('@/assets/pay/order-weixin.png'),
+      },
+      qrinfo: {
+        logoScale: 0.3,
+        logoCornerRadius: 12,
+        correctLevel: 3,
+        margin: 20
+      },
+      order_info_list: [],
+      order_id_seach: "",
+      pagination: {"currentPage": 1, "total": 0, "pagesize": 10},
+      order_type_choices: [],
+      status_choices: [],
+      payment_type_choices: [],
+      show_order_info: false,
+      current_order_info: {},
+      loading: false,
+    }
+  },
+  methods: {
+    cancel_order(order) {
+      my_order(res => {
+        if (res.code === 1000) {
+          this.$message.success("操作成功");
+          this.get_data_from_tabname({
+            "size": this.pagination.pagesize,
+            "page": this.pagination.currentPage
+          })
+        } else {
+          this.$message.error("失败了 " + res.msg)
+        }
+      }, {
+        methods: 'PUT', data: {order_number: order.order_number, act: 'cancel'},
+      })
+    },
+    goto_pay(order) {
+      this.current_order_info = order;
+      my_order(res => {
+        if (res.code === 1000) {
+          let data = res.data;
+          if (data && data.url) {
+
+            if (data && data.type === 'WX') {
+              this.pay_code_url = data.url;
+              this.wx_pay = true;
+              this.$message.success("请用微信扫描支付");
+            } else if (data && data.type === 'ALI') {
+              let pay_url = data.url;
+              if (pay_url && pay_url.length > 10) {
+                this.$message.success("正在跳转支付宝支付平台");
+                window.location.href = pay_url
+                // window.open(pay_url, '_blank', '');
+              }
+            } else {
+              this.$message.error("支付获取失败 " + res.msg)
             }
-        },
-        methods: {
-            cancel_order(order) {
-                my_order(res => {
-                    if (res.code === 1000) {
-                        this.$message.success("操作成功");
-                        this.get_data_from_tabname({
-                            "size": this.pagination.pagesize,
-                            "page": this.pagination.currentPage
-                        })
-                    } else {
-                        this.$message.error("失败了 " + res.msg)
-                    }
-                }, {
-                    methods: 'PUT', data: {order_number: order.order_number, act: 'cancel'},
-                })
-            },
-            goto_pay(order) {
-                this.current_order_info = order;
-                my_order(res => {
-                    if (res.code === 1000) {
-                        let data = res.data;
-                        if (data && data.url) {
-
-                            if (data && data.type === 'WX') {
-                                this.pay_code_url = data.url;
-                                this.wx_pay = true;
-                                this.$message.success("请用微信扫描支付");
-                            } else if (data && data.type === 'ALI') {
-                                let pay_url = data.url;
-                                if (pay_url && pay_url.length > 10) {
-                                    this.$message.success("正在跳转支付宝支付平台");
-                                    window.location.href = pay_url
-                                    // window.open(pay_url, '_blank', '');
-                                }
-                            } else {
-                                this.$message.error("支付获取失败 " + res.msg)
-                            }
-                        } else {
-                            this.$message.error("下订单异常，请联系管理员");
-                        }
-                    } else {
-                        this.$message.error("失败了 " + res.msg)
-                    }
-                }, {
-                    methods: 'POST', data: {order_number: order.order_number},
-                })
-            },
-            click_order_info(order) {
-                if (order.status === 1 || order.status === 2) {
-                    my_order(res => {
-                        if (res.code === 1000) {
-                            this.get_data_from_tabname()
-                        } else {
-                            this.$message.error("失败了 " + res.msg)
-                        }
-                    }, {
-                        methods: 'PUT', data: {order_number: order.order_number, act: 'status'},
-                    });
-                }
-                this.show_order_info = true;
-                this.current_order_info = order;
-
-            },
-            handleSizeChange(val) {
-                this.pagination.pagesize = val;
-                this.get_data_from_tabname({
-                    "size": this.pagination.pagesize,
-                    "page": 1
-                })
-            },
-            handleCurrentChange(val) {
-                this.pagination.currentPage = val;
-                this.get_data_from_tabname({
-                    "size": this.pagination.pagesize,
-                    "page": this.pagination.currentPage
-                })
-            },
-
-            get_data_from_tabname(data = {}) {
-                data.order_id = this.order_id_seach.replace(/^\s+|\s+$/g, "");
-                this.MyOrderFun(data)
-            },
-
-            format_choices(key, obj) {
-                for (let i = 0; i < obj.length; i++) {
-                    if (key === obj[i].id) {
-                        return obj[i].name
-                    }
-                }
-                return "未知"
-            },
-
-            format_payment_type(row) {
-                return this.format_choices(row.payment_type, this.payment_type_choices)
-            },
-
-            format_status_type(row) {
-                return this.format_choices(row.status, this.status_choices)
-            },
-
-            format_order_type(row) {
-                return this.format_choices(row.order_type, this.order_type_choices)
-            },
-
-            format_actual_amount(row) {
-                return '￥ ' + (row.actual_amount / 100).toString()
-            },
-
-            format_create_time(row) {
-                return this.format_time(row.created_time)
-            },
-
-            format_pay_time(row) {
-                return this.format_time(row.pay_time)
-            },
-
-            format_cancel_time(row) {
-                return this.format_time(row.cancel_time)
-            },
-
-            format_time(stime) {
-                if (stime) {
-                    stime = stime.split(".")[0].split("T");
-                    return stime[0] + " " + stime[1]
-                } else
-                    return '';
-            },
-            MyOrderFun(params) {
-                this.loading = true;
-                my_order(data => {
-                    if (data.code === 1000) {
-                        this.order_info_list = data.data;
-                        this.pagination.total = data.count;
-                        this.payment_type_choices = data.payment_type_choices;
-                        this.status_choices = data.status_choices;
-                        this.order_type_choices = data.order_type_choices;
-                        if (this.order_info_list.length === 1) {
-                            this.current_order_info = this.order_info_list[0];
-                            let out_trade_no = this.$route.params.out_trade_no;
-                            if (out_trade_no) {
-                                this.goto_pay(this.current_order_info);
-                                this.$route.params.out_trade_no = undefined;
-                            }
-                        }
-                    } else if (data.code === 1008) {
-                        this.$message.error(data.msg);
-                    } else {
-                        this.$message.error("操作失败")
-                    }
-                    this.loading = false;
-                }, {methods: 'GET', data: params})
-            },
-        }, mounted() {
-            getUserInfoFun(this);
+          } else {
+            this.$message.error("下订单异常，请联系管理员");
+          }
+        } else {
+          this.$message.error("失败了 " + res.msg)
+        }
+      }, {
+        methods: 'POST', data: {order_number: order.order_number},
+      })
+    },
+    click_order_info(order) {
+      if (order.status === 1 || order.status === 2) {
+        my_order(res => {
+          if (res.code === 1000) {
+            this.get_data_from_tabname()
+          } else {
+            this.$message.error("失败了 " + res.msg)
+          }
+        }, {
+          methods: 'PUT', data: {order_number: order.order_number, act: 'status'},
+        });
+      }
+      this.show_order_info = true;
+      this.current_order_info = order;
+
+    },
+    handleSizeChange(val) {
+      this.pagination.pagesize = val;
+      this.get_data_from_tabname({
+        "size": this.pagination.pagesize,
+        "page": 1
+      })
+    },
+    handleCurrentChange(val) {
+      this.pagination.currentPage = val;
+      this.get_data_from_tabname({
+        "size": this.pagination.pagesize,
+        "page": this.pagination.currentPage
+      })
+    },
+
+    get_data_from_tabname(data = {}) {
+      data.order_id = this.order_id_seach.replace(/^\s+|\s+$/g, "");
+      this.MyOrderFun(data)
+    },
+
+    format_choices(key, obj) {
+      for (let i = 0; i < obj.length; i++) {
+        if (key === obj[i].id) {
+          return obj[i].name
+        }
+      }
+      return "未知"
+    },
+
+    format_payment_type(row) {
+      return this.format_choices(row.payment_type, this.payment_type_choices)
+    },
+
+    format_status_type(row) {
+      return this.format_choices(row.status, this.status_choices)
+    },
+
+    format_order_type(row) {
+      return this.format_choices(row.order_type, this.order_type_choices)
+    },
+
+    format_actual_amount(row) {
+      return '￥ ' + (row.actual_amount / 100).toString()
+    },
+
+    format_create_time(row) {
+      return this.format_time(row.created_time)
+    },
+
+    format_pay_time(row) {
+      return this.format_time(row.pay_time)
+    },
+
+    format_cancel_time(row) {
+      return this.format_time(row.cancel_time)
+    },
+
+    format_time(stime) {
+      if (stime) {
+        stime = stime.split(".")[0].split("T");
+        return stime[0] + " " + stime[1]
+      } else
+        return '';
+    },
+    MyOrderFun(params) {
+      this.loading = true;
+      my_order(data => {
+        if (data.code === 1000) {
+          this.order_info_list = data.data;
+          this.pagination.total = data.count;
+          this.payment_type_choices = data.payment_type_choices;
+          this.status_choices = data.status_choices;
+          this.order_type_choices = data.order_type_choices;
+          if (this.order_info_list.length === 1) {
+            this.current_order_info = this.order_info_list[0];
             let out_trade_no = this.$route.params.out_trade_no;
             if (out_trade_no) {
-                this.order_id_seach = out_trade_no;
+              this.goto_pay(this.current_order_info);
+              this.$route.params.out_trade_no = undefined;
             }
-            this.get_data_from_tabname();
-        }, filters: {}
+          }
+        } else if (data.code === 1008) {
+          this.$message.error(data.msg);
+        } else {
+          this.$message.error("操作失败")
+        }
+        this.loading = false;
+      }, {methods: 'GET', data: params})
+    },
+  }, mounted() {
+    getUserInfoFun(this);
+    let out_trade_no = this.$route.params.out_trade_no;
+    if (out_trade_no) {
+      this.order_id_seach = out_trade_no;
     }
+    this.get_data_from_tabname();
+  }, filters: {}
+}
 </script>
 
 <style scoped>
-    .el-main {
-        margin: 20px auto 100px;
-        width: 1166px;
-        position: relative;
-        padding-bottom: 1px;
-        color: #9b9b9b;
-        -webkit-font-smoothing: antialiased;
-        border-radius: 1%;
-    }
-
-    .icon-weixin {
-        width: 137px;
-        height: 35px;
-        margin-left: 50px;
-    }
-
-    .code-wrap {
-        width: 240px;
-        height: 240px;
-        border: 1px solid #c3c3c3;
-        margin-top: 23px;
-        margin-bottom: 20px;
-    }
-
-    .tip-btn {
-        background: #2bbc4d;
-        width: 240px;
-        height: 60px;
-    }
-
-    .icon {
-        width: 26px;
-        height: 26px;
-        background-size: 100%;
-        display: inline-block;
-        margin-right: 11px;
-    }
-
-    .text {
-        font-family: PingFang-SC-Bold;
-        font-size: 16px;
-        color: #fff;
-        letter-spacing: -.1px;
-    }
-
-    .pay_wx {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-    }
-
-    .order_text {
-        font-family: PingFang-SC-Medium;
-        font-size: 14px;
-        color: #787e85;
-        letter-spacing: 0;
-        vertical-align: text-top;
-    }
-
-    .amount {
-        font-family: Avenir-Heavy;
-        font-size: 24px;
-        color: #ff8000;
-        letter-spacing: 0;
-    }
+.el-main {
+  margin: 20px auto 100px;
+  width: 1166px;
+  position: relative;
+  padding-bottom: 1px;
+  color: #9b9b9b;
+  -webkit-font-smoothing: antialiased;
+  border-radius: 1%;
+}
+
+.icon-weixin {
+  width: 137px;
+  height: 35px;
+  margin-left: 50px;
+}
+
+.code-wrap {
+  width: 240px;
+  height: 240px;
+  border: 1px solid #c3c3c3;
+  margin-top: 23px;
+  margin-bottom: 20px;
+}
+
+.tip-btn {
+  background: #2bbc4d;
+  width: 240px;
+  height: 60px;
+}
+
+.icon {
+  width: 26px;
+  height: 26px;
+  background-size: 100%;
+  display: inline-block;
+  margin-right: 11px;
+}
+
+.text {
+  font-family: PingFang-SC-Bold;
+  font-size: 16px;
+  color: #fff;
+  letter-spacing: -.1px;
+}
+
+.pay_wx {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.order_text {
+  font-family: PingFang-SC-Medium;
+  font-size: 14px;
+  color: #787e85;
+  letter-spacing: 0;
+  vertical-align: text-top;
+}
+
+.amount {
+  font-family: Avenir-Heavy;
+  font-size: 24px;
+  color: #ff8000;
+  letter-spacing: 0;
+}
 </style>
diff --git a/fir_client/src/components/user/FirUserProfileBase.vue b/fir_client/src/components/user/FirUserProfileBase.vue
index 5ce0838..42d2872 100644
--- a/fir_client/src/components/user/FirUserProfileBase.vue
+++ b/fir_client/src/components/user/FirUserProfileBase.vue
@@ -1,205 +1,205 @@
 <template>
-    <div class="main">
-        <div class="user-info">
-
-            <el-upload
-                    class="avatar-uploader"
-                    action="#"
-                    :show-file-list="false"
-                    accept=".png , .jpg , .jpeg"
-                    :before-upload="beforeAvatarUpload">
-                <img v-if="imageUrl" :src="imageUrl" class="avatar">
-                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
-            </el-upload>
-
-            <div class="name">
-                <input v-model="userinfo.first_name" maxlength="8" @focusout="update_name">
-            </div>
-
-            <div class="user_pro_tabs">
-
-                <el-row :gutter="12" class="row">
-                    <el-col :span="tspan" :offset="3">
-                        <div class="col-4">
-                            <a @click="$router.push({name:'FirUserProfileInfo'})" ref="userinfo" class="">
+  <div class="main">
+    <div class="user-info">
+
+      <el-upload
+          :before-upload="beforeAvatarUpload"
+          :show-file-list="false"
+          accept=".png , .jpg , .jpeg"
+          action="#"
+          class="avatar-uploader">
+        <img v-if="imageUrl" :src="imageUrl" class="avatar">
+        <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+      </el-upload>
+
+      <div class="name">
+        <input v-model="userinfo.first_name" maxlength="8" @focusout="update_name">
+      </div>
+
+      <div class="user_pro_tabs">
+
+        <el-row :gutter="12" class="row">
+          <el-col :offset="3" :span="tspan">
+            <div class="col-4">
+              <a ref="userinfo" class="" @click="$router.push({name:'FirUserProfileInfo'})">
                         <span>
                             <i class="el-icon-user"></i>
                         </span>
-                                个人资料
-                            </a>
-                        </div>
-                    </el-col>
-                    <el-col :span="tspan">
-                        <div class="col-4">
-                            <a ref="changepwd" class="" @click="$router.push({name:'FirUserProfileChangePwd'})">
-                                <span><i class="el-icon-lock"></i></span>
-                                修改密码
-                            </a>
-                        </div>
-
-                    </el-col>
-
-                    <el-col :span="6">
-                        <div class="col-4">
-                            <a ref="storage" class="" @click="$router.push({name:'FirUserProfileCertification'})">
-                                <span><i class="el-icon-coin"></i></span>
-                                实名认证
-                            </a>
-                        </div>
-
-                    </el-col>
-
-                </el-row>
-
+                个人资料
+              </a>
             </div>
-            <div style="margin-top: 50px">
-                <router-view></router-view>
+          </el-col>
+          <el-col :span="tspan">
+            <div class="col-4">
+              <a ref="changepwd" class="" @click="$router.push({name:'FirUserProfileChangePwd'})">
+                <span><i class="el-icon-lock"></i></span>
+                修改密码
+              </a>
             </div>
 
-        </div>
-
-    </div>
-</template>
+          </el-col>
 
-<script>
-    import {getuserpicurl, userinfos} from '@/restful';
-    import {AvatarUploadUtils} from "@/utils";
-
-    export default {
-        name: "FirUserProfileBase",
-        data() {
-            return {
-                imageUrl: '',
-                userinfo: {},
-                uploadconf: {},
-                tspan: 6,
-            }
-        },
-        methods: {
-            updateUserInfo(datainfo) {
-                userinfos(data => {
-                    if (data.code === 1000) {
-                        this.userinfo = data.data;
-                        this.$store.dispatch("doUserinfo", data.data);
-                        this.$store.dispatch('doucurrentapp', {});
-                        this.imageUrl = data.data.head_img;
-                        if (datainfo.data) {
-                            this.$message.success("更新成功")
-                        }
-                    } else {
-                        this.$message.error("更新失败")
-                    }
-                }, datainfo)
-            },
-            update_name() {
-                this.updateUserInfo({"methods": 'PUT', 'data': {"first_name": this.userinfo.first_name}});
-            },
-            beforeAvatarUpload(file) {
-                return AvatarUploadUtils(this, file, {
-                    'app_id': this.userinfo.uid,
-                    'upload_key': file.name,
-                    'ftype': 'head'
-                    // eslint-disable-next-line no-unused-vars
-                }, res => {
-                    this.updateUserInfo({"methods": 'GET'});
-                });
-
-            },
-            setfunactive(item) {
-                for (let key in this.$refs) {
-                    if (key === item) {
-                        this.$refs[key].classList.add('active');
-                    } else {
-                        this.$refs[key].classList.remove('active');
-                    }
-                }
-            },
-            autoSetInfoIndex() {
-                if (this.$store.state.userInfoIndex === 0) {
-                    this.setfunactive('userinfo');
-                } else if (this.$store.state.userInfoIndex === 1) {
-                    this.setfunactive('changepwd');
-                } else if (this.$store.state.userInfoIndex === 2) {
-                    this.setfunactive('storage');
-                }
-            }
-        }, mounted() {
-            this.autoSetInfoIndex();
-            this.updateUserInfo({"methods": 'GET'});
-        }, watch: {
-            '$store.state.userInfoIndex': function () {
-                this.autoSetInfoIndex();
-            },
-        }, filters: {}, computed: {
-            getuppicurl() {
-                return getuserpicurl()
-            }
-        }
-    }
-</script>
+          <el-col :span="6">
+            <div class="col-4">
+              <a ref="storage" class="" @click="$router.push({name:'FirUserProfileCertification'})">
+                <span><i class="el-icon-coin"></i></span>
+                实名认证
+              </a>
+            </div>
 
-<style scoped>
-    .main {
-        position: relative;
-        padding-bottom: 1px;
-        color: #9b9b9b;
-        -webkit-font-smoothing: antialiased;
-        border-radius: 1%;
-    }
+          </el-col>
 
-    .user-info {
-        position: relative;
-        text-align: center;
-        margin: 46px auto 100px;
-        width: 1166px;
-    }
+        </el-row>
 
-    .avatar {
-        height: 100px;
-        width: 100px;
-        border-radius: 50%;
-        display: block;
-    }
+      </div>
+      <div style="margin-top: 50px">
+        <router-view></router-view>
+      </div>
 
-    .name {
-        text-align: center;
-        padding-bottom: 20px;
+    </div>
 
-    }
+  </div>
+</template>
 
-    .name input {
-        text-align: center;
-        color: #889eff;
-        margin: 36px auto 0;
-        width: 280px;
-        padding: 0;
-        border: none;
-        background-color: transparent;
-        font-size: 30px;
+<script>
+import {getuserpicurl, userinfos} from '@/restful';
+import {AvatarUploadUtils} from "@/utils";
+
+export default {
+  name: "FirUserProfileBase",
+  data() {
+    return {
+      imageUrl: '',
+      userinfo: {},
+      uploadconf: {},
+      tspan: 6,
     }
-
-    .user_pro_tabs a {
-        width: 100%;
-        font-size: 16px;
-        text-align: center;
-        display: inline-block;
-        line-height: 48px;
-        height: 48px;
-        border-bottom: 1px solid #BABFC3;
-        text-decoration: none;
-        color: #BABFC3;
-
+  },
+  methods: {
+    updateUserInfo(datainfo) {
+      userinfos(data => {
+        if (data.code === 1000) {
+          this.userinfo = data.data;
+          this.$store.dispatch("doUserinfo", data.data);
+          this.$store.dispatch('doucurrentapp', {});
+          this.imageUrl = data.data.head_img;
+          if (datainfo.data) {
+            this.$message.success("更新成功")
+          }
+        } else {
+          this.$message.error("更新失败")
+        }
+      }, datainfo)
+    },
+    update_name() {
+      this.updateUserInfo({"methods": 'PUT', 'data': {"first_name": this.userinfo.first_name}});
+    },
+    beforeAvatarUpload(file) {
+      return AvatarUploadUtils(this, file, {
+        'app_id': this.userinfo.uid,
+        'upload_key': file.name,
+        'ftype': 'head'
+        // eslint-disable-next-line no-unused-vars
+      }, res => {
+        this.updateUserInfo({"methods": 'GET'});
+      });
+
+    },
+    setfunactive(item) {
+      for (let key in this.$refs) {
+        if (key === item) {
+          this.$refs[key].classList.add('active');
+        } else {
+          this.$refs[key].classList.remove('active');
+        }
+      }
+    },
+    autoSetInfoIndex() {
+      if (this.$store.state.userInfoIndex === 0) {
+        this.setfunactive('userinfo');
+      } else if (this.$store.state.userInfoIndex === 1) {
+        this.setfunactive('changepwd');
+      } else if (this.$store.state.userInfoIndex === 2) {
+        this.setfunactive('storage');
+      }
     }
-
-    .user_pro_tabs a > span {
-        margin-right: 16px;
-        vertical-align: middle
+  }, mounted() {
+    this.autoSetInfoIndex();
+    this.updateUserInfo({"methods": 'GET'});
+  }, watch: {
+    '$store.state.userInfoIndex': function () {
+      this.autoSetInfoIndex();
+    },
+  }, filters: {}, computed: {
+    getuppicurl() {
+      return getuserpicurl()
     }
+  }
+}
+</script>
 
-    .user_pro_tabs a.active {
-        color: #7e5ef8;
-        border-bottom-color: #7e5ef8
-    }
+<style scoped>
+.main {
+  position: relative;
+  padding-bottom: 1px;
+  color: #9b9b9b;
+  -webkit-font-smoothing: antialiased;
+  border-radius: 1%;
+}
+
+.user-info {
+  position: relative;
+  text-align: center;
+  margin: 46px auto 100px;
+  width: 1166px;
+}
+
+.avatar {
+  height: 100px;
+  width: 100px;
+  border-radius: 50%;
+  display: block;
+}
+
+.name {
+  text-align: center;
+  padding-bottom: 20px;
+
+}
+
+.name input {
+  text-align: center;
+  color: #889eff;
+  margin: 36px auto 0;
+  width: 280px;
+  padding: 0;
+  border: none;
+  background-color: transparent;
+  font-size: 30px;
+}
+
+.user_pro_tabs a {
+  width: 100%;
+  font-size: 16px;
+  text-align: center;
+  display: inline-block;
+  line-height: 48px;
+  height: 48px;
+  border-bottom: 1px solid #BABFC3;
+  text-decoration: none;
+  color: #BABFC3;
+
+}
+
+.user_pro_tabs a > span {
+  margin-right: 16px;
+  vertical-align: middle
+}
+
+.user_pro_tabs a.active {
+  color: #7e5ef8;
+  border-bottom-color: #7e5ef8
+}
 
 
 </style>
diff --git a/fir_client/src/components/user/FirUserProfileCertification.vue b/fir_client/src/components/user/FirUserProfileCertification.vue
index 3825e7e..490564e 100644
--- a/fir_client/src/components/user/FirUserProfileCertification.vue
+++ b/fir_client/src/components/user/FirUserProfileCertification.vue
@@ -1,475 +1,475 @@
 <template>
-    <div v-if="(certification || certification === 0) && !cert_edit_flag">
-        <el-form style="max-width: 400px">
-            <el-form-item>
-                <el-row>
-                    <el-col :span="24">
-                        <el-link :underline="false" type="success" style="font-size: x-large"
-                                 v-if="certification.status === 1">已经认证
-                        </el-link>
-                        <el-link :underline="false" type="primary" style="font-size: x-large"
-                                 v-else-if="certification.status === 0">审核中
-                        </el-link>
-                        <el-link v-else-if="certification.status === 2" :underline="false" type="danger"
-                                 style="font-size: x-large"
-                        >审核失败
-                        </el-link>
-                        <el-link :underline="false" type="info" style="font-size: x-large" v-else>待认证</el-link>
-                    </el-col>
-                </el-row>
-            </el-form-item>
-
-            <el-form-item label="真实姓名">
-                <el-row :gutter="36">
-                    <el-col :span="18">
-                        <el-link :underline="false">{{ certification.name }}</el-link>
-                    </el-col>
-                </el-row>
-            </el-form-item>
-            <el-form-item label="身份证号">
-                <el-row :gutter="36">
-                    <el-col :span="18">
-                        <el-link :underline="false">{{ certification.card }}</el-link>
-                    </el-col>
-                </el-row>
-            </el-form-item>
-            <el-form-item label="手机号码" v-if="certification.mobile">
-                <el-row :gutter="36">
-                    <el-col :span="18">
-                        <el-link :underline="false">{{ certification.mobile }}</el-link>
-                    </el-col>
-                </el-row>
-            </el-form-item>
-            <el-form-item label="联系地址">
-                <el-row :gutter="36">
-                    <el-col :span="18">
-                        <el-link :underline="false">{{ certification.addr }}</el-link>
-                    </el-col>
-                </el-row>
-            </el-form-item>
-
-            <el-form-item v-if="certification.status === 2" label="审核信息" style="width: 700px">
-                <el-row :gutter="36">
-                    <el-col :span="18">
-                        <el-link :underline="false" type="danger">{{ certification.msg }}</el-link>
-                    </el-col>
-                </el-row>
-            </el-form-item>
-            <el-form-item v-if="certification.status === 2">
-                <el-row>
-                    <el-col :span="24">
-                        <el-button type="primary" @click="recommit">重新提交审核</el-button>
-                    </el-col>
-                </el-row>
-            </el-form-item>
-            <el-form-item v-if="certification_status === -1">
-                <el-row>
-                    <el-col :span="24">
-                        <el-button type="primary" @click="goauth">开始认证</el-button>
-                    </el-col>
-                </el-row>
-            </el-form-item>
-        </el-form>
-    </div>
-    <div v-else>
-        <el-form ref="form" :model="form">
-            <el-form-item label="真实姓名">
-                <el-row :gutter="36">
-                    <el-col :span="18">
-                        <el-input v-model="form.name" :autofocus="true" prefix-icon="el-icon-user"
-                                  placeholder="请输入真实姓名" clearable/>
-                    </el-col>
-                </el-row>
-            </el-form-item>
-            <el-form-item label="身份证号">
-                <el-row :gutter="36">
-                    <el-col :span="18">
-                        <el-input v-model="form.card" clearable prefix-icon="el-icon-s-order"
-                                  placeholder="请输入身份证号"/>
-                    </el-col>
-                </el-row>
-            </el-form-item>
-
-            <el-form-item label="居住地址">
-                <el-row :gutter="36">
-                    <el-col :span="18">
-                        <el-input v-model="form.addr" clearable prefix-icon="el-icon-house"
-                                  placeholder="请输入现居住地址"/>
-                    </el-col>
-                </el-row>
-            </el-form-item>
-
-
-            <el-form-item label="手机号码" v-if="captcha.change_type.sms">
-                <el-row :gutter="36">
-                    <el-col :span="18">
-                        <el-input v-model="form.mobile" ref="phone" clearable
-                                  prefix-icon="el-icon-mobile" placeholder="请输入手机号码" maxlength="11"/>
-                    </el-col>
-                </el-row>
-            </el-form-item>
-            <el-form-item label="图片验证码" v-if="captcha.captcha_image">
-                <el-row :gutter="11">
-                    <el-col :span="12">
-                        <el-input placeholder="请输入图片验证码" v-model="form.authcode" maxlength="6" clearable/>
-                    </el-col>
-                    <el-col :span="6">
-                        <el-image
-                                style="border-radius:4px;cursor:pointer;height: 40px"
-                                :src="captcha.captcha_image"
-                                fit="contain" @click="get_auth_code">
-                        </el-image>
-                    </el-col>
-                </el-row>
-            </el-form-item>
-
-            <el-form-item label="手机验证码" v-if="captcha.change_type.sms">
-                <el-row :gutter="11">
-                    <el-col :span="12">
-                        <el-input v-model="form.auth_key" prefix-icon="el-icon-mobile" placeholder="请输入您收到的验证码"
-                                  maxlength="6" clearable/>
-                    </el-col>
-                    <el-col :span="6">
-                        <el-button type="info" @click="getsmsemailcode('sms',form.mobile)" plain
-                                   style="border-radius:4px;cursor:pointer;height: 40px;background-color: #ecf5ff;color: #dd6161">
-                            获取验证码
-                        </el-button>
-                    </el-col>
-
-                </el-row>
-            </el-form-item>
-
-            <el-form-item>
-                <el-row style="margin-left: 88px">
-                    <el-col :span="13">
-                        <div id="captcha" ref="captcha"></div>
-                    </el-col>
-                </el-row>
-            </el-form-item>
-            <el-form-item label="身份证号">
-                <el-row style="height: 40px" :gutter="36">
-                    <el-col :span="19">
-                        <div class="appdownload">
-                            <el-upload
-                                    drag
-                                    action="#"
-                                    accept=".png , .jpg , .jpeg"
-                                    :before-upload="upload_one">
-
-                                <el-tooltip v-if="user_certification.one" placement="top">
-                                    <div slot="content">上传身份证<i style="color: #2abb9d!important;">国徽面</i>照片</div>
-                                    <img :src="user_certification.one"
-                                         class="avatar" alt="国徽面照片">
-                                </el-tooltip>
-                                <i v-else class="avatar-uploader-icon" style="text-align: center">
-                                    上传身份证<i style="color: #2abb9d!important;">国徽面</i>照片
-                                </i>
-                            </el-upload>
-                        </div>
-
-                        <div class="appdownload">
-                            <el-upload
-                                    drag
-                                    action="#"
-                                    accept=".png , .jpg , .jpeg"
-                                    :before-upload="upload_two">
-
-                                <el-tooltip v-if="user_certification.two" placement="top">
-                                    <div slot="content">上传身份证<i style="color: #2abb9d!important;">人像面</i>照片</div>
-                                    <img :src="user_certification.two"
-                                         class="avatar" alt="人像面照片">
-                                </el-tooltip>
-                                <i v-else class="avatar-uploader-icon" style="text-align: center">
-                                    上传身份证<i style="color: #2abb9d!important;">人像面</i>照片
-                                </i>
-                            </el-upload>
-                        </div>
-
-                        <div class="appdownload">
-                            <el-upload
-                                    drag
-                                    action="#"
-                                    accept=".png , .jpg , .jpeg"
-                                    :before-upload="upload_three">
-                                <el-tooltip v-if="user_certification.three" placement="top">
-                                    <div slot="content">上传<i style="color: #2abb9d!important;">手持身份证</i>照片</div>
-                                    <img :src="user_certification.three"
-                                         class="avatar" alt="手持身份证照片">
-                                </el-tooltip>
-                                <i v-else class="avatar-uploader-icon" style="text-align: center">
-                                    上传<i style="color: #2abb9d!important;">手持身份证</i>照片
-                                </i>
-                            </el-upload>
-                        </div>
-                    </el-col>
-                </el-row>
-            </el-form-item>
-
-
-            <el-form-item>
-                <el-row>
-                    <el-col :span="24" style="margin-top: 20px">
-                        <el-button type="primary" @click="commit">提交</el-button>
-                    </el-col>
-                </el-row>
-            </el-form-item>
-
-        </el-form>
-    </div>
+  <div v-if="(certification || certification === 0) && !cert_edit_flag">
+    <el-form style="max-width: 400px">
+      <el-form-item>
+        <el-row>
+          <el-col :span="24">
+            <el-link v-if="certification.status === 1" :underline="false" style="font-size: x-large"
+                     type="success">已经认证
+            </el-link>
+            <el-link v-else-if="certification.status === 0" :underline="false" style="font-size: x-large"
+                     type="primary">审核中
+            </el-link>
+            <el-link v-else-if="certification.status === 2" :underline="false" style="font-size: x-large"
+                     type="danger"
+            >审核失败
+            </el-link>
+            <el-link v-else :underline="false" style="font-size: x-large" type="info">待认证</el-link>
+          </el-col>
+        </el-row>
+      </el-form-item>
+
+      <el-form-item label="真实姓名">
+        <el-row :gutter="36">
+          <el-col :span="18">
+            <el-link :underline="false">{{ certification.name }}</el-link>
+          </el-col>
+        </el-row>
+      </el-form-item>
+      <el-form-item label="身份证号">
+        <el-row :gutter="36">
+          <el-col :span="18">
+            <el-link :underline="false">{{ certification.card }}</el-link>
+          </el-col>
+        </el-row>
+      </el-form-item>
+      <el-form-item v-if="certification.mobile" label="手机号码">
+        <el-row :gutter="36">
+          <el-col :span="18">
+            <el-link :underline="false">{{ certification.mobile }}</el-link>
+          </el-col>
+        </el-row>
+      </el-form-item>
+      <el-form-item label="联系地址">
+        <el-row :gutter="36">
+          <el-col :span="18">
+            <el-link :underline="false">{{ certification.addr }}</el-link>
+          </el-col>
+        </el-row>
+      </el-form-item>
+
+      <el-form-item v-if="certification.status === 2" label="审核信息" style="width: 700px">
+        <el-row :gutter="36">
+          <el-col :span="18">
+            <el-link :underline="false" type="danger">{{ certification.msg }}</el-link>
+          </el-col>
+        </el-row>
+      </el-form-item>
+      <el-form-item v-if="certification.status === 2">
+        <el-row>
+          <el-col :span="24">
+            <el-button type="primary" @click="recommit">重新提交审核</el-button>
+          </el-col>
+        </el-row>
+      </el-form-item>
+      <el-form-item v-if="certification_status === -1">
+        <el-row>
+          <el-col :span="24">
+            <el-button type="primary" @click="goauth">开始认证</el-button>
+          </el-col>
+        </el-row>
+      </el-form-item>
+    </el-form>
+  </div>
+  <div v-else>
+    <el-form ref="form" :model="form">
+      <el-form-item label="真实姓名">
+        <el-row :gutter="36">
+          <el-col :span="18">
+            <el-input v-model="form.name" :autofocus="true" clearable
+                      placeholder="请输入真实姓名" prefix-icon="el-icon-user"/>
+          </el-col>
+        </el-row>
+      </el-form-item>
+      <el-form-item label="身份证号">
+        <el-row :gutter="36">
+          <el-col :span="18">
+            <el-input v-model="form.card" clearable placeholder="请输入身份证号"
+                      prefix-icon="el-icon-s-order"/>
+          </el-col>
+        </el-row>
+      </el-form-item>
+
+      <el-form-item label="居住地址">
+        <el-row :gutter="36">
+          <el-col :span="18">
+            <el-input v-model="form.addr" clearable placeholder="请输入现居住地址"
+                      prefix-icon="el-icon-house"/>
+          </el-col>
+        </el-row>
+      </el-form-item>
+
+
+      <el-form-item v-if="captcha.change_type.sms" label="手机号码">
+        <el-row :gutter="36">
+          <el-col :span="18">
+            <el-input ref="phone" v-model="form.mobile" clearable
+                      maxlength="11" placeholder="请输入手机号码" prefix-icon="el-icon-mobile"/>
+          </el-col>
+        </el-row>
+      </el-form-item>
+      <el-form-item v-if="captcha.captcha_image" label="图片验证码">
+        <el-row :gutter="11">
+          <el-col :span="12">
+            <el-input v-model="form.authcode" clearable maxlength="6" placeholder="请输入图片验证码"/>
+          </el-col>
+          <el-col :span="6">
+            <el-image
+                :src="captcha.captcha_image"
+                fit="contain"
+                style="border-radius:4px;cursor:pointer;height: 40px" @click="get_auth_code">
+            </el-image>
+          </el-col>
+        </el-row>
+      </el-form-item>
+
+      <el-form-item v-if="captcha.change_type.sms" label="手机验证码">
+        <el-row :gutter="11">
+          <el-col :span="12">
+            <el-input v-model="form.auth_key" clearable maxlength="6"
+                      placeholder="请输入您收到的验证码" prefix-icon="el-icon-mobile"/>
+          </el-col>
+          <el-col :span="6">
+            <el-button plain style="border-radius:4px;cursor:pointer;height: 40px;background-color: #ecf5ff;color: #dd6161" type="info"
+                       @click="getsmsemailcode('sms',form.mobile)">
+              获取验证码
+            </el-button>
+          </el-col>
+
+        </el-row>
+      </el-form-item>
+
+      <el-form-item>
+        <el-row style="margin-left: 88px">
+          <el-col :span="13">
+            <div id="captcha" ref="captcha"></div>
+          </el-col>
+        </el-row>
+      </el-form-item>
+      <el-form-item label="身份证号">
+        <el-row :gutter="36" style="height: 40px">
+          <el-col :span="19">
+            <div class="appdownload">
+              <el-upload
+                  :before-upload="upload_one"
+                  accept=".png , .jpg , .jpeg"
+                  action="#"
+                  drag>
+
+                <el-tooltip v-if="user_certification.one" placement="top">
+                  <div slot="content">上传身份证<i style="color: #2abb9d!important;">国徽面</i>照片</div>
+                  <img :src="user_certification.one"
+                       alt="国徽面照片" class="avatar">
+                </el-tooltip>
+                <i v-else class="avatar-uploader-icon" style="text-align: center">
+                  上传身份证<i style="color: #2abb9d!important;">国徽面</i>照片
+                </i>
+              </el-upload>
+            </div>
+
+            <div class="appdownload">
+              <el-upload
+                  :before-upload="upload_two"
+                  accept=".png , .jpg , .jpeg"
+                  action="#"
+                  drag>
+
+                <el-tooltip v-if="user_certification.two" placement="top">
+                  <div slot="content">上传身份证<i style="color: #2abb9d!important;">人像面</i>照片</div>
+                  <img :src="user_certification.two"
+                       alt="人像面照片" class="avatar">
+                </el-tooltip>
+                <i v-else class="avatar-uploader-icon" style="text-align: center">
+                  上传身份证<i style="color: #2abb9d!important;">人像面</i>照片
+                </i>
+              </el-upload>
+            </div>
+
+            <div class="appdownload">
+              <el-upload
+                  :before-upload="upload_three"
+                  accept=".png , .jpg , .jpeg"
+                  action="#"
+                  drag>
+                <el-tooltip v-if="user_certification.three" placement="top">
+                  <div slot="content">上传<i style="color: #2abb9d!important;">手持身份证</i>照片</div>
+                  <img :src="user_certification.three"
+                       alt="手持身份证照片" class="avatar">
+                </el-tooltip>
+                <i v-else class="avatar-uploader-icon" style="text-align: center">
+                  上传<i style="color: #2abb9d!important;">手持身份证</i>照片
+                </i>
+              </el-upload>
+            </div>
+          </el-col>
+        </el-row>
+      </el-form-item>
+
+
+      <el-form-item>
+        <el-row>
+          <el-col :span="24" style="margin-top: 20px">
+            <el-button type="primary" @click="commit">提交</el-button>
+          </el-col>
+        </el-row>
+      </el-form-item>
+
+    </el-form>
+  </div>
 </template>
 
 <script>
-    import {changeInfoFun, getAuthcTokenFun, user_certification} from "@/restful";
-    import {AvatarUploadUtils, getUserInfoFun, checkphone, geetest} from "@/utils";
-
-    export default {
-        name: "FirUserProfileCertification",
-        data() {
-            return {
-                form: {},
-                captcha: {
-                    captcha_image: '',
-                    captcha_key: '',
-                    authcode: '',
-                    length: 8,
-                    change_type: {email: false, sms: false}
-                },
-                user_certification: {'one': '', 'two': '', 'three': ''},
-                certification: {},
-                certification_status: 0,
-                cert_edit_flag: false
+import {changeInfoFun, getAuthcTokenFun, user_certification} from "@/restful";
+import {AvatarUploadUtils, checkphone, geetest, getUserInfoFun} from "@/utils";
+
+export default {
+  name: "FirUserProfileCertification",
+  data() {
+    return {
+      form: {},
+      captcha: {
+        captcha_image: '',
+        captcha_key: '',
+        authcode: '',
+        length: 8,
+        change_type: {email: false, sms: false}
+      },
+      user_certification: {'one': '', 'two': '', 'three': ''},
+      certification: {},
+      certification_status: 0,
+      cert_edit_flag: false
+    }
+  }, methods: {
+    goauth() {
+      this.cert_edit_flag = true;
+      this.get_user_certification({methods: 'GET', data: {act: 'certpiccertinfo'}});
+      this.get_auth_code();
+    },
+    recommit() {
+      this.cert_edit_flag = true;
+      this.get_user_certification({methods: 'GET', data: {act: 'certpiccertinfo'}});
+      this.get_auth_code();
+    },
+    commit() {
+      for (let v of Object.keys(this.form)) {
+        if (this.form[v].length < 2) {
+          this.$message.error("填写错误，请检查");
+          return false
+        }
+      }
+      let reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
+      if (reg.test(this.form.card) === false) {
+        this.$message.error("身份证输入不合法");
+        return false;
+      }
+      if (this.captcha.change_type.sms) {
+        let checkp = checkphone(this.form.mobile);
+        if (!checkp) {
+          this.$message.error("手机号输入不合法");
+          return false;
+        }
+      }
+      delete this.form['email'];
+      this.get_user_certification({methods: 'POST', data: this.form})
+    },
+    get_user_certification(params) {
+      user_certification(res => {
+        if (res.code === 1000) {
+          if (params.methods === 'POST') {
+            this.$message.success("信息提交成功，正在审核中");
+            this.cert_edit_flag = false;
+            this.certification_status = 0;
+            getUserInfoFun(this);
+            this.get_user_certification({methods: 'GET', data: {act: 'usercert'}});
+          }
+          if (res.data.usercert) {
+            this.certification = res.data.usercert;
+          } else {
+            const ft = ['one', 'two', 'three'];
+            if (res.data.certification && res.data.certification.length > 0) {
+              for (let v of res.data.certification) {
+                this.user_certification[ft[v.type - 1]] = v.certification_url;
+              }
             }
-        }, methods: {
-            goauth() {
-                this.cert_edit_flag = true;
-                this.get_user_certification({methods: 'GET', data: {act: 'certpiccertinfo'}});
-                this.get_auth_code();
-            },
-            recommit() {
-                this.cert_edit_flag = true;
-                this.get_user_certification({methods: 'GET', data: {act: 'certpiccertinfo'}});
-                this.get_auth_code();
-            },
-            commit() {
-                for (let v of Object.keys(this.form)) {
-                    if (this.form[v].length < 2) {
-                        this.$message.error("填写错误，请检查");
-                        return false
-                    }
-                }
-                let reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
-                if (reg.test(this.form.card) === false) {
-                    this.$message.error("身份证输入不合法");
-                    return false;
-                }
-                if (this.captcha.change_type.sms) {
-                    let checkp = checkphone(this.form.mobile);
-                    if (!checkp) {
-                        this.$message.error("手机号输入不合法");
-                        return false;
-                    }
-                }
-                delete this.form['email'];
-                this.get_user_certification({methods: 'POST', data: this.form})
-            },
-            get_user_certification(params) {
-                user_certification(res => {
-                    if (res.code === 1000) {
-                        if (params.methods === 'POST') {
-                            this.$message.success("信息提交成功，正在审核中");
-                            this.cert_edit_flag = false;
-                            this.certification_status = 0;
-                            getUserInfoFun(this);
-                            this.get_user_certification({methods: 'GET', data: {act: 'usercert'}});
-                        }
-                        if (res.data.usercert) {
-                            this.certification = res.data.usercert;
-                        } else {
-                            const ft = ['one', 'two', 'three'];
-                            if (res.data.certification && res.data.certification.length > 0) {
-                                for (let v of res.data.certification) {
-                                    this.user_certification[ft[v.type - 1]] = v.certification_url;
-                                }
-                            }
-                            if (res.data.user_certification) {
-                                this.form = res.data.user_certification;
-                            }
-                        }
-
-                    } else {
-                        this.$message.error(res.msg)
-                    }
-                }, params)
-            },
-
-            getsmsemailcode(act, target) {
-                let picode = {
-                    "authcode": this.form.authcode,
-                    "captcha_key": this.captcha.captcha_key,
-                };
-                if (this.captcha.captcha_image) {
-                    if (!this.form.authcode) {
-                        this.$message.error("图片验证码输入有误");
-                        return;
-                    }
-                    let captcha_flag = this.form.authcode.length === this.captcha.length;
-                    if (this.captcha.captcha_key === '' || !this.captcha.captcha_key) {
-                        captcha_flag = true
-                    }
-                    if (!captcha_flag) {
-                        this.$message.error("图片验证码输入有误");
-                        return
-                    }
-                }
-
-                let checkp = checkphone(this.form.mobile);
-                if (!checkp) {
-                    this.$message.error("手机号输入有误");
-                    return
-                }
-
-                let params = {'act': act, 'target': target, 'ext': picode, 'user_id': target, 'ftype': 'certification'};
-                if (this.captcha.geetest) {
-                    geetest(this, this.form.mobile, params, (n_params) => {
-                        this.get_phone_code(n_params);
-                    })
-                } else {
-                    this.get_phone_code(params)
-                }
-
-            },
-
-            get_phone_code(params) {
-                getAuthcTokenFun(data => {
-                    if (data.code === 1000) {
-                        let msg = '您正在进行身份认证，验证码已经发送您手机';
-                        this.$notify({
-                            title: '验证码',
-                            message: msg,
-                            type: 'success'
-                        });
-                        this.form.auth_token = data.data.auth_token;
-                    } else {
-                        this.$message.error(data.msg)
-                    }
-
-                }, {"methods": 'POST', 'data': params})
-            },
-
-            get_auth_code() {
-                if (this.form.authcode) {
-                    this.form.authcode = '';
-                }
-                changeInfoFun(data => {
-                    if (data.code === 1000) {
-                        this.captcha = data.data;
-                        if (this.captcha.captcha_key) {
-                            this.form.captcha_key = this.captcha.captcha_key;
-                        }
-                    } else {
-                        this.$message({
-                            message: data.msg,
-                            type: 'error'
-                        });
-                    }
-                }, {
-                    "methods": "GET",
-                    "data": {}
-                });
-            },
-            upload_one(file) {
-                return this.beforeAvatarUpload(file, 1)
-            },
-            upload_two(file) {
-                return this.beforeAvatarUpload(file, 2)
-            },
-            upload_three(file) {
-                return this.beforeAvatarUpload(file, 3)
-            },
-            beforeAvatarUpload(file, ptype) {
-                return AvatarUploadUtils(this, file, {
-                    'app_id': this.$store.state.userinfo.uid,
-                    'upload_key': file.name,
-                    'ftype': 'certification',
-                    'ext': {'ptype': ptype}
-                    // eslint-disable-next-line no-unused-vars
-                }, res => {
-                    this.get_user_certification({methods: 'GET', data: {act: 'certpic'}});
-                });
-
-            },
-            init() {
-                if (this.$store.state.userinfo.certification || this.$store.state.userinfo.certification === 0) {
-                    this.certification_status = this.$store.state.userinfo.certification;
-                    if (this.certification_status !== -1) {
-                        this.get_user_certification({methods: 'GET', data: {act: 'usercert'}});
-                    }
-                }
-
-            },
-        }, mounted() {
-            this.$store.dispatch('douserInfoIndex', 2);
-            this.init();
-        }, watch: {
-            '$store.state.userinfo': function () {
-                this.init();
+            if (res.data.user_certification) {
+              this.form = res.data.user_certification;
             }
+          }
+
+        } else {
+          this.$message.error(res.msg)
+        }
+      }, params)
+    },
+
+    getsmsemailcode(act, target) {
+      let picode = {
+        "authcode": this.form.authcode,
+        "captcha_key": this.captcha.captcha_key,
+      };
+      if (this.captcha.captcha_image) {
+        if (!this.form.authcode) {
+          this.$message.error("图片验证码输入有误");
+          return;
+        }
+        let captcha_flag = this.form.authcode.length === this.captcha.length;
+        if (this.captcha.captcha_key === '' || !this.captcha.captcha_key) {
+          captcha_flag = true
+        }
+        if (!captcha_flag) {
+          this.$message.error("图片验证码输入有误");
+          return
         }
+      }
+
+      let checkp = checkphone(this.form.mobile);
+      if (!checkp) {
+        this.$message.error("手机号输入有误");
+        return
+      }
+
+      let params = {'act': act, 'target': target, 'ext': picode, 'user_id': target, 'ftype': 'certification'};
+      if (this.captcha.geetest) {
+        geetest(this, this.form.mobile, params, (n_params) => {
+          this.get_phone_code(n_params);
+        })
+      } else {
+        this.get_phone_code(params)
+      }
+
+    },
+
+    get_phone_code(params) {
+      getAuthcTokenFun(data => {
+        if (data.code === 1000) {
+          let msg = '您正在进行身份认证，验证码已经发送您手机';
+          this.$notify({
+            title: '验证码',
+            message: msg,
+            type: 'success'
+          });
+          this.form.auth_token = data.data.auth_token;
+        } else {
+          this.$message.error(data.msg)
+        }
+
+      }, {"methods": 'POST', 'data': params})
+    },
+
+    get_auth_code() {
+      if (this.form.authcode) {
+        this.form.authcode = '';
+      }
+      changeInfoFun(data => {
+        if (data.code === 1000) {
+          this.captcha = data.data;
+          if (this.captcha.captcha_key) {
+            this.form.captcha_key = this.captcha.captcha_key;
+          }
+        } else {
+          this.$message({
+            message: data.msg,
+            type: 'error'
+          });
+        }
+      }, {
+        "methods": "GET",
+        "data": {}
+      });
+    },
+    upload_one(file) {
+      return this.beforeAvatarUpload(file, 1)
+    },
+    upload_two(file) {
+      return this.beforeAvatarUpload(file, 2)
+    },
+    upload_three(file) {
+      return this.beforeAvatarUpload(file, 3)
+    },
+    beforeAvatarUpload(file, ptype) {
+      return AvatarUploadUtils(this, file, {
+        'app_id': this.$store.state.userinfo.uid,
+        'upload_key': file.name,
+        'ftype': 'certification',
+        'ext': {'ptype': ptype}
+        // eslint-disable-next-line no-unused-vars
+      }, res => {
+        this.get_user_certification({methods: 'GET', data: {act: 'certpic'}});
+      });
+
+    },
+    init() {
+      if (this.$store.state.userinfo.certification || this.$store.state.userinfo.certification === 0) {
+        this.certification_status = this.$store.state.userinfo.certification;
+        if (this.certification_status !== -1) {
+          this.get_user_certification({methods: 'GET', data: {act: 'usercert'}});
+        }
+      }
+
+    },
+  }, mounted() {
+    this.$store.dispatch('douserInfoIndex', 2);
+    this.init();
+  }, watch: {
+    '$store.state.userinfo': function () {
+      this.init();
     }
+  }
+}
 </script>
 
 <style scoped>
-    .el-form {
-        max-width: 800px;
-        margin: 0 auto;
-    }
-
-    .el-form-item .el-button {
-        max-width: 260px;
-        width: 100%;
-        height: 50px;
-    }
-
-    .appdownload /deep/ .el-upload-dragger {
-        background: #f1f1f1;
-        width: 200px;
-        height: 166px;
-    }
-
-    .appdownload /deep/ .el-icon-upload {
-        margin-top: 45%;
-    }
-
-    .appdownload {
-        float: left;
-        width: 200px;
-        height: 166px;
-        background-color: #c2dcf1;
-    }
-
-    .avatar-uploader .el-upload {
-        border: 1px dashed #d9d9d9;
-        border-radius: 6px;
-        cursor: pointer;
-        position: relative;
-        overflow: hidden;
-    }
-
-    .avatar-uploader .el-upload:hover {
-        border-color: #409EFF;
-    }
-
-    .avatar-uploader-icon {
-        color: #8c939d;
-        width: 158px;
-        height: 158px;
-        line-height: 158px;
-        text-align: center;
-    }
-
-    .avatar {
-        width: 178px;
-        height: 178px;
-        display: block;
-    }
+.el-form {
+  max-width: 800px;
+  margin: 0 auto;
+}
+
+.el-form-item .el-button {
+  max-width: 260px;
+  width: 100%;
+  height: 50px;
+}
+
+.appdownload /deep/ .el-upload-dragger {
+  background: #f1f1f1;
+  width: 200px;
+  height: 166px;
+}
+
+.appdownload /deep/ .el-icon-upload {
+  margin-top: 45%;
+}
+
+.appdownload {
+  float: left;
+  width: 200px;
+  height: 166px;
+  background-color: #c2dcf1;
+}
+
+.avatar-uploader .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+
+.avatar-uploader .el-upload:hover {
+  border-color: #409EFF;
+}
+
+.avatar-uploader-icon {
+  color: #8c939d;
+  width: 158px;
+  height: 158px;
+  line-height: 158px;
+  text-align: center;
+}
+
+.avatar {
+  width: 178px;
+  height: 178px;
+  display: block;
+}
 </style>
diff --git a/fir_client/src/components/user/FirUserProfileChangePwd.vue b/fir_client/src/components/user/FirUserProfileChangePwd.vue
index 0cc8970..9c9e986 100644
--- a/fir_client/src/components/user/FirUserProfileChangePwd.vue
+++ b/fir_client/src/components/user/FirUserProfileChangePwd.vue
@@ -1,98 +1,98 @@
 <template>
-    <div>
+  <div>
 
-        <el-form ref="form" :model="form" label-width="90px">
-            <el-form-item label="当前密码">
-                <el-row :gutter="36">
-                    <el-col :span="18">
-                        <el-input v-model="form.oldpassword" show-password autofocus prefix-icon="el-icon-unlock"
-                                  placeholder="当前密码" clearable/>
-                    </el-col>
-                </el-row>
-            </el-form-item>
-            <el-form-item label="新密码">
-                <el-row :gutter="36">
-                    <el-col :span="18">
-                        <el-input v-model="form.newpassword" show-password prefix-icon="el-icon-lock"
-                                  placeholder="新密码" clearable/>
-                    </el-col>
-                </el-row>
-            </el-form-item>
+    <el-form ref="form" :model="form" label-width="90px">
+      <el-form-item label="当前密码">
+        <el-row :gutter="36">
+          <el-col :span="18">
+            <el-input v-model="form.oldpassword" autofocus clearable placeholder="当前密码"
+                      prefix-icon="el-icon-unlock" show-password/>
+          </el-col>
+        </el-row>
+      </el-form-item>
+      <el-form-item label="新密码">
+        <el-row :gutter="36">
+          <el-col :span="18">
+            <el-input v-model="form.newpassword" clearable placeholder="新密码"
+                      prefix-icon="el-icon-lock" show-password/>
+          </el-col>
+        </el-row>
+      </el-form-item>
 
-            <el-form-item label="确认密码">
-                <el-row :gutter="36">
-                    <el-col :span="18">
-                        <el-input v-model="form.surepassword" show-password prefix-icon="el-icon-lock"
-                                  placeholder="确认密码" clearable/>
-                    </el-col>
-                </el-row>
-            </el-form-item>
+      <el-form-item label="确认密码">
+        <el-row :gutter="36">
+          <el-col :span="18">
+            <el-input v-model="form.surepassword" clearable placeholder="确认密码"
+                      prefix-icon="el-icon-lock" show-password/>
+          </el-col>
+        </el-row>
+      </el-form-item>
 
-            <el-form-item>
-                <el-row :gutter="36">
-                    <el-col :span="20">
-                        <el-button type="primary" @click="updatepasswd">更新密码</el-button>
-                    </el-col>
-                </el-row>
-            </el-form-item>
+      <el-form-item>
+        <el-row :gutter="36">
+          <el-col :span="20">
+            <el-button type="primary" @click="updatepasswd">更新密码</el-button>
+          </el-col>
+        </el-row>
+      </el-form-item>
 
-        </el-form>
+    </el-form>
 
 
-    </div>
+  </div>
 </template>
 
 <script>
-    import {userinfos} from "@/restful";
+import {userinfos} from "@/restful";
 
-    export default {
-        name: "FirUserProfileChangePwd",
-        data() {
-            return {
-                form: {
-                    oldpassword: '',
-                    newpassword: '',
-                    surepassword: ''
-                },
-            }
-        }, methods: {
-            updatepasswd() {
-                if (this.form.newpassword === this.form.surepassword) {
+export default {
+  name: "FirUserProfileChangePwd",
+  data() {
+    return {
+      form: {
+        oldpassword: '',
+        newpassword: '',
+        surepassword: ''
+      },
+    }
+  }, methods: {
+    updatepasswd() {
+      if (this.form.newpassword === this.form.surepassword) {
 
-                    userinfos(data => {
-                        if (data.code === 1000) {
-                            this.userinfo = data.data;
-                            this.$message.success('密码修改成功');
-                        } else {
-                            this.$message.error('密码修改失败,' + data.msg);
-                        }
-                    }, {
-                        "methods": 'PUT', 'data': {
-                            "oldpassword": this.form.oldpassword,
-                            "surepassword": this.form.surepassword
-                        }
-                    });
-                } else {
-                    this.$message.error('密码不一致');
-                }
-            }
-        }, mounted() {
-            this.$store.dispatch('douserInfoIndex', 1);
-        }
+        userinfos(data => {
+          if (data.code === 1000) {
+            this.userinfo = data.data;
+            this.$message.success('密码修改成功');
+          } else {
+            this.$message.error('密码修改失败,' + data.msg);
+          }
+        }, {
+          "methods": 'PUT', 'data': {
+            "oldpassword": this.form.oldpassword,
+            "surepassword": this.form.surepassword
+          }
+        });
+      } else {
+        this.$message.error('密码不一致');
+      }
     }
+  }, mounted() {
+    this.$store.dispatch('douserInfoIndex', 1);
+  }
+}
 </script>
 
 <style scoped>
-    .el-form {
-        max-width: 500px;
-        margin: 0 auto;
-    }
+.el-form {
+  max-width: 500px;
+  margin: 0 auto;
+}
 
-    .el-button {
-        margin-top: 20px;
-        max-width: 260px;
-        width: 100%;
-        height: 50px;
-    }
+.el-button {
+  margin-top: 20px;
+  max-width: 260px;
+  width: 100%;
+  height: 50px;
+}
 
 </style>
diff --git a/fir_client/src/components/user/FirUserProfileInfo.vue b/fir_client/src/components/user/FirUserProfileInfo.vue
index f990274..ab4c79b 100644
--- a/fir_client/src/components/user/FirUserProfileInfo.vue
+++ b/fir_client/src/components/user/FirUserProfileInfo.vue
@@ -1,657 +1,657 @@
 <template>
-    <div>
-
-        <el-dialog
-                :visible.sync="show_wx_visible"
-                width="780px"
-                center
-                :close-on-click-modal="false"
-                :close-on-press-escape="false">
+  <div>
+
+    <el-dialog
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        :visible.sync="show_wx_visible"
+        center
+        width="780px">
                 <span slot="title" style="color: #313639;font-size: 28px; margin-bottom: 14px;">
                     微信授权登录用户信息
                 </span>
-            <el-tag style="margin-bottom: 10px">授权用户将可以使用微信扫码直接登录</el-tag>
-            <el-table
-                    :data="wx_user_list"
-                    stripe
-                    border
-                    style="width: 100%">
-
-
-                <el-table-column
-                        label="昵称"
-                        align="center"
-                        width="180">
-                    <template slot-scope="scope">
-                        <el-popover trigger="hover" placement="top">
-                            <p>昵称: {{ scope.row.nickname }}</p>
-                            <p>性别: {{ scope.row.sex|sex_filter }}</p>
-                            <p>住址: {{ scope.row.address }}</p>
-                            <p>openid: {{ scope.row.openid }}</p>
-                            <div slot="reference" class="name-wrapper">
-                                <el-tag size="medium">{{ scope.row.nickname }}</el-tag>
-                            </div>
-                        </el-popover>
-                    </template>
-                </el-table-column>
-
-                <el-table-column
-                        label="头像"
-                        align="center"
-                        width="120">
-                    <template slot-scope="scope">
-                        <el-image :src="scope.row.head_img_url" style="width: 80px;height: 80px"/>
-                    </template>
-                </el-table-column>
-
-                <el-table-column
-                        label="关注公众号"
-                        align="center"
-                        width="100">
-                    <template slot-scope="scope">
-                        <div slot="reference" class="name-wrapper">
-                            <el-tag size="medium" v-if="scope.row.subscribe">是</el-tag>
-                            <el-tag size="medium" v-else type="danger">否</el-tag>
-                        </div>
-                    </template>
-                </el-table-column>
-                <el-table-column
-                        label="授权时间"
-                        align="center"
-                        width="200">
-                    <template slot-scope="scope">
-                        <i class="el-icon-time"></i>
-                        <span style="margin-left: 10px">{{ scope.row.created_time|format_time }}</span>
-                    </template>
-                </el-table-column>
-                <el-table-column
-                        label="操作"
-                        align="center"
-                >
-                    <template slot-scope="scope">
-                        <el-button
-                                size="mini"
-                                type="danger"
-                                @click="delete_wx_u(scope.row)">移除授权
-                        </el-button>
-                    </template>
-                </el-table-column>
-            </el-table>
-
-        </el-dialog>
-
-        <el-form ref="form" :model="userinfo" label-width="90px">
-            <el-form-item label="用户名" v-if="userinfo && userinfo.login_type && userinfo.login_type.up">
-                <el-row :gutter="36">
-                    <el-col :span="16">
-                        <el-input v-model="userinfo.username" :readonly="edituser_name !== true"
-                                  prefix-icon="el-icon-user" placeholder="用户名" ref="user_name"
-                                  clearable/>
-                    </el-col>
-
-                    <el-col :span="1">
-                        <el-button icon="el-icon-edit" @click="changeUsernameValue">
-                        </el-button>
-                    </el-col>
-                    <el-col :span="5" v-if="edituser_name === true">
-                        <el-button type="success" @click="saveUsername" plain
-                                   class="save-button">
-                            保存
-                        </el-button>
-                    </el-col>
-
-                </el-row>
-            </el-form-item>
-
-
-            <el-form-item label="手机号码">
-                <el-row :gutter="36">
-                    <el-col :span="16">
-                        <el-input v-model="userinfo.mobile" ref="phone" :readonly="editphone !== true"
-                                  prefix-icon="el-icon-mobile" placeholder="手机" maxlength="11" clearable
-                                  :disabled="!captcha.change_type.sms"/>
-                    </el-col>
-                    <el-col :span="1">
-                        <el-button icon="el-icon-edit" @click="changePhoneValue">
-                        </el-button>
-                    </el-col>
-                    <el-col :span="5" v-if="editphone === true && captcha.change_type.sms">
-                        <el-button type="success" @click="savePhone" plain
-                                   class="save-button">
-                            保存
-                        </el-button>
-                    </el-col>
-                </el-row>
-            </el-form-item>
-
-            <el-form-item label="图片验证码" style="height: 40px"
-                          v-if="editphone === true && captcha.captcha_image && captcha.change_type.sms">
-                <el-row style="height: 40px" :gutter="36">
-                    <el-col :span="14">
-                        <el-input placeholder="请输入图片验证码" v-model="userinfo.authcode" maxlength="6" clearable/>
-                    </el-col>
-                    <el-col :span="8">
-                        <el-image
-                                style="margin:0 4px;border-radius:4px;cursor:pointer;height: 40px"
-                                :src="captcha.captcha_image"
-                                fit="contain" @click="get_auth_code">
-                        </el-image>
-                    </el-col>
-                </el-row>
-            </el-form-item>
-
-            <el-form-item label="手机验证码" v-if="editphone === true && captcha.change_type.sms">
-                <el-row :gutter="36">
-                    <el-col :span="16">
-                        <el-input v-model="userinfo.auth_key" prefix-icon="el-icon-mobile" placeholder="验证码"
-                                  maxlength="6" clearable/>
-                    </el-col>
-                    <el-col :span="7">
-                        <el-button type="info" @click="getsmsemailcode('sms',userinfo.mobile)" plain
-                                   class="save-button">
-                            获取验证码
-                        </el-button>
-                    </el-col>
-
-                </el-row>
-            </el-form-item>
-
-
-            <el-form-item label="邮箱地址">
-                <el-row :gutter="36">
-                    <el-col :span="16">
-                        <el-input v-model="userinfo.email" ref="email" :readonly="editemail !== true"
-                                  prefix-icon="el-icon-bank-card" placeholder="邮箱" maxlength="20" clearable
-                                  :disabled="!captcha.change_type.email"/>
-                    </el-col>
-                    <el-col :span="1">
-                        <el-button icon="el-icon-edit" @click="changeemailValue">
-                        </el-button>
-                    </el-col>
-                    <el-col :span="5" v-if="editemail === true && captcha.change_type.email">
-                        <el-button type="success" @click="saveemail" plain
-                                   class="save-button">
-                            保存
-                        </el-button>
-                    </el-col>
-                </el-row>
-            </el-form-item>
-
-
-            <el-form-item label="图片验证码" style="height: 40px"
-                          v-if="editemail === true && captcha.captcha_image && captcha.change_type.email">
-                <el-row style="height: 40px" :gutter="36">
-                    <el-col :span="14">
-                        <el-input placeholder="请输入图片验证码" v-model="userinfo.authcode" maxlength="6" clearable/>
-                    </el-col>
-                    <el-col :span="8">
-                        <el-image
-                                style="margin:0 4px;border-radius:4px;cursor:pointer;height: 40px"
-                                :src="captcha.captcha_image"
-                                fit="contain" @click="get_auth_code">
-                        </el-image>
-                    </el-col>
-                </el-row>
-            </el-form-item>
-
-            <el-form-item label="邮箱验证码" v-if="editemail === true && captcha.change_type.email">
-                <el-row :gutter="36">
-                    <el-col :span="16">
-                        <el-input v-model="userinfo.auth_key" prefix-icon="el-icon-mobile" placeholder="验证码"
-                                  maxlength="6" clearable/>
-                    </el-col>
-                    <el-col :span="7">
-                        <el-button type="info" @click="getsmsemailcode('email',userinfo.email)" plain
-                                   class="save-button">
-                            获取验证码
-                        </el-button>
-                    </el-col>
-
-                </el-row>
-            </el-form-item>
-            <el-form-item v-if="editphone === true || editemail === true">
-                <el-row :gutter="36">
-                    <el-col :span="18">
-                        <div id="captcha" ref="captcha"></div>
-                    </el-col>
-                </el-row>
-            </el-form-item>
-
-            <el-form-item label="下载域名">
-                <el-row :gutter="36">
-                    <el-col :span="16">
-                        <el-input :value="userinfo.domain_name" :readonly="true" ref="domain_name"
-                                  prefix-icon="el-icon-download"
-                                  placeholder="下载页域名" clearable/>
-                    </el-col>
-                </el-row>
-            </el-form-item>
-
-            <el-form-item label="职位">
-                <el-row :gutter="36">
-                    <el-col :span="16">
-                        <el-input v-model="userinfo.job" ref="position" :readonly="editposition !== true"
-                                  prefix-icon="el-icon-postcard" placeholder="职位" clearable/>
-                    </el-col>
-                    <el-col :span="1">
-                        <el-button icon="el-icon-edit" @click="changePositionValue">
-                        </el-button>
-                    </el-col>
-                    <el-col :span="5" v-if="editposition === true">
-                        <el-button type="success" @click="savePositionValue" plain
-                                   class="save-button">
-                            保存
-
-                        </el-button>
-                    </el-col>
-                </el-row>
-            </el-form-item>
-
-            <div class="other-way"
-                 v-if="userinfo && userinfo.login_type && userinfo.login_type.third && JSON.stringify(userinfo.login_type.third).indexOf('true')!==-1">
-                <hr>
-                <span class="info">绑定第三方账户</span>
-                <el-row :gutter="20" v-if="userinfo.login_type.third && userinfo.login_type.third.wxp">
-                    <el-col :span="6" :offset="6">
-                        <el-popover
-                                placement="top"
-                                trigger="manual"
-                                title="打开微信扫一扫进行绑定"
-                                v-model="wx_visible">
-                            <div>
-                                <el-image :src="wx_login_qr_url" style="width: 176px;height: 166px"/>
-                            </div>
-                            <el-button slot="reference" size="small" @click="wxLogin">绑定微信</el-button>
-                        </el-popover>
-                    </el-col>
-                    <el-col :span="6">
-                        <el-button size="small" @click="get_wx_user_list">授权信息</el-button>
-                    </el-col>
-                </el-row>
-
+      <el-tag style="margin-bottom: 10px">授权用户将可以使用微信扫码直接登录</el-tag>
+      <el-table
+          :data="wx_user_list"
+          border
+          stripe
+          style="width: 100%">
+
+
+        <el-table-column
+            align="center"
+            label="昵称"
+            width="180">
+          <template slot-scope="scope">
+            <el-popover placement="top" trigger="hover">
+              <p>昵称: {{ scope.row.nickname }}</p>
+              <p>性别: {{ scope.row.sex|sex_filter }}</p>
+              <p>住址: {{ scope.row.address }}</p>
+              <p>openid: {{ scope.row.openid }}</p>
+              <div slot="reference" class="name-wrapper">
+                <el-tag size="medium">{{ scope.row.nickname }}</el-tag>
+              </div>
+            </el-popover>
+          </template>
+        </el-table-column>
+
+        <el-table-column
+            align="center"
+            label="头像"
+            width="120">
+          <template slot-scope="scope">
+            <el-image :src="scope.row.head_img_url" style="width: 80px;height: 80px"/>
+          </template>
+        </el-table-column>
+
+        <el-table-column
+            align="center"
+            label="关注公众号"
+            width="100">
+          <template slot-scope="scope">
+            <div slot="reference" class="name-wrapper">
+              <el-tag v-if="scope.row.subscribe" size="medium">是</el-tag>
+              <el-tag v-else size="medium" type="danger">否</el-tag>
             </div>
-
-        </el-form>
-
-
-    </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+            align="center"
+            label="授权时间"
+            width="200">
+          <template slot-scope="scope">
+            <i class="el-icon-time"></i>
+            <span style="margin-left: 10px">{{ scope.row.created_time|format_time }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+            align="center"
+            label="操作"
+        >
+          <template slot-scope="scope">
+            <el-button
+                size="mini"
+                type="danger"
+                @click="delete_wx_u(scope.row)">移除授权
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+    </el-dialog>
+
+    <el-form ref="form" :model="userinfo" label-width="90px">
+      <el-form-item v-if="userinfo && userinfo.login_type && userinfo.login_type.up" label="用户名">
+        <el-row :gutter="36">
+          <el-col :span="16">
+            <el-input ref="user_name" v-model="userinfo.username"
+                      :readonly="edituser_name !== true" clearable placeholder="用户名"
+                      prefix-icon="el-icon-user"/>
+          </el-col>
+
+          <el-col :span="1">
+            <el-button icon="el-icon-edit" @click="changeUsernameValue">
+            </el-button>
+          </el-col>
+          <el-col v-if="edituser_name === true" :span="5">
+            <el-button class="save-button" plain type="success"
+                       @click="saveUsername">
+              保存
+            </el-button>
+          </el-col>
+
+        </el-row>
+      </el-form-item>
+
+
+      <el-form-item label="手机号码">
+        <el-row :gutter="36">
+          <el-col :span="16">
+            <el-input ref="phone" v-model="userinfo.mobile" :disabled="!captcha.change_type.sms"
+                      :readonly="editphone !== true" clearable maxlength="11" placeholder="手机"
+                      prefix-icon="el-icon-mobile"/>
+          </el-col>
+          <el-col :span="1">
+            <el-button icon="el-icon-edit" @click="changePhoneValue">
+            </el-button>
+          </el-col>
+          <el-col v-if="editphone === true && captcha.change_type.sms" :span="5">
+            <el-button class="save-button" plain type="success"
+                       @click="savePhone">
+              保存
+            </el-button>
+          </el-col>
+        </el-row>
+      </el-form-item>
+
+      <el-form-item v-if="editphone === true && captcha.captcha_image && captcha.change_type.sms" label="图片验证码"
+                    style="height: 40px">
+        <el-row :gutter="36" style="height: 40px">
+          <el-col :span="14">
+            <el-input v-model="userinfo.authcode" clearable maxlength="6" placeholder="请输入图片验证码"/>
+          </el-col>
+          <el-col :span="8">
+            <el-image
+                :src="captcha.captcha_image"
+                fit="contain"
+                style="margin:0 4px;border-radius:4px;cursor:pointer;height: 40px" @click="get_auth_code">
+            </el-image>
+          </el-col>
+        </el-row>
+      </el-form-item>
+
+      <el-form-item v-if="editphone === true && captcha.change_type.sms" label="手机验证码">
+        <el-row :gutter="36">
+          <el-col :span="16">
+            <el-input v-model="userinfo.auth_key" clearable maxlength="6"
+                      placeholder="验证码" prefix-icon="el-icon-mobile"/>
+          </el-col>
+          <el-col :span="7">
+            <el-button class="save-button" plain type="info"
+                       @click="getsmsemailcode('sms',userinfo.mobile)">
+              获取验证码
+            </el-button>
+          </el-col>
+
+        </el-row>
+      </el-form-item>
+
+
+      <el-form-item label="邮箱地址">
+        <el-row :gutter="36">
+          <el-col :span="16">
+            <el-input ref="email" v-model="userinfo.email" :disabled="!captcha.change_type.email"
+                      :readonly="editemail !== true" clearable maxlength="20" placeholder="邮箱"
+                      prefix-icon="el-icon-bank-card"/>
+          </el-col>
+          <el-col :span="1">
+            <el-button icon="el-icon-edit" @click="changeemailValue">
+            </el-button>
+          </el-col>
+          <el-col v-if="editemail === true && captcha.change_type.email" :span="5">
+            <el-button class="save-button" plain type="success"
+                       @click="saveemail">
+              保存
+            </el-button>
+          </el-col>
+        </el-row>
+      </el-form-item>
+
+
+      <el-form-item v-if="editemail === true && captcha.captcha_image && captcha.change_type.email" label="图片验证码"
+                    style="height: 40px">
+        <el-row :gutter="36" style="height: 40px">
+          <el-col :span="14">
+            <el-input v-model="userinfo.authcode" clearable maxlength="6" placeholder="请输入图片验证码"/>
+          </el-col>
+          <el-col :span="8">
+            <el-image
+                :src="captcha.captcha_image"
+                fit="contain"
+                style="margin:0 4px;border-radius:4px;cursor:pointer;height: 40px" @click="get_auth_code">
+            </el-image>
+          </el-col>
+        </el-row>
+      </el-form-item>
+
+      <el-form-item v-if="editemail === true && captcha.change_type.email" label="邮箱验证码">
+        <el-row :gutter="36">
+          <el-col :span="16">
+            <el-input v-model="userinfo.auth_key" clearable maxlength="6"
+                      placeholder="验证码" prefix-icon="el-icon-mobile"/>
+          </el-col>
+          <el-col :span="7">
+            <el-button class="save-button" plain type="info"
+                       @click="getsmsemailcode('email',userinfo.email)">
+              获取验证码
+            </el-button>
+          </el-col>
+
+        </el-row>
+      </el-form-item>
+      <el-form-item v-if="editphone === true || editemail === true">
+        <el-row :gutter="36">
+          <el-col :span="18">
+            <div id="captcha" ref="captcha"></div>
+          </el-col>
+        </el-row>
+      </el-form-item>
+
+      <el-form-item label="下载域名">
+        <el-row :gutter="36">
+          <el-col :span="16">
+            <el-input ref="domain_name" :readonly="true" :value="userinfo.domain_name"
+                      clearable
+                      placeholder="下载页域名" prefix-icon="el-icon-download"/>
+          </el-col>
+        </el-row>
+      </el-form-item>
+
+      <el-form-item label="职位">
+        <el-row :gutter="36">
+          <el-col :span="16">
+            <el-input ref="position" v-model="userinfo.job" :readonly="editposition !== true"
+                      clearable placeholder="职位" prefix-icon="el-icon-postcard"/>
+          </el-col>
+          <el-col :span="1">
+            <el-button icon="el-icon-edit" @click="changePositionValue">
+            </el-button>
+          </el-col>
+          <el-col v-if="editposition === true" :span="5">
+            <el-button class="save-button" plain type="success"
+                       @click="savePositionValue">
+              保存
+
+            </el-button>
+          </el-col>
+        </el-row>
+      </el-form-item>
+
+      <div v-if="userinfo && userinfo.login_type && userinfo.login_type.third && JSON.stringify(userinfo.login_type.third).indexOf('true')!==-1"
+           class="other-way">
+        <hr>
+        <span class="info">绑定第三方账户</span>
+        <el-row v-if="userinfo.login_type.third && userinfo.login_type.third.wxp" :gutter="20">
+          <el-col :offset="6" :span="6">
+            <el-popover
+                v-model="wx_visible"
+                placement="top"
+                title="打开微信扫一扫进行绑定"
+                trigger="manual">
+              <div>
+                <el-image :src="wx_login_qr_url" style="width: 176px;height: 166px"/>
+              </div>
+              <el-button slot="reference" size="small" @click="wxLogin">绑定微信</el-button>
+            </el-popover>
+          </el-col>
+          <el-col :span="6">
+            <el-button size="small" @click="get_wx_user_list">授权信息</el-button>
+          </el-col>
+        </el-row>
+
+      </div>
+
+    </el-form>
+
+
+  </div>
 </template>
 
 <script>
-    import {changeInfoFun, getAuthcTokenFun, userinfos, wxLoginFun, wxutils} from '@/restful'
-    import {deepCopy, geetest} from "@/utils";
-
-    export default {
-        name: "FirUserProfileInfo",
-        data() {
-            return {
-                userinfo: {
-                    srccode: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                    authcode: ''
-                },
-                orguserinfo: {},
-                editphone: false,
-                editemail: false,
-                editdomain_name: false,
-                edituser_name: false,
-                editposition: false,
-                captcha: {"captcha_image": '', "captcha_key": '', "length": 8, change_type: {email: false, sms: false}},
-                form: {},
-                wx_login_qr_url: '',
-                wx_visible: false,
-                loop_flag: false,
-                show_wx_visible: false,
-                wx_user_list: [],
-                pagination: {"currentPage": 1, "total": 0, "pagesize": 999},
-            }
-        }, methods: {
-            delete_wx_u(wx_user_info) {
-                this.$confirm(`此操作将导致微信用户 “${wx_user_info.nickname}” 无法通过扫码登录, 是否继续删除?`, '提示', {
-                    confirmButtonText: '确定',
-                    cancelButtonText: '取消',
-                    type: 'warning'
-                }).then(() => {
-                    this.wxUtilsFun({
-                        methods: 'DELETE',
-                        data: {
-                            "size": this.pagination.pagesize,
-                            "page": this.pagination.currentPage,
-                            "user_id": wx_user_info.user_id,
-                            "openid": wx_user_info.openid,
-                        }
-                    })
-                }).catch(() => {
-                    this.$message({
-                        type: 'info',
-                        message: '已取消删除'
-                    });
-                });
-            },
-            wxUtilsFun(params) {
-                wxutils(data => {
-                    if (data.code === 1000) {
-                        this.wx_user_list = data.data;
-                        this.show_wx_visible = true
-                    } else {
-                        this.$message.error("获取授权列表失败")
-                    }
-                }, params)
-            },
-            get_wx_user_list() {
-                this.wxUtilsFun({
-                    methods: 'GET',
-                    data: {
-                        "size": this.pagination.pagesize,
-                        "page": this.pagination.currentPage
-                    }
-                })
-            },
-            loop_get_wx_info(wx_login_ticket) {
-                if (wx_login_ticket && wx_login_ticket.length < 3) {
-                    this.$message.error("获取登陆码失败，请稍后再试");
-                    return
-                }
-                let c_count = 1;
-                // eslint-disable-next-line no-unused-vars
-                const loop_t = window.setInterval(res => {
-                    if (!this.loop_flag) {
-                        window.clearInterval(loop_t);
-                    }
-                    wxLoginFun(data => {
-                        c_count += 1;
-                        if (c_count > 120) {
-                            window.clearInterval(loop_t);
-                        }
-                        if (data.code === 1000) {
-                            window.clearInterval(loop_t);
-                            if (this.userinfo.uid === data.userinfo.uid) {
-                                this.$message.success("绑定成功");
-                                this.wx_visible = false;
-                                this.loop_flag = false;
-                            }
-                        } else if (data.code === 1005) {
-                            window.clearInterval(loop_t);
-                            this.$message({
-                                message: data.msg,
-                                type: 'error',
-                                duration: 30000
-                            });
-                        }
-                    }, {
-                        "methods": "POST",
-                        data: {"ticket": wx_login_ticket}
-                    })
-                }, 3000)
-
-            },
-            wxLogin() {
-                this.wx_visible = !this.wx_visible;
-                this.wx_login_qr_url = '';
-                if (this.wx_visible) {
-                    userinfos(data => {
-                        if (data.code === 1000) {
-                            this.wx_login_qr_url = data.data.qr;
-                            this.loop_flag = true;
-                            this.loop_get_wx_info(data.data.ticket);
-                        } else {
-                            this.$message.error(data.msg);
-                            this.wx_visible = false;
-                            this.loop_flag = false;
-                        }
-                    }, {
-                        "methods": "POST",
-                    })
-                } else {
-                    this.loop_flag = false;
-                }
-            },
-            get_auth_code() {
-                changeInfoFun(data => {
-                    if (data.code === 1000) {
-                        this.captcha = data.data;
-                        this.userinfo.captcha_key = this.captcha.captcha_key;
-                        if (this.userinfo.authcode) {
-                            this.userinfo.authcode = '';
-                        }
-                    } else {
-                        this.$message({
-                            message: data.msg,
-                            type: 'error'
-                        });
-                    }
-                }, {
-                    "methods": "GET",
-                    "data": {}
-                });
-            },
-
-            saveUsername() {
-                if (this.userinfo.username.toString().length < 6) {
-                    this.$message.error("密码至少6位");
-                    return
-                }
-                this.updateUserInfo({"methods": 'PUT', 'data': {username: this.userinfo.username}});
-                this.changeUsernameValue()
-            },
-            saveDomain() {
-                this.updateUserInfo({"methods": 'PUT', 'data': {domain_name: this.userinfo.domain_name}});
-                this.changeDomainValue()
-            },
-            savePositionValue() {
-                this.updateUserInfo({"methods": 'PUT', 'data': {job: this.userinfo.job}});
-                this.changePositionValue()
-            },
-            authinfo() {
-                return {
-                    auth_token: this.userinfo.auth_token,
-                    auth_key: this.userinfo.auth_key,
-                    captcha_key: this.userinfo.captcha_key,
-                    authcode: this.userinfo.authcode,
-                };
-            },
-            saveemail() {
-                let data = this.authinfo();
-                data.email = this.userinfo.email;
-                data.act = 'email';
-                this.updateUserInfo({"methods": 'PUT', 'data': data});
-                this.changeemailValue()
-            },
-            savePhone() {
-                let data = this.authinfo();
-                data.mobile = this.userinfo.mobile;
-                data.act = 'sms';
-                this.updateUserInfo({"methods": 'PUT', 'data': data});
-                this.changePhoneValue()
-            },
-
-            updateUserInfo(datainfo) {
-                userinfos(data => {
-                    if (data.code === 1000) {
-                        this.userinfo = data.data;
-                        this.$store.dispatch("doUserinfo", data.data);
-                        this.orguserinfo = deepCopy(data.data);
-                        if (datainfo.data) {
-                            this.$message.success("更新成功")
-                        }
-
-                    } else {
-                        this.$message.error("更新失败 " + data.msg);
-                        this.$store.dispatch('doUserinfo', this.orguserinfo);
-
-                    }
-                }, datainfo)
-            },
-            changeemailValue() {
-                if (this.editphone) {
-                    this.editphone = !this.editphone;
-                }
-                this.get_auth_code();
-                this.editemail = !this.editemail;
-                if (this.$refs.email.$el.children[0].style.backgroundColor) {
-                    this.$refs.email.$el.children[0].style.backgroundColor = ''
-                } else {
-                    this.$refs.email.$el.children[0].style.backgroundColor = '#f6ffdc';
-                }
-
-            },
-            changePhoneValue() {
-                if (this.editemail) {
-                    this.editemail = !this.editemail;
-                }
-                this.get_auth_code();
-                this.editphone = !this.editphone;
-                if (this.$refs.phone.$el.children[0].style.backgroundColor) {
-                    this.$refs.phone.$el.children[0].style.backgroundColor = ''
-                } else {
-                    this.$refs.phone.$el.children[0].style.backgroundColor = '#f6ffdc';
-                }
-
-            },
-            changePositionValue() {
-                this.editposition = !this.editposition;
-                if (this.$refs.position.$el.children[0].style.backgroundColor) {
-                    this.$refs.position.$el.children[0].style.backgroundColor = ''
-                } else {
-                    this.$refs.position.$el.children[0].style.backgroundColor = '#f6ffdc';
-                }
-
-            },
-            changeUsernameValue() {
-                this.edituser_name = !this.edituser_name;
-                if (this.$refs.user_name.$el.children[0].style.backgroundColor) {
-                    this.$refs.user_name.$el.children[0].style.backgroundColor = ''
-                } else {
-                    this.$refs.user_name.$el.children[0].style.backgroundColor = '#f6ffdc';
-                }
-            },
-            changeDomainValue() {
-                this.editdomain_name = !this.editdomain_name;
-                if (this.$refs.domain_name.$el.children[0].style.backgroundColor) {
-                    this.$refs.domain_name.$el.children[0].style.backgroundColor = ''
-                } else {
-                    this.$refs.domain_name.$el.children[0].style.backgroundColor = '#f6ffdc';
-                }
-            }, do_get_auth_token(params) {
-                getAuthcTokenFun(data => {
-                    if (data.code === 1000) {
-                        this.userinfo.act = params.act;
-                        let msg = '您正在修改手机号码，验证码已经发送您手机';
-                        if (params.act === "email") {
-                            msg = '您正在修改邮箱，验证码已经发送您邮箱';
-                        }
-                        this.$notify({
-                            title: '验证码',
-                            message: msg,
-                            type: 'success'
-                        });
-                        this.userinfo.auth_token = data.data.auth_token;
-                    } else {
-                        this.$message.error(data.msg)
-                    }
-
-                }, {"methods": 'POST', 'data': params})
-            },
-            getsmsemailcode(act, target) {
-                let picode = {
-                    "authcode": this.userinfo.authcode,
-                    "captcha_key": this.captcha.captcha_key,
-                };
-                let params = {
-                    'act': act, 'target': target, 'ext': picode
-                };
-                if (this.captcha.geetest) {
-                    geetest(this, this.form.email, target, params, (n_params) => {
-                        this.do_get_auth_token(n_params);
-                    })
-                } else {
-                    this.do_get_auth_token(params);
-                }
-            }
-        }, mounted() {
-            this.$store.dispatch('douserInfoIndex', 0);
-            // this.updateUserInfo({"methods":false});
-            this.userinfo = this.$store.state.userinfo;
-            this.orguserinfo = deepCopy(this.$store.state.userinfo);
-
-
-        }, watch: {
-            '$store.state.userinfo': function () {
-                this.userinfo = this.$store.state.userinfo;
-                this.orguserinfo = deepCopy(this.$store.state.userinfo);
-            }
-        }, filters: {
-            sex_filter: function (x) {
-                let ret = '未知';
-                if (x === 1) {
-                    ret = '男'
-                } else if (x === 2) {
-                    ret = '女'
-                }
-                return ret;
-            },
-            format_time: function (x) {
-                if (x) {
-                    x = x.split(".")[0].split("T");
-                    return x[0] + " " + x[1]
-                } else
-                    return '';
+import {changeInfoFun, getAuthcTokenFun, userinfos, wxLoginFun, wxutils} from '@/restful'
+import {deepCopy, geetest} from "@/utils";
+
+export default {
+  name: "FirUserProfileInfo",
+  data() {
+    return {
+      userinfo: {
+        srccode: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+        authcode: ''
+      },
+      orguserinfo: {},
+      editphone: false,
+      editemail: false,
+      editdomain_name: false,
+      edituser_name: false,
+      editposition: false,
+      captcha: {"captcha_image": '', "captcha_key": '', "length": 8, change_type: {email: false, sms: false}},
+      form: {},
+      wx_login_qr_url: '',
+      wx_visible: false,
+      loop_flag: false,
+      show_wx_visible: false,
+      wx_user_list: [],
+      pagination: {"currentPage": 1, "total": 0, "pagesize": 999},
+    }
+  }, methods: {
+    delete_wx_u(wx_user_info) {
+      this.$confirm(`此操作将导致微信用户 “${wx_user_info.nickname}” 无法通过扫码登录, 是否继续删除?`, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.wxUtilsFun({
+          methods: 'DELETE',
+          data: {
+            "size": this.pagination.pagesize,
+            "page": this.pagination.currentPage,
+            "user_id": wx_user_info.user_id,
+            "openid": wx_user_info.openid,
+          }
+        })
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消删除'
+        });
+      });
+    },
+    wxUtilsFun(params) {
+      wxutils(data => {
+        if (data.code === 1000) {
+          this.wx_user_list = data.data;
+          this.show_wx_visible = true
+        } else {
+          this.$message.error("获取授权列表失败")
+        }
+      }, params)
+    },
+    get_wx_user_list() {
+      this.wxUtilsFun({
+        methods: 'GET',
+        data: {
+          "size": this.pagination.pagesize,
+          "page": this.pagination.currentPage
+        }
+      })
+    },
+    loop_get_wx_info(wx_login_ticket) {
+      if (wx_login_ticket && wx_login_ticket.length < 3) {
+        this.$message.error("获取登陆码失败，请稍后再试");
+        return
+      }
+      let c_count = 1;
+      // eslint-disable-next-line no-unused-vars
+      const loop_t = window.setInterval(res => {
+        if (!this.loop_flag) {
+          window.clearInterval(loop_t);
+        }
+        wxLoginFun(data => {
+          c_count += 1;
+          if (c_count > 120) {
+            window.clearInterval(loop_t);
+          }
+          if (data.code === 1000) {
+            window.clearInterval(loop_t);
+            if (this.userinfo.uid === data.userinfo.uid) {
+              this.$message.success("绑定成功");
+              this.wx_visible = false;
+              this.loop_flag = false;
             }
+          } else if (data.code === 1005) {
+            window.clearInterval(loop_t);
+            this.$message({
+              message: data.msg,
+              type: 'error',
+              duration: 30000
+            });
+          }
+        }, {
+          "methods": "POST",
+          data: {"ticket": wx_login_ticket}
+        })
+      }, 3000)
+
+    },
+    wxLogin() {
+      this.wx_visible = !this.wx_visible;
+      this.wx_login_qr_url = '';
+      if (this.wx_visible) {
+        userinfos(data => {
+          if (data.code === 1000) {
+            this.wx_login_qr_url = data.data.qr;
+            this.loop_flag = true;
+            this.loop_get_wx_info(data.data.ticket);
+          } else {
+            this.$message.error(data.msg);
+            this.wx_visible = false;
+            this.loop_flag = false;
+          }
+        }, {
+          "methods": "POST",
+        })
+      } else {
+        this.loop_flag = false;
+      }
+    },
+    get_auth_code() {
+      changeInfoFun(data => {
+        if (data.code === 1000) {
+          this.captcha = data.data;
+          this.userinfo.captcha_key = this.captcha.captcha_key;
+          if (this.userinfo.authcode) {
+            this.userinfo.authcode = '';
+          }
+        } else {
+          this.$message({
+            message: data.msg,
+            type: 'error'
+          });
         }
-    }
-</script>
+      }, {
+        "methods": "GET",
+        "data": {}
+      });
+    },
+
+    saveUsername() {
+      if (this.userinfo.username.toString().length < 6) {
+        this.$message.error("密码至少6位");
+        return
+      }
+      this.updateUserInfo({"methods": 'PUT', 'data': {username: this.userinfo.username}});
+      this.changeUsernameValue()
+    },
+    saveDomain() {
+      this.updateUserInfo({"methods": 'PUT', 'data': {domain_name: this.userinfo.domain_name}});
+      this.changeDomainValue()
+    },
+    savePositionValue() {
+      this.updateUserInfo({"methods": 'PUT', 'data': {job: this.userinfo.job}});
+      this.changePositionValue()
+    },
+    authinfo() {
+      return {
+        auth_token: this.userinfo.auth_token,
+        auth_key: this.userinfo.auth_key,
+        captcha_key: this.userinfo.captcha_key,
+        authcode: this.userinfo.authcode,
+      };
+    },
+    saveemail() {
+      let data = this.authinfo();
+      data.email = this.userinfo.email;
+      data.act = 'email';
+      this.updateUserInfo({"methods": 'PUT', 'data': data});
+      this.changeemailValue()
+    },
+    savePhone() {
+      let data = this.authinfo();
+      data.mobile = this.userinfo.mobile;
+      data.act = 'sms';
+      this.updateUserInfo({"methods": 'PUT', 'data': data});
+      this.changePhoneValue()
+    },
+
+    updateUserInfo(datainfo) {
+      userinfos(data => {
+        if (data.code === 1000) {
+          this.userinfo = data.data;
+          this.$store.dispatch("doUserinfo", data.data);
+          this.orguserinfo = deepCopy(data.data);
+          if (datainfo.data) {
+            this.$message.success("更新成功")
+          }
+
+        } else {
+          this.$message.error("更新失败 " + data.msg);
+          this.$store.dispatch('doUserinfo', this.orguserinfo);
 
-<style scoped>
+        }
+      }, datainfo)
+    },
+    changeemailValue() {
+      if (this.editphone) {
+        this.editphone = !this.editphone;
+      }
+      this.get_auth_code();
+      this.editemail = !this.editemail;
+      if (this.$refs.email.$el.children[0].style.backgroundColor) {
+        this.$refs.email.$el.children[0].style.backgroundColor = ''
+      } else {
+        this.$refs.email.$el.children[0].style.backgroundColor = '#f6ffdc';
+      }
+
+    },
+    changePhoneValue() {
+      if (this.editemail) {
+        this.editemail = !this.editemail;
+      }
+      this.get_auth_code();
+      this.editphone = !this.editphone;
+      if (this.$refs.phone.$el.children[0].style.backgroundColor) {
+        this.$refs.phone.$el.children[0].style.backgroundColor = ''
+      } else {
+        this.$refs.phone.$el.children[0].style.backgroundColor = '#f6ffdc';
+      }
+
+    },
+    changePositionValue() {
+      this.editposition = !this.editposition;
+      if (this.$refs.position.$el.children[0].style.backgroundColor) {
+        this.$refs.position.$el.children[0].style.backgroundColor = ''
+      } else {
+        this.$refs.position.$el.children[0].style.backgroundColor = '#f6ffdc';
+      }
+
+    },
+    changeUsernameValue() {
+      this.edituser_name = !this.edituser_name;
+      if (this.$refs.user_name.$el.children[0].style.backgroundColor) {
+        this.$refs.user_name.$el.children[0].style.backgroundColor = ''
+      } else {
+        this.$refs.user_name.$el.children[0].style.backgroundColor = '#f6ffdc';
+      }
+    },
+    changeDomainValue() {
+      this.editdomain_name = !this.editdomain_name;
+      if (this.$refs.domain_name.$el.children[0].style.backgroundColor) {
+        this.$refs.domain_name.$el.children[0].style.backgroundColor = ''
+      } else {
+        this.$refs.domain_name.$el.children[0].style.backgroundColor = '#f6ffdc';
+      }
+    }, do_get_auth_token(params) {
+      getAuthcTokenFun(data => {
+        if (data.code === 1000) {
+          this.userinfo.act = params.act;
+          let msg = '您正在修改手机号码，验证码已经发送您手机';
+          if (params.act === "email") {
+            msg = '您正在修改邮箱，验证码已经发送您邮箱';
+          }
+          this.$notify({
+            title: '验证码',
+            message: msg,
+            type: 'success'
+          });
+          this.userinfo.auth_token = data.data.auth_token;
+        } else {
+          this.$message.error(data.msg)
+        }
 
-    .other-way {
-        position: relative;
-        text-align: center;
+      }, {"methods": 'POST', 'data': params})
+    },
+    getsmsemailcode(act, target) {
+      let picode = {
+        "authcode": this.userinfo.authcode,
+        "captcha_key": this.captcha.captcha_key,
+      };
+      let params = {
+        'act': act, 'target': target, 'ext': picode
+      };
+      if (this.captcha.geetest) {
+        geetest(this, this.form.email, target, params, (n_params) => {
+          this.do_get_auth_token(n_params);
+        })
+      } else {
+        this.do_get_auth_token(params);
+      }
     }
+  }, mounted() {
+    this.$store.dispatch('douserInfoIndex', 0);
+    // this.updateUserInfo({"methods":false});
+    this.userinfo = this.$store.state.userinfo;
+    this.orguserinfo = deepCopy(this.$store.state.userinfo);
 
-    .other-way hr {
-        height: 1px;
-        margin: 30px 0;
-        border: 0;
-        background-color: #e4e7ed;
-    }
 
-    .other-way span.info {
-        font-size: 12px;
-        line-height: 1;
-        position: absolute;
-        top: -6px;
-        left: 50%;
-        padding: 0 10px;
-        transform: translate(-50%, 0);
-        color: #9ba3af;
+  }, watch: {
+    '$store.state.userinfo': function () {
+      this.userinfo = this.$store.state.userinfo;
+      this.orguserinfo = deepCopy(this.$store.state.userinfo);
     }
-
-    .el-form {
-        max-width: 500px;
-        margin: 0 auto;
-    }
-
-
-    .el-button {
-        padding: 0;
-        border: none;
-        background-color: transparent;
-        color: #7e5ef8;
+  }, filters: {
+    sex_filter: function (x) {
+      let ret = '未知';
+      if (x === 1) {
+        ret = '男'
+      } else if (x === 2) {
+        ret = '女'
+      }
+      return ret;
+    },
+    format_time: function (x) {
+      if (x) {
+        x = x.split(".")[0].split("T");
+        return x[0] + " " + x[1]
+      } else
+        return '';
     }
+  }
+}
+</script>
 
-    .save-button {
-        margin: 0 4px;
-        border-radius: 4px;
-        cursor: pointer;
-        height: 36px;
-        background-color: #409eff;
-        color: #f9f9f9;
-        max-width: 360px;
-        width: 100%;
-        position: relative;
-    }
+<style scoped>
 
-    .save-button:focus {
-        background-color: #bfe7f9;
-    }
+.other-way {
+  position: relative;
+  text-align: center;
+}
+
+.other-way hr {
+  height: 1px;
+  margin: 30px 0;
+  border: 0;
+  background-color: #e4e7ed;
+}
+
+.other-way span.info {
+  font-size: 12px;
+  line-height: 1;
+  position: absolute;
+  top: -6px;
+  left: 50%;
+  padding: 0 10px;
+  transform: translate(-50%, 0);
+  color: #9ba3af;
+}
+
+.el-form {
+  max-width: 500px;
+  margin: 0 auto;
+}
+
+
+.el-button {
+  padding: 0;
+  border: none;
+  background-color: transparent;
+  color: #7e5ef8;
+}
+
+.save-button {
+  margin: 0 4px;
+  border-radius: 4px;
+  cursor: pointer;
+  height: 36px;
+  background-color: #409eff;
+  color: #f9f9f9;
+  max-width: 360px;
+  width: 100%;
+  position: relative;
+}
+
+.save-button:focus {
+  background-color: #bfe7f9;
+}
 
 </style>
diff --git a/fir_client/src/components/user/FirUserStorage.vue b/fir_client/src/components/user/FirUserStorage.vue
index 247f51f..497b818 100644
--- a/fir_client/src/components/user/FirUserStorage.vue
+++ b/fir_client/src/components/user/FirUserStorage.vue
@@ -1,547 +1,547 @@
 <template>
-    <el-main>
-        <h2 v-if="is_admin_storage">管理员存储，您配置的存储将决定其他用户配置的默认存储，请谨慎修改</h2>
-        <el-dialog :title="title" :visible.sync="dialogstorageVisible" :destroy-on-close="true"
-                   :close-on-click-modal="false">
-
-            <el-form v-if="editstorageinfo.id !==-1" ref="storageinfoform" :model="editstorageinfo"
-                     label-width="80px" style="margin:0 auto;">
-                <el-form-item label-width="100px" label="存储类型">
-                    <el-select :disabled='disabled' v-model="editstorageinfo.storage_type" placeholder="存储类型"
-                               style="margin-left: -100px">
-                        <el-option v-for="st in storage_list" :key="st.id" :label="st.name" :value="st.id"/>
-                    </el-select>
+  <el-main>
+    <h2 v-if="is_admin_storage">管理员存储，您配置的存储将决定其他用户配置的默认存储，请谨慎修改</h2>
+    <el-dialog :close-on-click-modal="false" :destroy-on-close="true" :title="title"
+               :visible.sync="dialogstorageVisible">
+
+      <el-form v-if="editstorageinfo.id !==-1" ref="storageinfoform" :model="editstorageinfo"
+               label-width="80px" style="margin:0 auto;">
+        <el-form-item label="存储类型" label-width="100px">
+          <el-select v-model="editstorageinfo.storage_type" :disabled='disabled' placeholder="存储类型"
+                     style="margin-left: -100px">
+            <el-option v-for="st in storage_list" :key="st.id" :label="st.name" :value="st.id"/>
+          </el-select>
+        </el-form-item>
+
+        <div v-if="editstorageinfo.storage_type">
+          <el-form-item label="存储名称" label-width="110px">
+            <el-input v-model="editstorageinfo.name" :disabled='disabled'/>
+          </el-form-item>
+
+          <el-form-item label="key" label-width="110px">
+            <el-input v-model="editstorageinfo.access_key" :disabled='disabled'/>
+          </el-form-item>
+          <el-form-item label="secret" label-width="110px">
+            <el-input v-model="editstorageinfo.secret_key" :disabled='disabled' placeholder="为空表示不修改该信息"/>
+          </el-form-item>
+
+          <el-form-item label="bucket_name" label-width="110px">
+            <el-input v-model="editstorageinfo.bucket_name" :disabled='disabled'/>
+          </el-form-item>
+          <el-form-item label="下载域名" label-width="110px">
+            <el-input v-model="editstorageinfo.domain_name" :disabled='disabled'/>
+          </el-form-item>
+
+          <div v-if="editstorageinfo.storage_type === 2">
+            <el-form-item label="sts_role_arn" label-width="110px">
+              <el-input v-model="editstorageinfo.sts_role_arn"
+                        :disabled='disabled'/>
+            </el-form-item>
+
+            <el-form-item label="endpoint" label-width="110px">
+              <el-input v-model="editstorageinfo.endpoint"
+                        :disabled='disabled'/>
+            </el-form-item>
+
+            <el-form-item label="下载授权方式" label-width="110px">
+              <el-select v-model="editstorageinfo.download_auth_type"
+                         :disabled="disabled"
+                         placeholder="下载授权方式" style="width: 80%">
+                <el-option v-for="st in editstorageinfo.download_auth_type_choices" :key="st.id"
+                           :label="st.name"
+                           :value="st.id"/>
+              </el-select>
+
+              <el-form-item v-if="editstorageinfo.download_auth_type === 2" label="CDN鉴权主KEY"
+                            label-width="120px"
+                            style="margin-top: 10px;margin-left: 70px;width: 60%">
+                <el-input v-model="editstorageinfo.cnd_auth_key" :disabled='disabled'
+                          placeholder="CDN鉴权主KEY"/>
+              </el-form-item>
+
+            </el-form-item>
+
+          </div>
+
+          <el-form-item label="备注" label-width="110px">
+            <el-input v-model="editstorageinfo.description" :disabled='disabled'/>
+          </el-form-item>
+
+          <el-button v-if="!disabled" @click="updateorcreate">保存</el-button>
+          <el-button v-if="!disabled" @click="dialogstorageVisible=false">取消</el-button>
+
+        </div>
+      </el-form>
+    </el-dialog>
+
+    <el-tabs v-model="activeName" tab-position="top" type="border-card" @tab-click="handleClick">
+      <el-tab-pane label="存储选择" name="change">
+        <el-select v-model="use_storage_id" :placeholder="selectlabel" filterable @change="select_storage">
+          <el-option-group
+              v-for="storage_group in fstorage_lists"
+              :key="storage_group.group_name"
+              :label="storage_group.group_name">
+            <el-option
+                v-for="storage in storage_group.storages"
+                :key="storage.id"
+                :label="storage.name"
+                :value="storage.id">
+            </el-option>
+          </el-option-group>
+        </el-select>
+        <div v-if="use_storage_id!==org_storage_id" style="margin-top: 20px">
+          <el-button icon="el-icon-thumb" round style="margin-left: 10px"
+                     type="info"
+                     @click="change_storage_info(0)">
+            迁移数据并保存
+          </el-button>
+          <el-button icon="el-icon-thumb" round style="margin-left: 10px"
+                     type="danger"
+                     @click="change_storage_info(1)">
+            强制迁移，忽略数据迁移失败错误，可能会导致数据丢失
+          </el-button>
+        </div>
+        <el-divider/>
+        <el-form v-if="storageinfo.id && storageinfo.id !==-1" ref="storageinfoform" :model="storageinfo"
+                 label-width="80px" style="width: 39%;margin:0 auto;">
+          <el-form-item label="存储类型" label-width="110px">
+            <el-select v-model="storageinfo.storage_type" :disabled='Sdisabled' placeholder="存储类型"
+                       style="margin-left: -60px">
+              <el-option v-for="st in storage_list" :key="st.id" :label="st.name"
+                         :value="st.id"/>
+            </el-select>
+          </el-form-item>
+
+          <div v-if="storageinfo.storage_type">
+
+            <el-form-item label="存储名称" label-width="110px">
+              <el-input v-model="storageinfo.name" :disabled='Sdisabled'/>
+            </el-form-item>
+
+            <el-form-item label="key" label-width="110px">
+              <el-input v-model="storageinfo.access_key" :disabled='Sdisabled'/>
+            </el-form-item>
+            <el-form-item label="bucket_name" label-width="110px">
+              <el-input v-model="storageinfo.bucket_name" :disabled='Sdisabled'/>
+            </el-form-item>
+            <el-form-item label="下载域名" label-width="110px">
+              <el-input v-model="storageinfo.domain_name" :disabled='Sdisabled'/>
+            </el-form-item>
+
+            <div v-if="storageinfo.storage_type === 2">
+              <el-form-item label="sts_role_arn" label-width="110px">
+                <el-input v-model="storageinfo.sts_role_arn"
+                          :disabled='Sdisabled'/>
+              </el-form-item>
+
+              <el-form-item label="endpoint" label-width="110px">
+                <el-input v-model="storageinfo.endpoint"
+                          :disabled='Sdisabled'/>
+              </el-form-item>
+
+              <el-form-item label="下载授权方式" label-width="110px">
+                <el-select v-model="storageinfo.download_auth_type"
+                           :disabled="disabled"
+                           placeholder="下载授权方式" style="width: 100%">
+                  <el-option v-for="st in storageinfo.download_auth_type_choices" :key="st.id"
+                             :label="st.name"
+                             :value="st.id"/>
+                </el-select>
+
+                <el-form-item v-if="storageinfo.download_auth_type === 2" label="CDN鉴权主KEY" label-width="120px"
+                              style="margin-top: 10px;width: 100%">
+                  <el-input v-model="storageinfo.cnd_auth_key" :disabled='disabled'
+                            placeholder="CDN鉴权主KEY"/>
                 </el-form-item>
 
-                <div v-if="editstorageinfo.storage_type">
-                    <el-form-item label-width="110px" label="存储名称">
-                        <el-input :disabled='disabled' v-model="editstorageinfo.name"/>
-                    </el-form-item>
-
-                    <el-form-item label-width="110px" label="key">
-                        <el-input :disabled='disabled' v-model="editstorageinfo.access_key"/>
-                    </el-form-item>
-                    <el-form-item label-width="110px" label="secret">
-                        <el-input :disabled='disabled' v-model="editstorageinfo.secret_key" placeholder="为空表示不修改该信息"/>
-                    </el-form-item>
-
-                    <el-form-item label-width="110px" label="bucket_name">
-                        <el-input :disabled='disabled' v-model="editstorageinfo.bucket_name"/>
-                    </el-form-item>
-                    <el-form-item label-width="110px" label="下载域名">
-                        <el-input :disabled='disabled' v-model="editstorageinfo.domain_name"/>
-                    </el-form-item>
-
-                    <div v-if="editstorageinfo.storage_type === 2">
-                        <el-form-item label-width="110px" label="sts_role_arn">
-                            <el-input :disabled='disabled'
-                                      v-model="editstorageinfo.sts_role_arn"/>
-                        </el-form-item>
-
-                        <el-form-item label-width="110px" label="endpoint">
-                            <el-input :disabled='disabled'
-                                      v-model="editstorageinfo.endpoint"/>
-                        </el-form-item>
-
-                        <el-form-item label-width="110px" label="下载授权方式">
-                            <el-select v-model="editstorageinfo.download_auth_type"
-                                       placeholder="下载授权方式"
-                                       style="width: 80%" :disabled="disabled">
-                                <el-option v-for="st in editstorageinfo.download_auth_type_choices" :key="st.id"
-                                           :label="st.name"
-                                           :value="st.id"/>
-                            </el-select>
-
-                            <el-form-item label-width="120px" style="margin-top: 10px;margin-left: 70px;width: 60%"
-                                          label="CDN鉴权主KEY"
-                                          v-if="editstorageinfo.download_auth_type === 2">
-                                <el-input :disabled='disabled' placeholder="CDN鉴权主KEY"
-                                          v-model="editstorageinfo.cnd_auth_key"/>
-                            </el-form-item>
-
-                        </el-form-item>
-
-                    </div>
-
-                    <el-form-item label-width="110px" label="备注">
-                        <el-input :disabled='disabled' v-model="editstorageinfo.description"/>
-                    </el-form-item>
-
-                    <el-button v-if="!disabled" @click="updateorcreate">保存</el-button>
-                    <el-button v-if="!disabled" @click="dialogstorageVisible=false">取消</el-button>
-
-                </div>
-            </el-form>
-        </el-dialog>
-
-        <el-tabs v-model="activeName" @tab-click="handleClick" tab-position="top" type="border-card">
-            <el-tab-pane label="存储选择" name="change">
-                <el-select v-model="use_storage_id" filterable :placeholder="selectlabel" @change="select_storage">
-                    <el-option-group
-                            v-for="storage_group in fstorage_lists"
-                            :key="storage_group.group_name"
-                            :label="storage_group.group_name">
-                        <el-option
-                                v-for="storage in storage_group.storages"
-                                :key="storage.id"
-                                :label="storage.name"
-                                :value="storage.id">
-                        </el-option>
-                    </el-option-group>
+              </el-form-item>
+
+            </div>
+            <el-form-item label="备注" label-width="110px">
+              <el-input v-model="storageinfo.description" :disabled='Sdisabled'/>
+            </el-form-item>
+
+          </div>
+
+        </el-form>
+
+      </el-tab-pane>
+      <el-tab-pane label="存储管理" name="edit">
+        <el-table
+            v-loading="loading"
+            :data="storage_info_lists"
+            border
+            stripe
+            style="width: 100%">
+
+          <el-table-column
+              fixed
+              label="存储名称"
+              prop="name"
+              width="180">
+          </el-table-column>
+          <el-table-column
+              label="存储类型"
+              prop="storage_type_display"
+              width="100">
+          </el-table-column>
+          <el-table-column
+              label="下载域名"
+              prop="domain_name">
+          </el-table-column>
+          <el-table-column
+              label="bucket_name"
+              prop="bucket_name"
+              width="130">
+          </el-table-column>
+
+          <el-table-column
+              :formatter="formatter"
+              label="修改时间"
+              prop="updated_time"
+              width="170">
+          </el-table-column>
+          <el-table-column
+              label="备注"
+              prop="description">
+          </el-table-column>
+          <el-table-column
+              fixed="right"
+              label="操作"
+              width="120">
+            <template slot-scope="scope">
+              <div v-if="scope.row.id === org_storage_id">
+                <el-button v-if="scope.row.id === org_storage_id" size="small"
+                           type="success" @click="showstorage(scope.row)">使用中
+                </el-button>
+              </div>
+              <div v-else>
+                <el-button size="small" type="text" @click="showstorage(scope.row)">查看</el-button>
+                <el-button size="small" type="text" @click="editstorage(scope.row)">编辑</el-button>
+                <el-button size="small" type="text" @click="del_storage_info(scope.row)">删除</el-button>
+              </div>
+
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-tab-pane>
+      <el-tab-pane label="存储新增" name="add">
+        <el-form ref="storageinfoform" :model="editstorageinfo"
+                 label-width="80px" style="margin:0 auto;">
+          <el-form-item label="存储类型" label-width="100px">
+            <el-select v-model="editstorageinfo.storage_type" placeholder="存储类型"
+                       style="margin-left: -100px">
+              <el-option v-for="st in storage_list" :key="st.id" :label="st.name"
+                         :value="st.id"/>
+            </el-select>
+          </el-form-item>
+
+          <div v-if="editstorageinfo.storage_type">
+            <el-form-item label="存储名称" label-width="110px">
+              <el-input v-model="editstorageinfo.name"/>
+            </el-form-item>
+
+            <el-form-item label="key" label-width="110px">
+              <el-input v-model="editstorageinfo.access_key"/>
+            </el-form-item>
+            <el-form-item label="secret" label-width="110px">
+              <el-input v-model="editstorageinfo.secret_key"/>
+            </el-form-item>
+
+            <el-form-item label="bucket_name" label-width="110px">
+              <el-input v-model="editstorageinfo.bucket_name"/>
+            </el-form-item>
+            <el-form-item label="下载域名" label-width="110px">
+              <el-input v-model="editstorageinfo.domain_name"/>
+            </el-form-item>
+
+            <div v-if="editstorageinfo.storage_type === 2">
+              <el-form-item label="sts_role_arn" label-width="110px">
+                <el-input
+                    v-model="editstorageinfo.sts_role_arn"/>
+              </el-form-item>
+
+              <el-form-item label="endpoint" label-width="110px">
+                <el-input
+                    v-model="editstorageinfo.endpoint"/>
+              </el-form-item>
+
+              <el-form-item label="下载授权方式" label-width="110px">
+                <el-select v-model="editstorageinfo.download_auth_type"
+                           placeholder="下载授权方式"
+                           style="width: 80%">
+                  <el-option v-for="st in editstorageinfo.download_auth_type_choices" :key="st.id"
+                             :label="st.name"
+                             :value="st.id"/>
                 </el-select>
-                <div v-if="use_storage_id!==org_storage_id" style="margin-top: 20px">
-                    <el-button style="margin-left: 10px" round type="info"
-                               icon="el-icon-thumb"
-                               @click="change_storage_info(0)">
-                        迁移数据并保存
-                    </el-button>
-                    <el-button style="margin-left: 10px" round type="danger"
-                               icon="el-icon-thumb"
-                               @click="change_storage_info(1)">
-                        强制迁移，忽略数据迁移失败错误，可能会导致数据丢失
-                    </el-button>
-                </div>
-                <el-divider/>
-                <el-form v-if="storageinfo.id && storageinfo.id !==-1" ref="storageinfoform" :model="storageinfo"
-                         label-width="80px" style="width: 39%;margin:0 auto;">
-                    <el-form-item label-width="110px" label="存储类型">
-                        <el-select :disabled='Sdisabled' v-model="storageinfo.storage_type" placeholder="存储类型"
-                                   style="margin-left: -60px">
-                            <el-option v-for="st in storage_list" :key="st.id" :label="st.name"
-                                       :value="st.id"/>
-                        </el-select>
-                    </el-form-item>
-
-                    <div v-if="storageinfo.storage_type">
-
-                        <el-form-item label-width="110px" label="存储名称">
-                            <el-input :disabled='Sdisabled' v-model="storageinfo.name"/>
-                        </el-form-item>
-
-                        <el-form-item label-width="110px" label="key">
-                            <el-input :disabled='Sdisabled' v-model="storageinfo.access_key"/>
-                        </el-form-item>
-                        <el-form-item label-width="110px" label="bucket_name">
-                            <el-input :disabled='Sdisabled' v-model="storageinfo.bucket_name"/>
-                        </el-form-item>
-                        <el-form-item label-width="110px" label="下载域名">
-                            <el-input :disabled='Sdisabled' v-model="storageinfo.domain_name"/>
-                        </el-form-item>
-
-                        <div v-if="storageinfo.storage_type === 2">
-                            <el-form-item label-width="110px" label="sts_role_arn">
-                                <el-input :disabled='Sdisabled'
-                                          v-model="storageinfo.sts_role_arn"/>
-                            </el-form-item>
-
-                            <el-form-item label-width="110px" label="endpoint">
-                                <el-input :disabled='Sdisabled'
-                                          v-model="storageinfo.endpoint"/>
-                            </el-form-item>
-
-                            <el-form-item label-width="110px" label="下载授权方式">
-                                <el-select v-model="storageinfo.download_auth_type"
-                                           placeholder="下载授权方式"
-                                           style="width: 100%" :disabled="disabled">
-                                    <el-option v-for="st in storageinfo.download_auth_type_choices" :key="st.id"
-                                               :label="st.name"
-                                               :value="st.id"/>
-                                </el-select>
-
-                                <el-form-item label-width="120px" style="margin-top: 10px;width: 100%" label="CDN鉴权主KEY"
-                                              v-if="storageinfo.download_auth_type === 2">
-                                    <el-input :disabled='disabled' placeholder="CDN鉴权主KEY"
-                                              v-model="storageinfo.cnd_auth_key"/>
-                                </el-form-item>
-
-                            </el-form-item>
-
-                        </div>
-                        <el-form-item label-width="110px" label="备注">
-                            <el-input :disabled='Sdisabled' v-model="storageinfo.description"/>
-                        </el-form-item>
-
-                    </div>
-
-                </el-form>
-
-            </el-tab-pane>
-            <el-tab-pane label="存储管理" name="edit">
-                <el-table
-                        :data="storage_info_lists"
-                        border
-                        v-loading="loading"
-                        stripe
-                        style="width: 100%">
-
-                    <el-table-column
-                            fixed
-                            prop="name"
-                            label="存储名称"
-                            width="180">
-                    </el-table-column>
-                    <el-table-column
-                            prop="storage_type_display"
-                            label="存储类型"
-                            width="100">
-                    </el-table-column>
-                    <el-table-column
-                            prop="domain_name"
-                            label="下载域名">
-                    </el-table-column>
-                    <el-table-column
-                            prop="bucket_name"
-                            label="bucket_name"
-                            width="130">
-                    </el-table-column>
-
-                    <el-table-column
-                            :formatter="formatter"
-                            prop="updated_time"
-                            label="修改时间"
-                            width="170">
-                    </el-table-column>
-                    <el-table-column
-                            prop="description"
-                            label="备注">
-                    </el-table-column>
-                    <el-table-column
-                            fixed="right"
-                            label="操作"
-                            width="120">
-                        <template slot-scope="scope">
-                            <div v-if="scope.row.id === org_storage_id">
-                                <el-button v-if="scope.row.id === org_storage_id" @click="showstorage(scope.row)"
-                                           type="success" size="small">使用中
-                                </el-button>
-                            </div>
-                            <div v-else>
-                                <el-button @click="showstorage(scope.row)" type="text" size="small">查看</el-button>
-                                <el-button @click="editstorage(scope.row)" type="text" size="small">编辑</el-button>
-                                <el-button @click="del_storage_info(scope.row)" type="text" size="small">删除</el-button>
-                            </div>
-
-                        </template>
-                    </el-table-column>
-                </el-table>
-            </el-tab-pane>
-            <el-tab-pane label="存储新增" name="add">
-                <el-form ref="storageinfoform" :model="editstorageinfo"
-                         label-width="80px" style="margin:0 auto;">
-                    <el-form-item label-width="100px" label="存储类型">
-                        <el-select v-model="editstorageinfo.storage_type" placeholder="存储类型"
-                                   style="margin-left: -100px">
-                            <el-option v-for="st in storage_list" :key="st.id" :label="st.name"
-                                       :value="st.id"/>
-                        </el-select>
-                    </el-form-item>
-
-                    <div v-if="editstorageinfo.storage_type">
-                        <el-form-item label-width="110px" label="存储名称">
-                            <el-input v-model="editstorageinfo.name"/>
-                        </el-form-item>
-
-                        <el-form-item label-width="110px" label="key">
-                            <el-input v-model="editstorageinfo.access_key"/>
-                        </el-form-item>
-                        <el-form-item label-width="110px" label="secret">
-                            <el-input v-model="editstorageinfo.secret_key"/>
-                        </el-form-item>
-
-                        <el-form-item label-width="110px" label="bucket_name">
-                            <el-input v-model="editstorageinfo.bucket_name"/>
-                        </el-form-item>
-                        <el-form-item label-width="110px" label="下载域名">
-                            <el-input v-model="editstorageinfo.domain_name"/>
-                        </el-form-item>
-
-                        <div v-if="editstorageinfo.storage_type === 2">
-                            <el-form-item label-width="110px" label="sts_role_arn">
-                                <el-input
-                                        v-model="editstorageinfo.sts_role_arn"/>
-                            </el-form-item>
-
-                            <el-form-item label-width="110px" label="endpoint">
-                                <el-input
-                                        v-model="editstorageinfo.endpoint"/>
-                            </el-form-item>
-
-                            <el-form-item label-width="110px" label="下载授权方式">
-                                <el-select v-model="editstorageinfo.download_auth_type"
-                                           placeholder="下载授权方式"
-                                           style="width: 80%">
-                                    <el-option v-for="st in editstorageinfo.download_auth_type_choices" :key="st.id"
-                                               :label="st.name"
-                                               :value="st.id"/>
-                                </el-select>
-
-                                <el-form-item label-width="120px" style="margin-top: 10px;margin-left: 70px;width: 60%"
-                                              label="CDN鉴权主KEY"
-                                              v-if="editstorageinfo.download_auth_type === 2">
-                                    <el-input placeholder="CDN鉴权主KEY"
-                                              v-model="editstorageinfo.cnd_auth_key"/>
-                                </el-form-item>
-
-                            </el-form-item>
-
-                        </div>
-
-                        <el-form-item label-width="110px" label="备注">
-                            <el-input v-model="editstorageinfo.description"/>
-                        </el-form-item>
-
-                        <el-button @click="updateorcreate">校验并保存</el-button>
-                    </div>
-                </el-form>
-            </el-tab-pane>
-
-        </el-tabs>
-
-    </el-main>
+
+                <el-form-item v-if="editstorageinfo.download_auth_type === 2" label="CDN鉴权主KEY"
+                              label-width="120px"
+                              style="margin-top: 10px;margin-left: 70px;width: 60%">
+                  <el-input v-model="editstorageinfo.cnd_auth_key"
+                            placeholder="CDN鉴权主KEY"/>
+                </el-form-item>
+
+              </el-form-item>
+
+            </div>
+
+            <el-form-item label="备注" label-width="110px">
+              <el-input v-model="editstorageinfo.description"/>
+            </el-form-item>
+
+            <el-button @click="updateorcreate">校验并保存</el-button>
+          </div>
+        </el-form>
+      </el-tab-pane>
+
+    </el-tabs>
+
+  </el-main>
 </template>
 
 <script>
-    import {getStorageinfo} from "@/restful";
-    import {deepCopy, getUserInfoFun} from "@/utils";
-
-    export default {
-        name: "FirUserStorage",
-        data() {
-            return {
-                fstorage_lists: [],
-                Sdisabled: true,
-                use_storage_id: 0,
-                org_storage_id: 0,
-                title: '',
-                dialogstorageVisible: false,
-                editstorageinfo: {},
-                selectlabel: "",
-                storageinfo: {},
-                storage_list: [],
-                disabled: true,
-                isaddflag: false,
-                activeName: 'change',
-                storage_info_lists: [],
-                is_admin_storage: false,
-                loading: false,
-            }
-        }, methods: {
-            showstorage(editstorageinfo) {
-                this.title = '查看存储信息';
-                this.disabled = true;
-                this.dialogstorageVisible = true;
-                this.editstorageinfo = deepCopy(editstorageinfo);
-            },
-            editstorage(editstorageinfo) {
-                this.title = '存储编辑';
-                this.disabled = false;
-                this.dialogstorageVisible = true;
-                this.editstorageinfo = deepCopy(editstorageinfo);
-                this.isaddflag = false;
-            },
-            // eslint-disable-next-line no-unused-vars
-            handleClick(tab, event) {
-                this.get_data_from_tabname(tab.name);
-            },
-            updateorcreate() {
-                let methods = "PUT";
-                if (this.isaddflag) {
-                    if (this.editstorageinfo.access_key && this.editstorageinfo.secret_key && this.editstorageinfo.bucket_name) {
-                        methods = "POST";
-                    } else {
-                        this.$message.error("参数不正确");
-                        return
-                    }
-                }
-                getStorageinfo(data => {
-                    if (data.code === 1000) {
-                        this.$message.success('操作成功');
-                        this.dialogstorageVisible = false;
-                        if (this.isaddflag) {
-                            this.activeName = 'edit';
-                        }
-                        this.get_data_from_tabname(this.activeName);
-
-                    } else {
-                        this.$message.error('操作失败，' + data.msg);
-                    }
-                }, {"methods": methods, 'data': this.editstorageinfo});
-            }, del_storage_info(sinfo) {
-
-                this.$confirm('此操作可能会导致程序异常, 是否继续?', '警告', {
-                    confirmButtonText: '确定',
-                    cancelButtonText: '取消',
-                    type: 'warning'
-                }).then(() => {
-                    getStorageinfo(data => {
-                        if (data.code === 1000) {
-                            this.$message.success('删除成功');
-                            this.getstorageinfoFun();
-                        }
-                    }, {"methods": 'DELETE', 'data': {'id': sinfo.id, 'tid': sinfo.storage_type}})
-                }).catch(() => {
-                    this.$message({
-                        type: 'info',
-                        message: '已取消删除'
-                    });
-                });
-
-            },
-            change_storage_info(force) {
-                this.$confirm('此操作将导致应用，图片，显示下载异常, 是否继续?', '警告', {
-                    confirmButtonText: '确定',
-                    cancelButtonText: '取消',
-                    type: 'warning'
-                }).then(() => {
-                    const loading = this.$loading({
-                        lock: true,
-                        text: '执行中,请耐心等待...',
-                        spinner: 'el-icon-loading',
-                        background: 'rgba(0, 0, 0, 0.7)'
-                    });
-                    getStorageinfo(data => {
-                        loading.close();
-                        if (data.code === 1000) {
-                            this.$message.success('修改成功');
-                            this.getstorageinfoFun();
-                        } else {
-                            this.$message.error(data.msg)
-                        }
-                    }, {"methods": 'PUT', 'data': {'use_storage_id': this.use_storage_id, 'force': force}});
-                    this.getstorageinfoFun();
-                }).catch(() => {
-                    this.$message({
-                        type: 'info',
-                        message: '已取消操作'
-                    });
-                });
-            },
-            select_storage(a) {
-                this.disabled = true;
-                this.getstorageinfobyid(a);
-            },
-            getstorageinfobyid(id) {
-                for (let i = 0; i < this.fstorage_lists.length; i++) {
-                    let storages = this.fstorage_lists[i].storages;
-                    for (let j = 0; j < storages.length; j++) {
-                        if (id === storages[j].id) {
-                            this.storageinfo = storages[j];
-                            break
-                        }
-                    }
-                }
-
-            },
-            format_storage(storage_data_lists) {
-                let storage_f = [];
-                let storage_lists = {};
-                for (let key in storage_data_lists) {
-                    let storage = storage_data_lists[key];
-                    let storage_type = storage.storage_type;
-                    if (!storage_lists[storage_type]) {
-                        storage_lists[storage_type] = [];
-                    }
-                    storage_lists[storage_type].unshift(storage);
-                }
-                for (let key in storage_lists) {
-                    let storage = storage_lists[key];
-                    if (storage[0].storage_type_display) {
-                        storage_f.unshift({'group_name': storage[0].storage_type_display, 'storages': storage})
-                    }
-                    if (!this.selectlabel) {
-                        for (let i = 0; i < storage.length; i++) {
-                            if (this.use_storage_id === storage[i].id) {
-                                this.selectlabel = storage[i].name;
-                                break
-                            }
-                        }
-                    }
-                }
-
-                storage_f.unshift({'group_name': '默认存储', 'storages': [{'id': -1, 'name': '默认存储'}]});
-                if (!this.selectlabel) {
-                    this.selectlabel = "默认存储"
-                }
-                this.fstorage_lists = storage_f.slice();
-                this.getstorageinfobyid(this.use_storage_id)
-
-            },
-            getstorageinfoFun() {
-                this.loading = true;
-                getStorageinfo(data => {
-                    if (data.code === 1000) {
-                        this.org_storage_id = this.use_storage_id = data.storage;
-                        this.storage_list = data.storage_list;
-                        this.storage_info_lists = data.data;
-                        this.is_admin_storage = data.is_admin_storage;
-                        this.format_storage(data.data);
-                        this.disabled = true;
-                        this.isaddflag = false;
-                    } else {
-                        this.$message.error('存储获取失败,' + data);
-                    }
-                    this.loading = false;
-                }, {"methods": 'GET'});
-            },
-            // eslint-disable-next-line no-unused-vars
-            formatter(row, column) {
-                let stime = row.updated_time;
-                if (stime) {
-                    stime = stime.split(".")[0].split("T");
-                    return stime[0] + " " + stime[1]
-                } else
-                    return '';
-            },
-            // eslint-disable-next-line no-unused-vars
-            get_data_from_tabname(tabname, data = {}) {
-                this.$router.push({"name": 'FirUserStorage', params: {act: tabname}});
-                if (tabname === "change") {
-                    this.getstorageinfoFun();
-                } else if (tabname === "edit") {
-                    this.getstorageinfoFun();
-                } else if (tabname === "add") {
-                    getStorageinfo(data => {
-                        if (data.code === 1000) {
-                            this.storage_list = data.storage_list;
-                            this.editstorageinfo = {
-                                download_auth_type: 1,
-                                storage_type: this.storage_list[0].id,
-                                download_auth_type_choices: data.download_auth_type_choices
-                            };
-                            this.isaddflag = true;
-                        } else {
-                            this.$message.error('存储列表获取失败,' + data);
-                        }
-                    }, {"methods": 'GET', "data": {'act': 'storage_type'}});
-                }
-            },
-        }, mounted() {
-            getUserInfoFun(this);
-            if (this.$route.params.act) {
-                let activeName = this.$route.params.act;
-                let activeName_list = ["change", "edit", "add"];
-                for (let index in activeName_list) {
-                    if (activeName_list[index] === activeName) {
-                        this.activeName = activeName;
-                        this.get_data_from_tabname(activeName);
-                        return
-                    }
-                }
+import {getStorageinfo} from "@/restful";
+import {deepCopy, getUserInfoFun} from "@/utils";
+
+export default {
+  name: "FirUserStorage",
+  data() {
+    return {
+      fstorage_lists: [],
+      Sdisabled: true,
+      use_storage_id: 0,
+      org_storage_id: 0,
+      title: '',
+      dialogstorageVisible: false,
+      editstorageinfo: {},
+      selectlabel: "",
+      storageinfo: {},
+      storage_list: [],
+      disabled: true,
+      isaddflag: false,
+      activeName: 'change',
+      storage_info_lists: [],
+      is_admin_storage: false,
+      loading: false,
+    }
+  }, methods: {
+    showstorage(editstorageinfo) {
+      this.title = '查看存储信息';
+      this.disabled = true;
+      this.dialogstorageVisible = true;
+      this.editstorageinfo = deepCopy(editstorageinfo);
+    },
+    editstorage(editstorageinfo) {
+      this.title = '存储编辑';
+      this.disabled = false;
+      this.dialogstorageVisible = true;
+      this.editstorageinfo = deepCopy(editstorageinfo);
+      this.isaddflag = false;
+    },
+    // eslint-disable-next-line no-unused-vars
+    handleClick(tab, event) {
+      this.get_data_from_tabname(tab.name);
+    },
+    updateorcreate() {
+      let methods = "PUT";
+      if (this.isaddflag) {
+        if (this.editstorageinfo.access_key && this.editstorageinfo.secret_key && this.editstorageinfo.bucket_name) {
+          methods = "POST";
+        } else {
+          this.$message.error("参数不正确");
+          return
+        }
+      }
+      getStorageinfo(data => {
+        if (data.code === 1000) {
+          this.$message.success('操作成功');
+          this.dialogstorageVisible = false;
+          if (this.isaddflag) {
+            this.activeName = 'edit';
+          }
+          this.get_data_from_tabname(this.activeName);
+
+        } else {
+          this.$message.error('操作失败，' + data.msg);
+        }
+      }, {"methods": methods, 'data': this.editstorageinfo});
+    }, del_storage_info(sinfo) {
+
+      this.$confirm('此操作可能会导致程序异常, 是否继续?', '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        getStorageinfo(data => {
+          if (data.code === 1000) {
+            this.$message.success('删除成功');
+            this.getstorageinfoFun();
+          }
+        }, {"methods": 'DELETE', 'data': {'id': sinfo.id, 'tid': sinfo.storage_type}})
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消删除'
+        });
+      });
+
+    },
+    change_storage_info(force) {
+      this.$confirm('此操作将导致应用，图片，显示下载异常, 是否继续?', '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        const loading = this.$loading({
+          lock: true,
+          text: '执行中,请耐心等待...',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)'
+        });
+        getStorageinfo(data => {
+          loading.close();
+          if (data.code === 1000) {
+            this.$message.success('修改成功');
+            this.getstorageinfoFun();
+          } else {
+            this.$message.error(data.msg)
+          }
+        }, {"methods": 'PUT', 'data': {'use_storage_id': this.use_storage_id, 'force': force}});
+        this.getstorageinfoFun();
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消操作'
+        });
+      });
+    },
+    select_storage(a) {
+      this.disabled = true;
+      this.getstorageinfobyid(a);
+    },
+    getstorageinfobyid(id) {
+      for (let i = 0; i < this.fstorage_lists.length; i++) {
+        let storages = this.fstorage_lists[i].storages;
+        for (let j = 0; j < storages.length; j++) {
+          if (id === storages[j].id) {
+            this.storageinfo = storages[j];
+            break
+          }
+        }
+      }
+
+    },
+    format_storage(storage_data_lists) {
+      let storage_f = [];
+      let storage_lists = {};
+      for (let key in storage_data_lists) {
+        let storage = storage_data_lists[key];
+        let storage_type = storage.storage_type;
+        if (!storage_lists[storage_type]) {
+          storage_lists[storage_type] = [];
+        }
+        storage_lists[storage_type].unshift(storage);
+      }
+      for (let key in storage_lists) {
+        let storage = storage_lists[key];
+        if (storage[0].storage_type_display) {
+          storage_f.unshift({'group_name': storage[0].storage_type_display, 'storages': storage})
+        }
+        if (!this.selectlabel) {
+          for (let i = 0; i < storage.length; i++) {
+            if (this.use_storage_id === storage[i].id) {
+              this.selectlabel = storage[i].name;
+              break
             }
-            this.get_data_from_tabname(this.activeName);
-        }, filters: {}
+          }
+        }
+      }
+
+      storage_f.unshift({'group_name': '默认存储', 'storages': [{'id': -1, 'name': '默认存储'}]});
+      if (!this.selectlabel) {
+        this.selectlabel = "默认存储"
+      }
+      this.fstorage_lists = storage_f.slice();
+      this.getstorageinfobyid(this.use_storage_id)
+
+    },
+    getstorageinfoFun() {
+      this.loading = true;
+      getStorageinfo(data => {
+        if (data.code === 1000) {
+          this.org_storage_id = this.use_storage_id = data.storage;
+          this.storage_list = data.storage_list;
+          this.storage_info_lists = data.data;
+          this.is_admin_storage = data.is_admin_storage;
+          this.format_storage(data.data);
+          this.disabled = true;
+          this.isaddflag = false;
+        } else {
+          this.$message.error('存储获取失败,' + data);
+        }
+        this.loading = false;
+      }, {"methods": 'GET'});
+    },
+    // eslint-disable-next-line no-unused-vars
+    formatter(row, column) {
+      let stime = row.updated_time;
+      if (stime) {
+        stime = stime.split(".")[0].split("T");
+        return stime[0] + " " + stime[1]
+      } else
+        return '';
+    },
+    // eslint-disable-next-line no-unused-vars
+    get_data_from_tabname(tabname, data = {}) {
+      this.$router.push({"name": 'FirUserStorage', params: {act: tabname}});
+      if (tabname === "change") {
+        this.getstorageinfoFun();
+      } else if (tabname === "edit") {
+        this.getstorageinfoFun();
+      } else if (tabname === "add") {
+        getStorageinfo(data => {
+          if (data.code === 1000) {
+            this.storage_list = data.storage_list;
+            this.editstorageinfo = {
+              download_auth_type: 1,
+              storage_type: this.storage_list[0].id,
+              download_auth_type_choices: data.download_auth_type_choices
+            };
+            this.isaddflag = true;
+          } else {
+            this.$message.error('存储列表获取失败,' + data);
+          }
+        }, {"methods": 'GET', "data": {'act': 'storage_type'}});
+      }
+    },
+  }, mounted() {
+    getUserInfoFun(this);
+    if (this.$route.params.act) {
+      let activeName = this.$route.params.act;
+      let activeName_list = ["change", "edit", "add"];
+      for (let index in activeName_list) {
+        if (activeName_list[index] === activeName) {
+          this.activeName = activeName;
+          this.get_data_from_tabname(activeName);
+          return
+        }
+      }
     }
+    this.get_data_from_tabname(this.activeName);
+  }, filters: {}
+}
 </script>
 
 <style scoped>
-    .el-main {
-        text-align: center;
-        margin: 20px auto 100px;
-        width: 1166px;
-        position: relative;
-        padding-bottom: 1px;
-        color: #9b9b9b;
-        -webkit-font-smoothing: antialiased;
-        border-radius: 1%;
-    }
+.el-main {
+  text-align: center;
+  margin: 20px auto 100px;
+  width: 1166px;
+  position: relative;
+  padding-bottom: 1px;
+  color: #9b9b9b;
+  -webkit-font-smoothing: antialiased;
+  border-radius: 1%;
+}
 </style>
diff --git a/fir_client/src/main.short.js b/fir_client/src/main.short.js
index 7f29d30..16228d0 100644
--- a/fir_client/src/main.short.js
+++ b/fir_client/src/main.short.js
@@ -5,20 +5,20 @@ import router from "@/router/download";
 import 'element-ui/lib/theme-chalk/index.css'
 import {
     Button,
+    Col,
     Container,
     Divider,
+    Form,
+    FormItem,
+    Header,
     Input,
     Link,
     Main,
     Message,
-    Select,
+    Notification,
     Option,
-    Header,
-    Form,
-    FormItem,
     Row,
-    Col,
-    Notification
+    Select
 } from "element-ui";
 import VueLazyload from 'vue-lazyload'