check

blk_inventory_vue/src/components/Check.vue

@@ -0,0 +1,83 @@
+<script>
+  import { bitable } from '@lark-opdev/block-bitable-api';
+  import { ref, onMounted } from 'vue';
+  import {
+    ElButton,
+    ElForm,
+    ElFormItem,
+    ElSelect,
+    ElOption,
+    ElText,
+  } from 'element-plus';
+import { Minus, Plus } from '@element-plus/icons-vue';
+
+
+  export default {
+    components: {
+      ElButton,
+      ElForm,
+      ElFormItem,
+      ElSelect,
+      ElOption,
+      ElText,
+    },
+    setup() {
+        const amount = ref(1)
+        const handleChange = (value) => {
+            console.log(value)
+        }
+
+      const formData = ref({ table: '' });
+      const tableMetaList = ref([]);
+
+      const addRecord = async () => {
+        const tableId = formData.value.table;
+        if (tableId) {
+          const table = await bitable.base.getTableById(tableId);
+          table.addRecord({ fields: {} });
+        }
+      };
+
+      onMounted(async () => {
+        const [tableList, selection] = await Promise.all([bitable.base.getTableMetaList(), bitable.base.getSelection()]);
+        formData.value.table = selection.tableId;
+        tableMetaList.value = tableList;
+      });
+
+      return {
+        formData,
+        tableMetaList,
+        addRecord,
+      };
+    },
+  };
+</script>
+
+<template>
+    <div>
+        <el-text id="id-msg" class="mx-1" type="success">Success</el-text>
+    </div>
+    <div>
+        <h1 id="id-tag">Tag</h1>
+    </div>
+    <div>
+        <el-input-number v-model="amount" :min="0" :step="1" @change="handleChange" size="large" />
+    </div>
+    <div>
+        <el-button round @click="addRecord">返回</el-button>
+        <el-button type="warning" round @click="addRecord">待定</el-button>
+        <el-button type="success" round @click="addRecord">确认</el-button>
+    </div>
+
+</template>
+
+<style scoped>
+  .form :deep(.el-form-item__label) {
+    font-size: 16px;
+    color: var(--el-text-color-primary);
+    margin-bottom: 0;
+  }
+  .form :deep(.el-form-item__content) {
+    font-size: 16px;
+  }
+</style>