bxs-tools-ui 1.2.1 → 1.2.2

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 (9) hide show
  1. package/lib/index.css +19 -3
  2. package/lib/index.js +15 -12
  3. package/lib/person-info/index.css +7 -2
  4. package/lib/product-info/index.css +19 -3
  5. package/lib/product-info/index.js +11 -8
  6. package/package.json +1 -1
  7. package/packages/components/form-item/title-item.css +5 -2
  8. package/packages/product-info/index.css +12 -1
  9. package/packages/product-info/index.vue +5 -2
package/lib/index.css CHANGED
@@ -1624,11 +1624,16 @@ footer {
1624
1624
  vertical-align: middle;
1625
1625
  }
1626
1626
  .bxt-item-title .bxt-item-title-label .bxt-title-code {
1627
- margin-right: 10px;
1628
- padding: 1px 4px;
1627
+ margin-right: 5px;
1628
+ padding: 0 2px;
1629
1629
  border-radius: 0.25rem;
1630
1630
  color: #ff703e;
1631
1631
  border: 1px solid #ff703e;
1632
+ font-size: 12px;
1633
+ -webkit-transform: scale(0.8334);
1634
+ transform: scale(0.8334);
1635
+ -webkit-transform-origin: left center;
1636
+ transform-origin: left center;
1632
1637
  }
1633
1638
  .bxt-item-title .bxt-item-title-label .bxt-titile-content--disabled {
1634
1639
  color: #ccc;
@@ -2106,6 +2111,9 @@ footer {
2106
2111
  .bxt-product-info .bxt-product-info-form .bx-form-item .bx-form-item__inner .bx-form-item__content .bx-input-icon .icon-edit2 {
2107
2112
  color: #666 !important;
2108
2113
  }
2114
+ .bxt-product-info .bxt-product-info-form .bx-form-item .bx-form-item__inner .bx-form-item__content .bxt-titile-content {
2115
+ font-size: 15px;
2116
+ }
2109
2117
  .bxt-product-info .bxt-product-info-form .bx-form-item.bxt-ins-form-radio-btn .bx-form-item__inner .bx-form-item__content {
2110
2118
  margin-right: -5px
2111
2119
  }
@@ -2136,7 +2144,11 @@ footer {
2136
2144
  border-radius: 4px;
2137
2145
  color: #ff703e;
2138
2146
  border: 1px solid #ff703e;
2139
- font-size: 14px;
2147
+ font-size: 12px;
2148
+ -webkit-transform: scale(0.8334);
2149
+ transform: scale(0.8334);
2150
+ -webkit-transform-origin: left center;
2151
+ transform-origin: left center;
2140
2152
  vertical-align: middle;
2141
2153
  }
2142
2154
  .bxt-product-info .bxt-product-info-form .bx-form-item.bxt-ins-form-radio .bxt-ins-form-radio-content .bxt-ins-form-radio--tx {
@@ -2190,6 +2202,10 @@ footer {
2190
2202
  font-size: 12px;
2191
2203
  border-radius: 4px;
2192
2204
  }
2205
+ .bxt-product-info .bxt-product-info-form .bx-form-item__unit {
2206
+ position: relative;
2207
+ z-index: 1;
2208
+ }
2193
2209
  .bxt-product-info .bxt-product-info-form .bxt-form-item-label-note {
2194
2210
  padding: 0 15px 15px 15px;
2195
2211
  font-size: 12px;
package/lib/index.js CHANGED
@@ -9730,8 +9730,8 @@ module.exports = function spread(callback) {
9730
9730
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
9731
9731
 
9732
9732
  "use strict";
9733
- /* 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_58aae3be_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(74);
9734
- /* 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_58aae3be_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_58aae3be_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
9733
+ /* 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_21a5639b_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(74);
9734
+ /* 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_21a5639b_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_21a5639b_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
9735
9735
  /* unused harmony reexport * */
9736
9736
 
9737
9737
 
@@ -15658,8 +15658,8 @@ var person_info_component = normalizeComponent(
15658
15658
  )
15659
15659
 
15660
15660
  /* harmony default export */ var person_info = (person_info_component.exports);
15661
- // 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/product-info/index.vue?vue&type=template&id=58aae3be&
15662
- var product_infovue_type_template_id_58aae3be_render = function render() {
15661
+ // 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/product-info/index.vue?vue&type=template&id=21a5639b&
15662
+ var product_infovue_type_template_id_21a5639b_render = function render() {
15663
15663
  var _vm = this,
15664
15664
  _c = _vm._self._c,
15665
15665
  _setup = _vm._self._setupProxy;
@@ -15715,6 +15715,9 @@ var product_infovue_type_template_id_58aae3be_render = function render() {
15715
15715
  expression: "isInsuranceChecked(ins) && !ele.isHide"
15716
15716
  }],
15717
15717
  key: ins.key + ele.key,
15718
+ class: {
15719
+ 'bx-form-item__unit': _vm.activeInputKey === ins.key + ele.key && _vm.numberUnitStr
15720
+ },
15718
15721
  attrs: {
15719
15722
  "prop": ele.key,
15720
15723
  "label": ele.labelName,
@@ -15739,7 +15742,7 @@ var product_infovue_type_template_id_58aae3be_render = function render() {
15739
15742
  },
15740
15743
  on: {
15741
15744
  "focus": function focus($event) {
15742
- _vm.activeInputKey = ele.key;
15745
+ _vm.activeInputKey = ins.key + ele.key;
15743
15746
  _vm.numberUnitStr = _vm.getAmountUnit(ele);
15744
15747
  },
15745
15748
  "blur": function blur($event) {
@@ -15766,7 +15769,7 @@ var product_infovue_type_template_id_58aae3be_render = function render() {
15766
15769
  },
15767
15770
  expression: "ele.value"
15768
15771
  }
15769
- }), _vm.activeInputKey === ele.key && _vm.numberUnitStr ? _c('div', {
15772
+ }), _vm.activeInputKey === ins.key + ele.key && _vm.numberUnitStr ? _c('div', {
15770
15773
  staticClass: "bxt-ins-unit-tips"
15771
15774
  }, [_c('em'), _c('span', [_vm._v("\n " + _vm._s(_vm.numberUnitStr) + "\n ")])]) : _vm._e()], 1)] : _vm._e(), ['cmCommonRadioBtn'].includes(ele.componentName) ? [_c('bxs-form-item', {
15772
15775
  directives: [{
@@ -15918,9 +15921,9 @@ var product_infovue_type_template_id_58aae3be_render = function render() {
15918
15921
  })], 2) : _vm._e();
15919
15922
  };
15920
15923
 
15921
- var product_infovue_type_template_id_58aae3be_staticRenderFns = [];
15924
+ var product_infovue_type_template_id_21a5639b_staticRenderFns = [];
15922
15925
 
15923
- // CONCATENATED MODULE: ./packages/product-info/index.vue?vue&type=template&id=58aae3be&
15926
+ // CONCATENATED MODULE: ./packages/product-info/index.vue?vue&type=template&id=21a5639b&
15924
15927
 
15925
15928
  // CONCATENATED MODULE: ./node_modules/ts-loader??ref--0!./node_modules/vue-loader/lib??vue-loader-options!./packages/product-info/index.vue?vue&type=script&lang=ts&
15926
15929
  var product_infovue_type_script_lang_ts_a;
@@ -16175,8 +16178,8 @@ var product_infovue_type_script_lang_ts_BxtProductInfo = (function (_super) {
16175
16178
 
16176
16179
  // CONCATENATED MODULE: ./packages/product-info/index.vue?vue&type=script&lang=ts&
16177
16180
  /* harmony default export */ var packages_product_infovue_type_script_lang_ts_ = (product_infovue_type_script_lang_ts_);
16178
- // EXTERNAL MODULE: ./packages/product-info/index.vue?vue&type=style&index=0&id=58aae3be&prod&lang=css&
16179
- var product_infovue_type_style_index_0_id_58aae3be_prod_lang_css_ = __webpack_require__(188);
16181
+ // EXTERNAL MODULE: ./packages/product-info/index.vue?vue&type=style&index=0&id=21a5639b&prod&lang=css&
16182
+ var product_infovue_type_style_index_0_id_21a5639b_prod_lang_css_ = __webpack_require__(188);
16180
16183
 
16181
16184
  // CONCATENATED MODULE: ./packages/product-info/index.vue
16182
16185
 
@@ -16189,8 +16192,8 @@ var product_infovue_type_style_index_0_id_58aae3be_prod_lang_css_ = __webpack_re
16189
16192
 
16190
16193
  var product_info_component = normalizeComponent(
16191
16194
  packages_product_infovue_type_script_lang_ts_,
16192
- product_infovue_type_template_id_58aae3be_render,
16193
- product_infovue_type_template_id_58aae3be_staticRenderFns,
16195
+ product_infovue_type_template_id_21a5639b_render,
16196
+ product_infovue_type_template_id_21a5639b_staticRenderFns,
16194
16197
  false,
16195
16198
  null,
16196
16199
  null,
package/lib/person-info/index.css CHANGED
@@ -112,11 +112,16 @@ footer {
112
112
  vertical-align: middle;
113
113
  }
114
114
  .bxt-item-title .bxt-item-title-label .bxt-title-code {
115
- margin-right: 10px;
116
- padding: 1px 4px;
115
+ margin-right: 5px;
116
+ padding: 0 2px;
117
117
  border-radius: 0.25rem;
118
118
  color: #ff703e;
119
119
  border: 1px solid #ff703e;
120
+ font-size: 12px;
121
+ -webkit-transform: scale(0.8334);
122
+ transform: scale(0.8334);
123
+ -webkit-transform-origin: left center;
124
+ transform-origin: left center;
120
125
  }
121
126
  .bxt-item-title .bxt-item-title-label .bxt-titile-content--disabled {
122
127
  color: #ccc;
package/lib/product-info/index.css CHANGED
@@ -168,11 +168,16 @@ footer {
168
168
  vertical-align: middle;
169
169
  }
170
170
  .bxt-item-title .bxt-item-title-label .bxt-title-code {
171
- margin-right: 10px;
172
- padding: 1px 4px;
171
+ margin-right: 5px;
172
+ padding: 0 2px;
173
173
  border-radius: 0.25rem;
174
174
  color: #ff703e;
175
175
  border: 1px solid #ff703e;
176
+ font-size: 12px;
177
+ -webkit-transform: scale(0.8334);
178
+ transform: scale(0.8334);
179
+ -webkit-transform-origin: left center;
180
+ transform-origin: left center;
176
181
  }
177
182
  .bxt-item-title .bxt-item-title-label .bxt-titile-content--disabled {
178
183
  color: #ccc;
@@ -332,6 +337,9 @@ footer {
332
337
  .bxt-product-info .bxt-product-info-form .bx-form-item .bx-form-item__inner .bx-form-item__content .bx-input-icon .icon-edit2 {
333
338
  color: #666 !important;
334
339
  }
340
+ .bxt-product-info .bxt-product-info-form .bx-form-item .bx-form-item__inner .bx-form-item__content .bxt-titile-content {
341
+ font-size: 15px;
342
+ }
335
343
  .bxt-product-info .bxt-product-info-form .bx-form-item.bxt-ins-form-radio-btn .bx-form-item__inner .bx-form-item__content {
336
344
  margin-right: -5px
337
345
  }
@@ -362,7 +370,11 @@ footer {
362
370
  border-radius: 4px;
363
371
  color: #ff703e;
364
372
  border: 1px solid #ff703e;
365
- font-size: 14px;
373
+ font-size: 12px;
374
+ -webkit-transform: scale(0.8334);
375
+ transform: scale(0.8334);
376
+ -webkit-transform-origin: left center;
377
+ transform-origin: left center;
366
378
  vertical-align: middle;
367
379
  }
368
380
  .bxt-product-info .bxt-product-info-form .bx-form-item.bxt-ins-form-radio .bxt-ins-form-radio-content .bxt-ins-form-radio--tx {
@@ -416,6 +428,10 @@ footer {
416
428
  font-size: 12px;
417
429
  border-radius: 4px;
418
430
  }
431
+ .bxt-product-info .bxt-product-info-form .bx-form-item__unit {
432
+ position: relative;
433
+ z-index: 1;
434
+ }
419
435
  .bxt-product-info .bxt-product-info-form .bxt-form-item-label-note {
420
436
  padding: 0 15px 15px 15px;
421
437
  font-size: 12px;
package/lib/product-info/index.js CHANGED
@@ -2103,8 +2103,8 @@ var component = Object(componentNormalizer["a" /* default */])(
2103
2103
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
2104
2104
 
2105
2105
  "use strict";
2106
- /* 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_58aae3be_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(175);
2107
- /* 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_58aae3be_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_58aae3be_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
2106
+ /* 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_21a5639b_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(175);
2107
+ /* 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_21a5639b_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_21a5639b_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
2108
2108
  /* unused harmony reexport * */
2109
2109
 
2110
2110
 
@@ -2755,7 +2755,7 @@ module.exports = function bind(fn, thisArg) {
2755
2755
  // ESM COMPAT FLAG
2756
2756
  __webpack_require__.r(__webpack_exports__);
2757
2757
 
2758
- // 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/product-info/index.vue?vue&type=template&id=58aae3be&
2758
+ // 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/product-info/index.vue?vue&type=template&id=21a5639b&
2759
2759
  var render = function render() {
2760
2760
  var _vm = this,
2761
2761
  _c = _vm._self._c,
@@ -2812,6 +2812,9 @@ var render = function render() {
2812
2812
  expression: "isInsuranceChecked(ins) && !ele.isHide"
2813
2813
  }],
2814
2814
  key: ins.key + ele.key,
2815
+ class: {
2816
+ 'bx-form-item__unit': _vm.activeInputKey === ins.key + ele.key && _vm.numberUnitStr
2817
+ },
2815
2818
  attrs: {
2816
2819
  "prop": ele.key,
2817
2820
  "label": ele.labelName,
@@ -2836,7 +2839,7 @@ var render = function render() {
2836
2839
  },
2837
2840
  on: {
2838
2841
  "focus": function focus($event) {
2839
- _vm.activeInputKey = ele.key;
2842
+ _vm.activeInputKey = ins.key + ele.key;
2840
2843
  _vm.numberUnitStr = _vm.getAmountUnit(ele);
2841
2844
  },
2842
2845
  "blur": function blur($event) {
@@ -2863,7 +2866,7 @@ var render = function render() {
2863
2866
  },
2864
2867
  expression: "ele.value"
2865
2868
  }
2866
- }), _vm.activeInputKey === ele.key && _vm.numberUnitStr ? _c('div', {
2869
+ }), _vm.activeInputKey === ins.key + ele.key && _vm.numberUnitStr ? _c('div', {
2867
2870
  staticClass: "bxt-ins-unit-tips"
2868
2871
  }, [_c('em'), _c('span', [_vm._v("\n " + _vm._s(_vm.numberUnitStr) + "\n ")])]) : _vm._e()], 1)] : _vm._e(), ['cmCommonRadioBtn'].includes(ele.componentName) ? [_c('bxs-form-item', {
2869
2872
  directives: [{
@@ -3017,7 +3020,7 @@ var render = function render() {
3017
3020
 
3018
3021
  var staticRenderFns = [];
3019
3022
 
3020
- // CONCATENATED MODULE: ./packages/product-info/index.vue?vue&type=template&id=58aae3be&
3023
+ // CONCATENATED MODULE: ./packages/product-info/index.vue?vue&type=template&id=21a5639b&
3021
3024
 
3022
3025
  // EXTERNAL MODULE: ./node_modules/tslib/tslib.es6.js
3023
3026
  var tslib_es6 = __webpack_require__(0);
@@ -3297,8 +3300,8 @@ var product_infovue_type_script_lang_ts_BxtProductInfo = (function (_super) {
3297
3300
 
3298
3301
  // CONCATENATED MODULE: ./packages/product-info/index.vue?vue&type=script&lang=ts&
3299
3302
  /* harmony default export */ var packages_product_infovue_type_script_lang_ts_ = (product_infovue_type_script_lang_ts_);
3300
- // EXTERNAL MODULE: ./packages/product-info/index.vue?vue&type=style&index=0&id=58aae3be&prod&lang=css&
3301
- var product_infovue_type_style_index_0_id_58aae3be_prod_lang_css_ = __webpack_require__(196);
3303
+ // EXTERNAL MODULE: ./packages/product-info/index.vue?vue&type=style&index=0&id=21a5639b&prod&lang=css&
3304
+ var product_infovue_type_style_index_0_id_21a5639b_prod_lang_css_ = __webpack_require__(196);
3302
3305
 
3303
3306
  // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
3304
3307
  var componentNormalizer = __webpack_require__(7);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bxs-tools-ui",
3
- "version": "1.2.1",
3
+ "version": "1.2.2",
4
4
  "description": "微易前端业务组件",
5
5
  "main": "lib/index.js",
6
6
  "files": [
package/packages/components/form-item/title-item.css CHANGED
@@ -32,11 +32,14 @@
32
32
  }
33
33
 
34
34
  & .bxt-title-code {
35
- margin-right: 10px;
36
- padding: 1px 4px;
35
+ margin-right: 5px;
36
+ padding: 0 2px;
37
37
  border-radius: 0.25rem;
38
38
  color: #ff703e;
39
39
  border: 1px solid #ff703e;
40
+ font-size: 12px;
41
+ transform: scale(0.8334);
42
+ transform-origin: left center;
40
43
  }
41
44
 
42
45
  & .bxt-titile-content--disabled {
package/packages/product-info/index.css CHANGED
@@ -42,6 +42,10 @@
42
42
  color: var(--color-text-minor) !important;
43
43
  }
44
44
  }
45
+
46
+ & .bxt-titile-content {
47
+ font-size: 15px;
48
+ }
45
49
  }
46
50
  }
47
51
 
@@ -84,7 +88,9 @@
84
88
  border-radius: 4px;
85
89
  color: #ff703e;
86
90
  border: 1px solid #ff703e;
87
- font-size: 14px;
91
+ font-size: 12px;
92
+ transform: scale(0.8334);
93
+ transform-origin: left center;
88
94
  vertical-align: middle;
89
95
  }
90
96
 
@@ -144,6 +150,11 @@
144
150
  }
145
151
  }
146
152
 
153
+ & .bx-form-item__unit {
154
+ position: relative;
155
+ z-index: 1;
156
+ }
157
+
147
158
  & .bxt-form-item-label-note {
148
159
  padding: 0 15px 15px 15px;
149
160
  font-size: 12px;
package/packages/product-info/index.vue CHANGED
@@ -31,6 +31,9 @@
31
31
  <template v-if="['cmCommonInput'].includes(ele.componentName)">
32
32
  <bxs-form-item
33
33
  v-show="isInsuranceChecked(ins) && !ele.isHide"
34
+ :class="{
35
+ 'bx-form-item__unit': activeInputKey === ins.key + ele.key && numberUnitStr
36
+ }"
34
37
  :key="ins.key + ele.key"
35
38
  :prop="ele.key"
36
39
  :label="ele.labelName"
@@ -53,7 +56,7 @@
53
56
  name: 'edit2 iconfont'
54
57
  }"
55
58
  @focus="
56
- activeInputKey = ele.key;
59
+ activeInputKey = ins.key + ele.key;
57
60
  numberUnitStr = getAmountUnit(ele);
58
61
  "
59
62
  @blur="activeInputKey = ''"
@@ -61,7 +64,7 @@
61
64
  @change="change({ insData: ins, eleData: ele, type: 'change' })"
62
65
  @click-icon="onClickIcon(`id_${ins.key}_${ele.key}`)"
63
66
  />
64
- <div v-if="activeInputKey === ele.key && numberUnitStr" class="bxt-ins-unit-tips">
67
+ <div v-if="activeInputKey === ins.key + ele.key && numberUnitStr" class="bxt-ins-unit-tips">
65
68
  <em />
66
69
  <span>
67
70
  {{ numberUnitStr }}