10 changed files with 226 additions and 32 deletions
|
Before Width: | Height: | Size: 5.9 KiB |
|
Before Width: | Height: | Size: 8.5 KiB |
@ -0,0 +1,207 @@ |
|||
<template> |
|||
<div class="g-main"> |
|||
<div> |
|||
<div class="m-table"> |
|||
<div class="div_btn_left"> |
|||
<el-button size="small" type="primary" @click="submit" |
|||
>保存设置</el-button |
|||
> |
|||
<el-button style="margin-left: 10px" size="small" @click="resetSearch" |
|||
>重置</el-button |
|||
> |
|||
</div> |
|||
<el-table |
|||
:data="tableData" |
|||
border |
|||
v-loading="tableLoading" |
|||
class="m-table-item" |
|||
style="width: 100%" |
|||
:height="maxTableHeight" |
|||
> |
|||
<el-table-column |
|||
prop="residentCategoryName" |
|||
align="center" |
|||
label="居民分类" |
|||
:show-overflow-tooltip="true" |
|||
> |
|||
</el-table-column> |
|||
<el-table-column |
|||
align="center" |
|||
label="更新周期" |
|||
:show-overflow-tooltip="true" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<el-select |
|||
v-model="scope.row.updatePeriod" |
|||
clearable |
|||
placeholder="请选择" |
|||
> |
|||
<el-option |
|||
v-for="item in updatePeriodOptions" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value" |
|||
></el-option> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> |
|||
<!-- --> |
|||
<el-table-column |
|||
prop="staffId" |
|||
align="center" |
|||
label="更新负责人" |
|||
:show-overflow-tooltip="true" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<el-select |
|||
v-model="scope.row.userId" |
|||
placeholder="请选择" |
|||
clearable |
|||
> |
|||
<el-option |
|||
v-for="item in dicts.stafflist" |
|||
:key="item.value" |
|||
:label="item.name" |
|||
:value="item.staffId" |
|||
></el-option> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { requestPost } from "@/js/dai/request"; |
|||
import nextTick from "dai-js/tools/nextTick"; |
|||
import { mapGetters } from "vuex"; |
|||
|
|||
export default { |
|||
components: {}, |
|||
data() { |
|||
return { |
|||
tableLoading: false, |
|||
user: {}, |
|||
tableData: [], |
|||
updatePeriodOptions: [ |
|||
{ |
|||
label: "每周", |
|||
value: "week", |
|||
}, |
|||
{ |
|||
label: "每自然月", |
|||
value: "month", |
|||
}, |
|||
], |
|||
dicts: { |
|||
stafflist: [], |
|||
}, //字典对象 |
|||
}; |
|||
}, |
|||
computed: { |
|||
maxTableHeight() { |
|||
const h = this.clientHeight - 250 + this.iframeHeight; |
|||
const _h = this.clientHeight - 250; |
|||
return this.$store.state.inIframe ? h : _h; |
|||
}, |
|||
...mapGetters(["clientHeight", "iframeHeight"]), |
|||
}, |
|||
watch: {}, |
|||
created() {}, |
|||
mounted() { |
|||
this.user = this.$store.state.user; |
|||
this.agencyId = this.user.agencyId; |
|||
this.getStafflist(); |
|||
this.getTableData(); |
|||
}, |
|||
methods: { |
|||
// --------------------------------------字典------------------------------------------ |
|||
getStafflist() { |
|||
let parms = { |
|||
orgId: this.user.agencyId, |
|||
orgType: "agency", |
|||
pageNo: 1, |
|||
pageSize: 100, |
|||
}; |
|||
this.$http.post("data/aggregator/org/stafflist", parms).then((resp) => { |
|||
this.dicts.stafflist = resp.data.data.staffList; |
|||
console.log("stafflist", resp.data); |
|||
}); |
|||
}, |
|||
// ------------------------------------事件------------------------------------------ |
|||
|
|||
// 获取列表 |
|||
async getTableData() { |
|||
this.tableLoading = true; |
|||
const url = "/actual/base/residentCategoryUpdateInfo/upadteSettingList"; |
|||
|
|||
const { data, code, msg } = await requestPost(url, { |
|||
orgId: this.user.agencyId, |
|||
orgType: this.user.level, |
|||
pageNo: 1, |
|||
pageSize: 1000, |
|||
}); |
|||
this.tableLoading = false; |
|||
if (code === 0) { |
|||
this.tableData = data; |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
}, |
|||
async submit() { |
|||
let url = "/actual/base/residentCategoryUpdateInfo/updateList"; |
|||
let params = this.tableData.map((item) => { |
|||
return { |
|||
id: item.id, |
|||
updatePeriod: item.updatePeriod, |
|||
userId: item.userId, |
|||
}; |
|||
}); |
|||
const { data, code, msg } = await requestPost(url, params); |
|||
if (code === 0) { |
|||
this.$message.success("操作成功"); |
|||
this.getTableData(); |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
}, |
|||
// 重置 |
|||
resetSearch() { |
|||
this.$confirm("重置之后无法恢复，确认重置？", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
this.tableData = this.tableData.map((item) => { |
|||
return { |
|||
...item, |
|||
updatePeriod: '', |
|||
userId: '', |
|||
}; |
|||
}); |
|||
this.submit(); |
|||
this.getTableData(); |
|||
}) |
|||
.catch((err) => { |
|||
console.error(err); |
|||
// this.$message.error("删除失败"); |
|||
}); |
|||
}, |
|||
}, |
|||
|
|||
props: {}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
@import "@/assets/scss/buttonstyle.scss"; |
|||
@import "@/assets/scss/modules/management/list-main.scss"; |
|||
@import "@/assets/scss/modules/shequzhili/event-info.scss"; |
|||
.div_btn_left > * { |
|||
margin-right: 10px; |
|||
} |
|||
</style> |
|||
|
|||
|
|||
Loading…
Reference in new issue