mkm/engineering_admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add

Browse Source
This commit is contained in:
zmj 2024-01-31 14:19:42 +08:00
parent cbd2f9181f
commit 2539c39599
15 changed files with 1059 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist.zip
View File

Binary file not shown.

108
generate/php/app/adminapi/controller/oa/FlowTypeController.php Normal file
View File

@ -0,0 +1,108 @@
<?php
// +----------------------------------------------------------------------
// | likeadmin快速开发前后端分离管理后台（PHP版）
// +----------------------------------------------------------------------
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
// | 开源版本可自由商用，可去除界面版权logo
// | gitee下载：https://gitee.com/likeshop_gitee/likeadmin
// | github下载：https://github.com/likeshop-github/likeadmin
// | 访问官网：https://www.likeadmin.cn
// | likeadmin团队 版权所有 拥有最终解释权
// +----------------------------------------------------------------------
// | author: likeadminTeam
// +----------------------------------------------------------------------
namespace app\adminapi\controller\oa;
use app\adminapi\controller\BaseAdminController;
use app\adminapi\lists\oa\FlowTypeLists;
use app\adminapi\logic\oa\FlowTypeLogic;
use app\adminapi\validate\oa\FlowTypeValidate;
/**
* 审批类型控制器
* Class FlowTypeController
* @package app\adminapi\controller\oa
*/
class FlowTypeController extends BaseAdminController
{
/**
* @notes 获取审批类型列表
* @return \think\response\Json
* @author likeadmin
* @date 2024/01/31 14:15
*/
public function lists()
{
return $this->dataLists(new FlowTypeLists());
}
/**
* @notes 添加审批类型
* @return \think\response\Json
* @author likeadmin
* @date 2024/01/31 14:15
*/
public function add()
{
$params = (new FlowTypeValidate())->post()->goCheck('add');
$result = FlowTypeLogic::add($params);
if (true === $result) {
return $this->success('添加成功', [], 1, 1);
}
return $this->fail(FlowTypeLogic::getError());
}
/**
* @notes 编辑审批类型
* @return \think\response\Json
* @author likeadmin
* @date 2024/01/31 14:15
*/
public function edit()
{
$params = (new FlowTypeValidate())->post()->goCheck('edit');
$result = FlowTypeLogic::edit($params);
if (true === $result) {
return $this->success('编辑成功', [], 1, 1);
}
return $this->fail(FlowTypeLogic::getError());
}
/**
* @notes 删除审批类型
* @return \think\response\Json
* @author likeadmin
* @date 2024/01/31 14:15
*/
public function delete()
{
$params = (new FlowTypeValidate())->post()->goCheck('delete');
FlowTypeLogic::delete($params);
return $this->success('删除成功', [], 1, 1);
}
/**
* @notes 获取审批类型详情
* @return \think\response\Json
* @author likeadmin
* @date 2024/01/31 14:15
*/
public function detail()
{
$params = (new FlowTypeValidate())->goCheck('detail');
$result = FlowTypeLogic::detail($params);
return $this->data($result);
}
}

78
generate/php/app/adminapi/lists/oa/FlowTypeLists.php Normal file
View File

@ -0,0 +1,78 @@
<?php
// +----------------------------------------------------------------------
// | likeadmin快速开发前后端分离管理后台（PHP版）
// +----------------------------------------------------------------------
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
// | 开源版本可自由商用，可去除界面版权logo
// | gitee下载：https://gitee.com/likeshop_gitee/likeadmin
// | github下载：https://github.com/likeshop-github/likeadmin
// | 访问官网：https://www.likeadmin.cn
// | likeadmin团队 版权所有 拥有最终解释权
// +----------------------------------------------------------------------
// | author: likeadminTeam
// +----------------------------------------------------------------------
namespace app\adminapi\lists\oa;
use app\adminapi\lists\BaseAdminDataLists;
use app\common\model\oa\FlowType;
use app\common\lists\ListsSearchInterface;
/**
* 审批类型列表
* Class FlowTypeLists
* @package app\adminapi\listsoa
*/
class FlowTypeLists extends BaseAdminDataLists implements ListsSearchInterface
{
/**
* @notes 设置搜索条件
* @return \string[][]
* @author likeadmin
* @date 2024/01/31 14:15
*/
public function setSearch(): array
{
return [
'=' => ['type'],
'%like%' => ['title'],
];
}
/**
* @notes 获取审批类型列表
* @return array
* @throws \think\db\exception\DataNotFoundException
* @throws \think\db\exception\DbException
* @throws \think\db\exception\ModelNotFoundException
* @author likeadmin
* @date 2024/01/31 14:15
*/
public function lists(): array
{
return FlowType::where($this->searchWhere)
->field(['id', 'type', 'title', 'name', 'department_ids', 'status'])
->limit($this->limitOffset, $this->limitLength)
->order(['id' => 'desc'])
->select()
->toArray();
}
/**
* @notes 获取审批类型数量
* @return int
* @author likeadmin
* @date 2024/01/31 14:15
*/
public function count(): int
{
return FlowType::where($this->searchWhere)->count();
}
}

114
generate/php/app/adminapi/logic/oa/FlowTypeLogic.php Normal file
View File

@ -0,0 +1,114 @@
<?php
// +----------------------------------------------------------------------
// | likeadmin快速开发前后端分离管理后台（PHP版）
// +----------------------------------------------------------------------
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
// | 开源版本可自由商用，可去除界面版权logo
// | gitee下载：https://gitee.com/likeshop_gitee/likeadmin
// | github下载：https://github.com/likeshop-github/likeadmin
// | 访问官网：https://www.likeadmin.cn
// | likeadmin团队 版权所有 拥有最终解释权
// +----------------------------------------------------------------------
// | author: likeadminTeam
// +----------------------------------------------------------------------
namespace app\adminapi\logic\oa;
use app\common\model\oa\FlowType;
use app\common\logic\BaseLogic;
use think\facade\Db;
/**
* 审批类型逻辑
* Class FlowTypeLogic
* @package app\adminapi\logic\oa
*/
class FlowTypeLogic extends BaseLogic
{
/**
* @notes 添加审批类型
* @param array $params
* @return bool
* @author likeadmin
* @date 2024/01/31 14:15
*/
public static function add(array $params): bool
{
Db::startTrans();
try {
FlowType::create([
'type' => $params['type'],
'title' => $params['title'],
'name' => $params['name'],
'department_ids' => $params['department_ids'],
'status' => $params['status']
]);
Db::commit();
return true;
} catch (\Exception $e) {
Db::rollback();
self::setError($e->getMessage());
return false;
}
}
/**
* @notes 编辑审批类型
* @param array $params
* @return bool
* @author likeadmin
* @date 2024/01/31 14:15
*/
public static function edit(array $params): bool
{
Db::startTrans();
try {
FlowType::where('id', $params['id'])->update([
'type' => $params['type'],
'title' => $params['title'],
'name' => $params['name'],
'department_ids' => $params['department_ids'],
'status' => $params['status']
]);
Db::commit();
return true;
} catch (\Exception $e) {
Db::rollback();
self::setError($e->getMessage());
return false;
}
}
/**
* @notes 删除审批类型
* @param array $params
* @return bool
* @author likeadmin
* @date 2024/01/31 14:15
*/
public static function delete(array $params): bool
{
return FlowType::destroy($params['id']);
}
/**
* @notes 获取审批类型详情
* @param $params
* @return array
* @author likeadmin
* @date 2024/01/31 14:15
*/
public static function detail($params): array
{
return FlowType::findOrEmpty($params['id'])->toArray();
}
}

104
generate/php/app/adminapi/validate/oa/FlowTypeValidate.php Normal file
View File

@ -0,0 +1,104 @@
<?php
// +----------------------------------------------------------------------
// | likeadmin快速开发前后端分离管理后台（PHP版）
// +----------------------------------------------------------------------
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
// | 开源版本可自由商用，可去除界面版权logo
// | gitee下载：https://gitee.com/likeshop_gitee/likeadmin
// | github下载：https://github.com/likeshop-github/likeadmin
// | 访问官网：https://www.likeadmin.cn
// | likeadmin团队 版权所有 拥有最终解释权
// +----------------------------------------------------------------------
// | author: likeadminTeam
// +----------------------------------------------------------------------
namespace app\adminapi\validate\oa;
use app\common\validate\BaseValidate;
/**
* 审批类型验证器
* Class FlowTypeValidate
* @package app\adminapi\validate\oa
*/
class FlowTypeValidate extends BaseValidate
{
/**
* 设置校验规则
* @var string[]
*/
protected $rule = [
'id' => 'require',
'type' => 'require',
'title' => 'require',
'name' => 'require',
'department_ids' => 'require',
'status' => 'require',
];
/**
* 参数描述
* @var string[]
*/
protected $field = [
'id' => 'id',
'type' => '所属分类',
'title' => '审批名称',
'name' => '审批标识',
'department_ids' => '应用部门',
'status' => '状态',
];
/**
* @notes 添加场景
* @return FlowTypeValidate
* @author likeadmin
* @date 2024/01/31 14:15
*/
public function sceneAdd()
{
return $this->only(['type','title','name','department_ids','status']);
}
/**
* @notes 编辑场景
* @return FlowTypeValidate
* @author likeadmin
* @date 2024/01/31 14:15
*/
public function sceneEdit()
{
return $this->only(['id','type','title','name','department_ids','status']);
}
/**
* @notes 删除场景
* @return FlowTypeValidate
* @author likeadmin
* @date 2024/01/31 14:15
*/
public function sceneDelete()
{
return $this->only(['id']);
}
/**
* @notes 详情场景
* @return FlowTypeValidate
* @author likeadmin
* @date 2024/01/31 14:15
*/
public function sceneDetail()
{
return $this->only(['id']);
}
}

34
generate/php/app/common/model/oa/FlowType.php Normal file
View File

@ -0,0 +1,34 @@
<?php
// +----------------------------------------------------------------------
// | likeadmin快速开发前后端分离管理后台（PHP版）
// +----------------------------------------------------------------------
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
// | 开源版本可自由商用，可去除界面版权logo
// | gitee下载：https://gitee.com/likeshop_gitee/likeadmin
// | github下载：https://github.com/likeshop-github/likeadmin
// | 访问官网：https://www.likeadmin.cn
// | likeadmin团队 版权所有 拥有最终解释权
// +----------------------------------------------------------------------
// | author: likeadminTeam
// +----------------------------------------------------------------------
namespace app\common\model\oa;
use app\common\model\BaseModel;
use think\model\concern\SoftDelete;
/**
* 审批类型模型
* Class FlowType
* @package app\common\model\oa
*/
class FlowType extends BaseModel
{
use SoftDelete;
protected $name = 'flow_type';
protected $deleteTime = 'delete_time';
}

13
generate/sql/menu.sql Normal file
View File

@ -0,0 +1,13 @@
INSERT INTO `gc_system_menu`(`pid`, `type`, `name`, `icon`, `sort`, `perms`, `paths`, `component`, `selected`, `params`, `is_cache`, `is_show`, `is_disable`, `create_time`, `update_time`)
VALUES (1029, 'C', '审批类型', '', 1, 'oa.flow_type/lists', 'flow_type', 'flow_type/index', '', '', 0, 1, 0, 1706681745, 1706681745);
SELECT @pid := LAST_INSERT_ID();
INSERT INTO `gc_system_menu`(`pid`, `type`, `name`, `icon`, `sort`, `perms`, `paths`, `component`, `selected`, `params`, `is_cache`, `is_show`, `is_disable`, `create_time`, `update_time`)
VALUES (@pid, 'A', '添加', '', 1, 'oa.flow_type/add', '', '', '', '', 0, 1, 0, 1706681745, 1706681745);
INSERT INTO `gc_system_menu`(`pid`, `type`, `name`, `icon`, `sort`, `perms`, `paths`, `component`, `selected`, `params`, `is_cache`, `is_show`, `is_disable`, `create_time`, `update_time`)
VALUES (@pid, 'A', '编辑', '', 1, 'oa.flow_type/edit', '', '', '', '', 0, 1, 0, 1706681745, 1706681745);
INSERT INTO `gc_system_menu`(`pid`, `type`, `name`, `icon`, `sort`, `perms`, `paths`, `component`, `selected`, `params`, `is_cache`, `is_show`, `is_disable`, `create_time`, `update_time`)
VALUES (@pid, 'A', '删除', '', 1, 'oa.flow_type/delete', '', '', '', '', 0, 1, 0, 1706681745, 1706681745);

160
generate/vue/src/views/flow_type/edit.vue Normal file
View File

@ -0,0 +1,160 @@
<template>
<div class="edit-popup">
<popup
ref="popupRef"
:title="popupTitle"
:async="true"
width="550px"
@confirm="handleSubmit"
@close="handleClose"
>
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="所属分类" prop="type">
<el-select class="flex-1" v-model="formData.type" clearable placeholder="请选择所属分类">
<el-option
v-for="(item, index) in dictData.flow_type"
:key="index"
:label="item.name"
:value="parseInt(item.value)"
/>
</el-select>
</el-form-item>
<el-form-item label="审批名称" prop="title">
<el-input v-model="formData.title" clearable placeholder="请输入审批名称" />
</el-form-item>
<el-form-item label="审批标识" prop="name">
<el-input v-model="formData.name" clearable placeholder="请输入审批标识" />
</el-form-item>
<el-form-item label="应用部门" prop="department_ids">
<el-input v-model="formData.department_ids" clearable placeholder="请输入应用部门" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="formData.status" placeholder="请选择状态">
<el-radio
v-for="(item, index) in dictData.show_status"
:key="index"
:label="parseInt(item.value)"
>
{{ item.name }}
</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
</popup>
</div>
</template>
<script lang="ts" setup name="flowTypeEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiFlowTypeAdd, apiFlowTypeEdit, apiFlowTypeDetail } from '@/api/flow_type'
import { timeFormat } from '@/utils/util'
import type { PropType } from 'vue'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
}
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
// 弹窗标题
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑审批类型' : '新增审批类型'
})
// 表单数据
const formData = reactive({
id: '',
type: '',
title: '',
name: '',
department_ids: '',
status: '',
})
// 表单验证
const formRules = reactive<any>({
type: [{
required: true,
message: '请选择所属分类',
trigger: ['blur']
}],
title: [{
required: true,
message: '请输入审批名称',
trigger: ['blur']
}],
name: [{
required: true,
message: '请输入审批标识',
trigger: ['blur']
}],
department_ids: [{
required: true,
message: '请输入应用部门',
trigger: ['blur']
}],
status: [{
required: true,
message: '请选择状态',
trigger: ['blur']
}]
})
// 获取详情
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
}
const getDetail = async (row: Record<string, any>) => {
const data = await apiFlowTypeDetail({
id: row.id
})
setFormData(data)
}
// 提交按钮
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiFlowTypeEdit(data)
: await apiFlowTypeAdd(data)
popupRef.value?.close()
emit('success')
}
//打开弹窗
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
// 关闭回调
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
getDetail
})
</script>

149
generate/vue/src/views/flow_type/index.vue Normal file
View File

@ -0,0 +1,149 @@
<template>
<div>
<el-card class="!border-none mb-4" shadow="never">
<el-form
class="mb-[-16px]"
:model="queryParams"
inline
>
<el-form-item label="所属分类" prop="type">
<el-select class="w-[280px]" v-model="queryParams.type" clearable placeholder="请选择所属分类">
<el-option label="全部" value=""></el-option>
<el-option
v-for="(item, index) in dictData.flow_type"
:key="index"
:label="item.name"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="审批名称" prop="title">
<el-input class="w-[280px]" v-model="queryParams.title" clearable placeholder="请输入审批名称" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="resetPage">查询</el-button>
<el-button @click="resetParams">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
<el-button v-perms="['oa.flow_type/add']" type="primary" @click="handleAdd">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<el-button
v-perms="['oa.flow_type/delete']"
:disabled="!selectData.length"
@click="handleDelete(selectData)"
>
删除
</el-button>
<div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column label="所属分类" prop="type">
<template #default="{ row }">
<dict-value :options="dictData.flow_type" :value="row.type" />
</template>
</el-table-column>
<el-table-column label="审批名称" prop="title" show-overflow-tooltip />
<el-table-column label="审批标识" prop="name" show-overflow-tooltip />
<el-table-column label="应用部门" prop="department_ids" show-overflow-tooltip />
<el-table-column label="状态" prop="status">
<template #default="{ row }">
<dict-value :options="dictData.show_status" :value="row.status" />
</template>
</el-table-column>
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button
v-perms="['oa.flow_type/edit']"
type="primary"
link
@click="handleEdit(row)"
>
编辑
</el-button>
<el-button
v-perms="['oa.flow_type/delete']"
type="danger"
link
@click="handleDelete(row.id)"
>
删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" />
</div>
</el-card>
<edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
</div>
</template>
<script lang="ts" setup name="flowTypeLists">
import { usePaging } from '@/hooks/usePaging'
import { useDictData } from '@/hooks/useDictOptions'
import { apiFlowTypeLists, apiFlowTypeDelete } from '@/api/flow_type'
import { timeFormat } from '@/utils/util'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue'
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
// 是否显示编辑框
const showEdit = ref(false)
// 查询条件
const queryParams = reactive({
type: '',
title: ''
})
// 选中数据
const selectData = ref<any[]>([])
// 表格选择后回调事件
const handleSelectionChange = (val: any[]) => {
selectData.value = val.map(({ id }) => id)
}
// 获取字典数据
const { dictData } = useDictData('flow_type,show_status')
// 分页相关
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiFlowTypeLists,
params: queryParams
})
// 添加
const handleAdd = async () => {
showEdit.value = true
await nextTick()
editRef.value?.open('add')
}
// 编辑
const handleEdit = async (data: any) => {
showEdit.value = true
await nextTick()
editRef.value?.open('edit')
editRef.value?.setFormData(data)
}
// 删除
const handleDelete = async (id: number | any[]) => {
await feedback.confirm('确定要删除？')
await apiFlowTypeDelete({ id })
getLists()
}
getLists()
</script>

26
src/api/flow_type.ts Normal file
View File

@ -0,0 +1,26 @@
import request from '@/utils/request'
// 审批类型列表
export function apiFlowTypeLists(params: any) {
return request.get({ url: '/oa.flow_type/lists', params })
}
// 添加审批类型
export function apiFlowTypeAdd(params: any) {
return request.post({ url: '/oa.flow_type/add', params })
}
// 编辑审批类型
export function apiFlowTypeEdit(params: any) {
return request.post({ url: '/oa.flow_type/edit', params })
}
// 删除审批类型
export function apiFlowTypeDelete(params: any) {
return request.post({ url: '/oa.flow_type/delete', params })
}
// 审批类型详情
export function apiFlowTypeDetail(params: any) {
return request.get({ url: '/oa.flow_type/detail', params })
}

2
src/views/examined/dialog_index.vue
View File

@ -53,7 +53,7 @@
<script lang="ts" setup name="companyLists">
import { usePaging } from "@/hooks/usePaging";
import { useDictData } from "@/hooks/useDictOptions";
import { apiCompanyLists, apiCompanyDelete } from "@/api/company";
// import { apiCompanyLists, apiCompanyDelete } from "@/api/company";
import { defineEmits } from "vue";
import { adminLists } from "@/api/perms/admin";

46
src/views/examined/examinedFlow.vue
View File

@ -1,50 +1,5 @@
<template>
<div>
<!-- <el-card class="!border-none mb-4" shadow="never">
<el-form
class="mb-[-16px]"
:model="queryParams"
inline
>
<el-form-item label="审批流名称" prop="name">
<el-input class="w-[280px]" v-model="queryParams.name" clearable placeholder="请输入审批流名称" />
</el-form-item>
<el-form-item label="1固定审批,2授权审批人" prop="check_type">
<el-input class="w-[280px]" v-model="queryParams.check_type" clearable placeholder="请输入1固定审批,2授权审批人" />
</el-form-item>
<el-form-item label="应用模块,1假勤,2行政,3财务,4人事,5其他,6报销,7发票,8合同" prop="type">
<el-input class="w-[280px]" v-model="queryParams.type" clearable placeholder="请输入应用模块,1假勤,2行政,3财务,4人事,5其他,6报销,7发票,8合同" />
</el-form-item>
<el-form-item label="应用审批类型id" prop="flow_cate">
<el-input class="w-[280px]" v-model="queryParams.flow_cate" clearable placeholder="请输入应用审批类型id" />
</el-form-item>
<el-form-item label="应用部门ID（0为全部）1,2,3" prop="department_ids">
<el-input class="w-[280px]" v-model="queryParams.department_ids" clearable placeholder="请输入应用部门ID（0为全部）1,2,3" />
</el-form-item>
<el-form-item label="抄送人ID" prop="copy_uids">
<el-input class="w-[280px]" v-model="queryParams.copy_uids" clearable placeholder="请输入抄送人ID" />
</el-form-item>
<el-form-item label="流程说明" prop="remark">
<el-input class="w-[280px]" v-model="queryParams.remark" clearable placeholder="请输入流程说明" />
</el-form-item>
<el-form-item label="流程数据序列化" prop="flow_list">
<el-input class="w-[280px]" v-model="queryParams.flow_list" clearable placeholder="请输入流程数据序列化" />
</el-form-item>
<el-form-item label="创建人ID" prop="admin_id">
<el-input class="w-[280px]" v-model="queryParams.admin_id" clearable placeholder="请输入创建人ID" />
</el-form-item>
<el-form-item label="状态 1启用，0禁用" prop="status">
<el-input class="w-[280px]" v-model="queryParams.status" clearable placeholder="请输入状态 1启用，0禁用" />
</el-form-item>
<el-form-item label="删除人ID" prop="delete_user_id">
<el-input class="w-[280px]" v-model="queryParams.delete_user_id" clearable placeholder="请输入删除人ID" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="resetPage">查询</el-button>
<el-button @click="resetParams">重置</el-button>
</el-form-item>
</el-form>
</el-card> -->
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
<el-button v-perms="['flow/add']" type="primary" @click="handleAdd">
<template #icon>
@ -120,7 +75,6 @@
import { usePaging } from "@/hooks/usePaging";
import { useDictData } from "@/hooks/useDictOptions";
// import { apiFlowLists, apiFlowDetil, apiFlowStatus } from "@/api/examined";
import { timeFormat } from "@/utils/util";
import feedback from "@/utils/feedback";
import EditPopup from "./editFlow.vue";

145
src/views/flow_type/edit.vue Normal file
View File

@ -0,0 +1,145 @@
<template>
<div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit" @close="handleClose">
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="所属分类" prop="type">
<el-select class="flex-1" v-model="formData.type" clearable placeholder="请选择所属分类">
<el-option v-for="(item, index) in dictData.flow_type" :key="index" :label="item.name"
:value="parseInt(item.value)" />
</el-select>
</el-form-item>
<el-form-item label="审批名称" prop="title">
<el-input v-model="formData.title" clearable placeholder="请输入审批名称" />
</el-form-item>
<el-form-item label="审批标识" prop="name">
<el-input v-model="formData.name" clearable placeholder="请输入审批标识" />
</el-form-item>
<el-form-item label="应用部门" prop="department_ids">
<el-input v-model="formData.department_ids" clearable placeholder="请输入应用部门" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="formData.status" placeholder="请选择状态">
<el-radio v-for="(item, index) in dictData.show_status" :key="index" :label="parseInt(item.value)">
{{ item.name }}
</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
</popup>
</div>
</template>
<script lang="ts" setup name="flowTypeEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiFlowTypeAdd, apiFlowTypeEdit, apiFlowTypeDetail } from '@/api/flow_type'
import { timeFormat } from '@/utils/util'
import type { PropType } from 'vue'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
}
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
// 弹窗标题
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑审批类型' : '新增审批类型'
})
// 表单数据
const formData = reactive({
id: '',
type: '',
title: '',
name: '',
department_ids: '',
status: '',
})
// 表单验证
const formRules = reactive<any>({
type: [{
required: true,
message: '请选择所属分类',
trigger: ['blur']
}],
title: [{
required: true,
message: '请输入审批名称',
trigger: ['blur']
}],
name: [{
required: true,
message: '请输入审批标识',
trigger: ['blur']
}],
department_ids: [{
required: true,
message: '请输入应用部门',
trigger: ['blur']
}],
status: [{
required: true,
message: '请选择状态',
trigger: ['blur']
}]
})
// 获取详情
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
}
const getDetail = async (row: Record<string, any>) => {
const data = await apiFlowTypeDetail({
id: row.id
})
setFormData(data)
}
// 提交按钮
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiFlowTypeEdit(data)
: await apiFlowTypeAdd(data)
popupRef.value?.close()
emit('success')
}
//打开弹窗
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
// 关闭回调
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
getDetail
})
</script>

127
src/views/flow_type/index.vue Normal file
View File

@ -0,0 +1,127 @@
<template>
<div>
<el-card class="!border-none mb-4" shadow="never">
<el-form class="mb-[-16px]" :model="queryParams" inline>
<el-form-item label="所属分类" prop="type">
<el-select class="w-[280px]" v-model="queryParams.type" clearable placeholder="请选择所属分类">
<el-option label="全部" value=""></el-option>
<el-option v-for="(item, index) in dictData.flow_type" :key="index" :label="item.name"
:value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="审批名称" prop="title">
<el-input class="w-[280px]" v-model="queryParams.title" clearable placeholder="请输入审批名称" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="resetPage">查询</el-button>
<el-button @click="resetParams">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
<el-button v-perms="['oa.flow_type/add']" type="primary" @click="handleAdd">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<el-button v-perms="['oa.flow_type/delete']" :disabled="!selectData.length" @click="handleDelete(selectData)">
删除
</el-button>
<div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column label="所属分类" prop="type">
<template #default="{ row }">
<dict-value :options="dictData.flow_type" :value="row.type" />
</template>
</el-table-column>
<el-table-column label="审批名称" prop="title" show-overflow-tooltip />
<el-table-column label="审批标识" prop="name" show-overflow-tooltip />
<el-table-column label="应用部门" prop="department_ids" show-overflow-tooltip />
<el-table-column label="状态" prop="status">
<template #default="{ row }">
<dict-value :options="dictData.show_status" :value="row.status" />
</template>
</el-table-column>
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button v-perms="['oa.flow_type/edit']" type="primary" link @click="handleEdit(row)">
编辑
</el-button>
<el-button v-perms="['oa.flow_type/delete']" type="danger" link @click="handleDelete(row.id)">
删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="flex justify-end mt-4">
<pagination v-model="pager" @change="getLists" />
</div>
</el-card>
<edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
</div>
</template>
<script lang="ts" setup name="flowTypeLists">
import { usePaging } from '@/hooks/usePaging'
import { useDictData } from '@/hooks/useDictOptions'
import { apiFlowTypeLists, apiFlowTypeDelete } from '@/api/flow_type'
import { timeFormat } from '@/utils/util'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue'
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
// 是否显示编辑框
const showEdit = ref(false)
// 查询条件
const queryParams = reactive({
type: '',
title: ''
})
// 选中数据
const selectData = ref<any[]>([])
// 表格选择后回调事件
const handleSelectionChange = (val: any[]) => {
selectData.value = val.map(({ id }) => id)
}
// 获取字典数据
const { dictData } = useDictData('flow_type,show_status')
// 分页相关
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiFlowTypeLists,
params: queryParams
})
// 添加
const handleAdd = async () => {
showEdit.value = true
await nextTick()
editRef.value?.open('add')
}
// 编辑
const handleEdit = async (data: any) => {
showEdit.value = true
await nextTick()
editRef.value?.open('edit')
editRef.value?.setFormData(data)
}
// 删除
const handleDelete = async (id: number | any[]) => {
await feedback.confirm('确定要删除？')
await apiFlowTypeDelete({ id })
getLists()
}
getLists()
</script>

1
src/views/project_list/components/Statistics.vue
View File

@ -50,7 +50,6 @@ const props = defineProps({
})
const businessList = reactive([
[
{ name: '项目跟进', value: 0 },