Lihong@123456
5 years ago
2 changed files with 72 additions and 260 deletions
@ -0,0 +1,72 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
const typemanage = '/enterprise/category' |
||||
|
|
||||
|
export function TypeManage(data) { |
||||
|
return request({ |
||||
|
url: `/gateway${typemanage}/queryCategory`, |
||||
|
method: 'post', |
||||
|
data: { |
||||
|
param: { |
||||
|
name: data.name, |
||||
|
pageNum: data.pageNum, |
||||
|
pageSize: data.pageSize, |
||||
|
type: data.type |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export function addCategory(data) { |
||||
|
console.log(data) |
||||
|
return request({ |
||||
|
url: `/gateway${typemanage}/addCategory`, |
||||
|
method: 'post', |
||||
|
data: { |
||||
|
param: { |
||||
|
name: data.name, |
||||
|
type: data.type |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export function CategoryDetail(data) { |
||||
|
return request({ |
||||
|
url: `/gateway${typemanage}/queryCategory`, |
||||
|
method: 'post', |
||||
|
data: { |
||||
|
param: { |
||||
|
name: data.name, |
||||
|
pageNum: data.pageNum, |
||||
|
pageSize: data.pageSize, |
||||
|
type: data.type |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export function CategoryDelete(id) { |
||||
|
return request({ |
||||
|
url: `/gateway${typemanage}/deleteCategory`, |
||||
|
method: 'post', |
||||
|
data: { |
||||
|
param: { |
||||
|
id: id |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export function CategoryUpdate(data) { |
||||
|
return request({ |
||||
|
url: `/gateway${typemanage}/updateCategory`, |
||||
|
method: 'post', |
||||
|
data: { |
||||
|
param: { |
||||
|
id: data.id, |
||||
|
name: data.name, |
||||
|
type: data.type |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
@ -1,260 +0,0 @@ |
|||||
<template> |
|
||||
<div class="dashboard-container"> |
|
||||
<!-- 类型管理页 --> |
|
||||
<!-- 头部搜索添加 --> |
|
||||
|
|
||||
<div class="filter-container"> |
|
||||
<el-input |
|
||||
v-model="searchCategory.name" |
|
||||
placeholder="名字" |
|
||||
class="filter-item" |
|
||||
style="width: 190px;margin-left:10px" |
|
||||
clearable |
|
||||
/> |
|
||||
<el-select |
|
||||
v-model="searchCategory.type" |
|
||||
placeholder="类型" |
|
||||
clearable |
|
||||
class="filter-item" |
|
||||
style="width: 190px;margin-left:10px" |
|
||||
value="1" |
|
||||
> |
|
||||
<el-option label="项目类别" value="0" /> |
|
||||
<el-option label="产业类别 " value="1" /> |
|
||||
</el-select> |
|
||||
<el-button |
|
||||
class="filter-item" |
|
||||
style="margin-left: 10px;" |
|
||||
type="primary" |
|
||||
icon="el-icon-search" |
|
||||
@click="Search" |
|
||||
>搜索</el-button> |
|
||||
<el-button |
|
||||
class="filter-item" |
|
||||
style="margin-left: 10px;" |
|
||||
type="primary" |
|
||||
icon="el-icon-edit" |
|
||||
@click="AddCategory" |
|
||||
>添加</el-button> |
|
||||
</div> |
|
||||
<!-- 类型列表 --> |
|
||||
<el-table |
|
||||
v-loading="listLoading" |
|
||||
:data="typemanage" |
|
||||
border |
|
||||
fit |
|
||||
highlight-current-row |
|
||||
style="width: 100%;" |
|
||||
> |
|
||||
<el-table-column label="名字" prop="id" align="center" width="500"> |
|
||||
<template slot-scope="{row}"> |
|
||||
<span>{{ row.name }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column label="产业类型" prop="title" align="center" width="500"> |
|
||||
<template slot-scope="{row}"> |
|
||||
<span>{{ row.type }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column label="操作" align="center" width="230" class-name="small-padding fixed-width"> |
|
||||
<template slot-scope="{row}"> |
|
||||
<el-button type="primary" size="mini" @click="handleUpdate(row)">修改</el-button> |
|
||||
<el-button size="mini" type="danger" @click="handleDelete(row.id)">删除</el-button> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
<!-- 修改界面 --> |
|
||||
<el-dialog title="修改" :visible.sync="dialogFormVisible1"> |
|
||||
<el-form ref="dataForm" :model="temp" label-position="left" label-width="70px" style="width: 400px; margin-left:50px;"> |
|
||||
|
|
||||
<el-form-item label="名字" prop="name" style="width: 180%"> |
|
||||
<el-input v-model="temp.name" /> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item label="类型"> |
|
||||
<el-select |
|
||||
v-model="temp.type" |
|
||||
placeholder="请选类型" |
|
||||
style="width: 400px;" |
|
||||
> |
|
||||
<el-option label="项目类别" value="0" /> |
|
||||
<el-option label="产业类别 " value="1" /> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
</el-form> |
|
||||
<div slot="footer" class="dialog-footer"> |
|
||||
<el-button @click="dialogFormVisible1 = false"> |
|
||||
取消 |
|
||||
</el-button> |
|
||||
<el-button type="primary" @click="Commitupdate(temp.id)"> |
|
||||
提交 |
|
||||
</el-button> |
|
||||
</div> |
|
||||
</el-dialog> |
|
||||
<!-- 添加表格 --> |
|
||||
<el-dialog title="添加表格" :visible.sync="dialogFormVisible"> |
|
||||
<el-form |
|
||||
ref="dataForm" |
|
||||
:model="addCategory" |
|
||||
label-position="left" |
|
||||
label-width="70px" |
|
||||
style="width: 400px; margin-left:50px;" |
|
||||
> |
|
||||
<el-form-item label="名字" prop="name" style="width: 100%"> |
|
||||
<el-input v-model="addCategory.name" clearable /> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="类型"> |
|
||||
<el-select |
|
||||
v-model="addCategory.type" |
|
||||
placeholder="请选类型" |
|
||||
style="width: 400px;" |
|
||||
> |
|
||||
<el-option label="项目类别" value="0" /> |
|
||||
<el-option label="产业类别 " value="1" /> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<div slot="footer" class="dialog-footer"> |
|
||||
<el-button @click="dialogFormVisible = false">取 消</el-button> |
|
||||
<el-button type="primary" @click="CommitAdd">提 交</el-button> |
|
||||
</div> |
|
||||
</el-dialog> |
|
||||
<pagination v-show="total>0" :total="total" :page.sync="data.pageNum" :limit.sync="data.pageSize" @pagination="getList" /> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { mapGetters } from 'vuex' |
|
||||
import * as api from '@/api/typemanage' |
|
||||
import Pagination from '@/components/Pagination' // secondary package based on el-pagination |
|
||||
export default { |
|
||||
name: 'Typemanage', |
|
||||
components: { Pagination }, |
|
||||
data() { |
|
||||
return { |
|
||||
dialogFormVisible: false, |
|
||||
dialogFormVisible1: false, |
|
||||
form: { |
|
||||
name: '', |
|
||||
region: '' |
|
||||
}, |
|
||||
total: 0, |
|
||||
typemanage: [], |
|
||||
data: { |
|
||||
name: '', |
|
||||
pageNum: 1, |
|
||||
pageSize: 20, |
|
||||
type: '' |
|
||||
}, |
|
||||
temp: {}, |
|
||||
addCategory: { |
|
||||
name: '', |
|
||||
type: '' |
|
||||
}, |
|
||||
updateCategory: { |
|
||||
name: '', |
|
||||
type: '' |
|
||||
}, |
|
||||
searchCategory: { |
|
||||
name: '', |
|
||||
type: '' |
|
||||
}, |
|
||||
formLabelWidth: '120px', |
|
||||
policyStatus: '类型', |
|
||||
status: { 类型一: 0, 类型二: 1 } |
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
...mapGetters(['name']) |
|
||||
}, |
|
||||
created() { |
|
||||
this.getList() |
|
||||
}, |
|
||||
methods: { |
|
||||
async getList() { |
|
||||
const that = this |
|
||||
that.listLoading = false |
|
||||
await api.TypeManage(that.data).then((res) => { |
|
||||
that.typemanage = res.list |
|
||||
that.total = res.total - 0 |
|
||||
|
|
||||
setTimeout(() => { |
|
||||
that.listLoading = false |
|
||||
}, 1000) |
|
||||
}) |
|
||||
}, |
|
||||
|
|
||||
async Search() { |
|
||||
const that = this |
|
||||
await api.CategoryDetail(that.searchCategory).then((res) => { |
|
||||
that.typemanage = res.list |
|
||||
that.total = res.total - 0 |
|
||||
that.listLoading = false |
|
||||
}) |
|
||||
}, |
|
||||
|
|
||||
handleUpdate(row) { |
|
||||
const that = this |
|
||||
that.temp = Object.assign({}, row) |
|
||||
that.dialogFormVisible1 = true |
|
||||
}, |
|
||||
|
|
||||
async handleDelete(id) { |
|
||||
const that = this |
|
||||
await api.CategoryDelete(id).then((res) => { |
|
||||
that.getList() |
|
||||
}) |
|
||||
}, |
|
||||
|
|
||||
AddCategory() { |
|
||||
const that = this |
|
||||
for (const key in that.addCategory) { |
|
||||
that.addCategory[key] = '' |
|
||||
} |
|
||||
that.dialogFormVisible = true |
|
||||
}, |
|
||||
|
|
||||
async CommitAdd() { |
|
||||
const that = this |
|
||||
for (const key in that.addCategory) { |
|
||||
if (that.addCategory[key] === '') { |
|
||||
alert(key + '不能为空') |
|
||||
return |
|
||||
} |
|
||||
} |
|
||||
await api.addCategory(that.addCategory).then((res) => { |
|
||||
that.dialogFormVisible = false |
|
||||
that.getList() |
|
||||
}) |
|
||||
}, |
|
||||
|
|
||||
async Commitupdate() { |
|
||||
const that = this |
|
||||
for (const key in that.temp) { |
|
||||
if (that.temp[key] === '') { |
|
||||
alert(key + '不能为空') |
|
||||
return |
|
||||
} |
|
||||
} |
|
||||
await api.CategoryUpdate(that.temp).then((res) => { |
|
||||
that.dialogFormVisible1 = false |
|
||||
that.getList() |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
.dashboard { |
|
||||
&-container { |
|
||||
margin: 30px; |
|
||||
} |
|
||||
&-text { |
|
||||
font-size: 30px; |
|
||||
line-height: 46px; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
Loading…
Reference in new issue