家庭收支台账

linwenling

2023-07-18 ef6a6d70620baa2ce2e3d0ea9b5c76a76debd6dd

家庭收支台账

 ruoyi-ui/src/views/economy/index.vue

@@ -86,7 +86,7 @@
          plain
          icon="el-icon-download"
          size="mini"
          @click="handleExportTemplate"
          @click="handleExport"
          v-hasPermi="['family:note:export']"
        >导入模板下载</el-button>
      </el-col>
@@ -109,7 +109,7 @@
    <!-- 这里有个familyList数组 是在data()中定义的 -->
    <el-table v-loading="loading" :data="economyList"  @selection-change="handleSelectionChange" @row-click="handleCheck" :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;">
      <el-table-column type="selection" width="55"  align="center" />
      <el-table-column  fixed label="序号" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="120"/>
      <el-table-column  label="序号" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="120"/>

      <el-table-column label="发生时间" prop="createTime" sortable width="100" align="center">
        <template slot-scope="scope">{{scope.row.createTime? scope.row.createTime: '————'}}</template>
@@ -118,16 +118,16 @@
      <el-table-column label="收入/支出" prop="price" sortable width="100" >

      </el-table-column>
      <el-table-column label="金额" prop="balance" sortable width="100" />
      <el-table-column label="用途" prop="useFor" sortable width="100" />

      <el-table-column label="使用人" prop="usePeople" sortable width="100" />
      <el-table-column label="现金/自动扣划" prop="kind" sortable width="130" >
        <template slot-scope="scope">{{scope.row.kind? scope.row.kind: '————'}}</template>
      </el-table-column>
      <el-table-column label="余额" prop="balance" sortable width="100" />

      <el-table-column label="电子文件" prop="url" align="center" sortable  width="110" >
        <template slot-scope="scope" >
          <div  @click="handleCheck(scope.row)">
          <img
            class="el-upload-list__item-thumbnail"
            src="../../assets/images/deviceLis.png"
@@ -143,7 +143,7 @@
            style="width: 35px; height: 35px;"
            fit="cover"
            v-if="scope.row.url === ','"
          ></div>
          >
        </template>
      </el-table-column>
      <el-table-column label="备注" prop="remark" sortable width="100" >
@@ -172,6 +172,7 @@
        </template>
      </el-table-column>
    </el-table>

    <pagination
      v-show="total>0"
      :total="total"
@@ -218,6 +219,8 @@
          <el-input v-model="formDat.kind" placeholder="请输入支付方式" clearable :style="{width: '100%'}" >
          </el-input>
        </el-form-item>


        <el-form-item label="备注" prop="remark">
          <el-input v-model="formDat.remark" placeholder="请输入备注" clearable :style="{width: '100%'}" ></el-input>
        </el-form-item>
@@ -422,7 +425,8 @@
        {
          value: '支出',
          label: '支出',
        }],
        }
      ],
      typeOptions1: [
        {
          value: '0',
@@ -516,10 +520,6 @@
    cancel() {
      this.open = false;
      this.reset();
    },
    getRowId(row)
    {
      return row.id
    },
    // 取消按钮（数据权限）
    cancelDataScope() {
@@ -655,24 +655,10 @@
    },
    /** 导出按钮操作 */
    handleExport() {
      const Ids = this.ids;

      if(Ids.length==0)
      {
      this.download('/zfEconomy/export', {
        ...this.queryParams
      }, `zfEconomy_${new Date().getTime()}.xlsx`)
      }else
      {
        this.download('/zfEconomy/export1/'+Ids, {
        }, `zfEconomy_${new Date().getTime()}.xlsx`)
      }
    }
  ,
  handleExportTemplate(){
      this.download('/zfEconomy/model', {

      }, `zfEconomy_${new Date().getTime()}.xlsx`)
  },
  /** 导入操作*/
  handleEnport(params){
@@ -690,7 +676,6 @@
      Message({ message: "导入失败", type: 'error' })
    }

  }
  }

};