junhong
1 week ago
parent
0e56ce0516
commit
5e98f0f915
@ -0,0 +1,159 @@ |
||||
<script setup> |
||||
import { reactive } from 'vue' |
||||
import { iprogressList, iprogressAdd, iprogressUpdate, iprogressDelete, iprogressGetById, iproductionplanList } from './api' |
||||
import { baseModelOptions, baseFilterOptions } from './options' |
||||
const currentTime = new Date(); |
||||
const year = currentTime.getFullYear(); |
||||
const month = String(currentTime.getMonth() + 1).padStart(2, '0'); |
||||
const day = String(currentTime.getDate()).padStart(2, '0'); |
||||
const formattedTime = `${year}-${month}-${day}`; |
||||
const { proxy } = getCurrentInstance(); |
||||
const table = ref() |
||||
const state = reactive({ |
||||
baseModelOptions: baseModelOptions(), |
||||
baseFilterOptions: baseFilterOptions(), |
||||
title: "进度跟踪管理", |
||||
baseModelName: '进度跟踪信息', |
||||
addBtnName: '新增进度跟踪', |
||||
editBtnName: '', |
||||
delBtnName: '', |
||||
primaryKey: 'id', |
||||
getTableFn: iprogressList, |
||||
addFn: iprogressAdd, |
||||
editFn: iprogressUpdate, |
||||
deleteFn: iprogressDelete, |
||||
detailFn: iprogressGetById, |
||||
rowKey: 'id', |
||||
showEditBtn: false, |
||||
showDeleteBtn: false, |
||||
columnCount: 1, |
||||
// rowControl: { |
||||
// showEditBtn: false, |
||||
// showDelBtn: false |
||||
// }, |
||||
permission: {//菜单管理中添加权限 |
||||
add: 'progressTracking:page:list', |
||||
edit: 'progressTracking:page:list', |
||||
delete: 'progressTracking:page:list', |
||||
detail: 'progressTracking:page:list', |
||||
}, |
||||
hideselection: true, |
||||
pageInfo: { total: 0, base: { limit: 8, current: 1 } }, |
||||
baseQuery: { processDate: formattedTime }, |
||||
beforeSubmit: function (params) { |
||||
let child = proxy.getNameById(state.planList, params.planId, 'id') |
||||
if (!params.parentId) params.parentId = 0 |
||||
params.planName = child.planName |
||||
return params |
||||
}, |
||||
planList: [], |
||||
handleAdd: function (params) { |
||||
getPlanList().then(() => { |
||||
table.value.handleAdd() |
||||
}) |
||||
}, |
||||
beforeEdit: function (params) { |
||||
if (params.parentId == 0) params.parentId = ' ' |
||||
return new Promise((resolve) => { |
||||
getPlanList().then(() => { |
||||
resolve(params) |
||||
}) |
||||
}) |
||||
}, |
||||
}) |
||||
onMounted(() => { |
||||
getPlanList() |
||||
}) |
||||
function getPlanList(params) { |
||||
return new Promise(async (resolve) => { |
||||
await iproductionplanList({ pageNo: 1, pageSize: 9999 }).then((res) => { |
||||
if (res.code == 200) { |
||||
state.planList = res.data.list |
||||
state.baseModelOptions = proxy.$util.setOptions({ |
||||
attrName: 'data',//树形 |
||||
data: state.baseModelOptions, //待赋值数据源 |
||||
key: "planId", //配置项的key |
||||
res: res, //返回结果 |
||||
path: res.data.list, |
||||
relation: { key: 'value', name: 'label', resKey: 'id', resName: 'planName' }, |
||||
everClear: true, |
||||
hasChildren: true, |
||||
}); |
||||
state.baseFilterOptions = proxy.$util.setOptions({ |
||||
attrName: 'data',//树形 |
||||
data: state.baseFilterOptions, //待赋值数据源 |
||||
key: "planId", //配置项的key |
||||
res: res, //返回结果 |
||||
path: res.data.list, |
||||
relation: { key: 'value', name: 'label', resKey: 'id', resName: 'planName' }, |
||||
everClear: true, |
||||
hasChildren: true, |
||||
}); |
||||
} |
||||
}) |
||||
await iprogressList({ pageNo: 1, pageSize: 9999 }).then((res) => { |
||||
if (res.code == 200) { |
||||
state.baseModelOptions = proxy.$util.setOptions({ |
||||
attrName: 'data',//树形 |
||||
data: state.baseModelOptions, //待赋值数据源 |
||||
key: "parentId", //配置项的key |
||||
res: res, //返回结果 |
||||
path: res.data.list, |
||||
relation: { key: 'value', name: 'label', resKey: 'id', resName: 'planName' }, |
||||
everClear: true, |
||||
hasChildren: true, |
||||
}); |
||||
} |
||||
}) |
||||
resolve(params) |
||||
}) |
||||
} |
||||
function handAdd(item) { |
||||
state.handleAdd() |
||||
nextTick(() => { |
||||
table.value.modelRef.setValueByKey('parentId', item.id) |
||||
}) |
||||
} |
||||
|
||||
</script> |
||||
|
||||
<template> |
||||
<div class="app-container"> |
||||
<BaseTablePage :tableOptions="state" ref="table"> |
||||
<template v-slot:column> |
||||
<el-table-column label="计划名称" align="center" prop="planName" /> |
||||
<el-table-column label="日期" align="center" prop="processDate" /> |
||||
<el-table-column label="当日完成进度 " align="center" prop="dayProgress"> |
||||
<template #default="scope"> |
||||
<el-progress :stroke-width="6" :percentage="Number(scope.row.dayProgress)" /> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="累计完成进度" align="center" prop="accumulativeProgress"> |
||||
<template #default="scope"> |
||||
<el-progress :stroke-width="6" :percentage="Number(scope.row.accumulativeProgress)" /> |
||||
</template> |
||||
</el-table-column> |
||||
<!-- <el-table-column label="创建人" align="center" prop="creator" /> --> |
||||
<!-- <el-table-column label="创建时间" align="center" prop="createTime" /> --> |
||||
</template> |
||||
<template #control="baseScope"> |
||||
<el-table-column label="操作" align="center" width="200" fixed="right"> |
||||
<template #default="scope"> |
||||
<el-button v-if="scope.row.parentId == 0" v-hasPermi="['progressTracking:page:add']" type="text" icon="Plus" |
||||
@click="handAdd(scope.row)"> |
||||
新增 |
||||
</el-button> |
||||
<el-button v-hasPermi="['progressTracking:page:edit']" type="text" icon="EditPen" |
||||
@click="baseScope.handleEdit(scope.$index, scope.row)"> |
||||
修改 |
||||
</el-button> |
||||
<el-button v-hasPermi="['progressTracking:page:remove']" type="text" icon="Delete" |
||||
@click="baseScope.deleteTableData(scope.$index, scope.row)">删除</el-button> |
||||
</template> |
||||
</el-table-column> |
||||
</template> |
||||
</BaseTablePage> |
||||
</div> |
||||
</template> |
||||
|
||||
<style scoped></style> |
||||
Loading…
Reference in new issue