|
|
@@ -1,14 +1,106 @@
|
|
|
<template>
|
|
|
- <hc-drawer v-model="isDrawer" to-id="node-card-plan" is-close>
|
|
|
- <div class="relative bg-white" style="height: 100%">
|
|
|
- 测试抽屉弹窗
|
|
|
- <el-button @click="isDrawer = false">关闭抽屉</el-button>
|
|
|
- </div>
|
|
|
+ <hc-drawer v-model="isShow" to-id="node-card-plan" is-close>
|
|
|
+ <hc-card>
|
|
|
+ <template #header>
|
|
|
+ <el-link type="primary">返回</el-link>
|
|
|
+ </template>
|
|
|
+ <template #extra>
|
|
|
+ <HcTooltip keys="system-service-plan-save-btn">
|
|
|
+ <el-button
|
|
|
+ class="ml-6"
|
|
|
+ hc-btn
|
|
|
+ keys="system-service-plan-save-btn"
|
|
|
+ type="primary"
|
|
|
+ >
|
|
|
+ <HcIcon name="save" />
|
|
|
+ 保存数据
|
|
|
+ </el-button>
|
|
|
+ </HcTooltip>
|
|
|
+ <HcTooltip keys="system-service-plan-preview-btn">
|
|
|
+ <el-button
|
|
|
+ class="node-card-plan-btn ml-6"
|
|
|
+ hc-btn
|
|
|
+ keys="system-service-plan-preview-btn"
|
|
|
+ color="#3F9EFF"
|
|
|
+ >
|
|
|
+ <HcIcon name="eye" />
|
|
|
+ 预览
|
|
|
+ </el-button>
|
|
|
+ </HcTooltip>
|
|
|
+ <HcTooltip keys="system-service-plan-send-btn">
|
|
|
+ <el-button
|
|
|
+ class="node-card-plan-btn ml-6"
|
|
|
+ hc-btn
|
|
|
+ keys="system-service-plan-send-btn"
|
|
|
+
|
|
|
+ type="warning"
|
|
|
+ >
|
|
|
+ <HcIcon name="send-plane" />
|
|
|
+ 发送计划
|
|
|
+ </el-button>
|
|
|
+ </HcTooltip>
|
|
|
+ <HcTooltip keys="system-service-plan-back-btn">
|
|
|
+ <el-button
|
|
|
+ class="node-card-plan-btn ml-6"
|
|
|
+ hc-btn
|
|
|
+ keys="system-service-plan-back-btn"
|
|
|
+
|
|
|
+ type="warning"
|
|
|
+ >
|
|
|
+ <HcIcon name="arrow-go-back" />
|
|
|
+ 计划回退
|
|
|
+ </el-button>
|
|
|
+ </HcTooltip>
|
|
|
+ <HcTooltip keys="system-service-plan-comfirm-btn">
|
|
|
+ <el-button
|
|
|
+ class="node-card-plan-btn ml-6"
|
|
|
+ hc-btn
|
|
|
+ keys="system-service-plan-comfirm-btn"
|
|
|
+
|
|
|
+ type="success"
|
|
|
+ >
|
|
|
+ <HcIcon name="check" />
|
|
|
+ 确认计划
|
|
|
+ </el-button>
|
|
|
+ </HcTooltip>
|
|
|
+ </template>
|
|
|
+
|
|
|
+
|
|
|
+ <div class="hc-table-form-box">
|
|
|
+ <HcTableForm
|
|
|
+ ref="tableFormRef"
|
|
|
+ :form="tableFormData"
|
|
|
+ :html="excelHtmlData"
|
|
|
+ :loading="loading"
|
|
|
+ :pkey="excelIdVal"
|
|
|
+ @render="tableFormRender"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </hc-card>
|
|
|
</hc-drawer>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
import { ref } from 'vue'
|
|
|
|
|
|
-const isDrawer = ref(false)
|
|
|
-</script>
|
|
|
+const isShow = defineModel('modelValue', {
|
|
|
+ default: false,
|
|
|
+})
|
|
|
+const tableFormRef = ref(null)
|
|
|
+const tableFormData = ref({})
|
|
|
+const excelHtmlData = ref('')
|
|
|
+const loading = ref(false)
|
|
|
+const excelIdVal = ref('')
|
|
|
+const isTableForm = ref(false)
|
|
|
+
|
|
|
+//渲染表单完成
|
|
|
+const tableFormRender = (form) => {
|
|
|
+ isTableForm.value = form.isRenderForm
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="scss">
|
|
|
+.node-card-plan-btn{
|
|
|
+ color:white;
|
|
|
+}
|
|
|
+</style>
|
