qinxianzhangyao
2024-05-20 41332257f7889df6032fa3c64a7f3998e4b65524
qxtj
3个文件已修改
1506 ■■■■ 已修改文件
src/api/system/comp.js 10 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/reservation/groupcheck/index.vue 1459 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/system/Blacklist/index.vue 37 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/api/system/comp.js
@@ -139,4 +139,14 @@
    method: 'post',
    data: data
  })
}
// 查询体检单位信息维护列表
export function getCusTomterListByCompId(query) {
  return request({
    url: '/system/comp/getCusTomterListByCompId',
    method: 'get',
    params: query
  })
}
src/views/reservation/groupcheck/index.vue
@@ -1,66 +1,56 @@
<template>
    <div class="app-container">
      <el-form
        :model="objs"
        :rules="rules"
        ref="form"
        size="small"
        :inline="true"
        label-width="100px"
      >
        <el-form-item label="单位名称" prop="drugManufacturerId">
          <el-select
            :remote-method="getRemoteData"
            v-model="objs.drugManufacturerId"
            remote
            filterable
            style="width: 200px"
            placeholder="请选择单位名称"
            clearable
            @clear="getCompanyList"
            @change="idFn"
          >
            <el-option
              v-for="dict in CompanyList"
              :key="dict.cnName"
              :label="dict.cnName"
              :value="dict.drugManufacturerId"
            />
          </el-select>
          <i class="el-icon-circle-plus-outline" @click="handleAdd"></i>
        </el-form-item>
        <el-form-item label="部门" prop="dwDeptName">
          <el-select
            v-model="objs.dwDeptName"
            placeholder="请选择部门"
            style="width: 200px"
            clearable
            @change="idBm"
          >
            <el-option
              v-for="dict in deptList"
              :key="dict.id"
              :label="dict.dwDeptName"
              :value="dict.id"
            />
          </el-select>
          <i class="el-icon-circle-plus-outline" @click="handleAddbumen"></i>
        </el-form-item>
        <el-form-item label="预约时间" prop="reservationTime">
          <el-date-picker
            clearable
            v-model="objs.reservationTime"
            type="date"
            format="yyyy-MM-dd"
            value-format="yyyy-MM-dd"
            style="width: 220px"
            placeholder="请选择预约日期"
            @change="selectTime"
            :picker-options="setDisabled"
          >
          </el-date-picker>
        </el-form-item>
        <el-form-item>
  <div class="app-container">
    <el-form
      :model="objs"
      :rules="rules"
      ref="form"
      size="small"
      :inline="true"
      label-width="100px"
    >
      <el-form-item label="单位名称" prop="compId">
        <el-select
          :remote-method="getRemoteData"
          v-model="objs.compId"
          remote
          filterable
          style="width: 200px"
          placeholder="请选择单位名称"
          clearable
          @clear="getCompanyList"
        >
          <el-option
            v-for="dict in CompanyList"
            :key="dict.cnName"
            :label="dict.cnName"
            :value="dict.drugManufacturerId"
          />
        </el-select>
        <i class="el-icon-circle-plus-outline" @click="handleAdd"></i>
      </el-form-item>
      <el-form-item label="姓名" prop="name">
        <el-input
          v-model="objs.name"
          placeholder="请输入姓名"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="预约时间" prop="reservationTime">
        <el-date-picker
          clearable
          v-model="objs.reservationTime"
          type="date"
          format="yyyy-MM-dd"
          value-format="yyyy-MM-dd"
          style="width: 220px"
          placeholder="请选择预约日期"
          @change="selectTime"
          :picker-options="setDisabled"
        >
        </el-date-picker>
      </el-form-item>
      <el-form-item>
        <el-button
          type="primary"
          icon="el-icon-search"
@@ -72,711 +62,682 @@
          >重置</el-button
        >
      </el-form-item>
      </el-form>
      <el-row :gutter="10" class="mb8" style="margin: 5px 20px">
        <el-col :span="1.5">
          <el-button
            type="primary"
            class="btn"
            icon="el-icon-thumb"
            :disabled="isdisabled"
            size="mini"
            @click="submitForm"
          >
            批量签到</el-button
          >
        </el-col>
        <el-col :span="1.5">
          <el-button
            type="primary"
            class="btn"
            icon="el-icon-thumb"
            :disabled="isdisabled"
            size="mini"
            @click="submitForm"
          >
            批量打印导检单</el-button
          >
        </el-col>
      </el-row>
      <div style="margin: 5px 20px; width: 94%">
        <el-table
          v-loading="loading"
          :data="userList"
          :summary-method="getSummaries"
          show-summary
          border
    </el-form>
    <el-row :gutter="10" class="mb8" style="margin: 5px 20px">
      <el-col :span="1.5">
        <el-button
          type="primary"
          class="btn"
          icon="el-icon-thumb"
          :disabled="isdisabled"
          size="mini"
          @click="submitForm"
        >
        <el-table-column type="selection" width="55" align="center" fixed="left" />
          <el-table-column
            label="单位名称"
            align="center"
            prop="company"
            width="200"
          />
          <el-table-column label="工号" align="center" prop="jobNo" width="80" />
          <el-table-column label="姓名" align="center" prop="name" width="75" />
          <el-table-column label="性别" align="center" prop="sex" width="75">
            <template slot-scope="scope">
              <dict-tag
                :options="dict.type.sys_user_sex"
                :value="scope.row.sex"
              />
            </template>
          </el-table-column>
          <el-table-column
            label="身份证号"
            align="center"
            prop="idCard"
            width="200"
          />
          <el-table-column label="年龄" align="center" prop="age" width="75" />
          <el-table-column
            label="出生日期"
            align="center"
            prop="birthday"
            width="100"
          />
          <el-table-column label="职位" align="center" prop="position" />
          <el-table-column label="部门" align="center" prop="department" />
          <el-table-column label="部门编号" align="center" prop="departmentId" />
          <el-table-column
            label="联系电话"
            align="center"
            prop="phoe"
            width="120"
          />
          <el-table-column label="地址" align="center" prop="address" />
          <el-table-column
            label="婚姻状况"
            align="center"
            prop="marriage"
            key="marriage"
          >
            <template slot-scope="scope">
              <dict-tag
                :options="dict.type.dict_user_marry"
                :value="scope.row.marriage"
              />
            </template>
          </el-table-column>
          <el-table-column label="民族" align="center" prop="nation" key="nation">
            <template slot-scope="scope">
              <dict-tag
                :options="dict.type.dict_user_national"
                :value="scope.row.nation"
              />
            </template>
          </el-table-column>
          <el-table-column label="联系邮箱" align="center" prop="email" />
          <!-- <el-table-column label="体检类别" align="center" prop="tjCategory" /> -->
          <el-table-column label="分组" align="center" prop="groupingName" />
          <el-table-column label="项目收费" align="center" prop="ysPrice" />
        </el-table>
      </div>
      <!-- 添加或修改体检单位信息维护对话框 -->
      <div class="dia">
        <el-dialog
          :title="title"
          :visible.sync="open"
          width="1000px"
          append-to-body
          批量签到</el-button
        >
          <el-form
            ref="form"
            :model="form"
            :rules="rules"
            label-width="100px"
            :inline="true"
          >
            <el-form-item label="单位名称" prop="cnName">
              <el-input v-model="form.cnName" placeholder="请输入中文名称" />
            </el-form-item>
            <el-form-item label="联系人" prop="contactPerson">
              <el-input v-model="form.contactPerson" placeholder="请输入联系人" />
            </el-form-item>
            <el-form-item label="联系电话" prop="contactPhone">
              <el-input
                v-model="form.contactPhone"
                placeholder="请输入联系电话"
              />
            </el-form-item>
            <el-form-item label="税号" prop="taxNumber">
              <el-input v-model="form.taxNumber" placeholder="请输入税号" />
            </el-form-item>
            <el-form-item label="法人" prop="legalPerson">
              <el-input v-model="form.legalPerson" placeholder="请输入法人" />
            </el-form-item>
            <el-form-item label="注册地址" prop="registerAddress">
              <el-input
                v-model="form.registerAddress"
                placeholder="请输入注册地址"
              />
            </el-form-item>
            <el-form-item label="通讯地址" prop="mailingAddress">
              <el-input
                v-model="form.mailingAddress"
                placeholder="请输入通讯地址"
              />
            </el-form-item>
            <el-form-item label="开户银行" prop="bankAccount">
              <el-input v-model="form.bankAccount" placeholder="请输入开户银行" />
            </el-form-item>
            <el-form-item label="银行账户" prop="countNum">
              <el-input v-model="form.countNum" placeholder="请输入银行账户" />
            </el-form-item>
            <el-form-item label="邮箱" prop="email">
              <el-input v-model="form.email" placeholder="请输入邮箱" />
            </el-form-item>
            <el-form-item label="负责人" prop="principal">
              <el-input v-model="form.principal" placeholder="请输入负责人" />
            </el-form-item>
            <el-form-item label="网址" prop="url">
              <el-input v-model="form.url" placeholder="请输入网址" />
            </el-form-item>
            <el-form-item label="传真" prop="faxNumber">
              <el-input v-model="form.faxNumber" placeholder="请输入传真" />
            </el-form-item>
            <el-form-item label="行政区划名称" prop="areaName">
              <el-input
                v-model="form.areaName"
                placeholder="请输入行政区划名称"
              />
            </el-form-item>
            <el-form-item label="排序" prop="orderNum">
              <el-input v-model="form.orderNum" placeholder="请输入排序" />
            </el-form-item>
            <el-form-item label="有效时间" prop="validTime">
              <el-date-picker
                clearable
                v-model="form.validTime"
                type="date"
                value-format="yyyy-MM-dd"
                placeholder="请选择有效时间"
              >
              </el-date-picker> </el-form-item
            ><br />
            <el-form-item label="备注" prop="remark">
              <el-input
                v-model="form.remark"
                type="textarea"
                placeholder="请输入内容"
                :rows="2"
                label-width="400px"
                style="width: 830px"
                resize="none"
              ></el-input>
            </el-form-item>
          </el-form>
          <div slot="footer" class="dialog-footer2">
            <el-button type="primary" @click="submitFormS">确 定</el-button>
            <el-button @click="cancel">取 消</el-button>
          </div>
        </el-dialog>
      </div>
      <!-- 添加或修改部门信息维护对话框 -->
      <div class="dia">
        <el-dialog
          :title="title"
          :visible.sync="open1"
          width="1000px"
          append-to-body
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="primary"
          class="btn"
          icon="el-icon-thumb"
          :disabled="isdisabled"
          size="mini"
          @click="submitForm"
        >
          <el-form
            ref="form"
            :model="form"
            :rules="rules"
            label-width="100px"
            :inline="true"
          批量打印导检单</el-button
        >
      </el-col>
    </el-row>
    <el-row :gutter="20" style="margin: 8px 15px">
      <el-col :span="12">
        <div>
          <el-table
            v-loading="loading"
            :data="userList"
            @selection-change="handleSelectionChange"
            border
          >
          <el-form-item label="单位名称" prop="drugManufacturerId">
          <el-select
            :remote-method="getRemoteData"
            v-model="objs.drugManufacturerId"
            remote
            filterable
            style="width: 200px"
            placeholder="请选择单位名称"
            clearable
            @clear="getCompanyList"
            @change="idFn1"
          >
            <el-option
              v-for="dict in CompanyList"
              :key="dict.cnName"
              :label="dict.cnName"
              :value="dict.drugManufacturerId"
            <el-table-column
              type="selection"
              width="55"
              align="center"
              fixed="left"
            />
          </el-select>
        </el-form-item>
            <el-form-item label="部门名称" prop="dwDeptName">
              <el-input v-model="form.dwDeptName" placeholder="请输入部门名称" />
            </el-form-item>
            <el-form-item label="签约金额" prop="signingPrice">
              <el-input
                v-model="form.signingPrice"
                placeholder="请输入签约金额"
              />
            </el-form-item>
          </el-form>
          <div slot="footer" class="dialog-footer2">
            <el-button type="primary" @click="handleAddDept">确 定</el-button>
            <el-button @click="cancel">取 消</el-button>
          </div>
        </el-dialog>
            <el-table-column
              label="单位名称"
              align="center"
              prop="company"
              width="200"
            />
            <el-table-column
              label="工号"
              align="center"
              prop="jobNo"
              width="80"
            />
            <el-table-column
              label="姓名"
              align="center"
              prop="name"
              width="75"
            />
            <el-table-column label="性别" align="center" prop="sex" width="75">
              <template slot-scope="scope">
                <dict-tag
                  :options="dict.type.sys_user_sex"
                  :value="scope.row.sex"
                />
              </template>
            </el-table-column>
            <el-table-column
              label="身份证号"
              align="center"
              prop="idCard"
              width="200"
            />
            <el-table-column
              label="年龄"
              align="center"
              prop="age"
              width="75"
            />
            <el-table-column
              label="出生日期"
              align="center"
              prop="birthday"
              width="100"
            />
            <el-table-column label="职位" align="center" prop="position" />
            <el-table-column label="部门" align="center" prop="department" />
            <el-table-column
              label="部门编号"
              align="center"
              prop="departmentId"
            />
            <el-table-column
              label="联系电话"
              align="center"
              prop="phoe"
              width="120"
            />
            <el-table-column label="地址" align="center" prop="address" />
            <el-table-column
              label="婚姻状况"
              align="center"
              prop="marriage"
              key="marriage"
            >
              <template slot-scope="scope">
                <dict-tag
                  :options="dict.type.dict_user_marry"
                  :value="scope.row.marriage"
                />
              </template>
            </el-table-column>
            <el-table-column
              label="民族"
              align="center"
              prop="nation"
              key="nation"
            >
              <template slot-scope="scope">
                <dict-tag
                  :options="dict.type.dict_user_national"
                  :value="scope.row.nation"
                />
              </template>
            </el-table-column>
            <el-table-column label="联系邮箱" align="center" prop="email" />
            <!-- <el-table-column label="体检类别" align="center" prop="tjCategory" /> -->
            <el-table-column label="分组" align="center" prop="groupingName" />
            <el-table-column label="项目收费" align="center" prop="ysPrice" />
          </el-table>
          <div class="pag">
      <div class="pag1">
        <pagination v-show="total > 0" :total="total" :page.sync="objs.page"
          :limit.sync="objs.pageSize" @pagination="handleQuery" />
      </div>
    </div>
  </template>
        </div>
      </el-col>
      <el-col :span="12">
        <el-table
            :data="selectList"
            border
          >
            <el-table-column
              label="工号"
              align="center"
              prop="jobNo"
              width="80"
            />
            <el-table-column
              label="姓名"
              align="center"
              prop="name"
              width="75"
            />
            <el-table-column label="性别" align="center" prop="sex" width="75">
              <template slot-scope="scope">
                <dict-tag
                  :options="dict.type.sys_user_sex"
                  :value="scope.row.sex"
                />
              </template>
            </el-table-column>
            <el-table-column
              label="身份证号"
              align="center"
              prop="idCard"
              width="200"
            />
            <el-table-column
              label="联系电话"
              align="center"
              prop="phoe"
              width="120"
            />
            <el-table-column label="分组" align="center" prop="groupingName" />
            <el-table-column label="项目收费" align="center" prop="ysPrice" />
            <el-table-column fixed="right" label="操作" align="center" width="90px" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
            title="删除"></el-button>
        </template>
      </el-table-column>
          </el-table>
      </el-col>
    </el-row>
    <!-- 添加或修改体检单位信息维护对话框 -->
    <div class="dia">
      <el-dialog
        :title="title"
        :visible.sync="open"
        width="1000px"
        append-to-body
      >
        <el-form
          ref="form"
          :model="form"
          :rules="rules"
          label-width="100px"
          :inline="true"
        >
          <el-form-item label="单位名称" prop="cnName">
            <el-input v-model="form.cnName" placeholder="请输入中文名称" />
          </el-form-item>
          <el-form-item label="联系人" prop="contactPerson">
            <el-input v-model="form.contactPerson" placeholder="请输入联系人" />
          </el-form-item>
          <el-form-item label="联系电话" prop="contactPhone">
            <el-input
              v-model="form.contactPhone"
              placeholder="请输入联系电话"
            />
          </el-form-item>
          <el-form-item label="税号" prop="taxNumber">
            <el-input v-model="form.taxNumber" placeholder="请输入税号" />
          </el-form-item>
          <el-form-item label="法人" prop="legalPerson">
            <el-input v-model="form.legalPerson" placeholder="请输入法人" />
          </el-form-item>
          <el-form-item label="注册地址" prop="registerAddress">
            <el-input
              v-model="form.registerAddress"
              placeholder="请输入注册地址"
            />
          </el-form-item>
          <el-form-item label="通讯地址" prop="mailingAddress">
            <el-input
              v-model="form.mailingAddress"
              placeholder="请输入通讯地址"
            />
          </el-form-item>
          <el-form-item label="开户银行" prop="bankAccount">
            <el-input v-model="form.bankAccount" placeholder="请输入开户银行" />
          </el-form-item>
          <el-form-item label="银行账户" prop="countNum">
            <el-input v-model="form.countNum" placeholder="请输入银行账户" />
          </el-form-item>
          <el-form-item label="邮箱" prop="email">
            <el-input v-model="form.email" placeholder="请输入邮箱" />
          </el-form-item>
          <el-form-item label="负责人" prop="principal">
            <el-input v-model="form.principal" placeholder="请输入负责人" />
          </el-form-item>
          <el-form-item label="网址" prop="url">
            <el-input v-model="form.url" placeholder="请输入网址" />
          </el-form-item>
          <el-form-item label="传真" prop="faxNumber">
            <el-input v-model="form.faxNumber" placeholder="请输入传真" />
          </el-form-item>
          <el-form-item label="行政区划名称" prop="areaName">
            <el-input
              v-model="form.areaName"
              placeholder="请输入行政区划名称"
            />
          </el-form-item>
          <el-form-item label="排序" prop="orderNum">
            <el-input v-model="form.orderNum" placeholder="请输入排序" />
          </el-form-item>
          <el-form-item label="有效时间" prop="validTime">
            <el-date-picker
              clearable
              v-model="form.validTime"
              type="date"
              value-format="yyyy-MM-dd"
              placeholder="请选择有效时间"
            >
            </el-date-picker> </el-form-item
          ><br />
          <el-form-item label="备注" prop="remark">
            <el-input
              v-model="form.remark"
              type="textarea"
              placeholder="请输入内容"
              :rows="2"
              label-width="400px"
              style="width: 830px"
              resize="none"
            ></el-input>
          </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer2">
          <el-button type="primary" @click="submitFormS">确 定</el-button>
          <el-button @click="cancel">取 消</el-button>
        </div>
      </el-dialog>
    </div>
  </div>
</template>
  
  <script>
  import {
    addDept,
    addComp,
    Deptlist,
    getDwAndDwDept,
    newExcelImport,
  } from "@/api/system/comp";
  import { newConfirm, getCompany, queryCompany } from "@/api/team/tuanti";
  import { getToken } from "@/utils/auth";
  export default {
    dicts: [
      "dict_user_national",
      "dict_user_marry",
      "sys_yes_no",
      "sys_user_sex",
      "reservation_pay_type",
      "sys_normal_disable",
    ],
    name: "Tijian",
    data() {
      let checkPhoneNum = (rule, value, callback) => {
        console.log(value);
        let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/);
        if (value == "" && value == undefined && !value) {
          return callback("");
        } else if (value != undefined && value != "") {
          return callback();
        } else if (!patter.test(value)) {
          return callback("");
        }
      };
      return {
        isdisabled: true,
        setDisabled: {
          // 返回禁用时间
          disabledDate(time) {
            // return time.getTime() < Date.now()// 不可选历史天、不可选当前天、可选未来天
            return time.getTime() < Date.now() - 8.64e7; // 不可选历史天、可选当前天、可选未来天
import {
  addDept,
  addComp,
  Deptlist,getCusTomterListByCompId
} from "@/api/system/comp";
import {  getCompany, queryCompany } from "@/api/team/tuanti";
export default {
  dicts: [
    "dict_user_national",
    "dict_user_marry",
    "sys_yes_no",
    "sys_user_sex",
    "reservation_pay_type",
    "sys_normal_disable",
  ],
  name: "Tijian",
  data() {
    let checkPhoneNum = (rule, value, callback) => {
      console.log(value);
      let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/);
      if (value == "" && value == undefined && !value) {
        return callback("");
      } else if (value != undefined && value != "") {
        return callback();
      } else if (!patter.test(value)) {
        return callback("");
      }
    };
    return {
      isdisabled: true,
      setDisabled: {
        // 返回禁用时间
        disabledDate(time) {
          // return time.getTime() < Date.now()// 不可选历史天、不可选当前天、可选未来天
          return time.getTime() < Date.now() - 8.64e7; // 不可选历史天、可选当前天、可选未来天
        },
      },
      CompanyList: [],
      selectList:[],
      tableData: [], // 表数据
      form: {
        company: "",
        payType: "",
        name: "",
        phoe: "",
        signingPic: "",
        discount: "",
      },
      size: "",
      // 套餐提交按钮
      confirm: false,
      deptList: [],
      data: {
        dwId: "",
        dwDeptId: "",
        dwName: "",
      },
      objs: {
        compId: null,
        name: null,
        reservationTime: null,
        page:1,
        pageSize:10
      },
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 用户表格数据
      userList: null,
      // 查询参数
      queryParam: {
        pageNum: 1,
        pageSize: 10,
      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {
        drugManufacturerId: [
          { required: true, validator: checkPhoneNum, trigger: "change" },
        ],
        reservationTime: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        dwDeptName: [
          { required: true, validator: checkPhoneNum, trigger: "change" },
        ],
        signingPic: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        contactPerson: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        contactPhone: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        taxNumber: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        legalPerson: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        registerAddress: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        bankAccount: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        countNum: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        principal: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        faxNumber: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        mailingAddress: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        email: [{ required: true, validator: checkPhoneNum, trigger: "blur" }],
        pacName: [
          { required: true, validator: checkPhoneNum, trigger: "change" },
        ],
        payType: [
          { required: true, validator: checkPhoneNum, trigger: "change" },
        ],
        phoe: [
          {
            required: true,
            pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
            validator: checkPhoneNum,
            trigger: "blur",
          },
        },
        CompanyList: [],
        tableData: [], // 表数据
        form: {
          company: "",
          payType: "",
          name: "",
          phoe: "",
          signingPic: "",
          discount: "",
        },
        size: "",
        creaseopen: false,
        // 套餐提交按钮
        confirm: false,
        TotalPrice: 0,
        TotalPrice1: 0,
        discount: 100,
        deptList: [],
        data: {
          dwId: "",
          dwDeptId: "",
          dwName:"",
        },
        objs: {
          drugManufacturerId: "",
          dwDeptName: "",
          reservationTime: "",
        },
        // 非单个禁用
        single: true,
        // 非多个禁用
        multiple: true,
        // 用户表格数据
        userList: null,
        // 查询参数
        queryParam: {
          pageNum: 1,
          pageSize: 10
        },
        // 表单参数
        form: {},
        // 表单校验
        rules: {
          drugManufacturerId: [
            { required: true, validator: checkPhoneNum, trigger: "change" },
          ],
          reservationTime: [
            { required: true, validator: checkPhoneNum, trigger: "blur" },
          ],
          dwDeptName: [
            { required: true, validator: checkPhoneNum, trigger: "change" },
          ],
          signingPic: [
            { required: true, validator: checkPhoneNum, trigger: "blur" },
          ],
          contactPerson: [
            { required: true, validator: checkPhoneNum, trigger: "blur" },
          ],
          contactPhone: [
            { required: true, validator: checkPhoneNum, trigger: "blur" },
          ],
          taxNumber: [
            { required: true, validator: checkPhoneNum, trigger: "blur" },
          ],
          legalPerson: [
            { required: true, validator: checkPhoneNum, trigger: "blur" },
          ],
          registerAddress: [
            { required: true, validator: checkPhoneNum, trigger: "blur" },
          ],
          bankAccount: [
            { required: true, validator: checkPhoneNum, trigger: "blur" },
          ],
          countNum: [
            { required: true, validator: checkPhoneNum, trigger: "blur" },
          ],
          principal: [
            { required: true, validator: checkPhoneNum, trigger: "blur" },
          ],
          faxNumber: [
            { required: true, validator: checkPhoneNum, trigger: "blur" },
          ],
          mailingAddress: [
            { required: true, validator: checkPhoneNum, trigger: "blur" },
          ],
          email: [{ required: true, validator: checkPhoneNum, trigger: "blur" }],
          pacName: [
            { required: true, validator: checkPhoneNum, trigger: "change" },
          ],
          payType: [
            { required: true, validator: checkPhoneNum, trigger: "change" },
          ],
          phoe: [
            {
              required: true,
              pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
              validator: checkPhoneNum,
              trigger: "blur",
            },
          ],
          proPrice: [
            { required: true, validator: checkPhoneNum, trigger: "blur" },
          ],
          createTime: [
            { required: true, validator: checkPhoneNum, trigger: "blur" },
          ],
          cnName: [{ required: true, validator: checkPhoneNum, trigger: "blur" }],
          businessLicenseNumber: [
            { required: true, validator: checkPhoneNum, trigger: "blur" },
          ],
          createTime: [
            { required: true, validator: checkPhoneNum, trigger: "blur" },
          ],
          updateTime: [
            { required: true, validator: checkPhoneNum, trigger: "blur" },
          ],
          effective: [
            {
              required: true,
              validator: checkPhoneNum,
              trigger: "change",
            },
          ],
          name: [{ required: true, validator: checkPhoneNum, trigger: "change" }],
          contactPhone: [
            { required: true, validator: checkPhoneNum, trigger: "change" },
          ],
        },
        ListObj: {},
        // 遮罩层
        loading: true,
        pacStatus: "启用",
        ],
        // 非单个禁用
        single: true,
        // 非多个禁用
        multiple: true,
        // 总条数
        total: 0,
        // 弹出层标题
        title: "",
        // 是否显示弹出层
        open: false,
        open1: false,
        // 查询参数
        queryParams: {
          pageNum: 1,
          pageSize: 10,
          cnName: null,
          enName: null,
          code: null,
        },
      };
    },
    created() {
      this.getCompanyList();
    },
    watch: {
      inputVal(newValue) {
        if (newValue) {
          this.searchData(true);
        } else {
          this.searchData(false);
        }
        proPrice: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        createTime: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        cnName: [{ required: true, validator: checkPhoneNum, trigger: "blur" }],
        businessLicenseNumber: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        createTime: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        updateTime: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        effective: [
          {
            required: true,
            validator: checkPhoneNum,
            trigger: "change",
          },
        ],
        name: [{ required: true, validator: checkPhoneNum, trigger: "change" }],
        contactPhone: [
          { required: true, validator: checkPhoneNum, trigger: "change" },
        ],
      },
    },
    methods: {
        handleQuery(){
      ListObj: {},
      // 遮罩层
      loading: true,
      pacStatus: "启用",
        },
      // 保存部门
      handleAddDept() {
          let data = {
          dwName: this.data.dwName,
          dwId: this.data.dwId,
          dwDeptName: this.form.dwDeptName,
          signingPrice: this.form.signingPrice,
        };
        addDept(data).then((response) => {
          if (response.code == 200) {
            this.$modal.msgSuccess("新增成功");
            this.open1 = false;
          }
        });
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 总条数
      total: 0,
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      open1: false,
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        cnName: null,
        enName: null,
        code: null,
      },
      idFn(value) {
        console.log(value);
        if (value) {
          this.data.dwId = value;
          Deptlist(value).then((response) => {
            this.deptList = response.data;
          });
        }
      },
      idFn1(value) {
        console.log(value);
        if (value) {
          this.data.dwId = value;
          this.CompanyList.forEach(item=>{
            console.log(item);
            if(item.drugManufacturerId == this.data.dwId){
              this.data.dwName = item.cnName
            }
          })
        }
      },
      idBm(value) {
        this.data.dwDeptId = value;
      },
      getSummaries(param) {
        const { columns, data } = param;
        const sums = [];
        columns.forEach((column, index) => {
          if (index === 0) {
            sums[index] = "合计";
            return;
          }
          if (index === 1) {
            sums[index] = "总计人数";
            return;
          }
          if (index === 2) {
            sums[index] = this.ListObj.count;
            return;
          }
          if (index === 7) {
            sums[index] = "男组人数";
            return;
          }
          if (index === 8) {
            sums[index] = this.ListObj.manCount;
            return;
          }
          if (index === 9) {
            sums[index] = "男组金额";
            return;
          }
          if (index === 10) {
            sums[index] = this.ListObj.manMoney;
            return;
          }
          if (index === 12) {
            sums[index] = "女组人数";
            return;
          }
          if (index === 13) {
            sums[index] = this.ListObj.woManCount;
            return;
          }
          if (index === 14) {
            sums[index] = "女组金额";
            return;
          }
          if (index === 15) {
            sums[index] = this.ListObj.woManMoney;
            return;
          }
          if (index === 16) {
            sums[index] = "合计金额";
            return;
          }
          if (index === 17) {
            sums[index] = this.ListObj.hjMoney;
            return;
          }
        });
        return sums;
      },
      // 搜索
      getRemoteData(query) {
        if (query) {
          let compName = query;
          queryCompany(compName).then((response) => {
            this.CompanyList = response.data;
            this.CompanyList.forEach((item) => {
              this.objs = item;
            });
          });
        }
      },
      // 获取单位信息集合
      getCompanyList() {
        this.loading = true;
        getCompany(this.queryParam).then((response) => {
          this.CompanyList = response.data;
          this.total = response.total;
          this.loading = false;
        });
      },
      // 取消按钮
      cancel() {
        this.open = false;
        this.open1 = false;
        this.creaseopen = false;
        this.reset();
      },
      /** 新增按钮操作 */
      handleAdd() {
        this.reset();
        this.open = true;
        this.title = "添加体检单位信息维护";
      },
      /** 部门新增按钮操作 */
      handleAddbumen() {
        this.reset();
        this.open1 = true;
        this.title = "添加部门信息维护";
      },
      /** 提交按钮 */
      submitFormS() {
        this.$refs["form"].validate((valid) => {
          if (valid) {
            addComp(this.form).then((response) => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;
              this.getCompanyList();
            });
          }
        });
      },
      // 表单重置
      reset() {
        this.form = {
          company: null,
          payType: null,
          name: null,
          phoe: null,
          signingPic: null,
          pacStatus: "启用",
        };
        this.resetForm("form");
      },
      /** 重置按钮操作 */
      resetQuery() {
        this.date = [];
        this.objs.drugManufacturerId = "";
        this.objs.dwDeptName = "";
        this.objs.reservationTime = "";
        this.TotalPrice = "";
        this.tableData[0] = [];
        this.TotalPrice1 = "";
        // this.resetForm("form");
        this.form = {};
      },
      //获取时间
      selectTime(val) {
        this.objs.reservationTime = val;
      },
      /** 确认按钮 */
      submitForm() {
    };
  },
  created() {
    this.getCompanyList();
  },
  watch: {
    inputVal(newValue) {
      if (newValue) {
        this.searchData(true);
      } else {
        this.searchData(false);
      }
    },
  };
  </script>
  },
  methods: {
    handleQuery() {
      getCusTomterListByCompId(this.objs).then(res => {
        this.userList = res.data.records
        this.total = res.data.total
      })
    },
    // 保存部门
    handleAddDept() {
      let data = {
        dwName: this.data.dwName,
        dwId: this.data.dwId,
        dwDeptName: this.form.dwDeptName,
        signingPrice: this.form.signingPrice,
      };
      addDept(data).then((response) => {
        if (response.code == 200) {
          this.$modal.msgSuccess("新增成功");
          this.open1 = false;
        }
      });
    },
    // idFn(value) {
    //   console.log(value);
    //   if (value) {
    //     this.data.dwId = value;
    //     Deptlist(value).then((response) => {
    //       this.deptList = response.data;
    //     });
    //   }
    // },
      // 多选框选中数据
      handleSelectionChange(selection) {
        console.log(selection)
      // this.ids = selection.map((item) => item.cusId);
      // this.single = selection.length !== 1;
      // this.multiple = !selection.length;
    },
    handleDelete(row){
    },
    // 搜索
    getRemoteData(query) {
      if (query) {
        let compName = query;
        queryCompany(compName).then((response) => {
          this.CompanyList = response.data;
          this.CompanyList.forEach((item) => {
            this.objs = item;
          });
        });
      }
    },
    // 获取单位信息集合
    getCompanyList() {
      this.loading = true;
      getCompany(this.queryParam).then((response) => {
        this.CompanyList = response.data;
        this.loading = false;
      });
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.open1 = false;
      this.reset();
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加体检单位信息维护";
    },
    /** 部门新增按钮操作 */
    handleAddbumen() {
      this.reset();
      this.open1 = true;
      this.title = "添加部门信息维护";
    },
    /** 提交按钮 */
    submitFormS() {
      this.$refs["form"].validate((valid) => {
        if (valid) {
          addComp(this.form).then((response) => {
            this.$modal.msgSuccess("新增成功");
            this.open = false;
            this.getCompanyList();
          });
        }
      });
    },
    // 表单重置
    reset() {
      this.form = {
        company: null,
        payType: null,
        name: null,
        phoe: null,
        signingPic: null,
        pacStatus: "启用",
      };
      this.resetForm("form");
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.objs.drugManufacturerId = "";
      this.objs.dwDeptName = "";
      this.objs.reservationTime = "";
      this.form = {};
    },
    //获取时间
    selectTime(val) {
      this.objs.reservationTime = val;
    },
    /** 确认按钮 */
    submitForm() {},
  },
};
</script>
  
  
  <style>
  .el-dialog:not(.is-fullscreen) {
    margin-top: 6vh !important;
    width: 600px;
  }
  .upload-demo {
    width: 100%;
  }
  .el-icon-circle-plus-outline {
    line-height: 20px;
    font-size: 20px;
  }
  .dia {
    display: flex;
  }
  .dialog-footer2 {
    width: 960px;
    height: 36px;
    display: flex;
    justify-content: center;
  }
  .dialog-footer1 {
    width: 860px;
    height: 36px;
    display: flex;
    justify-content: center;
  }
  </style>
.pag {
  width: 100%;
  display: flex;
  justify-content: center;
}
.pag1 {
  width: 30%;
}
.el-dialog:not(.is-fullscreen) {
  margin-top: 6vh !important;
  width: 600px;
}
.upload-demo {
  width: 100%;
}
.el-icon-circle-plus-outline {
  line-height: 20px;
  font-size: 20px;
}
.dia {
  display: flex;
}
.dialog-footer2 {
  width: 960px;
  height: 36px;
  display: flex;
  justify-content: center;
}
.dialog-footer1 {
  width: 860px;
  height: 36px;
  display: flex;
  justify-content: center;
}
</style>
  
    
src/views/system/Blacklist/index.vue
@@ -8,10 +8,18 @@
      v-show="showSearch"
      label-width="68px"
    >
      <el-form-item label="姓名" prop="harmCode">
      <el-form-item label="姓名" prop="name">
        <el-input
          v-model="queryParams.harmCode"
          placeholder="请输入编码"
          v-model="queryParams.name"
          placeholder="请输入姓名"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="手机号" prop="phone">
        <el-input
          v-model="queryParams.phone"
          placeholder="请输入手机号"
          clearable
          @keyup.enter.native="handleQuery"
        />
@@ -69,7 +77,7 @@
        <pagination
          v-show="total > 0"
          :total="total"
          :page.sync="queryParams.pageNum"
          :page.sync="queryParams.page"
          :limit.sync="queryParams.pageSize"
          @pagination="getList"
        />
@@ -118,16 +126,10 @@
      open: false,
      // 查询参数
      queryParams: {
        pageNum: 1,
        page: 1,
        pageSize: 10,
        harmpinyin: null,
        harmtype: null,
        sort: null,
        harminfo: null,
        externalcode: null,
        harmcode: null,
        type: null,
        protection: null,
        name: null,
        phone: null,
      },
      // 表单参数
      form: {},
@@ -152,8 +154,11 @@
  },
  methods: {
    getList() {
      getCustomerBlack().then((res) => {
        this.harmTypeList = res.data;
      this.loading = true
      getCustomerBlack(this.queryParams).then((res) => {
        this.harmTypeList = res.data.records;
        this.total = res.data.total
        this.loading = false
      });
    },
@@ -174,7 +179,7 @@
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.queryParams.page = 1;
      this.getList();
    },
    /** 重置按钮操作 */