From 7c49c0d2832805adb2e5678c689732835dbce8a4 Mon Sep 17 00:00:00 2001
From: yangyin <1850366751@qq.com>
Date: 星期四, 29 八月 2024 16:27:37 +0800
Subject: [PATCH] fix: 新增数据列表返回页面
---
src/views/project/yw/knowledge/Graph.vue | 139 ++++++++--------------------------------------
1 files changed, 25 insertions(+), 114 deletions(-)
diff --git a/src/views/project/yw/knowledge/Graph.vue b/src/views/project/yw/knowledge/Graph.vue
index 9f88f3a..d0b8f60 100644
--- a/src/views/project/yw/knowledge/Graph.vue
+++ b/src/views/project/yw/knowledge/Graph.vue
@@ -51,6 +51,7 @@
</template>
</LeftTreeByMgr>
</template>
+
<template #header>
<!-- 鏌ヨ銆侀噸缃�佹帓搴忋�佸鍔犺〃鍗� -->
<el-form :inline="true" :model="formulaQueryParams">
@@ -67,13 +68,13 @@
<el-form-item>
<el-button type="primary" icon="ele-Search"> 鏌ヨ </el-button>
<el-button icon="ele-Refresh">閲嶇疆 </el-button>
- <el-button icon="ele-Plus" @click="openOperateFormulaDialog()"> 瀵煎叆鏁版嵁 </el-button>
+ <el-button icon="ele-Plus" @click="importData()"> 瀵煎叆鏁版嵁 </el-button>
</el-form-item>
</el-form></template
>
<template #main
><!-- 鏁版嵁灞曠ず琛ㄦ牸 -->
- <div class="flex-auto flex-column h-full">
+ <div class="flex-auto flex-column h-full" v-if="state.isShowTrendFun">
<el-table
v-loading="formulaTableLoading"
ref="draggableFormulaTableRef"
@@ -93,9 +94,7 @@
<el-table-column prop="CronTypes" label="涓婁紶鏃堕棿" show-overflow-tooltip> </el-table-column>
<el-table-column label="鎿嶄綔" width="220" fixed="right" show-overflow-tooltip>
<template #default="scope">
- <el-button icon="ele-Edit" size="small" text type="primary" @click="openOperateFormulaDialog(scope.row)">
- 璇︽儏</el-button
- >
+ <el-button icon="ele-Tickets" size="small" text type="primary" @click="openOperateDemoPage(scope.row)"> 璇︽儏</el-button>
<el-button icon="ele-Delete" size="small" text type="danger" @click="deleteCurrentFormulaRow(scope.row)">
鍒犻櫎
</el-button>
@@ -185,38 +184,6 @@
<!-- 澧炲姞銆佷慨鏀规暟鎹璇濇 -->
<el-dialog
:destroy-on-close="true"
- v-model="formulaDialogIsShow"
- width="530"
- :close-on-click-modal="false"
- @closed="closeFormulaDialog"
- >
- <template #header>
- <div style="color: #fff">
- <SvgIcon :name="formulaDialogHeaderIcon" :size="16" style="margin-right: 3px; display: inline; vertical-align: middle" />
- <span> {{ formulaDialogTitle }} </span>
- </div>
- </template>
-
- <el-form :model="formulaDialogFormValue" ref="formulaDialogFormRef" :rules="formulaDialogFormRules" label-width="78">
- <el-form-item label="鍚嶇О" prop="Name">
- <el-input placeholder="璇疯緭鍏ュ悕绉�" v-model="formulaDialogFormValue.Name"></el-input>
- </el-form-item>
- <el-form-item label="缂栫爜" prop="Code">
- <el-input placeholder="璇疯緭鍏ュ敮涓�缂栫爜" v-model="formulaDialogFormValue.Code"></el-input>
- </el-form-item>
- <el-form-item label="璇存槑" prop="Description">
- <el-input placeholder="璇疯緭鍏ヨ鏄�" v-model="formulaDialogFormValue.Description" type="textarea" :rows="3" />
- </el-form-item>
- </el-form>
- <template #footer>
- <div>
- <el-button @click="closeFormulaDialog">鍙� 娑�</el-button>
- <el-button type="primary" @click="submitFormulaFormValue">纭� 瀹�</el-button>
- </div>
- </template>
- </el-dialog>
- <el-dialog
- :destroy-on-close="true"
v-model="updateModuleDlgIsShow"
width="400"
:close-on-click-modal="false"
@@ -265,11 +232,13 @@
import { ElMessage, ElMessageBox } from 'element-plus';
import type { PropType } from 'vue';
import { computed, nextTick, onMounted, reactive, ref } from 'vue';
+import { useRouter } from 'vue-router';
import AHMContainer from '/@/components/layout/AHMContainer.vue';
import LeftTreeByMgr from '/@/components/tree/leftTreeByMgr.vue';
import { deepClone } from '/@/utils/other';
import { convertListToTree } from '/@/utils/util';
import { analyzeMap } from '/@/views/types/catalog/index';
+
const props = defineProps({
request: {
type: Function as PropType<(config: AxiosRequestConfig<any>) => Promise<AxiosResponse<any, any>>>,
@@ -281,6 +250,9 @@
PageSize: 10,
},
tableTotal: 0,
+ isShowTrendFun: true,
+ showViewBack: false,
+ detailTitle: '',
});
//#region ====================== 宸︿晶鏍戞暟鎹紝tree init ======================
const leftTreeRef = ref(null);
@@ -321,7 +293,11 @@
//#endregion
//#region ====================== 鑾峰彇銆佸垹闄よ〃鏍兼暟鎹� ======================
const formulaTableLoading = ref(false);
-const categoryTableData = ref([]);
+const categoryTableData = ref([
+ {
+ Name: '娴嬭瘯',
+ },
+]);
const isFormulaTableDrag = ref(false);
const getCategoryTableData = async () => {
formulaTableLoading.value = true;
@@ -380,84 +356,19 @@
});
//#endregion
-//#region ====================== 澧炲姞銆佷慨鏀硅〃鏍艰褰曟搷浣�, dialog init======================
-const isEditFormulaDialog = ref(false);
-const formulaDialogTitle = computed(() => {
- return isEditFormulaDialog.value ? '淇敼鍏紡' : '娣诲姞鍏紡';
-});
-const formulaDialogHeaderIcon = computed(() => {
- return isEditFormulaDialog.value ? 'ele-Edit' : 'ele-Plus';
-});
-const formulaDialogFormValue = ref(null);
-const formulaDialogIsShow = ref(false);
-const formulaDialogFormRef = ref<FormInstance>(null);
-const formulaInitialCode = ref('');
-
-const formulaDialogFormRules = ref<FormRules>({
- Name: [{ required: true, message: '璇疯緭鍏ュ悕绉�', trigger: 'blur' }],
- FormatType: [{ required: true, message: '璇烽�夋嫨杩斿洖绫诲瀷', trigger: 'change' }],
-});
-const openOperateFormulaDialog = (row?) => {
- if (row) {
- isEditFormulaDialog.value = true;
- const { ID, Name, FormatType, MeasureTypes, CronTypes, SourceTypes, Code, Description } = row;
- formulaInitialCode.value = Code;
- formulaDialogFormValue.value = deepClone({ ID, Name, FormatType, MeasureTypes, CronTypes, SourceTypes, Code, Description });
- } else {
- isEditFormulaDialog.value = false;
- formulaInitialCode.value = '';
-
- formulaDialogFormValue.value = {
- GroupID: currentListID.value,
- FormatType: null,
- MeasureTypes: [],
- CronTypes: [],
- SourceTypes: [],
- Name: '',
- Code: '',
- Description: '',
- };
- }
- formulaDialogIsShow.value = true;
+//#region ====================== 璺宠浆鏂囨。璇︽儏椤甸潰 init======================
+const router = useRouter();
+const openOperateDemoPage = (row: any) => {
+ router.push({
+ name: 'GraphDetail',
+ params: {
+ ID: row.ID,
+ },
+ });
};
-const closeFormulaDialog = () => {
- formulaDialogIsShow.value = false;
- formulaDialogFormRef.value.clearValidate();
-};
-
-const submitFormulaFormValue = async () => {
- const valid = await formulaDialogFormRef.value.validate().catch(() => {});
- if (!valid) return;
-
- if (isEditFormulaDialog.value) {
- const res = await TableUpdate(formulaDialogFormValue.value, props.request);
- if (res?.Code === 0) {
- if (res.Data) {
- getCategoryTableData();
- closeFormulaDialog();
- ElMessage.success('淇敼鍏紡鎴愬姛');
- } else {
- ElMessage.error('淇敼鍏紡澶辫触');
- }
- } else {
- ElMessage.error('淇敼鍏紡澶辫触' + (res?.Message ? `锛�${JSON.stringify(res.Message)}` : ''));
- }
- } else {
- const res = await TableInsert(formulaDialogFormValue.value, props.request);
- if (res?.Code === 0) {
- if (res.Data) {
- getCategoryTableData();
- closeFormulaDialog();
- ElMessage.success('娣诲姞鍏紡鎴愬姛');
- } else {
- ElMessage.error('娣诲姞鍏紡澶辫触');
- }
- } else {
- ElMessage.error('娣诲姞鍏紡澶辫触' + (res?.Message ? `锛�${JSON.stringify(res.Message)}` : ''));
- }
- }
-};
+//瀵煎叆鏁版嵁
+const importData = () => {};
//#endregion
//#region ====================== 鍒犻櫎宸︿晶鏍戝叕寮忕粍鏁版嵁 ======================
--
Gitblit v1.9.3