From a8cf4726cff66af7e3d733ae3fe7eb76406137e2 Mon Sep 17 00:00:00 2001
From: xk_chenlianjie <15255791639@163.com>
Date: Fri, 19 Jan 2024 10:29:59 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=9F=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/finance/marketing.js                  |  23 +
 .../statistics/productStatisticsList.vue      | 498 ++++++++++++++++++
 src/views/statistics/searchStatisticsList.vue | 340 ++++++++++++
 3 files changed, 861 insertions(+)
 create mode 100644 src/views/statistics/productStatisticsList.vue
 create mode 100644 src/views/statistics/searchStatisticsList.vue

diff --git a/src/api/finance/marketing.js b/src/api/finance/marketing.js
index 8a5110e..4f86586 100644
--- a/src/api/finance/marketing.js
+++ b/src/api/finance/marketing.js
@@ -109,6 +109,29 @@ export default {
       data: page
     })
   },
+  getByPageNew(page) {
+    // 搜索统计列表
+    return request({
+      url: `/${service_name}/mallSearch/getByPageNew`,
+      method: 'post',
+      data: page
+    })
+  },
+  getProductByPage(page) {
+    // 商品销售列表
+    return request({
+      url: `/${service_name}/mallProductInfo/getPage`,
+      method: 'post',
+      data: page
+    })
+  },
+  commodityChart(time) {
+    // 商品统计图
+    return request({
+      url: `/${service_name}/mallProductClassification/commodityChart/${time}`,
+      method: 'get'
+    })
+  },
   updateModule(page) {
     // 模块显示隐藏
     return request({
diff --git a/src/views/statistics/productStatisticsList.vue b/src/views/statistics/productStatisticsList.vue
new file mode 100644
index 0000000..60f46a2
--- /dev/null
+++ b/src/views/statistics/productStatisticsList.vue
@@ -0,0 +1,498 @@
+<template>
+  <div class="article-manager">
+    <el-card :bordered="false" shadow="never" class="ivu-mt mt16" :body-style="{ padding: '0 20px 20px' }">
+      <div>
+        <el-form :model="page" label-width="80px" label-position="right" inline @submit.native.prevent style="background: #f3f3f3;height:60px">
+          <el-form-item>
+            <span style="line-height:60px;margin:0px  30px">商品类目销售分析</span>
+            <el-date-picker
+              v-model="Time"
+              type="daterange"
+              align="right"
+              unlink-panels
+              value-format="yyyy-MM-dd"
+              range-separator="~"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              :picker-options="pickerOptions"
+            >
+            </el-date-picker>
+            <el-button type="primary" @click="productSearchs" style="margin-left:10px">查询</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+
+      <el-table
+        :data="productList"
+        class="ivu-mt mt14"
+        v-loading="loading"
+        highlight-current-row
+        :row-key="getRowKey"
+        border
+        @selection-change="handleSelectRow"
+        empty-text="暂无数据"
+      >
+        <el-table-column label="分类名称" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.categoryName }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="销售数量" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.sellNum }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="数量比例" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.sellScale }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="销售金额" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.sellMoney }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="金额比例" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.sellMoneyScale }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <div>
+        <el-form :model="page" label-width="80px" label-position="right" inline @submit.native.prevent style="background: #f3f3f3;height:60px">
+          <el-form-item>
+            <span style="line-height:60px;margin:0px  30px">商品销售情况</span>
+
+            <el-date-picker
+              v-model="createTime2"
+              type="daterange"
+              align="right"
+              unlink-panels
+              value-format="yyyy-MM-dd"
+              range-separator="~"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              :picker-options="pickerOptions"
+            >
+            </el-date-picker>
+            <el-button type="primary" @click="userSearchs" style="margin-left:10px">查询</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+
+      <el-table
+        :data="tableList"
+        class="ivu-mt mt14"
+        v-loading="loading"
+        highlight-current-row
+        :row-key="getRowKey"
+        border
+        @selection-change="handleSelectRow"
+        empty-text="暂无数据"
+      >
+        <el-table-column label="商品名称" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.productName }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="浏览量" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.browseNum }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="浏览人数" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.browsePeopleNum }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="付款人数" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.paymentPeopleNum }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="单品转化率" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.convertRate }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="销售数量" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.salesVolume }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="销售金额" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.salesMoney }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="acea-row row-right page">
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="page.currentPage"
+          :page-sizes="[10, 15, 20, 30]"
+          :page-size="page.pageSize"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="page.totalCount"
+        />
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import marketingApi from '@/api/finance/marketing.js'
+
+export default {
+  name: 'product_productList',
+
+  data() {
+    return {
+      template: false,
+      batchModal: false,
+      grid: {
+        xl: 6,
+        lg: 8,
+        md: 12,
+        sm: 24,
+        xs: 24
+      },
+      pickerOptions: {
+        shortcuts: [
+          {
+            text: '最近一周',
+            onClick(picker) {
+              const end = new Date()
+              const start = new Date()
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
+              picker.$emit('pick', [start, end])
+            }
+          },
+          {
+            text: '最近一个月',
+            onClick(picker) {
+              const end = new Date()
+              const start = new Date()
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
+              picker.$emit('pick', [start, end])
+            }
+          },
+          {
+            text: '最近三个月',
+            onClick(picker) {
+              const end = new Date()
+              const start = new Date()
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
+              picker.$emit('pick', [start, end])
+            }
+          }
+        ]
+      },
+      page: {
+        currentPage: 1,
+        pageSize: 10,
+        params: {},
+        totalCount: 0
+      },
+      Time: '',
+      createTime: '',
+      createTime2: '',
+
+      type: '',
+      tableList: [],
+      productList: [],
+      loading: false,
+      data: [],
+      total: 0,
+      ids: [],
+      goodsId: '',
+      isProductBox: false,
+      multipleSelection: [],
+      detailData: {} //详情对象
+    }
+  },
+  created() {
+    var DaysAgo = this.timeBefore()
+    var sevenDaysAgo = this.timeBefore7()
+    console.log('sevenDaysAgo', sevenDaysAgo, DaysAgo)
+
+    this.createTime = sevenDaysAgo + '/' + DaysAgo
+
+    console.log('createTime', this.createTime)
+
+    this.page.params.startTime = sevenDaysAgo
+    this.page.params.endTime = DaysAgo
+
+    this.getList()
+    this.getChartList()
+  },
+
+  activated() {},
+  methods: {
+    closeLabel(label) {
+      let index = this.dataLabel.indexOf(this.dataLabel.filter(d => d.id == label.id)[0])
+      this.dataLabel.splice(index, 1)
+    },
+    timeBefore(date) {
+      if (!date) {
+        date = new Date()
+      }
+      var y = date.getFullYear()
+      var m = date.getMonth() + 1
+      var d = date.getDate()
+      if (d < 0) {
+        m = date.getMonth()
+        var d1 = new Date(y, m, 0)
+        var d2 = d1.getDate()
+        return y + '-' + (m < 10 ? '0' + m : m) + '-' + (d2 + d)
+      } else {
+        return y + '-' + (m < 10 ? '0' + m : m) + '-' + (d < 10 ? '0' + d : d)
+      }
+    },
+    timeBefore7(date) {
+      if (!date) {
+        date = new Date()
+      }
+      var y = date.getFullYear()
+      var m = date.getMonth() + 1
+      var d = date.getDate() - 7
+      if (d < 0) {
+        m = date.getMonth()
+        var d1 = new Date(y, m, 0)
+        var d2 = d1.getDate()
+        return y + '-' + (m < 10 ? '0' + m : m) + '-' + (d2 + d)
+      } else {
+        return y + '-' + (m < 10 ? '0' + m : m) + '-' + (d < 10 ? '0' + d : d)
+      }
+    },
+
+    getPath() {},
+    // 导出
+    async exports() {
+      let [th, filekey, data, fileName] = [[], [], [], '']
+      let excelData = JSON.parse(JSON.stringify(this.artFrom))
+      excelData.page = 1
+      excelData.limit = 50
+      excelData.ids = this.ids
+      for (let i = 0; i < excelData.page + 1; i++) {
+        let lebData = await this.getExcelData(excelData)
+        if (!fileName) fileName = lebData.filename
+        if (!filekey.length) {
+          filekey = lebData.fileKey
+        }
+        if (!th.length) th = lebData.header
+        if (lebData.export.length) {
+          data = data.concat(lebData.export)
+          excelData.page++
+        } else {
+          this.$exportExcel(th, filekey, fileName, data)
+          return
+        }
+      }
+    },
+    getExcelData(excelData) {},
+
+    getRowKey(row) {
+      return row.id
+    },
+    //  选中某一行
+    handleSelectRow(selection) {
+      const uniqueArr = []
+      const ids = []
+      for (let i = 0; i < selection.length; i++) {
+        const item = selection[i]
+        if (!ids.includes(item.id)) {
+          uniqueArr.push(item)
+          ids.push(item.id)
+        }
+      }
+      this.ids = ids
+      this.multipleSelection = uniqueArr
+    },
+
+    handleSizeChange(val) {
+      this.page.pageSize = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.page.currentPage = val
+      this.getList()
+    },
+
+    // 商品统计图列表；
+    async getChartList() {
+      await marketingApi.commodityChart(this.createTime).then(res => {
+        if ((res.code = 20000)) {
+          this.productList = res.data
+        }
+      })
+    },
+    // 商品销售列表
+    async getList() {
+      await marketingApi.getProductByPage(this.page).then(res => {
+        if ((res.code = 20000)) ({ list: this.tableList = [], totalCount: this.page.totalCount = 0 } = res.data)
+      })
+      console.log('tableList', this.tableList)
+    },
+    // 表格搜索
+    productSearchs() {
+      console.log(this.Time)
+
+      if (this.Time !== null && this.Time.length !== 0) {
+        this.createTime = this.Time[0] + '/' + this.Time[1]
+        this.getChartList()
+      } else {
+        this.$message.error('请选择要查询的时间段！')
+      }
+    },
+    // 表格搜索
+    userSearchs() {
+      this.page.currentPage = 1
+      if (this.createTime2 !== null && this.createTime2.length !== 0) {
+        this.page.params.startTime = this.createTime2[0]
+        this.page.params.endTime = this.createTime2[1]
+        this.getList()
+      } else {
+        this.$message.error('请选择要查询的时间段！')
+      }
+    },
+    // 数据导出；
+    exportData: function() {},
+
+    // 详情
+    detail(row) {
+      orderInfoApi.getRefund(row.id).then(res => {
+        if ((res.code = 20000)) {
+          this.detailData = res.data
+          this.refundDetailDialog = true
+        }
+      })
+    },
+    // 取消
+    auth(row, tit, num) {
+      // orderInfoApi.get(row.id).then(res => {
+      //   if ((res.code = 20000)) {
+      this.detailData = row
+      this.verifyDialog = true
+      console.log(row)
+      // }
+      // })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+::v-deep .el-tabs__item {
+  height: 54px !important;
+  line-height: 54px !important;
+}
+::v-deep .ivu-modal-mask {
+  z-index: 999 !important;
+}
+
+::v-deep .ivu-modal-wrap {
+  z-index: 999 !important;
+}
+
+.Box {
+  ::v-deep .ivu-modal-body {
+    height: 700px;
+    overflow: auto;
+  }
+}
+
+.batch-box {
+  ::v-deep .ivu-modal-body {
+    overflow: auto;
+    min-height: 350px;
+  }
+}
+
+.tabBox_img {
+  width: 36px;
+  height: 36px;
+  border-radius: 4px;
+  cursor: pointer;
+
+  img {
+    width: 100%;
+    height: 100%;
+  }
+}
+
+.bg {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 11;
+}
+
+::v-deep .happy-scroll-content {
+  width: 100%;
+
+  .demo-spin-icon-load {
+    animation: ani-demo-spin 1s linear infinite;
+  }
+
+  @keyframes ani-demo-spin {
+    from {
+      transform: rotate(0deg);
+    }
+
+    50% {
+      transform: rotate(180deg);
+    }
+
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  .demo-spin-col {
+    height: 100px;
+    position: relative;
+    border: 1px solid #eee;
+  }
+}
+
+.labelInput {
+  border: 1px solid #dcdee2;
+  width: 100%;
+  padding: 0 15px;
+  border-radius: 5px;
+  min-height: 30px;
+  cursor: pointer;
+  font-size: 12px;
+
+  .span {
+    color: #c5c8ce;
+  }
+
+  .iconxiayi {
+    font-size: 12px;
+  }
+}
+.el-dropdown-link {
+  cursor: pointer;
+  color: var(--prev-color-primary);
+  font-size: 12px;
+}
+.el-icon-arrow-down {
+  font-size: 12px;
+}
+.el-dropdown-menu__item {
+  a {
+    color: #606266;
+  }
+}
+.label_width {
+  width: 400px;
+}
+</style>
diff --git a/src/views/statistics/searchStatisticsList.vue b/src/views/statistics/searchStatisticsList.vue
new file mode 100644
index 0000000..b2f4ab7
--- /dev/null
+++ b/src/views/statistics/searchStatisticsList.vue
@@ -0,0 +1,340 @@
+<template>
+  <div class="article-manager">
+    <el-card :bordered="false" shadow="never" class="ivu-mt mt16" :body-style="{ padding: '0 20px 20px' }">
+      <!-- <div >
+        <el-form :model="page" label-width="80px" label-position="right" inline @submit.native.prevent class="mt16">
+          <el-form-item label="订单编号：">
+            <el-input clearable placeholder="订单编号/商品货号" v-model="page.params.orderCode" />
+          </el-form-item>
+
+          <el-form-item label="申请时间：">
+            <el-date-picker v-model="page.params.refundTime" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"> </el-date-picker>
+          </el-form-item>
+          <el-form-item label="处理状态：">
+            <el-select v-model="page.params.refundstatus" placeholder="状态" clearable @keyup.enter.native="getList">
+              <el-option label="待处理" value="0" />
+              <el-option label="已处理" value="1" />
+              <el-option label="已拒绝" value="-1" />
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="userSearchs">查询</el-button>
+          </el-form-item>
+        </el-form>
+      </div> -->
+      <div class="Button">
+        <el-button type="primary" class="bnt" @click="refresh()">刷新</el-button>
+        <el-button class="export" @click="exports">导出</el-button>
+      </div>
+      <el-table
+        :data="tableList"
+        class="ivu-mt mt14"
+        v-loading="loading"
+        highlight-current-row
+        :row-key="getRowKey"
+        border
+        @selection-change="handleSelectRow"
+        empty-text="暂无数据"
+      >
+        <el-table-column label="商品名称" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.searchInfo }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="结果" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.searchNum }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="总搜索" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.searchNum }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="本月" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.month }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="本周" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.weeks }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="今日" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.day }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="操作" fixed="right" minWidth="100" align="center">
+          <template slot-scope="scope">
+            <el-button type="text" @click="detail(scope.row)">查看</el-button>
+            <!-- <el-button @click="auth(scope.row, scope)" type="text" v-if="scope.row.refundStatus == '0'">审核</el-button> -->
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="acea-row row-right page">
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="page.currentPage"
+          :page-sizes="[10, 15, 20, 30]"
+          :page-size="page.pageSize"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="page.totalCount"
+        />
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import marketingApi from '@/api/finance/marketing.js'
+
+export default {
+  name: 'product_productList',
+
+  data() {
+    return {
+      template: false,
+      batchModal: false,
+      grid: {
+        xl: 6,
+        lg: 8,
+        md: 12,
+        sm: 24,
+        xs: 24
+      },
+      page: {
+        currentPage: 1,
+        pageSize: 10,
+        params: {},
+        totalCount: 0
+      },
+      type: '',
+      tableList: [],
+      loading: false,
+      data: [],
+      total: 0,
+      ids: [],
+      goodsId: '',
+      isProductBox: false,
+      multipleSelection: [],
+      detailData: {} //详情对象
+    }
+  },
+  created() {
+    // delete this.page.params.orderStatus
+
+    this.getList()
+  },
+
+  activated() {},
+  methods: {
+    closeLabel(label) {
+      let index = this.dataLabel.indexOf(this.dataLabel.filter(d => d.id == label.id)[0])
+      this.dataLabel.splice(index, 1)
+    },
+
+    getPath() {},
+    // 导出
+    async exports() {
+      let [th, filekey, data, fileName] = [[], [], [], '']
+      let excelData = JSON.parse(JSON.stringify(this.artFrom))
+      excelData.page = 1
+      excelData.limit = 50
+      excelData.ids = this.ids
+      for (let i = 0; i < excelData.page + 1; i++) {
+        let lebData = await this.getExcelData(excelData)
+        if (!fileName) fileName = lebData.filename
+        if (!filekey.length) {
+          filekey = lebData.fileKey
+        }
+        if (!th.length) th = lebData.header
+        if (lebData.export.length) {
+          data = data.concat(lebData.export)
+          excelData.page++
+        } else {
+          this.$exportExcel(th, filekey, fileName, data)
+          return
+        }
+      }
+    },
+    getExcelData(excelData) {},
+
+    getRowKey(row) {
+      return row.id
+    },
+    //  选中某一行
+    handleSelectRow(selection) {
+      const uniqueArr = []
+      const ids = []
+      for (let i = 0; i < selection.length; i++) {
+        const item = selection[i]
+        if (!ids.includes(item.id)) {
+          uniqueArr.push(item)
+          ids.push(item.id)
+        }
+      }
+      this.ids = ids
+      this.multipleSelection = uniqueArr
+    },
+
+    handleSizeChange(val) {
+      this.page.pageSize = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.page.currentPage = val
+      this.getList()
+    },
+
+    // 订单列表；
+    getList() {
+      marketingApi.getByPageNew(this.page).then(res => {
+        if ((res.code = 20000)) ({ list: this.tableList = [], totalCount: this.page.totalCount = 0 } = res.data)
+      })
+    },
+    // 表格搜索
+    refresh() {
+      this.page.currentPage = 1
+      this.getList()
+    },
+    // 数据导出；
+    exportData: function() {},
+
+    // 详情
+    detail(row) {
+      orderInfoApi.getRefund(row.id).then(res => {
+        if ((res.code = 20000)) {
+          this.detailData = res.data
+          this.refundDetailDialog = true
+        }
+      })
+    },
+    // 取消
+    auth(row, tit, num) {
+      // orderInfoApi.get(row.id).then(res => {
+      //   if ((res.code = 20000)) {
+      this.detailData = row
+      this.verifyDialog = true
+      console.log(row)
+      // }
+      // })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+::v-deep .el-tabs__item {
+  height: 54px !important;
+  line-height: 54px !important;
+}
+::v-deep .ivu-modal-mask {
+  z-index: 999 !important;
+}
+
+::v-deep .ivu-modal-wrap {
+  z-index: 999 !important;
+}
+
+.Box {
+  ::v-deep .ivu-modal-body {
+    height: 700px;
+    overflow: auto;
+  }
+}
+
+.batch-box {
+  ::v-deep .ivu-modal-body {
+    overflow: auto;
+    min-height: 350px;
+  }
+}
+
+.tabBox_img {
+  width: 36px;
+  height: 36px;
+  border-radius: 4px;
+  cursor: pointer;
+
+  img {
+    width: 100%;
+    height: 100%;
+  }
+}
+
+.bg {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 11;
+}
+
+::v-deep .happy-scroll-content {
+  width: 100%;
+
+  .demo-spin-icon-load {
+    animation: ani-demo-spin 1s linear infinite;
+  }
+
+  @keyframes ani-demo-spin {
+    from {
+      transform: rotate(0deg);
+    }
+
+    50% {
+      transform: rotate(180deg);
+    }
+
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  .demo-spin-col {
+    height: 100px;
+    position: relative;
+    border: 1px solid #eee;
+  }
+}
+
+.labelInput {
+  border: 1px solid #dcdee2;
+  width: 100%;
+  padding: 0 15px;
+  border-radius: 5px;
+  min-height: 30px;
+  cursor: pointer;
+  font-size: 12px;
+
+  .span {
+    color: #c5c8ce;
+  }
+
+  .iconxiayi {
+    font-size: 12px;
+  }
+}
+.el-dropdown-link {
+  cursor: pointer;
+  color: var(--prev-color-primary);
+  font-size: 12px;
+}
+.el-icon-arrow-down {
+  font-size: 12px;
+}
+.el-dropdown-menu__item {
+  a {
+    color: #606266;
+  }
+}
+.label_width {
+  width: 400px;
+}
+</style>