refactor: add remark

src/pages/09_task-order/document_view/MainPage.vue

@@ -23,6 +23,7 @@ import {
 import { useRoute } from 'vue-router';
 import { useTaskOrderStore } from 'src/stores/task-order';
 import { RequestWork } from 'src/stores/request-list';
+import { convertTemplate } from 'src/utils/string-template';
 
 const route = useRoute();
 const taskOrder = useTaskOrderStore();
@@ -414,7 +415,25 @@ function print() {
         }"
       />
 
-      <article style="height: 5.8in"></article>
+      <span
+        class="q-mb-sm q-mt-md"
+        style="
+          font-weight: 800;
+          font-size: 16px;
+          color: var(--main);
+          display: block;
+          border-bottom: 2px solid var(--main);
+        "
+      >
+        {{ $t('general.remark') }}
+      </span>
+
+      <div
+        class="border-5 surface-0 detail-note q-mb-md"
+        style="width: 100%; padding: 8px 16px; white-space: pre-wrap"
+      >
+        <div v-html="convertTemplate(data?.remark || '', {}) || '-'"></div>
+      </div>
 
       <ViewFooter
         :data="{