Merge remote-tracking branch 'origin/liujun0703-新项目开发' into liujun0703-新项目开发
WenShiJun
commit
543408bd32
|
|
@ -0,0 +1,192 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<div class="filter-container" style="display: flex; justify-content: space-between;">
|
||||
<div>
|
||||
<el-tag>详情</el-tag>
|
||||
</div>
|
||||
<div>
|
||||
<el-button type="primary" @click="goBack">返回基本信息</el-button>
|
||||
</div>
|
||||
</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="index" label="序号" width="50" align="center" />
|
||||
<el-table-column prop="ORG_NAME" label="运输机构名称" />
|
||||
<el-table-column prop="ORG_TYPE" label="运输机构类型" />
|
||||
<el-table-column prop="ORG_LEVEL" label="运输机构级别" />
|
||||
<el-table-column prop="ADDRESS" label="地址" />
|
||||
<el-table-column prop="POSTAL_CODE" label="邮编" />
|
||||
<el-table-column prop="SECURITY_LEVEL" label="机构密级" />
|
||||
<el-table-column prop="DUTY_PHONE" label="值班电话" />
|
||||
<el-table-column prop="ADMINISTRATIVE_REGION" label="所属区域" />
|
||||
<el-table-column prop="LONGITUDE" label="经度" />
|
||||
<el-table-column prop="LATITUDE" label="纬度" />
|
||||
<el-table-column prop="EMERGENCY_TRANSPORT_MODE" label="应急运输方式" />
|
||||
<el-table-column prop="RESPONSIBLE_PERSON" label="负责人" />
|
||||
<el-table-column prop="RESPONSIBLE_OFFICE_PHONE" label="负责人办公电话" />
|
||||
<el-table-column prop="RESPONSIBLE_MOBILE_PHONE" label="负责人移动电话" />
|
||||
<el-table-column prop="RESPONSIBLE_HOME_PHONE" label="负责人住宅电话" />
|
||||
<el-table-column prop="CONTACT_PERSON" label="联系人" />
|
||||
<el-table-column prop="CONTACT_OFFICE_PHONE" label="联系人办公电话" />
|
||||
<el-table-column prop="CONTACT_MOBILE_PHONE" label="联系人移动电话" />
|
||||
<el-table-column prop="CONTACT_HOME_PHONE" label="联系人住宅电话" />
|
||||
<el-table-column prop="CONTACT_EMAIL" label="联系人电子邮箱" />
|
||||
<el-table-column prop="SUPERVISING_UNIT" label="主管单位" />
|
||||
<el-table-column prop="SUPERVISING_UNIT_ADDRESS" label="主管单位地址" />
|
||||
<el-table-column prop="COMPANY_OVERVIEW" label="企业基本情况" />
|
||||
<el-table-column prop="PASSENGER_TRANSPORT_CAPACITY" label="客运能力" />
|
||||
<el-table-column prop="CARGO_TRANSPORT_CAPACITY" label="货运能力" />
|
||||
<el-table-column prop="EMERGENCY_CAPACITY_DESCRIPTION" label="应急能力描述" />
|
||||
<el-table-column prop="REMARK" label="备注" />
|
||||
</el-table>
|
||||
</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: { Pagination, Treeselect },
|
||||
data() {
|
||||
return {
|
||||
listQuery: {
|
||||
page: 1,
|
||||
limit: 10
|
||||
},
|
||||
total: 0,
|
||||
varList: [],
|
||||
KEYWORDS: '',
|
||||
dialogFormEdit: false,
|
||||
dialogFormShow: false,
|
||||
dialogType: 'add',
|
||||
form: {
|
||||
ORG_NAME: '',
|
||||
ORG_TYPE: '',
|
||||
ORG_LEVEL: '',
|
||||
ADDRESS: '',
|
||||
POSTAL_CODE: '',
|
||||
SECURITY_LEVEL: '',
|
||||
DUTY_PHONE: '',
|
||||
ADMINISTRATIVE_REGION: '',
|
||||
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_ADDRESS: '',
|
||||
COMPANY_OVERVIEW: '',
|
||||
PASSENGER_TRANSPORT_CAPACITY: '',
|
||||
CARGO_TRANSPORT_CAPACITY: '',
|
||||
EMERGENCY_CAPACITY_DESCRIPTION: '',
|
||||
REMARK: '',
|
||||
CONTENT: '',
|
||||
FILE_URL: ''
|
||||
},
|
||||
Id: '',
|
||||
treeData: [],
|
||||
DepartmentData: [],
|
||||
normalizer(node) {
|
||||
return {
|
||||
id: node.DICTIONARIES_ID,
|
||||
label: node.name,
|
||||
children: node.nodes
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
created() {
|
||||
if (this.$parent.CASE_ID) {
|
||||
this.Id = this.$parent.CASE_ID
|
||||
this.getDetail(this.Id)
|
||||
}
|
||||
this.getList()
|
||||
this.getTreeList()
|
||||
this.getDepartmentList()
|
||||
},
|
||||
methods: {
|
||||
goBack() {
|
||||
this.$parent.activeName = 'list'
|
||||
},
|
||||
//* *******************列表查询******************************
|
||||
getTreeList() {
|
||||
const params = {
|
||||
PARENT_ID: '5a5d2809ed644aa6ba97a5240ff35484'
|
||||
}
|
||||
requestFN('/dictionaries/listTree', params).then((data) => {
|
||||
this.treeData = JSON.parse(data.zTreeNodes)
|
||||
}).catch((e) => {
|
||||
console.error('获取树形数据失败', e)
|
||||
})
|
||||
},
|
||||
getDepartmentList() {
|
||||
requestFN('/department/listAll').then((data) => {
|
||||
this.DepartmentData = data.list.map(item => ({
|
||||
id: item.department_ID,
|
||||
label: item.name
|
||||
}))
|
||||
}).catch((e) => {
|
||||
console.error('获取主管单位数据失败', e)
|
||||
})
|
||||
},
|
||||
//* ****************************数据查看*******************************
|
||||
handleDetail(id) {
|
||||
this.dialogFormShow = true
|
||||
this.getDetail(id)
|
||||
},
|
||||
getDetail(Id) {
|
||||
const params = { Id: 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,
|
||||
ADMINISTRATIVE_REGION: data.ADMINISTRATIVE_REGION,
|
||||
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_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,
|
||||
CONTENT: data.CONTENT,
|
||||
FILE_URL: data.FILE_URL
|
||||
}
|
||||
}).catch((e) => {
|
||||
console.error('获取详情数据失败', e)
|
||||
})
|
||||
},
|
||||
getQuery() {
|
||||
this.$refs.multipleTable.clearSelection()
|
||||
this.getList()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,894 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<div class="filter-container">
|
||||
<el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;" />
|
||||
<el-button class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
|
||||
搜索
|
||||
</el-button>
|
||||
</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="INSTITUTION_NAME" label="医疗机构名称" width="180" />
|
||||
<el-table-column prop="INSTITUTION_TYPE" label="医疗机构类型" show-overflow-tooltip="true" />
|
||||
<el-table-column prop="INSTITUTION_LEVEL" label="医疗机构级别" show-overflow-tooltip="true" />
|
||||
<el-table-column prop="ADDRESS" label="地址" show-overflow-tooltip="true" />
|
||||
<el-table-column prop="CONTACT_PERSON" label="联系人" show-overflow-tooltip="true" />
|
||||
<el-table-column prop="CONTACT_OFFICE_PHONE" label="联系人固定电话" show-overflow-tooltip="true" />
|
||||
<el-table-column prop="CONTACT_MOBILE_PHONE" label="联系人移动电话" show-overflow-tooltip="true" />
|
||||
<el-table-column prop="UPDATE_TIME" 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="goList('detail', row.MEDICAL_ID, '1')">查看</el-button>
|
||||
<el-button type="primary" icon="el-icon-edit" size="mini" @click="handleEdit(row.MEDICAL_ID)">编辑</el-button>
|
||||
<el-button type="danger" icon="el-icon-delete" size="mini" @click="handleDelete(row.MEDICAL_ID,row.INSTITUTION_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="dialogFormEdit" :title="dialogType==='editUser'?'修改':'新增'" width="1000px">
|
||||
<el-form ref="form" :rules="rules" :model="form" label-width="180px">
|
||||
|
||||
<el-form-item label="医疗机构名称" prop="INSTITUTION_NAME">
|
||||
<el-input v-model="form.INSTITUTION_NAME" placeholder="请输入医疗机构名称..." />
|
||||
</el-form-item>
|
||||
<el-row :gutter="20">
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="医疗机构类型" prop="INSTITUTION_TYPE">
|
||||
<!-- <el-input v-model="form.INSTITUTION_TYPE" placeholder="请输入医疗机构类型..." />-->
|
||||
<Treeselect
|
||||
:options="yjinstitutionaltypeData"
|
||||
:normalizer="normalizer"
|
||||
v-model="form.INSTITUTION_TYPE"
|
||||
placeholder="请选择机构类型"
|
||||
no-options-text="暂无数据"
|
||||
no-children-text="暂无数据"
|
||||
/>
|
||||
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="医疗机构级别" prop="INSTITUTION_LEVEL">
|
||||
<el-input v-model="form.INSTITUTION_LEVEL" placeholder="请输入医疗机构级别..." />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-form-item label="地址" prop="ADDRESS">
|
||||
<el-input v-model="form.ADDRESS" placeholder="请输入地址..." />
|
||||
</el-form-item>
|
||||
|
||||
<el-row :gutter="20">
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="邮编" prop="POSTAL_CODE">
|
||||
<el-input v-model="form.POSTAL_CODE" placeholder="请输入邮编..." />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="机构密级" prop="INSTITUTION_SECURITY_LEVEL">
|
||||
<!-- <el-input v-model="form.INSTITUTION_SECURITY_LEVEL" placeholder="请输入机构密级..." />-->
|
||||
<Treeselect
|
||||
:options="yjinstitutionsettingData"
|
||||
:normalizer="normalizer"
|
||||
v-model="form.INSTITUTION_SECURITY_LEVEL"
|
||||
placeholder="请选择机构密级"
|
||||
no-options-text="暂无数据"
|
||||
no-children-text="暂无数据"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20">
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="传真" prop="FAX">
|
||||
<el-input v-model="form.FAX" 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-form-item label="所属区域" prop="ADMINISTRATIVE_REGION">
|
||||
<Treeselect
|
||||
:options="treeData"
|
||||
:normalizer="normalizer"
|
||||
v-model="form.ADMINISTRATIVE_REGION"
|
||||
:disable-branch-nodes="true"
|
||||
placeholder="请选择所属区域"
|
||||
no-options-text="暂无数据"
|
||||
no-children-text="暂无数据"
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item :key="form.LONGITUDE" 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 :key="form.LATITUDE" 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-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="病床数" prop="BED_COUNT">
|
||||
<el-input v-model="form.BED_COUNT" placeholder="请输入病床数..." />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="医生数" prop="DOCTOR_COUNT">
|
||||
<el-input v-model="form.DOCTOR_COUNT" placeholder="请输入医生数..." />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="护士数" prop="NURSE_COUNT">
|
||||
<el-input v-model="form.NURSE_COUNT" placeholder="请输入护士数..." />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="急救车辆数" prop="AMBULANCE_COUNT">
|
||||
<el-input v-model="form.AMBULANCE_COUNT" placeholder="请输入急救车辆数..." />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="应急通讯方式" prop="EMERGENCY_COMMUNICATION">
|
||||
<el-input v-model="form.EMERGENCY_COMMUNICATION" placeholder="请输入应急通讯方式..." />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="负责人" prop="PERSON_IN_CHARGE">
|
||||
<el-input v-model="form.PERSON_IN_CHARGE" placeholder="请输入负责人..." />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="负责人办公电话" prop="PIC_OFFICE_PHONE">
|
||||
<el-input v-model="form.PIC_OFFICE_PHONE" placeholder="请输入负责人办公电话..." />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="负责人移动电话" prop="PIC_MOBILE_PHONE">
|
||||
<el-input v-model="form.PIC_MOBILE_PHONE" placeholder="请输入负责人移动电话..." />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="负责人住宅电话" prop="PIC_HOME_PHONE">
|
||||
<el-input v-model="form.PIC_HOME_PHONE" placeholder="请输入负责人住宅电话..." />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="联系人" prop="CONTACT_PERSON">
|
||||
<el-input v-model="form.CONTACT_PERSON" placeholder="请输入联系人..." />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="联系人办公电话" prop="CONTACT_OFFICE_PHONE">
|
||||
<el-input v-model="form.CONTACT_OFFICE_PHONE" placeholder="请输入联系人办公电话..." />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="联系人移动电话" prop="CONTACT_MOBILE_PHONE">
|
||||
<el-input v-model="form.CONTACT_MOBILE_PHONE" placeholder="请输入联系人移动电话..." />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="联系人住宅电话" prop="CONTACT_HOME_PHONE">
|
||||
<el-input v-model="form.CONTACT_HOME_PHONE" placeholder="请输入联系人住宅电话..." />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="联系人电子邮箱" prop="CONTACT_EMAIL">
|
||||
<el-input v-model="form.CONTACT_EMAIL" placeholder="请输入联系人电子邮箱..." />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-form-item label="主管单位" prop="SUPERVISING_AGENCY">
|
||||
<Treeselect
|
||||
:options="DepartmentData"
|
||||
v-model="form.SUPERVISING_AGENCY"
|
||||
placeholder="请选择主管单位"
|
||||
no-options-text="暂无数据"
|
||||
no-children-text="暂无数据"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="主管单位地址" prop="AGENCY_ADDRESS">
|
||||
<el-input v-model="form.AGENCY_ADDRESS" placeholder="请输入主管单位地址..." />
|
||||
</el-form-item>
|
||||
<el-form-item label="特色" prop="FEATURES">
|
||||
<el-input v-model="form.FEATURES" type="textarea" placeholder="请输入特色..." />
|
||||
</el-form-item>
|
||||
<el-form-item label="主要医疗设备" prop="MAIN_MEDICAL_EQUIPMENT">
|
||||
<el-input v-model="form.MAIN_MEDICAL_EQUIPMENT" placeholder="请输入主要医疗设备..." />
|
||||
</el-form-item>
|
||||
<el-form-item label="抗震设防列数" prop="SEALISMIC_RESISTANCE_LEVEL">
|
||||
<el-input v-model="form.SEALISMIC_RESISTANCE_LEVEL" placeholder="请输入抗震设防列数..." />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="备注" prop="REMARK">
|
||||
<el-input v-model="form.REMARK" type="textarea" placeholder="请输入备注..." />
|
||||
</el-form-item>
|
||||
</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>
|
||||
<!-- <el-input v-model="addressKeyword" style="width: 200px" placeholder="请输入内容" />-->
|
||||
<!-- <el-button slot="append" icon="el-icon-search" @click="mapNameChange"/>-->
|
||||
</div>
|
||||
</bm-control>
|
||||
<!-- <bm-local-search :keyword="addressKeyword" :auto-viewport="true"/>-->
|
||||
</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: [],
|
||||
KEYWORDS: '',
|
||||
dialogFormEdit: false,
|
||||
dialogFormShow: false,
|
||||
dialogType: 'add',
|
||||
form: {
|
||||
// 医疗机构名称
|
||||
INSTITUTION_NAME: '',
|
||||
// 医疗机构类型
|
||||
INSTITUTION_TYPE: '',
|
||||
// 医疗单位等级
|
||||
INSTITUTION_LEVEL: '',
|
||||
// 地址
|
||||
ADDRESS: '',
|
||||
// 邮编
|
||||
POSTAL_CODE: '',
|
||||
// 机构密级
|
||||
INSTITUTION_SECURITY_LEVEL: '',
|
||||
// 值班电话
|
||||
DUTY_PHONE: '',
|
||||
// 传真
|
||||
FAX: '',
|
||||
// 所属区域
|
||||
ADMINISTRATIVE_REGION: '',
|
||||
// 经度
|
||||
LONGITUDE: '',
|
||||
// 纬度
|
||||
LATITUDE: '',
|
||||
// 病床数
|
||||
BED_COUNT: '',
|
||||
// 医生数
|
||||
DOCTOR_COUNT: '',
|
||||
// 护士数
|
||||
NURSE_COUNT: '',
|
||||
// 急救车辆数
|
||||
AMBULANCE_COUNT: '',
|
||||
// 应急通讯方式
|
||||
EMERGENCY_COMMUNICATION: '',
|
||||
// 负责人
|
||||
PERSON_IN_CHARGE: '',
|
||||
// 负责人办公电话
|
||||
PIC_OFFICE_PHONE: '',
|
||||
// 负责人移动电话
|
||||
PIC_MOBILE_PHONE: '',
|
||||
// 负责人住宅电话
|
||||
PIC_HOME_PHONE: '',
|
||||
// 联系人
|
||||
CONTACT_PERSON: '',
|
||||
// 联系人办公电话
|
||||
CONTACT_OFFICE_PHONE: '',
|
||||
// 联系人移动电话
|
||||
CONTACT_MOBILE_PHONE: '',
|
||||
// 联系人住宅电话
|
||||
CONTACT_HOME_PHONE: '',
|
||||
// 联系人电子邮箱
|
||||
CONTACT_EMAIL: '',
|
||||
// 主管单位
|
||||
SUPERVISING_AGENCY: '',
|
||||
// 主管单位地址
|
||||
AGENCY_ADDRESS: '',
|
||||
// 特色
|
||||
FEATURES: '',
|
||||
// 要医疗设备
|
||||
MAIN_MEDICAL_EQUIPMENT: '',
|
||||
// 抗震设防列数
|
||||
SEALISMIC_RESISTANCE_LEVEL: '',
|
||||
// 备注
|
||||
REMARKS: ''
|
||||
},
|
||||
// rules: {
|
||||
// INSTITUTION_NAME: [
|
||||
// { required: true, message: '医疗机构名称不能为空', trigger: 'blur' },
|
||||
// { min: 2, max: 255, message: '长度在 2 到 255 个字符', trigger: 'blur' }
|
||||
// ],
|
||||
// INSTITUTION_TYPE: [
|
||||
// { required: true, message: '医疗机构类型不能为空', trigger: 'blur' },
|
||||
// { min: 2, max: 255, message: '长度在 2 到 255 个字符', trigger: 'blur' }
|
||||
// ],
|
||||
// INSTITUTION_LEVEL: [
|
||||
// { required: true, message: '医疗机构级别不能为空', trigger: 'blur' },
|
||||
// { min: 1, max: 255, message: '长度在 1 到 255 个字符', trigger: 'blur' }
|
||||
// ],
|
||||
// ADDRESS: [
|
||||
// { required: true, message: '地址不能为空', trigger: 'blur' },
|
||||
// { min: 5, max: 255, message: '长度在 5 到 255 个字符', trigger: 'blur' }
|
||||
// ],
|
||||
// POSTAL_CODE: [
|
||||
// { required: true, message: '邮编不能为空', trigger: 'blur' },
|
||||
// { min: 1, max: 50, message: '长度在 1 到 50 个字符', trigger: 'blur' }
|
||||
// ],
|
||||
// INSTITUTION_SECURITY_LEVEL: [
|
||||
// { required: true, message: '机构密级不能为空', trigger: 'blur' },
|
||||
// { min: 1, max: 255, message: '长度在 1 到 255 个字符', trigger: 'blur' }
|
||||
// ],
|
||||
// DUTY_PHONE: [
|
||||
// { required: true, message: '值班电话不能为空', trigger: 'blur' },
|
||||
// { min: 5, max: 255, message: '长度在 5 到 255 个字符', trigger: 'blur' }
|
||||
// ],
|
||||
// ADMINISTRATIVE_REGION: [
|
||||
// { required: true, message: '所属区域不能为空', trigger: 'blur' },
|
||||
// { min: 1, max: 255, message: '长度在 1 到 255 个字符', trigger: 'blur' }
|
||||
// ],
|
||||
// LONGITUDE: [
|
||||
// { required: true, message: '经度不能为空', trigger: 'blur' },
|
||||
// { min: 1, max: 255, message: '长度在 1 到 255 个字符', trigger: 'blur' }
|
||||
// ],
|
||||
// LATITUDE: [
|
||||
// { required: true, message: '纬度不能为空', trigger: 'blur' },
|
||||
// { min: 1, max: 255, message: '长度在 1 到 255 个字符', trigger: 'blur' }
|
||||
// ],
|
||||
// NURSE_COUNT: [
|
||||
// { required: true, message: '应急运输方式不能为空', trigger: 'blur' },
|
||||
// { min: 1, max: 255, message: '长度在 1 到 255 个字符', trigger: 'blur' }
|
||||
// ],
|
||||
// DOCTOR_COUNT: [
|
||||
// { required: true, message: '负责人不能为空', trigger: 'blur' },
|
||||
// { min: 1, max: 255, message: '长度在 1 到 255 个字符', trigger: 'blur' }
|
||||
// ],
|
||||
// PIC_OFFICE_PHONE: [
|
||||
// { required: true, message: '负责人办公电话不能为空', trigger: 'blur' },
|
||||
// { min: 1, max: 50, message: '长度在 1 到 50 个字符', trigger: 'blur' }
|
||||
// ],
|
||||
// PIC_MOBILE_PHONE: [
|
||||
// { required: true, message: '负责人移动电话不能为空', trigger: 'blur' },
|
||||
// { min: 1, max: 50, message: '长度在 1 到 50 个字符', trigger: 'blur' }
|
||||
// ],
|
||||
// PIC_HOME_PHONE: [
|
||||
// { required: true, message: '负责人住宅电话不能为空', trigger: 'blur' },
|
||||
// { min: 1, max: 50, message: '长度在 1 到 50 个字符', trigger: 'blur' }
|
||||
// ],
|
||||
// CONTACT_PERSON: [
|
||||
// { required: true, message: '联系人不能为空', trigger: 'blur' },
|
||||
// { min: 1, max: 255, message: '长度在 1 到 255 个字符', trigger: 'blur' }
|
||||
// ],
|
||||
// CONTACT_OFFICE_PHONE: [
|
||||
// { required: true, message: '联系人办公电话不能为空', trigger: 'blur' },
|
||||
// { min: 1, max: 50, message: '长度在 1 到 50 个字符', trigger: 'blur' }
|
||||
// ],
|
||||
// CONTACT_MOBILE_PHONE: [
|
||||
// { required: true, message: '联系人移动电话不能为空', trigger: 'blur' },
|
||||
// { min: 1, max: 50, message: '长度在 1 到 50 个字符', trigger: 'blur' }
|
||||
// ],
|
||||
// CONTACT_HOME_PHONE: [
|
||||
// { required: true, message: '联系人住宅电话不能为空', trigger: 'blur' },
|
||||
// { min: 1, max: 50, message: '长度在 1 到 50 个字符', trigger: 'blur' }
|
||||
// ],
|
||||
// CONTACT_EMAIL: [
|
||||
// { required: true, message: '联系人电子邮箱不能为空', trigger: 'blur' },
|
||||
// { min: 1, max: 255, message: '长度在 1 到 255 个字符', trigger: 'blur' }
|
||||
// ],
|
||||
// SUPERVISING_AGENCY: [
|
||||
// { required: true, message: '主管单位不能为空', trigger: 'blur' },
|
||||
// { min: 1, max: 255, message: '长度在 1 到 255 个字符', trigger: 'blur' }
|
||||
// ],
|
||||
// AGENCY_ADDRESS: [
|
||||
// { required: true, message: '主管单位地址不能为空', trigger: 'blur' },
|
||||
// { min: 1, max: 255, message: '长度在 1 到 255 个字符', trigger: 'blur' }
|
||||
// ],
|
||||
// FEATURES: [
|
||||
// { required: true, message: '企业基本情况不能为空', trigger: 'blur' },
|
||||
// { min: 1, max: 1000, message: '长度在 1 到 1000 个字符', trigger: 'blur' }
|
||||
// ],
|
||||
// MAIN_MEDICAL_EQUIPMENT: [
|
||||
// { required: true, message: '客运能力不能为空', trigger: 'blur' },
|
||||
// { min: 1, max: 255, message: '长度在 1 到 255 个字符', trigger: 'blur' }
|
||||
// ],
|
||||
// SEALISMIC_RESISTANCE_LEVEL: [
|
||||
// { required: true, message: '货运能力不能为空', trigger: 'blur' },
|
||||
// { min: 1, max: 255, message: '长度在 1 到 255 个字符', trigger: 'blur' }
|
||||
// ],
|
||||
// REMARKS: [
|
||||
// { required: true, message: '应急能力描述不能为空', trigger: 'blur' },
|
||||
// { min: 1, max: 1000, message: '长度在 1 到 1000 个字符', trigger: 'blur' }
|
||||
// ],
|
||||
// REMARK: [
|
||||
// { required: true, message: '备注不能为空', trigger: 'blur' },
|
||||
// { min: 1, max: 1000, message: '长度在 1 到 1000 个字符', trigger: 'blur' }
|
||||
// ]
|
||||
// },
|
||||
treeData: [],
|
||||
DepartmentData: [],
|
||||
yjinstitutionsettingData: [],
|
||||
yjinstitutionaltypeData: [],
|
||||
normalizer(node) {
|
||||
return {
|
||||
id: node.DICTIONARIES_ID,
|
||||
label: node.name,
|
||||
children: node.nodes
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList()
|
||||
this.getTreeList()
|
||||
this.getDepartmentList()
|
||||
this.getYjinstitutionsettingList()
|
||||
this.getyjinstitutionaltypeDataList()
|
||||
},
|
||||
methods: {
|
||||
|
||||
getYjinstitutionsettingList() {
|
||||
const params = {
|
||||
PARENT_ID: 'fa04e9c91a7642d1a0bb1cab8650467d'
|
||||
}
|
||||
requestFN('/dictionaries/listTree', params).then((data) => {
|
||||
this.yjinstitutionsettingData = JSON.parse(data.zTreeNodes)
|
||||
}).catch((e) => {
|
||||
console.error('获取树形数据失败', e)
|
||||
})
|
||||
},
|
||||
getyjinstitutionaltypeDataList() {
|
||||
const params = {
|
||||
PARENT_ID: '2bd21d9d4d254f179e79f75d6377f651'
|
||||
}
|
||||
requestFN('/dictionaries/listTree', params).then((data) => {
|
||||
this.yjinstitutionaltypeData = 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)
|
||||
// var point = new BMap.Point(this.form.LONGITUDE, this.form.LATITUDE)
|
||||
const zoom = map.getZoom()
|
||||
setTimeout(() => {
|
||||
map.centerAndZoom(point, zoom)
|
||||
}, 0)
|
||||
// var marker = new BMap.Marker(point) // 创建标注
|
||||
// map.addOverlay(marker) // 将标注添加到地图中
|
||||
},
|
||||
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
|
||||
},
|
||||
//* ***********************************
|
||||
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)
|
||||
})
|
||||
},
|
||||
//* *******************列表查询******************************
|
||||
|
||||
getList() {
|
||||
this.listLoading = true
|
||||
requestFN(
|
||||
'/medicalInstitutions/list?showCount=' + this.listQuery.limit + '¤tPage=' + this.listQuery.page,
|
||||
{
|
||||
name: this.KEYWORDS
|
||||
}
|
||||
).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('/medicalInstitutions/detail', params).then((response) => {
|
||||
const data = response.data
|
||||
console.log(data)
|
||||
this.form = {
|
||||
// 医疗机构名称
|
||||
INSTITUTION_NAME: data.INSTITUTION_NAME,
|
||||
// 医疗机构类型
|
||||
INSTITUTION_TYPE: data.INSTITUTION_TYPE,
|
||||
// 医疗单位等级
|
||||
INSTITUTION_LEVEL: data.INSTITUTION_LEVEL,
|
||||
// 地址
|
||||
ADDRESS: data.ADDRESS,
|
||||
// 邮编
|
||||
POSTAL_CODE: data.POSTAL_CODE,
|
||||
// 机构密级
|
||||
INSTITUTION_SECURITY_LEVEL: data.INSTITUTION_SECURITY_LEVEL,
|
||||
// 值班电话
|
||||
DUTY_PHONE: data.DUTY_PHONE,
|
||||
// 传真
|
||||
FAX: data.FAX,
|
||||
// 所属区域
|
||||
ADMINISTRATIVE_REGION: data.ADMINISTRATIVE_REGION,
|
||||
// 经度
|
||||
LONGITUDE: data.LONGITUDE,
|
||||
// 纬度
|
||||
LATITUDE: data.LATITUDE,
|
||||
// 病床数
|
||||
BED_COUNT: data.BED_COUNT,
|
||||
// 医生数
|
||||
DOCTOR_COUNT: data.DOCTOR_COUNT,
|
||||
// 护士数
|
||||
NURSE_COUNT: data.NURSE_COUNT,
|
||||
// 急救车辆数
|
||||
AMBULANCE_COUNT: data.AMBULANCE_COUNT,
|
||||
// 应急通讯方式
|
||||
EMERGENCY_COMMUNICATION: data.EMERGENCY_COMMUNICATION,
|
||||
// 负责人
|
||||
PERSON_IN_CHARGE: data.PERSON_IN_CHARGE,
|
||||
// 负责人办公电话
|
||||
PIC_OFFICE_PHONE: data.PIC_OFFICE_PHONE,
|
||||
// 负责人移动电话
|
||||
PIC_MOBILE_PHONE: data.PIC_MOBILE_PHONE,
|
||||
// 负责人住宅电话
|
||||
PIC_HOME_PHONE: data.PIC_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_AGENCY: data.SUPERVISING_AGENCY,
|
||||
// 主管单位地址
|
||||
AGENCY_ADDRESS: data.AGENCY_ADDRESS,
|
||||
// 特色
|
||||
FEATURES: data.FEATURES,
|
||||
// 要医疗设备
|
||||
MAIN_MEDICAL_EQUIPMENT: data.MAIN_MEDICAL_EQUIPMENT,
|
||||
// 抗震设防列数
|
||||
SEALISMIC_RESISTANCE_LEVEL: data.SEALISMIC_RESISTANCE_LEVEL,
|
||||
// 备注
|
||||
REMARKS: data.REMARKS
|
||||
}
|
||||
}).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.$refs.form.validate(valid => {
|
||||
if (valid) {
|
||||
this.dataSave()
|
||||
} else {
|
||||
return false
|
||||
}
|
||||
})
|
||||
},
|
||||
dataSave() {
|
||||
this.listLoading = true
|
||||
requestFN(
|
||||
'/medicalInstitutions/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, name) {
|
||||
this.$confirm('确定要删除[' + name + ']吗?', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
this.listLoading = true
|
||||
requestFN(
|
||||
'/medicalInstitutions/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
|
||||
console.info('_selectData')
|
||||
console.info(_selectData)
|
||||
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(
|
||||
'/medicalInstitutions/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>
|
||||
Loading…
Reference in New Issue