From 45a084372cfd5aead36fa5944edabc722b2234d8 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期一, 20 十二月 2021 11:38:12 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.5.5:10010/r/web/vue-smart-ai

---
 src/components/licence/index.vue |  147 ++++++++++++++++++++++---------------------------
 1 files changed, 66 insertions(+), 81 deletions(-)

diff --git a/src/components/licence/index.vue b/src/components/licence/index.vue
index 3bb0a6e..b200f0a 100644
--- a/src/components/licence/index.vue
+++ b/src/components/licence/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="s-licence">
     <div class="licence" @click="dialogVisible = true">
-      <span>{{tip}}</span>
+      <span>{{ tip }}</span>
     </div>
     <el-dialog
       title="鎺堟潈绠$悊"
@@ -32,31 +32,23 @@
               <el-form-item label="鎵嬫満鍙风爜" prop="phone">
                 <el-input v-model="registe.phone" size="small" style="max-width:420px"></el-input>
               </el-form-item>
-              <el-button
-                type="primary"
-                size="small"
-                @click="getRegsiterCode()"
-                style="float:right"
-              >鎻愪氦</el-button>
+              <el-button type="primary" size="small" @click="getRegsiterCode()" style="float:right">鎻愪氦</el-button>
             </el-form>
           </el-tab-pane>
           <el-tab-pane label="璁よ瘉" name="second" style="text-align:left" :disabled="!regCode.length">
             <div v-show="!showQrcode" class="auth-box">
               <span style="line-height: 30px;">娉ㄥ唽鐮�</span>
-              <a href="#" @click="showQrcode=true" style="font-size: 10px;">&nbsp;鏌ョ湅浜岀淮鐮�</a>
+              <a href="#" @click="showQrcode = true" style="font-size: 10px;">&nbsp;鏌ョ湅浜岀淮鐮�</a>
               <el-input type="textarea" :readonly="true" :rows="4" placeholder v-model="regCode"></el-input>
               <span style="line-height: 30px;">鎺堟潈鐮�</span>
               <el-input type="textarea" :rows="5" placeholder="璇疯緭鍏ユ巿鏉冪爜" v-model="license"></el-input>
-              <el-button
-                type="primary"
-                size="small"
-                @click="submitLicence()"
-                style="margin-top: 15px;float: right;"
-              >鎻愪氦</el-button>
+              <el-button type="primary" size="small" @click="submitLicence()" style="margin-top: 15px;float: right;"
+                >鎻愪氦</el-button
+              >
             </div>
             <div v-show="showQrcode" style="text-align:right">
               <vue-qrcode :text="regCode" style="margin-left: 115px;"></vue-qrcode>
-              <a href="#" @click="showQrcode=false">杩斿洖</a>
+              <a href="#" @click="showQrcode = false">杩斿洖</a>
             </div>
           </el-tab-pane>
         </el-tabs>
@@ -67,7 +59,7 @@
           <p>鐢ㄦ埛鍚嶇О锛歿{ registe.company }}</p>
           <p>鐢靛瓙閭锛歿{ registe.email }}</p>
           <p>
-            鎺堟潈鏈熼檺锛歿{ '姘镐箙鏈夋晥' }}
+            鎺堟潈鏈熼檺锛歿{ registe.expireTime | TimeFormat }}
             <span v-show="expired" style="color:red">宸茶繃鏈�</span>
           </p>
           <el-divider></el-divider>
@@ -75,12 +67,9 @@
             <b>鎺堟潈鐮�</b>
           </p>
           <el-input type="textarea" :readonly="true" :rows="4" placeholder v-model="licenseCode"></el-input>
-          <el-button
-            type="primary"
-            size="small"
-            @click="rereg()"
-            style="margin-top: 15px;float: right;"
-          >閲嶆柊娉ㄥ唽</el-button>
+          <el-button type="primary" size="small" @click="rereg()" style="margin-top: 15px;float: right;"
+            >閲嶆柊娉ㄥ唽</el-button
+          >
         </div>
       </div>
     </el-dialog>
@@ -88,80 +77,74 @@
 </template>
 
 <script>
-import { showLicence, getRegCode, updateLicence } from './api.ts'
-import { isPhone, validEmail } from '../../scripts/validate.ts'
-import VueQrcode from 'vue-qrcode-component'
+import { showLicence, getRegCode, updateLicence } from "./api.ts"
+import { isPhone, validEmail } from "../../scripts/validate.ts"
+import VueQrcode from "vue-qrcode-component"
 
 export default {
-  name: 'LicenceManage',
+  name: "LicenceManage",
   components: {
     VueQrcode
   },
   data() {
     return {
       registe: {
-        company: '',
-        email: '',
-        phone: ''
+        company: "",
+        email: "",
+        phone: "",
+        expireTime: 0
       },
       dialogVisible: false,
-      authStatus: '',
-      active: 'first',
-      regCode: '',
-      license: '',
-      licenseCode: '',
-      expireTime: '',
+      authStatus: "",
+      active: "first",
+      regCode: "",
+      license: "",
+      licenseCode: "",
       expired: false,
       showQrcode: false,
-      tip: '',
+      tip: "",
       rules: {
         email: [
           {
             required: true,
-            message: '璇疯緭鍏ユ纭殑閭鍦板潃',
-            trigger: 'change'
+            message: "璇疯緭鍏ユ纭殑閭鍦板潃",
+            trigger: "change"
           },
-          { validator: validEmail, trigger: 'blur' }
+          { validator: validEmail, trigger: "blur" }
         ],
         phone: [
           {
             required: true,
-            message: '璇疯緭鍏ユ纭殑鎵嬫満鍙风爜',
-            trigger: 'change'
+            message: "璇疯緭鍏ユ纭殑鎵嬫満鍙风爜",
+            trigger: "change"
           },
-          { validator: isPhone, trigger: 'blur' }
+          { validator: isPhone, trigger: "blur" }
         ],
         company: [
           {
             required: true,
-            message: '鍏徃鍚嶇О涓嶈兘涓虹┖',
-            trigger: 'change'
+            message: "鍏徃鍚嶇О涓嶈兘涓虹┖",
+            trigger: "change"
           }
         ]
       }
     }
   },
   filters: {
-    timeFormat(timestamp) {
+    TimeFormat(timestamp) {
+      var now = new Date()
+      var currentYear = now.getFullYear()
+
       var date = new Date(timestamp * 1000) //鏃堕棿鎴充负10浣嶉渶*1000锛屾椂闂存埑涓�13浣嶇殑璇濅笉闇�涔�1000
-      var Y = date.getFullYear() + '-'
-      var M =
-        (date.getMonth() + 1 < 10
-          ? '0' + (date.getMonth() + 1)
-          : date.getMonth() + 1) + '-'
-      var D =
-        date.getDate() < 10 ? '0' + date.getDate() + ' ' : date.getDate() + ' '
-      var h =
-        date.getHours() < 10
-          ? '0' + date.getHours() + ':'
-          : date.getHours() + ':'
-      var m =
-        date.getMinutes() < 10
-          ? '0' + date.getMinutes() + ':'
-          : date.getMinutes() + ':'
-      var s =
-        date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()
-      return Y + M + D + h + m + s
+      var Y = date.getFullYear()
+      var M = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1
+      var D = date.getDate() < 10 ? "0" + date.getDate() : date.getDate()
+
+      if (Y - currentYear > 5) {
+        return "姘镐箙鏈夋晥"
+      }
+
+      return Y + "-" + M + "-" + D
     }
   },
   mounted() {
@@ -176,32 +159,34 @@
       let rsp = await showLicence()
       if (rsp && rsp.success) {
         if (rsp.data.License.Expires === 0) {
-          this.authStatus = 'unregistered'
-          this.tip = '鏈巿鏉�, 鐐瑰嚮娉ㄥ唽'
+          this.authStatus = "unregistered"
+          this.tip = "鏈巿鏉�, 鐐瑰嚮娉ㄥ唽"
         } else {
-          this.authStatus = 'registered'
+          this.authStatus = "registered"
           this.registe.company = rsp.data.License.RegCode.Company
           this.registe.email = rsp.data.License.RegCode.Email
           this.registe.phone = rsp.data.License.RegCode.Phone
+          this.registe.expireTime = rsp.data.License.Expires
+          console.log(this.registe.expireTime)
+
           this.licenseCode = rsp.data.License.LicenseCode
-          this.expireTime = rsp.data.License.Expires
           this.expired = rsp.data.Expired
           if (this.expired) {
-            this.tip = '鎺堟潈宸茶繃鏈�'
+            this.tip = "鎺堟潈宸茶繃鏈�"
           } else {
-            this.tip = '宸叉巿鏉�'
+            this.tip = "宸叉巿鏉�"
           }
         }
       }
       this.showBtn = true
     },
     getRegsiterCode() {
-      this.$refs['reginfo'].validate(valid => {
+      this.$refs["reginfo"].validate((valid) => {
         if (valid) {
-          getRegCode(this.registe).then(rsp => {
+          getRegCode(this.registe).then((rsp) => {
             if (rsp && rsp.success) {
               this.regCode = rsp.data
-              this.active = 'second'
+              this.active = "second"
             }
           })
         }
@@ -209,27 +194,27 @@
     },
     submitLicence() {
       updateLicence({ license: this.license })
-        .then(rsp => {
+        .then((rsp) => {
           if (rsp && rsp.success) {
             this.$notify({
-              type: 'success',
-              message: '鏇存柊鎺堟潈鎴愬姛'
+              type: "success",
+              message: "鏇存柊鎺堟潈鎴愬姛"
             })
 
-            this.authStatus = 'registered'
+            this.authStatus = "registered"
             this.getLicence()
           }
         })
-        .catch(err => {
+        .catch((err) => {
           this.$notify({
-            type: 'error',
-            message: '鎺堟潈鏇存柊澶辫触'
+            type: "error",
+            message: "鎺堟潈鏇存柊澶辫触"
           })
         })
     },
     rereg() {
-      this.active = 'first'
-      this.authStatus = 'unregistered'
+      this.active = "first"
+      this.authStatus = "unregistered"
     }
   }
 }

--
Gitblit v1.8.0