<template>
  <div>
    <basicLayout 
      ref="basicLayout" 
      formPath="projectManage" 
      tableName="projectPanelTable" 
      idName="sa_projstagetempid" 
      :apiId="{query:20221019085604,del:20221019085804}" 
      :options="options">
      <div slot="custom"></div>
      <template v-slot:tbList="scope">
        <div v-if="scope.data.column.columnname === 'isorder'">
          <span v-if="scope.data.column.data[scope.data.column.columnname] === 1">是</span>
          <span v-else>否</span>
        </div>
        <div v-else-if="scope.data.column.columnname === 'isused'">
          <span v-if="scope.data.column.data[scope.data.column.columnname] === 1">是</span>
          <span v-else>否</span>
        </div>
        <div v-else-if="scope.data.column.columnname === 'locked'">
          <span v-if="scope.data.column.data[scope.data.column.columnname] === 1">是</span>
          <span v-else>否</span>
        </div>
        <div v-else>
          {{scope.data.column.data[[scope.data.column.columnname]]}}
        </div>
      </template>
      <template v-slot:tbOpreation="scope">
        <stage-detail class="inline-16" :data="scope.data.data"/>
        <delete-btn v-if="tool.checkAuth($route.name,'delete')" :id="scope.data.data.sa_projstagetempid" @deleteSuccess="$refs.basicLayout.listData()" nameId="20221019085804" nameKey="sa_projstagetempids"/>
      </template>
    </basicLayout>
  </div>
</template>

<script>
import stageDetail from './modules/stageDetail'
export default {
  components:{stageDetail},
  name: "index",
  data() {
    return {
      options:[]
    }
  }
}
</script>

<style scoped>

</style>