huangqizhen
/
gold-vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

zry 代码

zhangrenyuan/feature-20250714163943-金币前端二期
lihui 3 weeks ago
parent
3c9414d11a
commit
b89ee8d69d
2 changed files with 339 additions and 323 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 172
      src/components/changePassword.vue
  2. 54
      src/views/refund/addCoinRefund.vue

172
src/components/changePassword.vue
View File

@ -10,9 +10,9 @@
<h3 class="form-title">修改密码</h3>
<!-- 原密码 -->
<el-form-item prop="oldVal" label="原密码">
<el-form-item prop="oldPassword" label="原密码">
<el-input
v-model.trim="passwd.oldVal"
v-model.trim="passwd.oldPassword"
type="password"
placeholder="请输入原密码"
show-password
@ -20,9 +20,9 @@
</el-form-item>
<!-- 新密码 -->
<el-form-item prop="newVal" label="新密码">
<el-form-item prop="newPassword" label="新密码">
<el-input
v-model.trim="passwd.newVal"
v-model.trim="passwd.newPassword"
type="password"
placeholder="请输入新密码"
show-password
@ -30,9 +30,9 @@
</el-form-item>
<!-- 重复密码 -->
<el-form-item prop="repeatNewVal" label="重复密码">
<el-form-item prop="againPassword" label="重复密码">
<el-input
v-model.trim="passwd.repeatNewVal"
v-model.trim="passwd.againPassword"
type="password"
placeholder="请再次输入新密码"
show-password
@ -79,7 +79,7 @@
</template>
<script setup>
import {ref, reactive, computed, watch} from 'vue'
import {ref, reactive, computed, watch, onMounted} from 'vue'
import {CircleCloseFilled, SuccessFilled} from '@element-plus/icons-vue'
import {ElMessage} from "element-plus";
import API from '@/util/http'
@ -91,22 +91,34 @@ const emit = defineEmits(['confirm'])
const passwdFormRef = ref(null)
const passwd = reactive({
oldVal: '',
newVal: '',
repeatNewVal: ''
account: '',
oldPassword: '',
newPassword: '',
againPassword: ''
})
const errorMsg = ref('')
//获取用户信息的account
const getAccount= async function() {
try {
const adminData = ref({})
const result = await API({ url: '/admin/userinfo', data: {} })
adminData.value = result
console.log('管理员用户信息', adminData.value)
passwd.account = adminData.value.account
} catch (error) {
console.log('请求失败', error)
}
}
// 实时密码规则校验
const isLengthValid = computed(() => passwd.newVal.length >= 8 && passwd.newVal.length <= 16)
const isLengthValid = computed(() => passwd.newPassword.length >= 8 && passwd.newPassword.length <= 16)
const isComplexValid = computed(() => {
const rules = [/\d/, /[a-z]/, /[A-Z]/, /[^a-zA-Z0-9]/]
return rules.filter((r) => r.test(passwd.newVal)).length >= 2
return rules.filter((r) => r.test(passwd.newPassword)).length >= 2
})
watch(() => passwd.newVal, (val) => {
if (val && val === passwd.oldVal) {
watch(() => passwd.newPassword, (val) => {
if (val && val === passwd.oldPassword) {
errorMsg.value = '新密码不能与旧密码一致'
} else {
errorMsg.value = ''
@ -116,12 +128,12 @@ watch(() => passwd.newVal, (val) => {
const loading = ref(false)
// 表单校验规则
const rules = reactive({
oldVal: [{required: true, message: '请输入原密码', trigger: 'blur'}],
newVal: [
oldPassword: [{required: true, message: '请输入原密码', trigger: 'blur'}],
newPassword: [
{required: true, message: '新密码不能为空', trigger: 'blur'},
{
validator: (rule, value, callback) => {
if (value === passwd.oldVal) {
if (value === passwd.oldPassword) {
callback(new Error('新密码不能与旧密码一致'))
} else if (value.length < 8 || value.length > 16) {
callback(new Error('长度应在 8 到 16 个字符'))
@ -138,11 +150,11 @@ const rules = reactive({
trigger: 'blur'
}
],
repeatNewVal: [
againPassword: [
{required: true, message: '请再次输入新密码', trigger: 'blur'},
{
validator: (rule, value, callback) => {
if (value !== passwd.newVal) {
if (value !== passwd.newPassword) {
callback(new Error('两次输入密码不一致'))
} else {
callback()
@ -153,72 +165,74 @@ const rules = reactive({
]
})
// // 修改密码接口调用方法
// const changePassword = async function () {
// try {
// const params = {
// oldVal: passwd.oldVal,
// newVal: passwd.newVal
// }
//
// const result = await API({url: '/user/changePassword', data: params})
// console.log('@@@@@@@@@@@修改密码结果:', result)
// if(result.status === 200){
// // 显示成功弹窗
//
// ElMessage.success('修改密码成功')
// // 重置表单字段
// resetFields()
// router.replace ('/PasswordSuccess');
// }else if(result === 400){
// //todo 待完善
// }
//
// } catch (error) {
// console.log('re:', result)
// console.error('修改密码失败', error)
// ElMessage.error('操作失败')
// // 抛出错误让外层捕获，保持finally正常执行
// throw error
// }
// }
// 修改密码接口调用方法（模拟始终成功）
// 修改密码接口调用方法
const changePassword = async function () {
try {
// 模拟API调用
const result = {
status: 200,
data: {success: true, message: '密码修改成功'}
};
console.log('修改密码结果:', result);
const params = {
account: passwd.account,
oldPassword: passwd.oldPassword,
newPassword: passwd.newPassword,
againPassword: passwd.againPassword
}
// 统一处理成功逻辑
if (result.status === 200 ) {
// 显示成功提示
ElMessage.success(result.data.message || '修改密码成功');
const result = await API({url: '/admin/password', data: params})
console.log('@@@@@@@@@@@修改密码结果:', result)
if(result.status === 200){
// 显示成功弹窗
ElMessage.success('修改密码成功')
// 重置表单字段
resetFields();
resetFields()
router.replace ('/PasswordSuccess');
return result;
} else {
// 处理API返回但状态非成功的情况
const errorMsg = result.data.message || '密码修改失败';
ElMessage.error(errorMsg);
throw new Error(errorMsg);
}else if(result === 400){
//todo 待完善
}
} catch (error) {
// 处理网络错误或API异常
console.error('修改密码失败:', error);
ElMessage.error(error.message || '操作失败，请重试');
throw error;
console.log('re:', result)
console.error('修改密码失败', error)
ElMessage.error('操作失败')
// 抛出错误让外层捕获，保持finally正常执行
throw error
}
};
}
// 修改密码接口调用方法（模拟始终成功）
// const changePassword = async function () {
// try {
// // 模拟API调用
// const result = {
// status: 200,
// data: {success: true, message: '密码修改成功'}
// };
// console.log('修改密码结果:', result);
// // 统一处理成功逻辑
// if (result.status === 200 ) {
// // 显示成功提示
// ElMessage.success(result.data.message || '修改密码成功');
// // 重置表单字段
// resetFields();
// router.replace ('/PasswordSuccess');
// return result;
// } else {
// // 处理API返回但状态非成功的情况
// const errorMsg = result.data.message || '密码修改失败';
// ElMessage.error(errorMsg);
// throw new Error(errorMsg);
// }
// } catch (error) {
// // 处理网络错误或API异常
// console.error('修改密码失败:', error);
// ElMessage.error(error.message || '操作失败，请重试');
// throw error;
// }
// };
// 表单提交与重置
const resetFields = () => {
@ -247,6 +261,10 @@ const onSubmit = () => {
})
}
onMounted(() => {
getAccount()
})
</script>
<style scoped>

54
src/views/refund/addCoinRefund.vue
View File

@ -1,11 +1,11 @@
<script setup>
import { onMounted, reactive } from 'vue'
import { ref, computed, watch } from 'vue'
import { ElMessage } from 'element-plus'
import { Plus } from '@element-plus/icons-vue'
import {onMounted, reactive} from 'vue'
import {ref, computed, watch} from 'vue'
import {ElMessage} from 'element-plus'
import {Plus} from '@element-plus/icons-vue'
import axios from 'axios'
import { ElMessageBox } from 'element-plus'
import {ElMessageBox} from 'element-plus'
import API from '@/util/http'
import moment from 'moment'
// import _ from 'lodash'
@ -15,12 +15,11 @@ const addRe = ref({
})
//这是获取用户信息的接口
const adminData = ref({})
const getAdminData = async function () {
try {
const result = await API({ url: '/admin/userinfo', data: {} })
const result = await API({url: '/admin/userinfo', data: {}})
adminData.value = result
addRefund.value.adminId = adminData.value.id
console.log('请求成功', result)
@ -85,7 +84,8 @@ const add = async function () {
}
// 发送POST请求
const result = await API({ url: '/refund/add',
const result = await API({
url: '/refund/add',
data: processedRefund
})
if (result.code === 0) {
@ -108,7 +108,7 @@ const addBefore = () => {
if (valid) {
try {
await getUser(refund.value.jwcode);
await getUser(addRefund.value.jwcode);
if (!user.value.jwcode) {
ElMessage.error('请先验证有效的精网号');
return;
@ -139,7 +139,8 @@ const addBefore = () => {
// 表单验证
// 开始时间改变时，重新验证结束时间
const Ref = ref(null)
const startChange = (val) => {}
const startChange = (val) => {
}
const validateJwCode = (rule, value, callback) => {
if (!value) {
callback(new Error('精网号不能为空'));
@ -152,16 +153,16 @@ const validateJwCode = (rule, value, callback) => {
callback();
};
const rules = reactive({
jwcode: [{ required: true, validator:validateJwCode, trigger: 'blur' }],
refundType: [{ required: true, message: '请选择退款类型', trigger: 'blur' }],
goodsName: [{ required: true, message: '请选择退款商品', trigger: 'blur' }],
taskGold: [{ required: true, message: '请输入任务金币', trigger: 'blur' }],
freeGold: [{ required: true, message: '请输入免费金币', trigger: 'blur' }],
jwcode: [{required: true, validator: validateJwCode, trigger: 'blur'}],
refundType: [{required: true, message: '请选择退款类型', trigger: 'blur'}],
goodsName: [{required: true, message: '请选择退款商品', trigger: 'blur'}],
taskGold: [{required: true, message: '请输入任务金币', trigger: 'blur'}],
freeGold: [{required: true, message: '请输入免费金币', trigger: 'blur'}],
permanentGold: [
{ required: true, message: '请输入永久金币', trigger: 'blur' }
{required: true, message: '请输入永久金币', trigger: 'blur'}
],
sumGold: [
{ required: true, message: '请选择付款方式', trigger: 'blur' },
{required: true, message: '请选择付款方式', trigger: 'blur'},
{
validator: (rule, value) => {
if (value === 0) {
@ -198,7 +199,7 @@ const user = ref({
})
const getUser = async function (jwcode) {
trimJwCode();
cancelExceptJwcode();
// cancelExceptJwcode();
try {
// 发送POST请求
const result = await API({
@ -236,10 +237,8 @@ const getUser = async function (jwcode) {
}
// 退款类型，写死为商品退款
const refundType = ref([{ value: '商品退款', label: '商品退款' }]);
const refundType = ref([{value: '商品退款', label: '商品退款'}]);
// 获取退款类型
// const getRefundTypes = async function () {
@ -264,8 +263,6 @@ const refundType = ref([{ value: '商品退款', label: '商品退款' }]);
// }
// 根据精网号查询商品
const goodsName = ref([])
const getGoods = async function (jwcode) {
@ -316,7 +313,7 @@ const selectedGoodsGold = ref({
})
// 处理退款方式切换，当部分退款切换全部退款时，退款金额应自动重新填充
const handleRefundModelChange = () =>{
const handleRefundModelChange = () => {
if (addRe.value.typeR === '0') {
// 全部退款时
addRefund.value.permanentGold = selectedGoodsGold.value.permanentGold;
@ -423,7 +420,7 @@ onMounted(async function () {
</script>
<template>
<div >
<div>
<el-form
:model="addRefund"
@ -444,7 +441,8 @@ onMounted(async function () {
type="primary"
@click="getUser(addRefund.jwcode)"
style="margin-left: 20px"
>查询</el-button
>查询
</el-button
>
</el-form-item>
<el-form-item prop="refundType" label="退款类型">
@ -544,7 +542,7 @@ onMounted(async function () {
/>
</el-form-item>
<el-button type="success" @click="cancel()" style="margin-left: 280px">重置</el-button>
<el-button type="primary" @click="addBefore"> 提交 </el-button>
<el-button type="primary" @click="addBefore"> 提交</el-button>
</el-form>
<!-- 客户信息栏 -->
@ -629,7 +627,7 @@ onMounted(async function () {
</el-col>
</el-row>
</el-form>
</el-card>
</el-card>
</div>
</template>

Write Preview
Loading…
Cancel
Save