Compare commits
7 Commits
lx
...
6003bcbe32
| Author | SHA1 | Date | |
|---|---|---|---|
| 6003bcbe32 | |||
| 8cd3ed3f8c | |||
| 16003cff02 | |||
| e9a60e978f | |||
| 63d17eea3c | |||
| 9407ad5446 | |||
| 3606ab7cf8 |
@ -61,16 +61,3 @@ export const delBeipinBeijian = (id: string | number | Array<string | number>) =
|
|||||||
method: 'delete'
|
method: 'delete'
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
|
||||||
* 运维-物资-备件-查询总览
|
|
||||||
* @param query
|
|
||||||
* @returns {*}
|
|
||||||
*/
|
|
||||||
export const chuRuKuTotal = (data:any): AxiosPromise<any> => {
|
|
||||||
return request({
|
|
||||||
url: '/ops/beipinBeijian/getCount',
|
|
||||||
method: 'get',
|
|
||||||
params: data
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@ -54,45 +54,3 @@ export const caigouPlanDetail = (id: string | number): AxiosPromise<CaigouPlanVO
|
|||||||
method: 'get'
|
method: 'get'
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 更新运维-物资-采购计划单
|
|
||||||
* @param data
|
|
||||||
* @returns {*}
|
|
||||||
*/
|
|
||||||
export const updateCaigouPlan = (data: CaigouPlanForm): AxiosPromise<CaigouPlanVO> => {
|
|
||||||
return request({
|
|
||||||
url: '/ops/caigouPlan',
|
|
||||||
method: 'put',
|
|
||||||
data: data
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
// /**
|
|
||||||
// * 查询运维-物资-采购计划单年度金额
|
|
||||||
// * @param query
|
|
||||||
// * @returns {*}
|
|
||||||
// */
|
|
||||||
// export const getJinE = (query?: CaigouPlanQuery): AxiosPromise<any> => {
|
|
||||||
// return request({
|
|
||||||
// url: '/ops/caigouPlan/getJinE',
|
|
||||||
// method: 'get',
|
|
||||||
// params: query
|
|
||||||
// });
|
|
||||||
// };
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 查询运维-物资-采购计划单年度金额
|
|
||||||
* @param id
|
|
||||||
* @returns {*}
|
|
||||||
*/
|
|
||||||
export const getCount = (id: string | number): AxiosPromise<CaigouPlanVO> => {
|
|
||||||
return request({
|
|
||||||
url: '/ops/caigouPlan/getJinE',
|
|
||||||
method: 'get',
|
|
||||||
params: {
|
|
||||||
projectId: id
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|||||||
@ -178,18 +178,6 @@ export interface CaigouPlanVO {
|
|||||||
* 采购申请计划文件 查询
|
* 采购申请计划文件 查询
|
||||||
*/
|
*/
|
||||||
opsCaigouPlanFilesVos?: Array<any>;
|
opsCaigouPlanFilesVos?: Array<any>;
|
||||||
/**
|
|
||||||
* 申请原因
|
|
||||||
*/
|
|
||||||
reason?: string;
|
|
||||||
/**
|
|
||||||
* 供应商名称
|
|
||||||
*/
|
|
||||||
gonyingshangName?: string;
|
|
||||||
/**
|
|
||||||
* 设备类型
|
|
||||||
*/
|
|
||||||
shebeiType?: string;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -372,18 +360,8 @@ export interface CaigouPlanForm extends BaseEntity {
|
|||||||
* 出货时间
|
* 出货时间
|
||||||
*/
|
*/
|
||||||
chouhuoTime?: string;
|
chouhuoTime?: string;
|
||||||
/**
|
|
||||||
* 申请原因
|
|
||||||
*/
|
|
||||||
reason?: string;
|
|
||||||
/**
|
|
||||||
* 供应商名称
|
|
||||||
*/
|
|
||||||
gonyingshangName?: string;
|
|
||||||
/**
|
|
||||||
* 设备类型
|
|
||||||
*/
|
|
||||||
shebeiType?: string;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface CaigouPlanQuery extends PageQuery {
|
export interface CaigouPlanQuery extends PageQuery {
|
||||||
@ -567,18 +545,6 @@ export interface CaigouPlanQuery extends PageQuery {
|
|||||||
* 出货时间
|
* 出货时间
|
||||||
*/
|
*/
|
||||||
chouhuoTime?: string;
|
chouhuoTime?: string;
|
||||||
/**
|
|
||||||
* 申请原因
|
|
||||||
*/
|
|
||||||
reason?: string;
|
|
||||||
/**
|
|
||||||
* 供应商名称
|
|
||||||
*/
|
|
||||||
gonyingshangName?: string;
|
|
||||||
/**
|
|
||||||
* 设备类型
|
|
||||||
*/
|
|
||||||
shebeiType?: string;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -62,43 +62,15 @@ export const delChurukudan = (id: string | number | Array<string | number>) => {
|
|||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
|
||||||
* 运维-物资-出入库单折现图
|
|
||||||
* @param query
|
|
||||||
* @returns {*}
|
|
||||||
*/
|
|
||||||
export const getChuRuKuCountLine = (data:any): AxiosPromise<any> => {
|
|
||||||
return request({
|
|
||||||
url: '/ops/churukudan/getChuRuKuDayCount',
|
|
||||||
method: 'get',
|
|
||||||
params: data
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 运维-物资-出入库单柱状图
|
* 运维-物资-出入库单柱状图
|
||||||
* @param query
|
* @param query
|
||||||
* @returns {*}
|
* @returns {*}
|
||||||
*/
|
*/
|
||||||
export const getChuRuKuDayCountBar = (data:any): AxiosPromise<any> => {
|
export const getChuRuKuCountBar = (data:any): AxiosPromise<any> => {
|
||||||
return request({
|
return request({
|
||||||
url: '/ops/churukudan/getChuRuKuCount',
|
url: '/ops/churukudan/getChuRuKuCount',
|
||||||
method: 'get',
|
method: 'get',
|
||||||
params: data
|
params: data
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
|
||||||
* 运维-物资-出入库单-查询产品名称列表
|
|
||||||
* @param query
|
|
||||||
* @returns {*}
|
|
||||||
*/
|
|
||||||
export const getChanpinLists = (data:any): AxiosPromise<any> => {
|
|
||||||
return request({
|
|
||||||
url: '/ops/caigouPlan/getChanpinList',
|
|
||||||
method: 'get',
|
|
||||||
params: data
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -47,18 +47,6 @@ export interface ChurukudanVO {
|
|||||||
*/
|
*/
|
||||||
danjvType: string;
|
danjvType: string;
|
||||||
|
|
||||||
/**
|
|
||||||
* 审核状态
|
|
||||||
*/
|
|
||||||
auditStatus?: string;
|
|
||||||
/**
|
|
||||||
* 产品名称
|
|
||||||
*/
|
|
||||||
chanpinName?: string;
|
|
||||||
/**
|
|
||||||
* 产品id
|
|
||||||
*/
|
|
||||||
chanpinId?: string | number;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface ChurukudanForm extends BaseEntity {
|
export interface ChurukudanForm extends BaseEntity {
|
||||||
@ -114,14 +102,6 @@ export interface ChurukudanForm extends BaseEntity {
|
|||||||
* 审核状态
|
* 审核状态
|
||||||
*/
|
*/
|
||||||
auditStatus?: string;
|
auditStatus?: string;
|
||||||
/**
|
|
||||||
* 产品名称
|
|
||||||
*/
|
|
||||||
chanpinName?: string;
|
|
||||||
/**
|
|
||||||
* 产品id
|
|
||||||
*/
|
|
||||||
chanpinId?: string | number;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -159,18 +139,11 @@ export interface ChurukudanQuery extends PageQuery {
|
|||||||
* 开始日期
|
* 开始日期
|
||||||
*/
|
*/
|
||||||
startDate?: string;
|
startDate?: string;
|
||||||
/**
|
|
||||||
* 产品名称
|
|
||||||
*/
|
|
||||||
chanpinName?: string;
|
|
||||||
/**
|
/**
|
||||||
* 结束日期
|
* 结束日期
|
||||||
*/
|
*/
|
||||||
endDate?: string;
|
endDate?: string;
|
||||||
/**
|
|
||||||
* 产品id
|
|
||||||
*/
|
|
||||||
chanpinId?: string | number;
|
|
||||||
/**
|
/**
|
||||||
* 日期范围参数
|
* 日期范围参数
|
||||||
*/
|
*/
|
||||||
|
|||||||
@ -1,16 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="upload-file">
|
<div class="upload-file">
|
||||||
<!-- 文件列表 -->
|
|
||||||
<transition-group class="upload-file-list el-upload-list el-upload-list--text" name="el-fade-in-linear" tag="ul">
|
|
||||||
<li v-for="(file, index) in fileList" :key="file.uid" class="el-upload-list__item ele-upload-list__item-content">
|
|
||||||
<el-link :href="`${file.url}`" :underline="false" target="_blank">
|
|
||||||
<span class="el-icon-document"> {{ getFileName(file.name) }} </span>
|
|
||||||
</el-link>
|
|
||||||
<div class="ele-upload-list__item-content-action">
|
|
||||||
<el-button type="danger" v-if="!disabled" link @click="handleDelete(index)">删除</el-button>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</transition-group>
|
|
||||||
<el-upload
|
<el-upload
|
||||||
ref="fileUploadRef"
|
ref="fileUploadRef"
|
||||||
multiple
|
multiple
|
||||||
@ -48,6 +37,17 @@
|
|||||||
</template>
|
</template>
|
||||||
的文件
|
的文件
|
||||||
</div>
|
</div>
|
||||||
|
<!-- 文件列表 -->
|
||||||
|
<transition-group class="upload-file-list el-upload-list el-upload-list--text" name="el-fade-in-linear" tag="ul">
|
||||||
|
<li v-for="(file, index) in fileList" :key="file.uid" class="el-upload-list__item ele-upload-list__item-content">
|
||||||
|
<el-link :href="`${file.url}`" :underline="false" target="_blank">
|
||||||
|
<span class="el-icon-document"> {{ getFileName(file.name) }} </span>
|
||||||
|
</el-link>
|
||||||
|
<div class="ele-upload-list__item-content-action">
|
||||||
|
<el-button type="danger" v-if="!disabled" link @click="handleDelete(index)">删除</el-button>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</transition-group>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -55,7 +55,7 @@
|
|||||||
import { propTypes } from '@/utils/propTypes';
|
import { propTypes } from '@/utils/propTypes';
|
||||||
import { delOss, listByIds } from '@/api/system/oss';
|
import { delOss, listByIds } from '@/api/system/oss';
|
||||||
import { globalHeaders } from '@/utils/request';
|
import { globalHeaders } from '@/utils/request';
|
||||||
import { ref } from 'vue';
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
modelValue: {
|
modelValue: {
|
||||||
type: [String, Object, Array],
|
type: [String, Object, Array],
|
||||||
@ -89,6 +89,7 @@ const showTip = computed(() => props.isShowTip && (props.fileType || props.fileS
|
|||||||
|
|
||||||
const fileUploadRef = ref<ElUploadInstance>();
|
const fileUploadRef = ref<ElUploadInstance>();
|
||||||
|
|
||||||
|
|
||||||
// 监听 fileType 变化,更新 fileAccept
|
// 监听 fileType 变化,更新 fileAccept
|
||||||
const fileAccept = computed(() => props.fileType.map((type) => `.${type}`).join(','));
|
const fileAccept = computed(() => props.fileType.map((type) => `.${type}`).join(','));
|
||||||
|
|
||||||
@ -199,6 +200,7 @@ const uploadedSuccessfully = () => {
|
|||||||
uploadList.value = [];
|
uploadList.value = [];
|
||||||
number.value = 0;
|
number.value = 0;
|
||||||
emit('update:modelValue', listToString(fileList.value));
|
emit('update:modelValue', listToString(fileList.value));
|
||||||
|
emit('update:fileList', fileList.value);
|
||||||
proxy?.$modal.closeLoading();
|
proxy?.$modal.closeLoading();
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
@ -2,11 +2,9 @@
|
|||||||
<section class="app-main">
|
<section class="app-main">
|
||||||
<router-view v-slot="{ Component, route }">
|
<router-view v-slot="{ Component, route }">
|
||||||
<transition :enter-active-class="animate" mode="out-in">
|
<transition :enter-active-class="animate" mode="out-in">
|
||||||
<div>
|
|
||||||
<keep-alive :include="tagsViewStore.cachedViews">
|
<keep-alive :include="tagsViewStore.cachedViews">
|
||||||
<component :is="Component" v-if="!route.meta.link" :key="route.path" />
|
<component :is="Component" v-if="!route.meta.link" :key="route.path" />
|
||||||
</keep-alive>
|
</keep-alive>
|
||||||
</div>
|
|
||||||
</transition>
|
</transition>
|
||||||
</router-view>
|
</router-view>
|
||||||
<iframe-toggle />
|
<iframe-toggle />
|
||||||
|
|||||||
@ -70,18 +70,11 @@ export const useProcurementDraftStore = defineStore('procurementDraft', () => {
|
|||||||
return false;
|
return false;
|
||||||
};
|
};
|
||||||
|
|
||||||
// 清除所有草稿
|
|
||||||
const clearAllDrafts = (): void => {
|
|
||||||
draftList.value = [];
|
|
||||||
saveDraftsToStorage(draftList.value);
|
|
||||||
};
|
|
||||||
|
|
||||||
return {
|
return {
|
||||||
draftList,
|
draftList,
|
||||||
saveDraft,
|
saveDraft,
|
||||||
getDraftList,
|
getDraftList,
|
||||||
getDraft,
|
getDraft,
|
||||||
deleteDraft,
|
deleteDraft
|
||||||
clearAllDrafts
|
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
@ -2,7 +2,7 @@
|
|||||||
<div class="manage-form-container">
|
<div class="manage-form-container">
|
||||||
<!-- 搜索和筛选区域 -->
|
<!-- 搜索和筛选区域 -->
|
||||||
<div class="search-filter-section">
|
<div class="search-filter-section">
|
||||||
<el-row :gutter="12" align="middle">
|
<el-row gutter="12" align="middle">
|
||||||
<el-col :span="2">
|
<el-col :span="2">
|
||||||
<el-select v-model="searchForm.deviceType" placeholder="设备类型" clearable>
|
<el-select v-model="searchForm.deviceType" placeholder="设备类型" clearable>
|
||||||
<el-option label="全部类型" value="" />
|
<el-option label="全部类型" value="" />
|
||||||
|
|||||||
@ -19,29 +19,9 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref, onMounted, onUnmounted, watch, computed } from 'vue';
|
import { ref, onMounted, onUnmounted } from 'vue';
|
||||||
import * as echarts from 'echarts';
|
import * as echarts from 'echarts';
|
||||||
|
|
||||||
// 定义props
|
|
||||||
const props = defineProps({
|
|
||||||
lineData: {
|
|
||||||
type: Object,
|
|
||||||
default: () => ({
|
|
||||||
days: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
|
|
||||||
rukuCounnts: [5, 40, 20, 75, 60, 80, 40, 55, 30, 65, 5, 80],
|
|
||||||
chukuCounnts: [30, 40, 30, 30, 30, 15, 55, 50, 40, 60, 25, 90]
|
|
||||||
})
|
|
||||||
},
|
|
||||||
barData: {
|
|
||||||
type: Object,
|
|
||||||
default: () => ({
|
|
||||||
shebeiTypes: ['光伏组件', '逆变器', '汇流箱', '支架', '电缆'],
|
|
||||||
rukuCount: [5, 40, 20, 75, 60],
|
|
||||||
chukuCount: [30, 40, 30, 30, 30]
|
|
||||||
})
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// 图表容器引用
|
// 图表容器引用
|
||||||
const lineChartRef = ref(null);
|
const lineChartRef = ref(null);
|
||||||
const barChartRef = ref(null);
|
const barChartRef = ref(null);
|
||||||
@ -50,53 +30,6 @@ const barChartRef = ref(null);
|
|||||||
let lineChart = null;
|
let lineChart = null;
|
||||||
let barChart = null;
|
let barChart = null;
|
||||||
|
|
||||||
// 计算属性:处理传入的lineData,确保数据有效
|
|
||||||
const processedLineData = computed(() => {
|
|
||||||
// 检查传入的数据是否有效
|
|
||||||
if (!props.lineData ||
|
|
||||||
!props.lineData.days ||
|
|
||||||
props.lineData.days.length === 0 ||
|
|
||||||
!Array.isArray(props.lineData.rukuCounnts) ||
|
|
||||||
!Array.isArray(props.lineData.chukuCounnts)) {
|
|
||||||
return {
|
|
||||||
days: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
|
|
||||||
rukuCounnts: [5, 40, 20, 75, 60, 80, 40, 55, 30, 65, 5, 80],
|
|
||||||
chukuCounnts: [30, 40, 30, 30, 30, 15, 55, 50, 40, 60, 25, 90]
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// 检查rukuCounnts和chukuCounnts是否全为0
|
|
||||||
const isRukuAllZero = props.lineData.rukuCounnts.every(item => item === 0);
|
|
||||||
const isChukuAllZero = props.lineData.chukuCounnts.every(item => item === 0);
|
|
||||||
|
|
||||||
if (isRukuAllZero && isChukuAllZero) {
|
|
||||||
return {
|
|
||||||
days: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
|
|
||||||
rukuCounnts: [5, 40, 20, 75, 60, 80, 40, 55, 30, 65, 5, 80],
|
|
||||||
chukuCounnts: [30, 40, 30, 30, 30, 15, 55, 50, 40, 60, 25, 90]
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
return props.lineData;
|
|
||||||
});
|
|
||||||
|
|
||||||
// 计算属性:处理传入的barData,确保数据有效
|
|
||||||
const processedBarData = computed(() => {
|
|
||||||
// 检查传入的数据是否有效
|
|
||||||
if (!props.barData ||
|
|
||||||
!props.barData.shebeiTypes ||
|
|
||||||
props.barData.shebeiTypes.length === 0 ||
|
|
||||||
!Array.isArray(props.barData.rukuCount) ||
|
|
||||||
!Array.isArray(props.barData.chukuCount)) {
|
|
||||||
return {
|
|
||||||
shebeiTypes: ['光伏组件', '逆变器', '汇流箱', '支架', '电缆'],
|
|
||||||
rukuCount: [5, 40, 20, 75, 60],
|
|
||||||
chukuCount: [30, 40, 30, 30, 30]
|
|
||||||
};
|
|
||||||
}
|
|
||||||
return props.barData;
|
|
||||||
});
|
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
// 初始化折线图
|
// 初始化折线图
|
||||||
initLineChart();
|
initLineChart();
|
||||||
@ -144,7 +77,7 @@ const initLineChart = () => {
|
|||||||
},
|
},
|
||||||
xAxis: {
|
xAxis: {
|
||||||
type: 'category',
|
type: 'category',
|
||||||
data: processedLineData.value.days
|
data: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12']
|
||||||
},
|
},
|
||||||
yAxis: {
|
yAxis: {
|
||||||
type: 'value'
|
type: 'value'
|
||||||
@ -153,7 +86,7 @@ const initLineChart = () => {
|
|||||||
{
|
{
|
||||||
name: '入库数量',
|
name: '入库数量',
|
||||||
type: 'line',
|
type: 'line',
|
||||||
data: processedLineData.value.rukuCounnts,
|
data: [5, 40, 20, 75, 60, 80, 40, 55, 30, 65, 5, 80],
|
||||||
symbol: 'none',
|
symbol: 'none',
|
||||||
smooth: true,
|
smooth: true,
|
||||||
lineStyle: {
|
lineStyle: {
|
||||||
@ -172,7 +105,7 @@ const initLineChart = () => {
|
|||||||
{
|
{
|
||||||
name: '出库数量',
|
name: '出库数量',
|
||||||
type: 'line',
|
type: 'line',
|
||||||
data: processedLineData.value.chukuCounnts,
|
data: [30, 40, 30, 30, 30, 15, 55, 50, 40, 60, 25, 90],
|
||||||
symbol: 'none',
|
symbol: 'none',
|
||||||
smooth: true,
|
smooth: true,
|
||||||
lineStyle: {
|
lineStyle: {
|
||||||
@ -222,7 +155,7 @@ const initBarChart = () => {
|
|||||||
},
|
},
|
||||||
xAxis: {
|
xAxis: {
|
||||||
type: 'category',
|
type: 'category',
|
||||||
data: processedBarData.value.shebeiTypes,
|
data: ['电器部件', '机械部件', '电子元件', '控制模块', '结构部件', '其他'],
|
||||||
axisLabel: {
|
axisLabel: {
|
||||||
interval: 0, // 强制显示所有标签
|
interval: 0, // 强制显示所有标签
|
||||||
rotate: 30, // 标签旋转30度
|
rotate: 30, // 标签旋转30度
|
||||||
@ -238,7 +171,7 @@ const initBarChart = () => {
|
|||||||
{
|
{
|
||||||
name: '入库数量',
|
name: '入库数量',
|
||||||
type: 'bar',
|
type: 'bar',
|
||||||
data: processedBarData.value.rukuCount,
|
data: [650, 480, 510, 280, 650, 220],
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: 'rgba(22, 93, 255, 1)' // 入库数量颜色
|
color: 'rgba(22, 93, 255, 1)' // 入库数量颜色
|
||||||
},
|
},
|
||||||
@ -249,7 +182,7 @@ const initBarChart = () => {
|
|||||||
{
|
{
|
||||||
name: '出库数量',
|
name: '出库数量',
|
||||||
type: 'bar',
|
type: 'bar',
|
||||||
data: processedBarData.value.chukuCount,
|
data: [850, 400, 770, 590, 540, 310],
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: 'rgba(15, 198, 194, 1)' // 出库数量颜色
|
color: 'rgba(15, 198, 194, 1)' // 出库数量颜色
|
||||||
},
|
},
|
||||||
@ -272,12 +205,6 @@ const handleResize = () => {
|
|||||||
barChart.resize();
|
barChart.resize();
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
// 监听数据变化,更新图表
|
|
||||||
watch([() => props.lineData, () => props.barData], () => {
|
|
||||||
initLineChart();
|
|
||||||
initBarChart();
|
|
||||||
}, { deep: true });
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|||||||
@ -1,37 +1,84 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="approval-form">
|
<div class="approval-form">
|
||||||
<!-- 基础信息 -->
|
<!-- 基础信息 -->
|
||||||
<el-card class="card" shadow="hover" style="margin-top: 20px">
|
<el-card class="card" shadow="hover">
|
||||||
<el-descriptions title="基础信息" direction="vertical" :column="3" border size="large" class="infoClass">
|
<template #header>
|
||||||
<el-descriptions-item label="采购单编号">{{ props.detailInfo.id }}</el-descriptions-item>
|
<h3>基础信息</h3>
|
||||||
<el-descriptions-item label="创建时间">{{ props.detailInfo.createTime }}</el-descriptions-item>
|
</template>
|
||||||
<el-descriptions-item label="经办人">{{ props.detailInfo.jingbanrenName }}</el-descriptions-item>
|
<el-form :model="detailInfo" label-width="120px">
|
||||||
<el-descriptions-item label="所属部门">{{ props.detailInfo.caigouDanweiName }}</el-descriptions-item>
|
<el-row :gutter="20">
|
||||||
<el-descriptions-item label="采购类型">{{ getTagLabel(wz_purchase_type, props.detailInfo.caigouType)
|
<el-col :span="8">
|
||||||
}}</el-descriptions-item>
|
<el-form-item label="采购单号">
|
||||||
<el-descriptions-item label="申请原因">{{ props.detailInfo.reason }}</el-descriptions-item>
|
<el-input v-model="detailInfo.id" disabled />
|
||||||
</el-descriptions>
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="创建时间">
|
||||||
|
<el-input v-model="detailInfo.createTime" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="经办人">
|
||||||
|
<el-input v-model="detailInfo.jingbanrenName" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="所属部门">
|
||||||
|
<el-select v-model="detailInfo.caigouDanweiName" placeholder="请选择">
|
||||||
|
<el-option label="运维部" value="运维部" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="采购类型">
|
||||||
|
<el-select v-model="detailInfo.caigouType" placeholder="请选择">
|
||||||
|
<el-option label="项目业务" value="项目业务" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-form-item label="申请原因">
|
||||||
|
<el-input v-model="basicInfo.applyReason" type="textarea" :rows="2" placeholder="请输入申请原因" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
</el-card>
|
</el-card>
|
||||||
|
|
||||||
<!-- 供应商信息 -->
|
<!-- 供应商信息 -->
|
||||||
<el-card class="card" shadow="hover" style="margin-top: 20px">
|
<el-card class="card" shadow="hover" style="margin-top: 20px">
|
||||||
<el-descriptions title="供应商信息" direction="vertical" :column="2" border size="large">
|
<template #header>
|
||||||
<el-descriptions-item label="供应商单位">{{ props.detailInfo.gonyingshangName }}</el-descriptions-item>
|
<h3>供应商信息</h3>
|
||||||
<el-descriptions-item label="出货时间">{{ props.detailInfo.chuhuoTime }}</el-descriptions-item>
|
</template>
|
||||||
</el-descriptions>
|
<el-form :model="detailInfo" label-width="120px">
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="供应商单位">
|
||||||
|
<el-select v-model="detailInfo.gonyingshangId" placeholder="请选择">
|
||||||
|
<el-option label="AAAA精密仪器制造有限公司" value="AAAA精密仪器制造有限公司" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="出货时间">
|
||||||
|
<el-select v-model="detailInfo.chouhuoTime" placeholder="请选择">
|
||||||
|
<el-option label="2年零4个月" value="2年零4个月" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
</el-card>
|
</el-card>
|
||||||
|
|
||||||
<!-- 产品信息 -->
|
<!-- 产品信息 -->
|
||||||
<el-card class="card" shadow="hover" style="margin-top: 20px">
|
<el-card class="card" shadow="hover" style="margin-top: 20px">
|
||||||
<div slot="header" class="infoTitle">产品信息</div>
|
<template #header>
|
||||||
<el-table :data="props.detailInfo.opsCaigouPlanChanpinVos || []" border style="width: 100%">
|
<h3>产品信息</h3>
|
||||||
|
</template>
|
||||||
|
<el-table :data="detailInfo.opsCaigouPlanChanpinVos" border style="width: 100%">
|
||||||
<el-table-column prop="chanpinName" label="产品名称" />
|
<el-table-column prop="chanpinName" label="产品名称" />
|
||||||
<el-table-column prop="chanpinType" label="产品型号" />
|
<el-table-column prop="chanpinType" label="产品型号" />
|
||||||
<el-table-column prop="shebeiType" label="设备类型">
|
<el-table-column prop="chanpinMonovalent" label="产品单价" align="center" :cell-style="{ background: 'pink' }" />
|
||||||
<template #default="scope">
|
|
||||||
{{ getTagLabel(wz_device_type, scope.row.shebeiType) }}
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="chanpinMonovalent" label="产品单价" align="center"
|
|
||||||
:cell-style="{ background: 'pink' }" />
|
|
||||||
<el-table-column prop="goumaiNumber" label="购买数量" align="center" :cell-style="{ background: 'pink' }" />
|
<el-table-column prop="goumaiNumber" label="购买数量" align="center" :cell-style="{ background: 'pink' }" />
|
||||||
<el-table-column prop="yontu" label="用途" />
|
<el-table-column prop="yontu" label="用途" />
|
||||||
<el-table-column prop="totalPrice" label="合计" />
|
<el-table-column prop="totalPrice" label="合计" />
|
||||||
@ -40,89 +87,163 @@
|
|||||||
|
|
||||||
<!-- 合同条款 -->
|
<!-- 合同条款 -->
|
||||||
<el-card class="card" shadow="hover" style="margin-top: 20px">
|
<el-card class="card" shadow="hover" style="margin-top: 20px">
|
||||||
<el-descriptions title="合同条款" direction="vertical" :column="3" border size="large">
|
<template #header>
|
||||||
<el-descriptions-item label="付款条件">{{ getTagLabel(wz_payment_terms, props.detailInfo.fukuantiaojian)
|
<h3>合同条款</h3>
|
||||||
}}</el-descriptions-item>
|
</template>
|
||||||
<el-descriptions-item label="发票开具方式">{{ getTagLabel(wz_invoicing_way, props.detailInfo.fapiaoKjfs)
|
<el-form :model="contractInfo" label-width="120px">
|
||||||
}}</el-descriptions-item>
|
<el-row :gutter="20">
|
||||||
<el-descriptions-item label="合同类型">{{
|
<el-col :span="12">
|
||||||
getTagLabel(wz_contract_type, props.detailInfo.hetonType) }}</el-descriptions-item>
|
<el-form-item label="付款条件">
|
||||||
</el-descriptions>
|
<el-select v-model="detailInfo.fukuantiaojian" placeholder="请选择">
|
||||||
|
<el-option label="银行卡" value="银行卡" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="发票开具方式">
|
||||||
|
<el-select v-model="detailInfo.fapiaoKjfs" placeholder="请选择">
|
||||||
|
<el-option label="请选择" value="请选择" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
</el-card>
|
</el-card>
|
||||||
|
|
||||||
<!-- 附件 -->
|
<!-- 附件 -->
|
||||||
<el-card class="card" shadow="hover" style="margin-top: 20px">
|
<el-card class="card" shadow="hover" style="margin-top: 20px">
|
||||||
<div slot="header" class="infoTitle">附件</div>
|
<template #header>
|
||||||
|
<h3>附件</h3>
|
||||||
<el-table :data="props.detailInfo.opsCaigouPlanFilesVos || []" border>
|
|
||||||
<el-table-column prop="fileName" label="文件名" width="300" />
|
|
||||||
<el-table-column label="文件类型" width="200">
|
|
||||||
<template #default="scope">
|
|
||||||
{{ getFileType(scope.row.fileName) }}
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
<el-upload class="upload-demo" action="#" :file-list="fileList" :auto-upload="false"
|
||||||
<el-table-column label="操作" width="200">
|
:on-preview="handlePreview">
|
||||||
|
<el-table :data="fileList" border style="width: 100%">
|
||||||
|
<el-table-column prop="name" label="文件名" width="300" />
|
||||||
|
<el-table-column prop="size" label="大小" width="100" />
|
||||||
|
<el-table-column label="操作" width="100">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-link type="primary" @click="handlePreview(scope.row)">
|
<!-- <el-link type="primary" @click="handlePreview(scope.row)"> -->
|
||||||
|
<el-link type="primary">
|
||||||
预览
|
预览
|
||||||
</el-link>
|
</el-link>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
</el-upload>
|
||||||
</el-card>
|
</el-card>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { ref, computed, onMounted, getCurrentInstance, toRefs } from 'vue';
|
import { ref, onMounted, getCurrentInstance, toRefs } from 'vue';
|
||||||
import { defineProps } from 'vue';
|
import { useRoute } from 'vue-router';
|
||||||
import type { ComponentInternalInstance } from 'vue';
|
import type { ComponentInternalInstance } from 'vue';
|
||||||
import type { CaigouPlanVO } from '@/api/wuziguanli/caigouPlan/types';
|
const route = useRoute();
|
||||||
|
|
||||||
// 定义props
|
|
||||||
const props = defineProps<{
|
|
||||||
detailInfo: CaigouPlanVO
|
|
||||||
}>();
|
|
||||||
|
|
||||||
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
||||||
const { wz_invoicing_way, wz_payment_terms, wz_purchase_type, wz_contract_type, wz_device_type } = toRefs<any>(proxy?.useDict('wz_device_type','wz_invoicing_way', 'wz_payment_terms', 'wz_purchase_type', 'wz_contract_type', 'wz_caigou_examine', 'wz_device_type'));
|
const { wz_invoicing_way, wz_payment_terms, wz_purchase_type, wz_contract_type, wz_caigou_examine } = toRefs<any>(proxy?.useDict('wz_invoicing_way', 'wz_payment_terms', 'wz_purchase_type', 'wz_contract_type', 'wz_caigou_examine'));
|
||||||
|
|
||||||
|
import { caigouPlanDetail } from '@/api/wuziguanli/caigouPlan';
|
||||||
|
import { CaigouPlanVO, CaigouPlanQuery, CaigouPlanForm } from '@/api/wuziguanli/caigouPlan/types';
|
||||||
|
|
||||||
|
// 存储计划详情数据
|
||||||
|
const detailInfo = ref<CaigouPlanVO>({} as CaigouPlanVO);
|
||||||
|
|
||||||
|
// 存储计划编号
|
||||||
|
const id = ref('');
|
||||||
|
|
||||||
// 根据字典数组和值获取标签文本
|
const getDetailInfo = async () => {
|
||||||
const getTagLabel = (dictArray: any[], value: any): string => {
|
const res = await caigouPlanDetail(id.value);
|
||||||
if (!dictArray || !value) return '';
|
if (res.code === 200) {
|
||||||
const item = dictArray.find(item => item.value === value);
|
detailInfo.value = res.data;
|
||||||
return item?.label || value;
|
console.log(detailInfo.value);
|
||||||
|
|
||||||
|
}
|
||||||
}
|
}
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
|
// 接收路由参数
|
||||||
|
id.value = route.query.id as string;
|
||||||
|
getDetailInfo();
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
// 基础信息数据
|
||||||
|
const basicInfo = ref({
|
||||||
|
orderNo: '0035455',
|
||||||
|
createTime: '2023-11-02 16:32',
|
||||||
|
handler: '李四',
|
||||||
|
dept: '运维部',
|
||||||
|
purchaseType: '项目业务',
|
||||||
|
applyReason:
|
||||||
|
'随着业务拓展,光伏电站业务负责增加,现有设备已运行5年,部分出现效率下降情况。为保证电站正常运行,计划采购一批新的逆变器替换老旧设备,并补充备件库存。',
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// 供应商信息数据
|
||||||
|
const supplierInfo = ref({
|
||||||
|
supplierName: 'AAAA精密仪器制造有限公司',
|
||||||
|
deliveryTime: '2年零4个月',
|
||||||
|
remark: '',
|
||||||
|
});
|
||||||
|
|
||||||
// 获取文件类型(后缀名)
|
// 产品信息数据
|
||||||
const getFileType = (fileName: string): string => {
|
const productInfo = ref({
|
||||||
if (!fileName) return '';
|
tableData: [
|
||||||
const lastDotIndex = fileName.lastIndexOf('.');
|
{
|
||||||
if (lastDotIndex === -1) return '';
|
productName: 'AAABBBCCC',
|
||||||
return fileName.substring(lastDotIndex + 1).toLowerCase();
|
productModel: '15-42',
|
||||||
};
|
productPrice: 500,
|
||||||
|
buyQuantity: 10,
|
||||||
|
usage: '组件',
|
||||||
|
total: 5000,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
remark: '',
|
||||||
|
});
|
||||||
|
|
||||||
|
// 合同条款数据
|
||||||
|
const contractInfo = ref({
|
||||||
|
paymentCondition: '银行卡',
|
||||||
|
invoiceWay: '请选择',
|
||||||
|
remark: '',
|
||||||
|
});
|
||||||
|
|
||||||
|
// 附件数据
|
||||||
|
const fileList = ref([
|
||||||
|
{
|
||||||
|
name: 'MWwwwww.jpg',
|
||||||
|
size: '30kb',
|
||||||
|
url: '',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '231234124w.zip',
|
||||||
|
size: '50kb',
|
||||||
|
url: '',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '12451asdas.doc',
|
||||||
|
size: '80kb',
|
||||||
|
url: '',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '21seasda.xls',
|
||||||
|
size: '29kb',
|
||||||
|
url: '',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '12kjaklskw.png',
|
||||||
|
size: '16kb',
|
||||||
|
url: '',
|
||||||
|
},
|
||||||
|
]);
|
||||||
|
|
||||||
// 预览文件
|
// 预览文件
|
||||||
const handlePreview = (file) => {
|
const handlePreview = (file) => {
|
||||||
|
console.log('预览文件:', file);
|
||||||
// 实际场景可在这里处理文件预览逻辑,如打开新窗口等
|
// 实际场景可在这里处理文件预览逻辑,如打开新窗口等
|
||||||
window.open(file.fileUrl, '_blank');
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.infoTitle {
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.approval-form {
|
.approval-form {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
}
|
}
|
||||||
@ -137,7 +258,7 @@ const handlePreview = (file) => {
|
|||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
:v-deep(.el-input__inner) {
|
::v-deep(.el-input__inner) {
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
261
src/views/materialManagement/components/updateInfo.vue
Normal file
261
src/views/materialManagement/components/updateInfo.vue
Normal file
@ -0,0 +1,261 @@
|
|||||||
|
<template>
|
||||||
|
<div class="approval-form">
|
||||||
|
<!-- 基础信息 -->
|
||||||
|
<el-card class="card" shadow="hover">
|
||||||
|
<template #header>
|
||||||
|
<h3>基础信息</h3>
|
||||||
|
</template>
|
||||||
|
<el-form :model="basicInfo" label-width="120px">
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="订单编号">
|
||||||
|
<el-input v-model="basicInfo.orderNo" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="创建时间">
|
||||||
|
<el-input v-model="basicInfo.createTime" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="经办人">
|
||||||
|
<el-input v-model="basicInfo.handler" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="所属部门">
|
||||||
|
<el-select v-model="basicInfo.dept" placeholder="请选择">
|
||||||
|
<el-option label="运维部" value="运维部" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="采购类型">
|
||||||
|
<el-select v-model="basicInfo.purchaseType" placeholder="请选择">
|
||||||
|
<el-option label="项目业务" value="项目业务" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-form-item label="申请原因">
|
||||||
|
<el-input v-model="basicInfo.applyReason" type="textarea" :rows="2" placeholder="请输入申请原因" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<!-- 供应商信息 -->
|
||||||
|
<el-card class="card" shadow="hover" style="margin-top: 20px">
|
||||||
|
<template #header>
|
||||||
|
<h3>供应商信息</h3>
|
||||||
|
</template>
|
||||||
|
<el-form :model="supplierInfo" label-width="120px">
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="供应商单位">
|
||||||
|
<el-select v-model="supplierInfo.supplierName" placeholder="请选择">
|
||||||
|
<el-option label="AAAA精密仪器制造有限公司" value="AAAA精密仪器制造有限公司" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="出货时间">
|
||||||
|
<el-select v-model="supplierInfo.deliveryTime" placeholder="请选择">
|
||||||
|
<el-option label="2年零4个月" value="2年零4个月" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<!-- 产品信息 -->
|
||||||
|
<el-card class="card" shadow="hover" style="margin-top: 20px">
|
||||||
|
<template #header>
|
||||||
|
<h3>产品信息</h3>
|
||||||
|
</template>
|
||||||
|
<el-table :data="productInfo.tableData" border style="width: 100%">
|
||||||
|
<el-table-column prop="productName" label="产品名称" />
|
||||||
|
<el-table-column prop="productModel" label="产品型号" />
|
||||||
|
<el-table-column prop="productPrice" label="产品单价" align="center" :cell-style="{ background: 'pink' }" />
|
||||||
|
<el-table-column prop="buyQuantity" label="购买数量" align="center" :cell-style="{ background: 'pink' }" />
|
||||||
|
<el-table-column prop="usage" label="用途" />
|
||||||
|
<el-table-column prop="total" label="合计" />
|
||||||
|
</el-table>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<!-- 合同条款 -->
|
||||||
|
<el-card class="card" shadow="hover" style="margin-top: 20px">
|
||||||
|
<template #header>
|
||||||
|
<h3>合同条款</h3>
|
||||||
|
</template>
|
||||||
|
<el-form :model="contractInfo" label-width="120px">
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="付款条件">
|
||||||
|
<el-select v-model="contractInfo.paymentCondition" placeholder="请选择">
|
||||||
|
<el-option label="银行卡" value="银行卡" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="发票开具方式">
|
||||||
|
<el-select v-model="contractInfo.invoiceWay" placeholder="请选择">
|
||||||
|
<el-option label="请选择" value="请选择" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<!-- 附件 -->
|
||||||
|
<el-card class="card" shadow="hover" style="margin-top: 20px">
|
||||||
|
<template #header>
|
||||||
|
<h3>附件</h3>
|
||||||
|
</template>
|
||||||
|
<el-upload class="upload-demo" action="#" :file-list="fileList" :auto-upload="false"
|
||||||
|
:on-preview="handlePreview">
|
||||||
|
<el-table :data="fileList" border style="width: 100%">
|
||||||
|
<el-table-column prop="name" label="文件名" width="300" />
|
||||||
|
<el-table-column prop="size" label="大小" width="100" />
|
||||||
|
<el-table-column label="操作" width="100">
|
||||||
|
<template #default="scope">
|
||||||
|
<!-- <el-link type="primary" @click="handlePreview(scope.row)"> -->
|
||||||
|
<el-link type="primary">
|
||||||
|
预览
|
||||||
|
</el-link>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</el-upload>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { ref, onMounted, getCurrentInstance, toRefs } from 'vue';
|
||||||
|
import { useRoute } from 'vue-router';
|
||||||
|
import type { ComponentInternalInstance } from 'vue';
|
||||||
|
const route = useRoute();
|
||||||
|
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
||||||
|
const { wz_invoicing_way, wz_payment_terms, wz_purchase_type, wz_contract_type, wz_caigou_examine } = toRefs<any>(proxy?.useDict('wz_invoicing_way', 'wz_payment_terms', 'wz_purchase_type', 'wz_contract_type', 'wz_caigou_examine'));
|
||||||
|
|
||||||
|
import { caigouPlanDetail } from '@/api/wuziguanli/caigouPlan';
|
||||||
|
import { CaigouPlanVO, CaigouPlanQuery, CaigouPlanForm } from '@/api/wuziguanli/caigouPlan/types';
|
||||||
|
|
||||||
|
|
||||||
|
// 存储计划编号
|
||||||
|
const id = ref('');
|
||||||
|
|
||||||
|
const getDetailInfo = async () => {
|
||||||
|
const res = await caigouPlanDetail(id.value);
|
||||||
|
if (res.code === 200) {
|
||||||
|
console.log(res);
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
onMounted(() => {
|
||||||
|
// 接收路由参数
|
||||||
|
id.value = route.query.id as string;
|
||||||
|
getDetailInfo();
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
// 基础信息数据
|
||||||
|
const basicInfo = ref({
|
||||||
|
orderNo: '0035455',
|
||||||
|
createTime: '2023-11-02 16:32',
|
||||||
|
handler: '李四',
|
||||||
|
dept: '运维部',
|
||||||
|
purchaseType: '项目业务',
|
||||||
|
applyReason:
|
||||||
|
'随着业务拓展,光伏电站业务负责增加,现有设备已运行5年,部分出现效率下降情况。为保证电站正常运行,计划采购一批新的逆变器替换老旧设备,并补充备件库存。',
|
||||||
|
});
|
||||||
|
|
||||||
|
// 供应商信息数据
|
||||||
|
const supplierInfo = ref({
|
||||||
|
supplierName: 'AAAA精密仪器制造有限公司',
|
||||||
|
deliveryTime: '2年零4个月',
|
||||||
|
remark: '',
|
||||||
|
});
|
||||||
|
|
||||||
|
// 产品信息数据
|
||||||
|
const productInfo = ref({
|
||||||
|
tableData: [
|
||||||
|
{
|
||||||
|
productName: 'AAABBBCCC',
|
||||||
|
productModel: '15-42',
|
||||||
|
productPrice: 500,
|
||||||
|
buyQuantity: 10,
|
||||||
|
usage: '组件',
|
||||||
|
total: 5000,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
remark: '',
|
||||||
|
});
|
||||||
|
|
||||||
|
// 合同条款数据
|
||||||
|
const contractInfo = ref({
|
||||||
|
paymentCondition: '银行卡',
|
||||||
|
invoiceWay: '请选择',
|
||||||
|
remark: '',
|
||||||
|
});
|
||||||
|
|
||||||
|
// 附件数据
|
||||||
|
const fileList = ref([
|
||||||
|
{
|
||||||
|
name: 'MWwwwww.jpg',
|
||||||
|
size: '30kb',
|
||||||
|
url: '',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '231234124w.zip',
|
||||||
|
size: '50kb',
|
||||||
|
url: '',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '12451asdas.doc',
|
||||||
|
size: '80kb',
|
||||||
|
url: '',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '21seasda.xls',
|
||||||
|
size: '29kb',
|
||||||
|
url: '',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '12kjaklskw.png',
|
||||||
|
size: '16kb',
|
||||||
|
url: '',
|
||||||
|
},
|
||||||
|
]);
|
||||||
|
|
||||||
|
// 预览文件
|
||||||
|
const handlePreview = (file) => {
|
||||||
|
console.log('预览文件:', file);
|
||||||
|
// 实际场景可在这里处理文件预览逻辑,如打开新窗口等
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.approval-form {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card {
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.error-tip {
|
||||||
|
color: red;
|
||||||
|
font-size: 12px;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep(.el-input__inner) {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -1,278 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="upload-file">
|
|
||||||
<!-- 文件列表 -->
|
|
||||||
<transition-group class="upload-file-list el-upload-list el-upload-list--text" name="el-fade-in-linear" tag="ul">
|
|
||||||
<li v-for="(file, index) in fileList" :key="file.uid" class="el-upload-list__item ele-upload-list__item-content">
|
|
||||||
<el-link :href="`${file.url}`" :underline="false" target="_blank">
|
|
||||||
<span class="el-icon-document"> {{ getFileName(file.name) }} </span>
|
|
||||||
</el-link>
|
|
||||||
<div class="ele-upload-list__item-content-action">
|
|
||||||
<el-button type="danger" v-if="!disabled" link @click="handleDelete(index)">删除</el-button>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</transition-group>
|
|
||||||
<el-upload
|
|
||||||
ref="fileUploadRef"
|
|
||||||
multiple
|
|
||||||
:drag="isDrag"
|
|
||||||
:action="uploadFileUrl"
|
|
||||||
:before-upload="handleBeforeUpload"
|
|
||||||
:file-list="fileList"
|
|
||||||
:limit="limit"
|
|
||||||
:accept="fileAccept"
|
|
||||||
:on-error="handleUploadError"
|
|
||||||
:on-exceed="handleExceed"
|
|
||||||
:on-success="handleUploadSuccess"
|
|
||||||
:show-file-list="false"
|
|
||||||
:headers="headers"
|
|
||||||
class="upload-file-uploader"
|
|
||||||
v-if="!disabled"
|
|
||||||
>
|
|
||||||
<!-- 上传按钮 -->
|
|
||||||
<el-button type="primary" v-if="!isDrag">选取文件</el-button>
|
|
||||||
<div v-else>
|
|
||||||
<el-icon class="el-icon--upload"><upload-filled /></el-icon>
|
|
||||||
<div class="el-upload__text">
|
|
||||||
拖拽文件到此处,或 <em>点击上传</em>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</el-upload>
|
|
||||||
<!-- 上传提示 -->
|
|
||||||
<div v-if="showTip && !disabled" class="el-upload__tip">
|
|
||||||
请上传
|
|
||||||
<template v-if="fileSize">
|
|
||||||
大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b>
|
|
||||||
</template>
|
|
||||||
<template v-if="fileType">
|
|
||||||
格式为 <b style="color: #f56c6c">{{ fileType.join('/') }}</b>
|
|
||||||
</template>
|
|
||||||
的文件
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup lang="ts">
|
|
||||||
import { propTypes } from '@/utils/propTypes';
|
|
||||||
import { delOss, listByIds } from '@/api/system/oss';
|
|
||||||
import { globalHeaders } from '@/utils/request';
|
|
||||||
import { ref } from 'vue';
|
|
||||||
const props = defineProps({
|
|
||||||
modelValue: {
|
|
||||||
type: [String, Object, Array],
|
|
||||||
default: () => []
|
|
||||||
},
|
|
||||||
// 数量限制
|
|
||||||
limit: propTypes.number.def(5),
|
|
||||||
// 大小限制(MB)
|
|
||||||
fileSize: propTypes.number.def(5),
|
|
||||||
// 文件类型, 例如['png', 'jpg', 'jpeg']
|
|
||||||
fileType: propTypes.array.def(['doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'txt', 'pdf']),
|
|
||||||
// 是否显示提示
|
|
||||||
isShowTip: propTypes.bool.def(true),
|
|
||||||
// 禁用组件(仅查看文件)
|
|
||||||
disabled: propTypes.bool.def(false),
|
|
||||||
// 是否开启拖拽上传
|
|
||||||
isDrag: propTypes.bool.def(false)
|
|
||||||
});
|
|
||||||
|
|
||||||
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
|
||||||
const emit = defineEmits(['update:modelValue', 'update:fileList']);
|
|
||||||
const number = ref(0);
|
|
||||||
const uploadList = ref<any[]>([]);
|
|
||||||
|
|
||||||
const baseUrl = import.meta.env.VITE_APP_BASE_API;
|
|
||||||
const uploadFileUrl = ref(baseUrl + '/resource/oss/upload'); // 上传文件服务器地址
|
|
||||||
const headers = ref(globalHeaders());
|
|
||||||
|
|
||||||
const fileList = ref<any[]>([]);
|
|
||||||
const showTip = computed(() => props.isShowTip && (props.fileType || props.fileSize));
|
|
||||||
|
|
||||||
const fileUploadRef = ref<ElUploadInstance>();
|
|
||||||
|
|
||||||
// 暴露方法给父组件
|
|
||||||
defineExpose({
|
|
||||||
// 清空所有文件
|
|
||||||
clearAllFiles: () => {
|
|
||||||
fileList.value = [];
|
|
||||||
emit('update:modelValue', '');
|
|
||||||
emit('update:fileList', []);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
// 监听 fileType 变化,更新 fileAccept
|
|
||||||
const fileAccept = computed(() => props.fileType.map((type) => `.${type}`).join(','));
|
|
||||||
|
|
||||||
watch(
|
|
||||||
() => props.modelValue,
|
|
||||||
async (val) => {
|
|
||||||
if (val) {
|
|
||||||
let temp = 1;
|
|
||||||
// 首先将值转为数组
|
|
||||||
let list: any[] = [];
|
|
||||||
|
|
||||||
if (Array.isArray(val)) {
|
|
||||||
// 如果是数组,检查第一个元素的格式
|
|
||||||
if (val.length > 0 && val[0].fileName && val[0].fileId && val[0].fileUrl) {
|
|
||||||
// 处理后端返回的格式 [{fileName,fileId,fileUrl}]
|
|
||||||
list = val.map(item => ({
|
|
||||||
name: item.fileName,
|
|
||||||
url: item.fileUrl,
|
|
||||||
ossId: item.fileId
|
|
||||||
}));
|
|
||||||
} else {
|
|
||||||
// 处理组件内部格式 [{name,url,ossId}]
|
|
||||||
list = val;
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
// 处理字符串格式(逗号分隔的ossId)
|
|
||||||
const res = await listByIds(val);
|
|
||||||
list = res.data.map((oss) => {
|
|
||||||
return { name: oss.originalName, url: oss.url, ossId: oss.ossId };
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 然后将数组转为对象数组
|
|
||||||
fileList.value = list.map((item) => {
|
|
||||||
item = { name: item.name, url: item.url, ossId: item.ossId };
|
|
||||||
item.uid = item.uid || new Date().getTime() + temp++;
|
|
||||||
return item;
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
fileList.value = [];
|
|
||||||
return [];
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{ deep: true, immediate: true }
|
|
||||||
);
|
|
||||||
|
|
||||||
// 上传前校检格式和大小
|
|
||||||
const handleBeforeUpload = (file: any) => {
|
|
||||||
// 校检文件类型
|
|
||||||
if (props.fileType.length) {
|
|
||||||
const fileName = file.name.split('.');
|
|
||||||
const fileExt = fileName[fileName.length - 1];
|
|
||||||
const isTypeOk = props.fileType.indexOf(fileExt) >= 0;
|
|
||||||
if (!isTypeOk) {
|
|
||||||
proxy?.$modal.msgError(`文件格式不正确, 请上传${props.fileType.join('/')}格式文件!`);
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// 校检文件名是否包含特殊字符
|
|
||||||
if (file.name.includes(',')) {
|
|
||||||
proxy?.$modal.msgError('文件名不正确,不能包含英文逗号!');
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
// 校检文件大小
|
|
||||||
if (props.fileSize) {
|
|
||||||
const isLt = file.size / 1024 / 1024 < props.fileSize;
|
|
||||||
if (!isLt) {
|
|
||||||
proxy?.$modal.msgError(`上传文件大小不能超过 ${props.fileSize} MB!`);
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
proxy?.$modal.loading('正在上传文件,请稍候...');
|
|
||||||
number.value++;
|
|
||||||
return true;
|
|
||||||
};
|
|
||||||
|
|
||||||
// 文件个数超出
|
|
||||||
const handleExceed = () => {
|
|
||||||
proxy?.$modal.msgError(`上传文件数量不能超过 ${props.limit} 个!`);
|
|
||||||
};
|
|
||||||
|
|
||||||
// 上传失败
|
|
||||||
const handleUploadError = () => {
|
|
||||||
proxy?.$modal.msgError('上传文件失败');
|
|
||||||
};
|
|
||||||
|
|
||||||
// 上传成功回调
|
|
||||||
const handleUploadSuccess = (res: any, file: UploadFile) => {
|
|
||||||
if (res.code === 200) {
|
|
||||||
uploadList.value.push({
|
|
||||||
name: res.data.fileName,
|
|
||||||
url: res.data.url,
|
|
||||||
ossId: res.data.ossId
|
|
||||||
});
|
|
||||||
|
|
||||||
uploadedSuccessfully();
|
|
||||||
} else {
|
|
||||||
number.value--;
|
|
||||||
proxy?.$modal.closeLoading();
|
|
||||||
proxy?.$modal.msgError(res.msg);
|
|
||||||
fileUploadRef.value?.handleRemove(file);
|
|
||||||
uploadedSuccessfully();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// 删除文件
|
|
||||||
const handleDelete = (index: number) => {
|
|
||||||
const ossId = fileList.value[index].ossId;
|
|
||||||
delOss(ossId);
|
|
||||||
fileList.value.splice(index, 1);
|
|
||||||
|
|
||||||
// 转换为后端需要的格式 [{fileName,fileId,fileUrl}]
|
|
||||||
const formattedList = fileList.value.map(file => ({
|
|
||||||
fileName: file.name,
|
|
||||||
fileId: file.ossId,
|
|
||||||
fileUrl: file.url
|
|
||||||
}));
|
|
||||||
|
|
||||||
emit('update:modelValue', formattedList);
|
|
||||||
};
|
|
||||||
|
|
||||||
// 上传结束处理
|
|
||||||
const uploadedSuccessfully = () => {
|
|
||||||
if (number.value > 0 && uploadList.value.length === number.value) {
|
|
||||||
fileList.value = fileList.value.filter((f) => f.url !== undefined).concat(uploadList.value);
|
|
||||||
uploadList.value = [];
|
|
||||||
number.value = 0;
|
|
||||||
|
|
||||||
// 转换为后端需要的格式 [{fileName,fileId,fileUrl}]
|
|
||||||
const formattedList = fileList.value.map(file => ({
|
|
||||||
fileName: file.name,
|
|
||||||
fileId: file.ossId,
|
|
||||||
fileUrl: file.url
|
|
||||||
}));
|
|
||||||
|
|
||||||
emit('update:modelValue', formattedList);
|
|
||||||
emit('update:fileList', fileList.value);
|
|
||||||
proxy?.$modal.closeLoading();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// 获取文件名称
|
|
||||||
const getFileName = (name: string) => {
|
|
||||||
// 如果是url那么取最后的名字 如果不是直接返回
|
|
||||||
if (name.lastIndexOf('/') > -1) {
|
|
||||||
return name.slice(name.lastIndexOf('/') + 1);
|
|
||||||
} else {
|
|
||||||
return name;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.upload-file-uploader {
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.upload-file-list .el-upload-list__item {
|
|
||||||
border: 1px solid #e4e7ed;
|
|
||||||
line-height: 2;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.upload-file-list .ele-upload-list__item-content {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ele-upload-list__item-content-action .el-link {
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -8,8 +8,8 @@
|
|||||||
<div class="top">
|
<div class="top">
|
||||||
<div class="title">单据列表</div>
|
<div class="title">单据列表</div>
|
||||||
<div class="button-actions">
|
<div class="button-actions">
|
||||||
<button :class="{ active: type === 'ruku' }" @click="changeType('ruku')">入库单</button>
|
|
||||||
<button :class="{ active: type === 'chuku' }" @click="changeType('chuku')">出库单</button>
|
<button :class="{ active: type === 'chuku' }" @click="changeType('chuku')">出库单</button>
|
||||||
|
<button :class="{ active: type === 'ruku' }" @click="changeType('ruku')">入库单</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content" style="height: 100%;flex: 1;">
|
<div class="content" style="height: 100%;flex: 1;">
|
||||||
@ -23,20 +23,20 @@
|
|||||||
<el-input v-model="queryParams.danjvNumber" placeholder="请输入单据编号"
|
<el-input v-model="queryParams.danjvNumber" placeholder="请输入单据编号"
|
||||||
clearable @keyup.enter="handleQuery" />
|
clearable @keyup.enter="handleQuery" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- <el-form-item label="设备类型" prop="shebeiType">
|
<el-form-item label="设备类型" prop="shebeiType">
|
||||||
<el-select v-model="queryParams.shebeiType" placeholder="请选择设备类型"
|
<el-select v-model="queryParams.shebeiType" placeholder="请选择设备类型"
|
||||||
clearable>
|
clearable>
|
||||||
<el-option v-for="dict in wz_device_type" :key="dict.value"
|
<el-option v-for="dict in wz_device_type" :key="dict.value"
|
||||||
:label="dict.label" :value="dict.value" />
|
:label="dict.label" :value="dict.value" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item> -->
|
</el-form-item>
|
||||||
<!-- <el-form-item label="审核状态" prop="auditStatus">
|
<el-form-item label="审核状态" prop="auditStatus">
|
||||||
<el-select v-model="queryParams.auditStatus" placeholder="请选择审核状态"
|
<el-select v-model="queryParams.auditStatus" placeholder="请选择审核状态"
|
||||||
clearable>
|
clearable>
|
||||||
<el-option v-for="dict in shenheStatus" :key="dict.value"
|
<el-option v-for="dict in shenheStatus" :key="dict.value"
|
||||||
:label="dict.label" :value="dict.value" />
|
:label="dict.label" :value="dict.value" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item> -->
|
</el-form-item>
|
||||||
<el-form-item label="开始日期" prop="startDate">
|
<el-form-item label="开始日期" prop="startDate">
|
||||||
<el-date-picker v-model="queryParams.startDate" type="date"
|
<el-date-picker v-model="queryParams.startDate" type="date"
|
||||||
placeholder="请选择开始日期" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
|
placeholder="请选择开始日期" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
|
||||||
@ -63,17 +63,21 @@
|
|||||||
<el-table v-loading="loading" border :data="churukudanList"
|
<el-table v-loading="loading" border :data="churukudanList"
|
||||||
style="width: 100%;margin-top: 15px;">
|
style="width: 100%;margin-top: 15px;">
|
||||||
<el-table-column label="单据编号" align="center" prop="danjvNumber" />
|
<el-table-column label="单据编号" align="center" prop="danjvNumber" />
|
||||||
<el-table-column label="产品名称" align="center" prop="chanpinName"></el-table-column>
|
<el-table-column label="设备类型" align="center" prop="shebeiType">
|
||||||
<el-table-column label="经手人" align="center" prop="jingshourenName" width="80px" />
|
<template #default="scope">
|
||||||
|
<span>{{ getTagLabel(wz_device_type, scope.row.shebeiType) }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="经手人" align="center" prop="jingshourenName" />
|
||||||
<el-table-column label="操作时间" align="center" prop="updateTime" />
|
<el-table-column label="操作时间" align="center" prop="updateTime" />
|
||||||
<el-table-column label="总数量" align="center" prop="zonNumber" width="80px" />
|
<el-table-column label="总数量" align="center" prop="zonNumber" width="80px" />
|
||||||
<!-- <el-table-column label="审核状态" align="center" prop="shenheStatus">
|
<el-table-column label="审核状态" align="center" prop="shenheStatus">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-tag :type="getTagType(shenheStatus, scope.row.shenheStatus)" as="span">
|
<el-tag :type="getTagType(shenheStatus, scope.row.shenheStatus)" as="span">
|
||||||
{{ getTagLabel(shenheStatus, scope.row.shenheStatus) }}
|
{{ getTagLabel(shenheStatus, scope.row.shenheStatus) }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column> -->
|
</el-table-column>
|
||||||
<el-table-column label="单据类型" align="center" prop="danjvType">
|
<el-table-column label="单据类型" align="center" prop="danjvType">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-tag :type="getTagType(danjvType, scope.row.danjvType)">
|
<el-tag :type="getTagType(danjvType, scope.row.danjvType)">
|
||||||
@ -83,8 +87,8 @@
|
|||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<!-- <el-button link type="primary" @click="handleUpdate(scope.row)"
|
<el-button link type="primary" @click="handleUpdate(scope.row)"
|
||||||
v-hasPermi="['personnel:churukudan:edit']">修改</el-button> -->
|
v-hasPermi="['personnel:churukudan:edit']">修改</el-button>
|
||||||
<el-button link type="primary" @click="handleDetail(scope.row)"
|
<el-button link type="primary" @click="handleDetail(scope.row)"
|
||||||
v-hasPermi="['personnel:churukudan:query']">详情</el-button>
|
v-hasPermi="['personnel:churukudan:query']">详情</el-button>
|
||||||
<el-button link type="primary" @click="handleDelete(scope.row)"
|
<el-button link type="primary" @click="handleDelete(scope.row)"
|
||||||
@ -114,7 +118,7 @@
|
|||||||
<div class="item-box">
|
<div class="item-box">
|
||||||
<div class="title">数据分析</div>
|
<div class="title">数据分析</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<DataAnalysis :lineData="lineData" :barData="barData" />
|
<DataAnalysis />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
@ -129,17 +133,14 @@
|
|||||||
:value="dict.value"></el-option>
|
:value="dict.value"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- <el-form-item label="设备类型" prop="shebeiType">
|
<el-form-item label="单据编号" prop="danjvNumber">
|
||||||
|
<el-input v-model="form.danjvNumber" placeholder="请输入单据编号" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="设备类型" prop="shebeiType">
|
||||||
<el-select v-model="form.shebeiType" placeholder="请选择设备类型">
|
<el-select v-model="form.shebeiType" placeholder="请选择设备类型">
|
||||||
<el-option v-for="dict in wz_device_type" :key="dict.value" :label="dict.label"
|
<el-option v-for="dict in wz_device_type" :key="dict.value" :label="dict.label"
|
||||||
:value="dict.value"></el-option>
|
:value="dict.value"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item> -->
|
|
||||||
<el-form-item label="产品名称" prop="chanpinName">
|
|
||||||
<el-select v-model="form.chanpinName" placeholder="请选择产品名称">
|
|
||||||
<el-option v-for="dict in chanpinSelect" :key="dict.value" :label="dict.label"
|
|
||||||
:value="dict.value"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="经手人id" prop="jingshourenId">
|
<el-form-item label="经手人id" prop="jingshourenId">
|
||||||
<el-input v-model="form.jingshourenId" placeholder="请输入经手人id" />
|
<el-input v-model="form.jingshourenId" placeholder="请输入经手人id" />
|
||||||
@ -151,7 +152,7 @@
|
|||||||
<el-input v-model="form.contactNumber" placeholder="请输入联系电话" />
|
<el-input v-model="form.contactNumber" placeholder="请输入联系电话" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="总数量" prop="zonNumber">
|
<el-form-item label="总数量" prop="zonNumber">
|
||||||
<el-input v-model="form.zonNumber" placeholder="请输入总数量" type="number" min="0"/>
|
<el-input v-model="form.zonNumber" placeholder="请输入总数量" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
@ -315,7 +316,7 @@
|
|||||||
padding: 12px 0;
|
padding: 12px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
:v-deep(.el-card__body) {
|
::v-deep(.el-card__body) {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@ -324,7 +325,7 @@ import SystemInfo from './components/SystemInfo.vue';
|
|||||||
import DataAnalysis from './components/DataAnalysis.vue';
|
import DataAnalysis from './components/DataAnalysis.vue';
|
||||||
import { ref, computed } from 'vue';
|
import { ref, computed } from 'vue';
|
||||||
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
||||||
import { listChurukudan, getChurukudan, delChurukudan, addChurukudan, updateChurukudan, getChuRuKuCountLine, getChuRuKuDayCountBar, getChanpinLists } from '@/api/wuziguanli/churuku/index';
|
import { listChurukudan, getChurukudan, delChurukudan, addChurukudan, updateChurukudan, getChuRuKuCountBar } from '@/api/wuziguanli/churuku/index';
|
||||||
import { ChurukudanVO, ChurukudanQuery, ChurukudanForm } from '@/api/wuziguanli/churuku/types';
|
import { ChurukudanVO, ChurukudanQuery, ChurukudanForm } from '@/api/wuziguanli/churuku/types';
|
||||||
const { wz_device_type } = toRefs<any>(proxy?.useDict('wz_device_type'));
|
const { wz_device_type } = toRefs<any>(proxy?.useDict('wz_device_type'));
|
||||||
|
|
||||||
@ -341,8 +342,8 @@ const loading = ref(true);
|
|||||||
const showSearch = ref(true);
|
const showSearch = ref(true);
|
||||||
const ids = ref<Array<string | number>>([]);
|
const ids = ref<Array<string | number>>([]);
|
||||||
const total = ref(0);
|
const total = ref(0);
|
||||||
// 单据类型切换变量 - 默认入库单
|
// 单据类型切换变量 - 默认出库单
|
||||||
const type = ref<string>('ruku');
|
const type = ref<string>('chuku');
|
||||||
|
|
||||||
/** 切换单据类型 */
|
/** 切换单据类型 */
|
||||||
const changeType = (newType: string) => {
|
const changeType = (newType: string) => {
|
||||||
@ -426,8 +427,6 @@ const initFormData: ChurukudanForm = {
|
|||||||
danjvType: undefined,
|
danjvType: undefined,
|
||||||
updateTime: undefined,
|
updateTime: undefined,
|
||||||
auditStatus: undefined,
|
auditStatus: undefined,
|
||||||
chanpinName: undefined,
|
|
||||||
chanpinId: undefined,
|
|
||||||
}
|
}
|
||||||
const data = reactive<PageData<ChurukudanForm, ChurukudanQuery>>({
|
const data = reactive<PageData<ChurukudanForm, ChurukudanQuery>>({
|
||||||
form: { ...initFormData },
|
form: { ...initFormData },
|
||||||
@ -441,18 +440,13 @@ const data = reactive<PageData<ChurukudanForm, ChurukudanQuery>>({
|
|||||||
startDate: undefined,
|
startDate: undefined,
|
||||||
endDate: undefined,
|
endDate: undefined,
|
||||||
auditStatus: undefined,
|
auditStatus: undefined,
|
||||||
chanpinName: undefined,
|
danjvType: '1', // 默认显示出库单
|
||||||
chanpinId: undefined,
|
|
||||||
danjvType: '2', // 默认显示入库单
|
|
||||||
params: {
|
params: {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
rules: {
|
rules: {
|
||||||
// shebeiType: [
|
shebeiType: [
|
||||||
// { required: true, message: "设备类型不能为空", trigger: "change" }
|
{ required: true, message: "设备类型不能为空", trigger: "change" }
|
||||||
// ],
|
|
||||||
chanpinName: [
|
|
||||||
{ required: true, message: "产品名称不能为空", trigger: "change" }
|
|
||||||
],
|
],
|
||||||
jingshourenId: [
|
jingshourenId: [
|
||||||
{ required: true, message: "经手人id不能为空", trigger: "blur" }
|
{ required: true, message: "经手人id不能为空", trigger: "blur" }
|
||||||
@ -466,34 +460,10 @@ const data = reactive<PageData<ChurukudanForm, ChurukudanQuery>>({
|
|||||||
danjvType: [
|
danjvType: [
|
||||||
{ required: true, message: "单据状态不能为空", trigger: "change" }
|
{ required: true, message: "单据状态不能为空", trigger: "change" }
|
||||||
],
|
],
|
||||||
// 手机号码格式校验
|
|
||||||
contactNumber: [
|
|
||||||
{ pattern: /^1[3-9]\d{9}$/, message: "请输入正确的手机号码格式", trigger: "blur" }
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
const { queryParams, form, rules } = toRefs(data);
|
const { queryParams, form, rules } = toRefs(data);
|
||||||
// 查询产品名称列表
|
|
||||||
const chanpinList = ref<any[]>([]);
|
|
||||||
const chanpinSelect = ref<any[]>([]);
|
|
||||||
// 查询产品名称列表
|
|
||||||
const getChanpinList = async () => {
|
|
||||||
try {
|
|
||||||
const res = await getChanpinLists({ projectId: userStore.selectedProject.id });
|
|
||||||
chanpinList.value = res.data || [];
|
|
||||||
chanpinSelect.value = chanpinList.value.map(item => ({
|
|
||||||
label:item.caigouPlanName +'-'+item.chanpinName,
|
|
||||||
value: item.id
|
|
||||||
}));
|
|
||||||
console.log('chanpinSelect.value', chanpinSelect.value);
|
|
||||||
|
|
||||||
} catch (error) {
|
|
||||||
console.error('获取产品名称列表失败:', error);
|
|
||||||
proxy?.$modal.msgError("获取产品名称列表失败,请稍后重试");
|
|
||||||
chanpinList.value = [];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 查询运维-物资-出入库单管理列表 */
|
/** 查询运维-物资-出入库单管理列表 */
|
||||||
const getList = async () => {
|
const getList = async () => {
|
||||||
@ -556,23 +526,23 @@ const handleAdd = () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/** 修改按钮操作 */
|
/** 修改按钮操作 */
|
||||||
// const handleUpdate = async (row?: ChurukudanVO) => {
|
const handleUpdate = async (row?: ChurukudanVO) => {
|
||||||
// reset();
|
reset();
|
||||||
// const _id = row?.id || ids.value[0];
|
const _id = row?.id || ids.value[0];
|
||||||
// if (!_id) {
|
if (!_id) {
|
||||||
// proxy?.$modal.msgWarning("请选择要修改的数据");
|
proxy?.$modal.msgWarning("请选择要修改的数据");
|
||||||
// return;
|
return;
|
||||||
// }
|
}
|
||||||
// try {
|
try {
|
||||||
// const res = await getChurukudan(_id);
|
const res = await getChurukudan(_id);
|
||||||
// Object.assign(form.value, res.data);
|
Object.assign(form.value, res.data);
|
||||||
// dialog.visible = true;
|
dialog.visible = true;
|
||||||
// dialog.title = "修改运维-物资-出入库单管理";
|
dialog.title = "修改运维-物资-出入库单管理";
|
||||||
// } catch (error) {
|
} catch (error) {
|
||||||
// console.error('获取出入库单详情失败:', error);
|
console.error('获取出入库单详情失败:', error);
|
||||||
// proxy?.$modal.msgError("获取数据失败,请稍后重试");
|
proxy?.$modal.msgError("获取数据失败,请稍后重试");
|
||||||
// }
|
}
|
||||||
// }
|
}
|
||||||
|
|
||||||
/** 提交按钮 */
|
/** 提交按钮 */
|
||||||
const submitForm = () => {
|
const submitForm = () => {
|
||||||
@ -580,7 +550,6 @@ const submitForm = () => {
|
|||||||
if (valid) {
|
if (valid) {
|
||||||
buttonLoading.value = true;
|
buttonLoading.value = true;
|
||||||
try {
|
try {
|
||||||
form.value.chanpinId = form.value.chanpinName
|
|
||||||
if (form.value.id) {
|
if (form.value.id) {
|
||||||
await updateChurukudan(form.value);
|
await updateChurukudan(form.value);
|
||||||
proxy?.$modal.msgSuccess("修改成功");
|
proxy?.$modal.msgSuccess("修改成功");
|
||||||
@ -638,29 +607,7 @@ const handleDelete = async (row?: ChurukudanVO) => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 折线图数据获取
|
|
||||||
const lineData = ref<any>();
|
|
||||||
const fetchChuRuKuCountLineData = async () => {
|
|
||||||
if (!queryParams.value.projectId) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
let data = {
|
|
||||||
projectId: queryParams.value.projectId,
|
|
||||||
startDate: currentMonthDates[0].fullDate,
|
|
||||||
endDate: currentMonthDates[currentMonthDates.length - 1].fullDate,
|
|
||||||
}
|
|
||||||
try {
|
|
||||||
const res = await getChuRuKuCountLine(data);
|
|
||||||
if (res.code === 200) {
|
|
||||||
lineData.value = res.data;
|
|
||||||
}
|
|
||||||
// 这里可以添加数据处理和图表更新的逻辑
|
|
||||||
} catch (error) {
|
|
||||||
proxy?.$modal.msgError("获取统计数据失败");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// 柱状图数据获取
|
// 柱状图数据获取
|
||||||
const barData = ref<any>();
|
|
||||||
const fetchChuRuKuCountBarData = async () => {
|
const fetchChuRuKuCountBarData = async () => {
|
||||||
if (!queryParams.value.projectId) {
|
if (!queryParams.value.projectId) {
|
||||||
return;
|
return;
|
||||||
@ -671,15 +618,16 @@ const fetchChuRuKuCountBarData = async () => {
|
|||||||
endDate: currentMonthDates[currentMonthDates.length - 1].fullDate,
|
endDate: currentMonthDates[currentMonthDates.length - 1].fullDate,
|
||||||
}
|
}
|
||||||
try {
|
try {
|
||||||
const res = await getChuRuKuDayCountBar(data);
|
const res = await getChuRuKuCountBar(data);
|
||||||
if (res.code === 200) {
|
console.log(res);
|
||||||
barData.value = res.data;
|
|
||||||
}
|
|
||||||
// 这里可以添加数据处理和图表更新的逻辑
|
// 这里可以添加数据处理和图表更新的逻辑
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
proxy?.$modal.msgError("获取统计数据失败");
|
console.error('获取柱状图数据失败:', error);
|
||||||
|
// 可以选择是否显示错误提示,根据UI需求决定
|
||||||
|
// proxy?.$modal.msgError("获取统计数据失败");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 监听用户选择的项目变化
|
// 监听用户选择的项目变化
|
||||||
watch(() => userStore.selectedProject, (newProject) => {
|
watch(() => userStore.selectedProject, (newProject) => {
|
||||||
if (newProject && newProject.id) {
|
if (newProject && newProject.id) {
|
||||||
@ -690,16 +638,12 @@ watch(() => userStore.selectedProject, (newProject) => {
|
|||||||
}
|
}
|
||||||
// 调用getList刷新数据
|
// 调用getList刷新数据
|
||||||
getList();
|
getList();
|
||||||
fetchChuRuKuCountLineData();
|
|
||||||
fetchChuRuKuCountBarData();
|
fetchChuRuKuCountBarData();
|
||||||
}
|
}
|
||||||
}, { immediate: true, deep: true });
|
}, { immediate: true, deep: true });
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getList();
|
getList();
|
||||||
fetchChuRuKuCountLineData();
|
|
||||||
fetchChuRuKuCountBarData();
|
fetchChuRuKuCountBarData();
|
||||||
// 查询产品名称列表
|
|
||||||
getChanpinList();
|
|
||||||
});
|
});
|
||||||
|
|
||||||
// 组件卸载时清空projectId
|
// 组件卸载时清空projectId
|
||||||
|
|||||||
@ -9,15 +9,15 @@
|
|||||||
<ArrowLeft />
|
<ArrowLeft />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
</span>
|
</span>
|
||||||
<h2>{{ Info.jihuaName }}</h2>
|
<h2>Q2风电轴承采购计划</h2>
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row :gutter="10">
|
<el-row gutter="10">
|
||||||
<el-col :span="18">
|
<el-col :span="18">
|
||||||
<el-card>
|
<el-card>
|
||||||
<detailInfo :detail-info="Info" />
|
<detailInfo />
|
||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="6" style="flex-grow: 1;">
|
<el-col :span="6" style="flex-grow: 1;">
|
||||||
@ -46,66 +46,12 @@
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<script setup lang="ts">
|
<script setup>
|
||||||
|
|
||||||
import detailInfo from './components/detailInfo.vue';
|
import detailInfo from './components/detailInfo.vue';
|
||||||
import DetailsProcess from './components/DetailsProcess.vue';
|
import DetailsProcess from './components/DetailsProcess.vue';
|
||||||
import { ref, onMounted, getCurrentInstance, toRefs, watch } from 'vue';
|
|
||||||
import { useRoute } from 'vue-router';
|
|
||||||
import type { ComponentInternalInstance } from 'vue';
|
|
||||||
const route = useRoute();
|
|
||||||
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
|
||||||
|
|
||||||
import { caigouPlanDetail } from '@/api/wuziguanli/caigouPlan';
|
|
||||||
import { CaigouPlanVO, CaigouPlanQuery, CaigouPlanForm } from '@/api/wuziguanli/caigouPlan/types';
|
|
||||||
|
|
||||||
|
|
||||||
// 存储计划详情数据
|
|
||||||
const Info = ref<CaigouPlanVO>({} as CaigouPlanVO);
|
|
||||||
|
|
||||||
// 存储计划编号
|
|
||||||
const id = ref('');
|
|
||||||
|
|
||||||
// 获取详细信息
|
|
||||||
const getDetailInfo = async () => {
|
|
||||||
const res = await caigouPlanDetail(id.value);
|
|
||||||
if (res.code === 200) {
|
|
||||||
Info.value = res.data;
|
|
||||||
console.log(Info.value);
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
onMounted(() => {
|
|
||||||
// 接收路由参数
|
|
||||||
id.value = route.query.id as string || '';
|
|
||||||
console.log('组件挂载时路由参数id:', id.value);
|
|
||||||
// 确保id不为空时才调用接口
|
|
||||||
if (id.value) {
|
|
||||||
getDetailInfo();
|
|
||||||
} else {
|
|
||||||
proxy.$modal.msgError('未获取到详细信息')
|
|
||||||
setTimeout(() => {
|
|
||||||
router.back();
|
|
||||||
}, 800);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// 监听路由参数变化
|
|
||||||
watch(
|
|
||||||
() => route.query.id,
|
|
||||||
(newId) => {
|
|
||||||
id.value = newId as string || '';
|
|
||||||
if (id.value) {
|
|
||||||
getDetailInfo();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{ immediate: true }
|
|
||||||
);
|
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
const handleBack = () => {
|
const handleBack = () => {
|
||||||
router.back();
|
router.back();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
File diff suppressed because it is too large
Load Diff
@ -214,7 +214,7 @@
|
|||||||
<dict-tag :options="wz_inventory_type" :value="scope.row.kucunStatus"></dict-tag>
|
<dict-tag :options="wz_inventory_type" :value="scope.row.kucunStatus"></dict-tag>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-button type="text" @click="handleUpdate(scope.row)"
|
<el-button type="text" @click="handleUpdate(scope.row)"
|
||||||
v-hasPermi="['personnel:beipinBeijian:edit']">编辑</el-button>
|
v-hasPermi="['personnel:beipinBeijian:edit']">编辑</el-button>
|
||||||
@ -223,7 +223,7 @@
|
|||||||
<el-button type="text" @click="handleDelete(scope.row)"
|
<el-button type="text" @click="handleDelete(scope.row)"
|
||||||
v-hasPermi="['personnel:beipinBeijian:remove']">删除</el-button>
|
v-hasPermi="['personnel:beipinBeijian:remove']">删除</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column> -->
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<div class="pagination-section">
|
<div class="pagination-section">
|
||||||
<div class="pagination-info">
|
<div class="pagination-info">
|
||||||
@ -252,7 +252,7 @@
|
|||||||
<el-input v-model="form.guigexinghao" placeholder="请输入规格型号" />
|
<el-input v-model="form.guigexinghao" placeholder="请输入规格型号" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="库存数量" prop="kucunCount">
|
<el-form-item label="库存数量" prop="kucunCount">
|
||||||
<el-input v-model="form.kucunCount" placeholder="请输入库存数量" type="number" min="0" />
|
<el-input v-model="form.kucunCount" placeholder="请输入库存数量" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="库存状态" prop="kucunStatus">
|
<el-form-item label="库存状态" prop="kucunStatus">
|
||||||
<el-select v-model="form.kucunStatus" placeholder="请选择库存状态">
|
<el-select v-model="form.kucunStatus" placeholder="请选择库存状态">
|
||||||
@ -260,12 +260,12 @@
|
|||||||
:value="dict.value"></el-option>
|
:value="dict.value"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- <el-form-item label="设备类型" prop="shebeiType">
|
<el-form-item label="设备类型" prop="shebeiType">
|
||||||
<el-select v-model="form.shebeiType" placeholder="请选择设备类型">
|
<el-select v-model="form.shebeiType" placeholder="请选择设备类型">
|
||||||
<el-option v-for="dict in wz_device_type" :key="dict.value" :label="dict.label"
|
<el-option v-for="dict in wz_device_type" :key="dict.value" :label="dict.label"
|
||||||
:value="dict.value"></el-option>
|
:value="dict.value"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item> -->
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<div class="dialog-footer">
|
<div class="dialog-footer">
|
||||||
@ -408,7 +408,7 @@ const userStore = useUserStore();
|
|||||||
|
|
||||||
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
||||||
|
|
||||||
import { listBeipinBeijian, getBeipinBeijian, delBeipinBeijian, updateBeipinBeijian,chuRuKuTotal } from '@/api/wuziguanli/beijian';
|
import { listBeipinBeijian, getBeipinBeijian, delBeipinBeijian, updateBeipinBeijian } from '@/api/wuziguanli/beijian';
|
||||||
import { BeipinBeijianVO, BeipinBeijianQuery, BeipinBeijianForm } from '@/api/wuziguanli/beijian/types';
|
import { BeipinBeijianVO, BeipinBeijianQuery, BeipinBeijianForm } from '@/api/wuziguanli/beijian/types';
|
||||||
|
|
||||||
|
|
||||||
@ -502,18 +502,6 @@ const getDictLabel = (dictType, value) => {
|
|||||||
return option?.label || value;
|
return option?.label || value;
|
||||||
};
|
};
|
||||||
|
|
||||||
//查询总览
|
|
||||||
const getTotalView= async () => {
|
|
||||||
try {
|
|
||||||
const res = await chuRuKuTotal({projectId: queryParams.value.projectId});
|
|
||||||
console.log(res);
|
|
||||||
|
|
||||||
total.value = res.total;
|
|
||||||
} catch (error) {
|
|
||||||
proxy?.$modal.msgError('获取数据失败,请重试');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 查询运维-物资-备品配件列表 */
|
/** 查询运维-物资-备品配件列表 */
|
||||||
const getList = async () => {
|
const getList = async () => {
|
||||||
loading.value = true;
|
loading.value = true;
|
||||||
@ -523,6 +511,7 @@ const getList = async () => {
|
|||||||
total.value = res.total;
|
total.value = res.total;
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
proxy?.$modal.msgError('获取数据失败,请重试');
|
proxy?.$modal.msgError('获取数据失败,请重试');
|
||||||
|
console.error('获取备品配件列表失败:', error);
|
||||||
} finally {
|
} finally {
|
||||||
loading.value = false;
|
loading.value = false;
|
||||||
}
|
}
|
||||||
@ -566,6 +555,7 @@ const handleUpdate = async (row?: BeipinBeijianVO) => {
|
|||||||
dialog.visible = true;
|
dialog.visible = true;
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
proxy?.$modal.msgError('获取数据失败,请重试');
|
proxy?.$modal.msgError('获取数据失败,请重试');
|
||||||
|
console.error('获取备品配件详情失败:', error);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -582,6 +572,7 @@ const handleDetail = async (row?: BeipinBeijianVO) => {
|
|||||||
detailDialogVisible.value = true;
|
detailDialogVisible.value = true;
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
proxy?.$modal.msgError('获取数据失败,请重试');
|
proxy?.$modal.msgError('获取数据失败,请重试');
|
||||||
|
console.error('获取备品配件详情失败:', error);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -604,6 +595,7 @@ const submitForm = () => {
|
|||||||
await getList();
|
await getList();
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
proxy?.$modal.msgError('操作失败,请重试');
|
proxy?.$modal.msgError('操作失败,请重试');
|
||||||
|
console.error('提交表单失败:', error);
|
||||||
} finally {
|
} finally {
|
||||||
buttonLoading.value = false;
|
buttonLoading.value = false;
|
||||||
}
|
}
|
||||||
@ -628,6 +620,7 @@ const handleDelete = async (row?: BeipinBeijianVO) => {
|
|||||||
// 如果是用户取消确认,则不显示错误信息
|
// 如果是用户取消确认,则不显示错误信息
|
||||||
if (error !== 'cancel') {
|
if (error !== 'cancel') {
|
||||||
proxy?.$modal.msgError('删除失败,请重试');
|
proxy?.$modal.msgError('删除失败,请重试');
|
||||||
|
console.error('删除数据失败:', error);
|
||||||
}
|
}
|
||||||
} finally {
|
} finally {
|
||||||
loading.value = false;
|
loading.value = false;
|
||||||
@ -651,8 +644,6 @@ watch(() => userStore.selectedProject, (newProject) => {
|
|||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getList();
|
getList();
|
||||||
// 初始化查询总览
|
|
||||||
getTotalView();
|
|
||||||
});
|
});
|
||||||
|
|
||||||
// 组件卸载时清空projectId
|
// 组件卸载时清空projectId
|
||||||
|
|||||||
@ -64,9 +64,9 @@
|
|||||||
<!-- 主开关 -->
|
<!-- 主开关 -->
|
||||||
<g :class="{ 'switch-closed': devices[0].status === 'closed' }">
|
<g :class="{ 'switch-closed': devices[0].status === 'closed' }">
|
||||||
<circle cx="200" cy="200" r="15" :fill="devices[0].status === 'closed' ? '#10b981' : '#ef4444'" />
|
<circle cx="200" cy="200" r="15" :fill="devices[0].status === 'closed' ? '#10b981' : '#ef4444'" />
|
||||||
<text x="200" y="250" text-anchor="middle" font-size="12">主开关</text>
|
<text x="200" y="250" text-anchor="middle" font-size="5">主开关</text>
|
||||||
<text x="200" y="270" text-anchor="middle" font-size="10" fill="#666">220kV</text>
|
<text x="200" y="270" text-anchor="middle" font-size="4" fill="#666">220kV</text>
|
||||||
<text x="200" y="285" text-anchor="middle" font-size="10"
|
<text x="200" y="285" text-anchor="middle" font-size="4"
|
||||||
:fill="devices[0].status === 'closed' ? '#10b981' : '#ef4444'">
|
:fill="devices[0].status === 'closed' ? '#10b981' : '#ef4444'">
|
||||||
{{ devices[0].statusText }}
|
{{ devices[0].statusText }}
|
||||||
</text>
|
</text>
|
||||||
@ -78,15 +78,15 @@
|
|||||||
<line x1="315" y1="190" x2="345" y2="190" stroke="#666" stroke-width="2" />
|
<line x1="315" y1="190" x2="345" y2="190" stroke="#666" stroke-width="2" />
|
||||||
<line x1="315" y1="210" x2="345" y2="210" stroke="#666" stroke-width="2" />
|
<line x1="315" y1="210" x2="345" y2="210" stroke="#666" stroke-width="2" />
|
||||||
<line x1="315" y1="230" x2="345" y2="230" stroke="#666" stroke-width="2" />
|
<line x1="315" y1="230" x2="345" y2="230" stroke="#666" stroke-width="2" />
|
||||||
<text x="330" y="285" text-anchor="middle" font-size="10" fill="#10b981">已完成</text>
|
<text x="330" y="285" text-anchor="middle" font-size="8" fill="#10b981">已完成</text>
|
||||||
</g>
|
</g>
|
||||||
|
|
||||||
<!-- 母线开关 -->
|
<!-- 母线开关 -->
|
||||||
<g :class="{ 'switch-closed': devices[1].status === 'closed' }">
|
<g :class="{ 'switch-closed': devices[1].status === 'closed' }">
|
||||||
<circle cx="440" cy="200" r="15" :fill="devices[1].status === 'closed' ? '#10b981' : '#ef4444'" />
|
<circle cx="440" cy="200" r="15" :fill="devices[1].status === 'closed' ? '#10b981' : '#ef4444'" />
|
||||||
<text x="440" y="250" text-anchor="middle" font-size="12">母线开关</text>
|
<text x="440" y="250" text-anchor="middle" font-size="5">母线开关</text>
|
||||||
<text x="440" y="270" text-anchor="middle" font-size="10" fill="#666">110kV</text>
|
<text x="440" y="270" text-anchor="middle" font-size="4" fill="#666">110kV</text>
|
||||||
<text x="440" y="285" text-anchor="middle" font-size="10"
|
<text x="440" y="285" text-anchor="middle" font-size="4"
|
||||||
:fill="devices[1].status === 'closed' ? '#10b981' : '#ef4444'">
|
:fill="devices[1].status === 'closed' ? '#10b981' : '#ef4444'">
|
||||||
{{ devices[1].statusText }}
|
{{ devices[1].statusText }}
|
||||||
</text>
|
</text>
|
||||||
@ -98,8 +98,8 @@
|
|||||||
<!-- 馈线开关A -->
|
<!-- 馈线开关A -->
|
||||||
<g :class="{ 'switch-closed': devices[2].status === 'closed' }">
|
<g :class="{ 'switch-closed': devices[2].status === 'closed' }">
|
||||||
<circle cx="600" cy="100" r="15" :fill="devices[2].status === 'closed' ? '#10b981' : '#ef4444'" />
|
<circle cx="600" cy="100" r="15" :fill="devices[2].status === 'closed' ? '#10b981' : '#ef4444'" />
|
||||||
<text x="600" y="60" text-anchor="middle" font-size="12">馈线开关A</text>
|
<text x="600" y="60" text-anchor="middle" font-size="5">馈线开关A</text>
|
||||||
<text x="600" y="80" text-anchor="middle" font-size="10"
|
<text x="600" y="80" text-anchor="middle" font-size="5"
|
||||||
:fill="devices[2].status === 'closed' ? '#10b981' : '#ef4444'">
|
:fill="devices[2].status === 'closed' ? '#10b981' : '#ef4444'">
|
||||||
{{ devices[2].statusText }}
|
{{ devices[2].statusText }}
|
||||||
</text>
|
</text>
|
||||||
@ -107,14 +107,14 @@
|
|||||||
|
|
||||||
<!-- 负载A -->
|
<!-- 负载A -->
|
||||||
<circle cx="680" cy="100" r="20" fill="#3b82f6" stroke="#1e40af" stroke-width="2" />
|
<circle cx="680" cy="100" r="20" fill="#3b82f6" stroke="#1e40af" stroke-width="2" />
|
||||||
<text x="680" y="105" text-anchor="middle" fill="white" font-size="12">负载A</text>
|
<text x="680" y="105" text-anchor="middle" fill="white" font-size="5">负载A</text>
|
||||||
<text x="680" y="135" text-anchor="middle" font-size="10" fill="#10b981">已完成</text>
|
<text x="680" y="135" text-anchor="middle" font-size="5" fill="#10b981">已完成</text>
|
||||||
|
|
||||||
<!-- 馈线开关B -->
|
<!-- 馈线开关B -->
|
||||||
<g :class="{ 'switch-closed': devices[3].status === 'closed' }">
|
<g :class="{ 'switch-closed': devices[3].status === 'closed' }">
|
||||||
<circle cx="600" cy="300" r="15" :fill="devices[3].status === 'closed' ? '#10b981' : '#ef4444'" />
|
<circle cx="600" cy="300" r="15" :fill="devices[3].status === 'closed' ? '#10b981' : '#ef4444'" />
|
||||||
<text x="600" y="340" text-anchor="middle" font-size="12">馈线开关B</text>
|
<text x="600" y="340" text-anchor="middle" font-size="5">馈线开关B</text>
|
||||||
<text x="600" y="360" text-anchor="middle" font-size="10"
|
<text x="600" y="360" text-anchor="middle" font-size="5"
|
||||||
:fill="devices[3].status === 'closed' ? '#10b981' : '#ef4444'">
|
:fill="devices[3].status === 'closed' ? '#10b981' : '#ef4444'">
|
||||||
{{ devices[3].statusText }}
|
{{ devices[3].statusText }}
|
||||||
</text>
|
</text>
|
||||||
@ -123,8 +123,8 @@
|
|||||||
<!-- 保护开关 -->
|
<!-- 保护开关 -->
|
||||||
<g :class="{ 'switch-closed': devices[4].status === 'closed' }">
|
<g :class="{ 'switch-closed': devices[4].status === 'closed' }">
|
||||||
<circle cx="720" cy="300" r="15" :fill="devices[4].status === 'closed' ? '#10b981' : '#ef4444'" />
|
<circle cx="720" cy="300" r="15" :fill="devices[4].status === 'closed' ? '#10b981' : '#ef4444'" />
|
||||||
<text x="720" y="340" text-anchor="middle" font-size="12">保护开关</text>
|
<text x="720" y="340" text-anchor="middle" font-size="5">保护开关</text>
|
||||||
<text x="720" y="360" text-anchor="middle" font-size="10"
|
<text x="720" y="360" text-anchor="middle" font-size="5"
|
||||||
:fill="devices[4].status === 'closed' ? '#10b981' : '#ef4444'">
|
:fill="devices[4].status === 'closed' ? '#10b981' : '#ef4444'">
|
||||||
{{ devices[4].statusText }}
|
{{ devices[4].statusText }}
|
||||||
</text>
|
</text>
|
||||||
|
|||||||
@ -1,10 +1,10 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-card style="border-radius: 15px;">
|
<el-card style="border-radius: 15px;">
|
||||||
<el-row :gutter="35">
|
<el-row gutter="35">
|
||||||
<el-col :span="8" class="status-card">
|
<el-col :span="8" class="status-card">
|
||||||
<div class="title">设备状态</div>
|
<div class="title">设备状态</div>
|
||||||
<!-- gutter设置为20,创建左右间隙 -->
|
<!-- gutter设置为20,创建左右间隙 -->
|
||||||
<el-row :gutter="20" style="width: 100%;">
|
<el-row gutter="20" style="width: 100%;">
|
||||||
<!-- 一行2个,每个占12格(24/2=12) -->
|
<!-- 一行2个,每个占12格(24/2=12) -->
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<div class="item">
|
<div class="item">
|
||||||
@ -120,7 +120,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.red {
|
.red {
|
||||||
:v-deep::before {
|
::v-deep::before {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
content: '';
|
content: '';
|
||||||
background-color: rgba(227, 39, 39, 1);
|
background-color: rgba(227, 39, 39, 1);
|
||||||
@ -133,7 +133,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.yellow {
|
.yellow {
|
||||||
:v-deep::before {
|
::v-deep::before {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
content: '';
|
content: '';
|
||||||
background-color: rgba(255, 208, 35, 1);
|
background-color: rgba(255, 208, 35, 1);
|
||||||
|
|||||||
@ -132,7 +132,7 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
|
|
||||||
:v-deep::before {
|
::v-deep::before {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 5px;
|
width: 5px;
|
||||||
height: 5px;
|
height: 5px;
|
||||||
|
|||||||
@ -1005,35 +1005,35 @@ const handleEnable = async (row) => {
|
|||||||
|
|
||||||
// 导航相关方法
|
// 导航相关方法
|
||||||
const handleInspection1 = () => {
|
const handleInspection1 = () => {
|
||||||
router.push('/rili/rili');
|
router.push('/znxj/rili');
|
||||||
};
|
};
|
||||||
const handleInspection2 = () => {
|
const handleInspection2 = () => {
|
||||||
router.push('/rili/InspectionManagement');
|
router.push('/znxj/xjgl/InspectionManagement');
|
||||||
};
|
};
|
||||||
const handleInspection3 = () => {
|
const handleInspection3 = () => {
|
||||||
router.push('/rili/shiyanguanli');
|
router.push('/znxj/sygl/shiyanguanli');
|
||||||
};
|
};
|
||||||
const handleInspection4 = () => {
|
const handleInspection4 = () => {
|
||||||
router.push('/rili/baoxiuguanli');
|
router.push('/znxj/bxgl/baoxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection5 = () => {
|
const handleInspection5 = () => {
|
||||||
router.push('/rili/qiangxiuguanli');
|
router.push('/znxj/qxgl/qiangxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection6 = () => {
|
const handleInspection6 = () => {
|
||||||
router.push('/rili/gongdanliebiao');
|
router.push('/znxj/gdgl/gongdanliebiao');
|
||||||
};
|
};
|
||||||
const handleInspection7 = () => {
|
const handleInspection7 = () => {
|
||||||
router.push('/rili/renyuanzhuangtai');
|
router.push('/znxj/ywzz/renyuanzhuangtai');
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleInspectionManagement1 = () => {
|
const handleInspectionManagement1 = () => {
|
||||||
router.push('/rili/InspectionManagement');
|
router.push('/znxj/xjgl/InspectionManagement');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement2 = () => {
|
const handleInspectionManagement2 = () => {
|
||||||
router.push('/rili/xunjianrenwu');
|
router.push('/znxj/xjgl/xunjianrenwu');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement3 = () => {
|
const handleInspectionManagement3 = () => {
|
||||||
router.push('/rili/xunjianjihua');
|
router.push('/znxj/xjgl/xunjianjihua');
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@ -333,34 +333,34 @@ const handleCreateTeam = () => {
|
|||||||
|
|
||||||
// 导航路由跳转
|
// 导航路由跳转
|
||||||
const handleInspection1 = () => {
|
const handleInspection1 = () => {
|
||||||
router.push('/rili/rili');
|
router.push('/znxj/rili');
|
||||||
};
|
};
|
||||||
const handleInspection2 = () => {
|
const handleInspection2 = () => {
|
||||||
router.push('/rili/InspectionManagement');
|
router.push('/znxj/xjgl/InspectionManagement');
|
||||||
};
|
};
|
||||||
const handleInspection3 = () => {
|
const handleInspection3 = () => {
|
||||||
router.push('/rili/shiyanguanli');
|
router.push('/znxj/sygl/shiyanguanli');
|
||||||
};
|
};
|
||||||
const handleInspection4 = () => {
|
const handleInspection4 = () => {
|
||||||
router.push('/rili/baoxiuguanli');
|
router.push('/znxj/bxgl/baoxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection5 = () => {
|
const handleInspection5 = () => {
|
||||||
router.push('/rili/qiangxiuguanli');
|
router.push('/znxj/qxgl/qiangxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection6 = () => {
|
const handleInspection6 = () => {
|
||||||
router.push('/rili/gongdanliebiao');
|
router.push('/znxj/gdgl/gongdanliebiao');
|
||||||
};
|
};
|
||||||
const handleInspection7 = () => {
|
const handleInspection7 = () => {
|
||||||
router.push('/rili/renyuanzhuangtai');
|
router.push('/znxj/ywzz/renyuanzhuangtai');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement1 = () => {
|
const handleInspectionManagement1 = () => {
|
||||||
router.push('/rili/renyuanzhuangtai');
|
router.push('/znxj/ywzz/renyuanzhuangtai');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement2 = () => {
|
const handleInspectionManagement2 = () => {
|
||||||
router.push('/rili/cheliangzhuangtai');
|
router.push('/znxj/ywzz/cheliangzhuangtai');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement3 = () => {
|
const handleInspectionManagement3 = () => {
|
||||||
router.push('/rili/banzhuzhuangtai');
|
router.push('/znxj/ywzz/banzhuzhuangtai');
|
||||||
};
|
};
|
||||||
|
|
||||||
// ECharts实例
|
// ECharts实例
|
||||||
|
|||||||
@ -1047,32 +1047,32 @@ const handleSaveResult = async () => {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
const handleInspectionManagement1 = () => {
|
const handleInspectionManagement1 = () => {
|
||||||
router.push('/rili/baoxiuguanli');
|
router.push('/znxj/bxgl/baoxiuguanli');
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleInspectionManagement2 = () => {
|
const handleInspectionManagement2 = () => {
|
||||||
router.push('/rili/baoxiujilu');
|
router.push('/znxj/bxgl/baoxiujilu');
|
||||||
};
|
};
|
||||||
const handleInspection1 = () => {
|
const handleInspection1 = () => {
|
||||||
router.push('/rili/rili');
|
router.push('/znxj/rili');
|
||||||
};
|
};
|
||||||
const handleInspection2 = () => {
|
const handleInspection2 = () => {
|
||||||
router.push('/rili/InspectionManagement');
|
router.push('/znxj/xjgl/InspectionManagement');
|
||||||
};
|
};
|
||||||
const handleInspection3 = () => {
|
const handleInspection3 = () => {
|
||||||
router.push('/rili/shiyanguanli');
|
router.push('/znxj/sygl/shiyanguanli');
|
||||||
};
|
};
|
||||||
const handleInspection4 = () => {
|
const handleInspection4 = () => {
|
||||||
router.push('/rili/baoxiuguanli');
|
router.push('/znxj/bxgl/baoxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection5 = () => {
|
const handleInspection5 = () => {
|
||||||
router.push('/rili/qiangxiuguanli');
|
router.push('/znxj/qxgl/qiangxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection6 = () => {
|
const handleInspection6 = () => {
|
||||||
router.push('/rili/gongdanliebiao');
|
router.push('/znxj/gdgl/gongdanliebiao');
|
||||||
};
|
};
|
||||||
const handleInspection7 = () => {
|
const handleInspection7 = () => {
|
||||||
router.push('/rili/renyuanzhuangtai');
|
router.push('/znxj/ywzz/renyuanzhuangtai');
|
||||||
};
|
};
|
||||||
|
|
||||||
// 组件挂载时获取数据
|
// 组件挂载时获取数据
|
||||||
|
|||||||
@ -885,36 +885,33 @@ const handleEvaluateTask = (record) => {
|
|||||||
|
|
||||||
// 导航事件
|
// 导航事件
|
||||||
const handleInspectionManagement1 = () => {
|
const handleInspectionManagement1 = () => {
|
||||||
router.push('/rili/baoxiuguanli');
|
router.push('/znxj/bxgl/baoxiuguanli');
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleInspectionManagement2 = () => {
|
const handleInspectionManagement2 = () => {
|
||||||
router.push('/rili/baoxiujilu');
|
router.push('/znxj/bxgl/baoxiujilu');
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleInspection1 = () => {
|
const handleInspection1 = () => {
|
||||||
router.push('/rili/rili');
|
router.push('/znxj/rili');
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleInspection2 = () => {
|
const handleInspection2 = () => {
|
||||||
router.push('/rili/InspectionManagement');
|
router.push('/znxj/xjgl/InspectionManagement');
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleInspection3 = () => {
|
const handleInspection3 = () => {
|
||||||
router.push('/rili/shiyanguanli');
|
router.push('/znxj/sygl/shiyanguanli');
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleInspection4 = () => {
|
const handleInspection4 = () => {
|
||||||
router.push('/rili/baoxiuguanli');
|
router.push('/znxj/bxgl/baoxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection5 = () => {
|
const handleInspection5 = () => {
|
||||||
router.push('/rili/qiangxiuguanli');
|
router.push('/znxj/qxgl/qiangxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection6 = () => {
|
const handleInspection6 = () => {
|
||||||
router.push('/rili/gongdanliebiao');
|
router.push('/znxj/gdgl/gongdanliebiao');
|
||||||
};
|
};
|
||||||
const handleInspection7 = () => {
|
const handleInspection7 = () => {
|
||||||
router.push('/rili/renyuanzhuangtai');
|
router.push('/znxj/ywzz/renyuanzhuangtai');
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@ -299,34 +299,34 @@ const handleDispatch = (row) => {
|
|||||||
|
|
||||||
// 导航路由跳转
|
// 导航路由跳转
|
||||||
const handleInspection1 = () => {
|
const handleInspection1 = () => {
|
||||||
router.push('/rili/rili');
|
router.push('/znxj/rili');
|
||||||
};
|
};
|
||||||
const handleInspection2 = () => {
|
const handleInspection2 = () => {
|
||||||
router.push('/rili/InspectionManagement');
|
router.push('/znxj/xjgl/InspectionManagement');
|
||||||
};
|
};
|
||||||
const handleInspection3 = () => {
|
const handleInspection3 = () => {
|
||||||
router.push('/rili/shiyanguanli');
|
router.push('/znxj/sygl/shiyanguanli');
|
||||||
};
|
};
|
||||||
const handleInspection4 = () => {
|
const handleInspection4 = () => {
|
||||||
router.push('/rili/baoxiuguanli');
|
router.push('/znxj/bxgl/baoxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection5 = () => {
|
const handleInspection5 = () => {
|
||||||
router.push('/rili/qiangxiuguanli');
|
router.push('/znxj/qxgl/qiangxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection6 = () => {
|
const handleInspection6 = () => {
|
||||||
router.push('/rili/gongdanliebiao');
|
router.push('/znxj/gdgl/gongdanliebiao');
|
||||||
};
|
};
|
||||||
const handleInspection7 = () => {
|
const handleInspection7 = () => {
|
||||||
router.push('/rili/renyuanzhuangtai');
|
router.push('/znxj/ywzz/renyuanzhuangtai');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement1 = () => {
|
const handleInspectionManagement1 = () => {
|
||||||
router.push('/rili/renyuanzhuangtai');
|
router.push('/znxj/ywzz/renyuanzhuangtai');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement2 = () => {
|
const handleInspectionManagement2 = () => {
|
||||||
router.push('/rili/cheliangzhuangtai');
|
router.push('/znxj/ywzz/cheliangzhuangtai');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement3 = () => {
|
const handleInspectionManagement3 = () => {
|
||||||
router.push('/rili/banzhuzhuangtai');
|
router.push('/znxj/ywzz/banzhuzhuangtai');
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@ -234,13 +234,6 @@
|
|||||||
<el-form-item label="工单描述">
|
<el-form-item label="工单描述">
|
||||||
<el-input v-model="createForm.resultDescription" type="textarea" :rows="3" placeholder="请描述该工单完成后预期达成的成果" />
|
<el-input v-model="createForm.resultDescription" type="textarea" :rows="3" placeholder="请描述该工单完成后预期达成的成果" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label="是否需要执行人" prop="needAssignee">
|
|
||||||
<el-radio-group v-model="createForm.needAssignee">
|
|
||||||
<el-radio label="true">是,指定执行人</el-radio>
|
|
||||||
<el-radio label="false">否,由系统分配</el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
</el-form>
|
||||||
|
|
||||||
<template #footer>
|
<template #footer>
|
||||||
@ -1276,35 +1269,35 @@ const handleSaveDraft = () => {
|
|||||||
|
|
||||||
// 导航路由跳转
|
// 导航路由跳转
|
||||||
const handleInspection1 = () => {
|
const handleInspection1 = () => {
|
||||||
router.push('/rili/rili');
|
router.push('/znxj/rili');
|
||||||
};
|
};
|
||||||
const handleInspection2 = () => {
|
const handleInspection2 = () => {
|
||||||
router.push('/rili/InspectionManagement');
|
router.push('/znxj/xjgl/InspectionManagement');
|
||||||
};
|
};
|
||||||
const handleInspection3 = () => {
|
const handleInspection3 = () => {
|
||||||
router.push('/rili/shiyanguanli');
|
router.push('/znxj/sygl/shiyanguanli');
|
||||||
};
|
};
|
||||||
const handleInspection4 = () => {
|
const handleInspection4 = () => {
|
||||||
router.push('/rili/baoxiuguanli');
|
router.push('/znxj/bxgl/baoxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection5 = () => {
|
const handleInspection5 = () => {
|
||||||
router.push('/rili/qiangxiuguanli');
|
router.push('/znxj/qxgl/qiangxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection6 = () => {
|
const handleInspection6 = () => {
|
||||||
router.push('/rili/gongdanliebiao');
|
router.push('/znxj/gdgl/gongdanliebiao');
|
||||||
};
|
};
|
||||||
const handleInspection7 = () => {
|
const handleInspection7 = () => {
|
||||||
router.push('/rili/renyuanzhuangtai');
|
router.push('/znxj/ywzz/renyuanzhuangtai');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement1 = () => {
|
const handleInspectionManagement1 = () => {
|
||||||
router.push('/rili/gongdanliebiao');
|
router.push('/znxj/gdgl/gongdanliebiao');
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleInspectionManagement2 = () => {
|
const handleInspectionManagement2 = () => {
|
||||||
router.push('/rili/paidanjilu');
|
router.push('/znxj/gdgl/paidanjilu');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement3 = () => {
|
const handleInspectionManagement3 = () => {
|
||||||
router.push('/rili/zhixingjilu');
|
router.push('/znxj/gdgl/zhixingjilu');
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@ -560,25 +560,25 @@ const handleDelete = (id) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const handleInspection1 = () => {
|
const handleInspection1 = () => {
|
||||||
router.push('/rili/rili');
|
router.push('/znxj/rili');
|
||||||
};
|
};
|
||||||
const handleInspection2 = () => {
|
const handleInspection2 = () => {
|
||||||
router.push('/rili/InspectionManagement');
|
router.push('/znxj/xjgl/InspectionManagement');
|
||||||
};
|
};
|
||||||
const handleInspection3 = () => {
|
const handleInspection3 = () => {
|
||||||
router.push('/rili/shiyanguanli');
|
router.push('/znxj/sygl/shiyanguanli');
|
||||||
};
|
};
|
||||||
const handleInspection4 = () => {
|
const handleInspection4 = () => {
|
||||||
router.push('/rili/baoxiuguanli');
|
router.push('/znxj/bxgl/baoxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection5 = () => {
|
const handleInspection5 = () => {
|
||||||
router.push('/rili/qiangxiuguanli');
|
router.push('/znxj/qxgl/qiangxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection6 = () => {
|
const handleInspection6 = () => {
|
||||||
router.push('/rili/gongdanliebiao');
|
router.push('/znxj/gdgl/gongdanliebiao');
|
||||||
};
|
};
|
||||||
const handleInspection7 = () => {
|
const handleInspection7 = () => {
|
||||||
router.push('/rili/renyuanzhuangtai');
|
router.push('/znxj/ywzz/renyuanzhuangtai');
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@ -1405,35 +1405,35 @@ const cancelCreate = () => {
|
|||||||
|
|
||||||
// 导航路由跳转
|
// 导航路由跳转
|
||||||
const handleInspection1 = () => {
|
const handleInspection1 = () => {
|
||||||
router.push('/rili/rili');
|
router.push('/znxj/rili');
|
||||||
};
|
};
|
||||||
const handleInspection2 = () => {
|
const handleInspection2 = () => {
|
||||||
router.push('/rili/InspectionManagement');
|
router.push('/znxj/xjgl/InspectionManagement');
|
||||||
};
|
};
|
||||||
const handleInspection3 = () => {
|
const handleInspection3 = () => {
|
||||||
router.push('/rili/shiyanguanli');
|
router.push('/znxj/sygl/shiyanguanli');
|
||||||
};
|
};
|
||||||
const handleInspection4 = () => {
|
const handleInspection4 = () => {
|
||||||
router.push('/rili/baoxiuguanli');
|
router.push('/znxj/bxgl/baoxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection5 = () => {
|
const handleInspection5 = () => {
|
||||||
router.push('/rili/qiangxiuguanli');
|
router.push('/znxj/qxgl/qiangxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection6 = () => {
|
const handleInspection6 = () => {
|
||||||
router.push('/rili/gongdanliebiao');
|
router.push('/znxj/gdgl/gongdanliebiao');
|
||||||
};
|
};
|
||||||
const handleInspection7 = () => {
|
const handleInspection7 = () => {
|
||||||
router.push('/rili/renyuanzhuangtai');
|
router.push('/znxj/ywzz/renyuanzhuangtai');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement1 = () => {
|
const handleInspectionManagement1 = () => {
|
||||||
router.push('/rili/gongdanliebiao');
|
router.push('/znxj/gdgl/gongdanliebiao');
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleInspectionManagement2 = () => {
|
const handleInspectionManagement2 = () => {
|
||||||
router.push('/rili/paidanjilu');
|
router.push('/znxj/gdgl/paidanjilu');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement3 = () => {
|
const handleInspectionManagement3 = () => {
|
||||||
router.push('/rili/zhixingjilu');
|
router.push('/znxj/gdgl/zhixingjilu');
|
||||||
};
|
};
|
||||||
|
|
||||||
// 关闭详情弹窗
|
// 关闭详情弹窗
|
||||||
|
|||||||
@ -698,32 +698,32 @@ const handleView = async (task) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const handleInspectionManagement1 = () => {
|
const handleInspectionManagement1 = () => {
|
||||||
router.push('/rili/qiangxiuguanli');
|
router.push('/znxj/qxgl/qiangxiuguanli');
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleInspectionManagement2 = () => {
|
const handleInspectionManagement2 = () => {
|
||||||
router.push('/rili/qiangxiujilu');
|
router.push('/znxj/qxgl/qiangxiujilu');
|
||||||
};
|
};
|
||||||
const handleInspection1 = () => {
|
const handleInspection1 = () => {
|
||||||
router.push('/rili/rili');
|
router.push('/znxj/rili');
|
||||||
};
|
};
|
||||||
const handleInspection2 = () => {
|
const handleInspection2 = () => {
|
||||||
router.push('/rili/InspectionManagement');
|
router.push('/znxj/xjgl/InspectionManagement');
|
||||||
};
|
};
|
||||||
const handleInspection3 = () => {
|
const handleInspection3 = () => {
|
||||||
router.push('/rili/shiyanguanli');
|
router.push('/znxj/sygl/shiyanguanli');
|
||||||
};
|
};
|
||||||
const handleInspection4 = () => {
|
const handleInspection4 = () => {
|
||||||
router.push('/rili/baoxiuguanli');
|
router.push('/znxj/bxgl/baoxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection5 = () => {
|
const handleInspection5 = () => {
|
||||||
router.push('/rili/qiangxiuguanli');
|
router.push('/znxj/qxgl/qiangxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection6 = () => {
|
const handleInspection6 = () => {
|
||||||
router.push('/rili/gongdanliebiao');
|
router.push('/znxj/gdgl/gongdanliebiao');
|
||||||
};
|
};
|
||||||
const handleInspection7 = () => {
|
const handleInspection7 = () => {
|
||||||
router.push('/rili/renyuanzhuangtai');
|
router.push('/znxj/ywzz/renyuanzhuangtai');
|
||||||
};
|
};
|
||||||
|
|
||||||
// 加载状态
|
// 加载状态
|
||||||
|
|||||||
@ -943,43 +943,38 @@ const handleTaskTab = () => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const handleRecordTab = () => {
|
const handleRecordTab = () => {
|
||||||
router.push('/rili/qiangxiujiilu');
|
router.push('/znxj/qiangxiujiilu');
|
||||||
};
|
};
|
||||||
|
|
||||||
// 导航事件
|
// 导航事件
|
||||||
const handleInspection1 = () => {
|
const handleInspection1 = () => {
|
||||||
router.push('/rili/rili');
|
router.push('/znxj/rili');
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleInspection2 = () => {
|
const handleInspection2 = () => {
|
||||||
router.push('/rili/InspectionManagement');
|
router.push('/znxj/xjgl/InspectionManagement');
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleInspection3 = () => {
|
const handleInspection3 = () => {
|
||||||
router.push('/rili/shiyanguanli');
|
router.push('/znxj/sygl/shiyanguanli');
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleInspection4 = () => {
|
const handleInspection4 = () => {
|
||||||
router.push('/rili/baoxiuguanli');
|
router.push('/znxj/bxgl/baoxiuguanli');
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleInspection5 = () => {
|
const handleInspection5 = () => {
|
||||||
router.push('/rili/qiangxiuguanli');
|
router.push('/znxj/qxgl/qiangxiuguanli');
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleInspection6 = () => {
|
const handleInspection6 = () => {
|
||||||
router.push('/rili/gongdanliebiao');
|
router.push('/znxj/gdgl/gongdanliebiao');
|
||||||
};
|
};
|
||||||
const handleInspection7 = () => {
|
const handleInspection7 = () => {
|
||||||
router.push('/rili/renyuanzhuangtai');
|
router.push('/znxj/ywzz/renyuanzhuangtai');
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleInspectionManagement1 = () => {
|
const handleInspectionManagement1 = () => {
|
||||||
router.push('/rili/qiangxiuguanli');
|
router.push('/znxj/qxgl/qiangxiuguanli');
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleInspectionManagement2 = () => {
|
const handleInspectionManagement2 = () => {
|
||||||
router.push('/rili/qiangxiujilu');
|
router.push('/znxj/qxgl/qiangxiujilu');
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@ -397,34 +397,34 @@ const assignTask = (person) => {
|
|||||||
|
|
||||||
// 导航路由跳转
|
// 导航路由跳转
|
||||||
const handleInspection1 = () => {
|
const handleInspection1 = () => {
|
||||||
router.push('/rili/rili');
|
router.push('/znxj/rili');
|
||||||
};
|
};
|
||||||
const handleInspection2 = () => {
|
const handleInspection2 = () => {
|
||||||
router.push('/rili/InspectionManagement');
|
router.push('/znxj/xjgl/InspectionManagement');
|
||||||
};
|
};
|
||||||
const handleInspection3 = () => {
|
const handleInspection3 = () => {
|
||||||
router.push('/rili/shiyanguanli');
|
router.push('/znxj/sygl/shiyanguanli');
|
||||||
};
|
};
|
||||||
const handleInspection4 = () => {
|
const handleInspection4 = () => {
|
||||||
router.push('/rili/baoxiuguanli');
|
router.push('/znxj/bxgl/baoxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection5 = () => {
|
const handleInspection5 = () => {
|
||||||
router.push('/rili/qiangxiuguanli');
|
router.push('/znxj/qxgl/qiangxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection6 = () => {
|
const handleInspection6 = () => {
|
||||||
router.push('/rili/gongdanliebiao');
|
router.push('/znxj/gdgl/gongdanliebiao');
|
||||||
};
|
};
|
||||||
const handleInspection7 = () => {
|
const handleInspection7 = () => {
|
||||||
router.push('/rili/renyuanzhuangtai');
|
router.push('/znxj/ywzz/renyuanzhuangtai');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement1 = () => {
|
const handleInspectionManagement1 = () => {
|
||||||
router.push('/rili/renyuanzhuangtai');
|
router.push('/znxj/ywzz/renyuanzhuangtai');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement2 = () => {
|
const handleInspectionManagement2 = () => {
|
||||||
router.push('/rili/cheliangzhuangtai');
|
router.push('/znxj/ywzz/cheliangzhuangtai');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement3 = () => {
|
const handleInspectionManagement3 = () => {
|
||||||
router.push('/rili/banzhuzhuangtai');
|
router.push('/znxj/ywzz/banzhuzhuangtai');
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@ -688,34 +688,34 @@ const recentRecords = ref([]);
|
|||||||
|
|
||||||
// 9. 方法:切换顶部导航
|
// 9. 方法:切换顶部导航
|
||||||
const handleInspection1 = () => {
|
const handleInspection1 = () => {
|
||||||
router.push('/rili/rili');
|
router.push('/znxj/rili');
|
||||||
};
|
};
|
||||||
const handleInspection2 = () => {
|
const handleInspection2 = () => {
|
||||||
router.push('/rili/InspectionManagement');
|
router.push('/znxj/xjgl/InspectionManagement');
|
||||||
};
|
};
|
||||||
const handleInspection3 = () => {
|
const handleInspection3 = () => {
|
||||||
router.push('/rili/shiyanguanli');
|
router.push('/znxj/sygl/shiyanguanli');
|
||||||
};
|
};
|
||||||
const handleInspection4 = () => {
|
const handleInspection4 = () => {
|
||||||
router.push('/rili/baoxiuguanli');
|
router.push('/znxj/bxgl/baoxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection5 = () => {
|
const handleInspection5 = () => {
|
||||||
router.push('/rili/qiangxiuguanli');
|
router.push('/znxj/qxgl/qiangxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection6 = () => {
|
const handleInspection6 = () => {
|
||||||
router.push('/rili/gongdanliebiao');
|
router.push('/znxj/gdgl/gongdanliebiao');
|
||||||
};
|
};
|
||||||
const handleInspection7 = () => {
|
const handleInspection7 = () => {
|
||||||
router.push('/rili/renyuanzhuangtai');
|
router.push('/znxj/ywzz/renyuanzhuangtai');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement1 = () => {
|
const handleInspectionManagement1 = () => {
|
||||||
router.push('/rili/shiyanguanli');
|
router.push('/znxj/sygl/shiyanguanli');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement2 = () => {
|
const handleInspectionManagement2 = () => {
|
||||||
router.push('/rili/shiyanrenwu');
|
router.push('/znxj/sygl/shiyanrenwu');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement3 = () => {
|
const handleInspectionManagement3 = () => {
|
||||||
router.push('/rili/shiyanjilu');
|
router.push('/znxj/sygl/shiyanjilu');
|
||||||
};
|
};
|
||||||
// 10. 方法:切换功能选项卡
|
// 10. 方法:切换功能选项卡
|
||||||
const switchTab = (tab) => {
|
const switchTab = (tab) => {
|
||||||
|
|||||||
@ -629,37 +629,37 @@ const handleSizeChange = (size) => {
|
|||||||
|
|
||||||
// 19. 导航方法
|
// 19. 导航方法
|
||||||
const handleInspection1 = () => {
|
const handleInspection1 = () => {
|
||||||
router.push('/rili/rili');
|
router.push('/znxj/rili');
|
||||||
};
|
};
|
||||||
const handleInspection2 = () => {
|
const handleInspection2 = () => {
|
||||||
router.push('/rili/InspectionManagement');
|
router.push('/znxj/xjgl/InspectionManagement');
|
||||||
};
|
};
|
||||||
const handleInspection3 = () => {
|
const handleInspection3 = () => {
|
||||||
router.push('/rili/shiyanguanli');
|
router.push('/znxj/sygl/shiyanguanli');
|
||||||
};
|
};
|
||||||
const handleInspection4 = () => {
|
const handleInspection4 = () => {
|
||||||
router.push('/rili/baoxiuguanli');
|
router.push('/znxj/bxgl/baoxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection5 = () => {
|
const handleInspection5 = () => {
|
||||||
router.push('/rili/qiangxiuguanli');
|
router.push('/znxj/qxgl/qiangxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection6 = () => {
|
const handleInspection6 = () => {
|
||||||
router.push('/rili/gongdanliebiao');
|
router.push('/znxj/gdgl/gongdanliebiao');
|
||||||
};
|
};
|
||||||
const handleInspection7 = () => {
|
const handleInspection7 = () => {
|
||||||
router.push('/rili/renyuanzhuangtai');
|
router.push('/znxj/ywzz/renyuanzhuangtai');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement1 = () => {
|
const handleInspectionManagement1 = () => {
|
||||||
activeTab.value = 'plan';
|
activeTab.value = 'plan';
|
||||||
router.push('/rili/shiyanguanli');
|
router.push('/znxj/sygl/shiyanguanli');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement2 = () => {
|
const handleInspectionManagement2 = () => {
|
||||||
activeTab.value = 'task';
|
activeTab.value = 'task';
|
||||||
router.push('/rili/shiyanrenwu');
|
router.push('/znxj/sygl/shiyanrenwu');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement3 = () => {
|
const handleInspectionManagement3 = () => {
|
||||||
activeTab.value = 'record';
|
activeTab.value = 'record';
|
||||||
router.push('/rili/shiyanjilu');
|
router.push('/znxj/sygl/shiyanjilu');
|
||||||
};
|
};
|
||||||
|
|
||||||
// 20. 详情弹窗相关
|
// 20. 详情弹窗相关
|
||||||
|
|||||||
@ -440,7 +440,7 @@ import router from '@/router';
|
|||||||
import { syrenwulist, syrenwuDetail, addsyrenwu, updatesyrenwu } from '@/api/zhinengxunjian/shiyan/renwu';
|
import { syrenwulist, syrenwuDetail, addsyrenwu, updatesyrenwu } from '@/api/zhinengxunjian/shiyan/renwu';
|
||||||
import { shiyanlist } from '@/api/zhinengxunjian/shiyan';
|
import { shiyanlist } from '@/api/zhinengxunjian/shiyan';
|
||||||
import { xunjianUserlist } from '@/api/zhinengxunjian/xunjian/index';
|
import { xunjianUserlist } from '@/api/zhinengxunjian/xunjian/index';
|
||||||
import { addjiedian } from '@/api/zhinengxunjian/jiedian/index';
|
import { addjiedian, updatejiedian } from '@/api/zhinengxunjian/jiedian/index';
|
||||||
// 引入Element Plus组件(提示/空状态/骨架屏/弹窗)
|
// 引入Element Plus组件(提示/空状态/骨架屏/弹窗)
|
||||||
import { ElMessage, ElEmpty, ElSkeleton, ElForm, ElMessageBox, ElDialog } from 'element-plus';
|
import { ElMessage, ElEmpty, ElSkeleton, ElForm, ElMessageBox, ElDialog } from 'element-plus';
|
||||||
|
|
||||||
@ -831,16 +831,45 @@ const mapApiToView = (apiData) => {
|
|||||||
// 生成试验阶段信息
|
// 生成试验阶段信息
|
||||||
const getTestStage = () => {
|
const getTestStage = () => {
|
||||||
try {
|
try {
|
||||||
// 优先查找nodes数组中status为2的第一条数据
|
// 优先查找nodes数组中处于执行中或失败的节点来确定当前试验阶段
|
||||||
if (apiData && apiData.nodes && Array.isArray(apiData.nodes)) {
|
if (apiData && apiData.nodes && Array.isArray(apiData.nodes)) {
|
||||||
const firstStatusTwoNode = apiData.nodes.find((node) => {
|
// 查找执行中状态的节点
|
||||||
// 确保node存在且有status属性
|
const executingNode = apiData.nodes.find((node) => {
|
||||||
if (!node || node.status === undefined) return false;
|
if (!node || node.status === undefined) return false;
|
||||||
// 处理status可能是字符串或数字的情况
|
|
||||||
return node.status === '2' || node.status === 2;
|
return node.status === '2' || node.status === 2;
|
||||||
});
|
});
|
||||||
if (firstStatusTwoNode && firstStatusTwoNode.name) {
|
|
||||||
return firstStatusTwoNode.name;
|
// 如果有执行中的节点,根据code判断阶段
|
||||||
|
if (executingNode && executingNode.code !== undefined) {
|
||||||
|
const stepName = executingNode.name || '未命名步骤';
|
||||||
|
return `第${executingNode.code}步(${stepName})`;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查找失败状态的节点
|
||||||
|
const failedNode = apiData.nodes.find((node) => {
|
||||||
|
if (!node || node.status === undefined) return false;
|
||||||
|
return node.status === '3' || node.status === 3;
|
||||||
|
});
|
||||||
|
|
||||||
|
// 如果有失败的节点,根据code判断阶段
|
||||||
|
if (failedNode && failedNode.code !== undefined) {
|
||||||
|
const stepName = failedNode.name || '未命名步骤';
|
||||||
|
return `第${failedNode.code}步(${stepName})`;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查找已完成的节点,确定最后完成的阶段
|
||||||
|
const completedNodes = apiData.nodes.filter((node) => {
|
||||||
|
if (!node || node.status === undefined) return false;
|
||||||
|
return node.status === '4' || node.status === 4;
|
||||||
|
});
|
||||||
|
|
||||||
|
if (completedNodes.length > 0) {
|
||||||
|
// 按code排序,取最大的code
|
||||||
|
completedNodes.sort((a, b) => Number(b.code) - Number(a.code));
|
||||||
|
if (completedNodes[0].code !== undefined) {
|
||||||
|
const stepName = completedNodes[0].name || '未命名步骤';
|
||||||
|
return `第${completedNodes[0].code}步(${stepName})`;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// 如果没有找到符合条件的nodes数据,检查是否有明确的试验阶段信息
|
// 如果没有找到符合条件的nodes数据,检查是否有明确的试验阶段信息
|
||||||
@ -1014,9 +1043,34 @@ const handleAction = async (task) => {
|
|||||||
return node.status === '2' || node.status === 2;
|
return node.status === '2' || node.status === 2;
|
||||||
});
|
});
|
||||||
if (firstUnfinishedNode) {
|
if (firstUnfinishedNode) {
|
||||||
|
// 使用updatejiedian接口更新节点状态,构造完整的节点信息数组
|
||||||
|
const nodeUpdateParams = [
|
||||||
|
{
|
||||||
|
...firstUnfinishedNode,
|
||||||
|
status: '3',
|
||||||
|
updateTime: new Date().toISOString(),
|
||||||
|
// 确保包含所有必需字段
|
||||||
|
createDept: firstUnfinishedNode.createDept || 0,
|
||||||
|
createBy: firstUnfinishedNode.createBy || 0,
|
||||||
|
createTime: firstUnfinishedNode.createTime || new Date().toISOString(),
|
||||||
|
updateBy: firstUnfinishedNode.updateBy || 0,
|
||||||
|
params: firstUnfinishedNode.params || {
|
||||||
|
property1: 'string',
|
||||||
|
property2: 'string'
|
||||||
|
},
|
||||||
|
module: firstUnfinishedNode.module || 'string',
|
||||||
|
orderId: firstUnfinishedNode.orderId || 0,
|
||||||
|
code: firstUnfinishedNode.code || 0,
|
||||||
|
name: firstUnfinishedNode.name || 'string',
|
||||||
|
intendedPurpose: firstUnfinishedNode.intendedPurpose || 'string',
|
||||||
|
intendedTime: firstUnfinishedNode.intendedTime || new Date().toISOString(),
|
||||||
|
finishTime: firstUnfinishedNode.finishTime || '',
|
||||||
|
remark: firstUnfinishedNode.remark || ''
|
||||||
|
}
|
||||||
|
];
|
||||||
|
await updatejiedian(nodeUpdateParams);
|
||||||
|
// 更新本地数据以反映最新状态
|
||||||
firstUnfinishedNode.status = '3';
|
firstUnfinishedNode.status = '3';
|
||||||
// 确保更新到updateParams中
|
|
||||||
updateParams.nodes = taskDetails.nodes;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
} catch (innerError) {
|
} catch (innerError) {
|
||||||
@ -1050,13 +1104,39 @@ const handleAction = async (task) => {
|
|||||||
|
|
||||||
// 将失败的步骤状态改回2(未完成)
|
// 将失败的步骤状态改回2(未完成)
|
||||||
if (taskDetails.nodes && Array.isArray(taskDetails.nodes)) {
|
if (taskDetails.nodes && Array.isArray(taskDetails.nodes)) {
|
||||||
taskDetails.nodes.forEach((node) => {
|
const failedNodes = taskDetails.nodes.filter((node) => {
|
||||||
if (node.status === '3' || node.status === 3) {
|
return node.status === '3' || node.status === 3;
|
||||||
node.status = '2';
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
// 确保更新到updateParams中
|
|
||||||
updateParams.nodes = taskDetails.nodes;
|
// 构造包含所有失败节点的完整信息数组
|
||||||
|
const nodeUpdateParams = failedNodes.map((failedNode) => ({
|
||||||
|
...failedNode,
|
||||||
|
status: '2',
|
||||||
|
updateTime: new Date().toISOString(),
|
||||||
|
// 确保包含所有必需字段
|
||||||
|
createDept: failedNode.createDept || 0,
|
||||||
|
createBy: failedNode.createBy || 0,
|
||||||
|
createTime: failedNode.createTime || new Date().toISOString(),
|
||||||
|
updateBy: failedNode.updateBy || 0,
|
||||||
|
params: failedNode.params || {
|
||||||
|
property1: 'string',
|
||||||
|
property2: 'string'
|
||||||
|
},
|
||||||
|
module: failedNode.module || 'string',
|
||||||
|
orderId: failedNode.orderId || 0,
|
||||||
|
code: failedNode.code || 0,
|
||||||
|
name: failedNode.name || 'string',
|
||||||
|
intendedPurpose: failedNode.intendedPurpose || 'string',
|
||||||
|
intendedTime: failedNode.intendedTime || new Date().toISOString(),
|
||||||
|
finishTime: failedNode.finishTime || '',
|
||||||
|
remark: failedNode.remark || ''
|
||||||
|
}));
|
||||||
|
// 一次性调用updatejiedian接口更新所有节点
|
||||||
|
await updatejiedian(nodeUpdateParams);
|
||||||
|
// 更新本地数据以反映最新状态
|
||||||
|
for (const failedNode of failedNodes) {
|
||||||
|
failedNode.status = '2';
|
||||||
|
}
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
default:
|
default:
|
||||||
@ -1261,34 +1341,34 @@ const handleCancelCreateTask = () => {
|
|||||||
|
|
||||||
// ============== 5. 导航栏跳转逻辑(保持原有) ==============
|
// ============== 5. 导航栏跳转逻辑(保持原有) ==============
|
||||||
const handleInspectionManagement1 = () => {
|
const handleInspectionManagement1 = () => {
|
||||||
router.push('/rili/shiyanguanli');
|
router.push('/znxj/sygl/shiyanguanli');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement2 = () => {
|
const handleInspectionManagement2 = () => {
|
||||||
router.push('/rili/shiyanrenwu');
|
router.push('/znxj/sygl/shiyanrenwu');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement3 = () => {
|
const handleInspectionManagement3 = () => {
|
||||||
router.push('/rili/shiyanjilu');
|
router.push('/znxj/sygl/shiyanjilu');
|
||||||
};
|
};
|
||||||
const handleInspection1 = () => {
|
const handleInspection1 = () => {
|
||||||
router.push('/rili/rili');
|
router.push('/znxj/rili');
|
||||||
};
|
};
|
||||||
const handleInspection2 = () => {
|
const handleInspection2 = () => {
|
||||||
router.push('/rili/InspectionManagement');
|
router.push('/znxj/xjgl/InspectionManagement');
|
||||||
};
|
};
|
||||||
const handleInspection3 = () => {
|
const handleInspection3 = () => {
|
||||||
router.push('/rili/shiyanguanli');
|
router.push('/znxj/sygl/shiyanguanli');
|
||||||
};
|
};
|
||||||
const handleInspection4 = () => {
|
const handleInspection4 = () => {
|
||||||
router.push('/rili/baoxiuguanli');
|
router.push('/znxj/bxgl/baoxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection5 = () => {
|
const handleInspection5 = () => {
|
||||||
router.push('/rili/qiangxiuguanli');
|
router.push('/znxj/qxgl/qiangxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection6 = () => {
|
const handleInspection6 = () => {
|
||||||
router.push('/rili/gongdanliebiao');
|
router.push('/znxj/gdgl/gongdanliebiao');
|
||||||
};
|
};
|
||||||
const handleInspection7 = () => {
|
const handleInspection7 = () => {
|
||||||
router.push('/rili/renyuanzhuangtai');
|
router.push('/znxj/ywzz/renyuanzhuangtai');
|
||||||
};
|
};
|
||||||
|
|
||||||
// ============== 6. 页面初始化(加载任务列表和用户列表) ==============
|
// ============== 6. 页面初始化(加载任务列表和用户列表) ==============
|
||||||
|
|||||||
@ -603,34 +603,34 @@ onUnmounted(() => {
|
|||||||
|
|
||||||
// 导航方法
|
// 导航方法
|
||||||
const handleInspection1 = () => {
|
const handleInspection1 = () => {
|
||||||
router.push('/rili/rili');
|
router.push('/znxj/rili');
|
||||||
};
|
};
|
||||||
const handleInspection2 = () => {
|
const handleInspection2 = () => {
|
||||||
router.push('/rili/InspectionManagement');
|
router.push('/znxj/xjgl/InspectionManagement');
|
||||||
};
|
};
|
||||||
const handleInspection3 = () => {
|
const handleInspection3 = () => {
|
||||||
router.push('/rili/shiyanguanli');
|
router.push('/znxj/sygl/shiyanguanli');
|
||||||
};
|
};
|
||||||
const handleInspection4 = () => {
|
const handleInspection4 = () => {
|
||||||
router.push('/rili/baoxiuguanli');
|
router.push('/znxj/bxgl/baoxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection5 = () => {
|
const handleInspection5 = () => {
|
||||||
router.push('/rili/qiangxiuguanli');
|
router.push('/znxj/qxgl/qiangxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection6 = () => {
|
const handleInspection6 = () => {
|
||||||
router.push('/rili/gongdanliebiao');
|
router.push('/znxj/gdgl/gongdanliebiao');
|
||||||
};
|
};
|
||||||
const handleInspection7 = () => {
|
const handleInspection7 = () => {
|
||||||
router.push('/rili/renyuanzhuangtai');
|
router.push('/znxj/ywzz/renyuanzhuangtai');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement1 = () => {
|
const handleInspectionManagement1 = () => {
|
||||||
router.push('/rili/InspectionManagement');
|
router.push('/znxj/xjgl/InspectionManagement');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement2 = () => {
|
const handleInspectionManagement2 = () => {
|
||||||
router.push('/rili/xunjianrenwu');
|
router.push('/znxj/xjgl/xunjianrenwu');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement3 = () => {
|
const handleInspectionManagement3 = () => {
|
||||||
router.push('/rili/xunjianjihua');
|
router.push('/znxj/xjgl/xunjianjihua');
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@ -992,35 +992,35 @@ const handleCloseDetailDialog = () => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const handleInspectionManagement1 = () => {
|
const handleInspectionManagement1 = () => {
|
||||||
router.push('/rili/InspectionManagement');
|
router.push('/znxj/xjgl/InspectionManagement');
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleInspectionManagement2 = () => {
|
const handleInspectionManagement2 = () => {
|
||||||
router.push('/rili/xunjianrenwu');
|
router.push('/znxj/xjgl/xunjianrenwu');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement3 = () => {
|
const handleInspectionManagement3 = () => {
|
||||||
router.push('/rili/xunjianjihua');
|
router.push('/znxj/xjgl/xunjianjihua');
|
||||||
};
|
};
|
||||||
const handleInspection1 = () => {
|
const handleInspection1 = () => {
|
||||||
router.push('/rili/rili');
|
router.push('/znxj/rili');
|
||||||
};
|
};
|
||||||
const handleInspection2 = () => {
|
const handleInspection2 = () => {
|
||||||
router.push('/rili/InspectionManagement');
|
router.push('/znxj/xjgl/InspectionManagement');
|
||||||
};
|
};
|
||||||
const handleInspection3 = () => {
|
const handleInspection3 = () => {
|
||||||
router.push('/rili/shiyanguanli');
|
router.push('/znxj/sygl/shiyanguanli');
|
||||||
};
|
};
|
||||||
const handleInspection4 = () => {
|
const handleInspection4 = () => {
|
||||||
router.push('/rili/baoxiuguanli');
|
router.push('/znxj/bxgl/baoxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection5 = () => {
|
const handleInspection5 = () => {
|
||||||
router.push('/rili/qiangxiuguanli');
|
router.push('/znxj/qxgl/qiangxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection6 = () => {
|
const handleInspection6 = () => {
|
||||||
router.push('/rili/gongdanliebiao');
|
router.push('/znxj/gdgl/gongdanliebiao');
|
||||||
};
|
};
|
||||||
const handleInspection7 = () => {
|
const handleInspection7 = () => {
|
||||||
router.push('/rili/renyuanzhuangtai');
|
router.push('/znxj/ywzz/renyuanzhuangtai');
|
||||||
};
|
};
|
||||||
|
|
||||||
// 处理任务操作按钮点击事件
|
// 处理任务操作按钮点击事件
|
||||||
|
|||||||
@ -1533,35 +1533,35 @@ const cancelCreate = () => {
|
|||||||
|
|
||||||
// 导航路由跳转
|
// 导航路由跳转
|
||||||
const handleInspection1 = () => {
|
const handleInspection1 = () => {
|
||||||
router.push('/rili/rili');
|
router.push('/znxj/rili');
|
||||||
};
|
};
|
||||||
const handleInspection2 = () => {
|
const handleInspection2 = () => {
|
||||||
router.push('/rili/InspectionManagement');
|
router.push('/znxj/xjgl/InspectionManagement');
|
||||||
};
|
};
|
||||||
const handleInspection3 = () => {
|
const handleInspection3 = () => {
|
||||||
router.push('/rili/shiyanguanli');
|
router.push('/znxj/sygl/shiyanguanli');
|
||||||
};
|
};
|
||||||
const handleInspection4 = () => {
|
const handleInspection4 = () => {
|
||||||
router.push('/rili/baoxiuguanli');
|
router.push('/znxj/bxgl/baoxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection5 = () => {
|
const handleInspection5 = () => {
|
||||||
router.push('/rili/qiangxiuguanli');
|
router.push('/znxj/qxgl/qiangxiuguanli');
|
||||||
};
|
};
|
||||||
const handleInspection6 = () => {
|
const handleInspection6 = () => {
|
||||||
router.push('/rili/gongdanliebiao');
|
router.push('/znxj/gdgl/gongdanliebiao');
|
||||||
};
|
};
|
||||||
const handleInspection7 = () => {
|
const handleInspection7 = () => {
|
||||||
router.push('/rili/renyuanzhuangtai');
|
router.push('/znxj/ywzz/renyuanzhuangtai');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement1 = () => {
|
const handleInspectionManagement1 = () => {
|
||||||
router.push('/rili/gongdanliebiao');
|
router.push('/znxj/gdgl/gongdanliebiao');
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleInspectionManagement2 = () => {
|
const handleInspectionManagement2 = () => {
|
||||||
router.push('/rili/paidanjilu');
|
router.push('/znxj/gdgl/paidanjilu');
|
||||||
};
|
};
|
||||||
const handleInspectionManagement3 = () => {
|
const handleInspectionManagement3 = () => {
|
||||||
router.push('/rili/zhixingjilu');
|
router.push('/znxj/gdgl/zhixingjilu');
|
||||||
};
|
};
|
||||||
|
|
||||||
// 关闭详情弹窗
|
// 关闭详情弹窗
|
||||||
|
|||||||
Reference in New Issue
Block a user