Merge branch 'khj'

src/components/voteboard/voteCardCheck.vue

@@ -29,6 +29,7 @@
                                     v-model="item.url"
                                     :is-essential="false"
                                     class="mb-1"
+                                    :maxlength="maxLength"
                         />
                     </div>
                     <div class="d-flex justify-content align-items-center mt-3">
@@ -62,6 +63,7 @@ const contentAlerts = ref([false, false]);
 const titleAlert = ref(false);
 const title = ref('');
 const rink = ref('');
+const maxLength = ref(2000);
 const { itemList, addItem, removeItem } = voteCommon(true);
 const total = computed(() => props.total + itemList.value.length);
 const isSaveDisabled = computed(() => {

src/components/voteboard/voteCardCheckList.vue

@@ -10,7 +10,12 @@
                 @change="handleChange"
             >
             {{ data.LOCVOTCON }}
-            <a v-if="data.LOCVOTLIK" :href="data.LOCVOTLIK.startsWith('http') ? data.LOCVOTLIK : 'http://' + data.LOCVOTLIK" class="d-block text-truncate" target="_blank" rel="noopener noreferrer">
+            <a  :style="{ maxWidth: (data.LOCVOTLIK.length * 1) + 'ch' }"
+                v-if="data.LOCVOTLIK"
+                :href="data.LOCVOTLIK.startsWith('http') ? data.LOCVOTLIK : 'http://' + data.LOCVOTLIK"
+                class="text-truncate"
+                target="_blank"
+                rel="noopener noreferrer">
                 {{ data.LOCVOTLIK }}
             </a>
         </label>
@@ -51,11 +56,15 @@ const handleChange = (event) => {
     }
     emit("update:selectedValues", updatedValues);
 };
+const preventLinkMove = (event) =>{
+    event.preventDefault();
+}
 </script>
 
 <style>
 a {
-    max-width: 500px; /* 원하는 너비로 조정 */
+    display: block; /* 링크 텍스트에만 영역 적용 */
+    max-width: 500px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;

src/views/voteboard/voteboardWrite.vue

@@ -57,6 +57,7 @@
                                     v-model="item.url"
                                     :is-essential="false"
                                     class="mb-1"
+                                    :maxlength="maxLength"
                                 />
                                 <!-- <link-input v-model="item.url"  class="mb-1"/> -->
                             </div>
@@ -129,7 +130,7 @@ const { itemList, addItem, removeItem } = voteCommon();
 const userListTotal = ref(0);
 const addvoteitem = ref(false);
 const addvotemulti= ref(false);
-
+const maxLength = ref(2000);
 const dateInput = ref(null);
 
 const focusDateInput = () => {