qxtj

qinxianzhangyao

2023-10-17 ba9dbeee7c139c67d770afe0053f06f1f235e565

 src/views/hosp/about/index.vue

@@ -2,12 +2,14 @@
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
      <el-form-item label="交款员" prop="tollCollectorName">
        <el-select v-model="queryParams.tollCollectorName" filterable style="width: 200px" placeholder="请选择交款员" clearable @clear="getCompanyList" @change="idFn">
        <el-select v-model="queryParams.tollCollectorName" filterable style="width: 200px" placeholder="请选择交款员" clearable
          @clear="getCompanyList" @change="idFn">
          <el-option v-for="dict in CompanyList" :key="dict.userId" :label="dict.nickName" :value="dict.userId"/>
        </el-select>
      </el-form-item>
      <el-form-item label="交账时间" prop="tollCollectorName">
        <el-date-picker v-model="value1" type="datetimerange" :picker-options="pickerOptions" value-format="yyyy-MM-dd HH:mm:ss" start-placeholder="起止日期" end-placeholder="终止日期" :default-time="['12:00:00']">
        <el-date-picker v-model="value1" type="datetimerange" :picker-options="pickerOptions"
          value-format="yyyy-MM-dd HH:mm:ss" start-placeholder="起止日期" end-placeholder="终止日期" :default-time="['12:00:00']">
        </el-date-picker>
      </el-form-item>
      <el-form-item>
@@ -19,9 +21,14 @@
      <el-col :span="1.5">
        <el-button icon="el-icon-edit" size="mini" @click="handleDelete" v-hasPermi="['hosp:water:edit']">撤销</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button icon="el-icon-edit" size="mini" @click="handledocument"
          v-hasPermi="['hosp:water:edit']">补打单据</el-button>
      </el-col>
    </el-row>

    <el-table :row-class-name="tableRowClassName" style="width: 80%" :data="tableData" @selection-change="handleSelect" ref="multipleTable" border>
    <el-table :row-class-name="tableRowClassName" style="width: 80%" :data="tableData" @selection-change="handleSelect"
      ref="multipleTable" border>
      <el-table-column type="selection" width="55"> </el-table-column>
      <el-table-column label="交款员" align="center" prop="tollCollector" :show-overflow-tooltip="true"/>
      <el-table-column label="收费金额" align="center" prop="amountReceived" :show-overflow-tooltip="true"/>
@@ -30,16 +37,12 @@
      <el-table-column label="交账时间" align="center" prop="createTime" :show-overflow-tooltip="true"/>
      <el-table-column label="起止日期" align="center" prop="accountBeginTime" :show-overflow-tooltip="true"/>
      <el-table-column label="终止日期" align="center" prop="accountEndTime" :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-s-order" title="详情" @click="handleUpdate(scope.row)" v-hasPermi="['hosp:water:edit']"></el-button>
        </template>
      </el-table-column>
    </el-table>

    <div class="pag">
      <div class="pag1">
        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList"/>
        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
          @pagination="getList" />
      </div>
    </div>

@@ -254,6 +257,12 @@
        this.$refs.multipleTable.toggleRowSelection(del_row, false);
      }
    },
    handledocument() {
      const viewNum = "809743614817824768";
      let accountId =  this.selectList[0].accountId
      const params = { viewNum, accountId };
      this.$tab.openPage("结账单", "/report/settlement", params);
    },
    tableRowClassName({ row, rowIndex }) {
      for (let i = 0; i < this.selectList.length; i++) {
        if (row === this.selectList[i]) {
@@ -283,6 +292,7 @@
.el-table__header-wrapper .el-checkbox {
  display: none;
}

.pag {
  width: 100%;
  display: flex;
@@ -292,11 +302,13 @@
.pag1 {
  width: 30%;
}

.el-table__body tr.current-row > td {
  background-color: #f19944 !important;
  /* color: #f19944; */ /* 设置文字颜色，可以选择不设置 */
  /* color: #f19944; */
  /* 设置文字颜色，可以选择不设置 */
}

.el-table .warning-row {
  background: #e5f3ff !important;
}
</style>
}</style>