更新组织、用户管理对接接口

.env.development

@@ -12,7 +12,9 @@ VITE_OPEN_PROXY = false
 VITE_PROXY_API = /dev-api
 
 # VITE_PROXY = [ ["/dev-api", "http://192.168.110.186:8040" ],["/dev-img-api", "http://file.sczysoft.com" ]]
-VITE_PROXY = [ ["/dev-api", "http://42.193.40.239:8010" ],["/dev-img-api", "http://file.sczysoft.com" ]]
+
+# http://42.193.40.239:8017/doc.html//线上    http://192.168.110.186:8017/doc.html//本地
+VITE_PROXY = [ ["/dev-api", "http://192.168.110.186:8017" ],["/dev-img-api", "http://file.sczysoft.com" ]]
 # 
 VITE_GLOB_UPLOAD_URL=/dev-api
 VITE_UPLOAD_IMG_URL=/dev-img-api

src/api/Sys.ts

@@ -12,17 +12,6 @@ export function getUserPage(data) {
   });
 }
 
-/**
- *删除
- */
-export function delUser(userId) {
-  return request({
-    url: `${prefix}/delUser`,
-    method: "POST",
-    data: { userId }
-  });
-}
-
 /**
 *获取通知列表
 */
@@ -238,11 +227,10 @@ export function delBaseinclass(data) {
 /**
  * 岗位树
  */
-export function getListperformTree(params) {
+export function getListperformTree() {
   return request({
     url: `/admin/Sys/getListperformTree`,
     method: "GET",
-    params
   });
 }
 
@@ -276,4 +264,45 @@ export function performDel(listperformid) {
     url: `/admin/Sys/delListperform/${listperformid}`,
     method: "POST"
   });
-}
+}
+
+
+/**
+ * 用户管理-所属角色List
+ */
+export function getSysroleList() {
+  return request({
+    url: `/admin/Sys/getSysroleList`,
+    method: "GET"
+  });
+}
+/**
+ * 用户管理-新增修改
+ */
+export function saveUser(data) {
+  return request({
+    url: `/admin/Sys/saveUser`,
+    method: "POST",
+    data:data
+  });
+}
+/**
+ *用户管理-启用禁用
+ */
+ export function delUser(params) {
+  return request({
+    url: `/admin/Sys/delUser`,
+    method: "POST",
+    data: params
+  });
+}
+/**
+ *用户管理-启用禁用
+ */
+ export function delListperform(listperformid) {
+  return request({
+    url: `/admin/Sys/delListperform/${listperformid}`,
+    method: "POST",
+  });
+}
+

src/assets/styles/element-ui.scss

@@ -1,434 +1,374 @@
 /** el-progress-bar */
 .el-progress-bar__inner {
-  background-image: linear-gradient(270deg, rgb(65, 251, 217) 0%, rgb(3, 142, 254) 100%);
+    background-image: linear-gradient(270deg, rgb(65 251 217) 0%, rgb(3 142 254) 100%);
 }
 
 /** el-dialog custom-dialog */
 .custom-dialog {
-  border-radius: 10px;
+    border-radius: 10px;
+    .el-dialog__header {
+        padding: 16px;
+        position: relative;
+        .custom-dialog-title {
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            justify-content: space-between;
+            padding-bottom: 6px;
+            span {
+                color: #333;
+                font-weight: bold;
+            }
+            .icon-style {
+                width: 0.875em;
+                height: 0.875em;
+                fill: #b5c4e1;
+                &:hover {
+                    opacity: 0.9;
+                }
+            }
+            hr {
+                position: absolute;
+                bottom: 0;
+                width: 98%;
+                transform: translateX(-50%);
+                left: 50%;
+                border: 1px solid #f5f5f5 !important;
+            }
+        }
+        .el-dialog__headerbtn {
+            display: none;
+        }
+    }
+    .el-dialog__body {
+        padding: 16px;
+        padding-top: 6px;
+    }
+    .el-dialog__footer {
+        padding-top: 0;
+        text-align: center;
+        .el-button {
+            margin: 0 16px;
+        }
+    }
+}
 
-  .el-dialog__header {
+/** custom-drawer */
-    padding: 16px;
+.custom-drawer {
+    .el-drawer__header {
+        padding: 16px;
+        position: relative;
+        margin-bottom: 0;
+        .custom-drawer-title {
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            justify-content: space-between;
+            padding-bottom: 6px;
+        }
+        .custom-drawer-title hr {
+            position: absolute;
+            bottom: 0;
+            width: 98%;
+            transform: translateX(-50%);
+            left: 50%;
+            border: 1px solid #cecece;
+        }
+        .custom-drawer-title .icon-style {
+            width: 0.875em;
+            height: 0.875em;
+            fill: #b5c4e1;
+            &:hover {
+                opacity: 0.9;
+            }
+        }
+        .el-drawer__close-btn {
+            display: none;
+        }
+    }
+    .el-drawer__body {
+        // padding: 16px;
+        height: 100%;
+        // @include boxSizing();
+    }
+}
+
+/** center-form */
+.center-form {
+    display: flow-root;
+    width: 100%;
+    margin: 0 auto;
+    .el-form-item {
+        width: 44%;
+        float: left;
+        margin: 0 3%;
+        margin-bottom: 22px;
+    }
+    .inline-block {
+        width: 94%;
+    }
+}
+.el-form-item {
+    .el-select,
+    .el-cascader,
+    .el-input-number,
+    .el-input {
+        width: 100%;
+    }
+}
+
+/** .el-input-group__append */
+.search-input {
+    .el-input__wrapper {
+        border: 1px solid #5473e8;
+    }
+}
+.search .el-input__inner {
+    border: 1px solid #5473e8;
+}
+.el-input-group__append {
+    background-color: #5473e8 !important;
+    border-color: #5473e8 !important;
+    cursor: pointer;
+    padding: 0 16px;
+    box-shadow: none;
+    &:hover {
+        opacity: 0.8;
+    }
+    &:active {
+        border-color: #7bb6fa;
+    }
+    .search-bottom {
+        color: #fff;
+        display: flex;
+        align-items: center;
+        font-size: 14px;
+        flex-direction: row;
+    }
+    svg {
+        padding-right: 6px;
+    }
+}
+
+/** layout */
+.el-row {
+    margin-bottom: 22px;
+}
+.operation {
+    margin-bottom: 0;
+}
+.keyword {
+    margin-top: 24px;
+}
+
+/** label-select */
+.label-select {
+    display: flex;
+    align-items: center;
+    height: 30px;
+    label {
+        background: #f9f9f9;
+        border: 1px solid #e6e6e6;
+        padding: 0 10px;
+        font-size: 13px;
+        border-right: none;
+        height: 100%;
+        text-align: center;
+        white-space: nowrap;
+        display: flex;
+        align-items: center;
+    }
+    .el-input__inner {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+        height: 100% !important;
+    }
+    .el-cascader {
+        height: 100%;
+    }
+    .el-select {
+        height: 100%;
+    }
+    .select-trigger {
+        height: 100%;
+    }
+    .el-input {
+        height: 100%;
+    }
+}
+
+/** el-table */
+.el-table {
+    th,
+    td {
+        padding: 8px 0;
+    }
+    .el-one-header {
+        th {
+            text-align: center;
+            background-color: #f2f2f2;
+        }
+    }
+    .el-one-header1 {
+        th {
+            text-align: left;
+            background-color: #f2f2f2;
+        }
+    }
+    .operate {
+        margin: 0 16px;
+        cursor: pointer;
+        &:hover {
+            opacity: 0.8;
+        }
+        svg {
+            margin-right: 3px;
+            vertical-align: -0.12em;
+            width: 1em;
+            height: 1em;
+        }
+        .edit {
+            color: #1d86fb;
+        }
+        .detail {
+            color: #f4a914;
+        }
+        .func {
+            color: #fb4e33;
+        }
+        .delete {
+            color: #fb4e33;
+        }
+        .statute {
+            color: #226cb6;
+        }
+    }
+}
+.look {
+    color: #1d86fb;
+    cursor: pointer;
+    &:hover {
+        opacity: 0.8;
+    }
+}
+
+/** avatar-upload */
+.avatar-uploader .el-upload {
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
     position: relative;
+    overflow: hidden;
+}
+.avatar-uploader .el-upload:hover {
+    border-color: #409eff;
+}
+.avatar-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 100px;
+    height: 100px;
+    line-height: 100px;
+    text-align: center;
+}
+.avatar {
+    width: 100px;
+    height: 100px;
+    display: block;
+}
 
-    .custom-dialog-title {
+/** el-tabs */
-      display: flex;
+.el-tabs__nav-next,
-      flex-direction: row;
+.el-tabs__nav-prev {
-      align-items: center;
+    font-size: 18px;
-      justify-content: space-between;
+}
-      padding-bottom: 6px;
+.el-table .el-table__body-wrapper::-webkit-scrollbar {
-
+    background-color: #f2f2f2;
-      span {
+}
-        color: #333333;
+.el-table .el-table__body-wrapper::-webkit-scrollbar-thumb {
+    background-color: #c9c9c9;
+    cursor: pointer;
+}
+.custom-dialog-title {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    padding-bottom: 6px;
+    span {
+        color: #333;
         font-weight: bold;
-      }
+        font-size: 16px;
-
+    }
-      .icon-style {
+    .icon-style {
         width: 0.875em;
         height: 0.875em;
-        fill: #B5C4E1;
+        fill: #b5c4e1;
-
         &:hover {
-          opacity: 0.9;
+            opacity: 0.9;
         }
-      }
+    }
-
+    hr {
-      hr {
         position: absolute;
         bottom: 0;
         width: 98%;
         transform: translateX(-50%);
         left: 50%;
         border: 1px solid #f5f5f5 !important;
-      }
     }
-
-    .el-dialog__headerbtn {
-      display: none;
-    }
-  }
-
-  .el-dialog__body {
-    padding: 16px;
-    padding-top: 6px;
-  }
-
-  .el-dialog__footer {
-    padding-top: 0;
-    text-align: center;
-
-    .el-button {
-      margin: 0 16px;
-    }
-  }
 }
-
-/** custom-drawer */
-.custom-drawer {
-  .el-drawer__header {
-    padding: 16px;
-    position: relative;
-    margin-bottom: 0;
-
-    .custom-drawer-title {
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-      justify-content: space-between;
-      padding-bottom: 6px;
-    }
-
-    .custom-drawer-title hr {
-      position: absolute;
-      bottom: 0;
-      width: 98%;
-      transform: translateX(-50%);
-      left: 50%;
-      border: 1px solid #cecece;
-    }
-
-    .custom-drawer-title .icon-style {
-      width: 0.875em;
-      height: 0.875em;
-      fill: #B5C4E1;
-
-      &:hover {
-        opacity: 0.9;
-      }
-    }
-
-    .el-drawer__close-btn {
-      display: none;
-    }
-  }
-
-  .el-drawer__body {
-    // padding: 16px;
-    height: 100%;
-    // @include boxSizing();
-  }
-}
-
-/** center-form */
-.center-form {
-  display: flow-root;
-  width: 100%;
-  margin: 0 auto;
-
-  .el-form-item {
-    width: 44%;
-    float: left;
-    margin: 0 3%;
-    margin-bottom: 22px;
-  }
-
-  .inline-block {
-    width: 94%;
-  }
-}
-
-.el-form-item {
-
-  .el-select,
-  .el-cascader,
-  .el-input-number,
-  .el-input {
-    width: 100%;
-  }
-}
-
-/** .el-input-group__append */
-.search-input {
-  .el-input__wrapper {
-    border: 1px solid #5473e8;
-  }
-}
-
-.search .el-input__inner {
-  border: 1px solid #5473e8;
-}
-
-.el-input-group__append {
-  background-color: #5473e8 !important;
-  border-color: #5473e8 !important;
-  box-shadow: none;
-  cursor: pointer;
-  padding: 0 16px;
-  box-shadow: none;
-
-  &:hover {
-    opacity: 0.8;
-  }
-
-  &:active {
-    border-color: #7bb6fa;
-  }
-
-  .search-bottom {
-    color: #fff;
-    display: flex;
-    align-items: center;
-    font-size: 14px;
-    flex-direction: row;
-  }
-
-  svg {
-    padding-right: 6px;
-  }
-}
-
-/** layout */
-.el-row {
-  margin-bottom: 22px;
-}
-
-.operation {
-  margin-bottom: 0px;
-}
-
-.keyword {
-  margin-top: 24px;
-}
-
-/** label-select */
-.label-select {
-  display: flex;
-  align-items: center;
-  height: 30px;
-
-  label {
-    background: #f9f9f9;
-    border: 1px solid #e6e6e6;
-    padding: 0 10px;
-    font-size: 13px;
-    border-right: none;
-    height: 100%;
-    text-align: center;
-    white-space: nowrap;
-    display: flex;
-    align-items: center;
-  }
-
-  .el-input__inner {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-    height: 100% !important;
-  }
-
-  .el-cascader {
-    height: 100%;
-  }
-
-  .el-select {
-    height: 100%;
-  }
-
-  .select-trigger {
-    height: 100%;
-  }
-
-  .el-input {
-    height: 100%;
-  }
-}
-
-/** el-table */
-.el-table {
-
-  th,
-  td {
-    padding: 8px 0;
-  }
-
-  .el-one-header {
-    th {
-      text-align: center;
-      background-color: #F2F2F2;
-    }
-  }
-
-  .el-one-header1 {
-    th {
-      text-align: left;
-      background-color: #F2F2F2;
-    }
-  }
-
-  .operate {
-    margin: 0 16px;
-    cursor: pointer;
-
-    &:hover {
-      opacity: 0.8;
-    }
-
-    svg {
-      margin-right: 3px;
-      vertical-align: -0.12em;
-      width: 1em;
-      height: 1em;
-    }
-
-    .edit {
-      color: #1d86fb;
-    }
-
-    .detail {
-      color: #f4a914;
-    }
-
-    .func {
-      color: #fb4e33;
-    }
-
-    .statute {
-      color: #226cb6;
-    }
-  }
-}
-
-.look {
-  color: #1d86fb;
-  cursor: pointer;
-
-  &:hover {
-    opacity: 0.8;
-  }
-}
-
-/** avatar-upload */
-.avatar-uploader .el-upload {
-  border: 1px dashed #d9d9d9;
-  border-radius: 6px;
-  cursor: pointer;
-  position: relative;
-  overflow: hidden;
-}
-
-.avatar-uploader .el-upload:hover {
-  border-color: #409eff;
-}
-
-.avatar-uploader-icon {
-  font-size: 28px;
-  color: #8c939d;
-  width: 100px;
-  height: 100px;
-  line-height: 100px;
-  text-align: center;
-}
-
-.avatar {
-  width: 100px;
-  height: 100px;
-  display: block;
-}
-
-/** el-tabs */
-.el-tabs__nav-next,
-.el-tabs__nav-prev {
-  font-size: 18px;
-}
-
-.el-table .el-table__body-wrapper::-webkit-scrollbar {
-  background-color: #f2f2f2;
-}
-
-.el-table .el-table__body-wrapper::-webkit-scrollbar-thumb {
-  background-color: #c9c9c9;
-  cursor: pointer;
-}
-
-.custom-dialog-title {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  padding-bottom: 6px;
-
-  span {
-    color: #333333;
-    font-weight: bold;
-    font-size: 16px;
-  }
-
-  .icon-style {
-    width: 0.875em;
-    height: 0.875em;
-    fill: #B5C4E1;
-
-    &:hover {
-      opacity: 0.9;
-    }
-  }
-
-  hr {
-    position: absolute;
-    bottom: 0;
-    width: 98%;
-    transform: translateX(-50%);
-    left: 50%;
-    border: 1px solid #f5f5f5 !important;
-  }
-}
-
 .el-popper {
-  max-width: 50vw;
+    max-width: 50vw;
 }
-
 .tree-line {
-  .el-tree-node {
+    .el-tree-node {
-    position: relative;
+        position: relative;
-    padding-left: 12px; // 缩进量
+        padding-left: 12px; // 缩进量
-  }
-
-  .el-tree-node__children {
-    padding-left: 12px; // 缩进量
-  }
-
-  // 竖线
-  .el-tree-node::before {
-    content: "";
-    height: 100%;
-    width: 1px;
-    position: absolute;
-    left: 0px;
-    top: -20px;
-    border-width: 1px;
-    border-left: 1px dashed #52627c;
-  }
-
-  // 当前层最后一个节点的竖线高度固定
-  .el-tree-node:last-child::before {
-    height: 40px;
-  }
-
-  // 横线
-  .el-tree-node::after {
-    content: "";
-    width: 12px;
-    height: 20px;
-    position: absolute;
-    left: 0px;
-    top: 20px;
-    border-width: 1px;
-    border-top: 1px dashed #52627c;
-  }
-
-  &>.el-tree-node::after {
-    border-top: none;
-  }
-
-  &>.el-tree-node::before {
-    border-left: none;
-  }
-
-  // 展开关闭的icon
-  .el-tree-node__expand-icon {
-    font-size: 16px;
-
-    &.is-leaf {
-      color: transparent;
     }
-  }
+    .el-tree-node__children {
-}
+        padding-left: 12px; // 缩进量
+    }
+
+    // 竖线
+    .el-tree-node::before {
+        content: "";
+        height: 100%;
+        width: 1px;
+        position: absolute;
+        left: 0;
+        top: -20px;
+        border-width: 1px;
+        border-left: 1px dashed #52627c;
+    }
+
+    // 当前层最后一个节点的竖线高度固定
+    .el-tree-node:last-child::before {
+        height: 40px;
+    }
+
+    // 横线
+    .el-tree-node::after {
+        content: "";
+        width: 12px;
+        height: 20px;
+        position: absolute;
+        left: 0;
+        top: 20px;
+        border-width: 1px;
+        border-top: 1px dashed #52627c;
+    }
+    & > .el-tree-node::after {
+        border-top: none;
+    }
+    & > .el-tree-node::before {
+        border-left: none;
+    }
+
+    // 展开关闭的icon
+    .el-tree-node__expand-icon {
+        font-size: 16px;
+        &.is-leaf {
+            color: transparent;
+        }
+    }
+}

src/views/system/base/govuser/details.vue

@@ -24,10 +24,10 @@
             v-model="addPostFactorForm.sysusername"
           ></el-input>
         </el-form-item>
-        <el-form-item label="密码：" prop="pwd">
+        <el-form-item label="密码：" prop="password">
           <el-input
             placeholder="请输入密码"
-            v-model="addPostFactorForm.pwd"
+            v-model="addPostFactorForm.password"
             @focus="pwdFocus"
           ></el-input>
         </el-form-item>
@@ -54,16 +54,25 @@
             ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="角色类型：" prop="memberType">
+        <el-form-item label="岗位：" prop="systitle">
-          <el-select v-model="addPostFactorForm.memberType">
+          <el-tree-select
-            <el-option
+            v-model="addPostFactorForm.systitle"
-              v-for="(item, index) in roleTypeList"
+            :data="postList"
-              :key="index"
+            :props="postProps"
-              :label="item.label"
+            :render-after-expand="false"
-              :value="item.value"
+            style="width: 240px;"
-            ></el-option>
+          />
-          </el-select>
         </el-form-item>
+        <el-form-item label="状态：" prop="delState">
+          <el-switch
+            v-model="addPostFactorForm.delState"
+            active-text="启用"
+            inactive-text="禁用"
+            :active-value="1"
+            :inactive-value="2"
+          />
+        </el-form-item>
+
         <!-- <el-form-item label="照片：">
           <el-upload
             class="avatar-uploader"
@@ -92,6 +101,7 @@ import useUserStore from "@/store/modules/user";
 import { ElMessage, FormInstance, FormRules } from "element-plus";
 import { getYears, getUUID, FileType } from "@/utils/common";
 import { saveOthexpert, getOtheWareHouseList } from "@/api/Othteam";
+import { getSysroleList, getListperformTree,saveUser } from "@/api/Sys";
 
 const formRef = ref<FormInstance>();
 const userStore = useUserStore();
@@ -100,7 +110,7 @@ const userId = ref(user.value.userId);
 const uuid = ref("");
 const ruleForm = reactive<FormRules>({
   sysusername: [{ required: true, message: "请输入账号", trigger: "blur" }],
-  pwd: [{ required: true, message: "请输入密码", trigger: "blur" }],
+  password: [{ required: true, message: "请输入密码", trigger: "blur" }],
   chinaname: [{ required: true, message: "请输入中文名", trigger: "blur" }],
   userroles: [{ required: true, message: "请选择角色", trigger: "change" }],
   sysunitorentid: [
@@ -109,6 +119,8 @@ const ruleForm = reactive<FormRules>({
   systitle: [{ required: true, message: "请选择岗位", trigger: "change" }],
   state: [{ required: true, message: "请选择账号状态", trigger: "change" }],
   orgcodes: [{ required: true, message: "请选择任职地区", trigger: "change" }],
+  delState: [{ required: true, message: "请选择状态", trigger: "change" }],
+  
 });
 const props = defineProps({
   visible: {
@@ -122,42 +134,70 @@ const props = defineProps({
   },
   id: String,
 });
-const listperformid = ref(props.id);
 const addPostFactorForm = ref(<any>{});
 const emits = defineEmits(["close", "onSubmit"]);
 //保存并退出
 const handleSubmit = () => {
   formRef.value?.validate((valid) => {
     if (valid) {
-      addPostFactorForm.value.othage = Number(addPostFactorForm.value.othage);
+      addPostFactorForm.value.sysuserid = addPostFactorForm.value.sysuserid||uuid.value;
-      addPostFactorForm.value.othexpertid =
+      saveUser(addPostFactorForm.value).then((res: any) => {
-        addPostFactorForm.value.othexpertid || uuid.value;
-      addPostFactorForm.value.userId = userId.value;
-      saveOthexpert(addPostFactorForm.value).then((res: any) => {
         if (res.code == 1) {
           ElMessage.success({
             message: "保存成功",
             type: "success",
           });
           onclone();
+        }else{
+          ElMessage.error({
+            message: res.message,
+            type: "error",
+          });
         }
       });
     }
     return false;
   });
 };
+//所属角色List
+const roleList = ref([]);
+const getRoleList = () => {
+  getSysroleList().then((res: any) => {
+    if (res.code == 1) {
+      roleList.value = res.data;
+    }
+  });
+};
+//岗位List
+const postList = ref([]);
+const postProps = {
+  value: "listperformid",
+  label: "parentName",
+  children: "children",
+};
+const ListperformTree = () => {
+  getListperformTree().then((res: any) => {
+    if (res.code == 1) {
+      postList.value = res.data;
+    }
+  });
+};
 //关闭弹窗
 const onclone = () => {
   emits("close");
 };
-onMounted(() => {});
+onMounted(() => {
+  getRoleList();
+  ListperformTree();
+});
 watch(
   () => props.form,
   (val) => {
     uuid.value = getUUID();
-    if (val) {
+    if (props.form.sysuserid) {
-      if (!props.visible) return;
       addPostFactorForm.value = val;
+    }else{
+      addPostFactorForm.value.delState = 1
     }
   }
 );
@@ -165,15 +205,15 @@ watch(
 
 <style lang="scss" scoped>
 .detailForm-content {
-  margin-right: 30px;
+    margin-right: 30px;
 }
 :deep(.el-form) {
-  display: flex;
+    display: flex;
-  flex-wrap: wrap;
+    flex-wrap: wrap;
-  // justify-content: space-around;
+    // justify-content: space-around;
-  justify-content: space-between;
+    justify-content: space-between;
 }
 :deep(.el-form-item) {
-  width: 47%;
+    width: 47%;
 }
 </style>

src/views/system/base/govuser/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="percentage-content">
     <div class="content">
-      <div style="margin-bottom: 16px" class="h-layout space-between h-center">
+      <div style="margin-bottom: 16px;" class="h-layout space-between h-center">
         <div>
           <div class="h-layout">
             <div class="tool-item" @click="getList">
@@ -19,17 +19,17 @@
               <svg-icon name="export" class="icon" />
               <span>导出</span>
             </div>
-            <div
+            <!-- <div
               v-if="tableCheckBoxs.length > 0"
               class="tool-item"
               @click="deletelist"
             >
               <svg-icon name="delete" class="icon" />
               <span>删除</span>
-            </div>
+            </div> -->
           </div>
         </div>
-        <div style="width: 30%">
+        <div style="width: 30%;">
           <div>
             <el-input
               v-model="search"
@@ -107,9 +107,11 @@
         >
           <template #default="scope">
             <el-switch
-              v-model="scope.row.stateShow"
+              v-model="scope.row.delState"
               active-text="启用"
               inactive-text="禁用"
+              :active-value="1"
+              :inactive-value="2"
               @change="staShow(scope.row)"
             >
             </el-switch>
@@ -118,7 +120,7 @@
         <el-table-column
           :resizable="true"
           align="center"
-          width="180"
+          width="200"
           label="操作"
         >
           <template #default="scope">
@@ -140,6 +142,10 @@
               <svg-icon name="detail" class="icon"></svg-icon>
               <span class="detail">详情</span>
             </span>
+            <!-- <span class="operate">
+              <svg-icon name="delete" class="icon"></svg-icon>
+              <span class="delete">删除</span>
+            </span> -->
           </template>
         </el-table-column>
       </el-table>
@@ -206,33 +212,42 @@ const getList = () => {
     unitId: null,
   };
   getUserPage(params).then((res: any) => {
+    console.log(res, "res==>");
+
     tableData.value = res.data.list;
     total.value = res.data.total;
     tableDataloading.value = false;
   });
 };
 //删除列表
-const deletelist = () => {
+// const deletelist = () => {
-  ElMessageBox.confirm("是否确认删除?", "提示", {
+//   ElMessageBox.confirm("是否确认删除?", "提示", {
-    confirmButtonText: "是",
+//     confirmButtonText: "是",
-    cancelButtonText: "否",
+//     cancelButtonText: "否",
-    type: "warning",
+//     type: "warning",
-  }).then(() => {
+//   }).then(() => {
-    delUser(tableCheckBoxs.value.join(",")).then((res: any) => {
+//     delUser(tableCheckBoxs.value.join(",")).then((res: any) => {
-      if (res.code == 1) {
+//       if (res.code == 1) {
-        ElMessage.success({
+//         ElMessage.success({
-          message: "删除成功",
+//           message: "删除成功",
-          type: "success",
+//           type: "success",
-        });
+//         });
-      } else {
+//       } else {
-        ElMessage.error({
+//         ElMessage.error({
-          message: res.message,
+//           message: res.message,
-          type: "error",
+//           type: "error",
-        });
+//         });
-      }
+//       }
-      getList();
+//       getList();
-    });
+//     });
-  });
+//   });
+// };
+const staShow = (data) => {
+  let params = {
+    userId: data.sysuserid,
+    delState: data.delState,
+  };
+  delUser(params).then(() => {});
 };
 //关闭新增弹窗
 const onclone = () => {
@@ -246,19 +261,15 @@ onMounted(() => {
 </script>
 <style lang="scss" scoped>
 .content {
-  width: 100%;
+    width: 100%;
-  // flex: auto;
+    // flex: auto;
-  background: #fff;
+    background: #fff;
-  border-radius: 0.26042vw;
+    border-radius: 0.26042vw;
-  box-shadow: 0 0 0.41667vw 0 rgba(8, 33, 85, 0.1);
+    box-shadow: 0 0 0.41667vw 0 rgb(8 33 85 / 10%);
-  height: 100%;
+    height: 100%;
-  padding: 0.83333vw;
+    padding: 0.83333vw;
-  overflow-y: auto;
+    overflow-y: auto;
-  overflow-x: hidden !important;
+    overflow-x: hidden !important;
-  -moz-box-sizing: border-box;
+    box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  -o-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
 }
 </style>

src/views/system/base/org/add-or-edit.vue

@@ -50,7 +50,7 @@
             v-model="addPostFactorForm.sortid"
           ></el-input>
         </el-form-item>
-        <el-form-item label="所在地区：" prop="areaCode" style="width: 100%">
+        <el-form-item label="所在地区：" prop="areaCode" style="width: 100%;">
           <el-tree-select
             v-model="addPostFactorForm.areaCode"
             :props="areaProps"
@@ -98,7 +98,7 @@ const ruleForm = reactive<FormRules>({
     { required: true, message: "请输入组织名", trigger: "blur" },
   ],
   areaCode: [{ required: true, message: "请选择地区", trigger: "blur" }],
-  performname: [{ required: true, message: "请输入负责人", trigger: "blur" }],
+  // performname: [{ required: true, message: "请输入负责人", trigger: "blur" }],
 });
 
 const props = defineProps({
@@ -121,9 +121,9 @@ const emits = defineEmits(["close", "onSubmit"]);
 const handleSubmit = () => {
   formRef.value?.validate((valid) => {
     if (valid) {
+      console.log(addPostFactorForm.value);
+      
       const params = JSON.parse(JSON.stringify(addPostFactorForm.value));
-      params.viewjurisdiction =
-        addPostFactorForm.value.viewjurisdiction.join(",");
       performAdd(params).then((res: any) => {
         if (res.code == 1) {
           ElMessage.success({
@@ -191,7 +191,6 @@ watch(
     uuid.value = getUUID();
     if (val) {
       if (!props.visible) return;
-      val.viewjurisdiction = val.viewjurisdiction?.split(",");
       addPostFactorForm.value = val;
     }
   }
@@ -204,14 +203,14 @@ onMounted(() => {
 
 <style lang="scss" scoped>
 .detailForm-content {
-  margin-right: 30px;
+    margin-right: 30px;
 }
 :deep(.el-form) {
-  display: flex;
+    display: flex;
-  flex-wrap: wrap;
+    flex-wrap: wrap;
-  justify-content: space-between;
+    justify-content: space-between;
 }
 :deep(.el-form-item) {
-  width: 47%;
+    width: 47%;
 }
 </style>

src/views/system/base/org/index.vue

@@ -17,7 +17,7 @@
             </div>
           </div>
         </div>
-        <div style="width: 30%">
+        <div style="width: 30%;">
           <div>
             <el-input
               v-model="search"
@@ -73,7 +73,7 @@
         <el-table-column
           :resizable="true"
           align="center"
-          width="180"
+          width="200"
           label="操作"
         >
           <template #default="scope">
@@ -95,6 +95,10 @@
               <svg-icon name="detail" class="icon"></svg-icon>
               <span class="detail">详情</span>
             </span>
+            <span class="operate" @click="clickDelete(scope.row.listperformid)">
+              <svg-icon name="delete" class="icon"></svg-icon>
+              <span class="delete">删除</span>
+            </span>
           </template>
         </el-table-column>
       </el-table>
@@ -127,7 +131,8 @@ import { onMounted, reactive, ref } from "vue";
 import { useRouter } from "vue-router";
 const router = useRouter();
 
-import { getListperformPage, performDel } from "@/api/Sys";
+import { getListperformPage, delListperform } from "@/api/Sys";
+import { ElMessage, ElMessageBox } from "element-plus";
 import AddOrEdit from "./add-or-edit.vue";
 
 import useUserStore from "@/store/modules/user";
@@ -163,7 +168,29 @@ const getList = () => {
     tableDataloading.value = false;
   });
 };
-
+const clickDelete = (listperformid)=>{
+  console.log(listperformid);
+  ElMessageBox.confirm("是否确认删除?", "提示", {
+    confirmButtonText: "是",
+    cancelButtonText: "否",
+    type: "warning",
+  }).then(() => {
+    delListperform(listperformid).then((res: any) => {
+      if (res.code == 1) {
+        ElMessage.success({
+          message: "删除成功",
+          type: "success",
+        });
+      } else {
+        ElMessage.error({
+          message: res.message,
+          type: "error",
+        });
+      }
+      getList();
+    });
+  });
+}
 //关闭新增弹窗
 const onclone = () => {
   dialogVisible.value = false;
@@ -178,22 +205,17 @@ onMounted(() => {
 
 <style lang="scss" scoped>
 .content {
-  width: 100%;
+    width: 100%;
-  background: #fff;
+    background: #fff;
-  border-radius: 0.26042vw;
+    border-radius: 0.26042vw;
-  box-shadow: 0 0 0.41667vw 0 rgba(8, 33, 85, 0.1);
+    box-shadow: 0 0 0.41667vw 0 rgb(8 33 85 / 10%);
-  height: 100%;
+    height: 100%;
-  padding: 0.83333vw;
+    padding: 0.83333vw;
-  overflow-y: auto;
+    overflow-y: auto;
-  overflow-x: hidden !important;
+    overflow-x: hidden !important;
-  -moz-box-sizing: border-box;
+    box-sizing: border-box;
-  -webkit-box-sizing: border-box;
+    .table {
-  -o-box-sizing: border-box;
+        margin-top: 16px;
-  -ms-box-sizing: border-box;
+    }
-  box-sizing: border-box;
-
-  .table {
-    margin-top: 16px;
-  }
 }
 </style>