jufubao-base 1.0.235 → 1.0.236-beta2

package/src/components/JfbBaseCardV3/JfbBaseCardV3.vue

@@ -13,12 +13,18 @@
       <view class="jfb-base-card-v3__edit-icon" @click="delEdit">删除</view>
     </view>
     <!-- #endif -->
-    <view class="jfb-base-card-v3__body">
+    <view class="jfb-base-card-v3__body" :style="{
+      '--main-color': mainColor,
+    }">
       <view class="v3_title">选择登入票券</view>
       <view v-if="loadingCardList">
         <xd-card-v2-skeleton v-for="i in 3" :key="i"></xd-card-v2-skeleton>
       </view>
       <template v-else>
+        <view v-if="show_coupon_tab==='Y'" class="show_type_tab">
+          <view class="type_item" :class="{active: show_type==='normal'}" @click="switchShowType('normal')">已绑定票券</view>
+          <view class="type_item" :class="{active: show_type==='coupon'}" @click="switchShowType('coupon')">优惠券</view>
+        </view>
         <view class="card_list" v-if="cardList.length">
           <xd-card-v2
             v-for="(item, index) in cardList"
@@ -70,6 +76,9 @@
     ],
     data() {
       return {
+        options: {},
+        show_coupon_tab: "N",
+        show_type: "normal",
         cardList: [],
         inCallback: "",
         tabIndex: 1,
@@ -103,6 +112,7 @@
     },
     methods: {
       onJfbLoad(options) {
+        this.options = options;
         let { inCallback } = options;
         if(!inCallback) this.$storage.remove("inCallback"); //作为入口
         else {
@@ -118,10 +128,32 @@
         }
         this.inCallback = inCallback || this.settings.index;
 
+        this.getList();
+      },
+      /**
+       * @description 监听事件变化
+       * @param container {object} 业务组件对象自己
+       */
+      init(container) {
+        this.cardBindPath = getContainerPropsValue(container, "content.cardBindPath", {value: ""}).value;
+        this.changeUrl = getContainerPropsValue(container, "content.changeUrl", {value: ""}).value;
+        this.detailUrl = getContainerPropsValue(container, "content.detailUrl", {value: ""}).value;
+        this.login_name = getContainerPropsValue(container, "content.login_name", "登录");
+        this.logged_name = getContainerPropsValue(container, "content.logged_name", "已登录");
+        this.isShowBuy = getContainerPropsValue(container, "content.isShowBuy", "N");
+        this.buy_name = getContainerPropsValue(container, "content.buy_name", "购买新卡");
+        this.buy_new_url = getContainerPropsValue(container,"content.buy_new_url",{value: ""}).value;
+        this.show_coupon_tab = getContainerPropsValue(container, "content.show_coupon_tab", "N");
+      },
+      getList(){
+        let options = this.options;
         let params = {is_all: 'Y'};
         if (options['jfb_business_code']) {
           params['card_business_code'] = options['jfb_business_code'];
         }
+        if(this.show_coupon_tab === 'Y'){
+          params.show_type = this.show_type;
+        }
 
         jfbRootExec("getListCardBind", {
           vm: this,
@@ -135,19 +167,8 @@
           }).filter((item) => item["is_valid"] === "Y");
         });
       },
-      /**
-       * @description 监听事件变化
-       * @param container {object} 业务组件对象自己
-       */
-      init(container) {
-        this.cardBindPath = getContainerPropsValue(container, "content.cardBindPath", {value: ""}).value;
-        this.changeUrl = getContainerPropsValue(container, "content.changeUrl", {value: ""}).value;
-        this.detailUrl = getContainerPropsValue(container, "content.detailUrl", {value: ""}).value;
-        this.login_name = getContainerPropsValue(container, "content.login_name", "登录");
-        this.logged_name = getContainerPropsValue(container, "content.logged_name", "已登录");
-        this.isShowBuy = getContainerPropsValue(container, "content.isShowBuy", "N");
-        this.buy_name = getContainerPropsValue(container, "content.buy_name", "购买新卡");
-        this.buy_new_url = getContainerPropsValue(container,"content.buy_new_url",{value: ""}).value;
+      switchShowType(type){
+        this.show_type = type;
       },
       toBindCard(){
         let path = this.getUrlCallback(this.cardBindPath)
@@ -231,6 +252,25 @@
   .jfb-base-card-v3 {
     &__body{
       padding: 0 24rpx;
+      .show_type_tab{
+        display: flex;
+        align-items: center;
+        margin-bottom: 24rpx;
+        .type_item{
+          padding: unit(5, rpx) unit(22, rpx);
+          text-align: center;
+          line-height: unit(60, rpx);
+          border-radius: unit(60, rpx);
+          color: #B8B7BE;
+          & + .type_item{
+            margin-left: unit(30, rpx);
+          }
+          &.active{
+            background-color: var(--main-color);
+            color: #FFFFFF;
+          }
+        }
+      }
       .v3_title{
         padding: 16rpx 40rpx;
         border-radius: 40rpx;

package/src/components/JfbBaseHeader/Mock.js

@@ -11,5 +11,5 @@ module.exports = {
         "street_name": "崇文街道"
     },
     "request_id": "6777935abebcfb20"
-}
+  }
 }

package/src/components/JfbBaseHeaderColumn/Api.js

@@ -0,0 +1,32 @@
+'use strict';
+/**
+ * @description  接口配置，
+ * 在设置方法名字当时候，别忘记加上【模块名字】：Header
+ * @type {*[]}
+ */
+module.exports = [
+  {
+    mapFnName: "getCityInfoByLocation",
+    title: '根据经纬度获取城市信息',
+    path: "/common/v1/region/city/get-code-by-geo",
+    isRule: false,
+    params: {
+      latitude: ['latitude', 'Number', true],
+      longitude: ['longitude', 'Number', true]
+    },
+    isConsole: true,
+    disabled: true
+  },
+  {
+    mapFnName: "getLoadingCityBaseHeaderByLocationLv4",
+    title: '根据经纬度获取城市信息',
+    path: "/common/v1/region/city/get-trans-lv4-by-geo",
+    isRule: false,
+    params: {
+      latitude: ['latitude', 'Number', true],
+      longitude: ['longitude', 'Number', true]
+    },
+    isConsole: true,
+    disabled: true
+  }
+];

package/src/components/JfbBaseHeaderColumn/Attr.js

@@ -0,0 +1,453 @@
+'use strict';
+
+/**
+ * @description 当表单组件中有联动操作时候，使用方法进行返回
+ */
+export default {
+  style: [],
+  content: (data) => {
+    return [
+      {
+        label: '',
+        ele: 'slot',
+        slot: 'is_reference_title',
+        groupKey:'advanced',
+      },
+      {
+        label: "搜索框是否可用于搜索",
+        ele: "xd-radio",
+        valueKey: "useSearch",
+        value: data.useSearch || "Y",
+        groupKey:'content',
+        list: [
+          {label: "用于搜索", value: "Y"},
+          {label: "用于跳转搜索页", value: "N"}
+        ]
+      },
+      {
+        label: "是否显示返回箭头",
+        ele: "xd-radio",
+        valueKey: "showBack",
+        groupKey:'content',
+        value: data.showBack || "Y",
+        list: [
+          {label: "显示", value: "Y"},
+          {label: "不显示", value: "N"}
+        ]
+      },
+      {
+        label: "是否显示当前定位",
+        ele: "xd-radio",
+        valueKey: "showLocation",
+        value: data.showLocation || "N",
+        groupKey:'content',
+        list: [
+          {label: "显示", value: "Y"},
+          {label: "不显示", value: "N"}
+        ]
+      },
+      {
+        label: "定位样式",
+        ele: "xd-radio",
+        valueKey: "searchBoxPosition",
+        value: data.searchBoxPosition || "out",
+        list: [
+          {label: "搜索框外", value: "out"},
+          {label: "搜索框内", value: "in"}
+        ],
+        groupKey:'content',
+        hidden: data.showLocation !== 'Y'
+      },
+      // {
+      //   label: "是否显示站点信息",
+      //   ele: "xd-radio",
+      //   valueKey: "showPartner",
+      //   value: data.showPartner || "N",
+      //   groupKey:'content',
+      //   list: [
+      //     {label: "显示", value: "Y"},
+      //     {label: "不显示", value: "N"}
+      //   ],
+      // },
+      {
+        label: "是否显示站点名称",
+        ele: "xd-radio",
+        valueKey: "showPartnerName",
+        groupKey:'content',
+        value: data.showPartnerName || "N",
+        list: [
+          {label: "显示", value: "Y"},
+          {label: "不显示", value: "N"}
+        ],
+      },
+      {
+        label: "搜索框提示文案",
+        ele: "el-input",
+        placeholder: '请输入搜索框提示文案',
+        valueKey: "placeholder",
+        groupKey:'content',
+        value: data.placeholder || '',
+        className: "input80"
+      },
+      {
+        label: '搜索框圆角',
+        ele: 'xd-site-select-list',
+        valueKey: 'searchBoxRadius',
+        value: data.searchBoxRadius || 30,
+        groupKey:'content',
+        placeholder: '请选择内容圆角设置',
+        multiple: false,
+        className: 'input80',
+        handleCustom({ action, data }) {
+          XdBus.getParentApi('getOptionsSettingList')({ setting_id: 'edtix_style_radius' })
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              console.error(error);
+            });
+        },
+      },
+      {
+        label: "放大镜位置",
+        ele: "xd-radio",
+        valueKey: "searchIconPosition",
+        value: data.searchIconPosition || "right",
+        list: [
+          {label: "靠左", value: "left"},
+          {label: "靠右", value: "right"},
+          {label: "隐藏", value: "hidden"}
+        ],
+        groupKey:'content',
+      },
+      {
+        label: "右侧是否展示搜索",
+        ele: "xd-radio",
+        valueKey: "showSearchBtn",
+        value: data.showSearchBtn,
+        list: [
+          {label: "展示", value: "Y"},
+          {label: "隐藏", value: "N"}
+        ],
+        groupKey:'content',
+      },
+      {
+        label: "搜索位置",
+        ele: "xd-radio",
+        valueKey: "searchBtnPosition",
+        value: data.searchBtnPosition || "out",
+        list: [
+          {label: "搜索框内", value: "in"},
+          {label: "搜索框外", value: "out"}
+        ],
+        groupKey:'content',
+        hidden: data.showSearchBtn !== 'Y'
+      },
+      {
+        label: "右侧搜索按钮文案自定义",
+        ele: "el-input",
+        placeholder: '请输入搜索按钮文案',
+        valueKey: "searchBtnText",
+        groupKey:'content',
+        value: data.searchBtnText || '',
+        className: "input80",
+        hidden: data.showSearchBtn !== 'Y'
+      },
+      {
+        label: "搜索按钮背景颜色",
+        ele: "xd-color",
+        placeholder: '请输入搜索按钮背景颜色',
+        valueKey: "searchBtnBgColor",
+        groupKey:'content',
+        value: data.searchBtnBgColor || '',
+        hidden: data.showSearchBtn !== 'Y'
+      },
+      {
+        label: "搜索按钮文字颜色",
+        ele: "xd-color",
+        placeholder: '请输入搜索按钮文字颜色',
+        valueKey: "searchBtnTextColor",
+        groupKey:'content',
+        value: data.searchBtnTextColor || '',
+        hidden: data.showSearchBtn !== 'Y'
+      },
+      {
+        label: "搜索按钮圆角",
+        ele: 'xd-site-select-list',
+        valueKey: 'searchBtnRadius',
+        value: data.searchBtnRadius || 0,
+        groupKey:'content',
+        placeholder: '请选择内容圆角设置',
+        multiple: false,
+        className: 'input80',
+        handleCustom({ action, data }) {
+          XdBus.getParentApi('getOptionsSettingList')({ setting_id: 'edtix_style_radius' })
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              console.error(error);
+            });
+        },
+        hidden: data.showSearchBtn !== 'Y'
+      },
+      {
+        label: '背景颜色:',
+        ele: 'xd-color',
+        valueKey: 'backgroundColor',
+        value: data.backgroundColor || '',
+        placeholder: '请选择背景颜色',
+        classNmae: 'input80',
+        groupKey:'style',
+      },
+      {
+        label: "底部边框设置:",
+        ele: "xd-border",
+        valueKey: "bottomBorder",
+        value: data['bottomBorder'] || {},
+        className: 'input80',
+        groupKey: 'style',
+      },
+      {
+        label: "站点信息展示位置:",
+        ele: "xd-radio",
+        valueKey: "sitePosition",
+        value: data.sitePosition || "flex-start",
+        list: [
+          {label: "靠左", value: "flex-start"},
+          {label: "居中", value: "center"},
+          {label: "靠右", value: "flex-end"}
+        ],
+        groupKey:'style',
+      },
+      {
+        ele: 'title',
+        label: '定位功能样式设置',
+        size: 'small',
+        groupKey:'style',
+      },
+      {
+        label: '文字颜色:',
+        ele: 'xd-color',
+        valueKey: 'textColor',
+        value: data.textColor || '',
+        placeholder: '请选择文字颜色',
+        classNmae: 'input80',
+        groupKey:'style',
+      },
+      data.showLocation==='Y'&&{
+        label: 'ICON:',
+        ele: 'el-input',
+        type: 'text',
+        groupKey:'style',
+        valueKey: 'locationIcon',
+        value: data['locationIcon'] || '',
+        placeholder: '请输入定位ICON',
+        className: 'input80',
+      },
+      data.showLocation==='Y'&&{
+        label: '背景颜色:',
+        ele: 'xd-color',
+        groupKey:'style',
+        valueKey: 'locationBackgroundColor',
+        value: data.locationBackgroundColor || '',
+        placeholder: '请选择定位背景颜色',
+        classNmae: 'input80',
+      },
+      {
+        ele: 'title',
+        label: '搜索框样式设置',
+        size: 'small',
+        groupKey:'style',
+      },
+      {
+        label: 'ICON:',
+        ele: 'el-input',
+        type: 'text',
+        valueKey: 'icon',
+        groupKey:'style',
+        value: data['icon'] || '',
+        placeholder: '请输入ICON',
+        className: 'input80',
+      },
+      {
+        label: 'ICON颜色:',
+        ele: 'xd-color',
+        valueKey: 'iconColor',
+        value: data.iconColor || '',
+        groupKey:'style',
+        placeholder: '请选择ICON颜色',
+        classNmae: 'input80',
+      },
+      {
+        label: '背景颜色:',
+        ele: 'xd-color',
+        valueKey: 'inputBackgroundColor',
+        value: data['inputBackgroundColor'] || '',
+        groupKey:'style',
+        placeholder: '请选择背景颜色',
+        className: 'input80',
+      },
+      {
+        label: '输入框文字颜色:',
+        ele: 'xd-color',
+        valueKey: 'inputTextColor',
+        groupKey:'style',
+        value: data['inputTextColor'] || '',
+        placeholder: '请选择输入框文字颜色',
+        className: 'input80',
+      },
+      {
+        label: "输入框边框设置:",
+        ele: "xd-border",
+        valueKey: "inputBorder",
+        value: data['inputBorder'] || {},
+        className: 'input80',
+        groupKey: 'style',
+      },
+      {
+        ele: 'title',
+        label: '边框设置',
+        size: 'small',
+        groupKey:'style',
+        hidden: true,
+      },
+      {
+        label: "是否展示快捷入口",
+        ele: "xd-radio",
+        valueKey: "showQuickEntry",
+        value: data.showQuickEntry || "N",
+        list: [
+          {label: "不显示", value: "N"},
+          {label: "显示", value: "Y"}
+        ],
+        groupKey:'content',
+      },
+      data.showQuickEntry==='Y'&&{
+        label: "快捷入口类型",
+        ele: "xd-radio",
+        valueKey: "quickEntryType",
+        value: data.quickEntryType || "service",
+        list: [
+          {label: "联系客服", value: "service"},
+        ],
+        notice:'<div style="color:red">客服功能仅在小程序下生效</div>',
+        groupKey:'content',
+      },
+      data.showQuickEntry==='Y'&&{
+        ele: 'title',
+        label: '快捷入口功能样式设置',
+        size: 'small',
+        groupKey:'style',
+      },
+      data.showQuickEntry==='Y'&&{
+        label: '文字颜色:',
+        ele: 'xd-color',
+        valueKey: 'quickTextColor',
+        value: data.quickTextColor || '',
+        placeholder: '请选择文字颜色',
+        classNmae: 'input80',
+        groupKey:'style',
+      },
+      data.showQuickEntry==='Y'&&{
+        label: 'ICON:',
+        ele: 'el-input',
+        type: 'text',
+        groupKey:'style',
+        valueKey: 'quickIcon',
+        value: data['quickIcon'] || '',
+        placeholder: '请输入快捷入口ICON',
+        className: 'input80',
+      },
+      data.showQuickEntry==='Y'&&{
+        label: '背景颜色:',
+        ele: 'xd-color',
+        groupKey:'style',
+        valueKey: 'quickBackgroundColor',
+        value: data.quickBackgroundColor || '',
+        placeholder: '请选择快捷入口背景颜色',
+        classNmae: 'input80',
+      },
+      {
+        label: '是否有边框:',
+        ele: 'xd-radio',
+        valueKey: 'is_border',
+        groupKey:'style',
+        value: data['is_border'] || 'N',
+        placeholder: '请选择是否有边框',
+        multiple: false,
+        className: 'input80',
+        list: [
+          {label: '是', value: 'Y'},
+          {label: '否', value: 'N'},
+        ],
+        hidden: true,
+      },
+      data['is_border'] === 'Y' && {
+        label: '边框颜色:',
+        ele: 'xd-color',
+        valueKey: 'is_border_c',
+        groupKey:'style',
+        value: data['is_border_c'] || '',
+        placeholder: '请选择边框颜色',
+        classNmae: 'input80',
+        hidden: true,
+      },
+      data['is_border'] === 'Y' && {
+        label: '边框大小:',
+        ele: 'el-input',
+        type: 'number',
+        groupKey:'style',
+        valueKey: 'is_border_w',
+        value: data['is_border_w'] || '',
+        placeholder: '请输入边框颜色',
+        className: 'input80',
+        hidden: true,
+      },
+      {
+        label: '搜索页面链接:',
+        ele: 'xd-select-pages-path',
+        valueKey: 'searchPagePath',
+        value: data['searchPagePath'] || {},
+        setting: {
+          router: XdBus.getParentApi('getPagesTree')
+        },
+        groupKey:'advanced',
+        inline:false,
+        notice:'搜索框“<span style="color:red">用于跳转搜索页</span>”时候生效',
+      },
+      {
+        label: '城市选择链接:',
+        ele: 'xd-select-pages-path',
+        valueKey: 'choseCityPath',
+        groupKey:'advanced',
+        placeholder: '选择城市选择链接',
+        value: data['choseCityPath'] || null,
+        setting: {
+          router: XdBus.getParentApi('getPagesTree'),
+        },
+        inline: false,
+      },
+      {
+        label: '快捷入口链接:',
+        ele: 'xd-select-pages-path',
+        valueKey: 'quickEntryPath',
+        groupKey:'advanced',
+        placeholder: '选择快捷入口链接',
+        value: data['quickEntryPath'] || null,
+        setting: {
+          router: XdBus.getParentApi('getPagesTree'),
+        },
+        notice:'<div><span style="color:red">客服类型</span>不需要配置</div>',
+        inline: false,
+      },
+      {
+        label: '',
+        ele: 'slot',
+        slot: 'is_reference',
+        groupKey:'advanced',
+      },
+    ].filter(i=>i)
+  },
+  advanced: [],
+};