接口对接

wjt

2024-06-22 f07b70558d5b84f1070470229037629bc1ace006

 policy/scodePage/scodePage.vue

@@ -29,66 +29,118 @@
            <image src="/static/policy/qrcode-border.png" class="border" mode="widthFix"></image>
            <image :src="uqrcodeImage" mode="widthFix" class="qrcode-1"></image>
            <view class="code-time">
               <text>扫码时间：</text>2024-05-12 12:00
               <text>扫码时间：</text>{{$u.timeFormat(new Date(), 'yyyy-mm-dd hh:MM:ss')}}
            </view>
         </view>
         <view class="code">
            <view class="item">
               <text class="label">执法人员</text>
               <text class="value">王小丫</text>
               <text class="value">{{userInfo.nickName}}</text>
            </view>
            <view class="write-border"></view>
            <view class="item">
               <text class="label">执法部门</text>
               <text class="value">工商管理局</text>
               <text class="value">{{userInfo.dept.deptName}}</text>
            </view>
         </view>
         <view class="hint-text">
            当前企业存在<text>1</text>条未完成的执法任务
            当前企业存在<text>{{list.length}}</text>条未完成的执法任务
         </view>
         <!-- <view class="hint-text">
            当前企业未完成的执法任务
         </view> -->
         <view class="down-block">
            <view class="box">
               <view class="title">24年5月突击检查消防安全</view>
               <view class="user-news">
                  <text>王思雨</text>
                  <view class="driver"></view>
                  <text>工商管理局</text>
               </view>
               <view class="font-13">
                  <text>执法对象：</text>河南觉醒科技有限公司
               </view>
               <view class="border"></view>
               <view class="font-12 margin-bottom">
                  <text>执法时间：</text>2024-05-12 12:00
               </view>
               <view class="font-12">
                  <text>申请时间：</text>2024-05-12 12:00:12
               </view>
            </view>
            <swiper style="height: 500rpx;" :indicator-dots="false"  :interval="3000" :duration="1000">
               <swiper-item v-for="(item,index) in list" :key="index">
                  <view class="box">
                     <view class="title">{{item.enforceReason}}</view>
                     <view class="user-news">
                        <text>{{item.applyUser}}</text>
                        <view class="driver"></view>
                        <text>{{item.applyDeptName}}</text>
                     </view>
                     <view class="font-13">
                        <text>执法对象：</text>{{item.companyName}}
                     </view>
                     <view class="border"></view>
                     <view class="font-12 margin-bottom">
                        <text>执法时间：</text>{{item.planTime}}
                     </view>
                     <view class="font-12">
                        <text>申请时间：</text>{{item.applyTime}}
                     </view>
                     <view class="button-entery">
                        <view class="button" @click="doScanOrder(item.orderId)">确认执法</view>
                     </view>
                  </view>
               </swiper-item>
            </swiper>
         </view>
      </view>
      <uqrcode class="hide-canvas" :size="470" sizeUnit="rpx" v-if="companyCode" ref="uqrcode" canvas-id="qrcode" :value="companyCode" :options="{ backgroundColor: 'green',useDynamicSize: true,  areaColor: '#ffffff', foregroundColor: '#ffffff' }"></uqrcode>
      <uqrcode class="hide-canvas" :size="470" sizeUnit="rpx" v-if="companyCode" ref="uqrcode" canvas-id="qrcode" :value="companyCode" :options="{ backgroundColor: color,useDynamicSize: true,  areaColor: '#ffffff', foregroundColor: '#ffffff' }"></uqrcode>
      
   </view>
</template>

<script>
   import { getScanList, doScanOrder } from '@/api/policy.js'
   import { getInfo } from '@/api/auth.js'
   export default {
      data() {
         return {
            companyCode: 'code===',
            uqrcodeImage: ''
            companyCode: '',
            uqrcodeImage: '',
            list: [],
            userInfo: {},
            color: ''
         }
      },
      onReady() {
         this.$refs.uqrcode.toTempFilePath({
           success: res => {
            this.uqrcodeImage = res.tempFilePath
           }
         });
			
      },
      onLoad(options) {
         this.getScanList(options.code)
			
         this.getInfo()
      },
      onShow() {
		
      },
      methods: {
			
         getScanList(companyCode){
            getScanList({companyCode}).then(val => {
               this.list = val.data.data
               if(this.list.length) {
                  this.color = 'green'
               } else {
                  this.color = 'red'
               }
               this.companyCode = companyCode
               setTimeout(() => {
                  this.$refs.uqrcode.toTempFilePath({
                    success: res => {
                     this.uqrcodeImage = res.tempFilePath
                    }
                  });
               }, 500)
            })
         },
         getInfo() {
            getInfo().then(val => {
               console.log(val.data.data)
               this.userInfo = val.data.data
            })
         },
         doScanOrder(item) {
            doScanOrder(item).then(val => {
               if(val.data.code == 200) {
                  uni.showToast({
                     title: '确认执法成功',
                     icon: 'none'
                  })
               }
            })
         }
      }
   }
</script>