srm项目 系统参数设置的前端页面开发+增加相关路由+公共列表组件增加是否可以配置表头的逻辑

haoxuan

2024-02-07 302858f921bed077ab54dd31102f086bfe1add3c

 src/views/purchaseManage/purchase/DetailSupplier.vue

@@ -12,10 +12,10 @@
          <span class="header-title">{{ detailConfig.infomation.name }}</span>
        </div>
        <div class="btn" style="float: right; margin-right: 30px">
          <el-button type="primary" size="mini" style="margin-right: 5px"
          <el-button type="primary" size="mini" disabled style="margin-right: 5px"
            >打印</el-button
          >
          <el-button type="primary" size="mini" @click="emailClick"
          <el-button type="primary" disabled size="mini" @click="emailClick"
            >Email通知下单</el-button
          >

@@ -74,7 +74,7 @@
              </ul>
              <div class="business_scope">
                <div class="content-title">{{ "备注信息：" }}</div>
                <div class="content-data">{{ record ? record : "--" }}</div>
                <div class="content-data">{{ remark ? remark : "--" }}</div>
              </div>
            </div>
          </div>
@@ -121,26 +121,27 @@
                ref="tableListRef"
                :showSummary="showSummary"
                :table-list="tableList"
                @selTableCol="selTableCol"
              >
              </TableCommonView>
              <div class="table-bottom">
                <div class="table-bottom-item">
                  <div class="table-bottom-l">
                    整单折扣：直接降价
                    整单折扣：{{ detailConfig.infomation.wholeDiscountType==1?'百分比降价':'直接降价' }}
                  </div>
                  <div class="table-bottom-r">0.00</div>
                  <div class="table-bottom-r">{{detailConfig.infomation.wholeDiscount  }}</div>
                </div>
                <div class="table-bottom-item">
                  <div class="table-bottom-l">
                    调整：增加
                    调整：{{ detailConfig.infomation.priceAdjustmentType==1?'增加':'减少' }}
                  </div>
                  <div class="table-bottom-r">0.00</div>
                  <div class="table-bottom-r">{{ detailConfig.infomation.priceAdjustment }}</div>
                </div>
                <div class="table-bottom-item">
                  <div class="table-bottom-l">
                    合计
                  </div>
                  <div class="table-bottom-r">26000.00</div>
                  <div class="table-bottom-r">{{detailConfig.infomation.realTotalPrice  }}</div>
                </div>
              </div>
            </div>
@@ -153,6 +154,7 @@

<script>
import { deletePurchase } from "@/api/purchaseManage/purchase";
import { getDataByType } from "@/api/data";
export default {
  name: "DetailSupplier",
  props: {
@@ -177,17 +179,29 @@
      basicInfoList: [],
      isDynamicExpand: true, // 账户信息
      dynamicInfoList: [],
      record: "", // 最新进展
      remark: "", // 最新进展
      noContactDays: 0,
      newContactDays: "",
      isExpandThree: true, //产品信息
      tableList: {},
      showSummary:{
        show: true,
        sumProp: ["number", "total"],
        mergeNumber: 4,
        sumProp: ["amount", "total"],
        mergeNumber: 5,
        totalName:'小计'
      },
      showCol: ['产品名称', '产品编码', '计量单位', '规格型号', '数量', '销售单价','价税合计','描述'],
      purchaseStatusList:getDataByType('purchaseStatus'),
      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 },
      ],
    };
  },
  created() {
@@ -197,6 +211,17 @@
  mounted() {},
  computed: {},
  methods: {
    getpurchaseStatus(val) {
      if (val) {
        for (let i in this.purchaseStatusList) {
          if (this.purchaseStatusList[i].id == val) {
            return this.purchaseStatusList[i].name;
          }
        }
      } else {
        return "--";
      }
    },
    // email 通知下单
    emailClick() {},
    // 删除
@@ -223,23 +248,23 @@
      if (item.FollowRecord && item.FollowRecord.length > 0) {
        this.noContactDays = this.getDiffDay(Date.now(), this.newContactDays);
      }
      this.record =item.record?item.record:''
      this.remark =item.remark?item.remark:''
      this.formInfoList = [
        {
          str: "供应商名称",
          value: item.name,
          value: item.supplier.name,
        },
        {
          str: "合计",
          value: "",
          value:item.realTotalPrice,
        },
        {
          str: "已收票金额",
          value: "",
          value: item.invoiceAmount,
        },
        {
          str: "已付金额",
          value: "",
          value: item.paidAmount,
        },
        {
          str: "签约日期",
@@ -247,15 +272,15 @@
        },
        {
          str: "采购负责人",
          value: "",
          value: item.principal,
        },
        {
          str: "未收票金额",
          value: "",
          value: item.unInvoiceAmount,
        },
        {
          str: "应付金额",
          value: "",
          value: item.shouldPayAmount,
        },
      ];
      this.basicInfoList = [
@@ -263,13 +288,13 @@
          leftStr: "采购订单编号",
          leftValue: item.number,
          rightStr: "供应商名称",
          rightValue: item.name,
          rightValue: item.supplier.name,
        },
        {
          leftStr: "采购单状态",
          leftValue: item.contact_name,
          leftValue: this.getpurchaseStatus(item.status),
          rightStr: "采购负责人",
          rightValue: item.contact_position,
          rightValue: item.principal,
        },
        {
          leftStr: "采购联系人",
@@ -285,7 +310,7 @@
        },
        {
          leftStr: "到货仓库",
          leftValue: item.sales_resources,
          leftValue: item.warehouse,
          rightStr: "",
          rightValue: "",
        },
@@ -293,19 +318,19 @@
      this.dynamicInfoList = [
        {
          leftStr: "合计",
          leftValue: this.noContactDays,
          leftValue: item.realTotalPrice,
          rightStr: "已收票金额",
          rightValue: this.newContactDays,
          rightValue: item.invoiceAmount,
        },
        {
          leftStr: "已付总额",
          leftValue: "",
          leftValue:item.paidAmount,
          rightStr: "未收票金额",
          rightValue: "",
          rightValue: item.unInvoiceAmount,
        },
        {
          leftStr: "应付金额",
          leftValue: "",
          leftValue: item.shouldPayAmount,
          rightStr: "",
          rightValue: "",
        },
@@ -313,17 +338,23 @@
      this.tableList = {
        tableInfomation: item.productList?item.productList:[],
        selectIndex: true,
        tableColumn: [
          { label: "产品名称", prop: "name", min: 190, isCommonClick: true },
          { label: "产品编码", prop: "number", min: 130, isCommonClick: true },
          { 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 },
        ],
        showcol: this.showCol,
        allcol:[],
        tableColumn:this.setColumnVisible(this.showCol)
      };
      this.tableList.allcol = this.tableList.tableColumn.filter(ele=>!ele.default).map(ele=>ele.label);
    },
    selTableCol(val) {
      this.showcol = val;
      this.tableList.tableColumn = this.setColumnVisible(val);
    },
    setColumnVisible(showCol){
      return  this.tableColumn.map(ele=>{
        return {
          ...ele,
          isShowColumn:showCol.includes(ele.label)
        }
      })
    },
    handleClose() {
      this.detailConfig.visible = false;