From bf166f24cf08311e1aea208b13b030e540a5cbce Mon Sep 17 00:00:00 2001
From: liy <3101763317@qq.com>
Date: Thu, 11 Jul 2024 16:46:48 +0800
Subject: [PATCH] li

---
 .../shift_registration/components/detail.vue  | 244 ++++++
 .../shift_registration/components/list.vue    | 779 ++++++++++++++++++
 .../shift_registration/index.vue              |  19 +
 3 files changed, 1042 insertions(+)
 create mode 100644 src/views/emergen_cyrescue/emergency_report/duty_management/shift_registration/components/detail.vue
 create mode 100644 src/views/emergen_cyrescue/emergency_report/duty_management/shift_registration/components/list.vue
 create mode 100644 src/views/emergen_cyrescue/emergency_report/duty_management/shift_registration/index.vue

diff --git a/src/views/emergen_cyrescue/emergency_report/duty_management/shift_registration/components/detail.vue b/src/views/emergen_cyrescue/emergency_report/duty_management/shift_registration/components/detail.vue
new file mode 100644
index 0000000..67a68ee
--- /dev/null
+++ b/src/views/emergen_cyrescue/emergency_report/duty_management/shift_registration/components/detail.vue
@@ -0,0 +1,244 @@
+<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.RESCUE_TEAM_NAME }}</td>
+            <td class="tbg">地址</td>
+            <td>{{ form.RESCUE_TEAM_ADDRESS }}</td>
+          </tr>
+          <tr>
+            <td class="tbg">类型</td>
+            <td>{{ form.TYPE_NAME }}</td>
+            <td class="tbg">级别</td>
+            <td>{{ form.LEVEL }}</td>
+          </tr>
+          <tr>
+            <td class="tbg">密级</td>
+            <td>{{ form.SECURITY_LEVEL }}</td>
+            <td class="tbg">所属区域</td>
+            <td>{{ form.AREA_NAME }}</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>{{ form.POSTAL_CODE }}</td>
+            <td class="tbg">成立时间</td>
+            <td>{{ form.ESTABLISHMENT_DATE }}</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.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>{{ form.TOTAL_PERSONNEL }}</td>
+            <td class="tbg">应急通信方式</td>
+            <td>{{ form.EMERGENCY_COMMUNICATION_MODE }}</td>
+          </tr>
+          <tr>
+            <td class="tbg">预计准备时间</td>
+            <td>{{ form.EXPECTED_PREPARATION_TIME }}</td>
+            <td class="tbg">集合出发地点</td>
+            <td>{{ form.ASSEMBLY_DEPARTURE_LOCATION }}</td>
+          </tr>
+          <tr>
+            <td class="tbg">主要职责</td>
+            <td colspan="3">{{ form.MAIN_DUTIES }}</td>
+          </tr>
+          <tr>
+            <td class="tbg">主要装备描述</td>
+            <td colspan="3">{{ form.MAIN_EQUIPMENT_DESCRIPTION }}</td>
+          </tr>
+          <tr>
+            <td class="tbg">专长描述</td>
+            <td colspan="3">{{ form.SPECIALTY_DESCRIPTION }}</td>
+          </tr>
+          <tr>
+            <td class="tbg">资质等级</td>
+            <td colspan="3">{{ form.QUALIFICATION_LEVEL }}</td>
+          </tr>
+          <tr>
+            <td class="tbg">应急救援经历</td>
+            <td colspan="3">{{ form.EMERGENCY_RESCUE_EXPERIENCE }}</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: {
+        RESCUE_TEAM_NAME: '',
+        RESCUE_TEAM_ADDRESS: '',
+        TYPE: '',
+        TYPE_NAME: '',
+        LEVEL: '',
+        LEVEL_NAME: '',
+        SECURITY_LEVEL: '',
+        SECURITY_LEVEL_NAME: '',
+        AREA: '',
+        AREA_NAME: '',
+        DUTY_PHONE: '',
+        FAX: '',
+        POSTAL_CODE: '',
+        LONGITUDE: '',
+        LATITUDE: '',
+        RESPONSIBLE_PERSON: '',
+        RESPONSIBLE_OFFICE_PHONE: '',
+        RESPONSIBLE_MOBILE_PHONE: '',
+        RESPONSIBLE_HOME_PHONE: '',
+        CONTACT_PERSON: '',
+        CONTACT_OFFICE_PHONE: '',
+        CONTACT_MOBILE_PHONE: '',
+        CONTACT_HOME_PHONE: '',
+        CONTACT_EMAIL: '',
+        TOTAL_PERSONNEL: '',
+        ESTABLISHMENT_DATE: '',
+        EMERGENCY_COMMUNICATION_MODE: '',
+        SUPERVISING_UNIT_NAME: '',
+        SUPERVISING_UNIT_ADDRESS: '',
+        MAIN_DUTIES: '',
+        MAIN_EQUIPMENT_DESCRIPTION: '',
+        SPECIALTY_DESCRIPTION: '',
+        QUALIFICATION_LEVEL: '',
+        EMERGENCY_RESCUE_EXPERIENCE: '',
+        EXPECTED_PREPARATION_TIME: '',
+        ASSEMBLY_DEPARTURE_LOCATION: '',
+        REMARK: ''
+      },
+      Id: ''
+    }
+  },
+  created() {
+    if (this.$parent.CASE_ID) {
+      this.Id = this.$parent.CASE_ID
+      this.getDetail(this.Id)
+    }
+  },
+  methods: {
+    goBack() {
+      this.$parent.activeName = 'list'
+    },
+    getDetail(Id) {
+      const params = { Id }
+      requestFN('/major/emergency/detail', params).then((response) => {
+        const data = response.msg
+        this.form = {
+          RESCUE_TEAM_NAME: data.RESCUE_TEAM_NAME,
+          RESCUE_TEAM_ADDRESS: data.RESCUE_TEAM_ADDRESS,
+          TYPE: data.TYPE,
+          TYPE_NAME: data.TYPE_NAME,
+          LEVEL: data.LEVEL,
+          LEVEL_NAME: data.LEVEL_NAME,
+          SECURITY_LEVEL: data.SECURITY_LEVEL,
+          SECURITY_LEVEL_NAME: data.SECURITY_LEVEL_NAME,
+          AREA: data.AREA,
+          AREA_NAME: data.AREA_NAME,
+          DUTY_PHONE: data.DUTY_PHONE,
+          FAX: data.FAX,
+          POSTAL_CODE: data.POSTAL_CODE,
+          LONGITUDE: data.LONGITUDE,
+          LATITUDE: data.LATITUDE,
+          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,
+          TOTAL_PERSONNEL: data.TOTAL_PERSONNEL,
+          ESTABLISHMENT_DATE: data.ESTABLISHMENT_DATE,
+          EMERGENCY_COMMUNICATION_MODE: data.EMERGENCY_COMMUNICATION_MODE,
+          SUPERVISING_UNIT_NAME: data.SUPERVISING_UNIT_NAME,
+          SUPERVISING_UNIT_ADDRESS: data.SUPERVISING_UNIT_ADDRESS,
+          MAIN_DUTIES: data.MAIN_DUTIES,
+          MAIN_EQUIPMENT_DESCRIPTION: data.MAIN_EQUIPMENT_DESCRIPTION,
+          SPECIALTY_DESCRIPTION: data.SPECIALTY_DESCRIPTION,
+          QUALIFICATION_LEVEL: data.QUALIFICATION_LEVEL,
+          EMERGENCY_RESCUE_EXPERIENCE: data.EMERGENCY_RESCUE_EXPERIENCE,
+          EXPECTED_PREPARATION_TIME: data.EXPECTED_PREPARATION_TIME,
+          ASSEMBLY_DEPARTURE_LOCATION: data.ASSEMBLY_DEPARTURE_LOCATION,
+          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>
diff --git a/src/views/emergen_cyrescue/emergency_report/duty_management/shift_registration/components/list.vue b/src/views/emergen_cyrescue/emergency_report/duty_management/shift_registration/components/list.vue
new file mode 100644
index 0000000..9ab1a43
--- /dev/null
+++ b/src/views/emergen_cyrescue/emergency_report/duty_management/shift_registration/components/list.vue
@@ -0,0 +1,779 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+      <el-form inline>
+
+        <el-form-item prop="ORGAN_ID" style="width: 250px;">
+          <Treeselect
+            :options="DepartmentData"
+            v-model="ORGAN_ID"
+
+            placeholder="请选择单位"
+            no-options-text="暂无数据"
+            no-children-text="暂无数据"
+            @input="handleDepartmentChange"
+          />
+        </el-form-item>
+
+        <el-form-item label="月份：" prop="monthvalue">
+
+          <el-date-picker
+            v-model="monthvalue"
+            type="month"
+            format="yyyy-MM"
+            placeholder="选择月"/>
+
+        </el-form-item>
+        <el-form-item>
+          <el-button class="filter-item" type="primary" icon="el-icon-tickets" @click="tempdown">模版下载</el-button>
+          <el-button class="filter-item" type="primary" icon="el-icon-top" @click="tolead">导入</el-button>
+          <el-button class="filter-item" type="primary" icon="el-icon-top" @click="clearmonth">清空本月</el-button>
+        </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
+      :data="varList"
+      :header-cell-style="{'font-weight': 'bold','color': '#000'}"
+      tooltip-effect="dark"
+      border
+      fit
+      highlight-current-row
+    >
+      <el-table-column
+        prop="DUTY_DATE"
+        label="值班日期"
+        width="150"/>
+      <el-table-column label="早班">
+        <el-table-column
+          prop="name"
+          label="值班领导"
+          width="180">
+
+          <template v-slot="scope">
+            <div style="display: flex;justify-content: space-between">
+              <div >
+                <el-tag
+                  v-for=" tag in scope.row.morningShiftForLeader"
+                  :key="tag.ID"
+                  closable
+                  disable-transitions
+                  style="cursor: pointer;"
+                  @click="peopleDetail(tag.ID,tag.PEOPLE_NAME)"
+                  @close="peopleClose(scope.row.morningShiftForLeader,tag,tag.ID)"> {{ tag.PEOPLE_NAME }}</el-tag>
+              </div>
+              <div>
+                <i class="el-icon-plus" style="cursor: pointer;" @click="addPeopleTz(scope.row.morningShiftForLeader,scope.row.ID,1,1)"/>
+              </div>
+            </div>
+
+          </template>
+        </el-table-column>
+
+        <el-table-column
+          prop="name"
+          label="值班员"
+          width="180">
+          <template v-slot="scope">
+            <div style="display: flex;justify-content: space-between">
+              <div >
+                <el-tag
+                  v-for=" tag in scope.row.morningShiftForAttendant"
+                  :key="tag.ID"
+                  closable
+                  style="cursor: pointer;"
+                  disable-transitions
+                  @click="peopleDetail(tag.ID,tag.PEOPLE_NAME)"
+                  @close="peopleClose(scope.row.morningShiftForAttendant,tag,tag.ID)">
+
+                  {{ tag.PEOPLE_NAME }}
+
+                </el-tag>
+              </div>
+              <div>
+                <i class="el-icon-plus" style="cursor: pointer;" @click="addPeopleTz(scope.row.morningShiftForAttendant,scope.row.ID,2,1)"/>
+              </div>
+            </div>
+
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="name"
+          label="值班司机"
+          width="180" >
+          <template v-slot="scope">
+            <div style="display: flex;justify-content: space-between">
+              <div >
+                <el-tag
+                  v-for=" tag in scope.row.morningShiftForDrivers"
+                  :key="tag.ID"
+                  closable
+                  style="cursor: pointer;"
+                  disable-transitions
+                  @click="peopleDetail(tag.ID,tag.PEOPLE_NAME)"
+                  @close="peopleClose(scope.row.morningShiftForDrivers,tag,tag.ID)"> {{ tag.PEOPLE_NAME }}</el-tag>
+              </div>
+              <div>
+                <i class="el-icon-plus" style="cursor: pointer;" @click="addPeopleTz(scope.row.morningShiftForDrivers,scope.row.ID,3,1)"/>
+              </div>
+            </div>
+
+          </template>
+        </el-table-column>
+      </el-table-column>
+
+      <el-table-column label="晚班">
+        <el-table-column
+          prop="name"
+          label="值班领导"
+          width="180">
+          <template v-slot="scope">
+            <div style="display: flex;justify-content: space-between">
+              <div >
+                <el-tag
+                  v-for=" tag in scope.row.morningShiftForLeaderForNight"
+                  :key="tag.ID"
+                  closable
+                  disable-transitions
+                  style="cursor: pointer;"
+                  @click="peopleDetail(tag.ID,tag.PEOPLE_NAME)"
+                  @close="peopleClose(scope.row.morningShiftForLeaderForNight,tag,tag.ID)"> {{ tag.PEOPLE_NAME }}</el-tag>
+              </div>
+              <div>
+                <i class="el-icon-plus" style="cursor: pointer;" @click="addPeopleTz(scope.row.morningShiftForLeaderForNight,scope.row.ID,1,2)"/>
+              </div>
+            </div>
+
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="name"
+          label="值班员"
+          width="180">
+          <template v-slot="scope">
+            <div style="display: flex;justify-content: space-between">
+              <div >
+                <el-tag
+                  v-for=" tag in scope.row.morningShiftForAttendantForNight"
+                  :key="tag.ID"
+                  closable
+                  disable-transitions
+                  style="cursor: pointer;"
+                  @click="peopleDetail(tag.ID,tag.PEOPLE_NAME)"
+                  @close="peopleClose(scope.row.morningShiftForAttendantForNight,tag,tag.ID)"> {{ tag.PEOPLE_NAME }}</el-tag>
+              </div>
+              <div>
+                <i class="el-icon-plus" style="cursor: pointer;" @click="addPeopleTz(scope.row.morningShiftForAttendantForNight,scope.row.ID,2,2)"/>
+              </div>
+            </div>
+
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="name"
+          label="值班司机"
+          width="180">
+          <template v-slot="scope">
+            <div style="display: flex;justify-content: space-between">
+              <div >
+                <el-tag
+                  v-for=" tag in scope.row.morningShiftForDriversForNight"
+                  :key="tag.ID"
+                  closable
+                  disable-transitions
+                  style="cursor: pointer;"
+                  @click="peopleDetail(tag.ID,tag.PEOPLE_NAME)"
+                  @close="peopleClose(scope.row.morningShiftForDriversForNight,tag,tag.ID)"> {{ tag.PEOPLE_NAME }}</el-tag>
+              </div>
+              <div>
+                <i class="el-icon-plus" style="cursor: pointer;" @click="addPeopleTz(scope.row.morningShiftForDriversForNight,scope.row.ID,3,2)"/>
+              </div>
+            </div>
+
+          </template>
+        </el-table-column>
+      </el-table-column>
+
+      <el-table-column
+        prop="REMARKS"
+        label="备注"
+      />
+      <el-table-column label="操作" align="center" width="200">
+        <template slot-scope="{row}">
+          <el-button type="danger" icon="el-icon-delete" size="mini" @click="clearyjDityMain(row.ID)">清空</el-button>
+          <el-button type="primary" icon="el-icon-edit" size="mini" @click="updateMainDity(row.ID)">编辑</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-dialog :visible.sync="dialogPeopleFormEdit" :title="formPeople.PEOPLE_TYPE==1?'值班领导':formPeople.PEOPLE_TYPE==2?'值班员':'值班司机' " width="400px">
+      <el-form ref="formPeople" :model="formPeople" label-width="110px" style="width: 300px;">
+
+        <el-form-item label="姓名" prop="PEOPLE_NAME">
+          <el-input v-model="formPeople.PEOPLE_NAME" placeholder="这里姓名..." />
+        </el-form-item>
+
+        <el-form-item label="电话" prop="PEOPLE_PHONE">
+          <el-input
+            v-model="formPeople.PEOPLE_PHONE"
+
+            placeholder="请输入电话..."/>
+        </el-form-item>
+
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="addSysChoice">从系统中选</el-button>
+        <el-button @click="dialogPeopleFormEdit = false">取 消</el-button>
+        <el-button type="primary" @click="savePeople">确 定</el-button>
+      </div>
+    </el-dialog>
+
+    <el-dialog :visible.sync="dialogFormPeopleDetailShow" title="人员详情" width="400px">
+      <table class="table-ui">
+        <tr>
+          <td class="tbg">姓名</td>
+          <td>
+            <div v-html="formPeopleDetail.PEOPLE_NAME" />
+          </td>
+        </tr>
+        <tr>
+          <td class="tbg">电话</td>
+          <td>
+            <div v-html="formPeopleDetail.PEOPLE_PHONE" />
+          </td>
+        </tr>
+
+      </table>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormPeopleDetailShow = false">关 闭</el-button>
+      </div>
+    </el-dialog>
+
+    <el-dialog :visible.sync="dialogPeopleMainEdit" title="编辑" width="400px">
+      <el-form ref="formPeople" :model="formMainPeople" label-width="110px" style="width: 300px;">
+
+        <el-form-item label="排班登记名称" prop="PEOPLE_NAME">
+          <el-input v-model="formMainPeople.DUTY_NAME" placeholder="这里排班登记名称..." />
+        </el-form-item>
+
+        <el-form-item label="排班登记类型" prop="DUTY_REG_TYPE">
+          <el-input
+            v-model="formMainPeople.DUTY_REG_TYPE"
+            placeholder="请输入排班登记类型..."/>
+        </el-form-item>
+        <el-form-item label="备注" prop="REMARKS">
+          <el-input
+            v-model="formMainPeople.REMARKS"
+            type="textarea"
+            placeholder="请输入备注..."/>
+        </el-form-item>
+
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogPeopleMainEdit = false">取 消</el-button>
+        <el-button type="primary" @click="saveMainDity">确 定</el-button>
+      </div>
+    </el-dialog>
+
+    <el-dialog :visible.sync="exceltempFormAdd" title="模版导入" width="280px">
+      <el-form ref="formPeople" label-width="100px" >
+        <el-form-item label="请选择模版">
+
+          <el-upload
+            ref="upload"
+            :on-change="handleEditChange"
+            :on-remove="handleRemove"
+            :auto-upload="false"
+            :limit="1"
+            action="#" >
+            <el-button size="small" type="primary">点击上传</el-button>
+
+          </el-upload>
+
+        </el-form-item>
+      </el-form>
+
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="exceltempFormAdd = false">取 消</el-button>
+        <el-button type="primary" @click="confirmExcel()">确 定</el-button>
+      </div>
+    </el-dialog>
+
+    <el-dialog :visible.sync="dialogFormAddSysChoiceShow" title="选择人员" width="850px">
+      <el-container>
+        <el-aside width="240px" style="background-color:#fff">
+          <el-tree
+            ref="tree"
+            :data="nodeData"
+            :props="defaultProps"
+            :filter-node-method="filterNode"
+            :load="getTreeNode"
+            lazy
+            class="filter-tree"
+            accordion
+            @node-click="handleNodeClick" />
+        </el-aside>
+        <el-main>
+          <div class="filter-btn-group">
+            <el-form label-width="100px">
+              <el-row>
+                <el-col :span="10">
+                  <el-form-item label="姓名">
+                    <el-input v-model="addressName" placeholder="搜索姓名"/>
+                  </el-form-item>
+                </el-col>
+
+                <el-col :span="10">
+                  <el-form-item label="性别">
+                    <el-radio v-model="addressSex" label="0">男</el-radio>
+                    <el-radio v-model="addressSex" label="1">女</el-radio>
+                  </el-form-item>
+                </el-col>
+                <el-col >
+                  <el-form-item label-width="10px">
+                    <el-button class="filter-item" type="primary" icon="el-icon-search" @click="getAddressList">
+                      搜索
+                    </el-button>
+                    <el-button class="filter-item" type="success" icon="el-icon-refresh" @click="goKeyReset">
+                      重置
+                    </el-button>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </el-form>
+          </div>
+          <el-table ref="multipleTable" :data="adressvarList" :header-cell-style="{'font-weight': 'bold','color': '#000'}" style="height:350px" tooltip-effect="dark" border fit highlight-current-row>
+            <el-table-column type="selection" width="55" align="center" />
+            <el-table-column prop="NAME" label="姓名" />
+            <el-table-column prop="SEX" width="180" align="center" label="性别" >
+              <template v-slot="{row}">
+                <span>{{ row.SEX==='0'?'男':'女' }}</span>
+              </template>
+
+            </el-table-column>
+            <el-table-column prop="OFFICE_PHONE" label="移动电话" />
+            <el-table-column prop="MOVE_PHONE" label="办公电话" />
+
+          </el-table>
+          <div class="page-btn-group">
+            <div />
+            <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+          </div>
+        </el-main>
+      </el-container>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormAddSysChoiceShow = false">取 消</el-button>
+        <el-button type="primary" @click="savePeople2">确 定</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'
+import moment from 'moment'
+import { upload } from '@/utils/upload'
+export default {
+  components: { Treeselect, Pagination },
+  data() {
+    return {
+      exceltempFormAdd: false,
+      FFILE: [],
+      dialogPeopleMainEdit: false,
+      formMainPeople: {
+        DUTY_NAME: '',
+        DUTY_REG_TYPE: '',
+        REMARKS: ''
+      },
+
+      monthvalue: moment().startOf('day').format('YYYY-MM'),
+      dialogPeopleFormEdit: false,
+
+      varList: [],
+      KEYWORDS: '',
+
+      formPeople: {
+        MAIN_ID: '',
+        PEOPLE_TYPE: '',
+        PEOPLE_NAME: '',
+        PEOPLE_PHONE: '',
+        DITY_TYPE: ''
+      },
+      dynamicTags: [],
+      // 人员详情弹框
+      formPeopleDetail: {
+        PEOPLE_NAME: '',
+        PEOPLE_PHONE: ''
+      },
+      dialogFormPeopleDetailShow: false,
+
+      dialogFormAddSysChoiceShow: false,
+      //* *******应急通讯录************
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      total: 0,
+      adressvarList: [],
+      addressName: '',
+      addressSex: '',
+      nodeData: [],
+      addressgroupId: '',
+      defaultProps: {
+        value: 'DICTIONARIES_ID',
+        children: 'nodes',
+        label: 'NAME'
+      },
+      ORGAN_ID: null,
+      DepartmentData: [],
+      normalizer(node) {
+        return {
+          id: node.DICTIONARIES_ID,
+          label: node.name,
+          children: node.nodes
+        }
+      }
+    }
+  },
+  created() {
+    this.getDepartmentList(() => {
+      this.getList()
+    })
+  },
+  methods: {
+    //* *************部门组件查询*************************
+    getDepartmentList(fun) {
+      requestFN('/department/listAll').then((data) => {
+        this.DepartmentData = data.list.map(item => ({
+          id: item.department_ID,
+          label: item.name
+        }))
+        this.ORGAN_ID = this.DepartmentData[0].id
+        fun()
+        console.log(this.DepartmentData)
+      }).catch((e) => {
+        console.error('获取主管单位数据失败', e)
+      })
+    },
+    handleDepartmentChange(value) {
+      const selectedDepartment = this.DepartmentData.find(department => department.id === value)
+      if (selectedDepartment) {
+        this.ORGAN_ID = selectedDepartment.id
+      }
+    },
+    //* *********************应急通讯录选人*******************
+    clearmonth() {
+      requestFN(
+        '/workingSchedule/clearOrganMonth',
+        {
+          ORGAN_ID: this.ORGAN_ID,
+          date: this.monthvalue
+        }
+      ).then((data) => {
+        this.$message({
+          message: '清空成功',
+          type: 'success'
+        })
+        this.getList()
+      })
+        .catch((e) => {
+          this.listLoading = false
+        })
+    },
+    handleNodeClick(node, data, value) {
+      this.addressgroupId = node.DICTIONARIES_ID
+      this.getAddressList()
+    },
+    getTreeNode(node, resolve) {
+      if (node.level === 0) {
+        requestFN(
+          '/yjcommunicate/getCommunicateGroupLevels',
+          {
+            regulationsId: ''
+          }
+        ).then((data) => {
+          resolve(data.list)
+        }).catch((e) => {
+        })
+      } else {
+        requestFN(
+          '/yjcommunicate/getCommunicateGroupLevels',
+          {
+            regulationsId: node.data.DICTIONARIES_ID
+          }
+        ).then((data) => {
+          resolve(data.list)
+        }).catch((e) => {
+        })
+      }
+    },
+    filterNode(value, data) {
+      if (!value) return true
+      return data.NAME.indexOf(value) !== -1
+    },
+    goKeyReset() {
+      this.addressName = ''
+      this.addressgroupId = ''
+      this.addressSex = ''
+      this.getAddressList()
+    },
+    getAddressList() {
+      this.listLoading = true
+      requestFN(
+        '/yjcommunicate/listAddressBook?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          groupId: this.addressgroupId,
+          addressName: this.addressName,
+          addressSex: this.addressSex
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.adressvarList = data.varList
+        this.total = data.page.totalResult
+      })
+        .catch((e) => {
+          this.listLoading = false
+        })
+    },
+    addSysChoice() {
+      this.dialogPeopleFormEdit = false
+      this.dialogFormAddSysChoiceShow = true
+      this.getAddressList()
+    },
+    // **********************文件上传*********************
+    handleEditChange(file) {
+      file.MATERIALS_ID = Math.random()
+      const is5M = file.size / 1024 / 1024 < 5
+      if (is5M) this.FFILE.push(file)
+    },
+    handleRemove(file, fileList) {
+      this.FFILE = fileList
+    },
+    confirmExcel() {
+      if (this.FFILE.length > 0) {
+        this.upload((v) => {
+          this.$message({
+            message: '导入成功',
+            type: 'success'
+          })
+          this.exceltempFormAdd = false
+          this.$refs.upload.clearFiles()
+          this.getList()
+        })
+      }
+    },
+    upload(fun) {
+      const formData = new FormData()
+
+      for (let i = 0; i < this.FFILE.length; i++) {
+        if (this.FFILE[i].raw) {
+          formData.append('FFILE', this.FFILE[i].raw)
+        }
+      }
+      formData.append('date', this.monthvalue)
+      formData.append('ORGAN_ID', this.ORGAN_ID)
+      upload(
+        '/workingSchedule/upload',
+        formData
+      ).then((data) => {
+        fun()
+      }).catch((e) => {
+      })
+    },
+    //* ****************Excel功能********************
+    tempdown() {
+      const url = config.httpurl + '/workingSchedule/download?date=' + this.monthvalue
+
+      setTimeout(function() {
+        window.open(url)
+        //  _this.$refs.downloadUrl.dispatchEvent(new MouseEvent('click'))
+      }, 200)
+    },
+    tolead() {
+      this.exceltempFormAdd = true
+      this.FFILE = []
+      this.$refs.upload.clearFiles()
+    },
+    clearyjDityMain(id) {
+      this.$confirm('确定要清除排班数据吗?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.listLoading = true
+        requestFN(
+          '/workingSchedule/clearyjDityMain',
+          {
+            id: id
+          }
+        ).then((data) => {
+          if (data.result == 'success') {
+            this.listLoading = false
+            this.getList2()
+          }
+        }).catch((e) => {
+          this.listLoading = false
+        })
+      }).catch(() => {
+      })
+    },
+    //* ****************************保存排班主表数据*******************************
+    updateMainDity(id) {
+      requestFN('/workingSchedule/getDityMainDetail', { id: id }).then((data) => {
+        this.listLoading = false
+
+        this.formMainPeople = {
+          ID: data.data.ID,
+          DUTY_REG_TYPE: data.data.DUTY_REG_TYPE,
+          REMARKS: data.data.REMARKS,
+          DUTY_NAME: data.data.DUTY_NAME
+        }
+        this.dialogPeopleMainEdit = true
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    saveMainDity() {
+      requestFN('/workingSchedule/saveMian', this.formMainPeople).then((data) => {
+        this.dialogPeopleMainEdit = false
+        this.getList2()
+      }).catch((e) => {
+        // this.listLoading = false
+      })
+    },
+    //* ******************************排班人员操作*************************
+    peopleDetail(id, name) {
+      this.listLoading = true
+      requestFN('/workingSchedule/getDityPeopleDetail', { id: id, name: name }).then((data) => {
+        this.listLoading = false
+        // this.varList = []
+        // this.getList()
+        this.formPeopleDetail = {
+          PEOPLE_NAME: data.data.PEOPLE_NAME,
+          PEOPLE_PHONE: data.data.PEOPLE_PHONE
+        }
+      }).catch((e) => {
+        this.listLoading = false
+      })
+      this.dialogFormPeopleDetailShow = true
+    },
+    peopleClose(dynamicTags, tag, id) {
+      dynamicTags.splice(dynamicTags.indexOf(tag), 1)
+      this.listLoading = true
+      requestFN('/workingSchedule/deletePeople', { id: id }).then((data) => {
+        this.listLoading = false
+      //  this.varList = []
+      //  this.getList()
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    addPeopleTz(dynamicTags, id, type, dity_type) {
+      this.formPeople = {
+        MAIN_ID: id,
+        PEOPLE_TYPE: type,
+        PEOPLE_NAME: '',
+        DITY_TYPE: dity_type,
+        PEOPLE_SOURCE: '1'
+      }
+      this.dynamicTags = dynamicTags
+      this.dialogPeopleFormEdit = true
+    },
+    // 保存值班人员
+    savePeople() {
+      this.dynamicTags.push(this.formPeople)
+      // this.listLoading = true
+      requestFN('/workingSchedule/savePeopleMian', this.formPeople).then((data) => {
+        // this.listLoading = false
+        this.dialogPeopleFormEdit = false
+        // this.varList = []
+        this.getList2()
+      }).catch((e) => {
+        // this.listLoading = false
+      })
+    },
+    savePeople2() {
+      const _selectData = this.$refs.multipleTable.selection
+      if (_selectData == null || _selectData.length == 0) {
+        this.$message({
+          message: '请选择人员...',
+          type: 'error'
+        })
+        return false
+      }
+      const ids = _selectData.map((item, index) => {
+        return item.ADDRESS_ID
+      }).join(',')
+
+      this.formPeople.ids = ids
+      this.formPeople.PEOPLE_SOURCE = 2
+      // this.listLoading = true
+      requestFN('/workingSchedule/savePeopleMian2', this.formPeople).then((data) => {
+        // this.listLoading = false
+        this.dialogFormAddSysChoiceShow = false
+        // this.varList = []
+        this.getList2()
+      }).catch((e) => {
+        // this.listLoading = false
+      })
+    },
+    //* *******************************************
+    resetQuery() {
+      this.monthvalue = moment().startOf('day').format('YYYY-MM')
+      this.ORGAN_ID = this.DepartmentData[0].id
+      this.getQuery()
+    },
+
+    //* *******************列表查询******************************
+
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/workingSchedule/list',
+        {
+          date: this.monthvalue,
+          ORGAN_ID: this.ORGAN_ID
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.varList = data.varList
+      })
+        .catch((e) => {
+          this.listLoading = false
+        })
+    },
+    getList2() {
+      requestFN(
+        '/workingSchedule/list',
+        {
+          ORGAN_ID: this.ORGAN_ID,
+          date: this.monthvalue
+        }
+      ).then((data) => {
+        this.varList = data.varList
+      })
+        .catch((e) => {
+
+        })
+    },
+
+    getQuery() {
+      // this.$refs.multipleTable.clearSelection()
+      this.getList()
+    }
+  }
+}
+</script>
+<style>
+.el-dialog__body {
+  padding: 10px 20px !important;
+
+}
+</style>
diff --git a/src/views/emergen_cyrescue/emergency_report/duty_management/shift_registration/index.vue b/src/views/emergen_cyrescue/emergency_report/duty_management/shift_registration/index.vue
new file mode 100644
index 0000000..ac13f74
--- /dev/null
+++ b/src/views/emergen_cyrescue/emergency_report/duty_management/shift_registration/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>