|
@@ -0,0 +1,52 @@
|
|
|
+<template>
|
|
|
+ <div class="hc-task-html-form-body">
|
|
|
+ html表单
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup>
|
|
|
+import { onMounted, ref, watch } from 'vue'
|
|
|
+const props = defineProps({
|
|
|
+ isEdit: {
|
|
|
+ type: Boolean,
|
|
|
+ default: true,
|
|
|
+ },
|
|
|
+ info: {
|
|
|
+ type: Object,
|
|
|
+ default: () => ({}),
|
|
|
+ },
|
|
|
+ table: {
|
|
|
+ type: Object,
|
|
|
+ default: () => ({}),
|
|
|
+ },
|
|
|
+})
|
|
|
+
|
|
|
+//监听可否编辑
|
|
|
+const isEdits = ref(props.isEdit)
|
|
|
+watch(() => props.isEdit, (val) => {
|
|
|
+ isEdits.value = val
|
|
|
+}, { immediate: true, deep: true })
|
|
|
+
|
|
|
+//监听数据
|
|
|
+watch(() => [props.table, props.info], ([table, row]) => {
|
|
|
+ setTaskInfo(table, row)
|
|
|
+}, { deep: true })
|
|
|
+
|
|
|
+//渲染完成
|
|
|
+onMounted(() => {
|
|
|
+ setTaskInfo(props.table, props.info)
|
|
|
+})
|
|
|
+
|
|
|
+//设置任务信息
|
|
|
+const setTaskInfo = (table, row) => {
|
|
|
+ console.log('table', table)
|
|
|
+ console.log('row', row)
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+.hc-task-html-form-body {
|
|
|
+
|
|
|
+}
|
|
|
+</style>
|
|
|
+
|