| | |
| | | } |
| | | " |
| | | ></el-input-number> |
| | | |
| | | </el-form-item> |
| | | <el-form-item |
| | | v-else-if="item.inputInteger" |
| | | label=" " |
| | | :prop="'tableData.' + scope.$index + '.' + item.prop" |
| | | :rules="[{ required: item.isRequird ? true : false, message: '输入不能为空' }]" |
| | | > |
| | | <el-input |
| | | v-model.number="scope.row[item.prop]" |
| | | maxlength="50" |
| | | size="mini" |
| | | :disabled="!isOperate" |
| | | :controls="false" |
| | | style="width: 100%; margin-right: 5px" |
| | | @change=" |
| | | (val) => { |
| | | commonInputChange(val, item.prop, scope.row, scope) |
| | | } |
| | | " |
| | | ></el-input> |
| | | </el-form-item> |
| | | <span v-else> |
| | | <template> |
| | |
| | | </template> |
| | | </span> |
| | | </template> |
| | | <el-form-item |
| | | v-else-if="item.input" |
| | | label=" " |
| | | :prop="'tableData.' + scope.$index + '.' + item.prop" |
| | | :rules="[{ required: item.isRequird ? true : false, message: '输入不能为空' }]" |
| | | > |
| | | <el-input |
| | | v-model.trim="scope.row[item.prop]" |
| | | maxlength="50" |
| | | size="mini" |
| | | :disabled="!isOperate" |
| | | @change=" |
| | | (val) => { |
| | | commonInputChange(val, item.prop, scope.row, scope) |
| | | } |
| | | " |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | v-else-if="item.inputFloat" |
| | | label=" " |
| | |
| | | " |
| | | ></el-input-number> |
| | | </el-form-item> |
| | | <el-form-item |
| | | v-else-if="item.inputInteger" |
| | | label=" " |
| | | :prop="'tableData.' + scope.$index + '.' + item.prop" |
| | | :rules="[{ required: item.isRequird ? true : false, message: '输入不能为空' }]" |
| | | > |
| | | <el-input |
| | | v-model.number="scope.row[item.prop]" |
| | | maxlength="50" |
| | | size="mini" |
| | | :disabled="!isOperate" |
| | | :controls="false" |
| | | style="width: 100%; margin-right: 5px" |
| | | @change=" |
| | | (val) => { |
| | | commonInputChange(val, item.prop, scope.row, scope) |
| | | } |
| | | " |
| | | ></el-input> |
| | | </el-form-item> |
| | | <span v-else style="text-align: right">{{ scope.row[item.prop] }}</span> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | </el-checkbox-group> |
| | | </div> |
| | | </el-form> |
| | | <el-button size="small" type="primary" :disabled="!isOperate" @click="add">新增</el-button> |
| | | <div v-if="!detailEnter" style="margin: 10px"> |
| | | <el-button style="margin: 10px" size="small" type="primary" @click="add">新增</el-button> |
| | | <div v-if="!detailEnter" style="margin: 10px" > |
| | | <el-button size="small" type="primary" :disabled="!isOperate" @click="add">新增</el-button> |
| | | <!-- <el-button size="small" type="primary" disabled>导入明细</el-button> --> |
| | | <el-button size="small" type="primary" :disabled="!isOperate" @click="empty">清空</el-button> |
| | | <el-button size="small" type="primary" @click="recalculate" :disabled="isRecalculate && !isOperate ? false : true" |
| | | <el-button size="small" type="primary" :disabled="!isOperate" @click="empty">清空</el-button> |
| | | <el-button size="small" type="primary" @click="recalculate" :disabled="isRecalculate && !isOperate ? false : true" |
| | | >重算</el-button |
| | | > |
| | | </div> |
| | |
| | | <!-- Add "scoped" attribute to limit CSS to this component only --> |
| | | <style lang="scss" scoped> |
| | | .page-view { |
| | | height:100%; |
| | | position: relative; |
| | | .el-form{ |
| | | height:100%; |
| | | height:calc(100% - 120px); |
| | | } |
| | | .el-form-item { |
| | | margin-bottom: 0; |
| | |
| | | .el-input--suffix .el-input__inner { |
| | | padding-right: 0px; |
| | | } |
| | | .el-table .cell, |
| | | .el-table th.el-table__cell > .cell { |
| | | padding: 0 5px; |
| | | .el-table th.el-table__cell{ |
| | | padding: 6px 0 !important; |
| | | height: 35px; |
| | | } |
| | | .el-table td.el-table__cell{ |
| | | padding: 6px 0 !important; |
| | | } |
| | | .el-table__fixed-footer-wrapper tbody td.el-table__cell{ |
| | | background:#fff; |