1
lkk
7 天以前 f95fee588c5327b3a4f7b6c283b473c05abb8c76
src/views/system/info/index.vue
@@ -37,6 +37,7 @@
              icon="el-icon-search"
              size="mini"
              @click="handleQuery"
              style="margin: 0 15px"
              >搜索</el-button
            >
            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
@@ -115,7 +116,12 @@
      />
      <el-table-column label="差额" align="center" prop="difference" />
      <el-table-column label="签约人" align="center" prop="payer" />
      <el-table-column label="预约时间" align="center" prop="createTime" />
      <el-table-column
        label="预约时间"
        align="center"
        prop="createTime"
        :formatter="formatDate"
      />
    </el-table>
    <el-form
@@ -126,7 +132,7 @@
      label-width="100px"
    >
      <el-row>
        <el-col :span="6">
        <el-col :span="5">
          <el-form-item label="负责人" style="display: flex">
            <el-input
              v-model="formInline.payer"
@@ -134,12 +140,12 @@
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="7">
        <el-col :span="6">
          <el-form-item label="交易金额" style="display: flex">
            <el-input v-model="formInline.price" placeholder="金额"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="7">
        <el-col :span="6">
          <el-form-item label="交易类型" prop="payType" style="display: flex">
            <el-select
              v-model="formInline.payType"
@@ -154,23 +160,101 @@
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="7">
        <el-col :span="4">
          <el-form-item style="display: flex">
            <el-button
              type="primary"
              size="mini"
              @click="SubmitEvent"
              style="margin: 0 15px"
              >收费</el-button
            >
          </el-form-item>
        </el-col>
        <!-- <el-col :span="7">
          <el-form-item>
            <el-button type="primary" size="mini" @click="SubmitEvent"
            <el-button
              type="primary"
              size="mini"
              @click="SubmitEvent"
              style="margin: 0 15px"
              >收费</el-button
            >
            <el-button type="primary" size="mini" @click="handleDelete"
              >退费</el-button
            >
          </el-form-item>
        </el-col>
        </el-col> -->
      </el-row>
    </el-form>
    <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">
        <div class="tj">
          <span class="tj_txt">体检人员情况表</span>
        </div>
        <el-table
          v-loading="loading"
          :data="peopleList"
          border
          max-height="260px"
        >
          <el-table-column type="selection" width="55" align="center" />
          <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>
      </el-col>
      <el-col :span="12" :xs="24">
        <div class="tj">
          <span class="tj_txt">已缴费记录</span>
          <span class="tj_txt">已结账记录</span>
        </div>
        <el-table
@@ -192,24 +276,11 @@
          <el-table-column label="交易人员" align="center" prop="payer" />
          <el-table-column label="操作人员" align="center" prop="payee">
          </el-table-column>
          <el-table-column label="操作时间" align="center" prop="createTime" />
        </el-table>
      </el-col>
      <el-col :span="12" :xs="24" style="padding: 0px 20px">
        <div class="tj">
          <span class="tj_txt">体检人员情况表</span>
        </div>
        <el-table
          v-loading="loading"
          :data="peopleList"
          border
          max-height="260px"
        >
          <el-table-column label="序号" align="center" prop="newID" />
          <el-table-column label="姓名" align="center" prop="name" />
          <el-table-column label="状态" align="center" prop="tjStatus" />
          <el-table-column label="体检时间" align="center" prop="tjTime">
          <el-table-column label="结账时间" align="center" prop="createTime" />
          <el-table-column label="操作" align="center">
            <template>
              <el-button type="primary">撤销结账</el-button>
            </template>
          </el-table-column>
        </el-table>
      </el-col>
@@ -237,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: "",
@@ -284,10 +366,17 @@
        payer: null,
        payee: null,
      },
      queryParams1:{
        reservationTime:null
      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {},
      rules: {
        reservationTime: [
          { required: true, validator: checkPhoneNum, trigger: "change" },
        ],
      },
    };
  },
  created() {
@@ -295,6 +384,14 @@
  },
  methods: {
    /** 查询体检单位缴费明细列表 */
    formatDate(row) {
      if (!row.createTime) return "";
      const date = new Date(row.createTime);
      const year = date.getFullYear();
      const month = (date.getMonth() + 1).toString().padStart(2, "0");
      const day = date.getDate().toString().padStart(2, "0");
      return `${year}-${month}-${day}`;
    },
    getList() {
      // this.loading = true;
      // listInfo(this.queryParams).then(response => {
@@ -318,6 +415,8 @@
    searchSelect(val) {
      this.compId = val;
    },
    radioChange(val) {},
    // 体检公司拼音搜索
    getRemoteData(query) {
@@ -389,6 +488,13 @@
        this.loading = false;
      });
    },
    handleQuery1(){
    },
     resetQuery1() {
      this.resetForm("queryForm1");
      this.handleQuery1();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
@@ -396,7 +502,7 @@
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      console.log(2222)
      console.log(2222);
      if (selection.length > 1) {
        let del_row = selection.shift();
        this.$refs.tb.toggleRowSelection(del_row, false); //设置这一行取消选中
@@ -431,7 +537,7 @@
          });
        }
      });
      console.log(11111)
      console.log(11111);
      if (this.teamNo) {
        getTeamTjPeopleList(this.teamNo).then((res) => {
          if (res.data) {