1

lkk

7 天以前 f95fee588c5327b3a4f7b6c283b473c05abb8c76

 src/views/system/info/index.vue

@@ -188,11 +188,46 @@
      </el-row>
    </el-form>

    <el-button-group style="margin-left: 20px; margin-top: 20px">
      <el-button type="primary" size="mini">已检未结账人员</el-button>
      <el-button type="primary" size="mini">未检人员</el-button>
      <el-button type="primary" size="mini">全部人员</el-button>
    </el-button-group>
    <div style="display: flex; justify-content: space-between;">
      <el-radio-group
        v-model="jcStatus"
        @input="radioChange"
        style="margin-left: 20px; margin-top: 20px"
      >
        <el-radio-button label="0">已检未结账人员</el-radio-button>
        <el-radio-button label="1">未检人员</el-radio-button>
        <el-radio-button label="2">全部人员</el-radio-button>
      </el-radio-group>

      <el-form
        :model="queryParams1"
        ref="queryForm"
        size="small"
        :inline="true"
        v-show="showSearch"
        label-width="68px"
        style="margin-top: 20px; margin-right: 22%;"
      >
        <el-form-item label="结账时间">
            <el-date-picker clearable v-model="queryParams1.reservationTime" type="date" value-format="yyyy-MM-dd"
              placeholder="请选择结账时间">
            </el-date-picker>
          </el-form-item>
        <el-form-item>
            <el-button
              type="primary"
              icon="el-icon-search"
              size="mini"
              @click="handleQuery1"
              style="margin: 0 15px"
              >搜索</el-button
            >
            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery1"
              >重置</el-button
            >
          </el-form-item>
      </el-form>
    </div>

    <el-row :gutter="20">
      <el-col :span="12" :xs="24" style="padding: 0px 20px">
@@ -207,11 +242,11 @@
          max-height="260px"
        >
          <el-table-column type="selection" width="55" align="center" />
          <el-table-column label="序号" align="center" prop="newID" />
          <el-table-column label="姓名" align="center" prop="name" />
          <el-table-column label="性别" align="center" prop="sex" />
          <el-table-column label="电话" align="center" prop="iphone" />
          <el-table-column label="状态" align="center" prop="tjStatus" />
          <el-table-column label="序号" align="center" prop="newID" width="50" />
          <el-table-column label="姓名" align="center" prop="name" width="100" />
          <el-table-column label="性别" align="center" prop="sex" width="80" />
          <el-table-column label="电话" align="center" prop="iphone" width="120" />
          <el-table-column label="状态" align="center" prop="tjStatus" width="80"  />
          <el-table-column label="体检时间" align="center" prop="tjTime">
          </el-table-column>
        </el-table>
@@ -273,9 +308,20 @@
  name: "Info",
  dicts: ["dict_pay_type"],
  data() {
    let checkPhoneNum = (rule, value, callback) => {
      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 {
      // 绑定单选按钮
      tjStatus: "0",
      jcStatus: 0,
      formInline: {
        payer: "",
        price: "",
@@ -320,10 +366,17 @@
        payer: null,
        payee: null,
      },
      queryParams1:{
        reservationTime:null
      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {},
      rules: {
        reservationTime: [
          { required: true, validator: checkPhoneNum, trigger: "change" },
        ],
      },
    };
  },
  created() {
@@ -362,6 +415,8 @@
    searchSelect(val) {
      this.compId = val;
    },

    radioChange(val) {},

    // 体检公司拼音搜索
    getRemoteData(query) {
@@ -433,6 +488,13 @@
        this.loading = false;
      });
    },
    handleQuery1(){

    },
     resetQuery1() {
      this.resetForm("queryForm1");
      this.handleQuery1();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");