yos_web/src/HDrpManagement/dispatch/index.vue

<template>
    <div>
      <basicLayout
        ref="basicLayout"
        :oldFormPath="{
          add:'HDrpManagement/dispatch/modules'
        }"
        tableName="dispatchTable"
        idName="sa_dispatchid"
        :apiId="{query:20221114135403,del:20221114135503}"
        :detailPath="{
          path:'/dispatchdetail'
        }"
        @checkboxCallBack="checkboxCallBack"
      >
        <template #titleRight>
          <batchReview title="复核" v-if="tool.checkAuth($route.name,'review')" :disabled="selectList.length == 0 || !isStatus" @onSuccess="$refs.basicLayout.listData()" :selectList="selectList" paramID="2025070416403202" paramName="sa_dispatchids" content="确定批量复核发货单?"></batchReview>
        </template>
        <template #custom>
          <div class="mt-10">
            <label  class="search__label" >{{$t(`状态`)}}:</label>
            <el-select v-model="status" :placeholder="$t('请选择')" size="small" class="inline-16" @change="selectChange" clearable>
              <el-option :label="$t(`新建`)" value="新建"></el-option>
              <el-option :label="$t(`提交`)" value="提交"></el-option>
              <el-option :label="$t(`审核`)" value="审核"></el-option>
              <el-option :label="$t(`复核`)" value="复核"></el-option>
              <el-option :label="$t(`关闭`)" value="关闭"></el-option>
            </el-select>
          </div>
          <div class="mt-10">
            <label class="search__label" >{{$t(`发货日期`)}}:</label>
            <el-date-picker
                style="margin-right: 24px !important;"
                size="small"
                @change="selectChange"
                value-format="yyyy-MM-dd"
                v-model="dateSelect"
                type="daterange"
                :range-separator="$t(`至`)"
                :start-placeholder="$t(`开始日期`)"
                :end-placeholder="$t(`结束日期`)"
                clearable>
            </el-date-picker>
          </div>
        </template>
        <template v-slot:tbList="scope">
          <div v-if="scope.data.column.columnname == 'status'">
            <span :style="tool.getStatusColor(scope.data.column.data[[scope.data.column.columnname]])" >{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
          </div>
          <div v-else-if="scope.data.column.columnname == 'shipmentstatus'">
            <span :style="tool.getStatusColor(scope.data.column.data[[scope.data.column.columnname]])" >{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
          </div>
          <div v-else-if="scope.data.column.columnname == 'sumamount'">
            {{ scope.data.column.data.sumamount ? tool.formatAmount(scope.data.column.data.sumamount,2) : '--' }}
          </div>
          <div v-else-if="scope.data.column.columnname == 'sumqty'">
            {{ scope.data.column.data.sumqty ? tool.formatAmount(scope.data.column.data.sumqty,0) : '--' }}
          </div>
          <div v-else>
            {{$t(scope.data.column.data[[scope.data.column.columnname]]) || '--'}}
          </div>
        </template>
        <template v-slot:tbOpreation="scope">
        </template>
      </basicLayout>
    </div>
  </template>

  <script>
  /**
   * @basicLayout 提供this.$ref['basicLayout'].listData()方法查询列表信息
   * @param {string} formPath 新建,编辑组件所在文件夹名称,以后所有列表新增修改文件统一放入Form文件夹下面,并创建与开发应用相同的名称的子文件夹
   * @param {string} tableName 开发端配置的表格名称
   * @param {String} idName 数据主id名称
   * @param {object} apiId:{query:查询的接口id,del:删除的接口id}
   * @param {Array} options:{label:描述,value:值}
   */
  import batchReview from '@/components/btn_click/index'
  export default {
    data () {
      return {
        options:[],
        dateSelect:[],
        status:'',
        selectList:[],
        isStatus:true
      }
    },
    components:{batchReview},
    methods:{
      selectChange(){
        if (this.dateSelect !== '' && this.dateSelect !== null){
          this.$refs.basicLayout.param.content.pageNumber = 1
          this.$refs.basicLayout.param.content.where.begindate = this.dateSelect[0]
          this.$refs.basicLayout.param.content.where.enddate = this.dateSelect[1]
        }else {
          this.$refs.basicLayout.param.content.where.begindate = ''
          this.$refs.basicLayout.param.content.where.enddate = ''
        }
        this.$refs.basicLayout.param.content.where.status = this.status
        this.$refs.basicLayout.listData()
      },
      checkboxCallBack(val){
        this.isStatus = true
        this.selectList = []
        val.forEach((item,index)=>{
          if (item.status !== '审核'){
            this.isStatus = false
          }
          this.selectList[index] = item.sa_dispatchid
        })
      }
    }
  }

  </script>
  <style>
  </style>