'新增综合查一次详情、调整二期新增的内容'

王恒

2025-09-04 616e6be49d3f64f2397cb1b1c05d2c06df3db9a3

 policy/scodePage/scodePage.vue

@@ -1,102 +1,166 @@
<template>
   <view>
        <u-navbar
            @rightClick="rightClick"
            :autoBack="true"
            :placeholder="false"
            bgColor="transparent"
            leftIconColor="white"
         >
         </u-navbar>
      <image src="/static/policy/back.png" mode="widthFix" class="back-image"></image>
      <view class="page-box">
         <view class="code-hint">
            <view>
               <image src="/static/policy/success.png" mode="widthFix"></image>
               <!-- <image src="/static/policy/error.png" mode="widthFix"></image> -->
               <text>成功-绿码</text>
               <!-- <text>失败-红码</text> -->
            </view>
            <view class="hint">
               可对此企业进行核查
            </view>
            <view class="hint">
               请核查企业信息
            </view>
         </view>
         <!-- 二维码 -->
         <view class="qrcode">
            <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
            </view>
         </view>
         <view class="code">
            <view class="item">
               <text class="label">执法人员</text>
               <text class="value">王小丫</text>
            </view>
            <view class="write-border"></view>
            <view class="item">
               <text class="label">执法部门</text>
               <text class="value">工商管理局</text>
            </view>
         </view>
         <view class="hint-text">
            当前企业存在<text>1</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>
         </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>
		
   </view>
</template>

<script>
   export default {
      data() {
         return {
            companyCode: 'code===',
            uqrcodeImage: ''
         }
      },
      onReady() {
         this.$refs.uqrcode.toTempFilePath({
           success: res => {
            this.uqrcodeImage = res.tempFilePath
           }
         });
      },
      methods: {
			
      }
   }
</script>
<style>
   page{
      padding-bottom: 20rpx;
   }
</style>
<style lang="scss" scoped>
@import "./scodePage.scss";
</style>
<template>

  <view>

    <u-navbar @rightClick="rightClick" :autoBack="true" :placeholder="false" bgColor="transparent"

      leftIconColor="white">

    </u-navbar>

    <image src="/static/policy/back.png" mode="widthFix" class="back-image"></image>

    <view class="page-box">

      <view class="code-hint">

        <template v-if="color == 'green'">

          <view>

            <image src="/static/policy/success.png" mode="widthFix"></image>

            <text>成功-绿码</text>

          </view>

          <view class="hint">

            可对此企业进行核查

          </view>

        </template>

        <template v-if="color == 'red'">

          <view>

            <image src="/static/policy/error.png" mode="widthFix"></image>

            <text>失败-红码</text>

          </view>

          <view class="hint">

            请核查企业信息

          </view>

        </template>

      </view>

      <!-- 二维码 -->

      <view class="qrcode">

        <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>{{$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">{{userInfo.nickName}}</text>

        </view>

        <view class="write-border"></view>

        <view class="item">

          <text class="label">执法部门</text>

          <text class="value">{{userInfo.dept.deptName}}</text>

        </view>

      </view>

      <view class="hint-text">

        当前企业存在<text>{{list.length}}</text>条未完成的执法任务

      </view>

      <!-- <view class="hint-text">

            当前企业未完成的执法任务

         </view> -->

      <view class="down-block">

        <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 || item.applyDeptNames || ''}}</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 || item.planMonth || ''}}

              </view>

              <view class="font-12">

                <text>申请时间：</text>{{item.applyTime || ''}}

              </view>

              <view class="button-entery">

                <view class="button" v-if="item.isSelect" @click="doScanOrder(item.orderId, index)">确认执法</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: 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: '',

        uqrcodeImage: '',

        list: [],

        userInfo: {},

        color: '',



      }

    },

    onReady() {



    },

    onLoad(options) {

      this.getScanList(options.code)



      this.getInfo()

    },

    methods: {

      getScanList(companyCode) {

        getScanList({

          companyCode

        }).then(val => {

          this.list = val.data.data.map(item => {

            item['isSelect'] = true

            return item

          })

          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 => {

          this.userInfo = val.data.data

        })

      },

      doScanOrder(item, index) {

        doScanOrder(item).then(val => {

          if (val.data.code == 200) {

            uni.showToast({

              title: '确认执法成功',

              icon: 'none'

            })

            this.list[index].isSelect = false

          }

        })

      }

    }

  }

</script>

<style>

  page {

    padding-bottom: 20rpx;

  }

</style>

<style lang="scss" scoped>

  @import "./scodePage.scss";

</style>