8 changed files with 1062 additions and 16 deletions
@ -0,0 +1,136 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<div class="dialog-h-content scroll-h"> |
||||
|
<div class="m-row"> |
||||
|
<div class="m-info"> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">类型：</span> |
||||
|
<span>{{ getTypeLable(formData.type) }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">姓名：</span> |
||||
|
<span>{{ formData.name }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">介绍：</span> |
||||
|
<span>{{ formData.introduction }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">排序：</span> |
||||
|
<span>{{ formData.sort }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">封面：</span> |
||||
|
<img width="450px" :src="formData.cover" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="div-btn"> |
||||
|
<el-button size="small" @click="handleCancle">关 闭</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { Loading } from "element-ui"; // 引入Loading服务 |
||||
|
import daiMap from "@/utils/dai-map"; |
||||
|
|
||||
|
var map; |
||||
|
let loading; // 加载动画 |
||||
|
|
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
formData: {}, |
||||
|
initLoading: false, |
||||
|
types: [ |
||||
|
{ |
||||
|
label: '高端科技人才', |
||||
|
value: '1' |
||||
|
}, |
||||
|
{ |
||||
|
label: '土秀才田专家', |
||||
|
value: '2' |
||||
|
}, |
||||
|
], |
||||
|
}; |
||||
|
}, |
||||
|
components: {}, |
||||
|
mounted() {}, |
||||
|
|
||||
|
methods: { |
||||
|
handleCancle() { |
||||
|
this.diaDestroy(); |
||||
|
this.$emit("diaDetailClose"); |
||||
|
}, |
||||
|
|
||||
|
diaDestroy() { |
||||
|
if (map) { |
||||
|
// map.destroy() |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
getTypeLable(type) { |
||||
|
if (type) { |
||||
|
const lable = |
||||
|
this.unitList.filter((item) => item.value == type)[0].label; |
||||
|
return lable; |
||||
|
} |
||||
|
return ""; |
||||
|
}, |
||||
|
async initForm(row) { |
||||
|
this.startLoading(); |
||||
|
this.formData = row; |
||||
|
this.endLoading(); |
||||
|
}, |
||||
|
|
||||
|
// 开启加载动画 |
||||
|
startLoading() { |
||||
|
loading = Loading.service({ |
||||
|
lock: true, // 是否锁定 |
||||
|
text: "正在加载……", // 加载中需要显示的文字 |
||||
|
background: "rgba(0,0,0,.7)", // 背景颜色 |
||||
|
}); |
||||
|
}, |
||||
|
// 结束加载动画 |
||||
|
endLoading() { |
||||
|
// clearTimeout(timer); |
||||
|
if (loading) { |
||||
|
loading.close(); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
computed: {}, |
||||
|
props: { |
||||
|
serviceList: { |
||||
|
type: Array, |
||||
|
default: [], |
||||
|
}, |
||||
|
gridList: { |
||||
|
type: Array, |
||||
|
default: [], |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
@import "@/assets/scss/modules/management/detail-main.scss"; |
||||
|
</style> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
/deep/ .text_p { |
||||
|
margin: 0 0; |
||||
|
border: 3px; |
||||
|
|
||||
|
> p { |
||||
|
margin: 0 0; |
||||
|
} |
||||
|
img { |
||||
|
max-width: 100%; |
||||
|
height: auto; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,349 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<div class="dialog-h-content scroll-h"> |
||||
|
<el-form |
||||
|
ref="ref_form" |
||||
|
:inline="true" |
||||
|
:model="formData" |
||||
|
:rules="dataRule" |
||||
|
class="form" |
||||
|
> |
||||
|
<el-form-item |
||||
|
label="姓名" |
||||
|
prop="name" |
||||
|
label-width="150px" |
||||
|
style="display: block" |
||||
|
> |
||||
|
<el-input |
||||
|
class="item_width_1" |
||||
|
placeholder="请输入" |
||||
|
v-model="formData.name" |
||||
|
> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item |
||||
|
label="性别" |
||||
|
prop="gender" |
||||
|
label-width="150px" |
||||
|
style="display: block" |
||||
|
> |
||||
|
<el-select |
||||
|
class="item_width_1" |
||||
|
v-model="formData.gender" |
||||
|
placeholder="请选择性别" |
||||
|
clearable |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="item in types" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value" |
||||
|
> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item |
||||
|
label="手机号" |
||||
|
prop="mobile" |
||||
|
label-width="150px" |
||||
|
style="display: block" |
||||
|
> |
||||
|
<el-input |
||||
|
class="item_width_1" |
||||
|
placeholder="请输入" |
||||
|
v-model="formData.mobile" |
||||
|
> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item |
||||
|
label="身份证号" |
||||
|
prop="idCard" |
||||
|
label-width="150px" |
||||
|
style="display: block" |
||||
|
> |
||||
|
<el-input |
||||
|
class="item_width_1" |
||||
|
placeholder="请输入" |
||||
|
v-model="formData.idCard" |
||||
|
> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item |
||||
|
label="介绍" |
||||
|
prop="introduce" |
||||
|
label-width="150px" |
||||
|
style="display: block" |
||||
|
> |
||||
|
<el-input |
||||
|
type="textarea" |
||||
|
:rows="2" |
||||
|
class="item_width_1" |
||||
|
placeholder="请输入介绍" |
||||
|
v-model="formData.introduce" |
||||
|
> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="照片" prop="headPhoto" label-width="150px"> |
||||
|
<div class="imsg-list"> |
||||
|
<div class="imgs-item" v-if="formData.headPhoto"> |
||||
|
<el-image |
||||
|
style="width: 100px; height: 100px" |
||||
|
:src="formData.headPhoto" |
||||
|
fit="fill" |
||||
|
></el-image> |
||||
|
<i class="el-icon-delete" @click="formData.headPhoto=null"></i> |
||||
|
</div> |
||||
|
<el-upload |
||||
|
:headers="$getElUploadHeaders()" |
||||
|
class="avatar-uploader" |
||||
|
: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> |
||||
|
|
||||
|
<div class="div_btn"> |
||||
|
<el-button size="small" @click="handleCancle">取 消</el-button> |
||||
|
<el-button |
||||
|
size="small" |
||||
|
type="primary" |
||||
|
:disabled="btnDisable" |
||||
|
@click="handleComfirm" |
||||
|
>确 定</el-button |
||||
|
> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { Loading } from "element-ui"; // 引入Loading服务 |
||||
|
import { requestPost, requestGet } from "@/js/dai/request"; |
||||
|
import Tinymce from "@c/tinymce2/index.vue"; |
||||
|
|
||||
|
let loading; // 加载动画 |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
formType: "add", //表单操作类型 add新增，edit编辑，detail详情 |
||||
|
loading: false, |
||||
|
formData: { |
||||
|
name: null, |
||||
|
content: null, |
||||
|
headPhoto: "", |
||||
|
}, |
||||
|
types: [ |
||||
|
{ |
||||
|
label: "男", |
||||
|
value: "1", |
||||
|
}, |
||||
|
{ |
||||
|
label: "女", |
||||
|
value: "0", |
||||
|
}, |
||||
|
], |
||||
|
unloadPencent: 0, |
||||
|
customerId: "", |
||||
|
uploading: false, |
||||
|
uploadUlr: window.SITE_CONFIG["apiURL"] + "/oss/file/uploadqrcodeV2", |
||||
|
}; |
||||
|
}, |
||||
|
components: { Tinymce }, |
||||
|
mounted() { |
||||
|
// this.initMap() |
||||
|
}, |
||||
|
created() { |
||||
|
this.customerId = localStorage.getItem("customerId"); |
||||
|
}, |
||||
|
methods: { |
||||
|
async initForm(type, id) { |
||||
|
this.startLoading(); |
||||
|
this.formType = type; |
||||
|
this.resetData(); |
||||
|
if (id) { |
||||
|
const { data, code, msg } = await requestGet( |
||||
|
`/resi/partymember/icgovernuser/${id}` |
||||
|
); |
||||
|
if (code === 0) { |
||||
|
this.formData = data; |
||||
|
} else { |
||||
|
this.$message.error(msg); |
||||
|
} |
||||
|
} |
||||
|
//获取服务事项 |
||||
|
this.endLoading(); |
||||
|
}, |
||||
|
async handleComfirm() { |
||||
|
this.btnDisable = true; |
||||
|
setTimeout(() => { |
||||
|
this.btnDisable = false; |
||||
|
}, 10000); |
||||
|
this.$refs["ref_form"].validate((valid, messageObj) => { |
||||
|
if (!valid) { |
||||
|
app.util.validateRule(messageObj); |
||||
|
this.btnDisable = false; |
||||
|
} else { |
||||
|
this.addActivity(); |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
async addActivity() { |
||||
|
let url = "/resi/partymember/icgovernuser"; |
||||
|
const { data, code, msg } = await requestPost(url, this.formData); |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.$message({ |
||||
|
type: "success", |
||||
|
message: "操作成功", |
||||
|
}); |
||||
|
this.resetData(); |
||||
|
this.$emit("dialogOk"); |
||||
|
this.btnDisable = false; |
||||
|
} else { |
||||
|
this.btnDisable = false; |
||||
|
this.$message.error(msg); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
handleCancle() { |
||||
|
this.resetData(); |
||||
|
this.$emit("dialogCancle"); |
||||
|
}, |
||||
|
|
||||
|
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") { |
||||
|
this.uploading = false; |
||||
|
this.unloadPencent = 0; |
||||
|
this.formData.headPhoto = res.data.url; |
||||
|
} else { |
||||
|
this.$message.error(res.msg); |
||||
|
} |
||||
|
}, |
||||
|
handleProgress(event, file, fileList) { |
||||
|
this.uploading = true; |
||||
|
this.unloadPencent = Number(file.percentage.toFixed(0)); |
||||
|
}, |
||||
|
resetData() { |
||||
|
this.formData = { |
||||
|
name: null, |
||||
|
}; |
||||
|
}, |
||||
|
// 开启加载动画 |
||||
|
startLoading() { |
||||
|
loading = Loading.service({ |
||||
|
lock: true, // 是否锁定 |
||||
|
text: "正在加载……", // 加载中需要显示的文字 |
||||
|
background: "rgba(0,0,0,.7)", // 背景颜色 |
||||
|
}); |
||||
|
}, |
||||
|
// 结束加载动画 |
||||
|
endLoading() { |
||||
|
// clearTimeout(timer); |
||||
|
loading.close(); |
||||
|
}, |
||||
|
}, |
||||
|
computed: { |
||||
|
dataRule() { |
||||
|
return { |
||||
|
name: [{ required: true, message: "姓名不能为空", trigger: "blur" }], |
||||
|
type: [{ required: true, message: "类型不能为空", trigger: "blur" }], |
||||
|
description: [ |
||||
|
{ required: true, message: "内容不能为空", trigger: "blur" }, |
||||
|
], |
||||
|
}; |
||||
|
}, |
||||
|
}, |
||||
|
props: { |
||||
|
unitList: { |
||||
|
type: Array, |
||||
|
default: [], |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
@import "@/assets/scss/modules/visual/communityManageForm.scss"; |
||||
|
</style> |
||||
|
<style lang="scss" scoped> |
||||
|
.item_width_1 { |
||||
|
width: 560px; |
||||
|
|
||||
|
/deep/.tox .tox-dialog { |
||||
|
z-index: 20000; |
||||
|
} |
||||
|
} |
||||
|
.tinymce_view { |
||||
|
::v-deep .tox .tox-dialog { |
||||
|
z-index: 2000000000; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.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; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.div_map { |
||||
|
position: relative; |
||||
|
} |
||||
|
|
||||
|
.div_searchmap { |
||||
|
z-index: 5000; |
||||
|
position: absolute; |
||||
|
top: 5px; |
||||
|
left: 5px; |
||||
|
} |
||||
|
|
||||
|
.tinymce_view { |
||||
|
height: 400px; |
||||
|
overflow: auto; |
||||
|
} |
||||
|
|
||||
|
.text_p { |
||||
|
margin: 0; |
||||
|
padding: 0 10px; |
||||
|
border: 1px solid #d9d9d9; |
||||
|
border-radius: 5px; |
||||
|
> p { |
||||
|
margin: 0; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,522 @@ |
|||||
|
<template> |
||||
|
<div class="div_main"> |
||||
|
<div class="div_search"> |
||||
|
<el-form |
||||
|
:inline="true" |
||||
|
:model="formData" |
||||
|
ref="ref_searchform" |
||||
|
:label-width="'100px'" |
||||
|
> |
||||
|
<div> |
||||
|
<!-- <el-form-item label="类型" prop="type"> |
||||
|
<el-select |
||||
|
class="item_width_1" |
||||
|
v-model="formData.type" |
||||
|
placeholder="请选择类型" |
||||
|
clearable |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="item in types" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value" |
||||
|
> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> --> |
||||
|
<el-form-item label="姓名" prop="name"> |
||||
|
<el-input |
||||
|
v-model="formData.name" |
||||
|
size="small" |
||||
|
class="item_width_1" |
||||
|
clearable |
||||
|
placeholder="请输入内容" |
||||
|
> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-button |
||||
|
style="margin-left: 10px" |
||||
|
class="diy-button--search" |
||||
|
size="small" |
||||
|
@click="handleSearch" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
<el-button |
||||
|
style="margin-left: 10px" |
||||
|
class="diy-button--reset" |
||||
|
size="small" |
||||
|
@click="resetSearch" |
||||
|
>重置</el-button |
||||
|
> |
||||
|
</div> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
<div class="div_table"> |
||||
|
<div class="div_btn"> |
||||
|
<el-button |
||||
|
style="" |
||||
|
class="diy-button--add" |
||||
|
size="small" |
||||
|
@click="handleAdd" |
||||
|
>新增</el-button |
||||
|
> |
||||
|
</div> |
||||
|
|
||||
|
<el-table |
||||
|
class="table" |
||||
|
:data="tableData" |
||||
|
border |
||||
|
:height="tableHeight" |
||||
|
v-loading="tableLoading" |
||||
|
:header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }" |
||||
|
style="width: 100%" |
||||
|
> |
||||
|
<el-table-column |
||||
|
prop="name" |
||||
|
header-align="center" |
||||
|
width="140px" |
||||
|
align="center" |
||||
|
label="姓名" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="mobile" |
||||
|
header-align="center" |
||||
|
width="140px" |
||||
|
align="center" |
||||
|
label="手机号" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="idCard" |
||||
|
header-align="center" |
||||
|
width="240px" |
||||
|
align="center" |
||||
|
label="身份证号" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="gender" |
||||
|
header-align="center" |
||||
|
width="140px" |
||||
|
align="center" |
||||
|
label="性别" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ getTypeLable(scope.row.gender) }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="introduce" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
label="介绍" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
label="操作" |
||||
|
fixed="right" |
||||
|
width="140" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
class="operate" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button |
||||
|
type="text" |
||||
|
style="color: #1c6afd; text-decoration: underline" |
||||
|
size="small" |
||||
|
@click="handleDetail(scope.row)" |
||||
|
>查看</el-button |
||||
|
> |
||||
|
<el-button |
||||
|
type="text" |
||||
|
style="color: #00a7a9; text-decoration: underline" |
||||
|
size="small" |
||||
|
@click="handleEdit(scope.row)" |
||||
|
>修改</el-button |
||||
|
> |
||||
|
<el-button |
||||
|
type="text" |
||||
|
style="color: #d51010; text-decoration: underline" |
||||
|
size="small" |
||||
|
@click="handleDelete(scope.row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<div> |
||||
|
<el-pagination |
||||
|
@size-change="handleSizeChange" |
||||
|
@current-change="handleCurrentChange" |
||||
|
:current-page.sync="pageNo" |
||||
|
:page-sizes="[10, 20, 50]" |
||||
|
:page-size="pageSize" |
||||
|
layout="sizes, prev, pager, next, total" |
||||
|
:total="total" |
||||
|
> |
||||
|
</el-pagination> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- 修改弹出框 --> |
||||
|
<el-dialog |
||||
|
:visible.sync="formShow" |
||||
|
:close-on-click-modal="false" |
||||
|
:close-on-press-escape="false" |
||||
|
:title="formTitle" |
||||
|
width="800px" |
||||
|
top="5vh" |
||||
|
class="dialog-h" |
||||
|
@closed="diaClose" |
||||
|
> |
||||
|
<dialog-form |
||||
|
ref="ref_form" |
||||
|
@dialogCancle="addFormCancle" |
||||
|
@dialogOk="addFormOk" |
||||
|
></dialog-form> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<el-dialog |
||||
|
:visible.sync="detailShow" |
||||
|
:close-on-click-modal="false" |
||||
|
:close-on-press-escape="false" |
||||
|
:title="'详情'" |
||||
|
width="800px" |
||||
|
top="5vh" |
||||
|
class="dialog-h" |
||||
|
@closed="detailClosed" |
||||
|
> |
||||
|
<dialog-detail |
||||
|
ref="ref_detail" |
||||
|
@diaDetailClose="detailClosed" |
||||
|
></dialog-detail> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import dialogForm from "./dialogForm"; |
||||
|
import dialogDetail from "./dialogDetail"; |
||||
|
import util from "@js/util.js"; |
||||
|
import { requestPost, requestGet } from "@/js/dai/request"; |
||||
|
import { mapGetters } from "vuex"; |
||||
|
import { Loading } from "element-ui"; // 引入Loading服务 |
||||
|
|
||||
|
let loading; // 加载动画 |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
loading: false, |
||||
|
total: 0, |
||||
|
pageSize: 10, |
||||
|
pageNo: 0, |
||||
|
tableLoading: false, |
||||
|
formData: { |
||||
|
type: null, |
||||
|
name: null, |
||||
|
}, |
||||
|
types: [ |
||||
|
{ |
||||
|
label: "男", |
||||
|
value: "1", |
||||
|
}, |
||||
|
{ |
||||
|
label: "女", |
||||
|
value: "0", |
||||
|
}, |
||||
|
], |
||||
|
tableData: [], |
||||
|
//form相关 |
||||
|
formShow: false, |
||||
|
formTitle: "新增", |
||||
|
detailShow: false, |
||||
|
}; |
||||
|
}, |
||||
|
components: { |
||||
|
dialogForm, |
||||
|
dialogDetail, |
||||
|
}, |
||||
|
async created() {}, |
||||
|
async mounted() { |
||||
|
this.loadTable(); |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
handleSearch() { |
||||
|
this.loadTable(); |
||||
|
}, |
||||
|
|
||||
|
async loadTable() { |
||||
|
this.tableLoading = true; |
||||
|
const url = "/resi/partymember/icgovernuser/page"; |
||||
|
let params = { |
||||
|
limit: this.pageSize, |
||||
|
page: this.pageNo, |
||||
|
...this.formData, |
||||
|
}; |
||||
|
|
||||
|
const { data, code, msg } = await requestGet(url, params); |
||||
|
if (code === 0) { |
||||
|
this.total = data.total; |
||||
|
this.tableData = data.list; |
||||
|
} else { |
||||
|
this.$message.error(msg); |
||||
|
} |
||||
|
this.tableLoading = false; |
||||
|
}, |
||||
|
|
||||
|
diaClose() { |
||||
|
this.$refs.ref_form.resetData(); |
||||
|
this.formShow = false; |
||||
|
}, |
||||
|
|
||||
|
getTypeLable(type) { |
||||
|
if (type) { |
||||
|
const lable = this.types.filter((item) => item.value == type)[0].label; |
||||
|
return lable; |
||||
|
} |
||||
|
return ""; |
||||
|
}, |
||||
|
detailClosed() { |
||||
|
console.log(this.$refs.ref_detail); |
||||
|
this.$refs.ref_detail.diaDestroy(); |
||||
|
this.detailShow = false; |
||||
|
}, |
||||
|
|
||||
|
handleDetail(row) { |
||||
|
this.detailShow = true; |
||||
|
this.formTitle = "详情"; |
||||
|
|
||||
|
this.$nextTick(() => { |
||||
|
this.$refs.ref_detail.initForm(row); |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
handleAdd() { |
||||
|
this.formTitle = "新增"; |
||||
|
this.formShow = true; |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs.ref_form.initForm("add", null); |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
handleEdit(row) { |
||||
|
this.formTitle = "修改"; |
||||
|
this.formShow = true; |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs.ref_form.initForm("edit", row.id); |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
addFormCancle() { |
||||
|
this.formShow = false; |
||||
|
}, |
||||
|
addFormOk() { |
||||
|
this.formShow = false; |
||||
|
this.loadTable(); |
||||
|
}, |
||||
|
|
||||
|
async handleDelete(row) { |
||||
|
this.$confirm("确认删除?", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
this.deleteActivity(row); |
||||
|
}) |
||||
|
.catch((err) => { |
||||
|
if (err == "cancel") { |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
async deleteActivity(row) { |
||||
|
this.$http |
||||
|
.delete("/resi/partymember/icgovernuser", { data: [row.id] }) |
||||
|
.then((res) => { |
||||
|
this.$message({ |
||||
|
type: "success", |
||||
|
message: "删除成功", |
||||
|
}); |
||||
|
this.loadTable(); |
||||
|
}) |
||||
|
.catch((res) => { |
||||
|
this.$message.error(res.msg || "删除失败！"); |
||||
|
}); |
||||
|
}, |
||||
|
//重置搜索条件 |
||||
|
resetSearch() { |
||||
|
this.formData = { |
||||
|
type: null, |
||||
|
name: null, |
||||
|
}; |
||||
|
this.pageSize = 10; |
||||
|
this.pageNo = 0; |
||||
|
this.loadTable(); |
||||
|
}, |
||||
|
|
||||
|
// 上传文件之前的钩子 |
||||
|
beforeUpload(file) { |
||||
|
this.files = file; |
||||
|
|
||||
|
const isText = file.type === "application/vnd.ms-excel"; |
||||
|
const isTextComputer = |
||||
|
file.type === |
||||
|
"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"; |
||||
|
|
||||
|
if (!isText && !isTextComputer) { |
||||
|
this.$message.error("请选择正确格式的文件"); |
||||
|
return false; |
||||
|
} else { |
||||
|
this.fileName = file.name; |
||||
|
return true; |
||||
|
} |
||||
|
}, |
||||
|
// 上传文件个数超过定义的数量 |
||||
|
handleExceed(files, fileList) { |
||||
|
this.$message.warning(`当前限制选择 1 个文件，请删除后继续上传`); |
||||
|
}, |
||||
|
|
||||
|
async uploadFile() { |
||||
|
this.loading = true; |
||||
|
|
||||
|
if (this.fileName == "") { |
||||
|
this.$message.warning("请选择要上传的文件！"); |
||||
|
return false; |
||||
|
} |
||||
|
|
||||
|
//清空上传列表 |
||||
|
this.$refs["upload"].clearFiles(); |
||||
|
|
||||
|
var url = "/heart/icpartyactivity/import"; |
||||
|
let fileFormData = new FormData(); |
||||
|
fileFormData.append("file", this.files); //filename是键，file是值，就是要传的文件，test.zip是要传的文件名 |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, fileFormData); |
||||
|
if (code === 0) { |
||||
|
this.$message({ |
||||
|
type: "success", |
||||
|
message: "导入成功", |
||||
|
}); |
||||
|
|
||||
|
this.loadTable(); |
||||
|
} else { |
||||
|
this.$message.error(msg); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
handleTimeChange(time) { |
||||
|
if (time) { |
||||
|
const startTimeArray = util.dateFormatter(time[0], "date").split("-"); |
||||
|
const endTimeArray = util.dateFormatter(time[1], "date").split("-"); |
||||
|
|
||||
|
this.formData.startTime = |
||||
|
startTimeArray[0] + |
||||
|
"-" + |
||||
|
startTimeArray[1] + |
||||
|
"-" + |
||||
|
startTimeArray[2] + |
||||
|
" 00:00:00"; |
||||
|
this.formData.endTime = |
||||
|
endTimeArray[0] + |
||||
|
"-" + |
||||
|
endTimeArray[1] + |
||||
|
"-" + |
||||
|
endTimeArray[2] + |
||||
|
" 23:59:59"; |
||||
|
|
||||
|
// this.startTimeShow = startTimeArray[0] + '年' + startTimeArray[1] + '月' + startTimeArray[2] + '日' |
||||
|
// this.endTimeShow = endTimeArray[0] + '年' + endTimeArray[1] + '月' + endTimeArray[2] + '日' |
||||
|
} else { |
||||
|
this.formData.startTime = ""; |
||||
|
this.formData.endTime = ""; |
||||
|
// this.startTimeShow = '' |
||||
|
// this.endTimeShow = '' |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
handleSizeChange(val) { |
||||
|
this.pageSize = val; |
||||
|
this.pageNo = 1; |
||||
|
this.loadTable(); |
||||
|
}, |
||||
|
handleCurrentChange(val) { |
||||
|
this.pageNo = val; |
||||
|
this.loadTable(); |
||||
|
}, |
||||
|
|
||||
|
// 开启加载动画 |
||||
|
startLoading() { |
||||
|
loading = Loading.service({ |
||||
|
lock: true, // 是否锁定 |
||||
|
text: "正在加载……", // 加载中需要显示的文字 |
||||
|
background: "rgba(0,0,0,.7)", // 背景颜色 |
||||
|
}); |
||||
|
}, |
||||
|
// 结束加载动画 |
||||
|
endLoading() { |
||||
|
// clearTimeout(timer); |
||||
|
if (loading) { |
||||
|
loading.close(); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
computed: { |
||||
|
tableHeight() { |
||||
|
return this.$store.state.inIframe |
||||
|
? this.clientHeight - 430 + this.iframeHeight |
||||
|
: this.clientHeight - 430; |
||||
|
}, |
||||
|
|
||||
|
...mapGetters(["clientHeight", "iframeHeight"]), |
||||
|
}, |
||||
|
watch: {}, |
||||
|
props: {}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
.div_main { |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
.div_search { |
||||
|
background: #ffffff; |
||||
|
border-radius: 4px; |
||||
|
padding: 30px 20px 5px; |
||||
|
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1); |
||||
|
} |
||||
|
|
||||
|
.item_width_1 { |
||||
|
width: 260px; |
||||
|
} |
||||
|
.item_width_2 { |
||||
|
width: 495px; |
||||
|
} |
||||
|
|
||||
|
.div_table { |
||||
|
background: #ffffff; |
||||
|
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1); |
||||
|
border-radius: 4px; |
||||
|
margin-top: 15px; |
||||
|
padding: 23px 30px 10px; |
||||
|
|
||||
|
.table { |
||||
|
margin-top: 20px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.div_btn { |
||||
|
} |
||||
|
|
||||
|
.el-row { |
||||
|
/* margin-bottom: 20px; */ |
||||
|
display: flex; |
||||
|
flex-wrap: wrap; |
||||
|
margin-top: 10px; |
||||
|
margin-right: 50px; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue