yos_web/src/HDrpManagement/promotion/index.vue

<template>
  <div>
    <basicLayout 
      ref="list" 
      formPath="promotion"
      tableName="promotionTable" 
      idName="sa_promotionid" 
      :apiId="{query:20221230144803,del:20221230144903}"
      :options="options"
      :detailPath="{
        path:'/promotionDetail'
      }">
      <div slot="custom">
        <div class="label_center">
          <p class="search__label">状态:</p>
          <el-select @clear="$refs.list.param.content.pageNumber = 1 ;$refs.list.param.content.where.status = '';$refs.list.listData()" v-model="status" clearable style="margin-right:10px" size="small" placeholder="请选择状态" @change="$refs.list.param.content.pageNumber = 1 ;$refs.list.param.content.where.status = status;$refs.list.listData()">
            <el-option label="新建" value="新建" />
            <el-option label="审核" value="审核" />
            <el-option label="发布" value="发布" />
            <el-option label="关闭" value="关闭" />
          </el-select>
        </div>
      </div>
      <template v-slot:tbList="scope">
        <div v-if="scope.data.column.data[[scope.data.column.columnname]]">
          <span v-if="scope.data.column.columnname == 'status'">
            <span style="color:#333333" v-if="scope.data.column.data[[scope.data.column.columnname]] == '新建'">{{scope.data.column.data[[scope.data.column.columnname]]}}</span>
            <span style="color:#3874f6" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '审核'">{{scope.data.column.data[[scope.data.column.columnname]]}}</span>
            <span style="color:#52C41A" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '发布'">{{scope.data.column.data[[scope.data.column.columnname]]}}</span>
          </span>
          <span v-else>
            {{scope.data.column.data[[scope.data.column.columnname]]}}
          </span>
        </div>
        <div v-if="scope.data.column.columnname != 'operation' && !scope.data.column.data[[scope.data.column.columnname]] && scope.data.column.data[[scope.data.column.columnname]] !== 0">--</div>
      </template>
      <template v-slot:tbOpreation="scope">
      </template>
    </basicLayout>
  </div>
</template>

<script>
export default {
  data () {
    return {
      options:[],
      status:''
      
    }
  },
  methods:{
  }
}

</script>
<style>
</style>