应急资源管理->物资装备库开发

src/views/emergen_cyrescue/emergency_information/security_agency/assurance_management/components/list.vue

@@ -57,24 +57,42 @@
           />
 
         </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-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="通信机构级别" prop="ORG_LEVEL">
+              <el-input v-model="form.ORG_LEVEL" placeholder="请输入通信机构级别..." />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="地址" prop="ADDRESS">
+              <el-input v-model="form.ADDRESS" placeholder="请输入地址..." />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <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="SECURITY_LEVEL">
+              <el-input v-model="form.SECURITY_LEVEL" placeholder="请输入机构密级..." />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <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-col :span="12">
+            <el-form-item label="传真" prop="FAX">
+              <el-input v-model="form.FAX" placeholder="请输入传真..." />
+            </el-form-item>
+          </el-col>
+        </el-row>
         <el-form-item label="所属区域" prop="ADMINISTRATIVE_REGION">
           <Treeselect
             :options="treeData"
@@ -106,45 +124,81 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <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-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="应急通讯车数" prop="EMERGENCY_COMMUNICATION_VEHICLES">
+              <el-input v-model="form.EMERGENCY_COMMUNICATION_VEHICLES" placeholder="请输入应急通讯车数..." />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="应急发电车数" prop="EMERGENCY_POWER_VEHICLES">
+              <el-input v-model="form.EMERGENCY_POWER_VEHICLES" placeholder="请输入应急发电车数..." />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="卫星电话数" prop="SATELLITE_PHONES">
+              <el-input v-model="form.SATELLITE_PHONES" placeholder="请输入卫星电话数..." />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="基站总数" prop="TOTAL_BASE_STATIONS">
+              <el-input v-model="form.TOTAL_BASE_STATIONS" placeholder="请输入基站总数..." />
+            </el-form-item>
+          </el-col>
+        </el-row>
         <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-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="负责人" prop="RESPONSIBLE_PERSON">
+              <el-input v-model="form.RESPONSIBLE_PERSON" placeholder="请输入负责人..." />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="负责人办公电话" prop="RESPONSIBLE_OFFICE_PHONE">
+              <el-input v-model="form.RESPONSIBLE_OFFICE_PHONE" placeholder="请输入负责人办公电话..." />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="负责人移动电话" prop="RESPONSIBLE_MOBILE_PHONE">
+              <el-input v-model="form.RESPONSIBLE_MOBILE_PHONE" placeholder="请输入负责人移动电话..." />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="负责人住宅电话" prop="RESPONSIBLE_HOME_PHONE">
+              <el-input v-model="form.RESPONSIBLE_HOME_PHONE" placeholder="请输入负责人住宅电话..." />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <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-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-row>
+        <el-row :gutter="20">
+          <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-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-row>
         <el-form-item label="联系人电子邮箱" prop="CONTACT_EMAIL">
           <el-input v-model="form.CONTACT_EMAIL" placeholder="请输入联系人电子邮箱..." />
         </el-form-item>

src/views/emergen_cyrescue/emergency_information/security_agency/transportation_management/components/list.vue

@@ -63,15 +63,30 @@
         <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-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="SECURITY_LEVEL">
+              <el-input v-model="form.SECURITY_LEVEL" placeholder="请输入机构密级..." />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <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-col :span="12">
+            <el-form-item label="应急运输方式" prop="EMERGENCY_TRANSPORT_MODE">
+              <el-input v-model="form.EMERGENCY_TRANSPORT_MODE" placeholder="请输入应急运输方式..." />
+            </el-form-item>
+          </el-col>
+        </el-row>
         <el-form-item label="所属区域" prop="ADMINISTRATIVE_REGION">
           <Treeselect
             :options="treeData"
@@ -103,33 +118,54 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-form-item label="应急运输方式" prop="EMERGENCY_TRANSPORT_MODE">
-          <el-input v-model="form.EMERGENCY_TRANSPORT_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-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="负责人" prop="RESPONSIBLE_PERSON">
+              <el-input v-model="form.RESPONSIBLE_PERSON" placeholder="请输入负责人..." />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="负责人办公电话" prop="RESPONSIBLE_OFFICE_PHONE">
+              <el-input v-model="form.RESPONSIBLE_OFFICE_PHONE" placeholder="请输入负责人办公电话..." />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="负责人移动电话" prop="RESPONSIBLE_MOBILE_PHONE">
+              <el-input v-model="form.RESPONSIBLE_MOBILE_PHONE" placeholder="请输入负责人移动电话..." />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="负责人住宅电话" prop="RESPONSIBLE_HOME_PHONE">
+              <el-input v-model="form.RESPONSIBLE_HOME_PHONE" placeholder="请输入负责人住宅电话..." />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <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-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-row>
+        <el-row :gutter="20">
+          <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-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-row>
         <el-form-item label="联系人电子邮箱" prop="CONTACT_EMAIL">
           <el-input v-model="form.CONTACT_EMAIL" placeholder="请输入联系人电子邮箱..." />
         </el-form-item>
@@ -149,12 +185,18 @@
         <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="PASSENGER_TRANSPORT_CAPACITY">
-          <el-input v-model="form.PASSENGER_TRANSPORT_CAPACITY" placeholder="请输入客运能力..." />
-        </el-form-item>
-        <el-form-item label="货运能力" prop="CARGO_TRANSPORT_CAPACITY">
-          <el-input v-model="form.CARGO_TRANSPORT_CAPACITY" placeholder="请输入货运能力..." />
-        </el-form-item>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="客运能力" prop="PASSENGER_TRANSPORT_CAPACITY">
+              <el-input v-model="form.PASSENGER_TRANSPORT_CAPACITY" placeholder="请输入客运能力..." />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="货运能力" prop="CARGO_TRANSPORT_CAPACITY">
+              <el-input v-model="form.CARGO_TRANSPORT_CAPACITY" placeholder="请输入货运能力..." />
+            </el-form-item>
+          </el-col>
+        </el-row>
         <el-form-item label="应急能力描述" prop="EMERGENCY_CAPACITY_DESCRIPTION">
           <el-input v-model="form.EMERGENCY_CAPACITY_DESCRIPTION" type="textarea" placeholder="请输入应急能力描述..." />
         </el-form-item>

src/views/emergen_cyrescue/index.vue

@@ -0,0 +1,3 @@
+<template>
+  <router-view />
+</template>

src/views/emergen_cyrescue/resource_management/equipment_library/components/detail.vue

@@ -0,0 +1,247 @@
+<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_NAME }}</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>{{ form.EMERGENCY_COMMUNICATION_VEHICLES }}</td>
+            <td class="tbg">应急发电车数</td>
+            <td>{{ form.EMERGENCY_POWER_VEHICLES }}</td>
+          </tr>
+          <tr>
+            <td class="tbg">卫星电话数</td>
+            <td>{{ form.SATELLITE_PHONES }}</td>
+            <td class="tbg">基站总数</td>
+            <td>{{ form.TOTAL_BASE_STATIONS }}</td>
+          </tr>
+          <tr>
+            <td class="tbg">应急通讯方式</td>
+            <td colspan="3">{{ form.EMERGENCY_COMMUNICATION_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 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_TYPE_NAME: '',
+        ORG_LEVEL: '',
+        ADDRESS: '',
+        POSTAL_CODE: '',
+        SECURITY_LEVEL: '',
+        DUTY_PHONE: '',
+        FAX: '',
+        ADMINISTRATIVE_REGION: '',
+        ADMINISTRATIVE_REGION_NAME: '',
+        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_NAME: '',
+        SUPERVISING_UNIT_ADDRESS: '',
+        COMPANY_OVERVIEW: '',
+        EMERGENCY_CAPACITY_DESCRIPTION: '',
+        REMARK: ''
+      },
+      Id: ''
+    }
+  },
+  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 }
+      requestFN('/major/communication/detail', params).then((response) => {
+        const data = response.msg
+        this.form = {
+          ORG_NAME: data.ORG_NAME,
+          ORG_TYPE: data.ORG_TYPE,
+          ORG_TYPE_NAME: data.ORG_TYPE_NAME,
+          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_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_NAME: data.SUPERVISING_UNIT_NAME,
+          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>
+<style lang="sass" scoped>
+.table-ui
+  td
+    line-height: 34px
+  .tbg
+    width: 200px
+.ui-foot
+  text-align: center
+  margin-top: 20px
+</style>

src/views/emergen_cyrescue/resource_management/equipment_library/components/list.vue

@@ -0,0 +1,274 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+      <el-form inline>
+        <el-form-item label="资源库名称：" prop="RESOURCE_LIBRARY_NAME">
+          <el-input v-model="RESOURCE_LIBRARY_NAME" placeholder="资源库名称" class="filter-item" style="width: 200px;" />
+        </el-form-item>
+        <el-form-item label="所在地点：" prop="LOCATION">
+          <el-input v-model="LOCATION" placeholder="所在地点" class="filter-item" style="width: 200px;" />
+        </el-form-item>
+        <el-form-item label="联系人：" prop="CONTACT_PERSON">
+          <el-input v-model="CONTACT_PERSON" 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="RESOURCE_LIBRARY_NAME" label="资源库名称" width="180" />
+      <el-table-column prop="LOCATION" label="所在地点" show-overflow-tooltip="true" />
+      <el-table-column prop="RESOURCE_CATEGORY" label="存放资源类别" show-overflow-tooltip="true" />
+      <el-table-column prop="RESOURCE_QUANTITY" label="资源数量" show-overflow-tooltip="true" />
+      <el-table-column prop="CONTACT_PERSON" label="联系人" show-overflow-tooltip="true" />
+      <el-table-column prop="CONTACT_PHONE" label="联系电话" show-overflow-tooltip="true" />
+      <el-table-column prop="CONTACT_MOBILE_PHONE" label="联系人手机号码" show-overflow-tooltip="true" />
+      <el-table-column prop="COMPANY_NAME" 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.RESOURCE_LIBRARY_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="RESOURCE_LIBRARY_NAME">
+          <el-input v-model="form.RESOURCE_LIBRARY_NAME" placeholder="请输入资源库名称..." />
+        </el-form-item>
+        <el-form-item label="所在地点" prop="LOCATION">
+          <el-input v-model="form.LOCATION" placeholder="请输入所在地点..." />
+        </el-form-item>
+        <el-form-item label="存放资源类别" prop="RESOURCE_CATEGORY">
+          <el-input v-model="form.RESOURCE_CATEGORY" placeholder="请输入存放资源类别..." />
+        </el-form-item>
+        <el-form-item label="资源数量" prop="RESOURCE_QUANTITY">
+          <el-input v-model="form.RESOURCE_QUANTITY" 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_PHONE">
+          <el-input v-model="form.CONTACT_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="COMPANY_NAME">
+          <el-input v-model="form.COMPANY_NAME" 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'
+export default {
+  components: { Pagination },
+  data() {
+    return {
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      total: 0,
+      varList: [],
+      RESOURCE_LIBRARY_NAME: '',
+      LOCATION: '',
+      CONTACT_PERSON: '',
+      dialogFormEdit: false,
+      dialogFormShow: false,
+      dialogType: 'add',
+      form: {
+        RESOURCE_LIBRARY_NAME: '',
+        LOCATION: '',
+        RESOURCE_CATEGORY: '',
+        RESOURCE_QUANTITY: '',
+        CONTACT_PERSON: '',
+        CONTACT_PHONE: '',
+        CONTACT_MOBILE_PHONE: '',
+        COMPANY_NAME: ''
+      },
+      rules: {
+        RESOURCE_LIBRARY_NAME: [
+          { required: true, message: '资源库名称不能为空', trigger: 'blur' },
+          { min: 2, max: 255, message: '长度在 2 到 255 个字符', trigger: 'blur' }
+        ],
+        LOCATION: [
+          { required: true, message: '所在地点不能为空', trigger: 'blur' },
+          { min: 2, max: 255, message: '长度在 2 到 255 个字符', trigger: 'blur' }
+        ],
+        RESOURCE_CATEGORY: [
+          { required: true, message: '存放资源类别不能为空', trigger: 'blur' },
+          { min: 2, max: 255, message: '长度在 2 到 255 个字符', trigger: 'blur' }
+        ],
+        RESOURCE_QUANTITY: [
+          { required: true, message: '资源数量不能为空', trigger: 'blur' },
+          { min: 1, max: 255, message: '长度在 1 到 255 个字符', trigger: 'blur' }
+        ],
+        CONTACT_PERSON: [
+          { required: true, message: '联系人不能为空', trigger: 'blur' },
+          { min: 2, max: 255, message: '长度在 2 到 255 个字符', trigger: 'blur' }
+        ],
+        CONTACT_PHONE: [
+          { required: true, message: '联系电话不能为空', trigger: 'blur' },
+          { min: 2, max: 255, message: '长度在 2 到 255 个字符', trigger: 'blur' }
+        ],
+        CONTACT_MOBILE_PHONE: [
+          { required: true, message: '联系人手机号码不能为空', trigger: 'blur' },
+          { min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'blur' }
+        ],
+        COMPANY_NAME: [
+          { required: true, message: '企业名称不能为空', trigger: 'blur' },
+          { min: 2, max: 255, message: '长度在 2 到 255 个字符', trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/major/resource/list?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          RESOURCE_LIBRARY_NAME: this.KEYWORDS_RESOURCE_LIBRARY_NAME,
+          RESOURCE_CATEGORY: this.KEYWORDS_RESOURCE_CATEGORY
+        }
+      ).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)
+    },
+    getDetail(ID) {
+      const params = { Id: ID }
+      requestFN('/major/resource/detail', params).then((response) => {
+        const data = response.msg
+        this.form = {
+          RESOURCE_LIBRARY_NAME: data.RESOURCE_LIBRARY_NAME,
+          LOCATION: data.LOCATION,
+          RESOURCE_CATEGORY: data.RESOURCE_CATEGORY,
+          RESOURCE_QUANTITY: data.RESOURCE_QUANTITY,
+          CONTACT_PERSON: data.CONTACT_PERSON,
+          CONTACT_PHONE: data.CONTACT_PHONE,
+          CONTACT_MOBILE_PHONE: data.CONTACT_MOBILE_PHONE,
+          COMPANY_NAME: data.COMPANY_NAME
+        }
+      }).catch((e) => {
+        console.error('获取详情数据失败', e)
+      })
+    },
+    handleAdd() {
+      this.dialogFormEdit = true
+      this.dialogType = 'saveUser'
+      this.form = {
+        RESOURCE_LIBRARY_NAME: '',
+        LOCATION: '',
+        RESOURCE_CATEGORY: '',
+        RESOURCE_QUANTITY: '',
+        CONTACT_PERSON: '',
+        CONTACT_PHONE: '',
+        CONTACT_MOBILE_PHONE: '',
+        COMPANY_NAME: ''
+      }
+    },
+    confirm() {
+      this.dataSave()
+    },
+    dataSave() {
+      this.listLoading = true
+      requestFN('/major/resource/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, RESOURCE_LIBRARY_NAME) {
+      this.$confirm(`确定要删除[${RESOURCE_LIBRARY_NAME}]吗?`, {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.listLoading = true
+        requestFN('/major/resource/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 => item.ID).join(',')
+      this.$confirm('确定要删除选中的数据吗?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.listLoading = true
+        requestFN('/major/resource/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(() => {})
+    },
+    resetQuery() {
+      this.RESOURCE_LIBRARY_NAME = ''
+      this.LOCATION = ''
+      this.CONTACT_PERSON = ''
+      this.getQuery()
+    },
+    getQuery() {
+      this.$refs.multipleTable.clearSelection()
+      this.getList()
+    }
+  }
+}
+</script>
+

src/views/emergen_cyrescue/resource_management/equipment_library/index.vue

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

src/views/emergen_cyrescue/resource_management/index.vue

@@ -0,0 +1,3 @@
+<template>
+  <router-view />
+</template>