更换mqtt照相图标

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

@@ -366,7 +366,8 @@
                       ocrType="front"
                     ></image-upload-gljt>
                     <span>证件人像面</span>
-                    <i class="el-icon-camera-solid" v-if="isMqtt" @click="QRSFZ('sfz','sfz')"></i>
+                    <el-image class="imgSxj"  v-if="isMqtt" @click="QRSFZ('sfz','sfz')" :src="require('../../../assets/images/gljt/sxj.png')"> </el-image>
+                    <!--<i class="el-icon-camera-solid" v-if="isMqtt" @click="QRSFZ('sfz','sfz')"></i>-->
                   </el-form-item>
                 </div>
                 <div class="flexCount">
@@ -385,7 +386,8 @@
                       :accessToken="accessToken"
                     ></image-upload-gljt>
                     <span>户口首页</span>
-                    <i class="el-icon-camera-solid" v-if="isMqtt" @click="QRSFZ('hk','hk')"></i>
+                    <el-image class="imgSxj"  v-if="isMqtt" @click="QRSFZ('hk','hk')" :src="require('../../../assets/images/gljt/sxj.png')"> </el-image>
+                    <!--<i class="el-icon-camera-solid" v-if="isMqtt" @click="QRSFZ('hk','hk')"></i>-->
                   </el-form-item>
                 </div>
               </div>
@@ -407,7 +409,8 @@
                       ocrType="back"
                     ></image-upload-gljt>
                     <span>证件国徽面</span>
-                    <i class="el-icon-camera-solid" v-if="isMqtt" @click="QRSFZ('sfz','sfz')"></i>
+                    <el-image class="imgSxj"  v-if="isMqtt" @click="QRSFZ('sfz','sfz')" :src="require('../../../assets/images/gljt/sxj.png')"> </el-image>
+                    <!--<i class="el-icon-camera-solid" v-if="isMqtt" @click="QRSFZ('sfz','sfz')"></i>-->
                   </el-form-item>
                 </div>
                 <div class="flexCount">
@@ -429,7 +432,8 @@
                       @clear="clearHkb"
                     ></image-upload-gljt>
                     <span>户口本人页</span>
-                    <i class="el-icon-camera-solid" v-if="isMqtt" @click="QRSFZ('hk','hk')"></i>
+                    <el-image class="imgSxj"  v-if="isMqtt" @click="QRSFZ('hk','hk')" :src="require('../../../assets/images/gljt/sxj.png')"> </el-image>
+                    <!--<i class="el-icon-camera-solid" v-if="isMqtt" @click="QRSFZ('hk','hk')"></i>-->
                   </el-form-item>
                 </div>
               </div>
@@ -446,7 +450,8 @@
                     v-model="form.tx"
                   />
                   <span> 老人照片 </span>
-                  <i class="el-icon-camera-solid" v-if="isMqtt" @click="QRSFZ('rx','rx')"></i>
+                  <!--<i class="el-icon-camera-solid" v-if="isMqtt" @click="QRSFZ('rx','rx')"></i>-->
+                  <el-image class="imgSxj"  v-if="isMqtt" @click="QRSFZ('rx','rx')" :src="require('../../../assets/images/gljt/sxj.png')"> </el-image>
                 </el-form-item>
               </div>
             </div>
@@ -627,8 +632,10 @@
                   class="uploadStyle"
                 >
                   <label slot="label"
-                  ><span>银行卡正面照</span><i class="el-icon-camera-solid" v-if="isMqtt" @click="QRSFZ('yhk','yhk')"></i></label
-                  >
+                  ><span>银行卡正面照</span>
+                    <el-image class="imgSxj2"  v-if="isMqtt" @click="QRSFZ('yhk','yhk')" :src="require('../../../assets/images/gljt/sxj.png')"> </el-image>
+                    <!--<i class="el-icon-camera-solid" v-if="isMqtt" @click="QRSFZ('yhk','yhk')"></i>-->
+                  </label>
                   <image-upload-gljt
                     :isShowTip="false"
                     v-model="form.yhzjz"
@@ -682,8 +689,10 @@
                   class="uploadStyle"
                 >
                   <label slot="label"
-                  ><span>证件人像面</span><i class="el-icon-camera-solid" style="display: block;" v-if="isMqtt" @click="QRSFZ('sfz','jhr')"></i></label
-                  >
+                  ><span>证件人像面</span>
+                    <el-image class="imgSxj2"  v-if="isMqtt" @click="QRSFZ('sfz','jhr')" :src="require('../../../assets/images/gljt/sxj.png')"> </el-image>
+                    <!--<i class="el-icon-camera-solid" style="display: block;" v-if="isMqtt" @click="QRSFZ('sfz','jhr')"></i>-->
+                  </label>
                   <image-upload-gljt
                     :isShowTip="false"
                     v-model="form.jhrZjzm"
@@ -703,8 +712,10 @@
                   class="uploadStyle"
                 >
                   <label slot="label"
-                  ><span>证件国徽面</span><i class="el-icon-camera-solid" style="display: block;" v-if="isMqtt" @click="QRSFZ('sfz','jhr')"></i></label
-                  >
+                  ><span>证件国徽面</span>
+                    <el-image class="imgSxj2"  v-if="isMqtt" @click="QRSFZ('sfz','jhr')" :src="require('../../../assets/images/gljt/sxj.png')"> </el-image>
+                    <!--<i class="el-icon-camera-solid" style="display: block;" v-if="isMqtt" @click="QRSFZ('sfz','jhr')"></i>-->
+                  </label>
                   <image-upload-gljt
                     :isShowTip="false"
                     v-model="form.jhrZjbm"
@@ -777,8 +788,10 @@
                   :rules="form.gx ? itemRules.dbrZjzm : []"
                 >
                   <label slot="label"
-                  ><span>证件人像面</span><i class="el-icon-camera-solid" style="display: block;" v-if="isMqtt" @click="QRSFZ('sfz','dbr')"></i></label
-                  >
+                  ><span>证件人像面</span>
+                    <!--<i class="el-icon-camera-solid" style="display: block;" v-if="isMqtt" @click="QRSFZ('sfz','dbr')"></i>-->
+                    <el-image class="imgSxj2"  v-if="isMqtt" @click="QRSFZ('sfz','dbr')" :src="require('../../../assets/images/gljt/sxj.png')"> </el-image>
+                  </label>
                   <image-upload-gljt
                     :isShowTip="false"
                     v-model="form.dbrZjzm"
@@ -799,8 +812,10 @@
                   :rules="form.gx ? itemRules.dbrZjbm : []"
                 >
                   <label slot="label"
-                  ><span>证件国徽面</span><i class="el-icon-camera-solid" style="display: block;" v-if="isMqtt" @click="QRSFZ('sfz','dbr')"></i></label
-                  >
+                  ><span>证件国徽面</span>
+                    <!--<i class="el-icon-camera-solid" style="display: block;" v-if="isMqtt" @click="QRSFZ('sfz','dbr')"></i>-->
+                    <el-image class="imgSxj2"  v-if="isMqtt" @click="QRSFZ('sfz','dbr')" :src="require('../../../assets/images/gljt/sxj.png')"> </el-image>
+                  </label>
                   <image-upload-gljt
                     :isShowTip="false"
                     v-model="form.dbrZjbm"
@@ -3247,6 +3262,20 @@ export default {
   /*grid-template-rows: 50px 50px;*/
 }
 
-.labelStyle {
+.imgSxj{
+  width: 30px;
+  height: 30px;
+  /*position: relative;*/
+  /*top: 8px;*/
+  /*left: 5px;*/
+  position: absolute;
+  display: inline-block;
+  margin-top: 7px;
+  margin-left: 10px;
+}
+.imgSxj2{
+  width: 30px;
+  height: 30px;
+  display: inline-block;
 }
 </style>