qxtj

qinxianzhangyao

2023-12-12 f4c300867675f292e882d5125238bb970bc19bdf

 src/views/system/tijianall/index.vue

@@ -3,48 +3,42 @@
    <el-row>
      <el-col :span="18">
        <div>
          <el-form
            style="margin: 4px 8px"
            :inline="true"
            ref="form"
            :model="form"
            :rules="rules"
            :label-position="labelPosition"
            class="demo-form-inline"
            label-width="78px"
          >
            <el-form-item label="姓名" prop="cusName">
              <el-input
                v-model="form.cusName"
                placeholder="请输入姓名"
                style="width: 160px"
              />
          <el-form style="margin: 4px 8px" :inline="true" ref="form" :model="form" :rules="rules"
            :label-position="labelPosition" class="demo-form-inline" label-width="78px">
            <el-form-item label="姓名" prop="cusName" :rules="[
              {
                required: true, validator: (rule, value, callback) => {
                  if (!form.cusName) {
                    callback('')
                  } else if (form.cusName) {
                    callback()
                  }

                }, trigger: 'blur'
              }]">
              <el-input v-model="form.cusName" placeholder="请输入姓名" style="width: 160px" />
            </el-form-item>
            <el-form-item label="证件类型" prop="idType">
              <el-select
                style="width: 160px"
                v-model="form.idType"
                placeholder="请选择证件类型"
              >
                <el-option
                  v-for="dict in dict.type.dict_user_cardtype"
                  :key="dict.value"
                  :label="dict.label"
                  :value="dict.value"
                ></el-option>
              <el-select style="width: 160px" v-model="form.idType" placeholder="请选择证件类型">
                <el-option v-for="dict in dict.type.dict_user_cardtype" :key="dict.value" :label="dict.label"
                  :value="dict.value"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="证件号" prop="cusIdcard">
              :required="showHidden.has_idcard === 'Y'" style="display: flex">
                <span slot="label" style="display:inline-block;border-bottom: 2px solid blue;" @click="handleQuery">
                  证件号
                </span>
              <el-input
                style="width: 186px"
                v-model="form.cusIdcard"
                placeholder="请输入身份证号"
                @input="inputChange"
              />
            <el-form-item label="证件号" prop="cusIdcard" :rules="[
              {
                required: true, validator: (rule, value, callback) => {
                  if (!form.cusIdcard) {
                    callback('')
                  } else if (form.cusIdcard) {
                    callback()
                  }

                }, trigger: 'blur'
              }]">
              <span slot="label" style="display:inline-block;border-bottom: 2px solid blue;" @click="handleQuery">
                证件号
              </span>
              <el-input style="width: 186px" v-model="form.cusIdcard" placeholder="请输入身份证号" @input="inputChange" />
              <!-- <i
                style="font-size: 17px; margin-left: 3px"
                class="el-icon-search"
@@ -55,32 +49,15 @@
              <el-input style="width: 55px" v-model="form.age" />
            </el-form-item>
            <el-form-item prop="ageUnit">
              <el-select
                style="width: 60px"
                v-model="form.ageUnit"
                @change="formchang"
              >
                <el-option
                  v-for="dict in dict.type.dict_ageunit"
                  :key="dict.value"
                  :label="dict.label"
                  :value="dict.value"
                ></el-option>
              <el-select style="width: 60px" v-model="form.ageUnit" @change="formchang">
                <el-option v-for="dict in dict.type.dict_ageunit" :key="dict.value" :label="dict.label"
                  :value="dict.value"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="性别" prop="cusSex">
              <el-select
                style="width: 160px"
                v-model="form.cusSex"
                placeholder="请选择性别"
                @change="formchang"
              >
                <el-option
                  v-for="dict in dict.type.sys_user_sex"
                  :key="dict.value"
                  :label="dict.label"
                  :value="parseInt(dict.value)"
                ></el-option>
              <el-select style="width: 160px" v-model="form.cusSex" placeholder="请选择性别" @change="formchang">
                <el-option v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label"
                  :value="parseInt(dict.value)"></el-option>
              </el-select>
            </el-form-item>

@@ -90,55 +67,36 @@
                value-format="yyyy-MM-dd" placeholder="请选择出生日期">
              </el-date-picker>
            </el-form-item> -->
            <el-form-item label="联系电话" prop="cusPhone">
              <el-input
                v-model="form.cusPhone"
                placeholder="请输入联系电话"
                style="width: 160px"
              />
            <el-form-item label="联系电话" prop="cusPhone" :rules="[
              {
                required: true, validator: (rule, value, callback) => {
                  if (!form.cusPhone) {
                    callback('')
                  } else if (form.cusPhone) {
                    callback()
                  }

                }, trigger: 'blur'
              }]">
              <el-input v-model="form.cusPhone" placeholder="请输入联系电话" style="width: 160px" />
            </el-form-item>
            <el-form-item label="民族" prop="cusNational">
              <el-select
                filterable
                v-model="form.cusNational"
                placeholder="请选择民族"
                style="width: 130px"
              >
                <el-option
                  v-for="dict in dict.type.dict_user_national"
                  :key="dict.value"
                  :label="dict.label"
                  :value="dict.value"
                ></el-option>
              <el-select filterable v-model="form.cusNational" placeholder="请选择民族" style="width: 130px">
                <el-option v-for="dict in dict.type.dict_user_national" :key="dict.value" :label="dict.label"
                  :value="dict.value"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="邮箱" prop="cusEmail">
              <el-input
                v-model="form.cusEmail"
                placeholder="请输入邮箱"
                style="width: 200px"
              />
              <el-input v-model="form.cusEmail" placeholder="请输入邮箱" style="width: 200px" />
            </el-form-item>
            <el-form-item label="婚姻" prop="cusMarryStatus">
              <el-select
                style="width: 160px"
                v-model="form.cusMarryStatus"
                placeholder="请选择婚姻状况"
              >
                <el-option
                  v-for="dict in dict.type.dict_user_marry"
                  :key="dict.value"
                  :label="dict.label"
                  :value="dict.value"
                ></el-option>
              <el-select style="width: 160px" v-model="form.cusMarryStatus" placeholder="请选择婚姻状况">
                <el-option v-for="dict in dict.type.dict_user_marry" :key="dict.value" :label="dict.label"
                  :value="dict.value"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="现住址" prop="cusAddr">
              <el-input
                v-model="form.cusAddr"
                placeholder="请输入现居住地址"
                style="width: 440px"
              />
              <el-input v-model="form.cusAddr" placeholder="请输入现居住地址" style="width: 440px" />
            </el-form-item>
            <!-- <el-form-item label="户口地址" prop="cusAddr">
              <el-input v-model="form.cusAddr" placeholder="请输入户口地址" />
@@ -154,98 +112,42 @@
              <el-input v-model="form.indexCard" placeholder="请输入索引卡号" />
            </el-form-item> -->
            <el-form-item label="体检类别" prop="category">
              <el-select
                style="width: 140px"
                v-model="form.category"
                placeholder="请选择体检类别"
              >
                <el-option
                  v-for="dict in dict.type.dict_tjtype"
                  :key="dict.value"
                  :label="dict.label"
                  :value="dict.value"
                ></el-option>
              <el-select style="width: 140px" v-model="form.category" placeholder="请选择体检类别">
                <el-option v-for="dict in dict.type.dict_tjtype" :key="dict.value" :label="dict.label"
                  :value="dict.value"></el-option>
              </el-select>
              <!-- <el-input v-model="form.category" placeholder="请输入体检类别" /> -->
            </el-form-item>
            <el-form-item label="部门" prop="department">
              <el-input
                v-model="form.department"
                placeholder="请输入部门"
                style="width: 160px"
              />
              <el-input v-model="form.department" placeholder="请输入部门" style="width: 160px" />
            </el-form-item>
            <el-form-item label="工作单位" prop="company">
              <el-input
                v-model="form.company"
                placeholder="请输入工作单位"
                style="width: 440px"
              />
              <el-input v-model="form.company" placeholder="请输入工作单位" style="width: 440px" />
            </el-form-item>
            <el-form-item label="职业" prop="career">
              <el-select
                filterable
                :disabled="isDisabled"
                v-model="form.career"
                placeholder="请输入职业"
                style="width: 140px"
              >
                <el-option
                  v-for="dict in dict.type.dict_job"
                  :key="dict.value"
                  :label="dict.label"
                  :value="dict.value"
                ></el-option>
              <el-select filterable :disabled="isDisabled" v-model="form.career" placeholder="请输入职业" style="width: 140px">
                <el-option v-for="dict in dict.type.dict_job" :key="dict.value" :label="dict.label"
                  :value="dict.value"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="预约日期" prop="reservationTime">
              <el-date-picker
                v-model="form.reservationTime"
                type="date"
                value-format="yyyy-MM-dd"
                placeholder="选择日期"
                :picker-options="setDisabled"
                style="width: 160px"
              >
              <el-date-picker v-model="form.reservationTime" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"
                :picker-options="setDisabled" style="width: 160px">
              </el-date-picker>
            </el-form-item>
            <el-form-item label="时间" prop="timeRegion">
              <el-select
                style="width: 160px"
                v-model="form.timeRegion"
                placeholder="请选择预约时间"
              >
                <el-option
                  v-for="dict in dict.type.tj_time_region"
                  :key="dict.value"
                  :label="dict.label"
                  :value="dict.value"
                ></el-option>
              <el-select style="width: 160px" v-model="form.timeRegion" placeholder="请选择预约时间">
                <el-option v-for="dict in dict.type.tj_time_region" :key="dict.value" :label="dict.label"
                  :value="dict.value"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="卡号" prop="indexCard">
              <el-input
                v-model="form.indexCard"
                placeholder="请输入卡号"
                style="width: 190px"
              />
              <el-input v-model="form.indexCard" placeholder="请输入卡号" style="width: 190px" />
            </el-form-item>
            <el-form-item
              label="体检类型"
              prop="tjType"
              style="margin-right: 20px"
            >
              <el-select
                style="width: 145px"
                v-model="form.tjType"
                placeholder="请选择体检类型"
              >
                <el-option
                  v-for="dict in dict.type.dict_team"
                  :key="dict.value"
                  :label="dict.label"
                  :value="parseInt(dict.value)"
                ></el-option>
            <el-form-item label="体检类型" prop="tjType" style="margin-right: 20px">
              <el-select style="width: 145px" v-model="form.tjType" placeholder="请选择体检类型">
                <el-option v-for="dict in dict.type.dict_team" :key="dict.value" :label="dict.label"
                  :value="parseInt(dict.value)"></el-option>
              </el-select>
            </el-form-item>
          </el-form>
@@ -253,83 +155,28 @@
      </el-col>
    </el-row>

    <el-dialog
      title="选择套餐"
      :visible.sync="taocan"
      width="42%"
      height="700px"
    >
      <el-tabs
        type="border-card"
        style="height: 538px; margin: 0 10px; width: 100%"
      >
    <el-dialog title="选择套餐" :visible.sync="taocan" width="42%" height="700px">
      <el-tabs type="border-card" style="height: 538px; margin: 0 10px; width: 100%">
        <el-tab-pane label="套餐">
          <el-form
            :model="queryParam"
            ref="queryForm"
            size="small"
            :inline="true"
            v-show="showSearch"
            @submit.native.prevent
            label-width="auto"
          >
          <el-form :model="queryParam" ref="queryForm" size="small" :inline="true" v-show="showSearch"
            @submit.native.prevent label-width="auto">
            <el-form-item label="套餐名称" prop="pacName">
              <el-input
                v-model="queryParam.pacName"
                placeholder="请输入套餐名称"
                clearable
                @keyup.enter.native="handle"
              />
              <el-input v-model="queryParam.pacName" placeholder="请输入套餐名称" clearable @keyup.enter.native="handle" />
            </el-form-item>
            <el-form-item>
              <el-button
                type="primary"
                icon="el-icon-search"
                size="mini"
                @click="handle"
                >查询</el-button
              >
              <el-button type="primary" icon="el-icon-search" size="mini" @click="handle">查询</el-button>
              <!-- <el-button type="primary"  size="mini" @click="submit">确认</el-button> -->
            </el-form-item>
          </el-form>
          <div class="tab9">
            <div class="grid-content bg-purple" style="width: 100%">
              <el-table
                v-loading="loading"
                element-loading-text="正在加载中..."
                element-loading-spinner="el-icon-loading"
                border
                :data="newpacName"
                @select="handleSelectionChange"
                height="430"
                ref="tb"
                style="width: 1000px"
              >
              <el-table v-loading="loading" element-loading-text="正在加载中..." element-loading-spinner="el-icon-loading"
                border :data="newpacName" @select="handleSelectionChange" height="430" ref="tb" style="width: 1000px">
                <template slot="empty">数据正在加载中</template>
                <el-table-column
                  type="selection"
                  width="40px"
                  align="center"
                  label="选择"
                />
                <el-table-column
                  label="套餐名称"
                  align="center"
                  prop="pacName"
                  width="120px"
                />
                <el-table-column
                  label="套餐价格"
                  align="center"
                  prop="price"
                  width="120px"
                />
                <el-table-column
                  label="套餐明细"
                  align="center"
                  prop="allProName"
                  :show-overflow-tooltip="true"
                />
                <el-table-column type="selection" width="40px" align="center" label="选择" />
                <el-table-column label="套餐名称" align="center" prop="pacName" width="120px" />
                <el-table-column label="套餐价格" align="center" prop="price" width="120px" />
                <el-table-column label="套餐明细" align="center" prop="allProName" :show-overflow-tooltip="true" />
                <!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
                  <template slot-scope="scope">
                    <el-button size="mini" type="text" icon="el-icon-circle-check" @click="handleSeach(scope.row)"
@@ -352,13 +199,8 @@
        <el-tab-pane label="单项">
          <div class="tab8">
            <div class="tab7">
              <v-tree-transfer
                :treeData="treedataList"
                :defaultProps="{ children: 'tjProjectList', label: 'proName' }"
                :defaultKeys="defaultKeys"
                @changeKeys="changeCategoryKeys"
                :key="datekey"
              ></v-tree-transfer>
              <v-tree-transfer :treeData="treedataList" :defaultProps="{ children: 'tjProjectList', label: 'proName' }"
                :defaultKeys="defaultKeys" @changeKeys="changeCategoryKeys" :key="datekey"></v-tree-transfer>
              <!-- <el-tree :data="data" show-checkbox node-key="proId" :props="defaultProps" :default-checked-keys="treeList"
                @check-change="handleCurrentChecked">
              </el-tree> -->
@@ -425,19 +267,9 @@
             </div> -->

          <template>
            <el-form
              :model="form"
              :inline="true"
              label-width="75px"
              style="margin-left: 10px"
            >
            <el-form :model="form" :inline="true" label-width="75px" style="margin-left: 10px">
              <el-form-item label="应收金额" style="margin-right: 20px">
                <el-input
                  placeholder="应收金额"
                  :value="TotalPrice1 + '.00'"
                  disabled
                  style="width: 150px"
                ></el-input>
                <el-input placeholder="应收金额" :value="TotalPrice1 + '.00'" disabled style="width: 150px"></el-input>
              </el-form-item>
              <!-- <el-form-item label="优惠折扣" style="margin-right: 20px">
               <el-input style="width: 100px" text="number" v-model="discount" :value="discount/100"></el-input>
@@ -445,40 +277,15 @@
                  @change="numberChange" :disabled="isfalse"></el-input-number>
              </el-form-item> -->
              <el-form-item label="实收金额" style="margin-right: 20px">
                <el-input
                  placeholder="实收金额"
                  v-model="TotalPrice"
                  disabled
                  style="width: 190px"
                ></el-input>
                <el-input placeholder="实收金额" v-model="TotalPrice" disabled style="width: 190px"></el-input>
              </el-form-item>
              <el-form-item>
                <el-button type="primary" @click="Package" size="mini"
                  >选择套餐</el-button
                >
                <el-button type="primary" @click="Package" size="mini">选择套餐</el-button>

                <el-button
                  type="primary"
                  @click="submitPrice"
                  size="mini"
                  :disabled="confirm"
                  >预约登记</el-button
                >
                <el-button
                  v-show="lishi"
                  type="primary"
                  @click="cope"
                  size="mini"
                  >一键复制</el-button
                >
                <el-button
                  type="primary"
                  @click="inputChanges"
                  v-show="lishi"
                  size="mini"
                  :disabled="confirm"
                  >历史体检记录</el-button
                >
                <el-button type="primary" @click="submitPrice" size="mini" :disabled="confirm">预约登记</el-button>
                <el-button v-show="lishi" type="primary" @click="cope" size="mini">一键复制</el-button>
                <el-button type="primary" @click="inputChanges" v-show="lishi" size="mini"
                  :disabled="confirm">历史体检记录</el-button>
              </el-form-item>
            </el-form>
          </template>
@@ -486,16 +293,14 @@
          <div style="text-align: center; margin-bottom: 10px">
            已选项目列表
          </div>
          <div
            style="
          <div style="
              padding: 0px 6px;
              border: 1px solid #e6ebf5;
              max-height: 420px;
              overflow: auto;
              width: 1020px;
              margin-left: 20px;
            "
          >
            ">
            <el-collapse v-model="index" accordion>
              <div v-for="(item, index) in tableData1" :key="index">
                <el-collapse-item :name="index">
@@ -511,26 +316,15 @@
                      ".00元)"
                    }}
                  </template>
                  <el-table
                    :data="item.list"
                    border
                    style="width: 100%"
                    height="270"
                  >
                  <el-table :data="item.list" border style="width: 100%" height="270">
                    <el-table-column prop="proName" label="项目" width="180">
                    </el-table-column>
                    <el-table-column prop="proType" label="性别" width="180">
                      <template
                        slot-scope="scope"
                        v-if="scope.row.proType == ''"
                      >
                      <template slot-scope="scope" v-if="scope.row.proType == ''">
                        {{ scope.row.proType == "" ? "全部" : "" }}
                      </template>
                      <template slot-scope="scope" v-else>
                        <dict-tag
                          :options="dict.type.sys_user_sex"
                          :value="scope.row.proType"
                        />
                        <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.proType" />
                      </template>
                    </el-table-column>
                    <el-table-column prop="ordPrice" label="应收金额">
@@ -539,10 +333,7 @@
                    </el-table-column>
                    <el-table-column prop="proCheckMethod" label="空腹">
                      <template slot-scope="scope">
                        <dict-tag
                          :options="dict.type.sys_yes_no"
                          :value="scope.row.proCheckMethod"
                        />
                        <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.proCheckMethod" />
                      </template>
                    </el-table-column>
                  </el-table>
@@ -569,15 +360,13 @@
            </el-collapse>
          </div>

          <div
            style="
          <div style="
              position: absolute;
              bottom: 100px;
              left: 500px;
              width: 700px;
              display: none;
            "
          >
            ">
            <div id="printBill">
              <div style="font-size: 13px; color: #000000">
                <div style="width: 48%; margin-top: 10px">
@@ -629,26 +418,12 @@
      </el-col>
    </el-row>

    <el-dialog
      title="导检单预览"
      :visible.sync="dialogVisibles"
      :close-on-click-modal="false"
    >
    <el-dialog title="导检单预览" :visible.sync="dialogVisibles" :close-on-click-modal="false">
      <div class="main">
        <iframe
          id="printIframe"
          :src="url"
          frameborder="0"
          style="width: 100%; height: 100%"
        ></iframe>
        <iframe id="printIframe" :src="url" frameborder="0" style="width: 100%; height: 100%"></iframe>
      </div>
    </el-dialog>
     <el-dialog
      title="提示"
      :visible.sync="dialogVisiblese"
      width="30%"
      :before-close="handleClose"
    >
    <el-dialog title="提示" :visible.sync="dialogVisiblese" width="30%" :before-close="handleClose">
      <span>是否复制最近一次的体检项目？</span>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisiblese = false">取 消</el-button>
@@ -679,7 +454,7 @@
import historyTj from "@/components/historyTj/index";
export default {
  components: {
    VTreeTransfer,historyTj
    VTreeTransfer, historyTj
  },
  dicts: [
    "dict_user_national",
@@ -696,6 +471,17 @@
  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('');
      }
    };
    // const isCnNewID = (rule, value, callback) => {
    //   var arrExp = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2]; //加权因子
    //   var arrValid = [1, 0, "X", 9, 8, 7, 6, 5, 4, 3, 2]; //校验码
@@ -866,24 +652,24 @@
      },
      // 表单校验
      rules: {
        cusName: [{ required: true, message: "", trigger: "blur" }],
        cusName: [{ required: true, validator: checkPhoneNum, trigger: "blur" }],
        cusSex: [
          { required: true, message: "", trigger: "change" },
          { required: true, validator: checkPhoneNum, trigger: "change" },
        ],
        cusBrithday: [
          { required: true, message: "", trigger: "blur" },
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        // cusAddr: [
        //   { required: true, message: "现居住地址不能为空", trigger: "blur" },
        // ],
        cusPhone: [
          { required: true, message: "", trigger: "blur" },
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        reservationTime: [
          { required: true, message: "", trigger: "change" },
          { required: true, validator: checkPhoneNum, trigger: "change" },
        ],
        timeRegion: [
          { required: true, message: "", trigger: "blur" },
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        // cusIdcard: [
        //   { required: true, message: "请输入身份证号", trigger: "blur" },
@@ -894,10 +680,10 @@
        //   },
        // ],
        cusIdcard: [
          { required: true, message: "", trigger: "blur" },
          { required: true, validator: checkPhoneNum, trigger: "blur" },
          {
            pattern: /^(\d{15}$|^\d{18}$|^\d{17}(\d|X|x))$/,
            message: "",
            validator: checkPhoneNum,
            trigger: "blur",
            validator: this.validSjh,
          },
@@ -936,20 +722,20 @@
            d.getFullYear() -
            birthdays.getFullYear() -
            (d.getMonth() < birthdays.getMonth() ||
            (d.getMonth() == birthdays.getMonth() &&
              d.getDate() < birthdays.getDate())
              (d.getMonth() == birthdays.getMonth() &&
                d.getDate() < birthdays.getDate())
              ? 1
              : 0);
          this.form.cusSex = sex;
          this.form.cusBrithday = birthday;
          this.form.age = age;
        }
        

        // let cusIdCard = this.form.cusIdcard;
        // getHistryTjOrderByCusIdCard(cusIdCard).then((res) => {
        //   if (res.code == 200) {
            this.table = true;
            this.lishi = true;
        this.table = true;
        this.lishi = true;
        //     this.HistoryList = res.data;
        //   }
        // });
@@ -957,14 +743,14 @@
        // return this.$message.error("请输入正确的身份证号！");;
      }
    },
    inputChanges(){
    inputChanges() {
      this.$refs.historyTj.getlist();
    },
    cope() {
      let cusIdCard = this.form.cusIdcard;
      getHistryTjOrderProByCusIdCard(cusIdCard).then((res) => {
        this.copeList = res.data;
        if (res.msg !="暂无历史记录") {
        if (res.msg != "暂无历史记录") {
          this.dialogVisiblese = true;
        } else {
          this.$message.warning("暂无历史体检记录！");
@@ -1035,7 +821,7 @@
        .then((_) => {
          done();
        })
        .catch((_) => {});
        .catch((_) => { });
    },
    getList1() {
      getInfo().then((response) => {
@@ -1265,7 +1051,7 @@
              });
            });
          });
        } catch (error) {}
        } catch (error) { }
        this.loading = false;
      });
    },