细节调整

ruoyi-ui-gljt/src/utils/constant.js

@@ -19,5 +19,5 @@ export const Constant = {
 
   //mqtt上传的图片地址是否是正式
   'IS_ZS':"0" //测试
-  //'IS_ZS':"1" //正式
+  // 'IS_ZS':"1" //正式
 };

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

@@ -366,7 +366,7 @@
                       ocrType="front"
                     ></image-upload-gljt>
                     <span>证件人像面</span>
-                    <i class="el-icon-camera-solid" @click="QRSFZ('sfz','sfz')"></i>
+                    <i class="el-icon-camera-solid" v-if="isMqtt" @click="QRSFZ('sfz','sfz')"></i>
                   </el-form-item>
                 </div>
                 <div class="flexCount">
@@ -385,7 +385,7 @@
                       :accessToken="accessToken"
                     ></image-upload-gljt>
                     <span>户口首页</span>
-                    <i class="el-icon-camera-solid" @click="QRSFZ('hk','hk')"></i>
+                    <i class="el-icon-camera-solid" v-if="isMqtt" @click="QRSFZ('hk','hk')"></i>
                   </el-form-item>
                 </div>
               </div>
@@ -407,7 +407,7 @@
                       ocrType="back"
                     ></image-upload-gljt>
                     <span>证件国徽面</span>
-                    <i class="el-icon-camera-solid" @click="QRSFZ('sfz','sfz')"></i>
+                    <i class="el-icon-camera-solid" v-if="isMqtt" @click="QRSFZ('sfz','sfz')"></i>
                   </el-form-item>
                 </div>
                 <div class="flexCount">
@@ -429,7 +429,7 @@
                       @clear="clearHkb"
                     ></image-upload-gljt>
                     <span>户口本人页</span>
-                    <i class="el-icon-camera-solid" @click="QRSFZ('hk','hk')"></i>
+                    <i class="el-icon-camera-solid" v-if="isMqtt" @click="QRSFZ('hk','hk')"></i>
                   </el-form-item>
                 </div>
               </div>
@@ -446,7 +446,7 @@
                     v-model="form.tx"
                   />
                   <span> 老人照片 </span>
-                  <i class="el-icon-camera-solid" @click="QRSFZ('rx','rx')"></i>
+                  <i class="el-icon-camera-solid" v-if="isMqtt" @click="QRSFZ('rx','rx')"></i>
                 </el-form-item>
               </div>
             </div>
@@ -627,7 +627,7 @@
                   class="uploadStyle"
                 >
                   <label slot="label"
-                  ><span>银行卡正面照</span><i class="el-icon-camera-solid" @click="QRSFZ('yhk','yhk')"></i></label
+                  ><span>银行卡正面照</span><i class="el-icon-camera-solid" v-if="isMqtt" @click="QRSFZ('yhk','yhk')"></i></label
                   >
                   <image-upload-gljt
                     :isShowTip="false"
@@ -682,7 +682,7 @@
                   class="uploadStyle"
                 >
                   <label slot="label"
-                  ><span>证件人像面</span><i class="el-icon-camera-solid" @click="QRSFZ('sfz','jhr')"></i></label
+                  ><span>证件人像面</span><i class="el-icon-camera-solid" style="display: block;" v-if="isMqtt" @click="QRSFZ('sfz','jhr')"></i></label
                   >
                   <image-upload-gljt
                     :isShowTip="false"
@@ -703,7 +703,7 @@
                   class="uploadStyle"
                 >
                   <label slot="label"
-                  ><span>证件国徽面</span><i class="el-icon-camera-solid" @click="QRSFZ('sfz','jhr')"></i></label
+                  ><span>证件国徽面</span><i class="el-icon-camera-solid" style="display: block;" v-if="isMqtt" @click="QRSFZ('sfz','jhr')"></i></label
                   >
                   <image-upload-gljt
                     :isShowTip="false"
@@ -777,7 +777,7 @@
                   :rules="form.gx ? itemRules.dbrZjzm : []"
                 >
                   <label slot="label"
-                  ><span>证件人像面</span><i class="el-icon-camera-solid" @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></label
                   >
                   <image-upload-gljt
                     :isShowTip="false"
@@ -799,7 +799,7 @@
                   :rules="form.gx ? itemRules.dbrZjbm : []"
                 >
                   <label slot="label"
-                  ><span>证件国徽面</span><i class="el-icon-camera-solid" @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></label
                   >
                   <image-upload-gljt
                     :isShowTip="false"
@@ -1339,6 +1339,7 @@ export default {
   },
   data() {
     return {
+      isMqtt:false,
       hjOpt:[{label:'本地户籍',value:'0'},{label:'外地迁入',value:'1'}],
       glsqsjRange: [],
       multipleSelection: [],
@@ -1910,23 +1911,28 @@ export default {
     },
     createConnection() {
       console.log("正在连接...");
+      this.isMqtt=false;
       let that = this;
       try {
         this.client = mqtt.connect(
           "ws://121.36.73.159:8083/mqtt",
+          // "ws://121.36.73.99:8183/mqtt",
           this.options
         );
       } catch (error) {
+        this.isMqtt=false;
         console.log("mqtt连接失败: ", error);
       }
       this.client.on("connect", (e) => {
         console.log("连接成功");
+        this.isMqtt=true;
         this.doSubscribe(); // 订阅主题
       });
       // 接收消息处理
       this.client.on("message", this.message_str);
       // 连接错误处理
       this.client.on("error", (error) => {
+        this.isMqtt=false;
         console.log("连接出错: ", error);
       });
       // 重新连接处理
@@ -1935,6 +1941,7 @@ export default {
       // })
       this.client.on("close", () => {
         console.log("监听断开连接");
+        this.isMqtt=false;
         if (this.client) {
           this.client.end();
         }