From 1693c2db1d1f923a091caae159d2f78b0c3e5711 Mon Sep 17 00:00:00 2001
From: yuping <82253452@qq.com>
Date: Sun, 11 Dec 2022 23:56:13 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E5=88=9D=E5=A7=8B=E5=8C=96?=
 =?UTF-8?q?=20=E7=AC=AC=E4=B8=80=E7=89=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/api.js                    |  1 +
 src/api/request.js                | 25 ++++++------
 src/api/utils.js                  | 12 +++++-
 src/views/discuss/DiscussPage.vue | 45 +++++++++++-----------
 src/views/login/login.vue         | 64 +++++++++++++++++++++++++++++++
 5 files changed, 111 insertions(+), 36 deletions(-)
 create mode 100644 src/views/login/login.vue

diff --git a/src/api/api.js b/src/api/api.js
index 3359976..fd80dfc 100644
--- a/src/api/api.js
+++ b/src/api/api.js
@@ -7,6 +7,7 @@
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
 export const BASE = 'http://111.231.196.214:30001/manageApi'
+export const LOGIN = '/admin/CheckUser/userLogin post'
 // export const FILE_UPLOAD = 'http://111.231.196.214:30001/file/upload'
 export const FILE_UPLOAD = '/file/upload'
 export const COMMON_TOKEN = 'https://upload-z2.qiniup.com'
diff --git a/src/api/request.js b/src/api/request.js
index 79e8f87..689d18b 100644
--- a/src/api/request.js
+++ b/src/api/request.js
@@ -1,5 +1,5 @@
 import router from "@/router";
-import { ref, watch } from "vue";
+import {ref, watch} from "vue";
 import axios from 'axios';
 
 export function useRequest(_url, params = {}) {
@@ -30,7 +30,7 @@ export function useRequest(_url, params = {}) {
 export async function request(_url, params) {
     const s = _url.split(' ')
     let url = s[0]
-    const method = s[1] || 'get'
+    const method = s[1]?.toLowerCase() || 'get'
     if (method === 'get') {
         let paramsArray = [];
         //拼接参数
@@ -49,22 +49,23 @@ export async function request(_url, params) {
         method,
         headers: {
             'X-Token': localStorage.getItem('token'),
-            ...method !== 'get' ? { 'Content-Type': 'application/json' } : {}
+            ...method !== 'get' ? {'Content-Type': 'application/json'} : {}
         },
         baseURL: '',
-        ...method !== 'get' ? { data: JSON.stringify(body) } : {}
+        ...method !== 'get' ? {data: JSON.stringify(body)} : {}
     }).then(resp => resp.data).then(response => {
         if (response.code !== 200 && response.code !== 0) {
-            if (response.code === 3 || response.code === 4 || response.code === 100) {
-                //                router.push({path: '/login'})
-                return
+            console.log(1111111111)
+            console.log(response.code)
+            if (import.meta.env.DEV && response.code === 1000) {
+                router.push({path: '/login'})
             } else {
-                //                response.showMsg &&  notification.open({
-                //                    message: response.showMsg,
-                //                    duration: 2,
-                //                });
-                return
+                // response.showMsg && notification.open({
+                //     message: response.showMsg,
+                //     duration: 2,
+                // });
             }
+            throw new Error('接口异常')
         }
         return response
     }).catch(e => {
diff --git a/src/api/utils.js b/src/api/utils.js
index b749636..bf71f6e 100644
--- a/src/api/utils.js
+++ b/src/api/utils.js
@@ -1,3 +1,13 @@
-export function useImage(src){
+export function useImage(src) {
     return new URL(`../assets/image/${src}`, import.meta.url).href
+}
+
+export function setCookie(name, value, perpetual) {
+    const d = new Date()
+    d.setDate(perpetual * 24 * 60 * 60 * 1000)
+    document.cookie = `${name}=${value};expires=${d.toGMTString()};path=/`
+}
+
+export function getCookie(name) {
+    return document.cookie?.split(";").find(e => e.includes(name)).replace(`${name}=`, '') || ''
 }
\ No newline at end of file
diff --git a/src/views/discuss/DiscussPage.vue b/src/views/discuss/DiscussPage.vue
index fcbfd6c..3fdd151 100644
--- a/src/views/discuss/DiscussPage.vue
+++ b/src/views/discuss/DiscussPage.vue
@@ -63,18 +63,18 @@
             {{ d.discussExplain }}
           </div>
           <div class="allstar clearfix">
-            <div @click="comment(i)" style="display: flex;cursor: pointer">
+            <div @click="comment(d)" style="display: flex;cursor: pointer">
               <span class="iconfont icon-pinglun" style="color:#b3bdc4"></span>
-              <div class="count"> {{ d.discussReviewCount }}</div>
+              <div class="count"> {{ d.commentNum || 0 }}</div>
             </div>
-            <div @click="like(i)" style="display: flex;cursor: pointer">
-              <span class="iconfont icon-dianzan" :style="{color:d.isLike?'red':'#b3bdc4',marginLeft: '19px'}"></span>
-              <div class="count"> {{ d.discussLikeCount }}</div>
+            <div @click="like(d)" style="display: flex;cursor: pointer">
+              <span class="iconfont icon-dianzan" :style="{color:d.praised?'red':'#b3bdc4',marginLeft: '19px'}"></span>
+              <div class="count"> {{ d.praiseNum || 0 }}</div>
             </div>
-            <div @click="collection(i)" style="display: flex;cursor: pointer">
+            <div @click="collection(d)" style="display: flex;cursor: pointer">
             <span class="iconfont icon-shoucang"
-                  :style="{color:d.isCollection?'red':'#b3bdc4',marginLeft: '19px'}"></span>
-              <div class="count"> {{ d.discussCollectionCount }}</div>
+                  :style="{color:d.collected?'red':'#b3bdc4',marginLeft: '19px'}"></span>
+              <div class="count"> {{ d.collectionNum || 0 }}</div>
             </div>
           </div>
           <div class="thinline"></div>
@@ -87,7 +87,11 @@
 
 <script setup>
 import {request, useRequest} from "@/api/request";
-import {DISCUSS_COLLECTION, DISCUSS_DETAIL, DISCUSS_LIKE, DISCUSS_LIST, TASK_VOTE_DETAIL} from "@/api/api";
+import {
+  COMMENT_COLLECTION,
+  COMMENT_PRAISE,
+  DISCUSS_LIST,
+} from "@/api/api";
 import {reactive, ref, toRefs} from "vue";
 import {useRoute, useRouter} from "vue-router";
 
@@ -100,29 +104,24 @@ const param = ref({
 })
 const {data: projectInfo} = useRequest(DISCUSS_LIST, param.value)
 
-const {data: disDetail} = useRequest(DISCUSS_DETAIL, {id})
 const state = reactive({
   activeName: "first",
 });
 
-function comment(i) {
-  const id = data.value.rows[i].discussId
+function comment({discussId: id}) {
   router.push({path: 'discussdetail', query: {id}})
 }
 
-//todo 帖子点赞收藏 是否已经点赞收藏
-function like(i) {
-  data.value.rows[i].isLike ? (data.value.rows[i].discussLikeCount -= 1) : (data.value.rows[i].discussLikeCount += 1)
-  data.value.rows[i].isLike = !data.value.rows[i].isLike
-  const discussSubmitId = data.value.rows[i].discussSubmitId
-  request(DISCUSS_LIKE, {discussSubmitId})
+function like(d) {
+  d.praised ? (d.praiseNum -= 1) : (d.praiseNum += 1)
+  d.praised = !d.praised
+  request(COMMENT_PRAISE, {targetId: d.discussId, type: 5})
 }
 
-function collection(i) {
-  data.value.rows[i].isCollection ? (data.value.rows[i].discussCollectionCount -= 1) : (data.value.rows[i].discussCollectionCount += 1)
-  data.value.rows[i].isCollection = !data.value.rows[i].isCollection
-  const discussSubmitId = data.value.rows[i].discussSubmitId
-  request(DISCUSS_COLLECTION, {discussSubmitId})
+function collection(d) {
+  d.collected ? (d.collectionNum -= 1) : (d.collectionNum += 1)
+  d.collected = !d.collected
+  request(COMMENT_COLLECTION, {targetId: d.discussId, type: 6})
 }
 </script>
 
diff --git a/src/views/login/login.vue b/src/views/login/login.vue
new file mode 100644
index 0000000..6fd8bcd
--- /dev/null
+++ b/src/views/login/login.vue
@@ -0,0 +1,64 @@
+<template>
+  <div
+      :style="{
+      margin: 'auto',
+      background:
+        'url(http://img.gz2c.com/FoTcLY8ww-ISCFlwyCoYuLim1BMt) no-repeat',
+      backgroundSize: '100% 100%',
+      width: '100%',
+      height: '100vh',
+      display: 'flex',
+    }"
+  >
+    <div
+        :style="{
+        width: '300px',
+        height: '300px',
+        margin: '10% auto',
+        padding: '20px 30px',
+        textAlign: 'center',
+        borderRadius: '10px',
+        background: '#e0e0e0',
+        boxShadow: '20px 20px 60px #bebebe,-20px -20px 60px #ffffff',
+      }"
+    >
+      <div :style="{ fontSize: '24px', paddingBottom: '30px' }">用户登录</div>
+      <div>
+        <input placeholder="用户名" v-model="form.account"/>
+        <input
+            placeholder="密码"
+            v-model="form.password"
+            :style="{ marginTop: '30px' }"
+            type="password"
+        />
+        <button :style="{ marginTop: '30px' }" @click="loginUser">
+          登录
+        </button>
+      </div>
+    </div>
+  </div>
+</template>
+<script setup>
+import {useRouter} from "vue-router";
+import {ref} from "vue";
+import {LOGIN} from "@/api/api";
+import {setCookie} from "@/api/utils";
+import {request} from "@/api/request";
+
+const router = useRouter();
+
+const form = ref({
+  account: "10181457",
+  password: "1234567890Aa",
+});
+
+async function loginUser() {
+  const {data:token} = await request(LOGIN, form.value);
+  console.log(2222222222)
+  console.log(token)
+  setCookie("token", token, 10);
+  await router.push({path: "/BallotPage"});
+  // location.reload();
+}
+
+</script>