邓洁 : 修复用户细节

src/views/user/index.vue

@@ -47,6 +47,11 @@
             <el-table-column prop="nickName" label="昵称" align="center"/>
             <el-table-column prop="roleName" label="身份" align="center"/>
             <el-table-column prop="phoneNumber" label="电话号码" align="center"/>
+            <el-table-column prop="state" label="状态" align="center">
+              <template #default="scope">
+                {{scope.row.state=="1"?'启用':'停用'}}
+              </template>
+            </el-table-column>
             <el-table-column label="操作" align="center">
               <template #default="scope">
                 <el-button link type="primary" size="large" style="font-size: 40px;color: #17E1E2;"
@@ -79,10 +84,14 @@
         <el-form-item label="输入电话号码">
           <el-input v-model="form.phoneNumber" placeholder="输入电话号码"/>
         </el-form-item>
-
+        <el-form-item label="是否启用">
+          <el-radio-group v-model="form.state">
+            <el-radio label="1">启用</el-radio>
+            <el-radio label="0">停用</el-radio>
+          </el-radio-group>
+        </el-form-item>
         <el-form-item label="选择身份">
           <el-radio-group v-model="form.roleId" @change="(val) => {
-             console.log('vaaa',val)
             if (val >3){
                  getTunnel()
             }}">
@@ -91,7 +100,7 @@
         </el-form-item>
         <el-form-item label="选择隧道" v-if="checkList.length!==0&&form.roleId>3">
           <el-select
-              v-model="tunnelIndex"
+              v-model="form.tunnelIds"
               multiple
               filterable
               clearable
@@ -157,6 +166,7 @@ const form = ref({
   userName: '',
   nickName: '',
   phoneNumber: '',
+  state: '1',
   roleId: [],
   tunnelIds: []
 });
@@ -189,6 +199,7 @@ const handleEditUser = (row) => {
     if (res.code === 1000) {
       form.value = res.data.user
       form.value.roleId = res.data.roleIds[0]
+      console.log('form.value',form.value)
     }
   })
   title.value = '修改用户'
@@ -198,7 +209,6 @@ const handleAll = () => {
   multipleTable.value.toggleAllSelection()
 }
 const handleDelete = () => {
-  console.log('userIds.value',userIds.value)
   if (userIds.value ===undefined) {
     ElMessage.warning('请先选择用户进行删除')
   } else {
@@ -222,6 +232,7 @@ const reset = () => {
     userName: '',
     nickName: '',
     phoneNumber: '',
+    state: '1',
     roleId: [],
     tunnelIds: []
   }
@@ -262,14 +273,21 @@ const handleCurrentChange = (val) => {
   getInfo()
 }
 const handleSubmit = async (formInstance) => {
+
   if (!formInstance) return;
   formInstance.validate(async (valid) => {
     if (!valid) return;
     const data = {
       siteId: siteId,
+      nickName: form.value.nickName,
+      password: form.value.password,
+      phoneNumber: form.value.phoneNumber,
+      state:form.value.state,
+      userName: form.value.userName,
       roleIds: [form.value.roleId],
-      ...form.value
+      tunnelIds: form.value.tunnelIds
     }
+    console.log('data',data)
     if (title.value === '添加用户') {
       await addUser(data).then(res => {
         if (res.code === 1000) {