<template>
  <basic-page-list ref="listPage" :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: {
 


    optionsInit() {
      // 页面数据
      var pageData = { // 页面数据变量

        keyName: 'id', // 主键字段名 
        listFieldName: 'MoldProductionOrder',
        addPageUrl: "/Mold/MoldProductionOrderAdd",
        editPageUrl: "/Mold/MoldProductionOrderUpdate/",
        // 接口动作
        actions: { // Api 接口地址 
          getList: `${BASE_URL.BASE_URL}/MoldProductionOrder/v1/mold/production/order/list`,
          delete: `${BASE_URL.BASE_URL}/MoldProductionOrder/v1/mold/production/order/batchDelete`
        },

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

        exportFileTitle: "模型",
        enabledExport: false,
        enabledImport: false,
        enabledImportTemplate: false, 

        //搜索区
        searchFormData: {
          title: '',
          desc: '',
        },
        // 搜索区配置
        searchRules: [ 
          { key: "code", mode: "like" }
        ],
        //搜索区
        searchFormItems: [ // 子项

         
          { field: 'code', title: '编码', span: 6, itemRender: { name: '$input', props: { placeholder: '请输入编码' } } }, 

          {
            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: 80 }, // 多选框
            { type: 'seq', width:80 }, // 序号 

            { title: '操作', slots: { default: 'op' }, width: 120 },
 
            
            { field: 'code',  sortable: true, title: '编码', width: 150 },
            { field: 'mold_order',formatter: 'formatRef',params:{dataType:"object",textField:"code"}, sortable: false, title: '订单编号', width: 150  },
            { field: 'mold_detail',formatter: 'formatRef',params:{dataType:"object",textField:"name"}, sortable: false, title: '模具', width: 150  },
            { field: 'progress',    cellRender:{name: 'progress'}, width: 160, sortable: true, title: '进度', showHeaderOverflow: true },  
            
            { 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.gridOptions = Object.assign({}, this.$mk.config.defaults.gridOptions, pageData.gridOptions); // 合并表格数据


      this.pageOptions = pageData;
    },


  },
  watch: {

  }
};

</script> 