jingshuiji/packages/partner/pages/newWorkOrder/newWorkOrder.wxml

<view class="newWorkOrder">
    <view class="form">

        <view class="formItem">
            <view class="formItem_tit">
                <view class="icon">*</view>
                套餐
            </view>
            <view class="formItem_con" bind:tap="changeShow1">
                <input type="text" placeholder="请选择套餐" disabled value="{{package.package_name}}" />
            </view>
        </view>

        <view class="formItem">
            <view class="formItem_tit">
                <view class="icon">*</view>
                产品
            </view>
            <view class="formItem_con" bind:tap="changeShow5">
                <input type="text" placeholder="请选择产品" disabled value="{{product.product_name}}" />
            </view>
        </view>


        <!-- <view class="formItem">
      <view class="formItem_tit">
        产品名称
      </view>
      <view class="formItem_con">
        <input type="text" placeholder="产品名称" disabled />
      </view>
    </view> -->
        <!-- <view class="formItem">
            <view class="formItem_tit">
                计费模式
            </view>
            <view class="formItem_con">
                <input type="text" placeholder="计费模式" disabled />
            </view>
        </view>
        <view class="formItem">
            <view class="formItem_tit">
                套餐资费
            </view>
            <view class="formItem_con">
                <input type="text" placeholder="180元" disabled />
            </view>
        </view>

        <view class="formItem">
            <view class="formItem_tit">
                使用时长
            </view>
            <view class="formItem_con">
                <input type="text" placeholder="请选择套餐" disabled />
            </view>
        </view> -->

     
        <view class="formItem">
            <view class="formItem_tit">
                <view class="icon">*</view>
                客户电话
            </view>
            <view class="formItem_con">
                <input type="number" placeholder="请输入客户电话" maxlength="11" bindinput="changeCustomerPhone" value="{{customer_phone}}" />
            </view>
        </view>

        <view class="formItem">
            <view class="formItem_tit">
                <view class="icon">*</view>
                客户姓名
            </view>
            <view class="formItem_con">
                <input type="text" placeholder="请输入客户姓名" bindinput="changeCustomerName" value="{{customer_name}}" />
            </view>
        </view>

        <view class="formItem">
            <view class="formItem_tit">
                <view class="icon">*</view>
                所在区域
            </view>
            <view class="formItem_con" bind:tap="headerAreaClick">
                <input type="text" value="{{area}}" disabled placeholder='请选择您所在的区域' placeholder-style="font-size: 26rpx;color:#999" />
            </view>
        </view>


        <view class="formItem">
            <view class="formItem_tit">
                <view class="icon">*</view>
                详细地址
            </view>
            <view class="formItem_con">
                <input type="text" placeholder="请输入详细地址"  bindinput="changeAddress" value="{{address}}" />
            </view>
        </view>


        <view class="formItem">
            <view class="formItem_tit">
                <view class="icon">*</view>
                安装师傅
            </view>
            <view class="formItem_con" bind:tap="changeShow3">
                <input type="text" placeholder="请选择安装师傅" value="{{masterInfo.name}}" disabled />
            </view>
        </view>

        <view class="formItem">
            <view class="formItem_tit">
                <view class="icon">*</view>
                预约时间
            </view>
            <view class="formItem_con" bind:tap="changeShow4">
                <input type="text" placeholder="请选择预约时间" value="{{time}}" disabled />
            </view>
        </view>

        <view class="formItem2">
            <view class="formItem_tit">
                备注
            </view>
            <view class="formItem_con2">
                <textarea value="{{remark}}" bindinput="changeRemark" placeholder="备注" />
            </view>
        </view>

        <view class="submit" bind:tap="submit">
            提交
        </view>
    </view>
</view>


<van-popup show="{{ show }}" safe-area-inset-bottom lock-scroll bind:close="onClose" round close-on-click-overlay position="bottom">
    <van-picker show-toolbar bind:cancel="cancel1" bind:confirm="confirmPackage" columns="{{ packageList }}" value-key="package_name" />
</van-popup>


<!-- 省市区选择 -->
<van-popup show="{{ show2 }}" custom-style="height: 40%;" safe-area-inset-bottom lock-scroll bind:close="onClose2" round close-on-click-overlay position="bottom">
    <view class="popup_title">
        <view class="popup_label" bind:tap="onClose3">取消</view>
        <view class="popup_label color_blue" bind:tap="onOk">确认</view>
    </view>
    <picker-view indicator-style="height: 50px;" style="width: 100%; height: 500rpx;" value="{{value}}" bindchange="bindChange">
        <picker-view-column>
            <view wx:for="{{cityList}}" wx:key="index" style="line-height: 50px; text-align: center;">{{item.name}}</view>
        </picker-view-column>
        <picker-view-column>
            <view wx:for="{{newAreaList}}" wx:key="index" style="line-height: 50px; text-align: center;">{{item.name}}</view>
        </picker-view-column>
        <picker-view-column>
            <view wx:for="{{newBusiness}}" wx:key="index" style="line-height: 50px; text-align: center;">{{item.business_name}}</view>
        </picker-view-column>
    </picker-view>
</van-popup>


<van-popup show="{{ show3 }}" safe-area-inset-bottom lock-scroll bind:close="onClose6" round close-on-click-overlay position="bottom">
    <van-picker show-toolbar bind:cancel="onClose6" bind:confirm="confirmPackage3" columns="{{ masterList }}" value-key="name" />
</van-popup>


<van-popup show="{{ show4 }}" bind:close="onClose4" safe-area-inset-bottom position="bottom" close-on-click-overlay>
    <van-datetime-picker bind:cancel="onClose4" formatter="{{ formatter }}" type="datetime" min-date="{{ minDate }}" bind:confirm="onInput" />
</van-popup>


<van-popup show="{{ show5 }}" safe-area-inset-bottom lock-scroll bind:close="cancel5" round close-on-click-overlay position="bottom">
    <van-picker show-toolbar bind:cancel="cancel5" bind:confirm="confirmproduct" columns="{{ productList }}" value-key="product_name" />
</van-popup>