jufubao-base 1.0.116-beta3 → 1.0.116-beta4

package/src/components/JfbBaseSassPhoneCollect/Attr.js

@@ -0,0 +1,438 @@
+'use strict';
+
+/**
+ * @description 当表单组件中有联动操作时候，使用方法进行返回
+ */
+export default {
+  style: [],
+  content: [
+    {
+      label: '隐私政策:',
+      ele: 'xd-site-news',
+      valueKey: 'notice',
+      value: {type: 'privacy'},
+      className: 'input70',
+      setting: {
+        type: 'privacy',
+        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: 'privacy_privacy'});
+        }
+
+        //获取返回参数(场景类型名称为必填)
+        let loading = XdBus.getParentApi('loading')({});
+
+        //获取显示内容
+        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') {
+          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') {
+          XdBus.getParentApi('getListNewsPosition')(data.params)
+            .then(res => {
+              loading.close();
+              data.cb(res)
+            })
+            .catch(error => {
+              loading.close();
+              console.error(error);
+            });
+        }
+
+        //位置创建
+        if (action === 'addPostion') {
+          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') {
+          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') {
+          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') {
+          XdBus.getParentApi('getListNewsContent')(data.params)
+            .then(res => {
+              loading.close();
+              data.cb(res)
+            })
+            .catch(error => {
+              loading.close();
+              console.error(error);
+            });
+        }
+
+        //广告内容创建
+        if (action === 'addContent') {
+          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') {
+          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') {
+          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') {
+          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') {
+          XdBus.getParentApi('getXdBusUpdateView')('onUpdateView', {});
+          loading.close()
+        }
+      },
+      inline: false,
+      notice: '',
+    },
+    {
+      label: '用户服务协议:',
+      ele: 'xd-site-news',
+      valueKey: 'notices',
+      value: {type: 'privacy'},
+      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: 'privacy_service'});
+        }
+
+        //获取返回参数(场景类型名称为必填)
+        let loading = XdBus.getParentApi('loading')({});
+
+        //获取显示内容
+        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') {
+          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') {
+          XdBus.getParentApi('getListNewsPosition')(data.params)
+            .then(res => {
+              loading.close();
+              data.cb(res)
+            })
+            .catch(error => {
+              loading.close();
+              console.error(error);
+            });
+        }
+
+        //位置创建
+        if (action === 'addPostion') {
+          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') {
+          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') {
+          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') {
+          XdBus.getParentApi('getListNewsContent')(data.params)
+            .then(res => {
+              loading.close();
+              data.cb(res)
+            })
+            .catch(error => {
+              loading.close();
+              console.error(error);
+            });
+        }
+
+        //广告内容创建
+        if (action === 'addContent') {
+          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') {
+          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') {
+          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') {
+          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') {
+          XdBus.getParentApi('getXdBusUpdateView')('onUpdateView', {});
+          loading.close()
+        }
+      },
+      inline: false,
+      notice: '',
+    },
+  ],
+  advanced: [],
+};

package/src/components/JfbBaseSassPhoneCollect/JfbBaseSassPhoneCollect.vue

@@ -0,0 +1,266 @@
+<template>
+  <view
+    class="jfb-base-sass-phone-collect"
+    @click="handleEditxSelect"
+    :class="{ editx : isEditx && active }"
+  >
+    <!--#ifdef H5-->
+    <view
+      class="jfb-base-sass-phone-collect__edit"
+      :class="{ editx : isEditx && active }"
+      v-if="isEditx && active"
+    >
+      <view class="jfb-base-sass-phone-collect__edit-icon" @click="delEdit">删除</view>
+    </view>
+    <!-- #endif -->
+    <view class="jfb-base-sass-phone-collect__body">
+      <view class="panel-login-password">
+        <xd-form
+          label-width="128"
+          style="margin-top: 40rpx"
+          label-align="right"
+          content-align="left"
+          :border="true"
+        >
+          <xd-form-item label="手机号" content-align="left">
+            <xd-form-input
+              v-model="accountForm.phone_number"
+              placeholder="请输入11位手机号"
+            />
+          </xd-form-item>
+          <xd-form-item label="验证码" content-align="left">
+            <view class="flex align-center">
+              <xd-form-input
+                v-model="accountForm.verification_code"
+                placeholder="请输入验证码"
+              />
+              <view
+                class="get_code"
+                @click="reGetCode"
+                :style="{ color: mainColor }"
+                >{{ jfbTimeer ? jfbTimeer + "秒后获取" : "获取验证码" }}</view
+              >
+            </view>
+          </xd-form-item>
+        </xd-form>
+        <view class="form-group" style="padding-bottom: 0">
+          <xd-form-checkbox
+            class="xd-form-checkbox"
+            v-model="panel_1_checked"
+            mode="default"
+            multiple
+            :localdata="[{ value: 1, text: '登录即同意《隐私政策》《用户服务协议》' },]"
+          >
+            <template slot="a1">
+              <view>
+                <text>请阅读并同意</text>
+                <text @click.stop="handlePrivacy('privacy_privacy')" :style="{color: mainColor}">《隐私政策》</text>
+                <text @click.stop="handlePrivacy('privacy_service')" :style="{color: mainColor}">《用户服务协议》</text>
+              </view>
+            </template>
+          </xd-form-checkbox>
+        </view>
+        <view class="form-group">
+          <xd-button
+            style="flex: 1"
+            type="primary"
+            radius="10rpx"
+            :disabled="!panelIsChecked"
+            @click="doLoginForm"
+            >登录</xd-button
+          >
+        </view>
+        <view
+          class="jump_collect"
+          @click="jumpCollect"
+        >跳过</view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+  import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
+  import { jfbRootExec } from "@/utils/xd.event";
+  import componentsMixins from "@/mixins/componentsMixins";
+  import extsMixins from "@/mixins/extsMixins";
+  import { getContainerPropsValue } from "@/utils/xd.base";
+  import XdFormItem from "@/components/XdFormItem/XdFormItem";
+  import XdForm from "@/components/XdForm/XdForm";
+  import XdFormInput from "@/components/XdFormInput/XdFormInput";
+  import XdButton from "@/components/XdButton/XdButton";
+  import XdFormCheckbox from "@/components/XdFormCheckbox/XdFormCheckbox";
+  import JfbBaseSassPhoneCollectMixin from "./JfbBaseSassPhoneCollectMixin";
+  export default {
+    name: "JfbBaseSassPhoneCollect",
+    components: {
+      XdFontIcon,
+      XdFormItem,
+      XdForm,
+      XdFormInput,
+      XdButton,
+      XdFormCheckbox,
+    },
+    mixins: [
+      componentsMixins, extsMixins, JfbBaseSassPhoneCollectMixin
+    ],
+    data() {
+      return {
+        panel_1_checked: "",
+        accountForm: {
+          phone_number: "",
+          verification_code: "",
+        },
+        jfbTimeer: 0,
+        interval: null,
+        provider_id: "",
+        callback_url: "",
+        //todo
+      }
+    },
+    computed: {
+      panelIsChecked() {
+        return this.panel_1_checked.includes(1);
+      },
+      "accountForm.verification_code"(value) {
+        if (value && value.length >= 8 && value.length % 2 === 0) {
+          let start = value.slice(0, value.length / 2);
+          let end = value.slice(value.length / 2);
+          if (start === end) {
+            this.accountForm.verification_code = start;
+          }
+        }
+      }
+    },
+    watch: {
+      container(value) {
+        this.init(value)
+      }
+    },
+    created() {
+      this.init(this.container);
+
+      //todo
+    },
+    methods: {
+      onJfbLoad(options) {
+        this.provider_id = options.provider_id;
+        this.callback_url = options.callback_url;
+      },
+      /**
+       * @description 监听事件变化
+       * @param container {object} 业务组件对象自己
+       */
+      init(container) {
+
+      },
+      handlePrivacy(code) {
+        let params = `page_id=${this.pageAttr["page_id"]}`;
+        params = `${params}&container_id=${this.containerId}${code}`;
+        this.$xdUniHelper.navigateTo({
+          url: `/pages/content/content?${params}`
+        })
+      },
+      reGetCode() {
+        this.$xdLog.setProject('get.code.handle', {
+          time: this.time,
+          jfbTimeer: this.jfbTimeer
+        });
+        if (this.jfbTimeer > 0) return;
+        const { phone_number } = this.accountForm;
+        if (!/^1[3-9]\d{9}$/.test(phone_number)) {
+          uni.showToast({
+            title: "请填写正确的手机号",
+            icon: "none",
+          });
+          return false;
+        }
+        this.$xdShowLoading({})
+        console.log("jfbRootExec: sendMsg");
+        jfbRootExec("sendMsg", {
+          vm: this,
+          data: {
+            phone_number,
+            biz_name: "login",
+          },
+        }).then((res) => {
+          this.$xdHideLoading()
+          this.jfbTimeer = 120;
+          this.interval = setInterval(() => {
+            this.jfbTimeer--;
+            if (this.jfbTimeer == 0) {
+              clearTimeout(this.interval);
+            }
+          }, 1000);
+        }).catch((err) => {
+          this.$xdHideLoading();
+          this.$xdLog.catch(err)
+        });
+      },
+      jumpCollect(){
+        let { callback_url } = this;
+        if (callback_url) callback_url = decodeURIComponent(callback_url);
+        this.$xdUniHelper.redirectTo({
+          url: callback_url || this.settings.index,
+        });
+      },
+      doLoginForm() {
+        const { provider_id } = this;
+        const { phone_number, verification_code } = this.accountForm;
+        if (!phone_number || !verification_code) return uni.showToast({ title: "手机号跟验证码不能为空", icon: "none" });
+
+        this.$xdShowLoading({})
+        jfbRootExec("phoneCollect", {
+          vm: this,
+          data: {
+            provider_id,
+            phone_number,
+            verification_code,
+          },
+        }).then((res) => {
+          this.$xdHideLoading()
+          let { callback_url } = this;
+          if (callback_url) callback_url = decodeURIComponent(callback_url);
+          this.$xdUniHelper.redirectTo({
+            url: callback_url || this.settings.index,
+          });
+        }).catch(error => {
+          this.$xdHideLoading()
+          this.$xdLog.catch(error)
+        });
+      },
+      onJfbScroll(options) {
+        
+      },
+      onJfbReachBottom(options) {
+        console.log('event.onJfbReachBottom', options)
+      },
+      onJfbShow(options) {
+        console.log('event.onJfbShow', options)
+      },
+      onJfbHide(options) {
+        console.log('event.onJfbHide', options)
+      },
+      onJfbBack(options) {
+        this.$xdUniHelper.navigateBack();
+      },
+      onJfbUpdate(...data) {
+        console.log('event.onJfbUpdate', data)
+      },
+      onJfbCustomEvent(options) {
+        console.log('event.onJfbReachBottom', options)
+      },
+    }
+  }
+
+</script>
+
+<style scoped lang="less">
+  @import "./JfbBaseSassPhoneCollectLess.less";
+
+  .jfb-base-sass-phone-collect {
+    &__body{
+
+    }
+  }
+</style>