Browse Source

9.26更新代码

zhangyong/milestone-20250913-现金管理
ZhangYong 2 weeks ago
parent
commit
df5f91ae6c
  1. 160
      src/views/moneyManage/receiveDetail/receiveDetail.vue

160
src/views/moneyManage/receiveDetail/receiveDetail.vue

@ -122,9 +122,10 @@
<el-table-column fixed="right" label="操作" width="100px" v-if="activeTab != 'reject'">
<template #default=scope>
<span v-if="kefu && scope.row.orderStatus == '已通过'" style="color: #FA5A1E;">退款</span>
<span v-else-if="kefu && scope.row.orderStatus == '已撤回'" style="color: #2741DE;">编辑</span>
<span v-else-if="activeTab == 'wait'&& !kefu" style="color: #2741DE;">审核</span>
<span v-else-if="activeTab == 'pass'&& !kefu" style="color: #2741DE;">编辑</span>
<span v-else-if="kefu && scope.row.orderStatus == '已撤回'"
style="color: #2741DE;">编辑</span>
<span v-else-if="activeTab == 'wait' && !kefu" style="color: #2741DE;">审核</span>
<span v-else-if="activeTab == 'pass' && !kefu" style="color: #2741DE;" @click="openEditForm">编辑</span>
</template>
</el-table-column>
</el-table>
@ -190,17 +191,71 @@
</span>
</template>
</el-dialog>
<!-- 编辑弹窗 -->
<el-dialog class="adddialog" v-model="editFormisible" width="20vw" :before-close="closeEditForm">
<el-form class="addForm" label-width="4vw" label-position="left">
<el-form-item label="精网号" required>
<el-input v-model="addFormData.jwcode" placeholder="请输入驳回理由" />
</el-form-item>
<el-form-item label="客户姓名" required>
<el-input v-model="addFormData.userName" placeholder="请输入客户姓名" />
</el-form-item>
<el-form-item label="所属地区" required>
<el-input disabled="true" v-model="addFormData.market" placeholder="请输入所属地区" />
</el-form-item>
<el-form-item label="活动名称" required>
<el-input v-model="addFormData.jwcode" placeholder="请输入活动名称" />
</el-form-item>
<el-form-item label="产品名称" required>
<el-select placeholder="请选择产品名称" clearable></el-select>
</el-form-item>
<el-form-item label="付款币种" required>
<el-select placeholder="请选择付款币种" clearable></el-select>
</el-form-item>
<el-form-item label="付款金额" required>
<el-input v-model="addFormData.jwcode" placeholder="请输入付款金额" />
</el-form-item>
<el-form-item label="支付方式" required>
<el-select placeholder="请选择支付方式" clearable></el-select>
</el-form-item>
<el-form-item label="付款时间" required>
<el-time-picker v-model="addFormData.time" placeholder="请选择付款时间" />
</el-form-item>
<el-form-item label="转账凭证" required>
<el-upload ref="uploadRef" class="uploader" :show-file-list="false" list-type="picture-card"
:auto-upload="false" :before-upload="beforeUpload" :on-error="handelImgErr"
:on-change="handleImageChange" :http-request="customUpload">
<img v-if="addFormData.imageUrl" :src="addFormData.imageUrl" class="avatar"
style="height: 100%; width: 100%; object-fit: cover;" />
<el-icon v-else class="avatar-uploader-icon">
<Plus />
</el-icon>
</el-upload>
</el-form-item>
<el-form-item label="驳回理由" required>
<el-input v-model="addFormData.mask" type="textarea" :rows="4" placeholder="请输入驳回理由" maxlength="200"
show-word-limit />
</el-form-item>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button style="background-color: #7E91FF;" @click="closeEditForm">取消</el-button>
<el-button style="background-color: #2741DE; margin-left: 2.5vw;" type="primary"
@click="handleReject">确定</el-button>
</span>
</template>
</el-dialog>
</div>
</template>
<script setup>
import { ref } from 'vue';
import { ElMessage } from 'element-plus'
import API from '@/util/http.js'
<script setup>
import { ref } from 'vue';
import { ElMessage } from 'element-plus'
import API from '@/util/http.js'
//==================== =========================
const activeTab = ref('wait')
//==================== =========================
const activeTab = ref('wait')
const navigateTo = (tab) => {
const navigateTo = (tab) => {
if (tab === 'wait') {
activeTab.value = 'wait'
} else if (tab === 'pass') {
@ -209,33 +264,35 @@
else if (tab === 'reject') {
activeTab.value = 'reject'
}
}
}
const kefu = ref(true)
const caiwu = ref(true)
const checkKefu = () => {
const kefu = ref(true)
const caiwu = ref(true)
const checkKefu = () => {
kefu.value = true
caiwu.value = false
}
const checkCaiwu = () => {
}
const checkCaiwu = () => {
kefu.value = false
caiwu.value = true
}
//================= ==================
const addFormData = ref({
}
//================= ==================
const addFormData = ref({
})
const addFormisible = ref(false)
const uploadRef = ref()
const openAddForm = () => {
})
const addFormisible = ref(false)
const uploadRef = ref()
const openAddForm = () => {
addFormisible.value = true
}
const closeAddForm = () => {
}
const closeAddForm = () => {
addFormisible.value = false
addFormData.value = {}
}
}
const handleImgSuccess = (response, uploadFile) => {
const handleImgSuccess = (response, uploadFile) => {
try {
console.log('11', response)
addFormData.value.imageUrl = response.data.url
@ -244,14 +301,14 @@
console.log('报错信息', error)
ElMessage.error(response.msg || '图片上传失败')
}
}
}
const handelImgErr = (err) => {
const handelImgErr = (err) => {
console.log(err);
addFormData.value.imageUrl = null
ElMessage.error("图片上传失败")
}
const beforeUpload = (rawFile) => {
}
const beforeUpload = (rawFile) => {
if (rawFile.type !== 'image/jpeg' && rawFile.type !== 'image/png') {
ElMessage.error('图片必须是jpg或png类型!')
return false
@ -260,12 +317,12 @@
return false
}
return true
}
const handleImageChange = (file) => {
}
const handleImageChange = (file) => {
uploadRef.value.submit()
}
}
const customUpload = async (options) => {
const customUpload = async (options) => {
try {
const formData = new FormData()
formData.append('file', options.file)
@ -289,16 +346,29 @@
console.error('上传错误:', error)
ElMessage.error(`上传失败: ${error.msg || error.message || '网络异常'}`)
}
}
//==========================================
const pageInfo = ref({
}
//================== =========================
const editFormData = ref({
})
const editFormisible = ref(false)
const openEditForm = () => {
editFormisible.value = true
}
const closeEditForm = () => {
editFormisible.value = false
editFormData.value = {}
}
//==========================================
const pageInfo = ref({
pageSize: 10,
pageNum: 1
})
})
const total = ref(0)
const tableData = [
const total = ref(0)
const tableData = [
{
jwcode: 'HW2023001',
name: '张三',
@ -365,10 +435,10 @@
voucher: '',
orderStatus: '已驳回',
}
];
];
</script>
<style scoped lang="scss">
.content {
<style scoped lang="scss">
.content {
height: 100%;
width: 83vw;
@ -466,5 +536,5 @@
font-weight: 800;
padding-bottom: 15px;
}
}
}
</style>
Loading…
Cancel
Save