修改物料界面
parent
6cf4381c53
commit
a1ffe033a9
|
@ -3,6 +3,7 @@ using Admin.NET.Application.Const;
|
|||
using Admin.NET.Application.Entity;
|
||||
using Microsoft.AspNetCore.Http;
|
||||
using Microsoft.AspNetCore.Mvc.ViewFeatures;
|
||||
using System.Text.RegularExpressions;
|
||||
namespace Admin.NET.Application;
|
||||
/// <summary>
|
||||
/// 单位服务
|
||||
|
@ -188,5 +189,44 @@ public class SysUnitService : IDynamicApiController, ITransient
|
|||
|
||||
return result;
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// 生成编码
|
||||
/// </summary>
|
||||
/// <param name="input"></param>
|
||||
/// <returns></returns>
|
||||
[HttpGet]
|
||||
[ApiDescriptionSettings(Name = "createCodeNum")]
|
||||
public async Task<string> CreateCodeNum()
|
||||
{
|
||||
string dt = DateTime.Now.ToString("yyyyMMdd");
|
||||
var unit = await _rep.AsQueryable()
|
||||
.Where(a => !a.IsDelete)
|
||||
.Where(a => a.CodeNum.Contains(dt))
|
||||
.OrderByDescending(t => t.CodeNum)
|
||||
.FirstAsync();
|
||||
if (unit != null)
|
||||
{
|
||||
Match match = Regex.Match(unit.CodeNum, @"\d+");
|
||||
if (match.Success)
|
||||
{
|
||||
string numberStr = match.Value; // 获取匹配到的数字字符串
|
||||
int number = int.Parse(numberStr); // 将数字字符串转换为整数
|
||||
number++; // 对数字进行加1操作
|
||||
|
||||
// 将结果转换回字符串,并保持与原数字相同的长度
|
||||
string paddedNumber = number.ToString().PadLeft(match.Value.Length, '0');
|
||||
return paddedNumber;
|
||||
}
|
||||
else
|
||||
{
|
||||
return dt + "001";
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
return dt + "001";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -0,0 +1,58 @@
|
|||
import request from '/@/utils/request';
|
||||
enum Api {
|
||||
AddMaterialsClassify = '/api/materialClassify/add',
|
||||
DeleteMaterialsClassify = '/api/materialClassify/delete',
|
||||
UpdateMaterialsClassify = '/api/materialClassify/update',
|
||||
PageMaterialsClassify = '/api/materialClassify/page',
|
||||
DetailMaterialsClassify = '/api/materialClassify/detail',
|
||||
ListMaterialsClassify = '/api/materialClassify/list',
|
||||
}
|
||||
|
||||
// 增加物料
|
||||
export const addMaterialsClassify = (params?: any) =>
|
||||
request({
|
||||
url: Api.AddMaterialsClassify,
|
||||
method: 'post',
|
||||
data: params,
|
||||
});
|
||||
|
||||
// 删除物料
|
||||
export const deleteMaterialsClassify = (params?: any) =>
|
||||
request({
|
||||
url: Api.DeleteMaterialsClassify,
|
||||
method: 'post',
|
||||
data: params,
|
||||
});
|
||||
|
||||
// 编辑物料
|
||||
export const updateMaterialsClassify = (params?: any) =>
|
||||
request({
|
||||
url: Api.UpdateMaterialsClassify,
|
||||
method: 'post',
|
||||
data: params,
|
||||
});
|
||||
|
||||
// 分页查询物料
|
||||
export const pageMaterialsClassify = (params?: any) =>
|
||||
request({
|
||||
url: Api.PageMaterialsClassify,
|
||||
method: 'post',
|
||||
data: params,
|
||||
});
|
||||
|
||||
// 详情物料
|
||||
export const detailMaterialsClassify = (id: any) =>
|
||||
request({
|
||||
url: Api.DetailMaterialsClassify,
|
||||
method: 'get',
|
||||
data: { id },
|
||||
});
|
||||
|
||||
// 物料列表
|
||||
export const listMaterialsClassify = () =>
|
||||
request({
|
||||
url: Api.ListMaterialsClassify,
|
||||
method: 'get',
|
||||
data: { },
|
||||
});
|
||||
|
|
@ -0,0 +1,164 @@
|
|||
<!-- 物料 -->
|
||||
<template>
|
||||
<div class="sys-open-access-container">
|
||||
<el-dialog v-model="state.isShowDialog" :title="props.title" width="1000">
|
||||
<el-form :inline="true" :model="ruleForm" class="demo-form-inline" label-width="90px">
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="物料类型" :rules="[{ required: true, message: '物料类型不能为空', trigger: 'blur' }]">
|
||||
<el-input v-model="ruleForm.name" placeholder="请输入名称" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<el-row style="display: flex; justify-content: space-around;">
|
||||
<el-button style="width: 100px;" type="primary" @click="matterSubmit">提交</el-button>
|
||||
<el-button style="width: 100px;" @click="closeDialog">取消</el-button>
|
||||
</el-row>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { onMounted, reactive, ref } from 'vue';
|
||||
import { getAPI } from '/@/utils/axios-utils';
|
||||
import { BrandApi, MaterialClassifyApi, PackageInfoApi, SysUnitGroupApi,SysUnitApi } from '/@/api-services/api';
|
||||
import { AddMaterialsInput, BrandOutput, MaterialsOutput, PackageInfoOutput, SysUnitGroupOutput, SysUnitOutput} from '/@/api-services/models';
|
||||
import { ElMessageBox, ElMessage, TabsPaneContext } from 'element-plus';
|
||||
import { addMaterials, updateMaterials,detailMaterials } from '/@/api/main/materials';
|
||||
import { listUnitGroup } from '/@/api/main/unit';
|
||||
import {addMaterialsClassify, detailMaterialsClassify, updateMaterialsClassify} from "/@/api/main/materialClassify";
|
||||
|
||||
const props = defineProps({
|
||||
title: String,
|
||||
orgData: Array<MaterialsOutput>,
|
||||
});
|
||||
//父级传递来的函数,用于回调
|
||||
const emit = defineEmits(["reloadTable"]);
|
||||
|
||||
//获取物料分类
|
||||
let fyListData = ref();
|
||||
|
||||
const fyListGet = async () => {
|
||||
let res = await getAPI(MaterialClassifyApi).apiMaterialClassifyListGet();
|
||||
if (res.data.code === 200) {
|
||||
fyListData.value = res.data.result;
|
||||
}
|
||||
}
|
||||
|
||||
const ruleForm = ref<any>({});
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
isShowDialog:false,
|
||||
editClassifyOpenAccessTitle:'新增',
|
||||
tableData: [] ,//as Array<MaterialsOutput>
|
||||
orgTreeData: [] ,//as Array<MaterialsOutput>
|
||||
//matterFrom: {} ,//as AddMaterialsInput
|
||||
queryParams: {
|
||||
name: undefined,
|
||||
},
|
||||
tableParams: {
|
||||
page: 1,
|
||||
pageSize: 10,
|
||||
total: 0 as any,
|
||||
},
|
||||
editPrintTitle: '',
|
||||
unitGroupData:[] as Array<SysUnitGroupOutput>,
|
||||
unitData:[] as Array<SysUnitOutput>,
|
||||
});
|
||||
|
||||
// 打开弹窗
|
||||
const openDialog = async (row: any) => {
|
||||
//ruleFormRef.value?.resetFields();
|
||||
//state.selectedTabName = '0'; // 重置为第一个 tab 页
|
||||
let rowData = JSON.parse(JSON.stringify(row));
|
||||
if (rowData.id)
|
||||
ruleForm.value = (await detailMaterialsClassify(rowData.id)).data.result;
|
||||
else{
|
||||
ruleForm.value = rowData;
|
||||
ruleForm.value.isEnable=true;
|
||||
}
|
||||
state.isShowDialog = true;
|
||||
};
|
||||
|
||||
// 关闭弹窗
|
||||
const closeDialog = () => {
|
||||
state.isShowDialog = false;
|
||||
};
|
||||
|
||||
onMounted(() => {
|
||||
fyListGet();
|
||||
});
|
||||
|
||||
//提交
|
||||
const matterSubmit = async () => {
|
||||
let res;
|
||||
if (props.title=='添加物料类型'){
|
||||
res = await addMaterialsClassify(ruleForm.value);
|
||||
}
|
||||
else {
|
||||
res = await updateMaterialsClassify(ruleForm.value);
|
||||
}
|
||||
//console.log(res)
|
||||
|
||||
if (res.data.code == 200) {
|
||||
state.isShowDialog = false;
|
||||
ElMessage({
|
||||
message: '成功',
|
||||
type: 'success',
|
||||
})
|
||||
//state.tableData.handleList();
|
||||
}
|
||||
else
|
||||
ElMessage.error(res.message!)
|
||||
emit("reloadTable");
|
||||
closeDialog();
|
||||
}
|
||||
|
||||
|
||||
|
||||
// 导出对象
|
||||
defineExpose({ openDialog });
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.main {
|
||||
padding: 10px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.main-from {
|
||||
// height: 300px;
|
||||
width: 100%;
|
||||
padding: 20px 10px;
|
||||
|
||||
.el-row {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.main-table {
|
||||
margin-top: 20px;
|
||||
box-sizing: border-box;
|
||||
padding: 10px;
|
||||
flex-grow: 1;
|
||||
height: 0;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.tab {
|
||||
flex: 1;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
.tab-hed {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 5px;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
|
@ -248,6 +248,7 @@ const openDialog = async (row: any) => {
|
|||
ruleForm.value.isEnable=true;
|
||||
ruleForm.value.codeNum = 'WL'+ getCurrentDate();
|
||||
}
|
||||
await fyListGet();
|
||||
state.isShowDialog = true;
|
||||
};
|
||||
|
||||
|
|
|
@ -66,6 +66,41 @@
|
|||
</el-row>
|
||||
</el-form>
|
||||
</el-card>
|
||||
<div class="main-table ">
|
||||
<div class="tab-left" >
|
||||
<el-card class="full-table" shadow="hover" style="margin-top: 5px">
|
||||
<div style="display: flex; justify-content: space-between; margin-bottom: 10px;">
|
||||
<div>
|
||||
物料类型
|
||||
</div>
|
||||
<div>
|
||||
<el-button type="success" link
|
||||
@click.prevent="openAddMaterialsClassify"
|
||||
style="border-right: 1px #515a6e solid; border-radius: 0px; margin-right: 3px; padding: 0 3px;">新增</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table
|
||||
ref="singleTableRef"
|
||||
:data="leftTableData"
|
||||
style="width: 100%"
|
||||
tooltip-effect="light"
|
||||
row-key="id"
|
||||
@sort-change="sortChange"
|
||||
highlight-current-row
|
||||
@current-change="radioChangeEvent"
|
||||
>
|
||||
<el-table-column type="index" label="序号" width="55" align="center"/>
|
||||
<el-table-column prop="name" label="名称" show-overflow-tooltip="" />
|
||||
<el-table-column label="操作" width="140" align="center" fixed="right" show-overflow-tooltip="" v-if="auth('materials:update') || auth('materials:delete')" >
|
||||
<template #default="scope">
|
||||
<el-button icon="ele-Edit" size="small" text="" type="primary" @click="openEditMaterialsClassify(scope.row)" v-auth="'materials:update'" @click.native.stop="stopPropagation"> 编辑 </el-button>
|
||||
<el-button icon="ele-Delete" size="small" text="" type="primary" @click="delMaterialsClassify(scope.row)" v-auth="'materials:delete'" @click.native.stop="stopPropagation"> 删除 </el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
</div>
|
||||
<div class="tab-right" style="width: 75%">
|
||||
<el-card class="full-table" shadow="hover" style="margin-top: 5px">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
|
@ -112,25 +147,49 @@
|
|||
:title="editMaterialsTitle"
|
||||
@reloadTable="handleQuery"
|
||||
/>
|
||||
<editClassifyDialog
|
||||
ref="editDialogClassifyRef"
|
||||
:title="editMaterialsClassifyTitle"
|
||||
@reloadTable="initMatterClassify"
|
||||
/>
|
||||
</el-card>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup="" name="matter">
|
||||
import { ref } from "vue";
|
||||
import { ElMessageBox, ElMessage } from "element-plus";
|
||||
import {reactive, ref} from "vue";
|
||||
import {ElMessageBox, ElMessage, ElTable} from "element-plus";
|
||||
import { auth } from '/@/utils/authFunction';
|
||||
// import { getDictDataItem as di, getDictDataList as dl } from '/@/utils/dict-utils';
|
||||
// import { formatDate } from '/@/utils/formatTime';
|
||||
|
||||
import editDialog from '/@/views/basics-date/matter/component/editOpenAccess.vue'
|
||||
import editClassifyDialog from '/@/views/basics-date/matter/component/editClassifyOpenAccess.vue'
|
||||
import { pageMaterials, deleteMaterials } from '/@/api/main/materials';
|
||||
import {SqlSugarPagedListSysUnitOutput, SysUnitGroupOutput} from "/@/api-services";
|
||||
import {
|
||||
addMaterialsClassify,
|
||||
deleteMaterialsClassify,
|
||||
listMaterialsClassify,
|
||||
updateMaterialsClassify
|
||||
} from "/@/api/main/materialClassify";
|
||||
import User from "/@/layout/navBars/topBar/user.vue";
|
||||
|
||||
|
||||
let data = reactive({
|
||||
unit: [] as SqlSugarPagedListSysUnitOutput[],//单位数据
|
||||
unitGroup: [] as SysUnitGroupOutput[],//单位组数据
|
||||
selectClassifyId:0,
|
||||
});
|
||||
const currentRow = ref()
|
||||
const singleTableRef = ref<InstanceType<typeof ElTable>>()
|
||||
const showAdvanceQueryUI = ref(false);
|
||||
const editDialogRef = ref();
|
||||
const editDialogClassifyRef = ref();
|
||||
const loading = ref(false);
|
||||
const tableData = ref<any>([]);
|
||||
const leftTableData = ref<any>([]);
|
||||
const queryParams = ref<any>({});
|
||||
const tableParams = ref({
|
||||
page: 1,
|
||||
|
@ -138,13 +197,32 @@
|
|||
total: 0,
|
||||
});
|
||||
|
||||
//单选
|
||||
const radioChangeEvent = (val: undefined) => {
|
||||
if(val.id) {
|
||||
currentRow.value = val.id
|
||||
queryParams.value.classify = val.id;
|
||||
handleQuery();
|
||||
}
|
||||
}
|
||||
|
||||
const stopPropagation = (event) => {
|
||||
event.stopPropagation();
|
||||
}
|
||||
|
||||
const editMaterialsTitle = ref("");
|
||||
|
||||
const editMaterialsClassifyTitle = ref("");
|
||||
|
||||
// 改变高级查询的控件显示状态
|
||||
const changeAdvanceQueryUI = () => {
|
||||
showAdvanceQueryUI.value = !showAdvanceQueryUI.value;
|
||||
}
|
||||
|
||||
const initMatterClassify = async () => {
|
||||
var res = await listMaterialsClassify();
|
||||
leftTableData.value = res.data.result ?? [];
|
||||
}
|
||||
|
||||
// 查询操作
|
||||
const handleQuery = async () => {
|
||||
|
@ -190,6 +268,34 @@
|
|||
.catch(() => {});
|
||||
};
|
||||
|
||||
// 打开物料类型新增页面
|
||||
const openAddMaterialsClassify = () => {
|
||||
editMaterialsClassifyTitle.value = '添加物料类型';
|
||||
editDialogClassifyRef.value.openDialog({});
|
||||
};
|
||||
|
||||
|
||||
// 打开物料类型编辑页面
|
||||
const openEditMaterialsClassify = (row: any) => {
|
||||
editMaterialsClassifyTitle.value = '编辑物料类型';
|
||||
editDialogClassifyRef.value.openDialog(row);
|
||||
};
|
||||
|
||||
// 物料类型删除
|
||||
const delMaterialsClassify = (row: any) => {
|
||||
ElMessageBox.confirm(`确定要删除吗?`, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning",
|
||||
})
|
||||
.then(async () => {
|
||||
await deleteMaterialsClassify(row);
|
||||
await initMatterClassify();
|
||||
ElMessage.success("删除成功");
|
||||
})
|
||||
.catch(() => {});
|
||||
};
|
||||
|
||||
// 改变页面容量
|
||||
const handleSizeChange = (val: number) => {
|
||||
tableParams.value.pageSize = val;
|
||||
|
@ -203,13 +309,53 @@
|
|||
};
|
||||
|
||||
handleQuery();
|
||||
initMatterClassify();
|
||||
</script>
|
||||
<style scoped>
|
||||
|
||||
:deep(.el-ipnut),
|
||||
:deep(.el-select),
|
||||
:deep(.el-input-number) {
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
<style lang="scss" scoped>
|
||||
.main-table {
|
||||
margin-top: 20px;
|
||||
box-sizing: border-box;
|
||||
padding: 10px;
|
||||
flex-grow: 1;
|
||||
height: 0;
|
||||
|
||||
display: flex;
|
||||
|
||||
// flex-direction: column;
|
||||
.tab-left {
|
||||
width: 25%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-right: 20px;
|
||||
// div:nth-child(1) {
|
||||
// width: 50%;
|
||||
// }
|
||||
|
||||
// div:nth-child(2) {
|
||||
// width: 50%;
|
||||
// }
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: 80%;
|
||||
flex: 1;
|
||||
overflow: scroll;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
div:nth-child(1) {
|
||||
flex: 1;
|
||||
overflow: scroll;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
</el-row>
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="unitPage">查询</el-button>
|
||||
<el-button type="primary" @click="unitPage({groupUnitId:data.selectUnitGroupId})">查询</el-button>
|
||||
<el-button type="primary" @click="addUnit">新增</el-button>
|
||||
<el-button @click="''">启用</el-button>
|
||||
<el-button @click="''">禁用</el-button>
|
||||
|
@ -60,84 +60,90 @@
|
|||
</vxe-table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab">
|
||||
<div class="tab" style="overflow: hidden;margin-top:29px">
|
||||
<div>
|
||||
<!-- <el-table-->
|
||||
<!-- :data="data.unit"-->
|
||||
<!-- style="width: 40%"-->
|
||||
<!-- v-loading="loading"-->
|
||||
<!-- tooltip-effect="light"-->
|
||||
<!-- row-key="id"-->
|
||||
<!-- @sort-change="sortChange"-->
|
||||
<!-- border="">-->
|
||||
<!-- <el-table-column type="index" label="序号" width="55" align="center"/>-->
|
||||
<!-- <el-table-column prop="name" label="名称" width="140" show-overflow-tooltip="" />-->
|
||||
<!-- <el-table-column prop="codeNum" label="编码" width="140" show-overflow-tooltip="" />-->
|
||||
<!-- <el-table-column prop="aliasName" label="别名" width="140" show-overflow-tooltip="" />-->
|
||||
<!-- <el-table-column prop="simpleNumber" label="助记码" width="140" show-overflow-tooltip="" />-->
|
||||
<!-- <el-table-column prop="specifications" label="规格型号" width="140" show-overflow-tooltip="" />-->
|
||||
<!-- <el-table-column prop="isEnable" label="可用状态" width="120" show-overflow-tooltip="">-->
|
||||
<!-- <template #default="scope">-->
|
||||
<!-- <el-tag v-if="scope.row.isEnable"> 是 </el-tag>-->
|
||||
<!-- <el-tag type="danger" v-else> 否 </el-tag>-->
|
||||
<el-table
|
||||
ref="multipleTableRef"
|
||||
:data="data.unit"
|
||||
style="width: 100%"
|
||||
v-loading="loading"
|
||||
tooltip-effect="light"
|
||||
row-key="id"
|
||||
border="">
|
||||
<el-table-column type="selection" width="60" />
|
||||
<el-table-column prop="codeNum" label="编码" show-overflow-tooltip="" />
|
||||
<el-table-column prop="name" label="名称" show-overflow-tooltip="" />
|
||||
<el-table-column prop="code" label="代码" show-overflow-tooltip="" />
|
||||
<el-table-column prop="isEnable" label="可用状态" show-overflow-tooltip="">
|
||||
<template #default="scope">
|
||||
{{ scope.row.isEnable ? '启用' : '关闭' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="childUnitCount" label="子单位数" show-overflow-tooltip="" />
|
||||
<el-table-column prop="rate" label="换算率" show-overflow-tooltip="" />
|
||||
<el-table-column prop="isEnable" label="作为基本单位" show-overflow-tooltip="">
|
||||
<template #default="scope">
|
||||
{{ scope.row.isBaseUnit ? '是' : '否' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作"align="center" fixed="right" show-overflow-tooltip="" v-if="auth('materials:update') || auth('materials:delete')">
|
||||
<template #default="scope">
|
||||
<vxe-button type="text" @click="editUnit(scope.row)" icon="vxe-icon-edit">修改</vxe-button>
|
||||
<vxe-button type="text" @click="deleteUnit(scope.row)" icon="vxe-icon-delete" style="color: rgb(223, 65, 65)">删除</vxe-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
|
||||
<!-- <vxe-table show-overflow height="100%" :data="data.unit" :border=true-->
|
||||
<!-- :tree-config="{ transform: true }" :scroll-y="{ gt: 20 }">-->
|
||||
<!-- <vxe-column type="checkbox" width="60" fixed="left"></vxe-column>-->
|
||||
|
||||
<!-- <vxe-column field="codeNum" sortable title="编码" width=""></vxe-column>-->
|
||||
<!-- <vxe-column field="name" sortable title="名称" width=""></vxe-column>-->
|
||||
<!-- <vxe-column field="code" sortable title="代码" width=""></vxe-column>-->
|
||||
|
||||
<!-- <vxe-column sortable title="可用状态" width="">-->
|
||||
<!-- <template #default="{ row }">-->
|
||||
<!-- {{ row.isEnable ? '启用' : '关闭' }}-->
|
||||
<!-- <!– <vxe-button type="text" icon="vxe-icon-delete"></vxe-button> –>-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
<!-- <el-table-column prop="remarks" label="备注" width="200" show-overflow-tooltip="" />-->
|
||||
<!-- <el-table-column label="操作" width="140" align="center" fixed="right" show-overflow-tooltip="" v-if="auth('materials:update') || auth('materials:delete')">-->
|
||||
<!-- <template #default="scope">-->
|
||||
<!-- <el-button icon="ele-Edit" size="small" text="" type="primary" @click="editUnit(scope.row)"> 编辑 </el-button>-->
|
||||
<!-- <el-button icon="ele-Delete" size="small" text="" type="primary" @click="deleteUnit(scope.row)" > 删除 </el-button>-->
|
||||
<!-- </vxe-column>-->
|
||||
<!-- <vxe-column field="childUnitCount" sortable title="子单位数" width=""></vxe-column>-->
|
||||
<!-- <vxe-column field="rate" sortable title="换算率" width=""></vxe-column>-->
|
||||
<!-- <vxe-column field="isBaseUnit" sortable title="作为基本单位" width="">-->
|
||||
<!-- <template #default="{ row }">-->
|
||||
<!-- {{ row.isBaseUnit ? '是' : '否' }}-->
|
||||
<!-- <!– <vxe-button type="text" icon="vxe-icon-delete"></vxe-button> –>-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
<!-- </el-table>-->
|
||||
<!-- <el-pagination-->
|
||||
<!-- v-model:currentPage="tableParams.page"-->
|
||||
<!-- v-model:page-size="tableParams.pageSize"-->
|
||||
<!-- :total="tableParams.total"-->
|
||||
<!-- :page-sizes="[10, 20, 50, 100, 200, 500]"-->
|
||||
<!-- small=""-->
|
||||
<!-- background=""-->
|
||||
<!-- @size-change="handleSizeChange"-->
|
||||
<!-- @current-change="handleCurrentChange"-->
|
||||
<!-- layout="total, sizes, prev, pager, next, jumper"-->
|
||||
<!-- />-->
|
||||
|
||||
<vxe-table show-overflow height="100%" :data="data.unit" :border=true
|
||||
:tree-config="{ transform: true }" :scroll-y="{ gt: 20 }">
|
||||
<vxe-column type="checkbox" width="60" fixed="left"></vxe-column>
|
||||
|
||||
<vxe-column field="codeNum" sortable title="编码" width=""></vxe-column>
|
||||
<vxe-column field="name" sortable title="名称" width=""></vxe-column>
|
||||
<vxe-column field="code" sortable title="代码" width=""></vxe-column>
|
||||
|
||||
<vxe-column sortable title="可用状态" width="">
|
||||
<template #default="{ row }">
|
||||
{{ row.isEnable ? '启用' : '关闭' }}
|
||||
<!-- <vxe-button type="text" icon="vxe-icon-delete"></vxe-button> -->
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="childUnitCount" sortable title="子单位数" width=""></vxe-column>
|
||||
<vxe-column field="rate" sortable title="换算率" width=""></vxe-column>
|
||||
<vxe-column field="isBaseUnit" sortable title="作为基本单位" width="">
|
||||
<template #default="{ row }">
|
||||
{{ row.isBaseUnit ? '是' : '否' }}
|
||||
<!-- <vxe-button type="text" icon="vxe-icon-delete"></vxe-button> -->
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column title="操作" width="200" fixed="right" show-overflow>
|
||||
<template #default="{ row }">
|
||||
<vxe-button type="text" @click="editUnit(row)" icon="vxe-icon-edit">修改</vxe-button>
|
||||
<vxe-button type="text" @click="deleteUnit(row)" icon="vxe-icon-delete" style="color: rgb(223, 65, 65)">删除</vxe-button>
|
||||
<!-- <vxe-button type="text" icon="vxe-icon-delete"></vxe-button> -->
|
||||
</template>
|
||||
</vxe-column>
|
||||
</vxe-table>
|
||||
<!-- </vxe-column>-->
|
||||
<!-- <vxe-column title="操作" width="200" fixed="right" show-overflow>-->
|
||||
<!-- <template #default="{ row }">-->
|
||||
<!-- <vxe-button type="text" @click="editUnit(row)" icon="vxe-icon-edit">修改</vxe-button>-->
|
||||
<!-- <vxe-button type="text" @click="deleteUnit(row)" icon="vxe-icon-delete" style="color: rgb(223, 65, 65)">删除</vxe-button>-->
|
||||
<!-- <!– <vxe-button type="text" icon="vxe-icon-delete"></vxe-button> –>-->
|
||||
<!-- </template>-->
|
||||
<!-- </vxe-column>-->
|
||||
<!-- </vxe-table>-->
|
||||
</div>
|
||||
<div style="line-height: 35px">
|
||||
<el-pagination
|
||||
v-model:currentPage="tableParams.page"
|
||||
v-model:page-size="tableParams.pageSize"
|
||||
:total="tableParams.total"
|
||||
:page-sizes="[10, 20, 50, 100, 200, 500]"
|
||||
small=""
|
||||
background=""
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
|
||||
<div>
|
||||
<vxe-pager v-model:current-page="pageVO1.currentPage" v-model:page-size="pageVO1.pageSize"
|
||||
:total="pageVO1.total" />
|
||||
/>
|
||||
</div>
|
||||
<!-- <div>-->
|
||||
<!-- <vxe-pager v-model:current-page="pageVO1.currentPage" v-model:page-size="pageVO1.pageSize"-->
|
||||
<!-- :total="pageVO1.total" />-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
@ -263,9 +269,14 @@ let data = reactive({
|
|||
unitGroup: [] as SysUnitGroupOutput[],//单位组数据
|
||||
selectUnitGroupId:0,
|
||||
});
|
||||
|
||||
const loading = ref(false);
|
||||
const ruleFormRef = ref();
|
||||
const isShowDialog=ref(false);
|
||||
const tableParams = ref({
|
||||
page: 1,
|
||||
pageSize: 10,
|
||||
total: 0,
|
||||
});
|
||||
let unitGroupModel=reactive<any>({isEnable:true,isDelete:false});
|
||||
//自行添加其他规则
|
||||
const rules = ref<FormRules>({
|
||||
|
@ -276,6 +287,8 @@ let unitGroupModel=reactive<any>({isEnable:true,isDelete:false});
|
|||
let mGroupTitle = ref('新增');
|
||||
let dialogTableVisible = ref(false);
|
||||
|
||||
|
||||
|
||||
const unitFrom = ref<any>({isEnable:true,isDelete:false,name:'',codeNum:''})
|
||||
|
||||
const cancel=()=>{
|
||||
|
@ -308,7 +321,6 @@ const unitGroup = async () => {
|
|||
}
|
||||
|
||||
//单选
|
||||
|
||||
const radioChangeEvent = ({ row }) => {
|
||||
data.selectUnitGroupId = row.id;
|
||||
unitPage({groupUnitId:row.id})
|
||||
|
@ -317,15 +329,26 @@ const formInline = reactive({} as SysUnitInput)
|
|||
|
||||
//获取单位数据
|
||||
const unitPage = async (parameter = formInline) => {
|
||||
let res = await getAPI(SysUnitApi).apiSysUnitPagePost({ page: 1, pageSize: 10, ...parameter,...formInline });
|
||||
let res = await getAPI(SysUnitApi).apiSysUnitPagePost({pageSize:tableParams.value.pageSize,page:tableParams.value.page, ...parameter,...formInline });
|
||||
data.unit = res.data.result?.items as any;
|
||||
pageVO1.total = res.data.result?.total!;
|
||||
tableParams.value.total = res.data.result?.total;
|
||||
}
|
||||
|
||||
// 改变页面容量
|
||||
const handleSizeChange = (val: number) => {
|
||||
tableParams.value.pageSize = val;
|
||||
unitPage({groupUnitId:data.selectUnitGroupId});
|
||||
};
|
||||
|
||||
// 改变页码序号
|
||||
const handleCurrentChange = (val: number) => {
|
||||
tableParams.value.page = val;
|
||||
unitPage({groupUnitId:data.selectUnitGroupId});
|
||||
};
|
||||
|
||||
|
||||
const addUnit= ()=>{
|
||||
|
||||
dialogTableVisible.value=true;
|
||||
mTitle.value='新增'
|
||||
}
|
||||
|
@ -379,7 +402,7 @@ const deleteUnit=async(row:any)=>{
|
|||
let res = await getAPI(SysUnitApi).apiSysUnitDeletePost(row);
|
||||
if (res.data.code == 200) {
|
||||
ElMessage({ message: '成功', type: 'success', })
|
||||
unitPage();
|
||||
unitPage({groupUnitId:data.selectUnitGroupId});
|
||||
//state.tableData.handleList();
|
||||
} else
|
||||
ElMessage.error(res.data.message!)
|
||||
|
@ -417,7 +440,7 @@ const deleteUnitGroup=async(row:any)=>{
|
|||
if (res.data.code == 200) {
|
||||
ElMessage({ message: '成功', type: 'success', })
|
||||
unitGroup()
|
||||
unitPage()
|
||||
unitPage({groupUnitId:data.selectUnitGroupId})
|
||||
//state.tableData.handleList();
|
||||
} else
|
||||
ElMessage.error(res.data.message!)
|
||||
|
@ -435,7 +458,7 @@ const pageVO1 = reactive({
|
|||
|
||||
onMounted(() => {
|
||||
unitGroup()
|
||||
unitPage()
|
||||
unitPage({groupUnitId:data.selectUnitGroupId})
|
||||
})
|
||||
</script>
|
||||
|
||||
|
|
Loading…
Reference in New Issue