twmodule 0.0.63 → 0.0.65
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.
- package/README.md +44 -7
- package/lib/twComp.common.js +55 -183
- package/lib/twComp.css +1 -1
- package/lib/twComp.umd.js +55 -183
- package/lib/twComp.umd.min.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
@@ -571,6 +571,36 @@ stepData:{
|
|
571
571
|
|
572
572
|
//table列设置(数组中枚举了所有单元格可能会出现的场景,如有满足不了的需求,请联系管理人员添加场景)
|
573
573
|
columns = [
|
574
|
+
{
|
575
|
+
title: 'changeImg',
|
576
|
+
dataIndex: 'changeImgList',
|
577
|
+
isSpecial:{//是否开启字段样式特殊处理
|
578
|
+
class:'changeImg',
|
579
|
+
type:'imgList',//图片类型,与img数组配合使用,根据不同的状态值显示不同的图片
|
580
|
+
imgList:[
|
581
|
+
{value:'img1',img:require("../assets/logo.png")},
|
582
|
+
{value:'img2',img:require("../assets/gou.png")},
|
583
|
+
]
|
584
|
+
}
|
585
|
+
},
|
586
|
+
{
|
587
|
+
title: 'changeImg',
|
588
|
+
dataIndex: 'changeImg',
|
589
|
+
isSpecial:{//是否开启字段样式特殊处理
|
590
|
+
class:'changeImg',
|
591
|
+
type:'img',//图片类型,与img数组配合使用,根据不同的状态值显示不同的图片
|
592
|
+
img:require("../assets/logo.png")
|
593
|
+
}
|
594
|
+
},
|
595
|
+
{
|
596
|
+
title: 'changeNum',
|
597
|
+
dataIndex: 'changeNum',
|
598
|
+
isSpecial:{//是否开启字段样式特殊处理
|
599
|
+
type:'num',//数值类型,与numType配合使用,根据不同的数值类型,格式化数据
|
600
|
+
numType:'comma',
|
601
|
+
class:'changeNum',
|
602
|
+
}
|
603
|
+
},
|
574
604
|
{
|
575
605
|
title: 'Name',
|
576
606
|
dataIndex: 'name',
|
@@ -580,18 +610,25 @@ stepData:{
|
|
580
610
|
fixed:'left',//开启固定列,left/right;使用fixed时,必须使用width固定宽度,否则样式会有问题
|
581
611
|
width:100,//列宽
|
582
612
|
colSpan: 2,//开启表头列合并,下一列必须设置colSpan: 0,不然表头会错乱
|
583
|
-
tableRowSpan:true
|
613
|
+
tableRowSpan:true,//开启数据行合并,使用数据行合并时,不建议用isSpecial,特别是使用样式类型时,除了字体颜色外,不会生效
|
584
614
|
isSpecial:{//是否开启字段样式特殊处理
|
585
|
-
|
615
|
+
type:'styleList',//样式数组类型,对不同的值,显示不同的样式
|
616
|
+
isClick:true,//开启状态列点击事件
|
617
|
+
textStyleList:[
|
618
|
+
{value:'John Brown',style:{"color":"red","border-bottom":"1px solid red","cursor":"pointer"}},
|
619
|
+
{value:'Joe Black',style:{"color":"blue","border-bottom":"1px solid blue","cursor":"pointer"}},
|
620
|
+
{value:'Jim Green',style:{"color":"green","border-bottom":"1px solid green","cursor":"pointer"}},
|
621
|
+
]
|
586
622
|
}
|
587
623
|
},
|
588
624
|
{
|
589
625
|
title: 'Phone',
|
590
626
|
colSpan: 0,
|
591
627
|
dataIndex: 'phone',
|
592
|
-
|
593
|
-
|
594
|
-
|
628
|
+
isSpecial:{//是否开启字段样式特殊处理
|
629
|
+
class:'qwe123',
|
630
|
+
type:'style',//样式类型,对显示的内容做统一样式处理
|
631
|
+
textStyle:{"color":"red","cursor":"pointer"}
|
595
632
|
}
|
596
633
|
},
|
597
634
|
{
|
@@ -603,9 +640,9 @@ stepData:{
|
|
603
640
|
{name:'失败',value:'fail',class:'stateColorRed',styles:{color:'red'}},
|
604
641
|
{name:'警告',value:'warning',class:'stateColorYellow'},
|
605
642
|
{value:'danger',styles:{color:'red'},class:'stateColorGrey'},
|
606
|
-
{value:'ing',styles:{color:'blue'},class:'stateColorGreen',img:require("../assets/logo.png")}]
|
643
|
+
{value:'ing',styles:{color:'blue'},class:'stateColorGreen',img:require("../assets/logo.png"),imgClass:'logo'}]
|
607
644
|
//状态列数组,name表示要显示的值,没有该字段时,就显示dataindex匹配的值。
|
608
|
-
//value就是dataindex的枚举值,icon:element的图标库,img:本地图片(一定要用require的方式引入),
|
645
|
+
//value就是dataindex的枚举值,icon:element的图标库,img:本地图片(一定要用require的方式引入),imgClass引入图片的样式
|
609
646
|
//styles表格中的自定义样式, class内置了五种状态样式,写上class就行了(注意:styles里面的样式会覆盖class内的样式)
|
610
647
|
}
|
611
648
|
},
|
package/lib/twComp.common.js
CHANGED
@@ -3050,17 +3050,6 @@ module.exports = function ($this, dummy, Wrapper) {
|
|
3050
3050
|
|
3051
3051
|
/***/ }),
|
3052
3052
|
|
3053
|
-
/***/ "7355":
|
3054
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
3055
|
-
|
3056
|
-
"use strict";
|
3057
|
-
/* harmony import */ var _node_modules_mini_css_extract_plugin_0_9_0_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_3_6_0_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_15_9_3_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_8_0_2_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_4_1_0_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_15_9_3_vue_loader_lib_index_js_vue_loader_options_twTable_vue_vue_type_style_index_0_id_ff168e58_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("8959");
|
3058
|
-
/* harmony import */ var _node_modules_mini_css_extract_plugin_0_9_0_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_3_6_0_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_15_9_3_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_8_0_2_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_4_1_0_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_15_9_3_vue_loader_lib_index_js_vue_loader_options_twTable_vue_vue_type_style_index_0_id_ff168e58_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_0_9_0_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_3_6_0_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_15_9_3_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_8_0_2_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_4_1_0_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_15_9_3_vue_loader_lib_index_js_vue_loader_options_twTable_vue_vue_type_style_index_0_id_ff168e58_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
|
3059
|
-
/* unused harmony reexport * */
|
3060
|
-
/* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_0_9_0_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_3_6_0_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_15_9_3_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_8_0_2_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_4_1_0_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_15_9_3_vue_loader_lib_index_js_vue_loader_options_twTable_vue_vue_type_style_index_0_id_ff168e58_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default.a);
|
3061
|
-
|
3062
|
-
/***/ }),
|
3063
|
-
|
3064
3053
|
/***/ "74cb":
|
3065
3054
|
/***/ (function(module, exports, __webpack_require__) {
|
3066
3055
|
|
@@ -3087,6 +3076,17 @@ module.exports = Array.isArray || function isArray(arg) {
|
|
3087
3076
|
};
|
3088
3077
|
|
3089
3078
|
|
3079
|
+
/***/ }),
|
3080
|
+
|
3081
|
+
/***/ "7689":
|
3082
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
3083
|
+
|
3084
|
+
"use strict";
|
3085
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_0_9_0_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_3_6_0_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_15_9_3_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_8_0_2_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_4_1_0_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_15_9_3_vue_loader_lib_index_js_vue_loader_options_twTable_vue_vue_type_style_index_0_id_d9c4af18_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("8bc8");
|
3086
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_0_9_0_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_3_6_0_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_15_9_3_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_8_0_2_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_4_1_0_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_15_9_3_vue_loader_lib_index_js_vue_loader_options_twTable_vue_vue_type_style_index_0_id_d9c4af18_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_0_9_0_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_3_6_0_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_15_9_3_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_8_0_2_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_4_1_0_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_15_9_3_vue_loader_lib_index_js_vue_loader_options_twTable_vue_vue_type_style_index_0_id_d9c4af18_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
|
3087
|
+
/* unused harmony reexport * */
|
3088
|
+
/* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_0_9_0_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_3_6_0_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_15_9_3_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_8_0_2_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_4_1_0_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_15_9_3_vue_loader_lib_index_js_vue_loader_options_twTable_vue_vue_type_style_index_0_id_d9c4af18_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default.a);
|
3089
|
+
|
3090
3090
|
/***/ }),
|
3091
3091
|
|
3092
3092
|
/***/ "77ad":
|
@@ -3498,13 +3498,6 @@ module.exports = function (it) {
|
|
3498
3498
|
};
|
3499
3499
|
|
3500
3500
|
|
3501
|
-
/***/ }),
|
3502
|
-
|
3503
|
-
/***/ "8959":
|
3504
|
-
/***/ (function(module, exports, __webpack_require__) {
|
3505
|
-
|
3506
|
-
// extracted by mini-css-extract-plugin
|
3507
|
-
|
3508
3501
|
/***/ }),
|
3509
3502
|
|
3510
3503
|
/***/ "8a1c":
|
@@ -3524,6 +3517,13 @@ module.exports = function (it) {
|
|
3524
3517
|
};
|
3525
3518
|
|
3526
3519
|
|
3520
|
+
/***/ }),
|
3521
|
+
|
3522
|
+
/***/ "8bc8":
|
3523
|
+
/***/ (function(module, exports, __webpack_require__) {
|
3524
|
+
|
3525
|
+
// extracted by mini-css-extract-plugin
|
3526
|
+
|
3527
3527
|
/***/ }),
|
3528
3528
|
|
3529
3529
|
/***/ "8d44":
|
@@ -9573,25 +9573,25 @@ twFormItem_src_main.install = function (Vue) {
|
|
9573
9573
|
};
|
9574
9574
|
|
9575
9575
|
/* harmony default export */ var twFormItem = (twFormItem_src_main);
|
9576
|
-
// CONCATENATED MODULE: ./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9b9f7194-vue-loader-template"}!./node_modules/_vue-loader@15.9.3@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.3@vue-loader/lib??vue-loader-options!./packages/twTable/src/main.vue?vue&type=template&id=
|
9577
|
-
var
|
9578
|
-
var
|
9576
|
+
// CONCATENATED MODULE: ./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9b9f7194-vue-loader-template"}!./node_modules/_vue-loader@15.9.3@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.3@vue-loader/lib??vue-loader-options!./packages/twTable/src/main.vue?vue&type=template&id=57c43650&
|
9577
|
+
var mainvue_type_template_id_57c43650_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('TwTableModule',{attrs:{"tableInits":_vm.tableInit,"tableData":_vm.tableData,"columns":_vm.columns},on:{"cellClick":_vm.cellClick,"addNewBack":_vm.addNewBack,"cellClickFBC":_vm.cellClickFBC,"changePage":_vm.changePage,"selectRow":_vm.selectRow,"selectChange":_vm.selectChange}})],1)}
|
9578
|
+
var mainvue_type_template_id_57c43650_staticRenderFns = []
|
9579
9579
|
|
9580
9580
|
|
9581
|
-
// CONCATENATED MODULE: ./packages/twTable/src/main.vue?vue&type=template&id=
|
9581
|
+
// CONCATENATED MODULE: ./packages/twTable/src/main.vue?vue&type=template&id=57c43650&
|
9582
9582
|
|
9583
|
-
// CONCATENATED MODULE: ./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9b9f7194-vue-loader-template"}!./node_modules/_vue-loader@15.9.3@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.3@vue-loader/lib??vue-loader-options!./examples/components/comPage/twTable/twTable.vue?vue&type=template&id=
|
9584
|
-
var
|
9583
|
+
// CONCATENATED MODULE: ./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9b9f7194-vue-loader-template"}!./node_modules/_vue-loader@15.9.3@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.3@vue-loader/lib??vue-loader-options!./examples/components/comPage/twTable/twTable.vue?vue&type=template&id=d9c4af18&scoped=true&
|
9584
|
+
var twTablevue_type_template_id_d9c4af18_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{style:({position:'relative','padding-bottom':(_vm.tableInit.addNewRow || _vm.tableInit.pagination)?'70px':'0'})},[_c('a-table',{class:_vm.tableInit.tableClassName?_vm.tableInit.tableClassName+' twTableStyle':'twTableStyle',attrs:{"columns":_vm.columns.filter(function (v) { return !v.rowHide; }),"data-source":_vm.tableData,"bordered":_vm.tableInit.border,"rowKey":function (record, index) { return index },"pagination":false,"size":_vm.tableInit.size?_vm.tableInit.size:'small',"customRow":_vm.customRow,"customHeaderRow":_vm.customHeaderRow,"scroll":{y:_vm.tableInit.height?_vm.tableInit.height:'',x:_vm.tableInit.width?_vm.tableInit.width:''},"row-selection":_vm.tableInit.select?{ selectedRowKeys: _vm.selectedRowKeys, onChange: _vm.onSelectChange }:null,"rowClassName":_vm.rowClassName,"showHeader":!_vm.tableInit.hideHeader},scopedSlots:_vm._u([{key:"filterDropdown",fn:function(ref){
|
9585
9585
|
var setSelectedKeys = ref.setSelectedKeys;
|
9586
9586
|
var selectedKeys = ref.selectedKeys;
|
9587
9587
|
var confirm = ref.confirm;
|
9588
9588
|
var clearFilters = ref.clearFilters;
|
9589
9589
|
var column = ref.column;
|
9590
|
-
return _c('div',{staticStyle:{"padding":"8px"}},[_c('a-input',{directives:[{name:"ant-ref",rawName:"v-ant-ref",value:(function (c) { return (_vm.searchInput = c); }),expression:"c => (searchInput = c)"}],staticStyle:{"width":"188px","margin-bottom":"8px","display":"block"},attrs:{"placeholder":("搜索 " + (column.title)),"value":selectedKeys[0]},on:{"change":function (e) { return setSelectedKeys(e.target.value ? [e.target.value] : []); },"pressEnter":function () { return _vm.handleSearch(selectedKeys, confirm, column.dataIndex); }}}),_c('a-button',{staticStyle:{"width":"80px","margin-right":"8px","padding-top":"1px"},attrs:{"type":"primary","icon":"search","size":"small"},on:{"click":function () { return _vm.handleSearch(selectedKeys, confirm, column.dataIndex); }}},[_vm._v(" 查询 ")]),_c('a-button',{staticStyle:{"width":"80px","padding-top":"1px"},attrs:{"size":"small"},on:{"click":function () { return _vm.handleReset(clearFilters); }}},[_vm._v(" 重置 ")])],1)}},{key:"filterIcon",fn:function(filtered){return _c('a-icon',{style:({ color: filtered ? '#108ee9' : undefined }),attrs:{"type":"search"}})}},{key:"customRender",fn:function(text, record, index, column){return [(_vm.searchText && _vm.searchedColumn === column.dataIndex)?_c('span',[_vm._l((text.toString().split(new RegExp(("(?<=" + _vm.searchText + ")|(?=" + _vm.searchText + ")"), 'i'))),function(fragment,i){return [(fragment.toLowerCase() === _vm.searchText.toLowerCase())?_c('mark',{key:i,staticClass:"highlight"},[_vm._v(_vm._s(fragment))]):[_vm._v(_vm._s(fragment))]]})],2):[_vm._v(" "+_vm._s(text)+" ")]]}},_vm._l((_vm.columns),function(item,index){return {key:item.dataIndex,fn:function(text, record){return _c('div',{},[(item.isEdit)?_c('span',[(item.isEdit.type === 'textBox')?_c('span',[_c('el-tooltip',{staticClass:"item",attrs:{"effect":"dark","content":record[item.dataIndex]?record[item.dataIndex]+'':'',"placement":"top-start"}},[_c('el-popover',{attrs:{"placement":"bottom","width":"300","trigger":"click"}},[_c('el-input',{staticClass:"cellTextarea",attrs:{"type":"textarea","size":"mini","rows":3},on:{"focus":function($event){return _vm.onCellFBC('focus',record,item)},"input":function($event){return _vm.onCellFBC('change',record,item,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,item)}},model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}}),_c('el-input',{attrs:{"slot":"reference","placeholder":"请输入内容","size":"mini"},on:{"focus":function($event){return _vm.onCellFBC('focus',record,item)},"input":function($event){return _vm.onCellFBC('change',record,item,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,item)}},slot:"reference",model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}})],1)],1)],1):_vm._e(),(item.isEdit.type === 'numberBox')?_c('span',[_c('el-tooltip',{staticClass:"item",attrs:{"effect":"dark","content":record[item.dataIndex]?record[item.dataIndex]+'':'',"placement":"top-start"}},[_c('el-popover',{attrs:{"placement":"bottom","width":"300","trigger":"click"}},[_c('el-input',{staticClass:"cellTextarea",attrs:{"type":"textarea","size":"mini","rows":3},on:{"focus":function($event){return _vm.onCellFBC('focus',record,item)},"input":function($event){return _vm.onCellFBC('change',record,item,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,item)}},model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}}),_c('el-input',{attrs:{"slot":"reference","placeholder":"请输入内容","size":"mini","type":"number"},on:{"focus":function($event){return _vm.onCellFBC('focus',record,item)},"input":function($event){return _vm.onCellFBC('change',record,item,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,item)}},slot:"reference",model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}})],1)],1)],1):_vm._e(),(item.isEdit.type === 'textareaBox')?_c('span',[_c('el-tooltip',{staticClass:"item",attrs:{"effect":"dark","content":record[item.dataIndex]?record[item.dataIndex]+'':'',"placement":"top-start"}},[_c('el-popover',{attrs:{"placement":"bottom","width":"300","trigger":"click"}},[_c('el-input',{staticClass:"cellTextarea",attrs:{"type":"textarea","size":"mini","rows":3},on:{"focus":function($event){return _vm.onCellFBC('focus',record,item)},"input":function($event){return _vm.onCellFBC('change',record,item,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,item)}},model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}}),_c('el-input',{attrs:{"slot":"reference","placeholder":"请输入内容","size":"mini","type":"textarea"},on:{"focus":function($event){return _vm.onCellFBC('focus',record,item)},"input":function($event){return _vm.onCellFBC('change',record,item,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,item)}},slot:"reference",model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}})],1)],1)],1):_vm._e(),(item.isEdit.type === 'text')?_c('el-input',{attrs:{"placeholder":"请输入内容","size":"mini"},on:{"focus":function($event){return _vm.onCellFBC('focus',record,item)},"input":function($event){return _vm.onCellFBC('change',record,item,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,item)}},model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}}):_vm._e(),(item.isEdit.type === 'number')?_c('el-input',{attrs:{"type":"number","size":"mini"},on:{"focus":function($event){return _vm.onCellFBC('focus',record,item)},"input":function($event){return _vm.onCellFBC('change',record,item,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,item)}},model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}}):_vm._e(),(item.isEdit.type === 'textarea')?_c('el-input',{attrs:{"type":"textarea","size":"mini"},on:{"focus":function($event){return _vm.onCellFBC('focus',record,item)},"input":function($event){return _vm.onCellFBC('change',record,item,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,item)}},model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}}):_vm._e(),(item.isEdit.type === 'select')?_c('el-select',{attrs:{"size":"mini"},on:{"change":function($event){return _vm.clickBtn(record,item)}},model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}},_vm._l((item.isEdit.dataList),function(item){return _c('el-option',{key:item.value,attrs:{"label":item.name,"value":item.value}})}),1):_vm._e(),(item.isEdit.type === 'radio')?_c('el-radio-group',{on:{"change":function($event){return _vm.clickBtn(record,item)}},model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}},_vm._l((item.isEdit.dataList),function(radioItem){return _c('el-radio',{attrs:{"label":radioItem.value}},[_vm._v(_vm._s(radioItem.name))])}),1):_vm._e(),(item.isEdit.type === 'checkBox')?_c('el-checkbox-group',{on:{"change":function($event){return _vm.clickBtn(record,item)}},model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}},_vm._l((item.isEdit.dataList),function(checkItem){return _c('el-checkbox',{attrs:{"label":checkItem.value}},[_vm._v(_vm._s(checkItem.name))])}),1):_vm._e(),(item.isEdit.type === 'switch')?_c('el-switch',{attrs:{"active-color":item.isEdit.activeColor?item.isEdit.activeColor:'',"inactive-color":item.isEdit.defaultColor?item.isEdit.defaultColor:''},on:{"change":function($event){return _vm.clickBtn(record,item)}},model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}}):_vm._e(),(item.isEdit.type === 'date')?_c('el-date-picker',{attrs:{"size":"mini","type":item.isEdit.dateType?item.isEdit.dateType:'date',"placeholder":"请选择","picker-options":_vm.processDate(item)},on:{"change":function($event){return _vm.clickBtn(record,item)}},model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}}):_vm._e()],1):_vm._e(),(item.isBtn)?_c('span',_vm._l((item.isBtn.btnList),function(itemBtn){return (!itemBtn.hideBtn)?_c('el-button',{style:({'color':itemBtn.color?itemBtn.color:''}),attrs:{"type":"text","icon":itemBtn.icon},on:{"click":function($event){return _vm.clickBtn(record,itemBtn)}}},[_vm._v(_vm._s(itemBtn.name))]):_vm._e()}),1):_vm._e(),(item.isSpecial)?_c('span',[_c('span',{style:(item.isSpecial.textStyle),on:{"click":function($event){item.isSpecial.isClick?_vm.clickBtn(record,item):''}}},[_vm._v(_vm._s(text))])]):_vm._e(),(item.twEllipsis)?_c('span',[_c('el-tooltip',{staticClass:"item",attrs:{"effect":"dark","content":text,"placement":"top-start"}},[_c('div',{class:item.twEllipsis===1?'twEllipsis':'twEllipsis2'},[_vm._v(_vm._s(text))])])],1):_vm._e(),(item.isState)?_c('span',_vm._l((item.isState.stateList),function(stateItem){return (text === stateItem.value)?_c('span',{class:stateItem.class?stateItem.class+' cellSateStyle':'cellSateStyle',style:(stateItem.styles),on:{"click":function($event){item.isState.isClick?_vm.clickBtn(record,item):''}}},[_c('span',{staticStyle:{"display":"flex","align-items":"center"}},[(stateItem.icon)?_c('i',{class:stateItem.icon}):_vm._e(),(stateItem.img)?_c('img',{attrs:{"src":stateItem.img}}):_vm._e(),_c('span',[_vm._v(_vm._s(stateItem.name || text))])])]):_vm._e()}),0):_vm._e(),(item.isHtml)?_c('div',_vm._l((item.isHtml),function(htmlItem){return (text === htmlItem.value)?_c('div',{domProps:{"innerHTML":_vm._s(htmlItem.html)}}):_vm._e()}),0):_vm._e()])}}}),_vm._l((_vm.columnsChild),function(itemChild,index){return {key:itemChild.dataIndex,fn:function(text, record){return _c('div',{},[(itemChild.isEdit)?_c('span',[(itemChild.isEdit.type === 'textBox')?_c('span',[_c('el-tooltip',{staticClass:"item",attrs:{"effect":"dark","content":record[itemChild.dataIndex]?record[itemChild.dataIndex]+'':'',"placement":"top-start"}},[_c('el-popover',{attrs:{"placement":"bottom","width":"300","trigger":"click"}},[_c('el-input',{staticClass:"cellTextarea",attrs:{"type":"textarea","size":"mini","rows":3},on:{"focus":function($event){return _vm.onCellFBC('focus',record,itemChild)},"input":function($event){return _vm.onCellFBC('change',record,itemChild,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,itemChild)}},model:{value:(record[itemChild.dataIndex]),callback:function ($$v) {_vm.$set(record, itemChild.dataIndex, $$v)},expression:"record[itemChild.dataIndex]"}}),_c('el-input',{attrs:{"slot":"reference","placeholder":"请输入内容","size":"mini"},on:{"focus":function($event){return _vm.onCellFBC('focus',record,itemChild)},"input":function($event){return _vm.onCellFBC('change',record,itemChild,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,itemChild)}},slot:"reference",model:{value:(record[itemChild.dataIndex]),callback:function ($$v) {_vm.$set(record, itemChild.dataIndex, $$v)},expression:"record[itemChild.dataIndex]"}})],1)],1)],1):_vm._e(),(itemChild.isEdit.type === 'numberBox')?_c('span',[_c('el-tooltip',{staticClass:"item",attrs:{"effect":"dark","content":record[itemChild.dataIndex]?record[itemChild.dataIndex]+'':'',"placement":"top-start"}},[_c('el-popover',{attrs:{"placement":"bottom","width":"300","trigger":"click"}},[_c('el-input',{staticClass:"cellTextarea",attrs:{"type":"textarea","size":"mini","rows":3},on:{"focus":function($event){return _vm.onCellFBC('focus',record,itemChild)},"input":function($event){return _vm.onCellFBC('change',record,itemChild,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,itemChild)}},model:{value:(record[itemChild.dataIndex]),callback:function ($$v) {_vm.$set(record, itemChild.dataIndex, $$v)},expression:"record[itemChild.dataIndex]"}}),_c('el-input',{attrs:{"slot":"reference","placeholder":"请输入内容","size":"mini","type":"number"},on:{"focus":function($event){return _vm.onCellFBC('focus',record,itemChild)},"input":function($event){return _vm.onCellFBC('change',record,itemChild,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,itemChild)}},slot:"reference",model:{value:(record[itemChild.dataIndex]),callback:function ($$v) {_vm.$set(record, itemChild.dataIndex, $$v)},expression:"record[itemChild.dataIndex]"}})],1)],1)],1):_vm._e(),(itemChild.isEdit.type === 'textareaBox')?_c('span',[_c('el-tooltip',{staticClass:"item",attrs:{"effect":"dark","content":record[itemChild.dataIndex]?record[itemChild.dataIndex]+'':'',"placement":"top-start"}},[_c('el-popover',{attrs:{"placement":"bottom","width":"300","trigger":"click"}},[_c('el-input',{staticClass:"cellTextarea",attrs:{"type":"textarea","size":"mini","rows":3},on:{"focus":function($event){return _vm.onCellFBC('focus',record,itemChild)},"input":function($event){return _vm.onCellFBC('change',record,itemChild,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,itemChild)}},model:{value:(record[itemChild.dataIndex]),callback:function ($$v) {_vm.$set(record, itemChild.dataIndex, $$v)},expression:"record[itemChild.dataIndex]"}}),_c('el-input',{attrs:{"slot":"reference","placeholder":"请输入内容","size":"mini","type":"textarea"},on:{"focus":function($event){return _vm.onCellFBC('focus',record,itemChild)},"input":function($event){return _vm.onCellFBC('change',record,itemChild,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,itemChild)}},slot:"reference",model:{value:(record[itemChild.dataIndex]),callback:function ($$v) {_vm.$set(record, itemChild.dataIndex, $$v)},expression:"record[itemChild.dataIndex]"}})],1)],1)],1):_vm._e(),(itemChild.isEdit.type === 'text')?_c('el-input',{attrs:{"placeholder":"请输入内容","size":"mini"},on:{"focus":function($event){return _vm.onCellFBC('focus',record,itemChild)},"input":function($event){return _vm.onCellFBC('change',record,itemChild,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,itemChild)}},model:{value:(record[itemChild.dataIndex]),callback:function ($$v) {_vm.$set(record, itemChild.dataIndex, $$v)},expression:"record[itemChild.dataIndex]"}}):_vm._e(),(itemChild.isEdit.type === 'number')?_c('el-input',{attrs:{"type":"number","size":"mini"},on:{"focus":function($event){return _vm.onCellFBC('focus',record,itemChild)},"input":function($event){return _vm.onCellFBC('change',record,itemChild,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,itemChild)}},model:{value:(record[itemChild.dataIndex]),callback:function ($$v) {_vm.$set(record, itemChild.dataIndex, $$v)},expression:"record[itemChild.dataIndex]"}}):_vm._e(),(itemChild.isEdit.type === 'textarea')?_c('el-input',{attrs:{"type":"textarea","size":"mini"},on:{"focus":function($event){return _vm.onCellFBC('focus',record,itemChild)},"input":function($event){return _vm.onCellFBC('change',record,itemChild,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,itemChild)}},model:{value:(record[itemChild.dataIndex]),callback:function ($$v) {_vm.$set(record, itemChild.dataIndex, $$v)},expression:"record[itemChild.dataIndex]"}}):_vm._e(),(itemChild.isEdit.type === 'select')?_c('el-select',{attrs:{"size":"mini"},on:{"change":function($event){return _vm.clickBtn(record,itemChild)}},model:{value:(record[itemChild.dataIndex]),callback:function ($$v) {_vm.$set(record, itemChild.dataIndex, $$v)},expression:"record[itemChild.dataIndex]"}},_vm._l((itemChild.isEdit.dataList),function(item){return _c('el-option',{key:item.value,attrs:{"label":item.name,"value":item.value}})}),1):_vm._e(),(itemChild.isEdit.type === 'radio')?_c('el-radio-group',{on:{"change":function($event){return _vm.clickBtn(record,itemChild)}},model:{value:(record[itemChild.dataIndex]),callback:function ($$v) {_vm.$set(record, itemChild.dataIndex, $$v)},expression:"record[itemChild.dataIndex]"}},_vm._l((itemChild.isEdit.dataList),function(radioItem){return _c('el-radio',{attrs:{"label":radioItem.value}},[_vm._v(_vm._s(radioItem.name))])}),1):_vm._e(),(itemChild.isEdit.type === 'checkBox')?_c('el-checkbox-group',{on:{"change":function($event){return _vm.clickBtn(record,itemChild)}},model:{value:(record[itemChild.dataIndex]),callback:function ($$v) {_vm.$set(record, itemChild.dataIndex, $$v)},expression:"record[itemChild.dataIndex]"}},_vm._l((itemChild.isEdit.dataList),function(checkItem){return _c('el-checkbox',{attrs:{"label":checkItem.value}},[_vm._v(_vm._s(checkItem.name))])}),1):_vm._e(),(itemChild.isEdit.type === 'switch')?_c('el-switch',{attrs:{"active-color":itemChild.isEdit.activeColor?itemChild.isEdit.activeColor:'',"inactive-color":itemChild.isEdit.defaultColor?itemChild.isEdit.defaultColor:''},on:{"change":function($event){return _vm.clickBtn(record,itemChild)}},model:{value:(record[itemChild.dataIndex]),callback:function ($$v) {_vm.$set(record, itemChild.dataIndex, $$v)},expression:"record[itemChild.dataIndex]"}}):_vm._e()],1):_vm._e(),(itemChild.isBtn)?_c('span',_vm._l((itemChild.isBtn.btnList),function(itemBtn){return _c('el-button',{style:({'color':itemBtn.color?itemBtn.color:''}),attrs:{"type":"text","icon":itemBtn.icon},on:{"click":function($event){return _vm.clickBtn(record,itemBtn)}}},[_vm._v(_vm._s(itemBtn.name))])}),1):_vm._e(),(itemChild.isSpecial)?_c('span',[_c('span',{style:(itemChild.isSpecial.textStyle),on:{"click":function($event){itemChild.isSpecial.isClick?_vm.clickBtn(record,itemChild):''}}},[_vm._v(_vm._s(text))])]):_vm._e(),(itemChild.twEllipsis)?_c('span',[_c('el-tooltip',{staticClass:"item",attrs:{"effect":"dark","content":text,"placement":"top-start"}},[_c('div',{class:itemChild.twEllipsis===1?'twEllipsis':'twEllipsis2'},[_vm._v(_vm._s(text))])])],1):_vm._e(),(itemChild.isState)?_c('span',_vm._l((itemChild.isState.stateList),function(stateItem){return (text === stateItem.value)?_c('span',{class:stateItem.class?stateItem.class+' cellSateStyle':'cellSateStyle',style:(stateItem.styles),on:{"click":function($event){itemChild.isState.isClick?_vm.clickBtn(record,itemChild):''}}},[_c('span',{staticStyle:{"display":"flex","align-items":"center"}},[(stateItem.icon)?_c('i',{class:stateItem.icon}):_vm._e(),(stateItem.img)?_c('img',{attrs:{"src":stateItem.img}}):_vm._e(),_c('span',[_vm._v(_vm._s(stateItem.name || text))])])]):_vm._e()}),0):_vm._e(),(itemChild.isHtml)?_c('div',_vm._l((itemChild.isHtml),function(htmlItem){return (text === htmlItem.value)?_c('div',{domProps:{"innerHTML":_vm._s(htmlItem.html)}}):_vm._e()}),0):_vm._e()])}}})],null,true)}),(_vm.tableInit.addNewRow)?_c('div',{staticClass:"addLine"},[_c('el-button',{attrs:{"type":"text","icon":"el-icon-plus"},on:{"click":_vm.addLine}},[_vm._v("添加")])],1):_vm._e(),(_vm.tableInit.pagination)?_c('PaginationAnt',{staticStyle:{"float":"right"},attrs:{"total":_vm.tableInit.pagination.total,"currPage":_vm.tableInit.pagination.currPage,"pageSizes":[10,20,30,50,100]},on:{"paginaFunc":_vm.paginaFunc}}):_vm._e()],1)}
|
9591
|
-
var
|
9590
|
+
return _c('div',{staticStyle:{"padding":"8px"}},[_c('a-input',{directives:[{name:"ant-ref",rawName:"v-ant-ref",value:(function (c) { return (_vm.searchInput = c); }),expression:"c => (searchInput = c)"}],staticStyle:{"width":"188px","margin-bottom":"8px","display":"block"},attrs:{"placeholder":("搜索 " + (column.title)),"value":selectedKeys[0]},on:{"change":function (e) { return setSelectedKeys(e.target.value ? [e.target.value] : []); },"pressEnter":function () { return _vm.handleSearch(selectedKeys, confirm, column.dataIndex); }}}),_c('a-button',{staticStyle:{"width":"80px","margin-right":"8px","padding-top":"1px"},attrs:{"type":"primary","icon":"search","size":"small"},on:{"click":function () { return _vm.handleSearch(selectedKeys, confirm, column.dataIndex); }}},[_vm._v(" 查询 ")]),_c('a-button',{staticStyle:{"width":"80px","padding-top":"1px"},attrs:{"size":"small"},on:{"click":function () { return _vm.handleReset(clearFilters); }}},[_vm._v(" 重置 ")])],1)}},{key:"filterIcon",fn:function(filtered){return _c('a-icon',{style:({ color: filtered ? '#108ee9' : undefined }),attrs:{"type":"search"}})}},{key:"customRender",fn:function(text, record, index, column){return [(_vm.searchText && _vm.searchedColumn === column.dataIndex)?_c('span',[_vm._l((text.toString().split(new RegExp(("(?<=" + _vm.searchText + ")|(?=" + _vm.searchText + ")"), 'i'))),function(fragment,i){return [(fragment.toLowerCase() === _vm.searchText.toLowerCase())?_c('mark',{key:i,staticClass:"highlight"},[_vm._v(_vm._s(fragment))]):[_vm._v(_vm._s(fragment))]]})],2):[_vm._v(" "+_vm._s(text)+" ")]]}},_vm._l((_vm.columns),function(item,itemIndex){return {key:item.dataIndex,fn:function(text, record, index){return _c('div',{},[(item.isEdit)?_c('span',[(item.isEdit.type === 'textBox')?_c('span',[_c('el-tooltip',{staticClass:"item",attrs:{"effect":"dark","content":record[item.dataIndex]?record[item.dataIndex]+'':'',"placement":"top-start"}},[_c('el-popover',{attrs:{"placement":"bottom","width":"300","trigger":"click"}},[_c('el-input',{staticClass:"cellTextarea",attrs:{"type":"textarea","size":"mini","rows":3},on:{"focus":function($event){return _vm.onCellFBC('focus',record,item)},"input":function($event){return _vm.onCellFBC('change',record,item,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,item)}},model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}}),_c('el-input',{attrs:{"slot":"reference","placeholder":"请输入内容","size":"mini"},on:{"focus":function($event){return _vm.onCellFBC('focus',record,item)},"input":function($event){return _vm.onCellFBC('change',record,item,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,item)}},slot:"reference",model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}})],1)],1)],1):_vm._e(),(item.isEdit.type === 'numberBox')?_c('span',[_c('el-tooltip',{staticClass:"item",attrs:{"effect":"dark","content":record[item.dataIndex]?record[item.dataIndex]+'':'',"placement":"top-start"}},[_c('el-popover',{attrs:{"placement":"bottom","width":"300","trigger":"click"}},[_c('el-input',{staticClass:"cellTextarea",attrs:{"type":"textarea","size":"mini","rows":3},on:{"focus":function($event){return _vm.onCellFBC('focus',record,item)},"input":function($event){return _vm.onCellFBC('change',record,item,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,item)}},model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}}),_c('el-input',{attrs:{"slot":"reference","placeholder":"请输入内容","size":"mini","type":"number"},on:{"focus":function($event){return _vm.onCellFBC('focus',record,item)},"input":function($event){return _vm.onCellFBC('change',record,item,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,item)}},slot:"reference",model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}})],1)],1)],1):_vm._e(),(item.isEdit.type === 'textareaBox')?_c('span',[_c('el-tooltip',{staticClass:"item",attrs:{"effect":"dark","content":record[item.dataIndex]?record[item.dataIndex]+'':'',"placement":"top-start"}},[_c('el-popover',{attrs:{"placement":"bottom","width":"300","trigger":"click"}},[_c('el-input',{staticClass:"cellTextarea",attrs:{"type":"textarea","size":"mini","rows":3},on:{"focus":function($event){return _vm.onCellFBC('focus',record,item)},"input":function($event){return _vm.onCellFBC('change',record,item,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,item)}},model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}}),_c('el-input',{attrs:{"slot":"reference","placeholder":"请输入内容","size":"mini","type":"textarea"},on:{"focus":function($event){return _vm.onCellFBC('focus',record,item)},"input":function($event){return _vm.onCellFBC('change',record,item,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,item)}},slot:"reference",model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}})],1)],1)],1):_vm._e(),(item.isEdit.type === 'text')?_c('el-input',{attrs:{"placeholder":"请输入内容","size":"mini"},on:{"focus":function($event){return _vm.onCellFBC('focus',record,item)},"input":function($event){return _vm.onCellFBC('change',record,item,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,item)}},model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}}):_vm._e(),(item.isEdit.type === 'number')?_c('el-input',{attrs:{"type":"number","size":"mini"},on:{"focus":function($event){return _vm.onCellFBC('focus',record,item)},"input":function($event){return _vm.onCellFBC('change',record,item,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,item)}},model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}}):_vm._e(),(item.isEdit.type === 'textarea')?_c('el-input',{attrs:{"type":"textarea","size":"mini"},on:{"focus":function($event){return _vm.onCellFBC('focus',record,item)},"input":function($event){return _vm.onCellFBC('change',record,item,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,item)}},model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}}):_vm._e(),(item.isEdit.type === 'select')?_c('el-select',{attrs:{"size":"mini"},on:{"change":function($event){return _vm.clickBtn(record,item,index)}},model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}},_vm._l((item.isEdit.dataList),function(item){return _c('el-option',{key:item.value,attrs:{"label":item.name,"value":item.value}})}),1):_vm._e(),(item.isEdit.type === 'radio')?_c('el-radio-group',{on:{"change":function($event){return _vm.clickBtn(record,item,index)}},model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}},_vm._l((item.isEdit.dataList),function(radioItem){return _c('el-radio',{attrs:{"label":radioItem.value}},[_vm._v(_vm._s(radioItem.name))])}),1):_vm._e(),(item.isEdit.type === 'checkBox')?_c('el-checkbox-group',{on:{"change":function($event){return _vm.clickBtn(record,item,index)}},model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}},_vm._l((item.isEdit.dataList),function(checkItem){return _c('el-checkbox',{attrs:{"label":checkItem.value}},[_vm._v(_vm._s(checkItem.name))])}),1):_vm._e(),(item.isEdit.type === 'switch')?_c('el-switch',{attrs:{"active-color":item.isEdit.activeColor?item.isEdit.activeColor:'',"inactive-color":item.isEdit.defaultColor?item.isEdit.defaultColor:''},on:{"change":function($event){return _vm.clickBtn(record,item,index)}},model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}}):_vm._e(),(item.isEdit.type === 'date')?_c('el-date-picker',{attrs:{"size":"mini","type":item.isEdit.dateType?item.isEdit.dateType:'date',"placeholder":"请选择","picker-options":_vm.processDate(item)},on:{"change":function($event){return _vm.clickBtn(record,item,index)}},model:{value:(record[item.dataIndex]),callback:function ($$v) {_vm.$set(record, item.dataIndex, $$v)},expression:"record[item.dataIndex]"}}):_vm._e()],1):_vm._e(),(item.isBtn)?_c('span',_vm._l((item.isBtn.btnList),function(itemBtn){return (!itemBtn.hideBtn)?_c('el-button',{style:({'color':itemBtn.color?itemBtn.color:''}),attrs:{"type":"text","icon":itemBtn.icon},on:{"click":function($event){return _vm.clickBtn(record,itemBtn,index)}}},[_vm._v(_vm._s(itemBtn.name))]):_vm._e()}),1):_vm._e(),(item.isSpecial)?_c('span',[(item.isSpecial.type === 'num')?_c('span',{class:item.isSpecial.class,on:{"click":function($event){item.isSpecial.isClick?_vm.clickBtn(record,item,index):''}}},[_vm._v(_vm._s(_vm.changeNum(text,item.isSpecial.numType)))]):_vm._e(),(item.isSpecial.type === 'img')?_c('img',{class:item.isSpecial.class,attrs:{"src":item.isSpecial.img},on:{"click":function($event){item.isSpecial.isClick?_vm.clickBtn(record,item,index):''}}}):_vm._e(),_vm._l((item.isSpecial.imgList),function(imgItem){return (item.isSpecial.type === 'imgList' && imgItem.value === text)?_c('img',{class:item.isSpecial.class,attrs:{"src":imgItem.img},on:{"click":function($event){item.isSpecial.isClick?_vm.clickBtn(record,item,index):''}}}):_vm._e()}),(item.isSpecial.type === 'style')?_c('span',{class:item.isSpecial.class,style:(item.isSpecial.textStyle),on:{"click":function($event){item.isSpecial.isClick?_vm.clickBtn(record,item,index):''}}},[_vm._v(_vm._s(text))]):_vm._e(),_vm._l((item.isSpecial.textStyleList),function(styleItem){return (item.isSpecial.type === 'styleList' && styleItem.value === text)?_c('span',{class:item.isSpecial.class,style:(styleItem.style),on:{"click":function($event){item.isSpecial.isClick?_vm.clickBtn(record,item,index):''}}},[_vm._v(_vm._s(text))]):_vm._e()})],2):_vm._e(),(item.twEllipsis)?_c('span',[_c('el-tooltip',{staticClass:"item",attrs:{"effect":"dark","content":text,"placement":"top-start"}},[_c('div',{class:item.twEllipsis===1?'twEllipsis':'twEllipsis2'},[_vm._v(_vm._s(text))])])],1):_vm._e(),(item.isState)?_c('span',_vm._l((item.isState.stateList),function(stateItem){return (text === stateItem.value)?_c('span',{class:stateItem.class?stateItem.class+' cellSateStyle':'cellSateStyle',style:(stateItem.styles),on:{"click":function($event){item.isState.isClick?_vm.clickBtn(record,item,index):''}}},[_c('span',{staticStyle:{"display":"flex","align-items":"center"}},[(stateItem.icon)?_c('i',{class:stateItem.icon}):_vm._e(),(stateItem.img)?_c('img',{class:stateItem.imgClass,attrs:{"src":stateItem.img}}):_vm._e(),_c('span',[_vm._v(_vm._s(stateItem.name || text))])])]):_vm._e()}),0):_vm._e(),(item.isHtml)?_c('div',_vm._l((item.isHtml),function(htmlItem){return (text === htmlItem.value)?_c('div',{domProps:{"innerHTML":_vm._s(htmlItem.html)}}):_vm._e()}),0):_vm._e()])}}}),_vm._l((_vm.columnsChild),function(itemChild,itemChildIndex){return {key:itemChild.dataIndex,fn:function(text, record, index){return _c('div',{},[(itemChild.isEdit)?_c('span',[(itemChild.isEdit.type === 'textBox')?_c('span',[_c('el-tooltip',{staticClass:"item",attrs:{"effect":"dark","content":record[itemChild.dataIndex]?record[itemChild.dataIndex]+'':'',"placement":"top-start"}},[_c('el-popover',{attrs:{"placement":"bottom","width":"300","trigger":"click"}},[_c('el-input',{staticClass:"cellTextarea",attrs:{"type":"textarea","size":"mini","rows":3},on:{"focus":function($event){return _vm.onCellFBC('focus',record,itemChild)},"input":function($event){return _vm.onCellFBC('change',record,itemChild,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,itemChild)}},model:{value:(record[itemChild.dataIndex]),callback:function ($$v) {_vm.$set(record, itemChild.dataIndex, $$v)},expression:"record[itemChild.dataIndex]"}}),_c('el-input',{attrs:{"slot":"reference","placeholder":"请输入内容","size":"mini"},on:{"focus":function($event){return _vm.onCellFBC('focus',record,itemChild)},"input":function($event){return _vm.onCellFBC('change',record,itemChild,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,itemChild)}},slot:"reference",model:{value:(record[itemChild.dataIndex]),callback:function ($$v) {_vm.$set(record, itemChild.dataIndex, $$v)},expression:"record[itemChild.dataIndex]"}})],1)],1)],1):_vm._e(),(itemChild.isEdit.type === 'numberBox')?_c('span',[_c('el-tooltip',{staticClass:"item",attrs:{"effect":"dark","content":record[itemChild.dataIndex]?record[itemChild.dataIndex]+'':'',"placement":"top-start"}},[_c('el-popover',{attrs:{"placement":"bottom","width":"300","trigger":"click"}},[_c('el-input',{staticClass:"cellTextarea",attrs:{"type":"textarea","size":"mini","rows":3},on:{"focus":function($event){return _vm.onCellFBC('focus',record,itemChild)},"input":function($event){return _vm.onCellFBC('change',record,itemChild,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,itemChild)}},model:{value:(record[itemChild.dataIndex]),callback:function ($$v) {_vm.$set(record, itemChild.dataIndex, $$v)},expression:"record[itemChild.dataIndex]"}}),_c('el-input',{attrs:{"slot":"reference","placeholder":"请输入内容","size":"mini","type":"number"},on:{"focus":function($event){return _vm.onCellFBC('focus',record,itemChild)},"input":function($event){return _vm.onCellFBC('change',record,itemChild,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,itemChild)}},slot:"reference",model:{value:(record[itemChild.dataIndex]),callback:function ($$v) {_vm.$set(record, itemChild.dataIndex, $$v)},expression:"record[itemChild.dataIndex]"}})],1)],1)],1):_vm._e(),(itemChild.isEdit.type === 'textareaBox')?_c('span',[_c('el-tooltip',{staticClass:"item",attrs:{"effect":"dark","content":record[itemChild.dataIndex]?record[itemChild.dataIndex]+'':'',"placement":"top-start"}},[_c('el-popover',{attrs:{"placement":"bottom","width":"300","trigger":"click"}},[_c('el-input',{staticClass:"cellTextarea",attrs:{"type":"textarea","size":"mini","rows":3},on:{"focus":function($event){return _vm.onCellFBC('focus',record,itemChild)},"input":function($event){return _vm.onCellFBC('change',record,itemChild,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,itemChild)}},model:{value:(record[itemChild.dataIndex]),callback:function ($$v) {_vm.$set(record, itemChild.dataIndex, $$v)},expression:"record[itemChild.dataIndex]"}}),_c('el-input',{attrs:{"slot":"reference","placeholder":"请输入内容","size":"mini","type":"textarea"},on:{"focus":function($event){return _vm.onCellFBC('focus',record,itemChild)},"input":function($event){return _vm.onCellFBC('change',record,itemChild,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,itemChild)}},slot:"reference",model:{value:(record[itemChild.dataIndex]),callback:function ($$v) {_vm.$set(record, itemChild.dataIndex, $$v)},expression:"record[itemChild.dataIndex]"}})],1)],1)],1):_vm._e(),(itemChild.isEdit.type === 'text')?_c('el-input',{attrs:{"placeholder":"请输入内容","size":"mini"},on:{"focus":function($event){return _vm.onCellFBC('focus',record,itemChild)},"input":function($event){return _vm.onCellFBC('change',record,itemChild,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,itemChild)}},model:{value:(record[itemChild.dataIndex]),callback:function ($$v) {_vm.$set(record, itemChild.dataIndex, $$v)},expression:"record[itemChild.dataIndex]"}}):_vm._e(),(itemChild.isEdit.type === 'number')?_c('el-input',{attrs:{"type":"number","size":"mini"},on:{"focus":function($event){return _vm.onCellFBC('focus',record,itemChild)},"input":function($event){return _vm.onCellFBC('change',record,itemChild,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,itemChild)}},model:{value:(record[itemChild.dataIndex]),callback:function ($$v) {_vm.$set(record, itemChild.dataIndex, $$v)},expression:"record[itemChild.dataIndex]"}}):_vm._e(),(itemChild.isEdit.type === 'textarea')?_c('el-input',{attrs:{"type":"textarea","size":"mini"},on:{"focus":function($event){return _vm.onCellFBC('focus',record,itemChild)},"input":function($event){return _vm.onCellFBC('change',record,itemChild,$event)},"blur":function($event){return _vm.onCellFBC('blur',record,itemChild)}},model:{value:(record[itemChild.dataIndex]),callback:function ($$v) {_vm.$set(record, itemChild.dataIndex, $$v)},expression:"record[itemChild.dataIndex]"}}):_vm._e(),(itemChild.isEdit.type === 'select')?_c('el-select',{attrs:{"size":"mini"},on:{"change":function($event){return _vm.clickBtn(record,itemChild,index)}},model:{value:(record[itemChild.dataIndex]),callback:function ($$v) {_vm.$set(record, itemChild.dataIndex, $$v)},expression:"record[itemChild.dataIndex]"}},_vm._l((itemChild.isEdit.dataList),function(item){return _c('el-option',{key:item.value,attrs:{"label":item.name,"value":item.value}})}),1):_vm._e(),(itemChild.isEdit.type === 'radio')?_c('el-radio-group',{on:{"change":function($event){return _vm.clickBtn(record,itemChild,index)}},model:{value:(record[itemChild.dataIndex]),callback:function ($$v) {_vm.$set(record, itemChild.dataIndex, $$v)},expression:"record[itemChild.dataIndex]"}},_vm._l((itemChild.isEdit.dataList),function(radioItem){return _c('el-radio',{attrs:{"label":radioItem.value}},[_vm._v(_vm._s(radioItem.name))])}),1):_vm._e(),(itemChild.isEdit.type === 'checkBox')?_c('el-checkbox-group',{on:{"change":function($event){return _vm.clickBtn(record,itemChild,index)}},model:{value:(record[itemChild.dataIndex]),callback:function ($$v) {_vm.$set(record, itemChild.dataIndex, $$v)},expression:"record[itemChild.dataIndex]"}},_vm._l((itemChild.isEdit.dataList),function(checkItem){return _c('el-checkbox',{attrs:{"label":checkItem.value}},[_vm._v(_vm._s(checkItem.name))])}),1):_vm._e(),(itemChild.isEdit.type === 'switch')?_c('el-switch',{attrs:{"active-color":itemChild.isEdit.activeColor?itemChild.isEdit.activeColor:'',"inactive-color":itemChild.isEdit.defaultColor?itemChild.isEdit.defaultColor:''},on:{"change":function($event){return _vm.clickBtn(record,itemChild,index)}},model:{value:(record[itemChild.dataIndex]),callback:function ($$v) {_vm.$set(record, itemChild.dataIndex, $$v)},expression:"record[itemChild.dataIndex]"}}):_vm._e()],1):_vm._e(),(itemChild.isBtn)?_c('span',_vm._l((itemChild.isBtn.btnList),function(itemBtn){return _c('el-button',{style:({'color':itemBtn.color?itemBtn.color:''}),attrs:{"type":"text","icon":itemBtn.icon},on:{"click":function($event){return _vm.clickBtn(record,itemBtn,index)}}},[_vm._v(_vm._s(itemBtn.name))])}),1):_vm._e(),(itemChild.isSpecial)?_c('span',[_c('span',{style:(itemChild.isSpecial.textStyle),on:{"click":function($event){itemChild.isSpecial.isClick?_vm.clickBtn(record,itemChild,index):''}}},[_vm._v(_vm._s(text))])]):_vm._e(),(itemChild.twEllipsis)?_c('span',[_c('el-tooltip',{staticClass:"item",attrs:{"effect":"dark","content":text,"placement":"top-start"}},[_c('div',{class:itemChild.twEllipsis===1?'twEllipsis':'twEllipsis2'},[_vm._v(_vm._s(text))])])],1):_vm._e(),(itemChild.isState)?_c('span',_vm._l((itemChild.isState.stateList),function(stateItem){return (text === stateItem.value)?_c('span',{class:stateItem.class?stateItem.class+' cellSateStyle':'cellSateStyle',style:(stateItem.styles),on:{"click":function($event){itemChild.isState.isClick?_vm.clickBtn(record,itemChild,index):''}}},[_c('span',{staticStyle:{"display":"flex","align-items":"center"}},[(stateItem.icon)?_c('i',{class:stateItem.icon}):_vm._e(),(stateItem.img)?_c('img',{attrs:{"src":stateItem.img}}):_vm._e(),_c('span',[_vm._v(_vm._s(stateItem.name || text))])])]):_vm._e()}),0):_vm._e(),(itemChild.isHtml)?_c('div',_vm._l((itemChild.isHtml),function(htmlItem){return (text === htmlItem.value)?_c('div',{domProps:{"innerHTML":_vm._s(htmlItem.html)}}):_vm._e()}),0):_vm._e()])}}})],null,true)}),(_vm.tableInit.addNewRow)?_c('div',{staticClass:"addLine"},[_c('el-button',{attrs:{"type":"text","icon":"el-icon-plus"},on:{"click":_vm.addLine}},[_vm._v("添加")])],1):_vm._e(),(_vm.tableInit.pagination)?_c('PaginationAnt',{staticStyle:{"float":"right"},attrs:{"total":_vm.tableInit.pagination.total,"currPage":_vm.tableInit.pagination.currPage,"pageSizes":[10,20,30,50,100]},on:{"paginaFunc":_vm.paginaFunc}}):_vm._e()],1)}
|
9591
|
+
var twTablevue_type_template_id_d9c4af18_scoped_true_staticRenderFns = []
|
9592
9592
|
|
9593
9593
|
|
9594
|
-
// CONCATENATED MODULE: ./examples/components/comPage/twTable/twTable.vue?vue&type=template&id=
|
9594
|
+
// CONCATENATED MODULE: ./examples/components/comPage/twTable/twTable.vue?vue&type=template&id=d9c4af18&scoped=true&
|
9595
9595
|
|
9596
9596
|
// EXTERNAL MODULE: ./node_modules/_core-js@3.6.5@core-js/modules/es.array.for-each.js
|
9597
9597
|
var es_array_for_each = __webpack_require__("fe59");
|
@@ -9843,6 +9843,11 @@ var web_dom_collections_for_each = __webpack_require__("08ba");
|
|
9843
9843
|
//
|
9844
9844
|
//
|
9845
9845
|
//
|
9846
|
+
//
|
9847
|
+
//
|
9848
|
+
//
|
9849
|
+
//
|
9850
|
+
//
|
9846
9851
|
|
9847
9852
|
/* harmony default export */ var twTablevue_type_script_lang_js_ = ({
|
9848
9853
|
components: {
|
@@ -9878,7 +9883,9 @@ var web_dom_collections_for_each = __webpack_require__("08ba");
|
|
9878
9883
|
}
|
9879
9884
|
},
|
9880
9885
|
mounted: function mounted() {
|
9881
|
-
this.tableData.
|
9886
|
+
if (this.tableData.length > 0) {
|
9887
|
+
this.tableData.splice(0, 1, this.tableData[0]);
|
9888
|
+
}
|
9882
9889
|
},
|
9883
9890
|
methods: {
|
9884
9891
|
addLine: function addLine() {
|
@@ -9908,11 +9915,12 @@ var web_dom_collections_for_each = __webpack_require__("08ba");
|
|
9908
9915
|
}
|
9909
9916
|
};
|
9910
9917
|
},
|
9911
|
-
clickBtn: function clickBtn(currDataItem, columnItem) {
|
9918
|
+
clickBtn: function clickBtn(currDataItem, columnItem, index) {
|
9912
9919
|
//按钮点击事件
|
9913
9920
|
this.$emit('cellClick', {
|
9914
9921
|
currDataItem: currDataItem,
|
9915
|
-
columnItem: columnItem
|
9922
|
+
columnItem: columnItem,
|
9923
|
+
index: index
|
9916
9924
|
});
|
9917
9925
|
},
|
9918
9926
|
onCellFBC: function onCellFBC(type, currDataItem, columnItem, val) {
|
@@ -10085,147 +10093,10 @@ var web_dom_collections_for_each = __webpack_require__("08ba");
|
|
10085
10093
|
}
|
10086
10094
|
}
|
10087
10095
|
});
|
10088
|
-
/*const tableData = [
|
10089
|
-
{
|
10090
|
-
key: '1',
|
10091
|
-
name: 'John Brown',
|
10092
|
-
age: 32,
|
10093
|
-
tel: '0571-22098909',
|
10094
|
-
phone: 18889898989,
|
10095
|
-
address: 'New York No. 1 Lake Park',
|
10096
|
-
state:'success',
|
10097
|
-
date:'',
|
10098
|
-
},
|
10099
|
-
{
|
10100
|
-
key: '2',
|
10101
|
-
name: 'Jim Green',
|
10102
|
-
tel: '0571-22098333',
|
10103
|
-
phone: 1888989888811,
|
10104
|
-
age: 42,
|
10105
|
-
address: 'London No. 1 Lake Park',
|
10106
|
-
state:'fail',
|
10107
|
-
date:'',
|
10108
|
-
},
|
10109
|
-
{
|
10110
|
-
key: '3',
|
10111
|
-
name: 'Joe Black',
|
10112
|
-
age: 32,
|
10113
|
-
tel: '0575-22098909',
|
10114
|
-
phone: 18900010002,
|
10115
|
-
address: 'Sidney No. 1 Lake Park',
|
10116
|
-
state:'warning',
|
10117
|
-
date:'',
|
10118
|
-
},
|
10119
|
-
{
|
10120
|
-
key: '4',
|
10121
|
-
name: 'Jim Red',
|
10122
|
-
age: 18,
|
10123
|
-
tel: '0575-22098909',
|
10124
|
-
phone: 18900010002,
|
10125
|
-
address: 'London No. 2 Lake Park',
|
10126
|
-
state:'danger',
|
10127
|
-
date:'',
|
10128
|
-
},
|
10129
|
-
{
|
10130
|
-
key: '5',
|
10131
|
-
name: 'Jim Red',
|
10132
|
-
age: 18,
|
10133
|
-
tel: '0575-22098909',
|
10134
|
-
phone: 18900010002,
|
10135
|
-
address: 'Dublin No. 2 Lake Park',
|
10136
|
-
state:'ing',
|
10137
|
-
date:'',
|
10138
|
-
},
|
10139
|
-
];
|
10140
|
-
const columns = [
|
10141
|
-
{
|
10142
|
-
title: 'basicInfo',
|
10143
|
-
fixed: 'left',
|
10144
|
-
children:[
|
10145
|
-
{
|
10146
|
-
title: 'Name',
|
10147
|
-
dataIndex: 'name',
|
10148
|
-
width:300,
|
10149
|
-
isSpecial:{
|
10150
|
-
textStyle:{"color":"red"}
|
10151
|
-
}
|
10152
|
-
},
|
10153
|
-
{
|
10154
|
-
title: 'Age',
|
10155
|
-
dataIndex: 'age',
|
10156
|
-
tableSort:true,
|
10157
|
-
width:80,
|
10158
|
-
isEdit:{type:'textBox',cellChange:true,cellFocus:true,cellBlur:true},
|
10159
|
-
},
|
10160
|
-
]
|
10161
|
-
},
|
10162
|
-
{
|
10163
|
-
title: '状态',
|
10164
|
-
dataIndex: 'state',
|
10165
|
-
isState:{//开启状态列
|
10166
|
-
isClick:true,//开启状态列点击事件
|
10167
|
-
stateList:[{name:'成功',value:'success',class:'stateColorBlue',icon:'el-icon-edit'},
|
10168
|
-
{name:'失败',value:'fail',class:'stateColorRed',styles:{color:'red'}},
|
10169
|
-
{name:'警告',value:'warning',class:'stateColorYellow'},
|
10170
|
-
{value:'danger',styles:{color:'red'},class:'stateColorGrey'},
|
10171
|
-
{value:'ing',styles:{color:'blue'},class:'stateColorGreen',img:require("../../../assets/logo.png")}]
|
10172
|
-
//状态列数组,name表示要显示的值,没有该字段时,就显示dataindex匹配的值。value就是dataindex的枚举,icon:element的图标库,img:本地图片,
|
10173
|
-
//styles表格中的样式, class内置了五种状态样式,写上class就行了(注意:styles里面的样式会覆盖class内的样式)
|
10174
|
-
}
|
10175
|
-
},
|
10176
|
-
{
|
10177
|
-
title: 'date',
|
10178
|
-
dataIndex: 'date',
|
10179
|
-
isEdit:{type:'date',cellChange:true,cellFocus:true,cellBlur:true,minDate:'2023-04-01',maxDate:'2023-05-01',dataList:[{value: '111',name: '黄金糕'}, {value: '222',name: '双皮奶'}]},
|
10180
|
-
//text,number,textarea,textBox,numberBox,textareaBox,select,radio,checkBox,switch,date
|
10181
|
-
},
|
10182
|
-
{
|
10183
|
-
title: 'Home phone',
|
10184
|
-
colSpan: 2,
|
10185
|
-
dataIndex: 'tel',
|
10186
|
-
isEdit:{type:'textBox',cellChange:true,cellFocus:true,cellBlur:true,dataList:[{value: '111',name: '黄金糕'}, {value: '222',name: '双皮奶'}]},
|
10187
|
-
//text,number,textarea,textBox,numberBox,textareaBox,select,radio,checkBox,switch,date
|
10188
|
-
},
|
10189
|
-
{
|
10190
|
-
title: 'Phone',
|
10191
|
-
colSpan: 0,
|
10192
|
-
dataIndex: 'phone',
|
10193
|
-
isSpecial:{//是否开启字段样式特殊处理
|
10194
|
-
isClick:true,//开启状态列点击事件
|
10195
|
-
textStyle:{"color":"red","border-bottom":"1px solid red","cursor":"pointer"}
|
10196
|
-
}
|
10197
|
-
},
|
10198
|
-
{
|
10199
|
-
title: 'Address',
|
10200
|
-
dataIndex: 'address',
|
10201
|
-
twEllipsis:1,//超出多少行出现省略号,目前支持1和2,twEllipsis会覆盖ellipsis的效果,并且会让表头搜索功能失效
|
10202
|
-
width:150,
|
10203
|
-
colSearch:true,//表头搜索功能,与twEllipsis冲突,不能共用,如果非要用,就使用ellipsis: true。但是没有twEllipsis悬浮框的效果
|
10204
|
-
ellipsis: true,//超出1行出现省略号,twEllipsis会覆盖ellipsis的效果。
|
10205
|
-
},
|
10206
|
-
{
|
10207
|
-
title: '操作',
|
10208
|
-
dataIndex: 'doSomething',
|
10209
|
-
isBtn:{btnList:[{name:'查看',color:'#3399ff'},{name:'编辑',icon:'el-icon-edit'},{name:'删除',color:'red',icon:'el-icon-delete'}]}
|
10210
|
-
//自定义按钮:统一按钮为文字按钮,name名称 color颜色 icon图标 自带点击事件
|
10211
|
-
},
|
10212
|
-
];
|
10213
|
-
const tableInit = {
|
10214
|
-
tableClassName:'tableClass',//表样式名
|
10215
|
-
size:'small',//表格大小:middle 默认small,
|
10216
|
-
select:false,//开启左侧select选项 不要与selectRow同时使用,不然勾选后,行样式会消失。
|
10217
|
-
height:'500',//表格高
|
10218
|
-
width:'',//表格宽
|
10219
|
-
selectRow:false,//开启选中行数据事件 点击后默认添加checkedRowClass行样式,可以在公共CSS里面强制覆盖改样式。
|
10220
|
-
pagination:{//是否开启分页,有值就开启
|
10221
|
-
total:200,
|
10222
|
-
currPage:2
|
10223
|
-
}
|
10224
|
-
}*/
|
10225
10096
|
// CONCATENATED MODULE: ./examples/components/comPage/twTable/twTable.vue?vue&type=script&lang=js&
|
10226
10097
|
/* harmony default export */ var twTable_twTablevue_type_script_lang_js_ = (twTablevue_type_script_lang_js_);
|
10227
|
-
// EXTERNAL MODULE: ./examples/components/comPage/twTable/twTable.vue?vue&type=style&index=0&id=
|
10228
|
-
var
|
10098
|
+
// EXTERNAL MODULE: ./examples/components/comPage/twTable/twTable.vue?vue&type=style&index=0&id=d9c4af18&scoped=true&lang=scss&
|
10099
|
+
var twTablevue_type_style_index_0_id_d9c4af18_scoped_true_lang_scss_ = __webpack_require__("7689");
|
10229
10100
|
|
10230
10101
|
// CONCATENATED MODULE: ./examples/components/comPage/twTable/twTable.vue
|
10231
10102
|
|
@@ -10238,11 +10109,11 @@ var twTablevue_type_style_index_0_id_ff168e58_scoped_true_lang_scss_ = __webpack
|
|
10238
10109
|
|
10239
10110
|
var twTable_component = Object(componentNormalizer["a" /* default */])(
|
10240
10111
|
twTable_twTablevue_type_script_lang_js_,
|
10241
|
-
|
10242
|
-
|
10112
|
+
twTablevue_type_template_id_d9c4af18_scoped_true_render,
|
10113
|
+
twTablevue_type_template_id_d9c4af18_scoped_true_staticRenderFns,
|
10243
10114
|
false,
|
10244
10115
|
null,
|
10245
|
-
"
|
10116
|
+
"d9c4af18",
|
10246
10117
|
null
|
10247
10118
|
|
10248
10119
|
)
|
@@ -10269,6 +10140,10 @@ var twTable_component = Object(componentNormalizer["a" /* default */])(
|
|
10269
10140
|
},
|
10270
10141
|
mounted: function mounted() {},
|
10271
10142
|
methods: {
|
10143
|
+
addNewBack: function addNewBack(params) {
|
10144
|
+
//新增一行数据的回调
|
10145
|
+
this.$emit('addNewBack', params);
|
10146
|
+
},
|
10272
10147
|
cellClick: function cellClick(params) {
|
10273
10148
|
//单元格的点击事件
|
10274
10149
|
this.$emit('cellClick', params);
|
@@ -10304,8 +10179,8 @@ var twTable_component = Object(componentNormalizer["a" /* default */])(
|
|
10304
10179
|
|
10305
10180
|
var twTable_src_main_component = Object(componentNormalizer["a" /* default */])(
|
10306
10181
|
packages_twTable_src_mainvue_type_script_lang_js_,
|
10307
|
-
|
10308
|
-
|
10182
|
+
mainvue_type_template_id_57c43650_render,
|
10183
|
+
mainvue_type_template_id_57c43650_staticRenderFns,
|
10309
10184
|
false,
|
10310
10185
|
null,
|
10311
10186
|
null,
|
@@ -10324,12 +10199,12 @@ twTable_src_main.install = function (Vue) {
|
|
10324
10199
|
};
|
10325
10200
|
|
10326
10201
|
/* harmony default export */ var packages_twTable = (twTable_src_main);
|
10327
|
-
// CONCATENATED MODULE: ./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9b9f7194-vue-loader-template"}!./node_modules/_vue-loader@15.9.3@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.3@vue-loader/lib??vue-loader-options!./packages/twFormPC/src/main.vue?vue&type=template&id=
|
10328
|
-
var
|
10329
|
-
var
|
10202
|
+
// CONCATENATED MODULE: ./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9b9f7194-vue-loader-template"}!./node_modules/_vue-loader@15.9.3@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.3@vue-loader/lib??vue-loader-options!./packages/twFormPC/src/main.vue?vue&type=template&id=7ea093f5&
|
10203
|
+
var mainvue_type_template_id_7ea093f5_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('TwFormModule',{ref:(_vm.formSetting && _vm.formSetting.refName)?_vm.formSetting.refName+'Inner':'refFormInner',attrs:{"formSettings":_vm.formSetting,"formDatas":_vm.formData,"formModule":_vm.formModule},on:{"isReady":_vm.isReady,"formFBC":_vm.formFBC}})],1)}
|
10204
|
+
var mainvue_type_template_id_7ea093f5_staticRenderFns = []
|
10330
10205
|
|
10331
10206
|
|
10332
|
-
// CONCATENATED MODULE: ./packages/twFormPC/src/main.vue?vue&type=template&id=
|
10207
|
+
// CONCATENATED MODULE: ./packages/twFormPC/src/main.vue?vue&type=template&id=7ea093f5&
|
10333
10208
|
|
10334
10209
|
// CONCATENATED MODULE: ./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9b9f7194-vue-loader-template"}!./node_modules/_vue-loader@15.9.3@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.3@vue-loader/lib??vue-loader-options!./examples/components/comPage/twFormModule/twFormModule.vue?vue&type=template&id=7d7b390c&scoped=true&
|
10335
10210
|
var twFormModulevue_type_template_id_7d7b390c_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('el-form',{ref:"form",staticClass:"twFormModule",attrs:{"model":_vm.formData,"label-width":_vm.formSetting.labelWidth?_vm.formSetting.labelWidth:'91px',"size":_vm.formSetting.formSize?_vm.formSetting.formSize:'small'}},[_c('el-row',_vm._l((_vm.formModule),function(formItem,formIndex){return _c('el-col',{directives:[{name:"show",rawName:"v-show",value:(!formItem.isHidden),expression:"!formItem.isHidden"}],key:'form'+formIndex,attrs:{"span":formItem.span?formItem.span:8}},[_c('el-form-item',{staticClass:"twFormModuleItem"},[_c('span',{attrs:{"slot":"label"},slot:"label"},[(formItem.required)?_c('span',{staticStyle:{"color":"red","margin-right":"3px"}},[_vm._v("*")]):_vm._e(),_vm._v(_vm._s(formItem.label))]),(formItem.showWarning && (formItem.itemType === 'radio' || formItem.itemType === 'checkBox'))?_c('span',{staticClass:"warningText"},[_vm._v(_vm._s(formItem.warningText?formItem.warningText:'必填项!'))]):(formItem.showWarning)?_c('span',{staticClass:"warningText"},[_vm._v(_vm._s(formItem.warningText))]):_vm._e(),(formItem.itemType === 'text' || formItem.itemType === 'number' || formItem.itemType === 'textarea')?_c('el-input',{class:formItem.showWarning?'redBorder':'',attrs:{"type":formItem.itemType?formItem.itemType:'text',"readonly":formItem.readonly,"disabled":formItem.disabled,"clearable":"","placeholder":formItem.placeholder?formItem.placeholder:'请输入'+formItem.label},on:{"input":function($event){return _vm.formFBC('change',formItem,_vm.formData,$event)},"focus":function($event){return _vm.formFBC('focus',formItem,_vm.formData)},"blur":function($event){return _vm.formFBC('blur',formItem,_vm.formData)}},model:{value:(_vm.formData[formItem.itemValue]),callback:function ($$v) {_vm.$set(_vm.formData, formItem.itemValue, $$v)},expression:"formData[formItem.itemValue]"}}):_vm._e(),(formItem.itemType === 'date')?_c('el-date-picker',{class:formItem.showWarning?'redBorder':'',attrs:{"type":formItem.dateType?formItem.dateType:'date',"format":formItem.dateFormat,"disabled":formItem.disabled,"placeholder":formItem.placeholder?formItem.placeholder:'请选择'+formItem.label,"picker-options":_vm.processDate(formItem)},on:{"change":function($event){return _vm.formFBC('change',formItem,_vm.formData,$event)}},model:{value:(_vm.formData[formItem.itemValue]),callback:function ($$v) {_vm.$set(_vm.formData, formItem.itemValue, $$v)},expression:"formData[formItem.itemValue]"}}):_vm._e(),(formItem.itemType === 'dateRange')?_c('el-date-picker',{class:formItem.showWarning?'redBorder':'',attrs:{"type":formItem.dateType?formItem.dateType+'range':'daterange',"format":formItem.dateFormat,"placeholder":formItem.placeholder?formItem.placeholder:formItem.label,"range-separator":formItem.separator?formItem.separator:'至',"picker-options":_vm.processDate(formItem),"start-placeholder":formItem.startPlaceholder?formItem.startPlaceholder:'开始日期',"end-placeholder":formItem.endPlaceholder?formItem.endPlaceholder:'结束日期',"disabled":formItem.disabled},on:{"change":function($event){return _vm.formFBC('change',formItem,_vm.formData,$event)}},model:{value:(_vm.formData[formItem.itemValue]),callback:function ($$v) {_vm.$set(_vm.formData, formItem.itemValue, $$v)},expression:"formData[formItem.itemValue]"}}):_vm._e(),(formItem.itemType === 'select')?_c('el-select',{class:formItem.showWarning?'redBorder':'',attrs:{"placeholder":"请选择","disabled":formItem.disabled,"placeholder":formItem.placeholder?formItem.placeholder:'请选择'+formItem.label,"clearable":"","filterable":formItem.filterable},on:{"change":function($event){return _vm.formFBC('change',formItem,_vm.formData,$event)}},model:{value:(_vm.formData[formItem.itemValue]),callback:function ($$v) {_vm.$set(_vm.formData, formItem.itemValue, $$v)},expression:"formData[formItem.itemValue]"}},_vm._l((formItem.selectList),function(selectItem){return _c('el-option',{key:selectItem.value,attrs:{"label":selectItem.name,"value":selectItem.value}})}),1):_vm._e(),(formItem.itemType === 'selectMore')?_c('el-select',{class:formItem.showWarning?'redBorder':'',attrs:{"clearable":"","placeholder":formItem.placeholder?formItem.placeholder:'请选择'+formItem.label,"multiple":"","disabled":formItem.disabled,"collapse-tags":formItem.showAllName?formItem.showAllName:true,"filterable":formItem.selectSearch?formItem.selectSearch:true},on:{"change":function($event){return _vm.formFBC('change',formItem,_vm.formData,$event)}},model:{value:(_vm.formData[formItem.itemValue]),callback:function ($$v) {_vm.$set(_vm.formData, formItem.itemValue, $$v)},expression:"formData[formItem.itemValue]"}},_vm._l((formItem.selectList),function(selectItem){return _c('el-option',{key:selectItem.value,attrs:{"label":selectItem.name,"value":selectItem.value}})}),1):_vm._e(),(formItem.itemType === 'selectCascade')?_c('el-cascader',{class:formItem.showWarning?'redBorder':'',attrs:{"filterable":formItem.selectSearch?formItem.selectSearch:true,"options":formItem.selectList,"collapse-tags":formItem.showAllName?formItem.showAllName:true,"disabled":formItem.disabled,"show-all-levels":formItem.showAllLevel?formItem.showAllLevel:false,"placeholder":formItem.placeholder?formItem.placeholder:'请选择'+formItem.label,"clearable":"","props":{ expandTrigger: formItem.trigger?formItem.trigger:'hover',multiple:formItem.isSelectMore?formItem.isSelectMore:false}},on:{"change":function($event){return _vm.formFBC('change',formItem,_vm.formData,$event)}},model:{value:(_vm.formData[formItem.itemValue]),callback:function ($$v) {_vm.$set(_vm.formData, formItem.itemValue, $$v)},expression:"formData[formItem.itemValue]"}}):_vm._e(),(formItem.itemType === 'radio')?_c('el-radio-group',{staticClass:"twSearchRadio",model:{value:(_vm.formData[formItem.itemValue]),callback:function ($$v) {_vm.$set(_vm.formData, formItem.itemValue, $$v)},expression:"formData[formItem.itemValue]"}},_vm._l((formItem.radioList),function(itemChild,index){return _c('el-radio',{key:'radio'+index,attrs:{"label":itemChild.value,"disabled":itemChild.disabled},on:{"change":function($event){return _vm.formFBC('change',formItem,_vm.formData,$event)}}},[_vm._v(_vm._s(itemChild.name))])}),1):_vm._e(),(formItem.itemType === 'checkBox')?_c('el-checkbox-group',{staticClass:"twSearchCheckbox",model:{value:(_vm.formData[formItem.itemValue]),callback:function ($$v) {_vm.$set(_vm.formData, formItem.itemValue, $$v)},expression:"formData[formItem.itemValue]"}},_vm._l((formItem.checkBoxList),function(itemChild,index){return _c('el-checkbox',{key:'checkBox'+index,attrs:{"label":itemChild.value,"disabled":itemChild.disabled,"data-a":_vm.checkBoxState},on:{"change":function($event){return _vm.formFBC('change',formItem,_vm.formData,$event)}}},[_vm._v(_vm._s(itemChild.name))])}),1):_vm._e(),(formItem.itemType === 'selectTree')?_c('section',{staticClass:"popTree"},[_c('el-popover',{attrs:{"placement":"bottom-start"},model:{value:(formItem.popTreeBox),callback:function ($$v) {_vm.$set(formItem, "popTreeBox", $$v)},expression:"formItem.popTreeBox"}},[_c('section',{staticStyle:{"text-align":"center","border-bottom":"1px solid #ddd","padding-bottom":"10px"}},[_c('div',{staticStyle:{"display":"flex"}},[_c('el-input',{attrs:{"placeholder":"输入关键字进行过滤","size":"mini","clearable":""},on:{"input":function($event){return _vm.filterInput($event,formItem)}},model:{value:(formItem.popTreeInput),callback:function ($$v) {_vm.$set(formItem, "popTreeInput", $$v)},expression:"formItem.popTreeInput"}}),_c('el-button',{staticStyle:{"margin-left":"10px"},attrs:{"type":"primary","size":"mini"},on:{"click":function($event){return _vm.chooseOrg(formItem.itemValue,formItem)}}},[_vm._v("确定选择")])],1)]),_c('el-tree',{ref:formItem.popTreeRef,refInFor:true,staticClass:"selectTree",attrs:{"data":formItem.treeList.length>0?formItem.treeList:[],"props":formItem.defaultProps,"filter-node-method":_vm.filterNode,"highlight-current":true},on:{"node-click":_vm.handleNodeClick}}),_c('el-input',{class:formItem.showWarning?'redBorder':'',attrs:{"slot":"reference","size":"small","clearable":"","placeholder":formItem.placeholder?formItem.placeholder:'请选择'+formItem.label,"disabled":formItem.disabled},on:{"clear":function($event){return _vm.clearText(formItem)}},slot:"reference",model:{value:(_vm.formData[formItem.itemValue]),callback:function ($$v) {_vm.$set(_vm.formData, formItem.itemValue, $$v)},expression:"formData[formItem.itemValue]"}})],1)],1):_vm._e(),(formItem.itemType === 'valueRange')?_c('section',{staticClass:"valueRangeStyle"},[_c('el-input',{class:formItem.showWarning?'redBorder':'',attrs:{"type":formItem.isNumber?'number':'text',"clearable":"","placeholder":formItem.placeholder?formItem.placeholder:'请输入'+formItem.label,"disabled":formItem.disabled,"clearable":""},on:{"input":function($event){return _vm.formFBC('change',formItem,_vm.formData,$event)},"focus":function($event){return _vm.formFBC('focus',formItem,_vm.formData)},"blur":function($event){return _vm.formFBC('blur',formItem,_vm.formData)}},model:{value:(_vm.formData[formItem.itemValue]),callback:function ($$v) {_vm.$set(_vm.formData, formItem.itemValue, $$v)},expression:"formData[formItem.itemValue]"}}),_c('span',{staticStyle:{"margin":"0 5px"}},[_vm._v("-")]),_c('el-input',{class:formItem.showWarning?'redBorder':'',attrs:{"type":formItem.isNumber?'number':'text',"clearable":"","placeholder":formItem.placeholder?formItem.placeholder:'请输入'+formItem.label,"disabled":formItem.disabled,"clearable":""},on:{"input":function($event){return _vm.formFBC('change',formItem,_vm.formData,$event)},"focus":function($event){return _vm.formFBC('focus',formItem,_vm.formData)},"blur":function($event){return _vm.formFBC('blur',formItem,_vm.formData)}},model:{value:(_vm.formData[formItem.itemValueSec]),callback:function ($$v) {_vm.$set(_vm.formData, formItem.itemValueSec, $$v)},expression:"formData[formItem.itemValueSec]"}})],1):_vm._e()],1)],1)}),1)],1)],1)}
|
@@ -10664,9 +10539,6 @@ var twFormModule_component = Object(componentNormalizer["a" /* default */])(
|
|
10664
10539
|
getReset: function getReset() {
|
10665
10540
|
this.$refs[this.formSetting && this.formSetting.refName ? this.formSetting.refName + 'Inner' : 'refFormInner'].onReset();
|
10666
10541
|
},
|
10667
|
-
addNewBack: function addNewBack(params) {
|
10668
|
-
this.$emit('addNewBack', params);
|
10669
|
-
},
|
10670
10542
|
formFBC: function formFBC(params) {
|
10671
10543
|
this.$emit('formFBC', params);
|
10672
10544
|
},
|
@@ -10688,8 +10560,8 @@ var twFormModule_component = Object(componentNormalizer["a" /* default */])(
|
|
10688
10560
|
|
10689
10561
|
var twFormPC_src_main_component = Object(componentNormalizer["a" /* default */])(
|
10690
10562
|
packages_twFormPC_src_mainvue_type_script_lang_js_,
|
10691
|
-
|
10692
|
-
|
10563
|
+
mainvue_type_template_id_7ea093f5_render,
|
10564
|
+
mainvue_type_template_id_7ea093f5_staticRenderFns,
|
10693
10565
|
false,
|
10694
10566
|
null,
|
10695
10567
|
null,
|