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

Merge branch 'master' into shibei_master

shibei_master
dai 3 years ago
parent
fb892918b6 65fe89d280
commit
d591536ca6
1 changed files with 132 additions and 85 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 217
      src/views/modules/communityService/sqzzz/index.vue

217
src/views/modules/communityService/sqzzz/index.vue
View File

@ -1,44 +1,60 @@
<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
<el-form-item label="组织名称" prop="organizationName"> ref="searchForm"
<el-input :inline="true"
v-model="fmData.organizationName" :model="fmData"
class="resi-cell-input" class="demo-form-inline"
size="small" >
clearable <el-form-item label="组织名称" prop="organizationName">
placeholder="请输入" <el-input
> v-model="fmData.organizationName"
</el-input> class="resi-cell-input"
</el-form-item> size="small"
<el-form-item label="创建时间" prop="createTime"> clearable
<el-date-picker placeholder="请输入"
v-model="fmData.createTime" >
type="daterange" </el-input>
range-separator="至" </el-form-item>
start-placeholder="开始日期" <el-form-item label="创建时间" prop="createTime">
end-placeholder="结束日期" <el-date-picker
value-format="yyyy-MM-dd" v-model="fmData.createTime"
> type="daterange"
</el-date-picker> range-separator="至"
</el-form-item> start-placeholder="开始日期"
<el-form-item> end-placeholder="结束日期"
<el-button class="diy-button--search" size="small" @click="handleSearch">查询</el-button> value-format="yyyy-MM-dd"
<el-button class="diy-button--reset" size="small" @click="resetForm('searchForm')">重置</el-button> >
</el-form-item> </el-date-picker>
</el-form> </el-form-item>
<el-form-item>
</el-card> <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>
</el-card>
<el-card class="resi-card-table"> <el-card class="resi-card-table">
<div class="resi-row-btn"> <div class="resi-row-btn">
<el-button class="diy-button--add" size="small" @click="handleAdd" <el-button class="diy-button--add" size="small" @click="handleAdd"
>新增</el-button >新增</el-button
> >
<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"]),
}, },
@ -237,38 +277,41 @@ export default {
this.getTableData(); this.getTableData();
}, },
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(); //FormData对象，添加参数只能通过append('key', value)的形式添加 const formData = new FormData(); //FormData对象，添加参数只能通过append('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>

Write Preview
Loading…
Cancel
Save