41 changed files with 1132 additions and 130 deletions
@ -0,0 +1,10 @@ |
|||
import request from '@/utils/request' |
|||
|
|||
// 是否自动执行
|
|||
export function getSetisautoByUid(params) { |
|||
return request({ |
|||
url: `/api/taskconifgure/setisauto`, |
|||
method: 'get', |
|||
params:params |
|||
}) |
|||
} |
|||
@ -0,0 +1,336 @@ |
|||
<template> |
|||
<el-table |
|||
ref="tableRef" |
|||
row-key="id" |
|||
:data="props.tableData" |
|||
:border="true" |
|||
@sort-change="sortChange" |
|||
@selection-change="tableSelectionHandle" |
|||
:row-class-name="props.tableRowClassName" |
|||
:cell-class-name="props.tableCellClassName" |
|||
> |
|||
<!-- 多选框 --> |
|||
<el-table-column |
|||
v-if="props.multipleTable" |
|||
type="selection" |
|||
:fixed="'left'" |
|||
width="55" |
|||
:selectable="selectableDisabled" |
|||
/> |
|||
<!-- 序号 --> |
|||
<el-table-column v-if="props.showTableIndex" :fixed="'left'" type="index" width="50" /> |
|||
<!-- 左侧操作列 --> |
|||
<el-table-column |
|||
v-if="props.leftOperation && props.leftOperation.length > 0" |
|||
:fixed="'left'" |
|||
:width="props.leftOperationColumnWidth" |
|||
label="操作" |
|||
:align="'center'"> |
|||
<template #default="scope"> |
|||
<el-button |
|||
v-for="(btn,index) in props.leftOperation" |
|||
:key="index" |
|||
:type="btn.type" |
|||
:link="btn.link" |
|||
@click="leftOperationHadel(btn,scope)" |
|||
>{{btn.label}}</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
<!-- 数据列 --> |
|||
<el-table-column |
|||
v-for="(item, index) in props.tableColumns" |
|||
:key="index" |
|||
:label="item.title" |
|||
:prop="item.prop" |
|||
:sortable="item.sortable || 'custom'" |
|||
:fixed="item.fixed" |
|||
:width="item.width || props.columnWidth" |
|||
:align="item.align || props.columnAlign" |
|||
:header-align="item.headerAlign || props.columnHeaderAlign"> |
|||
<template #default="scope"> |
|||
<!-- 时间格式 --> |
|||
<span v-if="item.type == 'datetime'"> {{ formatTableDate(scope.row[item.prop]) }} </span> |
|||
<!-- 标签格式 --> |
|||
<el-tag |
|||
v-else-if="item.type == 'tagFilter'" |
|||
:type="formatTableTagFilter('type',scope.row,item)" |
|||
> |
|||
{{ formatTableTagFilter('label',scope.row,item) }} |
|||
</el-tag> |
|||
<!-- 字典 --> |
|||
<span v-else-if="item.type == 'filter'">{{ formatTableTagFilter('label',scope.row,item) }}</span> |
|||
<!-- 【可编辑】文本 --> |
|||
<el-input |
|||
v-else-if="item.type == 'input'" |
|||
v-model="scope.row[item.prop]" |
|||
:placeholder="item.label" |
|||
:disabled="getEditItemDisabled(item,scope.row,scope)" |
|||
:clearable="!item.noClear" |
|||
@focus="(event)=>{editItemFocusHandle(item,scope,event)}" |
|||
@change="editItemChangeHandle(item,scope,arguments)" |
|||
@clear="editItemClearHandle(item,scope)" |
|||
/> |
|||
<!-- 【可编辑】字典选择 --> |
|||
<el-select |
|||
v-else-if="item.type == 'filterSelect'" |
|||
v-model="scope.row[item.prop]" |
|||
:filterable="!item.noSearch" |
|||
placeholder="请选择" |
|||
:disabled="getEditItemDisabled(item,scope.row,scope)" |
|||
:clearable="!item.noClear" |
|||
@focus="(event)=>{editItemFocusHandle(item,scope,event)}" |
|||
@change="editItemChangeHandle(item,scope,arguments)" |
|||
@clear="editItemClearHandle(item,scope)"> |
|||
<el-option |
|||
v-for="(op,op_index) in item.options" |
|||
:key="op_index" |
|||
:label="op.label" |
|||
:value="op.value" |
|||
/> |
|||
</el-select> |
|||
<!-- 【可编辑】时间 --> |
|||
<el-date-picker |
|||
v-else-if="item.type == 'datetimeInput'" |
|||
v-model="scope.row[item.prop]" |
|||
style="width:100%" |
|||
:type="item.inputType || 'datetime'" |
|||
:format="item.format || 'YYYY-MM-DD HH:mm:ss'" |
|||
:value-format="item.valueFormat || 'YYYY-MM-DD HH:mm:ss'" |
|||
:clearable="!item.noClear" |
|||
:disabled="getEditItemDisabled(item,scope.row,scope)" |
|||
@focus="(event)=>{editItemFocusHandle(item,scope,event)}" |
|||
@change="editItemChangeHandle(item,scope,arguments)" |
|||
@clear="editItemClearHandle(item,scope)" |
|||
/> |
|||
<!-- 【可编辑】数字 --> |
|||
<el-input-number |
|||
v-else-if="item.type == 'numberInput'" |
|||
v-model="scope.row[item.prop]" |
|||
:min="item.min" |
|||
:max="item.max" |
|||
:disabled="getEditItemDisabled(item,scope.row,scope)" |
|||
@focus="(event)=>{editItemFocusHandle(item,scope,event)}" |
|||
@change="editItemChangeHandle(item,scope,arguments)" |
|||
/> |
|||
<!-- 正常直接显示 --> |
|||
<span v-else> {{ scope.row[item.prop] }} </span> |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
<!-- 右侧操作列 --> |
|||
<el-table-column |
|||
v-if="props.rightOperation && props.rightOperation.length > 0" |
|||
v-auth-any="getShowRightOpera()" |
|||
:fixed="'right'" |
|||
:width="props.rightOperationColumnWidth" |
|||
:align="'center'" |
|||
label="操作"> |
|||
<template #default="scope"> |
|||
<el-button |
|||
v-for="(btn,index) in props.rightOperation" |
|||
v-show="typeof btn.hide == 'function' ? !btn.hide(scope.row,scope) : !btn.hide" |
|||
:key="index" |
|||
:type="btn.type" |
|||
:link="btn.link" |
|||
@click="rightOperationHadel(btn,scope)" |
|||
v-auth="btn.auth" |
|||
>{{btn.label}}</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</template> |
|||
|
|||
<script setup> |
|||
defineOptions({ name: 'elTable' }) |
|||
import { reactive, ref, onMounted } from 'vue' |
|||
import { ElMessageBox, ElMessage,ElTable, ElTableColumn } from 'element-plus' |
|||
import { formatTimeStrToStr } from "@/utils/formatTime"; |
|||
|
|||
const state = reactive({}) |
|||
|
|||
const props = defineProps({ |
|||
// 多选 |
|||
multipleTable:{ |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
// 序号 |
|||
showTableIndex:{ |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
// 左侧操作列 |
|||
leftOperation:{ |
|||
type: Object, |
|||
default: null |
|||
}, |
|||
// 左侧操作列宽度 |
|||
leftOperationColumnWidth:{ |
|||
type: Number, |
|||
default: 120 |
|||
}, |
|||
// 右侧操作列 |
|||
rightOperation:{ |
|||
type: Object, |
|||
default: null |
|||
}, |
|||
// 右侧操作列宽度 |
|||
rightOperationColumnWidth:{ |
|||
type: Number, |
|||
default: 150 |
|||
}, |
|||
// table数据 |
|||
tableData: { |
|||
type: Object, |
|||
default: [] |
|||
}, |
|||
// table表头 |
|||
tableColumns: { |
|||
type: Object, |
|||
default: [] |
|||
}, |
|||
// 表头宽度 |
|||
columnWidth:{ |
|||
type: Number, |
|||
default: null |
|||
}, |
|||
// 表头对齐 |
|||
columnHeaderAlign:{ |
|||
type: String, |
|||
default: 'center' |
|||
}, |
|||
// 表内容对齐 |
|||
columnAlign:{ |
|||
type: String, |
|||
default: 'center' |
|||
}, |
|||
// 可编辑单元格判断禁用 |
|||
getEditItemDisabled:{ |
|||
type: [Function,Boolean], |
|||
default: false |
|||
}, |
|||
// table的复选框是否禁用判断 |
|||
selectableDisabled:{ |
|||
type: [Function,Boolean], |
|||
default: true |
|||
}, |
|||
// 行class |
|||
tableRowClassName:{ |
|||
type: Function, |
|||
default: null |
|||
}, |
|||
// 单元格class |
|||
tableCellClassName:{ |
|||
type: Function, |
|||
default: null |
|||
}, |
|||
}) |
|||
|
|||
const emits = defineEmits([ |
|||
'sortChange', |
|||
'leftOperationHadel', |
|||
'rightOperationHadel', |
|||
'tableSelectionHandle', |
|||
'editItemFocusHandle', |
|||
'editItemChangeHandle', |
|||
'editItemClearHandle', |
|||
]) |
|||
|
|||
// 多选 |
|||
function tableSelectionHandle (val){ |
|||
emits('tableSelectionHandle',val) |
|||
} |
|||
|
|||
// 格式化时间 |
|||
function formatTableDate(time) { |
|||
let _time = '-' |
|||
if (time) { _time = formatTimeStrToStr(time) } |
|||
return _time |
|||
} |
|||
|
|||
// 格式化TagFilter |
|||
function formatTableTagFilter(type,row,item){ |
|||
let _op = item.options.filter(op=>op.value == row[item.prop]) |
|||
if(!_op || _op.length <=0 || !_op[0][type]){ |
|||
if(type=='type'){return 'info'} |
|||
else{return '--'} |
|||
}else{ |
|||
return _op[0][type] |
|||
} |
|||
} |
|||
|
|||
|
|||
//排序 |
|||
function sortChange(data) { |
|||
emits('sortChange',data) |
|||
} |
|||
|
|||
// 左侧操作列 |
|||
function leftOperationHadel(btn,scope) { |
|||
emits('leftOperationHadel',btn,scope) |
|||
} |
|||
|
|||
// 判断是否显示右侧操作权限 |
|||
function getShowRightOpera(){ |
|||
let _arr = [] |
|||
props.rightOperation.forEach(item=>{_arr.push(item.auth)}) |
|||
return _arr |
|||
} |
|||
|
|||
// 判断可编辑元素是否禁用 |
|||
function getEditItemDisabled(item,row,scope){ |
|||
if(typeof props.getEditItemDisabled == 'boolean'){ |
|||
return props.getEditItemDisabled |
|||
}else{ |
|||
return props.getEditItemDisabled(item,row,scope.$index) |
|||
} |
|||
} |
|||
|
|||
// table的复选框是否禁用判断 |
|||
function selectableDisabled(row,index){ |
|||
if(typeof props.selectableDisabled == 'function'){ |
|||
return props.selectableDisabled(row,index) |
|||
}else{ |
|||
return props.selectableDisabled |
|||
} |
|||
} |
|||
|
|||
// 可编辑元素Focus事件 |
|||
function editItemFocusHandle(item,scope,event) { |
|||
emits('editItemFocusHandle',item,scope,event) |
|||
} |
|||
|
|||
// 可编辑元素change事件 |
|||
function editItemChangeHandle(item,scope,data) { |
|||
emits('editItemChangeHandle',item,scope,data) |
|||
} |
|||
|
|||
// 可编辑元素clear事件 |
|||
function editItemClearHandle(item,scope) { |
|||
emits('editItemClearHandle',item,scope) |
|||
} |
|||
|
|||
// 右侧操作列 |
|||
function rightOperationHadel(btn,scope) { |
|||
emits('rightOperationHadel',btn,scope) |
|||
} |
|||
|
|||
onMounted(() => {}) |
|||
|
|||
</script> |
|||
|
|||
<style scope lang="scss"> |
|||
.current-select-tableRow{ |
|||
background:#e1f3d8 !important; |
|||
td{ |
|||
background:#e1f3d8 !important; |
|||
} |
|||
} |
|||
.normal-tableRow{ |
|||
td{ |
|||
background:#fff; |
|||
} |
|||
} |
|||
</style> |
|||
|
|||
@ -0,0 +1,353 @@ |
|||
<template> |
|||
<el-form style="height:calc(100% - 45px)" :model="props" :rules="props.tableFormRules" ref="tableForm_Ref"> |
|||
<el-table |
|||
style="height:100%" |
|||
row-key="id" |
|||
:data="props.tableData" |
|||
:border="true" |
|||
@sort-change="sortChange" |
|||
@selection-change="tableSelectionHandle" |
|||
:row-class-name="props.tableRowClassName" |
|||
:cell-class-name="props.tableCellClassName" |
|||
> |
|||
<!-- 多选框 --> |
|||
<el-table-column |
|||
v-if="props.multipleTable" |
|||
type="selection" |
|||
:fixed="'left'" |
|||
width="55" |
|||
:selectable="selectableDisabled" |
|||
/> |
|||
<!-- 序号 --> |
|||
<el-table-column v-if="props.showTableIndex" :fixed="'left'" type="index" width="50" /> |
|||
<!-- 左侧操作列 --> |
|||
<el-table-column |
|||
v-if="props.leftOperation && props.leftOperation.length > 0" |
|||
:fixed="'left'" |
|||
:width="props.leftOperationColumnWidth" |
|||
label="操作" |
|||
:align="'center'"> |
|||
<template #default="scope"> |
|||
<el-button |
|||
v-for="(btn,index) in props.leftOperation" |
|||
:key="index" |
|||
:type="btn.type" |
|||
:link="btn.link" |
|||
@click="leftOperationHadel(btn,scope)" |
|||
>{{btn.label}}</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
<!-- 数据列 --> |
|||
<el-table-column |
|||
v-for="(item, index) in props.tableColumns" |
|||
:key="index" |
|||
:label="item.title" |
|||
:prop="item.prop" |
|||
:sortable="item.sortable || 'custom'" |
|||
:fixed="item.fixed" |
|||
:width="item.width || props.columnWidth" |
|||
:align="item.align || props.columnAlign" |
|||
:header-align="item.headerAlign || props.columnHeaderAlign"> |
|||
<template #default="scope"> |
|||
<!-- `tableData[${scope.$index}][${item.prop}]` --> |
|||
<el-form-item |
|||
:prop="'tableData.'+ scope.$index + '.' + item.prop" |
|||
:rules="props.tableFormRules[item.prop]" |
|||
> |
|||
<!-- 时间格式 --> |
|||
<span v-if="item.type == 'datetime'"> {{ formatTableDate(scope.row[item.prop]) }} </span> |
|||
<!-- 标签格式 --> |
|||
<el-tag |
|||
v-else-if="item.type == 'tagFilter'" |
|||
:type="formatTableTagFilter('type',scope.row,item)" |
|||
> |
|||
{{ formatTableTagFilter('label',scope.row,item) }} |
|||
</el-tag> |
|||
<!-- 字典 --> |
|||
<span v-else-if="item.type == 'filter'">{{ formatTableTagFilter('label',scope.row,item) }}</span> |
|||
<!-- 【可编辑】文本 --> |
|||
<el-input |
|||
v-else-if="item.type == 'input'" |
|||
v-model="scope.row[item.prop]" |
|||
:placeholder="item.label" |
|||
:disabled="getEditItemDisabled(item,scope.row,scope)" |
|||
:clearable="!item.noClear" |
|||
@focus="(event)=>{editItemFocusHandle(item,scope,event)}" |
|||
@change="editItemChangeHandle(item,scope,arguments)" |
|||
@clear="editItemClearHandle(item,scope)" |
|||
/> |
|||
<!-- 【可编辑】字典选择 --> |
|||
<el-select |
|||
v-else-if="item.type == 'filterSelect'" |
|||
v-model="scope.row[item.prop]" |
|||
:filterable="!item.noSearch" |
|||
placeholder="请选择" |
|||
:disabled="getEditItemDisabled(item,scope.row,scope)" |
|||
:clearable="!item.noClear" |
|||
@focus="(event)=>{editItemFocusHandle(item,scope,event)}" |
|||
@change="editItemChangeHandle(item,scope,arguments)" |
|||
@clear="editItemClearHandle(item,scope)"> |
|||
<el-option |
|||
v-for="(op,op_index) in item.options" |
|||
:key="op_index" |
|||
:label="op.label" |
|||
:value="op.value" |
|||
/> |
|||
</el-select> |
|||
<!-- 【可编辑】时间 --> |
|||
<el-date-picker |
|||
v-else-if="item.type == 'datetimeInput'" |
|||
v-model="scope.row[item.prop]" |
|||
style="width:100%" |
|||
:type="item.inputType || 'datetime'" |
|||
:format="item.format || 'YYYY-MM-DD HH:mm:ss'" |
|||
:value-format="item.valueFormat || 'YYYY-MM-DD HH:mm:ss'" |
|||
:clearable="!item.noClear" |
|||
:disabled="getEditItemDisabled(item,scope.row,scope)" |
|||
@focus="(event)=>{editItemFocusHandle(item,scope,event)}" |
|||
@change="editItemChangeHandle(item,scope,arguments)" |
|||
@clear="editItemClearHandle(item,scope)" |
|||
/> |
|||
<!-- 【可编辑】数字 --> |
|||
<el-input-number |
|||
v-else-if="item.type == 'numberInput'" |
|||
v-model="scope.row[item.prop]" |
|||
:min="item.min" |
|||
:max="item.max" |
|||
:disabled="getEditItemDisabled(item,scope.row,scope)" |
|||
@focus="(event)=>{editItemFocusHandle(item,scope,event)}" |
|||
@change="editItemChangeHandle(item,scope,arguments)" |
|||
/> |
|||
<!-- 正常直接显示 --> |
|||
<span v-else> {{ scope.row[item.prop] }} </span> |
|||
</el-form-item> |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
<!-- 右侧操作列 --> |
|||
<el-table-column |
|||
v-if="props.rightOperation && props.rightOperation.length > 0" |
|||
v-auth-any="getShowRightOpera()" |
|||
:fixed="'right'" |
|||
:width="props.rightOperationColumnWidth" |
|||
:align="'center'" |
|||
label="操作"> |
|||
<template #default="scope"> |
|||
<el-button |
|||
v-for="(btn,index) in props.rightOperation" |
|||
v-show="typeof btn.hide == 'function' ? !btn.hide(scope.row,scope) : !btn.hide" |
|||
:key="index" |
|||
:type="btn.type" |
|||
:link="btn.link" |
|||
@click="rightOperationHadel(btn,scope)" |
|||
v-auth="btn.auth" |
|||
>{{btn.label}}</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-form> |
|||
</template> |
|||
|
|||
<script setup> |
|||
defineOptions({ name: 'elTable' }) |
|||
import { reactive, ref, onMounted,defineExpose } from 'vue' |
|||
import { ElMessageBox, ElMessage,ElTable, ElTableColumn } from 'element-plus' |
|||
import { formatTimeStrToStr } from "@/utils/formatTime"; |
|||
|
|||
const state = reactive({}) |
|||
|
|||
const props = defineProps({ |
|||
// 多选 |
|||
multipleTable:{ |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
// 序号 |
|||
showTableIndex:{ |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
// 左侧操作列 |
|||
leftOperation:{ |
|||
type: Object, |
|||
default: null |
|||
}, |
|||
// 左侧操作列宽度 |
|||
leftOperationColumnWidth:{ |
|||
type: Number, |
|||
default: 120 |
|||
}, |
|||
// 右侧操作列 |
|||
rightOperation:{ |
|||
type: Object, |
|||
default: null |
|||
}, |
|||
// 右侧操作列宽度 |
|||
rightOperationColumnWidth:{ |
|||
type: Number, |
|||
default: 150 |
|||
}, |
|||
// table数据 |
|||
tableData: { |
|||
type: Object, |
|||
default: [] |
|||
}, |
|||
// table表头 |
|||
tableColumns: { |
|||
type: Object, |
|||
default: [] |
|||
}, |
|||
// 表头宽度 |
|||
columnWidth:{ |
|||
type: Number, |
|||
default: null |
|||
}, |
|||
// 表头对齐 |
|||
columnHeaderAlign:{ |
|||
type: String, |
|||
default: 'center' |
|||
}, |
|||
// 表内容对齐 |
|||
columnAlign:{ |
|||
type: String, |
|||
default: 'center' |
|||
}, |
|||
// table输入表单的rules |
|||
tableFormRules: { |
|||
type: Object, |
|||
default: null |
|||
}, |
|||
// 可编辑单元格判断禁用 |
|||
getEditItemDisabled:{ |
|||
type: [Function,Boolean], |
|||
default: false |
|||
}, |
|||
// table的复选框是否禁用判断 |
|||
selectableDisabled:{ |
|||
type: [Function,Boolean], |
|||
default: true |
|||
}, |
|||
// 行class |
|||
tableRowClassName:{ |
|||
type: Function, |
|||
default: null |
|||
}, |
|||
// 单元格class |
|||
tableCellClassName:{ |
|||
type: Function, |
|||
default: null |
|||
}, |
|||
}) |
|||
|
|||
const emits = defineEmits([ |
|||
'sortChange', |
|||
'leftOperationHadel', |
|||
'rightOperationHadel', |
|||
'tableSelectionHandle', |
|||
'editItemFocusHandle', |
|||
'editItemChangeHandle', |
|||
'editItemClearHandle', |
|||
]) |
|||
|
|||
// 多选 |
|||
function tableSelectionHandle (val){ |
|||
emits('tableSelectionHandle',val) |
|||
} |
|||
|
|||
// 格式化时间 |
|||
function formatTableDate(time) { |
|||
let _time = '-' |
|||
if (time) { _time = formatTimeStrToStr(time) } |
|||
return _time |
|||
} |
|||
|
|||
// 格式化TagFilter |
|||
function formatTableTagFilter(type,row,item){ |
|||
let _op = item.options.filter(op=>op.value == row[item.prop]) |
|||
if(!_op || _op.length <=0 || !_op[0][type]){ |
|||
if(type=='type'){return 'info'} |
|||
else{return '--'} |
|||
}else{ |
|||
return _op[0][type] |
|||
} |
|||
} |
|||
|
|||
|
|||
//排序 |
|||
function sortChange(data) { |
|||
emits('sortChange',data) |
|||
} |
|||
|
|||
// 左侧操作列 |
|||
function leftOperationHadel(btn,scope) { |
|||
emits('leftOperationHadel',btn,scope) |
|||
} |
|||
|
|||
// 判断是否显示右侧操作权限 |
|||
function getShowRightOpera(){ |
|||
let _arr = [] |
|||
props.rightOperation.forEach(item=>{_arr.push(item.auth)}) |
|||
return _arr |
|||
} |
|||
|
|||
// 判断可编辑元素是否禁用 |
|||
function getEditItemDisabled(item,row,scope){ |
|||
if(typeof props.getEditItemDisabled == 'boolean'){ |
|||
return props.getEditItemDisabled |
|||
}else{ |
|||
return props.getEditItemDisabled(item,row,scope.$index) |
|||
} |
|||
} |
|||
|
|||
// table的复选框是否禁用判断 |
|||
function selectableDisabled(row,index){ |
|||
if(typeof props.selectableDisabled == 'function'){ |
|||
return props.selectableDisabled(row,index) |
|||
}else{ |
|||
return props.selectableDisabled |
|||
} |
|||
} |
|||
|
|||
// 可编辑元素Focus事件 |
|||
function editItemFocusHandle(item,scope,event) { |
|||
emits('editItemFocusHandle',item,scope,event) |
|||
} |
|||
|
|||
// 可编辑元素change事件 |
|||
function editItemChangeHandle(item,scope,data) { |
|||
emits('editItemChangeHandle',item,scope,data) |
|||
} |
|||
|
|||
// 可编辑元素clear事件 |
|||
function editItemClearHandle(item,scope) { |
|||
emits('editItemClearHandle',item,scope) |
|||
} |
|||
|
|||
// 右侧操作列 |
|||
function rightOperationHadel(btn,scope) { |
|||
emits('rightOperationHadel',btn,scope) |
|||
} |
|||
|
|||
const tableForm_Ref = ref(null) |
|||
defineExpose({ |
|||
tableForm_Ref, |
|||
}); |
|||
onMounted(() => {}) |
|||
|
|||
</script> |
|||
|
|||
<style scope lang="scss"> |
|||
.current-select-tableRow{ |
|||
background:#e1f3d8 !important; |
|||
td{ |
|||
background:#e1f3d8 !important; |
|||
} |
|||
} |
|||
.normal-tableRow{ |
|||
td{ |
|||
background:#fff; |
|||
} |
|||
} |
|||
</style> |
|||
|
|||
Loading…
Reference in new issue