Merge branch 'front-dev'

frontend/src/views/main/Upload.vue

@@ -29,6 +29,26 @@ let dialog = reactive({
 });
 
 const anchorList = reactive([
+  {
+    anchor_id: "Aima",
+    name: "Aima",
+  },
+  {
+    anchor_id: "Alitia",
+    name: "Alitia",
+  },
+  {
+    anchor_id: "Cora",
+    name: "Cora",
+  },
+  {
+    anchor_id: "Elara",
+    name: "Elara",
+  },
+  {
+    anchor_id: "Sporty",
+    name: "Sporty",
+  },
   {
     anchor_id: "angela",
     name: "Angela",
@@ -46,79 +66,87 @@ const anchorList = reactive([
     name: "Peggy",
   },
   {
-    anchor_id: "ITRI_1",
-    name: "ITRI_1",
+    anchor_id: "ITRI-1",
+    name: "ITRI-1",
+  },
+  {
+    anchor_id: "ITRI-2",
+    name: "ITRI-2",
   },
   {
-    anchor_id: "ITRI_2",
-    name: "ITRI_2",
+    anchor_id: "ITRI-3",
+    name: "ITRI-3",
   },
   {
-    anchor_id: "ITRI_3",
-    name: "ITRI_3",
+    anchor_id: "syscom",
+    name: "James Liu",
   },
-  // {
-  //   anchor_id: "syscom",
-  //   name: "James Liu",
-  // },
 ]);
 
 const templateList = reactive([
   {
     template_id: "style1",
-    img: "天井",
+    img: "鏡面-01",
   },
   {
     template_id: "style2",
-    img: "城市",
+    img: "鏡面-02",
   },
   {
     template_id: "style3",
-    img: "城市2",
+    img: "鏡面-03",
   },
   {
     template_id: "style4",
-    img: "城市3",
+    img: "鏡面-04",
   },
   {
     template_id: "style5",
-    img: "高樓",
+    img: "鏡面-05",
   },
   {
-    template_id: "style6",
-    img: "落地窗",
+    template_id: "ITRI_1",
+    img: "ITRI背景-1",
   },
   {
-    template_id: "style7",
-    img: "落地窗2",
+    template_id: "ITRI_2",
+    img: "ITRI背景-2",
   },
   {
-    template_id: "style8",
-    img: "網路",
+    template_id: "ITRI_3",
+    img: "ITRI背景-3",
   },
   {
-    template_id: "style9",
-    img: "網路2",
+    template_id: "ITRI_4",
+    img: "ITRI背景-4",
   },
   {
-    template_id: "style10",
-    img: "網路3",
+    template_id: "ITRI_5",
+    img: "ITRI背景-5",
   },
   {
-    template_id: "style11",
-    img: "鏡面-01",
+    template_id: "ITRI_6",
+    img: "ITRI背景-6",
   },
   {
-    template_id: "style12",
-    img: "鏡面-02",
+    template_id: "ITRI_7",
+    img: "ITRI背景-7",
   },
   {
-    template_id: "style13",
-    img: "鏡面-03",
+    template_id: "ITRI_8",
+    img: "ITRI背景-8",
   },
   {
-    template_id: "style14",
-    img: "鏡面-04",
+    template_id: "ITRI_9",
+    img: "ITRI背景-9",
+  },
+  {
+    template_id: "ITRI_10",
+    img: "ITRI背景-10",
+  },
+  {
+    template_id: "syscom",
+    img: "syscom",
   },
 ]);
 
@@ -379,7 +407,7 @@ async function Submit() {
 .anchor-list {
   ul {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(180px, max-content));
+    grid-template-columns: repeat(auto-fit, minmax(185px, max-content));
     grid-gap: 20px;
     justify-content: center;
     padding: initial;
@@ -388,10 +416,9 @@ async function Submit() {
     }
   }
   img {
-    width: 200px;
-    height: 170px;
+    width: 190px;
+    height: 155px;
     object-fit: cover;
-    object-position: right;
   }
 
   .v-card--variant-elevated {