Browse Source

9/28

master
aBin 5 years ago
parent
commit
baacae9d99
  1. 72
      src/api/typemanage.js
  2. 231
      src/views/firstPages/typemanage.vue

72
src/api/typemanage.js

@ -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
}
}
})
}

231
src/views/firstPages/typemanage.vue

@ -1,18 +1,239 @@
<template> <template>
<div class="dashboard-container"> <div class="dashboard-container">
类型管理页 <!-- 类型管理页 -->
<!-- 头部搜索添加 -->
<div class="filter-container">
<el-input
v-model="data.name"
placeholder="名字"
class="filter-item"
style="width: 190px;margin-left:10px"
clearable
/>
<el-select
v-model="data.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> </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> </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> <script>
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import * as api from '@/api/typemanage'
import Pagination from '@/components/Pagination' // secondary package based on el-pagination
export default { export default {
name: 'Typemanage', name: 'Typemanage',
components: { Pagination },
data() {
return {
dialogFormVisible: false,
dialogFormVisible1: false,
form: {
name: '',
region: ''
},
total: 0,
listLoading: true,
typemanage: [],
data: {
name: '',
pageNum: 1,
pageSize: 20,
type: ''
},
temp: {},
addCategory: {
name: '',
type: ''
},
updateCategory: {
name: '',
type: ''
},
formLabelWidth: '120px',
policyStatus: '类型',
status: { 类型一: 0, 类型二: 1 }
}
},
computed: { computed: {
...mapGetters([ ...mapGetters(['name'])
'name' },
]) created() {
this.getList()
},
methods: {
async getList() {
const that = this
that.listLoading = true
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
that.listLoading = true
await api.CategoryDetail(that.data).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
console.log(that.temp)
},
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> </script>

Loading…
Cancel
Save