elink-star
/
epmet-work-pc-chengyang
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

意见征集列表

chengyang
是小王呀\24601 8 months ago
parent
305cc84e17
commit
1146bed319
2 changed files with 814 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 407
      src/views/modules/workSys/icEventIdeaCategory/index.vue
  2. 407
      src/views/modules/workSys/ideaIdentity/index.vue

407
src/views/modules/workSys/icEventIdeaCategory/index.vue
View File

@ -0,0 +1,407 @@
<template>
<div class="role-container resi-container">
<el-card class="flex1 resi-card-table">
<div class="resi-row-btn">
<!-- <div v-if="isManager" class="resi-row-btn"> -->
<!-- 上下拖动可改变角色顺序
<el-button style="margin-left:10px"
type="primary"
size="small"
@click="handleSaveSort" class="diy-button--white">保存顺序</el-button> -->
<el-button type="primary" size="small" @click="handleAdd" class="diy-button-add">新增</el-button>
</div>
<el-table ref="roleTable" v-loading="loading1" :data="tableData" border :height="tableHeight"
class="resi-table" style="width: 100%;margin-top:20px">
<el-table-column label="序号" type="index" header-align="left" align="left" width="50"></el-table-column>
<el-table-column prop="categoryName" header-align="left" align="left" label="分类名称"
width="250"></el-table-column>
<el-table-column prop="status" label="状态" header-align="left" align="left">
<template slot-scope="scope">
<p style="color:red" v-if="scope.row.revision===0">{{'可用'}}</p>
<p v-else>{{'禁用'}}</p>
</template>
</el-table-column>
<el-table-column prop="categoryTypeName" label="类型" header-align="left" align="left">
</el-table-column>
<el-table-column v-if="isManager" width="450" label="操作">
<template slot-scope="scope">
<el-button v-if="scope.row.revision===0" type="text" size="small"
class="div-table-button--detail" @click="confirmChangeState(scope.row,'1')">禁用</el-button>
<el-button v-if="scope.row.revision===1" type="text" size="small"
class="div-table-button--detail" @click="confirmChangeState(scope.row,'0')">启用</el-button>
<el-button type="text" size="small" class="div-table-button--edit"
@click="handleEdit(scope.row)">修改</el-button>
<el-button type="text" size="small" class="div-table-button--delete"
@click="confirmDel(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</el-card>
<!-- 修改弹出框 -->
<el-dialog :visible.sync="diaShow" :close-on-click-modal="false" :close-on-press-escape="false"
:title="diaTitle" width="750px" top="5vh" class="dialog-h" @closed="diaClose">
<div class="div_duty dialog-h-content scroll-h" v-if="diaShow">
<el-form label-width="100px">
<!-- <el-form-item label="分类归属类别">
<el-select v-model="formData.categoryType" placeholder="请选择">
<el-option v-for="item in categoryTypeList" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item> -->
<el-form-item label="分类名称">
<el-input v-model.trim="formData.categoryName" type="textarea" maxlength="100" :rows="2"
style="width: 300px"></el-input>
</el-form-item>
</el-form>
</div>
<div class="resi-btns">
<el-button size="small" @click="diaShow=false">取消</el-button>
<el-button type="primary" size="small" @click="saveCategory">提交</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import Sortable from 'sortablejs'
import { requestPost } from "@/js/dai/request";
import { mapGetters } from 'vuex'
export default {
name: 'RoleList',
props: {},
data () {
return {
categoryTypeList:[
{
label:"日常意见征集标题",
value:"ideaTitleType"
},
{
label:"意见征集身份",
value:"ideaIdentityType"
}
],
loading1: false,
roleList: [],//角色列表
customerId: '',//客户id
formData:{
categoryName:"",
revision:"",
categoryType:"ideaIdentityType"
},
selCategoryId: '',
tableData: [],
isManager: false,
//弹出框相关
formType: 'A',//新增/编辑 A/U
diaTitle: '新增分类',
categoryName: '',
diaShow: false,
}
},
async mounted () {
this.roleList = localStorage.getItem('roleList')
this.customerId = this.$store.state.user.customerId
console.log(this.roleList)
console.log(this.customerId)
if (this.roleList.indexOf('root_manager') > -1) {
this.isManager = true
} else {
this.isManager = true
}
await this.loadList()
await this.dragRoleSort()
},
computed: {
tableHeight () {
const h = this.clientHeight - 220 + this.iframeHeigh
const _h = this.clientHeight - 220
return this.$store.state.inIframe ? h : _h
},
...mapGetters(['clientHeight', 'iframeHeight'])
},
methods: {
//获取分类列表
async loadList () {
// const url = "/gov/voice/guideccategory/getcategory"
const url = "/governance/icEventIdeaCategory/page"
const params = {
pageSize:this.pageSize,
...this.formData,
customerId: this.customerId,
}
const { data, code, msg } = await requestPost(url, params)
if (code === 0) {
this.tableData = data.list
} else {
this.$message.error(msg)
}
},
//新增
handleAdd () {
this.diaTitle = '新增分类'
this.diaShow = true
this.formData.categoryName = ''
this.selCategoryId = ''
this.formType = 'Add'
},
//编辑
handleEdit (row) {
this.diaTitle = '编辑分类'
this.diaShow = true
this.selCategoryId = row.id
this.formData.categoryName = row.categoryName
this.formType = 'Update'
},
//保存分类
async saveCategory () {
let url = ''
let params = {
categoryType: "ideaIdentityType"
}
if (this.formType === 'Update') {
url = "/governance/icEventIdeaCategory/update"
params.id = this.selCategoryId
params.categoryName= this.formData.categoryName
} else {
params.categoryName= this.formData.categoryName,
url = "/governance/icEventIdeaCategory/save"
}
const { data, code, msg } = await requestPost(url, params)
if (code === 0) {
this.$message.success('操作成功')
this.formData.categoryName=""
this.diaShow = false
this.loadList()
} else {
this.$message.error(msg)
}
},
confirmChangeState (row, state) {
this.$confirm('确认修改分类状态', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(async () => {
this.handelChangeState(row, state)
})
},
//修改状态
async handelChangeState(row, state) {
const url = "/governance/icEventIdeaCategory/update"
const params = {
revision: state,
id: row.id
}
const { data, code, msg } = await requestPost(url, params)
if (code === 0) {
this.$message.success('操作成功')
this.loadList()
} else {
this.$message.error(msg)
}
},
confirmDel (row) {
this.$confirm('确认删除当前分类', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(async () => {
this.handelDel(row)
})
},
//删除分类
async handelDel (row) {
const url = "/governance/icEventIdeaCategory/delete"
// const params = {
// ids: row.id,
// // customerId: this.customerId
// }
const formData = new FormData(); //FormData对象，添加参数只能通过append('key', value)的形式添加
formData.append('ids', [row.id]); //添加文件对象
const { data, code, msg } = await requestPost(url, formData)
if (code === 0) {
this.$message.success('删除成功')
this.loadList()
} else {
this.$message.error(msg)
}
},
//关闭角色职责弹出框
diaClose () {
this.selCategoryId = ''
this.diaTitle = ''
this.categoryName = ''
this.diaShow = false
},
//显示角色职责弹出框
handelChangeDuty (row) {
this.selCategoryId = row.id
this.description = row.description
this.roleName = row.roleName
this.diaShow = true
},
handleChangeName (row) {
row.isEdit = true
},
dragRoleSort () {
const el = this.$refs.roleTable.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0]
this.sortTable = Sortable.create(el, {
group: 'dragTable',
ghostClass: 'sortable-ghost', // Class name for the drop placeholder,
// setData: function(dataTransfer, dragEl) {
// dataTransfer.setData("Text", dragEl.textContent);
// },
delay: 0,
onChange: evt => {
// console.log(evt)
},
onEnd: evt => {
const targetRow = this.tableData.splice(evt.oldIndex, 1)[0]
this.tableData.splice(evt.newIndex, 0, targetRow)
}
})
},
//保存顺序
async handleSaveSort () {
const url = "/gov/voice/guidecategory/saveorder"
let params = {
orderList: this.tableData.map((item, index) => {
let obj = {
id: item.id,
orderIndex: index,
}
return obj
})
}
const { data, code, msg } = await requestPost(url, params)
if (code === 0) {
this.$message.success('操作成功')
this.loadList()
} else {
this.$message.error(msg)
}
// let data = {
// roleIdList: this.tableData.map(item => {
// return item.id
// })
// }
// this.$http
// .post('/epmetuser/govstaffrole/savedefaultsort', data)
// .then(({ data: res }) => {
// console.log('ressss', res)
// if (res.code === 0 && res.msg === 'success') {
// this.$message({
// type: 'success',
// message: '保存成功'
// })
// this.loadList()
// } else {
// this.$message({
// type: 'error',
// message: res.msg
// })
// }
// })
}
}
}
</script>
<style lang="scss" scoped>
// .resi-container .resi-card-table {
// ::v-deep .el-table th {
// }
// }
// .resi-table {
// ::v-deep .el-button--text {
// }
// ::v-deep .btn-color-del {
// }
// ::v-deep .btn-color-edit {
// }
// }
.role-container,
.role-flex {
display: flex;
}
.flex1 {
flex: 1;
}
.now-name {
/* display: flex;
justify-content: space-between; */
margin-bottom: 10px;
margin-left: 10px;
}
.aui-wrapper .el-card + .el-card {
margin-top: 0;
}
.role-container .el-dialog__body {
padding: 0 20px 20px;
}
.div_duty {
margin-top: 30px;
/* height: 300px;
position: relative; */
}
.div_btn {
position: absolute;
bottom: 30px;
right: 15px;
}
</style>

407
src/views/modules/workSys/ideaIdentity/index.vue
View File

@ -0,0 +1,407 @@
<template>
<div class="role-container resi-container">
<el-card class="flex1 resi-card-table">
<div class="resi-row-btn">
<!-- <div v-if="isManager" class="resi-row-btn"> -->
<!-- 上下拖动可改变角色顺序
<el-button style="margin-left:10px"
type="primary"
size="small"
@click="handleSaveSort" class="diy-button--white">保存顺序</el-button> -->
<el-button type="primary" size="small" @click="handleAdd" class="diy-button-add">新增</el-button>
</div>
<el-table ref="roleTable" v-loading="loading1" :data="tableData" border :height="tableHeight"
class="resi-table" style="width: 100%;margin-top:20px">
<el-table-column label="序号" type="index" header-align="left" align="left" width="50"></el-table-column>
<el-table-column prop="categoryName" header-align="left" align="left" label="分类名称"
width="250"></el-table-column>
<el-table-column prop="status" label="状态" header-align="left" align="left">
<template slot-scope="scope">
<p style="color:red" v-if="scope.row.revision===0">{{'可用'}}</p>
<p v-else>{{'禁用'}}</p>
</template>
</el-table-column>
<el-table-column prop="categoryTypeName" label="类型" header-align="left" align="left">
</el-table-column>
<el-table-column v-if="isManager" width="450" label="操作">
<template slot-scope="scope">
<el-button v-if="scope.row.revision===0" type="text" size="small"
class="div-table-button--detail" @click="confirmChangeState(scope.row,'1')">禁用</el-button>
<el-button v-if="scope.row.revision===1" type="text" size="small"
class="div-table-button--detail" @click="confirmChangeState(scope.row,'0')">启用</el-button>
<el-button type="text" size="small" class="div-table-button--edit"
@click="handleEdit(scope.row)">修改</el-button>
<el-button type="text" size="small" class="div-table-button--delete"
@click="confirmDel(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</el-card>
<!-- 修改弹出框 -->
<el-dialog :visible.sync="diaShow" :close-on-click-modal="false" :close-on-press-escape="false"
:title="diaTitle" width="750px" top="5vh" class="dialog-h" @closed="diaClose">
<div class="div_duty dialog-h-content scroll-h" v-if="diaShow">
<el-form label-width="100px">
<!-- <el-form-item label="分类归属类别">
<el-select v-model="formData.categoryType" placeholder="请选择">
<el-option v-for="item in categoryTypeList" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item> -->
<el-form-item label="分类名称">
<el-input v-model.trim="formData.categoryName" type="textarea" maxlength="100" :rows="2"
style="width: 300px"></el-input>
</el-form-item>
</el-form>
</div>
<div class="resi-btns">
<el-button size="small" @click="diaShow=false">取消</el-button>
<el-button type="primary" size="small" @click="saveCategory">提交</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import Sortable from 'sortablejs'
import { requestPost } from "@/js/dai/request";
import { mapGetters } from 'vuex'
export default {
name: 'RoleList',
props: {},
data () {
return {
categoryTypeList:[
{
label:"日常意见征集标题",
value:"ideaTitleType"
},
{
label:"意见征集身份",
value:"ideaTitleType"
}
],
loading1: false,
roleList: [],//角色列表
customerId: '',//客户id
formData:{
categoryName:"",
revision:"",
categoryType:"ideaTitleType"
},
selCategoryId: '',
tableData: [],
isManager: false,
//弹出框相关
formType: 'A',//新增/编辑 A/U
diaTitle: '新增分类',
categoryName: '',
diaShow: false,
}
},
async mounted () {
this.roleList = localStorage.getItem('roleList')
this.customerId = this.$store.state.user.customerId
console.log(this.roleList)
console.log(this.customerId)
if (this.roleList.indexOf('root_manager') > -1) {
this.isManager = true
} else {
this.isManager = true
}
await this.loadList()
await this.dragRoleSort()
},
computed: {
tableHeight () {
const h = this.clientHeight - 220 + this.iframeHeigh
const _h = this.clientHeight - 220
return this.$store.state.inIframe ? h : _h
},
...mapGetters(['clientHeight', 'iframeHeight'])
},
methods: {
//获取分类列表
async loadList () {
// const url = "/gov/voice/guideccategory/getcategory"
const url = "/governance/icEventIdeaCategory/page"
const params = {
pageSize:this.pageSize,
...this.formData,
customerId: this.customerId,
}
const { data, code, msg } = await requestPost(url, params)
if (code === 0) {
this.tableData = data.list
} else {
this.$message.error(msg)
}
},
//新增
handleAdd () {
this.diaTitle = '新增分类'
this.diaShow = true
this.formData.categoryName = ''
this.selCategoryId = ''
this.formType = 'Add'
},
//编辑
handleEdit (row) {
this.diaTitle = '编辑分类'
this.diaShow = true
this.selCategoryId = row.id
this.formData.categoryName = row.categoryName
this.formType = 'Update'
},
//保存分类
async saveCategory () {
let url = ''
let params = {
categoryType: "ideaTitleType"
}
if (this.formType === 'Update') {
url = "/governance/icEventIdeaCategory/update"
params.id = this.selCategoryId
params.categoryName= this.formData.categoryName
} else {
params.categoryName= this.formData.categoryName,
url = "/governance/icEventIdeaCategory/save"
}
const { data, code, msg } = await requestPost(url, params)
if (code === 0) {
this.$message.success('操作成功')
this.formData.categoryName=""
this.diaShow = false
this.loadList()
} else {
this.$message.error(msg)
}
},
confirmChangeState (row, state) {
this.$confirm('确认修改分类状态', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(async () => {
this.handelChangeState(row, state)
})
},
//修改状态
async handelChangeState(row, state) {
const url = "/governance/icEventIdeaCategory/update"
const params = {
revision: state,
id: row.id
}
const { data, code, msg } = await requestPost(url, params)
if (code === 0) {
this.$message.success('操作成功')
this.loadList()
} else {
this.$message.error(msg)
}
},
confirmDel (row) {
this.$confirm('确认删除当前分类', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(async () => {
this.handelDel(row)
})
},
//删除分类
async handelDel (row) {
const url = "/governance/icEventIdeaCategory/delete"
// const params = {
// ids: row.id,
// // customerId: this.customerId
// }
const formData = new FormData(); //FormData对象，添加参数只能通过append('key', value)的形式添加
formData.append('ids', [row.id]); //添加文件对象
const { data, code, msg } = await requestPost(url, formData)
if (code === 0) {
this.$message.success('删除成功')
this.loadList()
} else {
this.$message.error(msg)
}
},
//关闭角色职责弹出框
diaClose () {
this.selCategoryId = ''
this.diaTitle = ''
this.categoryName = ''
this.diaShow = false
},
//显示角色职责弹出框
handelChangeDuty (row) {
this.selCategoryId = row.id
this.description = row.description
this.roleName = row.roleName
this.diaShow = true
},
handleChangeName (row) {
row.isEdit = true
},
dragRoleSort () {
const el = this.$refs.roleTable.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0]
this.sortTable = Sortable.create(el, {
group: 'dragTable',
ghostClass: 'sortable-ghost', // Class name for the drop placeholder,
// setData: function(dataTransfer, dragEl) {
// dataTransfer.setData("Text", dragEl.textContent);
// },
delay: 0,
onChange: evt => {
// console.log(evt)
},
onEnd: evt => {
const targetRow = this.tableData.splice(evt.oldIndex, 1)[0]
this.tableData.splice(evt.newIndex, 0, targetRow)
}
})
},
//保存顺序
async handleSaveSort () {
const url = "/gov/voice/guidecategory/saveorder"
let params = {
orderList: this.tableData.map((item, index) => {
let obj = {
id: item.id,
orderIndex: index,
}
return obj
})
}
const { data, code, msg } = await requestPost(url, params)
if (code === 0) {
this.$message.success('操作成功')
this.loadList()
} else {
this.$message.error(msg)
}
// let data = {
// roleIdList: this.tableData.map(item => {
// return item.id
// })
// }
// this.$http
// .post('/epmetuser/govstaffrole/savedefaultsort', data)
// .then(({ data: res }) => {
// console.log('ressss', res)
// if (res.code === 0 && res.msg === 'success') {
// this.$message({
// type: 'success',
// message: '保存成功'
// })
// this.loadList()
// } else {
// this.$message({
// type: 'error',
// message: res.msg
// })
// }
// })
}
}
}
</script>
<style lang="scss" scoped>
// .resi-container .resi-card-table {
// ::v-deep .el-table th {
// }
// }
// .resi-table {
// ::v-deep .el-button--text {
// }
// ::v-deep .btn-color-del {
// }
// ::v-deep .btn-color-edit {
// }
// }
.role-container,
.role-flex {
display: flex;
}
.flex1 {
flex: 1;
}
.now-name {
/* display: flex;
justify-content: space-between; */
margin-bottom: 10px;
margin-left: 10px;
}
.aui-wrapper .el-card + .el-card {
margin-top: 0;
}
.role-container .el-dialog__body {
padding: 0 20px 20px;
}
.div_duty {
margin-top: 30px;
/* height: 300px;
position: relative; */
}
.div_btn {
position: absolute;
bottom: 30px;
right: 15px;
}
</style>
Write Preview
Loading…
Cancel
Save