{"remainingRequest":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/src/views/account/center/index.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/src/views/account/center/index.vue","mtime":1742646402775},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/cache-loader/dist/cjs.js","mtime":1743264595665},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/babel-loader/lib/index.js","mtime":1743264596348},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/cache-loader/dist/cjs.js","mtime":1743264595665},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/vue-loader/lib/index.js","mtime":1743264596512}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CmltcG9ydCBQYWdlVmlldyBmcm9tICcuLi8uLi8uLi9sYXlvdXRzL1BhZ2VWaWV3LnZ1ZScKaW1wb3J0IFJvdXRlVmlldyBmcm9tICcuLi8uLi8uLi9sYXlvdXRzL1JvdXRlVmlldy52dWUnCmltcG9ydCB7IEFwcFBhZ2UsIEFydGljbGVQYWdlLCBQcm9qZWN0UGFnZSB9IGZyb20gJy4vcGFnZScKaW1wb3J0IHsgbWFwR2V0dGVycyB9IGZyb20gJ3Z1ZXgnCgpleHBvcnQgZGVmYXVsdCB7CiAgY29tcG9uZW50czogewogICAgUm91dGVWaWV3LAogICAgUGFnZVZpZXcsCiAgICBBcHBQYWdlLAogICAgQXJ0aWNsZVBhZ2UsCiAgICBQcm9qZWN0UGFnZQogIH0sCiAgZGF0YSAoKSB7CiAgICByZXR1cm4gewoJCQl1c2VyaW1nOnRoaXMuJHN0b3JlLnN0YXRlLmF2YXRhciwKICAgICAgdGFnczogWyflvojmnInmg7Pms5XnmoQnLCAn5LiT5rOo6K6+6K6hJywgJ+eoi+W6j+eMvyddLAogICAgICB0YWdJbnB1dFZpc2libGU6IGZhbHNlLAogICAgICB0YWdJbnB1dFZhbHVlOiAnJywKICAgICAgdGVhbXM6IFtdLAogICAgICB0ZWFtU3Bpbm5pbmc6IHRydWUsCgkJCXNoZW5mZW46JycsCiAgICAgIHRhYkxpc3ROb1RpdGxlOiBbCiAgICAgICAgewogICAgICAgICAga2V5OiAnYXJ0aWNsZScsCiAgICAgICAgICB0YWI6ICfmiJHnmoTmlofnq6AnCiAgICAgICAgfSwKICAgICAgXSwKICAgICAgbm9UaXRsZUtleTogJ2FwcCcsCgkJCS8vIOavlOi1mwoJCQltYXRjaHM6W10sCgkJCWNvbG9yczpbJ3JlZCcsJ2dyZWVuJywnb3JhbmdlJywncGluaycsJ2N5YW4nXQogICAgfQogIH0sCiAgY29tcHV0ZWQ6IHsKICAgIC4uLm1hcEdldHRlcnMoWyduaWNrbmFtZScsICdhdmF0YXInXSkKICB9LAoJbW91bnRlZCAoKSB7CiAgaWYgKHRoaXMuJHN0b3JlLnN0YXRlLnVzZXIudXNlclByaXZpbGVnZXMgPT0gMCkgewogICAgdGhpcy5zaGVuZmVuID0gIueuoeeQhuWRmCIKICB9IGVsc2UgaWYgKHRoaXMuJHN0b3JlLnN0YXRlLnVzZXIudXNlclByaXZpbGVnZXMgPT0gMSkgewogICAgdGhpcy5zaGVuZmVuID0gIuaVmeW4iCIKICB9IGVsc2UgewogICAgdGhpcy5zaGVuZmVuID0gIuWtpueUnyIKICB9CiAgdGhpcy5NeSgpCiAgdGhpcy5ub1RpdGxlS2V5ID0gJ2FydGljbGUnOyAvLyDlnKjpobXpnaLliqDovb3lrozmiJDlkI7nm7TmjqXliIfmjaLliLAgIuaIkeeahOaWh+eroCIg6YCJ6aG55Y2hCn0sCiAgbWV0aG9kczogewoJCU15KCl7CgkJCXRoaXMuJGFwaS5SZWdpc3RyYXRpb25BbGwoKS50aGVuKHJlcz0+ewoJCQkJdGhpcy5tYXRjaHM9cmVzLmRhdGEuZmlsdGVyKG1hdGNoPT57CgkJCQkJcmV0dXJuIG1hdGNoLnN0dWRlbnRJZD09dGhpcy4kc3RvcmUuc3RhdGUudXNlci51c2VySWQ7CgkJCQl9KQoJCQkJdGhpcy50ZWFtU3Bpbm5pbmc9ZmFsc2U7CgkJCX0pCgkJfSwKCiAgICBoYW5kbGVUYWJDaGFuZ2UgKGtleSwgdHlwZSkgewogICAgICB0aGlzW3R5cGVdID0ga2V5CiAgICB9LAoKICAgIGhhbmRsZVRhZ0Nsb3NlIChyZW1vdmVUYWcpIHsKICAgICAgY29uc3QgdGFncyA9IHRoaXMudGFncy5maWx0ZXIodGFnID0+IHRhZyAhPT0gcmVtb3ZlVGFnKQogICAgICB0aGlzLnRhZ3MgPSB0YWdzCiAgICB9LAoKICAgIHNob3dUYWdJbnB1dCAoKSB7CiAgICAgIHRoaXMudGFnSW5wdXRWaXNpYmxlID0gdHJ1ZQogICAgICB0aGlzLiRuZXh0VGljaygoKSA9PiB7CiAgICAgICAgdGhpcy4kcmVmcy50YWdJbnB1dC5mb2N1cygpCiAgICAgIH0pCiAgICB9LAoKICAgIGhhbmRsZUlucHV0Q2hhbmdlIChlKSB7CiAgICAgIHRoaXMudGFnSW5wdXRWYWx1ZSA9IGUudGFyZ2V0LnZhbHVlCiAgICB9LAoKICAgIGhhbmRsZVRhZ0lucHV0Q29uZmlybSAoKSB7CiAgICAgIGNvbnN0IGlucHV0VmFsdWUgPSB0aGlzLnRhZ0lucHV0VmFsdWUKICAgICAgbGV0IHRhZ3MgPSB0aGlzLnRhZ3MKICAgICAgaWYgKGlucHV0VmFsdWUgJiYgIXRhZ3MuaW5jbHVkZXMoaW5wdXRWYWx1ZSkpIHsKICAgICAgICB0YWdzID0gWy4uLnRhZ3MsIGlucHV0VmFsdWVdCiAgICAgIH0KCiAgICAgIE9iamVjdC5hc3NpZ24odGhpcywgewogICAgICAgIHRhZ3MsCiAgICAgICAgdGFnSW5wdXRWaXNpYmxlOiBmYWxzZSwKICAgICAgICB0YWdJbnB1dFZhbHVlOiAnJwogICAgICB9KQogICAgfQogIH0KfQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAoFA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/account/center","sourcesContent":["<template>\n  <div class=\"page-header-index-wide page-header-wrapper-grid-content-main\">\n    <a-row :gutter=\"24\">\n      <a-col :md=\"24\" :lg=\"7\">\n        <a-card :bordered=\"false\">\n          <div class=\"account-center-avatarHolder\">\n            <div class=\"avatar\">\n              <img :src=userimg>\n            </div>\n            <div class=\"username\">{{ $store.state.user.userName }}</div>\n            <div class=\"bio\">身份：{{ shenfen }}</div>\n          </div>\n          <a-divider/>\n          <div class=\"account-center-tags\">\n            <div class=\"tagsTitle\">标签</div>\n            <div>\n              <template v-for=\"(tag, index) in tags\">\n                <a-tooltip v-if=\"tag.length > 20\" :key=\"tag\" :title=\"tag\">\n                  <a-tag\n                    :key=\"tag\"\n                    :closable=\"index !== 0\"\n                    :close=\"() => handleTagClose(tag)\"\n                  >{{ `${tag.slice(0, 20)}...` }}</a-tag>\n                </a-tooltip>\n                <a-tag\n                  v-else\n                  :key=\"tag\"\n                  :closable=\"index !== 0\"\n                  :close=\"() => handleTagClose(tag)\"\n                >{{ tag }}</a-tag>\n              </template>\n              <a-input\n                v-if=\"tagInputVisible\"\n                ref=\"tagInput\"\n                type=\"text\"\n                size=\"small\"\n                :style=\"{ width: '78px' }\"\n                :value=\"tagInputValue\"\n                @change=\"handleInputChange\"\n                @blur=\"handleTagInputConfirm\"\n                @keyup.enter=\"handleTagInputConfirm\"\n              />\n              <a-tag v-else @click=\"showTagInput\" style=\"background: #fff; borderStyle: dashed;\">\n                <a-icon type=\"plus\"/>New Tag\n              </a-tag>\n            </div>\n          </div>\n          <a-divider :dashed=\"true\"/>\n\n          <div class=\"account-center-team\">\n            <div class=\"teamTitle\">我的比赛</div>\n            <a-spin :spinning=\"teamSpinning\" v-for=\"(item, index) in matchs\" :key=\"index\">\n              <div class=\"members\">\n                <a-row>\n                  <a-col>\n                    <a-tag :color=\"colors[index]\" style=\"margin: 5px;\">\n                        竞赛名称:{{ item.competitionName }} {{ item.competitionType }}\n                    </a-tag>\n\t\t\t\t\t\t\t\t\t\t<a-tag :color=\"colors[index]\" style=\"margin: 5px;\">\n                        类型: {{ item.competitionType }}\n                    </a-tag>                   \n                  </a-col>\n                </a-row>\n              </div>\n            </a-spin>\n          </div>\n        </a-card>\n      </a-col>\n      <a-col :md=\"24\" :lg=\"17\">\n        <a-card\n          style=\"width:100%\"\n          :bordered=\"false\"\n          :tabList=\"tabListNoTitle\"\n          :activeTabKey=\"noTitleKey\"\n          @tabChange=\"key => handleTabChange(key, 'noTitleKey')\"\n        >\n          <article-page v-if=\"noTitleKey === 'article'\"></article-page>\n        </a-card>\n      </a-col>\n    </a-row>\n  </div>\n</template>\n\n<script>\nimport PageView from '../../../layouts/PageView.vue'\nimport RouteView from '../../../layouts/RouteView.vue'\nimport { AppPage, ArticlePage, ProjectPage } from './page'\nimport { mapGetters } from 'vuex'\n\nexport default {\n  components: {\n    RouteView,\n    PageView,\n    AppPage,\n    ArticlePage,\n    ProjectPage\n  },\n  data () {\n    return {\n\t\t\tuserimg:this.$store.state.avatar,\n      tags: ['很有想法的', '专注设计', '程序猿'],\n      tagInputVisible: false,\n      tagInputValue: '',\n      teams: [],\n      teamSpinning: true,\n\t\t\tshenfen:'',\n      tabListNoTitle: [\n        {\n          key: 'article',\n          tab: '我的文章'\n        },\n      ],\n      noTitleKey: 'app',\n\t\t\t// 比赛\n\t\t\tmatchs:[],\n\t\t\tcolors:['red','green','orange','pink','cyan']\n    }\n  },\n  computed: {\n    ...mapGetters(['nickname', 'avatar'])\n  },\n\tmounted () {\n  if (this.$store.state.user.userPrivileges == 0) {\n    this.shenfen = \"管理员\"\n  } else if (this.$store.state.user.userPrivileges == 1) {\n    this.shenfen = \"教师\"\n  } else {\n    this.shenfen = \"学生\"\n  }\n  this.My()\n  this.noTitleKey = 'article'; // 在页面加载完成后直接切换到 \"我的文章\" 选项卡\n},\n  methods: {\n\t\tMy(){\n\t\t\tthis.$api.RegistrationAll().then(res=>{\n\t\t\t\tthis.matchs=res.data.filter(match=>{\n\t\t\t\t\treturn match.studentId==this.$store.state.user.userId;\n\t\t\t\t})\n\t\t\t\tthis.teamSpinning=false;\n\t\t\t})\n\t\t},\n\n    handleTabChange (key, type) {\n      this[type] = key\n    },\n\n    handleTagClose (removeTag) {\n      const tags = this.tags.filter(tag => tag !== removeTag)\n      this.tags = tags\n    },\n\n    showTagInput () {\n      this.tagInputVisible = true\n      this.$nextTick(() => {\n        this.$refs.tagInput.focus()\n      })\n    },\n\n    handleInputChange (e) {\n      this.tagInputValue = e.target.value\n    },\n\n    handleTagInputConfirm () {\n      const inputValue = this.tagInputValue\n      let tags = this.tags\n      if (inputValue && !tags.includes(inputValue)) {\n        tags = [...tags, inputValue]\n      }\n\n      Object.assign(this, {\n        tags,\n        tagInputVisible: false,\n        tagInputValue: ''\n      })\n    }\n  }\n}\n</script>\n\n<style lang=\"less\" scoped>\n.page-header-wrapper-grid-content-main {\n  width: 100%;\n  height: 100%;\n  min-height: 100%;\n  transition: 0.3s;\n\n  .account-center-avatarHolder {\n    text-align: center;\n    margin-bottom: 24px;\n\n    & > .avatar {\n      margin: 0 auto;\n      width: 104px;\n      height: 104px;\n      margin-bottom: 20px;\n      border-radius: 50%;\n      overflow: hidden;\n      img {\n        height: 100%;\n        width: 100%;\n      }\n    }\n\n    .username {\n      color: rgba(0, 0, 0, 0.85);\n      font-size: 20px;\n      line-height: 28px;\n      font-weight: 500;\n      margin-bottom: 4px;\n    }\n  }\n\n  .account-center-detail {\n    p {\n      margin-bottom: 8px;\n      padding-left: 26px;\n      position: relative;\n    }\n\n    i {\n      position: absolute;\n      height: 14px;\n      width: 14px;\n      left: 0;\n      top: 4px;\n      background: url(https://gw.alipayobjects.com/zos/rmsportal/pBjWzVAHnOOtAUvZmZfy.svg);\n    }\n\n    .title {\n      background-position: 0 0;\n    }\n    .group {\n      background-position: 0 -22px;\n    }\n    .address {\n      background-position: 0 -44px;\n    }\n  }\n\n  .account-center-tags {\n    .ant-tag {\n      margin-bottom: 8px;\n    }\n  }\n\n  .account-center-team {\n    .members {\n      a {\n        display: block;\n        margin: 12px 0;\n        line-height: 24px;\n        height: 24px;\n        .member {\n          font-size: 14px;\n          color: rgba(0, 0, 0, 0.65);\n          line-height: 24px;\n          max-width: 100px;\n          vertical-align: top;\n          margin-left: 12px;\n          transition: all 0.3s;\n          display: inline-block;\n        }\n        &:hover {\n          span {\n            color: #1890ff;\n          }\n        }\n      }\n    }\n  }\n\n  .tagsTitle,\n  .teamTitle {\n    font-weight: 500;\n    color: rgba(0, 0, 0, 0.85);\n    margin-bottom: 12px;\n  }\n}\n</style>\n"]}]}