| | |
| | | </el-row> |
| | | <!-- 序号、基金/台账、时间、收入/支出、用途、使用人、现金/自动扣划、余额、电子文件、备注 操作--> |
| | | <!-- 这里有个familyList数组 是在data()中定义的 --> |
| | | <el-table v-loading="loading" :data="economyList" :row-key="getRowId" ref="multipleTable" @selection-change="handleSelectionChange" @row-click="handleCheck" :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;"> |
| | | <el-table-column type="selection" :reserve-selection="true" width="55" align="center" /> |
| | | <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 label="序号" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="120"/> |
| | | <el-table-column label="基金/台账" prop="type" sortable width="120" > |
| | | <template slot-scope="scope"> |
| | | {{ getSrc1(scope.row.type) }} |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column label="发生时间" prop="createTime" sortable width="100" align="center"> |
| | | <template slot-scope="scope">{{scope.row.createTime? scope.row.createTime: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="收入/支出" prop="price" sortable width="100" /> |
| | | <el-table-column label="台账" prop="type" sortable width="100" /> |
| | | <el-table-column label="收入/支出" prop="price" sortable width="100" > |
| | | |
| | | </el-table-column> |
| | | <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"> |
| | | {{ getSrc2(scope.row.kind) }} |
| | | </template> |
| | | <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="remark" sortable width="100" /> |
| | | <el-table-column label="电子文件" prop="url" align="center" sortable width="110" > |
| | | <template slot-scope="scope" > |
| | | <img |
| | |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column label="备注" prop="remark" sortable width="100" > |
| | | <template slot-scope="scope">{{scope.row.remark? scope.row.remark: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
| | | <template slot-scope="scope" v-if="scope.row.roleId !== 1"> |
| | | <el-button |
| | |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | |
| | | <pagination |
| | | v-show="total>0" |
| | | :total="total" |
| | |
| | | <!-- 设备名称、时间、购买人、事项内容、存放地点、备注、电子文件 --> |
| | | <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body> |
| | | <el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="100px"> |
| | | <el-form-item label="基金/台账" prop="type"> |
| | | <el-select v-model="formDat.type" placeholder="请选择基金/台账" clearable :style="{width: '100%'}" > |
| | | <el-option v-for="(item, index) in typeOptions" :key="index" :label="item.label" :value="item.value" |
| | | ></el-option> |
| | | </el-select> |
| | | <el-form-item label="台账" prop="type"> |
| | | <el-input v-model="formDat.type" placeholder="请输入内容" clearable :style="{width: '100%'}" ></el-input> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="时间" prop="happenTime"> |
| | |
| | | ></el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="收入/支出" prop="price"> |
| | | <el-input v-model="formDat.price" placeholder="请输入收入/支出" clearable :style="{width: '100%'}" ></el-input> |
| | | <el-select v-model="formDat.price" placeholder="请选择收入/支出" clearable :style="{width: '100%'}" > |
| | | <el-option v-for="(item, index) in typeOptions" :key="index" :label="item.label" :value="item.value" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="金额" prop="balance"> |
| | | <el-input v-model="formDat.balance" placeholder="请输入余额" clearable :style="{width: '100%'}" > |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="用途" prop="useFor"> |
| | | <el-input v-model="formDat.useFor" placeholder="请输入用途" clearable :style="{width: '100%'}" > |
| | |
| | | <el-input v-model="formDat.usePeople" placeholder="请输入使用人" clearable :style="{width: '100%'}" > |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="现金/自动扣划" prop="kind"> |
| | | <el-select v-model="formDat.kind" placeholder="请选择现金/自动扣划" clearable :style="{width: '100%'}" > |
| | | <el-option v-for="(item, index) in typeOptions1" :key="index" :label="item.label" :value="item.value" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="余额" prop="balance"> |
| | | <el-input v-model="formDat.balance" placeholder="请输入余额" clearable :style="{width: '100%'}" > |
| | | <el-form-item label="支付方式" prop="kind"> |
| | | <el-input v-model="formDat.kind" placeholder="请输入支付方式" clearable :style="{width: '100%'}" > |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="备注" prop="remark"> |
| | |
| | | }], |
| | | type: [{ |
| | | required: true, |
| | | message: '请选择基金/台账', |
| | | trigger: 'change' |
| | | message: '请输入台账内容', |
| | | trigger: 'blur' |
| | | }], |
| | | balance: [{ |
| | | required: true, |
| | | message: '请输入余额', |
| | | message: '请输入金额', |
| | | trigger: 'blur' |
| | | }], |
| | | kind: [{ |
| | | required: true, |
| | | message: '请输入家庭号', |
| | | // required: true, |
| | | message: '请输入支付方式', |
| | | trigger: 'blur' |
| | | }], |
| | | createTime: [{ |
| | |
| | | }, |
| | | typeOptions: [ |
| | | { |
| | | value: '0', |
| | | label: '基金', |
| | | value: '收入', |
| | | label: '收入', |
| | | }, |
| | | { |
| | | value: '1', |
| | | label: '台账', |
| | | } |
| | | ], |
| | | value: '支出', |
| | | label: '支出', |
| | | }], |
| | | typeOptions1: [ |
| | | { |
| | | value: '0', |