应急机构,应急人员模块开发
WenShiJun
parent
6c993867fa
commit
f5cee70663
|
|
@ -0,0 +1,64 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div class="app-container">
|
||||||
|
<div class="level-title">
|
||||||
|
<h2>人员信息</h2>
|
||||||
|
</div>
|
||||||
|
<el-table :data="persons" border>
|
||||||
|
<el-table-column prop="name" label="姓名" />
|
||||||
|
<el-table-column label="性别" show-overflow-tooltip="true">
|
||||||
|
<template slot-scope="{ row }">
|
||||||
|
{{ row.gender === '0' ? '男' : row.gender === '1' ? '女' : '' }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="administrative_POSITION" label="行政职务" />
|
||||||
|
<el-table-column prop="administrative_LEVEL" label="行政级别" />
|
||||||
|
<el-table-column prop="identity_NUMBER" label="身份证号" />
|
||||||
|
<el-table-column prop="contact_PHONE" label="联系电话" />
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
<div class="ui-height" />
|
||||||
|
<div class="ui-foot">
|
||||||
|
<el-button type="primary" @click="goBack">返回基本信息</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { requestFN } from '@/utils/request'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
persons: [], // 新增persons数据
|
||||||
|
Id: ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
if (this.$parent.CASE_ID) {
|
||||||
|
this.Id = this.$parent.CASE_ID
|
||||||
|
this.getDetail(this.Id)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
goBack() {
|
||||||
|
this.$parent.activeName = 'list'
|
||||||
|
},
|
||||||
|
getDetail(Id) {
|
||||||
|
const params = { Id }
|
||||||
|
requestFN('/major/organization/detail', params).then((response) => {
|
||||||
|
const data = response.msg
|
||||||
|
this.persons = data.persons // 获取并赋值persons数据
|
||||||
|
}).catch((e) => {
|
||||||
|
console.error('获取详情数据失败', e)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="sass" scoped>
|
||||||
|
.ui-foot
|
||||||
|
text-align: center
|
||||||
|
margin-top: 20px
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,641 @@
|
||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<div class="filter-container">
|
||||||
|
<el-form inline>
|
||||||
|
<el-form-item label="机构名称：" prop="KEYWORDS_ORG_NAME">
|
||||||
|
<el-input v-model="KEYWORDS_ORG_NAME" placeholder="机构名称" class="filter-item" style="width: 200px;" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="机构类型" prop="KEYWORDS_ORG_TYPE">
|
||||||
|
<Treeselect
|
||||||
|
:options="yjTypeData"
|
||||||
|
:normalizer="normalizer"
|
||||||
|
v-model="KEYWORDS_ORG_TYPE"
|
||||||
|
placeholder="请选择机构类型"
|
||||||
|
no-options-text="暂无数据"
|
||||||
|
no-children-text="暂无数据"
|
||||||
|
class="filter-item"
|
||||||
|
style="width: 200px;"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item class="filter-buttons">
|
||||||
|
<el-button class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">查询</el-button>
|
||||||
|
<el-button class="filter-item" type="default" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
<el-table ref="multipleTable" :data="varList" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row>
|
||||||
|
<el-table-column type="selection" width="55" align="center" />
|
||||||
|
<el-table-column type="index" label="序号" width="50" align="center" />
|
||||||
|
<el-table-column prop="ORG_NAME" label="机构名称" width="180" />
|
||||||
|
<el-table-column prop="ORG_TYPE_NAME" label="机构类型" show-overflow-tooltip="true" />
|
||||||
|
<el-table-column prop="ORG_LEVEL_NAME" label="机构级别" show-overflow-tooltip="true" />
|
||||||
|
<el-table-column prop="AREA" label="所属区域" show-overflow-tooltip="true" />
|
||||||
|
<el-table-column prop="SUPERVISING_UNIT" label="所属单位" show-overflow-tooltip="true" />
|
||||||
|
<el-table-column prop="DUTY_PHONE" label="值班电话" show-overflow-tooltip="true" />
|
||||||
|
<el-table-column prop="OPERATETIME" label="修改时间" show-overflow-tooltip="true" />
|
||||||
|
|
||||||
|
<el-table-column label="操作" align="center" width="400">
|
||||||
|
<template slot-scope="{row}">
|
||||||
|
<el-button type="primary" icon="el-icon-document" size="mini" @click="goList('detail', row.ID, '1')">查看人员</el-button>
|
||||||
|
<el-button type="primary" icon="el-icon-document" size="mini" @click="showDetails(row)">查看</el-button>
|
||||||
|
<el-button type="primary" icon="el-icon-edit" size="mini" @click="handleEdit(row.ID)">编辑</el-button>
|
||||||
|
<el-button type="danger" icon="el-icon-delete" size="mini" @click="handleDelete(row.ID,row.ORG_NAME)">删除</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<div class="page-btn-group">
|
||||||
|
<div>
|
||||||
|
<template>
|
||||||
|
<el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增</el-button>
|
||||||
|
<el-button type="danger" icon="el-icon-delete" plain @click="makeAll('0')">删除</el-button>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
<pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 查看弹窗 -->
|
||||||
|
<el-dialog :visible.sync="dialogFormShow" title="详情" width="1000px">
|
||||||
|
<el-form :model="form" label-width="250px">
|
||||||
|
<el-form-item label="机构名称" prop="ORG_NAME">
|
||||||
|
<el-input v-model="form.ORG_NAME" placeholder="请输入机构名称..." disabled />
|
||||||
|
</el-form-item>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="机构类型" prop="ORG_TYPE">
|
||||||
|
<el-input v-model="form.ORG_TYPE_NAME" placeholder="请选择机构类型" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="机构级别" prop="ORG_LEVEL">
|
||||||
|
<el-input v-model="form.ORG_LEVEL_NAME" placeholder="请选择机构级别" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="机构职责" prop="ORG_DUTIES">
|
||||||
|
<el-input v-model="form.ORG_DUTIES" type="textarea" placeholder="请输入机构职责..." disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="值班电话" prop="DUTY_PHONE">
|
||||||
|
<el-input v-model="form.DUTY_PHONE" placeholder="请输入值班电话..." disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="所属区域" prop="AREA">
|
||||||
|
<el-input v-model="form.AREA" placeholder="请选择所属区域" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="所属单位" prop="SUPERVISING_UNIT">
|
||||||
|
<el-input v-model="form.SUPERVISING_UNIT" placeholder="请输入所属单位..." disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="经度" prop="LONGITUDE">
|
||||||
|
<el-input v-model="form.LONGITUDE" placeholder="请输入经度" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="纬度" prop="LATITUDE">
|
||||||
|
<el-input v-model="form.LATITUDE" placeholder="请输入纬度" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="dialogFormShow = false">关闭</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
|
||||||
|
<!-- 编辑弹窗 -->
|
||||||
|
<el-dialog :visible.sync="dialogFormEdit" :title="dialogType==='editUser'?'修改':'新增'" width="1000px">
|
||||||
|
<el-form ref="form" :rules="rules" :model="form" label-width="250px">
|
||||||
|
<el-form-item label="机构名称" prop="ORG_NAME">
|
||||||
|
<el-input v-model="form.ORG_NAME" placeholder="请输入机构名称..." />
|
||||||
|
</el-form-item>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="机构类型" prop="ORG_TYPE">
|
||||||
|
<Treeselect
|
||||||
|
:options="yjTypeData"
|
||||||
|
:normalizer="normalizer"
|
||||||
|
v-model="form.ORG_TYPE"
|
||||||
|
placeholder="请选择机构类型"
|
||||||
|
no-options-text="暂无数据"
|
||||||
|
no-children-text="暂无数据"
|
||||||
|
@input="handleTypeChange"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="机构级别" prop="ORG_LEVEL">
|
||||||
|
<Treeselect
|
||||||
|
:options="yjLevelData"
|
||||||
|
:normalizer="normalizer"
|
||||||
|
v-model="form.ORG_LEVEL"
|
||||||
|
placeholder="请选择机构级别"
|
||||||
|
no-options-text="暂无数据"
|
||||||
|
no-children-text="暂无数据"
|
||||||
|
@input="handleLevelChange"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="机构职责" prop="ORG_DUTIES">
|
||||||
|
<el-input v-model="form.ORG_DUTIES" type="textarea" placeholder="请输入机构职责..." />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="值班电话" prop="DUTY_PHONE">
|
||||||
|
<el-input v-model="form.DUTY_PHONE" placeholder="请输入值班电话..." />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="所属区域" prop="AREA">
|
||||||
|
<el-input v-model="form.AREA" placeholder="请输入所属区域..." />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="所属单位" prop="SUPERVISING_UNIT">
|
||||||
|
<el-input v-model="form.SUPERVISING_UNIT" placeholder="请输入所属单位..." />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="经度" prop="LONGITUDE">
|
||||||
|
<el-input v-model="form.LONGITUDE" placeholder="请输入经度" disabled @focus="handleMap" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="纬度" prop="LATITUDE">
|
||||||
|
<div style="display: flex">
|
||||||
|
<el-input v-model="form.LATITUDE" placeholder="请输入纬度" disabled style="width: 100%" @focus="handleMap"/>
|
||||||
|
<el-button style="margin-left:10px" @click="handleMap">
|
||||||
|
<span class="svg-container">
|
||||||
|
<svg-icon icon-class="international" />
|
||||||
|
</span>
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="dialogFormEdit = false">取 消</el-button>
|
||||||
|
<el-button type="primary" @click="confirm">确 定</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
|
||||||
|
<!-- 坐标选择 -->
|
||||||
|
<el-dialog :visible.sync="dialogFormMap" title="编辑坐标" width="800px" class="dy-dialog">
|
||||||
|
<baidu-map
|
||||||
|
v-loading="loadingMap"
|
||||||
|
:zoom="zoom"
|
||||||
|
:scroll-wheel-zoom="true"
|
||||||
|
:style="{height: clientHeight+'px'}"
|
||||||
|
@click="getClickInfo"
|
||||||
|
@ready="handler">
|
||||||
|
<bm-view style="width: 100%; height:100%; flex: 1" />
|
||||||
|
<bm-control ref="control" :offset="{width: 10, height: 10}" anchor="BMAP_ANCHOR_TOP_LEFT">
|
||||||
|
<div class="map-flex">
|
||||||
|
<div class="map-lable">关键词：</div>
|
||||||
|
<div style="flex:1;">
|
||||||
|
<el-autocomplete v-model="addressKeyword" :fetch-suggestions="querySearch" :trigger-on-focus="false" placeholder="请输入详细地址" style="width:100%" @select="handleSelect" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</bm-control>
|
||||||
|
</baidu-map>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<span>经度：</span>
|
||||||
|
<el-input v-model="LONGITUDE" style="width: 200px" placeholder="请输入内容" disabled />
|
||||||
|
<span>纬度：</span>
|
||||||
|
<el-input v-model="LATITUDE" style="width: 200px" placeholder="请输入内容" disabled />
|
||||||
|
<el-button @click="dialogFormMap = false">取 消</el-button>
|
||||||
|
<el-button type="primary" @click="setPosition">确 定</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import Pagination from '@/components/Pagination'
|
||||||
|
import { requestFN } from '@/utils/request'
|
||||||
|
import { Treeselect } from '@riophae/vue-treeselect'
|
||||||
|
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: { Treeselect, Pagination },
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
// 地图相关
|
||||||
|
CORPINFO_ID: this.$parent.CORPINFO_ID,
|
||||||
|
clientHeight: 600,
|
||||||
|
loadingMap: true,
|
||||||
|
listLoading: false,
|
||||||
|
buttonloading: false,
|
||||||
|
BMap: '',
|
||||||
|
map: '',
|
||||||
|
showMap: false,
|
||||||
|
addressKeyword: '',
|
||||||
|
pointLngLat: '',
|
||||||
|
zoom: 10,
|
||||||
|
dialogFormMap: false,
|
||||||
|
LATITUDE: '',
|
||||||
|
LONGITUDE: '',
|
||||||
|
listQuery: {
|
||||||
|
page: 1,
|
||||||
|
limit: 10
|
||||||
|
},
|
||||||
|
total: 0,
|
||||||
|
varList: [],
|
||||||
|
ORG_TYPE: '',
|
||||||
|
KEYWORDS: '',
|
||||||
|
KEYWORDS_ORG_NAME: '',
|
||||||
|
KEYWORDS_ORG_TYPE: null,
|
||||||
|
dialogFormEdit: false,
|
||||||
|
dialogFormShow: false,
|
||||||
|
dialogType: 'add',
|
||||||
|
form: {
|
||||||
|
ORG_NAME: '',
|
||||||
|
ORG_TYPE_NAME: '',
|
||||||
|
ORG_LEVEL: '',
|
||||||
|
ORG_LEVEL_NAME: '',
|
||||||
|
ADDRESS: '',
|
||||||
|
POSTAL_CODE: '',
|
||||||
|
SECURITY_LEVEL: '',
|
||||||
|
DUTY_PHONE: '',
|
||||||
|
AREA: '',
|
||||||
|
SUPERVISING_UNIT: '',
|
||||||
|
ORG_DUTIES: '',
|
||||||
|
LONGITUDE: '',
|
||||||
|
LATITUDE: ''
|
||||||
|
},
|
||||||
|
FFILE: [],
|
||||||
|
caseSummaryList: [],
|
||||||
|
treeData: [],
|
||||||
|
DepartmentData: [],
|
||||||
|
yjTypeData: [],
|
||||||
|
yjLevelData: [],
|
||||||
|
normalizer(node) {
|
||||||
|
return {
|
||||||
|
id: node.DICTIONARIES_ID,
|
||||||
|
label: node.name,
|
||||||
|
children: node.nodes
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getyjLevelDataList()
|
||||||
|
this.getyjTypeDataList()
|
||||||
|
this.getList()
|
||||||
|
this.getTreeList()
|
||||||
|
this.getDepartmentList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
handleRegionChange(value) {
|
||||||
|
const selectedRegion = this.treeData.find(region => region.DICTIONARIES_ID === value)
|
||||||
|
if (selectedRegion) {
|
||||||
|
this.form.AREA_NAME = selectedRegion.name
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleTypeChange(value) {
|
||||||
|
const selectedType = this.yjTypeData.find(type => type.DICTIONARIES_ID === value)
|
||||||
|
if (selectedType) {
|
||||||
|
this.form.ORG_TYPE_NAME = selectedType.name
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleLevelChange(value) {
|
||||||
|
const selectedLevel = this.yjLevelData.find(type => type.DICTIONARIES_ID === value)
|
||||||
|
if (selectedLevel) {
|
||||||
|
this.form.ORG_LEVEL_NAME = selectedLevel.name
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleDepartmentChange(value) {
|
||||||
|
const selectedDepartment = this.DepartmentData.find(department => department.id === value)
|
||||||
|
if (selectedDepartment) {
|
||||||
|
this.form.SUPERVISING_UNIT_NAME = selectedDepartment.label
|
||||||
|
}
|
||||||
|
},
|
||||||
|
resetQuery() {
|
||||||
|
this.KEYWORDS_ORG_NAME = ''
|
||||||
|
this.KEYWORDS_ORG_TYPE = null
|
||||||
|
this.getQuery()
|
||||||
|
},
|
||||||
|
showDetails(row) {
|
||||||
|
this.form = { ...row }
|
||||||
|
this.dialogFormShow = true
|
||||||
|
},
|
||||||
|
goList(page, CASE_ID, ticketType) {
|
||||||
|
this.$parent.activeName = page
|
||||||
|
this.$parent.CASE_ID = CASE_ID
|
||||||
|
this.$parent.ticketType = ticketType
|
||||||
|
},
|
||||||
|
getDepartmentList() {
|
||||||
|
requestFN('/department/listAll').then((data) => {
|
||||||
|
this.DepartmentData = data.list.map(item => ({
|
||||||
|
id: item.department_ID,
|
||||||
|
label: item.name
|
||||||
|
}))
|
||||||
|
}).catch((e) => {
|
||||||
|
console.error('获取主管单位数据失败', e)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getTreeList() {
|
||||||
|
const params = {
|
||||||
|
PARENT_ID: '5a5d2809ed644aa6ba97a5240ff35484'
|
||||||
|
}
|
||||||
|
requestFN('/dictionaries/listTree', params).then((data) => {
|
||||||
|
this.treeData = JSON.parse(data.zTreeNodes)
|
||||||
|
}).catch((e) => {
|
||||||
|
console.error('获取树形数据失败', e)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getyjTypeDataList() {
|
||||||
|
const params = {
|
||||||
|
PARENT_ID: '4704037606054ed0964a4ad6d60e9e41'
|
||||||
|
}
|
||||||
|
requestFN('/dictionaries/listTree', params).then((data) => {
|
||||||
|
this.yjTypeData = JSON.parse(data.zTreeNodes)
|
||||||
|
}).catch((e) => {
|
||||||
|
console.error('获取树形数据失败', e)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getyjLevelDataList() {
|
||||||
|
const params = {
|
||||||
|
PARENT_ID: '8d6b13a3baea49c0be8d71b7b3a1acdc'
|
||||||
|
}
|
||||||
|
requestFN('/dictionaries/listTree', params).then((data) => {
|
||||||
|
this.yjLevelData = JSON.parse(data.zTreeNodes)
|
||||||
|
}).catch((e) => {
|
||||||
|
console.error('获取树形数据失败', e)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//* **************地图相关*****************
|
||||||
|
// 地图相关
|
||||||
|
mapOpen() {
|
||||||
|
this.top = this.getScrollTop()
|
||||||
|
if (this.top) {
|
||||||
|
this.setScrollTop(0)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 关闭地图后调用
|
||||||
|
mapClose() {
|
||||||
|
this.setScrollTop(this.top)
|
||||||
|
this.top = 0
|
||||||
|
this.showMap = false
|
||||||
|
},
|
||||||
|
getScrollTop() {
|
||||||
|
let scrollTop = 0
|
||||||
|
if (document.documentElement && document.documentElement.scrollTop) {
|
||||||
|
scrollTop = document.documentElement.scrollTop
|
||||||
|
} else if (document.body) {
|
||||||
|
scrollTop = document.body.scrollTop
|
||||||
|
}
|
||||||
|
return scrollTop
|
||||||
|
},
|
||||||
|
setScrollTop(top) {
|
||||||
|
if (!isNaN(top)) {
|
||||||
|
if (document.documentElement && document.documentElement.scrollTop !== undefined) {
|
||||||
|
document.documentElement.scrollTop = top
|
||||||
|
} else if (document.body) {
|
||||||
|
document.body.scrollTop = top
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 地图初始化
|
||||||
|
handler({ BMap, map }) {
|
||||||
|
this.mapOpen()
|
||||||
|
this.BMap = BMap
|
||||||
|
this.map = map
|
||||||
|
this.loadingMap = true
|
||||||
|
var geolocation = new BMap.Geolocation()
|
||||||
|
const myGeo = new BMap.Geocoder()
|
||||||
|
var $this = this
|
||||||
|
// 调用百度地图api 中的获取当前位置接口
|
||||||
|
geolocation.getCurrentPosition(function(r) {
|
||||||
|
myGeo.getLocation(new BMap.Point(r.point.lng, r.point.lat), function(result) {
|
||||||
|
if (result) {
|
||||||
|
$this.loadingMap = false
|
||||||
|
$this.$set($this, 'pointLngLat', { lng: result.point.lng, lat: result.point.lat })
|
||||||
|
map.enableScrollWheelZoom(true) // 开启鼠标滚轮缩放,默认关闭
|
||||||
|
$this.setCenter({ BMap, map })
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 搜索地图
|
||||||
|
querySearch(queryString, cb) {
|
||||||
|
var options = {
|
||||||
|
onSearchComplete: function(results) {
|
||||||
|
if (local.getStatus() === 0) {
|
||||||
|
// 判断状态是否正确
|
||||||
|
var s = []
|
||||||
|
for (var i = 0; i < results.getCurrentNumPois(); i++) {
|
||||||
|
var x = results.getPoi(i)
|
||||||
|
var item = { value: x.address + x.title, point: x.point }
|
||||||
|
s.push(item)
|
||||||
|
cb(s)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
cb()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
var local = new this.BMap.LocalSearch(this.map, options)
|
||||||
|
local.search(queryString)
|
||||||
|
},
|
||||||
|
handleSelect(item) {
|
||||||
|
var { point } = item
|
||||||
|
this.map.clearOverlays() // 清除地图上所有覆盖物
|
||||||
|
this.map.centerAndZoom(point, this.zoom)
|
||||||
|
const marker = new this.BMap.Marker(point) // 创建标注
|
||||||
|
this.map.addOverlay(marker) // 将标注添加到地图中
|
||||||
|
marker.enableDragging() // 可拖拽
|
||||||
|
this.LONGITUDE = point.lng
|
||||||
|
this.LATITUDE = point.lat
|
||||||
|
},
|
||||||
|
// 设置打开中心位置
|
||||||
|
setCenter({ BMap, map }) {
|
||||||
|
var lng = ''
|
||||||
|
var lat = ''
|
||||||
|
if (this.form.LONGITUDE == '' || this.form.LATITUDE == '') {
|
||||||
|
lng = '119.525971'
|
||||||
|
lat = '39.894727'
|
||||||
|
} else {
|
||||||
|
lng = this.form.LONGITUDE
|
||||||
|
lat = this.form.LATITUDE
|
||||||
|
}
|
||||||
|
var point = new BMap.Point(lng, lat)
|
||||||
|
const zoom = map.getZoom()
|
||||||
|
setTimeout(() => {
|
||||||
|
map.centerAndZoom(point, zoom)
|
||||||
|
}, 0)
|
||||||
|
},
|
||||||
|
handleMap() {
|
||||||
|
this.dialogFormMap = true
|
||||||
|
this.LATITUDE = this.form.LATITUDE
|
||||||
|
this.LONGITUDE = this.form.LONGITUDE
|
||||||
|
},
|
||||||
|
getClickInfo(e) {
|
||||||
|
this.LONGITUDE = e.point.lng
|
||||||
|
this.LATITUDE = e.point.lat
|
||||||
|
},
|
||||||
|
setPosition() {
|
||||||
|
this.dialogFormMap = false
|
||||||
|
this.form.LATITUDE = this.LATITUDE
|
||||||
|
this.form.LONGITUDE = this.LONGITUDE
|
||||||
|
},
|
||||||
|
//* *******************列表查询******************************
|
||||||
|
getList() {
|
||||||
|
this.listLoading = true
|
||||||
|
requestFN(
|
||||||
|
'/major/organization/list?showCount=' + this.listQuery.limit + '¤tPage=' + this.listQuery.page,
|
||||||
|
{
|
||||||
|
name: this.KEYWORDS_ORG_NAME,
|
||||||
|
type: this.KEYWORDS_ORG_TYPE
|
||||||
|
}
|
||||||
|
).then((data) => {
|
||||||
|
this.listLoading = false
|
||||||
|
this.varList = data.varList
|
||||||
|
this.total = data.page.totalResult
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
this.listLoading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//* ***************************数据保存**********************************
|
||||||
|
handleEdit(id) {
|
||||||
|
this.dialogFormEdit = true
|
||||||
|
this.dialogType = 'editUser'
|
||||||
|
this.getDetail(id) // 获取详情并回显
|
||||||
|
this.$refs.upload.clearFiles()
|
||||||
|
},
|
||||||
|
getDetail(id) {
|
||||||
|
const params = {
|
||||||
|
Id: id
|
||||||
|
}
|
||||||
|
requestFN('/major/organization/detail', params).then((response) => {
|
||||||
|
const data = response.msg
|
||||||
|
this.form = {
|
||||||
|
Id: data.ID,
|
||||||
|
ORG_NAME: data.ORG_NAME,
|
||||||
|
ORG_TYPE: data.ORG_TYPE,
|
||||||
|
ORG_TYPE_NAME: data.ORG_TYPE_NAME,
|
||||||
|
ORG_LEVEL: data.ORG_LEVEL,
|
||||||
|
ORG_LEVEL_NAME: data.ORG_LEVEL_NAME,
|
||||||
|
ADDRESS: data.ADDRESS,
|
||||||
|
POSTAL_CODE: data.POSTAL_CODE,
|
||||||
|
SECURITY_LEVEL: data.SECURITY_LEVEL,
|
||||||
|
DUTY_PHONE: data.DUTY_PHONE,
|
||||||
|
AREA: data.AREA,
|
||||||
|
SUPERVISING_UNIT: data.SUPERVISING_UNIT,
|
||||||
|
ORG_DUTIES: data.ORG_DUTIES,
|
||||||
|
LONGITUDE: data.LONGITUDE,
|
||||||
|
LATITUDE: data.LATITUDE
|
||||||
|
}
|
||||||
|
}).catch((e) => {
|
||||||
|
console.error('获取详情数据失败', e)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleAdd() {
|
||||||
|
this.dialogFormEdit = true
|
||||||
|
this.form = {}
|
||||||
|
this.form.LONGITUDE = ''
|
||||||
|
this.form.LATITUDE = ''
|
||||||
|
this.dialogType = 'saveUser'
|
||||||
|
this.$refs.upload.clearFiles()
|
||||||
|
},
|
||||||
|
confirm() {
|
||||||
|
this.dataSave()
|
||||||
|
},
|
||||||
|
dataSave() {
|
||||||
|
this.listLoading = true
|
||||||
|
requestFN('/major/organization/save', this.form).then((data) => {
|
||||||
|
this.listLoading = false
|
||||||
|
this.dialogFormEdit = false
|
||||||
|
this.varList = []
|
||||||
|
this.listQuery.page = 1
|
||||||
|
this.getList()
|
||||||
|
}).catch((e) => {
|
||||||
|
this.listLoading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//* *****************************删除********************************
|
||||||
|
handleDelete(id, ORG_NAME) {
|
||||||
|
this.$confirm('确定要删除[' + ORG_NAME + ']吗?', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning'
|
||||||
|
}).then(() => {
|
||||||
|
this.listLoading = true
|
||||||
|
requestFN(
|
||||||
|
'/major/organization/delete',
|
||||||
|
{
|
||||||
|
id: id
|
||||||
|
}
|
||||||
|
).then((data) => {
|
||||||
|
if (data.result == 'success') {
|
||||||
|
this.listLoading = false
|
||||||
|
this.getList()
|
||||||
|
}
|
||||||
|
}).catch((e) => {
|
||||||
|
this.listLoading = false
|
||||||
|
})
|
||||||
|
}).catch(() => {
|
||||||
|
})
|
||||||
|
},
|
||||||
|
makeAll() {
|
||||||
|
const _selectData = this.$refs.multipleTable.selection
|
||||||
|
if (_selectData == null || _selectData.length == 0) {
|
||||||
|
this.$message({
|
||||||
|
message: '请选中要删除的项...',
|
||||||
|
type: 'error'
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
const ids = _selectData.map((item, index) => {
|
||||||
|
return item.ID
|
||||||
|
}).join(',')
|
||||||
|
|
||||||
|
this.$confirm('确定要删除选中的数据吗?', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning'
|
||||||
|
}).then(() => {
|
||||||
|
this.listLoading = true
|
||||||
|
requestFN(
|
||||||
|
'/major/organization/deleteAll',
|
||||||
|
{
|
||||||
|
ids: ids
|
||||||
|
}
|
||||||
|
).then(() => {
|
||||||
|
this.listLoading = false
|
||||||
|
this.varList = []
|
||||||
|
this.listQuery.page = 1
|
||||||
|
this.$refs.multipleTable.clearSelection()
|
||||||
|
this.getList()
|
||||||
|
}).catch((e) => {
|
||||||
|
this.listLoading = false
|
||||||
|
})
|
||||||
|
}).catch(() => {
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getQuery() {
|
||||||
|
this.$refs.multipleTable.clearSelection()
|
||||||
|
this.getList()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,19 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<list v-show="activeName=='list'" ref="list" />
|
||||||
|
<detail v-if="activeName=='detail'"/>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import list from './components/list.vue'
|
||||||
|
import detail from './components/detail.vue'
|
||||||
|
export default {
|
||||||
|
components: { list, detail },
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
activeName: 'list',
|
||||||
|
CASE_ID: ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,211 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div class="app-container">
|
||||||
|
<div class="level-title">
|
||||||
|
<h1>运输保障机构详情</h1>
|
||||||
|
</div>
|
||||||
|
<div class="mb-20">
|
||||||
|
<table class="table-ui">
|
||||||
|
<tr>
|
||||||
|
<td class="tbg">运输机构名称</td>
|
||||||
|
<td>{{ form.ORG_NAME }}</td>
|
||||||
|
<td class="tbg">地址</td>
|
||||||
|
<td>{{ form.ADDRESS }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="tbg">运输机构类型</td>
|
||||||
|
<td>{{ form.ORG_TYPE }}</td>
|
||||||
|
<td class="tbg">运输机构级别</td>
|
||||||
|
<td>{{ form.ORG_LEVEL }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="tbg">邮编</td>
|
||||||
|
<td>{{ form.POSTAL_CODE }}</td>
|
||||||
|
<td class="tbg">机构密级</td>
|
||||||
|
<td>{{ form.SECURITY_LEVEL }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="tbg">值班电话</td>
|
||||||
|
<td>{{ form.DUTY_PHONE }}</td>
|
||||||
|
<td class="tbg">传真</td>
|
||||||
|
<td>{{ form.FAX }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="tbg">所属区域</td>
|
||||||
|
<td colspan="3">{{ form.ADMINISTRATIVE_REGION_NAME }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="tbg">经度</td>
|
||||||
|
<td>{{ form.LONGITUDE }}</td>
|
||||||
|
<td class="tbg">纬度</td>
|
||||||
|
<td>{{ form.LATITUDE }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="tbg">应急运输方式</td>
|
||||||
|
<td colspan="3">{{ form.EMERGENCY_TRANSPORT_MODE }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="tbg">负责人</td>
|
||||||
|
<td>{{ form.RESPONSIBLE_PERSON }}</td>
|
||||||
|
<td class="tbg">负责人办公电话</td>
|
||||||
|
<td>{{ form.RESPONSIBLE_OFFICE_PHONE }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="tbg">负责人移动电话</td>
|
||||||
|
<td>{{ form.RESPONSIBLE_MOBILE_PHONE }}</td>
|
||||||
|
<td class="tbg">负责人住宅电话</td>
|
||||||
|
<td>{{ form.RESPONSIBLE_HOME_PHONE }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="tbg">联系人</td>
|
||||||
|
<td>{{ form.CONTACT_PERSON }}</td>
|
||||||
|
<td class="tbg">联系人办公电话</td>
|
||||||
|
<td>{{ form.CONTACT_OFFICE_PHONE }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="tbg">联系人移动电话</td>
|
||||||
|
<td>{{ form.CONTACT_MOBILE_PHONE }}</td>
|
||||||
|
<td class="tbg">联系人住宅电话</td>
|
||||||
|
<td>{{ form.CONTACT_HOME_PHONE }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="tbg">联系人电子邮箱</td>
|
||||||
|
<td>{{ form.CONTACT_EMAIL }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="tbg">主管单位名称</td>
|
||||||
|
<td>{{ form.SUPERVISING_UNIT_NAME }}</td>
|
||||||
|
<td class="tbg">主管单位地址</td>
|
||||||
|
<td>{{ form.SUPERVISING_UNIT_ADDRESS }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="tbg">企业基本情况</td>
|
||||||
|
<td colspan="3">{{ form.COMPANY_OVERVIEW }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="tbg">客运能力</td>
|
||||||
|
<td>{{ form.PASSENGER_TRANSPORT_CAPACITY }}</td>
|
||||||
|
<td class="tbg">货运能力</td>
|
||||||
|
<td>{{ form.CARGO_TRANSPORT_CAPACITY }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="tbg">应急能力描述</td>
|
||||||
|
<td colspan="3">{{ form.EMERGENCY_CAPACITY_DESCRIPTION }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="tbg">备注</td>
|
||||||
|
<td colspan="3">{{ form.REMARK }}</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ui-height" />
|
||||||
|
<div class="ui-foot">
|
||||||
|
<el-button type="primary" @click="goBack">返回基本信息</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import { requestFN } from '@/utils/request'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
form: {
|
||||||
|
ORG_NAME: '',
|
||||||
|
ORG_TYPE: '',
|
||||||
|
ORG_LEVEL: '',
|
||||||
|
ADDRESS: '',
|
||||||
|
POSTAL_CODE: '',
|
||||||
|
SECURITY_LEVEL: '',
|
||||||
|
DUTY_PHONE: '',
|
||||||
|
FAX: '',
|
||||||
|
ADMINISTRATIVE_REGION: '',
|
||||||
|
ADMINISTRATIVE_REGION_NAME: '',
|
||||||
|
LONGITUDE: '',
|
||||||
|
LATITUDE: '',
|
||||||
|
EMERGENCY_TRANSPORT_MODE: '',
|
||||||
|
RESPONSIBLE_PERSON: '',
|
||||||
|
RESPONSIBLE_OFFICE_PHONE: '',
|
||||||
|
RESPONSIBLE_MOBILE_PHONE: '',
|
||||||
|
RESPONSIBLE_HOME_PHONE: '',
|
||||||
|
CONTACT_PERSON: '',
|
||||||
|
CONTACT_OFFICE_PHONE: '',
|
||||||
|
CONTACT_MOBILE_PHONE: '',
|
||||||
|
CONTACT_HOME_PHONE: '',
|
||||||
|
CONTACT_EMAIL: '',
|
||||||
|
SUPERVISING_UNIT: '',
|
||||||
|
SUPERVISING_UNIT_NAME: '',
|
||||||
|
SUPERVISING_UNIT_ADDRESS: '',
|
||||||
|
COMPANY_OVERVIEW: '',
|
||||||
|
PASSENGER_TRANSPORT_CAPACITY: '',
|
||||||
|
CARGO_TRANSPORT_CAPACITY: '',
|
||||||
|
EMERGENCY_CAPACITY_DESCRIPTION: '',
|
||||||
|
REMARK: ''
|
||||||
|
},
|
||||||
|
Id: ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
if (this.$parent.CASE_ID) {
|
||||||
|
this.Id = this.$parent.CASE_ID
|
||||||
|
this.getDetail(this.Id)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
goBack() {
|
||||||
|
this.$parent.activeName = 'list'
|
||||||
|
},
|
||||||
|
getDetail(Id) {
|
||||||
|
const params = { Id }
|
||||||
|
requestFN('/major/transportation/detail', params).then((response) => {
|
||||||
|
const data = response.msg
|
||||||
|
this.form = {
|
||||||
|
ORG_NAME: data.ORG_NAME,
|
||||||
|
ORG_TYPE: data.ORG_TYPE,
|
||||||
|
ORG_LEVEL: data.ORG_LEVEL,
|
||||||
|
ADDRESS: data.ADDRESS,
|
||||||
|
POSTAL_CODE: data.POSTAL_CODE,
|
||||||
|
SECURITY_LEVEL: data.SECURITY_LEVEL,
|
||||||
|
DUTY_PHONE: data.DUTY_PHONE,
|
||||||
|
FAX: data.FAX,
|
||||||
|
ADMINISTRATIVE_REGION: data.ADMINISTRATIVE_REGION,
|
||||||
|
ADMINISTRATIVE_REGION_NAME: data.ADMINISTRATIVE_REGION_NAME,
|
||||||
|
LONGITUDE: data.LONGITUDE,
|
||||||
|
LATITUDE: data.LATITUDE,
|
||||||
|
EMERGENCY_TRANSPORT_MODE: data.EMERGENCY_TRANSPORT_MODE,
|
||||||
|
RESPONSIBLE_PERSON: data.RESPONSIBLE_PERSON,
|
||||||
|
RESPONSIBLE_OFFICE_PHONE: data.RESPONSIBLE_OFFICE_PHONE,
|
||||||
|
RESPONSIBLE_MOBILE_PHONE: data.RESPONSIBLE_MOBILE_PHONE,
|
||||||
|
RESPONSIBLE_HOME_PHONE: data.RESPONSIBLE_HOME_PHONE,
|
||||||
|
CONTACT_PERSON: data.CONTACT_PERSON,
|
||||||
|
CONTACT_OFFICE_PHONE: data.CONTACT_OFFICE_PHONE,
|
||||||
|
CONTACT_MOBILE_PHONE: data.CONTACT_MOBILE_PHONE,
|
||||||
|
CONTACT_HOME_PHONE: data.CONTACT_HOME_PHONE,
|
||||||
|
CONTACT_EMAIL: data.CONTACT_EMAIL,
|
||||||
|
SUPERVISING_UNIT: data.SUPERVISING_UNIT,
|
||||||
|
SUPERVISING_UNIT_NAME: data.SUPERVISING_UNIT_NAME,
|
||||||
|
SUPERVISING_UNIT_ADDRESS: data.SUPERVISING_UNIT_ADDRESS,
|
||||||
|
COMPANY_OVERVIEW: data.COMPANY_OVERVIEW,
|
||||||
|
PASSENGER_TRANSPORT_CAPACITY: data.PASSENGER_TRANSPORT_CAPACITY,
|
||||||
|
CARGO_TRANSPORT_CAPACITY: data.CARGO_TRANSPORT_CAPACITY,
|
||||||
|
EMERGENCY_CAPACITY_DESCRIPTION: data.EMERGENCY_CAPACITY_DESCRIPTION,
|
||||||
|
REMARK: data.REMARK
|
||||||
|
}
|
||||||
|
}).catch((e) => {
|
||||||
|
console.error('获取详情数据失败', e)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="sass" scoped>
|
||||||
|
.table-ui
|
||||||
|
td
|
||||||
|
line-height: 34px
|
||||||
|
.tbg
|
||||||
|
width: 200px
|
||||||
|
.ui-foot
|
||||||
|
text-align: center
|
||||||
|
margin-top: 20px
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,349 @@
|
||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<div class="filter-container">
|
||||||
|
<el-form inline>
|
||||||
|
<el-form-item label="姓名：" prop="KEYWORDS_NAME">
|
||||||
|
<el-input v-model="KEYWORDS_NAME" placeholder="姓名" class="filter-item" style="width: 200px;" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">搜索</el-button>
|
||||||
|
<el-button class="filter-item" type="default" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
<el-table ref="multipleTable" :data="varList" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row>
|
||||||
|
<el-table-column type="selection" width="55" align="center" />
|
||||||
|
<el-table-column type="index" label="序号" width="50" align="center" />
|
||||||
|
<el-table-column prop="NAME" label="姓名" width="180" />
|
||||||
|
<el-table-column label="性别" show-overflow-tooltip="true">
|
||||||
|
<template slot-scope="{ row }">
|
||||||
|
{{ row.GENDER === '0' ? '男' : row.GENDER === '1' ? '女' : '' }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="ADMINISTRATIVE_POSITION" label="行政职务" show-overflow-tooltip="true" />
|
||||||
|
<el-table-column prop="ADMINISTRATIVE_LEVEL" label="行政级别" show-overflow-tooltip="true" />
|
||||||
|
<el-table-column prop="IDENTITY_NUMBER" label="身份证号" show-overflow-tooltip="true" />
|
||||||
|
<el-table-column prop="CONTACT_PHONE" label="联系电话" show-overflow-tooltip="true" />
|
||||||
|
<el-table-column prop="OPERATETIME" label="修改时间" show-overflow-tooltip="true" />
|
||||||
|
<el-table-column label="操作" align="center" width="300">
|
||||||
|
<template slot-scope="{row}">
|
||||||
|
<el-button type="primary" icon="el-icon-document" size="mini" @click="showDetails(row)">查看</el-button>
|
||||||
|
<el-button type="primary" icon="el-icon-edit" size="mini" @click="handleEdit(row.ID)">编辑</el-button>
|
||||||
|
<el-button type="danger" icon="el-icon-delete" size="mini" @click="handleDelete(row.ID,row.NAME)">删除</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<div class="page-btn-group">
|
||||||
|
<div>
|
||||||
|
<template>
|
||||||
|
<el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增</el-button>
|
||||||
|
<el-button type="danger" icon="el-icon-delete" plain @click="makeAll('0')">删除</el-button>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
<pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 查看弹窗 -->
|
||||||
|
<el-dialog :visible.sync="dialogFormShow" title="详情" width="1000px">
|
||||||
|
<el-form :model="form" label-width="250px">
|
||||||
|
<el-form-item label="姓名" prop="NAME">
|
||||||
|
<el-input v-model="form.NAME" placeholder="请输入姓名..." disabled />
|
||||||
|
</el-form-item>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="性别" prop="GENDER">
|
||||||
|
<el-input v-model="form.GENDER" placeholder="请选择性别" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="行政职务" prop="ADMINISTRATIVE_POSITION">
|
||||||
|
<el-input v-model="form.ADMINISTRATIVE_POSITION" placeholder="请选择行政职务" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="行政级别" prop="ADMINISTRATIVE_LEVEL">
|
||||||
|
<el-input v-model="form.ADMINISTRATIVE_LEVEL" placeholder="请选择行政级别" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="身份证号" prop="IDENTITY_NUMBER">
|
||||||
|
<el-input v-model="form.IDENTITY_NUMBER" placeholder="请输入身份证号..." disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="联系电话" prop="CONTACT_PHONE">
|
||||||
|
<el-input v-model="form.CONTACT_PHONE" placeholder="请输入联系电话..." disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="排序" prop="SORT_ORDER">
|
||||||
|
<el-input v-model="form.SORT_ORDER" placeholder="请输入排序..." disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="dialogFormShow = false">关闭</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
<el-dialog :visible.sync="dialogFormEdit" :title="dialogType==='editUser'?'修改':'新增'" width="1000px">
|
||||||
|
<el-form ref="form" :rules="rules" :model="form" label-width="250px">
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="所属机构" prop="ORG_ID">
|
||||||
|
<el-select v-model="form.ORG_ID" placeholder="请选择所属机构" style="width: 100%;">
|
||||||
|
<el-option
|
||||||
|
v-for="item in varTeamList"
|
||||||
|
:key="item.ID"
|
||||||
|
:label="item.ORG_NAME"
|
||||||
|
:value="item.ID"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="姓名" prop="NAME">
|
||||||
|
<el-input v-model="form.NAME" placeholder="请输入姓名..." />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="性别" prop="GENDER">
|
||||||
|
<el-select v-model="form.GENDER" placeholder="请选择性别">
|
||||||
|
<el-option label="男" value="0" />
|
||||||
|
<el-option label="女" value="1" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="行政职务" prop="ADMINISTRATIVE_POSITION">
|
||||||
|
<el-input v-model="form.ADMINISTRATIVE_POSITION" placeholder="请输入行政职务..." />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="行政级别" prop="ADMINISTRATIVE_LEVEL">
|
||||||
|
<el-input v-model="form.ADMINISTRATIVE_LEVEL" placeholder="请输入行政级别..." />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="身份证号" prop="IDENTITY_NUMBER">
|
||||||
|
<el-input v-model="form.IDENTITY_NUMBER" placeholder="请输入身份证号..." />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="联系电话" prop="CONTACT_PHONE">
|
||||||
|
<el-input v-model="form.CONTACT_PHONE" placeholder="请输入联系电话..." />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="排序" prop="SORT_ORDER">
|
||||||
|
<el-input v-model="form.SORT_ORDER" placeholder="请输入排序..." />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="dialogFormEdit = false">取 消</el-button>
|
||||||
|
<el-button type="primary" @click="confirm">确 定</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import Pagination from '@/components/Pagination'
|
||||||
|
import { requestFN } from '@/utils/request'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: { Pagination },
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
listLoading: false,
|
||||||
|
dialogFormEdit: false,
|
||||||
|
dialogFormShow: false,
|
||||||
|
dialogType: 'add',
|
||||||
|
form: {
|
||||||
|
ORG_ID: '',
|
||||||
|
NAME: '',
|
||||||
|
GENDER: '',
|
||||||
|
ADMINISTRATIVE_POSITION: '',
|
||||||
|
ADMINISTRATIVE_LEVEL: '',
|
||||||
|
IDENTITY_NUMBER: '',
|
||||||
|
CONTACT_PHONE: '',
|
||||||
|
SORT_ORDER: '',
|
||||||
|
ISDELETE: ''
|
||||||
|
},
|
||||||
|
total: 0,
|
||||||
|
varList: [],
|
||||||
|
varTeamList: [],
|
||||||
|
KEYWORDS_NAME: '',
|
||||||
|
listQuery: {
|
||||||
|
page: 1,
|
||||||
|
limit: 10
|
||||||
|
}
|
||||||
|
// ,
|
||||||
|
// rules: {
|
||||||
|
// NAME: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
|
||||||
|
// GENDER: [{ required: true, message: '请输入性别', trigger: 'blur' }],
|
||||||
|
// ADMINISTRATIVE_POSITION: [{ required: true, message: '请输入行政职务', trigger: 'blur' }],
|
||||||
|
// ADMINISTRATIVE_LEVEL: [{ required: true, message: '请输入行政级别', trigger: 'blur' }],
|
||||||
|
// IDENTITY_NUMBER: [{ required: true, message: '请输入身份证号', trigger: 'blur' }],
|
||||||
|
// CONTACT_PHONE: [{ required: true, message: '请输入联系电话', trigger: 'blur' }],
|
||||||
|
// SORT_ORDER: [{ required: true, message: '请输入排序', trigger: 'blur' }],
|
||||||
|
// ISDELETE: [{ required: true, message: '请输入是否删除', trigger: 'blur' }]
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getList()
|
||||||
|
this.getTeamList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
resetQuery() {
|
||||||
|
this.KEYWORDS_NAME = ''
|
||||||
|
this.getQuery()
|
||||||
|
},
|
||||||
|
showDetails(row) {
|
||||||
|
this.form = { ...row }
|
||||||
|
this.dialogFormShow = true
|
||||||
|
},
|
||||||
|
handleEdit(id) {
|
||||||
|
this.dialogFormEdit = true
|
||||||
|
this.dialogType = 'editUser'
|
||||||
|
this.getDetail(id) // 获取详情并回显
|
||||||
|
},
|
||||||
|
getDetail(id) {
|
||||||
|
const params = { Id: id }
|
||||||
|
requestFN('/major/personnel/detail', params).then((response) => {
|
||||||
|
const data = response.msg
|
||||||
|
this.form = {
|
||||||
|
Id: data.ID,
|
||||||
|
ORG_ID: data.ORG_ID,
|
||||||
|
NAME: data.NAME,
|
||||||
|
GENDER: data.GENDER,
|
||||||
|
ADMINISTRATIVE_POSITION: data.ADMINISTRATIVE_POSITION,
|
||||||
|
ADMINISTRATIVE_LEVEL: data.ADMINISTRATIVE_LEVEL,
|
||||||
|
IDENTITY_NUMBER: data.IDENTITY_NUMBER,
|
||||||
|
CONTACT_PHONE: data.CONTACT_PHONE,
|
||||||
|
SORT_ORDER: data.SORT_ORDER,
|
||||||
|
ISDELETE: data.ISDELETE
|
||||||
|
}
|
||||||
|
}).catch((e) => {
|
||||||
|
console.error('获取详情数据失败', e)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleAdd() {
|
||||||
|
this.dialogFormEdit = true
|
||||||
|
this.form = {
|
||||||
|
ID: '',
|
||||||
|
ORG_ID: '',
|
||||||
|
NAME: '',
|
||||||
|
GENDER: '',
|
||||||
|
ADMINISTRATIVE_POSITION: '',
|
||||||
|
ADMINISTRATIVE_LEVEL: '',
|
||||||
|
IDENTITY_NUMBER: '',
|
||||||
|
CONTACT_PHONE: '',
|
||||||
|
SORT_ORDER: '',
|
||||||
|
ISDELETE: ''
|
||||||
|
}
|
||||||
|
this.dialogType = 'saveUser'
|
||||||
|
},
|
||||||
|
confirm() {
|
||||||
|
this.dataSave()
|
||||||
|
},
|
||||||
|
dataSave() {
|
||||||
|
this.listLoading = true
|
||||||
|
requestFN('/major/personnel/save', this.form).then((data) => {
|
||||||
|
this.listLoading = false
|
||||||
|
this.dialogFormEdit = false
|
||||||
|
this.getList()
|
||||||
|
}).catch((e) => {
|
||||||
|
this.listLoading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleDelete(id, NAME) {
|
||||||
|
this.$confirm('确定要删除[' + NAME + ']吗?', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning'
|
||||||
|
}).then(() => {
|
||||||
|
this.listLoading = true
|
||||||
|
requestFN('/major/personnel/delete', { id }).then((data) => {
|
||||||
|
if (data.result === 'success') {
|
||||||
|
this.listLoading = false
|
||||||
|
this.getList()
|
||||||
|
}
|
||||||
|
}).catch((e) => {
|
||||||
|
this.listLoading = false
|
||||||
|
})
|
||||||
|
}).catch(() => { })
|
||||||
|
},
|
||||||
|
makeAll() {
|
||||||
|
const _selectData = this.$refs.multipleTable.selection
|
||||||
|
if (!_selectData || _selectData.length === 0) {
|
||||||
|
this.$message({
|
||||||
|
message: '请选中要删除的项...',
|
||||||
|
type: 'error'
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
const ids = _selectData.map(item => item.ID).join(',')
|
||||||
|
|
||||||
|
this.$confirm('确定要删除选中的数据吗?', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning'
|
||||||
|
}).then(() => {
|
||||||
|
this.listLoading = true
|
||||||
|
requestFN('/major/personnel/deleteAll', { ids }).then(() => {
|
||||||
|
this.listLoading = false
|
||||||
|
this.getList()
|
||||||
|
}).catch((e) => {
|
||||||
|
this.listLoading = false
|
||||||
|
})
|
||||||
|
}).catch(() => { })
|
||||||
|
},
|
||||||
|
getQuery() {
|
||||||
|
this.$refs.multipleTable.clearSelection()
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
getList() {
|
||||||
|
this.listLoading = true
|
||||||
|
requestFN('/major/personnel/list?showCount=' + this.listQuery.limit + '¤tPage=' + this.listQuery.page,
|
||||||
|
{
|
||||||
|
name: this.KEYWORDS_NAME
|
||||||
|
}
|
||||||
|
).then((data) => {
|
||||||
|
this.listLoading = false
|
||||||
|
this.varList = data.varList
|
||||||
|
this.total = data.page.totalResult
|
||||||
|
}).catch((e) => {
|
||||||
|
this.listLoading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getTeamList() {
|
||||||
|
this.listLoading = true
|
||||||
|
requestFN('/major/organization/list?showCount=' + this.listQuery.limit + '¤tPage=' + this.listQuery.page,
|
||||||
|
).then((data) => {
|
||||||
|
this.listLoading = false
|
||||||
|
this.varTeamList = data.varList
|
||||||
|
console.log(this.varTeamList)
|
||||||
|
this.total = data.page.totalResult
|
||||||
|
}).catch((e) => {
|
||||||
|
this.listLoading = false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,19 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<list v-show="activeName=='list'" ref="list" />
|
||||||
|
<detail v-if="activeName=='detail'"/>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import list from './components/list.vue'
|
||||||
|
import detail from './components/detail.vue'
|
||||||
|
export default {
|
||||||
|
components: { list, detail },
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
activeName: 'list',
|
||||||
|
CASE_ID: ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
<template>
|
||||||
|
<router-view />
|
||||||
|
</template>
|
||||||
|
|
@ -701,7 +701,7 @@ export default {
|
||||||
},
|
},
|
||||||
getDetail(id) {
|
getDetail(id) {
|
||||||
const params = {
|
const params = {
|
||||||
id: id
|
Id: id
|
||||||
}
|
}
|
||||||
requestFN('/major/emergency/detail', params).then((response) => {
|
requestFN('/major/emergency/detail', params).then((response) => {
|
||||||
const data = response.msg
|
const data = response.msg
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,8 @@
|
||||||
// eslint-disable-next-line no-unused-vars
|
// eslint-disable-next-line no-unused-vars
|
||||||
const config = {
|
const config = {
|
||||||
weburl: 'http://192.168.0.49:8080/', // 前台地址
|
weburl: 'http://192.168.0.29:8080/', // 前台地址
|
||||||
httpurl: 'http://192.168.0.49:8091/', // 后台地址
|
// httpurl: 'http://192.168.0.29:8091/', // 后台地址
|
||||||
|
httpurl: 'http://192.168.0.29:8085/', // 后台地址
|
||||||
qyurl: 'https://qgqy.qhdsafety.com/', // 企业前台
|
qyurl: 'https://qgqy.qhdsafety.com/', // 企业前台
|
||||||
adminurl: 'https://www.qdkjchina.com/qa-prevention-admin/',
|
adminurl: 'https://www.qdkjchina.com/qa-prevention-admin/',
|
||||||
// 正式
|
// 正式
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue