suitPhoto 从本地选择图片

说明

1、该组件主要为form表单中的从本地选择图片的组件，通常form表单中用于上传图片的地方。 2、此组件在小程序中为公共组件。

使用

<template>
	<view class="add_problems_class">
		<view v-if="loading" class="mask" :class="{'visible':loading}" catchtouchmove="true">
			<u-loading-icon mode="circle"></u-loading-icon>
		</view>
		<view class="problemContent">
			<suit-form labelPosition="left" :model="problemInfo" ref="form" labelWidth="105" :rules="rules">
					<suit-form-item label="下个节点" labelWidth="105" borderBottom>
						<u--input :value="getTaskName" border="none" readonly></u--input>
					</suit-form-item>
					<suit-form-select :required="true" label="节点人员" labelWidth="105" prop="nextHandleUser"
						:requestUrl="'/rest/scTaskCandidate/findCurrTaskUserList'" :format="['name','userId']"
						v-model="problemInfo.nextHandleUser" :isSkip="true" :params="paramsCurr" :isMultiple="true"
						v-if="ifShowCurr">
					</suit-form-select>
					<!-- <suit-form-person v-model="problemInfo.nextHandleUser" :required="true" labelWidth="105"
						placeholder="请选择节点人员" :node="true" :params="paramsCurr" label="节点人员" prop="nextHandleUser" :isMultiple="true"
						@select="selectPerson" /> -->
					<suit-form-calendar-selector :startDate="startDate" v-model="problemInfo.nextDeadline"
						:range="false" :clearDate="true" labelWidth="105" placeholder="请选择节点期限" label="节点期限"
						prop="nextDeadline" @confirm="timeConfirm" />
			</suit-form>
		</view>
	</view>
</template>

参数说明

属性

属性	描述	类型	可选值	默认值
maxCount	上传图片的最大数量	[String, Number]	——	9
fileUrl	上传图片后的服务器url	String	——	/rest/doc/uploadDoc
waterMark	上传后的图片是否加上水印标注，是则true，否则false	Boolean	——	true

工具源码及综合示例参考

组件源码 (opens new window) 综合实例 (opens new window)