通信保障机构信息管理模块开发

liujun0708-动火作业流程图逻辑修改
WenShiJun 2024-07-06 14:21:31 +08:00
parent 8f246665b2
commit 4842f56176
6 changed files with 756 additions and 7 deletions

View File

@ -11,7 +11,7 @@ module.exports = {
assetsPublicPath: '/', assetsPublicPath: '/',
proxyTable: { proxyTable: {
'/api': { '/api': {
target: 'http://192.168.0.49:8091/', target: 'http://192.168.0.29:8091/',
changeOrigin: true, changeOrigin: true,
pathRewrite: { pathRewrite: {
'^/api': '' '^/api': ''

View File

@ -0,0 +1,185 @@
<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="[form]" :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="FAX" label="传真" />
<el-table-column prop="ADMINISTRATIVE_REGION_NAME" label="行政区域" />
<el-table-column prop="COORDINATE" label="坐标" />
<el-table-column prop="EMERGENCY_COMMUNICATION_VEHICLES" label="应急通讯车数" />
<el-table-column prop="EMERGENCY_POWER_VEHICLES" label="应急发电车数" />
<el-table-column prop="SATELLITE_PHONES" label="卫星电话数" />
<el-table-column prop="TOTAL_BASE_STATIONS" label="基站总数" />
<el-table-column prop="EMERGENCY_COMMUNICATION_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="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: '',
FAX: '',
ADMINISTRATIVE_REGION: '',
ADMINISTRATIVE_REGION_NAME: '',
COORDINATE: '',
EMERGENCY_COMMUNICATION_VEHICLES: 0,
EMERGENCY_POWER_VEHICLES: 0,
SATELLITE_PHONES: 0,
TOTAL_BASE_STATIONS: 0,
EMERGENCY_COMMUNICATION_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: '',
EMERGENCY_CAPACITY_DESCRIPTION: '',
REMARK: ''
},
Id: '',
treeData: [],
DepartmentData: [],
normalizer(node) {
return {
id: node.DICTIONARIES_ID,
label: node.name,
children: node.nodes
}
}
}
},
created() {
console.log('this.$parent.CASE_ID', this.$parent.CASE_ID)
if (this.$parent.CASE_ID) {
this.Id = this.$parent.CASE_ID
this.getDetail(this.Id)
}
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)
})
},
getDetail(Id) {
const params = { Id: Id }
requestFN('/major/communication/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,
COORDINATE: data.COORDINATE,
EMERGENCY_COMMUNICATION_VEHICLES: data.EMERGENCY_COMMUNICATION_VEHICLES,
EMERGENCY_POWER_VEHICLES: data.EMERGENCY_POWER_VEHICLES,
SATELLITE_PHONES: data.SATELLITE_PHONES,
TOTAL_BASE_STATIONS: data.TOTAL_BASE_STATIONS,
EMERGENCY_COMMUNICATION_MODE: data.EMERGENCY_COMMUNICATION_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,
EMERGENCY_CAPACITY_DESCRIPTION: data.EMERGENCY_CAPACITY_DESCRIPTION,
REMARK: data.REMARK,
Id: data.ID
}
}).catch((e) => {
console.error('获取详情数据失败', e)
})
}
}
}
</script>

View File

@ -0,0 +1,545 @@
<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">
<el-input v-model="KEYWORDS_ORG_TYPE" 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="ORG_NAME" label="通信机构名称" width="180" />
<el-table-column prop="ORG_TYPE" label="通信机构类型" show-overflow-tooltip="true" />
<el-table-column prop="ORG_LEVEL" label="通信机构级别" show-overflow-tooltip="true" />
<el-table-column prop="ADDRESS" label="地址" show-overflow-tooltip="true" />
<el-table-column prop="DUTY_PHONE" 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.ID, '1')">查看</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="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-form-item label="通信机构类型" prop="ORG_TYPE">
<el-input v-model="form.ORG_TYPE" placeholder="请输入通信机构类型..." />
</el-form-item>
<el-form-item label="通信机构级别" prop="ORG_LEVEL">
<el-input v-model="form.ORG_LEVEL" placeholder="请输入通信机构级别..." />
</el-form-item>
<el-form-item label="地址" prop="ADDRESS">
<el-input v-model="form.ADDRESS" placeholder="请输入地址..." />
</el-form-item>
<el-form-item label="邮编" prop="POSTAL_CODE">
<el-input v-model="form.POSTAL_CODE" placeholder="请输入邮编..." />
</el-form-item>
<el-form-item label="机构密级" prop="SECURITY_LEVEL">
<el-input v-model="form.SECURITY_LEVEL" placeholder="请输入机构密级..." />
</el-form-item>
<el-form-item label="值班电话" prop="DUTY_PHONE">
<el-input v-model="form.DUTY_PHONE" placeholder="请输入值班电话..." />
</el-form-item>
<el-form-item label="传真" prop="FAX">
<el-input v-model="form.FAX" placeholder="请输入传真..." />
</el-form-item>
<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-form-item label="经度" prop="LONGITUDE">
<el-input v-model="form.LONGITUDE" placeholder="请输入经度..." />
</el-form-item>
<el-form-item label="纬度" prop="LATITUDE">
<el-input v-model="form.LATITUDE" placeholder="请输入纬度..." />
</el-form-item>
<el-form-item label="应急通讯车数" prop="EMERGENCY_COMMUNICATION_VEHICLES">
<el-input v-model="form.EMERGENCY_COMMUNICATION_VEHICLES" placeholder="请输入应急通讯车数..." />
</el-form-item>
<el-form-item label="应急发电车数" prop="EMERGENCY_POWER_VEHICLES">
<el-input v-model="form.EMERGENCY_POWER_VEHICLES" placeholder="请输入应急发电车数..." />
</el-form-item>
<el-form-item label="卫星电话数" prop="SATELLITE_PHONES">
<el-input v-model="form.SATELLITE_PHONES" placeholder="请输入卫星电话数..." />
</el-form-item>
<el-form-item label="基站总数" prop="TOTAL_BASE_STATIONS">
<el-input v-model="form.TOTAL_BASE_STATIONS" placeholder="请输入基站总数..." />
</el-form-item>
<el-form-item label="应急通讯方式" prop="EMERGENCY_COMMUNICATION_MODE">
<el-input v-model="form.EMERGENCY_COMMUNICATION_MODE" placeholder="请输入应急通讯方式..." />
</el-form-item>
<el-form-item label="负责人" prop="RESPONSIBLE_PERSON">
<el-input v-model="form.RESPONSIBLE_PERSON" placeholder="请输入负责人..." />
</el-form-item>
<el-form-item label="负责人办公电话" prop="RESPONSIBLE_OFFICE_PHONE">
<el-input v-model="form.RESPONSIBLE_OFFICE_PHONE" placeholder="请输入负责人办公电话..." />
</el-form-item>
<el-form-item label="负责人移动电话" prop="RESPONSIBLE_MOBILE_PHONE">
<el-input v-model="form.RESPONSIBLE_MOBILE_PHONE" placeholder="请输入负责人移动电话..." />
</el-form-item>
<el-form-item label="负责人住宅电话" prop="RESPONSIBLE_HOME_PHONE">
<el-input v-model="form.RESPONSIBLE_HOME_PHONE" placeholder="请输入负责人住宅电话..." />
</el-form-item>
<el-form-item label="联系人" prop="CONTACT_PERSON">
<el-input v-model="form.CONTACT_PERSON" placeholder="请输入联系人..." />
</el-form-item>
<el-form-item label="联系人办公电话" prop="CONTACT_OFFICE_PHONE">
<el-input v-model="form.CONTACT_OFFICE_PHONE" placeholder="请输入联系人办公电话..." />
</el-form-item>
<el-form-item label="联系人移动电话" prop="CONTACT_MOBILE_PHONE">
<el-input v-model="form.CONTACT_MOBILE_PHONE" placeholder="请输入联系人移动电话..." />
</el-form-item>
<el-form-item label="联系人住宅电话" prop="CONTACT_HOME_PHONE">
<el-input v-model="form.CONTACT_HOME_PHONE" placeholder="请输入联系人住宅电话..." />
</el-form-item>
<el-form-item label="联系人电子邮箱" prop="CONTACT_EMAIL">
<el-input v-model="form.CONTACT_EMAIL" placeholder="请输入联系人电子邮箱..." />
</el-form-item>
<el-form-item label="主管单位" prop="SUPERVISING_UNIT">
<Treeselect
:options="DepartmentData"
v-model="form.SUPERVISING_UNIT"
placeholder="请选择主管单位"
no-options-text="暂无数据"
no-children-text="暂无数据"
/>
</el-form-item>
<el-form-item label="主管单位地址" prop="SUPERVISING_UNIT_ADDRESS">
<el-input v-model="form.SUPERVISING_UNIT_ADDRESS" placeholder="请输入主管单位地址..." />
</el-form-item>
<el-form-item label="企业基本情况" prop="COMPANY_OVERVIEW">
<el-input v-model="form.COMPANY_OVERVIEW" type="textarea" placeholder="请输入企业基本情况..." />
</el-form-item>
<el-form-item label="应急能力描述" prop="EMERGENCY_CAPACITY_DESCRIPTION">
<el-input v-model="form.EMERGENCY_CAPACITY_DESCRIPTION" type="textarea" 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>
</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 {
listQuery: {
page: 1,
limit: 10
},
total: 0,
varList: [],
KEYWORDS: '',
KEYWORDS_ORG_NAME: '',
KEYWORDS_ORG_TYPE: '',
dialogFormEdit: false,
dialogFormShow: false,
dialogType: 'add',
form: {
ORG_NAME: '',
ORG_TYPE: '',
ORG_LEVEL: '',
ADDRESS: '',
POSTAL_CODE: '',
SECURITY_LEVEL: '',
DUTY_PHONE: '',
FAX: '',
ADMINISTRATIVE_REGION: '',
LONGITUDE: '',
LATITUDE: '',
EMERGENCY_COMMUNICATION_VEHICLES: 0,
EMERGENCY_POWER_VEHICLES: 0,
SATELLITE_PHONES: 0,
TOTAL_BASE_STATIONS: 0,
EMERGENCY_COMMUNICATION_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: '',
EMERGENCY_CAPACITY_DESCRIPTION: '',
REMARK: ''
},
// rules: {
// ORG_NAME: [
// { required: true, message: '', trigger: 'blur' },
// { min: 2, max: 255, message: ' 2 255 ', trigger: 'blur' }
// ],
// ORG_TYPE: [
// { required: true, message: '', trigger: 'blur' },
// { min: 2, max: 255, message: ' 2 255 ', trigger: 'blur' }
// ],
// ORG_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' }
// ],
// 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: 50, message: ' 5 50 ', trigger: 'blur' }
// ],
// FAX: [
// { required: true, message: '', trigger: 'blur' },
// { min: 5, max: 50, message: ' 5 50 ', 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' }
// ],
// EMERGENCY_COMMUNICATION_VEHICLES: [
// { required: true, message: '', trigger: 'blur' }
// ],
// EMERGENCY_POWER_VEHICLES: [
// { required: true, message: '', trigger: 'blur' }
// ],
// SATELLITE_PHONES: [
// { required: true, message: '', trigger: 'blur' }
// ],
// TOTAL_BASE_STATIONS: [
// { required: true, message: '', trigger: 'blur' }
// ],
// EMERGENCY_COMMUNICATION_MODE: [
// { required: true, message: '', trigger: 'blur' },
// { min: 1, max: 255, message: ' 1 255 ', trigger: 'blur' }
// ],
// RESPONSIBLE_PERSON: [
// { required: true, message: '', trigger: 'blur' },
// { min: 1, max: 255, message: ' 1 255 ', trigger: 'blur' }
// ],
// RESPONSIBLE_OFFICE_PHONE: [
// { required: true, message: '', trigger: 'blur' },
// { min: 1, max: 50, message: ' 1 50 ', trigger: 'blur' }
// ],
// RESPONSIBLE_MOBILE_PHONE: [
// { required: true, message: '', trigger: 'blur' },
// { min: 1, max: 50, message: ' 1 50 ', trigger: 'blur' }
// ],
// RESPONSIBLE_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_UNIT: [
// { required: true, message: '', trigger: 'blur' },
// { min: 1, max: 255, message: ' 1 255 ', trigger: 'blur' }
// ],
// SUPERVISING_UNIT_ADDRESS: [
// { required: true, message: '', trigger: 'blur' },
// { min: 1, max: 255, message: ' 1 255 ', trigger: 'blur' }
// ],
// COMPANY_OVERVIEW: [
// { required: true, message: '', trigger: 'blur' },
// { min: 1, max: 1000, message: ' 1 1000 ', trigger: 'blur' }
// ],
// EMERGENCY_CAPACITY_DESCRIPTION: [
// { 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' }
// ]
// },
FFILE: [],
caseSummaryList: [],
treeData: [],
DepartmentData: [],
normalizer(node) {
return {
id: node.DICTIONARIES_ID,
label: node.name,
children: node.nodes
}
}
}
},
created() {
this.getList()
this.getTreeList()
this.getDepartmentList()
},
methods: {
resetQuery() {
this.KEYWORDS_ORG_NAME = ''
this.KEYWORDS_ORG_TYPE = ''
this.getQuery()
},
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(
'/major/communication/list?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
{
ORG_NAME: this.KEYWORDS_ORG_NAME,
ORG_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/communication/detail', params).then((response) => {
const data = response.msg
console.log(data)
this.form = {
Id: data.ID,
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,
LONGITUDE: data.LONGITUDE,
LATITUDE: data.LATITUDE,
EMERGENCY_COMMUNICATION_VEHICLES: data.EMERGENCY_COMMUNICATION_VEHICLES,
EMERGENCY_POWER_VEHICLES: data.EMERGENCY_POWER_VEHICLES,
SATELLITE_PHONES: data.SATELLITE_PHONES,
TOTAL_BASE_STATIONS: data.TOTAL_BASE_STATIONS,
EMERGENCY_COMMUNICATION_MODE: data.EMERGENCY_COMMUNICATION_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,
EMERGENCY_CAPACITY_DESCRIPTION: data.EMERGENCY_CAPACITY_DESCRIPTION,
REMARK: data.REMARK,
ISDELETE: data.ISDELETE,
OPERATOR: data.OPERATOR,
OPERATETIME: data.OPERATETIME,
CREATETIME: data.CREATETIME,
CREATOR: data.CREATOR
}
}).catch((e) => {
console.error('获取详情数据失败', e)
})
},
handleAdd() {
this.dialogFormEdit = true
this.form = {}
this.dialogType = 'saveUser'
this.$refs.upload.clearFiles()
},
confirm() {
this.dataSave()
},
dataSave() {
this.listLoading = true
requestFN('/major/communication/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/communication/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(
'/major/communication/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>

View File

@ -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>

View File

@ -2,11 +2,11 @@
<div class="app-container"> <div class="app-container">
<div class="filter-container"> <div class="filter-container">
<el-form inline> <el-form inline>
<el-form-item label="运输机构名称:" prop="KEYWORDS_ORG_NAME"> <el-form-item label="机构名称:" prop="KEYWORDS_ORG_NAME">
<el-input v-model="KEYWORDS_ORG_NAME" placeholder="运输机构名称" class="filter-item" style="width: 200px;" /> <el-input v-model="KEYWORDS_ORG_NAME" placeholder="机构名称" class="filter-item" style="width: 200px;" />
</el-form-item> </el-form-item>
<el-form-item label="运输机构类型:" prop="KEYWORDS_ORG_TYPE"> <el-form-item label="机构类型:" prop="KEYWORDS_ORG_TYPE">
<el-input v-model="KEYWORDS_ORG_TYPE" placeholder="运输机构类型" class="filter-item" style="width: 200px;" /> <el-input v-model="KEYWORDS_ORG_TYPE" placeholder="机构类型" class="filter-item" style="width: 200px;" />
</el-form-item> </el-form-item>
<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="primary" icon="el-icon-search" @click="getQuery"></el-button>

View File

@ -2,8 +2,8 @@
const config = { const config = {
// weburl: 'http://192.168.151.43:8080/', // 前台地址 // weburl: 'http://192.168.151.43:8080/', // 前台地址
// httpurl: 'http://qgqy.qhdsafety.com/qa-prevention-gwj/', // 后台地址 // httpurl: 'http://qgqy.qhdsafety.com/qa-prevention-gwj/', // 后台地址
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/', // 后台地址
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/',
// 正式 // 正式