<template>
  <basic-page-list ref="pageList" :desc="desc" :options="pageOptions"></basic-page-list>
</template>

<script>
import BASE_URL from '@/services/mes/api.js';


export default {
  i18n: require("./i18n"),
  props: {

  },
  data() {
    return {
      pageOptions: {}
    };
  },
  // 计算属性
  computed: {
    // 页面描述
    desc() {
      return this.$t("pageDesc");
    }
  },


  // 创建完成
  created() {
    this.optionsInit();
  },
  // 动作
  methods: {
    getConfirmData() {
      return this.$refs.pageList.getConfirmData(); 
    },
    getSelectdRow() {
      return this.$refs.pageList.getSelectdRow(); 
    },
    optionsInit() {
      // 页面数据
      var pageData = { // 页面数据变量

        keyName: 'id', // 主键字段名 
        listFieldName: 'MesMaterials',

        addPageUrl: "/MesMaterials/MesMaterialsAdd",
        editPageUrl: "/MesMaterials/MesMaterialsUpdate/",

        // 接口动作
        actions: { // Api 接口地址
          // =============================== 接口地址 自动生成 Start ===============================
          MesMaterialsList: `${BASE_URL.BASE_URL}/MesMaterials/v1/mes/materials/list`, // 料品列表
          MesMaterialsDetail: `${BASE_URL.BASE_URL}/MesMaterials/v1/mes/materials/detail`, // 料品详情
          MesMaterialsCreate: `${BASE_URL.BASE_URL}/MesMaterials/v1/mes/materials/create`, // 创建料品
          MesMaterialsUpdate: `${BASE_URL.BASE_URL}/MesMaterials/v1/mes/materials/update`, // 更新料品
          MesMaterialsDelete: `${BASE_URL.BASE_URL}/MesMaterials/v1/mes/materials/detele`, // 删除料品
          MesMaterialsBatchDelete: `${BASE_URL.BASE_URL}/MesMaterials/v1/mes/materials/batchDelete`, // 批量删除料品
          MesMaterialsBatchUpdate: `${BASE_URL.BASE_URL}/MesMaterials/v1/mes/materials/batchUpdate`, // 批量更新料品
          MesMaterialsBatchCreate: `${BASE_URL.BASE_URL}/MesMaterials/v1/mes/materials/batchCreate`, // 批量创建料品
          MesMaterialsExportExcel: `${BASE_URL.BASE_URL}/MesMaterials/v1/mes/materials/export/excel`, // 导出料品数据到EXCEL
          MesMaterialsImportExcel: `${BASE_URL.BASE_URL}/MesMaterials/v1/mes/materials/import/excel`, // 批量导入EXCEL料品数据

          // =============================== 接口地址 自动生成 End ===============================
        },

        start_time: 0, // 开始时间
        end_time: 0, // 结束时间


        //搜索区
        searchFormData: {
          title: '',
          desc: '',
        },
        // 搜索区配置
        searchRules: [
          { key: "title", mode: "like" },
          { key: "desc", mode: "like" }
        ],
        //搜索区
        searchFormItems: [ // 子项
          { field: 'title', title: '标题', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入标题' } } },
          { field: 'desc', title: '描述', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入描述' } } },
          { span: 8, slots: { default: 'date' } },  // 自定义列
          {
            align: 'right', span: 4, itemRender: {  // 按钮列
              name: '$buttons', children: [{ props: { type: 'submit', content: '搜索', status: 'primary' } },  // 搜索按钮
              { props: { type: 'reset', content: '重置' } }]
            }
          }
        ],


        //数据区
        gridOptions: { // 表格配置
          height: '100%', // 表格高度  100% 会自动撑满父容器
          stripe: true, // 启用斑马纹
          id: 'datagrid_1', // 表格唯一标识

          columns: [
            { type: 'checkbox', width: 'auto' }, // 多选框
            { type: 'seq', width: 'auto' }, // 序号

            { title: '操作', slots: { default: 'op' }, width: 120 },

            // =============================== 表格列 自动生成 Start ===============================

            { field: 'code', sortable: true, title: '编码', width: 250 }, // 编码
            { field: 'name', sortable: true, title: '名称', width: 250 },



            { field: 'spec', title: '规格型号' , width: 150},
            { field: 'size', title: '尺寸', width: 150 }, 
            { field: 'color', title: '颜色', width: 150 },
            { field: 'face', title: '花面', width: 150 },
            { field: 'molding', title: '成型方式' , width: 150},
            { field: 'production_type', title: '布产方式' , width: 150},

            { field: 'theoretical_load', title: '理论装车量', width: 150 },
            { field: 'soil', title: '土质', width: 150 },
            { field: 'unit', title: '单位', width: 150 },

            { field: 'create_time', formatter: 'formatDate', width: 100, sortable: true, title: '创建时间', showHeaderOverflow: true }, // 创建时间
            { field: 'update_time', formatter: 'formatDate', width: 100, sortable: true, title: '更新时间', showHeaderOverflow: true }, // 更新时间

            // =============================== 表格列 自动生成 Start ===============================


          ]
        }

      };

      pageData.actions.getList = pageData.actions.MesMaterialsList;
      pageData.actions.delete = pageData.actions.MesMaterialsBatchDelete;
      pageData.gridOptions = Object.assign({}, this.$mk.config.defaults.gridOptions, pageData.gridOptions); // 合并表格数据


      this.pageOptions = pageData;
    },


  },
  watch: {

  }
};

</script> 