<template>
  <div class="container">
    <u-calendar :show="true" mode="multiple" @confirm="confirm"></u-calendar>
    <img class="topimg" src="https://meiyun-mng.oss-cn-hangzhou.aliyuncs.com/upload/bigscreen/img/%E6%AD%A3%E5%BC%8F%E5%BA%93/%E8%AF%B8%E6%A1%A5%E6%9D%91/%E7%9F%A9%E5%BD%A2%20%2B%20d8de2a9eb2af30336de4570ac54ac667%E8%92%99%E7%89%88%402x.png"/>
    <div class="top">
      <img src="https://meiyun-mng.oss-cn-hangzhou.aliyuncs.com/upload/bigscreen/img/%E6%AD%A3%E5%BC%8F%E5%BA%93/%E8%AF%B8%E6%A1%A5%E6%9D%91/%E5%AE%9A%E4%BD%8D%402x.png"/>
      <div>诸桥村{{ gridName }}</div>
    </div>
    <div class="list">
      <div class="item">
        <div class="title">联系党员</div>
        <div class="main" v-for="(item, index) in partymemberDataList" :key="index">
          <img class="main-left" :src="item.picture ? item.picture : 'https://meiyun-mng.oss-cn-hangzhou.aliyuncs.com/upload/bigscreen/img/%E6%AD%A3%E5%BC%8F%E5%BA%93/%E6%B5%B7%E6%BD%AE/%E5%A4%9A%E5%BD%A9%E4%B9%A1%E6%9D%91/%E6%A4%AD%E5%9C%86%E5%BD%A2%202%402x.png'"/>
          <div class="main-right">
            <div class="name">{{ item.name }}</div>
            <div class="phone">联系电话:<span style="font-size: 28rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #476AFF;" @click="call(item.phone)">{{ item.phone }}</span></div>
          </div>
        </div>
      </div>
      <div class="item">
        <div class="title">网格员</div>
        <div class="main" v-for="(item, index) in gridDataList" :key="index">
          <img class="main-left" :src="item.picture ? item.picture : 'https://meiyun-mng.oss-cn-hangzhou.aliyuncs.com/upload/bigscreen/img/%E6%AD%A3%E5%BC%8F%E5%BA%93/%E6%B5%B7%E6%BD%AE/%E5%A4%9A%E5%BD%A9%E4%B9%A1%E6%9D%91/%E6%A4%AD%E5%9C%86%E5%BD%A2%202%402x.png'"/>
          <div class="main-right">
            <div class="name">{{ item.name }}</div>
            <div class="phone">联系电话:<span style="font-size: 28rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #476AFF;" @click="call(item.phone)">{{ item.phone }}</span></div>
          </div>
        </div>
      </div>
    </div>
    <!-- <div>{{jsonUrl}}</div> -->
    <div class="btn" @click="gotoLogin">我要上报</div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      // your data here
    }
  },
  methods: {
    // your methods here
  }
}
</script>
<style scoped>
.container {
  // your styles here
}

.topimg {
  // your styles here
}

.top {
  // your styles here
}

.list {
  // your styles here
}

.item {
  // your styles here
}

.title {
  // your styles here
}

.main {
  // your styles here
}

.main-left {
  // your styles here
}

.main-right {
  // your styles here
}

.name {
  // your styles here
}

.phone {
  // your styles here
}

.btn {
  // your styles here
}
</style
view class=container u-calendar show=true mode=multiple confirm=confirm u-calendar image class=topimg src=httpsmeiyun-mngoss-cn-hangzhoualiyuncscomuploadbigscreenimgE6A

原文地址: https://www.cveoy.top/t/topic/hYUL 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录