修改分单样式问题

src/views/main/BookingLedger/detail/index.vue

@@ -5,6 +5,7 @@
       :class="!Showtabs ? 'Showtabs' : ''"
       :tabBarStyle="tabBarStyle"
       :activeKey="tabActiveKey"
+      :animated="Object.keys($refs).includes('sedOrder') ? false : true"
       @change="changeTab"
     >
       <a-tab-pane key="1" tab="主单信息">
@@ -710,6 +711,7 @@ export default {
             delete item.id
           })
         }
+        // debugger
         if (res.data.hbList && res.data.hbList.length > 0) {
           this.Showtabs = true
         }
@@ -1065,7 +1067,7 @@ export default {
       this.tabActiveKey = e
       setTimeout(() => {
         _this.$refs.sedOrder.init(_this.bookingDetails.hbList)
-      }, 200)
+      }, 100)
     },
     // 新增
     addSedList() {
@@ -1232,4 +1234,10 @@ export default {
 </script>
 <style lang="less" scoped>
 @import url('./style/index.less');
+.Showtabs {
+    /deep/ .ant-tabs-top-bar {
+      display: none !important;
+    }
+  }
+
 </style>

src/views/main/BookingLedger/detail/modules/basicInfo.vue

@@ -953,7 +953,7 @@ export default {
       console.log('=== 获取到选择数据 ===', type, res)
       if (type === 'customername') {
         this.details.customername = res.shortName || ''
-        this.details.customerid = res.id || ''
+        this.details.customerid = res.codeName || ''
         if (res.op) {
           this.details.op = res.op
           this.details.opid = res.opid

src/views/main/BookingLedger/detail/modules/rightContent.vue

@@ -34,8 +34,8 @@
           class="items"
           v-for="(serive, sindex) in bookingServiceItem"
           :key="sindex"
-          :class="{ active: locaService.includes(serive.name) }"
-          @click="saveService(serive.name)"
+          :class="{ active: locaService.includes(serive.code) }"
+          @click="saveService(serive)"
         >
           {{ serive.name }}
         </div>
@@ -297,7 +297,8 @@ export default {
       attachName: '',
       attachCode: '',
       locaService: [],
-      editRemarkVal: null
+      editRemarkVal: null,
+      serviceData: []
     }
   },
   created() {
@@ -331,29 +332,22 @@ export default {
       this.getBookingLog()
       this.getLog()
       this.getLocal()
-      // this.getServiceItem()
+    },
+    getLocal() {
+      this.bookingAttachType = this.$options.filters['dictData']('booking_attach_type')
+      this.bookingServiceItem = this.$options.filters['dictData']('booking_service_item')
+      // 获取服务历史记录 - 需要替换
       let items = null
       if (window.localStorage.getItem('locaService')) {
         items = JSON.parse(window.localStorage.getItem('locaService'))[this.id]
       }
       this.locaService = items || []
-    },
-    getLocal() {
-      this.bookingServiceItem = this.$options.filters['dictData']('booking_service_item')
-      console.log('== 服务项目 ==', this.bookingServiceItem)
-      this.bookingAttachType = this.$options.filters['dictData']('booking_attach_type')
-    },
-    getServiceItem () {
-      GetServiceItemList({
-        bookingId: this.id
+      this.bookingServiceItem.map((item, index) => {
+        if (this.locaService.includes(item.code)) {
+          this.serviceData.push(item)
+        }
       })
-        .then(res => {
-          debugger
-          if (res.success) { }
-        })
-        .catch((err) => {
-          console.log(err)
-        })
+      console.log('== 服务项目 ==', this.bookingServiceItem, this.serviceData)
     },
     // 校验
     checkFun() {
@@ -573,16 +567,35 @@ export default {
       this.logList[index].showMore = !this.logList[index].showMore
       this.$forceUpdate()
     },
-    saveService(name) {
-      if (!this.locaService.includes(name)) {
-        this.locaService.push(name)
+    saveService(data) {
+      if (!this.locaService.includes(data.code)) {
+        this.locaService.push(data.code)
+        this.serviceData.push(data)
       } else {
-        this.locaService.splice(this.locaService.indexOf(name), 1)
+        const index = this.locaService.indexOf(data.code)
+        this.locaService.splice(index, 1)
+        this.serviceData.splice(index, 1)
       }
-      const value = {}
-      this.$set(value, this.id, this.locaService)
-      window.localStorage.setItem('locaService', JSON.stringify(value))
-    }
+      console.log('== 修改服务 ==', this.locaService, this.serviceData)
+      this.saveServiceItem()
+      // const value = {}
+      // this.$set(value, this.id, this.locaService)
+      // window.localStorage.setItem('locaService', JSON.stringify(value))
+    },
+    saveServiceItem () {
+      SaveServiceItem({
+        bookingId: this.id,
+        item: this.serviceData
+      })
+        .then(res => {
+          if (res.success) {
+            console.log('== 服务项目设置成功 ==')
+          }
+        })
+        .catch((err) => {
+          console.log(err)
+        })
+    },
   }
 }
 </script>

src/views/main/BookingLedger/detail/modules/selectView.vue

@@ -8,7 +8,7 @@
       :allowClear="true"
       :filter-option="!this.openSearch ? filterOption : false"
       :dropdownMatchSelectWidth="false"
-      :showArrow="!this.openSearch ? true : false"
+      :showArrow="!this.openSearch ? true : true"
       optionLabelProp="label"
       :notFoundContent="inLoading ? '加载中...' : '暂无数据'"
       @focus="getSelectFirst"

src/views/main/BookingLedger/detail/style/index.less

@@ -1,8 +1,4 @@
-.Showtabs {
-    > .ant-tabs-top-bar {
-      display: none;
-    }
-  }
+
   
   .base-tit {
     font-size: 14px;