投诉详情

346149741

2024-06-22 ade1aa658df84e8b52f5d1dfa9d2971da5cdad55

 qiye/complaint/details.vue

@@ -8,7 +8,9 @@
      <view class="donw-box"></view>
      <view class="page-main">
         <view class="title">
            已评价
            <template v-if="msg.orderStatus>2&&msg.isEva==0">已执法待评价</template>
            <template v-if="msg.orderStatus>2&&msg.isEva==1">已评价</template>
            <template v-if="msg.orderStatus==2">待执法</template>
         </view>
         <view class="wbox">
            <view class="item">
@@ -16,7 +18,7 @@
                  执法类型
               </view>
               <view class="v">
                  司法检查
                  {{type}}
               </view>
            </view>
            <view class="item">
@@ -24,7 +26,7 @@
                  执法人
               </view>
               <view class="v">
                  刘欢欢
                  {{msg.executeUser}}
               </view>
            </view>
            <view class="item">
@@ -32,7 +34,7 @@
                  执法部门
               </view>
               <view class="v">
                  农业局
                  {{msg.executeDeptName}}
               </view>
            </view>
            <view class="item">
@@ -40,7 +42,7 @@
                  企业
               </view>
               <view class="v">
                  汉庭酒店
                  {{msg.companyName}}
               </view>
            </view>
         </view>
@@ -51,7 +53,7 @@
                  执法主题
               </view>
               <view class="v">
                  汉庭酒店司法检查233号文件
                  {{msg.enforceReason}}
               </view>
            </view>
            <view class="item">
@@ -60,17 +62,19 @@
               </view>
            </view>
            <view class="imgbox">
               <img src="/static/i01.png" class="more" @click="imgclick('/static/i01.png')" alt="" />
               <img v-for="(item,index) in img" :key="index" :src="item" class="more" alt="" @click="imgclick(item)" />
					
               <!-- <img src="/static/i01.png" class="more" @click="imgclick('/static/i01.png')" alt="" />
               <img src="/static/i02.png" class="more" alt="" />
               <img src="/static/i03.png" class="more" alt="" />
               <img src="/static/i04.png" class="more" alt="" />
               <img src="/static/i04.png" class="more" alt="" /> -->
            </view>
            <view class="item">
               <view class="k">
                  执法结果
               </view>
               <view class="v" style="color: #EB4746;">
                  停业整顿
                  {{msg.regionReason}}
               </view>
            </view>
            <view class="item">
@@ -78,7 +82,7 @@
                  执法时间
               </view>
               <view class="v">
                  2024-10-10 16:24
                  {{msg.executeTime}}
               </view>
            </view>
         </view>
@@ -87,33 +91,34 @@
            <view class="t">
               投诉记录
            </view>
            <view class="jilu">
            <view class="jilu" v-for="(item,index) in tousulist">
               <img src="/static/policy/icon.png" class="img" alt="" />
               <view class="font">
                  <view class="h">
                     <view class="s">
                        已驳回
                        {{item.nodeName}}
                     </view>
                     <view class="time">
                        2024-06-07 12:14
                        {{item.nodeTime}}
                     </view>
                  </view>
                  <view class="b">
                     <view class="name">
                        林小零
                        {{item.nodeUser}}
                     </view>
                     <view class="p">
                        <span>申诉主题：</span>
                        汉庭酒店司法检查233号文件
								
                     </view>
                     <view class="p">
                        <span>申诉内容：</span>
                        我是一个内容；我是一个内容；我是一个内容；我是一个内容
                        {{item.nodeReason}}
								
                     </view>
                  </view>
               </view>
            </view>
            <view class="jilu">
            <!-- <view class="jilu">
               <img src="/static/policy/refject.png" class="img" alt="" />
               <view class="font">
                  <view class="h">
@@ -138,7 +143,7 @@
                     </view>
                  </view>
               </view>
            </view>
            </view> -->
         </view>
      </view>
      
@@ -146,11 +151,52 @@
</template>

<script>
   import { complaint } from '@/api/qiye.js'
   import { config } from '@/common/config'
   import { order } from '@/api/index.js'
   import { getDicts } from '@/api/data.js'
	
   export default {
      data() {
         return {
				
            id:'',
            msg:{},
            type:'',
            img:[],
            baseUrl: config.baseUrl,
            orderId:'',
            tousulist:[]
         }
      },
      onLoad(options) {
         this.id = options.id
         this.orderId = options.orderId
         order(this.orderId).then(val => {
            this.msg = val.data.data
            let arr = this.msg.regionImgs.split(",");
            for(let i = 0;i<arr.length;i++){
               this.img.push(this.baseUrl+arr[i])
            }
				
            console.log(this.img)
            getDicts('enforce_type').then(val => {
                const value = val.data.data.find(item => item.dictCode == this.msg.enforceType)
                this.type = value.dictLabel
            })
         })
         complaint({orderId:this.orderId}).then(val => {
            this.tousulist = val.data.data
            // this.msg = val.data.data
            // let arr = this.msg.regionImgs.split(",");
            // for(let i = 0;i<arr.length;i++){
            //    this.img.push(this.baseUrl+arr[i])
            // }
				
            // getDicts('enforce_type').then(val => {
            //     const value = val.data.data.find(item => item.dictCode == this.msg.enforceType)
            //     this.type = value.dictLabel
            // })
         })
      },
      methods: {
         imgclick(url) {
@@ -252,11 +298,12 @@
      justify-content: space-between;
      padding: 24rpx;
      .img{
         width: 70rpx;
         height: 50rpx;
         width: 40rpx;
         height: 40rpx;
         margin-right: 24rpx;
      }
      .font{
         width: 90%;
         .h{
            display: flex;
            justify-content: space-between;