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.
 
 
 

1676 lines
74 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-collapse :border="false" accordion value="0">
<u-collapse-item name="0" title="萌宠居家情况反馈(原始状态)">
<u-form-item
prop="remark"
:custom-style="{padding:'0',marginBottom:'30rpx;'}"
>
<view class="form-label">
<u-text size="30" text="门窗、灯、空调、水电等情况"></u-text>
</view>
<u-radio-group size="40" v-model="model.appliance.option">
<u-radio name="全部关闭" label="全部关闭" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-radio>
<u-radio name="部分未关闭" label="部分未关闭" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-radio>
</u-radio-group>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.appliance"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'appliance')}"
@afterRead="(res) => {uploadPut(res,'appliance')}"
></uv-upload>
<u-textarea
v-model="model.appliance.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-radio-group v-model="model.before_status.option" size="40">
<u-radio name="未破坏" label="未破坏" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-radio>
<u-radio name="捣蛋破坏" label="捣蛋破坏" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-radio>
</u-radio-group>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.before_status"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'before_status')}"
@afterRead="(res) => {uploadPut(res,'before_status')}"
></uv-upload>
<u-textarea
v-model="model.before_status.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>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.pet_status"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'pet_status')}"
@afterRead="(res) => {uploadPut(res,'pet_status')}"
></uv-upload>
<u-textarea
v-model="model.pet_status.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-radio-group v-model="model.food_status.food_option" size="40">
<u-radio name="充足" label="充足" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-radio>
<u-radio name="少量" label="少量" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-radio>
<u-radio name="无" label="无" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-radio>
</u-radio-group>
<view class="form-label">
<u-text size="24" color="#999" text="萌宠水"></u-text>
</view>
<u-radio-group v-model="model.food_status.water_option" size="40">
<u-radio name="充足" label="充足" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-radio>
<u-radio name="少量" label="少量" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-radio>
<u-radio name="无" label="无" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-radio>
</u-radio-group>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.food_status"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'food_status')}"
@afterRead="(res) => {uploadPut(res,'food_status')}"
></uv-upload>
<u-textarea
v-model="model.food_status.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 v-model="model.sick.option" size="40">
<u-checkbox name="无呕吐物" label="无呕吐物" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="毛发" label="毛发" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="胃酸" label="胃酸" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="食物" label="食物" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="不明物体" label="不明物体" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
</u-checkbox-group>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.sick"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'sick')}"
@afterRead="(res) => {uploadPut(res,'sick')}"
></uv-upload>
<u-textarea
v-model="model.sick.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 v-model="model.excrement.option" size="40">
<u-checkbox name="健康" label="健康" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="干结" label="干结" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="偏软" label="偏软" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="粘稠" label="粘稠" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="稀便" label="稀便" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="血便" label="血便" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
</u-checkbox-group>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.excrement"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'excrement')}"
@afterRead="(res) => {uploadPut(res,'excrement')}"
></uv-upload>
<u-textarea
v-model="model.excrement.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>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.other"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'other')}"
@afterRead="(res) => {uploadPut(res,'other')}"
></uv-upload>
<u-textarea
v-model="model.other.remark"
border="none"
placeholder="请描述您遇到的问题"
height="220"
:custom-style="{
backgroundColor:'#FAFAFA',
padding:'20rpx 20rpx'
}"
></u-textarea>
</u-form-item>
</u-collapse-item>
<!-- 喂养服务-->
<u-collapse-item name="1" title="喂养服务">
<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="model.food_bowl.value"></uv-number-box>
</view>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.food_bowl"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'food_bowl')}"
@afterRead="(res) => {uploadPut(res,'food_bowl')}"
></uv-upload>
<u-textarea
v-model="model.food_bowl.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="model.basin.value"></uv-number-box>
</view>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.basin"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'basin')}"
@afterRead="(res) => {uploadPut(res,'basin')}"
></uv-upload>
<u-textarea
v-model="model.basin.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 v-model="model.staple_food.option" size="40">
<u-checkbox name="添加" label="添加" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="更换" label="更换" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="鲜食制作" label="鲜食制作" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
</u-checkbox-group>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.staple_food"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'staple_food')}"
@afterRead="(res) => {uploadPut(res,'staple_food')}"
></uv-upload>
<u-textarea
v-model="model.staple_food.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 v-model="model.water.option" size="40">
<u-checkbox name="添加" label="添加" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="更换" 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 v-model="model.water.type_option" size="40">
<u-checkbox name="自来水" label="自来水" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="矿泉水" label="矿泉水" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="凉白开" label="凉白开" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="厨房直饮水" label="厨房直饮水" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
</u-checkbox-group>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.water"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'water')}"
@afterRead="(res) => {uploadPut(res,'water')}"
></uv-upload>
<u-textarea
v-model="model.water.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 v-model="model.snacks.option" size="40">
<u-checkbox name="罐头" label="罐头" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="化毛膏" label="化毛膏/片" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="鱼油" label="鱼油" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="益生菌" label="益生菌" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="猫条" label="猫条" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="磨牙棒" label="磨牙棒" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="其他零食" label="其他零食" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="指定营养品" label="指定营养品" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="指定药品" label="指定药品" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
</u-checkbox-group>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.snacks"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'snacks')}"
@afterRead="(res) => {uploadPut(res,'snacks')}"
></uv-upload>
<u-textarea
v-model="model.snacks.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 v-model="model.wowo.option" size="40">
<u-checkbox name="整理" label="整理" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="消毒" label="消毒" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="祛味" label="祛味" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
</u-checkbox-group>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.wowo"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'wowo')}"
@afterRead="(res) => {uploadPut(res,'wowo')}"
></uv-upload>
<u-textarea
v-model="model.wowo.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 v-model="model.cage.option" size="40">
<u-checkbox name="整理" label="整理" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="消毒" label="消毒" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="祛味" label="祛味" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
</u-checkbox-group>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.cage"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'cage')}"
@afterRead="(res) => {uploadPut(res,'cage')}"
></uv-upload>
<u-textarea
v-model="model.cage.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 v-model="model.hair.option" size="40">
<u-checkbox name="整理" label="整理" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="消毒" label="消毒" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="祛味" label="祛味" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
</u-checkbox-group>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.hair"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'hair')}"
@afterRead="(res) => {uploadPut(res,'hair')}"
></uv-upload>
<u-textarea
v-model="model.hair.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 v-model="model.pet_sick.option" size="40">
<u-checkbox name="整理" label="整理" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="消毒" label="消毒" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="祛味" label="祛味" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
</u-checkbox-group>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.pet_sick"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'pet_sick')}"
@afterRead="(res) => {uploadPut(res,'pet_sick')}"
></uv-upload>
<u-textarea
v-model="model.pet_sick.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 v-model="model.pet_excrement.option" size="40">
<u-checkbox name="整理" label="整理" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="消毒" label="消毒" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="祛味" label="祛味" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
</u-checkbox-group>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.pet_excrement"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'pet_excrement')}"
@afterRead="(res) => {uploadPut(res,'pet_excrement')}"
></uv-upload>
<u-textarea
v-model="model.pet_excrement.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 v-model="model.cat_litter.option" size="40">
<u-checkbox name="清理铲屎" label="清理铲屎" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="猫砂盆擦拭" label="猫砂盆擦拭" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="全部更换" label="全部更换" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="整体清洗" label="整体清洗" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="清洗猫砂铲" label="清洗猫砂铲" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="消毒" label="消毒" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
</u-checkbox-group>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.cat_litter"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'cat_litter')}"
@afterRead="(res) => {uploadPut(res,'cat_litter')}"
></uv-upload>
<u-textarea
v-model="model.cat_litter.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>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.other_info"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'other_info')}"
@afterRead="(res) => {uploadPut(res,'other_info')}"
></uv-upload>
<u-textarea
v-model="model.other_info.remark"
border="none"
placeholder="请描述您遇到的问题"
height="220"
:custom-style="{
backgroundColor:'#FAFAFA',
padding:'20rpx 20rpx'
}"
></u-textarea>
</u-form-item>
</u-collapse-item>
<!-- 健康检查-->
<u-collapse-item name="2" title="健康检查">
<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 v-model="model.foundation.option" size="40">
<u-checkbox name="精神状态" label="精神状态" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="鼻子" label="鼻子" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="便便" label="便便" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="皮肤状态" label="皮肤状态" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="耳朵检查" label="耳朵检查" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="眼睛" label="眼睛" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="肛周情况" label="肛周情况" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="爪爪" label="爪爪" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="口腔检查" label="口腔检查" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="食欲状态" label="食欲状态" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
</u-checkbox-group>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.foundation"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'foundation')}"
@afterRead="(res) => {uploadPut(res,'foundation')}"
></uv-upload>
<u-textarea
v-model="model.foundation.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-radio-group v-model="model.health.option" size="40">
<u-radio name="健康活泼" label="健康活泼" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-radio>
<u-radio name="未近距离观察" label="未近距离观察" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-radio>
</u-radio-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>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.health_other"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'health_other')}"
@afterRead="(res) => {uploadPut(res,'health_other')}"
></uv-upload>
<u-textarea
v-model="model.health_other.remark"
border="none"
placeholder="请描述您遇到的问题"
height="220"
:custom-style="{
backgroundColor:'#FAFAFA',
padding:'20rpx 20rpx'
}"
></u-textarea>
</u-form-item>
</u-collapse-item>
<!-- 萌宠美容及清理 -->
<u-collapse-item name="3" title="萌宠美容及清理">
<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 v-model="model.pet_clean.option" size="40">
<u-checkbox name="擦耳朵" label="擦耳朵" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="梳毛毛" label="梳毛毛" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="擦拭眼部周围分泌物" label="擦拭眼部周围分泌物" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="萌宠全身擦拭" label="萌宠全身擦拭" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="清洁牙齿" label="清洁牙齿" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
</u-checkbox-group>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.pet_clean"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'pet_clean')}"
@afterRead="(res) => {uploadPut(res,'pet_clean')}"
></uv-upload>
<u-textarea
v-model="model.pet_clean.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 v-model="model.before_facial.option" size="40">
<u-checkbox name="健康预检" label="健康预检" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="祛油脂尾" label="祛油脂尾" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="毛发护理" label="毛发护理" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="耳道护理" label="耳道护理" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="萌爪护理" label="萌爪护理" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="眼部护理" label="眼部护理" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="局部剃毛" label="局部剃毛" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
</u-checkbox-group>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.before_facial"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'before_facial')}"
@afterRead="(res) => {uploadPut(res,'before_facial')}"
></uv-upload>
<u-textarea
v-model="model.before_facial.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 v-model="model.pet_facial.option" size="40">
<u-checkbox name="专业护理产品" label="专业护理产品" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="升级护理产品" label="升级护理产品" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="伊珊娜精致洗护" label="伊珊娜精致洗护" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="药浴" label="药浴" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
</u-checkbox-group>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.pet_facial"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'pet_facial')}"
@afterRead="(res) => {uploadPut(res,'pet_facial')}"
></uv-upload>
<u-textarea
v-model="model.pet_facial.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 v-model="model.end_facial.option" size="40">
<u-checkbox name="祛油脂尾" label="祛油脂尾" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="毛发护理" label="毛发护理" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="萌爪护理" label="萌爪护理" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="肛门腺护理" label="肛门腺护理" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="眼部护理" label="眼部护理" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
</u-checkbox-group>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.end_facial"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'end_facial')}"
@afterRead="(res) => {uploadPut(res,'end_facial')}"
></uv-upload>
<u-textarea
v-model="model.end_facial.remark"
border="none"
placeholder="请描述您遇到的问题"
height="220"
:custom-style="{
backgroundColor:'#FAFAFA',
padding:'20rpx 20rpx'
}"
></u-textarea>
</u-form-item>
</u-collapse-item>
<!-- 遛弯互动/陪玩-->
<u-collapse-item name="4" title="遛弯互动/陪玩">
<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>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.home_play"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'home_play')}"
@afterRead="(res) => {uploadPut(res,'home_play')}"
></uv-upload>
<u-textarea
v-model="model.home_play.remark"
border="none"
placeholder="请描述您遇到的问题"
height="220"
:custom-style="{
backgroundColor:'#FAFAFA',
padding:'20rpx 20rpx'
}"
></u-textarea>
<view class="form-label" style="margin-top:30rpx;">
<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 v-model="model.out_play.number_option" size="40">
<u-checkbox name="无" label="无" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="1次" label="1次" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="2次" label="2次" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="其他" 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 v-model="model.out_play.feces_option" size="40">
<u-checkbox name="健康" label="健康" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="干结" label="干结" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="偏软" label="偏软" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="粘稠" label="粘稠" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="稀便" label="稀便" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="血便" 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 v-model="model.out_play.in_home_option" size="40">
<u-checkbox name="擦脚脚" label="擦脚脚" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
<u-checkbox name="擦屁屁" label="擦屁屁" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-checkbox>
</u-checkbox-group>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.out_play"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'out_play')}"
@afterRead="(res) => {uploadPut(res,'out_play')}"
></uv-upload>
<u-textarea
v-model="model.out_play.remark"
border="none"
placeholder="请描述您遇到的问题"
height="220"
:custom-style="{
backgroundColor:'#FAFAFA',
padding:'20rpx 20rpx'
}"
></u-textarea>
</u-form-item>
</u-collapse-item>
<!-- 安全离开-->
<u-collapse-item name="5" title="安全离开">
<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>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.trash"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'trash')}"
@afterRead="(res) => {uploadPut(res,'trash')}"
></uv-upload>
<u-textarea
v-model="model.trash.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-radio-group v-model="model.appliance_info.option" size="40">
<u-radio name="保持原始状态" label="保持原始状态" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-radio>
<u-radio name="更改原始状态" label="更改原始状态" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-radio>
</u-radio-group>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.appliance_info"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'appliance_info')}"
@afterRead="(res) => {uploadPut(res,'appliance_info')}"
></uv-upload>
<u-textarea
v-model="model.appliance_info.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>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.pet_secure"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'pet_secure')}"
@afterRead="(res) => {uploadPut(res,'pet_secure')}"
></uv-upload>
<u-textarea
v-model="model.pet_secure.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-radio-group v-model="model.close.option" size="40">
<u-radio name="已反锁" label="已反锁" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-radio>
<u-radio name="已关门未反锁" label="已关门未反锁" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-radio>
</u-radio-group>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.close"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'close')}"
@afterRead="(res) => {uploadPut(res,'close')}"
></uv-upload>
<u-textarea
v-model="model.close.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-radio-group v-model="model.close_mima.option" size="40">
<u-radio name="已反锁" label="已反锁" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-radio>
<u-radio name="已关门未反锁" label="已关门未反锁" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-radio>
</u-radio-group>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.close_mima"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'close')}"
@afterRead="(res) => {uploadPut(res,'close')}"
></uv-upload>
<u-textarea
v-model="model.close_mima.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-radio-group v-model="model.key.option" size="40">
<u-radio name="钥匙已密封带走保管" label="钥匙已密封带走保管" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-radio>
<u-radio name="放在宠主指定位置" label="放在宠主指定位置" labelSize="28" icon-size="28" active-color="#4EC2B7"
custom-style="margin-right:30rpx;margin-bottom:30rpx;"></u-radio>
</u-radio-group>
<uv-upload
accept="media"
width="160rpx"
height="160rpx"
:fileList="images.key"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@delete="(res) => {uploadDel(res,'key')}"
@afterRead="(res) => {uploadPut(res,'key')}"
></uv-upload>
<u-textarea
v-model="model.key.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.leave || '请选择离开时间 '"
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" :value="model.leave" mode="datetime" @confirm="timeConfirm"></uv-datetime-picker>
</u-form-item>
</u-collapse-item>
</u-collapse>
</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, orderEnd} 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: {
order_service_id:'',
appliance:{option:'',remark:'',upload:[]},
before_status:{option:'',remark:'',upload:[]},
pet_status:{option:'',remark:'',upload:[]},
food_status:{food_option:'',water_option:'',remark:'',upload:[]},
sick:{option:'',remark:'',upload:[]},
excrement:{option:'',remark:'',upload:[]},
other :{option:'',remark:'',upload:[]},
food_bowl :{option:'',remark:'',upload:[]},
basin :{option:'',remark:'',upload:[]},
staple_food :{option:'',type_option:'',remark:'',upload:[]},
water :{option:'',remark:'',upload:[]},
snacks :{option:'',remark:'',upload:[]},
wowo :{option:'',remark:'',upload:[]},
cage :{option:'',remark:'',upload:[]},
hair :{option:'',remark:'',upload:[]},
pet_sick :{option:'',remark:'',upload:[]},
pet_excrement :{option:'',remark:'',upload:[]},
cat_litter :{option:'',remark:'',upload:[]},
other_info :{option:'',remark:'',upload:[]},
foundation :{option:'',remark:'',upload:[]},
health :{option:'',remark:'',upload:[]},
health_other :{option:'',remark:'',upload:[]},
pet_clean :{option:'',remark:'',upload:[]},
before_facial :{option:'',remark:'',upload:[]},
pet_facial :{option:'',remark:'',upload:[]},
end_facial :{option:'',remark:'',upload:[]},
home_play :{option:'',remark:'',upload:[]},
out_play :{option:'',number_option:'',feces_option:'',in_home_option:'',remark:'',upload:[]},
trash :{option:'',remark:'',upload:[]},
appliance_info :{option:'',remark:'',upload:[]},
pet_secure :{option:'',remark:'',upload:[]},
close :{option:'',remark:'',upload:[]},
close_mima :{option:'',remark:'',upload:[]},
key :{option:'',remark:'',upload:[]},
leave :'',
goOutTime: ''
},
images: {
appliance: [],
before_status: [],
pet_status: [],
food_status: [],
sick: [],
excrement: [],
other: [],
food_bowl: [],
basin: [],
staple_food: [],
water: [],
snacks: [],
wowo: [],
cage: [],
hair: [],
pet_sick: [],
pet_excrement: [],
cat_litter: [],
other_info: [],
foundation: [],
health: [],
health_other: [],
pet_clean: [],
before_facial: [],
pet_facial: [],
end_facial: [],
home_play: [],
out_play: [],
trash: [],
appliance_info: [],
pet_secure: [],
close: [],
close_mima: [],
key: [],
},
rules: {
'connect': {
type: 'string',
required: true,
message: '请填写联系方式',
trigger: ['blur', 'change']
},
'remark': {
type: 'string',
required: true,
message: '请填写内容',
trigger: ['blur', 'change']
},
},
}
},
onLoad(option) {
this.model.order_service_id = option.id;
// this.model.goOutTime = uni.$u.timeFormat(null,'yyyy年mm月dd日 hh时MM分');
},
computed: {
api() {
return api
},
},
methods: {
timeConfirm(e){
this.model.leave = uni.$u.timeFormat(e.value,'yyyy-mm-dd hh:MM');
},
uploadSubmit(data,fileName = ''){
this.model[fileName].upload = data.map(item => {
return {url:item.url,type:item.type};
})
},
uploadShow(data,fileName = ''){
let result = [];
try{
data.forEach(item => {
result.push({url:item.url})
})
}catch (e){
this.images[fileName] = [];
}
this.images[fileName] = result;
},
uploadPut(event,fileName = ''){
let lists = [].concat(event.file);
let fileListLen = this.images[fileName].length;
lists.map((item) => {
this.images[fileName].push({
...item,
status: 'uploading',
message: '上传中',
});
});
for (let i = 0; i < lists.length; i++) {
const fileType = api.getFileType(lists[i].url);
console.log(fileType)
api.uploadOssFile(lists[i].url).then(res => {
let item = this.images[fileName][fileListLen];
this.images[fileName].splice(fileListLen, 1, {
...item,
status: 'success',
message: '',
url: res.show_path,
thumb: res.show_path,
type:fileType
});
fileListLen++;
})
}
},
uploadDel(fileIndex,fileName = ''){
this.images[fileName].splice(fileIndex.index,1);
},
submit() {
let that = this;
let data = [
'appliance',
'before_status',
'pet_status',
'food_status',
'sick',
'excrement',
'other',
'food_bowl',
'basin',
'staple_food',
'water',
'snacks',
'wowo',
'cage',
'hair',
'pet_sick',
'pet_excrement',
'cat_litter',
'other_info',
'foundation',
'health',
'health_other',
'pet_clean',
'before_facial',
'pet_facial',
'end_facial',
'home_play',
'out_play',
'trash',
'appliance_info',
'pet_secure',
'close',
'close_mima',
'key',
];
new Promise((resolve,reject)=>{
data.forEach((item,index) => {
that.uploadSubmit(this.images[item],item);
if(index === data.length-1){
resolve()
}
});
}).then(() => {
orderEnd(this.model).then((res) => {
if (res.code === 200) {
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>