bxs-tools-ui 1.2.0-3 → 1.2.0-4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/lib/add-and-take/index.css +55 -39
  2. package/lib/add-and-take/index.js +82 -38
  3. package/lib/index.css +53 -37
  4. package/lib/index.js +82 -38
  5. package/package.json +1 -1
  6. package/packages/add-and-take/index.css +42 -22
  7. package/packages/add-and-take/index.vue +60 -33
  8. package/packages/planbook-input/components/product-table.vue +17 -1
package/lib/add-and-take/index.css CHANGED
@@ -84,10 +84,6 @@ header,
84
84
  footer {
85
85
  display: block;
86
86
  }
87
- .bxt-add-and-take {
88
- padding: 9px;
89
- background: #f2f2f2
90
- }
91
87
  .bxt-add-and-take.bxt-add-and-take--footer::after {
92
88
  display: block;
93
89
  height: constant(safe-area-inset-bottom);
@@ -101,7 +97,7 @@ footer {
101
97
  padding-bottom: 55px;
102
98
  }
103
99
  .bxt-add-and-take .bxt-aat-table {
104
- padding: 15px;
100
+ padding: 12px;
105
101
  background: #fff;
106
102
  border-radius: 6px
107
103
  }
@@ -130,6 +126,7 @@ footer {
130
126
  }
131
127
  .bxt-add-and-take .bxt-aat-table .bxt-aat-bonus li .bxt-aat-bonus-desc.active {
132
128
  font-size: 13px;
129
+ font-weight: bold;
133
130
  color: #0a64fe;
134
131
  background: #e6effe;
135
132
  }
@@ -223,20 +220,18 @@ footer {
223
220
  }
224
221
  .bxt-add-and-take .bxt-aat-form {
225
222
  font-size: 13px;
226
- background: white;
227
- border-radius: 6px
223
+ background: white
228
224
  }
229
225
  .bxt-add-and-take .bxt-aat-form .bxt-aat-form-items {
230
226
  padding: 15px 0
231
227
  }
232
228
  .bxt-add-and-take .bxt-aat-form .bxt-aat-form-items .bx-form-item .bxt-aat-form-item-title {
233
- margin-bottom: 12px;
234
229
  font-size: 13px;
235
230
  color: #999;
236
231
  }
237
232
  .bxt-add-and-take .bxt-aat-form .bxt-aat-form-items .bx-form-item .bx-input {
238
233
  width: 150px;
239
- border: 1px solid #999;
234
+ border: 1px solid #ccc;
240
235
  border-radius: 50px
241
236
  }
242
237
  .bxt-add-and-take .bxt-aat-form .bxt-aat-form-items .bx-form-item .bx-input .bx-input-body {
@@ -258,7 +253,7 @@ footer {
258
253
  .bxt-add-and-take .bxt-aat-form .bxt-aat-form-items .bxt-aat-form-purpose .bxt-aat-form-purpose-options .bxt-aat-form-purpose-option {
259
254
  display: inline-block;
260
255
  min-width: 50px;
261
- margin: 0 6px 15px 0;
256
+ margin: 15px 9px 0 0;
262
257
  padding: 3px 6px;
263
258
  text-align: center;
264
259
  background: rgba(0, 0, 0, 0.04);
@@ -272,6 +267,7 @@ footer {
272
267
  .bxt-add-and-take .bxt-aat-form .bxt-aat-form-items .bxt-aat-form-purpose .bxt-aat-form-purpose-options .bx-input {
273
268
  display: inline-block;
274
269
  width: 130px;
270
+ margin-left: 3px;
275
271
  font-size: 13px
276
272
  }
277
273
  .bxt-add-and-take .bxt-aat-form .bxt-aat-form-items .bxt-aat-form-purpose .bxt-aat-form-purpose-options .bx-input .bx-input-control {
@@ -284,6 +280,7 @@ footer {
284
280
  display: -moz-box;
285
281
  display: -ms-flexbox;
286
282
  display: flex;
283
+ margin-top: 12px;
287
284
  font-size: 13px
288
285
  }
289
286
  .bxt-add-and-take .bxt-aat-form .bxt-aat-form-items .bxt-aat-form-item-content .bxt-aat-form-item-select {
@@ -297,8 +294,9 @@ footer {
297
294
  .bxt-add-and-take .bxt-aat-form .bxt-aat-form-items .bxt-aat-form-item-content .bxt-aat-form-item-select .bxt-aat-form-item-select__button {
298
295
  display: inline-block;
299
296
  width: 100%;
297
+ min-height: 28px;
300
298
  padding: 5px 12px 5px 6px;
301
- border: 1px solid #999;
299
+ border: 1px solid #ccc;
302
300
  border-radius: 50px;
303
301
  -webkit-box-sizing: border-box;
304
302
  -moz-box-sizing: border-box;
@@ -329,11 +327,14 @@ footer {
329
327
  transform: translate(-50%, -50%);
330
328
  width: 50%;
331
329
  height: 1px;
332
- border-bottom: 1px solid #999;
330
+ border-bottom: 1px solid #ccc;
333
331
  content: ' ';
334
332
  }
333
+ .bxt-add-and-take .bxt-aat-form .bxt-aat-form-items .bxt-aat-form-item-baof {
334
+ margin-top: 12px;
335
+ }
335
336
  .bxt-add-and-take .bxt-aat-form .bxt-aat-form-items .bxt-aat-form-baof-tips {
336
- margin: 6px 0;
337
+ margin: 12px 0;
337
338
  line-height: 145%;
338
339
  color: #999;
339
340
  font-size: 12px
@@ -370,39 +371,54 @@ footer {
370
371
  display: flex
371
372
  }
372
373
  .bxt-add-and-take .bxt-aat-footer .bxt-aat-footer-wrapper span {
373
- -webkit-box-flex: 4;
374
- -webkit-flex: 4;
375
- -moz-box-flex: 4;
376
- -ms-flex: 4;
377
- flex: 4;
374
+ -webkit-box-flex: 1;
375
+ -webkit-flex: 1;
376
+ -moz-box-flex: 1;
377
+ -ms-flex: 1;
378
+ flex: 1;
378
379
  margin-right: 9px;
379
380
  padding: 9px 0;
380
- border: 1px solid #e5e5e5;
381
+ color: #508cee;
382
+ border: 1px solid #508cee;
381
383
  border-radius: 6px;
382
384
  background: white;
383
- text-align: center
384
- }
385
- .bxt-add-and-take .bxt-aat-footer .bxt-aat-footer-wrapper span:first-child {
386
- -webkit-box-flex: 2;
387
- -webkit-flex: 2;
388
- -moz-box-flex: 2;
389
- -ms-flex: 2;
390
- flex: 2;
391
- }
392
- .bxt-add-and-take .bxt-aat-footer .bxt-aat-footer-wrapper span:last-child {
393
- -webkit-box-flex: 3;
394
- -webkit-flex: 3;
395
- -moz-box-flex: 3;
396
- -ms-flex: 3;
397
- flex: 3;
398
- margin-right: 0;
399
- color: white;
400
- border: 1px solid #508cee;
401
- background: #508cee;
385
+ text-align: center;
386
+ }
387
+ .bxt-add-and-take .bxt-aat-footer .bxt-aat-footer-wrapper span.bxt-aat-footer-delete-all-btn {
388
+ display: -webkit-box;
389
+ display: -webkit-flex;
390
+ display: -moz-box;
391
+ display: -ms-flexbox;
392
+ display: flex;
393
+ -webkit-box-align: center;
394
+ -webkit-align-items: center;
395
+ -moz-box-align: center;
396
+ -ms-flex-align: center;
397
+ align-items: center;
398
+ padding: 0;
399
+ border: 0;
400
+ color: #333;
401
+ background: none;
402
+ text-align: left
403
+ }
404
+ .bxt-add-and-take .bxt-aat-footer .bxt-aat-footer-wrapper span.bxt-aat-footer-delete-all-btn .icon-delete_rubbish {
405
+ margin-right: 3px;
406
+ font-size: 24px;
407
+ font-weight: bold;
408
+ vertical-align: middle;
409
+ }
410
+ .bxt-add-and-take .bxt-aat-footer .bxt-aat-footer-wrapper span.bxt-aat-footer-delete-all-btn em {
411
+ vertical-align: middle;
412
+ }
413
+ .bxt-add-and-take .bxt-aat-footer .bxt-aat-footer-wrapper span.bxt-aat-footer-ok-btn {
414
+ margin-right: 0;
415
+ color: white;
416
+ border: 1px solid #508cee;
417
+ background: #508cee;
402
418
  }
403
419
  .bxt-add-and-take .bxt-aat-tips {
404
420
  line-height: 145%;
405
- padding: 12px 0 6px;
421
+ padding: 12px 12px 6px;
406
422
  font-size: 12px;
407
423
  color: #999;
408
424
  }
package/lib/add-and-take/index.js CHANGED
@@ -6142,8 +6142,8 @@ module.exports = _defineProperty, module.exports.__esModule = true, module.expor
6142
6142
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
6143
6143
 
6144
6144
  "use strict";
6145
- /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_0b814651_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(165);
6146
- /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_0b814651_prod_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_0b814651_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
6145
+ /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_623c293b_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(165);
6146
+ /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_623c293b_prod_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_623c293b_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
6147
6147
  /* unused harmony reexport * */
6148
6148
 
6149
6149
 
@@ -6179,7 +6179,7 @@ __webpack_require__.r(__webpack_exports__);
6179
6179
  var defineProperty = __webpack_require__(175);
6180
6180
  var defineProperty_default = /*#__PURE__*/__webpack_require__.n(defineProperty);
6181
6181
 
6182
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./packages/add-and-take/index.vue?vue&type=template&id=0b814651&
6182
+ // CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./packages/add-and-take/index.vue?vue&type=template&id=623c293b&
6183
6183
 
6184
6184
 
6185
6185
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -6256,7 +6256,11 @@ var render = function render() {
6256
6256
  return _vm.onClickToForm(key, record);
6257
6257
  }
6258
6258
  }
6259
- }, [_c('span', [_vm._v("\n " + _vm._s(record[key]) + "\n ")]), key === 'take' && record.purpose ? _c('span', [_vm._v("\n " + _vm._s(record.purpose) + "\n ")]) : _vm._e()]);
6259
+ }, [_c('span', {
6260
+ domProps: {
6261
+ "innerHTML": _vm._s(record[key])
6262
+ }
6263
+ }), key === 'take' && record.purpose ? _c('span', [_vm._v("\n " + _vm._s(record.purpose) + "\n ")]) : _vm._e()]);
6260
6264
  }), 0);
6261
6265
  }), 0)])]) : _vm._e(), _vm.subName === 'Form' ? _c('div', {
6262
6266
  staticClass: "bxt-aat-form"
@@ -6302,7 +6306,9 @@ var render = function render() {
6302
6306
  }
6303
6307
  }, [_c('header', {
6304
6308
  staticClass: "bxt-aat-form-item-title"
6305
- }, [_vm._v("\n " + _vm._s(_vm.formData.type === 'add' ? '追加金额' : '领取金额') + "\n ")]), _c('bxs-input', {
6309
+ }, [_vm._v("\n " + _vm._s(_vm.formData.type === 'add' ? '追加金额' : '领取金额') + "\n ")]), _c('div', {
6310
+ staticClass: "bxt-aat-form-item-baof"
6311
+ }, [_c('bxs-input', {
6306
6312
  attrs: {
6307
6313
  "placeholder": "请输入金额",
6308
6314
  "maxlength": 9,
@@ -6317,7 +6323,7 @@ var render = function render() {
6317
6323
  }
6318
6324
  }), !['reduceBaof'].includes(_vm.type) && ['take'].includes(_vm.formData.type) ? _c('p', {
6319
6325
  staticClass: "bxt-aat-form-baof-tips"
6320
- }, [_vm._v("\n 根据低档收益，最大领取金额约\n "), _c('span', [_vm._v(_vm._s(_vm.ensureCanTakeAmount))]), _vm._v(" 元"), _c('br'), _vm._v("仅供参考，实际领取以保单账户价值为准\n ")]) : _vm._e()], 1), ['take'].includes(_vm.formData.type) ? _c('bxs-form-item', {
6326
+ }, [_vm._v("\n 根据低档收益，最大领取金额约\n "), _c('span', [_vm._v(_vm._s(_vm.ensureCanTakeAmount))]), _vm._v(" 元，仅供参考，实际领取以保单账户价值为准；\n ")]) : _vm._e()], 1)]), ['take'].includes(_vm.formData.type) ? _c('bxs-form-item', {
6321
6327
  staticClass: "bxt-aat-form-purpose"
6322
6328
  }, [_c('header', {
6323
6329
  staticClass: "bxt-aat-form-item-title"
@@ -6333,21 +6339,15 @@ var render = function render() {
6333
6339
  on: {
6334
6340
  "click": function click($event) {
6335
6341
  _vm.formData.purpose = o.val;
6336
- _vm.isShowCustomPurpose = _vm.formData.purpose === '';
6337
6342
  }
6338
6343
  }
6339
6344
  }, [_vm._v("\n " + _vm._s(o.desc) + "\n ")]);
6340
6345
  }), _vm.formData.purpose === '' ? [_c('bxs-input', {
6341
6346
  attrs: {
6342
6347
  "placeholder": "请输入，5个字以内",
6343
- "maxlength": 50,
6348
+ "maxlength": 5,
6344
6349
  "autocomplete": "off"
6345
6350
  },
6346
- on: {
6347
- "focus": function focus($event) {
6348
- _vm.isShowCustomPurpose = true;
6349
- }
6350
- },
6351
6351
  model: {
6352
6352
  value: _vm.formData.customPurpose,
6353
6353
  callback: function callback($$v) {
@@ -6355,29 +6355,39 @@ var render = function render() {
6355
6355
  },
6356
6356
  expression: "formData.customPurpose"
6357
6357
  }
6358
- }), _vm.isShowCustomPurpose ? _c('span', {
6359
- staticClass: "bxt-aat-form-purpose-option active",
6360
- on: {
6361
- "click": function click($event) {
6362
- _vm.isShowCustomPurpose = false;
6363
- }
6364
- }
6365
- }, [_vm._v("\n 确定\n ")]) : _vm._e()] : _vm._e()], 2)]) : _vm._e()], 1)], 1) : _vm._e(), _c('div', {
6358
+ })] : _vm._e()], 2)]) : _vm._e()], 1)], 1) : _vm._e(), _c('div', {
6366
6359
  staticClass: "bxt-aat-tips"
6367
- }, [_vm._v("\n 温馨提示：以上演示说明为本平台对上述产品的理解便于保险从业人员学习、交流，演示数据仅供参考，请以实际为准。\n ")]), _vm.footer ? _c('footer', {
6360
+ }, [_vm._v("\n 以上演示为便于保险从业人员学习交流使用，演示数据仅供参考。\n ")]), _vm.footer ? _c('footer', {
6368
6361
  staticClass: "bxt-aat-footer"
6369
6362
  }, [_c('div', {
6370
6363
  staticClass: "bxt-aat-footer-wrapper"
6371
- }, [_vm.isShowDeleteAllBtn ? _c('span', {
6372
- staticClass: "delete",
6364
+ }, [_vm.subName === 'Table' ? [_vm.isShowDeleteAllBtn ? _c('span', {
6365
+ staticClass: "bxt-aat-footer-delete-all-btn",
6373
6366
  on: {
6374
6367
  "click": _vm.deleteAllData
6375
6368
  }
6376
- }, [_vm._v("\n 清空记录\n ")]) : _vm._e(), _vm.subName === 'Form' ? [_c('span', {
6369
+ }, [_c('i', {
6370
+ staticClass: "iconfont icon-delete_rubbish"
6371
+ }), _c('em', [_vm._v("清空")])]) : _vm._e(), ['addAndTake', 'add'].includes(_vm.type) ? _c('span', {
6377
6372
  on: {
6378
- "click": _vm.goToTable
6373
+ "click": function click($event) {
6374
+ return _vm.openFormPicker('add');
6375
+ }
6379
6376
  }
6380
- }, [_vm._v("返回")]), _vm.formData.isShowDelete ? _c('span', {
6377
+ }, [_vm._v("追加")]) : _vm._e(), ['addAndTake', 'take', 'reduceBaof'].includes(_vm.type) ? _c('span', {
6378
+ on: {
6379
+ "click": function click($event) {
6380
+ return _vm.openFormPicker('take');
6381
+ }
6382
+ }
6383
+ }, [_vm._v("领取")]) : _vm._e(), _c('span', {
6384
+ staticClass: "bxt-aat-footer-ok-btn",
6385
+ on: {
6386
+ "click": function click($event) {
6387
+ return _vm.tableConfirm();
6388
+ }
6389
+ }
6390
+ }, [_vm._v("确定")])] : _vm._e(), _vm.subName === 'Form' ? [_vm.formData.isShowDelete ? _c('span', {
6381
6391
  staticClass: "delete",
6382
6392
  on: {
6383
6393
  "click": function click($event) {
@@ -6386,18 +6396,19 @@ var render = function render() {
6386
6396
  }));
6387
6397
  }
6388
6398
  }
6389
- }, [_vm._v("\n 删除" + _vm._s(_vm.formData.beginYear) + "-" + _vm._s(_vm.formData.endYear) + "年记录\n ")]) : _vm._e()] : _vm._e(), _c('span', {
6399
+ }, [_vm._v("\n 删除" + _vm._s(_vm.formData.beginYear) + "-" + _vm._s(_vm.formData.endYear) + "年记录\n ")]) : _vm._e(), _c('span', {
6400
+ staticClass: "bxt-aat-footer-ok-btn",
6390
6401
  on: {
6391
6402
  "click": function click($event) {
6392
- _vm.subName === 'Table' ? _vm.tableConfirm() : _vm.formConfirm();
6403
+ return _vm.formConfirm();
6393
6404
  }
6394
6405
  }
6395
- }, [_vm._v("确定")])], 2)]) : _vm._e()]) : _vm._e();
6406
+ }, [_vm._v("确定")])] : _vm._e()], 2)]) : _vm._e()]) : _vm._e();
6396
6407
  };
6397
6408
 
6398
6409
  var staticRenderFns = [];
6399
6410
 
6400
- // CONCATENATED MODULE: ./packages/add-and-take/index.vue?vue&type=template&id=0b814651&
6411
+ // CONCATENATED MODULE: ./packages/add-and-take/index.vue?vue&type=template&id=623c293b&
6401
6412
 
6402
6413
  // EXTERNAL MODULE: ./node_modules/tslib/tslib.es6.js
6403
6414
  var tslib_es6 = __webpack_require__(0);
@@ -6669,7 +6680,6 @@ var add_and_takevue_type_script_lang_ts_AddAndTake = (function (_super) {
6669
6680
  _this.formData = {};
6670
6681
  _this.interestFormData = {};
6671
6682
  _this.beginYearOptions = [];
6672
- _this.isShowCustomPurpose = true;
6673
6683
  _this.AAT_FORM_RULES = AAT_FORM_RULES;
6674
6684
  _this.PURPOSE_OPTIONS = PURPOSE_OPTIONS;
6675
6685
  return _this;
@@ -6733,7 +6743,7 @@ var add_and_takevue_type_script_lang_ts_AddAndTake = (function (_super) {
6733
6743
  if (!['add', 'take'].includes(d.key)) {
6734
6744
  d.uniKey = d.key + "_" + i;
6735
6745
  }
6736
- tableHeaderData[d.key] = d.name;
6746
+ tableHeaderData[d.uniKey || d.key] = d.name && d.name.replace(/^(.+)([(（])/, '<p>$1</p>$2');
6737
6747
  });
6738
6748
  var startPolicyNo = initInterestData.startPolicyNo, startIndex = initInterestData.startIndex, reduceIndex = initInterestData.reduceIndex;
6739
6749
  var maxlength = initAddAndTakeData.reduce(function (a, b) { return Math.max(a, b.values.length || 0); }, 0);
@@ -6745,7 +6755,7 @@ var add_and_takevue_type_script_lang_ts_AddAndTake = (function (_super) {
6745
6755
  };
6746
6756
  initAddAndTakeData.map(function (item) {
6747
6757
  if (item.values) {
6748
- record[item.key] = item.values[i] || 0;
6758
+ record[item.uniKey || item.key] = item.values[i] || 0;
6749
6759
  }
6750
6760
  if (item.details) {
6751
6761
  record.purpose = item.details[i] || '';
@@ -6934,7 +6944,7 @@ var add_and_takevue_type_script_lang_ts_AddAndTake = (function (_super) {
6934
6944
  }
6935
6945
  _this.accountData = caclAccountData;
6936
6946
  data.forEach(function (d) {
6937
- d.values = d.values && d.values.map(function (v) { return (v ? Number(v.toFixed(2)) : v); });
6947
+ d.values = d.values && d.values.map(function (v) { return (v ? Math.round(v) : v); });
6938
6948
  });
6939
6949
  _this.initAddAndTakeData = data;
6940
6950
  return Promise.resolve(data);
@@ -6964,7 +6974,9 @@ var add_and_takevue_type_script_lang_ts_AddAndTake = (function (_super) {
6964
6974
  return;
6965
6975
  }
6966
6976
  var _a = this, insuredAge = _a.insuredAge, initInterestData = _a.initInterestData, initAddAndTakeData = _a.initAddAndTakeData, accountData = _a.accountData;
6967
- var tempItem = accountData.addAndTakeData && accountData.addAndTakeData.find(function (a) { return a.key === _this.formData.type; });
6977
+ if (!(initInterestData && initAddAndTakeData)) {
6978
+ return;
6979
+ }
6968
6980
  var purposeOption = PURPOSE_OPTIONS.find(function (o) { return o.val === item.purpose; });
6969
6981
  this.formData = {
6970
6982
  type: key,
@@ -6976,6 +6988,7 @@ var add_and_takevue_type_script_lang_ts_AddAndTake = (function (_super) {
6976
6988
  isShowDelete: !!item[key]
6977
6989
  };
6978
6990
  var startPolicyNo = initInterestData.startPolicyNo, startIndex = initInterestData.startIndex;
6991
+ var tempItem = accountData.addAndTakeData && accountData.addAndTakeData.find(function (a) { return a.key === _this.formData.type; });
6979
6992
  this.beginYearOptions = getBeginYearOpts(this.formData, {
6980
6993
  data: initAddAndTakeData,
6981
6994
  startPolicyNo: startPolicyNo,
@@ -6985,6 +6998,37 @@ var add_and_takevue_type_script_lang_ts_AddAndTake = (function (_super) {
6985
6998
  });
6986
6999
  this.subName = 'Form';
6987
7000
  };
7001
+ AddAndTake.prototype.openFormPicker = function (key) {
7002
+ var _a = this, insuredAge = _a.insuredAge, initInterestData = _a.initInterestData, initAddAndTakeData = _a.initAddAndTakeData;
7003
+ if (!(initInterestData && initAddAndTakeData)) {
7004
+ return;
7005
+ }
7006
+ var startPolicyNo = initInterestData.startPolicyNo, startIndex = initInterestData.startIndex;
7007
+ var maxLength = initAddAndTakeData.reduce(function (a, b) { return Math.max(a, b.values.length); }, 0);
7008
+ var options = [];
7009
+ for (var i = 0; i < maxLength; i++) {
7010
+ var year = i + startPolicyNo;
7011
+ options.push({
7012
+ val: year,
7013
+ desc: "\u7B2C" + year + "\u5E74," + (insuredAge + startIndex + i + 1) + "\u5C81"
7014
+ });
7015
+ }
7016
+ if (!options.length) {
7017
+ return;
7018
+ }
7019
+ var firstOption = options[0];
7020
+ this.formData = {
7021
+ type: key,
7022
+ beginYear: firstOption.val,
7023
+ endYear: firstOption.val,
7024
+ baof: null,
7025
+ purpose: '',
7026
+ customPurpose: '',
7027
+ isShowDelete: false
7028
+ };
7029
+ this.beginYearOptions = options;
7030
+ this.subName = 'Form';
7031
+ };
6988
7032
  AddAndTake.prototype.onClickOpenPicker = function (key) {
6989
7033
  var self = this;
6990
7034
  var formData = self.formData, beginYearOptions = self.beginYearOptions;
@@ -7119,8 +7163,8 @@ var add_and_takevue_type_script_lang_ts_AddAndTake = (function (_super) {
7119
7163
 
7120
7164
  // CONCATENATED MODULE: ./packages/add-and-take/index.vue?vue&type=script&lang=ts&
7121
7165
  /* harmony default export */ var packages_add_and_takevue_type_script_lang_ts_ = (add_and_takevue_type_script_lang_ts_);
7122
- // EXTERNAL MODULE: ./packages/add-and-take/index.vue?vue&type=style&index=0&id=0b814651&prod&lang=css&
7123
- var add_and_takevue_type_style_index_0_id_0b814651_prod_lang_css_ = __webpack_require__(177);
7166
+ // EXTERNAL MODULE: ./packages/add-and-take/index.vue?vue&type=style&index=0&id=623c293b&prod&lang=css&
7167
+ var add_and_takevue_type_style_index_0_id_623c293b_prod_lang_css_ = __webpack_require__(177);
7124
7168
 
7125
7169
  // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
7126
7170
  var componentNormalizer = __webpack_require__(7);
package/lib/index.css CHANGED
@@ -84,10 +84,6 @@ header,
84
84
  footer {
85
85
  display: block;
86
86
  }
87
- .bxt-add-and-take {
88
- padding: 9px;
89
- background: #f2f2f2
90
- }
91
87
  .bxt-add-and-take.bxt-add-and-take--footer::after {
92
88
  display: block;
93
89
  height: constant(safe-area-inset-bottom);
@@ -101,7 +97,7 @@ footer {
101
97
  padding-bottom: 55px;
102
98
  }
103
99
  .bxt-add-and-take .bxt-aat-table {
104
- padding: 15px;
100
+ padding: 12px;
105
101
  background: #fff;
106
102
  border-radius: 6px
107
103
  }
@@ -130,6 +126,7 @@ footer {
130
126
  }
131
127
  .bxt-add-and-take .bxt-aat-table .bxt-aat-bonus li .bxt-aat-bonus-desc.active {
132
128
  font-size: 13px;
129
+ font-weight: bold;
133
130
  color: #0a64fe;
134
131
  background: #e6effe;
135
132
  }
@@ -223,20 +220,18 @@ footer {
223
220
  }
224
221
  .bxt-add-and-take .bxt-aat-form {
225
222
  font-size: 13px;
226
- background: white;
227
- border-radius: 6px
223
+ background: white
228
224
  }
229
225
  .bxt-add-and-take .bxt-aat-form .bxt-aat-form-items {
230
226
  padding: 15px 0
231
227
  }
232
228
  .bxt-add-and-take .bxt-aat-form .bxt-aat-form-items .bx-form-item .bxt-aat-form-item-title {
233
- margin-bottom: 12px;
234
229
  font-size: 13px;
235
230
  color: #999;
236
231
  }
237
232
  .bxt-add-and-take .bxt-aat-form .bxt-aat-form-items .bx-form-item .bx-input {
238
233
  width: 150px;
239
- border: 1px solid #999;
234
+ border: 1px solid #ccc;
240
235
  border-radius: 50px
241
236
  }
242
237
  .bxt-add-and-take .bxt-aat-form .bxt-aat-form-items .bx-form-item .bx-input .bx-input-body {
@@ -258,7 +253,7 @@ footer {
258
253
  .bxt-add-and-take .bxt-aat-form .bxt-aat-form-items .bxt-aat-form-purpose .bxt-aat-form-purpose-options .bxt-aat-form-purpose-option {
259
254
  display: inline-block;
260
255
  min-width: 50px;
261
- margin: 0 6px 15px 0;
256
+ margin: 15px 9px 0 0;
262
257
  padding: 3px 6px;
263
258
  text-align: center;
264
259
  background: rgba(0, 0, 0, 0.04);
@@ -272,6 +267,7 @@ footer {
272
267
  .bxt-add-and-take .bxt-aat-form .bxt-aat-form-items .bxt-aat-form-purpose .bxt-aat-form-purpose-options .bx-input {
273
268
  display: inline-block;
274
269
  width: 130px;
270
+ margin-left: 3px;
275
271
  font-size: 13px
276
272
  }
277
273
  .bxt-add-and-take .bxt-aat-form .bxt-aat-form-items .bxt-aat-form-purpose .bxt-aat-form-purpose-options .bx-input .bx-input-control {
@@ -284,6 +280,7 @@ footer {
284
280
  display: -moz-box;
285
281
  display: -ms-flexbox;
286
282
  display: flex;
283
+ margin-top: 12px;
287
284
  font-size: 13px
288
285
  }
289
286
  .bxt-add-and-take .bxt-aat-form .bxt-aat-form-items .bxt-aat-form-item-content .bxt-aat-form-item-select {
@@ -297,8 +294,9 @@ footer {
297
294
  .bxt-add-and-take .bxt-aat-form .bxt-aat-form-items .bxt-aat-form-item-content .bxt-aat-form-item-select .bxt-aat-form-item-select__button {
298
295
  display: inline-block;
299
296
  width: 100%;
297
+ min-height: 28px;
300
298
  padding: 5px 12px 5px 6px;
301
- border: 1px solid #999;
299
+ border: 1px solid #ccc;
302
300
  border-radius: 50px;
303
301
  -webkit-box-sizing: border-box;
304
302
  -moz-box-sizing: border-box;
@@ -329,11 +327,14 @@ footer {
329
327
  transform: translate(-50%, -50%);
330
328
  width: 50%;
331
329
  height: 1px;
332
- border-bottom: 1px solid #999;
330
+ border-bottom: 1px solid #ccc;
333
331
  content: ' ';
334
332
  }
333
+ .bxt-add-and-take .bxt-aat-form .bxt-aat-form-items .bxt-aat-form-item-baof {
334
+ margin-top: 12px;
335
+ }
335
336
  .bxt-add-and-take .bxt-aat-form .bxt-aat-form-items .bxt-aat-form-baof-tips {
336
- margin: 6px 0;
337
+ margin: 12px 0;
337
338
  line-height: 145%;
338
339
  color: #999;
339
340
  font-size: 12px
@@ -370,39 +371,54 @@ footer {
370
371
  display: flex
371
372
  }
372
373
  .bxt-add-and-take .bxt-aat-footer .bxt-aat-footer-wrapper span {
373
- -webkit-box-flex: 4;
374
- -webkit-flex: 4;
375
- -moz-box-flex: 4;
376
- -ms-flex: 4;
377
- flex: 4;
374
+ -webkit-box-flex: 1;
375
+ -webkit-flex: 1;
376
+ -moz-box-flex: 1;
377
+ -ms-flex: 1;
378
+ flex: 1;
378
379
  margin-right: 9px;
379
380
  padding: 9px 0;
380
- border: 1px solid #e5e5e5;
381
+ color: #508cee;
382
+ border: 1px solid #508cee;
381
383
  border-radius: 6px;
382
384
  background: white;
383
- text-align: center
385
+ text-align: center;
384
386
  }
385
- .bxt-add-and-take .bxt-aat-footer .bxt-aat-footer-wrapper span:first-child {
386
- -webkit-box-flex: 2;
387
- -webkit-flex: 2;
388
- -moz-box-flex: 2;
389
- -ms-flex: 2;
390
- flex: 2;
387
+ .bxt-add-and-take .bxt-aat-footer .bxt-aat-footer-wrapper span.bxt-aat-footer-delete-all-btn {
388
+ display: -webkit-box;
389
+ display: -webkit-flex;
390
+ display: -moz-box;
391
+ display: -ms-flexbox;
392
+ display: flex;
393
+ -webkit-box-align: center;
394
+ -webkit-align-items: center;
395
+ -moz-box-align: center;
396
+ -ms-flex-align: center;
397
+ align-items: center;
398
+ padding: 0;
399
+ border: 0;
400
+ color: #333;
401
+ background: none;
402
+ text-align: left
391
403
  }
392
- .bxt-add-and-take .bxt-aat-footer .bxt-aat-footer-wrapper span:last-child {
393
- -webkit-box-flex: 3;
394
- -webkit-flex: 3;
395
- -moz-box-flex: 3;
396
- -ms-flex: 3;
397
- flex: 3;
398
- margin-right: 0;
399
- color: white;
400
- border: 1px solid #508cee;
401
- background: #508cee;
404
+ .bxt-add-and-take .bxt-aat-footer .bxt-aat-footer-wrapper span.bxt-aat-footer-delete-all-btn .icon-delete_rubbish {
405
+ margin-right: 3px;
406
+ font-size: 24px;
407
+ font-weight: bold;
408
+ vertical-align: middle;
409
+ }
410
+ .bxt-add-and-take .bxt-aat-footer .bxt-aat-footer-wrapper span.bxt-aat-footer-delete-all-btn em {
411
+ vertical-align: middle;
412
+ }
413
+ .bxt-add-and-take .bxt-aat-footer .bxt-aat-footer-wrapper span.bxt-aat-footer-ok-btn {
414
+ margin-right: 0;
415
+ color: white;
416
+ border: 1px solid #508cee;
417
+ background: #508cee;
402
418
  }
403
419
  .bxt-add-and-take .bxt-aat-tips {
404
420
  line-height: 145%;
405
- padding: 12px 0 6px;
421
+ padding: 12px 12px 6px;
406
422
  font-size: 12px;
407
423
  color: #999;
408
424
  }
package/lib/index.js CHANGED
@@ -6831,8 +6831,8 @@ module.exports = baseIsSet;
6831
6831
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
6832
6832
 
6833
6833
  "use strict";
6834
- /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_0b814651_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(55);
6835
- /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_0b814651_prod_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_0b814651_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
6834
+ /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_623c293b_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(55);
6835
+ /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_623c293b_prod_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_623c293b_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
6836
6836
  /* unused harmony reexport * */
6837
6837
 
6838
6838
 
@@ -9757,7 +9757,7 @@ __webpack_require__.d(__webpack_exports__, "ProductInfo", function() { return /*
9757
9757
  var defineProperty = __webpack_require__(74);
9758
9758
  var defineProperty_default = /*#__PURE__*/__webpack_require__.n(defineProperty);
9759
9759
 
9760
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./packages/add-and-take/index.vue?vue&type=template&id=0b814651&
9760
+ // CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./packages/add-and-take/index.vue?vue&type=template&id=623c293b&
9761
9761
 
9762
9762
 
9763
9763
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -9834,7 +9834,11 @@ var render = function render() {
9834
9834
  return _vm.onClickToForm(key, record);
9835
9835
  }
9836
9836
  }
9837
- }, [_c('span', [_vm._v("\n " + _vm._s(record[key]) + "\n ")]), key === 'take' && record.purpose ? _c('span', [_vm._v("\n " + _vm._s(record.purpose) + "\n ")]) : _vm._e()]);
9837
+ }, [_c('span', {
9838
+ domProps: {
9839
+ "innerHTML": _vm._s(record[key])
9840
+ }
9841
+ }), key === 'take' && record.purpose ? _c('span', [_vm._v("\n " + _vm._s(record.purpose) + "\n ")]) : _vm._e()]);
9838
9842
  }), 0);
9839
9843
  }), 0)])]) : _vm._e(), _vm.subName === 'Form' ? _c('div', {
9840
9844
  staticClass: "bxt-aat-form"
@@ -9880,7 +9884,9 @@ var render = function render() {
9880
9884
  }
9881
9885
  }, [_c('header', {
9882
9886
  staticClass: "bxt-aat-form-item-title"
9883
- }, [_vm._v("\n " + _vm._s(_vm.formData.type === 'add' ? '追加金额' : '领取金额') + "\n ")]), _c('bxs-input', {
9887
+ }, [_vm._v("\n " + _vm._s(_vm.formData.type === 'add' ? '追加金额' : '领取金额') + "\n ")]), _c('div', {
9888
+ staticClass: "bxt-aat-form-item-baof"
9889
+ }, [_c('bxs-input', {
9884
9890
  attrs: {
9885
9891
  "placeholder": "请输入金额",
9886
9892
  "maxlength": 9,
@@ -9895,7 +9901,7 @@ var render = function render() {
9895
9901
  }
9896
9902
  }), !['reduceBaof'].includes(_vm.type) && ['take'].includes(_vm.formData.type) ? _c('p', {
9897
9903
  staticClass: "bxt-aat-form-baof-tips"
9898
- }, [_vm._v("\n 根据低档收益，最大领取金额约\n "), _c('span', [_vm._v(_vm._s(_vm.ensureCanTakeAmount))]), _vm._v(" 元"), _c('br'), _vm._v("仅供参考，实际领取以保单账户价值为准\n ")]) : _vm._e()], 1), ['take'].includes(_vm.formData.type) ? _c('bxs-form-item', {
9904
+ }, [_vm._v("\n 根据低档收益，最大领取金额约\n "), _c('span', [_vm._v(_vm._s(_vm.ensureCanTakeAmount))]), _vm._v(" 元，仅供参考，实际领取以保单账户价值为准；\n ")]) : _vm._e()], 1)]), ['take'].includes(_vm.formData.type) ? _c('bxs-form-item', {
9899
9905
  staticClass: "bxt-aat-form-purpose"
9900
9906
  }, [_c('header', {
9901
9907
  staticClass: "bxt-aat-form-item-title"
@@ -9911,21 +9917,15 @@ var render = function render() {
9911
9917
  on: {
9912
9918
  "click": function click($event) {
9913
9919
  _vm.formData.purpose = o.val;
9914
- _vm.isShowCustomPurpose = _vm.formData.purpose === '';
9915
9920
  }
9916
9921
  }
9917
9922
  }, [_vm._v("\n " + _vm._s(o.desc) + "\n ")]);
9918
9923
  }), _vm.formData.purpose === '' ? [_c('bxs-input', {
9919
9924
  attrs: {
9920
9925
  "placeholder": "请输入，5个字以内",
9921
- "maxlength": 50,
9926
+ "maxlength": 5,
9922
9927
  "autocomplete": "off"
9923
9928
  },
9924
- on: {
9925
- "focus": function focus($event) {
9926
- _vm.isShowCustomPurpose = true;
9927
- }
9928
- },
9929
9929
  model: {
9930
9930
  value: _vm.formData.customPurpose,
9931
9931
  callback: function callback($$v) {
@@ -9933,29 +9933,39 @@ var render = function render() {
9933
9933
  },
9934
9934
  expression: "formData.customPurpose"
9935
9935
  }
9936
- }), _vm.isShowCustomPurpose ? _c('span', {
9937
- staticClass: "bxt-aat-form-purpose-option active",
9938
- on: {
9939
- "click": function click($event) {
9940
- _vm.isShowCustomPurpose = false;
9941
- }
9942
- }
9943
- }, [_vm._v("\n 确定\n ")]) : _vm._e()] : _vm._e()], 2)]) : _vm._e()], 1)], 1) : _vm._e(), _c('div', {
9936
+ })] : _vm._e()], 2)]) : _vm._e()], 1)], 1) : _vm._e(), _c('div', {
9944
9937
  staticClass: "bxt-aat-tips"
9945
- }, [_vm._v("\n 温馨提示：以上演示说明为本平台对上述产品的理解便于保险从业人员学习、交流，演示数据仅供参考，请以实际为准。\n ")]), _vm.footer ? _c('footer', {
9938
+ }, [_vm._v("\n 以上演示为便于保险从业人员学习交流使用，演示数据仅供参考。\n ")]), _vm.footer ? _c('footer', {
9946
9939
  staticClass: "bxt-aat-footer"
9947
9940
  }, [_c('div', {
9948
9941
  staticClass: "bxt-aat-footer-wrapper"
9949
- }, [_vm.isShowDeleteAllBtn ? _c('span', {
9950
- staticClass: "delete",
9942
+ }, [_vm.subName === 'Table' ? [_vm.isShowDeleteAllBtn ? _c('span', {
9943
+ staticClass: "bxt-aat-footer-delete-all-btn",
9951
9944
  on: {
9952
9945
  "click": _vm.deleteAllData
9953
9946
  }
9954
- }, [_vm._v("\n 清空记录\n ")]) : _vm._e(), _vm.subName === 'Form' ? [_c('span', {
9947
+ }, [_c('i', {
9948
+ staticClass: "iconfont icon-delete_rubbish"
9949
+ }), _c('em', [_vm._v("清空")])]) : _vm._e(), ['addAndTake', 'add'].includes(_vm.type) ? _c('span', {
9955
9950
  on: {
9956
- "click": _vm.goToTable
9951
+ "click": function click($event) {
9952
+ return _vm.openFormPicker('add');
9953
+ }
9957
9954
  }
9958
- }, [_vm._v("返回")]), _vm.formData.isShowDelete ? _c('span', {
9955
+ }, [_vm._v("追加")]) : _vm._e(), ['addAndTake', 'take', 'reduceBaof'].includes(_vm.type) ? _c('span', {
9956
+ on: {
9957
+ "click": function click($event) {
9958
+ return _vm.openFormPicker('take');
9959
+ }
9960
+ }
9961
+ }, [_vm._v("领取")]) : _vm._e(), _c('span', {
9962
+ staticClass: "bxt-aat-footer-ok-btn",
9963
+ on: {
9964
+ "click": function click($event) {
9965
+ return _vm.tableConfirm();
9966
+ }
9967
+ }
9968
+ }, [_vm._v("确定")])] : _vm._e(), _vm.subName === 'Form' ? [_vm.formData.isShowDelete ? _c('span', {
9959
9969
  staticClass: "delete",
9960
9970
  on: {
9961
9971
  "click": function click($event) {
@@ -9964,18 +9974,19 @@ var render = function render() {
9964
9974
  }));
9965
9975
  }
9966
9976
  }
9967
- }, [_vm._v("\n 删除" + _vm._s(_vm.formData.beginYear) + "-" + _vm._s(_vm.formData.endYear) + "年记录\n ")]) : _vm._e()] : _vm._e(), _c('span', {
9977
+ }, [_vm._v("\n 删除" + _vm._s(_vm.formData.beginYear) + "-" + _vm._s(_vm.formData.endYear) + "年记录\n ")]) : _vm._e(), _c('span', {
9978
+ staticClass: "bxt-aat-footer-ok-btn",
9968
9979
  on: {
9969
9980
  "click": function click($event) {
9970
- _vm.subName === 'Table' ? _vm.tableConfirm() : _vm.formConfirm();
9981
+ return _vm.formConfirm();
9971
9982
  }
9972
9983
  }
9973
- }, [_vm._v("确定")])], 2)]) : _vm._e()]) : _vm._e();
9984
+ }, [_vm._v("确定")])] : _vm._e()], 2)]) : _vm._e()]) : _vm._e();
9974
9985
  };
9975
9986
 
9976
9987
  var staticRenderFns = [];
9977
9988
 
9978
- // CONCATENATED MODULE: ./packages/add-and-take/index.vue?vue&type=template&id=0b814651&
9989
+ // CONCATENATED MODULE: ./packages/add-and-take/index.vue?vue&type=template&id=623c293b&
9979
9990
 
9980
9991
  // EXTERNAL MODULE: ./node_modules/tslib/tslib.es6.js
9981
9992
  var tslib_es6 = __webpack_require__(0);
@@ -11118,7 +11129,6 @@ var add_and_takevue_type_script_lang_ts_AddAndTake = (function (_super) {
11118
11129
  _this.formData = {};
11119
11130
  _this.interestFormData = {};
11120
11131
  _this.beginYearOptions = [];
11121
- _this.isShowCustomPurpose = true;
11122
11132
  _this.AAT_FORM_RULES = AAT_FORM_RULES;
11123
11133
  _this.PURPOSE_OPTIONS = PURPOSE_OPTIONS;
11124
11134
  return _this;
@@ -11182,7 +11192,7 @@ var add_and_takevue_type_script_lang_ts_AddAndTake = (function (_super) {
11182
11192
  if (!['add', 'take'].includes(d.key)) {
11183
11193
  d.uniKey = d.key + "_" + i;
11184
11194
  }
11185
- tableHeaderData[d.key] = d.name;
11195
+ tableHeaderData[d.uniKey || d.key] = d.name && d.name.replace(/^(.+)([(（])/, '<p>$1</p>$2');
11186
11196
  });
11187
11197
  var startPolicyNo = initInterestData.startPolicyNo, startIndex = initInterestData.startIndex, reduceIndex = initInterestData.reduceIndex;
11188
11198
  var maxlength = initAddAndTakeData.reduce(function (a, b) { return Math.max(a, b.values.length || 0); }, 0);
@@ -11194,7 +11204,7 @@ var add_and_takevue_type_script_lang_ts_AddAndTake = (function (_super) {
11194
11204
  };
11195
11205
  initAddAndTakeData.map(function (item) {
11196
11206
  if (item.values) {
11197
- record[item.key] = item.values[i] || 0;
11207
+ record[item.uniKey || item.key] = item.values[i] || 0;
11198
11208
  }
11199
11209
  if (item.details) {
11200
11210
  record.purpose = item.details[i] || '';
@@ -11383,7 +11393,7 @@ var add_and_takevue_type_script_lang_ts_AddAndTake = (function (_super) {
11383
11393
  }
11384
11394
  _this.accountData = caclAccountData;
11385
11395
  data.forEach(function (d) {
11386
- d.values = d.values && d.values.map(function (v) { return (v ? Number(v.toFixed(2)) : v); });
11396
+ d.values = d.values && d.values.map(function (v) { return (v ? Math.round(v) : v); });
11387
11397
  });
11388
11398
  _this.initAddAndTakeData = data;
11389
11399
  return Promise.resolve(data);
@@ -11413,7 +11423,9 @@ var add_and_takevue_type_script_lang_ts_AddAndTake = (function (_super) {
11413
11423
  return;
11414
11424
  }
11415
11425
  var _a = this, insuredAge = _a.insuredAge, initInterestData = _a.initInterestData, initAddAndTakeData = _a.initAddAndTakeData, accountData = _a.accountData;
11416
- var tempItem = accountData.addAndTakeData && accountData.addAndTakeData.find(function (a) { return a.key === _this.formData.type; });
11426
+ if (!(initInterestData && initAddAndTakeData)) {
11427
+ return;
11428
+ }
11417
11429
  var purposeOption = PURPOSE_OPTIONS.find(function (o) { return o.val === item.purpose; });
11418
11430
  this.formData = {
11419
11431
  type: key,
@@ -11425,6 +11437,7 @@ var add_and_takevue_type_script_lang_ts_AddAndTake = (function (_super) {
11425
11437
  isShowDelete: !!item[key]
11426
11438
  };
11427
11439
  var startPolicyNo = initInterestData.startPolicyNo, startIndex = initInterestData.startIndex;
11440
+ var tempItem = accountData.addAndTakeData && accountData.addAndTakeData.find(function (a) { return a.key === _this.formData.type; });
11428
11441
  this.beginYearOptions = getBeginYearOpts(this.formData, {
11429
11442
  data: initAddAndTakeData,
11430
11443
  startPolicyNo: startPolicyNo,
@@ -11434,6 +11447,37 @@ var add_and_takevue_type_script_lang_ts_AddAndTake = (function (_super) {
11434
11447
  });
11435
11448
  this.subName = 'Form';
11436
11449
  };
11450
+ AddAndTake.prototype.openFormPicker = function (key) {
11451
+ var _a = this, insuredAge = _a.insuredAge, initInterestData = _a.initInterestData, initAddAndTakeData = _a.initAddAndTakeData;
11452
+ if (!(initInterestData && initAddAndTakeData)) {
11453
+ return;
11454
+ }
11455
+ var startPolicyNo = initInterestData.startPolicyNo, startIndex = initInterestData.startIndex;
11456
+ var maxLength = initAddAndTakeData.reduce(function (a, b) { return Math.max(a, b.values.length); }, 0);
11457
+ var options = [];
11458
+ for (var i = 0; i < maxLength; i++) {
11459
+ var year = i + startPolicyNo;
11460
+ options.push({
11461
+ val: year,
11462
+ desc: "\u7B2C" + year + "\u5E74," + (insuredAge + startIndex + i + 1) + "\u5C81"
11463
+ });
11464
+ }
11465
+ if (!options.length) {
11466
+ return;
11467
+ }
11468
+ var firstOption = options[0];
11469
+ this.formData = {
11470
+ type: key,
11471
+ beginYear: firstOption.val,
11472
+ endYear: firstOption.val,
11473
+ baof: null,
11474
+ purpose: '',
11475
+ customPurpose: '',
11476
+ isShowDelete: false
11477
+ };
11478
+ this.beginYearOptions = options;
11479
+ this.subName = 'Form';
11480
+ };
11437
11481
  AddAndTake.prototype.onClickOpenPicker = function (key) {
11438
11482
  var self = this;
11439
11483
  var formData = self.formData, beginYearOptions = self.beginYearOptions;
@@ -11568,8 +11612,8 @@ var add_and_takevue_type_script_lang_ts_AddAndTake = (function (_super) {
11568
11612
 
11569
11613
  // CONCATENATED MODULE: ./packages/add-and-take/index.vue?vue&type=script&lang=ts&
11570
11614
  /* harmony default export */ var packages_add_and_takevue_type_script_lang_ts_ = (add_and_takevue_type_script_lang_ts_);
11571
- // EXTERNAL MODULE: ./packages/add-and-take/index.vue?vue&type=style&index=0&id=0b814651&prod&lang=css&
11572
- var add_and_takevue_type_style_index_0_id_0b814651_prod_lang_css_ = __webpack_require__(150);
11615
+ // EXTERNAL MODULE: ./packages/add-and-take/index.vue?vue&type=style&index=0&id=623c293b&prod&lang=css&
11616
+ var add_and_takevue_type_style_index_0_id_623c293b_prod_lang_css_ = __webpack_require__(150);
11573
11617
 
11574
11618
  // CONCATENATED MODULE: ./packages/add-and-take/index.vue
11575
11619
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bxs-tools-ui",
3
- "version": "1.2.0-3",
3
+ "version": "1.2.0-4",
4
4
  "description": "微易前端业务组件",
5
5
  "main": "lib/index.js",
6
6
  "files": [
package/packages/add-and-take/index.css CHANGED
@@ -2,9 +2,6 @@
2
2
  @import 'base.css';
3
3
 
4
4
  .bxt-add-and-take {
5
- padding: 9px;
6
- background: var(--color-bg-primary);
7
-
8
5
  &.bxt-add-and-take--footer {
9
6
  @apply --safe-area-inset-bottom;
10
7
 
@@ -12,7 +9,7 @@
12
9
  }
13
10
 
14
11
  & .bxt-aat-table {
15
- padding: 15px;
12
+ padding: 12px;
16
13
  background: #fff;
17
14
  border-radius: 6px;
18
15
 
@@ -44,6 +41,7 @@
44
41
 
45
42
  & .bxt-aat-bonus-desc.active {
46
43
  font-size: 13px;
44
+ font-weight: bold;
47
45
  color: #0a64fe;
48
46
  background: #e6effe;
49
47
  }
@@ -145,21 +143,19 @@
145
143
  & .bxt-aat-form {
146
144
  font-size: 13px;
147
145
  background: white;
148
- border-radius: 6px;
149
146
 
150
147
  & .bxt-aat-form-items {
151
148
  padding: 15px 0;
152
149
 
153
150
  & .bx-form-item {
154
151
  & .bxt-aat-form-item-title {
155
- margin-bottom: 12px;
156
152
  font-size: 13px;
157
153
  color: #999;
158
154
  }
159
155
 
160
156
  & .bx-input {
161
157
  width: 150px;
162
- border: 1px solid #999;
158
+ border: 1px solid #ccc;
163
159
  border-radius: 50px;
164
160
 
165
161
  & .bx-input-body {
@@ -188,7 +184,7 @@
188
184
  & .bxt-aat-form-purpose-option {
189
185
  display: inline-block;
190
186
  min-width: 50px;
191
- margin: 0 6px 15px 0;
187
+ margin: 15px 9px 0 0;
192
188
  padding: 3px 6px;
193
189
  text-align: center;
194
190
  background: rgba(0, 0, 0, 0.04);
@@ -204,6 +200,7 @@
204
200
  & .bx-input {
205
201
  display: inline-block;
206
202
  width: 130px;
203
+ margin-left: 3px;
207
204
  font-size: 13px;
208
205
 
209
206
  & .bx-input-control {
@@ -216,6 +213,7 @@
216
213
 
217
214
  & .bxt-aat-form-item-content {
218
215
  display: flex;
216
+ margin-top: 12px;
219
217
  font-size: 13px;
220
218
 
221
219
  & .bxt-aat-form-item-select {
@@ -225,8 +223,9 @@
225
223
  & .bxt-aat-form-item-select__button {
226
224
  display: inline-block;
227
225
  width: 100%;
226
+ min-height: 28px;
228
227
  padding: 5px 12px 5px 6px;
229
- border: 1px solid #999;
228
+ border: 1px solid #ccc;
230
229
  border-radius: 50px;
231
230
  box-sizing: border-box;
232
231
  text-align: center;
@@ -253,13 +252,17 @@
253
252
  transform: translate(-50%, -50%);
254
253
  width: 50%;
255
254
  height: 1px;
256
- border-bottom: 1px solid #999;
255
+ border-bottom: 1px solid #ccc;
257
256
  content: ' ';
258
257
  }
259
258
  }
260
259
 
260
+ & .bxt-aat-form-item-baof {
261
+ margin-top: 12px;
262
+ }
263
+
261
264
  & .bxt-aat-form-baof-tips {
262
- margin: 6px 0;
265
+ margin: 12px 0;
263
266
  line-height: 145%;
264
267
  color: var(--color-text-patch);
265
268
  font-size: 12px;
@@ -288,32 +291,49 @@
288
291
  display: flex;
289
292
 
290
293
  & span {
291
- flex: 4;
294
+ flex: 1;
292
295
  margin-right: 9px;
293
296
  padding: 9px 0;
294
- border: 1px solid var(--color-line-split);
297
+ color: var(--color-primary);
298
+ border: 1px solid var(--color-primary);
295
299
  border-radius: 6px;
296
300
  background: white;
297
301
  text-align: center;
302
+ }
298
303
 
299
- &:first-child {
300
- flex: 2;
304
+ & span.bxt-aat-footer-delete-all-btn {
305
+ display: flex;
306
+ align-items: center;
307
+ padding: 0;
308
+ border: 0;
309
+ color: var(--color-text-primary);
310
+ background: none;
311
+ text-align: left;
312
+
313
+ & .icon-delete_rubbish {
314
+ margin-right: 3px;
315
+ font-size: 24px;
316
+ font-weight: bold;
317
+ vertical-align: middle;
301
318
  }
302
319
 
303
- &:last-child {
304
- flex: 3;
305
- margin-right: 0;
306
- color: white;
307
- border: 1px solid var(--color-primary);
308
- background: var(--color-primary);
320
+ & em {
321
+ vertical-align: middle;
309
322
  }
310
323
  }
324
+
325
+ & span.bxt-aat-footer-ok-btn {
326
+ margin-right: 0;
327
+ color: white;
328
+ border: 1px solid var(--color-primary);
329
+ background: var(--color-primary);
330
+ }
311
331
  }
312
332
  }
313
333
 
314
334
  & .bxt-aat-tips {
315
335
  line-height: 145%;
316
- padding: 12px 0 6px;
336
+ padding: 12px 12px 6px;
317
337
  font-size: 12px;
318
338
  color: var(--color-text-patch);
319
339
  }
package/packages/add-and-take/index.vue CHANGED
@@ -49,9 +49,7 @@
49
49
  }"
50
50
  @click="onClickToForm(key, record)"
51
51
  >
52
- <span>
53
- {{ record[key] }}
54
- </span>
52
+ <span v-html="record[key]"></span>
55
53
  <span v-if="key === 'take' && record.purpose">
56
54
  {{ record.purpose }}
57
55
  </span>
@@ -92,11 +90,13 @@
92
90
  <header class="bxt-aat-form-item-title">
93
91
  {{ formData.type === 'add' ? '追加金额' : '领取金额' }}
94
92
  </header>
95
- <bxs-input placeholder="请输入金额" v-model.number="formData.baof" :maxlength="9" autocomplete="off" />
96
- <p v-if="!['reduceBaof'].includes(type) && ['take'].includes(formData.type)" class="bxt-aat-form-baof-tips">
97
- 根据低档收益，最大领取金额约
98
- <span>{{ ensureCanTakeAmount }}</span> 元<br />仅供参考，实际领取以保单账户价值为准
99
- </p>
93
+ <div class="bxt-aat-form-item-baof">
94
+ <bxs-input placeholder="请输入金额" v-model.number="formData.baof" :maxlength="9" autocomplete="off" />
95
+ <p v-if="!['reduceBaof'].includes(type) && ['take'].includes(formData.type)" class="bxt-aat-form-baof-tips">
96
+ 根据低档收益，最大领取金额约
97
+ <span>{{ ensureCanTakeAmount }}</span> 元，仅供参考，实际领取以保单账户价值为准；
98
+ </p>
99
+ </div>
100
100
  </bxs-form-item>
101
101
  <bxs-form-item v-if="['take'].includes(formData.type)" class="bxt-aat-form-purpose">
102
102
  <header class="bxt-aat-form-item-title">
@@ -110,10 +110,7 @@
110
110
  :class="{
111
111
  active: formData.purpose === o.val
112
112
  }"
113
- @click="
114
- formData.purpose = o.val;
115
- isShowCustomPurpose = formData.purpose === '';
116
- "
113
+ @click="formData.purpose = o.val"
117
114
  >
118
115
  {{ o.desc }}
119
116
  </span>
@@ -121,32 +118,29 @@
121
118
  <bxs-input
122
119
  placeholder="请输入，5个字以内"
123
120
  v-model="formData.customPurpose"
124
- :maxlength="50"
121
+ :maxlength="5"
125
122
  autocomplete="off"
126
- @focus="isShowCustomPurpose = true"
127
123
  />
128
- <span
129
- v-if="isShowCustomPurpose"
130
- class="bxt-aat-form-purpose-option active"
131
- @click="isShowCustomPurpose = false"
132
- >
133
- 确定
134
- </span>
135
124
  </template>
136
125
  </div>
137
126
  </bxs-form-item>
138
127
  </bxs-form>
139
128
  </div>
140
129
  <div class="bxt-aat-tips">
141
- 温馨提示：以上演示说明为本平台对上述产品的理解便于保险从业人员学习、交流，演示数据仅供参考，请以实际为准。
130
+ 以上演示为便于保险从业人员学习交流使用，演示数据仅供参考。
142
131
  </div>
143
132
  <footer v-if="footer" class="bxt-aat-footer">
144
133
  <div class="bxt-aat-footer-wrapper">
145
- <span v-if="isShowDeleteAllBtn" class="delete" @click="deleteAllData">
146
- 清空记录
147
- </span>
134
+ <template v-if="subName === 'Table'">
135
+ <span v-if="isShowDeleteAllBtn" class="bxt-aat-footer-delete-all-btn" @click="deleteAllData">
136
+ <i class="iconfont icon-delete_rubbish"></i>
137
+ <em>清空</em>
138
+ </span>
139
+ <span v-if="['addAndTake', 'add'].includes(type)" @click="openFormPicker('add')">追加</span>
140
+ <span v-if="['addAndTake', 'take', 'reduceBaof'].includes(type)" @click="openFormPicker('take')">领取</span>
141
+ <span class="bxt-aat-footer-ok-btn" @click="tableConfirm()">确定</span>
142
+ </template>
148
143
  <template v-if="subName === 'Form'">
149
- <span @click="goToTable">返回</span>
150
144
  <span
151
145
  v-if="formData.isShowDelete"
152
146
  class="delete"
@@ -159,8 +153,8 @@
159
153
  >
160
154
  删除{{ formData.beginYear }}-{{ formData.endYear }}年记录
161
155
  </span>
156
+ <span class="bxt-aat-footer-ok-btn" @click="formConfirm()">确定</span>
162
157
  </template>
163
- <span @click="subName === 'Table' ? tableConfirm() : formConfirm()">确定</span>
164
158
  </div>
165
159
  </footer>
166
160
  </div>
@@ -263,7 +257,7 @@ export default class AddAndTake extends Vue {
263
257
  if (!['add', 'take'].includes(d.key)) {
264
258
  d.uniKey = `${d.key}_${i}`;
265
259
  }
266
- tableHeaderData[d.key] = d.name;
260
+ tableHeaderData[d.uniKey || d.key] = d.name && d.name.replace(/^(.+)([(（])/, '<p>$1</p>$2');
267
261
  });
268
262
 
269
263
  const { startPolicyNo, startIndex, reduceIndex } = initInterestData;
@@ -276,7 +270,7 @@ export default class AddAndTake extends Vue {
276
270
  };
277
271
  initAddAndTakeData.map(item => {
278
272
  if (item.values) {
279
- record[item.key] = item.values[i] || 0;
273
+ record[item.uniKey || item.key] = item.values[i] || 0;
280
274
  }
281
275
  if (item.details) {
282
276
  record.purpose = item.details[i] || '';
@@ -319,7 +313,6 @@ export default class AddAndTake extends Vue {
319
313
  formData: any = {};
320
314
  interestFormData: any = {};
321
315
  beginYearOptions: any = [];
322
- isShowCustomPurpose = true;
323
316
 
324
317
  AAT_FORM_RULES = AAT_FORM_RULES;
325
318
  PURPOSE_OPTIONS = PURPOSE_OPTIONS;
@@ -468,7 +461,7 @@ export default class AddAndTake extends Vue {
468
461
  }
469
462
  this.accountData = caclAccountData;
470
463
  data.forEach(d => {
471
- d.values = d.values && d.values.map(v => (v ? Number(v.toFixed(2)) : v));
464
+ d.values = d.values && d.values.map(v => (v ? Math.round(v) : v));
472
465
  });
473
466
  this.initAddAndTakeData = data;
474
467
  return Promise.resolve(data);
@@ -498,7 +491,9 @@ export default class AddAndTake extends Vue {
498
491
  return;
499
492
  }
500
493
  const { insuredAge, initInterestData, initAddAndTakeData, accountData } = this;
501
- const tempItem = accountData.addAndTakeData && accountData.addAndTakeData.find(a => a.key === this.formData.type);
494
+ if (!(initInterestData && initAddAndTakeData)) {
495
+ return;
496
+ }
502
497
  const purposeOption = PURPOSE_OPTIONS.find(o => o.val === item.purpose);
503
498
  this.formData = {
504
499
  type: key,
@@ -509,8 +504,8 @@ export default class AddAndTake extends Vue {
509
504
  customPurpose: item.purpose,
510
505
  isShowDelete: !!item[key]
511
506
  };
512
-
513
507
  const { startPolicyNo, startIndex } = initInterestData;
508
+ const tempItem = accountData.addAndTakeData && accountData.addAndTakeData.find(a => a.key === this.formData.type);
514
509
  this.beginYearOptions = getBeginYearOpts(this.formData, {
515
510
  data: initAddAndTakeData,
516
511
  startPolicyNo,
@@ -520,6 +515,38 @@ export default class AddAndTake extends Vue {
520
515
  });
521
516
  this.subName = 'Form';
522
517
  }
518
+ openFormPicker(key) {
519
+ const { insuredAge, initInterestData, initAddAndTakeData } = this;
520
+ if (!(initInterestData && initAddAndTakeData)) {
521
+ return;
522
+ }
523
+ const { startPolicyNo, startIndex } = initInterestData;
524
+ const maxLength = initAddAndTakeData.reduce((a, b) => Math.max(a, b.values.length), 0);
525
+ const options: any = [];
526
+ for (let i = 0; i < maxLength; i++) {
527
+ const year = i + startPolicyNo;
528
+ options.push({
529
+ val: year,
530
+ desc: `第${year}年,${insuredAge + startIndex + i + 1}岁`
531
+ });
532
+ }
533
+
534
+ if (!options.length) {
535
+ return;
536
+ }
537
+ const firstOption = options[0];
538
+ this.formData = {
539
+ type: key,
540
+ beginYear: firstOption.val,
541
+ endYear: firstOption.val,
542
+ baof: null,
543
+ purpose: '',
544
+ customPurpose: '',
545
+ isShowDelete: false
546
+ };
547
+ this.beginYearOptions = options;
548
+ this.subName = 'Form';
549
+ }
523
550
  onClickOpenPicker(key) {
524
551
  let self: any = this;
525
552
  const { formData, beginYearOptions } = self;
package/packages/planbook-input/components/product-table.vue CHANGED
@@ -160,7 +160,7 @@
160
160
  :input-data="inputData"
161
161
  :resultData="{
162
162
  // uuid: '9098b439c0c54848b02f1bec49fe3358', // 追加领取 uuid（测试）
163
- uuid: '21e110644eab4c9d845d613ced7d46a4', // 减保领取 uuid（测试）
163
+ // uuid: '21e110644eab4c9d845d613ced7d46a4', // 减保领取 uuid（测试）
164
164
  insuredAge: 30,
165
165
  accountData: {
166
166
  accountName: '',
@@ -286,6 +286,22 @@ export default class BxtProductTable extends Vue {
286
286
  this.closeProductSheet();
287
287
  this.isCkConfirm = false;
288
288
  }
289
+ @Watch('popupConf.AATVisible', {
290
+ immediate: true,
291
+ deep: true
292
+ })
293
+ changeAATVisible(val: boolean) {
294
+ if (!val) {
295
+ const aatRef: any = this.$refs.AddAndTake;
296
+ if (!aatRef) {
297
+ return;
298
+ }
299
+ if (aatRef.subName === 'Form') {
300
+ this.popupConf.AATVisible = true;
301
+ aatRef.goToTable();
302
+ }
303
+ }
304
+ }
289
305
 
290
306
  IS_PRODUCT_ENV = location.hostname.search(/winbaoxian\.com/) !== -1;
291
307
  popupConf = this.initPopupConf();