router for details page

src/router/modules/jiedao.js

@@ -106,6 +106,18 @@ const jiedaoRouter = {
       name: "ExchangeLog",
       meta: { title: "Exchangelog" },
     },
+    {
+      path: "jd-exchange-operate",
+      component: () => import("@/views/jiedao/profile/exchangeOperate"),
+      name: "ExchangeLog",
+      meta: { title: "ExchangeOperate" },
+    },
+    {
+      path: "jd-details-activity",
+      component: () => import("@/views/jiedao/profile/detailsActivity"),
+      name: "DetailsActivity",
+      meta: { title: "DetailsActivity" },
+    },
     {
       path: "jd-customer",
       component: () => import("@/views/jiedao/profile/customer"),

src/views/jiedao/profile/detailsActivity.vue

+<template>
+  <div class="app-container">details activity</div>
+</template>

src/views/jiedao/profile/exchangeOperate.vue

+<template>
+  <div class="app-container">
+    <el-tabs class="headerTab" :stretch="true" v-model="activeName">
+      <el-tab-pane
+        v-for="item in getDictDatas(DICT_TYPE.WAY_OF_RECEIVING)"
+        :name="item.value"
+        :key="item.value"
+      >
+        <span slot="label">{{ isChinese ? item.label : item.labelEn }}</span>
+        <div class="adressBox">
+          <i class="el-icon-location-information adress-icon iconColor"></i>
+          <div class="adressInfo">
+            <div class="adress_detail"></div>
+            <div class="adress_personal">
+              <span><i class="el-icon-star-off"></i> </span>
+              <span></span>
+            </div>
+          </div>
+          <i class="el-icon-arrow-right adress-icon"></i>
+        </div>
+        <el-divider></el-divider>
+        <div class="giftBox">
+          <div class="giftImg">
+            <span></span>
+            <img src="" alt="" />
+            <span></span>
+          </div>
+          <div class="giftText">
+            <div class="title"></div>
+            div.
+          </div>
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+<script>
+import { getDictData, getDictDatas } from "@/utils/dict";
+export default {
+  data() {
+    return {
+      activeName: "1",
+    };
+  },
+  computed: {
+    isChinese() {
+      return this.$i18n.locale === "zh_CN";
+    },
+  },
+  methods: {},
+};
+</script>
+<style lang="scss" scoped>
+::v-deep .headerTab .el-tabs__nav-scroll {
+  height: 100px;
+  background: #d3e6ff;
+  .el-tabs__item {
+    height: 100px;
+    line-height: 100px;
+    text-align: center;
+  }
+}
+.adressBox {
+  padding: 0 40px;
+  display: flex;
+  flex: 1;
+  justify-content: space-between;
+}
+
+.iconColor {
+  color: #409eff;
+}
+.adress-icon {
+  height: 100px;
+  font-size: 40px;
+  line-height: 100px;
+}
+</style>

src/views/jiedao/profile/setting.vue

@@ -416,9 +416,10 @@
                 :placeholder="$t('notices.country')"
               >
                 <el-option
-                  v-for="(item, index) in countrySelectList"
+                  v-for="item in countrySelectList"
                   :label="language == 'zh_CN' ? item.titleZh : item.titleEn"
                   :value="item.id"
+                  :key="item.id"
                 ></el-option>
               </el-select>
 
@@ -450,7 +451,8 @@
                 :placeholder="$t('notices.country')"
               >
                 <el-option
-                  v-for="(item, index) in cityList"
+                  v-for="item in cityList"
+                  :key="item.id"
                   :label="language == 'zh_CN' ? item.titleZh : item.titleEn"
                   :value="item.id"
                 ></el-option>

src/views/my_info/my_info.vue

@@ -47,6 +47,7 @@
           >
             <el-option
               v-for="(item, index) in genderData"
+              :key="item.value"
               :label="item.label"
               :value="item.value"
             ></el-option>
@@ -85,8 +86,9 @@
             :placeholder="$t('notices.country')"
           >
             <el-option
-              v-for="(item, index) in countryList"
+              v-for="item in countryList"
               :label="language == 'zh_CN' ? item.titleZh : item.titleEn"
+              :key="item.id"
               :value="item.id"
             ></el-option>
           </el-select>
@@ -94,7 +96,8 @@
         <el-form-item prop="city" :label="$t('myInfo.city')">
           <el-select v-model="params.city" :placeholder="$t('notices.city')">
             <el-option
-              v-for="(item, index) in cityList"
+              v-for="item in cityList"
+              :key="item.id"
               :label="language == 'zh_CN' ? item.titleZh : item.titleEn"
               :value="item.id"
             ></el-option>