修复区域删除的问题. 修正底图显示的区域框

zhangzengfei

2022-08-31 b582d3dfe4e46a3b978d2663fe54df240a80a710

 src/views/personalCenter/components/SubAccount.vue

@@ -4,11 +4,11 @@
    <div class="search">
      <div class="left">
        <div class="id">
          姓名/手机号
          <el-input v-model="inputText" placeholder="请输入"></el-input>
          用户名/姓名/手机号
          <el-input v-model="inputText" placeholder="请输入" clearable></el-input>
        </div>

        <div class="cluster">
        <div class="cluster" v-show="false">
          授权时长
          <el-select @change="findUserList" v-model="timeLength" placeholder="请选择">
            <el-option v-for="item in durationArr" :key="item.value" :label="item.label" :value="item.value">
@@ -45,16 +45,12 @@
        <el-table-column label="序号" width="55" class-name="index">
          <template slot-scope="scope">{{ scope.$index + 1 + (page - 1) * size }}</template>
        </el-table-column>
        <!--  <el-table-column
          prop="trueName"
          label="姓名"
          show-overflow-tooltip
        ></el-table-column> -->
        <el-table-column prop="username" label="用户名" show-overflow-tooltip></el-table-column>
        <el-table-column prop="trueName" label="姓名" show-overflow-tooltip></el-table-column>
        <el-table-column prop="phoneNum" label="手机号" show-overflow-tooltip></el-table-column>
        <el-table-column prop="userType" label="用户类型">
          <template slot-scope="scope">
            <span>{{ scope.row.userType == 1 ? "个人" : "公司" }}</span>
            <span>{{ scope.row.userType == 1 ? "本地" : "OA账户" }}</span>
          </template>
        </el-table-column>

@@ -66,19 +62,20 @@

        <!-- <el-table-column prop="authDuration" label="授权时长">
        </el-table-column> -->
        <el-table-column prop="dataNames" label="公司"> </el-table-column>
        <el-table-column prop="companyName" label="部门" show-overflow-tooltip></el-table-column>
        <!-- <el-table-column prop="dataNames" label="公司"> </el-table-column> -->
        <el-table-column prop="companyName" label="部门" show-overflow-tooltip min-width="200px"></el-table-column>

        <el-table-column label="状态">
        <!-- <el-table-column label="状态">
          <template slot-scope="scope">
            <div v-if="scope.row.isBind == 1" class="status green">已绑定</div>
            <div v-else class="status">未绑定</div>
          </template>
        </el-table-column>
        </el-table-column> -->

        <el-table-column label="操作">
        <el-table-column label="操作" align="center" width="100px">
          <template slot-scope="scope">
            <span class="iconfont option" @click="editUser(scope.row)">编辑</span>
            <span class="iconfont option" style="color:red" @click="delUser(scope.row)">删除</span>
          </template>
        </el-table-column>
      </el-table>
@@ -112,8 +109,7 @@
      <el-form-item label="用户名" prop="username">
        <el-input v-model="ruleForm.username" style="width: 350px"></el-input>
      </el-form-item>
      <!-- <el-form-item label="密码" prop="password" v-show="!isEditing"> -->
      <el-form-item label="密码" prop="password">
      <el-form-item label="密码" prop="password" v-show="!isEditing">
        <el-input v-model="ruleForm.password" style="width: 350px"></el-input>
      </el-form-item>
      <!--  <el-form-item label="重置密码">
@@ -216,7 +212,7 @@
</template>

<script>
import { findUserList, saveSubUser, getMenu, getDataTree } from "@/api/user"
import { findUserList, saveSubUser, getMenu, getDataTree, deleteUser } from "@/api/user"
import { getAreas, getDic } from "@/api/login"

import Steps from "./Steps"
@@ -328,8 +324,8 @@
        username: [{ required: true, message: "请输入用户名", trigger: "blur" }],
        // password: [{ required: true, message: "请输入密码", trigger: "blur" }],
        userType: [{ required: true, message: "请选择用户类型", trigger: "blur" }],
        trueName: [{ required: true, message: "请输入姓名", trigger: "blur" }],
        menuIds: [{ validator: validateTree, trigger: "blur" }]
        trueName: [{ required: true, message: "请输入姓名", trigger: "blur" }]
        // menuIds: [{ validator: validateTree, trigger: "blur" }]
      },
      sysMenus: [],
      DataTree: [],
@@ -391,7 +387,7 @@
      this.ruleForm.companyName = row.companyName
      this.ruleForm.phoneNum = row.phoneNum
      this.ruleForm.email = row.email
      this.ruleForm.isChangePwd = row.isChangePwd
      this.ruleForm.isChangePwd = false
      this.ruleForm.industryId = row.industryId
      this.ruleForm.areaId = row.areaId
      this.ruleForm.address = [row.provinceId, row.areaId]
@@ -418,6 +414,23 @@
        let cameraIds = checkedCameras.split(",")
        this.$refs.ztreeMenus.updateNodes(cameraIds)
      }
    },
    delUser(row) {
      this.$confirm("确认要删除该用户吗, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(async () => {
        let rsp = await deleteUser({ id: row.id })
        if (rsp && rsp.success) {
          this.$message({
            type: "success",
            message: "删除成功!"
          })
        }

        this.findUserList()
      })
    },
    resetUser() {
      this.ruleForm = {
@@ -481,7 +494,7 @@

          // 编辑不提交密码
          if (this.isEditing) {
            // delete json.password
            delete json.password
          }

          if (typeof json.areaId === "string") {