This commit is contained in:
aihe 2023-12-12 13:36:04 +08:00
parent 572f62a0de
commit 8b48fadb16
7 changed files with 76 additions and 84 deletions

View File

@ -16,7 +16,11 @@ const chooseFile = function (action = 'chooseImage', opt = {}) {
...opts,
success: function (res) {
// 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片
var tempFilePaths = res.tempFilePaths || [res.tempFilePath]
var tempFilePaths = res.tempFilePaths || [res.tempFilePath]debugger
if (tempFilePaths.length > opts.count) {
reject()
return showToast(`最多选择${opts.count}个`)
}
resolve(tempFilePaths)
},
fail: function (res) {

View File

@ -12,7 +12,7 @@
},
mode: {
default () {
return 'widthFix'
return 'aspectFit' // aspectFit | widthFix
}
},
scale: {

View File

@ -2,7 +2,7 @@
<view :class="contClass" style="margin-top: 0;">
<u-row>
<view style="flex: 1;">
<u-text :text="leftText" size="28" :bold="true"></u-text>
<u-text :text="leftText" size="28"></u-text>
</view>
<u-row>
<u-icon size="22" :name="`${show?'arrow-up':'arrow-down'}`" color="#333"></u-icon>
@ -16,45 +16,54 @@
computed: {
leftText() {
let str = ''
if(this.value) {
const curItem = this.list.filter(item=> item.val == this.value)[0] || {}
if (this.value) {
const curItem = this.list.filter(item => item.val == this.value)[0] || {}
curItem.title && (str = curItem.title)
} else {
str = this.placeholder
}
return str
},
contClass() {
let pre = ['radius-20']
if (this.isWhite) {
pre.push('blcok-white')
} else {
pre.push('blcok-grey')
}
return pre.join(" ")
}
},
props: {
contClass: {
default(){
return 'blcok-grey radius-20 '
isWhite: {
default () {
return false
}
},
placeholder: {
default(){
default () {
return ''
}
},
show: {
default(){
default () {
return false
}
},
value: {
default(){
default () {
return ''
}
},
list: {
default(){
default () {
return []
}
}
},
data() {
return {
}
},
created() {
@ -65,11 +74,10 @@
},
destroyed() {},
methods: {
}
methods: {}
}
</script>
<style scoped lang="scss">
</style>

View File

@ -2,7 +2,7 @@
<view class="" style="position: relative;">
<view @click="handleSelectSwitch">
<slot v-if="customInput"></slot>
<default-select-input v-if="!customInput" :placeholder="placeholder" :show="show" :list="list" :value="value"></default-select-input>
<default-select-input v-if="!customInput" :placeholder="placeholder" :show="show" :list="list" :value="value" :isWhite="isWhite"></default-select-input>
</view>
<view v-if="mode == modeEnum.sheet">
@ -41,6 +41,7 @@
ContentItems, DefaultSelectInput
},
props: {
isWhite: {},
customInput: {
default () {
return false

View File

@ -1,22 +1,27 @@
<template>
<view>
<view v-if="!isSlot" @click="handleChooseFile" class="cam" style="">
<view class="">
<u-icon name="camera" size="50"></u-icon>
<view :style="`${customstyle}`">
<view v-if="list.length < maxLen">
<view v-if="!isSlot" @click="handleChooseFile" class="cam" style="">
<view class="">
<u-icon name="camera" size="50"></u-icon>
</view>
<view class="font-22">
<text>上传</text>
<text v-if="fileType==fileTypeEnum.image">图片</text>
<text v-if="fileType==fileTypeEnum.video">视频</text>
<text v-if="fileType==fileTypeEnum.all">文件</text>
</view>
</view>
<view class="font-22">
<text>上传</text>
<text v-if="fileType==fileTypeEnum.image">照片</text>
<text v-if="fileType==fileTypeEnum.video">视频</text>
<view v-if="isSlot" @click="handleChooseFile">
<slot></slot>
</view>
</view>
<view v-if="isSlot" @click="handleChooseFile">
<slot></slot>
</view>
<view v-for="(item) in list" style="margin-top: 10rpx;">
<view v-for="(item) in list" :style="`${itemstyle}`">
<view class="cdimg" @click="handleItem" data-index="{{index}}">
<tpx-image v-if="fileType==fileTypeEnum.image" :src="item" :mode="mode" :scale="scale"></tpx-image>
<tpx-image v-if="fileType==fileTypeEnum.image" :src="item" :mode="mode"></tpx-image>
<video v-if="fileType==fileTypeEnum.video" :src="item"></video>
<view v-if="fileType==fileTypeEnum.all">{{item}}</view>
</view>
</view>
@ -28,7 +33,7 @@
import { showToast } from "@/common/untool"
const fileTypeEnum = {
// all: "all",
all: "all",
image: "image",
video: "video",
}
@ -49,6 +54,21 @@
},
},
props: {
customstyle: {
default () {
return ''
}
},
itemstyle: {
default () {
return ''
}
},
value: {
default () {
return ''
}
},
value: {
default () {
return ''
@ -74,11 +94,6 @@
return 1
}
},
scale: {
default () {
return [1, 1] // 宽高比
}
},
isSlot: {
default () {
return false

View File

@ -12,17 +12,10 @@
</u-row>
</view>
<view class="blcok-white radius-20 mt-40">
<u-row>
<view>
<u-text text="国家" size="28" :bold="true"></u-text>
</view>
<u-row custom-style="flex: 1;" justify="end" align="center">
<u-icon size="22" name="arrow-down" color="#333"></u-icon>
</u-row>
</u-row>
<view class="mt-40">
<tpx-select placeholder="国家" v-model:value="country" :list="[]" :isWhite="true"
></tpx-select>
</view>
<view class="blcok-white radius-20">
<view class="">
@ -38,15 +31,9 @@
</u-row>
</view>
<view class="blcok-grey radius-20">
<u-row>
<view style="flex: 1;">
<u-text text="省市区" size="28" :bold="true"></u-text>
</view>
<u-row>
<u-icon size="22" name="arrow-down" color="#333"></u-icon>
</u-row>
</u-row>
<view class="mt-40">
<tpx-select placeholder="省市区" v-model:value="country" :list="[]"
></tpx-select>
</view>
<view class="mt-30">

View File

@ -9,27 +9,14 @@
<view class="mt-10">
<tpx-input v-model:value="submitParam.danhao" placeholder="运单号"></tpx-input>
</view>
<view class="mt-30 blcok-grey radius-20">
<u-row>
<view style="flex: 1;">
<u-text text="投诉网点" size="30"></u-text>
</view>
<u-row>
<u-icon size="24" name="arrow-down" color="#333"></u-icon>
</u-row>
</u-row>
<view class="mt-30">
<tpx-select placeholder="投诉网点" v-model:value="country" :list="[]"
></tpx-select>
</view>
<view class="mt-30 blcok-grey radius-20">
<u-row>
<view style="flex: 1;">
<u-text text="投诉原因" size="30"></u-text>
</view>
<u-row>
<u-icon size="24" name="arrow-down" color="#333"></u-icon>
</u-row>
</u-row>
<view class="mt-30">
<tpx-select placeholder="投诉原因" v-model:value="country" :list="[]"
></tpx-select>
</view>
<view class="mt-30">
@ -55,16 +42,6 @@
<script>
import getCdnUrl from "@/common/getCdnUrl"
import {
ordStaEnum,
ordStatusList,
payTypeEnum,
payTypeList,
dlvTypeEnum,
dlvTypeList,
dateTypeEnum,
dateTypeList
} from "@/common/enum"
import {
goto, goBack
} from "@/common/untool"