1.花材统计报表：统计字段放在表格右上角

陶杰

2024-12-24 260db43ff377fe953cb719912f91da9192b66734

1.花材统计报表：统计字段放在表格右上角

 pages/statistics-analysis/flower-material/index.vue

@@ -31,7 +31,22 @@
      </el-row>
      
    </div>
    <el-bus-crud ref="crud" v-bind="tableConfig" />
    <el-bus-crud ref="crud" v-bind="tableConfig"
      :extra-query="extraQuery"
    >
      <template #header>
        <div style="float: right;">
          <el-select v-model="extraQuery.orderField" placeholder="排序字段" @change="changeQuery" size="mini" clearable >
            <el-option v-for="item in dict.orderField" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </el-select>
          <el-select v-model="extraQuery.orderType" placeholder="排序方式" @change="changeQuery"  size="mini" clearable>
            <el-option v-for="item in dict.orderType" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </el-select>
        </div>
      </template>
    </el-bus-crud>
  </div>
</template>

@@ -41,8 +56,18 @@
import { getSupplierListWithIdConfig,getStationListConfig } from '@/utils/form-item-config'
dayjs.locale('zh-cn')
export default {



  data() {
    return {
      extraQuery:{orderField:'', orderType: ''},
      dict:{
        orderFieldVal:'',
        orderTypeVal:'',
        orderField:[],
        orderType:[],
      },
      statistic: {},
      statisticLoading: false,
      tableConfig: {
@@ -59,8 +84,7 @@
          const searchFormRef = this.$refs.crud.$refs.searchForm
          const searchFormValue = searchFormRef.getFormValue()
          const url = this.$router.resolve(
            `/report/finance/${row.orderDate}?partnerId=${
              searchFormValue?.partnerId || ''
            `/report/finance/${row.orderDate}?partnerId=${searchFormValue?.partnerId || ''
            }`
          ).href
          window.open(url, '_blank')
@@ -84,7 +108,8 @@
        },
        columns: [
          { label: '供应商ID', prop: 'supplierId', minWidth: '120px' },
          { label: '供应商名称',prop: 'supplierName', minWidth: '120px',
          {
            label: '供应商名称', prop: 'supplierName', minWidth: '120px',
          // fixed: 'left',
          },
          { label: '注册手机号', prop: 'loginName', minWidth: '120px' },
@@ -160,32 +185,32 @@
                },

              },
              {
                label: '排序字段',
                id: 'orderField',
                type: 'bus-select-dict',
                el: {
                  code: 'FLOWER_MATERIAL_FIELD',
                  // multiple: true,
                  clearable: true,
                  filterable: true,
                  style: 'width:100%',
                },
              // {
              //   label: '排序字段',
              //   id: 'orderField',
              //   type: 'bus-select-dict',
              //   el: {
              //     code: 'FLOWER_MATERIAL_FIELD',
              //     // multiple: true,
              //     clearable: true,
              //     filterable: true,
              //     style: 'width:100%',
              //   },

              },
              {
                label: '排序方式',
                id: 'orderType',
                type: 'bus-select-dict',
                el: {
                  code: 'ORDER_BY',
                  // multiple: true,
                  clearable: true,
                  filterable: true,
                  style: 'width:100%',
                },
              // },
              // {
              //   label: '排序方式',
              //   id: 'orderType',
              //   type: 'bus-select-dict',
              //   el: {
              //     code: 'ORDER_BY',
              //     // multiple: true,
              //     clearable: true,
              //     filterable: true,
              //     style: 'width:100%',
              //   },

              },
              // },
              
            ],
          },
@@ -193,6 +218,27 @@
      },
    }
  },

  async mounted() {
    this.dict.orderField=await this.getDictByType('FLOWER_MATERIAL_FIELD');
    this.dict.orderType=await this.getDictByType('ORDER_BY');
  },
  methods: {

    changeQuery(){
      this.$refs.crud.getList()
    },
    async getDictByType(typename) {
      const resp = await this.$elBusHttp.request('flower/api/code/value', {
        params: {type:typename},
      });
      if (resp.code === 0) {
        return resp.data
      }
    },

  },

  head() {
    return {
      title: '财务报表',
@@ -211,10 +257,10 @@
  font-weight: bold;
  margin-bottom: 6px;
}

.statistic-num {
  text-align: center;
  font-size: 16px;
  color: $primary-color;
}

</style>