|
@@ -8,48 +8,49 @@
|
|
|
<!-- 搜索项 -->
|
|
|
<el-form :inline="true" :model="form" class="search-form">
|
|
|
<el-form-item label="数据组织一级分类">
|
|
|
- <el-input v-model="form.firstSortName"></el-input>
|
|
|
+ <el-input v-model="form.firstLevelName" clearable></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="数据组织二级分类">
|
|
|
- <el-input v-model="form.secondSortName"></el-input>
|
|
|
+ <el-input v-model="form.secondLevelName" clearable></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="标签名称">
|
|
|
- <el-input v-model="form.secondSortName"></el-input>
|
|
|
+ <el-input v-model="form.labelName" clearable></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
<dg-button type="primary" @click="handleSearch" icon="el-icon-search">查询</dg-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
- <el-row class="import-btn">
|
|
|
+ <el-row class="import-btn">
|
|
|
<dg-button type="primary" @click="handleImport" icon="el-icon-upload">导入</dg-button>
|
|
|
</el-row>
|
|
|
<!-- 列表 -->
|
|
|
- <dg-table :data="tableList" border row-key="id">
|
|
|
+ <dg-table ref="table" :data="tableList" border row-key="id" paging-type="client">
|
|
|
<dg-table-column type="index" width="75" label="序号"></dg-table-column>
|
|
|
- <dg-table-column prop="name" label="一级代码"></dg-table-column>
|
|
|
- <dg-table-column prop="name" label="数据组织一级分类"></dg-table-column>
|
|
|
- <dg-table-column prop="name" label="二级代码"></dg-table-column>
|
|
|
- <dg-table-column prop="name" label="数据组织二级分类"></dg-table-column>
|
|
|
- <dg-table-column prop="name" label="标签分类代码"></dg-table-column>
|
|
|
- <dg-table-column prop="name" label="标签分类"></dg-table-column>
|
|
|
- <dg-table-column prop="name" label="标签代码"></dg-table-column>
|
|
|
- <dg-table-column prop="name" label="标签名称"></dg-table-column>
|
|
|
- <dg-table-column prop="name" label="说明"></dg-table-column>
|
|
|
+ <dg-table-column prop="firstLevelCode" label="一级代码"></dg-table-column>
|
|
|
+ <dg-table-column prop="firstLevelName" label="数据组织一级分类"></dg-table-column>
|
|
|
+ <dg-table-column prop="secondLevelCode" label="二级代码"></dg-table-column>
|
|
|
+ <dg-table-column prop="secondLevelName" label="数据组织二级分类"></dg-table-column>
|
|
|
+ <dg-table-column prop="labelClassifyCode" label="标签分类代码"></dg-table-column>
|
|
|
+ <dg-table-column prop="labelClassifyName" label="标签分类"></dg-table-column>
|
|
|
+ <dg-table-column prop="labelCode" label="标签代码"></dg-table-column>
|
|
|
+ <dg-table-column prop="labelName" label="标签名称"></dg-table-column>
|
|
|
</dg-table>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import list from "../mockData";
|
|
|
import importFile from "@/pages/common/import";
|
|
|
+import { getDataClassifyList } from "@/api/data-auth";
|
|
|
+
|
|
|
export default {
|
|
|
components: {},
|
|
|
data() {
|
|
|
return {
|
|
|
- tableList: list,
|
|
|
+ tableList: [],
|
|
|
form: {
|
|
|
- firstSortName: "",
|
|
|
- secondSortName: ""
|
|
|
+ firstLevelName: "",
|
|
|
+ secondLevelName: "",
|
|
|
+ labelName: ""
|
|
|
}
|
|
|
};
|
|
|
},
|
|
@@ -58,7 +59,20 @@ export default {
|
|
|
/**
|
|
|
* @description: 查询
|
|
|
*/
|
|
|
- handleSearch() {},
|
|
|
+ handleSearch() {
|
|
|
+ this.$refs.table.paginationOptions.currentPage = 1;
|
|
|
+ const { firstLevelName, secondLevelName, labelName } = this.form;
|
|
|
+ if (!secondLevelName.trim() && !firstLevelName.trim() && !labelName.trim()) {
|
|
|
+ this.tableList = this.orgList;
|
|
|
+ } else {
|
|
|
+ this.tableList = this.orgList.filter(
|
|
|
+ (item) =>
|
|
|
+ item.firstLevelName.indexOf(firstLevelName) > -1 &&
|
|
|
+ item.secondLevelName.indexOf(secondLevelName) > -1 &&
|
|
|
+ item.labelName.indexOf(labelName) > -1
|
|
|
+ );
|
|
|
+ }
|
|
|
+ },
|
|
|
/**
|
|
|
* @description: 导入
|
|
|
*/
|
|
@@ -85,7 +99,12 @@ export default {
|
|
|
});
|
|
|
}
|
|
|
},
|
|
|
- created() {},
|
|
|
+ created() {
|
|
|
+ getDataClassifyList().then((res) => {
|
|
|
+ this.orgList = res.data.content;
|
|
|
+ this.tableList = res.data.content;
|
|
|
+ });
|
|
|
+ },
|
|
|
mounted() {}
|
|
|
};
|
|
|
</script>
|