价税合计和数量，采购单价 3者之间计算管理的逻辑处理

haoxuan

2024-04-28 3bd59622961f569ac181a0f17aeffd44858efa4f

 src/views/supplierManage/supplier/DetailSupplier.vue

@@ -65,9 +65,9 @@
              </ul>
              <div class="business_scope">
                <div class="content-title">{{ "合同附件" }}</div>
                <div class="content-data">
                  {{ detailConfig.infomation.contract.fileName ? detailConfig.infomation.contract.fileName : "--" }}
                </div>
                  <div class="content-data downFlie" @click="downLoadFiles">
                    {{ detailConfig.infomation.contract.fileName ? detailConfig.infomation.contract.fileName : "--" }}
                  </div>
              </div>
            </div>
          </div>
@@ -76,12 +76,8 @@
          <!-- 采购订单-基本信息 -->
          <!-- 产品信息 -->
          <div class="basic-info">
            <div class="basic-info-label" @click="expandClick('basic')">
              <i v-if="isBasicExpand" class="el-icon-arrow-down"></i>
              <i v-else class="el-icon-arrow-up"></i>
              <span style="margin-left: 10px">产品信息</span>
            </div>
            <div v-show="isBasicExpand" class="basic-info-content">
            <div class="basic-info-content" >
              <el-button type="primary" size="mini" @click="toPurchaseBtn"><i class="el-icon-plus"></i>   新建</el-button>
              <TableCommonView
                style="margin-top: 2px"
                class="content-table"
@@ -99,6 +95,7 @@
</template>

<script>
import download from "downloadjs"
export default {
  name: "DetailSupplier",
  props: {
@@ -128,21 +125,21 @@
      noContactDays: 0,
      newContactDays: "",
      tableList:{},
      showCol: ['产品名称', '产品编码', '计量单位', '规格型号', '数量', '销售单价','价税合计','描述'],
      showCol: ['采购单号', '采购单名称', '单据类型', '供应商名称', '采购数量', '收货仓库','经办人','制单人'],
      tableColumn: [
        { label: "产品名称", prop: "name", min: 160,  },
        { label: "产品编码", prop: "number", min: 130, },
        { label: "计量单位", prop: "unit", min: 130 },
        { label: "规格型号", prop: "specifications", min: 130 },
        { label: "数量", prop: "amount", min: 130 },
        { label: "销售单价", prop: "price", min: 130 },
        { label: "价税合计", prop: "total", min: 130 },
        { label: "描述", prop: "remark", min: 130 },
        { label: "单据类型", prop: "orderType", min: 130 },
        { label: "采购单号", prop: "number", min: 150,default:true},
        { label: "采购单名称", prop: "name", min: 130 },
        { label: "供应商名称", prop: "supplierName", min: 130 },
        { label: "采购数量", prop: "quantity", min: 130 },
        { label: "收货仓库", prop: "warehouse", min: 130 },
        { label: "经办人", prop: "handledBy", min: 130 },
        { label: "制单人", prop: "creator", min: 130 }
      ],
    }
  },
  created() {
    console.log(this.detailConfig,"抽屉组件")
    console.log(this.commonDetail,"抽屉组件props")
    this.setData(this.detailConfig.infomation)
    this.addConfig = {
      id_name: "sales_leads_id",
@@ -246,6 +243,9 @@
          rightValue: ""
        }
      ]
      this.detailConfig.productListInfo.map((item)=>{
        item.supplierName=item.supplier.name
      })
      this.tableList = {
        tableInfomation: this.detailConfig.productListInfo?this.detailConfig.productListInfo:[],
        selectIndex: true,
@@ -295,6 +295,22 @@
      // console.log(totalDays)

      return totalDays // 相差的天数
    },
    toPurchaseBtn(){
      this.$router.push({  
        name: 'purchase', 
        params: {
          supplierId:this.commonDetail.infomation.ID,
          supplierName:this.commonDetail.infomation.name
        }
      });
    },
    // 下载合同附件
    downLoadFiles(){
      if(this.detailConfig.infomation.contract.fileName){
        let url = "/api-srm/downloadContract?id=" + this.commonDetail.infomation.fileId
        download(url, "", "")
      }
    }
  }
}
@@ -347,6 +363,7 @@
          font-size: 14px;
        }
        .basic-info-content {
          margin-top: 10px;
          background: #fff;
          ul {
            padding-inline-start: 0;
@@ -429,4 +446,8 @@
    margin: 0;
  }
}
  .downFlie{
    color: blue !important;
    cursor: pointer;
  }
</style>