import TableOperaionComponent from "@/components/noTemplateComponents/operationComponent";
import TableTextComponent from "@/components/noTemplateComponents/detailComponent";
// import StatusComponent from "@/components/noTemplateComponents/statusComponent";
import { timeFilter } from "@/utils/filters";

export default function () {
  const tableProps = [
    { type: "index", label: "序号" },
    // { prop: "name", label: "工艺名称" },
    { prop: "code", label: "工艺编码" },
    {
      prop: "externalCode",
      label: "托盘类型",
      filter: (val) => (val?.toString() == "0" || val?.toString() == 1 ? ["非熏蒸", "熏蒸"][val] : ""),
    },
    // { prop: "shapeCode", label: "砖型" },
    // { prop: 'status', label: '状态', subcomponent: StatusComponent }, // subcomponent
    // { prop: "description", label: "详情", subcomponent: TableTextComponent },
    { prop: "remark", label: "备注" },
    { prop: "createTime", label: "添加时间", filter: timeFilter },
    {
      prop: "operations",
      name: "操作",
      fixed: "right",
      // width: 120,
      width: 90,
      subcomponent: TableOperaionComponent,
      options: [
        // { name: "copy", label: "复制", icon: "copy-document" },
        { name: "edit", label: "编辑", icon: "edit-outline" },
        {
          name: "delete",
          icon: "delete",
          label: "删除",
          emitFull: true,
          permission: "pms:packingStep:delete",
        },
      ],
    },
  ];

  const headFormFields = [
    {
      prop: "key",
      label: "工艺名称/编码",
      input: true,
      default: { value: "" },
      bind: {
        placeholder: "请输入工艺名称或编码",
      },
    },
    // {
    //   prop: "shape",
    //   label: "砖型",
    //   input: true,
    //   default: { value: "" },
    //   bind: {
    //     placeholder: "请输入砖型",
    //   },
    // },
    // {
    //   prop: 'bom',
    //   label: '配方号',
    //   input: true,
    //   default: { value: '' },
    //   bind: {
    //     placeholder: '请输入配方号'
    //   }
    // },
    {
      button: {
        type: "primary",
        name: "查询",
      },
    },
    {
      button: {
        type: "plain",
        name: "新增",
        // permission: "pms:packingStep:save",
      },
    },
  ];

  const dialogConfigs = {
    allowAdd: false,
    extraIds: { wsId: 5 }, // 工艺管理里面的相关模块的 dialogWithMenu 需要额外的工序 id
    menu: [
      { name: "包装工艺", key: "info" },
      // { name: "工艺参数", key: "attr", onlyEditMode: true },
    ],
    form: {
      rows: [
        [
          {
            input: true,
            label: "工艺编码",
            prop: "code",
            rules: { required: true, message: "必填项不能为空", trigger: "blur" },
            elparams: { placeholder: "请输入工艺编码" },
          },
          // {
          //   input: true,
          //   label: "托盘类型",
          //   prop: "name",
          //   rules: { required: true, message: "必填项不能为空", trigger: "blur" },
          //   elparams: { placeholder: "请输入工艺名称" },
          // },
          {
            select: true,
            label: "托盘类型",
            prop: "externalCode",
            options: [
              { value: "0", label: "非熏蒸" },
              { value: "1", label: "熏蒸" },
            ],
            // rules: { required: true, message: "必填项不能为空", trigger: "blur" },
            elparams: { clearable: true, filterable: true, placeholder: "请选择托盘类型" },
          },
        ],
        // [
        // {
        //   forceDisabled: true,
        //   prop: 'shapeCode',
        //   label: '当前砖型'
        // },
        // ],
        // {
        //   select: true,
        //   label: "砖型",
        //   prop: "shape",
        //   options: [],
        //   elparams: { clearable: true, filterable: true, placeholder: "请选择砖型" },
        //   fetchData: () => this.$http.get("/pms/shape/page", { params: { limit: 999, page: 1 } }),
        // },
        [{ textarea: true, label: "备注", prop: "remark", elparams: { placeholder: "备注" } }],
      ],
      operations: [
        {
          name: "add",
          label: "保存",
          type: "primary",
          permission: "pms:packingStep:save",
          showOnEdit: false,
        },
        {
          name: "update",
          label: "更新",
          type: "primary",
          permission: "pms:packingStep:update",
          showOnEdit: true,
        },
        { name: "reset", label: "重置", type: "warning", showAlways: true },
        // { name: 'cancel', label: '取消', showAlways: true },
      ],
    },
    table: {
      extraParams: ["techId", "key"],
      props: [
        // { type: 'index', label: '序号' },
        // { prop: "createTime", label: "添加时间", filter: timeFilter },
        { prop: "name", label: "参数名称", isEditField: true },
        { prop: "code", label: "参数编码", isEditField: true },
        // { prop: "specifications", label: "规格", isEditField: true },
        { prop: "value", label: "参数值", isEditField: true },
        { prop: "valueFloor", label: "参数值下限", isEditField: true },
        { prop: "valueTop", label: "参数值上限", isEditField: true },
        { prop: "description", label: "描述", isEditField: true },
        {
          prop: "operations",
          name: "操作",
          fixed: "right",
          width: 120,
          subcomponent: TableOperaionComponent,
          options: [
            {
              name: "edit",
              label: "编辑",
              icon: "edit-outline",
              permission: "pms:blenderStepParam:update",
            },
            // { name: "delete", icon: "delete", label: "删除", emitFull: true, permission: "pms:blenderStepParam:delete" },
          ],
        },
      ],
      data: [
        // TOOD 暂时用不到，但获取可以考虑把拉取接口数据的函数迁移到此文件（没有太大必要）
      ],
    },

    subDialog: {
      extraParam: "techId",
      rows: [
        [
          {
            input: true,
            label: "参数名称",
            prop: "name",
            rules: { required: true, message: "必填项不能为空", trigger: "blur" },
            elparams: { placeholder: "请输入参数名称" },
          },
          {
            input: true,
            label: "参数编码",
            prop: "code",
            rules: { required: true, message: "必填项不能为空", 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: "请输入参数值" } },
          {
            input: true,
            label: "描述",
            prop: "description",
            // rules: { required: true, message: "必填项不能为空", trigger: "blur" },
            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/equipmentTech",
      page: "/pms/equipmentTech/pageView",
      pageIsPostApi: true, // 使用post接口来获取page数据，极少用，目前基本上只有工艺管理模块里在用
      subase: "/pms/equipmentTechParam",
      subpage: "/pms/equipmentTechParam/page",
      copyUrl: "/pms/equipmentTech/copy",
      // more...
    },
  };
}