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

修复一系列bug4

shibei_master
dai 4 years ago
parent
2448d3f7ca
commit
bbc09a9fe4
1 changed files with 162 additions and 151 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. 313
      src/views/modules/communityService/sqzzz/index.vue

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

@ -2,170 +2,182 @@
<div> <div>
<div class="resi-container"> <div class="resi-container">
<el-card class="resi-card"> <el-card class="resi-card">
<el-row class="resi-row-box" <el-row class="resi-row-box" :class="openSearch && 'resi-row-more'">
:class="openSearch && 'resi-row-more'"> <el-row class="resi-row" :gutter="20">
<el-row class="resi-row"
:gutter="20">
<el-col :span="8"> <el-col :span="8">
<div class="resi-cell"> <div class="resi-cell">
<div class="resi-cell-label">组织名称</div> <div class="resi-cell-label">组织名称</div>
<div class="resi-cell-value" <div class="resi-cell-value" :class="'resi-cell-value-radio'">
:class="'resi-cell-value-radio'"> <el-input
<el-input v-model="fmData.organizationName" v-model="fmData.organizationName"
class="resi-cell-input" class="resi-cell-input"
size="small" size="small"
clearable clearable
placeholder="请输入"> placeholder="请输入"
>
</el-input> </el-input>
</div> </div>
</div> </div>
</el-col> </el-col>
<el-col :span="16"> <el-col :span="12">
<div class="resi-cell"> <div class="resi-cell">
<div class="resi-cell-label">创建时间</div> <div class="resi-cell-label">创建时间</div>
<div class="resi-cell-value" <div class="resi-cell-value" :class="'resi-cell-value-radio'">
:class="'resi-cell-value-radio'"> <el-date-picker
<el-date-picker v-model="fmData.createTime" v-model="fmData.createTime"
type="daterange" type="daterange"
range-separator="至" range-separator="至"
start-placeholder="开始日期" start-placeholder="开始日期"
end-placeholder="结束日期" end-placeholder="结束日期"
value-format="yyyy-MM-dd"> value-format="yyyy-MM-dd"
>
</el-date-picker> </el-date-picker>
</div> </div>
</div> </div>
</el-col> </el-col>
<el-col :span="4">
<el-button style="float:right;" type="primary" size="small" @click="handleSearch"
>查询</el-button
>
</el-col>
</el-row> </el-row>
</el-row> </el-row>
<el-row class="resi-search">
<el-col :span="24">
<el-button type="primary"
size="small"
@click="handleSearch">查询</el-button>
</el-col>
</el-row>
</el-card> </el-card>
</div> </div>
<el-card class="resi-card-table"> <el-card class="resi-card-table">
<div class="resi-row-btn"> <div class="resi-row-btn">
<el-button type="success" <el-button type="success" size="small" @click="handleAdd"
size="small" >新增</el-button
@click="handleAdd">新增</el-button> >
<el-upload ref="upload" <el-upload
class="upload-btn" ref="upload"
action="uploadUlr" class="upload-btn"
:limit="1" action="uploadUlr"
:with-credentials="true" :limit="1"
:show-file-list="false" :with-credentials="true"
:auto-upload="true" :show-file-list="false"
:on-progress="handleProgress" :auto-upload="true"
:on-success="handleExcelSuccess" :on-progress="handleProgress"
:before-upload="beforeExcelUpload" :on-success="handleExcelSuccess"
:http-request="uploadHttpRequest"> :before-upload="beforeExcelUpload"
<el-button type="warning" :http-request="uploadHttpRequest"
size="small" >
:loading="importLoading">{{ <el-button type="warning" size="small" :loading="importLoading">{{
importBtnTitle importBtnTitle
}}</el-button> }}</el-button>
</el-upload> </el-upload>
<el-button @click="handleChu" <el-button @click="handleChu" type="danger" size="small"
type="danger" >excel导出</el-button
size="small">excel导出</el-button> >
</div> </div>
<el-table :data="tableData" <el-table
border :data="tableData"
style="width: 100%" border
class="resi-table" style="width: 100%"
:max-height="maxTableHeight"> class="resi-table"
<el-table-column label="序号" :max-height="maxTableHeight"
type="index" >
align="center" <el-table-column label="序号" type="index" align="center" width="50" />
width="50" /> <el-table-column prop="organizationName" label="组织名称">
<el-table-column prop="organizationName" </el-table-column>
label="组织名称"> <el-table-column prop="organizationPersonCount" label="组织人数">
</el-table-column> </el-table-column>
<el-table-column prop="organizationPersonCount" <el-table-column prop="serviceItem" label="服务事项"> </el-table-column>
label="组织人数"> <el-table-column prop="score" width="80" label="积分">
</el-table-column> </el-table-column>
<el-table-column prop="serviceItem" <el-table-column prop="principalName" label="负责人"> </el-table-column>
label="服务事项"> </el-table-column> <el-table-column prop="principalPhone" label="联系电话">
<el-table-column prop="score"
width="80"
label="积分"> </el-table-column>
<el-table-column prop="principalName"
label="负责人"> </el-table-column>
<el-table-column prop="principalPhone"
label="联系电话">
</el-table-column> </el-table-column>
<el-table-column prop="organizationCreatedTime" <el-table-column prop="organizationCreatedTime" label="创建时间">
label="创建时间">
</el-table-column> </el-table-column>
<el-table-column fixed="right" <el-table-column fixed="right" label="操作" align="center" width="120">
label="操作"
align="center"
width="120">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button @click="handleWatch(scope.$index)" <el-button
type="text" @click="handleWatch(scope.$index)"
size="small">查看</el-button> type="text"
<el-button type="text" size="small"
style="color:#1C6AFD;" >查看</el-button
size="small" >
@click="handleScore(scope.row)">积分记录</el-button> <el-button
type="text"
<el-button @click="handleEdit(scope.$index)" style="color: #1c6afd"
type="text" size="small"
size="small" @click="handleScore(scope.row)"
style="margin-right: 10px; color: #00a7a9">编辑</el-button> >积分记录</el-button
>
<el-popconfirm title="删除之后无法回复，确认删除？"
@onConfirm="handleDel(scope.row, scope.$index)" <el-button
@confirm="handleDel(scope.row, scope.$index)"> @click="handleEdit(scope.$index)"
<el-button slot="reference" type="text"
type="text" size="small"
size="small" style="margin-right: 10px; color: #00a7a9"
style="color: #d51010">删除</el-button> >编辑</el-button
>
<el-popconfirm
title="删除之后无法回复，确认删除？"
@onConfirm="handleDel(scope.row, scope.$index)"
@confirm="handleDel(scope.row, scope.$index)"
>
<el-button
slot="reference"
type="text"
size="small"
style="color: #d51010"
>删除</el-button
>
</el-popconfirm> </el-popconfirm>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div> <div>
<el-pagination @size-change="handleSizeChange" <el-pagination
@current-change="handleCurrentChange" @size-change="handleSizeChange"
:current-page.sync="pageNo" @current-change="handleCurrentChange"
:page-sizes="[20, 50, 100, 200]" :current-page.sync="pageNo"
:page-size="parseInt(pageSize)" :page-sizes="[20, 50, 100, 200]"
layout="sizes, prev, pager, next" :page-size="parseInt(pageSize)"
:total="total"> layout="sizes, prev, pager, next"
:total="total"
>
</el-pagination> </el-pagination>
</div> </div>
</el-card> </el-card>
<!-- 修改弹出框 --> <!-- 修改弹出框 -->
<el-dialog :visible.sync="formShow" <el-dialog
:close-on-click-modal="false" :visible.sync="formShow"
:close-on-press-escape="false" :close-on-click-modal="false"
:title="formTitle" :close-on-press-escape="false"
width="850px" :title="formTitle"
top="5vh" width="850px"
@closed="handleClose"> top="5vh"
<edit-form ref="eleEditForm" @closed="handleClose"
@dialogCancle="handleClose" >
@dialogOk="handleEditSuccess"></edit-form> <edit-form
ref="eleEditForm"
@dialogCancle="handleClose"
@dialogOk="handleEditSuccess"
></edit-form>
</el-dialog> </el-dialog>
<!-- 积分记录 --> <!-- 积分记录 -->
<el-dialog :visible.sync="scoreDiaShow" <el-dialog
:close-on-click-modal="false" :visible.sync="scoreDiaShow"
:close-on-press-escape="false" :close-on-click-modal="false"
:title="scoreDiaTitle" :close-on-press-escape="false"
width="1050px" :title="scoreDiaTitle"
top="5vh" width="1050px"
@closed="diaClose"> top="5vh"
<score-record ref="ref_score" @closed="diaClose"
:serviceType="'community_org'"></score-record> >
<score-record
ref="ref_score"
:serviceType="'community_org'"
></score-record>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
@ -176,11 +188,11 @@ import nextTick from "dai-js/tools/nextTick";
import { mapGetters } from "vuex"; import { mapGetters } from "vuex";
import editForm from "./cpts/edit"; import editForm from "./cpts/edit";
import axios from "axios"; import axios from "axios";
import scoreRecord from '../../../components/scoreRecord.vue' import scoreRecord from "../../../components/scoreRecord.vue";
export default { export default {
components: { editForm, scoreRecord }, components: { editForm, scoreRecord },
data () { data() {
return { return {
openSearch: false, openSearch: false,
@ -204,12 +216,12 @@ export default {
importLoading: false, importLoading: false,
//积分记录 //积分记录
scoreDiaTitle: '积分记录', scoreDiaTitle: "积分记录",
scoreDiaShow: false, scoreDiaShow: false,
}; };
}, },
computed: { computed: {
maxTableHeight () { maxTableHeight() {
return this.clientHeight - 410; return this.clientHeight - 410;
}, },
...mapGetters(["clientHeight"]), ...mapGetters(["clientHeight"]),
@ -225,23 +237,23 @@ export default {
} }
}, },
}, },
mounted () { mounted() {
this.getTableData(); this.getTableData();
}, },
methods: { methods: {
// 上传大图标成功 // 上传大图标成功
handleExcelSuccess (res, file) { handleExcelSuccess(res, file) {
if (res.code === 0 && res.msg === "success") { if (res.code === 0 && res.msg === "success") {
console.log("resss---ppp", res); console.log("resss---ppp", res);
} else { } else {
this.$message.error(res.msg); this.$message.error(res.msg);
} }
}, },
handleProgress (event, file, fileList) { handleProgress(event, file, fileList) {
console.log("percentage", file.percentage); console.log("percentage", file.percentage);
}, },
beforeExcelUpload (file) { beforeExcelUpload(file) {
console.log("file", file); console.log("file", file);
const isType = file.type === "application/vnd.ms-excel"; const isType = file.type === "application/vnd.ms-excel";
const isTypeComputer = const isTypeComputer =
@ -258,7 +270,7 @@ export default {
} }
return fileType && isLt1M; return fileType && isLt1M;
}, },
uploadHttpRequest (file) { uploadHttpRequest(file) {
this.importLoading = true; this.importLoading = true;
this.importBtnTitle = "正在上传中..."; this.importBtnTitle = "正在上传中...";
const formData = new FormData(); //FormData对象，添加参数只能通过append('key', value)的形式添加 const formData = new FormData(); //FormData对象，添加参数只能通过append('key', value)的形式添加
@ -278,7 +290,7 @@ export default {
this.getTableData(); this.getTableData();
if (res.data.code == 0) { if (res.data.code == 0) {
return this.$message.success(res.data.data || '导入成功'); return this.$message.success(res.data.data || "导入成功");
} else { } else {
return this.$message.error(res.data.msg); return this.$message.error(res.data.msg);
} }
@ -289,35 +301,35 @@ export default {
this.$refs.upload.clearFiles(); this.$refs.upload.clearFiles();
}, },
handleSizeChange (val) { handleSizeChange(val) {
console.log(`每页 ${val} 条`); console.log(`每页 ${val} 条`);
this.pageSize = val; this.pageSize = val;
window.localStorage.setItem("pageSize", val); window.localStorage.setItem("pageSize", val);
this.getTableData(); this.getTableData();
}, },
handleCurrentChange (val) { handleCurrentChange(val) {
console.log(`当前页: ${val}`); console.log(`当前页: ${val}`);
this.pageNo = val; this.pageNo = val;
this.getTableData(); this.getTableData();
}, },
handleClose () { handleClose() {
this.formShow = false; this.formShow = false;
}, },
handleSearch (val) { handleSearch(val) {
console.log(this.fmData); console.log(this.fmData);
this.pageNo = 1; this.pageNo = 1;
this.getTableData(); this.getTableData();
}, },
async handleAdd () { async handleAdd() {
this.formShow = true; this.formShow = true;
await nextTick(); await nextTick();
console.log(this.$refs); console.log(this.$refs);
this.$refs.eleEditForm.initForm("add"); this.$refs.eleEditForm.initForm("add");
}, },
async handleChu () { async handleChu() {
const url = const url =
"/heart/iccommunityselforganization/exportcommunityselforganization"; "/heart/iccommunityselforganization/exportcommunityselforganization";
const { pageSize, pageNo, fmData } = this; const { pageSize, pageNo, fmData } = this;
@ -353,23 +365,23 @@ export default {
}); });
}, },
async handleWatch (rowIndex) { async handleWatch(rowIndex) {
this.formShow = true; this.formShow = true;
await nextTick(); await nextTick();
this.$refs.eleEditForm.initForm("detail", this.tableData[rowIndex]); this.$refs.eleEditForm.initForm("detail", this.tableData[rowIndex]);
}, },
async handleEdit (rowIndex) { async handleEdit(rowIndex) {
this.formShow = true; this.formShow = true;
await nextTick(); await nextTick();
this.$refs.eleEditForm.initForm("edit", this.tableData[rowIndex]); this.$refs.eleEditForm.initForm("edit", this.tableData[rowIndex]);
}, },
handleEditSuccess () { handleEditSuccess() {
this.handleClose(); this.handleClose();
this.getTableData(); this.getTableData();
}, },
async handleDel (rowData, rowIndex) { async handleDel(rowData, rowIndex) {
console.log(rowData, rowIndex); console.log(rowData, rowIndex);
const url = const url =
"/heart/iccommunityselforganization/delcommunityselforganization"; "/heart/iccommunityselforganization/delcommunityselforganization";
@ -387,7 +399,7 @@ export default {
} }
}, },
async getTableData () { async getTableData() {
const url = const url =
"/heart/iccommunityselforganization/communityselforganizationlist"; "/heart/iccommunityselforganization/communityselforganizationlist";
const { pageSize, pageNo, fmData } = this; const { pageSize, pageNo, fmData } = this;
@ -401,24 +413,23 @@ export default {
this.total = data.total || 0; this.total = data.total || 0;
this.tableData = data.list this.tableData = data.list
? data.list.map((item) => { ? data.list.map((item) => {
return item; return item;
}) })
: []; : [];
} else { } else {
} }
}, },
//积分记录 //积分记录
handleScore (row) { handleScore(row) {
this.scoreDiaShow = true this.scoreDiaShow = true;
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.ref_score.initForm(row.orgId) this.$refs.ref_score.initForm(row.orgId);
}) });
}, },
diaClose () { diaClose() {
this.scoreDiaShow = false;
this.scoreDiaShow = false
}, },
}, },
}; };

Write Preview
Loading…
Cancel
Save