设备管理 样式调整

mark

2022-10-25 f20a554bdb24e9dfde9dc6a69d78595944f61d15

 src/views/personalCenter/components/BasicInfo.vue

@@ -14,7 +14,7 @@
      <el-form-item label="用户名" prop="username">
        <el-input v-model="userInfo.username" style="width: 200px"></el-input>
      </el-form-item>
      <el-form-item label="注册类型" prop="type">
      <el-form-item label="注册类型" prop="userType">
        <el-radio-group v-model="userInfo.userType">
          <el-radio :label="1">个人</el-radio>
          <el-radio :label="2">公司</el-radio>
@@ -55,7 +55,6 @@
          v-model="userInfo.address"
          :props="options"
          style="width: 410px"
          @change="handleChange"
        ></el-cascader>
      </el-form-item>
      <el-form-item label="手机号" prop="phoneNum">
@@ -118,9 +117,9 @@
      },
      userInfo: {
        userId: "",
        username: "panlei",
        phoneNum: "17610829559",
        type: "", // 普通用户还是开发者
        username: "",
        phoneNum: "",
        type: 1, // 普通用户还是开发者
        userType: 1, // 个人还是公司
        industryId: "",
        address: [110100, 110105],
@@ -146,16 +145,16 @@
      activeEquipment: null, //处理中的设备
      rules: {
        trueName: [
          { required: true, message: "请填写真实姓名", trigger: "change" },
          { required: true, message: "请填写真实姓名", trigger: "blur" },
        ],
        username: [
          { required: true, message: "请填写用户名", trigger: "change" },
          { required: true, message: "请填写用户名", trigger: "blur" },
        ],
        phoneNum: [
          { required: true, message: "请填写手机号", trigger: "change" },
          { required: true, message: "请填写手机号", trigger: "blur" },
        ],
        type: [
          { required: true, message: "请选择注册类型", trigger: "change" },
        userType: [
          { required: true, message: "请选择注册类型", trigger: "blur" },
        ],
      },
    };
@@ -177,18 +176,23 @@
      }
    },
    save() {
      this.userInfo.provinceId = this.userInfo.address[0];
      this.userInfo.areaId = this.userInfo.address[1];
      entireUserInfo(this.userInfo)
        .then((res) => {
          this.$notify.success("账户信息保存成功");
        })
        .catch((err) => {
          if (err && err.status == 401) {
            return;
          }
          this.$notify.error("账户信息保存失败");
        });
      this.$refs["ruleForm"].validate((valid) => {
        if (valid) {
          this.userInfo.provinceId = this.userInfo.address[0];
          this.userInfo.areaId = this.userInfo.address[1];
          entireUserInfo(this.userInfo)
            .then((res) => {
              this.$notify.success("账户信息保存成功");
              // this.$emit("gotolist")
            })
            .catch((err) => {
              if (err && err.status == 401) {
                return;
              }
              this.$notify.error("账户信息保存失败");
            });
        }
      });
    },
    // 跳到设备详情
    checkDetail(row) {