inl-ui 0.0.37 → 0.0.39

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

@@ -1,175 +1,175 @@
-import { defineComponent, onMounted, ref } from "vue";
-import { message } from "ant-design-vue";
-
-import utils from "@/utils";
-import dayjs, { Dayjs } from "dayjs";
-
-import "./assets/dayPCPlan.less";
-
-import Plan from "./components/Plan";
-
-import productionPlanApi from "@/api/productionPlan";
-
-const Format = "YYYY-MM-DD";
-
-const com = defineComponent({
-  setup() {
-    const formRef = ref();
-    const searchFormState = ref({
-      day: [
-        dayjs().startOf("month").format(Format),
-        dayjs().endOf("month").format(Format),
-      ],
-    });
-
-    const isReadonly = ref(true);
-
-    const tableList: any = ref({ columns: [], dataSource: [] });
-
-    const searchList = async () => {
-      await formRef.value.validateFields();
-
-      const [startDate, endDate]: any = searchFormState.value.day;
-      const { data } = await productionPlanApi.dayPlanlist({
-        startDate,
-        endDate,
-      });
-
-      tableList.value = data;
-      if (tableList.value.columns) {
-        tableList.value.columns = [
-          ...tableList.value.columns,
-          {
-            title: "操作",
-            key: "operation",
-            width: 160,
-          },
-        ];
-      }
-    };
-
-    onMounted(() => {
-      searchList();
-    });
-
-    const planObj = ref(null);
-    const showPlan = ref(false);
-
-    const toDetails = (record: any) => {
-      planObj.value = {
-        ...record,
-        title: `${dayjs(record.day).format("YYYY年MM月DD日")}排产计划`,
-      };
-      isReadonly.value = true;
-      showPlan.value = true;
-    };
-
-    const toEdit = (record: any) => {
-      planObj.value = {
-        ...record,
-        title: `${dayjs(record.day).format("YYYY年MM月DD日")}排产计划`,
-      };
-
-      isReadonly.value = false;
-      showPlan.value = true;
-    };
-
-    return () => (
-      <div class="dayPCPlan flex" id="dayPCPlan">
-        <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="day"
-                  rules={[{ required: true, message: "请选择!" }]}
-                >
-                  <a-range-picker
-                    v-model={[searchFormState.value.day, "value"]}
-                    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-row>
-
-        {tableList.value.dataSource.length > 0 && (
-          <a-table
-            class="table flex1"
-            dataSource={tableList.value.dataSource}
-            columns={tableList.value.columns}
-            rowKey="id"
-            scroll={{ y: "calc(100vh - 18.5rem)" }}
-            pagination={false}
-            v-slots={{
-              bodyCell: ({ column, record, index }: any) => {
-                // console.log(text, column, record, index);
-
-                // 操作
-                if (column.key === "operation") {
-                  return (
-                    <div class="operation">
-                      <a-button
-                        type="link"
-                        onClick={() => {
-                          toDetails(record);
-                        }}
-                      >
-                        详情
-                      </a-button>
-
-                      <a-button
-                        type="link"
-                        onClick={() => {
-                          toEdit(record);
-                        }}
-                      >
-                        编辑
-                      </a-button>
-                    </div>
-                  );
-                }
-              },
-            }}
-          />
-        )}
-
-        <Plan
-          v-models={[
-            [showPlan.value, "showPlan"],
-            [planObj.value, "planObj"],
-          ]}
-          container="dayPCPlan"
-          readonly={isReadonly.value}
-          onRefresh={searchList}
-        />
-      </div>
-    );
-  },
-});
-
-export default utils.installComponent(com, "dayPC-plan");
+import { defineComponent, onMounted, ref } from "vue";
+import { message } from "ant-design-vue";
+
+import utils from "@/utils";
+import dayjs, { Dayjs } from "dayjs";
+
+import "./assets/dayPCPlan.less";
+
+import Plan from "./components/Plan";
+
+import productionPlanApi from "@/api/productionPlan";
+
+const Format = "YYYY-MM-DD";
+
+const com = defineComponent({
+  setup() {
+    const formRef = ref();
+    const searchFormState = ref({
+      day: [
+        dayjs().startOf("month").format(Format),
+        dayjs().endOf("month").format(Format),
+      ],
+    });
+
+    const isReadonly = ref(true);
+
+    const tableList: any = ref({ columns: [], dataSource: [] });
+
+    const searchList = async () => {
+      await formRef.value.validateFields();
+
+      const [startDate, endDate]: any = searchFormState.value.day;
+      const { data } = await productionPlanApi.dayPlanlist({
+        startDate,
+        endDate,
+      });
+
+      tableList.value = data;
+      if (tableList.value.columns) {
+        tableList.value.columns = [
+          ...tableList.value.columns,
+          {
+            title: "操作",
+            key: "operation",
+            width: 160,
+          },
+        ];
+      }
+    };
+
+    onMounted(() => {
+      searchList();
+    });
+
+    const planObj = ref(null);
+    const showPlan = ref(false);
+
+    const toDetails = (record: any) => {
+      planObj.value = {
+        ...record,
+        title: `${dayjs(record.day).format("YYYY年MM月DD日")}排产计划`,
+      };
+      isReadonly.value = true;
+      showPlan.value = true;
+    };
+
+    const toEdit = (record: any) => {
+      planObj.value = {
+        ...record,
+        title: `${dayjs(record.day).format("YYYY年MM月DD日")}排产计划`,
+      };
+
+      isReadonly.value = false;
+      showPlan.value = true;
+    };
+
+    return () => (
+      <div class="dayPCPlan flex" id="dayPCPlan">
+        <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="day"
+                  rules={[{ required: true, message: "请选择!" }]}
+                >
+                  <a-range-picker
+                    v-model={[searchFormState.value.day, "value"]}
+                    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-row>
+
+        {tableList.value.dataSource.length > 0 && (
+          <a-table
+            class="table flex1"
+            dataSource={tableList.value.dataSource}
+            columns={tableList.value.columns}
+            rowKey="id"
+            scroll={{ y: "calc(100vh - 18.5rem)" }}
+            pagination={false}
+            v-slots={{
+              bodyCell: ({ column, record, index }: any) => {
+                // console.log(text, column, record, index);
+
+                // 操作
+                if (column.key === "operation") {
+                  return (
+                    <div class="operation">
+                      <a-button
+                        type="link"
+                        onClick={() => {
+                          toDetails(record);
+                        }}
+                      >
+                        详情
+                      </a-button>
+
+                      <a-button
+                        type="link"
+                        onClick={() => {
+                          toEdit(record);
+                        }}
+                      >
+                        编辑
+                      </a-button>
+                    </div>
+                  );
+                }
+              },
+            }}
+          />
+        )}
+
+        <Plan
+          v-models={[
+            [showPlan.value, "showPlan"],
+            [planObj.value, "planObj"],
+          ]}
+          container="dayPCPlan"
+          readonly={isReadonly.value}
+          onRefresh={searchList}
+        />
+      </div>
+    );
+  },
+});
+
+export default utils.installComponent(com, "dayPC-plan");

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

@@ -1,156 +1,156 @@
-import { defineComponent, onMounted, ref, reactive } from "vue";
-import { message } from "ant-design-vue";
-
-import utils from "@/utils";
-import dayjs, { Dayjs } from "dayjs";
-import useTableList from "@/pageComponent/hooks/useTableList";
-
-import "./assets/daySCPlan.less";
-
-import productionPlanApi from "@/api/productionPlan";
-
-const Format = "YYYY-MM-DD";
-
-const com = defineComponent({
-  setup() {
-    // table
-    const {
-      currPage,
-      isLoading,
-      refresh,
-      tableList,
-      handlePageChange,
-      total,
-      hanldePageSizeChange,
-      pageSize,
-      pagination,
-    } = useTableList(
-      () =>
-        productionPlanApi.dayProductPlanLoglist({
-          currentPage: currPage.value,
-          pageSize: pageSize.value,
-          startDate: searchFormState.value.day[0],
-          endDate: searchFormState.value.day[1],
-        }),
-      "rows",
-      "total"
-    );
-
-    const searchFormState = ref({
-      day: [
-        dayjs().startOf("month").format(Format),
-        dayjs().endOf("month").format(Format),
-      ],
-    });
-
-    const tableConfig: any = reactive({
-      columns: [
-        {
-          dataIndex: "name",
-          title: "日期",
-          key: "name",
-        },
-        {
-          dataIndex: "createUser",
-          title: "最后修改人",
-          width: 150,
-        },
-        {
-          dataIndex: "updataTime",
-          title: "最后修改时间",
-          key: "updataTime",
-          width: 150,
-        },
-        {
-          title: "操作",
-          key: "operation",
-          fixed: "right",
-          width: 250,
-        },
-      ],
-    });
-
-    const formRef = ref();
-
-    onMounted(() => {
-      refresh();
-    });
-
-    return () => (
-      <div class="daySCPlan">
-        <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="day"
-                  rules={[{ required: true, message: "请选择!" }]}
-                >
-                  <a-range-picker
-                    v-model={[searchFormState.value.day, "value"]}
-                    format={Format}
-                    valueFormat={Format}
-                  />
-                </a-form-item>
-              </a-form>
-
-              <a-button type="primary" onClick={refresh}>
-                查询
-              </a-button>
-            </div>
-          </a-col>
-          <a-col span={24}>
-            <div class="topLine2 flex-center">
-              <a-button type="primary" onClick={refresh}>
-                修改日计划
-              </a-button>
-            </div>
-          </a-col>
-        </a-row>
-
-        <a-table
-          //   scroll={{ x: 1300 }}
-          dataSource={tableList.value}
-          columns={tableConfig.columns}
-          pagination={pagination}
-          loading={isLoading.value}
-          rowKey="id"
-          class="fileTable"
-          v-slots={{
-            bodyCell: ({ column, record, index }: any) => {
-              // 时间
-              if (column.key === "updataTime") {
-                return (
-                  <span>
-                    {record.updataTime &&
-                      dayjs(record.updataTime).format("YYYY-MM-DD HH:mm:ss")}
-                  </span>
-                );
-              }
-
-              // 操作
-              if (column.key === "operation") {
-                return (
-                  <div class="operation gap">
-                    <a-button type="link" onClick={() => {}}>
-                      编辑
-                    </a-button>
-                  </div>
-                );
-              }
-            },
-          }}
-        ></a-table>
-      </div>
-    );
-  },
-});
-
-export default utils.installComponent(com, "daySC-plan");
+import { defineComponent, onMounted, ref, reactive } from "vue";
+import { message } from "ant-design-vue";
+
+import utils from "@/utils";
+import dayjs, { Dayjs } from "dayjs";
+import useTableList from "@/pageComponent/hooks/useTableList";
+
+import "./assets/daySCPlan.less";
+
+import productionPlanApi from "@/api/productionPlan";
+
+const Format = "YYYY-MM-DD";
+
+const com = defineComponent({
+  setup() {
+    // table
+    const {
+      currPage,
+      isLoading,
+      refresh,
+      tableList,
+      handlePageChange,
+      total,
+      hanldePageSizeChange,
+      pageSize,
+      pagination,
+    } = useTableList(
+      () =>
+        productionPlanApi.dayProductPlanLoglist({
+          currentPage: currPage.value,
+          pageSize: pageSize.value,
+          startDate: searchFormState.value.day[0],
+          endDate: searchFormState.value.day[1],
+        }),
+      "rows",
+      "total"
+    );
+
+    const searchFormState = ref({
+      day: [
+        dayjs().startOf("month").format(Format),
+        dayjs().endOf("month").format(Format),
+      ],
+    });
+
+    const tableConfig: any = reactive({
+      columns: [
+        {
+          dataIndex: "name",
+          title: "日期",
+          key: "name",
+        },
+        {
+          dataIndex: "createUser",
+          title: "最后修改人",
+          width: 150,
+        },
+        {
+          dataIndex: "updataTime",
+          title: "最后修改时间",
+          key: "updataTime",
+          width: 150,
+        },
+        {
+          title: "操作",
+          key: "operation",
+          fixed: "right",
+          width: 250,
+        },
+      ],
+    });
+
+    const formRef = ref();
+
+    onMounted(() => {
+      refresh();
+    });
+
+    return () => (
+      <div class="daySCPlan">
+        <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="day"
+                  rules={[{ required: true, message: "请选择!" }]}
+                >
+                  <a-range-picker
+                    v-model={[searchFormState.value.day, "value"]}
+                    format={Format}
+                    valueFormat={Format}
+                  />
+                </a-form-item>
+              </a-form>
+
+              <a-button type="primary" onClick={refresh}>
+                查询
+              </a-button>
+            </div>
+          </a-col>
+          <a-col span={24}>
+            <div class="topLine2 flex-center">
+              <a-button type="primary" onClick={refresh}>
+                修改日计划
+              </a-button>
+            </div>
+          </a-col>
+        </a-row>
+
+        <a-table
+          //   scroll={{ x: 1300 }}
+          dataSource={tableList.value}
+          columns={tableConfig.columns}
+          pagination={pagination}
+          loading={isLoading.value}
+          rowKey="id"
+          class="fileTable"
+          v-slots={{
+            bodyCell: ({ column, record, index }: any) => {
+              // 时间
+              if (column.key === "updataTime") {
+                return (
+                  <span>
+                    {record.updataTime &&
+                      dayjs(record.updataTime).format("YYYY-MM-DD HH:mm:ss")}
+                  </span>
+                );
+              }
+
+              // 操作
+              if (column.key === "operation") {
+                return (
+                  <div class="operation gap">
+                    <a-button type="link" onClick={() => {}}>
+                      编辑
+                    </a-button>
+                  </div>
+                );
+              }
+            },
+          }}
+        ></a-table>
+      </div>
+    );
+  },
+});
+
+export default utils.installComponent(com, "daySC-plan");