style: add info activity name in outputs option

bps-kota-bontang · Jul 17, 2024 · 38c1982 · 38c1982
1 parent 1678807
commit 38c1982
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/src/components/report/FormReportByActivity.vue b/src/components/report/FormReportByActivity.vue
@@ -4,6 +4,15 @@
       <el-select v-model="form.output.outputId" placeholder="Pilih Nama Output" clearable filterable>
         <el-option v-for="output in outputs" :key="output._id" :label="output.name" :value="output._id">
           <span style="float: left">{{ output.name }}</span>
+          <span
+            style="
+              float: right;
+              color: var(--el-text-color-secondary);
+              font-size: 13px;
+            "
+          >
+            {{ output.activity.name }}
+          </span>
         </el-option>
       </el-select>
     </el-form-item>

diff --git a/src/components/report/FormReportOutputItem.vue b/src/components/report/FormReportOutputItem.vue
@@ -6,7 +6,18 @@
       trigger: 'change',
     }">
       <el-select v-model="props.output.outputId" placeholder="Pilih Nama Output" clearable filterable>
-        <el-option v-for="output in outputs" :key="output._id" :label="output.name" :value="output._id" />
+        <el-option v-for="output in outputs" :key="output._id" :label="output.name" :value="output._id" >
+          <span style="float: left">{{ output.name }}</span>
+          <span
+            style="
+              float: right;
+              color: var(--el-text-color-secondary);
+              font-size: 13px;
+            "
+          >
+            {{ output.activity.name }}
+          </span>
+        </el-option>
       </el-select>
     </el-form-item>