对接台桌列表

src/components/remarkModal.vue

@@ -1,9 +1,9 @@
 <template>
     <el-dialog title="备注" width="800" v-model="dialogVisible">
         <div class="tag_wrap">
-            <div class="item" v-for="item in tagList" :key="item.remark" @click="remark = item.remark">
+            <el-button plain type="primary" v-for="item in tagList" :key="item.remark" @click="remark = item.remark">
                 {{ item.remark }}
-            </div>
+            </el-button>
         </div>
         <div class="content">
             <el-input type="textarea" :rows="6" v-model="remark" placeholder="请输入备注"></el-input>
@@ -45,21 +45,6 @@ defineExpose({
 .tag_wrap {
     display: flex;
     flex-wrap: wrap;
-    gap: 20px;
-
-    .item {
-        padding: 10px 20px;
-        border: 1px solid var(--primary-color);
-        border-radius: 4px;
-        color: var(--primary-color);
-        font-size: var(--el-font-size-base);
-
-        &:hover {
-            cursor: pointer;
-            background-color: var(--primary-color);
-            color: #fff;
-        }
-    }
 }
 
 .content {