jufubao-base 1.0.243-beta2 → 1.0.243-beta201

package/src/components/JfbBaseAfterSales/refundOrderInfo.vue

@@ -0,0 +1,150 @@
+<template>
+  <view class="order_info">
+    <view class="order_number">订单号：{{ orderNumber }}</view>
+    <view class="prod_list">
+      <view class="prod_item" v-for="(item, i) in uiList" :key="i">
+        <view class="prod_img">
+          <image :src="item.product_thumb" mode="aspectFit"></image>
+        </view>
+        <view class="prod_info">
+          <view class="prod_title">{{ item.product_name }}</view>
+          <view class="prod_number">申请数量
+            <xd-number v-if="showNumberSet" style="margin-left: 24rpx;"
+              v-model="item.product_num"
+              :max="item.product_num"
+              :min="1"
+              @change="update(item)"
+            ></xd-number>
+            <text v-else>：×{{ item.product_num }}</text>
+          </view>
+        </view>
+        <view v-if="showRadio" style="margin-left: 10rpx;">
+          <xd-radio :value="item.checked" @change="handleChangeRadio(item)"></xd-radio>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+  import XdRadio from "@/components/XdRadio/XdRadio"
+  import XdNumber from "@/components/XdNumber/XdNumber";
+  export default {
+    components: {
+      XdRadio,
+      XdNumber
+    },
+    props: {
+      list: {
+        type: Array,
+        default() {
+          return []
+        }
+      },
+      orderNumber: {
+        type: String,
+        default: ""
+      },
+      showRadio: {
+        type: Boolean,
+        default: false
+      },
+      showNumberSet: {
+        type: Boolean,
+        default: false
+      }
+    },
+    data(){
+      return {
+        uiList: []
+      }
+    },
+    watch: {
+      list: {
+        handler(val){
+          this.uiList = val;
+        },
+        deep: true
+      }
+    },
+    created(){
+      this.uiList = this.list;
+    },
+    methods: {
+      getReturnParams(){
+        if(this.showRadio){
+          return this.uiList.filter(item => item.checked);
+        }
+        return this.uiList;
+      },
+      update(){
+        let params = this.getReturnParams();
+        this.$emit("change", params);
+      },
+      handleChangeRadio(prod){
+        //单选逻辑，选中一个取消其他所有勾选状态
+        this.uiList = this.uiList.map(item => {
+          if(prod.product_id === item.product_id && prod.sku_id === item.sku_id){
+            return {...item, checked: true};
+          }
+          return {...item, checked: false};
+        })
+        // this.$set(item, "checked", !item.checked);
+        console.log(this.uiList);
+        this.update();
+      }
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  .order_info{
+    background-color: #FFFFFF;
+    margin-top: 20rpx;
+    border-radius: 16rpx;
+    font-size: 24rpx;
+    padding: 32rpx;
+    .order_number{
+      padding-bottom: 24rpx;
+      border-bottom: 1px solid #F2F2F2;
+      margin-bottom: 32rpx;
+    }
+    .prod_item{
+      display: flex;
+      align-items: center;
+      margin-bottom: 40rpx;
+      &:last-child{
+        margin-bottom: 0;
+      }
+      .prod_img{
+        width: 140rpx;
+        height: 140rpx;
+        border-radius: 16rpx;
+        background-color: #F0F0F0;
+        image{
+          width: 100%;
+          height: 100%;
+        }
+      }
+      .prod_info{
+        margin-left: 20rpx;
+        flex: 1;
+        align-self: stretch;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        .prod_title{
+          margin-bottom: 10rpx;
+          font-size: 28rpx;
+          color: #333333;
+        }
+        .prod_number{
+          color: #999999;
+          font-size: 24rpx;
+          display: flex;
+          align-items: center;
+        }
+      }
+    }
+  }
+</style>

package/src/components/JfbBaseAfterSalesDetail/Api.js

@@ -0,0 +1,41 @@
+'use strict';
+/**
+ * @description  接口配置，
+ * 在设置方法名字当时候，别忘记加上【模块名字】：After
+ * @type {*[]}
+ */
+module.exports = [
+  {
+    mapFnName: "getAfterServiceOrder",
+    path: "/aftersale/v1/service-order/get",
+    title: "服务单详情",
+    isRule: false,
+    params: {
+      service_order_id: ['服务单订单号', 'String', true],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    mapFnName: "delAfterServiceOrder",
+    path: "/aftersale/v1/service-order/del",
+    title: "删除服务单",
+    isRule: false,
+    params: {
+      service_order_id: ['服务单订单号', 'String', true],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    mapFnName: "cancelAfterServiceOrder",
+    path: "/aftersale/v1/service-order/cancel",
+    title: "服务单取消",
+    isRule: false,
+    params: {
+      service_order_id: ['服务单订单号', 'String', true],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+];

package/src/components/JfbBaseAfterSalesDetail/Attr.js

@@ -0,0 +1,25 @@
+'use strict';
+
+/**
+ * @description 当表单组件中有联动操作时候，使用方法进行返回
+ */
+export default {
+  style: [],
+  content: (data) => {
+    return [
+      {
+        label: '售后服务列表路径:',
+        ele: 'xd-select-pages-path',
+        valueKey: 'serviceListPath',
+        groupKey:'advanced',
+        placeholder: '请选择售后服务列表路径',
+        value: data['serviceListPath'] || null,
+        setting: {
+          router: XdBus.getParentApi('getPagesTree'),
+        },
+        inline: false,
+      },
+    ].filter(i=>i)
+  },
+  advanced: [],
+};