销售模块接口联调

yangfeng

2023-07-19 23d80c1b64f23ede237ab8e89ebc2ee2aaf43f26

 src/views/sales/salesReturn/index.vue

@@ -20,20 +20,13 @@
</template>

<script>
import SearchCommonView from "@/components/makepager/SearchCommonView"
import PublicFunctionBtnView from "@/components/makepager/PublicFunctionBtnView"
import PagerView from "@/components/makepager/PagerView"
import TableCommonView from "@/components/makepager/TableCommonView"
import AddSalesReturnDialog from "@/views/sales/salesReturn/AddSalesReturnDialog"
import { getSalesReturnList } from "@/api/sales/salesReturn"

export default {
  name: "SalesReturn",
  props: {},
  components: {
    SearchCommonView,
    PublicFunctionBtnView,
    PagerView,
    TableCommonView,
    AddSalesReturnDialog
  },
  computed: {
@@ -71,32 +64,21 @@
  },
  created() {
    this.setTable()
    this.getData()
  },
  methods: {
    setTable() {
      this.tableList = {
        tableInfomation: [
          {
            salesReturnOrderNo: "THD20230607-44",
            customName: "欧克科技股份有限公司",
            returnDate: "2023-06-07",
            state: "未入库",
            returnWarehouse: "总仓",
            refundabe: "￥9,499.00",
            refunded: "￥1,499.00",
            salesHead: "系统管理员",
            modifyTime: "2023-06-07 11:10:25"
          }
        ],
        tableInfomation: [],
        tableColumn: [
          { label: "销售退货单编号", prop: "salesReturnOrderNo", min: 120 },
          { label: "客户名称", prop: "customName", min: 90 },
          { label: "销售退货单编号", prop: "number", min: 120 },
          { label: "客户名称", prop: "clientId", min: 90 },
          { label: "退货日期", prop: "returnDate", min: 100 },
          { label: "状态", prop: "state" },
          { label: "退入仓库", prop: "returnWarehouse" },
          { label: "状态", prop: "status" },
          { label: "退入仓库", prop: "repository" },
          { label: "应退款", prop: "refundabe" },
          { label: "已退款", prop: "refunded" },
          { label: "销售负责人", prop: "salesHead" },
          { label: "销售负责人", prop: "memberId" },
          { label: "修改时间", prop: "modifyTime" }
        ]
      }
@@ -106,36 +88,46 @@
        this.searchOptions.push({ value: (i + 1).toString(), label: label })
      }
    },
    // 请求数据
    async getData() {
      this.loading = true
      await getSalesReturnList()
        .then((res) => {
          console.log(res)
          if (res.code === 200) {
            if (res.data.list && res.data.list.length > 0) {
              const list = res.data.list.map((item) => {
                return {
                  ...item
                }
              })
              this.tableList.tableInfomation = list || []
            } else {
              this.tableList.tableInfomation = []
            }
          } else {
            this.tableList.tableInfomation = []
          }
          this.loading = false
        })
        .catch((err) => {
          console.log(err)
          this.tableList.tableInfomation = []
          this.loading = false
        })
    },
    // 新建
    addBtnClick() {
      this.editConfig.visible = true
      this.editConfig.title = "新建"
      this.editConfig.infomation = {
        customName: "",
        salesReturnOrderNo: "THD20230521-11",
        selSourceOrder: "1",
        returnWarehouse: "1",
        salesHead: "5",
        returnDate: "",
        state: "",
        returnReason: ""
      }
      this.editConfig.infomation = {}
    },
    // 编辑
    handleClick(row) {
      console.log(row)
      this.editConfig.visible = true
      this.editConfig.title = "编辑"
      this.editConfig.infomation = {
        customName: "",
        salesReturnOrderNo: "THD20230521-11",
        selSourceOrder: "",
        returnWarehouse: "",
        salesHead: "",
        returnDate: "",
        state: "",
        returnReason: ""
      }
      this.editConfig.infomation = { ...row }
    }
  }
}