flat: 添加企业2

pages/recruit/subPage/enterpriceCertification/uploadIdNumber.vue

@@ -0,0 +1,53 @@
+<template>
+    <view class="content">
+        <u-upload :fileList="ImgUrl" @afterRead="afterRead" :deletable="true" @delete="deletePic" name="6" :maxCount="1"
+            width="280" height="150">
+            <image :src="backImg" mode="widthFix" style="width: 280px;height: 150px;"></image>
+        </u-upload>
+    </view>
+</template>
+
+<script>
+    import {
+        uploadFile
+    } from '@/api/upload.js'
+    export default {
+        name: 'UploadIdNumber',
+        props: {
+            backImg: {
+                type: String,
+                require: true,
+            },
+            value: {
+                type: String,
+                default: null
+            }
+        },
+        computed: {
+            ImgUrl(val) {
+                return this.value ? [this.value] : []
+            }
+        },
+        methods: {
+            afterRead({
+                file,
+                index,
+                name
+            }) {
+                // this.$emit("input", file);
+                uploadFile(file).then((url) => {
+                    this.$emit("input", url);
+                })
+            },
+            deletePic() {
+                this.$emit("input", null);
+            },
+        }
+    }
+</script>
+
+<style scoped>
+    .content {
+        margin: 20rpx 0 0 0;
+    }
+</style>