From e3f069b4fbb1ddcbc9f1c0832634200555789268 Mon Sep 17 00:00:00 2001
From: master <master@163.com>
Date: 星期二, 22 三月 2022 17:42:53 +0800
Subject: [PATCH] 新增采集数据相关页面
---
src/cool/modules/douMsg/views/douMsg.vue | 135 +++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 131 insertions(+), 4 deletions(-)
diff --git a/src/cool/modules/douMsg/views/douMsg.vue b/src/cool/modules/douMsg/views/douMsg.vue
index f5171ac..3a2f8d1 100644
--- a/src/cool/modules/douMsg/views/douMsg.vue
+++ b/src/cool/modules/douMsg/views/douMsg.vue
@@ -1,5 +1,132 @@
<template>
- <div>
- <h1>鏂楄疆鏈鸿鎯呴〉</h1>
- </div>
-</template>
\ No newline at end of file
+ <cl-crud :ref="setRefs('crud')"
+ @load="onLoad">
+ <el-row type="flex"
+ align="middle">
+ <!-- 鍒锋柊鎸夐挳 -->
+ <cl-refresh-btn />
+ <!-- 鏂板鎸夐挳 -->
+ <cl-add-btn />
+ <!-- 鍒犻櫎鎸夐挳 -->
+ <cl-multi-delete-btn />
+ <cl-flex1 />
+ <!-- 鍏抽敭瀛楁悳绱� -->
+ <cl-search-key />
+ </el-row>
+
+ <el-row>
+ <!-- 鏁版嵁琛ㄦ牸 -->
+ <cl-table :ref="setRefs('table')"
+ v-bind="table" />
+ </el-row>
+
+ <el-row type="flex">
+ <cl-flex1 />
+ <!-- 鍒嗛〉鎺т欢 -->
+ <cl-pagination />
+ </el-row>
+
+ <!-- 鏂板銆佺紪杈� -->
+ <cl-upsert :ref="setRefs('upsert')"
+ v-bind="upsert" />
+ </cl-crud>
+</template>
+
+<script lang="ts">
+import { defineComponent, reactive } from "vue";
+import { CrudLoad, Upsert, Table } from "@cool-vue/crud/types";
+import { useCool } from "/@/cool";
+
+export default defineComponent({
+ setup() {
+ const { refs, setRefs, service } = useCool();
+
+ // 鏂板銆佺紪杈戦厤缃�
+ const upsert = reactive<Upsert>({
+ items: [
+ {
+ label: "鍚嶇О",
+ prop: "trubine_name",
+ component: {
+ name: "el-input"
+ },
+ //鏄惁涓哄繀濉」,娉細鎺ュ彛閰嶇疆瀛楁鏃舵病鏈夎缃粯璁ゅ�兼椂锛岄兘闇�瑕侀�夋嫨蹇呭～
+ required: true
+ },
+ {
+ label: "缂栧彿",
+ prop: "trubine_no",
+ component: {
+ name: "el-input"
+ }
+ },
+ {
+ label: "灏哄",
+ prop: "trubine_size",
+ component: {
+ name: "el-input"
+ }
+ },
+ {
+ label: "澶囨敞",
+ prop: "remark",
+ component: {
+ name: "el-input"
+ }
+ }
+ ]
+ });
+
+ // 琛ㄦ牸閰嶇疆
+ const table = reactive<Table>({
+ columns: [
+ {
+ type: "selection",
+ align: "center"
+ },
+ {
+ label: "id",
+ prop: "id",
+ sortable: true //鏄惁鎺掑簭鍔熻兘
+ },
+ {
+ label: "鍚嶇О",
+ prop: "trubine_name"
+ },
+ {
+ label: "缂栧彿",
+ prop: "trubine_no",
+ width: 200
+ },
+ {
+ label: "灏哄鍨嬪彿",
+ prop: "trubine_size"
+ },
+ {
+ label: "澶囨敞",
+ prop: "remark"
+ },
+ {
+ label: "鎿嶄綔",
+ type: "op"
+ }
+ ]
+ });
+
+ // crud 鍔犺浇
+ function onLoad({ ctx, app }: CrudLoad) {
+ // 缁戝畾 service
+ ctx.service(service.business.doutrubine).done();
+ app.refresh();
+ }
+
+ return {
+ refs,
+ setRefs,
+ upsert,
+ table,
+ onLoad
+ };
+ }
+});
+</script>
--
Gitblit v1.9.1