feat(AppInsuranceApply): 添加保险申请材料上传功能

- 移除了未使用的组件导入
- 新增了 formImages 数组,定义了需要上传的图片类型和验证规则
- 在证件信息卡片中添加了图片上传功能
- 使用 ai-uploader 组件实现图片上传- 添加了图片预览功能
This commit is contained in:
aixianling
2024-12-30 18:04:01 +08:00
parent a7c3b22f87
commit 382be3d32f
2 changed files with 14 additions and 6 deletions

View File

@@ -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,

View File

@@ -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">