|
|
|
@ -1,6 +1,101 @@ |
|
|
|
//投票选举 |
|
|
|
<script setup lang="ts"> |
|
|
|
import { |
|
|
|
onMounted, |
|
|
|
ref |
|
|
|
} from 'vue'; |
|
|
|
|
|
|
|
const tpList = ref([ |
|
|
|
{ |
|
|
|
img: '/static/img/grxx.png', |
|
|
|
name: '陈志远', |
|
|
|
class: '现任财务总监', |
|
|
|
} |
|
|
|
]) |
|
|
|
|
|
|
|
const doSearch = (_formData: { page: number; limit: number }, onSuccess: Function) => { |
|
|
|
// const submitData = { ...formData } |
|
|
|
// listApi(submitData, userStore.useType).then((res) => { |
|
|
|
// const { data } = res as { data: { data: any; total: number } } |
|
|
|
// onSuccess({ data }) |
|
|
|
// }) |
|
|
|
onSuccess({ |
|
|
|
data: { |
|
|
|
data: [ |
|
|
|
{ |
|
|
|
id: 1, |
|
|
|
name: '测试一', |
|
|
|
phone: '17612341234', |
|
|
|
address: '测试地址', |
|
|
|
region_desc: '测试地址测试地址测试地址测试地址', |
|
|
|
is_default: true |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: 2, |
|
|
|
name: '测试一', |
|
|
|
phone: '17612341234', |
|
|
|
address: '测试地址', |
|
|
|
region_desc: '测试地址测试地址测试地址测试地址' |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: 3, |
|
|
|
name: '测试一', |
|
|
|
phone: '17612341234', |
|
|
|
address: '测试地址', |
|
|
|
region_desc: '测试地址测试地址测试地址测试地址' |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: 4, |
|
|
|
name: '测试一', |
|
|
|
phone: '17612341234', |
|
|
|
address: '测试地址', |
|
|
|
region_desc: '测试地址测试地址测试地址测试地址' |
|
|
|
} |
|
|
|
], |
|
|
|
total: 0 |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<template> |
|
|
|
<view class="box"> |
|
|
|
<ex-header :leftShow="false" backgroundColor="#2563EB" textColor="#fff" title="地址管理" /> |
|
|
|
|
|
|
|
<ex-list ref="reListRef" custom-list-type="scroll" :on-form-search="doSearch" empty-text="暂无收货地址~" |
|
|
|
customListType="custom"> |
|
|
|
<template v-slot="{ data }"> |
|
|
|
|
|
|
|
<view class="headpart"> |
|
|
|
<view class="title"> |
|
|
|
2024年度董事会成员选举 |
|
|
|
</view> |
|
|
|
<view class="time"> |
|
|
|
投票开始时间：2024年3月15日 18:00 |
|
|
|
</view> |
|
|
|
<view class="time"> |
|
|
|
投票截止时间：2024年3月15日 18:00 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view v-for="(row, index) of data" class="address-items flex" @click.stop="onChoose(row)"> |
|
|
|
<view class="flex1 left"> |
|
|
|
<view class="flex-center-start"> |
|
|
|
<text class="name">{{ row.name }}</text> |
|
|
|
<text class="name">{{ row.phone }}</text> |
|
|
|
<text v-if="row.is_default" class="isdefault">默认地址</text> |
|
|
|
</view> |
|
|
|
<view class="info text-ellipsis">{{ row.region_desc }}{{ row.address }}</view> |
|
|
|
</view> |
|
|
|
<view class="flex column right"> |
|
|
|
<text @click.stop="navto('pages/address/edit', { id: row.id, isadd: 0 })">编辑</text> |
|
|
|
<text v-if="!row.is_default" style="margin-top: 14rpx" |
|
|
|
@click.stop="setDefault(row, index)">设为默认</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
</ex-list> |
|
|
|
</view> |
|
|
|
<!-- <view class="box"> |
|
|
|
<view class="main"> |
|
|
|
<view class="headpart"> |
|
|
|
<view class="title"> |
|
|
|
@ -30,43 +125,21 @@ |
|
|
|
<view class="buts"> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script setup> |
|
|
|
import { |
|
|
|
onMounted, |
|
|
|
ref |
|
|
|
} from 'vue'; |
|
|
|
|
|
|
|
const tpList = ref([ |
|
|
|
{ |
|
|
|
img: '/static/img/grxx.png', |
|
|
|
name: '陈志远', |
|
|
|
class: '现任财务总监', |
|
|
|
} |
|
|
|
]) |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
.box { |
|
|
|
width: 100%; |
|
|
|
height: 100vh; |
|
|
|
min-height: 100vh; |
|
|
|
background-color: #F9FAFB; |
|
|
|
|
|
|
|
.main { |
|
|
|
width: 100%; |
|
|
|
height: 90vh; |
|
|
|
display: grid; |
|
|
|
justify-items: center; |
|
|
|
align-content: start; |
|
|
|
|
|
|
|
.headpart { |
|
|
|
width: 86%; |
|
|
|
height: 194rpx; |
|
|
|
border-radius: 24rpx; |
|
|
|
background-color: #EFF6FF; |
|
|
|
margin-top: 32rpx; |
|
|
|
margin: 32rpx auto; |
|
|
|
padding: 20rpx 3%; |
|
|
|
|
|
|
|
.title { |
|
|
|
@ -82,6 +155,15 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.main { |
|
|
|
width: 100%; |
|
|
|
height: 90vh; |
|
|
|
display: grid; |
|
|
|
justify-items: center; |
|
|
|
align-content: start; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.tppart { |
|
|
|
margin-top: 32rpx; |
|
|
|
width: 100%; |
|
|
|
@ -98,13 +180,58 @@ |
|
|
|
background-color: #FFFFFF; |
|
|
|
border: 2rpx solid #F3F4F6; |
|
|
|
box-shadow: 5rpx 5rpx 3rpx 0 rgba(212, 212, 212, 0.7); |
|
|
|
|
|
|
|
.rightpart { |
|
|
|
margin-left: 40rpx; |
|
|
|
|
|
|
|
.name {} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.address-items { |
|
|
|
padding: 20rpx 15rpx 32rpx 28rpx; |
|
|
|
background-color: #fff; |
|
|
|
border-bottom: 2rpx solid #f5f5f5; |
|
|
|
|
|
|
|
.left { |
|
|
|
flex: 1; |
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
.name { |
|
|
|
font-size: 28rpx; |
|
|
|
font-weight: 700; |
|
|
|
color: #101010; |
|
|
|
line-height: 40rpx; |
|
|
|
margin-right: 16rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.isdefault { |
|
|
|
font-size: 20rpx; |
|
|
|
font-weight: 400; |
|
|
|
color: #fff; |
|
|
|
padding: 4rpx 12rpx; |
|
|
|
border-radius: 8rpx; |
|
|
|
background: linear-gradient(90deg, #4778ff 0%, #4778ffb8 100%); |
|
|
|
} |
|
|
|
|
|
|
|
.info { |
|
|
|
width: 100%; |
|
|
|
color: #666; |
|
|
|
font-size: 24rpx; |
|
|
|
font-weight: 400; |
|
|
|
margin-top: 12rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.right { |
|
|
|
width: 140rpx; |
|
|
|
padding-left: 32rpx; |
|
|
|
font-size: 24rpx; |
|
|
|
font-weight: 400; |
|
|
|
color: #4979ff; |
|
|
|
text-align: right; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
