|
@@ -1,31 +1,31 @@
|
|
<template>
|
|
<template>
|
|
<div
|
|
<div
|
|
- class="classification_list"
|
|
|
|
- v-loading.fullscreen.lock="fullscreenLoading"
|
|
|
|
|
|
+ class="classification_list"
|
|
|
|
+ v-loading.fullscreen.lock="fullscreenLoading"
|
|
>
|
|
>
|
|
<div class="classification_list_headerSelect">
|
|
<div class="classification_list_headerSelect">
|
|
<div class="classification-list-btn">
|
|
<div class="classification-list-btn">
|
|
<el-form ref="form" :model="form" inline label-width="90px">
|
|
<el-form ref="form" :model="form" inline label-width="90px">
|
|
<el-form-item class="header_top_form" label="分类名称:" prop="name">
|
|
<el-form-item class="header_top_form" label="分类名称:" prop="name">
|
|
<el-input
|
|
<el-input
|
|
- v-model.trim="form.name"
|
|
|
|
- size="small"
|
|
|
|
- placeholder="请输入"
|
|
|
|
- clearable
|
|
|
|
|
|
+ v-model.trim="form.name"
|
|
|
|
+ size="small"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ clearable
|
|
></el-input>
|
|
></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item class="header_top_form" label="状态:" prop="status">
|
|
<el-form-item class="header_top_form" label="状态:" prop="status">
|
|
<el-select
|
|
<el-select
|
|
- v-model="form.status"
|
|
|
|
- clearable
|
|
|
|
- size="small"
|
|
|
|
- placeholder="请选择"
|
|
|
|
|
|
+ v-model="form.status"
|
|
|
|
+ clearable
|
|
|
|
+ size="small"
|
|
|
|
+ placeholder="请选择"
|
|
>
|
|
>
|
|
<el-option
|
|
<el-option
|
|
- v-for="item in options"
|
|
|
|
- :key="item.value"
|
|
|
|
- :label="item.label"
|
|
|
|
- :value="item.value"
|
|
|
|
|
|
+ v-for="item in options"
|
|
|
|
+ :key="item.value"
|
|
|
|
+ :label="item.label"
|
|
|
|
+ :value="item.value"
|
|
>
|
|
>
|
|
</el-option>
|
|
</el-option>
|
|
</el-select>
|
|
</el-select>
|
|
@@ -33,40 +33,40 @@
|
|
</el-form>
|
|
</el-form>
|
|
<div style="margin-right: 23px">
|
|
<div style="margin-right: 23px">
|
|
<el-button
|
|
<el-button
|
|
- size="small"
|
|
|
|
- style="width: 88px"
|
|
|
|
- type="primary"
|
|
|
|
- @click="search"
|
|
|
|
- >查询</el-button
|
|
|
|
|
|
+ size="small"
|
|
|
|
+ style="width: 88px"
|
|
|
|
+ type="primary"
|
|
|
|
+ @click="search"
|
|
|
|
+ >查询</el-button
|
|
>
|
|
>
|
|
<el-button size="small" style="width: 88px" @click="resetForm('form')"
|
|
<el-button size="small" style="width: 88px" @click="resetForm('form')"
|
|
- >重置</el-button
|
|
|
|
|
|
+ >重置</el-button
|
|
>
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="text-align: right">
|
|
<div style="text-align: right">
|
|
<el-button
|
|
<el-button
|
|
- size="small"
|
|
|
|
- style="width: 104px; margin-right: 23px"
|
|
|
|
- @click="addList"
|
|
|
|
- icon="iconfont icon-a-zu13"
|
|
|
|
- >新增</el-button
|
|
|
|
|
|
+ size="small"
|
|
|
|
+ style="width: 104px; margin-right: 23px"
|
|
|
|
+ @click="addList"
|
|
|
|
+ icon="iconfont icon-a-zu13"
|
|
|
|
+ >新增</el-button
|
|
>
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div>
|
|
<el-table
|
|
<el-table
|
|
- ref="editTable"
|
|
|
|
- :data="tableData"
|
|
|
|
- stripe
|
|
|
|
- :header-cell-style="{ background: '#F7F7F7' }"
|
|
|
|
- :height="screenHeight"
|
|
|
|
|
|
+ ref="editTable"
|
|
|
|
+ :data="tableData"
|
|
|
|
+ stripe
|
|
|
|
+ :header-cell-style="{ background: '#F7F7F7' }"
|
|
|
|
+ :height="screenHeight"
|
|
>
|
|
>
|
|
<el-table-column
|
|
<el-table-column
|
|
- label="分类名称"
|
|
|
|
- prop="name"
|
|
|
|
- align="center"
|
|
|
|
- show-overflow-tooltip
|
|
|
|
|
|
+ label="分类名称"
|
|
|
|
+ prop="name"
|
|
|
|
+ align="center"
|
|
|
|
+ show-overflow-tooltip
|
|
>
|
|
>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<a class="a_link" @click="classificaName(scope.row)" style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
|
|
<a class="a_link" @click="classificaName(scope.row)" style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
|
|
@@ -75,34 +75,34 @@
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- label="链接地址"
|
|
|
|
- prop="linkUrl"
|
|
|
|
- align="center"
|
|
|
|
- min-width="180"
|
|
|
|
|
|
+ label="链接地址"
|
|
|
|
+ prop="linkUrl"
|
|
|
|
+ align="center"
|
|
|
|
+ min-width="180"
|
|
></el-table-column>
|
|
></el-table-column>
|
|
<el-table-column label="禁用/启用" prop="status" align="center">
|
|
<el-table-column label="禁用/启用" prop="status" align="center">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<div>
|
|
<div>
|
|
<el-switch
|
|
<el-switch
|
|
- v-model="scope.row.status"
|
|
|
|
- active-color="#17A8FF"
|
|
|
|
- inactive-color="#AFAFAF"
|
|
|
|
- @change="switchChange($event, scope.row)"
|
|
|
|
|
|
+ v-model="scope.row.status"
|
|
|
|
+ active-color="#17A8FF"
|
|
|
|
+ inactive-color="#AFAFAF"
|
|
|
|
+ @change="switchChange($event, scope.row)"
|
|
>
|
|
>
|
|
</el-switch>
|
|
</el-switch>
|
|
</div> </template
|
|
</div> </template
|
|
- ></el-table-column>
|
|
|
|
|
|
+ ></el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- label="创建人"
|
|
|
|
- prop="createUserName"
|
|
|
|
- align="center"
|
|
|
|
- show-overflow-tooltip
|
|
|
|
|
|
+ label="创建人"
|
|
|
|
+ prop="createUserName"
|
|
|
|
+ align="center"
|
|
|
|
+ show-overflow-tooltip
|
|
></el-table-column>
|
|
></el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- label="创建时间"
|
|
|
|
- prop="createTime"
|
|
|
|
- align="center"
|
|
|
|
- show-overflow-tooltip
|
|
|
|
|
|
+ label="创建时间"
|
|
|
|
+ prop="createTime"
|
|
|
|
+ align="center"
|
|
|
|
+ show-overflow-tooltip
|
|
></el-table-column>
|
|
></el-table-column>
|
|
<el-table-column label="操作" width="140px" align="center">
|
|
<el-table-column label="操作" width="140px" align="center">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
@@ -114,14 +114,14 @@
|
|
</el-table>
|
|
</el-table>
|
|
</div>
|
|
</div>
|
|
<el-pagination
|
|
<el-pagination
|
|
- @size-change="handleSizeChange"
|
|
|
|
- @current-change="handleCurrentChange"
|
|
|
|
- :current-page="form.pageNum"
|
|
|
|
- :page-sizes="[100, 200, 300, 400]"
|
|
|
|
- :page-size="form.pageSize"
|
|
|
|
- background
|
|
|
|
- layout="total,prev, pager, next,jumper"
|
|
|
|
- :total="form.total"
|
|
|
|
|
|
+ @size-change="handleSizeChange"
|
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
|
+ :current-page="form.pageNum"
|
|
|
|
+ :page-sizes="[100, 200, 300, 400]"
|
|
|
|
+ :page-size="form.pageSize"
|
|
|
|
+ background
|
|
|
|
+ layout="total,prev, pager, next,jumper"
|
|
|
|
+ :total="form.total"
|
|
>
|
|
>
|
|
</el-pagination>
|
|
</el-pagination>
|
|
<edit-dialog ref="editDialogRefs" />
|
|
<edit-dialog ref="editDialogRefs" />
|
|
@@ -140,7 +140,7 @@ export default {
|
|
fullscreenLoading: false,
|
|
fullscreenLoading: false,
|
|
form: {
|
|
form: {
|
|
name: '',
|
|
name: '',
|
|
- status: '',
|
|
|
|
|
|
+ status: 1,
|
|
pageNum: 1,
|
|
pageNum: 1,
|
|
pageSize: 10,
|
|
pageSize: 10,
|
|
start: '',
|
|
start: '',
|
|
@@ -206,26 +206,26 @@ export default {
|
|
status: this.form.status
|
|
status: this.form.status
|
|
}
|
|
}
|
|
api
|
|
api
|
|
- .GET('/doc/type/list', code)
|
|
|
|
- .then(res => {
|
|
|
|
- if (res.code == 0) {
|
|
|
|
- this.tableData = res.data.list
|
|
|
|
- this.tableData.forEach(item => {
|
|
|
|
- item.status == 1 ? (item.status = true) : (item.status = false)
|
|
|
|
- })
|
|
|
|
- this.form.pageNum = res.data.currPage
|
|
|
|
- this.form.pageSize = res.data.pageSize
|
|
|
|
- this.form.total = res.data.totalCount
|
|
|
|
|
|
+ .GET('/doc/type/list', code)
|
|
|
|
+ .then(res => {
|
|
|
|
+ if (res.code == 0) {
|
|
|
|
+ this.tableData = res.data.list
|
|
|
|
+ this.tableData.forEach(item => {
|
|
|
|
+ item.status == 1 ? (item.status = true) : (item.status = false)
|
|
|
|
+ })
|
|
|
|
+ this.form.pageNum = res.data.currPage
|
|
|
|
+ this.form.pageSize = res.data.pageSize
|
|
|
|
+ this.form.total = res.data.totalCount
|
|
|
|
+ this.fullscreenLoading = false
|
|
|
|
+ this.$nextTick(() => {
|
|
|
|
+ this.$refs.editTable.bodyWrapper.scrollTop = this.tableDataheight
|
|
|
|
+ this.tableDataheight = 0
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ .catch(() => {
|
|
this.fullscreenLoading = false
|
|
this.fullscreenLoading = false
|
|
- this.$nextTick(() => {
|
|
|
|
- this.$refs.editTable.bodyWrapper.scrollTop = this.tableDataheight
|
|
|
|
- this.tableDataheight = 0
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- .catch(() => {
|
|
|
|
- this.fullscreenLoading = false
|
|
|
|
- })
|
|
|
|
|
|
+ })
|
|
},
|
|
},
|
|
/**
|
|
/**
|
|
* @method 分页条数
|
|
* @method 分页条数
|
|
@@ -275,16 +275,16 @@ export default {
|
|
status: val
|
|
status: val
|
|
}
|
|
}
|
|
api
|
|
api
|
|
- .PUT('/doc/type/updateSwitch', code)
|
|
|
|
- .then(data => {
|
|
|
|
- if (data.code == 0) {
|
|
|
|
|
|
+ .PUT('/doc/type/updateSwitch', code)
|
|
|
|
+ .then(data => {
|
|
|
|
+ if (data.code == 0) {
|
|
|
|
+ this.search()
|
|
|
|
+ this.$message.success(data.message)
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ .catch(() => {
|
|
this.search()
|
|
this.search()
|
|
- this.$message.success(data.message)
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- .catch(() => {
|
|
|
|
- this.search()
|
|
|
|
- })
|
|
|
|
|
|
+ })
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|