功能完善

src/pages/mine/subs/address/components/item.vue

@@ -1,33 +1,34 @@
 <template>
-  <view class='card-view'>
+  <view class='card-view' @click.stop='emits("onChecked",item)'>
     <view class='c-flex-row'>
-      <text>默认</text>
+      <text class='status' v-if='item?.defaultstatus==1'>默认</text>
       <text>
-        黄先生
-        <!--        {{ item.name }}-->
+        {{ item?.name }}
       </text>
       <text>
-        13xxxxxx8900
-        <!--        {{ item.mobile }}-->
+        {{ item?.mobile }}
       </text>
     </view>
     <text class='address'>
-      湖南省 长沙市 雨花区 地址地址地址
-            {{ item.address }}
+      {{ item?.addr }}
     </text>
 
     <view class='btn-view c-flex-row'>
-      <text>编辑</text>
-      <text>删除</text>
+      <text @click.stop='emits("onEdit",item)'>编辑</text>
+      <text @click.stop='emits("onDelete",item)'>删除</text>
     </view>
   </view>
 </template>
 
 <script lang='ts' setup>
 
+import { PropType } from 'vue';
+
 defineProps({
-  item: <any>[]
+  item: Object as PropType<{ name: string, mobile: string, addr: string, defaultstatus: number }>
 });
+const emits = defineEmits(['onEdit', 'onDelete', 'onChecked']);
+
 </script>
 
 <style lang='scss' scoped>
@@ -36,7 +37,7 @@ defineProps({
   padding: 38rpx 30rpx 30rpx 34rpx;
 
   view:nth-of-type(1) {
-    text:nth-of-type(1) {
+    .status {
       border-radius: 5rpx;
       border: 1rpx solid #F32B2B;
       color: #F32B2B;