dai
3 years ago
5 changed files with 364 additions and 72 deletions
@ -0,0 +1,207 @@ |
|||||
|
import Cookies from "js-cookie"; |
||||
|
import qs from "qs"; |
||||
|
export default { |
||||
|
data() { |
||||
|
/* eslint-disable */ |
||||
|
return { |
||||
|
// 设置属性
|
||||
|
mixinViewModuleOptions: { |
||||
|
createdIsNeed: true, // 此页面是否在创建时，调用查询数据列表接口？
|
||||
|
activatedIsNeed: false, // 此页面是否在激活（进入）时，调用查询数据列表接口？
|
||||
|
getDataListURL: "", // 数据列表接口，API地址
|
||||
|
getDataListIsPage: false, // 数据列表接口，是否需要分页？
|
||||
|
deleteURL: "", // 删除接口，API地址
|
||||
|
deleteIsBatch: false, // 删除接口，是否需要批量？
|
||||
|
deleteIsBatchKey: "id", // 删除接口，批量状态下由那个key进行标记操作？比如：pid，uid...
|
||||
|
exportURL: "", // 导出接口，API地址
|
||||
|
}, |
||||
|
// 默认属性
|
||||
|
dataForm: {}, // 查询条件
|
||||
|
dataList: [], // 数据列表
|
||||
|
order: "", // 排序，asc／desc
|
||||
|
orderField: "", // 排序，字段
|
||||
|
pageNo: 1, // 当前页码
|
||||
|
pageSize: 10, // 每页数
|
||||
|
total: 0, // 总条数
|
||||
|
dataListLoading: false, // 数据列表，loading状态
|
||||
|
dataListSelections: [], // 数据列表，多选项
|
||||
|
addOrUpdateVisible: false, // 新增／更新，弹窗visible状态
|
||||
|
}; |
||||
|
/* eslint-enable */ |
||||
|
}, |
||||
|
created() { |
||||
|
if (this.mixinViewModuleOptions.createdIsNeed) { |
||||
|
this.query(); |
||||
|
} |
||||
|
}, |
||||
|
activated() { |
||||
|
if (this.mixinViewModuleOptions.activatedIsNeed) { |
||||
|
this.query(); |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
// 获取数据列表
|
||||
|
query() { |
||||
|
this.dataListLoading = true; |
||||
|
this.$http |
||||
|
.post(this.mixinViewModuleOptions.getDataListURL, { |
||||
|
order: this.order, |
||||
|
orderField: this.orderField, |
||||
|
pageNo: this.mixinViewModuleOptions.getDataListIsPage |
||||
|
? this.pageNo |
||||
|
: null, |
||||
|
pageSize: this.mixinViewModuleOptions.getDataListIsPage |
||||
|
? this.pageSize |
||||
|
: null, |
||||
|
...this.dataForm, |
||||
|
}) |
||||
|
.then(({ data: res }) => { |
||||
|
this.dataListLoading = false; |
||||
|
if (res.code !== 0) { |
||||
|
this.dataList = []; |
||||
|
this.total = 0; |
||||
|
return this.$message.error(res.msg); |
||||
|
} |
||||
|
this.dataList = this.mixinViewModuleOptions.getDataListIsPage |
||||
|
? res.data.list |
||||
|
: res.data; |
||||
|
this.total = this.mixinViewModuleOptions.getDataListIsPage |
||||
|
? res.data.total |
||||
|
: 0; |
||||
|
this.dataList.forEach((item) => { |
||||
|
if (item.gender) { |
||||
|
item.gender = |
||||
|
item.gender == "0" |
||||
|
? "女" |
||||
|
: item.gender == "1" |
||||
|
? "男" |
||||
|
: item.gender; |
||||
|
} |
||||
|
}); |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
this.dataListLoading = false; |
||||
|
}); |
||||
|
}, |
||||
|
// 多选
|
||||
|
dataListSelectionChangeHandle(val) { |
||||
|
this.dataListSelections = val; |
||||
|
}, |
||||
|
// 排序
|
||||
|
dataListSortChangeHandle(data) { |
||||
|
if (!data.order || !data.prop) { |
||||
|
this.order = ""; |
||||
|
this.orderField = ""; |
||||
|
return false; |
||||
|
} |
||||
|
this.order = data.order.replace(/ending$/, ""); |
||||
|
this.orderField = data.prop.replace(/([A-Z])/g, "_$1").toLowerCase(); |
||||
|
this.query(); |
||||
|
}, |
||||
|
// 分页, 每页条数
|
||||
|
pageSizeChangeHandle(val) { |
||||
|
this.pageNo = 1; |
||||
|
this.pageSize = val; |
||||
|
this.query(); |
||||
|
}, |
||||
|
// 分页, 当前页
|
||||
|
pageCurrentChangeHandle(val) { |
||||
|
this.pageNo = val; |
||||
|
this.query(); |
||||
|
}, |
||||
|
getDataList: function () { |
||||
|
this.pageNo = 1; |
||||
|
this.query(); |
||||
|
}, |
||||
|
// 新增 / 修改
|
||||
|
addOrUpdateHandle(id) { |
||||
|
this.addOrUpdateVisible = true; |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs.addOrUpdate.dataForm.id = id; |
||||
|
this.$refs.addOrUpdate.init(); |
||||
|
}); |
||||
|
}, |
||||
|
// 删除
|
||||
|
deleteHandle(id) { |
||||
|
if ( |
||||
|
this.mixinViewModuleOptions.deleteIsBatch && |
||||
|
!id && |
||||
|
this.dataListSelections.length <= 0 |
||||
|
) { |
||||
|
return this.$message({ |
||||
|
message: this.$t("prompt.deleteBatch"), |
||||
|
type: "warning", |
||||
|
duration: 500, |
||||
|
}); |
||||
|
} |
||||
|
this.$confirm( |
||||
|
this.$t("prompt.info", { handle: this.$t("delete") }), |
||||
|
this.$t("prompt.title"), |
||||
|
{ |
||||
|
confirmButtonText: this.$t("confirm"), |
||||
|
cancelButtonText: this.$t("cancel"), |
||||
|
type: "warning", |
||||
|
} |
||||
|
) |
||||
|
.then(() => { |
||||
|
this.$http |
||||
|
.delete( |
||||
|
`${this.mixinViewModuleOptions.deleteURL}${ |
||||
|
this.mixinViewModuleOptions.deleteIsBatch ? "" : "/" + id |
||||
|
}`,
|
||||
|
this.mixinViewModuleOptions.deleteIsBatch |
||||
|
? { |
||||
|
data: id |
||||
|
? [id] |
||||
|
: this.dataListSelections.map( |
||||
|
(item) => |
||||
|
item[this.mixinViewModuleOptions.deleteIsBatchKey] |
||||
|
), |
||||
|
} |
||||
|
: {} |
||||
|
) |
||||
|
.then(({ data: res }) => { |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg); |
||||
|
} |
||||
|
this.$message({ |
||||
|
message: this.$t("prompt.success"), |
||||
|
type: "success", |
||||
|
duration: 500, |
||||
|
onClose: () => { |
||||
|
this.query(); |
||||
|
}, |
||||
|
}); |
||||
|
}) |
||||
|
.catch(() => {}); |
||||
|
}) |
||||
|
.catch(() => {}); |
||||
|
}, |
||||
|
// 导出
|
||||
|
exportHandle() { |
||||
|
var params = qs.stringify({ |
||||
|
token: localStorage.getItem("token"), |
||||
|
...this.dataForm, |
||||
|
}); |
||||
|
window.location.href = `${window.SITE_CONFIG["apiURL"]}${this.mixinViewModuleOptions.exportURL}?${params}`; |
||||
|
}, |
||||
|
// 时间段控件取值变化事件-清空一个其他都清空
|
||||
|
changeTime(dateValue) { |
||||
|
var startTimeIsNull = |
||||
|
this.dataForm.startTime === "" || |
||||
|
this.dataForm.startTime === "null" || |
||||
|
this.dataForm.startTime === null; |
||||
|
var endTimeIsNull = |
||||
|
this.dataForm.endTime === "" || |
||||
|
this.dataForm.endTime === "null" || |
||||
|
this.dataForm.endTime === null; |
||||
|
if (dateValue === null || dateValue === "" || dateValue === "null") { |
||||
|
this.dataForm.startTime = ""; |
||||
|
this.dataForm.endTime = ""; |
||||
|
} else if (startTimeIsNull || endTimeIsNull) { |
||||
|
this.dataForm.startTime = dateValue; |
||||
|
this.dataForm.endTime = dateValue; |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
@ -0,0 +1,23 @@ |
|||||
|
export default { |
||||
|
PARTY_FLAG: "党员", |
||||
|
SUBSISTENCE_ALLOWANCE_FLAG: "低保户", |
||||
|
ENSURE_HOUSE_FLAG: "保障房", |
||||
|
UNEMPLOYED_FLAG: "失业", |
||||
|
FERTILE_WOMAN_FLAG: "育龄妇女", |
||||
|
VETERAN_FLAG: "退役军人", |
||||
|
UNITED_FRONT_FLAG: "统战人员", |
||||
|
PETITION_OFFICER_FLAG: "信访人员", |
||||
|
VOLUNTEER_FLAG: "志愿者", |
||||
|
OLD_PEOPLE_FLAG: "老年人", |
||||
|
EMPTY_NESTER_FLAG: "空巢老人", |
||||
|
BEREAVED_PERSON_FLAG: "失独人员", |
||||
|
DISABLED_FLAG: "失能老人", |
||||
|
DEMENTED_FLAG: "失智老人", |
||||
|
DISABILITY_FLAG: "残疾", |
||||
|
SERIOUS_ILLNESS_FLAG: "大病", |
||||
|
CHRONIC_DISEASE_FLAG: "慢病", |
||||
|
SPECIAL_CROWD_FLAG: "特殊人群", |
||||
|
TENANT_FLAG: "租户", |
||||
|
FLOATING_FLAG: "是流动人口", |
||||
|
LIVE_ALONE_FLAG: "独居老人", |
||||
|
}; |
||||
Loading…
Reference in new issue