taoge_xiaodi/td_official
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

柱状图

Browse Source
This commit is contained in:
ljx
2025-08-21 20:03:15 +08:00
parent aab67593eb
commit f01487dc50
5 changed files with 285 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/api/tender/index.ts
View File

@ -42,3 +42,52 @@ export const importExcelFile = (query: any, data: any): AxiosPromise<any> => {
data data
}); });
}; };
//招标计划列表
export const tenderPlanList = (query: any): AxiosPromise<any> => {
return request({
url: '/tender/biddingPlan/list',
method: 'get',
params: query
});
};
//新增招标计划
export const addTenderPlan = (query: any): AxiosPromise<any> => {
return request({
url: '/tender/biddingPlan',
method: 'post',
data: query
});
};
//删除招标计划
export const delTenderPlan = (query: any): AxiosPromise<any> => {
return request({
url: '/tender/biddingPlan/' + query.ids,
method: 'delete'
});
};
//修改招标计划
export const updateTenderPlan = (query: any): AxiosPromise<any> => {
return request({
url: '/tender/biddingPlan',
method: 'put',
data: query
});
};
//弹窗数据
export const treeList = (query: any): AxiosPromise<any> => {
return request({
url: '/tender/tenderPlanLimitList/getTree',
method: 'get',
params: query
});
};
//获取招标计划详情
export const getTenderPlanDetail = (query: any): AxiosPromise<any> => {
return request({
url: '/tender/biddingPlan/getMore',
method: 'get',
params: query
});
};

13
src/views/contract/limitPrice/index.vue
View File

@ -3,11 +3,11 @@
<transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave"> <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
<el-card shadow="always"> <el-card shadow="always">
<el-form :model="queryForm" :inline="true"> <el-form :model="queryForm" :inline="true">
<!-- <el-form-item label="版本号" prop="versions"> <el-form-item label="版本号" prop="versions">
<el-select v-model="queryForm.versions" placeholder="选择版本号" @change="changeVersions"> <el-select v-model="queryForm.versions" placeholder="选择版本号" @change="changeVersions">
<el-option v-for="item in options" :key="item" :label="item" :value="item" /> <el-option v-for="item in options" :key="item" :label="item" :value="item" />
</el-select> </el-select>
</el-form-item> --> </el-form-item>
<el-form-item label="表名" prop="sheet"> <el-form-item label="表名" prop="sheet">
<el-select v-model="queryForm.sheet" placeholder="选择表名" @change="changeSheet"> <el-select v-model="queryForm.sheet" placeholder="选择表名" @change="changeSheet">
<el-option v-for="item in sheets" :key="item" :label="item" :value="item" /> <el-option v-for="item in sheets" :key="item" :label="item" :value="item" />
@ -100,6 +100,7 @@ const getVersionNums = async () => {
try { try {
const params = { const params = {
projectId: currentProject.value?.id, projectId: currentProject.value?.id,
workOrderType: '1',
pageSize: 1000, pageSize: 1000,
pageNum: 1 pageNum: 1
}; };
@ -140,8 +141,8 @@ const changeSheet = () => {
const getSheetName = async () => { const getSheetName = async () => {
try { try {
const params = { const params = {
projectId: currentProject.value?.id projectId: currentProject.value?.id,
// versions: queryForm.value.versions versions: queryForm.value.versions
}; };
const res = await sheetList(params); const res = await sheetList(params);
if (res.code == 200) { if (res.code == 200) {
@ -268,8 +269,8 @@ onUnmounted(() => {
listeningProject(); listeningProject();
}); });
onMounted(() => { onMounted(() => {
// getVersionNums(); getVersionNums();
getSheetName(); // getSheetName();
}); });
</script> </script>

107
src/views/largeScreen/components/optionList.ts
View File

@ -303,7 +303,10 @@ export const getLineOption = (lineData: any) => {
show: false show: false
}, },
axisTick: { axisTick: {
show: true show: false
},
splitLine: {
show: false
}, },
axisLabel: { axisLabel: {
textStyle: { textStyle: {
@ -316,7 +319,7 @@ export const getLineOption = (lineData: any) => {
type: 'value', type: 'value',
max: maxData, max: maxData,
splitLine: { splitLine: {
show: true, show: false,
lineStyle: { lineStyle: {
type: 'solid', type: 'solid',
color: 'rgba(73, 169, 191, 0.2)' color: 'rgba(73, 169, 191, 0.2)'
@ -693,16 +696,16 @@ export const getBarOptions = (data: any) => {
const option = { const option = {
backgroundColor: '', backgroundColor: '',
grid: { grid: {
left: '7%', left: '8%',
top: '4%', top: '4%',
bottom: '25%', bottom: '8%',
right: '2%' right: '2%'
}, },
tooltip: { tooltip: {
show: true, show: true,
backgroundColor: '', backgroundColor: '',
trigger: 'axis', trigger: 'axis',
formatter: '{b0}：{c0}元', formatter: '{b0}：{c0}万元',
textStyle: { textStyle: {
color: '#fff' color: '#fff'
} }
@ -727,7 +730,7 @@ export const getBarOptions = (data: any) => {
// show: true, // show: true,
}, },
splitLine: { splitLine: {
show: true, show: false,
lineStyle: { lineStyle: {
color: 'rgba(108, 128, 151, 0.3)', color: 'rgba(108, 128, 151, 0.3)',
type: 'dashed' type: 'dashed'
@ -739,9 +742,7 @@ export const getBarOptions = (data: any) => {
{ {
axisLabel: { axisLabel: {
formatter: function (value) { formatter: function (value) {
if (value >= 1000) { value = value + '万';
value = (value / 1000).toFixed(1) + 'k'; // 大于等于1000的数字显示为1k、2.5k等
}
return value; return value;
}, },
color: 'rgba(255, 255, 255, 0.8)' color: 'rgba(255, 255, 255, 0.8)'
@ -755,7 +756,7 @@ export const getBarOptions = (data: any) => {
} }
}, },
splitLine: { splitLine: {
show: true, show: false,
lineStyle: { lineStyle: {
color: 'rgba(108, 128, 151, 0.3)', color: 'rgba(108, 128, 151, 0.3)',
type: 'dashed' type: 'dashed'
@ -763,24 +764,25 @@ export const getBarOptions = (data: any) => {
} }
} }
], ],
dataZoom: [ // dataZoom: [
{ // {
// show: true, // // show: true,
start: 0, // start: 0,
end: 30, // end: 30,
bottom: 2, // 下滑块距离x轴底部的距离 // bottom: 2, // 下滑块距离x轴底部的距离
height: 23 // height: 23
}, // },
{ // {
type: 'inside' // type: 'inside'
} // }
], // ],
series: [ series: [
{ {
type: 'bar', type: 'bar',
data: data.value, data: data.value[0],
stack: '合并', // stack: '合并',
barWidth: '15', barWidth: '5',
barGap: '100%',
itemStyle: { itemStyle: {
color: new echarts.graphic.LinearGradient( color: new echarts.graphic.LinearGradient(
0, 0,
@ -790,22 +792,60 @@ export const getBarOptions = (data: any) => {
[ [
{ {
offset: 0, offset: 0,
color: 'rgba(0, 111, 255, 0)' // 0% 处的颜色 color: ' rgba(29, 214, 255, 1)' // 0% 处的颜色
}, },
{ {
offset: 0.7, offset: 0.7,
color: 'rgba(0, 111, 255, 0.5)' // 0% 处的颜色 color: ' rgba(29, 214, 255, 0.5)' // 0% 处的颜色
}, },
{ {
offset: 1, offset: 1,
color: 'rgba(0, 111, 255, 1)' // 100% 处的颜色 color: ' rgba(29, 214, 255, 0.1)' // 100% 处的颜色
} }
], ],
false false
) )
}, },
label: { label: {
show: true, show: false,
formatter: '{c}',
position: 'top',
color: '#fff',
fontSize: 10
// padding: 5
}
},
{
type: 'bar',
data: data.value[1],
// stack: '合并',
barWidth: '5',
barGap: '100%',
itemStyle: {
color: new echarts.graphic.LinearGradient(
0,
0,
0,
1,
[
{
offset: 0,
color: ' rgba(255, 77, 79, 1)' // 0% 处的颜色
},
{
offset: 0.7,
color: ' rgba(255, 77, 79, 0.5)' // 0% 处的颜色
},
{
offset: 1,
color: ' rgba(255, 77, 79, 0.1)' // 100% 处的颜色
}
],
false
)
},
label: {
show: false,
formatter: '{c}', formatter: '{c}',
position: 'top', position: 'top',
color: '#fff', color: '#fff',
@ -813,15 +853,6 @@ export const getBarOptions = (data: any) => {
// padding: 5 // padding: 5
} }
} }
// {
// type: 'bar',
// stack: '合并',
// data: topData,
// barWidth: '15',
// itemStyle: {
// color: 'rgba(252, 217, 18, 1)'
// }
// }
] ]
}; };
return option; return option;

96
src/views/largeScreen/components/rightPage.vue
View File

@ -8,6 +8,32 @@
</div> </div>
<div class="cashFlow"> <div class="cashFlow">
<TitleComponent :title="'现金流概述'" /> <TitleComponent :title="'现金流概述'" />
<div class="inflowData">
<div class="inflow">
<div class="title">现金流入</div>
<div class="number">1000000</div>
<div class="unit">万元</div>
</div>
<div class="inflow">
<div class="title">现金流出</div>
<div class="number">1000000</div>
<div class="unit">万元</div>
</div>
<div class="inflow">
<div class="title">净现金流</div>
<div class="number">1000000</div>
<div class="unit">万元</div>
</div>
</div>
<div class="inflow_echarts">
<EchartBox :option="barOption" />
</div>
<div class="progress">
<div class="progress_item">
<div class="title">项目进度</div>
<div class="number">100%</div>
</div>
</div>
</div> </div>
</div> </div>
</template> </template>
@ -18,6 +44,8 @@ import EchartBox from '@/components/EchartBox/index.vue';
import { getLineOption, getBarOptions } from './optionList'; import { getLineOption, getBarOptions } from './optionList';
const lineOption = ref(); const lineOption = ref();
const barOption = ref();
const getCapitalData = (data?: any) => { const getCapitalData = (data?: any) => {
// const xData = data.map((item) => item.time); // const xData = data.map((item) => item.time);
// const yData = data.map((item) => item.content); // const yData = data.map((item) => item.content);
@ -33,8 +61,26 @@ const getCapitalData = (data?: any) => {
}; };
lineOption.value = getLineOption(lineData); lineOption.value = getLineOption(lineData);
}; };
const getTurnoverList = (data?: any) => {
// const xData = data.map((item) => item.time);
// const yData = data.map((item) => {
// // 先将content转换为数字，再调用toFixed
// const num = Number(item.content);
// return isNaN(num) ? 0 : Number(num.toFixed(2));
// });
const barData = {
name: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
value: [
[2, 5, 15, 30, 25, 35, 40, 35, 45, 50, 40, 55],
[4, 3, 6, 11, 15, 22, 30, 14, 48, 22, 25, 60]
]
};
barOption.value = getBarOptions(barData);
};
onMounted(() => { onMounted(() => {
getCapitalData(); getCapitalData();
getTurnoverList();
}); });
//资金KPI //资金KPI
@ -57,7 +103,7 @@ onMounted(() => {
} }
.funds_echarts { .funds_echarts {
width: 100%; width: 100%;
height: 35vh; height: 25vh;
padding: 10px 0 0 0; padding: 10px 0 0 0;
} }
.cashFlow { .cashFlow {
@ -68,4 +114,52 @@ onMounted(() => {
padding: 10px 5px; padding: 10px 5px;
margin-top: 20px; margin-top: 20px;
} }
.inflowData {
width: 100%;
height: 12vh;
// background: #fff;
padding-top: 20px;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
.inflow {
width: 100%;
height: 100%;
// background: #f5f5f5;
padding: 10px;
box-sizing: border-box;
background: rgba(29, 214, 255, 0.1);
border-left: 1px solid rgba(29, 214, 255, 1);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.title {
font-size: 14px;
// font-weight: 500;
color: #fff;
padding-bottom: 10px;
}
.number {
font-size: 24px;
// font-weight: 500;
color: #fff;
padding-bottom: 10px;
}
.unit {
font-size: 12px;
// font-weight: 500;
color: rgba(255, 255, 255, 0.5);
}
}
}
.inflow_echarts {
width: 100%;
height: 25vh;
margin-top: 20px;
}
.progress {
width: 100%;
}
</style> </style>

79
src/views/tender/plan/index.vue
View File

@ -64,6 +64,11 @@
<el-col :span="24"> <el-col :span="24">
<el-card shadow="never"> <el-card shadow="never">
<el-form :model="treeForm" :inline="true"> <el-form :model="treeForm" :inline="true">
<el-form-item label="版本号" prop="versions">
<el-select v-model="treeForm.versions" placeholder="选择版本号" @change="changeVersions">
<el-option v-for="item in options" :key="item.versions" :label="item.versions" :value="item.versions" />
</el-select>
</el-form-item>
<el-form-item label="表名" prop="sheet"> <el-form-item label="表名" prop="sheet">
<el-select v-model="treeForm.sheet" placeholder="选择表名" @change="changeSheet"> <el-select v-model="treeForm.sheet" placeholder="选择表名" @change="changeSheet">
<el-option v-for="item in sheets" :key="item" :label="item" :value="item" /> <el-option v-for="item in sheets" :key="item" :label="item" :value="item" />
@ -146,7 +151,16 @@ import { useUserStoreHook } from '@/store/modules/user';
import { getDicts } from '@/api/system/dict/data'; import { getDicts } from '@/api/system/dict/data';
import { Plus } from '@element-plus/icons-vue'; import { Plus } from '@element-plus/icons-vue';
import { FormInstance } from 'element-plus'; import { FormInstance } from 'element-plus';
import { treeList, sheetList, segmentedIndicatorPlanning, getPlanningList, updatePlanning, delPlanning, getDetailsList } from '@/api/contract/index'; import {
sheetList,
tenderPlanList,
addTenderPlan,
delTenderPlan,
updateTenderPlan,
treeList,
getTenderPlanDetail,
obtainAllVersionNumbers
} from '@/api/tender/index';
const userStore = useUserStoreHook(); const userStore = useUserStoreHook();
const currentProject = computed(() => userStore.selectedProject); const currentProject = computed(() => userStore.selectedProject);
@ -175,6 +189,9 @@ const rules = ref({
content: [{ required: true, message: '请输入内容', trigger: 'blur' }] content: [{ required: true, message: '请输入内容', trigger: 'blur' }]
}); });
const loading = ref(false); const loading = ref(false);
const planType = computed(() => {
return activeTab.value == '2' ? '3' : '2';
});
//字典获取数据 //字典获取数据
const getTabsList = async () => { const getTabsList = async () => {
@ -198,9 +215,10 @@ const getList = async () => {
projectId: currentProject.value?.id, projectId: currentProject.value?.id,
...queryParams.value, ...queryParams.value,
...queryForm.value, ...queryForm.value,
dictName: activeTab.value dictName: activeTab.value,
type: planType.value
}; };
const res = await getPlanningList(params); const res = await tenderPlanList(params);
if (res.code == 200) { if (res.code == 200) {
tableData.value = res.rows; tableData.value = res.rows;
total.value = res.total; total.value = res.total;
@ -234,7 +252,7 @@ const resetQuery = () => {
const openDialog = () => { const openDialog = () => {
dialogVisible.value = true; dialogVisible.value = true;
getSheetName(); getVersionNums();
}; };
const closeDialog = () => { const closeDialog = () => {
dialogVisible.value = false; dialogVisible.value = false;
@ -246,19 +264,50 @@ const closeDialog = () => {
}; };
const treeData = ref<any[]>([]); const treeData = ref<any[]>([]);
const treeForm = ref({ const treeForm = ref({
sheet: '' sheet: '',
versions: ''
}); });
const sheets = ref<any[]>([]); const sheets = ref<any[]>([]);
const treeTableRef = ref(); const treeTableRef = ref();
const isExpandAll = ref(false); const isExpandAll = ref(false);
const treeLoading = ref(false); const treeLoading = ref(false);
const selectionData = ref<any>([]); const selectionData = ref<any>([]);
const options = ref([]);
//切换版本
const changeVersions = () => {
getSheetName();
};
//获取版本号
const getVersionNums = async () => {
try {
const params = {
projectId: currentProject.value?.id,
workOrderType: planType.value,
pageSize: 1000,
pageNum: 1
};
const res = await obtainAllVersionNumbers(params);
if (res.code == 200) {
options.value = res.data;
if (res.data.length > 0) {
treeForm.value.versions = res.data[0].versions;
getSheetName();
} else {
treeForm.value.versions = '';
getSheetName();
}
}
} catch (error) {
console.log(error);
}
};
//获取表名 //获取表名
const getSheetName = async () => { const getSheetName = async () => {
try { try {
const params = { const params = {
projectId: currentProject.value?.id projectId: currentProject.value?.id,
// versions: queryForm.value.versions versions: treeForm.value.versions
}; };
const res = await sheetList(params); const res = await sheetList(params);
if (res.code == 200) { if (res.code == 200) {
@ -333,7 +382,9 @@ const getTreeList = async () => {
treeLoading.value = true; treeLoading.value = true;
const params = { const params = {
projectId: currentProject.value?.id, projectId: currentProject.value?.id,
sheet: treeForm.value.sheet sheet: treeForm.value.sheet,
versions: treeForm.value.versions,
type: planType.value
}; };
const res = await treeList(params); const res = await treeList(params);
if (res.code == 200) { if (res.code == 200) {
@ -381,10 +432,10 @@ const submitForm = async (formEl: FormInstance | undefined) => {
...form.value, ...form.value,
dictName: activeTab.value, dictName: activeTab.value,
limitListBos, limitListBos,
type: activeTab.value == '2' ? '3' : '2' type: planType.value
}; };
return;
const res = await segmentedIndicatorPlanning(params); const res = await addTenderPlan(params);
if (res.code == 200) { if (res.code == 200) {
ElMessage({ ElMessage({
message: '新增成功', message: '新增成功',
@ -411,7 +462,7 @@ const handleSave = (row: any) => {
}); });
return; return;
} }
updatePlanning(row).then((res) => { updateTenderPlan({ ...row, type: planType.value }).then((res) => {
if (res.code == 200) { if (res.code == 200) {
ElMessage({ ElMessage({
message: '修改成功', message: '修改成功',
@ -432,7 +483,7 @@ const handleSave = (row: any) => {
const delHandle = (row: any) => { const delHandle = (row: any) => {
try { try {
const params = { ids: row.id }; const params = { ids: row.id };
delPlanning(params).then((res) => { delTenderPlan(params).then((res) => {
if (res.code == 200) { if (res.code == 200) {
ElMessage({ ElMessage({
message: '删除成功', message: '删除成功',
@ -459,7 +510,7 @@ const handleDetail = (row: any) => {
getDetails(row); getDetails(row);
}; };
const getDetails = (row: any) => { const getDetails = (row: any) => {
getDetailsList({ id: row.id }).then((res) => { getTenderPlanDetail({ id: row.id }).then((res) => {
if (res.code == 200) { if (res.code == 200) {
detailData.value = res.data; detailData.value = res.data;
} }