wzh
/
AttorneySubsystemVue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

feat:无处罚开具

master
“wangzihua” 3 months ago
parent
4e42fc250a
commit
ecf72965fb
3 changed files with 576 additions and 0 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. 48
      src/api/business/penalty-apply/penalty-apply-api.js
  2. 138
      src/views/business/erp/penalty-apply/penalty-apply-form.vue
  3. 390
      src/views/business/erp/penalty-apply/penalty-apply-list.vue

48
src/api/business/penalty-apply/penalty-apply-api.js
View File

@ -0,0 +1,48 @@
/**
* 无处罚证明申请主表 api 封装
*
* @Author: wzh
* @Date: 2026-01-07 21:36:44
* @Copyright 1.0
*/
import { postRequest, getRequest } from '/@/lib/axios';
export const penaltyApplyApi = {
/**
* 分页查询 @author wzh
*/
queryPage : (param) => {
return postRequest('/penaltyApply/queryPage', param);
},
/**
* 增加 @author wzh
*/
add: (param) => {
return postRequest('/penaltyApply/add', param);
},
/**
* 修改 @author wzh
*/
update: (param) => {
return postRequest('/penaltyApply/update', param);
},
/**
* 删除 @author wzh
*/
delete: (id) => {
return getRequest(`/penaltyApply/delete/${id}`);
},
/**
* 批量删除 @author wzh
*/
batchDelete: (idList) => {
return postRequest('/penaltyApply/batchDelete', idList);
},
};

138
src/views/business/erp/penalty-apply/penalty-apply-form.vue
View File

@ -0,0 +1,138 @@
<!--
* 无处罚证明申请主表
*
* @Author: wzh
* @Date: 2026-01-07 21:36:44
* @Copyright 1.0
-->
<template>
<a-modal
:title="form.id ? '编辑无处罚证明申请' : '新增无处罚证明申请'"
:width="500"
:open="visibleFlag"
@cancel="onClose"
:maskClosable="false"
:destroyOnClose="true"
>
<a-form ref="formRef" :model="form" :rules="rules" :label-col="{ span: 6 }" >
<a-form-item label="申请事由" name="usePurpose">
<a-textarea v-model:value="form.usePurpose" placeholder="请输入申请事由" :rows="4" />
</a-form-item>
</a-form>
<template #footer>
<a-space>
<a-button @click="onClose">取消</a-button>
<a-button type="primary" @click="onSubmit">提交申请</a-button>
</a-space>
</template>
</a-modal>
</template>
<script setup>
import { reactive, ref, nextTick, computed } from 'vue';
import _ from 'lodash';
import { message } from 'ant-design-vue';
import { SmartLoading } from '/@/components/framework/smart-loading';
import { penaltyApplyApi } from '/@/api/business/penalty-apply/penalty-apply-api';
import { smartSentry } from '/@/lib/smart-sentry';
import { useUserStore } from '/@/store/modules/system/user';
import DictSelect from '/@/components/support/dict-select/index.vue';
// ------------------------ 事件 ------------------------
const emits = defineEmits(['reloadList']);
// ------------------------ 显示与隐藏 ------------------------
// 是否显示
const visibleFlag = ref(false);
// ------------------------ 用户信息 ------------------------
const userStore = useUserStore();
// 当前用户信息
const currentUser = computed(() => ({
userId: userStore.userId,
userName: userStore.actualName,
departmentName: userStore.departmentName
}));
function show(rowData) {
Object.assign(form, formDefault);
// 设置默认值
if (!rowData || _.isEmpty(rowData)) {
// 新增时设置默认值
form.userId = currentUser.value.userId;
form.userName = currentUser.value.userName;
form.status = 0; // 默认未提交状态
} else {
// 编辑时加载数据
Object.assign(form, rowData);
}
visibleFlag.value = true;
nextTick(() => {
formRef.value.clearValidate();
});
}
function onClose() {
Object.assign(form, formDefault);
visibleFlag.value = false;
}
// ------------------------ 表单 ------------------------
// 组件ref
const formRef = ref();
const formDefault = {
id: undefined, //申请ID
userId: undefined, //申请人ID
userName: undefined, //申请人姓名
applyDate: undefined, //申请日期
usePurpose: undefined, //申请事由
proofMaterials: undefined, //证明材料
status: undefined, //状态（0-未提交，1-已提交，2-审核中，3-已批准，5-已驳回）
approvalRemark: undefined, //审批意见
createTime: undefined, //创建时间
updateTime: undefined, //更新时间
};
let form = reactive({ ...formDefault });
const rules = {
usePurpose: [{ required: true, message: '申请事由 必填' }],
};
// ------------------------ 提交申请 ------------------------
async function onSubmit() {
try {
await formRef.value.validateFields();
SmartLoading.show();
// 提交申请，状态为1（已提交）
const submitData = { ...form };
submitData.status = 1;
if (submitData.id) {
await penaltyApplyApi.update(submitData);
message.success('提交申请成功');
} else {
await penaltyApplyApi.add(submitData);
message.success('提交申请成功');
}
onClose();
emits('reloadList');
} catch (err) {
smartSentry.captureError(err);
} finally {
SmartLoading.hide();
}
}
defineExpose({
show,
});
</script>

390
src/views/business/erp/penalty-apply/penalty-apply-list.vue
View File

@ -0,0 +1,390 @@
<!--
* 无处罚证明申请主表
*
* @Author: wzh
* @Date: 2026-01-07 21:36:44
* @Copyright 1.0
-->
<template>
<!---------- 查询表单form begin ----------->
<a-form class="smart-query-form">
<a-row class="smart-query-form-row">
<a-form-item label="申请人" class="smart-query-form-item">
<a-input style="width: 150px" v-model:value="queryForm.userName" placeholder="请输入申请人" />
</a-form-item>
<a-form-item label="申请日期" class="smart-query-form-item">
<a-range-picker style="width: 250px" v-model:value="applyDateRange" :placeholder="请选择申请日期" />
</a-form-item>
<a-form-item label="状态" class="smart-query-form-item">
<a-select style="width: 150px" v-model:value="queryForm.status" placeholder="请选择状态">
<a-select-option :value="undefined">全部</a-select-option>
<a-select-option v-for="status in Object.values(REVIEW_ENUM)" :key="status.value" :value="status.value">
{{ status.desc }}
</a-select-option>
</a-select>
</a-form-item>
<a-form-item class="smart-query-form-item">
<a-button type="primary" @click="onSearch">
<template #icon>
<SearchOutlined />
</template>
查询
</a-button>
<a-button @click="resetQuery" class="smart-margin-left10">
<template #icon>
<ReloadOutlined />
</template>
重置
</a-button>
</a-form-item>
</a-row>
</a-form>
<!---------- 查询表单form end ----------->
<a-card size="small" :bordered="false" :hoverable="true">
<!---------- 表格操作行 begin ----------->
<a-row class="smart-table-btn-block">
<div class="smart-table-operate-block">
<a-button @click="showForm" type="primary">
<template #icon>
<PlusOutlined />
</template>
新建
</a-button>
<a-button @click="confirmBatchDelete" type="primary" danger :disabled="selectedRowKeyList.length == 0">
<template #icon>
<DeleteOutlined />
</template>
批量删除
</a-button>
</div>
<div class="smart-table-setting-block">
<TableOperator v-model="columns" :tableId="null" :refresh="queryData" />
</div>
</a-row>
<!---------- 表格操作行 end ----------->
<!---------- 表格 begin ----------->
<a-table
size="small"
:scroll="{ y: 800 }"
:dataSource="tableData"
:columns="columns"
rowKey="id"
bordered
:loading="tableLoading"
:pagination="false"
:row-selection="{ selectedRowKeys: selectedRowKeyList, onChange: onSelectChange }"
>
<template #bodyCell="{ text, record, column }">
<template v-if="column.dataIndex === 'action'">
<div class="smart-table-operate">
<a-space>
<a-button type="link" size="small" @click="showAuditModal(record)" :disabled="record.status !== 1">审批</a-button>
<a-button type="link" size="small" @click="handleDownload(record)" v-if="record.status === 3">下载</a-button>
<a-button type="link" size="small" danger @click="onDelete(record)">删除</a-button>
</a-space>
</div>
</template>
</template>
</a-table>
<!---------- 表格 end ----------->
<div class="smart-query-table-page">
<a-pagination
showSizeChanger
showQuickJumper
show-less-items
:pageSizeOptions="PAGE_SIZE_OPTIONS"
:defaultPageSize="queryForm.pageSize"
v-model:current="queryForm.pageNum"
v-model:pageSize="queryForm.pageSize"
:total="total"
@change="queryData"
@showSizeChange="queryData"
:show-total="(total) => `共${total}条`"
/>
</div>
<PenaltyApplyForm ref="formRef" @reloadList="queryData"/>
<!-- 审批弹框 -->
<a-modal
title="审批"
:width="500"
:open="auditModalVisible"
:confirm-loading="auditLoading"
@ok="handleAudit"
@cancel="handleAuditCancel"
:maskClosable="false"
>
<a-form :model="auditForm" :label-col="{ span: 6 }">
<a-form-item label="审批结果" required>
<a-radio-group v-model:value="auditForm.auditResult">
<a-radio :value="3">同意</a-radio>
<a-radio :value="4">拒绝</a-radio>
</a-radio-group>
</a-form-item>
</a-form>
</a-modal>
</a-card>
</template>
<script setup>
import { reactive, ref, onMounted } from 'vue';
import { message, Modal } from 'ant-design-vue';
import { SmartLoading } from '/@/components/framework/smart-loading';
import { penaltyApplyApi } from '/@/api/business/penalty-apply/penalty-apply-api';
import { PAGE_SIZE_OPTIONS } from '/@/constants/common-const';
import { REVIEW_ENUM } from '/@/constants/system/review-const';
import { smartSentry } from '/@/lib/smart-sentry';
import TableOperator from '/@/components/support/table-operator/index.vue';
import PenaltyApplyForm from './penalty-apply-form.vue';
// ---------------------------- 表格列 ----------------------------
const columns = ref([
{
title: '申请人',
dataIndex: 'userName',
ellipsis: true,
},
{
title: '申请日期',
dataIndex: 'applyDate',
ellipsis: true,
},
{
title: '使用用途',
dataIndex: 'usePurpose',
ellipsis: true,
},
{
title: '状态',
dataIndex: 'status',
ellipsis: true,
customRender: ({ text }) => {
const status = Object.values(REVIEW_ENUM).find(item => item.value === text);
return status ? status.desc : text;
},
},
{
title: '创建时间',
dataIndex: 'createTime',
ellipsis: true,
},
{
title: '操作',
dataIndex: 'action',
fixed: 'right',
width: 150,
},
]);
// ---------------------------- 查询数据表单和方法 ----------------------------
const queryFormState = {
pageNum: 1,
pageSize: 10,
userName: undefined, // 申请人
applyDateStart: undefined, // 申请日期开始
applyDateEnd: undefined, // 申请日期结束
status: undefined, // 状态
};
// 查询表单form
const queryForm = reactive({ ...queryFormState });
// 申请日期范围
const applyDateRange = ref([]);
// 表格加载loading
const tableLoading = ref(false);
// 表格数据
const tableData = ref([]);
// 总数
const total = ref(0);
// 重置查询条件
function resetQuery() {
let pageSize = queryForm.pageSize;
Object.assign(queryForm, queryFormState);
queryForm.pageSize = pageSize;
applyDateRange.value = [];
queryData();
}
// 搜索
function onSearch(){
queryForm.pageNum = 1;
// 处理申请日期范围
if (applyDateRange.value && applyDateRange.value.length === 2) {
queryForm.applyDateStart = applyDateRange.value[0] ? applyDateRange.value[0].format('YYYY-MM-DD 00:00:00') : undefined;
queryForm.applyDateEnd = applyDateRange.value[1] ? applyDateRange.value[1].format('YYYY-MM-DD 23:59:59') : undefined;
} else {
queryForm.applyDateStart = undefined;
queryForm.applyDateEnd = undefined;
}
queryData();
}
// 查询数据
async function queryData() {
tableLoading.value = true;
try {
let queryResult = await penaltyApplyApi.queryPage(queryForm);
tableData.value = queryResult.data.list;
total.value = queryResult.data.total;
} catch (e) {
smartSentry.captureError(e);
} finally {
tableLoading.value = false;
}
}
onMounted(queryData);
// ---------------------------- 添加/修改 ----------------------------
const formRef = ref();
function showForm(data) {
formRef.value.show(data);
}
// ---------------------------- 单个删除 ----------------------------
//确认删除
function onDelete(data){
Modal.confirm({
title: '提示',
content: '确定要删除选吗?',
okText: '删除',
okType: 'danger',
onOk() {
requestDelete(data);
},
cancelText: '取消',
onCancel() {},
});
}
//请求删除
async function requestDelete(data){
SmartLoading.show();
try {
let deleteForm = {
goodsIdList: selectedRowKeyList.value,
};
await penaltyApplyApi.delete(data.id);
message.success('删除成功');
queryData();
} catch (e) {
smartSentry.captureError(e);
} finally {
SmartLoading.hide();
}
}
// ---------------------------- 审批相关 ----------------------------
// 审批相关状态
const auditModalVisible = ref(false);
const auditLoading = ref(false);
const currentAuditRecord = ref(null);
const auditForm = reactive({
auditResult: 3, // 默认同意
auditRemark: ''
});
// 显示审批弹框
function showAuditModal(record) {
currentAuditRecord.value = record;
auditForm.auditResult = 3;
auditForm.auditRemark = '';
auditModalVisible.value = true;
}
// 处理审批
async function handleAudit() {
if (!currentAuditRecord.value) {
message.error('未选择审批记录');
return;
}
auditLoading.value = true;
const auditData = {
id: currentAuditRecord.value.id,
status: auditForm.auditResult
};
if (auditForm.auditRemark) {
auditData.approvalRemark = auditForm.auditRemark;
}
try {
await penaltyApplyApi.update(auditData);
message.success('审批成功');
auditModalVisible.value = false;
queryData();
} catch (error) {
message.error('审批失败');
console.error('审批失败:', error);
} finally {
auditLoading.value = false;
}
}
// 取消审批
function handleAuditCancel() {
auditModalVisible.value = false;
currentAuditRecord.value = null;
auditForm.auditResult = 3;
auditForm.auditRemark = '';
}
// ---------------------------- 下载相关 ----------------------------
// 处理下载
function handleDownload(record) {
// 这里需要调用下载API
console.log('下载无处罚证明:', record);
message.info('下载功能待实现');
}
// ---------------------------- 批量删除 ----------------------------
// 选择表格行
const selectedRowKeyList = ref([]);
function onSelectChange(selectedRowKeys) {
selectedRowKeyList.value = selectedRowKeys;
}
// 批量删除
function confirmBatchDelete() {
Modal.confirm({
title: '提示',
content: '确定要批量删除这些数据吗?',
okText: '删除',
okType: 'danger',
onOk() {
requestBatchDelete();
},
cancelText: '取消',
onCancel() {},
});
}
//请求批量删除
async function requestBatchDelete() {
try {
SmartLoading.show();
await penaltyApplyApi.batchDelete(selectedRowKeyList.value);
message.success('删除成功');
queryData();
} catch (e) {
smartSentry.captureError(e);
} finally {
SmartLoading.hide();
}
}
</script>
Write Preview
Loading…
Cancel
Save