|
|
|
@ -353,7 +353,7 @@ export default { |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<el-dialog :title="title" v-drag :visible.sync="visible" width="750px" :before-close="beforeCloseFilterTable" @open="openFilterTable" @close="closeFilterTable" append-to-body> |
|
|
|
<div> |
|
|
|
<div style="display: flex; justify-content: space-between; align-items: center;"> |
|
|
|
<el-select ref="record" v-model="selectValue" @visible-change="visibleRecordChange" style="width: 30%" @change="changeSelectTable" clearable filterable placeholder="请选择"> |
|
|
|
<el-option |
|
|
|
v-for="item in selectList" |
|
|
|
@ -366,15 +366,17 @@ export default { |
|
|
|
</span> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<div style="float: right;margin-right: 15%;width: 200px" > |
|
|
|
<span style="float:right;"> |
|
|
|
<el-button type="primary" plain @click="handleSave">保存</el-button> |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
<el-button type="primary" plain @click="handleSave" style="margin-left: auto; margin-right: 63px;">保存</el-button> |
|
|
|
<!-- <div style="float: right;margin-right: 15%;width: 200px" >--> |
|
|
|
<!-- <span style="float:right;">--> |
|
|
|
<!-- <el-button type="primary" plain @click="handleSave">保存</el-button>--> |
|
|
|
<!-- </span>--> |
|
|
|
<!-- </div>--> |
|
|
|
</div> |
|
|
|
<div style="display: flex;gap: 5px"> |
|
|
|
<div style="width: 85%;height: 400px" v-loading="loadingTableList" element-loading-text="加载中"> |
|
|
|
<el-table :data="tableList" @select="selectRow" ref="settingTable" border height="100%" v-show="showSetting"> |
|
|
|
<!-- TODO 之后回来把filter去掉--> |
|
|
|
<el-table :data="tableList.filter(row => row.dataType !== 'D')" @select="selectRow" ref="settingTable" border height="100%" v-show="showSetting"> |
|
|
|
<el-table-column |
|
|
|
type="selection" |
|
|
|
width="40" align="center"> |
|
|
|
@ -386,55 +388,56 @@ export default { |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="属性名称" align="left" header-align="center" show-overflow-tooltip width="120" prop="fieldCaption"></el-table-column> |
|
|
|
<!-- <el-table-column label="条件" align="center" width="240">--> |
|
|
|
<!-- <template slot-scope="{row,$index}">--> |
|
|
|
<!-- <div v-if="row.dataType === 'D'" style="width: 100%">--> |
|
|
|
<!-- <el-date-picker--> |
|
|
|
<!-- v-model="row.formula"--> |
|
|
|
<!-- type="date"--> |
|
|
|
<!-- placeholder="选择日期"--> |
|
|
|
<!-- value-format="yyyy-MM-dd" style="width: 100%;"--> |
|
|
|
<!-- />--> |
|
|
|
<!-- </div>--> |
|
|
|
<!-- <div v-else>--> |
|
|
|
<!-- <el-input v-model="row.formula" clearable>--> |
|
|
|
<!-- <el-select slot="prepend" clearable v-model="row.symbol" style="width: 100px;cursor:pointer;">--> |
|
|
|
<!-- <!– <el-option value="eq" label="等于"></el-option>–>--> |
|
|
|
<!-- <!– <el-option value="gt" label="大于"></el-option>–>--> |
|
|
|
<!-- <!– <el-option value="ge" label="大于等于"></el-option>–>--> |
|
|
|
<!-- <!– <el-option value="lt" label="小于"></el-option>–>--> |
|
|
|
<!-- <!– <el-option value="le" label="小于等于"></el-option>–>--> |
|
|
|
<!-- <!– <el-option value="between" label="之间"></el-option>–>--> |
|
|
|
<!-- <!– <el-option value="in" label="或者"></el-option>–>--> |
|
|
|
<!-- <!– <el-option value="ne" label="不等于"></el-option>–>--> |
|
|
|
<!-- <!– <el-option value="like" label="LIKE"></el-option>–>--> |
|
|
|
<!-- </el-select>--> |
|
|
|
<!-- </el-input>--> |
|
|
|
<!-- </div>--> |
|
|
|
<!-- </template>--> |
|
|
|
<!-- </el-table-column>--> |
|
|
|
<!-- <el-table-column label="条件" align="center" width="240">--> |
|
|
|
<!-- <template slot-scope="{row,$index}">--> |
|
|
|
<!-- <div v-if="row.dataType === 'D'" style="width: 100%">--> |
|
|
|
<!-- <el-date-picker--> |
|
|
|
<!-- v-model="row.formula"--> |
|
|
|
<!-- type="date"--> |
|
|
|
<!-- placeholder="选择日期"--> |
|
|
|
<!-- value-format="yyyy-MM-dd" style="width: 100%;"--> |
|
|
|
<!-- />--> |
|
|
|
<!-- </div>--> |
|
|
|
<!-- <div v-else>--> |
|
|
|
<!-- <el-input v-model="row.formula" clearable>--> |
|
|
|
<!-- <el-select slot="prepend" clearable v-model="row.symbol" style="width: 100px;cursor:pointer;">--> |
|
|
|
<!-- <!– <el-option value="eq" label="等于"></el-option>–>--> |
|
|
|
<!-- <!– <el-option value="gt" label="大于"></el-option>–>--> |
|
|
|
<!-- <!– <el-option value="ge" label="大于等于"></el-option>–>--> |
|
|
|
<!-- <!– <el-option value="lt" label="小于"></el-option>–>--> |
|
|
|
<!-- <!– <el-option value="le" label="小于等于"></el-option>–>--> |
|
|
|
<!-- <!– <el-option value="between" label="之间"></el-option>–>--> |
|
|
|
<!-- <!– <el-option value="in" label="或者"></el-option>–>--> |
|
|
|
<!-- <!– <el-option value="ne" label="不等于"></el-option>–>--> |
|
|
|
<!-- <!– <el-option value="like" label="LIKE"></el-option>–>--> |
|
|
|
<!-- </el-select>--> |
|
|
|
<!-- </el-input>--> |
|
|
|
<!-- </div>--> |
|
|
|
<!-- </template>--> |
|
|
|
<!-- </el-table-column>--> |
|
|
|
<el-table-column label="条件" align="center" width="240"> |
|
|
|
<template slot-scope="{row,$index}"> |
|
|
|
<!-- 情况一:日期类型 D --> |
|
|
|
<div v-if="row.dataType === 'D'" style="width: 100%"> |
|
|
|
<el-date-picker |
|
|
|
v-model="row.formula" |
|
|
|
type="date" |
|
|
|
placeholder="选择日期" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
style="width: 100%;" |
|
|
|
/> |
|
|
|
<el-select v-model="row.symbol" style="width: 100px; cursor: pointer; margin-top: 5px;" clearable> |
|
|
|
<el-option value="eq" label="等于"></el-option> |
|
|
|
<el-option value="gt" label="大于"></el-option> |
|
|
|
<el-option value="ge" label="大于等于"></el-option> |
|
|
|
<el-option value="lt" label="小于"></el-option> |
|
|
|
<el-option value="le" label="小于等于"></el-option> |
|
|
|
<el-option value="between" label="之间"></el-option> |
|
|
|
<el-option value="ne" label="不等于"></el-option> |
|
|
|
</el-select> |
|
|
|
<div v-if="row.dataType === 'DDD'"> |
|
|
|
<el-input v-model="row.formula" clearable> |
|
|
|
<el-date-picker |
|
|
|
v-model="row.formula" |
|
|
|
type="datetime" |
|
|
|
placeholder="选择日期" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
style="width: 100%; margin-bottom: 5px;" |
|
|
|
/> |
|
|
|
<el-select v-model="row.symbol" style="width: 100px; cursor: pointer;" clearable> |
|
|
|
<el-option value="eq" label="等于"></el-option> |
|
|
|
<el-option value="gt" label="大于"></el-option> |
|
|
|
<el-option value="ge" label="大于等于"></el-option> |
|
|
|
<el-option value="lt" label="小于"></el-option> |
|
|
|
<el-option value="le" label="小于等于"></el-option> |
|
|
|
<el-option value="between" label="之间"></el-option> |
|
|
|
<el-option value="ne" label="不等于"></el-option> |
|
|
|
</el-select> |
|
|
|
</el-input> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 情况二:数字类型 N --> |
|
|
|
<div v-else-if="row.dataType === 'N'" style="width: 100%"> |
|
|
|
<el-input-number v-model.number="row.formula" style="width: 100%" clearable /> |
|
|
|
@ -478,22 +481,22 @@ export default { |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="数据库字段" align="center" prop="originalField" show-overflow-tooltip width="120"></el-table-column> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
<el-table :data="copyTableList" border height="100%" v-show="!showSetting"> |
|
|
|
<!-- TODO 暂时用filter,之后再处理--> |
|
|
|
<el-table :data="copyTableList.filter(row => row.dataType !== 'D')" border height="100%" v-show="!showSetting"> |
|
|
|
<el-table-column label="属性名称" align="left" header-align="center" show-overflow-tooltip width="120" prop="fieldCaption"></el-table-column> |
|
|
|
<el-table-column label="条件" align="center" header-align="center" width="240"> |
|
|
|
<template slot-scope="{row,$index}"> |
|
|
|
<el-input v-model="row.formula" clearable> |
|
|
|
<el-select slot="prepend" clearable v-model="row.symbol" style="width: 80px;cursor:pointer;"> |
|
|
|
<!-- <el-option value="eq" label="等于"></el-option> |
|
|
|
<el-option value="gt" label="大于"></el-option> |
|
|
|
<el-option value="ge" label="大于等于"></el-option> |
|
|
|
<el-option value="lt" label="小于"></el-option> |
|
|
|
<el-option value="le" label="小于等于"></el-option> |
|
|
|
<el-option value="between" label="之间"></el-option> |
|
|
|
<el-option value="in" label="或者"></el-option> |
|
|
|
<el-option value="ne" label="不等于"></el-option> |
|
|
|
<el-option value="like" label="LIKE"></el-option>--> |
|
|
|
<!-- <el-option value="eq" label="等于"></el-option> |
|
|
|
<el-option value="gt" label="大于"></el-option> |
|
|
|
<el-option value="ge" label="大于等于"></el-option> |
|
|
|
<el-option value="lt" label="小于"></el-option> |
|
|
|
<el-option value="le" label="小于等于"></el-option> |
|
|
|
<el-option value="between" label="之间"></el-option> |
|
|
|
<el-option value="in" label="或者"></el-option> |
|
|
|
<el-option value="ne" label="不等于"></el-option> |
|
|
|
<el-option value="like" label="LIKE"></el-option>--> |
|
|
|
<!-- 数字类型支持的条件 --> |
|
|
|
<el-option value="eq" label="等于" v-if="row.dataType === 'N' || row.dataType === 'D'"></el-option> |
|
|
|
<el-option value="gt" label="大于" v-if="row.dataType === 'N' || row.dataType === 'D'"></el-option> |
|
|
|
@ -517,7 +520,7 @@ export default { |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="排序" align="center" prop="sortBy" show-overflow-tooltip width="140"> |
|
|
|
<template slot-scope="{row,$index}"> |
|
|
|
<el-select v-model="row.sortBy" clearable style="width: 100%"> |
|
|
|
<el-select v-model="row.sortBy" clearable style="width: 100%;"> |
|
|
|
<el-option value="asc" label="升序"></el-option> |
|
|
|
<el-option value="desc" label="降序"></el-option> |
|
|
|
</el-select> |
|
|
|
@ -528,7 +531,7 @@ export default { |
|
|
|
<el-input-number v-model="row.orderSeq" clearable style="width: 100%;" :controls="false"></el-input-number> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<!-- <el-table-column label="数据库字段" align="left" header-align="center" prop="originalField" show-overflow-tooltip width="120"></el-table-column>--> |
|
|
|
<!-- <el-table-column label="数据库字段" align="left" header-align="center" prop="originalField" show-overflow-tooltip width="120"></el-table-column>--> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
<div style="width: 15%;"> |
|
|
|
|