wxapp-visitor-invite/src/pages/contact-edit/index.vue

<script setup>
import { Router } from 'tarojs-router-next'
import './index.scss'


const contactData = Router.getData()
// const contactData = JSON.stringify(contactDataString)

const goBack = () => {
  Router.back()
}
</script>

<template>


  <view class="h-100 d-flex flex-column">
    <BackgroundBasic/>
    <NutNavbar title=""></NutNavbar>
    <view class="p-3 d-flex">
      <view class="flex-grow-1">
        <view class="h2">
          <Text className="fas fa-chevron-left text-primary" @tap="goBack()"/>
          更新联系人
        </view>
        <view class="text-black-50">更新来访联系人信息，并设置下次到访时间</view>
      </view>
      <view class="d-flex align-items-end">
        <view class="text-primary save-button">保存</view>
      </view>
    </view>


    <view class="scroll">
      <ContactForm :data="contactData"/>

      <nut-cell title="来访记录">
        <template #desc>
          <Text className="fas fa-chevron-right"/>
        </template>
      </nut-cell>

      <nut-cell title="编辑记录" sub-title="本联系人在公司中的所有信息修改记录">
        <template #desc>
          <Text className="fas fa-chevron-right"/>
        </template>
      </nut-cell>

      <view class="p-3">
        <nut-button block color="red" plain>加入黑名单</nut-button>
      </view>

      <view class="p-3 pb-5">
        <nut-button block color="red">删除联系人</nut-button>
      </view>
    </view>
  </view>






</template>