import TableOperaionComponent from '@/components/noTemplateComponents/operationComponent'
import TableTextComponent from '@/components/noTemplateComponents/detailComponent'
import StatusComponent from '@/components/noTemplateComponents/statusComponent'
import InputArea from 'code-brick-zj'

export default function () {

  const tableProps = [
    { prop: 'name', label: '工厂名称' },
    { prop: 'code', label: '工厂编码' },
    { prop: 'address', label: '地址' },
    { prop: 'description', label: '描述' },
    // {
    //   prop: 'operations',
    //   name: '操作',
    //   fixed: 'right',
    //   width: 120,
    //   subcomponent: TableOperaionComponent,
    //   options: ['edit', { name: 'delete', permission: 'pms:blenderStep:delete' }]
    // }
  ]


  const headFormFields = [
    {
      label: '名称',
      input: true,
      default: { value: '' }
    },
    {
      button: {
        type: 'primary',
        name: '查询'
      }
    },
    // {
    //   button: {
    //     type: 'plain',
    //     name: '新增',
    //     permission: 'pms:blenderStep:save'
    //   }
    // }
  ]


  const dialogConfigs = {
    menu: [{ name: '混料程序' }, { name: '参数明细', onlyEditMode: true }],
    form: {
      url: '/pms/blenderStep',
      rows: [
        [
          { input: true, label: '混料程序名称', prop: 'name', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入混料程序名称' } },
          { input: true, label: '程序编码', prop: 'code', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入混料程序编码' } },
          { input: true, label: '版本号', prop: 'version', elparams: { placeholder: '请输入版本号' } },
        ],
        [
          // {
          //   select: true,
          //   label: '城市',
          //   prop: 'city',
          //   options: [
          //     { label: '1', value: 1 },
          //     { label: '2', value: 2 },
          //     { label: '3', value: 3 },
          //   ],
          //   elparams: { placeholder: '请选择城市' }
          // },
          // { input: true, label: '程序号', prop: '', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入混料程序号' } },
        ],
        // [{ switch: true, label: '状态', prop: 'enabled', default: 0 }],
        [{ textarea: true, label: '备注', prop: 'remark', elparams: { placeholder: '备注' } }],
      ],
      operations: [
        { name: 'add', label: '保存', type: 'primary', permission: 'pms:blenderStep:save', showOnEdit: false },
        { name: 'update', label: '更新', type: 'primary', permission: 'pms:blenderStep:update', showOnEdit: true },
        { name: 'reset', label: '重置', type: 'warning', showAlways: true },
        // { name: 'cancel', label: '取消', showAlways: true },
      ],
    },
    table: {
      // extraParams: ['stepId'],
      extraParams: 'stepId',
      props: [
        { prop: 'sort', label: '步骤', isEditField: true },
        { prop: 'name', label: '参数名称', isEditField: true },
        { prop: 'description', label: '描述', isEditField: true },
        { prop: 'value', label: '设定值', isEditField: true },
        { prop: 'valueFloor', label: '值下限', isEditField: true },
        { prop: 'valueTop', label: '值上限', isEditField: true },
        {
          prop: 'operations',
          name: '操作',
          fixed: 'right',
          width: 120,
          subcomponent: TableOperaionComponent,
          options: [
            { name: 'edit', permission: 'pms:blenderStepParam:update' },
            { name: 'delete', permission: 'pms:blenderStepParam:delete' },
          ]
        }
      ],
      data: [
        // TOOD 暂时用不到，但获取可以考虑把拉取接口数据的函数迁移到此文件（没有太大必要）
      ],
    },

    subDialog: {
      extraParam: 'stepId',
      rows: [
        [
          { input: true, label: '步骤', prop: 'sort', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入步骤' } },
          { input: true, label: '步骤描述', prop: 'description', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入描述' } },
        ], [
          { input: true, label: '参数名称', prop: 'name', elparams: { placeholder: '请输入参数名称' } },
          { input: true, label: '参数编码', prop: 'code', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入描述' } },
        ], [
          { input: true, label: '参数值上限', prop: 'valueTop', elparams: { placeholder: '请输入参数值上限' } },
          { input: true, label: '参数值下限', prop: 'valueFloor', elparams: { placeholder: '请输入参数值下限' } },
        ],
        [
          { input: true, label: '参数值', prop: 'value', elparams: { placeholder: '请输入参数值' } },
        ]
      ],
      operations: [
        { name: 'add', label: '保存', type: 'primary', permission: 'pms:blenderStepParam:save', showOnEdit: false },
        { name: 'update', label: '更新', type: 'primary', permission: 'pms:blenderStepParam:update', showOnEdit: true },
        //  { name: 'reset', label: '重置', type: 'warning', showAlways: true },
        // { name: 'cancel', label: '取消', showAlways: true },
      ],
    },
  };


  return {
    dialogConfigs,
    tableConfig: {
      table: null, // 此处可省略，el-table 上的配置项
      column: tableProps, // el-column-item 上的配置项
    },
    headFormConfigs: {
      rules: null, // 名称是由 BaseSearchForm.vue 组件固定的
      fields: headFormFields // 名称是由 BaseSearchForm.vue 组件固定的
    },
    urls: {
      base: '/pms/factory',
      page: '/pms/factory/page',
      // subase: '/pms/blenderStepParam',
      // subpage: '/pms/blenderStepParam/page',
      // more...
    }
  }
}