|
@@ -39,7 +39,7 @@
|
|
|
<van-col span="18">
|
|
<van-col span="18">
|
|
|
<van-field v-model="form.followDate" @click="showPopup" :rules="[{ required: true}]" placeholder="请选择" disabled />
|
|
<van-field v-model="form.followDate" @click="showPopup" :rules="[{ required: true}]" placeholder="请选择" disabled />
|
|
|
</van-col>
|
|
</van-col>
|
|
|
- <van-popup v-model="show" position="bottom" :style="{ height: '30%' }">
|
|
|
|
|
|
|
+ <van-popup v-model="show" position="bottom" :style="{ height: '50%' }">
|
|
|
<van-datetime-picker @confirm="dateConfirm" @cancel="showPopup" v-model="followDate" type="date" :min-date="minDate" :max-date="maxDate" :columns-order="[ 'year','month', 'day']"
|
|
<van-datetime-picker @confirm="dateConfirm" @cancel="showPopup" v-model="followDate" type="date" :min-date="minDate" :max-date="maxDate" :columns-order="[ 'year','month', 'day']"
|
|
|
:formatter="formatter" />
|
|
:formatter="formatter" />
|
|
|
</van-popup>
|
|
</van-popup>
|
|
@@ -50,8 +50,8 @@
|
|
|
<van-col span="18">
|
|
<van-col span="18">
|
|
|
<van-field v-model="form.streetName" @click="streetshowPopup" :rules="[{ required: true}]" placeholder="请选择" disabled />
|
|
<van-field v-model="form.streetName" @click="streetshowPopup" :rules="[{ required: true}]" placeholder="请选择" disabled />
|
|
|
</van-col>
|
|
</van-col>
|
|
|
- <van-popup v-model="streetShow" position="bottom" :style="{ height: '30%' }">
|
|
|
|
|
- <van-picker show-toolbar :columns="streetList" @confirm="onConfirm" @cancel="streetshowPopup" @change="onChange" value-key="name" />
|
|
|
|
|
|
|
+ <van-popup v-model="streetShow" position="bottom" :style="{ height: '50%' }">
|
|
|
|
|
+ <van-picker default-index="2" :visible-item-count="6" show-toolbar :columns="streetList" @confirm="onConfirm" @cancel="streetshowPopup" @change="onChange" value-key="name" />
|
|
|
</van-popup>
|
|
</van-popup>
|
|
|
</van-row>
|
|
</van-row>
|
|
|
<van-row class="cell">
|
|
<van-row class="cell">
|
|
@@ -81,23 +81,21 @@
|
|
|
<van-row class="cell">
|
|
<van-row class="cell">
|
|
|
<van-col span="6">图片视频:</van-col>
|
|
<van-col span="6">图片视频:</van-col>
|
|
|
<van-col span="18">
|
|
<van-col span="18">
|
|
|
- <div class="box">
|
|
|
|
|
|
|
+ <div class="box" ref="boxlist">
|
|
|
<div class="boxlist">
|
|
<div class="boxlist">
|
|
|
<div v-for="(item,index) in form.fileList" :key="index">
|
|
<div v-for="(item,index) in form.fileList" :key="index">
|
|
|
<img v-if="item.type.indexOf('image') !== -1" :src="item.url" alt="">
|
|
<img v-if="item.type.indexOf('image') !== -1" :src="item.url" alt="">
|
|
|
- <video v-else style="object-fit:cover;" :src="item.url"></video>
|
|
|
|
|
|
|
+ <video v-else style="object-fit:cover;" :src="item.url" poster='../../assets/video.png'></video>
|
|
|
</div>
|
|
</div>
|
|
|
-
|
|
|
|
|
</div>
|
|
</div>
|
|
|
<van-uploader v-model="fileList" accept="*" :after-read="afterRead" @delete='deleteUploader'>
|
|
<van-uploader v-model="fileList" accept="*" :after-read="afterRead" @delete='deleteUploader'>
|
|
|
</van-uploader>
|
|
</van-uploader>
|
|
|
</div>
|
|
</div>
|
|
|
-
|
|
|
|
|
</van-col>
|
|
</van-col>
|
|
|
</van-row>
|
|
</van-row>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="but">
|
|
<div class="but">
|
|
|
- <van-button native-type="submit">确 定</van-button>
|
|
|
|
|
|
|
+ <van-button native-type="submit" :disabled="disabled">确 定</van-button>
|
|
|
</div>
|
|
</div>
|
|
|
</van-form>
|
|
</van-form>
|
|
|
</div>
|
|
</div>
|
|
@@ -114,6 +112,9 @@ export default {
|
|
|
return {
|
|
return {
|
|
|
show: false,
|
|
show: false,
|
|
|
streetShow: false,
|
|
streetShow: false,
|
|
|
|
|
+ disabled: false,
|
|
|
|
|
+ showvideoplay: false,
|
|
|
|
|
+ videourl: '',
|
|
|
fileList: [],
|
|
fileList: [],
|
|
|
form: {
|
|
form: {
|
|
|
fileList: [],
|
|
fileList: [],
|
|
@@ -198,6 +199,7 @@ export default {
|
|
|
data.followDate = data.followDate + ' 00:00:00'
|
|
data.followDate = data.followDate + ' 00:00:00'
|
|
|
const res = await saveFollowUp(data)
|
|
const res = await saveFollowUp(data)
|
|
|
if (res.code == '0000') {
|
|
if (res.code == '0000') {
|
|
|
|
|
+ this.disabled = true
|
|
|
this.$toast.success('成功')
|
|
this.$toast.success('成功')
|
|
|
this.$router.go(-1)
|
|
this.$router.go(-1)
|
|
|
}
|
|
}
|
|
@@ -209,6 +211,7 @@ export default {
|
|
|
},
|
|
},
|
|
|
async afterRead(file) {
|
|
async afterRead(file) {
|
|
|
console.log(file.file)
|
|
console.log(file.file)
|
|
|
|
|
+ // this.$toast.success(file.file.type)
|
|
|
file.status = 'uploading'
|
|
file.status = 'uploading'
|
|
|
file.message = '上传中...'
|
|
file.message = '上传中...'
|
|
|
let formDate = new FormData()
|
|
let formDate = new FormData()
|
|
@@ -222,14 +225,17 @@ export default {
|
|
|
url: res.data,
|
|
url: res.data,
|
|
|
type: file.file.type,
|
|
type: file.file.type,
|
|
|
})
|
|
})
|
|
|
- console.log(this.form.fileList, 'tu')
|
|
|
|
|
|
|
+ // 上传图片 设置col高度
|
|
|
|
|
+ if (this.form.fileList.length % 2 == 0) {
|
|
|
|
|
+ var index = 3.2 * (this.form.fileList.length / 2 + 1) + 'rem'
|
|
|
|
|
+ this.$refs.boxlist.style.height = index
|
|
|
|
|
+ }
|
|
|
} else {
|
|
} else {
|
|
|
file.status = 'failed'
|
|
file.status = 'failed'
|
|
|
file.message = '上传失败'
|
|
file.message = '上传失败'
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
deleteUploader(v, index) {
|
|
deleteUploader(v, index) {
|
|
|
- console.log(index)
|
|
|
|
|
this.form.fileList.splice(index.index, 1)
|
|
this.form.fileList.splice(index.index, 1)
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
@@ -306,7 +312,6 @@ export default {
|
|
|
}
|
|
}
|
|
|
video {
|
|
video {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- height: 100%;
|
|
|
|
|
}
|
|
}
|
|
|
// background-color: chocolate;
|
|
// background-color: chocolate;
|
|
|
}
|
|
}
|