Merge branch 'master' of http://git.mydig.net/Sagoo-Cloud/sagoo-admin-ui

src/views/assess/totalIndex/component/detailItem.vue

@@ -0,0 +1,170 @@
+<template>
+	<div class="system-add-user-container">
+		<el-dialog title="平台健康度" v-model="isShowDialog" width="780px">
+			<div class="table-wrap">
+				<div class="table-item-wrap">
+					<div class="label">详细介绍</div>
+					<div class="value">平台整体情况评价，综合设备、养殖、海域等指标</div>
+				</div>
+				<div class="table-item-wrap">
+					<div class="label">SecretKey</div>
+					<div class="value">调用API的安全密码、请联系管理员获取</div>
+				</div>
+				<div class="table-item-wrap">
+					<div class="label">app.healthEvaluation.entrance-api</div>
+					<div class="value">
+						<section>
+							<div class="inner-label">入口URL</div>
+							<div class="inner-value url">http://10.80.2.35:8199/v1/data</div>
+						</section>
+						<section>
+							<div class="inner-label">请求方式</div>
+							<div class="inner-value">POST</div>
+						</section>
+						<section>
+							<div class="inner-label">请求Body参数</div>
+							<div class="inner-value">
+								<div>itemcode：17216k2f0k0c5jee0vdn08g100u6rfhd</div>
+								<div>name：divice breed</div>
+								<div>value：当前值</div>
+								<div>form_info：平台数据</div>
+							</div>
+						</section>
+					</div>
+				</div>
+				<div class="table-item-wrap">
+					<div class="label">app.healthEvaluation.export-api</div>
+					<div class="value">
+						<section>
+							<div class="inner-label">出口URL</div>
+							<div class="inner-value url">http://10.80.2.35:8199/v1/index</div>
+						</section>
+						<section>
+							<div class="inner-label">请求方式</div>
+							<div class="vinner-value">GET</div>
+						</section>
+						<section>
+							<div class="inner-label">请求Query参数</div>
+							<div class="inner-value">
+								<div>itemcode：17216k2f0k0c5jee0vdn08g100u6rfhd</div>
+							</div>
+						</section>
+					</div>
+				</div>
+			</div>
+		</el-dialog>
+	</div>
+</template>
+
+<script lang="ts">
+import { reactive, toRefs, onMounted, defineComponent } from 'vue';
+import { ElMessage } from 'element-plus';
+
+// 定义接口来定义对象的类型
+interface RuleFormRow {
+	userName: string;
+	isUse: string;
+	dataType: string;
+	num: string;
+	description: any;
+}
+interface ItemState {
+	isShowDialog: boolean;
+	ruleForm: RuleFormRow;
+}
+
+export default defineComponent({
+	name: 'systemAddUser',
+	setup() {
+		const state = reactive<ItemState>({
+			isShowDialog: false,
+			ruleForm: {
+				userName: '', // 指标名称
+				isUse: "1", // 是否启用
+				dataType: '', // 数据项
+				num: '', // 权重(%)
+				description: '', // 取值范围
+			},
+		});
+		// 打开弹窗
+		const openDialog = (row: RuleFormRow) => {
+			state.ruleForm = row;
+			state.ruleForm.isUse = "1"
+			state.isShowDialog = true;
+		};
+		// 关闭弹窗
+		const closeDialog = () => {
+			state.isShowDialog = false;
+		};
+		// 取消
+		const onCancel = () => {
+			closeDialog();
+		};
+		// 新增
+		const onSubmit = () => {
+			closeDialog();
+		};
+		// 初始化部门数据
+		const initTableData = () => {
+			
+		};
+		// 页面加载时
+		onMounted(() => {
+			initTableData();
+		});
+		return {
+			openDialog,
+			closeDialog,
+			onCancel,
+			onSubmit,
+			...toRefs(state),
+		};
+	},
+});
+</script>
+
+<style lang="scss" scoped>
+::v-deep  .el-dialog__body {
+	border-top: 1px var(--el-border-color) var(--el-border-style);
+}
+.table-wrap {
+	.table-item-wrap:nth-child(1) {
+		border-top: 1px var(--el-border-color) var(--el-border-style);
+	}
+	.table-item-wrap {
+		display: flex;
+		
+		border-bottom: 1px var(--el-border-color) var(--el-border-style);
+		border-left: 1px var(--el-border-color) var(--el-border-style);
+		border-right: 1px var(--el-border-color) var(--el-border-style);
+		.value,
+		.label {
+			padding: 20px;
+			section {
+				display: flex;
+			}
+			// .inner-value {
+			// 	display: flex;
+			// }
+		}
+		.label {
+			display: flex;
+			// justify-content: center;
+			align-items: center;
+			width: 330px;
+			border-right: 1px var(--el-border-color) var(--el-border-style);
+			background-color: #f3f3f3;
+		}
+		.value {
+			width: 400px;
+			.inner-label {
+				width: 80px;
+			}
+			.url {
+				color: var(--el-color-primary);
+			}
+		}
+	}
+
+}
+</style>

src/views/assess/totalIndex/index.vue

@@ -35,9 +35,9 @@
 				<!-- <el-table-column align="center" prop="createTime" label="创建时间" show-overflow-tooltip></el-table-column> -->
 				<el-table-column align="center" label="操作" width="180">
 					<template #default="scope">
-						<el-button size="small" type="text"  @click="onOpenEditUser(scope.row)">编辑</el-button>
+						<el-button size="small" type="text"  @click="onOpenEditItem(scope.row)">编辑</el-button>
 						<el-button size="small" type="text" @click="onRowDel(scope.row)">删除</el-button>
-						<el-button size="small" type="text" @click="onRowDel(scope.row)">详细信息</el-button>
+						<el-button size="small" type="text" @click="onOpenDetailItem(scope.row)">详细信息</el-button>
 					</template>
 				</el-table-column>
 			</el-table>
@@ -56,9 +56,13 @@
 			</el-pagination> -->
 		</el-card>
 		<!-- <AddUer ref="addUserRef" /> -->
-		<EditUser ref="editUserRef" />
+		<EditItem ref="editItemRef" />
 
 		<AddItem ref="addItemRef" />
+
+		<DetailItem ref="detailItemRef" />
+
+		
 	</div>
 </template>
 
@@ -66,9 +70,12 @@
 import { toRefs, reactive, onMounted, ref, defineComponent } from 'vue';
 import { ElMessageBox, ElMessage } from 'element-plus';
 // import AddUer from '/@/views/system/user/component/addUser.vue';
-import EditUser from './component/editUser.vue';
+import EditItem from './component/editItem.vue';
 
 import AddItem from './component/addItem.vue';
+
+import DetailItem from './component/detailItem.vue';
+
 import api from '/@/api/assess';
 
 // 定义接口来定义对象的类型
@@ -101,10 +108,11 @@ interface TableDataState {
 
 export default defineComponent({
 	name: 'systemUser',
-	components: {  EditUser, AddItem },
+	components: {  EditItem, AddItem, DetailItem },
 	setup() {
 		const addItemRef = ref();
-		const editUserRef = ref();
+		const editItemRef = ref();
+		const detailItemRef = ref();
 		const state = reactive<TableDataState>({
 			tableData: {
 				data: [],
@@ -141,12 +149,16 @@ export default defineComponent({
 			addItemRef.value.openDialog();
 		};
 		// 打开修改用户弹窗
-		const onOpenEditUser = (row: TableDataRow) => {
-			editUserRef.value.openDialog(row);
+		const onOpenEditItem = (row: TableDataRow) => {
+			editItemRef.value.openDialog(row);
+		};
+		// 打开详细信息弹窗
+		const onOpenDetailItem = (row: TableDataRow) => {
+			detailItemRef.value.openDialog(row);
 		};
 		// 删除用户
 		const onRowDel = (row: TableDataRow) => {
-			ElMessageBox.confirm(`此操作将永久删除账户名称：“${row.userName}”，是否继续?`, '提示', {
+			ElMessageBox.confirm(`此操作将永久删除账户名称：“${row.title}”，是否继续?`, '提示', {
 				confirmButtonText: '确认',
 				cancelButtonText: '取消',
 				type: 'warning',
@@ -170,9 +182,11 @@ export default defineComponent({
 		});
 		return {
 			addItemRef,
-			editUserRef,
+			editItemRef,
+			detailItemRef,
 			onOpenAddItem,
-			onOpenEditUser,
+			onOpenEditItem,
+			onOpenDetailItem,
 			onRowDel,
 			onHandleSizeChange,
 			onHandleCurrentChange,