车辆类型服务优化，培训文档详情

src/views/documentView/trainDocment.vue

@@ -11,7 +11,7 @@
     >
       <template slot="title">
          <div v-show="!show">培训文档</div>
-         <van-field v-model="keyword" placeholder="请输入关键词" v-show="show"   @keyup.enter="getList"/>
+         <van-field v-model="keyword" placeholder="请输入关键词" v-show="show"   @input="getList"/>
       </template>
       <template slot="right">
         <div class="rightWrap" @click="show = !show">
@@ -24,7 +24,7 @@
 
   <div class="contentWrap" v-show="!showEmpty">
     <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
-      <div class="itemWrap" v-for="(item,index) in  pageList" :key="index">
+      <div class="itemWrap" v-for="(item,index) in  pageList" :key="index" @click="goH5Detail(item)">
         <div class="info flexBetween common">
           <div class="title">{{ item.pushUser }}</div>
           <div class="time">{{ item.pushTime }}</div>
@@ -42,7 +42,6 @@
           </div>
         </div>
       </div>
-
     </van-pull-refresh>
 </div>
   <div class="empty" style="display: flex;justify-content: center;align-items: center;height:calc(100% - 46px);background-color: #FAFAFA" v-show="showEmpty">
@@ -67,16 +66,23 @@ export default {
       keyword:'',
       show:false,
       showEmpty:false,
-      isLoading:false
+      isLoading:false,
+      userId:'',
+      supplierId:''
     }
   },
   mounted() {
+    const urlParams = new URLSearchParams(window.location.search);
+    this.supplierId = urlParams.get('supplierId');
+    this.userId = urlParams.get('userId');
     this.getList();
   },
   methods:{
-    // handleEnterKey() {
-    //   this.getList()
-    // },
+    goH5Detail(item){
+      // let url =  (process.env.NODE_ENV === 'production' ? 'http://crm1.sino-assist.com': 'http://www.sinoassist.com'),
+      // console.log(item)
+      window.location.href = `http://crm1.sino-assist.com/res/training/training.html?id=${item.id}&source=supplierApp&supplierId=${this.supplierId}&userId=${this.userId}`;
+    },
     onRefresh() {
       this.getList()
       setTimeout(() => {

src/views/index/vehicleAdd.vue

@@ -61,7 +61,7 @@
     <div class="trailerService" v-for="(item,index) in supplierServiceList" :key="index">
       <div class="serviceline"  @click="loadAll(index)">
         <img  :ref="'serviceline' + index" :src="imageUrl" style="width: 20px;height: 15px" >
-        <span  class="service" style="width: 88px;">{{ item.name }}:</span>
+        <span  class="service">{{ item.name }}:</span>
         <span class="line"></span>
       </div>
       <div :ref="'checkboxGroup' + index"  class="checkbox-group">
@@ -267,10 +267,11 @@ export default {
       opacity: .7;
       color: #323643;
       line-height: 18px;
+      white-space: nowrap;
     }
     .line{
       display: inline-block;
-      @include wh(246px,2px);
+      @include wh(240px,2px);
       opacity: 0.16;
       border-bottom: 1px solid;
       border-image: linear-gradient(270deg, rgba(217, 217, 217, 0.6), rgba(178, 178, 178, 1), rgba(178, 178, 178, 1), rgba(217, 217, 217, 0.6)) 1 1;