添加区域选择树形组件

Liuyi

2024-09-27 9ac5049e08ba842663761a432b41d36d3d1b2089

 pages/addCard/index.vue

@@ -2,7 +2,7 @@
import { onMounted,ref} from 'vue';

const form = ref({
    waterCardNumber:'',
    waterwaterCardNumber:'',
    userName:'',
    userPhone:'',
    address:'',
@@ -23,28 +23,28 @@
            <view class="form">
               <view class="form-item card-item">
                  <text>卡号：</text>
                  <input v-model="form.cardNumber" placeholder="请输入卡号"/>
                  <input v-model="form.waterCardNumber" placeholder="请输入卡号"/>
                  <image src="../../static/images/addCard/code.png" alt=""></image>
               </view>
               <view class="form-item">
                  <text>姓名：</text>
                  <input v-model="form.cardNumber" placeholder="请输入姓名"/>
                  <input v-model="form.waterCardNumber" placeholder="请输入姓名"/>
               </view>
               <view class="form-item">
                  <text>联系方式：</text>
                  <input v-model="form.cardNumber" placeholder="请输入手机号"/>
                  <input v-model="form.waterCardNumber" placeholder="请输入手机号"/>
               </view>
               <view class="form-item">
                  <text>区域：</text>
                  <input v-model="form.cardNumber" placeholder="请选择区域"/>
                  <input v-model="form.waterCardNumber" placeholder="请选择区域"/>
               </view>
               <view class="form-item">
                  <text>地址：</text>
                  <input v-model="form.cardNumber" placeholder="请输入地址"/>
                  <input v-model="form.waterCardNumber" placeholder="请输入地址"/>
               </view>
               <view class="form-item">
                  <text>备注：</text>
                  <input v-model="form.cardNumber" placeholder="请输入内容"/>
                  <input v-model="form.waterCardNumber" placeholder="请输入内容"/>
               </view>
            </view>
            <view class="tips">