m2pool_web_frontend/mining-pool/src/views/userManagement/index.js

import { getUserList, sendMail, } from '../../api/userManagement'

export default {
    data() {
        return {
            userList: [],
            userListLoading: false,
            userListParams: {
                coin: "nexa",
                minerUser: "",
                user: "",
                pageNum: 1,
                pageSize: 50
            },
            tableData: [],
            userManagementLoading: false,
            formInline: {
                user: "",
                region: "",
            },
            currencyList: [],
            screenCurrency: 'nexa',
            rules: {
                user: [
                    {
                        type: 'email',
                        message: '请输入正确的邮箱地址',
                        trigger: ['blur', 'change']
                    }
                ]
            },
            emailRules: {
                subject: [
                    { required: true, message: '请输入邮件主题', trigger: 'blur' }
                ],
                text: [
                    { required: true, message: '请输入邮件内容', trigger: 'blur' }
                ],
                to: [
                    {
                        /**
                         * 多邮箱校验+去重，支持中英文逗号分隔
                         * @param {Object} rule
                         * @param {string} value
                         * @param {Function} callback
                         */
                        validator: (rule, value, callback) => {
                          if (!value) {
                            callback(); // 允许为空
                            return;
                          }
                          // 以中英文逗号分隔，去除首尾空格
                          const emails = value.split(/[,，]/).map(e => e.trim()).filter(e => e);
                          // 邮箱正则
                          const emailReg = /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$/;
                          // 检查格式
                          for (let email of emails) {
                            if (!emailReg.test(email)) {
                              callback(new Error('请输入正确的邮箱地址，多个邮箱用逗号分隔'));
                              return;
                            }
                          }
                          // 检查去重（忽略大小写）
                          const lowerSet = new Set();
                          for (let email of emails) {
                            const lower = email.toLowerCase();
                            if (lowerSet.has(lower)) {
                              callback(new Error('存在重复邮箱，请检查'));
                              return;
                            }
                            lowerSet.add(lower);
                          }
                          callback();
                        },
                        trigger: ['blur', 'change']
                      }
                ]
            },
            dialogVisible: false,
            senParams:{
                subject:"",
                text:"",
                to:"",
            },
            sendEmailLoading: false,


        }
    },
    mounted() {
        let token
        try{
          token =JSON.parse(localStorage.getItem('token')) 
        }catch(e){
         console.log(e);
        }
        if (token) {
            
            this.fetchUserList(this.userListParams);
        }
       
        this.currencyList = JSON.parse(localStorage.getItem("currencyList"))
        window.addEventListener("setItem", () => {
            this.currencyList = JSON.parse(localStorage.getItem("currencyList"))
        });
        this.changeScreen(this.screenCurrency);
    },
    methods: {
        async fetchUserList(params) {
          
            this.setLoading('userManagementLoading', true);
            const data = await getUserList(params);
           
            if (data && data.code == 200) {
                this.tableData = data.rows;
            }
         
            this.setLoading('userManagementLoading', false);
        },
        async fetchSendEmail(params) {
           
            this.setLoading('sendEmailLoading', true);
            const data = await sendMail(params);
           

            if (data && data.code == 200) {
                this.$message.success('发送成功');
                this.dialogVisible = false;
                for (const key in this.senParams) {
                     this.senParams[key] = "";
                }
            }
            this.setLoading('sendEmailLoading', false);
        },
        changeScreen(scope) {
            let brand = scope
            for (let index in this.currencyList) {
                let aa = this.currencyList[index];
                let value = aa.value;
                if (brand === value) {
                    this.$refs.screen.$el.children[0].children[0].setAttribute('style', "background:url(" + aa.imgUrl + ") no-repeat 10PX;background-size: 20PX 20PX;color:#333;padding-left: 33PX;");
                }
            }
            this.userListParams.coin = scope
            this.fetchUserList(this.userListParams);

        },
        handelImg(coin) {
            return this.currencyList.find(item => item.value === coin)?.imgUrl || '';
        },
        handelQuery() {
            this.$refs.formRef.validate((valid) => {
                if (valid) {
                    for (let key in this.userListParams) {
                        if (typeof this.userListParams[key] === 'string') {
                            this.userListParams[key] = this.userListParams[key].trim();
                        }
                    }

                    if (!this.userListParams.minerUser && !this.userListParams.user) {
                        this.$message.error('请输入查询条件（挖矿账号、邮箱）');
                        return;
                    }
                    this.fetchUserList(this.userListParams);
                }
            });



        },
        sendEmail(row) {
            this.dialogVisible = true;
            this.senParams.to = row.user;
          
        },
        /**
         * 输入框清除后自动重新查询
         */
        handleInputClear() {
            this.fetchUserList(this.userListParams);
        },
        handleClose() {
            this.dialogVisible = false;
        },
        handleInput(val, type) {
           
        },
        sureSendEmail(){
            console.log(this.senParams,'this.senParams');

            this.$refs.formRef.validate((valid) => {
                if (valid) {
                    this.fetchSendEmail(this.senParams);
                }
            });
        },
        handleDetails(row){
                console.log(row,'row');
                
              // 获取当前语言
              const lang = this.$i18n.locale;
            
            //   添加语言参数的路由跳转
              this.$router.push({ 
                  path: `/${lang}/userDetails`, 
                  query: { coin: row.coin,minerUser:row.minerUser,  user: row.user,} 
              }).catch(err => {
                  if(err.name !== 'NavigationDuplicated') {
                  console.error('路由跳转失败:', err);
                  }
              });

              let obj ={
                coin: row.coin,
                minerUser: row.minerUser,
                user: row.user,
              }
  
              // 保存ID到localStorage
              localStorage.setItem("userDetailsParams",JSON.stringify(obj));
        }
    }
}