src/components/makepager/CommonFormTableView.vue
@@ -1,7 +1,6 @@
<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"
@@ -134,13 +133,7 @@
                ></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>
@@ -169,7 +162,7 @@
            <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"
@@ -208,6 +201,7 @@
      :edit-common-config="editSelCommonConfig"
      :quotationNumber="quotationNumber"
      @selClient="selClient"
      @getSelectArray="getSelectArray"
    />
  </div>
</template>
@@ -231,6 +225,11 @@
    pageName:{
      type:String,
      default:''
    },
    // 列表新增是否多选
    addTypeIdMultiple:{
      type:Boolean,
      default:false,
    },
    // 根据报价单查询产品
    quotationNumber:{
@@ -275,6 +274,7 @@
      tableList: [],
      editSelCommonConfig: {
        editVisible: false,
        isSelectBox:false,
        title: "",
        infomation: {}
      },
@@ -406,7 +406,13 @@
    },
    // 新增
    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") {
@@ -422,10 +428,21 @@
            /(^[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() {
@@ -436,7 +453,7 @@
    deleteClick(scope){
      this.tableList.tableData.splice(scope.$index,1)
      this.$forceUpdate();
      this.$message.success('删除除成功!')
      this.$message.success('删除成功!')
      this.$emit("deleteClick",scope)
    },
    // 重算
@@ -483,6 +500,7 @@
      console.log(row, prop)
      this.productIndex = row.productId - 1
      this.editSelCommonConfig.title = "产品名称"
      this.editSelCommonConfig.isSelectBox=false;
      this.editSelCommonConfig.editVisible = true
    },
    selClient(item) {
@@ -501,6 +519,9 @@
        }
      })
    },
    getSelectArray(val){
      this.$emit("getSelectArray",val)
    },
    // 清除已选择用户
    clearupClient(row) {
      this.productIndex = row.productId - 1