-

src/layout/index.vue

@@ -15,7 +15,7 @@
        <div class="menu-outBox" style="display:none" >
          <a-menu
               class="vab-menu"
-              theme=""
+              theme="light"
               mode="inline"
               v-model:selectedKeys="selectedKeys"
               v-model:openKeys="openKeys"

src/views/tenantManage/adminConfig/component/adminDialog.vue

@@ -4,7 +4,7 @@
     :title="dialogTitle"
     v-model="cloneDialog"
     @close="close"
-    @open="open"
+    @open="open(0)"
   >
     <div class="dialogOne">
       <el-form
@@ -132,7 +132,6 @@ export default defineComponent({
       })
     }
 
-    //open
     const open = () => {
       form.value = props.itemInfo
       console.log('form.value')

src/views/tenantManage/adminConfig/component/checkAdminList.vue

@@ -35,13 +35,14 @@
           >
             编辑
           </el-button>
-          <!-- <el-button
+          <el-button
             type="text"
             size="small"
             style="color: #409eff"
+             @click="resetPass(scope.row)"
           >
             密码重置
-          </el-button> -->
+          </el-button>
           <el-popconfirm
               confirm-button-text="是"
               cancel-button-text="否"
@@ -83,13 +84,24 @@
     <admin-Dialog
       :dialog-title="dialogTitle2"
       :item-info="tableItem"
-      :admin_dialog="dialogBoolean"
       @closeNo="closeNo"
-      @Select="Select"
+      :show_dialog2="showDialog2"
       :DialogArray="DialogArray"
     ></admin-Dialog>
-
     <!-- 管理员配置组件end -->
+
+
+     <!-- 重置密码组件开始 -->
+    <reset-pass
+      :dialog-title="dialogTitle3"
+      :item-info="tableItem"
+      @closeNo3="closeNo3"
+      :show_dialog3="showDialog3"
+      :DialogArray="DialogArray"
+    ></reset-pass>
+    <!-- 重置密码组件end -->
+
+
   </el-dialog>
 </template>
 <script>
@@ -98,9 +110,10 @@ import { defineComponent, ref, watchEffect } from 'vue'
 import * as api from '@/api/tenantManage/adminConfig.js'
 import { ElMessage } from 'element-plus'
 import adminDialog from './adminDialog.vue'
+import resetPass from './resetPass.vue'
 
 export default defineComponent({
-  components: { adminDialog },
+  components: { adminDialog,resetPass },
   name: 'DialogComponent',
   emits: ['closeDialog'],
   props: {
@@ -129,10 +142,12 @@ export default defineComponent({
 
     const tableItem = ref()
     const dialogTitle2 = ref('')
+    const dialogTitle3 = ref('')
     const showDialog = ref(false)
 
     const DialogArray = ref([])
-    const dialogBoolean = ref(false)
+    const showDialog2 = ref(false)
+     const showDialog3 = ref(false)
 
     const handleSizeChange = (val) => {
       pageSize.value = val
@@ -196,9 +211,32 @@ export default defineComponent({
       }
       DialogArray.value = row
       dialogTitle2.value = '修改'
-      dialogBoolean.value = true
+      showDialog2.value = true
     }
 
+      //重置密码  （修改操作）
+    const resetPass = (row) => {
+      alert('重置密码操作')
+      //  console.log('row')
+      // console.log(row)
+
+      // tableItem.value = {
+      //   nickName: row.nickName,
+      //   userName: row.userName,
+      //   email: row.email,
+      //   phonenumber: row.phonenumber,
+      //   password: row.password,
+      //   status: row.status,
+      //   tenantId: row.tenantId,
+      //   userId:row.userId
+      // }
+      DialogArray.value = row
+      dialogTitle3.value = '重置密码'
+      showDialog3.value = true
+    }
+
+
+
     const open = () => {
       form.value = props.itemInfo
       tenantId.value = props.itemInfo.tenantId
@@ -236,6 +274,14 @@ export default defineComponent({
       })
     }
 
+    const closeNo = (value) => {
+      showDialog2.value = value
+    }
+
+    const closeNo3 = (value) => {
+      showDialog3.value = value
+    }
+
     //是否删除  ---- 否
     const cancelEvent = () => {
       console.log('cancel!')
@@ -267,20 +313,26 @@ export default defineComponent({
       adminConfig,
       tableItem,
        dialogTitle2,
+       dialogTitle3,
 
       showDialog,
 
       DialogArray,
-      dialogBoolean,
+      showDialog2,
+      showDialog3,
 
       total,
       pageSize,
       currentPage,
+      closeNo,
+      closeNo3,
 
 
       handleDelete,
       cancelEvent,
 
+      resetPass,
+
     }
   },
 })

src/views/tenantManage/adminConfig/component/resetPass.vue

@@ -0,0 +1,178 @@
+<template>
+  <!-- 重置密码 -->
+  <el-dialog
+    :title="dialogTitle"
+    v-model="cloneDialog"
+    @close="close"
+    @open="open(0)"
+  >
+    <div class="dialogOne">
+      重置密码
+    </div>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="cloneDialog = false">取消</el-button>
+        <el-button type="primary" @click="submit()">确定</el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+import { useStore } from 'vuex'
+import { defineComponent, ref, watchEffect } from 'vue'
+import * as api from '@/api/tenantManage/adminConfig.js'
+import { ElMessage } from 'element-plus'
+import { validatorPhone, isEmail } from '@/utils'
+
+export default defineComponent({
+  name: 'powerEquip',
+  components: {},
+  emits: ['closeNo3', 'select'],
+  props: {
+    show_dialog3: Boolean,
+    DialogArray: Object,
+    dialogTitle: String,
+    itemInfo: {
+      type: Object,
+      default: function () {
+        return {}
+      },
+    },
+  },
+  setup(props, context) {
+    const store = useStore()
+    store
+
+    const form = ref({})
+
+    const cloneDialog = ref(false) //重置密码弹窗控制
+    const ruleForm = ref(null)
+
+    const submit = () => {
+      ruleForm.value.validate((valid) => {
+        if (valid) {
+          if (props.dialogTitle === '修改') {
+            api.updateserData(form.value).then((requset) => {
+              if (requset.status === 'SUCCESS') {
+                ElMessage.success({
+                  message: '修改成功',
+                  type: 'success',
+                })
+                close()
+              } else {
+                ElMessage.error(requset.msg)
+              }
+            })
+          } else {
+            api.addUserData(form.value).then((requset) => {
+              if (requset.status === 'SUCCESS') {
+                ElMessage.success({
+                  message: '配置成功',
+                  type: 'success',
+                })
+                close()
+              } else {
+                ElMessage.error(requset.msg)
+              }
+            })
+          }
+        } else {
+          console.log('error submit!!')
+          return false
+        }
+      })
+    }
+
+    const open = () => {
+      form.value = props.itemInfo
+      console.log('form.value')
+      console.log(form.value)
+
+    }
+
+    // close(): Dialog弹窗关闭之后做的事
+    const close = () => {
+        // alert('关闭了')
+    //   resetForm()
+
+      context.emit('closeNo3', false)
+      cloneDialog.value = false
+    }
+    function resetForm() {
+      ruleForm.value.resetFields()
+    }
+
+    watchEffect((fn, options) => {
+      fn, options
+      cloneDialog.value = props.show_dialog3
+    })
+
+    return {
+      store,
+      open,
+      close,
+      submit,
+      form,
+      cloneDialog,
+
+      ruleForm,
+      resetForm,
+      rules: {
+        nickName: [
+          {
+            required: true,
+            message: '管理员姓名不能为空',
+            trigger: 'blur',
+          },
+        ],
+        userName: [
+          {
+            required: true,
+            message: '管理员账号不能为空',
+            trigger: 'blur',
+          },
+        ],
+        email: [
+          {
+            required: true,
+            message: '管理员邮箱不能为空',
+            trigger: 'blur',
+          },
+          {
+            validator: isEmail,
+            message: '输入的邮箱地址不正确',
+            trigger: 'blur',
+          },
+        ],
+        phonenumber: [
+          {
+            required: true,
+            message: '管理员手机号不能为空',
+            trigger: 'blur',
+          },
+          {
+            validator: validatorPhone,
+            message: '输入的电话号码不正确',
+            trigger: 'blur',
+          },
+        ],
+        password: [
+          {
+            required: true,
+            message: '密码不能为空',
+            trigger: 'blur',
+          },
+        ],
+        status: [
+          {
+            required: true,
+            message: '转态不能为空',
+            trigger: 'blur',
+          },
+        ],
+      },
+    }
+  },
+})
+</script>