Browse Source

Merge branch 'master' into shibei_master

shibei_master
dai 3 years ago
parent
commit
d591536ca6
  1. 159
      src/views/modules/communityService/sqzzz/index.vue

159
src/views/modules/communityService/sqzzz/index.vue

@ -1,7 +1,12 @@
<template> <template>
<div class="resi-container"> <div class="resi-container">
<el-card ref="searchCard" class="search-card"> <el-card ref="searchCard" class="search-card">
<el-form ref="searchForm" :inline="true" :model="fmData" class="demo-form-inline"> <el-form
ref="searchForm"
:inline="true"
:model="fmData"
class="demo-form-inline"
>
<el-form-item label="组织名称" prop="organizationName"> <el-form-item label="组织名称" prop="organizationName">
<el-input <el-input
v-model="fmData.organizationName" v-model="fmData.organizationName"
@ -24,11 +29,20 @@
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button class="diy-button--search" size="small" @click="handleSearch">查询</el-button> <el-button
<el-button class="diy-button--reset" size="small" @click="resetForm('searchForm')">重置</el-button> class="diy-button--search"
size="small"
@click="handleSearch"
>查询</el-button
>
<el-button
class="diy-button--reset"
size="small"
@click="resetForm('searchForm')"
>重置</el-button
>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-card> </el-card>
<el-card class="resi-card-table"> <el-card class="resi-card-table">
<div class="resi-row-btn"> <div class="resi-row-btn">
@ -38,7 +52,9 @@
<el-button <el-button
class="diy-button--export" class="diy-button--export"
size="small" size="small"
@click="handleExportModule('room')">下载模板</el-button> @click="handleExportModule('room')"
>下载模板</el-button
>
<el-upload <el-upload
ref="upload" ref="upload"
class="upload-btn" class="upload-btn"
@ -53,9 +69,12 @@
:before-upload="beforeExcelUpload" :before-upload="beforeExcelUpload"
:http-request="uploadHttpRequest" :http-request="uploadHttpRequest"
> >
<el-button size="small" class="diy-button--delete" :loading="importLoading">{{ <el-button
importBtnTitle size="small"
}}</el-button> class="diy-button--delete"
:loading="importLoading"
>{{ importBtnTitle }}</el-button
>
</el-upload> </el-upload>
<el-button @click="handleChu" class="diy-button--reset" size="small" <el-button @click="handleChu" class="diy-button--reset" size="small"
@ -70,22 +89,41 @@
:height="maxTableHeight" :height="maxTableHeight"
> >
<el-table-column label="序号" type="index" align="center" width="50" /> <el-table-column label="序号" type="index" align="center" width="50" />
<el-table-column prop="organizationName" label="组织名称" align="center"> <el-table-column
prop="organizationName"
label="组织名称"
align="center"
>
<template slot-scope="scope"> <template slot-scope="scope">
<a class="name-a" @click="handleWatch(scope.row)"> <a class="name-a" @click="handleWatch(scope.row)">
{{ scope.row.organizationName }} {{ scope.row.organizationName }}
</a> </a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="organizationPersonCount" align="center" label="组织人数"> <el-table-column
prop="organizationPersonCount"
align="center"
label="组织人数"
>
</el-table-column>
<el-table-column
prop="serviceItem"
label="服务事项"
align="center"
:show-overflow-tooltip="true"
>
</el-table-column> </el-table-column>
<el-table-column prop="serviceItem" label="服务事项" align="center" :show-overflow-tooltip="true"> </el-table-column>
<el-table-column prop="score" width="100" align="center" label="积分"> <el-table-column prop="score" width="100" align="center" label="积分">
</el-table-column> </el-table-column>
<el-table-column prop="principalName" align="center" label="负责人"> </el-table-column> <el-table-column prop="principalName" align="center" label="负责人">
</el-table-column>
<el-table-column prop="principalPhone" align="center" label="联系电话"> <el-table-column prop="principalPhone" align="center" label="联系电话">
</el-table-column> </el-table-column>
<el-table-column prop="organizationCreatedTime" align="center" label="创建时间"> <el-table-column
prop="organizationCreatedTime"
align="center"
label="创建时间"
>
</el-table-column> </el-table-column>
<el-table-column fixed="right" label="操作" align="center" width="160"> <el-table-column fixed="right" label="操作" align="center" width="160">
<template slot-scope="scope"> <template slot-scope="scope">
@ -121,7 +159,7 @@
type="text" type="text"
size="small" size="small"
class="div-table-button--delete" class="div-table-button--delete"
style="margin-left: 10px;" style="margin-left: 10px"
>删除</el-button >删除</el-button
> >
</el-popconfirm> </el-popconfirm>
@ -218,7 +256,9 @@ export default {
}, },
computed: { computed: {
maxTableHeight() { maxTableHeight() {
return this.clientHeight - 360; return this.$store.state.inIframe
? this.clientHeight - 360 + 120
: this.clientHeight - 360;
}, },
...mapGetters(["clientHeight"]), ...mapGetters(["clientHeight"]),
}, },
@ -238,37 +278,40 @@ export default {
}, },
methods: { methods: {
async handleExportModule() { async handleExportModule() {
let url = "/heart/iccommunityselforganization/import-template-download" let url = "/heart/iccommunityselforganization/import-template-download";
let params = {};
let params = {}
await this.$http({ await this.$http({
method: 'POST', method: "POST",
url, url,
responseType: 'blob', responseType: "blob",
data: params data: params,
}) })
.then(res => { .then((res) => {
// this.download(res.data, title + '.xls') // this.download(res.data, title + '.xls')
if (res.headers["content-disposition"]) { if (res.headers["content-disposition"]) {
let fileName = window.decodeURI(res.headers["content-disposition"].split(";")[1].split("=")[1]) let fileName = window.decodeURI(
console.log('filename', fileName) res.headers["content-disposition"].split(";")[1].split("=")[1]
let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' }) );
var url = window.URL.createObjectURL(blob) console.log("filename", fileName);
var aLink = document.createElement('a') let blob = new Blob([res.data], {
aLink.style.display = 'none' type: "application/vnd.ms-excel",
aLink.href = url });
aLink.setAttribute('download', fileName) var url = window.URL.createObjectURL(blob);
document.body.appendChild(aLink) var aLink = document.createElement("a");
aLink.click() aLink.style.display = "none";
document.body.removeChild(aLink) // aLink.href = url;
window.URL.revokeObjectURL(url) //blob aLink.setAttribute("download", fileName);
} else this.$message.error('下载失败') document.body.appendChild(aLink);
}) aLink.click();
.catch(err => { document.body.removeChild(aLink); //
console.log('err', err) window.URL.revokeObjectURL(url); //blob
return this.$message.error('网络错误') } else this.$message.error("下载失败");
}) })
.catch((err) => {
console.log("err", err);
return this.$message.error("网络错误");
});
}, },
// //
handleExcelSuccess(res, file) { handleExcelSuccess(res, file) {
@ -304,23 +347,28 @@ export default {
this.importBtnTitle = "正在上传中..."; this.importBtnTitle = "正在上传中...";
this.$message({ this.$message({
showClose: true, showClose: true,
message: '导入中,请到系统管理-导入记录中查看进度', message: "导入中,请到系统管理-导入记录中查看进度",
duration: 0 duration: 0,
}) });
const formData = new FormData(); //FormDataappend('key', value) const formData = new FormData(); //FormDataappend('key', value)
formData.append("file", file.file); // formData.append("file", file.file); //
await this.$http await this.$http
.post('/heart/iccommunityselforganization/importcommunityselforganization', formData).then(res => { .post(
console.log('res-up', res) "/heart/iccommunityselforganization/importcommunityselforganization",
if (res.data.code == 0 && res.data.msg == 'success') { formData
)
.then((res) => {
console.log("res-up", res);
if (res.data.code == 0 && res.data.msg == "success") {
// this.$message.success('') // this.$message.success('')
this.getTableData() this.getTableData();
} else this.$message.error(res.data.msg) } else this.$message.error(res.data.msg);
}).catch(err => {
console.log('失败', err)
file.onError() //
// this.$message.error('')
}) })
.catch((err) => {
console.log("失败", err);
file.onError(); //
// this.$message.error('')
});
// axios({ // axios({
// url: // url:
// window.SITE_CONFIG["apiURL"] + // window.SITE_CONFIG["apiURL"] +
@ -344,8 +392,8 @@ export default {
// .catch((err) => { // .catch((err) => {
// console.log("", err); // console.log("", err);
// }); // });
this.importLoading = false this.importLoading = false;
this.importBtnTitle = '导入' this.importBtnTitle = "导入";
this.$refs.upload.clearFiles(); this.$refs.upload.clearFiles();
}, },
@ -370,8 +418,8 @@ export default {
this.getTableData(); this.getTableData();
}, },
resetForm(formName) { resetForm(formName) {
this.$refs[formName].resetFields() this.$refs[formName].resetFields();
this.handleSearch() this.handleSearch();
}, },
async handleAdd() { async handleAdd() {
this.formShow = true; this.formShow = true;
@ -521,5 +569,4 @@ export default {
position: relative; position: relative;
overflow: visible; overflow: visible;
} }
</style> </style>

Loading…
Cancel
Save