wwl
2024-12-07 d194f4cd74da499f741100e5e3da5bcc3a0dc387
src/views/reservation/reservations/index.vue
@@ -1,5 +1,96 @@
<template>
  <div class="app-container">
    <el-dialog
      :title="title"
      :visible.sync="open1"
      width="1000px"
      append-to-body
    >
      <el-form
        ref="form1"
        :model="form1"
        :rules="rules1"
        label-width="100px"
        :inline="true"
      >
        <el-form-item label="单位名称" prop="cnName">
          <el-input v-model="form1.cnName" placeholder="请输入中文名称" />
        </el-form-item>
        <el-form-item label="联系人" prop="contactPerson">
          <el-input v-model="form1.contactPerson" placeholder="请输入联系人" />
        </el-form-item>
        <el-form-item label="联系电话" prop="contactPhone">
          <el-input v-model="form1.contactPhone" placeholder="请输入联系电话" />
        </el-form-item>
        <el-form-item label="税号" prop="taxNumber">
          <el-input v-model="form1.taxNumber" placeholder="请输入税号" />
        </el-form-item>
        <el-form-item label="法人" prop="legalPerson">
          <el-input v-model="form1.legalPerson" placeholder="请输入法人" />
        </el-form-item>
        <el-form-item label="注册地址" prop="registerAddress">
          <el-input
            v-model="form1.registerAddress"
            placeholder="请输入注册地址"
          />
        </el-form-item>
        <el-form-item label="通讯地址" prop="mailingAddress">
          <el-input
            v-model="form1.mailingAddress"
            placeholder="请输入通讯地址"
          />
        </el-form-item>
        <el-form-item label="开户银行" prop="bankAccount">
          <el-input v-model="form1.bankAccount" placeholder="请输入开户银行" />
        </el-form-item>
        <el-form-item label="银行账户" prop="countNum">
          <el-input v-model="form1.countNum" placeholder="请输入银行账户" />
        </el-form-item>
        <el-form-item label="邮箱" prop="email">
          <el-input v-model="form1.email" placeholder="请输入邮箱" />
        </el-form-item>
        <el-form-item label="负责人" prop="principal">
          <el-input v-model="form1.principal" placeholder="请输入负责人" />
        </el-form-item>
        <el-form-item label="网址" prop="url">
          <el-input v-model="form1.url" placeholder="请输入网址" />
        </el-form-item>
        <el-form-item label="传真" prop="faxNumber">
          <el-input v-model="form1.faxNumber" placeholder="请输入传真" />
        </el-form-item>
        <el-form-item label="行政区划名称" prop="areaName">
          <el-input v-model="form1.areaName" placeholder="请输入行政区划名称" />
        </el-form-item>
        <el-form-item label="排序" prop="orderNum">
          <el-input v-model="form1.orderNum" placeholder="请输入排序" />
        </el-form-item>
        <el-form-item label="有效时间" prop="validTime">
          <el-date-picker
            clearable
            v-model="form1.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="form1.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="cancel1">取 消</el-button>
      </div>
    </el-dialog>
    <el-form
      :model="queryParams"
      ref="queryForm"
@@ -38,20 +129,23 @@
        <el-select
          :remote-method="getRemoteData"
          v-model="queryParams.company"
          value-key="drugManufacturerId"
          remote
          default-first-option
          allow-create
          filterable
          style="width: 200px"
          placeholder="请选择单位名称"
          clearable
          @change="searchSelect"
          @change="idFn1"
        >
          <el-option
            v-for="dict in CompanyList"
            :key="dict.drugManufacturerId"
            :key="dict.cnName"
            :label="dict.cnName"
            :value="dict.cnName"
            :value="dict.drugManufacturerId"
          />
        </el-select>
        <i class="el-icon-circle-plus-outline" @click="handleAdd1"></i>
      </el-form-item>
      <el-form-item label="预约超期" prop="isExpire">
        <el-select
@@ -89,7 +183,6 @@
          size="mini"
          :disabled="multiple"
          @click="batch"
          >撤销预约</el-button
        >
        <!--  v-hasPermi="['reservation:reservation:remove']" -->
@@ -100,7 +193,6 @@
          size="mini"
          :disabled="single"
          @click="receipt"
          >补打小票</el-button
        >
        <!-- v-hasPermi="['reservation:reservation:remove']" -->
@@ -452,12 +544,27 @@
                  style="width: 160px"
                />
              </el-form-item>
              <el-form-item label="工作单位" prop="company">
                <el-input
              <el-form-item label="单位名称" prop="company">
                <el-select
                  :remote-method="getRemoteData"
                  v-model="formIn.company"
                  placeholder="请输入工作单位"
                  style="width: 410px"
                  remote
                  default-first-option
                  allow-create
                  filterable
                  style="width: 200px"
                  placeholder="请选择单位名称"
                  clearable
                  @change="idFn1"
                >
                  <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="handleAdd1"></i>
              </el-form-item>
              <el-form-item label="职业" prop="career">
                <el-select
@@ -1025,12 +1132,27 @@
                  style="width: 160px"
                />
              </el-form-item>
              <el-form-item label="工作单位" prop="company">
                <el-input
              <el-form-item label="单位名称" prop="company">
                <el-select
                  :remote-method="getRemoteData"
                  v-model="formIn.company"
                  placeholder="请输入工作单位"
                  style="width: 410px"
                  remote
                  default-first-option
                  allow-create
                  filterable
                  style="width: 200px"
                  placeholder="请选择单位名称"
                  clearable
                  @change="idFn1"
                >
                  <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="handleAdd1"></i>
              </el-form-item>
              <el-form-item label="职业" prop="career">
                <el-select
@@ -1436,6 +1558,8 @@
</template>
<script>
import { addComp } from "@/api/system/comp";
import {
  listReservation,
  gettjCancel,
@@ -1450,6 +1574,7 @@
  getPackageListName,
  getaddtTransition,
  getTransitionList,
  getconfigKey,
} from "@/api/system/tijian";
import { getCompany, queryCompany } from "@/api/team/tuanti";
import user from "@/store/modules/user";
@@ -1562,7 +1687,7 @@
      multiple: true,
      nodeobj: {},
      // 是否显示弹出层
      Seachopen: false,
      pacId: "",
      // 结果
      result: "",
@@ -1610,6 +1735,22 @@
      formIn: {},
      fmobj: {},
      // 表单校验
      form1: {},
      open1: false,
      rules1: {
        cnName: [{ required: true, trigger: "blur" }],
        contactPerson: [{ required: true, trigger: "blur" }],
        contactPhone: [
          {
            required: true,
            trigger: "blur",
          },
          {
            pattern: /^1[3-9]\d{9}$/,
            trigger: "blur",
          },
        ],
      },
      rules: {
        cusName: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
@@ -1716,6 +1857,58 @@
    this.getList();
  },
  methods: {
    getCompanyList() {
      this.loading = true;
      getconfigKey("team_reservation_default_day").then((res) => {
        this.queryParams.yxts = res.msg;
      });
      getCompany(this.queryParam).then((response) => {
        this.CompanyList = response.data;
        this.total = response.total;
        this.loading = false;
      });
    },
    cancel1() {
      this.open1 = false;
      this.reset1();
    },
    submitFormS() {
      this.$refs["form1"].validate((valid) => {
        if (valid) {
          addComp(this.form1).then((response) => {
            this.$modal.msgSuccess("新增成功");
            this.open1 = false;
            this.getCompanyList();
          });
        }
      });
    },
    reset1() {
      this.form1 = {
        company: "",
        payType: "",
        name: "",
        phoe: "",
        signingPic: "",
        discount: "",
      };
    },
    handleAdd1() {
      this.reset1();
      this.open1 = true;
      this.title = "添加体检单位信息维护";
    },
    idFn1(value) {
      if (value) {
        this.form.dictCompId = value;
        this.CompanyList.forEach((item) => {
          if (item.drugManufacturerId == this.form.dictCompId) {
            this.form.compName = item.cnName;
            this.queryParams.company = item.cnName;
          }
        });
      }
    },
    /** 查询体检预约列表 */
    getList() {
      this.loading = true;
@@ -2504,7 +2697,12 @@
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.dialog-footer2 {
  width: 960px;
  height: 36px;
  display: flex;
  justify-content: center;
}
/* 修改 滑块 */
#printIframe::-webkit-scrollbar-thumb {
  background-color: #dcdfe6;