syntec3-0-ui-components-test 1.0.0

package/src/views/productionWorkOrder/components/filePreview.vue

@@ -0,0 +1,148 @@
+<template>
+  <el-dialog
+    v-model="showDialog"
+    :title="t('filePreview')"
+    width="50%"
+    destroy-on-close
+    center
+    align-center
+    :close-on-click-modal="false"
+    :close-on-press-escape="false"
+    :modal-append-to-body="true"
+    :append-to-body="true"
+    style="border-radius: 6px"
+    data-test-id="EL-DIALOG-ACOVX2"
+  >
+    <div data-test-id="DIV-E6QfR5">
+      <el-table
+        v-loading="tableLoading"
+        :data="previewData"
+        height="60vh"
+        header-row-class-name="tableHeader"
+        header-cell-class-name="tableHeaderCell"
+        :border="true"
+        scrollbar-always-on
+        show-overflow-tooltip
+        data-test-id="EL-TABLE-Sonemz"
+      >
+        <el-table-column width="60" :align="tableAlign" label="#" data-test-id="EL-TABLE-COLUMN-eiSqtA">
+          <template #default="scope">{{ scope.$index + 1 }}</template>
+        </el-table-column>
+        <el-table-column
+          :align="tableAlign"
+          prop="fileName"
+          :label="t('fileName')"
+          data-test-id="EL-TABLE-COLUMN-tGzWAO"
+        >
+        </el-table-column>
+        <el-table-column width="100" :align="tableAlign" :label="t('action')" data-test-id="EL-TABLE-COLUMN-uSygLF">
+          <template #default="scope">
+            <el-tooltip :content="t('preview')" placement="top" :enterable="false" data-test-id="EL-TOOLTIP-gVWeHJ">
+              <el-button
+                type="primary"
+                link
+                :disabled="scope.row.isDisabled"
+                data-test-id="EL-BUTTON-9WTY8H"
+                @click="handleClickPreview(scope.row)"
+              >
+                <v-icon class="mdi mdi-file-eye" data-test-id="V-ICON-LcKNgS"></v-icon>
+              </el-button>
+            </el-tooltip>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <template #footer>
+      <el-button type="primary" data-test-id="EL-BUTTON-2VXcx3" @click="showDialog = false">
+        {{ $t('close') }}
+      </el-button>
+    </template>
+    <el-image
+      ref="imgViewRef"
+      style="width: 100px; height: 100px; display: none"
+      :src="previewUrl"
+      :zoom-rate="1.2"
+      :preview-teleported="true"
+      :preview-src-list="[previewUrl]"
+      :initial-index="1"
+      fit="cover"
+      data-test-id="EL-IMAGE-33C2PQ"
+    />
+  </el-dialog>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { ElMessage } from 'element-plus';
+import apiFunction from '@/scriptFiles/checkApiErrorMechanism.js';
+import { useI18n } from 'vue-i18n';
+const { t } = useI18n();
+
+const tableLoading = ref(false);
+const previewUrl = ref('');
+const imgViewRef = ref(null);
+const previewData = ref([]);
+const tableAlign = ref('center');
+const showDialog = ref(false);
+
+// 打开弹窗
+const handleOpenDialog = (data, docCustomId) => {
+  previewUrl.value = '';
+  tableLoading.value = false;
+  previewData.value =
+    data && data.length
+      ? data.map((item) => {
+          const fileType = item.fileName
+            ? item.fileName.includes('.')
+              ? item.fileName.split('.').pop().toLowerCase()
+              : ''
+            : '';
+          const isDisabled = !['jpeg', 'gif', 'jpg', 'png', 'pdf'].includes(fileType);
+          return { ...item, fileType, isDisabled, docCustomId };
+        })
+      : [];
+  showDialog.value = true;
+};
+
+// 预览
+const handleClickPreview = async ({ fileId: plmFileVersionId, fileName, fileType, docCustomId }) => {
+  tableLoading.value = true;
+  previewUrl.value = '';
+  const data = {
+    docCode: 'doc_5',
+    docCustomId: docCustomId,
+    fileId: plmFileVersionId,
+  };
+  let res;
+  if (fileType === 'pdf') {
+    res = await apiFunction
+      .docDownloadFile(data)
+      .finally(() => (tableLoading.value = false))
+      .catch(() => ElMessage.error(t('apiError')));
+  } else {
+    res = await apiFunction
+      .docViewFile(data)
+      .finally(() => (tableLoading.value = false))
+      .catch(() => ElMessage.error(t('apiError')));
+  }
+  if (res.status === 200) {
+    tableLoading.value = false;
+    // const blob = new Blob([res.data], { type: res.data.type });
+    if (['jpeg', 'gif', 'jpg', 'png'].includes(fileType)) {
+      // previewUrl.value = URL.createObjectURL(blob);
+      previewUrl.value = `data:image/${fileName};base64,${res.data.content.fileContent}`;
+      setTimeout(() => imgViewRef.value.$el.children[0].click(), 0);
+    }
+    if (fileType === 'pdf') {
+      const pdfBlob = new Blob([res.data], { type: 'application/pdf' });
+      const tempUrl = URL.createObjectURL(pdfBlob);
+      window.open(tempUrl, fileName);
+    }
+  }
+};
+
+defineExpose({ handleOpenDialog });
+</script>
+<style scoped lang="scss">
+@use '/src/scss/base/table.scss';
+</style>

package/src/views/productionWorkOrder/components/querySearch.vue

@@ -0,0 +1,363 @@
+<template>
+  <div data-test-id="DIV-Ydf0yz">
+    <div data-test-id="DIV-uWyNOt">
+      <el-form label-width="auto" data-test-id="EL-FORM-lfIXY8">
+        <el-row :gutter="15" justify="space-between" data-test-id="EL-ROW-Qs8O6C">
+          <el-col :span="8" data-test-id="EL-COL-fY1NiY">
+            <el-form-item :label="t('salesOrderNumber')" data-test-id="EL-FORM-ITEM-6Af1uh">
+              <el-autocomplete
+                v-model="orderNumber"
+                :fetch-suggestions="saleOrderNumberList"
+                clearable
+                :formatter="(value) => (value?.trim ? value.trim() : value)"
+                maxlength="200"
+                class="w-50"
+                :placeholder="$t('PleaseSelect')"
+                data-test-id="EL-INPUT-knLtoI"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8" data-test-id="EL-COL-Sw5N6z">
+            <el-form-item :label="t('productionOrderNumber')" data-test-id="EL-FORM-ITEM-q7rtM3">
+              <el-autocomplete
+                v-model="productionOrderNumber"
+                :fetch-suggestions="productionOrderList"
+                clearable
+                :formatter="(value) => (value?.trim ? value.trim() : value)"
+                maxlength="200"
+                class="w-50"
+                :placeholder="$t('PleaseSelect')"
+                data-test-id="EL-INPUT-GC2Bxt"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8" align="center" data-test-id="EL-COL-jTNbYx">
+            <div class="button-container" data-test-id="DIV-jtoMT9">
+              <el-button type="primary" data-test-id="EL-BUTTON-heY1hB" @click="query(false)">
+                <i class="mdi mdi-magnify" data-test-id="I-tbxET9" />
+                {{ t('query') }}
+              </el-button>
+              <el-button data-test-id="EL-BUTTON-f5txPo" @click="reset">{{ t('reset') }}</el-button>
+              <columnConfigNext
+                :parent-items="canEditHeaders"
+                :is-parent-checkbox="true"
+                :is-child-checkbox="false"
+                :is-child="false"
+                data-test-id="COLUMNCONFIGNEXT-fZb3uK"
+                @parentSaveData="parentSaveData"
+              />
+            </div>
+          </el-col>
+        </el-row>
+        <el-collapse-transition data-test-id="EL-COLLAPSE-TRANSITION-OFj7Of">
+          <div v-show="showDivider" data-test-id="DIV-VFvaxs">
+            <el-row :gutter="15" justify="space-between" data-test-id="EL-ROW-Cimc12">
+              <el-col :span="8" data-test-id="EL-COL-SId3mK">
+                <el-form-item :label="t('workOrderStatus')" data-test-id="EL-FORM-ITEM-uhTKJs">
+                  <el-select
+                    v-model="productStatus"
+                    filterable
+                    multiple
+                    clearable
+                    collapse-tags
+                    collapse-tags-tooltip
+                    data-test-id="EL-SELECT-YmfpBJ"
+                  >
+                    <el-option
+                      v-for="(item, index) in workOrderStatusList"
+                      :key="item.value"
+                      :label="item.text"
+                      :value="item.value"
+                      :data-test-id="`EL-OPTION-qzM2uI-${index}`"
+                    />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8" data-test-id="EL-COL-xCPZwJ">
+                <el-form-item
+                  :label="`${t('productPartNumber')}/${t('productName')}`"
+                  data-test-id="EL-FORM-ITEM-M9Mmgt"
+                >
+                  <el-select
+                    v-model="materialName"
+                    filterable
+                    reserve-keyword
+                    multiple
+                    clearable
+                    collapse-tags
+                    collapse-tags-tooltip
+                    data-test-id="EL-SELECT-wE5NGS"
+                  >
+                    <el-option
+                      v-for="(item, index) in querySearchMaterialList"
+                      :key="item.materialPartNumber"
+                      :label="`${item.materialPartNumber} (${item.materialName}) ${item.materialState ? '' : `(${t('deactivateds')})`}`"
+                      :value="item.materialPartNumber"
+                      :data-test-id="`EL-OPTION-1JkX4r-${index}`"
+                    />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8" data-test-id="EL-COL-k6PQWw">
+                <el-form-item :label="t('materialCategory')" data-test-id="EL-FORM-ITEM-NKGIKT">
+                  <el-select
+                    v-model="materialCategory"
+                    filterable
+                    reserve-keyword
+                    multiple
+                    clearable
+                    collapse-tags
+                    collapse-tags-tooltip
+                    data-test-id="EL-SELECT-GL5jzb"
+                  >
+                    <el-option
+                      v-for="(item, index) in materialCategoryList"
+                      :key="item.id"
+                      :label="item.materialCategoryName"
+                      :value="item.id"
+                      :data-test-id="`EL-OPTION-1S2Rtm-${index}`"
+                    />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8" data-test-id="EL-COL-arCC5U">
+                <el-form-item :label="t('importantSort')" data-test-id="EL-FORM-ITEM-FRoqZQ">
+                  <el-select
+                    v-model="priority"
+                    filterable
+                    multiple
+                    clearable
+                    collapse-tags
+                    collapse-tags-tooltip
+                    data-test-id="EL-SELECT-8oG3at"
+                  >
+                    <el-option
+                      v-for="(item, index) in importantSortList"
+                      :key="item.value"
+                      :label="item.text"
+                      :value="item.value"
+                      :data-test-id="`EL-OPTION-wUzzUn-${index}`"
+                    />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8" data-test-id="EL-COL-xA5dgM">
+                <el-form-item :label="t('expectedConstructionStartDateRange')" data-test-id="EL-FORM-ITEM-wDRLI1">
+                  <el-date-picker
+                    v-model="dates"
+                    type="daterange"
+                    :range-separator="t('to')"
+                    :start-placeholder="t('starttime')"
+                    :end-placeholder="t('endtime')"
+                    data-test-id="EL-DATE-PICKER-EwFode"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8" data-test-id="EL-COL-ytIuCN">
+                <el-form-item :label="t('creationTimeRange')" data-test-id="EL-FORM-ITEM-LssZ8R">
+                  <el-date-picker
+                    v-model="creationTimeRange"
+                    type="daterange"
+                    :range-separator="t('to')"
+                    :start-placeholder="t('starttime')"
+                    :end-placeholder="t('endtime')"
+                    data-test-id="EL-DATE-PICKER-IVSJ1O"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8" data-test-id="EL-COL-yEodtz" />
+            </el-row>
+          </div>
+        </el-collapse-transition>
+      </el-form>
+    </div>
+    <el-divider style="margin: 4px 0 24px 0" data-test-id="EL-DIVIDER-L81J2p">
+      <el-icon data-test-id="EL-ICON-Zs5NPB" @click="showDivider = !showDivider">
+        <ArrowUpBold v-if="showDivider" data-test-id="ARROWUPBOLD-NR3C6X" />
+        <ArrowDownBold v-else data-test-id="ARROWDOWNBOLD-WgKviF" />
+      </el-icon>
+    </el-divider>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, onMounted, onBeforeUnmount } from 'vue';
+import { useI18n } from 'vue-i18n';
+import columnConfigNext from '@/components/columnConfigNext.vue';
+import dayjs from 'dayjs';
+import apiFunction from '@/scriptFiles/checkApiErrorMechanism';
+import { ElMessage } from 'element-plus';
+
+const { t } = useI18n();
+const emit = defineEmits(['filterSearch', 'parentSaveData']);
+const props = defineProps({
+  canEditHeaders: Array,
+  querySearchMaterialList: Array,
+  materialCategoryList: Array,
+});
+// 搜索维度
+const canEditHeaders = computed(() => props.canEditHeaders);
+const orderNumber = ref(''); // 订单号
+const productionOrderNumber = ref(''); // 工单号
+const productStatus = ref([0, 1, 2]); // 工单状态
+const materialName = ref([]); // 产品料号绑定
+const materialCategory = ref([]); // 物料类别
+const priority = ref([]); // 重要排序
+const dates = ref([]); // 开工时间日期
+const creationTimeRange = ref([]); // 创建时间区间
+const showDivider = ref(false);
+// 订单状态
+const workOrderStatusList = computed(() => [
+  {
+    text: t('noDispatch'),
+    value: 0,
+  },
+  {
+    text: t('noStart'),
+    value: 1,
+  },
+  {
+    text: t('underExecution'),
+    value: 2,
+  },
+  {
+    text: t('workEnd'),
+    value: 3,
+  },
+  {
+    text: t('alreadyOverdue'),
+    value: 4,
+  },
+  {
+    text: t('closed'),
+    value: 5,
+  },
+]);
+// 重要排序
+const importantSortList = computed(() => [
+  {
+    value: 4,
+    text: t('topPriority'),
+  },
+  {
+    value: 3,
+    text: t('priority'),
+  },
+  {
+    value: 2,
+    text: t('normal'),
+  },
+  {
+    value: 1,
+    text: t('secondary'),
+  },
+  {
+    value: 0,
+    text: t('leastImportant'),
+  },
+]);
+const query = () => {
+  const rangeList = [];
+  if (dates.value?.length) {
+    rangeList.push(Number(dayjs(dates.value[0]).format('x')), Number(dayjs(dates.value[1]).endOf('day').format('x')));
+  }
+  const creationTimeRangeList = [];
+  if (creationTimeRange.value?.length) {
+    creationTimeRangeList.push(
+      Number(dayjs(creationTimeRange.value[0]).format('x')),
+      Number(dayjs(creationTimeRange.value[1]).endOf('day').format('x')),
+    );
+  }
+  const params = {
+    orderNumber: orderNumber.value || '',
+    productionOrderNumber: productionOrderNumber.value || '',
+    priority: priority.value,
+    orderProductionOrderFuzzy: '',
+    productionOrderStatus: productStatus.value || [],
+    productionOrderExpectedStartDayInterval: rangeList.length !== 0 ? rangeList : null,
+    consDate: creationTimeRangeList.length !== 0 ? creationTimeRangeList : null,
+    partNumberPreciseList: materialName.value,
+    materialCategoryId: materialCategory.value,
+    orderSettingList: [],
+  };
+  emit('filterSearch', params);
+};
+const reset = () => {
+  orderNumber.value = '';
+  productionOrderNumber.value = '';
+  priority.value = [];
+  productStatus.value = [0, 1, 2];
+  dates.value = [];
+  materialName.value = [];
+  materialCategory.value = [];
+  creationTimeRange.value = [];
+};
+function parentSaveData(val) {
+  emit('parentSaveData', val);
+}
+const init = () => {
+  query();
+};
+const productionOrderList = (queryString, cb) => {
+  const data = {
+    count: 50,
+    startIndex: 0,
+    productionOrderNumber: queryString ? queryString.trim() : '',
+    needAll: false,
+  };
+  apiFunction
+    .selectProductionOrderNumber(data)
+    .then((res) => {
+      if (res.data.code === 0) {
+        const results = res.data.content.data.map((i) => ({ value: i }));
+        cb(results);
+      }
+    })
+    .catch(() => {
+      ElMessage.error(t('apiError'));
+    });
+};
+const saleOrderNumberList = (queryString, cb) => {
+  const data = {
+    count: 50,
+    startIndex: 0,
+    orderNumber: queryString ? queryString.trim() : '',
+    needAll: false,
+  };
+  apiFunction
+    .selectNumber(data)
+    .then((res) => {
+      if (res.data.code === 0) {
+        const results = res.data.content.data.map((i) => ({ value: i }));
+        cb(results);
+      }
+    })
+    .catch(() => {
+      ElMessage.error(t('apiError'));
+    });
+};
+
+onMounted(() => {
+  const stockViewQueryDataObj = window.stockViewQueryDataObj;
+  let searchObj = {};
+  if (stockViewQueryDataObj) {
+    searchObj = stockViewQueryDataObj.searchObj;
+  }
+  if (searchObj?.sourceOrderNumber) {
+    productionOrderNumber.value = searchObj.sourceOrderNumber;
+  }
+});
+onBeforeUnmount(() => {
+  delete window.stockViewQueryDataObj;
+});
+defineExpose({
+  init,
+  query,
+});
+</script>
+
+<style scoped>
+.button-container {
+  min-width: 240px;
+}
+</style>

package/src/views/productionWorkOrder/configFiles/excelImportErrorCode.json

@@ -0,0 +1,94 @@
+{
+  "orderNumberIsNullOrEmpty": 100,
+  "orderNumberLengthExceeded": 101,
+  "orderCustomerNameLengthExceeded": 102,
+  "orderExpectedDueIsNotDate": 103,
+  "orderCustomerNameInconsistent": 104,
+  "orderExpectedDueInconsistent": 105,
+  "productionOrderNumberIsNullOrEmpty": 200,
+  "productionOrderNumberLengthExceeded":201,
+  "productionOrderNumberIsExist": 202,
+  "partNumberIsNullOrEmpty": 203,
+  "partNumberNotExist": 204,
+  "productionOrderRequiredThroughputIsNullOrEmpty": 205,
+  "productionOrderRequiredThroughputIsNotNumber": 206,
+  "productionOrderRequiredThroughputIsNotGreaterThanZero": 207,
+  "productionOrderRequiredThroughputIsNotGreaterThanIntMaxValue": 208,
+  "productionOrderExpectedStartDateIsNotDate": 209,
+  "productionOrderExpectedDueDateIsNotDate":210,
+  "productRouteNameIsNullOrEmpty":211,
+  "productRouteNameNotExist":212,
+  "productionOrderPriorityIsNotCorrectType":213,
+  "productionOrderPartNumberInconsistent":214,
+  "productionOrderRequiredThroughputInconsistent":215,
+  "productionOrderExpectedStartDateInconsistent":216,
+  "productionOrderExpectedDueDateInconsistent":217,
+  "productionOrderProductRouteNameInconsistent":218,
+  "productionOrderPriorityInconsistent":219,
+  "productionOrderOrderInconsistent":220,
+  "productionOrderNumberDuplicate":221,
+  "productionOrderBatchNumberIsExist":222,
+  "partNumberStatusIsDisable": 223,
+  "productionOrderCustomFieldValueLengthError":224,
+  "processOrderCustomFieldValueLengthError":225,
+  "workOrderCustomFieldValueLengthError":226,
+  "productionOrderNotFindCustomOption": 227,
+  "productionOrderDateFormatError":228,
+  "productionOrderCustomFieldInconsistent": 229,
+  "productionProcessIsNullOrEmpty": 300,
+  "productionProcessIsNotNumber": 301,
+  "productionProcessNotExist": 302,
+  "processOrderRequiredThroughputIsNullOrEmpty": 303,
+  "processOrderRequiredThroughputIsNotNumber": 304,
+  "processOrderRequiredThroughputIsNotGreaterThanZero": 305,
+  "processOrderRequiredThroughputIsNotGreaterThanIntMaxValue": 306,
+  "processOrderExpectedStartDateIsNotDate": 307,
+  "processOrderExpectedDueDateIsNotDate":308,
+  "processOrderPriorityIsNotCorrectType": 309,
+  "processOrderRequiredThroughputInconsistent": 310,
+  "processOrderExpectedStartDateInconsistent": 311,
+  "processOrderExpectedDueDateInconsistent": 312,
+  "processOrderPriorityInconsistent": 313,
+  "processOrderNotFindCustomOption":314,
+  "processOrderDateFormatError":315,
+  "processOrderCustomFieldInconsistent": 316,
+  "workOrderEquipGroupNameNotExist": 400,
+  "workOrderEquipNameNotExist": 401,
+  "workOrderShiftNameNotExist": 402,
+  "workOrderEmpNumberNotExist": 403,
+  "workOrderRequiredThroughputIsNotNumber": 404,
+  "workOrderRequiredThroughputIsNotGreaterThanZero": 405,
+  "workOrderRequiredThroughputIsNotGreaterThanIntMaxValue": 406,
+  "workOrderExpectedStartDateIsNotDate": 407,
+  "workOrderExpectedDueDateIsNotDate": 408,
+  "workOrderRequiredThroughputKeyIsNullOrEmpty": 409,
+  "workOrderBatchNumberIsNotBelongToProductionOrder": 410,
+  "workOrderNotFindCustomOption":411,
+  "workOrderDateFormatError":412,
+  "onlyOrderProductionOrderDataLegal": 500,
+  "productionOrderOtherRowDataError": 501,
+  "notFindCustomFieldId": 502,
+  "salespersonMustExistWithinTheSystem": 106,
+  "theLengthEmployeeNumberExceed20": 107,
+  "theLengthSourceOrderNumberExceed50Characters": 230,
+  "theFormatError": 231,
+  "theLengthProductionNumberExceed50Characters": 232,
+  "workOrderProductionNumberFormatError": 233,
+  "duplicateWorkOrderProductionNumber": 234,
+  "theProductionNumberAlreadyExistsInTheSystem": 235,
+  "orderSalesmanIsDisable": 108,
+  "sameOrderNumberSalespersonConsistent": 109,
+  "customFieldIDIsIllegal": 503,
+  "illegalDocumentType": 504,
+  "customFieldsAreRequired": 505,
+  "customTextCannotExceed50Characters": 506,
+  "customNumbersExceed15Characters": 507,
+  "customHyperlinkFillingIsIllegal": 508,
+  "customSingleChoiceFillingIsIllegal": 509,
+  "customMultipleChoiceFillingIsIllegal": 510,
+  "illegalCustomTimeFilling": 511,
+  "illegalFillingCustomTimeInterval": 512,
+  "customNumberFillingIsIllegal": 513,
+  "ProductionOrderExpectedStartDateLatterThanDueDate": 236,
+  "customTextCannotExceed200Characters": 514
+}