| | |
| | | <template> |
| | | <div class="page-view"> |
| | | <el-form ref="form" :model="tableList" :show-message="false" label-position="right"> |
| | | {{ tableList.tableData }} |
| | | <el-table |
| | | ref="fromTable" |
| | | :data="tableList.tableData" |
| | |
| | | ></el-input-number> |
| | | </el-form-item> |
| | | <span v-else> |
| | | <template v-if="pageName=='quotation'&&item.prop=='profit'"> |
| | | {{ (scope.row.price&&scope.row.cost)?Number(scope.row.price)-Number(scope.row.cost):'' }} |
| | | </template> |
| | | <template v-if="pageName=='quotation'&&item.prop=='margin'"> |
| | | {{ (scope.row.price&&scope.row.cost)?((Number(scope.row.price)-Number(scope.row.cost))*100/Number(scope.row.cost)).toFixed(2):'' }} |
| | | </template> |
| | | <template v-else> |
| | | <template> |
| | | {{ scope.row[item.prop] }} |
| | | </template> |
| | | </span> |
| | |
| | | <span v-else style="text-align: right">{{ scope.row[item.prop] }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" width="40" align="center"> |
| | | <el-table-column label="操作" width="40" v-if="!detailEnter" align="center"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | type="text" |
| | |
| | | :edit-common-config="editSelCommonConfig" |
| | | :quotationNumber="quotationNumber" |
| | | @selClient="selClient" |
| | | @getSelectArray="getSelectArray" |
| | | /> |
| | | </div> |
| | | </template> |
| | |
| | | pageName:{ |
| | | type:String, |
| | | default:'' |
| | | }, |
| | | // 列表新增是否多选 |
| | | addTypeIdMultiple:{ |
| | | type:Boolean, |
| | | default:false, |
| | | }, |
| | | // 根据报价单查询产品 |
| | | quotationNumber:{ |
| | |
| | | tableList: [], |
| | | editSelCommonConfig: { |
| | | editVisible: false, |
| | | isSelectBox:false, |
| | | title: "", |
| | | infomation: {} |
| | | }, |
| | |
| | | }, |
| | | // 新增 |
| | | add() { |
| | | this.$emit("addProductClick") |
| | | if(this.addTypeIdMultiple){ |
| | | this.editSelCommonConfig.title = "产品名称" |
| | | this.editSelCommonConfig.isSelectBox=true; |
| | | this.editSelCommonConfig.editVisible = true |
| | | }else{ |
| | | this.$emit("addProductClick") |
| | | } |
| | | }, |
| | | commonInputChange(val, prop, row,scope) { |
| | | if (prop === "amount") { |
| | |
| | | /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/; |
| | | if (!reg2.test(value)||value==0) { |
| | | this.$message.error("成本单价需要填写大于0的2位小数!") |
| | | return true; |
| | | } |
| | | this.$forceUpdate() |
| | | } |
| | | this.$emit("inputContent", val, prop, row) |
| | | if(this.pageName=='quotation'){ |
| | | if(prop=='price'||prop=='cost'){ |
| | | if(scope.row.price&&scope.row.cost){ |
| | | let profit=Number(scope.row.price)-Number(scope.row.cost) |
| | | scope.row.profit=profit+''; |
| | | let margin=((Number(scope.row.price)-Number(scope.row.cost))*100/Number(scope.row.cost)).toFixed(2) |
| | | scope.row.margin=margin+''; |
| | | } |
| | | } |
| | | } |
| | | this.$emit("inputContent", val, prop, row,scope) |
| | | }, |
| | | // 清空 |
| | | empty() { |
| | |
| | | deleteClick(scope){ |
| | | this.tableList.tableData.splice(scope.$index,1) |
| | | this.$forceUpdate(); |
| | | this.$message.success('删除除成功!') |
| | | this.$message.success('删除成功!') |
| | | this.$emit("deleteClick",scope) |
| | | }, |
| | | // 重算 |
| | |
| | | console.log(row, prop) |
| | | this.productIndex = row.productId - 1 |
| | | this.editSelCommonConfig.title = "产品名称" |
| | | this.editSelCommonConfig.isSelectBox=false; |
| | | this.editSelCommonConfig.editVisible = true |
| | | }, |
| | | selClient(item) { |
| | |
| | | } |
| | | }) |
| | | }, |
| | | getSelectArray(val){ |
| | | this.$emit("getSelectArray",val) |
| | | }, |
| | | // 清除已选择用户 |
| | | clearupClient(row) { |
| | | this.productIndex = row.productId - 1 |