style: add info address in partners option

bps-kota-bontang · Jul 17, 2024 · 5a458a8 · 5a458a8
1 parent 38c1982
commit 5a458a8
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/src/components/report/FormReportPartnerItem.vue b/src/components/report/FormReportPartnerItem.vue
@@ -6,7 +6,18 @@
       trigger: 'change',
     }">
       <el-select v-model="props.partner.partnerId" placeholder="Pilih Nama Mitra" clearable filterable>
-        <el-option v-for="partner in partners" :key="partner._id" :label="partner.name" :value="partner._id" />
+        <el-option v-for="partner in partners" :key="partner._id" :label="partner.name" :value="partner._id" >
+          <span style="float: left">{{ partner.name }}</span>
+          <span
+            style="
+              float: right;
+              color: var(--el-text-color-secondary);
+              font-size: 13px;
+            "
+          >
+            {{ partner.address }}
+          </span>
+        </el-option>
       </el-select>
     </el-form-item>