|
|
@@ -0,0 +1,87 @@
|
|
|
+ <head>
|
|
|
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
|
|
|
+
|
|
|
+<style>
|
|
|
+.kuai {
|
|
|
+ height: 20px;
|
|
|
+ background-color: aqua;
|
|
|
+}
|
|
|
+</style>
|
|
|
+</head>
|
|
|
+
|
|
|
+# 需求描述
|
|
|
+
|
|
|
+> 申请页面推荐位配置化
|
|
|
+>
|
|
|
+> 用户选择金融机构时,可点击推荐位上的金融机构下单
|
|
|
+
|
|
|
+# 表支持
|
|
|
+
|
|
|
+```sql
|
|
|
+-- auto-generated definition
|
|
|
+create table T_BANK_ON_AD
|
|
|
+(
|
|
|
+ TEMPLATE_NAME VARCHAR2(255),
|
|
|
+ AD_CODE VARCHAR2(255),
|
|
|
+ BANKID VARCHAR2(16),
|
|
|
+ AREA_CODE VARCHAR2(255),
|
|
|
+ BEGIN_TIME DATE,
|
|
|
+ END_TIME DATE,
|
|
|
+ OPERATOR VARCHAR2(255)
|
|
|
+)
|
|
|
+/
|
|
|
+
|
|
|
+comment on table T_BANK_ON_AD is '申请页广告位'
|
|
|
+/
|
|
|
+
|
|
|
+comment on column T_BANK_ON_AD.TEMPLATE_NAME is '模板名称'
|
|
|
+/
|
|
|
+
|
|
|
+comment on column T_BANK_ON_AD.AD_CODE is '广告位置'
|
|
|
+/
|
|
|
+
|
|
|
+comment on column T_BANK_ON_AD.BANKID is '银行id'
|
|
|
+/
|
|
|
+
|
|
|
+comment on column T_BANK_ON_AD.AREA_CODE is '区域代码'
|
|
|
+/
|
|
|
+
|
|
|
+comment on column T_BANK_ON_AD.BEGIN_TIME is '开始时间'
|
|
|
+/
|
|
|
+
|
|
|
+comment on column T_BANK_ON_AD.END_TIME is '结束时间'
|
|
|
+/
|
|
|
+
|
|
|
+comment on column T_BANK_ON_AD.OPERATOR is '操作人'
|
|
|
+/
|
|
|
+
|
|
|
+create index INDEX_TIME
|
|
|
+ on T_BANK_ON_AD (AREA_CODE, BEGIN_TIME, END_TIME)
|
|
|
+/
|
|
|
+
|
|
|
+```
|
|
|
+<div id="app" class="kuai" @click="devclick()" ></div>
|
|
|
+
|
|
|
+# 实现逻辑
|
|
|
+
|
|
|
+> 在渲染选择金融机构页面读取配置表
|
|
|
+>
|
|
|
+> 根据项目地区码和当前时间获取配置表中符合条件的金融机构
|
|
|
+>
|
|
|
+> 若当前地区在当前时间无推荐位则无推荐位显示
|
|
|
+>
|
|
|
+> 若多个金融机构按照广告位置 `2 x n`的方式显示 若最后一行为
|
|
|
+> 一个则居中显示
|
|
|
+
|
|
|
+
|
|
|
+>
|
|
|
+ <script>
|
|
|
+ new Vue({
|
|
|
+ el:'#app',
|
|
|
+ methods: {
|
|
|
+ devclick(){
|
|
|
+ alert("123")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ </script>
|
