elink-star
/
ShibeiWorkPlatform_Frontend
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

党员风采

shibei_master
13176889840 4 years ago
parent
289dac7d8b
commit
f974eaf3d6
1 changed files with 152 additions and 83 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. 235
      src/views/modules/communityParty/elegant/index.vue

235
src/views/modules/communityParty/elegant/index.vue
View File

@ -6,7 +6,7 @@
<el-form-item label="所属网格">
<el-select v-model="searchForm.gridId" filterable placeholder="请选择" clearable>
<el-option
v-for="item in demandOptions"
v-for="item in optionsG"
:key="item.value"
:label="item.label"
:value="item.value">
@ -43,7 +43,6 @@
:with-credentials="true"
:show-file-list="false"
:auto-upload="true"
:on-progress="handleProgress"
:on-success="handleExcelSuccess"
:before-upload="beforeExcelUpload"
:http-request="uploadHttpRequest"
@ -130,9 +129,10 @@
>
<el-form label-width="100px" :model="form" :rules="rules" ref="ruleForm" class="form-wr">
<el-form-item label="所属网格" prop="gridId">
<el-select v-model="form.gridId" filterable placeholder="请选择" class="input-width" clearable>
<el-select v-model="form.gridId" filterable
:disabled="disabled" placeholder="请选择" class="input-width" clearable>
<el-option
v-for="item in demandOptions"
v-for="item in optionsEditG"
:key="item.value"
:label="item.label"
:value="item.value">
@ -140,16 +140,37 @@
</el-select>
</el-form-item>
<el-form-item label="党员姓名" prop="name">
<el-input v-model="form.name" placeholder="请输入" class="input-width" clearable></el-input>
<el-input v-model="form.name" placeholder="请输入" :disabled="disabled" class="input-width" clearable></el-input>
</el-form-item>
<el-form-item label="主要事迹" prop="mainDeed">
<el-input v-model="form.mainDeed" :autosize="{ minRows: 2, maxRows: 10}" type="textarea" clearable class="input-width-textarea" placeholder="请输入内容"></el-input>
<el-input v-model="form.mainDeed" :autosize="{ minRows: 2, maxRows: 10}" :disabled="disabled" type="textarea" clearable class="input-width-textarea" placeholder="请输入内容"></el-input>
</el-form-item>
<!-- <el-form-item label="状态">
<el-switch v-model="form.usableFlag"></el-switch>
</el-form-item> -->
<el-form-item label="照片">
<el-input-number v-model="form.awardPoint" :min="0" size="small" label="描述文字"></el-input-number>
<div class="imsg-list">
<div v-for="(item, index) in form.imageList" :key="index" class="imgs-item">
<el-image
style="width: 100px; height: 100px"
:src="item"
fit="fill"
:preview-src-list="form.imageList"></el-image>
<i class="el-icon-delete" @click="handleDelimg(item, index)"></i>
</div>
<el-upload class="avatar-uploader"
v-if="form.imageList.length < 3 && !disabled"
:action="uploadUlr"
:data="{customerId:customerId}"
:show-file-list="false"
:on-progress="handleProgress"
:on-success="handleImgSuccess"
:before-upload="beforeImgUpload">
<el-progress v-if="uploading" :width="100" type="circle" :percentage="unloadPencent"></el-progress>
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</div>
</el-form-item>
</el-form>
<div class="resi-btns">
@ -172,10 +193,12 @@ import axios from 'axios'
export default {
data() {
return {
uploadUlr: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2',
importBtnTitle: '导入人员数据',
importLoading: false,
tableLoading: false,
btnLoading: false,
uploading: false,
disabled: false,
pageLoading: false,
dialogVisible: false,
@ -183,9 +206,12 @@ export default {
pageSize: 20,
total: null,
tableData: [],
unloadPencent: 0,
addLevel: '1',
addType: 'add',
value: '',
optionsEditG: [],
optionsG: [],
options: [
{
label: '是',
@ -220,7 +246,6 @@ export default {
customerId: '',
searchForm: {
gridId: '',
agencyId: '',
mainDeed: '',
name: ''
},
@ -238,8 +263,11 @@ export default {
},
async created() {
this.customerId = localStorage.getItem('customerId')
this.getTableData()
this.getOptions()
setTimeout(() => {
this.getTableData()
this.getGridList('query')
this.getGridList('addorupdate')
}, 200)
this.pageLoading = true
},
mounted() {
@ -275,7 +303,9 @@ export default {
}
},
handleProgress(event, file, fileList) {
console.log('percentage', file.percentage)
console.log('percentage', event, file.percentage)
this.uploading = true
this.unloadPencent = Number(file.percentage.toFixed(0))
},
beforeExcelUpload (file) {
console.log('file', file)
@ -287,10 +317,10 @@ export default {
this.$message.error('上传文件只能是xls/xlsx格式！')
}
// if (!isLt1M) {
// this.$message.error('上传图片大小不能超过 10MB!')
// }
return fileType
if (!isLt1M) {
this.$message.error('上传文件大小不能超过 10MB!')
}
return fileType && isLt1M
},
uploadHttpRequest(file) {
this.importLoading = true
@ -326,39 +356,64 @@ export default {
})
},
handleExport() {
let params = {
formCode: 'resi_base_info',
conditions: this.conditions
}
let params = {}
// window.location.href = window.SITE_CONFIG['apiURL'] + '/resi/partymember/icpartymemberstyle/export'
// .post('epmetuser/icresiuser/exportExcel', params)
axios({
url: window.SITE_CONFIG['apiURL'] + '/resi/partymember/icpartymemberstyle/export',
// url: 'epmetuser/icresiuser/exportExcel',
method: 'post',
data: params,
responseType: 'blob'
})
// axios({
// url: window.SITE_CONFIG['apiURL'] + '/resi/partymember/icpartymemberstyle/export',
// // url: 'epmetuser/icresiuser/exportExcel',
// method: 'post',
// data: params,
// responseType: 'blob'
// })
this.$http.post('/resi/partymember/icpartymemberstyle/export')
.then(res => {
console.log('resllll', res)
let fileName = window.decodeURI(res.headers["content-disposition"].split(";")[1].split("=")[1])
console.log('filename', fileName)
let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' })
var url = window.URL.createObjectURL(blob)
var aLink = document.createElement('a')
aLink.style.display = 'none'
aLink.href = url
aLink.setAttribute('download', fileName)
document.body.appendChild(aLink)
aLink.click()
document.body.removeChild(aLink) //下载完成移除元素
window.URL.revokeObjectURL(url) //释放掉blob对象
// let fileName = window.decodeURI(res.headers["content-disposition"].split(";")[1].split("=")[1])
// console.log('filename', fileName)
// let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' })
// var url = window.URL.createObjectURL(blob)
// var aLink = document.createElement('a')
// aLink.style.display = 'none'
// aLink.href = url
// aLink.setAttribute('download', fileName)
// document.body.appendChild(aLink)
// aLink.click()
// document.body.removeChild(aLink) //下载完成移除元素
// window.URL.revokeObjectURL(url) //释放掉blob对象
})
.catch((err) => {
console.log('获取导出情失败', err)
return this.$message.error('网络错误')
})
},
beforeImgUpload (file) {
const isPNG = (file.type === 'image/png') || (file.type === 'image/jpeg')
const isLt1M = file.size / 1024 / 1024 < 10
if (!isPNG) {
this.$message.error('上传图片只能是 PNG 或 JPEG 格式!')
}
if (!isLt1M) {
this.$message.error('上传图片大小不能超过 10MB!')
}
return isPNG && isLt1M
},
handleImgSuccess (res, file) {
if (res.code === 0 && res.msg === 'success') {
console.log('res.data.url', res.data.url)
this.uploading = false
this.unloadPencent = 0
this.form.imageList.push(res.data.url)
} else {
this.$message.error(res.msg)
}
},
handleDelimg(item, index) {
this.form.imageList.splice(index, 1)
},
handleSearch(val) {
console.log('searchhh--', val)
this.currentPage = 1
@ -372,34 +427,27 @@ export default {
},
handlerCancle() {
for(const n in this.form) {
this.form[n] = ''
if (n === 'imageList') this.form[n] = []
}
this.disabled = false
this.dialogVisible = false
},
async handleLook(row) {
const params = {
categoryId: row.categoryId,
usableFlag: !row.usableFlag
}
this.$http
.post('/heart/icresidemanddict/updatestatus', params)
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
} else {
this.getTableData()
}
})
.catch(() => {
return this.$message.error('网络错误')
})
this.disabled = true
await this.getDetail(row.id)
},
async handleEdit(row, addType) {
this.form = { ...row }
this.dialogVisible = true
// this.form = { ...row }
await this.getDetail(row.id)
// this.dialogVisible = true
},
async addNew() {
const { user } = await this.$store.state
const _form = {
...this.form
...this.form,
agencyId: user.agencyId
}
await this.$http
.post('/resi/partymember/icpartymemberstyle/save', _form)
@ -407,11 +455,13 @@ export default {
if (res.code !== 0) {
return this.$message.error(res.msg)
} else {
this.dialogVisible = false
this.$message.success('操作成功')
this.handlerCancle()
this.getTableData()
}
})
.catch(() => {
.catch(err => {
console.log('err', err)
return this.$message.error('网络错误')
})
this.btnLoading = false
@ -450,20 +500,18 @@ export default {
return this.$message.error('网络错误')
})
},
sortData() {
const _data = this.tableData.map((item, index)=> {
return {
id: item.id,
sort: index
}
})
async getDetail(id) {
let params = {
id,
}
this.$http
.post('/oper/customize/resicategorystatsconfig/updatesort', _data)
.post('/resi/partymember/icpartymemberstyle/detail', params)
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
} else {
// this.getTableData()
this.form = { ...res.data }
this.dialogVisible = true
}
})
.catch((err) => {
@ -471,17 +519,20 @@ export default {
return this.$message.error('网络错误')
})
},
async getOptions() {
const params = {
parentCategoryCode: 0
}
this.$http
.post('/heart/icresidemanddict/subcodelist', params)
async getGridList(type, agencyId) {
const { user } = await this.$store.state
console.log('user---ppp', user)
// addorupdate query
await this.$http
.post('/gov/org/customergrid/gridoption', { agencyId: agencyId || user.agencyId, purpose: type })
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
} else {
this.demandOptions = res.data
console.log('获取查询详情成功', res.data)
if (type === 'query') this.optionsG = res.data
else this.optionsEditG = res.data
}
})
.catch(() => {
@ -490,9 +541,10 @@ export default {
},
async getTableData() {
this.tableLoading = true
const { user } = await this.$store.state
let params = {
// formCode: 'resi_base_info',
...this.searchForm,
agencyId: user.agencyId,
pageNo: this.currentPage,
pageSize: this.pageSize
}
@ -544,6 +596,23 @@ export default {
.input-width-textarea {
width: 400px;
}
.imsg-list {
display: flex;
align-items: center;
.imgs-item {
position: relative;
margin-right: 10px;
.el-icon-delete {
position: absolute;
top: 0;
right: 0;
font-size: 18px;
color: red;
z-index: 3;
cursor: pointer;
}
}
}
}
</style>
@ -587,8 +656,8 @@ export default {
border-color: #409EFF;
}
.avatar {
width: 70px;
height: 70px;
width: 100px;
height: 100px;
display: block;
}
.avatar-uploader-icon {
@ -596,9 +665,9 @@ export default {
border-radius: 6px;
font-size: 28px;
color: #8c939d;
width: 70px;
height: 70px;
line-height: 70px;
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
}
}

Write Preview
Loading…
Cancel
Save