协同宣发

src/project/saas/AppCooperationPropaganda/sendScoped.vue

@@ -1,9 +1,12 @@
 <template>
   <div class="sendScoped">
-    
-    
-    <icon type="circle" size="18"/>
-    <icon type="success" size="16"/>
+    <div class="item" v-for="(item,index) in checkList" :key="index" @click="checkBtn(item)">
+      <div>{{ item.name }}</div>
+      <div>
+        <icon type="success" size="16" v-if="item.checked"/>
+        <icon type="circle" size="18" v-else />
+      </div>
+    </div>
 
     <div class="btn">
       <div class="cancelBtn">取消</div>
@@ -17,11 +20,21 @@ export default {
   name: 'sendScoped',
   data() {
     return {
-
+      value: '',
+      checkList: [
+        { name: '全部居民群', checked: false },
+        { name: '按部门选择', checked: false },
+        { name: '按网格选择', checked: false }
+      ],
+      checked: true
     }
   },
   methods: {
-
+    checkBtn(e) {
+      // console.log(e);
+      this.checkList.forEach(v=> v.checked = false)
+      e.checked = true
+    }
   },
   onLoad(o) {
     console.log(o);
@@ -33,7 +46,14 @@ export default {
 .sendScoped {
   background: #FFF;
 
+  .item {
+    display: flex;
+    justify-content: space-between;
+    border-bottom: 1px solid #DDD;
+    padding: 26px 32px;
+    box-sizing: border-box;
 
+  }
 
 
   .btn {