变更高龄津贴上传的图片路径

ruoyi-ui-gljt/src/components/ImageUploadGljt/index.vue

@@ -0,0 +1,445 @@
+<template>
+  <div class="component-upload-image">
+    <el-upload
+      multiple
+      :action="uploadImgUrl"
+      list-type="picture-card"
+      :on-success="handleUploadSuccess"
+      :before-upload="handleBeforeUpload"
+      :limit="limit"
+      :on-error="handleUploadError"
+      :on-exceed="handleExceed"
+      ref="imageUpload"
+      :on-remove="handleDelete"
+      :show-file-list="true"
+      :headers="headers"
+      :disabled="disabled"
+      :file-list="fileList"
+      :on-preview="handlePictureCardPreview"
+      :class="{hide: this.fileList.length >= this.limit,ocrStyle:isOcr}"
+    >
+      <i class="el-icon-plus"></i>
+    </el-upload>
+
+    <!-- 上传提示 -->
+    <div class="el-upload__tip" slot="tip" v-if="showTip">
+      请上传
+      <template v-if="fileSize"> 大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b></template>
+      <template v-if="fileType"> 格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b></template>
+      的文件
+    </div>
+    <!--<img :src="dialogImageUrl2" style="display: block; max-width: 100%; margin: 0 auto"/>-->
+    <el-dialog
+      v-dialog-drag :visible.sync="dialogVisible"
+      title="预览" width="800px" append-to-body
+    >
+      <img :src="dialogImageUrl" style="display: block; max-width: 100%; margin: 0 auto"/>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import {getToken} from "@/utils/auth";
+  import {decryptData_ECB, decryptRowData_ECB} from "@/api/tool/sm4";
+  import {getAccessToken, idcard} from "../../api/lnst/baiduUtil"
+  import axios from 'axios'
+
+  export default {
+    props: {
+      value: [String, Object, Array],
+      // 图片数量限制
+      limit: {
+        type: Number,
+        default: 5,
+      },
+      // 大小限制(MB)
+      fileSize: {
+        type: Number,
+        default: 5,
+      },
+      // 文件类型, 例如['png', 'jpg', 'jpeg']
+      fileType: {
+        type: Array,
+        default: () => ["png", "jpg", "jpeg"],
+      },
+      // 是否显示提示
+      isShowTip: {
+        type: Boolean,
+        default: true
+      },
+      // 是否禁用
+      disabled: {
+        type: Boolean,
+        default: false
+      },
+      // 是否使用OCR识别
+      isOcr: {
+        type: Boolean,
+        default: false
+      },
+      //有值就进行校验、无值就不进行校验
+      opt:{
+        type: Object,
+        default: () => {},
+      },
+      ocrType:{
+        type: String,
+        default:'front'
+      },
+      accessToken:{
+        type: String,
+        default:''
+      }
+    },
+    data() {
+      return {
+        dialogImageUrl2: '',
+        // accessToken: '',
+        formCard:{},
+        number: 0,
+        uploadList: [],
+        dialogImageUrl: "",
+        dialogVisible: false,
+        hideUpload: false,
+        uploadImgUrl: process.env.VUE_APP_BASE_API + "/file/gljtUpload", // 上传的图片服务器地址
+        headers: {
+          Authorization: "Bearer " + getToken(),
+        },
+        fileList: []
+      };
+    },
+    watch: {
+      value: {
+        handler(val) {
+          if (val) {
+            // 首先将值转为数组
+            const list = Array.isArray(val) ? val : this.value.split(',');
+            // 然后将数组转为对象数组
+            this.fileList = list.map(item => {
+              if (typeof item === "string") {
+                item = {name: item, url: item};
+              }
+              return item;
+            });
+          } else {
+            this.fileList = [];
+            return [];
+          }
+        },
+        deep: true,
+        immediate: true
+      }
+    },
+    computed: {
+      // 是否显示提示
+      showTip() {
+        return this.isShowTip && (this.fileType || this.fileSize);
+      },
+    },
+    mounted() {
+      // if (this.isOcr) {
+      //   getAccessToken().then(res => {
+      //     if (res.access_token) {
+      //       this.accessToken = res.access_token;
+      //     }
+      //   })
+      // }
+    },
+    methods: {
+      // 身份证文字识别
+      idCardIdentify(idCardImg) {
+        return new Promise((resolve, reject) => {
+          var params = new FormData()
+          params.append('image', idCardImg)//转Base64后的编码
+          params.append('id\_card\_side', this.ocrType)//身份证正反面参数，正：，反：back
+          params.append('access\_token', this.accessToken);
+          params.append('detect_card', true);
+
+          axios.post(
+            '/baiduApi/rest/2.0/ocr/v1/idcard?', params,
+            {headers: {'Content-Type': 'application/x-www-form-urlencoded'}}
+          ).then((res) => {
+            resolve(res.data)
+            // resolve(res.data.words_result)
+          })
+        })
+      },
+      bankcardIdentify(bankCardImg){
+        return new Promise((resolve, reject) => {
+          var params = new FormData()
+          params.append('image', bankCardImg)//转Base64后的编码
+          params.append('access\_token', this.accessToken);
+          axios.post(
+            '/baiduApi/rest/2.0/ocr/v1/bankcard?', params,
+            {headers: {'Content-Type': 'application/x-www-form-urlencoded'}}
+          ).then((res) => {
+            resolve(res.data)
+            // resolve(res.data.words_result)
+          })
+        })
+      },
+      household_registerIdentify(household_registerImg){
+        return new Promise((resolve, reject) => {
+          var params = new FormData()
+          params.append('image', household_registerImg)//转Base64后的编码
+          params.append('access\_token', this.accessToken);
+          params.append('household\_register\_side', this.ocrType)
+          axios.post(
+            '/baiduApi/rest/2.0/ocr/v1/household_register?', params,
+            {headers: {'Content-Type': 'application/x-www-form-urlencoded'}}
+          ).then((res) => {
+            resolve(res.data)
+            // resolve(res.data.words_result)
+          })
+        })
+      },
+      toBase64(file) {
+        return new Promise((resolve, reject) => {
+          const reader = new FileReader();
+          reader.onload = (e) => {
+            resolve(e.target.result);
+          }
+          reader.onerror = (error) => reject(error);
+          reader.readAsDataURL(file);
+        });
+      },
+      //将base64转换为blob
+      dataURLtoBlob(dataurl) {
+        var arr = dataurl.split(','),
+          mime = arr[0].match(/:(.*?);/)[1],
+          bstr = atob(arr[1]),
+          n = bstr.length,
+          u8arr = new Uint8Array(n);
+        while (n--) {
+          u8arr[n] = bstr.charCodeAt(n);
+        }
+        return new Blob([u8arr], {type: mime});
+      },
+
+      //将blob转换为file
+      blobToFile(theBlob, fileName) {
+        theBlob.lastModifiedDate = new Date();
+        theBlob.name = fileName;
+        return theBlob;
+      },
+
+      // 上传前loading加载
+      async handleBeforeUpload(file) {
+        let isImg = false;
+        if (this.fileType.length) {
+          let fileExtension = "";
+          if (file.name.lastIndexOf(".") > -1) {
+            fileExtension = file.name.slice(file.name.lastIndexOf(".") + 1);
+          }
+          isImg = this.fileType.some(type => {
+            if (file.type.indexOf(type) > -1) return true;
+            if (fileExtension && fileExtension.indexOf(type) > -1) return true;
+            return false;
+          });
+        } else {
+          isImg = file.type.indexOf("image") > -1;
+        }
+
+        if (!isImg) {
+          this.$modal.msgError(`文件格式不正确, 请上传${this.fileType.join("/")}图片格式文件!`);
+          return Promise.reject();
+        }
+        if (this.fileSize) {
+          const isLt = file.size / 1024 / 1024 < this.fileSize;
+          if (!isLt) {
+            this.$modal.msgError(`上传头像图片大小不能超过 ${this.fileSize} MB!`);
+            return Promise.reject();
+          }
+        }
+        if (this.isOcr) {
+          this.formCard={};
+          let imageBase64 = await this.toBase64(file);
+          this.$modal.loading("验证中...");
+          if(this.ocrType==='bankcard')
+          {
+            let qur = await this.bankcardIdentify(imageBase64.split(',')[1]);
+            console.log(qur,'<--银行卡')
+            this.$modal.closeLoading();
+            if(qur.result&&qur.result.bank_card_number&&qur.result.bank_card_type!='0'){
+              this.formCard={
+                yhzh:qur.result.bank_card_number.replace(/\s*/g,'')
+              }
+            }else{
+              this.$modal.msgError(`请上传正确的银行卡照片`);
+              return Promise.reject();
+            }
+          }else if(this.ocrType==='subpage'||this.ocrType==='homepage'){
+            let qur = await this.household_registerIdentify(imageBase64.split(',')[1]);
+            this.$modal.closeLoading();
+            console.log(qur,'<--户口本')
+            if(this.ocrType==='subpage')
+            {
+              if(qur.words_result&&qur.words_result['CardNo']&&qur.words_result['Name']){
+                if(this.opt&&this.opt.sqrZjhm&&this.opt.sqrXm&&(this.opt.sqrZjhm!= qur.words_result['CardNo'].words||this.opt.sqrXm!=qur.words_result['Name'].words)){
+                  this.$modal.msgError(`申请人证件信息与户口本信息不一致`);
+                  return Promise.reject();
+                }
+                this.formCard={
+                  cardNo:qur.words_result['CardNo'].words,
+                  name:qur.words_result['Name'].words,
+                }
+              }else{
+                this.$modal.msgError(`请上传正确的户口本本人页`);
+                return Promise.reject();
+              }
+            }else{
+              if(!qur.words_result){
+                this.$modal.msgError(`请上传正确的户口本首页`);
+                return Promise.reject();
+              }
+            }
+
+          }else{
+          let qur = await this.idCardIdentify(imageBase64.split(',')[1]);
+          this.$modal.closeLoading();
+          // console.log(qur,'qur<-----');
+          if (!qur.image_status || qur.image_status != 'normal') {
+            this.$modal.msgError(`请上传正确的身份证照片`);
+            return Promise.reject();
+          }
+          // console.log(qur,'<-------qur');
+          if(this.ocrType==='front')
+          {
+          if(qur.idcard_number_type!='1'){
+            this.$modal.msgError(`请上传正确的正面身份证照片`);
+            return Promise.reject();
+
+          }else{
+            // console.log(this.opt,'<------this.opt');
+            if(this.opt&&this.opt.cardNo&&this.opt.hkbName&&(this.opt.cardNo!= qur.words_result['公民身份号码'].words||this.opt.hkbName!=qur.words_result['姓名'].words)){
+              this.$modal.msgError(`申请人证件信息与户口本信息不一致`);
+              return Promise.reject();
+            }
+              this.formCard={
+                sqrZjhm: qur.words_result['公民身份号码'].words,
+                csrq:qur.words_result['出生'].words,
+                xb:qur.words_result['性别'].words,
+                // mz: res.words_result['民族'].words,
+                sqrXm:qur.words_result['姓名'].words,
+                hjdz:qur.words_result['住址'].words,
+              }
+            }
+          }
+          if(this.ocrType==='back')
+          {
+            this.formCard={
+              fzjg:qur.words_result['签发机关'].words,
+            }
+          }
+          this.dialogImageUrl2 = 'data:image/png;base64,' + qur.card_image;
+          let blob = this.dataURLtoBlob(this.dialogImageUrl2);
+          let fileNew = this.blobToFile(blob, file.name);
+          console.log('456', fileNew);
+          this.$modal.loading("正在上传图片，请稍候...");
+          this.number++;
+          return fileNew;
+          }
+        }
+        this.$modal.loading("正在上传图片，请稍候...");
+        this.number++;
+      },
+      // 文件个数超出
+      handleExceed() {
+        this.$modal.msgError(`上传文件数量不能超过 ${this.limit} 个!`);
+      },
+      // 上传成功回调
+      handleUploadSuccess(res, file) {
+        if (res.code === 200) {
+          this.uploadList.push({name: res.data.url, url: res.data.url});
+          this.$emit('getCard',this.formCard);
+          console.log(this.formCard,'<-----this.formCard');
+          this.uploadedSuccessfully();
+
+        } else {
+          this.number--;
+          this.$modal.closeLoading();
+          this.$modal.msgError(res.msg);
+          this.$refs.imageUpload.handleRemove(file);
+          this.uploadedSuccessfully();
+        }
+      },
+      // 删除图片
+      handleDelete(file) {
+        const findex = this.fileList.map(f => f.name).indexOf(file.name);
+        if (findex > -1) {
+          this.fileList.splice(findex, 1);
+          this.$emit("input", this.listToString(this.fileList));
+          this.$emit("clear")
+        }
+      },
+      // 上传失败
+      handleUploadError() {
+        this.$modal.msgError("上传图片失败，请重试");
+        this.$modal.closeLoading();
+      },
+      // 上传结束处理
+      uploadedSuccessfully() {
+        if (this.number > 0 && this.uploadList.length === this.number) {
+          this.fileList = this.fileList.concat(this.uploadList);
+          this.uploadList = [];
+          this.number = 0;
+          this.$emit("input", this.listToString(this.fileList));
+          this.$modal.closeLoading();
+        }
+      },
+      // 预览
+      handlePictureCardPreview(file) {
+        this.dialogImageUrl = file.url;
+        this.dialogVisible = true;
+      },
+      // 对象转成指定字符串分隔
+      listToString(list, separator) {
+        let strs = "";
+        separator = separator || ",";
+        for (let i in list) {
+          if (list[i].url) {
+            strs += list[i].url.replace(this.baseUrl, "") + separator;
+          }
+        }
+        return strs != '' ? strs.substr(0, strs.length - 1) : '';
+      }
+    }
+  };
+</script>
+<style scoped lang="scss">
+  // .el-upload--picture-card 控制加号部分
+  ::v-deep.hide .el-upload--picture-card {
+    display: none;
+  }
+
+  // 去掉动画效果
+  ::v-deep .el-list-enter-active,
+  ::v-deep .el-list-leave-active {
+    transition: all 0s;
+  }
+
+  ::v-deep .el-list-enter, .el-list-leave-active {
+    opacity: 0;
+    transform: translateY(0);
+  }
+
+  .ocrStyle {
+    ::v-deep .el-upload--picture-card {
+      width: 171.2px;
+      height: 108px;
+    }
+
+    ::v-deep .el-upload-list--picture-card .el-upload-list__item {
+      width: 171.2px;
+      height: 108px;
+    }
+  }
+
+  .el-icon-plus {
+    display: block;
+    position: relative;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+</style>
+

ruoyi-ui-gljt/src/main.js

@@ -50,6 +50,7 @@ import FileObsUpload from '@/components/FileObsUpload'
 import Org_show from '@/components/Org_show'
 // 图片上传组件
 import ImageUpload from '@/components/ImageUpload'
+import ImageUploadGljt from '@/components/ImageUploadGljt'
 import ImageUploadOcr from '@/components/ImageUploadOcr'
 import ImageSwipe from '@/components/ImageSwipe'
 // 图片预览组件
@@ -181,6 +182,7 @@ Vue.component('Editor', Editor)
 Vue.component('FileUpload', FileUpload)
 Vue.component('FileObsUpload', FileObsUpload)
 Vue.component('ImageUpload', ImageUpload)
+Vue.component('ImageUploadGljt', ImageUploadGljt)
 Vue.component('ImageUploadOcr', ImageUploadOcr)
 Vue.component('ImageSwipe', ImageSwipe)
 Vue.component('ImagePreview', ImagePreview)

ruoyi-ui-gljt/src/views/gljt/gljtBg/index.vue

@@ -185,7 +185,7 @@
              </div>
              <div class="flexCount">
                <!--<el-form-item label="" label-width="0" prop="hkbzm" class="uploadStyleFx"  :rules="form.isImport&&form.isImport=='1'?norules.hkbzm:rules.hkbzm">-->
-                 <!--<image-upload  v-model="form.hkbzm" :limit="form.lrId?1:0" :isShowTip="false"></image-upload>-->
+                 <!--<image-upload-gljt  v-model="form.hkbzm" :limit="form.lrId?1:0" :isShowTip="false"></image-upload-gljt>-->
                  <image-preview class="imgStyleHk" :src="form.hkbzm" ></image-preview>
                  <span style="margin-top: 10px">户口首页</span>
                <!--</el-form-item>-->
@@ -198,7 +198,7 @@
              </div>
              <div class="flexCount">
                <!--<el-form-item label="" label-width="0" prop="hkbbm" class="uploadStyleFx" :rules="form.isImport&&form.isImport=='1'?norules.hkbbm:rules.hkbbm">-->
-                 <!--<image-upload :isShowTip="false" v-model="form.hkbbm" :limit="form.lrId?1:0"></image-upload>-->
+                 <!--<image-upload-gljt :isShowTip="false" v-model="form.hkbbm" :limit="form.lrId?1:0"></image-upload-gljt>-->
                <image-preview class="imgStyleHk" :src="form.hkbbm" ></image-preview>
                  <span style="margin-top: 10px">户口本人页</span>
                <!--</el-form-item>-->
@@ -206,7 +206,7 @@
            </div>
            <div style="flex: 1" class="flexCount">
              <el-form-item label="" label-width="0" prop="tx" class="uploadStyleBig"  :rules="form.isImport&&form.isImport=='1'?norules.tx:rules.tx">
-               <image-upload :isShowTip="false" :limit="form.lrId?1:0" v-model="form.tx"/>
+               <image-upload-gljt :isShowTip="false" :limit="form.lrId?1:0" v-model="form.tx"/>
                <span>
                     老人照片
                   </span>
@@ -267,7 +267,7 @@
            <div style="flex: 1;display:flex;">
              <!--<div class="labelStyle">银行卡正面照</div>-->
              <el-form-item label="银行卡正面照" style="display: flex" label-width="98" prop="yhzjz" class="uploadStyle" :rules="form.isImport&&form.isImport=='1'?norules.yhzjz:rules.yhzjz">
-               <image-upload :isShowTip="false" v-model="form.yhzjz" :limit="form.lrId?1:0"></image-upload>
+               <image-upload-gljt :isShowTip="false" v-model="form.yhzjz" :limit="form.lrId?1:0"></image-upload-gljt>
              </el-form-item>
            </div>
            <div style="flex: 2" class="grid2">
@@ -292,13 +292,13 @@
          <div style="display: flex">
            <div style="flex: 1;display:flex;flex-direction: column">
              <el-form-item label="证件人像面" style="display: flex" prop="jhrZjzm" label-width="98" class="uploadStyle">
-               <image-upload :isShowTip="false" v-model="form.jhrZjzm" :accessToken="accessToken" @getCard="getCardJh"
+               <image-upload-gljt :isShowTip="false" v-model="form.jhrZjzm" :accessToken="accessToken" @getCard="getCardJh"
                              @clear="clearJh"
-                             :limit="form.lrId?1:0" :isOcr="true" ocrType="front"></image-upload>
+                             :limit="form.lrId?1:0" :isOcr="true" ocrType="front"></image-upload-gljt>
              </el-form-item>
              <el-form-item label="证件国徽面" style="display: flex" prop="jhrZjbm" label-width="98" class="uploadStyle">
-               <image-upload :isShowTip="false" v-model="form.jhrZjbm" :limit="form.lrId?1:0" ocrType="back" :accessToken="accessToken"
-                             :isOcr="true"></image-upload>
+               <image-upload-gljt :isShowTip="false" v-model="form.jhrZjbm" :limit="form.lrId?1:0" ocrType="back" :accessToken="accessToken"
+                             :isOcr="true"></image-upload-gljt>
              </el-form-item>
            </div>
            <div style="flex: 2" class="grid2">
@@ -328,12 +328,12 @@
          <div style="display: flex">
            <div style="flex: 1;display:flex;flex-direction: column">
              <el-form-item label="证件人像面" label-width="98" class="uploadStyle" style="display: flex" prop="dbrZjzm" :rules="form.gx ? itemRules.dbrZjzm : []">
-               <image-upload :isShowTip="false" v-model="form.dbrZjzm" :accessToken="accessToken" @getCard="getCard2" @clear="clear2"
-                             :limit="form.lrId?1:0" :isOcr="true" ocrType="front"></image-upload>
+               <image-upload-gljt :isShowTip="false" v-model="form.dbrZjzm" :accessToken="accessToken" @getCard="getCard2" @clear="clear2"
+                             :limit="form.lrId?1:0" :isOcr="true" ocrType="front"></image-upload-gljt>
              </el-form-item>
              <el-form-item label="证件国徽面" label-width="98" class="uploadStyle" style="display: flex" prop="dbrZjbm" :rules="form.gx ? itemRules.dbrZjbm : []">
-               <image-upload :isShowTip="false" v-model="form.dbrZjbm" :accessToken="accessToken" :limit="form.lrId?1:0" :isOcr="true"
-                             ocrType="back"></image-upload>
+               <image-upload-gljt :isShowTip="false" v-model="form.dbrZjbm" :accessToken="accessToken" :limit="form.lrId?1:0" :isOcr="true"
+                             ocrType="back"></image-upload-gljt>
              </el-form-item>
            </div>
 
@@ -376,7 +376,7 @@
            </div>
            <div style="flex: 2">
              <el-form-item label="低保证明" prop="dbzm" v-if="form.isdb=='1'" class="uploadStyle">
-               <image-upload :limit="form.lrId?1:0" :isShowTip="false" v-model="form.dbzm"/>
+               <image-upload-gljt :limit="form.lrId?1:0" :isShowTip="false" v-model="form.dbzm"/>
              </el-form-item>
            </div>
          </div>

ruoyi-ui-gljt/src/views/gljt/gljtLr/index.vue

@@ -225,11 +225,11 @@
           <el-input disabled v-model="form.sfzh" placeholder="请输入身份证号"/>
         </el-form-item>
         <el-form-item label="登记活体照片" prop="htzp">
-          <image-upload v-model="form.htzp" :limit="1"></image-upload>
+          <image-upload-gljt v-model="form.htzp" :limit="1"></image-upload-gljt>
           <!--<el-input v-model="form.htzp" type="textarea" maxlength="200" show-word-limit placeholder="请输入登记活体照片"/>-->
         </el-form-item>
         <el-form-item label="描述" prop="kz9">
-          <!--<image-upload v-model="form.kz9" :limit="1"></image-upload>-->
+          <!--<image-upload-gljt v-model="form.kz9" :limit="1"></image-upload-gljt>-->
           <el-input v-model="form.kz9" type="textarea" maxlength="100" show-word-limit placeholder="请输入描述"/>
         </el-form-item>
         <!--<el-form-item label="审核结果" prop="kz4">-->

ruoyi-ui-gljt/src/views/gljt/gljtSq/index.vue

@@ -181,15 +181,15 @@
                 <div class="flexCount">
                   <el-form-item prop="sqrZjzm" label-width="0" class="uploadStyle">
                     <!--<el-input v-model="form.sqrZjzm" placeholder="请输入申请人证件照正面"/>-->
-                    <image-upload :opt="{cardNo:this.cardNo,hkbName:hkbName}" :isShowTip="false" v-model="form.sqrZjzm" :accessToken="accessToken"
+                    <image-upload-gljt :opt="{cardNo:this.cardNo,hkbName:hkbName}" :isShowTip="false" v-model="form.sqrZjzm" :accessToken="accessToken"
                                   @getCard="getCard" @clear="clear"
-                                  :limit="1" :isOcr="true" ocrType="front"></image-upload>
+                                  :limit="1" :isOcr="true" ocrType="front"></image-upload-gljt>
                     <span>证件人像面</span>
                   </el-form-item>
                 </div>
                 <div class="flexCount">
                   <el-form-item label="" label-width="0" prop="hkbzm" class="uploadStyleFx">
-                    <image-upload v-model="form.hkbzm" :limit="1" :isShowTip="false" :isOcr="true" ocrType="homepage" :accessToken="accessToken"></image-upload>
+                    <image-upload-gljt v-model="form.hkbzm" :limit="1" :isShowTip="false" :isOcr="true" ocrType="homepage" :accessToken="accessToken"></image-upload-gljt>
                     <span>户口首页</span>
                   </el-form-item>
                 </div>
@@ -197,22 +197,22 @@
               <div style="flex: 1;display: flex;flex-direction: column">
                 <div class="flexCount">
                   <el-form-item label="" label-width="0" prop="sqrZjbm" class="uploadStyle">
-                    <image-upload :isShowTip="false" v-model="form.sqrZjbm" :accessToken="accessToken" @getCard="getBack" :limit="1"
+                    <image-upload-gljt :isShowTip="false" v-model="form.sqrZjbm" :accessToken="accessToken" @getCard="getBack" :limit="1"
                                   :isOcr="true"
-                                  ocrType="back"></image-upload>
+                                  ocrType="back"></image-upload-gljt>
                       <span>证件国徽面</span>
                   </el-form-item>
                 </div>
                 <div class="flexCount">
                   <el-form-item label="" label-width="0" prop="hkbbm" class="uploadStyleFx">
-                    <image-upload :opt="form" :isShowTip="false"  v-model="form.hkbbm" :limit="1" :accessToken="accessToken" @getCard="getSubpage"  :isOcr="isOcrHkb" ocrType="subpage" @clear="clearHkb" ></image-upload>
+                    <image-upload-gljt :opt="form" :isShowTip="false"  v-model="form.hkbbm" :limit="1" :accessToken="accessToken" @getCard="getSubpage"  :isOcr="isOcrHkb" ocrType="subpage" @clear="clearHkb" ></image-upload-gljt>
                     <span>户口本人页</span>
                   </el-form-item>
                 </div>
               </div>
               <div style="flex: 1" class="flexCount">
                 <el-form-item label="" label-width="0" prop="tx" class="uploadStyleBig">
-                  <image-upload :isShowTip="false" :limit="1" v-model="form.tx"/>
+                  <image-upload-gljt :isShowTip="false" :limit="1" v-model="form.tx"/>
                   <span>
                     老人照片
                   </span>
@@ -272,7 +272,7 @@
               <div style="flex: 1;display:flex;">
                 <!--<div class="labelStyle">银行卡正面照</div>-->
                 <el-form-item label="银行卡正面照" style="display: flex" label-width="98" prop="yhzjz" class="uploadStyle">
-                  <image-upload :isShowTip="false" v-model="form.yhzjz" :accessToken="accessToken" :limit="1"  :isOcr="true" ocrType="bankcard" @getCard="getCardYhk"></image-upload>
+                  <image-upload-gljt :isShowTip="false" v-model="form.yhzjz" :accessToken="accessToken" :limit="1"  :isOcr="true" ocrType="bankcard" @getCard="getCardYhk"></image-upload-gljt>
                 </el-form-item>
               </div>
               <div style="flex: 2" class="grid2">
@@ -297,13 +297,13 @@
             <div style="display: flex">
               <div style="flex: 1;display:flex;flex-direction: column">
                 <el-form-item label="证件人像面" style="display: flex" prop="jhrZjzm" label-width="98" class="uploadStyle">
-                  <image-upload  :isShowTip="false" v-model="form.jhrZjzm" :accessToken="accessToken" @getCard="getCardJh"
+                  <image-upload-gljt  :isShowTip="false" v-model="form.jhrZjzm" :accessToken="accessToken" @getCard="getCardJh"
                                 @clear="clearJh"
-                                :limit="1" :isOcr="true" ocrType="front"></image-upload>
+                                :limit="1" :isOcr="true" ocrType="front"></image-upload-gljt>
                 </el-form-item>
                 <el-form-item label="证件国徽面" style="display: flex" prop="jhrZjbm" label-width="98" class="uploadStyle">
-                  <image-upload :isShowTip="false" v-model="form.jhrZjbm" :limit="1" ocrType="back" :accessToken="accessToken"
-                                :isOcr="true"></image-upload>
+                  <image-upload-gljt :isShowTip="false" v-model="form.jhrZjbm" :limit="1" ocrType="back" :accessToken="accessToken"
+                                :isOcr="true"></image-upload-gljt>
                 </el-form-item>
               </div>
               <div style="flex: 2" class="grid2">
@@ -333,12 +333,12 @@
             <div style="display: flex">
               <div style="flex: 1;display:flex;flex-direction: column">
                 <el-form-item label="证件人像面" label-width="98" class="uploadStyle" style="display: flex" prop="dbrZjzm" :rules="form.gx ? itemRules.dbrZjzm : []">
-                  <image-upload :isShowTip="false" v-model="form.dbrZjzm" :accessToken="accessToken" @getCard="getCard2" @clear="clear2"
-                                :limit="1" :isOcr="true" ocrType="front"></image-upload>
+                  <image-upload-gljt :isShowTip="false" v-model="form.dbrZjzm" :accessToken="accessToken" @getCard="getCard2" @clear="clear2"
+                                :limit="1" :isOcr="true" ocrType="front"></image-upload-gljt>
                 </el-form-item>
                 <el-form-item label="证件国徽面" label-width="98" class="uploadStyle" style="display: flex" prop="dbrZjbm" :rules="form.gx ? itemRules.dbrZjbm : []">
-                  <image-upload :isShowTip="false" v-model="form.dbrZjbm" :accessToken="accessToken" :limit="1" :isOcr="true"
-                                ocrType="back"></image-upload>
+                  <image-upload-gljt :isShowTip="false" v-model="form.dbrZjbm" :accessToken="accessToken" :limit="1" :isOcr="true"
+                                ocrType="back"></image-upload-gljt>
                 </el-form-item>
               </div>
 
@@ -381,7 +381,7 @@
                </div>
                <div style="flex: 2">
                  <el-form-item label="低保证明" prop="dbzm" v-if="form.isdb=='1'" class="uploadStyle">
-                   <image-upload :isShowTip="false" :limit="1" v-model="form.dbzm"/>
+                   <image-upload-gljt :isShowTip="false" :limit="1" v-model="form.dbzm"/>
                  </el-form-item>
                </div>
              </div>
@@ -426,7 +426,7 @@
               <!--</td>-->
               <!--<td>-->
               <!--<el-form-item label="重残证明" prop="dbzm" v-if="form.iszc=='1'">-->
-              <!--<image-upload :limit="1" v-model="form.zczm"/>-->
+              <!--<image-upload-gljt :limit="1" v-model="form.zczm"/>-->
               <!--</el-form-item>-->
               <!--</td>-->
               <!--<td>-->
@@ -443,7 +443,7 @@
               <!--</td>-->
               <!--<td>-->
               <!--<el-form-item label="特困证明" prop="tkzm" v-if="form.istk=='1'">-->
-              <!--<image-upload :limit="1" v-model="form.tkzm"/>-->
+              <!--<image-upload-gljt :limit="1" v-model="form.tkzm"/>-->
               <!--</el-form-item>-->
               <!--</td>-->
               <!--<td>-->

ruoyi-ui-gljt/src/views/gljt/jkzkDj/index.vue

@@ -166,11 +166,11 @@
           <el-input disabled v-model="form.sfzh" placeholder="请输入身份证号"/>
         </el-form-item>
         <el-form-item label="登记活体照片" prop="htzp">
-          <image-upload v-model="form.htzp" :limit="1"></image-upload>
+          <image-upload-gljt v-model="form.htzp" :limit="1"></image-upload-gljt>
           <!--<el-input v-model="form.htzp" type="textarea" maxlength="200" show-word-limit placeholder="请输入登记活体照片"/>-->
         </el-form-item>
         <el-form-item label="描述" prop="kz9">
-          <!--<image-upload v-model="form.kz9" :limit="1"></image-upload>-->
+          <!--<image-upload-gljt v-model="form.kz9" :limit="1"></image-upload-gljt>-->
           <el-input v-model="form.kz9" type="textarea" maxlength="100" show-word-limit placeholder="请输入描述"/>
         </el-form-item>
         <el-form-item label="附件">