<template>
  <div class="app-container">
    <!-- 筛选条件 -->
    <el-form
      :model="queryParams"
      ref="queryRef"
      :inline="true"
      label-width="80px"
    >
      <el-form-item label="车主姓名" prop="name">
        <el-input
          v-model="queryParams.name"
          placeholder="请输入车主"
          clearable
          style="width: 220px"
          @keyup.enter="handleQuery"
        />
      </el-form-item>
      <el-form-item label="车牌号码" prop="licensePlate">
        <el-input
          v-model="queryParams.licensePlate"
          placeholder="请输入车牌号"
          clearable
          style="width: 220px"
          @keyup.enter="handleQuery"
        />
      </el-form-item>
      <el-form-item label="识别代码" prop="frameNumber">
        <el-input
          v-model="queryParams.frameNumber"
          placeholder="请输入车辆识别代码"
          clearable
          style="width: 220px"
          @keyup.enter="handleQuery"
        />
      </el-form-item>
      <el-form-item label="时间范围" prop="timeFrame">
        <el-date-picker
          v-model="timeFrame"
          type="datetimerange"
          range-separator="To"
          start-placeholder="开始时间"
          end-placeholder="结束时间"
          @change="handleTime"
        />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="Search" @click="handleQuery"
          >查询</el-button
        >
        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>

    <!-- 表格数据 -->
    <el-table v-loading="loading" :data="policyList">
      <el-table-column label="序号" width="55" type="index" />
      <el-table-column
        label="登记时间"
        prop="createTime"
        width="160"
        align="center"
      />
      <el-table-column
        label="车牌号"
        prop="licensePlateNumber"
        width="150"
        align="center"
      />
      <el-table-column
        label="车辆识别代号"
        width="180"
        prop="frameNumber"
        align="center"
        :show-overflow-tooltip="true"
      />
      <el-table-column
        label="发动机号"
        width="180"
        prop="engineNumber"
        align="center"
        :show-overflow-tooltip="true"
      />
      <el-table-column
        label="是否新能源"
        prop="isNewEnergy"
        width="150"
        align="center"
      />
      <el-table-column
        label="车主姓名"
        prop="name"
        width="100"
        align="center"
      />
      <el-table-column
        label="保险需求"
        prop="requirements"
        align="center"
        width="150"
      />
      <el-table-column
        label="联系电话"
        prop="phone"
        width="150"
        align="center"
      />
      <el-table-column
        label="上年承保公司"
        prop="sysDeptName"
        width="150"
        align="center"
      />
      <el-table-column
        v-hasRole="['associationemployee']"
        label="保单状态"
        width="100"
        prop="statue"
      >
        <template #default="{ row }">
          {{ row.policyStatus || "待处理" }}
        </template>
      </el-table-column>
      <el-table-column
        label="操作"
        align="center"
        min-width="300"
        fixed="right"
      >
        <template #default="{ row }">
          <el-button
            type="primary"
            v-hasPermi="['policy:pending:continue']"
            @click="handleContinue(row)"
            >{{
              row.orderProgress === "已承接" ? "承接回馈" : "承接"
            }}</el-button
          >
          <el-button
            type="primary"
            v-hasRole="['companyemployee']"
            @click="lookRemark(row)"
            >查询备注</el-button
          >
          <el-button
            type="primary"
            v-show="
              row.policyStatus !== '问题件' && row.orderProgress === '已承接'
            "
            v-hasPermi="['policy:pending:troubleshooting']"
            @click="handleTroubleshooting(row.taskId)"
            >问题件</el-button
          >
          <el-button
            type="primary"
            v-hasRole="['companyadmin']"
            @click="handleSharing(row.taskId)"
            >分配</el-button
          >
          <el-button
            type="primary"
            v-show="row.orderProgress !== '已承接'"
            v-hasPermi="['policy:pending:transfer']"
            @click="handleSharing(row.taskId)"
            >转办</el-button
          >
          <el-button
            type="primary"
            v-show="
              row.policyStatus !== '问题件' &&
              checkRole(['associationemployee'])
            "
            @click="handleUpdate(row)"
            >审核</el-button
          >
          <el-button
            type="primary"
            v-show="
              row.policyStatus === '问题件' &&
              checkRole(['associationemployee'])
            "
            @click="lookReason(row)"
            >查询</el-button
          >
          <el-button
            type="primary"
            v-show="
              row.policyStatus === '问题件' &&
              checkRole(['associationemployee'])
            "
            @click="handleVoid('2', row.taskId)"
            >作废</el-button
          >
          <el-button
            type="primary"
            v-show="
              row.policyStatus === '问题件' &&
              checkRole(['associationemployee'])
            "
            @click="handleAuthCompany('0', row.taskId)"
            >分配</el-button
          >
        </template>
      </el-table-column>
    </el-table>

    <!-- 页码 -->
    <pagination
      v-show="total > 0"
      :total="total"
      v-model:page="queryParams.pageNum"
      v-model:limit="queryParams.pageSize"
      @pagination="getList"
    />

    <!-- 通过备注对话框 -->
    <el-dialog
      v-model="successShow"
      title="通过备注"
      width="500"
      append-to-body
    >
      <QuillEditor v-model="successMsg" :min-height="192" />
      <template #footer>
        <div class="dialog-footer">
          <el-button @click="successShow = false">取消</el-button>
          <el-button type="primary" @click="handleSuccess">确定</el-button>
        </div>
      </template>
    </el-dialog>

    <!-- 分配备注对话框 -->
    <el-dialog
      v-model="sharingShow"
      title="分配备注"
      width="500"
      append-to-body
    >
      <QuillEditor v-model="sharingMsg" :min-height="192" />
      <template #footer>
        <div class="dialog-footer">
          <el-button @click="sharingShow = false">取消</el-button>
          <el-button type="primary" @click="submitForm">确定</el-button>
        </div>
      </template>
    </el-dialog>

    <!-- 表单作废，退回。问题件对话框 -->
    <el-dialog
      v-model="deprecatedShow"
      :title="activeTitle"
      width="500"
      append-to-body
    >
      <QuillEditor
        v-model="deprecatedForm.deprecatedReason"
        :min-height="192"
      />
      <template #footer>
        <div class="dialog-footer">
          <el-button @click="deprecatedShow = false">取消</el-button>
          <el-button type="primary" @click="sunmitDeprecated">确定</el-button>
        </div>
      </template>
    </el-dialog>

    <!-- 分配承保公司对话框 -->
    <el-dialog
      v-model="companyShow"
      title="分配承保公司："
      width="500"
      append-to-body
    >
      <div class="company_box">
        <div class="header_top">
          <el-input
            v-model="companyQueryParams.deptName"
            style="width: 380px"
            placeholder="请输入承保公司名称(支持模糊查询)"
            prefix-icon="Search"
          />
          <el-button type="primary" @click="getDeptList">查询</el-button>
        </div>
        <div class="company_content">
          <el-radio-group v-model="companyForm.deptId">
            <el-radio
              v-for="item in deptOptions"
              :key="item.deptId"
              :label="item.deptId"
              v-show="item.deptName !== '无'"
              >{{ item.deptName }}</el-radio
            >
          </el-radio-group>
        </div>
      </div>
      <template #footer>
        <div class="dialog-footer">
          <el-button @click="companyShow = false">取消</el-button>
          <el-button type="primary" @click="sharingShow = true">确定</el-button>
        </div>
      </template>
    </el-dialog>

    <!-- 转办分配对话框 -->
    <el-dialog
      v-model="transferShow"
      title="请选择人员："
      width="500"
      append-to-body
    >
      <div class="company_box">
        <el-radio-group v-model="transferForm.username">
          <el-radio
            v-for="item in transferOptions"
            :key="item.userName"
            :label="item.userName"
            >{{ item.nickName }}</el-radio
          >
        </el-radio-group>
        <div v-show="transferOptions.length === 0">暂无其他员工</div>
      </div>
      <template #footer>
        <div class="dialog-footer">
          <el-button @click="transferShow = false">取消</el-button>
          <el-button type="primary" @click="submitTransfer">确定</el-button>
        </div>
      </template>
    </el-dialog>

    <!-- 承接回馈对话框 -->
    <el-dialog
      v-model="showFeedback"
      title="填写承接回馈"
      width="500"
      append-to-body
    >
      <p style="margin-bottom: 10px; color: red">请根据实际情况填写保单号</p>
      <el-form
        :model="FeedbackForm"
        ref="policyRef"
        label-width="100px"
        label-position="top"
      >
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="商业险保单号" prop="progress">
              <el-input
                v-model="FeedbackForm.commercialinsurancepolicynumber"
                placeholder="请输入保单号"
                :disabled="hasRole"
                style="width: 220px"
              />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="交强险保单号" prop="progress">
              <el-input
                v-model="FeedbackForm.stronginsurancepolicynumber"
                placeholder="请输入保单号"
                :disabled="hasRole"
                style="width: 220px"
              />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item prop="progress" label="保单回馈内容">
              <QuillEditor v-model="FeedbackForm.message" :min-height="192" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <template #footer>
        <div class="dialog-footer">
          <el-button @click="showFeedback = false">取消</el-button>
          <el-button type="primary" @click="submit">提交回馈</el-button>
        </div>
      </template>
    </el-dialog>

    <!-- 查询问题件弹出框 -->
    <el-dialog v-model="showIssue" title="保单信息" width="700" append-to-body>
      <div style="margin-bottom: 10px">
        <span style="margin-right: 20px"
          >问题件退回公司：{{ issueReturenCompany }}</span
        >
        <span style="margin-right: 20px"
          >操作人员：{{ issueCompanyPerson }}</span
        >
        <span>联系电话: {{ issueCompanyPersonPhone }}</span>
      </div>
      <el-form :model="IssueForm" ref="policyRef" label-width="100px">
        <el-form-item label="问题件原因" prop="progress">
          <QuillEditor
            v-model="IssueForm.deprecatedReason"
            :readOnly="true"
            :min-height="192"
          />
        </el-form-item>
      </el-form>
    </el-dialog>

    <!-- 查询通过备注弹出框 -->
    <el-dialog
      v-model="lookSuccessShow"
      title="通过备注"
      width="700"
      append-to-body
    >
      <QuillEditor
        v-model="lookSuccessMsg"
        :readOnly="true"
        :min-height="192"
      />
    </el-dialog>

    <!-- 编辑对话框 -->
    <el-dialog v-model="open" title="保单信息" width="700" append-to-body>
      <el-form :model="form" ref="policyRef" label-width="100px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="车牌号" prop="licensePlateNumber">
              <el-input
                v-model="form.licensePlateNumber"
                placeholder="请输入车牌号"
                :disabled="!hasRole"
              />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="车辆识别号" prop="frameNumber">
              <el-input
                v-model="form.frameNumber"
                :disabled="!hasRole"
                placeholder="请输入车架号"
              />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="车主姓名" prop="name">
              <el-input
                v-model="form.name"
                :disabled="!hasRole"
                placeholder="请输入车主姓名"
              />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="联系电话" prop="phone">
              <el-input
                v-model="form.phone"
                :disabled="!hasRole"
                placeholder="请输入联系电话"
              />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="上年承保公司" prop="sysDeptId">
              <el-select
                v-model="form.sysDeptId"
                :disabled="!hasRole"
                style="width: 230px"
              >
                <el-option
                  v-for="item in deptOptions"
                  :key="item.deptId"
                  :label="item.deptName"
                  :value="item.deptId"
                />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="车辆使用性质" prop="vehicleNature">
              <el-select
                v-model="form.vehicleNatureId"
                :disabled="!hasRole"
                style="width: 230px"
              >
                <el-option
                  v-for="item in carNatureOption"
                  :key="item.id"
                  :label="item.name"
                  :value="item.id"
                />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="发动机号" prop="engineNumber">
              <el-input
                v-model="form.engineNumber"
                :disabled="!hasRole"
                placeholder="请输入发动机号"
              />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="是否新能源" prop="isNewEnergy">
              <el-select
                v-model="form.isNewEnergy"
                :disabled="!hasRole"
                style="width: 230px"
              >
                <el-option
                  v-for="item in NewEnergyOption"
                  :key="item.id"
                  :label="item.name"
                  :value="item.id"
                />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="保险需求" prop="requirements">
              <el-select
                v-model="form.requirementsId"
                :disabled="!hasRole"
                style="width: 230px"
              >
                <el-option
                  v-for="item in needOption"
                  :key="item.id"
                  :label="item.name"
                  :value="item.id"
                />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <!-- 流转提示 -->
        <div class="transferTip">
          <span>自动订单流转：{{ transferTip }}</span>
          <el-button :loading="loadingBtn" @click="getTransferTip(1000)"
            >刷新</el-button
          >
        </div>
      </el-form>
      <template #footer>
        <div
          class="dialog-footer"
          style="
            display: flex;
            justify-content: space-around;
            width: 65%;
            margin-left: auto;
          "
        >
          <el-button
            type="primary"
            v-hasRole="['associationemployee']"
            @click="submitUpdate"
            >修改保存</el-button
          >
          <el-button
            type="primary"
            v-hasRole="['associationemployee']"
            @click.stop="successShow = true"
          >
            通过
          </el-button>
          <el-button
            type="primary"
            v-hasRole="['associationemployee']"
            @click="handleVoid('2', taskId)"
            >作废</el-button
          >
          <el-button
            type="primary"
            v-hasRole="['associationemployee']"
            @click="handleFallback('1')"
            >退回</el-button
          >
          <el-button
            type="primary"
            v-hasRole="['associationemployee']"
            @click.stop="handleAuthCompany('0', taskId)"
            >人工分配</el-button
          >
        </div>
      </template>
    </el-dialog>
  </div>
</template>

<script setup>
import {
  queryMyList,
  disposeUser,
  transfer,
  getUserList,
  updateCarInfo,
  getCarDetail,
  getCompanyTip,
  queryDefeatContent,
} from "@/api/policy/index";
import { checkRole } from "@/utils/permission"; // 权限判断函数
import useSelectData from "@/hooks/useSelectData.js";
import { listDept } from "@/api/system/dept";
import { ref } from "vue";
const { proxy } = getCurrentInstance();
const activeTitle = ref(""); // 弹窗标题
const taskId = ref(""); // 任务ID

const open = ref(false); // 编辑弹窗显示变量
const form = ref({}); // 编辑表单数据
/** 修改按钮操作 */
const handleUpdate = async (row) => {
  reset();
  const { data } = await getCarDetail(row.businessKey);
  getTransferTip(0);
  form.value = data;
  open.value = true;
  taskId.value = row.taskId;
};
// 提交修改
const submitUpdate = () => {
  updateCarInfo(form.value).then((response) => {
    proxy.$modal.msgSuccess("修改成功");
    getList();
  });
};
/** 重置操作表单 */
function reset() {
  proxy.resetForm("policyRef");
}

// 判断是否有权限
const hasRole = computed(() => {
  return proxy.$auth.hasRole("associationemployee");
});

// 获取选择数据列表
const { carNatureOption, needOption, NewEnergyOption } = useSelectData();

// table数据列表
const policyList = ref([]);
const total = ref(0); // 总条数
// table加载动画
const loading = ref(false);
// 获取待办列表
const getList = async () => {
  loading.value = true;
  const { data } = await queryMyList(queryParams);
  policyList.value = data.rows;
  total.value = data.total;
  loading.value = false;
};

// 回馈弹窗显示变量
const showFeedback = ref(false);
// 承接
const handleContinue = (row) => {
  if (row.orderProgress === "待承接") {
    proxy.$modal
      .confirm("是否要承接该保单")
      .then(function () {})
      .then(() => {
        disposeUser({}, row.taskId).then((res) => {
          proxy.$modal.msgSuccess("承接成功");
          getList();
        });
      })
      .catch(() => {
        proxy.$modal.msg("已取消");
      });
  } else {
    reset();
    FeedbackForm.value.taskId = row.taskId;
    showFeedback.value = true;
  }
};
// 承接回馈内容表单
const FeedbackForm = ref({
  stronginsurancepolicynumber: "", // 交强险
  commercialinsurancepolicynumber: "", // 商业险
  message: "", // 备注
});
// 提交承接回馈
const submit = () => {
  const data = {
    policystatus: "2",
    message: FeedbackForm.value.message,
    commercialinsurancepolicynumber:
      FeedbackForm.value.commercialinsurancepolicynumber,
    stronginsurancepolicynumber: FeedbackForm.value.stronginsurancepolicynumber,
  };
  disposeUser(data, FeedbackForm.value.taskId).then((res) => {
    getList();
    proxy.$modal.msgSuccess("回馈成功");
    showFeedback.value = false;
  });
};

const successShow = ref(false); // 通过备注显示变量
const successMsg = ref(""); // 通过备注
const lookSuccessShow = ref(false); // 查看通过备注显示变量
const lookSuccessMsg = ref(""); // 查看通过备注
// 提交通过保单
const handleSuccess = async () => {
  await disposeUser(
    {
      associationapprove: "0",
      associationapprovetype: "0",
      deptid: transferDeptId.value,
      comment: successMsg.value,
    },
    taskId.value
  );
  proxy.$modal.msgSuccess("保单已通过");
  open.value = false;
  successShow.value = false;
  getList();
};
// 查阅通过备注
const lookRemark = async (row) => {
  const { data } = await queryDefeatContent({
    processInstanceId: row.processInstanceId,
    type: 3,
  });
  lookSuccessMsg.value = data.message;
  lookSuccessShow.value = true;
};

const typeId = ref(0); // 判断类型 0 问题件 1 退回 2 作废
// 表单作废，退回。问题件对话框显示
const deprecatedShow = ref(false);
// 表单作废，退回。问题件对话框内容表单
const deprecatedForm = ref({
  deprecatedReason: "",
  associationapprove: "",
});
// 退回保单
const handleFallback = (associationapprove) => {
  deprecatedForm.value = {
    associationapprove,
    taskId: taskId.value,
  };
  deprecatedForm.value.deprecatedReason = "";
  typeId.value = 1;
  activeTitle.value = "退回后用户需修改后重新提交";
  deprecatedShow.value = true;
};
// 作废保单
const handleVoid = (associationapprove, taskId) => {
  deprecatedForm.value = {
    associationapprove,
    taskId,
  };
  deprecatedForm.value.deprecatedReason = "";
  typeId.value = 2;
  activeTitle.value =
    "温馨提示：该保单作废后车牌号、车架号在本自然年度无法重新提交";
  deprecatedShow.value = true;
};
const showIssue = ref(false); // 问题件原因显示变量
const issueReturenCompany = ref(""); // 问题件退回公司
const issueCompanyPerson = ref(""); // 问题件退回操作人员
const issueCompanyPersonPhone = ref(""); // 问题件退回操作人员手机号
// 问题件退回原因
const IssueForm = ref({
  deprecatedReason: "",
});
// 问题件
const handleTroubleshooting = (taskId) => {
  deprecatedForm.value.taskId = taskId;
  activeTitle.value = "问题件退回至协会";
  typeId.value = 0;
  deprecatedShow.value = true;
};
// 查询问题件原因
const lookReason = async (row) => {
  const { data } = await queryDefeatContent({
    processInstanceId: row.processInstanceId,
    type: 0,
  });
  IssueForm.value.deprecatedReason = data.message;
  showIssue.value = true;
  issueReturenCompany.value = row.companyName;
  issueCompanyPerson.value = row.companyEmployeeUserName;
  issueCompanyPersonPhone.value = row.companyEmployeePhone;
};
// 提交作废，退回，问题件表单
const sunmitDeprecated = () => {
  let data = {};
  if (typeId.value === 0) {
    data = {
      policystatus: "1",
      comment: deprecatedForm.value.deprecatedReason,
    };
  } else {
    data = {
      associationapprove: deprecatedForm.value.associationapprove,
      comment: deprecatedForm.value.deprecatedReason,
    };
  }
  const taskId = deprecatedForm.value.taskId;
  // 办理一个业务
  disposeUser(data, taskId).then((res) => {
    getList();
    open.value = false;
    deprecatedShow.value = false;
    proxy.$modal.msgSuccess("操作成功");
  });
};

const transferShow = ref(false); // 转办弹窗显示变量
const transferForm = ref({}); // 转办分配表单数据
// 转办，分配人员列表数据
const transferOptions = ref([]);
// 获取人员列表
const getUser = async () => {
  const { data } = await getUserList();
  transferOptions.value = data;
};
// 转办或分配
const handleSharing = (id) => {
  transferForm.value.taskId = id;
  getUser();
  transferShow.value = true;
};
/** 提交通过分配转办人员 */
function submitTransfer() {
  const data = {
    username: transferForm.value.username,
  };
  const taskId = transferForm.value.taskId;
  transfer(data, taskId).then((res) => {
    transferShow.value = false;
    getList();
    proxy.$modal.msgSuccess("保单已分配成功");
  });
}

// 分配承保公司弹窗显示
const companyShow = ref(false);
// 分配承保公司查询参数
const companyQueryParams = reactive({
  deptName: undefined,
  status: undefined,
});
// 分配承保公司列表数据
const deptOptions = ref([
  {
    deptId: "0",
    deptName: "无",
  },
]);
// 确认选择的承保公司数据表单
const companyForm = ref({});
const sharingShow = ref(false); // 分配备注显示变量
const sharingMsg = ref(""); // 分配备注
// 分配承保公司
const handleAuthCompany = (associationapprove, taskId) => {
  companyForm.value = {
    associationapprove,
    taskId: taskId,
  };
  companyShow.value = true;
};
/** 提交通过分配承保公司 */
function submitForm() {
  const data = {
    associationapprove: companyForm.value.associationapprove,
    associationapprovetype: "1",
    deptid: companyForm.value.deptId.toString(),
    comment: sharingMsg.value,
  };
  const taskId = companyForm.value.taskId;
  disposeUser(data, taskId).then((res) => {
    companyShow.value = false;
    sharingShow.value = false;
    getList();
    proxy.$modal.msgSuccess("保单已分配成功");
  });
}
/** 查询承保公司列表 */
const getDeptList = () => {
  listDept(companyQueryParams).then((response) => {
    let newArr = [];
    newArr = response.data.filter((item) => item.parentId === 100);
    let arrNew = newArr.map((child) => {
      return {
        deptId: child.deptId.toString(),
        deptName: child.deptName,
      };
    });
    deptOptions.value.push(...arrNew);
  });
};

const loadingBtn = ref(false); // 刷新流转公司加载按钮
const transferTip = ref(""); //流转下一家名称
const transferDeptId = ref(""); // 流转的部门公司ID
// 获取流转下一家分配公司
const getTransferTip = async (timers) => {
  if (!loadingBtn.value) {
    loadingBtn.value = true;
    const { data } = await getCompanyTip();
    let timer = setTimeout(() => {
      transferTip.value = data.deptName;
      transferDeptId.value = data.deptId.toString();
      loadingBtn.value = false;
      clearTimeout(timer);
    }, timers);
  }
};

// 筛选时间范围
const timeFrame = ref(null);
// 选择时间范围
const handleTime = (valu) => {
  if (valu !== null) {
    queryParams.startTime = proxy.parseTime(valu[0]);
    queryParams.endTime = proxy.parseTime(valu[1]);
  } else {
    queryParams.startTime = "";
    queryParams.endTime = "";
  }
};
// 查询参数
const queryParams = reactive({
  pageNum: 1,
  pageSize: 10,
  name: "",
  licensePlate: "",
  type: 0,
  frameNumber: "",
  startTime: "",
  endTime: "",
});
/** 搜索按钮操作 */
function handleQuery() {
  queryParams.pageNum = 1;
  getList();
}
/** 重置按钮操作 */
function resetQuery() {
  proxy.resetForm("queryRef");
  queryParams.startTime = "";
  queryParams.endTime = "";
  handleQuery();
}

onMounted(() => {
  getList();
});

// 判断是否为协会员工，协会员工可分配承保公司
if (checkRole(["associationemployee"])) {
  getDeptList();
}
</script>

<style lang="scss" scoped>
::v-deep(.el-radio-group) {
  align-items: start;
  flex-direction: column;
}
.header_top {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 20px;
}
.transferTip {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 14px;
  color: #666;
}
.company_content {
  width: 100%;
  height: 200px;
  overflow-y: scroll;
}
</style>