From abb1edbe8dfa8a6135d9ead0d34d6a95520eb0d5 Mon Sep 17 00:00:00 2001
From: xjs <1294405880@qq.com>
Date: Sun, 9 Jan 2022 15:46:16 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=B4=E6=98=8E=EF=BC=9A1=E3=80=81=E4=B8=BB?=
 =?UTF-8?q?=E9=A1=B5=E6=AF=8F=E6=97=A5=E4=B8=80=E5=8F=A5=E6=A8=A1=E5=9D=97?=
 =?UTF-8?q?=E7=B2=97=E7=95=A5=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ruoyi-ui/src/api/index.js    |  13 ++++
 ruoyi-ui/src/api/login.js    | 122 +++++++++++++++++------------------
 ruoyi-ui/src/views/index.vue | 116 ++++++++++++++++++++++++++++++++-
 ruoyi-ui/src/views/login.vue |   4 +-
 4 files changed, 190 insertions(+), 65 deletions(-)
 create mode 100644 ruoyi-ui/src/api/index.js

diff --git a/ruoyi-ui/src/api/index.js b/ruoyi-ui/src/api/index.js
new file mode 100644
index 00000000..09d33c84
--- /dev/null
+++ b/ruoyi-ui/src/api/index.js
@@ -0,0 +1,13 @@
+//首页 api
+
+import request from '@/utils/request'
+
+
+// 查询英语单词列表
+export function getApiAWord(query) {
+  return request({
+    url: '/openapi/aword/',
+    method: 'get',
+    params: query
+  })
+}
diff --git a/ruoyi-ui/src/api/login.js b/ruoyi-ui/src/api/login.js
index 6b0cda03..c3c8c2ef 100644
--- a/ruoyi-ui/src/api/login.js
+++ b/ruoyi-ui/src/api/login.js
@@ -1,61 +1,61 @@
-import request from '@/utils/request'
-
-// 登录方法
-export function login(username, password, code, uuid) {
-  return request({
-    url: '/auth/login',
-    headers: {
-      isToken: false
-    },
-    method: 'post',
-    data: { username, password, code, uuid }
-  })
-}
-
-// 注册方法
-export function register(data) {
-  return request({
-    url: '/auth/register',
-    headers: {
-      isToken: false
-    },
-    method: 'post',
-    data: data
-  })
-}
-
-// 刷新方法
-export function refreshToken() {
-  return request({
-    url: '/auth/refresh',
-    method: 'post'
-  })
-}
-
-// 获取用户详细信息
-export function getInfo() {
-  return request({
-    url: '/system/user/getInfo',
-    method: 'get'
-  })
-}
-
-// 退出方法
-export function logout() {
-  return request({
-    url: '/auth/logout',
-    method: 'delete'
-  })
-}
-
-// 获取验证码
-export function getCodeImg() {
-  return request({
-    url: '/code',
-    headers: {
-      isToken: false
-    },
-    method: 'get',
-    timeout: 20000
-  })
-}
\ No newline at end of file
+import request from '@/utils/request'
+
+// 登录方法
+export function login(username, password, code, uuid) {
+  return request({
+    url: '/auth/login',
+    headers: {
+      isToken: false
+    },
+    method: 'post',
+    data: { username, password, code, uuid }
+  })
+}
+
+// 注册方法
+export function register(data) {
+  return request({
+    url: '/auth/register',
+    headers: {
+      isToken: false
+    },
+    method: 'post',
+    data: data
+  })
+}
+
+// 刷新方法
+export function refreshToken() {
+  return request({
+    url: '/auth/refresh',
+    method: 'post'
+  })
+}
+
+// 获取用户详细信息
+export function getInfo() {
+  return request({
+    url: '/system/user/getInfo',
+    method: 'get'
+  })
+}
+
+// 退出方法
+export function logout() {
+  return request({
+    url: '/auth/logout',
+    method: 'delete'
+  })
+}
+
+// 获取验证码
+export function getCodeImg() {
+  return request({
+    url: '/code',
+    headers: {
+      isToken: false
+    },
+    method: 'get',
+    timeout: 20000
+  })
+}
diff --git a/ruoyi-ui/src/views/index.vue b/ruoyi-ui/src/views/index.vue
index b072f614..a5d6c75f 100644
--- a/ruoyi-ui/src/views/index.vue
+++ b/ruoyi-ui/src/views/index.vue
@@ -1,25 +1,137 @@
 <template>
   <div>
-<!--todo 首页统计    -->
+
+    <el-row :gutter="20">
+      <el-col :span="12">
+        <div class="grid-content bg-purple">
+          <!--每日一句-->
+          <div class="box-card">
+            <div class="aWordImage">
+              <img :src=apiAWord.imgurl class="aWordImage">
+            </div>
+            <div class="aWordAudio">
+              <audio :src=apiAWord.tts controls="controls">
+                您的浏览器不支持 audio 标签。
+              </audio>
+            </div>
+            <div class="aWordContent">
+              <span>{{ apiAWord.content }}</span>
+            </div>
+            <div class="aWordNote">
+              <span>{{ apiAWord.note }}</span>
+            </div>
+          </div>
+        </div>
+      </el-col>
+
+      <!--todo 天气预报    -->
+      <el-col :span="12">
+        <div class="grid-content bg-purple">
+
+        </div>
+      </el-col>
+    </el-row>
+
+    <el-row :gutter="20">
+    </el-row>
   </div>
 </template>
 
 <script>
+
+import {getApiAWord} from "@/api/index";
+
 export default {
   name: "Index",
   data() {
     return {
+      //响应数据
+      apiAWord: {},
 
+      //apiAWord请求参数
+      apiAWordParams: {
+        rand: 1
+      }
     };
   },
-  methods: {
 
+  created() {
+    this.getApiAWord();
+  },
+
+  methods: {
+    //随机获取一条每日一句
+    getApiAWord() {
+      getApiAWord(this.apiAWordParams).then(res => {
+        this.apiAWord = res.data
+      })
+    },
   },
+
 };
 </script>
 
 <style scoped lang="scss">
 
+.bg-purple {
+  background: #d3dce6;
+}
+
+.grid-content {
+  border-radius: 4px;
+  min-height: 36px;
+  height: 141px;
+}
+
+.box-card {
+  width: 744px;
+  background-color: #f2f2f2;
+  height: 141px;
+}
+
+.box-card div {
+  float: left;
+}
+
+
+.aWordImage {
+  float: left;
+  width: 108px;
+  height: 141px;
+}
+
+.aWordAudio {
+  float: left;
+  height: 141px;
+  width: 300px;
+  /*flex 布局*/
+  display: flex;
+  /*实现垂直居中*/
+  align-items: center;
+  /*实现水平居中*/
+  justify-content: center;
+}
+
+.aWordContent {
+  float: left;
+  width: 168px;
+  height: 141px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  overflow:hidden;
+}
+
+.aWordNote {
+  width: 168px;
+  height: 141px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  float: left;
+  overflow:hidden;
+}
 
 </style>
 
diff --git a/ruoyi-ui/src/views/login.vue b/ruoyi-ui/src/views/login.vue
index e0d3dd96..3e05a981 100644
--- a/ruoyi-ui/src/views/login.vue
+++ b/ruoyi-ui/src/views/login.vue
@@ -62,7 +62,7 @@
 </template>
 
 <script>
-import { getCodeImg } from "@/api/login";
+import { getCodeImg,getRegisterOff } from "@/api/login";
 import Cookies from "js-cookie";
 import { encrypt, decrypt } from '@/utils/jsencrypt'
 
@@ -91,7 +91,7 @@ export default {
       // 验证码开关
       captchaOnOff: true,
       // 注册开关
-      register: false,
+      register: true,
       redirect: undefined
     };
   },