Merge branch 'dev' into x_d_5.1

src/api/api.js

@@ -82,11 +82,13 @@ import systemExam from '../newApi/systemExam'//模考活动列表
 
 import poster from '../fxApi/poster'//海报列表
 import temp from '../fxApi/temp'//分销活动列表
+import orderManageList from '../fxApi/orderManageList'//订单管理
 
 
 
 // 导入对应模块------------------------
 export default {
+    ...orderManageList,
     ...poster,
     ...temp,
     ...courseEducationType,

src/components/BaseDialog.vue

@@ -19,12 +19,17 @@
     </div>
     <slot></slot>
     <div slot="footer" class="dialog-footer" v-if="isShowFooter">
+      <slot name="slotBtn"></slot>
       <el-button :loading="disabledBtn" @click="visible = false">{{
         cancelName
       }}</el-button>
-      <el-button :loading="disabledBtn" type="primary" @click="confirmBtn">{{
-        confirmName
-      }}</el-button>
+      <el-button
+        v-if="confirmStatus"
+        :loading="disabledBtn"
+        type="primary"
+        @click="confirmBtn"
+        >{{ confirmName }}</el-button
+      >
     </div>
   </el-dialog>
 </template>
@@ -65,6 +70,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    confirmStatus: {
+      type: Boolean,
+      default: true,
+    },
   },
   data() {
     return {};

src/components/audit/auditProgress.vue

@@ -0,0 +1,92 @@
+<template>
+  <div>
+    <BaseDialog
+      width="700px"
+      :isShow.sync="isShow"
+      title="退款审核"
+      @close="close"
+      @submit="submitForm"
+      :appendToBody="true"
+      :confirmStatus="false"
+    >
+      <el-timeline>
+        <el-timeline-item timestamp="2018/4/12" placement="top" color="#0bbd87">
+          <el-card>
+            <h4>负责人：会计</h4>
+            <p>审核状态：已通过</p>
+            <p>审核意见：——————</p>
+          </el-card>
+        </el-timeline-item>
+        <el-timeline-item timestamp="2018/4/3" placement="top" color="#0bbd87">
+          <el-card>
+            <h4>负责人：财务</h4>
+            <p>审核状态：待审核</p>
+            <p>审核意见：——————</p>
+          </el-card>
+        </el-timeline-item>
+        <el-timeline-item timestamp="2018/4/2" placement="top">
+          <el-card>
+            <h4>负责人：总经理</h4>
+            <p>审核状态：未通过</p>
+            <p>审核意见：</p>
+          </el-card>
+        </el-timeline-item>
+        <el-timeline-item timestamp="2018/4/2" placement="top">
+          <el-card>
+            <h4>负责人：出纳</h4>
+            <p>审核状态：待支付</p>
+            <p>审核意见：</p>
+          </el-card>
+        </el-timeline-item>
+      </el-timeline>
+    </BaseDialog>
+  </div>
+</template>
+
+<script>
+export default {
+  // name: "DislogSet",
+  props: {
+    auditProgress: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      active: 2,
+    };
+  },
+
+  mounted() {},
+
+  methods: {
+    init() {},
+    close() {},
+    submitForm() {
+      this.isShow = false;
+    },
+  },
+  computed: {
+    isShow: {
+      get() {
+        if (this.auditProgress) {
+          this.init();
+        }
+        return this.auditProgress;
+      },
+      set(val) {
+        this.$emit("update:auditProgress", false);
+      },
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.el-timeline {
+  padding: 0px 6px;
+  max-height: 600px;
+  overflow: auto;
+}
+</style>

src/components/audit/dislogSet.vue

@@ -0,0 +1,199 @@
+<template>
+  <div>
+    <BaseDialog
+      width="600px"
+      :isShow.sync="isShow"
+      :title="ShowStatus() ? '付款审核' : '退款审核'"
+      @close="close"
+      @submit="submitForm"
+      :confirmName="form.step === 4 ? '确定支付' : '确定'"
+    >
+      <template v-if="form.step !== 4">
+        <p style="margin-top: 0">下单时间：2023-12-12 16:16:10</p>
+        <p style="margin-top: 0" v-if="ShowStatus()">订单单号：123456789123</p>
+        <p>
+          <span class="color_1890ff">机构名称：广东中正教育科技有限公司</span>
+          <span v-if="!ShowStatus()">,发起退款申请</span>
+        </p>
+        <div class="bgc_pink" v-if="ShowStatus()">
+          <p>待付账款：<span class="color_red">￥252.00</span></p>
+          <p>预付时间：2023-12-12 10:10:10</p>
+          <p>剩余天数：10</p>
+        </div>
+        <div class="bgc_pink" v-else>
+          <p>本次退款金额：<span class="color_red">￥252.00</span></p>
+          <p>退款理由：321213561243891423</p>
+        </div>
+        <el-form :model="form" :rules="rules" ref="form" label-width="100px">
+          <el-form-item prop="data1" label="审核结果：">
+            <el-radio-group v-model="form.data1">
+              <el-radio label="同意" name="1"></el-radio>
+              <el-radio label="拒绝" name="0"></el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item prop="data2" label="审核意见：">
+            <el-input
+              type="textarea"
+              placeholder="请输入审核意见"
+              v-model="form.data2"
+            ></el-input> </el-form-item
+        ></el-form>
+        <template slot="slotBtn">
+          <el-button @click="auditProgress = true">审核进度</el-button>
+        </template>
+        <audit-progress :auditProgress.sync="auditProgress"></audit-progress>
+      </template>
+      <template v-else>
+        <em>收款信息：</em>
+        <p>开户名称：<em>广东中正教育科技有限公司</em></p>
+        <p>开户银行：<em>农业银行燕塘支行</em></p>
+        <p>收款账号：<em>4565 1561 1515 1222</em></p>
+        <el-divider></el-divider>
+        <em>订单信息：</em>
+        <p>
+          支付金额：<span
+            class="color_red"
+            style="font-size: 28px; font-weight: 400"
+            >¥ 5,107.49</span
+          >
+        </p>
+        <p>
+          支付方式：<el-radio v-model="form.payType" :label="1"
+            >微信支付</el-radio
+          >
+          <el-radio v-model="form.payType" :label="2" v-if="!ShowStatus()"
+            >网银支付、对公转账</el-radio
+          >
+        </p>
+        <p>下单时间：<em>2022-12-12</em></p>
+        <p>订单单号：<em>54664666661464154</em></p>
+        <el-divider></el-divider>
+        <em>支付方式：</em>
+        <el-tag type="success" v-if="form.payType === 1">原路返回</el-tag>
+        <el-tag type="danger" v-if="form.payType === 2">网银支付</el-tag>
+      </template>
+    </BaseDialog>
+  </div>
+</template>
+
+<script>
+import auditProgress from "@/components/audit/auditProgress.vue";
+export default {
+  name: "DislogSet",
+  components: {
+    auditProgress,
+  },
+  props: {
+    dialogVisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      auditProgress: false,
+      form: {
+        type: 1, //1付款2退款
+        step: 4, //1会计2财务3总经理4出纳
+        payType: 1, //1微信支付2其他支付
+        data1: "",
+        data2: "",
+      },
+      rules: {
+        data1: [
+          { required: true, message: "请选择审核结果", trigger: "change" },
+        ],
+        data2: [{ required: true, message: "请输入审核意见", trigger: "blur" }],
+      },
+    };
+  },
+
+  mounted() {},
+
+  methods: {
+    ShowStatus() {
+      return this.form.type === 1 ? true : false;
+    },
+    init() {
+      this.resetForm();
+      if (this.id) {
+      }
+    },
+    close() {
+      if (this.form.step !== 4) {
+        this.$refs["form"].resetFields();
+      }
+    },
+    resetForm() {
+      this.form = {
+        type: 1, //1付款2退款
+        step: 4, //1会计2财务3总经理4出纳
+        payType: 1, //1微信支付2其他支付
+        data1: "",
+        data2: "",
+      };
+    },
+    submitForm() {
+      if (this.form.step === 4) {
+        this.$confirm("确定支付账款吗？", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+          .then(() => {
+            this.isShow = false;
+            this.$emit("search");
+            this.$message({
+              type: "success",
+              message: "支付成功!",
+            });
+          })
+          .catch(() => {});
+      } else {
+        this.$refs["form"].validate((valid) => {
+          if (valid) {
+            this.isShow = false;
+            this.$emit("search");
+          } else {
+            return false;
+          }
+        });
+      }
+    },
+  },
+  computed: {
+    isShow: {
+      get() {
+        if (this.dialogVisible) {
+          this.init();
+        }
+        return this.dialogVisible;
+      },
+      set(val) {
+        this.$emit("update:dialogVisible", false);
+      },
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.bgc_pink {
+  padding: 10px;
+  background-color: rgb(252, 234, 236);
+  color: #000;
+}
+.color_red {
+  font-weight: bold;
+  color: rgb(235, 59, 59);
+}
+.color_1890ff {
+  color: #1890ff;
+  font-weight: bold;
+}
+em {
+  font-weight: bold;
+  color: #000;
+  font-style: unset;
+}
+</style>

src/fxApi/orderManageList.js

@@ -0,0 +1,28 @@
+import request from '@/utils/request' //引入axios请求及拦截器
+export default {
+    //订单统计
+    systemtoporderstatistics(data) {
+        return request({
+            url: '/system/top/order/statistics',
+            method: 'post',
+            data
+        })
+    },
+    //查询订单列表
+    systemtoporderlist(data) {
+        return request({
+            url: '/system/top/order/list',
+            method: 'get',
+            params: data
+        })
+    },
+    //批量修改订单备注
+    systemtoporderupdateremark(data) {
+        return request({
+            url: '/system/top/order/update/remark',
+            method: 'post',
+            data
+        })
+    },
+    
+}

src/utils/request.js

@@ -7,9 +7,9 @@ import methods from '@/utils/methodsTool';
 
 axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
 // 创建axios实例
-export const baseURL = process.env.VUE_APP_BASE_API
+// export const baseURL = process.env.VUE_APP_BASE_API
 // export const baseURL = 'https://ptapi.gdzzkj.net/'
-// export const baseURL = 'http://192.168.1.7:7077/'
+export const baseURL = 'http://192.168.1.7:7077/'
 export const BASE_IMG_URL = process.env.VUE_APP_IMG_API
 const service = axios.create({
   // axios中请求配置有baseURL选项，表示请求URL公共部分

src/views/financed/components/remarks.vue

@@ -0,0 +1,83 @@
+<template>
+  <div>
+    <BaseDialog
+      width="600px"
+      :isShow.sync="isShow"
+      title="修改备注"
+      @close="close"
+      @submit="submitForm"
+    >
+      <el-input
+        :rows="6"
+        type="textarea"
+        placeholder="请输入备注"
+        v-model="remarks"
+      ></el-input>
+    </BaseDialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "remarks",
+  props: {
+    dialogVisible: {
+      type: Boolean,
+      default: false,
+    },
+    options: {
+      type: Array,
+      default: () => {
+        return [];
+      },
+    },
+  },
+  data() {
+    return {
+      remarks: "",
+    };
+  },
+
+  mounted() {},
+
+  methods: {
+    init() {
+      if (this.options?.length > 1) {
+        this.remarks = "";
+      } else {
+        this.remarks = this.options[0].remarks;
+      }
+    },
+    close() {
+      this.remarks = "";
+    },
+    submitForm() {
+      const data = {
+        orderIdList: this.options.map((i) => i.orderId),
+        orderSnList: this.options.map((i) => i.orderSn),
+        remark: this.remarks,
+      };
+      this.$api.systemtoporderupdateremark(data).then((res) => {
+        this.isShow = false;
+        this.$parent.$refs.tableList.clearMoreActive();
+        this.$emit("search");
+      });
+    },
+  },
+  computed: {
+    isShow: {
+      get() {
+        if (this.dialogVisible) {
+          this.init();
+        }
+        return this.dialogVisible;
+      },
+      set(val) {
+        this.$emit("update:dialogVisible", false);
+      },
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped></style>

src/views/financed/orderManageList/index.vue

@@ -0,0 +1,537 @@
+<template>
+  <div id="OrderManageList">
+    <search-box-new
+      ref="searchBox"
+      :formData="formData"
+      :formList="formList"
+      @search="search"
+      @init="init"
+    />
+    <div style="margin-bottom: 12px">
+      <el-button type="primary" size="small">成本设置</el-button>
+      <el-button type="primary" size="small" @click="editRemarks(1)"
+        >修改备注</el-button
+      >
+      <el-button size="small">导出excel</el-button>
+    </div>
+    <div class="dis_flex_order_li">
+      <div class="list" v-for="(item, index) in ShowTabList" :key="index">
+        <img :src="item.img" alt="" />
+        <div class="right">
+          <h4>
+            {{ item.label }}：
+            <span
+              v-if="item.label === '盈亏' && statisticsData[item.prop] !== 0"
+              >【{{ statisticsData[item.prop] > 0 ? "盈" : "亏" }}】</span
+            >
+          </h4>
+          <p>{{ statisticsData[item.prop] }}{{ item.ch }}</p>
+        </div>
+      </div>
+    </div>
+    <table-list
+      rowKey="orderId"
+      ref="tableList"
+      :tableSets="tableSet"
+      :tableData="tableData"
+      :navText="navText"
+      :loading="loading"
+    >
+      <template slot="orderInfo" slot-scope="props">
+        <div>机构名称：{{ props.scope.row["createOrg"] }}</div>
+        <div>业务员：{{ props.scope.row["createNo"] }}</div>
+        <div>业务号：{{ props.scope.row["createSysUserId"] }}</div>
+        <div>订单来源：{{ props.scope.row["orderFrom"] }}</div>
+        <div>订单日期：{{ props.scope.row["orderCost"] }}</div>
+        <div>订单号：{{ props.scope.row["orderSn"] }}</div>
+      </template>
+      <template slot="orderPrice" slot-scope="props">
+        <div>合同金额：{{ props.scope.row["orderPrice"] }}</div>
+        <div>已收账款：{{ props.scope.row["orderReceived"] }}</div>
+        <div>申请退款：{{ props.scope.row["orderRefund"] }}</div>
+        <div>已退账款：{{ props.scope.row["orderRefunded"] }}</div>
+        <div>未收账款：{{ props.scope.row["orderUncollected"] }}</div>
+        <div style="color: red">
+          (预计收款时间){{ props.scope.row["predictReceiveTime"] }}
+        </div>
+        <div>实际账款：1234.00</div>
+      </template>
+      <template slot="inon" slot-scope="props">
+        <div>成本（元）：{{ props.scope.row["orderCost"] }}</div>
+        <div>盈亏（元）：{{ props.scope.row["orderProfit"] }}</div>
+        <div v-if="props.scope.row['orderProfit']">
+          【{{ props.scope.row["orderProfit"] > 0 ? "盈" : "亏" }}】
+        </div>
+      </template>
+      <template slot="statusRoles" slot-scope="props">
+        <div>
+          {{ refundStatus(props.scope.row["refundStatus"])
+          }}<span style="color: red">(总经理)</span>
+        </div>
+      </template>
+      <template slot="type" slot-scope="props">
+        <div v-for="(item, index) in props.scope.row['businessNames']">
+          {{ item }}
+        </div>
+      </template>
+      <template slot="btn" slot-scope="props">
+        <el-button type="text">查看详情</el-button>
+        <el-button type="text">成本设置</el-button>
+        <el-button type="text">订单审核</el-button>
+        <el-button type="text" @click="handelClick">退款审核</el-button>
+        <el-button type="text" @click="editRemarks(props.scope.row)"
+          >修改备注</el-button
+        >
+        <el-button type="text">转账凭证</el-button>
+      </template>
+    </table-list>
+    <pagination
+      :total="total"
+      :pageSize.sync="formData.pageSize"
+      :currentPage.sync="formData.pageNum"
+      @search="search"
+    />
+    <dislog-set
+      :dialogVisible.sync="dialogVisible"
+      @search="search"
+    ></dislog-set>
+    <remarks
+      :dialogVisible.sync="remarksVisible"
+      @search="search"
+      :options="remarksOptions"
+    ></remarks>
+  </div>
+</template>
+
+<script>
+import dislogSet from "@/components/audit/dislogSet.vue";
+import remarks from "../components/remarks.vue";
+import searchBoxNew from "@/components/searchBoxNew";
+import tableList from "@/components/tableList";
+import pagination from "@/components/pagination";
+export default {
+  name: "orderManageList",
+  components: { searchBoxNew, tableList, pagination, dislogSet, remarks },
+  data() {
+    return {
+      ShowTabList: [
+        {
+          label: "盈亏",
+          prop: "orderProfitTotal",
+          img: require("@/assets/images/盈亏@2x.png"),
+          price: "1200000000",
+          ch: "元",
+        },
+        {
+          label: "合同金额",
+          prop: "orderPriceTotal",
+          img: require("@/assets/images/合同金额@2x.png"),
+          price: "1200000000",
+          ch: "元",
+        },
+        {
+          label: "已收账款",
+          prop: "orderReceivedTotal",
+          img: require("@/assets/images/已收款@2x.png"),
+          price: "1200000000",
+          ch: "元",
+        },
+        {
+          label: "已退账款",
+          prop: "orderRefundedTotal",
+          img: require("@/assets/images/已退款@2x.png"),
+          price: "1200000000",
+          ch: "元",
+        },
+        {
+          label: "未收账款",
+          prop: "orderUncollectedTotal",
+          img: require("@/assets/images/未收款@2x.png"),
+          price: "1200000000",
+          ch: "元",
+        },
+        {
+          label: "实际账款",
+          prop: "practicalPriceTotal",
+          img: require("@/assets/images/实际款@2x.png"),
+          price: "1200000000",
+          ch: "元",
+        },
+        {
+          label: "成本金额",
+          prop: "orderCostTotal",
+          img: require("@/assets/images/成本金额@2x.png"),
+          price: "1200000000",
+          ch: "元",
+        },
+        {
+          label: "订单人数",
+          prop: "orderUserNum",
+          img: require("@/assets/images/订单人数@2x.png"),
+          price: "16102",
+          ch: "个",
+        },
+        {
+          label: "订单数",
+          prop: "orderNum",
+          img: require("@/assets/images/订单数@2x.png"),
+          price: "16201",
+          ch: "个",
+        },
+      ],
+      loading: false, //当前表单加载是否加载动画
+      navText: {
+        title: "订单管理",
+        index: 0,
+        ch: "条",
+        num: true,
+        choice: true,
+        addHide: true,
+        openCheckMore: true,
+        changeWidth: "100px",
+        custom: false,
+        backFatherBtn: {
+          status: false,
+          title: "配置下单填选模板",
+        },
+      },
+      //搜索
+      formList: [
+        {
+          prop: "name",
+          placeholder: "角色分类",
+          scope: "select",
+          options: [
+            { label: "会计", value: 1 },
+            { label: "财务", value: 2 },
+            { label: "总经理", value: 3 },
+            { label: "出纳", value: 4 },
+          ],
+        },
+        {
+          prop: "name",
+          placeholder: "业务分类",
+          scope: "select",
+          options: [
+            { label: "学校业务", value: 1 },
+            { label: "办证质询", value: 2 },
+          ],
+        },
+        {
+          prop: "name",
+          placeholder: "审核状态",
+          scope: "select",
+          options: [
+            { label: "待审核", value: 1 },
+            { label: "已通过", value: 2 },
+            { label: "未通过", value: 3 },
+            { label: "已撤销", value: 4 },
+          ],
+        },
+        {
+          prop: "name",
+          placeholder: "退款状态",
+          scope: "select",
+          options: [
+            { label: "待审核", value: 1 },
+            { label: "未通过", value: 2 },
+            { label: "带退款", value: 3 },
+            { label: "已完成", value: 4 },
+          ],
+        },
+        {
+          prop: "name",
+          placeholder: "账款状态",
+          scope: "select",
+          options: [
+            { label: "已结清", value: 1 },
+            { label: "未结清", value: 2 },
+          ],
+        },
+        {
+          prop: "name",
+          placeholder: "开票状态",
+          scope: "select",
+          options: [
+            { label: "已开票", value: 1 },
+            { label: "未开票", value: 2 },
+          ],
+        },
+        {
+          placeholder: "时间",
+          prop1: "validityStartTime",
+          prop2: "validityEndTime",
+          placeholder1: "开始日期",
+          placeholder2: "结束日期",
+          scope: "moreDataPicker",
+        },
+        {
+          prop: "name",
+          placeholder: "机构/订单号/业务号/下单企业",
+        },
+        {
+          prop: "name",
+          placeholder: "身份号",
+        },
+      ],
+      formData: {
+        pageSize: 10,
+        pageNum: 1,
+      },
+      // 表单
+      tableSet: [
+        {
+          label: "订单信息",
+          prop: "name",
+          hidden: true,
+          scope: "solt",
+          soltName: "orderInfo",
+        },
+        {
+          label: "订单金额（元）",
+          prop: "posterTempName",
+          hidden: true,
+          scope: "solt",
+          soltName: "orderPrice",
+        },
+        {
+          label: "投入产出",
+          prop: "posterTempName1",
+          hidden: true,
+          scope: "solt",
+          soltName: "inon",
+        },
+        {
+          label: "审核状态",
+          prop: "checkStatus",
+          hidden: true,
+          options: [
+            {
+              label: "待审核",
+              value: 0,
+            },
+            {
+              label: "已通过",
+              value: 1,
+            },
+            {
+              label: "未通过",
+              value: 2,
+            },
+            {
+              label: "已撤销",
+              value: 3,
+            },
+          ],
+        },
+        {
+          label: "退款状态",
+          prop: "startTime",
+          hidden: true,
+          scope: "solt",
+          soltName: "statusRoles",
+        },
+        {
+          label: "下单企业",
+          prop: "tenantName",
+          hidden: true,
+        },
+        {
+          label: "业务类型",
+          prop: "businessNames",
+          hidden: true,
+          scope: "solt",
+          soltName: "type",
+        },
+        {
+          label: "发票状态",
+          prop: "invoiceStatus",
+          hidden: true,
+          scope: "isOptions",
+          options: [
+            {
+              label: "未开票",
+              value: 0,
+            },
+            {
+              label: "已开票",
+              value: 1,
+            },
+          ],
+        },
+        {
+          label: "备注",
+          prop: "remark",
+          hidden: true,
+        },
+      ],
+      tableData: [], //表单数据
+      total: 0, //一共多少条
+      dialogVisible: false,
+      remarksVisible: false,
+      id: "",
+      statisticsData: {},
+      remarksOptions: [],
+    };
+  },
+  created() {
+    this.search();
+    this.getStatistics();
+  },
+  methods: {
+    //退款状态
+    refundStatus(i) {
+      var str = "";
+      switch (i) {
+        case 0:
+          str = "待审核";
+          break;
+        case 1:
+          str = "正常";
+          break;
+        case 2:
+          str = "未退款";
+          break;
+        case 3:
+          str = "已完成";
+          break;
+        case 4:
+          str = "未通过";
+          break;
+
+        default:
+          break;
+      }
+      return str;
+    },
+    getStatistics() {
+      this.$api.systemtoporderstatistics().then((res) => {
+        this.statisticsData = res.data || {};
+      });
+    },
+    editRemarks(item) {
+      if (item === 1) {
+        if (this.$refs.tableList.allCheckData.length === 0) {
+          this.$message.error("请勾选数据");
+          return;
+        }
+        this.remarksOptions = this.$refs.tableList.allCheckData;
+        this.remarksVisible = true;
+      } else {
+        this.remarksOptions = [item];
+        this.remarksVisible = true;
+      }
+    },
+    handelClick() {
+      this.dialogVisible = true;
+    },
+    changeStatus(val) {
+      console.log(val);
+    },
+    batchDel() {
+      let len = this.$refs.tableList.allCheckData.length;
+      if (!len) {
+        return this.$message.warning("请先勾选模板");
+      }
+      const ids = this.$refs.tableList.allCheckData.map((item) => item.id);
+    },
+    handelDel(id) {
+      this.$confirm("此操作将删除该模板, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.$api.editUser(id).then((res) => {
+            if (res.code === 200) {
+              this.$message.success("删除成功");
+              this.search();
+            }
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+    search(v) {
+      this.loading = true;
+      if (v === 2) {
+        this.formData = {
+          pageSize: 10,
+          pageNum: 1,
+        };
+      }
+      var data = JSON.parse(JSON.stringify(this.formData));
+      // if (this.formData.classStartTime) {
+      //   data.classStartTime = parseInt(data.classStartTime / 1000);
+      // }
+      // if (this.formData.classEndTime) {
+      //   data.classEndTime = parseInt(data.classEndTime / 1000);
+      // }
+      this.$api
+        .systemtoporderlist(data)
+        .then((res) => {
+          this.tableData = res.rows;
+          this.total = res.total;
+          this.navText.index = res.total;
+        })
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+    init() {
+      this.search(2);
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.cell > .el-button + .el-button {
+  margin-left: 0px;
+}
+.dis_flex_order_li {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  & > .list {
+    user-select: none;
+    cursor: pointer;
+    transition: all 0.3s;
+    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
+    &:hover {
+      transform: scale(1.04);
+    }
+    width: 136px;
+    height: 44px;
+    border-radius: 6px;
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+    margin-right: 10px;
+    margin-bottom: 10px;
+    & > img {
+      margin-left: 2px;
+      width: 40px;
+      height: 40px;
+    }
+    & > .right {
+      flex: 1;
+      padding-left: 4px;
+      & > h4 {
+        color: #000;
+        margin: 0;
+        font-size: 12px;
+      }
+      & > p {
+        font-size: 12px;
+        color: red;
+        margin: 0;
+      }
+    }
+  }
+}
+</style>