jufubao-takeorder 1.0.1 → 1.0.2-beta10

package/src/components/JfbTakeorderOrderDetail/JfbTakeorderOrderDetailLess.less

@@ -0,0 +1,80 @@
+/**
+* @desc 获取绝对路径完整地址
+* @param @path
+**/
+//例如：https://image.jufubao.cn/20220501010108/image/bg/default_gonghui_bg.png
+@basePath: 'business/';
+@doMain: '//sandbox-img.jufubao.cn/';
+
+.getBusinessImageUrl(@path, @size: 'size8') {
+  @url: "@{doMain}@{basePath}@{path}?x-oss-process=style/@{size}";
+  background-image: url(@url);
+}
+
+//start
+.jfb-takeorder-order-detail {
+  box-sizing: border-box;
+
+  &__body{
+      position: relative;
+      overflow: hidden;
+      z-index: 2
+  }
+
+  &.editx,&.editx:hover {
+    position: relative;
+    min-height: unit(100, rpx);
+    z-index: 3;
+    &::after {
+      border: 2rpx dashed blue;
+      content: " ";
+      position: absolute;
+      top:0;
+      left:0;
+      bottom:0;
+      right:0;
+      z-index: var(--preview-z-index);
+      cursor: pointer;
+    }
+
+  }
+
+
+  &__edit {
+    cursor: pointer;
+    position: absolute;
+    right: unit(0, rpx);
+    top: unit(0, rpx);
+    height: unit(50, rpx);
+    z-index: 100;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: rgba(0, 0, 0, .4);
+    border-radius: 0 0 0 20rpx;
+    box-shadow: 0 0 10px rbga(0, 0, 0, 0.3);
+    color: #fff;
+    font-size: unit(22, rpx);
+    padding: 0 6rpx 0 6px;
+
+    &-icon{
+      padding: 0 unit(20, rpx);
+    }
+
+    &.editx {
+      box-sizing: border-box;
+
+    }
+  }
+}
+//end
+
+
+/**notPreview**/
+.jfb-takeorder-order-detail {
+  //&:before {
+    //content: " ";
+    //display: table;
+  //}
+}
+/**endNotPreview**/

package/src/components/JfbTakeorderOrderDetail/JfbTakeorderOrderDetailMixin.js

@@ -0,0 +1,30 @@
+'use strict';
+
+
+//@AttrImport
+import Attr from "./Attr";
+//@EndAttrImport
+
+
+export default {
+  data() {
+    return {
+      //#ifdef H5
+      
+      //@AttrData
+      Attr:{}, //对外开发编辑属性
+      //@EndAttrData
+      
+      // #endif
+      cssRoot: 'jfb-takeorder-order-detail'
+    }
+  },
+  created() {
+    
+    //@AttrDataCreated
+    this.Attr = this.$xdUniHelper.customClone(Attr);
+    //@EndAttrDataCreated
+    
+
+  },
+}

package/src/components/JfbTakeorderOrderDetail/Mock.js

@@ -0,0 +1,13 @@
+'use strict';
+
+module.exports = {
+  getTakeorderOrderDetail: { "id": 80, "order_id": "h866697758749884417", "shop_name": "星巴克(平谷国泰店)", "shop_address": "平谷区文化北街13号国泰商场一层", "brand_name": "星巴克", "province_name": "平谷区", "market_amount": 525, "suggest_min_quotation": 116, "suggest_max_quotation": 171, "rest_quotation_time": 259, "rest_receive_time": 0, "rest_report_time": 0, "buyer_phone_number": "18232189788", "receive_user_settle_amount": 100, "quotation_person_count": 0, "user_quotation": 0, "order_status": "quoting", "user_quotation_status": "wait_quote", "product_list": [{ "product_name": "星巴克经典咖啡", "product_sku_name": "大杯\/特别热\/经典糖\/标准\/全脂牛奶", "product_thumb": "https:\/\/www.shuomingshu.cn\/wp-content\/uploads\/images\/2023\/01\/07\/dc0bdf6bfedb4038911ec6550fd31d62_5t1vcuagbok.jpg", "product_num": 5, "market_price": 382, "suggest_min_quotation": 23, "suggest_max_quotation": 34, "user_quotation": 0 }], "product_total": 5, "report_voucher_list": [], "request_id": "dd0ae89273941292" },
+  createQuotation: {},
+  cancelQuotation: {},
+  updateQuotation: {},
+  discardOrder: {},
+  acceptOrder: {},
+  reportOrder: {},
+  imageRecognition: {},
+  getImagePreview: {}
+}

package/src/components/JfbTakeorderOrderDetail/components/CusEditQuote.vue

@@ -0,0 +1,150 @@
+<template>
+  <view class="dialog">
+    <view class="dialog-body">
+      <view class="dialog-title">修改报价</view>
+      <view class="current-quote"> 当前报价：¥{{ $xdUniHelper.divisionFloatNumber(info.user_quotation,100) }} </view>
+      <!-- 报价输入框（带¥前缀） -->
+      <view class="quote-input">
+        <view class="quote-input-unit">¥</view>
+        <input v-model="quotePrice" placeholder="请输入单张报价金额" />
+      </view>
+      <!-- 建议报价 -->
+      <view class="suggest-wrap">
+        建议报价：
+        <text :style="{ color: mainColor }" class="suggest-range"
+          >¥{{ $xdUniHelper.divisionFloatNumber(info.suggest_min_quotation,100) }} ~ ¥{{ $xdUniHelper.divisionFloatNumber(info.suggest_max_quotation,100) }}</text
+        >
+      </view>
+      <!-- 备注说明 -->
+      <view class="note-text">
+        注：修改报价不能高于当前报价，修改成功后按照最新价格参与报价，中标后将按您修改过后的价格为您结算
+      </view>
+      <view class="btn-wrap">
+        <XdButton
+          width="180rpx"
+          size="small"
+          bgColor="#EEE"
+          color="#999"
+          type="primary"
+          @click="handleClose"
+          >再想想</XdButton
+        >
+        <XdButton
+          width="180rpx"
+          size="small"
+          type="primary"
+          @click="handleConfirm"
+          >确定</XdButton
+        >
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import XdButton from "@/components/XdButton/XdButton";
+export default {
+  name: "CusEditQuote",
+  components: { XdButton },
+  props: {
+    mainColor: {
+      type: String,
+      default: "",
+    },
+    info: {
+      type: Object,
+      default: () => {},
+    },
+  },
+  data() {
+    return {
+      quotePrice: "",
+    };
+  },
+  methods: {
+    handleClose() {
+      this.$emit("close");
+    },
+    handleConfirm() {
+      this.$emit("confirm", this.quotePrice);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.dialog {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 9999;
+  background: rgba(0, 0, 0, 0.5);
+  &-body {
+    background: #fff;
+    border-radius: 16rpx;
+    width: 80%;
+    margin: 0 auto;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+  &-title {
+    color: #666666;
+    font-size: 28rpx;
+    padding: 32rpx 0;
+    text-align: center;
+    border-bottom: 2rpx solid #f8f8f8;
+  }
+}
+
+/* 当前报价 */
+.current-quote {
+  font-size: 28rpx;
+  color: #333;
+  padding: 32rpx 0 16rpx 64rpx;
+}
+.quote {
+  &-input {
+    position: relative;
+    padding: 0 64rpx 16rpx 64rpx;
+    &-unit {
+      position: absolute;
+      left: 80rpx;
+      top: 50%;
+      transform: translateY(-80%);
+      font-size: 28rpx;
+      color: #333;
+      font-weight: 700;
+    }
+    & > input {
+      background: #f8f8f8;
+      font-size: 28rpx;
+      padding: 20rpx 46rpx 20rpx 60rpx;
+      border-radius: 16rpx;
+    }
+  }
+}
+
+/* 建议报价 */
+.suggest-wrap {
+  font-size: 26rpx;
+  padding: 0 64rpx 16rpx 64rpx;
+  color: #333;
+}
+
+/* 备注说明 */
+.note-text {
+  font-size: 24rpx;
+  color: #999;
+  padding: 0 64rpx 24rpx 64rpx;
+}
+
+.btn-wrap {
+  display: flex;
+  justify-content: space-around;
+  padding: 32rpx 0 48rpx 0
+}
+</style>

package/src/components/JfbTakeorderOrderDetail/components/products.vue

@@ -0,0 +1,141 @@
+<template>
+  <view
+    class="wrap order-info"
+    :class="{ 'no-margin-top': info.user_quotation_status === 'received' }"
+  >
+    <view class="order-info-title">
+      <view class="order-info-title-left">
+        <view>{{ info.shop_name }}</view>
+        <text>｜</text>
+        <view>{{ info.brand_name }}</view>
+      </view>
+      <view class="order-info-title-right">{{ info.province_name }}</view>
+    </view>
+    <view
+      v-for="(Pitem, Pindex) in info.product_list"
+      :key="Pindex"
+      class="order-info-product"
+    >
+      <image :src="Pitem.product_thumb"></image>
+      <view class="order-info-product-info">
+        <view class="order-info-product-info-name">{{
+          Pitem.product_name
+        }}</view>
+        <view class="order-info-product-info-sku"
+          >规格：{{ Pitem.product_sku_name }}</view
+        >
+        <view class="order-info-product-info-price">
+          <view class="order-info-product-info-price-left"
+            ><text>¥ </text>{{ $xdUniHelper.divisionFloatNumber(Pitem.suggest_min_quotation,100)
+            }}<text class="range">～</text><text>¥ </text
+            >{{ $xdUniHelper.divisionFloatNumber(Pitem.suggest_max_quotation,100) }}</view
+          >
+          <view class="order-info-product-info-price-right"
+            ><XdFontIcon
+              icon="icondanchuangguanbi_xian"
+              color="#999"
+              size="14"
+            ></XdFontIcon
+            ><view>{{ Pitem.product_num }}</view></view
+          >
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  props: {
+    info: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.wrap {
+  background: #fff;
+  margin: 16rpx;
+  border-radius: 16rpx;
+  &.no-margin-top {
+    margin-top: 0 !important;
+  }
+}
+.order-info {
+  &-title {
+    display: flex;
+    justify-content: space-between;
+    padding: 24rpx 32rpx;
+    border-bottom: 1px solid #f4f4f4;
+    &-left {
+      display: flex;
+      align-items: center;
+      font-size: 28rpx;
+    }
+    &-right {
+      font-weight: 500;
+      font-size: 28rpx;
+    }
+  }
+  &-product {
+    display: flex;
+    padding: 16rpx 32rpx;
+    border-bottom: 1px solid #f4f4f4;
+    & > image {
+      width: 180rpx;
+      height: 180rpx;
+      flex-shrink: 0;
+      border: 10rpx;
+    }
+    &-info {
+      margin-left: 24rpx;
+      font-size: 28rpx;
+      &-name {
+        .uni-max-cut(2,80);
+        margin-bottom: 10rpx;
+      }
+      &-sku {
+        font-size: 24rpx;
+        color: #999;
+      }
+      &-price {
+        margin-top: 10rpx;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        &-left {
+          color: #ff2c18;
+          font-size: 32rpx;
+          font-weight: 500;
+          & > text {
+            font-size: 24rpx;
+            margin-right: 10rpx;
+          }
+          .range {
+            margin: 0 10rpx;
+          }
+        }
+        &-right {
+          color: #999;
+          display: flex;
+          align-items: baseline;
+          & > view {
+            margin-left: 10rpx;
+          }
+        }
+      }
+    }
+  }
+}
+.other-info-item {
+  display: flex;
+  justify-content: space-between;
+  padding: 20rpx 32rpx;
+  color: #333;
+  font-size: 28rpx;
+  border-bottom: 2rpx solid #f8f8f8;
+}
+</style>

package/src/components/JfbTakeorderOrderDetail/cusAttr/advanced.js

@@ -0,0 +1,12 @@
+'use strict';
+import {
+  dataVal,
+  statusDataVal,
+  statusShow
+} from "@/utils/AttrTools";
+export default (data, gValue, gColor, oldData = {}) => {
+  return [
+    
+  ].filter(i => i)
+}
+

package/src/components/JfbTakeorderOrderDetail/cusAttr/content.js

@@ -0,0 +1,233 @@
+'use strict';
+
+import { customVal, dataVal } from "@/utils/AttrTools";
+
+export default (data, gValue, gColor, oldData = {}) => {
+  return [
+    {
+      label: '公告内容:',
+      ele: 'xd-site-news',
+      valueKey: 'notice',
+      groupKey: 'content',
+      value: data.notice || null,
+      className: 'input70',
+      setting: {
+        config: {
+          sort: true,
+          maxlen: 100,
+          action: 'aliyun',
+          size: 5,
+          tipsformet: '上传文件格式：@imageType@，不超过@size@MB.',
+          uploadType: 'aliyun',
+          type: ['jpg', 'png', 'jpeg']
+        },
+      },
+      handleCustom({ action, data }) {
+        if (data && data.params) {
+          //当一个插件中出现使用内容分类时候需要设置code值，在页面引用时候容器id + code进行拼接
+          //data.params = Object.assign({}, data.params, {code: 'g_test_id'});
+        }
+
+        //获取返回参数(场景类型名称为必填)
+        //获取返回参数(场景类型名称为必填)
+        let loading = { close() { } }
+
+        //获取显示内容
+        if (action === 'screen') {
+          XdBus.getParentApi('getOptionsSettingList')({ setting_id: 'edtix_bucket_content_tip' })
+            .then(res => {
+              loading.close();
+              data.cb(res['list'])
+            })
+            .catch(error => {
+              console.error(error);
+              loading.close();
+            });
+
+        }
+
+        //获取返回参数(广告位高度必选项)
+        if (action === 'getNewsInfo') {
+          XdBus.getParentApi('cmsGetPublishEditxContent')(data.params)
+            .then(res => {
+              loading.close()
+              data.cb({ list: res.list, selectId: res.selected })
+            })
+            .catch(error => {
+              loading.close()
+              console.error(error);
+            });
+        }
+
+        //获取产品业务线列表
+        if (action === 'namespace') {
+          XdBus.getParentApi('getOptionsNamespaces')({})
+            .then(res => {
+              loading.close()
+              data.cb(res['list'])
+            })
+            .catch(error => {
+              loading.close()
+              console.error(error);
+            });
+        }
+
+        //使用内容分类
+        if (action === 'cmsPublishEditxContent') {
+          loading = XdBus.getParentApi('loading')({});
+          XdBus.getParentApi('cmsPublishEditxContent')(data.params)
+            .then(res => {
+              console.log('cmsPublishEditxContent', res)
+              loading.close();
+              data.cb(res)
+            })
+            .catch(error => {
+              loading.close();
+              console.error(error);
+            });
+        }
+
+        //位置列表
+        if (action === 'getListPostion') {
+          loading = XdBus.getParentApi('loading')({});
+          XdBus.getParentApi('getListNewsPosition')(data.params)
+            .then(res => {
+              loading.close();
+              data.cb(res)
+            })
+            .catch(error => {
+              loading.close();
+              console.error(error);
+            });
+        }
+
+        //位置创建
+        if (action === 'addPostion') {
+          loading = XdBus.getParentApi('loading')({});
+          XdBus.getParentApi('addNewsPosition')(data.params)
+            .then(res => {
+              loading.close();
+              data.cb(true)
+            })
+            .catch(error => {
+              console.error(error);
+              loading.close();
+              data.cb(false)
+            });
+        }
+
+        //位置编辑
+        if (action === 'editPostion') {
+          loading = XdBus.getParentApi('loading')({});
+          XdBus.getParentApi('updateNewsPosition')(data.params)
+            .then(res => {
+              loading.close();
+              data.cb(true)
+            })
+            .catch(error => {
+              console.error(error);
+              loading.close();
+              data.cb(false)
+            });
+        }
+
+        //位置删除
+        if (action === 'deleltePostion') {
+          loading = XdBus.getParentApi('loading')({});
+          XdBus.getParentApi('deleteNewsPosition')(data.params)
+            .then(res => {
+              loading.close();
+              data.cb(true)
+            })
+            .catch(error => {
+              console.error(error);
+              loading.close();
+              data.cb(false)
+            });
+        }
+
+        //获取广告位内容列表
+        if (action === 'getListContent') {
+          loading = XdBus.getParentApi('loading')({});
+          XdBus.getParentApi('getListNewsContent')(data.params)
+            .then(res => {
+              loading.close();
+              data.cb(res)
+            })
+            .catch(error => {
+              loading.close();
+              console.error(error);
+            });
+        }
+
+        //广告内容创建
+        if (action === 'addContent') {
+          loading = XdBus.getParentApi('loading')({});
+          XdBus.getParentApi('addNewsContent')(data.params)
+            .then(res => {
+              loading.close();
+              data.cb(true)
+            })
+            .catch(error => {
+              console.error(error);
+              loading.close();
+              data.cb(false)
+            });
+        }
+
+        //广告内容编辑
+        if (action === 'editContent') {
+          loading = XdBus.getParentApi('loading')({});
+          XdBus.getParentApi('updateNewsContent')(data.params)
+            .then(res => {
+              loading.close();
+              data.cb(true)
+            })
+            .catch(error => {
+              console.error(error);
+              loading.close();
+              data.cb(false)
+            });
+        }
+
+        //广告内容删除
+        if (action === 'deleteContent') {
+          loading = XdBus.getParentApi('loading')({});
+          XdBus.getParentApi('deleteNewsContent')(data.params)
+            .then(res => {
+              loading.close();
+              data.cb(true)
+            })
+            .catch(error => {
+              console.error(error);
+              loading.close();
+              data.cb(false)
+            });
+        }
+
+        //内容发布
+        if (action === 'publish') {
+          loading = XdBus.getParentApi('loading')({});
+          console.log('publish', data.params)
+          XdBus.getParentApi('cmsPublishContent')(data.params)
+            .then(res => {
+              loading.close();
+              data.cb(res)
+            })
+            .catch(error => {
+              loading.close();
+              console.error(error);
+            });
+        }
+
+        //通知页面进行刷新
+        if (action === 'update') {
+          loading = XdBus.getParentApi('loading')({});
+          XdBus.getParentApi('getXdBusUpdateView')('onUpdateView', {});
+          loading.close()
+        }
+      },
+    },
+  ].filter(i => i)
+}
+

package/src/components/JfbTakeorderOrderDetail/cusAttr/style.js

@@ -0,0 +1,11 @@
+'use strict';
+import {
+  dataVal,
+  statusShow,
+  statusDataVal,
+} from "@/utils/AttrTools";
+
+export default function (data, gValue, gColor, oldData) {
+  return [].filter(i => i)
+}
+