'修改字段、处理空值'

王恒

2025-08-13 bdb3123664234ec9bfe7f43be21fac7250f9479f

 qiye/complaint/details1.vue

@@ -15,7 +15,7 @@
         <view class="wbox">
            <view class="item" v-if="dictLabel">
               <view class="k">
                  执法类型
            检查方式
               </view>
               <view class="v">
                  {{dictLabel}}
@@ -55,7 +55,8 @@
                  </view>
               </view>
               <view class="imgbox">
                  <img :src="baseUrl+item" v-for="(item,index) in orderDetailsMsg.regionImgs" :key="index" class="more" @click="imgclick(item)" alt="" />
            <img :src="baseUrl+item" v-for="(item,index) in orderDetailsMsg.regionImgs" :key="index" class="more"
              @click="imgclick(item)" alt="" />
                  
               </view>
               <view class="item">
@@ -82,7 +83,9 @@
            <view class="t">
               建议记录
            </view>
            <view class="jilu" :class="{start: item.nodeName == '发起诉求' || item.nodeName == '已办结', handler: item.nodeName == '处理中', nonde: index == nodeList.length - 1}" v-for="(item,index) in nodeList" :key="index">
        <view class="jilu"
          :class="{start: item.nodeName == '发起诉求' || item.nodeName == '已办结', handler: item.nodeName == '处理中', nonde: index == nodeList.length - 1}"
          v-for="(item,index) in nodeList" :key="index">
               <image src="/static/policy/icon.png" class="img" alt="" mode="widthFix" v-if="item.nodeName == '发起诉求'"/>
               <image src="/static/guocheng.png" class="img" alt=""  mode="widthFix"  v-if="item.nodeName == '处理中'"/>
               <image src="/static/policy/refject.png" class="img"  mode="widthFix" alt="" v-if="item.nodeName == '已驳回'"/>
@@ -179,10 +182,21 @@
</template>

<script>
   import { complaintDetails, orderNodeList, orderComplaintNodeList } from '@/api/qiye.js'
   import { orderDetails, orderDetailsLog } from '@/api/policy.js'
   import { config } from '@/common/config.js'
   import { getDicts } from '@/api/data.js'
  import {
    complaintDetails,
    orderNodeList,
    orderComplaintNodeList
  } from '@/api/qiye.js'
  import {
    orderDetails,
    orderDetailsLog
  } from '@/api/policy.js'
  import {
    config
  } from '@/common/config.js'
  import {
    getDicts
  } from '@/api/data.js'
   export default {
      data() {
         return {
@@ -206,7 +220,9 @@
      },
      methods: {
         orderNodeList(id) {
            orderNodeList({id}).then(val => {
        orderNodeList({
          id
        }).then(val => {
               // console.log(val)
               this.nodeList = val.data.data
            })
@@ -232,7 +248,9 @@
            })
         },
         orderDetails() {
            orderDetails({ orderId: this.orderId}).then(val => {
        orderDetails({
          orderId: this.orderId
        }).then(val => {
               // console.log(val.data.data)
               val.data.data.regionImgs = val.data.data.regionImgs.split(",")
               this.orderDetailsMsg = val.data.data
@@ -243,7 +261,9 @@
            })
         },
         orderComplaintNodeList() {
            orderComplaintNodeList({ orderId: this.orderId }).then(val => {
        orderComplaintNodeList({
          orderId: this.orderId
        }).then(val => {
               console.log(val.data.data, 'val===')
               this.nodeList = val.data.data
            })
@@ -269,6 +289,7 @@
      flex-shrink: 0;
      background: linear-gradient(180deg, #1171E0 42.5%, #F4F4F4 100%);
   }

   .wbox {
      background: #fff;
      border-radius: 5px;
@@ -312,6 +333,7 @@
         }
      }
   }

   .title {
      color: #ffffff;
      font-size: 44rpx;
@@ -329,6 +351,7 @@
      margin: 0 32rpx;
      position: relative;
      z-index: 10;

      .t {
         padding: 24rpx;
         border-bottom: 1px solid #EEEEEE;
@@ -344,6 +367,7 @@
      justify-content: space-between;
      padding: 24rpx;
      position: relative;

      &::before{
         content: '';
         display: inline-block;
@@ -363,21 +387,26 @@
         position: relative;
         z-index: 100;
      }

      .font{
         width: calc(100% - 70rpx);

         .h{
            display: flex;
            justify-content: space-between;
            margin-bottom: 20rpx;

            .s{
                color: #202d44;
                font-size: 32rpx;
            }

            .time{
               color: #7e8596;
               font-size: 24rpx;
            }
         }

         .b{
            // width: 289px;
            // height: 111px;
@@ -385,13 +414,16 @@
            border-radius: 4px;
            background: #F6F6F6;
            padding: 24rpx;

            .name{
                color: #202d44;
                font-size: 32rpx;
            }

            .p{
               color: #202d44;
               font-size: 26rpx;

               span{
                  color: #666666;
                  
@@ -400,16 +432,19 @@
         }
      }
   }

   .handler{
      &::before {
         background: #fe7b320d;
      }
   }

   .start{
      &::before{
         background: #E7F8F0;
      }
   }

   .nonde{
      &::before{
         background: none;