From 79e20fa3e4869458be644f59f60777a3bd06477a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=BD=97=E6=96=8C=E6=9D=B0?= <>
Date: Sun, 24 Nov 2024 18:16:09 +0800
Subject: [PATCH] ui

---
 .../appoint_schedule/AppointSchedule.vue      | 1101 +++++++++++------
 1 file changed, 697 insertions(+), 404 deletions(-)

diff --git a/src/components/appoint_schedule/AppointSchedule.vue b/src/components/appoint_schedule/AppointSchedule.vue
index b9cae7b..e8b5855 100644
--- a/src/components/appoint_schedule/AppointSchedule.vue
+++ b/src/components/appoint_schedule/AppointSchedule.vue
@@ -1,236 +1,413 @@
 <template>
+  <div>
+    <!-- 组件主体 -->
     <div>
-        <!-- 组件主体 -->
+      <!-- 查询条件 -->
+      <div style="display: flex; font-size: 14px">
         <div>
-            <!-- 查询条件 -->
-            <div style="display: flex;font-size: 14px;">
-                <div>
-                    <span style="margin-right: 5px;">体检中心</span>
-                    <el-select v-model="thisData.querySchedule.medicalCenterId" placeholder="请选择体检中心"
-                        style="width: 240px">
-                        <el-option v-for="item in state.dict.medicalCenter" :key="item.id" :label="item.displayName"
-                            :value="item.id" />
-                    </el-select>
-                </div>
-                <el-tooltip content="查询或刷新" placement="top">
-                    <el-button :icon="Search" @click="btnQuery"
-                        :style="`margin-left: 0px;min-width:40px;color:#67C23A;font-size: ${state.winForm.icon.size}px;`" />
-                </el-tooltip>
+          <span style="margin-right: 5px">体检中心</span>
+          <el-select
+            v-model="thisData.querySchedule.medicalCenterId"
+            placeholder="请选择体检中心"
+            style="width: 240px"
+          >
+            <el-option
+              v-for="item in state.dict.medicalCenter"
+              :key="item.id"
+              :label="item.displayName"
+              :value="item.id"
+            />
+          </el-select>
+        </div>
+        <el-tooltip content="查询或刷新" placement="top">
+          <el-button
+            :icon="Search"
+            @click="btnQuery"
+            :style="`margin-left: 0px;min-width:40px;color:#67C23A;font-size: ${state.winForm.icon.size}px;`"
+          />
+        </el-tooltip>
+      </div>
+      <!-- 页面菜单 -->
+      <el-menu mode="horizontal" @select="menuSelect">
+        <el-menu-item index="menuSchedule" @click="menuSchedule"
+          >制定预约计划</el-menu-item
+        >
+        <el-menu-item v-if="false" index="test" @click="menuTest"
+          >测试</el-menu-item
+        >
+      </el-menu>
+      <!-- 数据表格 -->
+      <el-calendar v-model="thisData.currDate" style="height: 430px">
+        <template #date-cell="{ data }">
+          <div style="padding: 2px; height: 50px">
+            <div>
+              {{ data.day.split("-").slice(2).join("-") }}
+              {{ data.isSelected ? "★" : "" }}
+            <el-button v-if="getSchedule(data.day)['msg'] != '无计划'" style="float:right" @click.stop="openDialogVisible(data.day)">
+                禁止
+              </el-button>
             </div>
-            <!-- 页面菜单 -->
-            <el-menu mode="horizontal" @select="menuSelect">
-                <el-menu-item index="menuSchedule" @click="menuSchedule">制定预约计划</el-menu-item>
-                <el-menu-item v-if="false" index="test" @click="menuTest">测试</el-menu-item>
-            </el-menu>
-            <!-- 数据表格 -->
-            <el-calendar v-model="thisData.currDate" style="height: 430px;">
-                <template #date-cell="{ data }">
-                    <div style="padding: 2px;height: 50px;">
-                        <div>
-                            {{ data.day.split('-').slice(2).join('-') }}
-                            {{ data.isSelected ? '★' : '' }}
-                        </div>
-                        <div v-if="getSchedule(data.day)['msg'] != '无计划'" style="font-size: 14px;color: blue">
-                            <el-checkbox v-model="thisData.tableData[getSchedule(data.day)['seq']]['isWork']" :disabled="!data.isSelected"
-                                true-value="Y" false-value="N" size="large" @change="changeIsWork(getSchedule(data.day)['seq'])"/>
-                            {{ getSchedule(data.day)['msg'] }}
-                        </div>
-                    </div>
-                </template>
-            </el-calendar>
-
-            <div :id="`el_${thisData.base.name}_table`">
-                <!--表格-->
-                <el-table ref="ref_table" :data="thisData.tableDataDetails" row-key="appointScheduleTemplateId" border
-                    style="width: 100%" id="tableId" :height="tableHeight" highlight-current-row
-                    @selection-change="selectionChange">
-                    <el-table-column type="selection" width="40" align="center" />
-                    <el-table-column type="index" label="序号" width="40" align="center" />
-
-                    <el-table-column prop="startTime" label="开始时间" width="100" align="center">
-                        <template #default="scope">
-                            <el-time-picker v-model="scope.row.startTime" arrow-control placeholder="开始时间"
-                                format="HH:mm" value-format="HH:mm" style="width: 92px;" disabled />
-                        </template>
-                    </el-table-column>
-                    <el-table-column prop="stopTime" label="截止时间" width="100" align="center">
-                        <template #default="scope">
-                            <el-time-picker v-model="scope.row.stopTime" arrow-control placeholder="截止时间" format="HH:mm"
-                                value-format="HH:mm" style="width: 92px;" disabled />
-                        </template>
-                    </el-table-column>
-                    <el-table-column prop="numberLimit" label="限则人数" min-width="80" align="center">
-                        <template #default="scope">
-                            <el-input v-model="scope.row.numberLimit" type="number" placeholder="限则人数" />
-                        </template>
-                    </el-table-column>
-                    <el-table-column prop="appointNumber" label="已预约人数" min-width="100"
-                        align="center"></el-table-column>
-                    <el-table-column prop="canAppointNumber" label="可预约人数" min-width="100"
-                        align="center"></el-table-column>
-                    <el-table-column prop="lastModifierName" label="修改人员" min-width="80" align="center" />
-                    <el-table-column prop="lastModificationTime" label="修改时间" width="150" align="center" />
-                    <el-table-column label="操作" width="120" align="center">
-                        <template #header>
-                            <el-button type="primary" @click="btnDetailSave">保存计划明细</el-button>
-                        </template>
-                        <template #default="scope">
-                            <el-button type="danger" :icon="Delete" @click="rowDel(scope.row)" circle disabled />
-                        </template>
-                    </el-table-column>
-                </el-table>
+            <div
+              v-if="getSchedule(data.day)['msg'] != '无计划'"
+              style="font-size: 14px; color: blue"
+            >
+              <el-checkbox
+                v-model="
+                  thisData.tableData[getSchedule(data.day)['seq']]['isWork']
+                "
+                :disabled="!data.isSelected"
+                true-value="Y"
+                false-value="N"
+                size="large"
+                @change="changeIsWork(getSchedule(data.day)['seq'])"
+              />
+              {{ getSchedule(data.day)["msg"] }}
             </div>
+          </div>
+        </template>
+      </el-calendar>
+
+      <div :id="`el_${thisData.base.name}_table`">
+        <!--表格-->
+        <el-table
+          ref="ref_table"
+          :data="thisData.tableDataDetails"
+          row-key="appointScheduleTemplateId"
+          border
+          style="width: 100%"
+          id="tableId"
+          :height="tableHeight"
+          highlight-current-row
+          @selection-change="selectionChange"
+        >
+          <el-table-column type="selection" width="40" align="center" />
+          <el-table-column
+            type="index"
+            label="序号"
+            width="40"
+            align="center"
+          />
+
+          <el-table-column
+            prop="startTime"
+            label="开始时间"
+            width="100"
+            align="center"
+          >
+            <template #default="scope">
+              <el-time-picker
+                v-model="scope.row.startTime"
+                arrow-control
+                placeholder="开始时间"
+                format="HH:mm"
+                value-format="HH:mm"
+                style="width: 92px"
+                disabled
+              />
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="stopTime"
+            label="截止时间"
+            width="100"
+            align="center"
+          >
+            <template #default="scope">
+              <el-time-picker
+                v-model="scope.row.stopTime"
+                arrow-control
+                placeholder="截止时间"
+                format="HH:mm"
+                value-format="HH:mm"
+                style="width: 92px"
+                disabled
+              />
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="numberLimit"
+            label="限则人数"
+            min-width="80"
+            align="center"
+          >
+            <template #default="scope">
+              <el-input
+                v-model="scope.row.numberLimit"
+                type="number"
+                placeholder="限则人数"
+              />
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="appointNumber"
+            label="已预约人数"
+            min-width="100"
+            align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="canAppointNumber"
+            label="可预约人数"
+            min-width="100"
+            align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="lastModifierName"
+            label="修改人员"
+            min-width="80"
+            align="center"
+          />
+          <el-table-column
+            prop="lastModificationTime"
+            label="修改时间"
+            width="150"
+            align="center"
+          />
+          <el-table-column label="操作" width="120" align="center">
+            <template #header>
+              <el-button type="primary" @click="btnDetailSave"
+                >保存计划明细</el-button
+              >
+            </template>
+            <template #default="scope">
+              <el-button
+                type="danger"
+                :icon="Delete"
+                @click="rowDel(scope.row)"
+                circle
+                disabled
+              />
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+    <!-- 弹窗 -->
+    <div>
+      <!--制定排班-->
+      <el-dialog
+        v-model="thisData.dialogSchedule"
+        title="制定预约计划"
+        width="500"
+        draggable
+        @close="close_dialog_schedule"
+      >
+        <div>
+          <div>
+            <span style="margin-right: 5px">体检中心</span>
+            <el-select
+              v-model="thisData.createSchedule.medicalCenterId"
+              placeholder="请选择体检中心"
+              style="width: 240px"
+            >
+              <el-option
+                v-for="item in state.dict.medicalCenter"
+                :key="item.id"
+                :label="item.displayName"
+                :value="item.id"
+              />
+            </el-select>
+          </div>
+          <div style="margin-top: 10px">
+            <span style="margin-right: 5px">预约日期</span>
+            <el-date-picker
+              v-model="thisData.createSchedule.daterange"
+              type="daterange"
+              unlink-panels
+              range-separator="至"
+              start-placeholder="开始日期"
+              end-placeholder="截止日期"
+              :shortcuts="shortcuts"
+              value-format="YYYY-MM-DD"
+            />
+          </div>
         </div>
-        <!-- 弹窗 -->
+        <template #footer>
+          <div class="dialog-footer">
+            <el-button type="primary" @click="btnMadeSchedule">确定</el-button>
+            <el-button @click="thisData.dialogSchedule = false">关闭</el-button>
+          </div>
+        </template>
+      </el-dialog>
+    </div>
+    <div>
+      <el-dialog
+        v-model="thisData.dialogVisible"
+        title="禁止单位预约"
+        width="500"
+      >
         <div>
-            <!--制定排班-->
-            <el-dialog v-model="thisData.dialogSchedule" title="制定预约计划" width="500" draggable
-                @close="close_dialog_schedule">
-                <div>
-                    <div>
-                        <span style="margin-right: 5px;">体检中心</span>
-                        <el-select v-model="thisData.createSchedule.medicalCenterId" placeholder="请选择体检中心"
-                            style="width: 240px">
-                            <el-option v-for="item in state.dict.medicalCenter" :key="item.id" :label="item.displayName"
-                                :value="item.id" />
-                        </el-select>
-                    </div>
-                    <div style="margin-top: 10px;">
-                        <span style="margin-right: 5px;">预约日期</span>
-                        <el-date-picker v-model="thisData.createSchedule.daterange" type="daterange" unlink-panels
-                            range-separator="至" start-placeholder="开始日期" end-placeholder="截止日期" :shortcuts="shortcuts"
-                            value-format="YYYY-MM-DD" />
-                    </div>
-                </div>
-                <template #footer>
-                    <div class="dialog-footer">
-                        <el-button type="primary" @click="btnMadeSchedule">确定</el-button>
-                        <el-button @click="thisData.dialogSchedule = false">关闭</el-button>
-                    </div>
-                </template>
-            </el-dialog>
-
+          <el-cascader
+            v-model="thisData.customerOrgIds"
+            placeholder="请选择单位"
+            :options="thisData.unitTreeList"
+            :props="{
+              value: 'customerOrgId',
+              label: 'customerOrgName',
+              children: 'treeChildren',
+              expandTrigger: 'hover',
+              multiple: true,
+              emitPath: false,
+              checkStrictly: true,
+            }"
+            filterable
+            size="small"
+            collapse-tags
+            collapse-tags-tooltip
+          ></el-cascader>
         </div>
+        <template #footer>
+          <div class="dialog-footer">
+            <el-button @click="thisData.dialogVisible = false" style="padding: 10px 10px;"
+              >取消</el-button
+            >
+            <el-button type="primary" @click="sure" style="padding: 10px 10px;">
+              确定
+            </el-button>
+          </div>
+        </template>
+      </el-dialog>
     </div>
+  </div>
 </template>
 
 <script lang="ts" setup>
 // 框架脚手架
-import { reactive, ref, getCurrentInstance, computed, onBeforeMount, onMounted, watch, nextTick } from 'vue'
+import {
+  reactive,
+  ref,
+  getCurrentInstance,
+  computed,
+  onBeforeMount,
+  onMounted,
+  watch,
+  nextTick,
+} from "vue";
 // import type { FormInstance, FormRules } from 'element-plus'
-import { ElTable, ElMessage, ElMessageBox } from 'element-plus'
-import { Operation, Message, MoreFilled, Search, Setting, Edit, Delete } from '@element-plus/icons-vue'
-import { useStore } from 'vuex'
-import moment from 'moment'
+import { ElTable, ElMessage, ElMessageBox } from "element-plus";
+import {
+  Operation,
+  Message,
+  MoreFilled,
+  Search,
+  Setting,
+  Edit,
+  Delete,
+} from "@element-plus/icons-vue";
+import { useStore } from "vuex";
+import moment from "moment";
 // import eleCalendar from 'ele-calendar'
 // import 'ele-calendar/dist/vue-calendar.css' //引入css
 
 // 项目封装的脚手架
-import { abcfun } from 'abcfun'
-
+import { abcfun } from "abcfun";
 
 // 组件申明
-import axios from '../../api/axios'
+import axios from "../../api/axios";
 
 // 申明的 数据 与 方法  -------------------------------------- start --------------------------------------
 // 获取当前组件实例的全局配置
-const appConfig = getCurrentInstance()!.appContext.config.globalProperties.$appConfig
-const state = useStore().state
+const appConfig =
+  getCurrentInstance()!.appContext.config.globalProperties.$appConfig;
+const state = useStore().state;
 
-const ref_table = ref()
+const ref_table = ref();
 
 const thisData = reactive({
-    base: { //本组件基本信息 （支持跨项目、跨数据库）
-        name: 'AppointScheduleTemplate',  // pageName 页面标识名称，用于区分不同页面的对象的id，主要用于通用打印，导出 等功能
-        maxResultCount: 0, //返回最大记录数(1、0表示所有记录，其他表示返回相应的记录数；2、大于1时，表示有分页，需返回符合条件的记录总数；3、删改时不起作用，新增只在 'insert into ... select' 情况下起作用)
-        disabledDragCols: ['_index', '_selection'],  // 禁止拖拽的列名(仅限 index selection 列) 表格中从后往前显示
-    },
-    pagePriv: {
-        route: '/AppointScheduleTemplate', //当前页面归属路由或归属页面权限名称
-        privs: [] as Array<object> // 页面权限( onMounted 中赋值)
-    },
-
-    tableData: [] as Array<object>, //表格列表数据
-    tableDataChoosed: [] as Array<object>, //选中表格列表数据 
-    tableDataTotalCount: 0, //列表总数据数（有分页时，才用到）
-
-    tableDataDetails: [] as Array<object>, //明细表格列表数据
-    clickDate: '', // 当前点击的日期
-    dialogSchedule: false,
-    currDate: new Date(),
-    createSchedule: {  // 制定排班
-        medicalCenterId: null,
-        daterange: [], // 时间范围
-        startDate: null,
-        endDate: null
-    },
-
-    querySchedule: {  // 制定排班
-        medicalCenterId: null,
-        daterange: [], // 时间范围
-        startDate: null,
-        endDate: null
-    },
-
-    datedef: [
-        { "date": "2018-06-30", "content": null, "cid": null },
-        { "date": "2018-06-26", "content": null, "cid": null },
-    ],
-    prop: 'date' //对应日期字段名
-
-
-})
+  base: {
+    //本组件基本信息 （支持跨项目、跨数据库）
+    name: "AppointScheduleTemplate", // pageName 页面标识名称，用于区分不同页面的对象的id，主要用于通用打印，导出 等功能
+    maxResultCount: 0, //返回最大记录数(1、0表示所有记录，其他表示返回相应的记录数；2、大于1时，表示有分页，需返回符合条件的记录总数；3、删改时不起作用，新增只在 'insert into ... select' 情况下起作用)
+    disabledDragCols: ["_index", "_selection"], // 禁止拖拽的列名(仅限 index selection 列) 表格中从后往前显示
+  },
+  pagePriv: {
+    route: "/AppointScheduleTemplate", //当前页面归属路由或归属页面权限名称
+    privs: [] as Array<object>, // 页面权限( onMounted 中赋值)
+  },
+
+  tableData: [] as Array<object>, //表格列表数据
+  tableDataChoosed: [] as Array<object>, //选中表格列表数据
+  tableDataTotalCount: 0, //列表总数据数（有分页时，才用到）
+
+  tableDataDetails: [] as Array<object>, //明细表格列表数据
+  clickDate: "", // 当前点击的日期
+  dialogSchedule: false,
+  currDate: new Date(),
+  createSchedule: {
+    // 制定排班
+    medicalCenterId: null,
+    daterange: [], // 时间范围
+    startDate: null,
+    endDate: null,
+  },
+
+  querySchedule: {
+    // 制定排班
+    medicalCenterId: null,
+    daterange: [], // 时间范围
+    startDate: null,
+    endDate: null,
+  },
+
+  datedef: [
+    { date: "2018-06-30", content: null, cid: null },
+    { date: "2018-06-26", content: null, cid: null },
+  ],
+  prop: "date", //对应日期字段名
+  unitTreeList: [],
+  customerOrgIds: [],
+  dialogVisible: false,
+  prohibitDate:""
+});
 
 // 被依赖的方法 建议 放在其他方法前面 --- start ---
 
-
 const shortcuts = [
-    {
-        text: '当天',
-        value: () => {
-            const end = new Date()
-            const start = new Date()
-            start.setTime(start.getTime() - 3600 * 1000 * 24 * 0)
-            return [start, end]
-        },
+  {
+    text: "当天",
+    value: () => {
+      const end = new Date();
+      const start = new Date();
+      start.setTime(start.getTime() - 3600 * 1000 * 24 * 0);
+      return [start, end];
     },
-    {
-        text: '明天',
-        value: () => {
-            const end = new Date()
-            const start = new Date()
-            end.setTime(start.getTime() + 3600 * 1000 * 24 * 1)
-            return [start, end]
-        },
+  },
+  {
+    text: "明天",
+    value: () => {
+      const end = new Date();
+      const start = new Date();
+      end.setTime(start.getTime() + 3600 * 1000 * 24 * 1);
+      return [start, end];
     },
-    {
-        text: '1个月后',
-        value: () => {
-            const end = new Date()
-            const start = new Date()
-            end.setTime(start.getTime() + 3600 * 1000 * 24 * 30)
-            return [start, end]
-        },
+  },
+  {
+    text: "1个月后",
+    value: () => {
+      const end = new Date();
+      const start = new Date();
+      end.setTime(start.getTime() + 3600 * 1000 * 24 * 30);
+      return [start, end];
     },
-    {
-        text: '3个月后',
-        value: () => {
-            const end = new Date()
-            const start = new Date()
-            end.setTime(start.getTime() + 3600 * 1000 * 24 * 90)
-            return [start, end]
-        },
+  },
+  {
+    text: "3个月后",
+    value: () => {
+      const end = new Date();
+      const start = new Date();
+      end.setTime(start.getTime() + 3600 * 1000 * 24 * 90);
+      return [start, end];
     },
-    {
-        text: '半年后',
-        value: () => {
-            const end = new Date()
-            const start = new Date()
-            end.setTime(start.getTime() + 3600 * 1000 * 24 * 183)
-            return [start, end]
-        },
+  },
+  {
+    text: "半年后",
+    value: () => {
+      const end = new Date();
+      const start = new Date();
+      end.setTime(start.getTime() + 3600 * 1000 * 24 * 183);
+      return [start, end];
     },
-]
+  },
+];
 
 // 被依赖的方法 建议 放在其他方法前面 ---  end  ---
 
@@ -241,281 +418,397 @@ const shortcuts = [
 // 菜单操作 --- start ---
 // 菜单--选择
 const menuSelect = (key: string, keyPath: string[]) => {
-    console.log(key, keyPath)
-}
+  console.log(key, keyPath);
+};
 
 // 显示排班
 const menuSchedule = () => {
-    thisData.dialogSchedule = true
-}
+  thisData.dialogSchedule = true;
+};
 // 菜单--高级查询
 const btnQuery = () => {
-    return new Promise<void>((resolve, reject) => {
-        axios.post(appConfig, '/api/app/AppointSchedule/GetAppointScheduleList', thisData.querySchedule)
-            .then(res => {
-                if (res['code'] > -1) {
-                    thisData.tableData = res.data
-                    if (thisData.clickDate) {
-                        let lfind = abcfun.com.listFindFirst(thisData.tableData, "appointDate", thisData.clickDate)
-                        if (lfind > -1) {
-                            getScheduleTimeById(thisData.tableData[lfind]['appointScheduleId'])
-                        } else {
-                            thisData.tableDataDetails = []
-                        }
-                    } else {
-                        thisData.tableDataDetails = []
-                    }
-                    resolve(res)
-                } else {
-                    reject(res.message)
-                }
-            })
-            .catch(error => {
-                reject(error)
-            })
-    })
-
-}
+  return new Promise<void>((resolve, reject) => {
+    axios
+      .post(
+        appConfig,
+        "/api/app/AppointSchedule/GetAppointScheduleList",
+        thisData.querySchedule
+      )
+      .then((res) => {
+        if (res["code"] > -1) {
+          thisData.tableData = res.data;
+          if (thisData.clickDate) {
+            let lfind = abcfun.com.listFindFirst(
+              thisData.tableData,
+              "appointDate",
+              thisData.clickDate
+            );
+            if (lfind > -1) {
+              getScheduleTimeById(
+                thisData.tableData[lfind]["appointScheduleId"]
+              );
+            } else {
+              thisData.tableDataDetails = [];
+            }
+          } else {
+            thisData.tableDataDetails = [];
+          }
+          resolve(res);
+        } else {
+          reject(res.message);
+        }
+      })
+      .catch((error) => {
+        reject(error);
+      });
+  });
+};
 
 // 菜单--测试
 const menuTest = () => {
-    console.log('data', thisData)
-}
+  console.log("data", thisData);
+};
 // 菜单操作 ---  end  ---
 
 // 表格操作 --- start ---
 // 表格操作--选中
 const selectionChange = (v: Array<object>) => {
-    thisData.tableDataChoosed = v
-}
+  thisData.tableDataChoosed = v;
+};
 
 // 表格数据--删除（通用）
 const tableDataDel = (rows: Array<object>) => {
-    // console.log('rowDel', row)
-    ElMessageBox.confirm(
-        '确定要删除？数据删除将无法复恢，请慎重，慎重，再慎重! ',
-        '提示',
-        { draggable: true, closeOnClickModal: false }
-    )
-        .then(() => {
-            // 删除列表中对应的记录
-            let lfind = -1
-            rows.forEach(e => {
-                if (e['appointNumber'] > 0) {
-                    ElMessage.error({ showClose: true, message: "已有预约人数，不可删除" })
-                } else {
-                    lfind = abcfun.com.listFindFirst(thisData.tableDataDetails, 'appointScheduleId', e['appointScheduleId'])
-                    thisData.tableDataDetails.splice(lfind, 1)
-                    // thisData.tableDataTotalCount--
-                }
-            });
-        })
-        .catch((err) => {
-            if (err != 'cancel') ElMessage.error({ showClose: true, message: err })
-        })
-}
+  // console.log('rowDel', row)
+  ElMessageBox.confirm(
+    "确定要删除？数据删除将无法复恢，请慎重，慎重，再慎重! ",
+    "提示",
+    { draggable: true, closeOnClickModal: false }
+  )
+    .then(() => {
+      // 删除列表中对应的记录
+      let lfind = -1;
+      rows.forEach((e) => {
+        if (e["appointNumber"] > 0) {
+          ElMessage.error({
+            showClose: true,
+            message: "已有预约人数，不可删除",
+          });
+        } else {
+          lfind = abcfun.com.listFindFirst(
+            thisData.tableDataDetails,
+            "appointScheduleId",
+            e["appointScheduleId"]
+          );
+          thisData.tableDataDetails.splice(lfind, 1);
+          // thisData.tableDataTotalCount--
+        }
+      });
+    })
+    .catch((err) => {
+      if (err != "cancel") ElMessage.error({ showClose: true, message: err });
+    });
+};
 
 // 表格单行操作--删除
 const rowDel = (row: object) => {
-    tableDataDel([row])
-}
+  tableDataDel([row]);
+};
 // 表格操作 ---  end  ---
 
-
 // 申明的 数据 与 方法  --------------------------------------  end  --------------------------------------
 
 // computed: 计算函数  -------------------------------------- start --------------------------------------
 // 表格高度
 const tableHeight = computed(() => {
-    // 主体高度 - 查询栏30 - 菜单栏 - 分页栏 - 平衡高度
-    let pagination: number = thisData.base.maxResultCount > 1 ? 22 : 0
-    return state.winForm.mainHeight - 32 - 48 - 50 - 379 - pagination
-})
+  // 主体高度 - 查询栏30 - 菜单栏 - 分页栏 - 平衡高度
+  let pagination: number = thisData.base.maxResultCount > 1 ? 22 : 0;
+  return state.winForm.mainHeight - 32 - 48 - 50 - 379 - pagination;
+});
 // drawer 宽度
 const drawerWidth = computed(() => {
-    return state.winForm.pageWidth < state.winForm.drawerMaxWidth ? state.winForm.pageWidth : state.winForm.drawerMaxWidth
-})
+  return state.winForm.pageWidth < state.winForm.drawerMaxWidth
+    ? state.winForm.pageWidth
+    : state.winForm.drawerMaxWidth;
+});
 
 // computed: 计算函数  --------------------------------------  end  --------------------------------------
 // methods:  方法(函数)-------------------------------------- start --------------------------------------
 const dictInit = () => {
-    let curDate = moment(new Date()).format('YYYY-MM-DD')
-    let startDate = moment(Date.now() - 24 * 60 * 60 * 1000 * 30).format('YYYY-MM-DD')
-    let endDate = moment(Date.now() + 24 * 60 * 60 * 1000 * 30).format('YYYY-MM-DD')
-    thisData.querySchedule.daterange = [startDate, endDate]
-    thisData.querySchedule.startDate = startDate
-    thisData.querySchedule.endDate = endDate
-
-    thisData.createSchedule.daterange = [curDate, endDate]
-    thisData.createSchedule.startDate = curDate
-    thisData.createSchedule.endDate = endDate
-    thisData.clickDate = curDate
-    
-    return new Promise<void>((resolve, reject) => {
-        // 获取体检中心 
-        axios.post(appConfig, '/api/app/OrganizationUnit/GetMedicalCenterList')
-            .then(res => {
-                if (res['code'] > -1) {
-                    state.dict.medicalCenter = res.data
-                    if (res.data.length > 0) {
-                        thisData.querySchedule.medicalCenterId = res.data[0].id
-                        thisData.createSchedule.medicalCenterId = res.data[0].id
-                    }
-                    resolve(res)
-                } else {
-                    reject(res.message)
-                }
-            })
-            .catch(error => {
-                reject(error)
-            })
-    })
-
-}
+  let curDate = moment(new Date()).format("YYYY-MM-DD");
+  let startDate = moment(Date.now() - 24 * 60 * 60 * 1000 * 30).format(
+    "YYYY-MM-DD"
+  );
+  let endDate = moment(Date.now() + 24 * 60 * 60 * 1000 * 30).format(
+    "YYYY-MM-DD"
+  );
+  thisData.querySchedule.daterange = [startDate, endDate];
+  thisData.querySchedule.startDate = startDate;
+  thisData.querySchedule.endDate = endDate;
+
+  thisData.createSchedule.daterange = [curDate, endDate];
+  thisData.createSchedule.startDate = curDate;
+  thisData.createSchedule.endDate = endDate;
+  thisData.clickDate = curDate;
+
+  return new Promise<void>((resolve, reject) => {
+    // 获取体检中心
+    axios
+      .post(appConfig, "/api/app/OrganizationUnit/GetMedicalCenterList")
+      .then((res) => {
+        if (res["code"] > -1) {
+          state.dict.medicalCenter = res.data;
+          if (res.data.length > 0) {
+            thisData.querySchedule.medicalCenterId = res.data[0].id;
+            thisData.createSchedule.medicalCenterId = res.data[0].id;
+          }
+          resolve(res);
+        } else {
+          reject(res.message);
+        }
+      })
+      .catch((error) => {
+        reject(error);
+      });
+  });
+};
 
 // 获取农历日期
 
 // 获取某日计划
 const getSchedule = (day: string) => {
-    let ret = {
-        msg: "无计划",
-        seq: null
-    }
-    let lfind = abcfun.com.listFindFirst(thisData.tableData, "appointDate", day)
-    if (lfind > -1) {
-        // console.log('getSchedule lfind', day, lfind)
-        if (thisData.tableData[lfind]['isWork'] == 'Y') {
-            ret.msg = "人数：" + thisData.tableData[lfind]['sumNumberLimit']
-        } else {
-            ret.msg = ""
-        }
-        ret.seq = lfind
+  let ret = {
+    msg: "无计划",
+    seq: null,
+  };
+  let lfind = abcfun.com.listFindFirst(thisData.tableData, "appointDate", day);
+  if (lfind > -1) {
+    // console.log('getSchedule lfind', day, lfind)
+    if (thisData.tableData[lfind]["isWork"] == "Y") {
+      ret.msg = "人数：" + thisData.tableData[lfind]["sumNumberLimit"];
     } else {
-        // console.log('getSchedule lfind', day, lfind)
+      ret.msg = "";
     }
+    ret.seq = lfind;
+  } else {
+    // console.log('getSchedule lfind', day, lfind)
+  }
 
-    return ret
-}
-
+  return ret;
+};
 
 const clickDay = (day: string) => {
-    thisData.clickDate = day
-    let now = new Date(day).getTime()
-    let startDate = moment(now - 24 * 60 * 60 * 1000 * 30).format("YYYY-MM-DD")
-    let endDate = moment(now + 24 * 60 * 60 * 1000 * 30).format("YYYY-MM-DD")
-    thisData.querySchedule.daterange = [startDate, endDate]
-    thisData.querySchedule.startDate = startDate
-    thisData.querySchedule.endDate = endDate
-
-    btnQuery()
-}
-
-const getScheduleTimeById = (appointScheduleId: string) => {
-    return new Promise<void>((resolve, reject) => {
-        axios.post(appConfig, '/api/app/AppointScheduleTime/GetAppointScheduleTimeListByAppointScheduleId', { appointScheduleId })
-            .then(res => {
-                if (res.code > -1) {
-                    thisData.tableDataDetails = res.data
-                    resolve(res)
-                } else {
-                    reject(res.message)
-                }
-            })
-            .catch(error => {
-                reject(error)
-            })
-    })
-
-}
+  thisData.clickDate = day;
+  let now = new Date(day).getTime();
+  let startDate = moment(now - 24 * 60 * 60 * 1000 * 30).format("YYYY-MM-DD");
+  let endDate = moment(now + 24 * 60 * 60 * 1000 * 30).format("YYYY-MM-DD");
+  thisData.querySchedule.daterange = [startDate, endDate];
+  thisData.querySchedule.startDate = startDate;
+  thisData.querySchedule.endDate = endDate;
 
-const changeIsWork = (seq:number) => {
-    let body = thisData.tableData[seq]
+  btnQuery();
+};
 
-    axios.post(appConfig,'/api/app/AppointSchedule/UpdateAppointScheduleIsWork',body)
-        
-}
+const getScheduleTimeById = (appointScheduleId: string) => {
+  return new Promise<void>((resolve, reject) => {
+    axios
+      .post(
+        appConfig,
+        "/api/app/AppointScheduleTime/GetAppointScheduleTimeListByAppointScheduleId",
+        { appointScheduleId }
+      )
+      .then((res) => {
+        if (res.code > -1) {
+          thisData.tableDataDetails = res.data;
+          resolve(res);
+        } else {
+          reject(res.message);
+        }
+      })
+      .catch((error) => {
+        reject(error);
+      });
+  });
+};
+
+const changeIsWork = (seq: number) => {
+  let body = thisData.tableData[seq];
+
+  axios.post(
+    appConfig,
+    "/api/app/AppointSchedule/UpdateAppointScheduleIsWork",
+    body
+  );
+};
 
 // 确定制定排班
 const btnMadeSchedule = () => {
-    if (!thisData.createSchedule.medicalCenterId) {
-        ElMessage.warning({ showClose: true, message: '请选择要制定排班的体检中心！' })
-        return
-    }
-    if (thisData.createSchedule.daterange == null || thisData.createSchedule.daterange.length == 0) {
-        ElMessage.warning({ showClose: true, message: '请选择要制定排班的日期！' })
-        return
-    }
-
-
-    thisData.createSchedule.startDate = thisData.createSchedule.daterange[0],
-        thisData.createSchedule.endDate = thisData.createSchedule.daterange[1]
-
-    axios.post(appConfig, '/api/app/AppointSchedule/CreateAppointScheduleWithDetail', thisData.createSchedule)
-        .then(res => {
-            if (res.code > -1) {
-                ElMessage.success({ showClose: true, message: '操作成功！' })
-            }
-        })
-}
+  if (!thisData.createSchedule.medicalCenterId) {
+    ElMessage.warning({
+      showClose: true,
+      message: "请选择要制定排班的体检中心！",
+    });
+    return;
+  }
+  if (
+    thisData.createSchedule.daterange == null ||
+    thisData.createSchedule.daterange.length == 0
+  ) {
+    ElMessage.warning({ showClose: true, message: "请选择要制定排班的日期！" });
+    return;
+  }
+
+  (thisData.createSchedule.startDate = thisData.createSchedule.daterange[0]),
+    (thisData.createSchedule.endDate = thisData.createSchedule.daterange[1]);
+
+  axios
+    .post(
+      appConfig,
+      "/api/app/AppointSchedule/CreateAppointScheduleWithDetail",
+      thisData.createSchedule
+    )
+    .then((res) => {
+      if (res.code > -1) {
+        ElMessage.success({ showClose: true, message: "操作成功！" });
+      }
+    });
+};
 
 // 关闭 制定排班
 const close_dialog_schedule = () => {
-    btnQuery()
-}
+  btnQuery();
+};
 
 const btnDetailSave = () => {
-    let message = ''
-    thisData.tableDataDetails.forEach((e, i) => {
-        if (e['numberLimit'] < e['appointNumber']) {
-            message = `第 ${i + 1} 行，限制人数不能小于已预约人数`
-        }
-    });
-
-    if (message) {
-        ElMessage.error({ showClose: true, message })
-        return
+  let message = "";
+  thisData.tableDataDetails.forEach((e, i) => {
+    if (e["numberLimit"] < e["appointNumber"]) {
+      message = `第 ${i + 1} 行，限制人数不能小于已预约人数`;
     }
-
-    axios.post(appConfig, '/api/app/AppointScheduleTime/UpdateAppointScheduleTimeNumberLimit', thisData.tableDataDetails)
-        .then(res => {
-            if (res.code > -1) {
-                ElMessage.success({ showClose: true, message: '操作成功！' })
-                clickDay(thisData.clickDate)
+  });
+
+  if (message) {
+    ElMessage.error({ showClose: true, message });
+    return;
+  }
+
+  axios
+    .post(
+      appConfig,
+      "/api/app/AppointScheduleTime/UpdateAppointScheduleTimeNumberLimit",
+      thisData.tableDataDetails
+    )
+    .then((res) => {
+      if (res.code > -1) {
+        ElMessage.success({ showClose: true, message: "操作成功！" });
+        clickDay(thisData.clickDate);
+      }
+    });
+};
+const unitTree = () => {
+  axios
+    .post(
+      appConfig,
+      "/api/app/AppointScheduleExcludeCustomerOrg/GetCustomerOrgThreeList"
+    )
+    .then((res) => {
+      if (res.code > -1) {
+        thisData.unitTreeList = res.data;
+      }
+    });
+};
+const openDialogVisible=(day: string)=>{
+    thisData.prohibitDate=day
+    let appointScheduleIds=""
+    let lfind = abcfun.com.listFindFirst(
+              thisData.tableData,
+              "appointDate",
+              thisData.prohibitDate
+            );
+            if (lfind > -1) {
+               appointScheduleIds=thisData.tableData[lfind]["appointScheduleId"]
             }
+    axios
+    .post(
+      appConfig,
+      "/api/app/AppointScheduleExcludeCustomerOrg/GetExcludeCustomerOrgList",
+      {
+        appointScheduleId:appointScheduleIds
+      }
+    )
+    .then((res) => {
+      if (res.code > -1) {
+        let customerOrgIds=[]
+        res.data.forEach((e)=>{
+            customerOrgIds.push(e.customerOrgId)
         })
-
+        thisData.customerOrgIds=customerOrgIds
+        thisData.dialogVisible = true
+      }
+    });
+}
+const sure=()=>{
+    let appointScheduleIds=""
+    let customerOrgIds=[]
+    let lfind = abcfun.com.listFindFirst(
+              thisData.tableData,
+              "appointDate",
+              thisData.prohibitDate
+            );
+            if (lfind > -1) {
+               appointScheduleIds=thisData.tableData[lfind]["appointScheduleId"]
+            }
+            thisData.customerOrgIds.forEach((e)=>{
+                customerOrgIds.push(e)
+            })
+    axios
+    .post(
+      appConfig,
+      "/api/app/AppointScheduleExcludeCustomerOrg/Create",
+      {
+        appointScheduleId:appointScheduleIds,
+        customerOrgIds:customerOrgIds
+      }
+    )
+    .then((res) => {
+      if (res.code > -1) {
+        thisData.dialogVisible = false
+      }
+    });
 }
 
 // methods:  方法(函数)--------------------------------------  end  --------------------------------------
 // 组件创建完成（即挂载前------------------------------------- start --------------------------------------
-onBeforeMount(() => {
-
-})
+onBeforeMount(() => {});
 // 组件创建完成（即挂载前------------------------------------- start --------------------------------------
 // 组件挂载完成        -------------------------------------- start --------------------------------------
 onMounted(() => {
-    // 获取字典数据
-    dictInit()
-        .then(res => {
-            // 查询数据
-            btnQuery()
-        })
-
-})
+  // 获取字典数据
+  dictInit().then((res) => {
+    // 查询数据
+    btnQuery();
+    unitTree();
+  });
+});
 
 // 组件挂载完成        --------------------------------------  end  --------------------------------------
 // watch:  监听事件    -------------------------------------- start --------------------------------------
 // 监听查询关键字的变化
-watch(() => thisData.currDate, (newVal, oldVal) => {
-    console.log(`watch: thisData.currDate newVal: ${newVal} oldVal: ${oldVal}`) 
-    let lnewVal = moment(newVal).format("YYYY-MM-DD")
-    let loldVal = moment(oldVal).format("YYYY-MM-DD")
-    if (lnewVal != loldVal) clickDay(lnewVal)
-})
+watch(
+  () => thisData.currDate,
+  (newVal, oldVal) => {
+    console.log(`watch: thisData.currDate newVal: ${newVal} oldVal: ${oldVal}`);
+    let lnewVal = moment(newVal).format("YYYY-MM-DD");
+    let loldVal = moment(oldVal).format("YYYY-MM-DD");
+    if (lnewVal != loldVal) clickDay(lnewVal);
+  }
+);
 // watch:  监听事件    --------------------------------------  end  --------------------------------------
 </script>
 <style scoped>
 :deep(.el-calendar-table .el-calendar-day) {
-    padding: 0px;
+  padding: 0px;
+}
+:deep .el-tabs__header {
+  margin: 0 0 5px;
 }
 </style>
\ No newline at end of file