新增数据列表

src/api/datahub/index.ts

@@ -26,6 +26,7 @@ export default {
       delete: (ids: number) => del('/source/template/del', { ids }),
       edit: (data: object) => put('/source/template/edit', data),
       detail: (id: number) => get('/source/template/detail', { id }),
+      getdata: (id: number) => get('/source/template/getdata', { id }),
    } ,
 
    tnode:{
@@ -33,6 +34,8 @@ export default {
       add: (data: object) => post('/source/template/node/add', data),
       delete: (id: number) => del('/source/template/node/del', { id }),
       edit: (data: object) => put('/source/template/node/edit', data),
+      deploy: (data: object) => post('/source/template/deploy', data),
+      undeploy: (data: object) => post('/source/template/undeploy', data),  
    },
   
 }

src/views/datahub/modeling/component/detail.vue

@@ -0,0 +1,87 @@
+<template>
+	<div class="system-edit-dic-container">
+		<el-dialog title="数据记录" v-model="isShowDialog" width="75%">
+
+
+			<el-form :model="ruleForm" ref="formRef" :rules="rules" size="default" label-width="110px">
+
+
+
+
+       <el-form-item :label="item+'：'"  v-for="(item,index) in jData" >
+          {{jsonsData[index]}}
+        </el-form-item>
+
+
+        
+			</el-form>
+
+		</el-dialog>
+	</div>
+</template>
+
+<script lang="ts">
+import { reactive, toRefs, defineComponent,ref, unref } from 'vue';
+import api from '/@/api/datahub';
+import {ElMessage} from "element-plus";
+
+interface DicState {
+	isShowDialog: boolean;
+}
+
+export default defineComponent({
+	name: 'deviceEditPro',
+	setup(prop,{emit}) {
+    const formRef = ref<HTMLElement | null>(null);
+		const state = reactive<DicState>({
+			isShowDialog: false,
+      jsonsData:[],
+      jData:[]
+	
+ 
+		});
+		// 打开弹窗
+		const openDialog = (row: RuleFormState|null) => {
+      resetForm();
+      if (row){
+        api.template.getdata(row.id).then((res:any)=>{
+
+          const jsonData=JSON.parse(res.data);
+        
+          state.jData=Object.keys(jsonData);
+          console.log(state.jData);
+          state.jData.forEach((item, index) => {
+						state.jsonsData[index] = jsonData[item];
+					});
+
+          console.log(state.jsonsData);
+          //state.ruleForm = res.data.dictType
+        })
+        state.ruleForm = row;
+      }
+			state.isShowDialog = true;
+		};
+    const resetForm = ()=>{
+      state.jsonsData=[];
+      state.jData=[];
+    };
+		// 关闭弹窗
+		const closeDialog = () => {
+			state.isShowDialog = false;
+		};
+		// 取消
+		const onCancel = () => {
+			closeDialog();
+		};
+
+
+		return {
+			openDialog,
+			closeDialog,
+			onCancel,
+      formRef,
+			...toRefs(state),
+		};
+	},
+});
+</script>

src/views/datahub/modeling/detail.vue

@@ -4,6 +4,10 @@
 			<div class="cont_box">
 				<div class="title">模型标识：{{ detail.key }}</div>
 				<div class="title" style="margin-left: 20px">模型表名：{{ detail.name }}</div>
+
+				<div class="pro-status"><span :class="developer_status == 1 ? 'on' : 'off'"></span>{{ developer_status == 1 ? '已发布' : '未发布' }}</div>
+
+				<div class="pro-option" @click="CkOption">{{ developer_status == 1 ? '停用' : '发布' }}</div>
 			</div>
 		</div>
 
@@ -125,6 +129,7 @@ export default defineComponent({
 
 			isShowDialog: false,
 			detail: [],
+			developer_status:0,
 
 			tableData: {
 				data: [],
@@ -144,6 +149,7 @@ export default defineComponent({
 			const ids = route.params && route.params.id;
 			api.template.detail(ids).then((res: any) => {
 				state.detail = res.data;
+				state.developer_status=res.data.status
 			});
 
 			typeList();
@@ -196,8 +202,23 @@ export default defineComponent({
 			editDicRef.value.openDialog({ tid: route.params.id, id: 0, from: 1 });
 		};
 
+		const CkOption = () => {
+			if (state.developer_status == 1) {
+				api.tnode.undeploy({ id: route.params.id }).then((res: any) => {
+					ElMessage.success('操作成功');
+					state.developer_status = 0;
+				});
+			} else {
+				api.tnode.deploy({ id: route.params.id }).then((res: any) => {
+					ElMessage.success('操作成功');
+					state.developer_status = 1;
+				});
+			}
+		};
+
 		return {
 			Edit,
+			CkOption,
 			editDicRef,
 			onOpenAdd,
 			typeList,

src/views/datahub/modeling/index.vue

@@ -59,8 +59,11 @@
 
 				<el-table-column prop="createdAt" label="创建时间" align="center"></el-table-column>
 
-				<el-table-column label="操作" width="200" align="center">
+				<el-table-column label="操作" width="400" align="center">
 					<template #default="scope">
+
+						
+
 						<router-link
 							:to="'/datahub/modeling/detail/' + scope.row.id"
 							class="link-type"
@@ -68,7 +71,7 @@
 						>
 							<span>字段管理</span>
 						</router-link>
-
+						<el-button size="small" text type="success" @click="onOpenRecord(scope.row)" >数据记录</el-button>
 						<el-button size="small" text type="warning" @click="onOpenEdit(scope.row)">修改</el-button>
 						<el-button size="small" text type="danger" @click="onRowDel(scope.row)">删除</el-button>
 					</template>
@@ -91,6 +94,7 @@
 import { toRefs, reactive, onMounted, ref, defineComponent } from 'vue';
 import { ElMessageBox, ElMessage, FormInstance } from 'element-plus';
 import EditDic from './component/edit.vue';
+import Detail from './component/detail.vue';
 import api from '/@/api/datahub';
 
 // 定义接口来定义对象的类型
@@ -118,10 +122,11 @@ interface TableDataState {
 
 export default defineComponent({
 	name: 'sourcelist',
-	components: { EditDic },
+	components: { EditDic,Detail },
 	setup() {
 		const addDicRef = ref();
 		const editDicRef = ref();
+		const detailRef=ref();
 		const queryRef = ref();
 		const state = reactive<TableDataState>({
 			tableData: {
@@ -154,6 +159,10 @@ export default defineComponent({
 		const onOpenEdit = (row: TableDataRow) => {
 			editDicRef.value.openDialog(row);
 		};
+		//打开数据记录
+		const onOpenRecord=(row: TableDataRow)=>{
+			detailRef.value.openDialog(row);
+		};
 		const onRowDel = (row: TableDataRow) => {
 			let msg = '你确定要删除所选数据？';
 			let ids: number[] = [];
@@ -198,7 +207,9 @@ export default defineComponent({
 		return {
 			addDicRef,
 			editDicRef,
+			detailRef,
 			queryRef,
+			onOpenRecord,
 			onOpenAdd,
 			onOpenEdit,
 			onRowDel,