7 changed files with 193 additions and 279 deletions
@ -1,261 +1,135 @@ |
|||||
<template> |
<template> |
||||
<div class="app-container"> |
<div class="app-container"> |
||||
<!-- Start 列表页面 --> |
<div v-show="viewState ==1"> |
||||
<div> |
<el-tabs class="my-tabs" v-model="activeName" type="card" @tab-click="handleClick"> |
||||
<button-bar view-title="业务数据映射查询" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
<el-tab-pane label="自主学习计划指导" name="roleList"> |
||||
<div class="main-content"> |
<div class="container"> |
||||
<div class="searchcon"> |
<el-table :data="tableData" border style="width: 100%"> |
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> |
<el-table-column label="序号" width="70px" type="index" align="center"> |
||||
<div v-show="isSearchShow" class="search"> |
</el-table-column> |
||||
<el-form ref="listQueryform" :inline="true" :model="listQuery" class="tab-header" label-width="150px"> |
<el-table-column label="操作" width="100px" align="center"> |
||||
<el-form-item label="数据字典类别编码:"> |
<template slot-scope="scope"> |
||||
<el-input v-model="listQuery.params.dictTypeCode" clearable placeholder=""/> |
<el-button type="primary" size="mini" @click="editRow(scope.row)"> |
||||
</el-form-item> |
反馈 |
||||
<el-form-item label="数据字典类别名称:"> |
</el-button> |
||||
<el-input v-model="listQuery.params.dictTypeName" clearable placeholder=""/> |
<!-- <el-button type="primary" size="mini" @click="detail(scope.row)"> |
||||
</el-form-item> |
查看 |
||||
<el-form-item label="数据key:"> |
</el-button> --> |
||||
<el-input v-model="listQuery.params.dictKey" clearable placeholder=""/> |
</template> |
||||
</el-form-item> |
</el-table-column> |
||||
<el-form-item label="数据value:"> |
<el-table-column prop="teacherNo" label="教师工号" align="center" /> |
||||
<el-input v-model="listQuery.params.dictValue" clearable placeholder=""/> |
<el-table-column prop="studentNo" label="学生学号" align="center" /> |
||||
</el-form-item> |
<el-table-column prop="planContent" label="学习计划" align="center" /> |
||||
<el-form-item label="映射来源:"> |
<el-table-column prop="stateChinese" label="数据状态" align="center" /> |
||||
<el-select v-model="listQuery.params.map_sourceKey" filterable placeholder=""> |
<el-table-column prop="plan0pinion" label="反馈意见" align="center" /> |
||||
<el-option v-for="item in mappingsource_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"></el-option> |
</el-table> |
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="映射实体名称:"> |
|
||||
<el-input v-model="listQuery.params.map_object" clearable placeholder=""/> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="映射项目类别:"> |
|
||||
<el-input v-model="listQuery.params.map_item" clearable placeholder=""/> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="映射项目编码:"> |
|
||||
<el-input v-model="listQuery.params.map_itemKey" clearable placeholder=""/> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="映射项目值:"> |
|
||||
<el-input v-model="listQuery.params.map_itemValue" clearable placeholder=""/> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<div class="btn" style="text-align: center;"> |
|
||||
<el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button> |
|
||||
<el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button> |
|
||||
</div> |
|
||||
</div> |
</div> |
||||
</div> |
</el-tab-pane> |
||||
<div class="listtop"> |
|
||||
<div class="tit">数据映射列表</div> |
<el-dialog :title="dialogTitle + '学习计划'" :visible.sync="editDialog" width="40%"> |
||||
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
<table class="e-table" cellspacing="0"> |
||||
</div> |
<tr> |
||||
<div class=""> |
<td>教师工号</td> |
||||
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;"> |
<td> |
||||
<el-table-column fixed width="60px" label="序号" type="index" :index="indexMethod" align="center"/> |
<!-- <el-select v-model="form.type" class="addinputw" placeholder="请选择论坛类别" style="width:300px" |
||||
<el-table-column label="数据字典类别编码" width="200" align="center"> |
@change="getType"> |
||||
<template slot-scope="scope"> |
<el-option v-for="item in typeList" :key="item.dictKey" :label="item.dictValue" |
||||
<span>{{ scope.row.dictTypeCode }}</span> |
:value="item.dictKey" /> |
||||
</template> |
</el-select> --> |
||||
</el-table-column> |
<span>{{form.teacherNo}}</span> |
||||
<el-table-column label="数据字典类别名称" align="center" width="200"> |
<!-- <el-input v-model="form.teacherNo" style="width: 300px"></el-input> --> |
||||
<template slot-scope="scope"> |
</td> |
||||
<span>{{ scope.row.dictTypeName }}</span> |
</tr> |
||||
</template> |
<tr> |
||||
</el-table-column> |
<td>学生学号</td> |
||||
<el-table-column label="数据key" align="center" width="150"> |
<td> |
||||
<template slot-scope="scope"> |
<span>{{form.studentNo}}</span> |
||||
<span>{{ scope.row.dictKey }}</span> |
<!-- <el-input v-model="form.studentNo" style="width: 300px"></el-input> --> |
||||
</template> |
</td> |
||||
</el-table-column> |
</tr> |
||||
<el-table-column label="数据value" align="center" width="150"> |
<tr> |
||||
<template slot-scope="scope"> |
<td>学习计划内容</td> |
||||
<span>{{ scope.row.dictValue }}</span> |
<td> |
||||
</template> |
<span>{{form.planContent}}</span> |
||||
</el-table-column> |
<!-- <el-input v-model="form.planContent" style="width: 300px"></el-input> --> |
||||
<el-table-column label="映射来源" align="center" width="100"> |
</td> |
||||
<template slot-scope="scope"> |
</tr> |
||||
<span>{{ scope.row.map_sourceValue }}</span> |
<tr> |
||||
</template> |
<td>反馈意见</td> |
||||
</el-table-column> |
<td> |
||||
<el-table-column label="映射实体名称" align="center" width="200"> |
<!-- <span>{{form.planContent}}</span> --> |
||||
<template slot-scope="scope"> |
<el-input v-model="form.planOpinion" style="width: 300px"></el-input> |
||||
<span>{{ scope.row.map_object }}</span> |
</td> |
||||
</template> |
</tr> |
||||
</el-table-column> |
</table> |
||||
<el-table-column label="映射项目类别" align="center" width="200"> |
<div style="margin-top: 20px; text-align: center"> |
||||
<template slot-scope="scope"> |
<el-button type="primary" @click="save()">保存</el-button> |
||||
<span>{{ scope.row.map_item }}</span> |
</div> |
||||
</template> |
</el-dialog> |
||||
</el-table-column> |
</el-tabs> |
||||
<el-table-column label="映射项目编码" align="center" width="200"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span>{{ scope.row.map_itemKey }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column label="映射项目值" align="center" width="200"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span>{{ scope.row.map_itemValue }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
</div> |
|
||||
<div class="pages"> |
|
||||
<!-- 翻页 --> |
|
||||
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
</div> |
||||
|
<!-- <organizationManageInfo v-show="viewState ==4" ref="divInfo" @doback="resetState" /> --> |
||||
</div> |
</div> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import Pagination from '@/components/pagination' |
import { |
||||
import pageye from '@/components/pagination/pageye' |
selectSysPlanStudent, |
||||
import ButtonBar from '@/components/ButtonBar' |
} from "@/api/system/datamapping/datamapping.js"; |
||||
import { listPage } from '@/api/system/datamapping/datamapping' |
// import organizationManageInfo from './organizationManageInfo.vue' |
||||
import { typeValues } from '@/api/system/roleAdminister' |
export default { |
||||
|
components: { |
||||
export default { |
// organizationManageInfo, |
||||
name: 'shujuyingshe', |
|
||||
components: { |
|
||||
Pagination, |
|
||||
pageye, |
|
||||
ButtonBar, |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
btndisabled: false, |
|
||||
btnList: [ |
|
||||
{ |
|
||||
type: 'info', |
|
||||
size: 'small', |
|
||||
icon: 'cross', |
|
||||
btnKey: 'doClose', |
|
||||
btnLabel: '关闭' |
|
||||
} |
|
||||
], |
|
||||
isSearchShow: false, |
|
||||
searchxianshitit: '显示查询条件', |
|
||||
// 查询条件 ----------- |
|
||||
tableKey: 0, |
|
||||
list: [], |
|
||||
mappingsource_list: [], |
|
||||
FormLoading: false, |
|
||||
listLoading: false, |
|
||||
listQuery: { |
|
||||
params: { |
|
||||
map_sourceKey: '', |
|
||||
map_sourceValue: '', |
|
||||
map_object: '', |
|
||||
map_item: '', |
|
||||
map_itemKey: '', |
|
||||
map_itemValue: '', |
|
||||
dictTypeCode: '', |
|
||||
dictTypeName: '', |
|
||||
dictKey: '', |
|
||||
dictValue: '' |
|
||||
}, |
|
||||
current: 1, |
|
||||
size: 5, |
|
||||
total: 0 |
|
||||
}, |
|
||||
rules: {} |
|
||||
} |
|
||||
}, |
|
||||
created() { |
|
||||
// 加载列表 |
|
||||
this.getList() |
|
||||
this.init() |
|
||||
}, |
|
||||
mounted() { |
|
||||
this.$refs['btnbar'].setButtonList(this.btnList) |
|
||||
}, |
|
||||
methods: { |
|
||||
init() { |
|
||||
typeValues({ type: 'sys_mappingsource' }).then((resp) => { |
|
||||
if (resp.success) { |
|
||||
this.mappingsource_list = resp.data |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
// 搜索条件效果 |
|
||||
clicksearchShow() { |
|
||||
this.isSearchShow = !this.isSearchShow |
|
||||
if (this.isSearchShow) { |
|
||||
this.searchxianshitit = '隐藏查询条件' |
|
||||
} else { |
|
||||
this.searchxianshitit = '显示查询条件' |
|
||||
} |
|
||||
}, |
}, |
||||
btnHandle(btnKey) { |
data() { |
||||
console.log('XXXXXXXXXXXXXXX ' + btnKey) |
return { |
||||
switch (btnKey) { |
viewState: 1, |
||||
case 'doClose': |
activeName: "roleList", |
||||
this.doClose() |
dialogTitle: "", |
||||
break |
editDialog: false, |
||||
default: |
form: {}, |
||||
break |
formBackup: Object.assign({}, this.form), |
||||
|
tableData: [], |
||||
} |
} |
||||
}, |
}, |
||||
// 序号 |
mounted() { |
||||
indexMethod(index) { |
this.getPageList(); |
||||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|
||||
var pageindex = index + 1 + pagestart |
|
||||
return pageindex |
|
||||
}, |
}, |
||||
// 查询列表信息 |
methods: { |
||||
getList() { |
getPageList() { |
||||
this.listLoading = true |
// 获取列表 |
||||
listPage(this.listQuery).then((response) => { |
selectSysPlanStudent().then((res) => { |
||||
console.log('列表查询结果：', response) |
this.tableData = res.data; |
||||
this.listLoading = false |
}); |
||||
if (response.success && response.data && response.data.total > 0) { |
}, |
||||
this.list = response.data.records |
handleClick(tab, event) { |
||||
this.listQuery.total = response.data.total |
if (tab.name == "addrole") { |
||||
|
this.dialogTitle = "新增"; |
||||
|
this.roleForm = Object.assign({}, this.formBackup); |
||||
} else { |
} else { |
||||
this.list = [] |
this.getPageList(); |
||||
this.listQuery.total = 0 |
|
||||
} |
} |
||||
}) |
}, |
||||
}, |
save() { |
||||
// 查询按钮 |
console.log("form", this.form) |
||||
handleFilter() { |
|
||||
this.listQuery.current = 1 |
|
||||
this.getList() |
this.reset(); |
||||
}, |
}, |
||||
handleReset() { |
reset() { |
||||
this.listQuery = { |
this.form = {}; |
||||
params: { |
}, |
||||
map_sourceKey: '', |
editRow(row) { |
||||
map_sourceValue: '', |
this.dialogTitle = "反馈"; |
||||
map_object: '', |
this.editDialog = true; |
||||
map_item: '', |
this.form = Object.assign({}, row); |
||||
map_itemKey: '', |
}, |
||||
map_itemValue: '', |
|
||||
dictTypeCode: '', |
|
||||
dictTypeName: '', |
|
||||
dictKey: '', |
|
||||
dictValue: '' |
|
||||
}, |
|
||||
current: 1, |
|
||||
size: 5, |
|
||||
total: 0 |
|
||||
} |
|
||||
this.getList() |
|
||||
}, |
|
||||
doClose() { |
|
||||
this.$store.dispatch('tagsView/delView', this.$route) |
|
||||
this.$router.go(-1) |
|
||||
} |
} |
||||
} |
}; |
||||
} |
|
||||
</script> |
</script> |
||||
<style scoped> |
|
||||
/*表格列设置fixed后固定列出现下边框的设置*/ |
<style scoped="scoped" lang="scss"> |
||||
/deep/ .el-table__fixed { |
.my-tabs { |
||||
height: 100% !important; |
margin-top: 10px; |
||||
} |
} |
||||
/*表格列设置fixed后固定列出现下边框的设置*/ |
</style> |
||||
/deep/ .el-table__fixed-right { |
|
||||
height: 100% !important; |
|
||||
} |
|
||||
</style> |
|
||||
|
|||||
Loading…
Reference in new issue