feat: 完成申请审批说明项组件封装

src/pages/approval/components/Components.vue

@@ -62,6 +62,11 @@
       ></DatetimePicker>
       <wd-divider color="#bcbfbe"></wd-divider>
       <Images id="8" title="图片"></Images>
+      <wd-divider color="#bcbfbe"></wd-divider>
+      <Description
+        id="9"
+        title="图片21378912378923718982371217389712397837889713247893428793142897134728900978"
+      ></Description>
     </view>
   </view>
 </template>
@@ -72,6 +77,7 @@
   import SelectPicker from '@/pages/approval/components/SelectPicker.vue'
   import DatetimePicker from '@/pages/approval/components/DatetimePicker.vue'
   import Images from '@/pages/approval/components/Images.vue'
+  import Description from '@/pages/approval/components/Description.vue'
 
   const columns = ref<Record<number, any>>([
     {

src/pages/approval/components/Description.vue

@@ -0,0 +1,18 @@
+<template>
+  <view class="px-2 text-3.5 pb-2">
+    <view class="break-all">{{ title }}</view>
+  </view>
+</template>
+
+<script setup lang="ts">
+  const props = defineProps({
+    id: {
+      type: Number,
+      required: true
+    },
+    title: {
+      type: String,
+      required: true
+    }
+  })
+</script>