From 34beff1594a01215d0dcc34f8d5bafafefbcd457 Mon Sep 17 00:00:00 2001
From: luyuan <1162963624@qq.com>
Date: Wed, 14 Oct 2020 15:30:09 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E4=BF=A1=E6=81=AF=E5=9B=9E?=
 =?UTF-8?q?=E6=98=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/static/images/smilet.png | Bin 0 -> 4106 bytes
 src/store/index.ts           |  40 +++++++++++++++++++++--
 src/views/mine/Archives.vue  |  61 ++++++++++++++++++-----------------
 3 files changed, 69 insertions(+), 32 deletions(-)
 create mode 100644 src/static/images/smilet.png

diff --git a/src/static/images/smilet.png b/src/static/images/smilet.png
new file mode 100644
index 0000000000000000000000000000000000000000..2659c02f67e56b41239520d0ff2c9d22b29651c4
GIT binary patch
literal 4106
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
J%KX&1{{e=bN}2!w

literal 0
HcmV?d00001

diff --git a/src/store/index.ts b/src/store/index.ts
index 65a1479..6e09a39 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -4,8 +4,44 @@ import { createStore } from 'vuex'
 export default createStore({
   state: {
     userinfo:{
-      username: "username",
-      head: ""
+      accesstoken: "",
+      api_token: "",
+      birthday: "",
+      country: "",
+      cover: "",
+      created_at: "",
+      currency: 2,
+      deleted_at: null,
+      desc: "",
+      email: "",
+      img: "",
+      interest: "",
+      language: "中文",
+      live: "",
+      livetime: "",
+      login_type: 0,
+      memberid: 0,
+      mobile: "",
+      money: "",
+      msg: "",
+      mtongue: "",
+      name: "",
+      password: "",
+      position: 0,
+      publish: 0,
+      score: "",
+      status: true,
+      tlanguage: "",
+      type: 0,
+      uid: "",
+      updated_at: "",
+      video: "",
+      willsay: [{
+        "name": "请选择",
+        "level": 0
+      }],
+      zoneStr: "中途岛GMT-11:00",
+      zoneid: 0
     },
     islogin: false
   },
diff --git a/src/views/mine/Archives.vue b/src/views/mine/Archives.vue
index 0414f29..f425eee 100644
--- a/src/views/mine/Archives.vue
+++ b/src/views/mine/Archives.vue
@@ -49,9 +49,9 @@
                         <div class="label">我还会说</div>
                         <div class="speak-array">
                             <div class="lang-items">
-                                <div class="speak-item" v-for="(lang, index) in formData.speakLang" :key="index">
+                                <div class="speak-item" v-for="(lang, indexs) in userinfo.willsay" :key="indexs">
                                     <a-select
-                                        v-model:value="lang.lang"
+                                        v-model:value="lang.name"
                                         style="width: 171px"
                                         size="small"
                                         ref="select"
@@ -64,9 +64,10 @@
                                     <div class="proficiency">
                                         <div class="p-title">熟练度</div>
                                         <div class="value">
-                                            <a-rate v-model:value="lang.proficiency" style="fontSize: 15px">
-                                                <template v-slot:character><SmileOutlined /></template>
-                                            </a-rate>
+                                            <!-- <a-rate v-model:value="lang.proficiency" style="fontSize: 15px">
+                                                <template v-slot:character><img src="" style="width: 10px;height: 10px;background-color: #0f0;"/>{{}}</template>
+                                            </a-rate> -->
+                                            <img @click="setlevel(indexs, i)" v-for="i in 5" :key="i" :src="lang.level >= i ? smilet : smile" alt="" />
                                         </div>
                                     </div>
                                 </div>
@@ -116,7 +117,7 @@
                 <div class="main-container">
                     <div class="input-box mailbox">
                         <div class="label">邮箱</div>
-                        <a-input size="small" v-model:value="userinfo.mail" placeholder="请输入邮箱" />
+                        <a-input size="small" v-model:value="userinfo.email" placeholder="请输入邮箱" />
                     </div>
                     <div class="input-box phone-box">
                         <div class="label">手机号</div>
@@ -259,16 +260,17 @@
 
 <script lang="ts">
 import { computed, defineComponent, reactive, Ref, ref } from "vue";
-import { UserOutlined, SmileOutlined, PlaySquareOutlined } from '@ant-design/icons-vue';
+import { UserOutlined, PlaySquareOutlined } from '@ant-design/icons-vue';
 import NavBottom from '@/components/NavBottom.vue';
 import { uploadflie } from "@/utils/vod"
 import store from '@/store';
+import smile from "@/static/images/smile.png"
+import smilet from "@/static/images/smilet.png"
 
 export default defineComponent({
     name: "Archives",
     components: {
         UserOutlined,
-        SmileOutlined,
         PlaySquareOutlined,
         NavBottom
     },
@@ -281,25 +283,9 @@ export default defineComponent({
             lang: '请选择',
             proficiency: 0,
         }];
-        const formBasic = {
-            name: 'Lorem Sum',
-            country: '美国',
-            address: '',
-            teachingLang: '英语',
-            speakLang: otherSpeak,
-            nativeLang: '英语',
-            shortVideo: '',
-            introduce: '',
-            mail: '',
-            phone: '136 **** 6111',
-            password: '***********',
-            timeZone: '北京 GMT +08:00',
-            currency: '人民币',
-            language: '中文',
-        }
         const userinfo = computed(() => store.state.userinfo)
         // 表单数据
-        const formData = reactive(formBasic);
+        const formData = reactive(store.state.userinfo);
         
         const modalNode = () => document.getElementsByClassName('modal-container')[0]
         /**
@@ -314,9 +300,9 @@ export default defineComponent({
          * @return { void }
          */
         function addSpeakLang (): void {
-            formData.speakLang.push({
-                lang: '请选择',
-                proficiency: 0,
+            store.state.userinfo.willsay.push({
+                name: '请选择',
+                level: 4
             });
         }
         // 验证码
@@ -441,7 +427,11 @@ export default defineComponent({
             });
             console.log(res)
         }
-        // uploadflie()
+        // uploadflie()3.
+
+        function setlevel(index: number, level: number){
+            store.state.userinfo.willsay[index].level = level
+        }
         return {
             modalNode,
             formData,
@@ -464,7 +454,10 @@ export default defineComponent({
             updateUserPassword,
             submitInfo,
             userinfo,
-            uploads
+            uploads,
+            smile,
+            smilet,
+            setlevel
         }
     }
 });
@@ -566,6 +559,14 @@ export default defineComponent({
                                         color: #808080;
                                         margin-right: 14px;
                                     }
+                                    .value{
+                                        display: flex;
+                                        >img{
+                                            width: 15px;
+                                            height: 15px;
+                                            margin-right: 6px;
+                                        }
+                                    }
                                 }
                             }
                         }