aa

package.json

@@ -14,9 +14,11 @@
     "babel-plugin-component": "^1.1.1",
     "babel-polyfill": "^6.26.0",
     "core-js": "^2.6.5",
+    "cropperjs": "^1.5.6",
     "echarts": "^4.5.0",
     "element-ui": "^2.11.1",
     "es6-promise": "^4.2.8",
+    "exif-js": "^2.3.0",
     "html2canvas": "^1.0.0-rc.3",
     "image-conversion": "^1.1.9",
     "jquery": "^3.4.1",

src/components/common/phoneUploadCmpt.vue

+<template>
+    <div class="hello">
+        <img src="../../assets/img/uploadZh.png" alt="" id="img">
+        <input type="file" accept="image/png,image/jpg,image/jpeg" @change="change($event)">
+    </div>
+</template>
+
+<script>
+    export default {
+        data () {
+            return {
+
+            }
+        },
+        methods : {
+            change( event ) {
+                let image = document.getElementById('img'); //预览对象
+                this.clip(event , {
+                    resultObj : image,
+                    aspectRatio : 1
+                })
+            }
+        }
+    }
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+    img{
+        display: block;
+        width: 120px;
+        height: 120px;
+    }
+    h3{
+        text-align: center;
+    }
+    h1, h2 {
+        font-weight: normal;
+    }
+
+    ul {
+        list-style-type: none;
+        padding: 0;
+    }
+
+    li {
+        display: inline-block;
+        margin: 0 10px;
+    }
+
+    a {
+        color: #42b983;
+    }
+</style>

src/views/mobile/requirement/add.vue

@@ -129,31 +129,33 @@
                 <el-form-item :label="$t('workPlace.basicForm.companyLogo')+'：'" class="businesscard"
                               v-if="(isAddRequire&&(companyInfo.authenticationState=='AS01'||companyInfo.authenticationState=='AS04'))||!isAddRequire">
                     <div class="uploadImg" style="position: relative">
-                        <el-upload
-                                style="height: 2rem"
-                                :class="{hide:imagesIf}"
-                                class="uploadImgCircle"
-                                name="fileUpload"
-                                list-type="picture-card"
-                                :action=uploadHostHeader
-                                :multiple="false"
-                                :limit="1"
-                                :file-list="fileList"
-                                :on-success="uploadComplete"
-                                :before-upload="handleBeforeFile"
-                                :on-remove="handleRemove"
-                        >
-                            <i class="iconfont icon-jiahao"></i>
-                            <p class="uploadImgTitle">{{$t("personalAuth.businessCardimg")}}</p>
-                        </el-upload>
-                        <img v-if="isimages" src="../../../assets/img/bigBusiness@2x.png"
-                             style="width: 98px;height: 98px;position: absolute;left: 1px;top: 1px;border-radius: 6px;">
-                        <div style="position: absolute;left: 2.3rem;top: 0px;width: 4rem;line-height: 0.3rem;text-align: left">
-                            <p style="line-height: 0.4rem;font-size: 0.24rem;margin-bottom: 0.6rem">
-                                {{$t("workPlace.basicForm.imgLogoTitle")}}</p>
-                            <span style="border: 1px solid #5D78FF;color: #5D78FF;padding: 6px 20px;border-radius: 3px"
-                                  @click="submitUpload">{{$t('releasejson.replaceLogoUrl')}}</span>
-                        </div>
+                        <!--<el-upload-->
+                                <!--style="height: 2rem"-->
+                                <!--:class="{hide:imagesIf}"-->
+                                <!--class="uploadImgCircle"-->
+                                <!--name="fileUpload"-->
+                                <!--list-type="picture-card"-->
+                                <!--:action=uploadHostHeader-->
+                                <!--:multiple="false"-->
+                                <!--:limit="1"-->
+                                <!--:file-list="fileList"-->
+                                <!--:on-success="uploadComplete"-->
+                                <!--:before-upload="handleBeforeFile"-->
+                                <!--:on-remove="handleRemove"-->
+                        <!--&gt;-->
+                            <!--<i class="iconfont icon-jiahao"></i>-->
+                            <!--<p class="uploadImgTitle">{{$t("personalAuth.businessCardimg")}}</p>-->
+                        <!--</el-upload>-->
+                        <uploadCmpt></uploadCmpt>
+
+                        <!--<img v-if="isimages" src="../../../assets/img/bigBusiness@2x.png"-->
+                             <!--style="width: 98px;height: 98px;position: absolute;left: 1px;top: 1px;border-radius: 6px;">-->
+                        <!--<div style="position: absolute;left: 2.3rem;top: 0px;width: 4rem;line-height: 0.3rem;text-align: left">-->
+                            <!--<p style="line-height: 0.4rem;font-size: 0.24rem;margin-bottom: 0.6rem">-->
+                                <!--{{$t("workPlace.basicForm.imgLogoTitle")}}</p>-->
+                            <!--<span style="border: 1px solid #5D78FF;color: #5D78FF;padding: 6px 20px;border-radius: 3px"-->
+                                  <!--@click="submitUpload">{{$t('releasejson.replaceLogoUrl')}}</span>-->
+                        <!--</div>-->
                     </div>
                     <span class="errorText" v-if="isShowErrorText1">{{$t("workPlace.basicForm.emptyLogo")}}</span>
                     <span class="errorText" v-if="isShowErrorText2">{{$t("personalAuth.errorformatCard")}}</span>
@@ -288,11 +290,12 @@
     import publicFunc from '../../../common/public';
     import {Toast, MessageBox} from 'mint-ui';
     import userKnow from '../../../components/common/userKnow';
-
+    import uploadCmpt from '../../../components/common/phoneUploadCmpt';
     export default {
         name: "add",
         components: {
-            userKnow
+            userKnow,
+            uploadCmpt
         },
         data() {
             return {