feat(AppInsuranceApply): 添加保险申请材料上传功能
- 移除了未使用的组件导入 - 新增了 formImages 数组,定义了需要上传的图片类型和验证规则 - 在证件信息卡片中添加了图片上传功能 - 使用 ai-uploader 组件实现图片上传- 添加了图片预览功能
This commit is contained in:
@@ -1,6 +1,5 @@
|
||||
<script>
|
||||
import {mapState} from "vuex"
|
||||
import AiSelect from "dui/packages/basic/AiSelect.vue";
|
||||
|
||||
const columns = [
|
||||
{label: "序号", type: "index"},
|
||||
@@ -15,7 +14,6 @@ const columns = [
|
||||
]
|
||||
export default {
|
||||
name: "etAdd",
|
||||
components: {AiSelect},
|
||||
props: {
|
||||
instance: Function,
|
||||
permissions: Function,
|
||||
|
||||
@@ -1,7 +1,6 @@
|
||||
<script>
|
||||
import {mapState} from "vuex"
|
||||
import AiEartagPicker from "@project/xumu/components/AiEartagPicker.vue";
|
||||
import AiInput from "dui/packages/basic/AiInput.vue";
|
||||
|
||||
const columns = [
|
||||
{label: "序号", type: "index"},
|
||||
@@ -9,9 +8,15 @@ const columns = [
|
||||
{label: "类别", prop: "category", dict: "category"},
|
||||
{label: "品种", prop: "variety", dict: "variety"},
|
||||
]
|
||||
const formImages = [
|
||||
{label: "身长测量照片", prop: "heightPic", rules: {required: true, message: '请上传 身长测量照片'}},
|
||||
{label: "生物芯片照片", prop: "biochipPic", rules: {required: true, message: '请上传 生物芯片照片'}},
|
||||
{label: "防疫耳标照片", prop: "preventionPic", rules: {required: true, message: '请上传 防疫耳标照片'}},
|
||||
{label: "其他说明照片", prop: "otherPic", rules: {required: true, message: '请上传 其他说明照片'}},
|
||||
]
|
||||
export default {
|
||||
name: "iaAdd",
|
||||
components: {AiInput, AiEartagPicker},
|
||||
components: {AiEartagPicker},
|
||||
props: {
|
||||
instance: Function,
|
||||
permissions: Function,
|
||||
@@ -20,7 +25,7 @@ export default {
|
||||
data() {
|
||||
return {
|
||||
detail: {detailList: []},
|
||||
columns,
|
||||
columns, formImages,
|
||||
companyList: []
|
||||
}
|
||||
},
|
||||
@@ -117,7 +122,12 @@ export default {
|
||||
<ai-table :tableData="detail.detailList" :colConfigs="columns" :isShowPagination="!1" hideOptions/>
|
||||
</ai-card>
|
||||
<ai-card title="证件信息">
|
||||
|
||||
<div class="grid c-4">
|
||||
<el-form-item v-for="(img,i) in formImages" :key="i" v-bind="img">
|
||||
<ai-uploader v-if="isAdd||isEdit" v-model="detail[img.prop]" :instance="instance" :limit="1" value-is-url/>
|
||||
<el-image :src="detail[img.prop]" :preview-src-list="[detail[img.prop]]" v-else/>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</ai-card>
|
||||
</el-form>
|
||||
<div slot="footer">
|
||||
|
||||
Reference in New Issue
Block a user