自定义报表

src/api/report/report_manage.js

@@ -0,0 +1,7 @@
+import { createAPI } from '@/utils/httpRequest.js'
+
+// 获取派工单的最新信息
+export const getReportTypeList = data => createAPI('scheduling/getReportTypeList', 'POST', data)
+
+// 获取派工单的最新信息
+export const getCurrentPageTables = data => createAPI('scheduling/getCustomerReportList', 'POST', data)

src/views/modules/report/report_manage.vue

@@ -0,0 +1,878 @@
+<template>
+  <div class="customer-css" >
+    <!--  查询时间和产品  -->
+    <el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 0px;" >
+      <el-row>
+        <el-form-item :label="'报表名称:'">
+          <el-input v-model="pageData.orderNo" style="width: 120px"></el-input>
+        </el-form-item>
+        <el-form-item :label="'报表分类:'">
+          <el-select v-model="pageData.reportType"  style="width: 130px"
+                     placeholder="请选择">
+            <el-option
+              v-for="(item, index) in reportTypeList"
+              :key="index"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item :label="''" style="margin-left: 50px; margin-top: 20px;">
+          <el-button class="customer-bun-min" type="primary" @click="addReportModal" style="margin-left: 10px; margin-bottom: 5px;">新增</el-button>
+          <el-button class="customer-bun-min" type="primary" @click="refreshPageTables" style="margin-left: 10px; margin-bottom: 5px;">查询</el-button>
+        </el-form-item>
+      </el-row>
+    </el-form>
+    <!--  工单主表信息  -->
+    <el-main style="margin-top: 25px; padding: 0px; width: 100%;">
+      <el-form :inline="true"  label-position="top" label-width="100px">
+        <el-form-item :label="'主记录'">
+        </el-form-item>
+      </el-form>
+      <el-table
+        :height="height"
+        :data="reportList"
+        border
+        ref="reportTable"
+        highlight-current-row
+        @row-click="setCurrentRoutingRow"
+        v-loading="dataListLoading"
+        style="margin-top: -20px; width: 100%;">
+        <el-table-column
+          v-for="(item,index) in columnOrderArray" :key="index"
+          :sortable="item.columnSortable"
+          :prop="item.columnProp"
+          :header-align="item.headerAlign"
+          :show-overflow-tooltip="item.showOverflowTooltip"
+          :align="item.align"
+          :fixed="item.fixed"
+          :width="item.columnWidth"
+          :label="item.columnLabel">
+          <template slot-scope="scope">
+            <span v-if="!item.columnHidden"> {{scope.row[item.columnProp]}}</span>
+            <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
+                                               style="width: 100px; height: 80px"/></span>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-main>
+
+
+      <!-- 物料库存查询 -->
+    <comScheduleOrderExpand ref="comScheduleOrderExpand" :close-on-click-modal="false"
+                  :visible.sync="showScheduleOrderFlag"
+                  @refreshPageTables = "refreshPageTables">
+    </comScheduleOrderExpand>
+
+  </div>
+</template>
+
+<script>
+  import comScheduleOrderExpand from '@/views/modules/schedule/com_schedule_order_expand';/*排产扩展  排产单个工单*/
+import {
+  getReportTypeList,
+  getCurrentPageTables,
+} from '@/api/report/report_manage.js'
+
+export default {
+  data() {
+    return {
+      height: 200,
+      reportTypeList: [],
+      showScheduleOrderFlag: false,
+      currentReportRow: {},
+      pageData: {
+        site: this.$store.state.user.site,
+        username: this.$store.state.user.name,
+        orderNo: '',
+        itemNo: '',
+        seqNo: 0,
+        resourceId: '',
+        workCenterNo: '',
+        enterTime1: '',
+        enterTime2: '',
+        needTime1: '',
+        needTime2: '',
+        scheduleDate: this.dayjs(new Date()).format('YYYY-MM-DD'),
+        scheduleTime: '08:30',
+        specifiedTime: 'N',
+        scheduledQty: 0,
+        waitTimes: 0,
+        scheduleSeqNo: 0,
+        planStartTime: '',
+        calendarId: '',
+        calendarDesc: '',
+        status: 1,
+        sortField: 'needDate'
+      },
+      reportList: [],
+      dataListLoading: false,
+      columnOrderArray: [
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderOrderNo',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "orderNo",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "订单号",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderItemNo',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "itemNo",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "工序号",
+          columnWidth: 60,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderItemDesc',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "itemDesc",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "工序名称",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderNeedDate',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "needDate",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "要求完工日期",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderPartNo',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "partNo",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "产品编码",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderCustomerName',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "customerName",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "客户名称",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderCustPartNo',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "custPartNo",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "客户产品料号",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderPartDesc',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "partDesc",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "产成品名称",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderLotSize',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "lotSize",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "订单量",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderQtyToSchedule',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "qtyToSchedule",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "待排产数量",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderQtyScheduled',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "qtyScheduled",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "已排产数量",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderQtyReported',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "qtyReported",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "已报工数量",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderSpec',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "spec",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "规格型号",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderSite',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "site",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "工厂编号",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderWorkCenterNo',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "workCenterNo",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "加工中心",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderNextItemNo',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "nextItemNo",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "下道工序",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderNextItemDesc',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "nextItemDesc",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "下道工序名称",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderNextScheduledFlag',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "nextScheduledFlag",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "下道工序已排产",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderPreItemNo',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "preItemNo",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "上道工序",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderPreItemDesc',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "preItemDesc",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "上道工序名称",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderPreScheduledFlag',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "preScheduledFlag",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "上道工序已排产",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderScheduledFlag',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "scheduledFlag",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "是否排产",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderAvailResource',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "availResource",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "可用机台",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderEnterDate',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "enterDate",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "录入日期",
+          columnWidth: 125,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderScheduleToPlanTime',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "scheduleToPlanTime",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "计划时间",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderMachRunFactor',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "machRunFactor",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "单位产出",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderMachSetupTime',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "machSetupTime",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "调机时间",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderFactorUnit',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "factorUnit",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "产出单位",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderQtyScheduledPreOps',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "qtyScheduledPreOps",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "前道工序已排产数量",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderQtyApprovedPreOps',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "qtyApprovedPreOps",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "前道工序已报合格数",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderOriSOOrderNo',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "oriSOOrderNo",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "SAP参考号",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderEficiency',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "efficiency",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "效率",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderCostRollUpFlag',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "costRollUpFlag",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "已排料",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderManualFlag',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "manualFlag",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "刀模已发",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5301,
+          serialNumber: '5301OrderRepairSOFlag',
+          tableId: "5301Order",
+          tableName: "工单表",
+          columnProp: "repairSOFlag",
+          headerAlign: "center",
+          align: "center",
+          columnLabel: "印版已发",
+          columnWidth: 80,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+      ],
+    }
+  },
+
+  /*组件*/
+  components: {
+    comScheduleOrderExpand,/*扩展排产 处理多加工中心排产*/
+  },
+
+  mounted() {
+    this.$nextTick(() => {
+      this.height = window.innerHeight - 205;
+    })
+  },
+  methods: {
+
+    /*刷新页面table*/
+    refreshPage(){
+      this.refreshPageTables();
+    },
+
+    /*获取工单信息*/
+    refreshPageTables() {
+      getCurrentPageTables(this.pageData).then(({data}) => {
+        this.reportList = data.rows;
+        //清空已经选好的行数据
+        this.currentReportRow = null;
+      })
+    },
+
+    /*刷新当前的页面的显示数据*/
+    addReportModal(orderRow){
+      //刷新排产的数量
+      this.$nextTick(() => {
+        this.showScheduleOrderFlag = true;
+        this.$refs.comScheduleOrderExpand.init(orderRow);
+      });
+    },
+
+    /*获取当前的机台对应的加工中心*/
+    getCurrentWorkCenterNoByResourceId(){
+      getCurrentWorkCenterNoByResourceId(this.pageData).then(({data}) => {
+        //区分是否成功
+        if (data.code == 500) {
+          //this.$message.error(data.msg);
+        } else{
+          this.pageData.workCenterNo = data.workCenterNo;
+        }
+        this.pageData.workCenterNo = data.workCenterNo;
+      });
+    },
+
+    /*设置工艺的行*/
+    setCurrentRoutingRow(row, column, event) {
+      this.currentReportRow = row;
+    },
+
+  },
+  created() {
+    //查询工单的数据
+    //this.getShopOrderList();
+  },
+
+
+}
+</script>
+
+<!--当前页面的标签样式-->
+<style scoped lang="scss">
+
+/*针对el-card*/
+.customer-card .el-form-item__content{
+  margin-top: -15px;
+}
+.customer-card .el-form-item{
+  height: 22px;
+}
+
+.customer-border .el-form-item__content{
+  margin-top: -30px;
+}
+
+/*全局年与日类型  宽度*/
+div.el-time-width{
+  width: 110px !important;
+}
+/* 全局时间右边框*/
+.customer-css input.el-input__inner{
+  height: 22px !important;
+  padding-right: 0px !important;
+}
+/* 控制el-card标签的数据*/
+div.customer-el-card {
+  margin-left: 110px;
+  margin-top: -15px;
+  height: 20px;
+  width: 60px;
+}
+/* 颜色控制 */
+div.customer-el-card-pink {
+  background: #FF00FF;
+}
+
+div.customer-el-card-orange {
+  background: #FFD700;
+}
+
+div.customer-el-card-blue {
+  background: #0000CD;
+}
+
+/*清掉样式*/
+.el-radio+.el-radio {
+  margin-left: 0px;
+}
+
+
+/*当前按钮的通用样式*/
+.customer-css .customer-bun-mid{
+  width: 60px;
+  text-align: center;
+}
+
+.customer-css .customer-bun-min{
+  width: 50px;
+  text-align: center;
+}
+
+.customer-css .customer-bun-max{
+  width: 80px;
+  text-align: center;
+}
+/*当前按钮的通用样式*/
+.customer-css .el-button--medium {
+  padding: 5px 5px;
+}
+
+</style>