| | |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | |
| | | .body{ |
| | | overflow-x: hidden; |
| | | } |
| | | </style> |
| | | <style> |
| | | .value-table .el-upload { |
| | |
| | | <div class="table"> |
| | | <el-table ref="eltable" :data="tableData" style="width: 100%;" height="100%" tooltip-effect="dark" border |
| | | @selection-change="selectChange" @select="select" v-loading="loading" @sort-change="sortChange" |
| | | @row-click="rowClick" :show-summary="data.countFleid!=undefined && data.countFleid.length > 0" :summary-method="getSummaries"> |
| | | @row-click="rowClick" :show-summary="data.countFleid!=undefined && data.countFleid.length > 0" |
| | | :summary-method="getSummaries"> |
| | | <el-table-column type="selection" width="65" v-if="data.showSelect"> |
| | | </el-table-column> |
| | | <el-table-column align="center" type="index" label="åºå·" width="70" v-if="data.isIndex"> |
| | |
| | | :total="total"> |
| | | </el-pagination> |
| | | </div> |
| | | <el-dialog title="ç¼è¾" :visible.sync="upDia" width="500px"> |
| | | <div class="body" v-if="upDia"> |
| | | <el-row v-for="(a, ai) in upHead" :key="ai" style="line-height: 50px;"> |
| | | <el-col :span="6" style="text-align: right;"> |
| | | <span class="required-span" v-if="showUpReq(a.label)">* </span>{{a.value}}ï¼ |
| | | </el-col> |
| | | <el-col :span="16" :offset="1"> |
| | | <el-input v-model="upData[a.label]" size="small" clearable :placeholder="`请è¾å
¥${a.value}`" |
| | | v-if="showType(a.label, data.selectField) == null" :disabled="isDisabled(a.label)"></el-input> |
| | | <el-select v-model="upData[a.label]" size="small" v-if="showType(a.label, data.selectField) != null" |
| | | style="width: 100%;" :disabled="isDisabled(a.label)"> |
| | | <el-option v-for="(b, bi) in data.selectField[a.label].select" :key="bi" :value="b.value" |
| | | :label="b.label"></el-option> |
| | | </el-select> |
| | | </el-col> |
| | | </el-row> |
| | | <el-dialog title="ç¼è¾" :visible.sync="upDia" :width="data.row==1?'500px':500+data.row * 200 + 'px'"> |
| | | <div class="body" v-if="upDia" style="max-height: 550px;overflow-y: auto;padding: 5px 0;"> |
| | | <div v-if="data.row > 1"> |
| | | <div v-for="(a, ai) in upHead" :key="ai" style="line-height: 50px;"> |
| | | <el-col :span="6/data.row" style="text-align: right;"> |
| | | <span class="required-span" v-if="showUpReq(a.label)">* </span>{{a.value}}ï¼ |
| | | </el-col> |
| | | <el-col :span="16/data.row" :offset="1"> |
| | | <el-input v-model="upData[a.label]" size="small" clearable :placeholder="`请è¾å
¥${a.value}`" |
| | | v-if="showType(a.label, data.selectField) == null" :disabled="isDisabled(a.label)"></el-input> |
| | | <el-select v-model="upData[a.label]" size="small" v-if="showType(a.label, data.selectField) != null" |
| | | style="width: 100%;" :disabled="isDisabled(a.label)"> |
| | | <el-option v-for="(b, bi) in data.selectField[a.label].select" :key="bi" :value="b.value" |
| | | :label="b.label"></el-option> |
| | | </el-select> |
| | | </el-col> |
| | | </div> |
| | | </div> |
| | | <div v-else> |
| | | <el-row v-for="(a, ai) in upHead" :key="ai" style="line-height: 50px;"> |
| | | <el-col :span="6" style="text-align: right;"> |
| | | <span class="required-span" v-if="showUpReq(a.label)">* </span>{{a.value}}ï¼ |
| | | </el-col> |
| | | <el-col :span="16" :offset="1"> |
| | | <el-input v-model="upData[a.label]" size="small" clearable :placeholder="`请è¾å
¥${a.value}`" |
| | | v-if="showType(a.label, data.selectField) == null" :disabled="isDisabled(a.label)"></el-input> |
| | | <el-select v-model="upData[a.label]" size="small" v-if="showType(a.label, data.selectField) != null" |
| | | style="width: 100%;" :disabled="isDisabled(a.label)"> |
| | | <el-option v-for="(b, bi) in data.selectField[a.label].select" :key="bi" :value="b.value" |
| | | :label="b.label"></el-option> |
| | | </el-select> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | </div> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="upDia = false">å æ¶</el-button> |
| | | <el-button type="primary" @click="saveUpData" :loading="upLoad">ç¡® å®</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | <el-dialog title="æ°å¢" :visible.sync="addDia" width="500px"> |
| | | <el-dialog title="æ°å¢" :visible.sync="addDia" :width="data.row==1?'500px':500+data.row * 200 + 'px'"> |
| | | <div class="body" v-if="addDia" style="max-height: 550px;overflow-y: auto;padding: 5px 0;"> |
| | | <el-row v-for="(a, ai) in upHead" :key="ai" style="line-height: 50px;"> |
| | | <el-col :span="6" style="text-align: right;"><span class="required-span" v-if="showAddReq(a.label)">* |
| | | </span>{{a.value}}ï¼</el-col> |
| | | <el-col :span="16" :offset="1"> |
| | | <el-input v-model="upData[a.label]" size="small" clearable :placeholder="`请è¾å
¥${a.value}`" |
| | | v-if="showType(a.label, data.selectField) == null"></el-input> |
| | | <el-select v-model="upData[a.label]" size="small" v-if="showType(a.label, data.selectField) != null" |
| | | style="width: 100%;" :placeholder="`è¯·éæ©${a.value}`"> |
| | | <el-option v-for="(b, bi) in data.selectField[a.label].select" :key="bi" :value="b.value" |
| | | :label="b.label"></el-option> |
| | | </el-select> |
| | | </el-col> |
| | | </el-row> |
| | | <div v-if="data.row > 1"> |
| | | <div v-for="(a, ai) in upHead" :key="ai" style="line-height: 50px;"> |
| | | <el-col :span="6/data.row" style="text-align: right;"><span class="required-span" |
| | | v-if="showAddReq(a.label)">* |
| | | </span>{{a.value}}ï¼</el-col> |
| | | <el-col :span="16/data.row" :offset="1"> |
| | | <el-input v-model="upData[a.label]" size="small" clearable :placeholder="`请è¾å
¥${a.value}`" |
| | | v-if="showType(a.label, data.selectField) == null"></el-input> |
| | | <el-select v-model="upData[a.label]" size="small" v-if="showType(a.label, data.selectField) != null" |
| | | style="width: 100%;" :placeholder="`è¯·éæ©${a.value}`"> |
| | | <el-option v-for="(b, bi) in data.selectField[a.label].select" :key="bi" :value="b.value" |
| | | :label="b.label"></el-option> |
| | | </el-select> |
| | | </el-col> |
| | | </div> |
| | | </div> |
| | | <div v-else> |
| | | <el-row v-for="(a, ai) in upHead" :key="ai" style="line-height: 50px;"> |
| | | <el-col :span="6" style="text-align: right;"><span class="required-span" v-if="showAddReq(a.label)">* |
| | | </span>{{a.value}}ï¼</el-col> |
| | | <el-col :span="16" :offset="1"> |
| | | <el-input v-model="upData[a.label]" size="small" clearable :placeholder="`请è¾å
¥${a.value}`" |
| | | v-if="showType(a.label, data.selectField) == null"></el-input> |
| | | <el-select v-model="upData[a.label]" size="small" v-if="showType(a.label, data.selectField) != null" |
| | | style="width: 100%;" :placeholder="`è¯·éæ©${a.value}`"> |
| | | <el-option v-for="(b, bi) in data.selectField[a.label].select" :key="bi" :value="b.value" |
| | | :label="b.label"></el-option> |
| | | </el-select> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | </div> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="addDia = false">å æ¶</el-button> |
| | |
| | | isIndex: true, |
| | | showSelect: true, |
| | | select: true, |
| | | row: 1, |
| | | do: [{ |
| | | id: 'update', |
| | | font: 'ç¼è¾', |
| | |
| | | isIndex: true, |
| | | showSelect: true, |
| | | select: true, |
| | | row: 1, |
| | | do: [{ |
| | | font: 'å é¤', |
| | | type: 'text' |
| | |
| | | else if (val.method == 'doDiy') { |
| | | if (val.id == 'update') { |
| | | this.upDia = true, |
| | | this.upData = this.HaveJson(row) |
| | | this.upData = this.HaveJson(row) |
| | | this.upHead = this.HaveJson(this.tableHead) |
| | | this.upHead = this.upHead.filter(a => a.label != 'createTime' && a.label != 'updateTime') |
| | | delete this.upData.orderBy |
| | |
| | | return; |
| | | } |
| | | const values = data.map(item => Number(item[column.property])); |
| | | if(this.data.countFleid==undefined){ |
| | | if (this.data.countFleid == undefined) { |
| | | sums[index] = '' |
| | | return |
| | | } |
| | | if (this.data.countFleid.filter(str=>{ |
| | | return str === column.property |
| | | }).length > 0) { |
| | | if (this.data.countFleid.filter(str => { |
| | | return str === column.property |
| | | }).length > 0) { |
| | | sums[index] = values.reduce((prev, curr) => { |
| | | const value = Number(curr); |
| | | if (!isNaN(value)) { |