| | |
| | | :span-method="arraySpanMethod" |
| | | style="width: 100%" |
| | | > |
| | | <el-table-column v-if="tableList.isReturn" type="index" label="#" width="50" align="center"></el-table-column> |
| | | <el-table-column |
| | | v-for="(item, i) in tableList.tableColumn" |
| | | :key="i" |
| | |
| | | <div class="common-select-btn" @click="selClientClick(scope.row, item.prop)"> |
| | | <i class="el-icon-circle-plus-outline" title="选择"></i> |
| | | </div> |
| | | <div class="common-select-btn" @click="clearupClient(scope.row)"> |
| | | <i class="el-icon-edit-outline" title="清除"></i> |
| | | <div |
| | | v-if="scope.row[item.prop] && scope.row[item.prop].length > 0" |
| | | class="common-select-btn" |
| | | @click="clearupClient(scope.row)" |
| | | > |
| | | <i class="el-icon-remove-outline" title="清除"></i> |
| | | </div> |
| | | </div> |
| | | </el-form-item> |
| | |
| | | </el-form-item> |
| | | <span v-else>{{ scope.row[item.prop] }}</span> |
| | | </template> |
| | | <span v-else>{{ scope.row[item.prop] }}</span> |
| | | <span v-else style="text-align: right">{{ scope.row[item.prop] }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | >重算</el-button |
| | | > |
| | | </div> |
| | | <div v-if="showSummary.total || showSummary.refundable" style="height: 42px; line-height: 42px"> |
| | | <div v-if="false && (showSummary.total || showSummary.refundable)" style="height: 42px; line-height: 42px" > |
| | | <el-row :gutter="10"> |
| | | <el-col v-if="showSummary.total" :span="2" :offset="22"> |
| | | <el-col v-if="showSummary.total" :span="3" :offset="21"> |
| | | <span style="font-weight: bold">合计</span> |
| | | <span style="margin-left: 10px">{{ total }}</span> |
| | | </el-col> |
| | | <el-col v-if="showSummary.refundable" :span="2" :offset="22"> |
| | | <el-col v-if="showSummary.refundable" :span="3" :offset="21"> |
| | | <span style="font-weight: bold">应退款</span> |
| | | <span style="margin-left: 10px">0.00</span> |
| | | </el-col> |
| | |
| | | default: () => { |
| | | return { |
| | | tableData: [], // 接口返回数据 |
| | | isReturn: false, |
| | | tableColumn: [ |
| | | // table表单 |
| | | { label: "", prop: "", min: 200, tooltip: true } |
| | |
| | | page: 1, |
| | | pageSize: 5 |
| | | }).then((res) => { |
| | | console.log(res.data) |
| | | if (res.data.code === 200) { |
| | | if (res.data.data.data && res.data.data.data.length > 0) { |
| | | this.productList = res.data.data.data |
| | | console.log(res,"产品名称") |
| | | if (res.code === 200) { |
| | | if (res.data.data && res.data.data.length > 0) { |
| | | this.productList = res.data.data |
| | | } |
| | | } |
| | | }) |
| | |
| | | commonInputChange(val, prop, row) { |
| | | console.log(val, prop) |
| | | console.log(row) |
| | | if (prop === "amount") { |
| | | this.tableList.tableData.map((ite) => { |
| | | if (ite.name === row.name) { |
| | | ite.total = row.amount * row.price |
| | | } |
| | | }) |
| | | } |
| | | this.$emit("inputContent", val, prop, row) |
| | | }, |
| | | // 清空 |
| | |
| | | } |
| | | .el-table__footer-wrapper tbody td.el-table__cell { |
| | | background-color: #fff; |
| | | text-align: right; |
| | | // text-align: right; |
| | | font-weight: bold; |
| | | } |
| | | .el-input--suffix .el-input__inner { |
| | |
| | | padding: 0 5px; |
| | | } |
| | | .el-input__inner { |
| | | text-align: left; |
| | | // text-align: left; |
| | | text-align: center !important; |
| | | } |
| | | } |
| | | </style> |