Merge branch 'master' of http://120.76.84.145:10101/gitblit/r/H5/threeSide

pyt

2025-02-24 b31c7c629a2efddc53c89b8f0df0de0e2a33e8d9

 H5/pages/dispatchWorkOrder/dispatchWorkOrder.vue

@@ -2,12 +2,12 @@
   <view class="problem-report-page">
      <view class="info-cards">
         <view class="info-top">
            <view class="num">诉求号：7843523454</view>
            <view class="status">正在办理</view>
            <view class="num">诉求号：{{detail.serialNumber}}</view>
            <view class="status">{{['正在办理','延期办理','超时办理','已办结','群众撤销','上报待审核','上级驳回'][detail.status]}}</view>
         </view>

         <view class="address">
            <view class="adr">江苏省常州市溧阳市牛顿大道172号</view>
            <view class="adr">{{detail.detailedAddress || ''}}</view>
            <image src="/static/position@2x.png" class="w-31 h-31" mode="aspectFill"></image>
         </view>

@@ -21,14 +21,13 @@
            <view class="table-item">
               <view class="type-tip flex1">
                  <view class="tip">
                     教育
                     {{detail.problemType}}
                  </view>
               </view>
               <view class="person-item flex1">沙振</view>
               <view class="phone-item flex1">14225874426</view>
               <view class="person-item flex1">{{detail.name}}</view>
               <view class="phone-item flex1">{{detail.contactNumber}}</view>
            </view>
         </view>

      </view>

      <view class="input-card">
@@ -43,19 +42,17 @@
         <image src="/static/warnng@2x.png" class="w-31 h-31 mr-15" mode="aspectFill"></image>
         提交后会由上级部门进行审核，请留意审核结果
      </view>
      <view class="btn">下派至下级部门</view>
      <view class="btn" @click="dispatch">下派至下级部门</view>

      <u-popup round="19rpx" :show="showPop" mode="center" @close="close" @open="open">
         <view class="popup-content">
            <view class="title-pop">请选择下派单位</view>
            <view class="pop-label">社区：</view>
            <view class="pop-select">
               请选择
            </view>
            <uni-data-select v-model="value" :localdata="range" @change="change"></uni-data-select>

            <view class="botton-btn">
               <view class="cancle">取消</view>
               <view class="sure">确定</view>
               <view class="cancle" @tap="close">取消</view>
               <view class="sure" @tap="toDispatch">确定</view>
            </view>
         </view>
      </u-popup>
@@ -63,19 +60,105 @@
</template>

<script>
   import {
      saveDispatch,
      getDetail,
      getDispatchList
   } from './service'
   export default {
      data() {
         return {
            content: '',
            detail: {},
            showPop: false,
            value: '',
            range: [],
         };
      }
      },
      onLoad(option) {
         if (option.id) {
            this.id = option.id
            getDetail({
               id: option.id
            }).then(res => {
               if (res.code == 200) {
                  this.detail = res.data
               }
            })
         }
      },
      methods: {
         change(e) {
            console.log("e:", e);
         },
         close() {
            this.showPop = false
         },
         dispatch() {
            this.showPop = true
         },

         open() {
            getDispatchList().then(res => {
               if (res.code == 200) {
                  this.range = res.data.map(item => {
                     item.text = item.name
                     item.value = item.id
                  })
               }
            })
         },
         toDispatch() {
            if (!this.value) {
               uni.showToast({
                  icon: 'none',
                  title: '请选择下派单位'
               })
               return
            }
            saveDispatch({
               complaintId: this.id,
               comment: this.content,
               dispatchId: this.value
            }).then(res => {
               if (res.code == 200) {
                  uni.showToast({
                     icon: 'none',
                     title: '下派成功'
                  })
                  uni.navigateBack()
               }
            })
         }
      },
   }
</script>



<style lang="scss" scoped>
   /deep/.uni-select {
      width: calc(484rpx) !important;
      border: unset;
      margin-top: 25rpx;
      margin-left: 45.15rpx;
   }

   /deep/.uni-select__input-box {
      width: calc(454rpx - 30.77rpx) !important;
      height: 77rpx;
      background: #FFFFFF;
      border-radius: 15rpx;
      border: 2rpx solid rgba(0, 0, 0, 0.15);
      padding-left: 30.77rpx;
      padding-right: 30.77rpx;
   }

   /deep/.uni-select__selector {
      width: calc(461rpx) !important;
      left: 15rpx;
   }

   .problem-report-page {
      padding-top: 38.46rpx;
      margin: 0 30.77rpx;
@@ -338,5 +421,7 @@
         color: #FFFFFF;
         cursor: pointer;
      }


   }
</style>