页面调整

peng

2025-10-23 c29c852bfe5541106461e0b6a05383f679602dfa

 manager/src/views/order/order/orderList.vue

@@ -18,6 +18,15 @@
            style="width: 160px"
          />
        </Form-item>
        <Form-item label="会员id" prop="memberId">
          <Input
            type="text"
            v-model="searchForm.memberId"
            placeholder="请输入会员id"
            clearable
            style="width: 160px"
          />
        </Form-item>
<!--        <Form-item label="会员名称" prop="buyerName">-->
<!--          <Input-->
<!--            type="text"-->
@@ -36,7 +45,16 @@
            style="width: 160px"
          />
        </Form-item>

        <Form-item label="定制商品" prop="customizeFlag">
          <Select
            v-model="searchForm.customizeFlag"
            placeholder="请选择"
            clearable
            style="width: 160px"
          >
            <Option value="CUSTOMIZE">定制商品</Option>
          </Select>
        </Form-item>
        <Form-item label="订单类型" prop="orderType">
          <Select
            v-model="searchForm.orderPromotionType"
@@ -51,11 +69,29 @@
            <Option value="KANJIA">砍价订单</Option>
          </Select>
        </Form-item>
        <Form-item label="店铺" prop="store">
          <Select
            v-model="searchForm.storeSelectId"
            placeholder="请选择"
            clearable
            style="width: 160px"
            filterable
          >
            <Option
              v-for="store in storeSelectList"
              :key="store.id"
              :label="store.label"
              :value="store.id"
            >
              {{ store.label }}
            </Option>
          </Select>
        </Form-item>
        <Form-item label="下单时间">
          <DatePicker
            v-model="selectDate"
            type="datetimerange"
            format="yyyy-MM-dd"
            format="yyyy-MM-dd HH:mm:ss"
            clearable
            @on-change="selectDateRange"
            placeholder="选择起始时间"
@@ -231,6 +267,7 @@
import * as API_Member from "@/api/member.js";
import { getTags } from "@/api/tag.js";
import vueQr from "vue-qr";
import {getStoreSelect} from "../../../api/order";
export default {
  name: "orderList",
  components: {
@@ -241,6 +278,8 @@
  },
  data() {
    return {
      //下拉框数据
      storeSelectList:[],
      // 表格的表头以及内容
      fields: {
        订单编号: "sn",
@@ -292,6 +331,12 @@
      },
      selectDate: null,
      columns: [
        {
          title: "会员id",
          key: "memberId",
          minWidth: 240,
          tooltip: true
        },
        {
          title: "订单号",
          key: "sn",
@@ -364,7 +409,23 @@
          },

        },

        {
          title: "定制商品",
          key: "customizeFlag",
          minWidth: 120,
          tooltip: true,
          render: (h, params) => {
            if (params.row.customizeFlag == "CUSTOMIZE") {
              return h("div", [
                h("tag", { props: { color: "blue" } }, "定制商品"),
              ]);
            } else  {
              return h("div", [
                h("tag", { props: { color: "volcano" } }, "普通商品"),
              ]);
            }
          },
        },
        {
          title: "订单状态",
          key: "orderStatus",
@@ -523,6 +584,13 @@
    };
  },
  methods: {
    getStoreSelect(){
      API_Order.getStoreSelect().then(res =>{
        if (res.result){
          this.storeSelectList = res.result;
        }
      })
    },
    closeGeneralQrCode(){
      this.showGeneralQrCode = false;
    },
@@ -765,6 +833,7 @@
  },
  mounted() {
    this.init();
    this.getStoreSelect();
  },
};
</script>