应用中心详情按钮错误

heyujie

2021-07-08 1fbbb592d4646f86e8a272b13c16ca54abc08414

 src/pages/settings/index/App.vue

@@ -33,7 +33,6 @@
                :src="`data:image/png;base64,${item.headpic}`"
                alt=""
              />
              
            </div>
            <span class="user-name">{{ item.username }}</span>
          </div>
@@ -91,6 +90,9 @@
                :src="`data:image/png;base64,${activeAccountItem.headpic}`"
                alt=""
              />
              <div class="touxiang-mask" v-if="showChangePic==true">
                <span class="enable">修改头像</span>
              </div>
            </div>
            <div class="user-desc">
              <div class="username">
@@ -126,7 +128,28 @@
              </div>
            </div>
          </div>
          <div class="list-btn">
          <div class="chang-pic-arr">
            <div class="upload-group">
              <div
                class="upload-jpg"
                :class="selectedPic == index ? 'upload-jpg-border' : ''"
                v-for="(item, index) in jpgArr"
                :key="index"
                @click="pickHeadDefPic(item, index)"
              >
                <img
                  v-if="item"
                  :src="`data:image/png;base64,${item.path}`"
                  alt=""
                  srcset=""
                />
                <div class="img-mask" v-if="selectedPic == index">
                  <span class="icon iconfont enable">&#xe62a;</span>
                </div>
              </div>
            </div>
          </div>
          <div class="list-btn" v-if="isChangePic == false">
            <div class="item-btn" @click="showChangePassword">修改密码</div>
            <div class="item-btn" @click="deleteAccount">删除账户</div>
            <div class="item-btn" @click="openPermission">权限设置</div>
@@ -214,9 +237,7 @@
          <div class="upload-group">
            <div
              class="upload-jpg"
              :class="
                selectedPic == index? 'upload-jpg-border' : ''
              "
              :class="selectedPic == index ? 'upload-jpg-border' : ''"
              v-for="(item, index) in jpgArr"
              :key="index"
              @click="pickHeadDefPic(item, index)"
@@ -250,7 +271,7 @@
              <el-form-item prop="userName">
                <div class="p-title">用户名：</div>
                <el-input
                  placeholder="必填"
                  placeholder="必填，长度为2~10位字符，不能以数字开头、不允许有汉字"
                  v-model="addForm.userName"
                ></el-input>
              </el-form-item>
@@ -553,6 +574,7 @@
import netSettings from "../views/NetSettings";
import keyboardLanguage from "../views/keyboardLanguage";
import generalSettings from "../views/generalSettings";
import treeVue from "@/components/treeMenu/jsTree/tree.vue";
export default {
  name: "settings",
  components: {
@@ -584,6 +606,7 @@
    };
    return {
      showAccount: true,
      showChangePic:false,
      syncYrs: "",
      activeAccountItem: {},
      syncMonth: "",
@@ -661,13 +684,14 @@
        confirmPassword: "",
        roleId: "",
      },
      isChangePic: true,
      rules: {
        userName: [
          { required: true, message: "请输入用户名", trigger: "blur" },
          {
            min: 3,
            min: 2,
            max: 10,
            message: "长度在 3 到 10 个字符",
            message: "长度在 2 到 10 个字符",
            trigger: "blur",
          },
        ],
@@ -975,8 +999,8 @@
      }
    },
    openWelcome(name,i){
      this.showWelcome = false
      this.openMenu(name,i)
      this.showWelcome = false;
      this.openMenu(name, i);
    },
    showInput(typ) {
      this[`show${typ}Input`] = true;
@@ -1010,7 +1034,7 @@
      this.isAddAccount = true;
      getRoles().then((res) => {
        if (res.success) {
          this.roleList = res.data;
          this.roleList = res.data.slice(0, 2);
        }
      });
    },
@@ -1046,7 +1070,9 @@
      });
    },
    saveAddAccount(formName) {
      debugger;
      this.$refs[formName].validate((valid) => {
        debugger;
        if (valid) {
          let data = {
            username: this.addForm.userName,
@@ -1387,13 +1413,32 @@
            width: 100px;
            height: 100px;
            background-color: bisque;
            position: relative;
            border-radius: 50px;
            img {
              border: none;

              width: 100px;
              height: 100px;
              position: relative;
              border-radius: 50px;
            }
            .touxiang-mask {
              position: absolute;
              left: 0;
              top: 0;
              width: 100px;
              height: 100px;
              background-color: rgba(0, 0, 0, 0.2);
              color: white;
              cursor: pointer;
              border-radius: 50%;
              display: flex;
              justify-content: center;
              align-items: center;
              .selected {
                font-size: 20px;
              }
            }
          }
          .user-desc {
@@ -1507,7 +1552,6 @@
        }
      }

      .add-account-page {
        .upload-group {
          height: 120px;
          width: 360px;
@@ -1564,10 +1608,19 @@
            cursor: pointer;
          }
        }
      .add-account-page {
        .fill-group {
          .el-form-item__content {
            line-height: 44px;
          }
          .p-title {
            height: 34px;
            text-align: left;
            line-height: 50px;
          }
          .el-form-item__error {
            line-height: 0.8;
            left: 3.3%;
          }
          .el-form-item {
            .el-select {