|
|
@@ -1,13 +1,46 @@
|
|
|
<template>
|
|
|
- <div>
|
|
|
- 1111
|
|
|
+ <div class="hc-project-wbs-user relative h-full">
|
|
|
+ <hc-card>
|
|
|
+ <template #header>
|
|
|
+ 自定义标题栏
|
|
|
+ </template>
|
|
|
+ <template #extra>
|
|
|
+ 自定义标题栏右边
|
|
|
+ </template>
|
|
|
+
|
|
|
+ 内容区域
|
|
|
+
|
|
|
+ <template #action>
|
|
|
+ 自定义底部
|
|
|
+ </template>
|
|
|
+ </hc-card>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
+import { onMounted, ref, watch } from 'vue'
|
|
|
+
|
|
|
+//双向绑定
|
|
|
+const modelData = defineModel('modelValue', {
|
|
|
+ default: {},
|
|
|
+})
|
|
|
|
|
|
+//监听数据
|
|
|
+const formModel = ref({})
|
|
|
+watch(() => modelData.value, (data) => {
|
|
|
+ formModel.value = data
|
|
|
+}, { immediate: true, deep: true })
|
|
|
+
|
|
|
+//渲染完成
|
|
|
+onMounted(() => {
|
|
|
+
|
|
|
+})
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
|
-
|
|
|
+.hc-project-wbs-user {
|
|
|
+ .el-card.hc-card-box.hc-new-card-box {
|
|
|
+ box-shadow: none;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
