inl-ui 0.0.37 → 0.0.39

package/src/pageComponent/views/productionPlanManager/yearPCPlan.tsx

@@ -1,536 +1,536 @@
-import { defineComponent, onMounted, ref, createVNode } from "vue";
-import { Modal, message } from "ant-design-vue";
-
-import utils from "@/utils";
-import dayjs, { Dayjs } from "dayjs";
-import { cloneDeep } from "lodash";
-
-import { PlusOutlined, ExclamationCircleOutlined } from "@ant-design/icons-vue";
-import "./assets/yearPCPlan.less";
-
-import Plan from "./components/Plan";
-
-import productionPlanApi from "@/api/productionPlan";
-
-const Format = "YYYY";
-
-const com = defineComponent({
-  setup() {
-    const formRef = ref();
-    const searchFormState = ref({
-      year: [dayjs().format(Format), dayjs().add(4, "year").format(Format)],
-    });
-
-    const isReadonly = ref(true);
-
-    const tableList: any = ref({
-      columns: [
-        // {
-        //   title: '编号',
-        //   align: 'left',
-        //   dataIndex: 'coalBillId',
-        //   width: null,
-        // },
-        // {
-        //   title: '操作',
-        //   key: 'operation',
-        //   width: 300,
-        // },
-      ],
-      dataSource: [],
-    });
-
-    const searchList = async () => {
-      await formRef.value.validateFields();
-
-      const [startYear, endYear]: any = searchFormState.value.year;
-      const { data } = await productionPlanApi.yearPlanlist({
-        startYear,
-        endYear,
-      });
-
-      tableList.value = data;
-      tableList.value.columns = [
-        ...tableList.value.columns,
-        {
-          title: "操作",
-          key: "operation",
-          width: 300,
-        },
-      ];
-    };
-
-    onMounted(() => {
-      searchList();
-      getCoalSeamList();
-    });
-
-    const planObj = ref(null);
-    const showPlan = ref(false);
-
-    // 计划量
-    const baseContent: any = {
-      month: null,
-      coalSeamList: [
-        // { coalSeam: 'coalSeamOne', coalSeamName: '煤层一', planAmount: null },
-      ],
-    };
-
-    // 获取煤层信息
-    const getCoalSeamList = async () => {
-      const { data } = await productionPlanApi.getCoalSeam();
-      data.forEach((coalSeam: any) => {
-        baseContent.coalSeamList.push({ ...coalSeam, planAmount: null });
-      });
-    };
-
-    const monthPlanVisible = ref(false);
-    const monthPlanFormState: any = ref({
-      month: null, // 计划起始月
-      createRule: "1", // 生成规则： 1-平均分配 2-不平均分配
-      createContentList: [], // 月计划
-    });
-
-    const changeCreateRule = (val: string) => {
-      if (val === "1") {
-        monthPlanFormState.value.createContentList = [];
-      } else {
-        monthPlanFormState.value.createContentList = [cloneDeep(baseContent)];
-      }
-    };
-
-    const monthPlanFormRef = ref();
-    const currentNode: any = ref(null);
-    // 重新生成
-    let rebuild = false;
-
-    // 先判断是否可生成月计划
-    const beforeCreateMonthPlan = async (record: any) => {
-      const resp: any = await productionPlanApi.canCreateMonthPlan({
-        batchId: record.batchId,
-      });
-
-      // CAN 可以生成、ALREADY-YES 已生成-可重新、ALREADY-NO 已生成-不可重新
-      if (resp.data === "CAN") {
-        // 可以生成
-        rebuild = false;
-        toMonthPlanVisible(record);
-      } else if (resp.data === "ALREADY-YES") {
-        // 已生成-可重新生成
-        Modal.confirm({
-          title: "该年的月计划已生成，请确认是否重新生成？",
-          icon: createVNode(ExclamationCircleOutlined),
-          // content: "确定重新生成吗",
-          async onOk() {
-            rebuild = true;
-            toMonthPlanVisible(record);
-          },
-          onCancel() {
-            // console.log('Cancel');
-          },
-        });
-      } else {
-        // 已生成月计划，不可重新生成 或报错
-        message.error(resp.message);
-      }
-    };
-
-    const toMonthPlanVisible = (record: any) => {
-      if (dayjs().diff(dayjs(record.year)) < 0) {
-        monthPlanFormState.value.month = 1;
-      } else {
-        monthPlanFormState.value.month = Number(
-          dayjs().add(1, "month").format("M")
-        );
-      }
-
-      currentNode.value = record;
-      monthPlanVisible.value = true;
-    };
-
-    const monthPlanHandleCancel = () => {
-      monthPlanFormRef.value.resetFields();
-    };
-
-    const monthPlanHandleOk = async () => {
-      await monthPlanFormRef.value.validateFields();
-
-      let resp: any;
-      if (rebuild) {
-        // 重新生成
-        resp = await productionPlanApi.constraintMonthPlan({
-          batchId: currentNode.value.batchId,
-          ...monthPlanFormState.value,
-        });
-      } else {
-        resp = await productionPlanApi.createMonthPlan({
-          batchId: currentNode.value.batchId,
-          ...monthPlanFormState.value,
-        });
-      }
-
-      if (resp.data) {
-        message.success(resp.message || "保存成功！");
-
-        monthPlanVisible.value = false;
-        monthPlanHandleCancel();
-      } else {
-        message.error(resp.message);
-      }
-    };
-
-    const toAdd = () => {
-      planObj.value = null;
-      isReadonly.value = false;
-      showPlan.value = true;
-    };
-
-    const toDetails = (record: any) => {
-      planObj.value = { ...record, title: `${record.year}年排产计划` };
-      isReadonly.value = true;
-      showPlan.value = true;
-    };
-
-    const toEdit = (record: any) => {
-      planObj.value = { ...record, title: `${record.year}年排产计划` };
-
-      isReadonly.value = false;
-      showPlan.value = true;
-    };
-
-    const beforeDel = async (record: any) => {
-      const resp: any = await productionPlanApi.canCreateMonthPlan({
-        batchId: record.batchId,
-      });
-
-      // CAN 可以生成、ALREADY-YES 已生成-可重新、ALREADY-NO 已生成-不可重新
-      if (resp.data === "CAN" || resp.data === "ALREADY-YES") {
-        del(record);
-      } else {
-        message.error(resp.message);
-      }
-    };
-
-    const del = async (record: any) => {
-      const resp: any = await productionPlanApi.deleteProductPlan({
-        batchId: record.batchId,
-      });
-      if (resp.message === "OK") {
-        message.success("删除成功");
-
-        searchList();
-      }
-    };
-
-    return () => (
-      <div class="yearPCPlan flex" id="yearPCPlan">
-        <a-row>
-          <a-col span={24}>
-            <div class="topLine flex-center">
-              <a-form
-                model={searchFormState.value}
-                ref={formRef}
-                labelCol={{ span: 24 }}
-                wrapperCol={{ span: 24 }}
-                labelAlign="right"
-              >
-                <a-form-item
-                  label=""
-                  name="year"
-                  rules={[{ required: true, message: "请选择!" }]}
-                >
-                  <a-range-picker
-                    v-model={[searchFormState.value.year, "value"]}
-                    picker="year"
-                    format={Format}
-                    valueFormat={Format}
-                  />
-                </a-form-item>
-              </a-form>
-
-              <div class="btnBox flex">
-                <a-button type="primary" onClick={searchList}>
-                  查询
-                </a-button>
-
-                <a-button
-                  onClick={() => {
-                    formRef.value.resetFields();
-                    searchList();
-                  }}
-                >
-                  重置
-                </a-button>
-              </div>
-            </div>
-          </a-col>
-
-          <a-col span={24}>
-            <div class="topLine2">
-              <a-button type="primary" onClick={toAdd}>
-                新增年计划
-              </a-button>
-            </div>
-          </a-col>
-        </a-row>
-
-        {tableList.value.dataSource.length > 0 && (
-          <a-table
-            class="table flex1"
-            dataSource={tableList.value.dataSource}
-            columns={tableList.value.columns}
-            rowKey="id"
-            pagination={false}
-            v-slots={{
-              bodyCell: ({ column, record, index }: any) => {
-                // console.info(text, column, record, index);
-
-                // 操作
-                if (column.key === "operation") {
-                  return (
-                    <div class="operation">
-                      <a-button
-                        size="small"
-                        type="link"
-                        onClick={() => {
-                          toDetails(record);
-                        }}
-                      >
-                        详情
-                      </a-button>
-                      <a-button
-                        size="small"
-                        type="link"
-                        onClick={() => {
-                          toEdit(record);
-                        }}
-                      >
-                        编辑
-                      </a-button>
-
-                      <a-button
-                        disabled={
-                          // dayjs().diff(dayjs(record.year).add(1, 'year')) >= 0
-                          record.state !== "CAN"
-                        }
-                        size="small"
-                        type="link"
-                        onClick={() => {
-                          beforeCreateMonthPlan(record);
-                        }}
-                      >
-                        生成月计划
-                      </a-button>
-
-                      {record.state == "CAN" ? (
-                        <a-popconfirm
-                          title="确认删除？"
-                          onConfirm={() => {
-                            del(record);
-                          }}
-                        >
-                          <a-button size="small" type="link">
-                            删除
-                          </a-button>
-                        </a-popconfirm>
-                      ) : (
-                        <a-button
-                          disabled={
-                            // dayjs().diff(dayjs(record.year).add(1, 'year')) >= 0
-                            record.state !== "CAN"
-                          }
-                          size="small"
-                          type="link"
-                        >
-                          删除
-                        </a-button>
-                      )}
-                    </div>
-                  );
-                }
-              },
-            }}
-          />
-        )}
-
-        <a-modal
-          v-model={[monthPlanVisible.value, "visible"]}
-          title={"生成" + currentNode.value?.year + "年月计划"}
-          width="700px"
-          destroyOnClose
-          okText="确定"
-          onOk={monthPlanHandleOk}
-          onCancel={monthPlanHandleCancel}
-          wrapClassName="yearPCPlanMonthPlanModal"
-        >
-          <a-form
-            model={monthPlanFormState.value}
-            ref={monthPlanFormRef}
-            name="basic"
-            labelCol={{ style: { width: "100px" } }}
-            autocomplete="off"
-          >
-            <a-row class="row" gutter={[16, 16]} style="width: 100%;">
-              <a-col span="12">
-                <a-form-item
-                  label="计划起始月"
-                  name="month"
-                  rules={[{ required: true, message: "不能为空!" }]}
-                >
-                  <a-select
-                    v-model={[monthPlanFormState.value.month, "value"]}
-                    style="width: 100%"
-                    placeholder="指定月"
-                  >
-                    {new Array(12).fill("").map((month: any, idx: number) => (
-                      <a-select-option
-                        key={idx}
-                        value={idx + 1}
-                        disabled={
-                          dayjs().diff(dayjs(currentNode.value.year)) >= 0
-                            ? idx < Number(dayjs().format("M"))
-                            : false
-                        }
-                      >
-                        {idx + 1}月
-                      </a-select-option>
-                    ))}
-                  </a-select>
-                </a-form-item>
-              </a-col>
-              <a-col span="12">
-                <a-form-item
-                  vSlots={{
-                    label: () => (
-                      <a-tooltip
-                        v-slots={{
-                          title: () => (
-                            <div>
-                              <div>平均分配：所有计划量，平均分配到每个月</div>
-                              <div>
-                                不平均分配：添加指定月份填写入洗量，剩余平分到其他月份
-                              </div>
-                            </div>
-                          ),
-                        }}
-                      >
-                        <div class="createRuleLabel flex-center">
-                          <div>生成规则</div>
-                          <info-circle-outlined />
-                        </div>
-                      </a-tooltip>
-                    ),
-                  }}
-                  name="createRule"
-                  rules={[{ required: true, message: "不能为空!" }]}
-                >
-                  <a-select
-                    v-model={[monthPlanFormState.value.createRule, "value"]}
-                    style="width: 100%"
-                    onChange={changeCreateRule}
-                  >
-                    <a-select-option value="1">平均分配</a-select-option>
-                    <a-select-option value="2">不平均分配</a-select-option>
-                  </a-select>
-                </a-form-item>
-              </a-col>
-            </a-row>
-          </a-form>
-
-          {monthPlanFormState.value.createRule === "2" && (
-            <div>
-              <a-button
-                class="addBtn"
-                type="primary"
-                v-slots={{
-                  icon: () => <PlusOutlined />,
-                }}
-                onClick={() => {
-                  monthPlanFormState.value.createContentList.push(
-                    cloneDeep(baseContent)
-                  );
-                }}
-              >
-                添加
-              </a-button>
-
-              <div class="monthPlanBox">
-                {monthPlanFormState.value.createContentList.map(
-                  (item: any, index: number) => (
-                    <div class="monthPlan flex" key={index}>
-                      <div class="title">指定计划{index + 1}</div>
-
-                      <div class="line flex">
-                        <div class="flex1">
-                          <a-select
-                            v-model={[item.month, "value"]}
-                            style="width: 80%"
-                            placeholder="选择月"
-                          >
-                            {new Array(12)
-                              .fill("")
-                              .map((month: any, idx: number) => (
-                                <a-select-option key={idx} value={idx + 1}>
-                                  {idx + 1}月
-                                </a-select-option>
-                              ))}
-                          </a-select>
-                        </div>
-                        <div class="flex2">
-                          {item.coalSeamList.map(
-                            (coalSeam: any, idx: number) => (
-                              <div class="coalSeamLine flex" key={idx}>
-                                <div class="label">
-                                  {coalSeam.coalSeamName} :
-                                </div>
-
-                                <a-input-number
-                                  v-model={[coalSeam.planAmount, "value"]}
-                                  min="0"
-                                  class="flex1"
-                                  controls={false}
-                                />
-
-                                <div class="unit">t</div>
-                              </div>
-                            )
-                          )}
-                        </div>
-
-                        <div class="right">
-                          {index > 0 && (
-                            <delete-outlined
-                              style={{ color: "red" }}
-                              onClick={() => {
-                                monthPlanFormState.value.createContentList.splice(
-                                  index,
-                                  1
-                                );
-                              }}
-                            />
-                          )}
-                        </div>
-                      </div>
-                    </div>
-                  )
-                )}
-              </div>
-            </div>
-          )}
-        </a-modal>
-
-        <Plan
-          v-models={[
-            [showPlan.value, "showPlan"],
-            [planObj.value, "planObj"],
-          ]}
-          container="yearPCPlan"
-          readonly={isReadonly.value}
-          onRefresh={searchList}
-        />
-      </div>
-    );
-  },
-});
-
-export default utils.installComponent(com, "yearPC-plan");
+import { defineComponent, onMounted, ref, createVNode } from "vue";
+import { Modal, message } from "ant-design-vue";
+
+import utils from "@/utils";
+import dayjs, { Dayjs } from "dayjs";
+import { cloneDeep } from "lodash";
+
+import { PlusOutlined, ExclamationCircleOutlined } from "@ant-design/icons-vue";
+import "./assets/yearPCPlan.less";
+
+import Plan from "./components/Plan";
+
+import productionPlanApi from "@/api/productionPlan";
+
+const Format = "YYYY";
+
+const com = defineComponent({
+  setup() {
+    const formRef = ref();
+    const searchFormState = ref({
+      year: [dayjs().format(Format), dayjs().add(4, "year").format(Format)],
+    });
+
+    const isReadonly = ref(true);
+
+    const tableList: any = ref({
+      columns: [
+        // {
+        //   title: '编号',
+        //   align: 'left',
+        //   dataIndex: 'coalBillId',
+        //   width: null,
+        // },
+        // {
+        //   title: '操作',
+        //   key: 'operation',
+        //   width: 300,
+        // },
+      ],
+      dataSource: [],
+    });
+
+    const searchList = async () => {
+      await formRef.value.validateFields();
+
+      const [startYear, endYear]: any = searchFormState.value.year;
+      const { data } = await productionPlanApi.yearPlanlist({
+        startYear,
+        endYear,
+      });
+
+      tableList.value = data;
+      tableList.value.columns = [
+        ...tableList.value.columns,
+        {
+          title: "操作",
+          key: "operation",
+          width: 300,
+        },
+      ];
+    };
+
+    onMounted(() => {
+      searchList();
+      getCoalSeamList();
+    });
+
+    const planObj = ref(null);
+    const showPlan = ref(false);
+
+    // 计划量
+    const baseContent: any = {
+      month: null,
+      coalSeamList: [
+        // { coalSeam: 'coalSeamOne', coalSeamName: '煤层一', planAmount: null },
+      ],
+    };
+
+    // 获取煤层信息
+    const getCoalSeamList = async () => {
+      const { data } = await productionPlanApi.getCoalSeam();
+      data.forEach((coalSeam: any) => {
+        baseContent.coalSeamList.push({ ...coalSeam, planAmount: null });
+      });
+    };
+
+    const monthPlanVisible = ref(false);
+    const monthPlanFormState: any = ref({
+      month: null, // 计划起始月
+      createRule: "1", // 生成规则： 1-平均分配 2-不平均分配
+      createContentList: [], // 月计划
+    });
+
+    const changeCreateRule = (val: string) => {
+      if (val === "1") {
+        monthPlanFormState.value.createContentList = [];
+      } else {
+        monthPlanFormState.value.createContentList = [cloneDeep(baseContent)];
+      }
+    };
+
+    const monthPlanFormRef = ref();
+    const currentNode: any = ref(null);
+    // 重新生成
+    let rebuild = false;
+
+    // 先判断是否可生成月计划
+    const beforeCreateMonthPlan = async (record: any) => {
+      const resp: any = await productionPlanApi.canCreateMonthPlan({
+        batchId: record.batchId,
+      });
+
+      // CAN 可以生成、ALREADY-YES 已生成-可重新、ALREADY-NO 已生成-不可重新
+      if (resp.data === "CAN") {
+        // 可以生成
+        rebuild = false;
+        toMonthPlanVisible(record);
+      } else if (resp.data === "ALREADY-YES") {
+        // 已生成-可重新生成
+        Modal.confirm({
+          title: "该年的月计划已生成，请确认是否重新生成？",
+          icon: createVNode(ExclamationCircleOutlined),
+          // content: "确定重新生成吗",
+          async onOk() {
+            rebuild = true;
+            toMonthPlanVisible(record);
+          },
+          onCancel() {
+            // console.log('Cancel');
+          },
+        });
+      } else {
+        // 已生成月计划，不可重新生成 或报错
+        message.error(resp.message);
+      }
+    };
+
+    const toMonthPlanVisible = (record: any) => {
+      if (dayjs().diff(dayjs(record.year)) < 0) {
+        monthPlanFormState.value.month = 1;
+      } else {
+        monthPlanFormState.value.month = Number(
+          dayjs().add(1, "month").format("M")
+        );
+      }
+
+      currentNode.value = record;
+      monthPlanVisible.value = true;
+    };
+
+    const monthPlanHandleCancel = () => {
+      monthPlanFormRef.value.resetFields();
+    };
+
+    const monthPlanHandleOk = async () => {
+      await monthPlanFormRef.value.validateFields();
+
+      let resp: any;
+      if (rebuild) {
+        // 重新生成
+        resp = await productionPlanApi.constraintMonthPlan({
+          batchId: currentNode.value.batchId,
+          ...monthPlanFormState.value,
+        });
+      } else {
+        resp = await productionPlanApi.createMonthPlan({
+          batchId: currentNode.value.batchId,
+          ...monthPlanFormState.value,
+        });
+      }
+
+      if (resp.data) {
+        message.success(resp.message || "保存成功！");
+
+        monthPlanVisible.value = false;
+        monthPlanHandleCancel();
+      } else {
+        message.error(resp.message);
+      }
+    };
+
+    const toAdd = () => {
+      planObj.value = null;
+      isReadonly.value = false;
+      showPlan.value = true;
+    };
+
+    const toDetails = (record: any) => {
+      planObj.value = { ...record, title: `${record.year}年排产计划` };
+      isReadonly.value = true;
+      showPlan.value = true;
+    };
+
+    const toEdit = (record: any) => {
+      planObj.value = { ...record, title: `${record.year}年排产计划` };
+
+      isReadonly.value = false;
+      showPlan.value = true;
+    };
+
+    const beforeDel = async (record: any) => {
+      const resp: any = await productionPlanApi.canCreateMonthPlan({
+        batchId: record.batchId,
+      });
+
+      // CAN 可以生成、ALREADY-YES 已生成-可重新、ALREADY-NO 已生成-不可重新
+      if (resp.data === "CAN" || resp.data === "ALREADY-YES") {
+        del(record);
+      } else {
+        message.error(resp.message);
+      }
+    };
+
+    const del = async (record: any) => {
+      const resp: any = await productionPlanApi.deleteProductPlan({
+        batchId: record.batchId,
+      });
+      if (resp.message === "OK") {
+        message.success("删除成功");
+
+        searchList();
+      }
+    };
+
+    return () => (
+      <div class="yearPCPlan flex" id="yearPCPlan">
+        <a-row>
+          <a-col span={24}>
+            <div class="topLine flex-center">
+              <a-form
+                model={searchFormState.value}
+                ref={formRef}
+                labelCol={{ span: 24 }}
+                wrapperCol={{ span: 24 }}
+                labelAlign="right"
+              >
+                <a-form-item
+                  label=""
+                  name="year"
+                  rules={[{ required: true, message: "请选择!" }]}
+                >
+                  <a-range-picker
+                    v-model={[searchFormState.value.year, "value"]}
+                    picker="year"
+                    format={Format}
+                    valueFormat={Format}
+                  />
+                </a-form-item>
+              </a-form>
+
+              <div class="btnBox flex">
+                <a-button type="primary" onClick={searchList}>
+                  查询
+                </a-button>
+
+                <a-button
+                  onClick={() => {
+                    formRef.value.resetFields();
+                    searchList();
+                  }}
+                >
+                  重置
+                </a-button>
+              </div>
+            </div>
+          </a-col>
+
+          <a-col span={24}>
+            <div class="topLine2">
+              <a-button type="primary" onClick={toAdd}>
+                新增年计划
+              </a-button>
+            </div>
+          </a-col>
+        </a-row>
+
+        {tableList.value.dataSource.length > 0 && (
+          <a-table
+            class="table flex1"
+            dataSource={tableList.value.dataSource}
+            columns={tableList.value.columns}
+            rowKey="id"
+            pagination={false}
+            v-slots={{
+              bodyCell: ({ column, record, index }: any) => {
+                // console.info(text, column, record, index);
+
+                // 操作
+                if (column.key === "operation") {
+                  return (
+                    <div class="operation">
+                      <a-button
+                        size="small"
+                        type="link"
+                        onClick={() => {
+                          toDetails(record);
+                        }}
+                      >
+                        详情
+                      </a-button>
+                      <a-button
+                        size="small"
+                        type="link"
+                        onClick={() => {
+                          toEdit(record);
+                        }}
+                      >
+                        编辑
+                      </a-button>
+
+                      <a-button
+                        disabled={
+                          // dayjs().diff(dayjs(record.year).add(1, 'year')) >= 0
+                          record.state !== "CAN"
+                        }
+                        size="small"
+                        type="link"
+                        onClick={() => {
+                          beforeCreateMonthPlan(record);
+                        }}
+                      >
+                        生成月计划
+                      </a-button>
+
+                      {record.state == "CAN" ? (
+                        <a-popconfirm
+                          title="确认删除？"
+                          onConfirm={() => {
+                            del(record);
+                          }}
+                        >
+                          <a-button size="small" type="link">
+                            删除
+                          </a-button>
+                        </a-popconfirm>
+                      ) : (
+                        <a-button
+                          disabled={
+                            // dayjs().diff(dayjs(record.year).add(1, 'year')) >= 0
+                            record.state !== "CAN"
+                          }
+                          size="small"
+                          type="link"
+                        >
+                          删除
+                        </a-button>
+                      )}
+                    </div>
+                  );
+                }
+              },
+            }}
+          />
+        )}
+
+        <a-modal
+          v-model={[monthPlanVisible.value, "visible"]}
+          title={"生成" + currentNode.value?.year + "年月计划"}
+          width="700px"
+          destroyOnClose
+          okText="确定"
+          onOk={monthPlanHandleOk}
+          onCancel={monthPlanHandleCancel}
+          wrapClassName="yearPCPlanMonthPlanModal"
+        >
+          <a-form
+            model={monthPlanFormState.value}
+            ref={monthPlanFormRef}
+            name="basic"
+            labelCol={{ style: { width: "100px" } }}
+            autocomplete="off"
+          >
+            <a-row class="row" gutter={[16, 16]} style="width: 100%;">
+              <a-col span="12">
+                <a-form-item
+                  label="计划起始月"
+                  name="month"
+                  rules={[{ required: true, message: "不能为空!" }]}
+                >
+                  <a-select
+                    v-model={[monthPlanFormState.value.month, "value"]}
+                    style="width: 100%"
+                    placeholder="指定月"
+                  >
+                    {new Array(12).fill("").map((month: any, idx: number) => (
+                      <a-select-option
+                        key={idx}
+                        value={idx + 1}
+                        disabled={
+                          dayjs().diff(dayjs(currentNode.value.year)) >= 0
+                            ? idx < Number(dayjs().format("M"))
+                            : false
+                        }
+                      >
+                        {idx + 1}月
+                      </a-select-option>
+                    ))}
+                  </a-select>
+                </a-form-item>
+              </a-col>
+              <a-col span="12">
+                <a-form-item
+                  vSlots={{
+                    label: () => (
+                      <a-tooltip
+                        v-slots={{
+                          title: () => (
+                            <div>
+                              <div>平均分配：所有计划量，平均分配到每个月</div>
+                              <div>
+                                不平均分配：添加指定月份填写入洗量，剩余平分到其他月份
+                              </div>
+                            </div>
+                          ),
+                        }}
+                      >
+                        <div class="createRuleLabel flex-center">
+                          <div>生成规则</div>
+                          <info-circle-outlined />
+                        </div>
+                      </a-tooltip>
+                    ),
+                  }}
+                  name="createRule"
+                  rules={[{ required: true, message: "不能为空!" }]}
+                >
+                  <a-select
+                    v-model={[monthPlanFormState.value.createRule, "value"]}
+                    style="width: 100%"
+                    onChange={changeCreateRule}
+                  >
+                    <a-select-option value="1">平均分配</a-select-option>
+                    <a-select-option value="2">不平均分配</a-select-option>
+                  </a-select>
+                </a-form-item>
+              </a-col>
+            </a-row>
+          </a-form>
+
+          {monthPlanFormState.value.createRule === "2" && (
+            <div>
+              <a-button
+                class="addBtn"
+                type="primary"
+                v-slots={{
+                  icon: () => <PlusOutlined />,
+                }}
+                onClick={() => {
+                  monthPlanFormState.value.createContentList.push(
+                    cloneDeep(baseContent)
+                  );
+                }}
+              >
+                添加
+              </a-button>
+
+              <div class="monthPlanBox">
+                {monthPlanFormState.value.createContentList.map(
+                  (item: any, index: number) => (
+                    <div class="monthPlan flex" key={index}>
+                      <div class="title">指定计划{index + 1}</div>
+
+                      <div class="line flex">
+                        <div class="flex1">
+                          <a-select
+                            v-model={[item.month, "value"]}
+                            style="width: 80%"
+                            placeholder="选择月"
+                          >
+                            {new Array(12)
+                              .fill("")
+                              .map((month: any, idx: number) => (
+                                <a-select-option key={idx} value={idx + 1}>
+                                  {idx + 1}月
+                                </a-select-option>
+                              ))}
+                          </a-select>
+                        </div>
+                        <div class="flex2">
+                          {item.coalSeamList.map(
+                            (coalSeam: any, idx: number) => (
+                              <div class="coalSeamLine flex" key={idx}>
+                                <div class="label">
+                                  {coalSeam.coalSeamName} :
+                                </div>
+
+                                <a-input-number
+                                  v-model={[coalSeam.planAmount, "value"]}
+                                  min="0"
+                                  class="flex1"
+                                  controls={false}
+                                />
+
+                                <div class="unit">t</div>
+                              </div>
+                            )
+                          )}
+                        </div>
+
+                        <div class="right">
+                          {index > 0 && (
+                            <delete-outlined
+                              style={{ color: "red" }}
+                              onClick={() => {
+                                monthPlanFormState.value.createContentList.splice(
+                                  index,
+                                  1
+                                );
+                              }}
+                            />
+                          )}
+                        </div>
+                      </div>
+                    </div>
+                  )
+                )}
+              </div>
+            </div>
+          )}
+        </a-modal>
+
+        <Plan
+          v-models={[
+            [showPlan.value, "showPlan"],
+            [planObj.value, "planObj"],
+          ]}
+          container="yearPCPlan"
+          readonly={isReadonly.value}
+          onRefresh={searchList}
+        />
+      </div>
+    );
+  },
+});
+
+export default utils.installComponent(com, "yearPC-plan");