| @@ -2,11 +2,11 @@ | |||||
| height: auto; | height: auto; | ||||
| } | } | ||||
| .company { | .company { | ||||
| height: "20rpx"; | |||||
| height: 24px; | |||||
| line-height: normal; | line-height: normal; | ||||
| } | } | ||||
| .name { | .name { | ||||
| font-size:1.5em; | |||||
| font-size: 34px; | |||||
| line-height: normal; | line-height: normal; | ||||
| } | } | ||||
| .vip { | .vip { | ||||
| @@ -19,7 +19,7 @@ const clickItem = (key: string, item: any) => { | |||||
| <nut-elevator :index-list="props.items" is-sticky :height="(Taro.getSystemInfoSync().windowHeight)-50-32-40" @click-item="clickItem"> | <nut-elevator :index-list="props.items" is-sticky :height="(Taro.getSystemInfoSync().windowHeight)-50-32-40" @click-item="clickItem"> | ||||
| <template #default="{ item }"> | <template #default="{ item }"> | ||||
| <view class="d-flex flex-row pb-2"> | <view class="d-flex flex-row pb-2"> | ||||
| <view class="pr-4 pt-2"> | |||||
| <view class="pr-4 pt-2 h6"> | |||||
| <nut-avatar size="normal" color="white" :bg-color="StringUtil.mbString2RgbHex(item.name)"> | <nut-avatar size="normal" color="white" :bg-color="StringUtil.mbString2RgbHex(item.name)"> | ||||
| <view v-if="StringUtil.getBJXFirstChar(item.name)">{{StringUtil.getBJXFirstChar(item.name)}}</view> | <view v-if="StringUtil.getBJXFirstChar(item.name)">{{StringUtil.getBJXFirstChar(item.name)}}</view> | ||||
| <view v-else> | <view v-else> | ||||
| @@ -1,6 +1,10 @@ | |||||
| .card-body { | .card-body { | ||||
| padding-top: 20rpx; | |||||
| padding-bottom: 10rpx; | |||||
| padding-top: 20px; | |||||
| padding-bottom: 10px; | |||||
| } | |||||
| .nut-collapse-item__title-sub { | |||||
| margin-right: 14px; | |||||
| } | } | ||||
| .nut-collapse-item .nut-collapse-item__title { | .nut-collapse-item .nut-collapse-item__title { | ||||
| padding: 0; | padding: 0; | ||||
| @@ -16,10 +20,19 @@ | |||||
| .nut-collapse-item .nut-collapse-item__title .nut-collapse-item__title-sub | .nut-collapse-item .nut-collapse-item__title .nut-collapse-item__title-sub | ||||
| { | { | ||||
| right: 50rpx; | |||||
| right: 36px; | |||||
| color: rgba(0, 0, 0, 0.5); | color: rgba(0, 0, 0, 0.5); | ||||
| } | } | ||||
| .nut-collapse-item__border .nut-collapse-item__title::after { | .nut-collapse-item__border .nut-collapse-item__title::after { | ||||
| border-bottom-color: #FFF; | border-bottom-color: #FFF; | ||||
| } | } | ||||
| .name { | |||||
| font-size: 34px; | |||||
| line-height: normal; | |||||
| } | |||||
| .company { | |||||
| height: 24px; | |||||
| line-height: normal; | |||||
| } | |||||
| @@ -20,21 +20,21 @@ let todayPassJsonObject = JSON.parse(props.todayPassTime) | |||||
| <view class="card mr-3 bg-light"> | <view class="card mr-3 bg-light"> | ||||
| <view class="card-body"> | <view class="card-body"> | ||||
| <view class="d-flex flex-row"> | <view class="d-flex flex-row"> | ||||
| <view class="pr-4 h4"> | |||||
| <nut-avatar size="large" color="white" :bg-color="StringUtil.mbString2RgbHex(lastName)"> | |||||
| <view class="pr-3 h6"> | |||||
| <nut-avatar size="normal" color="white" :bg-color="StringUtil.mbString2RgbHex(lastName)"> | |||||
| <view> | <view> | ||||
| <view v-if="lastName">{{lastName}}</view> | <view v-if="lastName">{{lastName}}</view> | ||||
| <view v-else> | <view v-else> | ||||
| <Text className='fa fa-user fa-lg'/> | |||||
| <Text className='fa fa-user'/> | |||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| </nut-avatar> | </nut-avatar> | ||||
| </view> | </view> | ||||
| <view> | <view> | ||||
| <view class="d-flex flex-row pt-2"> | |||||
| <view v-if="props.name" class="h4">{{props.name}}</view> | |||||
| <view class="d-flex flex-row"> | |||||
| <view v-if="props.name" class="name">{{props.name}}</view> | |||||
| <view v-else> | <view v-else> | ||||
| <view class="text-black-50 h4"> | |||||
| <view class="text-black-50 name"> | |||||
| <Text className='text-info fas fa-exclamation-circle'/> 无姓名 | <Text className='text-info fas fa-exclamation-circle'/> 无姓名 | ||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| @@ -43,12 +43,10 @@ let todayPassJsonObject = JSON.parse(props.todayPassTime) | |||||
| <view v-else></view> | <view v-else></view> | ||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| <view> | |||||
| <view class="company text-black-50"> | |||||
| <view v-if="props.company">{{props.company}}</view> | <view v-if="props.company">{{props.company}}</view> | ||||
| <view v-else> | <view v-else> | ||||
| <view class="text-black-50"> | |||||
| <Text className='text-info fas fa-exclamation-circle'/> 无公司信息 | |||||
| </view> | |||||
| <Text className='text-info fas fa-exclamation-circle'/> 无公司信息 | |||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| @@ -0,0 +1,3 @@ | |||||
| .save-button { | |||||
| font-size: 36px | |||||
| } | |||||
| @@ -14,7 +14,7 @@ const contactData = Router.getData() | |||||
| <view class="text-black-50">更新来访联系人信息,并设置下次到访时间</view> | <view class="text-black-50">更新来访联系人信息,并设置下次到访时间</view> | ||||
| </view> | </view> | ||||
| <view class="pr-2 pt-2"> | <view class="pr-2 pt-2"> | ||||
| <view class="text-primary">保存</view> | |||||
| <view class="text-primary save-button">保存</view> | |||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| <ContactForm :data="contactData"/> | <ContactForm :data="contactData"/> | ||||
| @@ -0,0 +1,3 @@ | |||||
| .save-button { | |||||
| font-size: 36px | |||||
| } | |||||
| @@ -11,7 +11,7 @@ import './index.scss' | |||||
| <view class="text-black-50">新建来访联系人,并设置到访时间</view> | <view class="text-black-50">新建来访联系人,并设置到访时间</view> | ||||
| </view> | </view> | ||||
| <view class="pr-2 pt-2"> | <view class="pr-2 pt-2"> | ||||
| <view class="text-primary">保存</view> | |||||
| <view class="text-primary save-button">保存</view> | |||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| @@ -45,7 +45,11 @@ import Notification from "../../components/notification"; | |||||
| <view class="flex-grow-1"></view> | <view class="flex-grow-1"></view> | ||||
| <view>最近30天的来访</view> | <view>最近30天的来访</view> | ||||
| </view> | </view> | ||||
| <!-- <Counter/>--> | |||||
| <view class="p-4"> | |||||
| <button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">使用电话号码登录</button> | |||||
| </view> | |||||
| <!-- <Counter/>--> | |||||
| <Notification name="" company="小明科技2" is-vip="true" pass-date="2023-12-25" pass-time="22:22:22" today-pass-time='["22:22:21","22:22:20"]'/> | <Notification name="" company="小明科技2" is-vip="true" pass-date="2023-12-25" pass-time="22:22:22" today-pass-time='["22:22:21","22:22:20"]'/> | ||||
| <Notification name="王远" company="joydata科技" is-vip="true" pass-date="2023-12-25" pass-time="22:22:22" today-pass-time='[]'/> | <Notification name="王远" company="joydata科技" is-vip="true" pass-date="2023-12-25" pass-time="22:22:22" today-pass-time='[]'/> | ||||
| <Notification name="华雨" company="joydata科技" is-vip="false" pass-date="2023-12-25" pass-time="22:22:22" today-pass-time='["22:22:21"]'/> | <Notification name="华雨" company="joydata科技" is-vip="false" pass-date="2023-12-25" pass-time="22:22:22" today-pass-time='["22:22:21"]'/> | ||||