refactor: 统一组件导入方式与样式调整

- 将多个组件中的 require 替换为 import，提升代码一致性。 - 更新上传组件中的回调函数，简化图片选择逻辑。 - 调整样式以适配 Element Plus 组件，确保界面一致性。 - 删除不再使用的样式，优化项目结构。
2026-11-10 02:49:03 +08:00 · 2026-07-08 16:22:44 +08:00
parent cf92d9d939
commit a4659ed1a2
84 changed files with 1038 additions and 1468 deletions
--- a/manager/src/views/order/after-order/afterSale.vue
+++ b/manager/src/views/order/after-order/afterSale.vue
@@ -69,6 +69,7 @@
 </template>
 <script>
 import * as API_Order from "@/api/order";
+import { ElMessage, ElMessageBox } from "element-plus";

 export default {
  data() {
@@ -143,7 +144,7 @@ export default {
            API_Order.addAfterSaleReason(this.form).then((res) => {
              this.submitLoading = false;
              if (res.success) {
-                this.$Message.success("添加成功");
+                ElMessage.success("添加成功");
                this.getDataList();
                this.modalVisible = false;
              }
@@ -152,7 +153,7 @@ export default {
            API_Order.editAfterSaleReason(this.form.id, this.form).then((res) => {
              this.submitLoading = false;
              if (res.success) {
-                this.$Message.success("修改成功");
+                ElMessage.success("修改成功");
                this.getDataList();
                this.modalVisible = false;
              }
@@ -162,20 +163,14 @@ export default {
      });
    },
    remove(v) {
-      this.$Modal.confirm({
-        title: "确认删除",
-        content: "确认要删除此售后原因?",
-        loading: true,
-        onOk: () => {
-          API_Order.delAfterSaleReason(v.id).then((res) => {
-            this.$Modal.remove();
-            if (res.success) {
-              this.$Message.success("售后原因已删除");
-              this.getDataList();
-            }
-          });
-        },
-      });
+      ElMessageBox.confirm("确认要删除此售后原因?", "确认删除", { type: "warning" }).then(() => {
+        API_Order.delAfterSaleReason(v.id).then((res) => {
+          if (res.success) {
+            ElMessage.success("售后原因已删除");
+            this.getDataList();
+          }
+        });
+      }).catch(() => {});
    },
  },
  mounted() {
--- a/manager/src/views/order/after-order/afterSaleOrder.vue
+++ b/manager/src/views/order/after-order/afterSaleOrder.vue
@@ -126,7 +126,7 @@
        <el-table-column label="售后金额" width="110">
          <template #default="{ row }">
            <span v-if="row" :style="{ color: $mainColor }">
-              {{ $filters.unitPrice(row.applyRefundPrice, "￥") }}</span>
+              {{ unitPrice(row.applyRefundPrice, "￥") }}</span>
          </template>
        </el-table-column>
        <el-table-column label="售后类型" width="100">
@@ -169,6 +169,7 @@

 <script>
 import * as API_Order from "@/api/order";
+import { unitPrice, customRouterPush } from "@/utils/filters";

 export default {
  name: "after-sale-order",
@@ -240,6 +241,7 @@ export default {
    },
  },
  methods: {
+    unitPrice,
    serviceTypeText(type) {
      const map = {
        RETURN_MONEY: "退款",
@@ -330,7 +332,7 @@ export default {
    },
    detail(v) {
      const sn = v.sn;
-      this.$filters.customRouterPush({
+      customRouterPush({
        name: "after-order-detail",
        query: { sn: sn },
      });
--- a/manager/src/views/order/after-order/afterSaleOrderDetail.vue
+++ b/manager/src/views/order/after-order/afterSaleOrderDetail.vue
@@ -335,6 +335,7 @@
 <script>
 import * as API_Order from "@/api/order";
 import vueQr from "vue-qr";
+import { ElMessage, ElMessageBox } from "element-plus";
 export default {
  components: {
    "vue-qr": vueQr,
@@ -442,23 +443,17 @@ export default {
    //平台退款
    refundPriceSubmit() {
      if (this.refundPriceForm.remark == "") {
-        this.$Message.error("请输入退款备注");
+        ElMessage.error("请输入退款备注");
        return;
      }
-      this.$Modal.confirm({
-        title: "确认退款",
-        content: "请确认退款？",
-        loading: true,
-        onOk: () => {
-          API_Order.refundPrice(this.sn, this.refundPriceForm).then((res) => {
-            this.$Modal.remove();
-            if (res.success) {
-              this.$Message.success("收款成功");
-              this.getDetail();
-            }
-          });
-        },
-      });
+      ElMessageBox.confirm("请确认退款？", "确认退款", { type: "warning" }).then(() => {
+        API_Order.refundPrice(this.sn, this.refundPriceForm).then((res) => {
+          if (res.success) {
+            ElMessage.success("收款成功");
+            this.getDetail();
+          }
+        });
+      }).catch(() => {});
    },
    //查询物流
    logisticsSeller() {
@@ -476,17 +471,17 @@ export default {
    //回复
    handleSubmit() {
      if (this.params.remark == "") {
-        this.$Message.error("请输入备注信息");
+        ElMessage.error("请输入备注信息");
        return;
      }
      if (this.params.actualRefundPrice == "") {
-        this.$Message.error("请输入退款金额");
+        ElMessage.error("请输入退款金额");
        return;
      }
      API_Order.afterSaleSellerReview(this.sn, this.params).then((res) => {
        this.submitLoading = false;
        if (res.success) {
-          this.$Message.success("审核成功");
+          ElMessage.success("审核成功");
          this.params.remark = "";
          this.getDetail();
        }
@@ -518,9 +513,6 @@ export default {
 };
 </script>
 <style lang="scss">
-.ivu-col {
-  width: 100% !important;
-}
 .main-content {
  min-height: 600px;
  padding: 10px;
--- a/manager/src/views/order/after-order/orderComplaint.vue
+++ b/manager/src/views/order/after-order/orderComplaint.vue
@@ -107,6 +107,7 @@
 <script>
 import * as API_Order from "@/api/order";
 import vueQr from "vue-qr";
+import { customRouterPush } from "@/utils/filters";

 export default {
  name: "orderComplaint",
@@ -184,7 +185,7 @@ export default {
        });
    },
    detail(v) {
-      this.$filters.customRouterPush({
+      customRouterPush({
        name: "order-complaint-detail",
        query: { id: v.id },
      });
--- a/manager/src/views/order/after-order/orderComplaintDetail.vue
+++ b/manager/src/views/order/after-order/orderComplaintDetail.vue
@@ -178,7 +178,7 @@
            <dl>
              <dt>订单金额</dt>
              <dd>
-                <span class="price-text">{{ $filters.unitPrice(complaintInfo.orderPrice, "￥") }}</span>
+                <span class="price-text">{{ unitPrice(complaintInfo.orderPrice, "￥") }}</span>
              </dd>
            </dl>
          </div>
@@ -205,6 +205,8 @@

 <script>
 import * as API_Order from "@/api/order";
+import { ElMessage } from "element-plus";
+import { unitPrice } from "@/utils/filters";

 const emptyComplaint = () => ({
  id: "",
@@ -232,6 +234,7 @@ export default {
    };
  },
  methods: {
+    unitPrice,
    complainStatusText(v) {
      const map = {
        NEW: "新投诉",
@@ -249,7 +252,7 @@ export default {
        complainId: this.complaintInfo.id,
      }).then((res) => {
        if (res.success) {
-          this.$Message.success("操作成功");
+          ElMessage.success("操作成功");
          this.getDetail();
        }
      });
@@ -284,7 +287,7 @@ export default {
    },
    arbitrationHandleSubmit() {
      if (!this.arbitrationParams.arbitrationResult) {
-        this.$Message.error("请填写仲裁内容");
+        ElMessage.error("请填写仲裁内容");
        return;
      }
      this.submitLoading = true;
@@ -292,7 +295,7 @@ export default {
        .then((res) => {
          this.submitLoading = false;
          if (res.success) {
-            this.$Message.success("仲裁成功");
+            ElMessage.success("仲裁成功");
            this.arbitrationParams.arbitrationResult = "";
            this.arbitrationResultShow = false;
            this.getDetail();
@@ -304,7 +307,7 @@ export default {
    },
    handleSubmit() {
      if (!this.params.content) {
-        this.$Message.error("请填写对话内容");
+        ElMessage.error("请填写对话内容");
        return;
      }
      this.submitLoading = true;
@@ -313,7 +316,7 @@ export default {
        .then((res) => {
          this.submitLoading = false;
          if (res.success) {
-            this.$Message.success("对话成功");
+            ElMessage.success("对话成功");
            this.params.content = "";
            this.getDetail();
          }
--- a/manager/src/views/order/flow/refundLog.vue
+++ b/manager/src/views/order/flow/refundLog.vue
@@ -60,7 +60,7 @@
        <el-table-column label="退款金额" min-width="120">
          <template #default="{ row }">
            <span v-if="row" :style="{ color: $mainColor }">
-              {{ $filters.unitPrice(row.totalAmount, "￥") }}</span>
+              {{ unitPrice(row.totalAmount, "￥") }}</span>
          </template>
        </el-table-column>
        <el-table-column prop="createTime" label="申请时间" min-width="120" show-overflow-tooltip />
@@ -110,6 +110,7 @@

 <script>
 import * as API_Order from "@/api/order";
+import { unitPrice } from "@/utils/filters";

 export default {
  name: "refundLog",
@@ -132,6 +133,7 @@ export default {
    };
  },
  methods: {
+    unitPrice,
    init() {
      this.getDataList();
    },
--- a/manager/src/views/order/order/fictitiousOrderList.vue
+++ b/manager/src/views/order/order/fictitiousOrderList.vue
@@ -128,6 +128,8 @@

 <script>
 import * as API_Order from "@/api/order";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { customRouterPush } from "@/utils/filters";

 export default {
  name: "fictitiousOrderList",
@@ -198,24 +200,18 @@ export default {
      });
    },
    confirmPrice(v) {
-      this.$Modal.confirm({
-        title: "确认收款",
-        content: "您确定要收款吗？",
-        loading: true,
-        onOk: () => {
-          API_Order.orderPay(v.sn).then((res) => {
-            if (res.success) {
-              this.$Message.success("收款成功");
-              this.getDataList();
-            }
-            this.$Modal.remove();
-          });
-        },
-      });
+      ElMessageBox.confirm("您确定要收款吗？", "确认收款", { type: "warning" }).then(() => {
+        API_Order.orderPay(v.sn).then((res) => {
+          if (res.success) {
+            ElMessage.success("收款成功");
+            this.getDataList();
+          }
+        });
+      }).catch(() => {});
    },
    detail(v) {
      let sn = v.sn;
-      this.$filters.customRouterPush({
+      customRouterPush({
        name: "order-detail",
        query: { sn: sn, orderType: v.orderType },
      });
--- a/manager/src/views/order/order/orderDetail.vue
+++ b/manager/src/views/order/order/orderDetail.vue
@@ -20,7 +20,7 @@
          <div class="div-item">
            <div class="div-item-left">订单来源：</div>
            <div class="div-item-right">
-              {{ $filters.clientTypeWay(orderInfo.order.clientType) }}
+              {{ clientTypeWay(orderInfo.order.clientType) }}
            </div>
          </div>

@@ -148,7 +148,7 @@
            <div class="div-item-left">发票金额：</div>
            <div class="div-item-right">
              {{
-                $filters.unitPrice(
+                unitPrice(
                  orderInfo.receipt && orderInfo.receipt.receiptPrice
                    ? orderInfo.receipt.receiptPrice
                    : "暂无",
@@ -206,14 +206,14 @@
          </el-table-column>
          <el-table-column label="单价" min-width="100">
            <template #default="{ row }">
-              <span v-if="row">{{ $filters.unitPrice(row.unitPrice || 0, "￥") }}</span>
+              <span v-if="row">{{ unitPrice(row.unitPrice || 0, "￥") }}</span>
            </template>
          </el-table-column>
          <el-table-column prop="num" label="数量" min-width="80" />
          <el-table-column prop="returnGoodsNumber" label="退款数量" min-width="80" />
          <el-table-column label="小计" min-width="100">
            <template #default="{ row }">
-              <span v-if="row">{{ $filters.unitPrice(row.flowPrice, "￥") }}</span>
+              <span v-if="row">{{ unitPrice(row.flowPrice, "￥") }}</span>
            </template>
          </el-table-column>
        </el-table>
@@ -222,7 +222,7 @@
            <li>
              <span class="label">商品总额：</span>
              <span class="txt">{{
-                $filters.unitPrice(orderInfo.order.priceDetailDTO.goodsPrice, "￥")
+                unitPrice(orderInfo.order.priceDetailDTO.goodsPrice, "￥")
              }}</span>
            </li>
            <li v-if="
@@ -231,7 +231,7 @@
            ">
              <span class="label">优惠金额：</span>
              <span class="txt">
-                {{ $filters.unitPrice(orderInfo.order.priceDetailDTO.discountPrice, "￥") }}</span>
+                {{ unitPrice(orderInfo.order.priceDetailDTO.discountPrice, "￥") }}</span>
            </li>

            <li v-if="
@@ -260,7 +260,7 @@
                      <tbody>
                        <tr v-for="(item, index) in typeList" :key="index">
                          <td>{{ item.promotionName }}：</td>
-                          <td>¥{{ $filters.unitPrice(item.discountPrice) }}</td>
+                          <td>¥{{ unitPrice(item.discountPrice) }}</td>
                        </tr>
                      </tbody>
                    </table>
@@ -274,21 +274,21 @@
              </li> -->
            <!-- <li v-if="showPrices"  v-for="(item,index) in typeList" :key="index">
                <span class="label" v-if="index == 1 && typeList.length > 1" style="font-size:10px !important;"><a  @click="gotoHomes" style="display: inline-block;border-bottom: 1px dashed;color:black;width:80px;">{{item.promotionName}}：</a><span class="op-split">|</span>
-                <span class="txt" style="border-bottom: 1px dashed;font-size:10px !important;" v-if="index == 1 &&  typeList.length > 1">¥{{ $filters.unitPrice(item.discountPrice) }}</span>
+                <span class="txt" style="border-bottom: 1px dashed;font-size:10px !important;" v-if="index == 1 &&  typeList.length > 1">¥{{ unitPrice(item.discountPrice) }}</span>
                <span class="label" v-if="index == 0 &&  typeList.length > 1" style="font-size:10px !important;"><a  @click="gotoHomes" style="display: inline-block;border-top: 1px dashed;color:black;width:80px;">{{item.promotionName}}：</a><span class="op-split">|</span>
-                <span class="txt" style="border-top: 1px dashed;font-size:10px !important;" v-if="index == 0 && typeList.length > 1">¥{{ $filters.unitPrice(item.discountPrice) }}</span>
+                <span class="txt" style="border-top: 1px dashed;font-size:10px !important;" v-if="index == 0 && typeList.length > 1">¥{{ unitPrice(item.discountPrice) }}</span>
                <span class="label" v-if="typeList.length == 1 && index == 0" style="font-size:10px !important;"><a  @click="gotoHomes" style="display: inline-block;border-top: 1px dashed;border-bottom: 1px dashed;color:black;width:80px;">{{item.promotionName}}：</a><span class="op-split">|</span>
-                <span class="txt"  v-if="typeList.length == 1 && index == 0" style="border-top: 1px dashed;border-bottom: 1px dashed;font-size:10px !important;">¥{{ $filters.unitPrice(item.discountPrice) }}</span>
+                <span class="txt"  v-if="typeList.length == 1 && index == 0" style="border-top: 1px dashed;border-bottom: 1px dashed;font-size:10px !important;">¥{{ unitPrice(item.discountPrice) }}</span>
              </li> -->
            <li>
              <span class="label">运费：</span>
              <span class="txt">{{
-                $filters.unitPrice(orderInfo.order.freightPrice, "￥")
+                unitPrice(orderInfo.order.freightPrice, "￥")
              }}</span>
            </li>
            <li v-if="orderInfo.order.priceDetailDTO.updatePrice">
              <span class="label">修改金额：</span>
-              <span class="txt theme_color">¥{{ $filters.unitPrice(orderInfo.order.priceDetailDTO.updatePrice) }}</span>
+              <span class="txt theme_color">¥{{ unitPrice(orderInfo.order.priceDetailDTO.updatePrice) }}</span>
            </li>
            <li v-if="orderInfo.order.priceDetailDTO.payPoint != 0">
              <span class="label">使用积分：</span>
@@ -298,7 +298,7 @@
            </li>
            <li>
              <span class="label">应付金额：</span>
-              <span class="txt flowPrice">¥{{ $filters.unitPrice(orderInfo.order.priceDetailDTO.flowPrice) }}</span>
+              <span class="txt flowPrice">¥{{ unitPrice(orderInfo.order.priceDetailDTO.flowPrice) }}</span>
            </li>
          </ul>
        </div>
@@ -438,6 +438,8 @@ import * as RegExp from "@/libs/RegExp.js";
 import multipleMap from "@/components/map/multiple-map";
 import vueQr from "vue-qr";
 import { printElement } from "@/utils/print";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { unitPrice, clientTypeWay } from "@/utils/filters";
 export default {
  name: "orderList",
  components: {
@@ -542,6 +544,8 @@ export default {
    },
  },
  methods: {
+    unitPrice,
+    clientTypeWay,
    getPromotionText(row) {
      let resultText = "";
      if (row && row.promotionType) {
@@ -560,21 +564,18 @@ export default {

    //确认收款
    confirmPrice () {
-      this.$Modal.confirm({
-        title: "提示",
-        content:
-          "<p>您确定要收款吗？线下收款涉及库存变更，需异步进行，等待约一分钟刷新列表查看</p>",
-        onOk: () => {
-          API_Order.orderPay(this.sn).then((res) => {
-            if (res.success) {
-              this.$Message.success("收款成功");
-              this.getDataList();
-            } else {
-              // this.$Message.error(res.message);
-            }
-          });
-        },
-      });
+      ElMessageBox.confirm(
+        "您确定要收款吗？线下收款涉及库存变更，需异步进行，等待约一分钟刷新列表查看",
+        "提示",
+        { type: "warning" }
+      ).then(() => {
+        API_Order.orderPay(this.sn).then((res) => {
+          if (res.success) {
+            ElMessage.success("收款成功");
+            this.getDataList();
+          }
+        });
+      }).catch(() => {});
    },
    getOrderPrice () {
      if (this.showPrices) {
@@ -624,7 +625,7 @@ export default {
        if (valid) {
          API_Order.updateOrderPrice(this.sn, this.modifyPriceForm).then((res) => {
            if (res.success) {
-              this.$Message.success("修改订单金额成功");
+              ElMessage.success("修改订单金额成功");
              this.modal = false;
              this.getDataList();
            }
@@ -656,7 +657,7 @@ export default {
        if (valid) {
          API_Order.orderCancel(this.sn, this.orderCancelForm).then((res) => {
            if (res.success) {
-              this.$Message.success("取消成功");
+              ElMessage.success("取消成功");
              this.getDataList();
            }
            this.orderCancelModal = false;
@@ -699,7 +700,7 @@ export default {
    //修改收货地址
    editAddressSubmit () {
      if (this.regionId == "") {
-        this.$Message.error("请选择地址");
+        ElMessage.error("请选择地址");
        return;
      }
      this.addressForm.consigneeAddressPath = this.addr;
@@ -708,7 +709,7 @@ export default {
        if (valid) {
          API_Order.editOrderConsignee(this.sn, this.addressForm).then((res) => {
            if (res.success) {
-              this.$Message.success("收货地址修改成功");
+              ElMessage.success("收货地址修改成功");
              this.addressModal = false;
              this.getDataList();
            }
--- a/manager/src/views/order/order/orderList.vue
+++ b/manager/src/views/order/order/orderList.vue
@@ -96,7 +96,7 @@
        <el-table-column prop="storeName" label="店铺名称" min-width="150" show-overflow-tooltip />
        <el-table-column label="订单金额" min-width="100">
          <template #default="{ row }">
-            <span :style="{ color: $mainColor }">{{ $filters.unitPrice(row.flowPrice, '￥') }}</span>
+            <span :style="{ color: $mainColor }">{{ unitPrice(row.flowPrice, '￥') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="支付方式" width="120">
@@ -133,6 +133,8 @@

 <script>
 import * as API_Order from "@/api/order";
+import { ElMessage } from "element-plus";
+import { unitPrice, customRouterPush } from "@/utils/filters";

 export default {
  name: "orderList",
@@ -229,6 +231,7 @@ export default {
    },
  },
  methods: {
+    unitPrice,
    onStatusTabClick(tab) {
      this.orderStatusClick(tab.paneName);
    },
@@ -337,14 +340,14 @@ export default {
        });
    },
    detail(v) {
-      this.$filters.customRouterPush({
+      customRouterPush({
        name: "order-detail",
        query: { sn: v.sn },
      });
    },
    async exportOrder() {
      if (!this.searchForm.startDate || !this.searchForm.endDate) {
-        this.$Message.error("必须选择时间范围，搜索后进行导出！");
+        ElMessage.error("必须选择时间范围，搜索后进行导出！");
        return;
      }
      API_Order.exportOrder(this.searchForm)