feat(devops): 新增流水线节点组件并优化相关功能

- 新增 CutePipelineNode 组件用于展示流水线节点状态
- 新增 CutePreviewDrawer 组件用于展示详细信息
- 新增 CuteFileDragUploadDemo 和 CutePipelineNodeDemo 组件用于演示功能
- 在 package.json 中添加 dayjs 依赖
- 更新 README 文档，添加新组件的说明和截图

cutejava-front/src/views/components/dev/CutePreviewDrawer.vue

@@ -0,0 +1,64 @@
+<template>
+  <el-drawer
+    :title="title"
+    :visible.sync="visible"
+    :size="width"
+    :before-close="beforeClose"
+    :append-to-body="true"
+    :close-on-press-escape="false"
+    :destroy-on-close="true"
+    :show-close="false"
+  >
+    <!-- 这里是插槽，用于渲染传入的组件 -->
+    <slot />
+  </el-drawer>
+</template>
+
+<script>
+
+export default {
+  name: 'CutePreviewDrawer',
+  props: {
+    title: {
+      type: String,
+      required: true,
+      default: '默认标题'
+    },
+    width: {
+      type: String,
+      required: false,
+      default: '40%'
+    }
+  },
+  data() {
+    return {
+      visible: false
+    }
+  },
+  methods: {
+    show() {
+      this.visible = true
+    },
+    hidden() {
+      this.visible = false
+    },
+    beforeClose() {
+      this.hidden()
+    }
+  }
+}
+</script>
+<style scoped>
+.container-form {
+  overflow-y: scroll; /* 启用滚动 */
+  scrollbar-width: none; /* Firefox */
+  height: 88%;
+  padding-right: 20px;
+  -ms-overflow-style: none; /* Internet Explorer 10+ */
+}
+
+.container-form::-webkit-scrollbar {
+  display: none; /* Chrome, Safari, Opera*/
+}
+</style>
+