Compare commits
2 Commits
master
...
feature/de
| Author | SHA1 | Date |
|---|---|---|
zhangyuan
|
f48f31ffee | 3 years ago |
|
zhangyuan
|
dfe0dc5144 | 3 years ago |
2 changed files with 500 additions and 0 deletions
@ -0,0 +1,142 @@ |
|||||
|
<template> |
||||
|
<el-dialog :visible.sync="visible" title="操作记录" :close-on-click-modal="false" :close-on-press-escape="false"> |
||||
|
<el-table :cell-style="cellStyle" v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%"> |
||||
|
<el-table-column show-overflow-tooltip width="200" prop="placeOrgName" label="场所名称" header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column show-overflow-tooltip width="200" prop="address" label="场所地址" header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column show-overflow-tooltip width="200" prop="placeType" label="场所类型" header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column show-overflow-tooltip width="150" prop="scale" label="规模" header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column show-overflow-tooltip width="150" prop="personInCharge" label="负责人" header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column show-overflow-tooltip width="250" prop="mobile" label="联系电话" header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column show-overflow-tooltip width="200" prop="createdTime" label="操作日期" header-align="center" align="center"></el-table-column> |
||||
|
</el-table> |
||||
|
<el-pagination |
||||
|
:current-page="page" |
||||
|
:page-sizes="[10, 20, 50, 100]" |
||||
|
:page-size="limit" |
||||
|
:total="total" |
||||
|
layout="total, sizes, prev, pager, next, jumper" |
||||
|
@size-change="pageSizeChangeHandle" |
||||
|
@current-change="pageCurrentChangeHandle"> |
||||
|
</el-pagination> |
||||
|
<template slot="footer"> |
||||
|
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import mixinViewModule from '@/mixins/view-module' |
||||
|
import debounce from 'lodash/debounce' |
||||
|
export default { |
||||
|
mixins: [mixinViewModule], |
||||
|
data () { |
||||
|
return { |
||||
|
mixinViewModuleOptions: { |
||||
|
getDataListURL: '/gov/org/enterprise/history/0', |
||||
|
getDataListIsPage: true, |
||||
|
createdIsNeed: false, |
||||
|
}, |
||||
|
visible: false, |
||||
|
historyList:[], |
||||
|
dataForm: { |
||||
|
id: '', |
||||
|
customerId: '', |
||||
|
gridId: '', |
||||
|
agencyId: '', |
||||
|
agencyPids: '', |
||||
|
placeType: '', |
||||
|
placeOrgName: '', |
||||
|
address: '', |
||||
|
longitude: '', |
||||
|
latitude: '', |
||||
|
scale: '', |
||||
|
personInCharge: '', |
||||
|
mobile: '', |
||||
|
sourceType: '', |
||||
|
latestResult: '', |
||||
|
latestPatrolTime: '', |
||||
|
delFlag: '', |
||||
|
revision: '', |
||||
|
createdBy: '', |
||||
|
createdTime: '', |
||||
|
updatedBy: '', |
||||
|
updatedTime: '' |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
dataRule () { |
||||
|
return { |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
init () { |
||||
|
this.visible = true |
||||
|
this.$nextTick(() => { |
||||
|
if (this.dataForm.id) { |
||||
|
this.getInfo() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
cellStyle({row, column, rowIndex, columnIndex}) { |
||||
|
let mark = 'background:red;font-weight:bold;color:#303133;' |
||||
|
if(row.placeOrgName.includes('->') && columnIndex === 0){ |
||||
|
return mark |
||||
|
} |
||||
|
if(row.address.includes('->') && columnIndex === 1){ |
||||
|
return mark |
||||
|
} |
||||
|
if(row.placeType.includes('->') && columnIndex === 2){ |
||||
|
return mark |
||||
|
} |
||||
|
if(row.scale.includes('->') && columnIndex === 3){ |
||||
|
return mark |
||||
|
} |
||||
|
if(row.personInCharge.includes('->') && columnIndex === 4){ |
||||
|
return mark |
||||
|
} |
||||
|
if(row.mobile.includes('->') && columnIndex === 5){ |
||||
|
return mark |
||||
|
} |
||||
|
}, |
||||
|
// 获取信息 |
||||
|
getInfo () { |
||||
|
this.mixinViewModuleOptions.getDataListURL = `/gov/org/icEnterpriseChangeRecord/history/${this.dataForm.id}` |
||||
|
this.getDataList() |
||||
|
// this.$http.get(`/gov/org/icEnterpriseChangeRecord/history/${this.dataForm.id}`).then(({ data: res }) => { |
||||
|
// if (res.code !== 0) { |
||||
|
// this.historyList = [] |
||||
|
// this.total = 0 |
||||
|
// return this.$message.error(res.msg) |
||||
|
// } |
||||
|
// this.historyList = res.data.list |
||||
|
// this.total = res.data.total |
||||
|
// |
||||
|
// }).catch(() => {}) |
||||
|
}, |
||||
|
// 表单提交 |
||||
|
dataFormSubmitHandle: debounce(function () { |
||||
|
this.$refs['dataForm'].validate((valid) => { |
||||
|
if (!valid) { |
||||
|
return false |
||||
|
} |
||||
|
this.$http[!this.dataForm.id ? 'post' : 'put']('/gov/org/icEnterpriseChangeRecord/', this.dataForm).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.visible = false |
||||
|
this.$emit('refreshDataList') |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => {}) |
||||
|
}) |
||||
|
}, 1000, { 'leading': true, 'trailing': false }) |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
@ -0,0 +1,358 @@ |
|||||
|
<template> |
||||
|
<div class="mod-__icEnterpriseChangeRecord} resi-container"> |
||||
|
<el-card ref="searchCard" class="search-card"> |
||||
|
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()" label-width="100px"> |
||||
|
<el-form-item label="场所名称" |
||||
|
prop="placeOrgName"> |
||||
|
<el-input v-model="dataForm.placeOrgName" |
||||
|
size="small" |
||||
|
style="width: 240px" |
||||
|
clearable |
||||
|
placeholder="请输入场所名称"> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="联系电话" |
||||
|
prop="createdUser"> |
||||
|
<el-input v-model="dataForm.mobile" |
||||
|
size="small" |
||||
|
style="width: 240px" |
||||
|
clearable |
||||
|
placeholder="请输入联系电话"> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="场所区域" |
||||
|
prop="gridId"> |
||||
|
<el-select |
||||
|
v-model.trim="dataForm.gridId" |
||||
|
placeholder="请选择" |
||||
|
style="width: 240px" |
||||
|
clearable |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="item in optionsG" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value" |
||||
|
> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="场所类型" |
||||
|
prop="placeType"> |
||||
|
<el-select v-model="dataForm.placeType" |
||||
|
placeholder="请选择" |
||||
|
size="small" |
||||
|
style="width: 240px" |
||||
|
clearable> |
||||
|
<el-option v-for="item in placeTypeArr" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="规模" |
||||
|
prop="placeType"> |
||||
|
<el-select v-model="dataForm.scale" |
||||
|
placeholder="请选择" |
||||
|
size="small" |
||||
|
style="width: 240px" |
||||
|
clearable> |
||||
|
<el-option v-for="item in scaleArr" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" size="small" class="diy-button--search" @click="getDataList()">{{ $t('query') }}</el-button> |
||||
|
|
||||
|
<el-button style="margin-left:10px" |
||||
|
size="small" |
||||
|
type="primary" |
||||
|
class="diy-button--reset" |
||||
|
@click="resetSearch">重置</el-button> |
||||
|
</el-form-item> |
||||
|
<!-- <el-button style="margin-left:10px" |
||||
|
size="small" |
||||
|
type="primary" |
||||
|
class="diy-button--reset" |
||||
|
@click="resetSearch">重置</el-button> --> |
||||
|
<!-- <el-form-item>--> |
||||
|
<!-- <el-button type="primary" size="small" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>--> |
||||
|
<!-- </el-form-item>--> |
||||
|
<!-- <el-form-item> |
||||
|
<el-button size="small" style="margin-left:10px" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button> |
||||
|
</el-form-item> --> |
||||
|
</el-form> |
||||
|
</el-card> |
||||
|
<el-card class="resi-card-table"> |
||||
|
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%"> |
||||
|
<el-table-column label="序号" type="index" align="center" width="50" /> |
||||
|
<el-table-column prop="placeOrgName" label="场所名称" header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column prop="address" label="场所地址" header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column prop="placeType" label="场所类型" :formatter="placeTypeFormatter" header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column prop="scale" label="规模" :formatter="scaleFormatter" header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column prop="personInCharge" label="负责人" header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column prop="mobile" label="联系电话" header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.enterpriseId)">{{ '操作记录' }}</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<el-pagination |
||||
|
:current-page="page" |
||||
|
:page-sizes="[10, 20, 50, 100]" |
||||
|
:page-size="limit" |
||||
|
:total="total" |
||||
|
layout="total, sizes, prev, pager, next, jumper" |
||||
|
@size-change="pageSizeChangeHandle" |
||||
|
@current-change="pageCurrentChangeHandle"> |
||||
|
</el-pagination> |
||||
|
</el-card> |
||||
|
<!-- 弹窗, 新增 / 修改 --> |
||||
|
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import mixinViewModule from '@/mixins/view-module' |
||||
|
import AddOrUpdate from './icenterprisechangerecord-add-or-update' |
||||
|
import { requestPost } from "@/js/dai/request"; |
||||
|
export default { |
||||
|
mixins: [mixinViewModule], |
||||
|
data () { |
||||
|
return { |
||||
|
mixinViewModuleOptions: { |
||||
|
getDataListURL: '/gov/org/enterprise/page', |
||||
|
getDataListIsPage: true, |
||||
|
deleteURL: '/gov/org/icEnterpriseChangeRecord', |
||||
|
deleteIsBatch: true |
||||
|
}, |
||||
|
scaleArr: [], |
||||
|
resultArr: [{ |
||||
|
value: '0', |
||||
|
label: '合格' |
||||
|
},{ |
||||
|
value: '1', |
||||
|
label: '不合格' |
||||
|
}], |
||||
|
placeTypeArr: [], |
||||
|
agencyIdArray: [], |
||||
|
optionsG: [], |
||||
|
orgOptions: [], |
||||
|
orgOptionProps:{ |
||||
|
multiple: false, |
||||
|
value: 'value', |
||||
|
label: 'label', |
||||
|
children: 'children', |
||||
|
checkStrictly: true |
||||
|
}, |
||||
|
dataForm: { |
||||
|
id: '' |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
components: { |
||||
|
AddOrUpdate |
||||
|
}, |
||||
|
created () { |
||||
|
this.getGridList() |
||||
|
this.getPlaceTypeList() |
||||
|
this.getScaleList() |
||||
|
}, |
||||
|
methods: { |
||||
|
placeTypeFormatter (row) { |
||||
|
let re = '' |
||||
|
this.placeTypeArr.forEach((item) => { |
||||
|
if (item.value === row.placeType) { |
||||
|
re = item.label |
||||
|
} |
||||
|
}) |
||||
|
return re |
||||
|
}, |
||||
|
scaleFormatter (row) { |
||||
|
let re = '' |
||||
|
this.scaleArr.forEach((item) => { |
||||
|
if (item.value === row.scale) { |
||||
|
re = item.label |
||||
|
} |
||||
|
}) |
||||
|
return re |
||||
|
}, |
||||
|
resultFormatter (row) { |
||||
|
let re = '' |
||||
|
this.resultArr.forEach((item) => { |
||||
|
if (item.value === row.latestResult) { |
||||
|
re = item.label |
||||
|
} |
||||
|
}) |
||||
|
return re |
||||
|
}, |
||||
|
getPlaceTypeList() { |
||||
|
const { user } = this.$store.state |
||||
|
this.$http |
||||
|
.post('/gov/org/coverage/dict-select-list/enterprise_patrol', {}) |
||||
|
.then(({ data: res }) => { |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg) |
||||
|
} else { |
||||
|
console.log('获取查询详情成功', res.data) |
||||
|
this.placeTypeArr = res.data |
||||
|
} |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
return this.$message.error('网络错误') |
||||
|
}) |
||||
|
}, |
||||
|
getGridList() { |
||||
|
const { user } = this.$store.state |
||||
|
this.$http |
||||
|
.post('/gov/org/customergrid/gridoption', { agencyId: user.agencyId, purpose: 'query' }) |
||||
|
.then(({ data: res }) => { |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg) |
||||
|
} else { |
||||
|
console.log('获取查询详情成功', res.data) |
||||
|
this.optionsG = res.data |
||||
|
} |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
return this.$message.error('网络错误') |
||||
|
}) |
||||
|
}, |
||||
|
exportHandle () { |
||||
|
const url = this.mixinViewModuleOptions.exportURL |
||||
|
this.$http({ |
||||
|
method: 'GET', |
||||
|
url, |
||||
|
responseType: 'blob', |
||||
|
params: this.dataForm |
||||
|
}).then(res => { |
||||
|
// this.download(res.data, title + '.xls') |
||||
|
if (res.headers["content-disposition"]) { |
||||
|
let fileName = window.decodeURI(res.headers["content-disposition"].split(";")[1].split("=")[1]) |
||||
|
console.log('filename', fileName) |
||||
|
let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' }) |
||||
|
var url = window.URL.createObjectURL(blob) |
||||
|
var aLink = document.createElement('a') |
||||
|
aLink.style.display = 'none' |
||||
|
aLink.href = url |
||||
|
aLink.setAttribute('download', fileName) |
||||
|
document.body.appendChild(aLink) |
||||
|
aLink.click() |
||||
|
document.body.removeChild(aLink) //下载完成移除元素 |
||||
|
window.URL.revokeObjectURL(url) //释放掉blob对象 |
||||
|
} else this.$message.error('下载失败') |
||||
|
}).catch(err => { |
||||
|
console.log('err', err) |
||||
|
return this.$message.error('网络错误') |
||||
|
}) |
||||
|
}, |
||||
|
//重置搜索条件 |
||||
|
resetSearch () { |
||||
|
this.agencyIdArray = [] |
||||
|
this.dataForm = { |
||||
|
agencyId: '', |
||||
|
gridId: '', |
||||
|
logType: '', |
||||
|
createdUser: '', |
||||
|
startTime: '', |
||||
|
endTime: '', |
||||
|
mobile: '' |
||||
|
} |
||||
|
|
||||
|
this.getDataList() |
||||
|
}, |
||||
|
// 字典 |
||||
|
async getScaleList () { |
||||
|
console.log(localStorage.getItem('token')) |
||||
|
const url = "/sys/dict/data/dictlist" |
||||
|
|
||||
|
let params = { |
||||
|
dictType: 'scale' |
||||
|
} |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.scaleArr = data |
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
@import "@/assets/scss/buttonstyle.scss"; |
||||
|
|
||||
|
.resi-container .resi-card-table { |
||||
|
::v-deep .el-table th { |
||||
|
color: #fff; |
||||
|
background-color: rgba(33, 149, 254, 1); |
||||
|
// border-right: 1px solid rgba(33, 149, 254, 1); |
||||
|
} |
||||
|
} |
||||
|
.resi-table { |
||||
|
::v-deep .el-button--text { |
||||
|
text-decoration: underline; |
||||
|
} |
||||
|
::v-deep .btn-color-del { |
||||
|
margin-left: 10px; |
||||
|
color: rgba(213, 16, 16, 1); |
||||
|
} |
||||
|
::v-deep .btn-color-edit { |
||||
|
color: rgba(0, 167, 169, 1); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.resi-row-btn { |
||||
|
margin-bottom: 13px; |
||||
|
.upload-btn { |
||||
|
display: inline-block; |
||||
|
margin: 0 10px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.form-wr { |
||||
|
.input-width { |
||||
|
width: 260px; |
||||
|
|
||||
|
} |
||||
|
.input-width-textarea { |
||||
|
width: 500px; |
||||
|
} |
||||
|
.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-content { |
||||
|
width: 100%; |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; |
||||
|
white-space: nowrap; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
<style> |
||||
|
.el-table .warning-row { |
||||
|
background: #ffe168; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue