工单报备，工单详情

src/views/index/reporting.vue

@@ -3,7 +3,7 @@
     <div class="title">报备事项:</div>
     <div class="line"></div>
     <van-radio-group v-model="radio" @change="change">
-      <van-radio name="1" class="item">
+      <van-radio name="特殊情况绕路" class="item">
         特殊情况绕路
         <img
             slot="icon"
@@ -11,7 +11,7 @@
             :src="props.checked ? activeIcon : inactiveIcon"
         >
       </van-radio>
-      <van-radio name="2" class="item">
+      <van-radio name="事发地变更" class="item">
         事发地变更
         <img
             slot="icon"
@@ -19,7 +19,7 @@
             :src="props.checked ? activeIcon : inactiveIcon"
         >
       </van-radio>
-      <van-radio name="3" class="item">
+      <van-radio name="目的地变更" class="item">
         目的地变更
         <img
             slot="icon"
@@ -27,7 +27,7 @@
             :src="props.checked ? activeIcon : inactiveIcon"
         >
       </van-radio>
-      <van-radio name="4" class="item">
+      <van-radio name="其他报备" class="item">
         其他报备
         <img
             slot="icon"
@@ -36,47 +36,58 @@
         >
       </van-radio>
     </van-radio-group>
-
-    <!--    <div class="item" @click="isCheck = !isCheck">-->
-<!--      <img :src="isCheck ? require('@/assets/check.png')  :  require('@/assets/uncheck.png')" />-->
-<!--      <span>特殊情况绕路</span>-->
-<!--    </div>-->
-<!--    <div class="item">-->
-<!--      <img :src="isCheck ? require('@/assets/check.png')  :  require('@/assets/uncheck.png')" />-->
-<!--      <span>事发地变更</span>-->
-<!--    </div>-->
-<!--    <div class="item">-->
-<!--      <img :src="isCheck ? require('@/assets/check.png')  :  require('@/assets/uncheck.png')" />-->
-<!--      <span>目的地变更</span>-->
-<!--    </div>-->
-<!--    <div class="item">-->
-<!--      <img :src="isCheck ? require('@/assets/check.png')  :  require('@/assets/uncheck.png')" />-->
-<!--      <span>其他报备</span>-->
-<!--    </div>-->
-    <textarea class="multiple" id="text-input" rows="4" cols="50" placeholder="报备描述"></textarea><br>
+    <textarea class="multiple" id="text-input" rows="4" cols="50" placeholder="报备描述" v-model="decscripTxt"></textarea><br>
     <common-btn @submitClick="submit" />
   </div>
 </template>
 
 <script>
+import {orderReporting} from "@/api/order"
 import CommonBtn from "@/components/commonBtn.vue"
 export default {
   name: "reportingView",
   data(){
     return{
-      // isCheck:false,
-      radio: '1',
+      decscripTxt:'',
+      radio: '',
       activeIcon: require('@/assets/check.png'),
-      inactiveIcon: require('@/assets/uncheck.png')
+      inactiveIcon: require('@/assets/uncheck.png'),
+      queryType:'',
+      userOrderId:'',
+      orderCode:''
     }
   },
+  mounted() {
+    console.log(this.radio)
+    const urlParams = new URLSearchParams(window.location.search);
+    this.queryType = urlParams.get('queryType');
+    this.userOrderId = urlParams.get('userOrderId');
+    this.orderCode = urlParams.get('orderCode')
+  },
   methods:{
     submit(){
       console.log("提交1111111111")
+      this.goReporting();
     },
     change(e){
-      console.log("change,可以拿到选中的是哪个值",e)
+      this.radio=e
+      console.log("可以拿到选中的是哪个值",this.radio)
     },
+    async goReporting(){
+      let result = await orderReporting({
+        queryType:this.queryType,
+        userOrderId:this.userOrderId,
+        orderCode:this.orderCode,
+        reportingItem:this.radio ? this.radio : "",
+        reportingDesc:this.decscripTxt ? this.decscripTxt : ""
+      })
+      if(result.code === 200){
+        this.$toast(result.msg)
+        setTimeout(()=>{
+          window.android.sendMessage("goBack");
+        },2000)
+      }
+    }
   },
   components:{
     CommonBtn