You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1317 lines
54 KiB
1317 lines
54 KiB
<template> |
|
<HeaderNav :title="title" :is-back="true"></HeaderNav> |
|
<view class="body-background"> |
|
|
|
</view> |
|
<u-row :custom-style="{padding:'16rpx 26rpx',boxSizing:'border-box'}"> |
|
<u-col :span="12" :custom-style="{ |
|
backgroundColor:'#FFFFFF', |
|
borderRadius:'20rpx', |
|
padding:'40rpx 32rpx', |
|
position:'relative' |
|
}"> |
|
<u-form |
|
errorType="toast" |
|
labelWidth="auto" |
|
labelPosition="left" |
|
:model="model" |
|
:rules="rules" |
|
ref="feedForm" |
|
> |
|
|
|
<u-form-item |
|
prop="remark" |
|
:custom-style="{padding:'0',marginBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="萌宠居家情况反馈（原始状态）"></u-text> |
|
</view> |
|
<view class="form-label"> |
|
<u-text size="30" text="门窗、灯、空调、水电等情况"></u-text> |
|
</view> |
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="全部关闭" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="部分未关闭" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
<u-form-item |
|
prop="remark" |
|
:custom-style="{padding:'0',marginBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="入户前萌宠家居情况"></u-text> |
|
</view> |
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="未破坏" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="捣蛋破坏" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
<u-form-item |
|
prop="arriveTime" |
|
:custom-style="{padding:'0',paddingBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="萌宠生活区情况"></u-text> |
|
</view> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="萌宠食物剩余情况"></u-text> |
|
</view> |
|
<view class="form-label"> |
|
<u-text size="24" color="#999" text="萌宠粮"></u-text> |
|
</view> |
|
|
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="充足" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="少量" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="无" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
|
|
<view class="form-label"> |
|
<u-text size="24" color="#999" text="萌宠水"></u-text> |
|
</view> |
|
|
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="充足" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="少量" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="无" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="是否有萌宠呕吐物"></u-text> |
|
</view> |
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="无呕吐物" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="毛发" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="胃酸" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="食物" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="不明物体" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="萌宠排泄物情况"></u-text> |
|
</view> |
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="健康" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="干结" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="偏软" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="粘稠" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="稀便" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="血便" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
|
|
<view class="form-label"> |
|
<u-text size="30" text="其他情况反馈"></u-text> |
|
</view> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
|
|
<!-- 喂养服务--> |
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
|
|
<view class="form-label"> |
|
<u-text size="30" text="食盆清洗并擦干水渍"></u-text> |
|
</view> |
|
<view style="margin-bottom: 30rpx;"> |
|
<uv-number-box v-model="value"></uv-number-box> |
|
</view> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
|
|
<view class="form-label"> |
|
<u-text size="30" text="水盆清理"></u-text> |
|
</view> |
|
<view style="margin-bottom: 30rpx;"> |
|
<uv-number-box v-model="value"></uv-number-box> |
|
</view> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="萌宠主食"></u-text> |
|
</view> |
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="添加" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="更换" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="鲜食制作" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="萌宠饮用水"></u-text> |
|
</view> |
|
<view class="form-label"> |
|
<u-text size="24" color="#999" text="操作"></u-text> |
|
</view> |
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="添加" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="更换" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
|
|
<view class="form-label"> |
|
<u-text size="24" color="#999" text="饮用水说明"></u-text> |
|
</view> |
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="自来水" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="矿泉水" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="凉白开" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="厨房直饮水" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="零食、药品及其他"></u-text> |
|
</view> |
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="罐头" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="化毛膏/片" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="鱼油" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="益生菌" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="猫条" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="磨牙棒" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="其他零食" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="指定营养品" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="指定药品" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="窝窝整理"></u-text> |
|
</view> |
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="整理" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="消毒" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="祛味" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="笼笼清理"></u-text> |
|
</view> |
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="整理" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="消毒" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="祛味" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="周边毛发"></u-text> |
|
</view> |
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="整理" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="消毒" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="祛味" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="屋内排泄物清理"></u-text> |
|
</view> |
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="整理" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="消毒" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="祛味" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="屋内呕吐物清理"></u-text> |
|
</view> |
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="整理" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="消毒" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="祛味" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="猫砂盆整理及猫砂更换"></u-text> |
|
</view> |
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="清理铲屎" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="猫砂盆擦拭" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="全部更换" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="整体清洗" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="清洗猫砂铲" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="消毒" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="其他需求反馈"></u-text> |
|
</view> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
|
|
<!-- 健康检查--> |
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="基础检查（若小主胆小，部分项目可能无法检查）"></u-text> |
|
</view> |
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="精神状态" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="鼻子" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="便便" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="皮肤状态" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="耳朵检查" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="眼睛" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="肛周情况" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="爪爪" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="口腔检查" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="食欲状态" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="健康情况"></u-text> |
|
</view> |
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="健康活泼" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="未近距离观察" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
</u-form-item> |
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="其他"></u-text> |
|
</view> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
|
|
<!-- 萌宠美容及清理 --> |
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="萌宠清洁"></u-text> |
|
</view> |
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="擦耳朵" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="梳毛毛" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="擦拭眼部周围分泌物" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="萌宠全身擦拭" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="清洁牙齿" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="萌宠美容"></u-text> |
|
</view> |
|
<view class="form-label"> |
|
<u-text size="24" color="#999" text="洗护前原始状态"></u-text> |
|
</view> |
|
|
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="健康预检" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="祛油脂尾" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="毛发护理" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="耳道护理" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="萌爪护理" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="眼部护理" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="局部剃毛" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
|
|
<view class="form-label"> |
|
<u-text size="24" color="#999" text="使用产品"></u-text> |
|
</view> |
|
|
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="专业护理产品" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="升级护理产品" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="伊珊娜精致洗护" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="药浴" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
|
|
<view class="form-label"> |
|
<u-text size="24" color="#999" text="洗护后状态"></u-text> |
|
</view> |
|
|
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="祛油脂尾" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="毛发护理" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="萌爪护理" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="肛门腺护理" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="眼部护理" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
|
|
<!-- 遛弯互动/陪玩--> |
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="在家互动"></u-text> |
|
</view> |
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="在家互动" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="外出遛弯" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
<view class="form-label"> |
|
<u-text size="24" color="#999" text="排便情况"></u-text> |
|
</view> |
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="无" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="1次" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="2次" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="其他" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
<view class="form-label"> |
|
<u-text size="24" color="#999" text="便便情况"></u-text> |
|
</view> |
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="健康" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="干结" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="偏软" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="粘稠" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="稀便" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="血便" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
<view class="form-label"> |
|
<u-text size="24" color="#999" text="入门前清洁"></u-text> |
|
</view> |
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="擦脚脚" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="擦屁屁" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
|
|
<!-- 安全离开--> |
|
|
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="垃圾携带"></u-text> |
|
</view> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="门窗、灯、空调、水电等状态"></u-text> |
|
</view> |
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="保持原始状态" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="更改原始状态" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="离开时萌宠安全确认"></u-text> |
|
</view> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="关闭房门安全离开"></u-text> |
|
</view> |
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="已反锁" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="已关门,未反锁" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="房门钥匙"></u-text> |
|
</view> |
|
<u-checkbox-group size="40"> |
|
<u-checkbox label="钥匙已密封带走保管" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
<u-checkbox label="放在宠主指定位置" labelSize="28" icon-size="28" active-color="#4EC2B7" custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox> |
|
</u-checkbox-group> |
|
<u-upload |
|
width="160" |
|
height="160" |
|
:fileList="fileList" |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
uploadIcon="plus" |
|
@afterRead="afterFileRead" |
|
@delete="deleteFile" |
|
></u-upload> |
|
<u-textarea |
|
v-model="model.remark" |
|
border="none" |
|
placeholder="请描述您遇到的问题" |
|
height="220" |
|
:custom-style="{ |
|
backgroundColor:'#FAFAFA', |
|
padding:'20rpx 20rpx' |
|
}" |
|
></u-textarea> |
|
</u-form-item> |
|
<u-form-item |
|
prop="userInfo.sex" |
|
:custom-style="{padding:'34rpx 0',marginBottom:'30rpx;'}" |
|
> |
|
<view class="form-label"> |
|
<u-text size="30" text="离开时间"></u-text> |
|
</view> |
|
<u-cell |
|
:title="model.goOutTime" |
|
is-link |
|
@click="$refs.goOutTime.open();" |
|
custom-style="padding:0" |
|
> |
|
|
|
</u-cell> |
|
<!-- <u-text size="30" :text="model.arriveTime" @click="$refs.arriveTime.open();"></u-text>--> |
|
<uv-datetime-picker ref="goOutTime" v-model="model.goOutTime" mode="datetime"></uv-datetime-picker> |
|
</u-form-item> |
|
</u-form> |
|
<view class="bottom-btn border-box" style="box-sizing: border-box;"> |
|
<MzButton title="保存" button-color="#4EC2B7" button-width="100%" font-color="#fff" @click="submit"> |
|
|
|
</MzButton> |
|
</view> |
|
</u-col> |
|
</u-row> |
|
</template> |
|
|
|
<script> |
|
import { |
|
imghost |
|
} from '@/config/host.js' |
|
import api from '@/utils/functions.js'; |
|
import HeaderNav from "@/components/HeaderNav/Index.vue"; |
|
import MzButton from "@/components/MzButton/Index.vue"; |
|
import {orderDone} from "@/api/order"; |
|
|
|
export default { |
|
components: { |
|
MzButton, |
|
HeaderNav, |
|
}, |
|
data() { |
|
return { |
|
value:1, |
|
title: '结束服务', |
|
loading: true, |
|
staticImage: { |
|
bg: imghost + '/BG.png', |
|
newIcon: imghost + '/new-icon.png', |
|
}, |
|
isTop: false, |
|
fileList:[], |
|
model:{ |
|
connect:'', |
|
remark:'', |
|
file:[], |
|
goOutTime:'' |
|
}, |
|
rules:{ |
|
'connect': { |
|
type: 'string', |
|
required: true, |
|
message: '请填写联系方式', |
|
trigger: ['blur', 'change'] |
|
}, |
|
'remark': { |
|
type: 'string', |
|
required: true, |
|
message: '请填写内容', |
|
trigger: ['blur', 'change'] |
|
}, |
|
}, |
|
} |
|
}, |
|
onLoad(option) { |
|
this.id = option.id; |
|
// this.model.goOutTime = uni.$u.timeFormat(null,'yyyy年mm月dd日 hh时MM分'); |
|
}, |
|
computed: { |
|
api() { |
|
return api |
|
}, |
|
}, |
|
methods: { |
|
submit(){ |
|
let file = []; |
|
this.fileList.forEach(item => { |
|
file.push(item.url) |
|
}); |
|
this.model.file = file; |
|
// this.$refs.feedForm.validate().then(res => { |
|
orderDone(this.id,this.model.file).then((res) => { |
|
if(res.code === 200){ |
|
|
|
|
|
this.model = { |
|
connect:'', |
|
remark:'', |
|
file:[] |
|
} |
|
this.fileList = []; |
|
api.success('保存成功').then(()=>{ |
|
uni.navigateBack(); |
|
}) |
|
}else{ |
|
uni.$u.toast(res.msg) |
|
} |
|
}) |
|
// }).catch(errors => { |
|
// uni.$u.toast(errors[0].message) |
|
// }) |
|
|
|
}, |
|
//上传文件 |
|
async afterFileRead (event){ |
|
let lists = [].concat(event.file); |
|
|
|
let fileListLen = this.fileList.length; |
|
lists.map((item) => { |
|
this.fileList.push({ |
|
...item, |
|
status: 'uploading', |
|
message: '上传中', |
|
}); |
|
}); |
|
for (let i = 0; i < lists.length; i++) { |
|
|
|
api.uploadOssFile(lists[i].url).then(res => { |
|
let item = this.fileList[fileListLen]; |
|
this.fileList.splice(fileListLen, 1, { |
|
...item, |
|
status: 'success', |
|
message: '', |
|
url: res.show_path, |
|
thumb: res.show_path, |
|
}); |
|
fileListLen++; |
|
}) |
|
// const result = await uploadFilePromise(lists[i].url); |
|
|
|
} |
|
}, |
|
//删除上传图片 |
|
deleteFile(event){ |
|
this.fileList.splice(event.index, 1); |
|
}, |
|
copyContent(){ |
|
uni.setClipboardData({ |
|
data: '', |
|
success: function () { |
|
//调用方法成功 |
|
} |
|
}) |
|
}, |
|
}, |
|
onPageScroll(res) { |
|
if (res.scrollTop <= 20) { |
|
uni.$emit('isTop', true); |
|
} else { |
|
uni.$emit('isTop', false); |
|
} |
|
}, |
|
created() { |
|
|
|
} |
|
} |
|
</script> |
|
|
|
<style lang="scss"> |
|
@import './components/end.scss'; |
|
</style> |