From b4440bcd826187222343b21bd01caf25a4501eed Mon Sep 17 00:00:00 2001
From: WenShiJun <piratecaptain37@aliyun.com>
Date: Sat, 6 Jul 2024 08:37:09 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BA=94=E6=80=A5=E5=9F=BA=E6=9C=AC=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=E7=B3=BB=E7=BB=9F->=E4=B8=93=E4=B8=9A=E4=BF=9D?=
 =?UTF-8?q?=E9=9A=9C=E6=9C=BA=E6=9E=84->=E8=BF=90=E8=BE=93=E4=BF=9D?=
 =?UTF-8?q?=E9=9A=9C=E6=9C=BA=E6=9E=84=E4=BF=A1=E6=81=AF=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E5=BC=80=E5=8F=91+1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/detail.vue                     | 192 +++++++
 .../components/list.vue                       | 516 ++++++++++++++++++
 .../transportation_management/index.vue       |  19 +
 3 files changed, 727 insertions(+)
 create mode 100644 src/views/emergen_cyrescue/emergency_information/security_agency/transportation_management/components/detail.vue
 create mode 100644 src/views/emergen_cyrescue/emergency_information/security_agency/transportation_management/components/list.vue
 create mode 100644 src/views/emergen_cyrescue/emergency_information/security_agency/transportation_management/index.vue

diff --git a/src/views/emergen_cyrescue/emergency_information/security_agency/transportation_management/components/detail.vue b/src/views/emergen_cyrescue/emergency_information/security_agency/transportation_management/components/detail.vue
new file mode 100644
index 0000000..6eb2a4d
--- /dev/null
+++ b/src/views/emergen_cyrescue/emergency_information/security_agency/transportation_management/components/detail.vue
@@ -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>
diff --git a/src/views/emergen_cyrescue/emergency_information/security_agency/transportation_management/components/list.vue b/src/views/emergen_cyrescue/emergency_information/security_agency/transportation_management/components/list.vue
new file mode 100644
index 0000000..c487381
--- /dev/null
+++ b/src/views/emergen_cyrescue/emergency_information/security_agency/transportation_management/components/list.vue
@@ -0,0 +1,516 @@
+<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="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.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="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_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-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="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-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: '',
+      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: ''
+      },
+      // 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: 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' }
+      //   ],
+      //   EMERGENCY_TRANSPORT_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' }
+      //   ],
+      //   PASSENGER_TRANSPORT_CAPACITY: [
+      //     { required: true, message: '客运能力不能为空', trigger: 'blur' },
+      //     { min: 1, max: 255, message: '长度在 1 到 255 个字符', trigger: 'blur' }
+      //   ],
+      //   CARGO_TRANSPORT_CAPACITY: [
+      //     { required: true, message: '货运能力不能为空', trigger: 'blur' },
+      //     { min: 1, max: 255, message: '长度在 1 到 255 个字符', 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: {
+    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/transportation/list?showCount=' + this.listQuery.limit + '&currentPage=' + 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('/major/transportation/detail', params).then((response) => {
+        const data = response.msg
+        console.log(data)
+        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,
+          ID: data.ID
+        }
+      }).catch((e) => {
+        console.error('获取详情数据失败', e)
+      })
+    },
+    handleAdd() {
+      this.dialogFormEdit = true
+      this.form = {}
+      this.dialogType = 'saveUser'
+      this.$refs.upload.clearFiles()
+    },
+    confirm() {
+      this.$refs.form.validate(valid => {
+        if (valid) {
+          if (this.FFILE.length > 0) {
+            this.upload((v) => {
+              this.form.FILE_URL = v
+              this.$refs.upload.clearFiles()
+              this.dataSave()
+            })
+          } else {
+            this.dataSave()
+          }
+        } else {
+          return false
+        }
+      })
+    },
+    dataSave() {
+      this.listLoading = true
+      requestFN(
+        '/major/transportation/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(
+          '/caseLibrary/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(
+          '/caseLibrary/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>
+
diff --git a/src/views/emergen_cyrescue/emergency_information/security_agency/transportation_management/index.vue b/src/views/emergen_cyrescue/emergency_information/security_agency/transportation_management/index.vue
new file mode 100644
index 0000000..ac13f74
--- /dev/null
+++ b/src/views/emergen_cyrescue/emergency_information/security_agency/transportation_management/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>