我的走访

src/apps/AppWalkask/AppWalkask.vue

@@ -64,7 +64,45 @@
           </div>
         </div>
 
-        <div class="currentRight" v-if="currentTabs == 1">1</div>
+        <div class="currentRight" v-if="currentTabs == 1">
+          <div @click.stop="btnHide" class="datas" v-if="data.length > 0">
+            <div class="cards" @click.stop="toDetail" v-for="(item, i) in 4" :key="i">
+              <div class="cards-top">
+                <div class="cards-left">
+                  <span class="walkName">走访对象：李伟民</span>
+                  <span class="tags">残疾人</span>
+                  <span class="tags">居家看护</span>
+                </div>
+
+                <div class="cards-right" @click.stop="showHide">
+                  <img src="../AppWalkask/components/images/1.png" alt="" />
+                </div>
+
+                <div class="btn" v-if="showBtn">
+                  <span @click="toAdd">编辑</span>
+                  <span @click="deletShow = true">删除</span>
+                </div>
+              </div>
+
+              <div class="cards-hint">脱贫攻坚走脱贫攻坚脱贫攻坚走访—徐家棚街道脱贫攻坚走访徐家走访—徐家棚街道脱贫攻坚走访徐家访—徐家棚街脱贫攻坚脱贫攻坚走访—徐家棚街道脱贫攻坚走访徐家脱贫攻坚走访—徐家棚街道脱贫攻坚走访徐家脱贫攻坚走访—徐家棚街道脱贫攻坚走访徐家脱贫攻坚走访—徐家棚街道脱贫攻坚走访徐家走访—徐家棚街道脱贫攻脱贫攻坚走访—徐家棚街道脱贫攻坚走访徐家坚走访徐家道脱贫攻坚走访徐家脱贫攻坚走访—徐家棚街道脱贫攻脱贫攻坚走访—徐家棚街道脱贫攻坚走访徐家坚走访徐家</div>
+
+              <div class="imgs">
+                <img src="../AppWalkask/components/images/天使彦5.jpg" alt="" v-for="(item, i) in 4" :key="i" />
+              </div>
+
+              <div class="cards-bottom">
+                <span>走访人：林珊珊</span>
+                <span>2021-12-18 13:45:36</span>
+              </div>
+            </div>
+          </div>
+
+          <div v-else>
+            <ai-empty description="您还未添加过入户调查走访" class="emptyWrap"> </ai-empty>
+
+            <div class="addBtn">点击<span class="toAdd" @click="toAdd">新增按钮</span>试试试吧~</div>
+          </div>
+        </div>
       </div>
 
       <u-modal v-model="deletShow" content="您确认要删除该条信息吗？" :show-cancel-button="true" :mask-close-able="true" :show-title="false" @confirm="delet"></u-modal>
@@ -216,7 +254,8 @@ export default {
 .AppWalkask {
   height: 100%;
   .header-middle {
-    .currentLeft {
+    .currentLeft,
+    .currentRight {
       padding-bottom: 56px;
       background: #fff;
       .currentLeft-top {