组织管理-平台用户

src/assets/css/index.css

@@ -1540,3 +1540,15 @@ border-radius:8px;
   cursor: pointer;
 }
 
+.warning_info {
+  background-color: #f7f7f9;
+  font-size: 14px;
+	color: #404a62;
+  padding: 5px;
+  text-align: left;
+  margin: 20px 0;
+}
+.danger_info {
+  color: #d75138;
+}
+

src/page/main/develop/account/add/contact-form.vue

@@ -41,7 +41,7 @@ const checkPhone = (rule, value, callback) => {
           callback();
         }
       });
-    };
+};
 
 const contactFormRules = reactive({
   contact_name: [

src/page/main/develop/account/add/system-form.vue

@@ -62,7 +62,14 @@
       <el-input v-model="systemForm.access_address" />
     </el-form-item>
     <el-form-item label="开发厂商名称" prop="develop_id">
-      <el-input v-model="systemForm.develop_id" />
+      <el-select v-model="systemForm.develop_id" placeholder="请选择开发厂商" style="width: 100%">
+        <el-option
+          v-for="item in firmList"
+          :key="item.dict_id"
+          :label="item.dict_name"
+          :value="item.dict_id"
+        />
+      </el-select>
     </el-form-item>
     <el-form-item label="是否启用" prop="state">
       <bg-switch :labels="['否','是']" :values="[0,1]" v-model="systemForm.state"></bg-switch>
@@ -174,6 +181,7 @@ const formRules = reactive({
 const systemRef = ref(null)
 const emit = defineEmits(['action'])
 const roleList = ref([])
+const firmList = ref([])
 
 const submitForm = async () => {
   if (!systemRef) return
@@ -235,9 +243,22 @@ const getRoleList = () => {
      })
 }
 
+const getFirmList = () => {
+  $axios.get(`/apaas/system/v5/dictionary/developer/list`)
+     .then((res) => {
+      if (res.data.code == 200) {
+            firmList.value = res.data.data;
+
+      }else {
+         
+      }
+     })
+}
+
 onBeforeMount(() =>{
   getOrgTree()
   getRoleList()
+  getFirmList()
 })
 
 onMounted(() => {

src/page/main/develop/account/index.vue

@@ -20,7 +20,14 @@
                   />
                </div>
                <div class="tree">
-                 <el-tree ref="treeRef" :data="orgData" :props="defaultProps" @node-click="handleNodeClick" :filter-node-method="filterNode" :default-expand-all="true">
+                 <el-tree ref="treeRef" 
+                          :data="orgData" 
+                          :props="defaultProps" 
+                          @node-click="handleNodeClick"
+                          node-key="id"
+                          :highlight-current="true" 
+                          :filter-node-method="filterNode" 
+                          :default-expand-all="true">
                     <template #default="{ node, data }">
                       <div class="custom_tree_node">
                         <span
@@ -36,7 +43,7 @@
            </div>
            <div class="flex_right bgc_white">
              <div class="main_container">
-               <bg-filter-group @search="getTableRows" v-model="filter.search" placeholder="请输入关键字">
+               <bg-filter-group @search="changeSearch" v-model="filter.search" placeholder="请输入关键字">
                   <template v-slot:left_action>
                     <div class="apaas_button">
                     <el-button class="register_btn" type="primary" @click="addAccount">
@@ -196,7 +203,7 @@
 <script setup>
 import { Search } from '@element-plus/icons-vue'
 import { reactive, toRefs, ref, } from '@vue/reactivity'
-import { getCurrentInstance, watch  } from 'vue'
+import { getCurrentInstance, watch, nextTick } from 'vue'
 import { computed, onBeforeMount } from '@vue/runtime-core'
 import { useRouter } from 'vue-router';
 import { edit } from 'ace-builds';
@@ -280,6 +287,7 @@ import CryptoJS from "crypto-js";
   const passwordFormRules = reactive({
     password: [
       { required: true, message: '请输入密码', trigger: 'blur' },
+      {min: 8,message: '密码长度不得低于8位',trigger: 'blur'}
     ],
     confirm_password: [
       { required: true, message: '请确认密码', trigger: 'blur' },
@@ -317,8 +325,8 @@ import CryptoJS from "crypto-js";
     console.log(data.data_type)
     if(data.data_type == 1) {
       selectNode.value = data.id;
+      changePage(1)
     }
-    console.log(selectNode)
   }
 
   const orgData = ref([])
@@ -333,8 +341,14 @@ import CryptoJS from "crypto-js";
       .then((res) => {
       if (res.data.code == 200) {
           orgData.value = res.data.data || [];
-          const orgList = searchOrg(res.data.data);
-          selectNode.value = orgList.length > 1 ? orgList[1].id : '';
+          orgData.value.shift()
+          const orgList = searchOrg(orgData.value);
+          selectNode.value = orgList.length > 0 ? orgList[0].id : '';
+          nextTick(() =>{
+            if(orgList.length > 0) {
+              treeRef.value.setCurrentNode(orgList[0])
+            }
+          })
           getTableRows()
       }else {
           $message.error(res.data.msg)
@@ -385,7 +399,7 @@ import CryptoJS from "crypto-js";
   const changeSize = (size) => {
     filter.limit = size;
     filter.page = 1;
-    getTableRows()
+    changePage(1)
   }
 
   const changePage = (page) => {
@@ -393,6 +407,11 @@ import CryptoJS from "crypto-js";
     getTableRows()
   }
 
+  const changeSearch = (val) => {
+  filter.search = val
+    changePage(1)
+  } // 表格关键字筛选
+
   const goDetail = (params) => {
      router.push({
         path: "/develop/account/detail",
@@ -412,8 +431,12 @@ import CryptoJS from "crypto-js";
   }
 
   const deleteAccount = (data) => {
+    if(data.state === 0) {
       selectedRow.value = data;
       deleteRowFlag.value = true;
+    }else {
+      $message.error('当前状态已启用，不可删除！')
+    }
   }
 
   const handleCloseDelete = () => {
@@ -605,16 +628,6 @@ import CryptoJS from "crypto-js";
   bottom: unset;
   margin-top: 0px
 }
-.warning_info {
-  background-color: #f7f7f9;
-  font-size: 14px;
-	color: #404a62;
-  padding: 5px;
-  text-align: left;
-  margin: 20px 0;
-}
-.danger_info {
-  color: #d75138;
-}
+
 
 </style>
\ No newline at end of file

src/page/main/system/organization/org-user/index.vue

@@ -44,7 +44,7 @@
                      
                 </div>
                 <div class="content_main">
-                    <orgAccountForm v-show="step === 1" :form-type="route.query.id ? true : false" ref="orgAccountRef" @action="getOrgAccountFormData"></orgAccountForm>
+                    <orgAccountForm v-show="step === 1" :form-type="route.query.id ? true : false" :id="route.query.id" ref="orgAccountRef" @action="getOrgAccountFormData"></orgAccountForm>
                     <orgPersonForm v-show="step === 2" ref="orgPersonRef" @action="getOrgPersonFormData"></orgPersonForm>
                     <div class="process_end" v-show="step === 3">
                         <div>

src/page/main/system/organization/org-user/org-account-form.vue

@@ -53,10 +53,10 @@ const props = defineProps({
     type: Boolean,
     default: false, //false 新建 true 编辑
   },
-  // id: {
-  //   type: String,
-  //   default: '', 
-  // }
+  id: {
+    type: String,
+    default: '', 
+  }
 });
 const orgAccountForm = reactive({
   organization_id: '',
@@ -77,6 +77,53 @@ const validatePass = (rule, value, callback) => {
   }
 }
 
+const validateSystemAccount = (rule, value, callback) => {
+  let params = null;
+   if (props.id){
+     params = {id: parseInt(props.id),system_account: value,}
+   }else {
+     params = {system_account: value}
+   }
+
+  $axios.post(`/apaas/system/v5/user/check/account`,params)
+     .then((res) => {
+      if (res.data.code == 200) {
+            callback()
+      }else {
+          callback(new Error(res.data.data))
+      }
+     })
+  }
+
+  const checkPhone = (rule, value, callback) => {
+      var phone_ruler = /^(?:(?:\+|00)86)?1[3-9]\d{9}$/;
+      setTimeout(() => {
+        if (!phone_ruler.test(value)&&value.length!==0) {
+          callback(new Error("请输入正确的手机号码"));
+        } else {
+          callback();
+        }
+      });
+  };
+
+  const checkPhoneRepet = (rule, value, callback) => {
+    let params = null;
+    if (props.id){
+      params = {id: parseInt(props.id),contact_phone: value,}
+    }else {
+      params = {id: 0,contact_phone: value}
+    }
+
+    $axios.post(`/apaas/system/v5/org/check`,params)
+      .then((res) => {
+        if (res.data.code == 200) {
+              callback()
+        }else {
+            callback(new Error(res.data.data))
+        }
+      })
+    }
+
 const orgAccountFormRules = reactive({
   organization_id: [
     { required: true, message: '请选择组织', trigger: 'blur' },
@@ -86,13 +133,17 @@ const orgAccountFormRules = reactive({
   ],
   system_account: [
     { required: true, message: '请输入账号', trigger: 'blur' },
+    { validator: validateSystemAccount, trigger: 'blur' },
   ],
   contact_phone: [
     { required: true, message: '请输入手机号', trigger: 'blur' },
+    { validator: checkPhone, trigger: 'blur' },
+    { validator: checkPhoneRepet, trigger: 'blur' }
   ],
  
   password: [
     { required: true, message: '请输入密码', trigger: 'blur' },
+    {min: 8,message: '密码长度不得低于8位',trigger: 'blur'}
   ],
   confirm_password: [
       { required: true, message: '请确认密码', trigger: 'blur' },

src/page/main/system/organization/org-user/org-person-form.vue

@@ -49,6 +49,10 @@ const documentTypeList = ref([{
 }])
 
 const orgPersonFormRules = reactive({
+  contact_email: [
+    // { required: true, message: '请输入手机号', trigger: 'blur' },
+    { type: 'email',message: '请输入正确的邮箱', trigger: 'blur' }
+  ],
 })
 const orgPersonFormRef = ref(null)
 const emit = defineEmits(['action'])

src/page/main/system/organization/platform-user/index.vue

@@ -9,7 +9,7 @@
         </div>
         <div class="page_content flex_cloumn">
             <div class="content_top apaas_scroll">
-                <div class="content_process">
+                <div class="content_process" v-if="!route.query.id">
                     <div>
                         <el-steps :active="step" >
                             <el-step title="" :class="{'process_complete': step > 1}">
@@ -44,7 +44,7 @@
                      
                 </div>
                 <div class="content_main">
-                    <platformAccountForm v-show="step === 1" ref="platformAccountFormRef" @action="getPlatformAccountFormData"></platformAccountForm>
+                    <platformAccountForm v-show="step === 1" :form-type="route.query.id ? true : false" :id="route.query.id" ref="platformAccountFormRef" @action="getPlatformAccountFormData"></platformAccountForm>
                     <platformPersonForm v-show="step === 2" ref="plplatformPersonFormRef" @action="getPlatformPersonFormData"></platformPersonForm>
                     <div class="process_end" v-show="step === 3">
                         <div>
@@ -61,7 +61,7 @@
                 </div>
             </div>
             <div class="content_bottom" v-if="step !== 3">
-                <div v-show="step === 1">
+                <div v-show="!route.query.id && step === 1">
                     <el-button  @click="cancel">取消</el-button>
                     <el-button type="primary" @click="nextStep">下一步</el-button>
                 </div>
@@ -70,7 +70,10 @@
                     <el-button type="primary" @click="previousStep">上一步</el-button>
                     <el-button type="primary" @click="submit">提交</el-button>
                 </div>
-                
+                <div v-show="route.query.id">
+                    <el-button @click="cancel">取消</el-button>
+                    <el-button type="primary" @click="nextStep">保存</el-button>
+                </div>
             </div>
         </div>
 
@@ -115,8 +118,26 @@ const nextStep = () => {
 //账号信息表单检验触发事件 data为null 校验失败
 const getPlatformAccountFormData = (data) => {
         if(data) {
+            if(route.query.id) {
+                Object.assign(formData,data);
+                let params = {
+                    ...formData,
+                    logo: formData.logo && formData.logo.length > 0 ? formData.logo[0].url : '',
+                }
+                $axios.put(`/apaas/system/v5/org/update/user/${route.query.id}`,params)
+                    .then((res) => {
+                    if (res.data.code == 200) {
+                        successFlag.value = true;
+                        step.value = 3;
+                    }else {
+                        $message.error(res.data.msg)
+                    }
+                })
+            }else {
                 Object.assign(formData,data);
                 step.value = 2;
+            }
+            
         }else {
 
         }
@@ -127,18 +148,18 @@ const getPlatformPersonFormData = (data) => {
         Object.assign(formData,data);
         if(route.query.id) {
             console.log(formData)
-            let params = {
+            // let params = {
                 
-            }
-            $axios.post(`/apaas/system/v5/org/update/user/:id`,params)
-                .then((res) => {
-                if (res.data.code == 200) {
-                    successFlag.value = true;
-                    step.value = 3;
-                }else {
-                    $message.error(res.data.msg)
-                }
-            })
+            // }
+            // $axios.post(`/apaas/system/v5/org/update/user/${route.query.id}`,params)
+            //     .then((res) => {
+            //     if (res.data.code == 200) {
+            //         successFlag.value = true;
+            //         step.value = 3;
+            //     }else {
+            //         $message.error(res.data.msg)
+            //     }
+            // })
 
         }else {
             const params = {...formData,
@@ -190,10 +211,30 @@ const  getOrgTree = () => {
       })
   }
 
+const getDetail = () => {
+    $axios.get(`/apaas/system/v5/org/user/${route.query.id}`)
+                .then((res) => {
+                if (res.data.code == 200) {
+                    const form = res.data.data;
+                    platformAccountFormRef.value.setForm({
+                        logo: [{url:form.logo}],
+                        system_account: form.system_account,
+                        contact_phone: form.contact_phone,
+                        state: form.state,
+                        contact_name: form.contact_name,
+                        contact_email: form.contact_email,
+                        remark: form.remark,
+                    })
+                }else {
+                    $message.error(res.data.msg)
+                }
+            })
+}
+
 onBeforeMount(() => {
     getOrgTree()
     if(route.query.id) {
-        console.log(route.query.id)
+        getDetail()
     }
 })
 onMounted(() => {

src/page/main/system/organization/platform-user/platform-account-form.vue

@@ -16,13 +16,13 @@
     <el-form-item label="手机号" prop="contact_phone">
       <el-input v-model="platformAccountForm.contact_phone" />
     </el-form-item>
-     <el-form-item label="密码" prop="password">
+     <el-form-item v-if="!formType" label="密码" prop="password">
       <el-input type="password" v-model="platformAccountForm.password" />
     </el-form-item>
-     <el-form-item label="确认密码" prop="confirm_password">
+     <el-form-item v-if="!formType" label="确认密码" prop="confirm_password">
       <el-input type="password" v-model="platformAccountForm.confirm_password" />
     </el-form-item>
-    <el-form-item label="角色授权" prop="select_role">
+    <el-form-item v-if="!formType" label="角色授权" prop="select_role">
       <el-select v-model="platformAccountForm.select_role" multiple placeholder="请选择角色" style="width: 100%">
         <el-option
           v-for="item in roleList"
@@ -31,6 +31,15 @@
           :value="item.role_id"
         />
       </el-select>
+    </el-form-item>
+     <el-form-item v-if="formType" label="姓名" prop="contact_name">
+      <el-input v-model="platformAccountForm.contact_name" />
+    </el-form-item>
+    <el-form-item v-if="formType" label="邮箱" prop="contact_email">
+      <el-input v-model="platformAccountForm.contact_email"/>
+    </el-form-item>
+     <el-form-item v-if="formType" label="备注" prop="remark">
+      <el-input type="textarea" :rows="3" v-model="platformAccountForm.remark" />
     </el-form-item>
     <el-form-item label="是否启用" prop="state">
       <bg-switch :labels="['否','是']" :values="[0,1]" v-model="platformAccountForm.state"></bg-switch>
@@ -43,6 +52,16 @@
 import { reactive, ref, onMounted, onBeforeMount, getCurrentInstance } from 'vue'
 const { proxy } = getCurrentInstance()
 const { $axios,$message } = proxy
+const props = defineProps({
+  formType: {
+    type: Boolean,
+    default: false, //false 新建 true 编辑
+  },
+  id: {
+    type: String,
+    default: '', 
+  }
+});
 const platformAccountForm = reactive({
   logo: [],
   system_account: '',
@@ -52,6 +71,10 @@ const platformAccountForm = reactive({
   select_role: '',
   state: 1,
 
+  contact_name: '',
+  contact_email: '',
+  remark: '',
+ 
 })
 
 const validatePass = (rule, value, callback) => {
@@ -70,26 +93,68 @@ const checkPhone = (rule, value, callback) => {
           callback();
         }
       });
-    };
+};
+
+const validateSystemAccount = (rule, value, callback) => {
+  let params = null;
+   if (props.id){
+     params = {id: parseInt(props.id),system_account: value,}
+   }else {
+     params = {system_account: value}
+   }
+
+  $axios.post(`/apaas/system/v5/user/check/account`,params)
+     .then((res) => {
+      if (res.data.code == 200) {
+            callback()
+      }else {
+          callback(new Error(res.data.data))
+      }
+     })
+  }
+
+  const checkPhoneRepet = (rule, value, callback) => {
+  let params = null;
+   if (props.id){
+     params = {id: parseInt(props.id),contact_phone: value,}
+   }else {
+     params = {id: 0,contact_phone: value}
+   }
+
+  $axios.post(`/apaas/system/v5/org/check`,params)
+     .then((res) => {
+      if (res.data.code == 200) {
+            callback()
+      }else {
+          callback(new Error(res.data.data))
+      }
+     })
+  }
 
 const platformAccountFormRules = reactive({
   system_account: [
     { required: true, message: '请输入账号', trigger: 'blur' },
+    { validator: validateSystemAccount, trigger: 'blur' },
   ],
   contact_phone: [
     { required: true, message: '请输入手机号', trigger: 'blur' },
-    //  { validator: checkPhone, trigger: 'blur' }
+    { validator: checkPhone, trigger: 'blur' },
+    { validator: checkPhoneRepet, trigger: 'blur' }
   ],
   select_role: [
     { required: true, message: '请选择角色', trigger: 'blur' },
   ],
   password: [
     { required: true, message: '请输入密码', trigger: 'blur' },
+    {min: 8,message: '密码长度不得低于8位',trigger: 'blur'}
   ],
   confirm_password: [
       { required: true, message: '请确认密码', trigger: 'blur' },
     { validator: validatePass, trigger: 'blur' }
   ],
+  contact_email: [
+    { type: 'email',message: '请输入正确的邮箱', trigger: 'blur' }
+  ],
 })
 
 const roleList = ref([])

src/page/main/system/organization/platform-user/platform-person-form.vue

@@ -29,7 +29,9 @@ const platformPersonForm = reactive({
 })
 
 const platformPersonFormRules = reactive({
- 
+ contact_email: [
+    { type: 'email',message: '请输入正确的邮箱', trigger: 'blur' }
+  ],
 })
 const platformPersonFormRef = ref(null)
 const emit = defineEmits(['action'])

src/page/main/system/organization/user-detail/index.vue

@@ -10,29 +10,31 @@
         <div class="page_content apaas_scroll">
                 <div class="info_row">
                 <div class="title">
-                    <div><span  class="icon_box"></span> 基础信息</div>
+                    <div><span  class="icon_box"></span> 账号信息</div>
                     <div class="dashed_line">
                     </div>
                 </div>
                 <div class="info_content">
                     <div class="img_box">
-                        <img src="/src/assets/imgs/home_ic_user.png" style="height: 96px;width: 96px;border-radius: 99px" alt="">
+                        <img v-if="logo" :src="logo" style="height: 96px;width: 96px;border-radius: 99px" alt="">
+                        <img v-else src="/src/assets/imgs/home_ic_user.png" style="height: 96px;width: 96px;border-radius: 99px" alt="">
                     </div>
                     <div class="info_box">
-                        <bg-info :data="baseInfo"></bg-info>
+                        <bg-info :data="accountInfo"></bg-info>
                     </div>
                 </div>
             </div>
             <div>
                 <div class="title">
-                    <div><span  class="icon_box"></span> 基础信息</div>
+                    <div><span  class="icon_box"></span> 个人信息</div>
                     <div class="dashed_line">
                     </div>
                 </div>
                 <div class="info_content">
                     <div class="img_box"></div>
                     <div class="info_box">
-                        <bg-info :data="contactInfo"></bg-info>
+                        <bg-info v-if="accountType === 2" :data="personInfo"></bg-info>
+                        <bg-info v-if="accountType === 3" :data="personInfo2"></bg-info>
                     </div>
                 </div>
             </div>
@@ -44,103 +46,145 @@
 import { reactive, toRefs, ref, } from '@vue/reactivity'
 import { getCurrentInstance } from 'vue'
 import { computed, onBeforeMount } from '@vue/runtime-core'
-import { useRouter } from 'vue-router';
+import { useRoute } from 'vue-router';
 
-const baseInfo = reactive(
+const { proxy } = getCurrentInstance()
+const { $axios,$message } = proxy
+const route = useRoute();
+
+const accountInfo = reactive(
     [
     {
-      name: "所属机构",
-      value: "某某省/某某市/大数据局",
-      nameWidth: 112
+      name: "手机号",
+      value: "",
+      nameWidth: 130
     },
     {
-      name: "业务系统编码",
-      value: "00000001",
-      nameWidth: 112
+      name: "账号",
+      value: "",
+      nameWidth: 130
     },
     {
-      name: "业务系统名称",
-      value: "大数据处理系统",
-      nameWidth: 112
+      name: "角色",
+      value: "",
+      nameWidth: 130
     },
     {
-      name: "账号",
-      value: "admin001",
-      nameWidth: 112
+      name: "所属组织",
+      value: "",
+      nameWidth: 130
     },
     {
-      name: "AppID",
-      value: "dasjkjjk",
-      nameWidth: 112
+      name: "创建人",
+      value: "",
+      nameWidth: 130
     },
     {
-      name: "AppSecret",
-      value: "asda*******************jhjh",
-      nameWidth: 112
+      name: "创建账号",
+      value: "",
+      nameWidth: 130
     },
     {
-      name: "创建人",
-      value: "admin（机构管理员）",
-      nameWidth: 112
+      name: "最后编辑时间",
+      value: "",
+      nameWidth: 130
     },
     {
       name: "创建时间",
-      value: "2022-01-01 10:10:10",
-      nameWidth: 112
+      value: "",
+      nameWidth: 130
+    },
+  ]
+  )
+
+  const personInfo = reactive(
+    [{
+      name: "姓名",
+      value: "",
+      nameWidth: 130
     },
     {
-      name: "是否启用",
-      value: "是",
-      nameWidth: 112
+      name: "邮箱",
+      value: "",
+      nameWidth: 130
     },
     {
-      name: "开发厂商名单",
-      value: "某某大数据开发商",
-      nameWidth: 112
+      name: "证据类型",
+      value: "",
+      nameWidth: 130
     },
     {
-      name: "访问地址",
-      value: "http://www.bigdata.com",
-      full: true,
-      nameWidth: 112
+      name: "身份证号",
+      value: "",
+      nameWidth: 130
     },
     {
-      name: "业务系统描述",
-      value: "系统描述系统描述系统描述系统描述系统描述系统描述系统描述系统描述系统描述系统描述系统描述系统描述系统描述系统描述系统描述系统描述",
+      name: "备注",
+      value: "",
       full: true,
-      nameWidth: 112
+      nameWidth: 130
     },
-  ]
-  )
+  ])
 
-  const contactInfo = reactive(
+    const personInfo2 = reactive(
     [{
-      name: "联系人姓名",
-      value: "xxx",
-      nameWidth: 112
+      name: "姓名",
+      value: "",
+      nameWidth: 130
     },
     {
-      name: "联系人手机号",
-      value: "15627365265",
-      nameWidth: 112
-    },
-    {
-      name: "联系人邮箱",
-      value: "http://www.bigdata@163.com",
-      full: true,
-      nameWidth: 112
+      name: "邮箱",
+      value: "",
+      nameWidth: 130
     },
     {
       name: "备注",
-      value: "系统描述系统描述系统描述系统描述系统描述系统描述系统描述系统描述系统描述系统描述系统描述系统描述系统描述系统描述系统描述系统描述",
+      value: "",
       full: true,
-      nameWidth: 112
+      nameWidth: 130
     },
-  ]
-  )
+  ])
 
-  onBeforeMount(() => {
+  const logo = ref('')
+  const accountType = ref(2); //1.业务系统账号 2.组织管理员账号 3.平台用户账号
+
+  const getDetail = () => {
+      $axios.get(`/apaas/system/v5/org/user/${route.query.id}`)
+                  .then((res) => {
+                  if (res.data.code == 200) {
+                      const detail = res.data.data;
+                      accountInfo[0].value = detail.contact_phone;
+                      accountInfo[1].value = detail.system_account;
+                      accountInfo[2].value = detail.system_role && detail.system_role.length > 0 ? detail.system_role.join('、') : '';
+                      accountInfo[3].value = detail.organization;
+                      accountInfo[4].value = detail.created_by;
+                      accountInfo[5].value = detail.created_by_account;
+                      accountInfo[6].value = detail.updated_time;
+                      accountInfo[7].value = detail.created_time;
 
+                      personInfo[0].value = detail.contact_name;
+                      personInfo[1].value = detail.contact_email;
+                      personInfo[2].value = detail.document_type === 1 ? '身份证' : '';
+                      personInfo[3].value = detail.document_number;
+                      personInfo[4].value = detail.remark;
+
+                      personInfo2[0].value = detail.contact_name;
+                      personInfo2[1].value = detail.contact_email;
+                      personInfo2[2].value = detail.remark;
+
+                      logo.value = detail.logo;
+                      accountType.value = detail.is_admin;
+
+                  }else {
+                      $message.error(res.data.msg)
+                  }
+              })
+  }
+
+  onBeforeMount(() => {
+     if(route.query.id) {
+        getDetail()
+    }
  })
 </script>