From 969a6edfee46e6e81bcb6d3e27c3701661ec9caf Mon Sep 17 00:00:00 2001
From: qiuhongwu <Qhw0227@163.com>
Date: Fri, 24 May 2024 16:19:22 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E5=B7=A5=E8=89=BA=E8=B7=AF=E7=BA=BF?=
 =?UTF-8?q?=E3=80=91=E5=88=97=E8=A1=A8=E9=A1=B5=20=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=20=E9=9D=99=E6=80=81=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/biz/productcraftpath/index.vue  | 260 ++++++++++++
 .../views/biz/productcraftpath/pathdetail.vue | 388 ++++++++++++++++++
 2 files changed, 648 insertions(+)
 create mode 100644 mes-ui/mes-ui-admin-vue3/src/views/biz/productcraftpath/index.vue
 create mode 100644 mes-ui/mes-ui-admin-vue3/src/views/biz/productcraftpath/pathdetail.vue

diff --git a/mes-ui/mes-ui-admin-vue3/src/views/biz/productcraftpath/index.vue b/mes-ui/mes-ui-admin-vue3/src/views/biz/productcraftpath/index.vue
new file mode 100644
index 00000000..749a227b
--- /dev/null
+++ b/mes-ui/mes-ui-admin-vue3/src/views/biz/productcraftpath/index.vue
@@ -0,0 +1,260 @@
+<template>
+  <el-card class="hl-card">
+    <template #header>
+      <span>工艺路线</span>
+    </template>
+    <ContentWrap class="borderxx">
+      <!-- 搜索工作栏 -->
+      <el-form
+        class="-mb-15px"
+        :model="queryParams"
+        ref="queryFormRef"
+        :inline="true"
+        label-width="115px"
+      >
+        <el-form-item label="工艺路线编码">
+          <el-input
+            v-model="queryParams.code"
+            class="!w-240px"
+            clearable
+            placeholder="工艺路线编码"
+            @keyup.enter="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item label="工艺路线名称">
+          <el-input
+            v-model="queryParams.name"
+            class="!w-240px"
+            clearable
+            placeholder="工艺路线编码"
+            @keyup.enter="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item style="margin-left: 20px">
+          <el-button @click="handleQuery" type="primary">
+            <Icon icon="ep:search" class="mr-5px" /> 查询
+          </el-button>
+          <el-button @click="resetQuery">
+            <Icon icon="ep:refresh" class="mr-5px" /> 重置
+          </el-button>
+          <el-button @click="openDetail('create')" plain type="primary">
+            <Icon icon="ep:plus" class="mr-5px" /> 新增
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </ContentWrap>
+
+    <!-- 列表 -->
+    <ContentWrap>
+      <el-table
+        v-loading="loading"
+        :data="list"
+        :stripe="true"
+        :show-overflow-tooltip="true"
+        class="hl-table"
+      >
+        <el-table-column fixed label="序号" type="index" width="60" align="center" />
+        <el-table-column fixed label="工艺路线编码" align="center" prop="code" min-width="160">
+          <template #default="scope">
+            <el-button link type="primary" @click="openDetail('detail', scope.row.id)">
+              {{ scope.row.code }}
+            </el-button>
+          </template>
+        </el-table-column>
+        <el-table-column label="工艺路线名称" align="center" prop="name" min-width="120" />
+        <el-table-column
+          fixed="right"
+          label="创建人"
+          align="center"
+          prop="ownerName"
+          min-width="120"
+        />
+
+        <el-table-column
+          label="创建时间"
+          align="center"
+          prop="submitTime"
+          :formatter="dateFormatter2"
+          min-width="140"
+        />
+        <el-table-column
+          fixed="right"
+          label="修改人"
+          align="center"
+          prop="updataName"
+          min-width="120"
+        />
+        <el-table-column
+          label="修改时间"
+          align="center"
+          prop="updataTime"
+          :formatter="dateFormatter2"
+          min-width="140"
+        />
+        <el-table-column label="启用状态" align="center" prop="status">
+          <template #default="scope">
+            <dict-tag :type="DICT_TYPE.BIZ_COMMON_STATUS" :value="scope.row.status" />
+          </template>
+        </el-table-column>
+        <el-table-column fixed="right" label="操作" align="center" min-width="140">
+          <template #header>
+            <span style="margin-right: 30%">操作</span>
+          </template>
+          <template #default="scope">
+            <el-button link type="primary" @click="openDetail('update', scope.row.id)">
+              编辑
+            </el-button>
+            <!-- <el-dropdown>
+              <span class="el-dropdown-link"
+                >更多
+                <el-icon class="el-icon--right">
+                  <arrow-down />
+                </el-icon>
+              </span>
+              <template #dropdown>
+                <el-dropdown-menu>
+                  <el-dropdown-item @click="handleDelete(scope.row.id)">删除</el-dropdown-item>
+                  <el-dropdown-item @click="openDetail('detail', scope.row.id)"
+                    >查看详情</el-dropdown-item
+                  >
+                </el-dropdown-menu>
+              </template>
+            </el-dropdown> -->
+            <!-- <el-button link type="danger" @click="handleDelete(scope.row.id)">
+              删除
+            </el-button>-->
+            <el-button link type="primary" @click="openDetail('detail', scope.row.id)">
+              查看详情
+            </el-button> 
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页 -->
+      <Pagination
+        :total="total"
+        v-model:page="queryParams.pageNo"
+        v-model:limit="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </ContentWrap>
+  </el-card>
+</template>
+
+<script setup lang="ts">
+import { getStrDictOptions, DICT_TYPE, getDictLabel, getIntDictOptions } from '@/utils/dict'
+import { dateFormatter, dateFormatter2, formatDate } from '@/utils/formatTime'
+import download from '@/utils/download'
+import * as EquipMaintenanceRecordApi from '@/api/biz/equipmaintenancerecord'
+
+import { useCommonStateWithOut } from '@/store/modules/common'
+import { useUserStore } from '@/store/modules/user'
+import WorkshopSelect from '@/views/biz/hlvuestyle/workshopSelect.vue'
+import EquipmentSelect from '@/views/biz/hlvuestyle/equipmentSelect.vue'
+defineOptions({ name: 'ProcessDesign3D' })
+
+const message = useMessage() // 消息弹窗
+const { t } = useI18n() // 国际化
+const router = useRouter()
+const commonStore = useCommonStateWithOut()
+const userStore = useUserStore()
+const username = userStore.getUser.nickname
+
+const loading = ref(true) // 列表的加载中
+const list = ref([]) // 列表的数据
+const total = ref(0) // 列表的总页数
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 10,
+  code: undefined,
+  name: undefined
+})
+const queryFormRef = ref() // 搜索的表单
+const exportLoading = ref(false) // 导出的加载中
+
+/** 查询列表 */
+const getList = async () => {
+  loading.value = true
+  try {
+    const data = await EquipMaintenanceRecordApi.getEquipMaintenanceRecordPage(queryParams)
+    list.value = data.list
+    total.value = data.total
+  } finally {
+    loading.value = false
+  }
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.pageNo = 1
+  getList()
+}
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value.resetFields()
+  handleQuery()
+}
+
+/** 添加/修改操作 */
+const formRef = ref()
+const openForm = (type: string, id?: number) => {
+  formRef.value.open(type, id)
+}
+
+/** 添加/修改操作 */
+const openDetail = (type: string, id?: number) => {
+  commonStore.setStore('active', type)
+  commonStore.setStore('id', id)
+  router.push({
+    name: 'productcraftpathdetail',
+    query: {
+      active: type,
+      id: id
+    }
+  })
+}
+
+/** 删除按钮操作 */
+const handleDelete = async (id: number) => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起删除
+    // await EquipMaintenanceRecordApi.deleteEquipMaintenanceRecord(id)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
+/** 导出按钮操作 */
+const handleExport = async () => {
+  try {
+    // 导出的二次确认
+    await message.exportConfirm()
+    // 发起导出
+    exportLoading.value = true
+    const data = await ProcessDesignApi.exportProcessDesign(queryParams)
+    download.excel(data, '工艺设计.xls')
+  } catch {
+  } finally {
+    exportLoading.value = false
+  }
+}
+
+/** 初始化 **/
+onMounted(() => {
+  getList()
+})
+
+</script>
+
+<style scoped>
+.el-dropdown-link {
+  cursor: pointer;
+  margin: 6px;
+  color: var(--el-color-primary);
+  display: flex;
+  align-items: center;
+}
+</style>
diff --git a/mes-ui/mes-ui-admin-vue3/src/views/biz/productcraftpath/pathdetail.vue b/mes-ui/mes-ui-admin-vue3/src/views/biz/productcraftpath/pathdetail.vue
new file mode 100644
index 00000000..3e1a897e
--- /dev/null
+++ b/mes-ui/mes-ui-admin-vue3/src/views/biz/productcraftpath/pathdetail.vue
@@ -0,0 +1,388 @@
+<template>
+  <el-card class="hl-card">
+    <template #header>
+      <span><span v-html="dialogTitle"></span>页</span>
+    </template>
+    <el-form
+      ref="formRef"
+      :rules="formRules"
+      label-width="120px"
+      :model="formData"
+      v-loading="formLoading"
+    >
+      <!-- 基础信息-->
+      <el-card class="hl-card-info">
+        <template #header>
+          <div class="hl-card-info-icona"></div><span class="hl-card-info-text">基础信息</span>
+        </template>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="工艺路线编码" prop="">
+              <el-input
+                class="!w-260px"
+                disabled
+                v-model="formData.code"
+                placeholder="工艺路线编码"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="工艺路线名称" prop="name">
+              <el-input
+                class="!w-260px"
+                disabled
+                v-model="formData.name"
+                placeholder="工艺路线名称"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="启用状态" prop="status">
+              <el-radio-group v-model="formData.status">
+                <el-radio
+                  v-for="dict in getIntDictOptions(DICT_TYPE.BIZ_COMMON_STATUS)"
+                  :key="dict.value"
+                  :label="dict.value"
+                >
+                  {{ dict.label }}
+                </el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-card>
+      <!--  工序明细   -->
+      <el-card class="hl-card-info">
+        <template #header>
+          <div class="hl-card-info-icona"></div><span class="hl-card-info-text">工序明细</span>
+        </template>
+        <el-row>
+          <el-col>
+            <el-card class="hl-incard">
+              <el-col>
+                <el-button class="hl-addbutton" type="primary" size="large" @click="openMatForm"
+                  >新增</el-button
+                >
+              </el-col>
+              <el-form
+                ref="subFormRef"
+                :model="formData.subList"
+                :rules="subFormRules"
+                v-loading="subFormLoading"
+                label-width="0"
+              >
+                <el-table :data="formData.subList" class="hl-table">
+                  <el-table-column type="index" label="序号" align="center" min-width="60" fixed />
+                  <el-table-column prop="matName" label="工序名称" min-width="120" align="center" />
+                  <el-table-column prop="matCode" label="工序编码" min-width="120" align="center" />
+                  <el-table-column
+                    label="是否需要报工"
+                    align="center"
+                    prop="isReport"
+                    min-width="120"
+                  >
+                    <template #default="scope">
+                      <dict-tag
+                        :type="DICT_TYPE.BIZ_COMMON_IS_OR_NOT"
+                        :value="scope.row.isReport"
+                      />
+                    </template>
+                  </el-table-column>
+                  <el-table-column
+                    label="默认工资类型"
+                    align="center"
+                    prop="salaryType"
+                    min-width="120"
+                  >
+                    <template #default="scope">
+                      {{ getDictLabel(DICT_TYPE.BIZ_SALARY_TYPE, scope.row.salaryType) }}
+                    </template>
+                  </el-table-column>
+                  <el-table-column label="所属车间" align="center" prop="wname" min-width="120" />
+                  <el-table-column prop="" width="120" label="顺序号">
+                    <template #default="scope">
+                      <el-input v-model="scope.row.proportionNum" :disabled="!scope.row.editable" />
+                    </template>
+                  </el-table-column>
+                  <el-table-column label="生产设备" min-width="180" align="center">
+                    <template #default="{ row, $index }">
+                      <el-form-item
+                        :prop="`${$index}.deviceModel`"
+                        :rules="subFormRules.deviceModel"
+                        class="mb-0px!"
+                      >
+                        <EquipmentSelect
+                          v-model="row.deviceModel"
+                          @update:newValue="handleSelectedequip($index, $event)"
+                          :disabled="detailDisabled || row.procedureStatus != 0"
+                        />
+                      </el-form-item>
+                    </template>
+                  </el-table-column>
+                  <el-table-column label="操作" align="center" width="120" fixed="right">
+                    <template #default="scope">
+                      <el-button
+                        link
+                        type="danger"
+                        size="small"
+                        @click.prevent="handleDeleteMat(scope.$index)"
+                      >
+                        删除
+                      </el-button>
+                    </template>
+                  </el-table-column>
+                </el-table>
+              </el-form>
+            </el-card>
+          </el-col>
+        </el-row>
+      </el-card>
+
+      <!--  适用产品   -->
+      <el-card class="hl-card-info">
+        <template #header>
+          <div class="hl-card-info-icona"></div><span class="hl-card-info-text">适用产品</span>
+        </template>
+        <el-row>
+          <el-col>
+            <el-card class="hl-incard">
+              <el-col>
+                <el-button class="hl-addbutton" type="primary" size="large" @click="onAddItem"
+                  >新增</el-button
+                >
+              </el-col>
+              <el-form
+                ref="subBoomFormRef"
+                :model="formData.matItemDOList"
+                :rules="matItemFormRules"
+                v-loading="matItemFormLoading"
+                label-width="0"
+              >
+                <el-table :data="formData.matItemDOList" class="hl-table">
+                  <el-table-column type="index" label="序号" align="center" min-width="60" fixed />
+                  <el-table-column prop="matCode" label="物料编码" min-width="120" align="center" />
+                  <el-table-column prop="matName" label="物料名称" min-width="120" align="center" />
+                  <el-table-column prop="matType" label="物料类型" min-width="125" align="center">
+                    <template #default="scope">
+                      <dict-tag
+                        :type="DICT_TYPE.BIZ_MATERIAL_TYPE"
+                        :value="scope.row.matType"
+                        v-if="scope.row.matType ? true : false"
+                      />
+                    </template>
+                  </el-table-column>
+                  <el-table-column
+                    prop="matSpec"
+                    label="规格/型号"
+                    min-width="120"
+                    align="center"
+                  />
+                  <el-table-column prop="matUnit" label="系统单位" min-width="100" align="center">
+                    <template #default="scope">
+                      <dict-tag
+                        :type="DICT_TYPE.BIZ_MATERIAL_UNIT"
+                        :value="scope.row.matUnit"
+                        v-if="scope.row.matUnit ? true : false"
+                      />
+                    </template>
+                  </el-table-column>
+
+                  <el-table-column label="操作" align="center" width="120" fixed="right">
+                    <template #default="scope">
+                      <el-button
+                        link
+                        type="danger"
+                        size="small"
+                        @click.prevent="handleDeleteMat(scope.$index)"
+                        v-bind:disabled="formData.status == 2 || formData.status == 3"
+                      >
+                        删除
+                      </el-button>
+                    </template>
+                  </el-table-column>
+                </el-table>
+              </el-form>
+            </el-card>
+          </el-col>
+        </el-row>
+      </el-card>
+      <!-- 系统信息 -->
+      <el-card class="hl-card-info" v-if="active != 'create'">
+        <template #header>
+          <div class="hl-card-info-icona"></div><span class="hl-card-info-text">系统信息</span>
+        </template>
+        <el-row>
+          <el-col :span="4" />
+          <el-col :span="8">
+            <el-form-item label="创建人" prop="creatorName">
+              <el-input class="!w-260px" v-model="formData.creatorName" placeholder="" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="创建时间" prop="createTime">
+              <el-date-picker
+                class="!w-260px"
+                v-model="formData.createTime"
+                type="datetime"
+                value-format="x"
+                placeholder=""
+                disabled
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="4" />
+
+          <el-col :span="8">
+            <el-form-item label="修改人" prop="updaterName">
+              <el-input class="!w-260px" v-model="formData.updaterName" placeholder="" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="修改时间" prop="updateTime">
+              <el-date-picker
+                class="!w-260px"
+                v-model="formData.updateTime"
+                type="datetime"
+                value-format="x"
+                placeholder=""
+                disabled
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-card>
+      <div class="text-center hl-footer">
+        <el-button @click="goback" size="large">取 消</el-button>
+        <el-button
+          v-if="active != 'detail'"
+          @click="submitForm()"
+          type="primary"
+          :disabled="formLoading"
+          size="large"
+          >保 存</el-button
+        >
+      </div>
+    </el-form>
+  </el-card>
+</template>
+<script setup lang="ts">
+import { DICT_TYPE, getStrDictOptions,getIntDictOptions } from '@/utils/dict'
+import { useUserStore } from '@/store/modules/user'
+import UserSelect from '@/views/biz/hlvuestyle/userSelect.vue'
+import EquipmentSelect from '@/views/biz/hlvuestyle/equipmentSelect.vue'
+import * as EquipMaintenanceRecordApi from '@/api/biz/equipmaintenancerecord'
+import { useCommonStore } from '@/store/modules/common'
+
+const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
+// const { query } = useRoute()
+// const active = toRef(query, 'active')
+// const activeId = toRef(query, 'id')
+const router = useRouter()
+const reload: any = inject('reload')
+const commonStore = useCommonStore()
+
+const active = toRef(commonStore.getStore('active'))
+const activeId = toRef(commonStore.getStore('id'))
+
+const dialogVisible = ref(false) // 弹窗的是否展示
+const dialogTitle = ref('') // 弹窗的标题
+const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+const formType = ref('') // 表单的类型：create - 新增；update - 修改
+const formData = ref({
+  id: undefined,
+  code: undefined,
+  name: undefined,
+  status: 1,
+  subList: [],
+  matItemDOList: [],
+  creatorName: undefined,
+  createTime: undefined,
+  updaterName: undefined,
+  updateTime: undefined
+})
+const formRules = reactive({
+  code: [{ required: true, message: '编码，唯一不能为空', trigger: 'blur' }],
+
+  status: [{ required: true, message: '状态,1表示正常，2表示禁用不能为空', trigger: 'blur' }]
+})
+const formRef = ref() // 表单 Ref
+onMounted(() => {
+  console.log('active', active.value, activeId.value)
+  initData()
+})
+const detailDisabled = ref(false)
+const updateDisabled = ref(false)
+const initData = async () => {
+  resetForm()
+  if ('detail' == active.value) {
+    detailDisabled.value = true
+  }
+  if ('update' == active.value) {
+    updateDisabled.value = true
+  }
+  await queryData(active.value, activeId.value)
+}
+const queryData = async (type: string, id?: number) => {
+  dialogTitle.value = t('action.' + type)
+  if (type == 'create') {
+    formData.value.submitTime = new Date().getTime()
+  }
+
+  if (type == 'update' || type == 'detail') {
+    // const res = await EquipMaintenanceRecordApi.getEquipMaintenanceRecord(id)
+    // formData.value = res
+  }
+}
+
+/** 提交表单 */
+const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+const submitForm = async () => {
+  // 校验表单
+  await formRef.value.validate()
+  // 提交请求
+  formLoading.value = true
+  try {
+    const data = formData.value as unknown as EquipMaintenanceRecordApi.EquipMaintenanceRecordVO
+    if (active.value === 'create') {
+      const dataid = await EquipMaintenanceRecordApi.createEquipMaintenanceRecord(data)
+      message.success(t('common.createSuccess'))
+      commonStore.setStore('active', 'update')
+      commonStore.setStore('id', dataid)
+      reload()
+    } else {
+      await EquipMaintenanceRecordApi.updateEquipMaintenanceRecord(data)
+      message.success(t('保存成功'))
+    }
+    dialogVisible.value = false
+    // 发送操作成功的事件
+    emit('success')
+    // goback()
+  } finally {
+    formLoading.value = false
+  }
+}
+const goback = () => {
+  router.back()
+}
+/** 重置表单 */
+const resetForm = () => {
+  formData.value = {
+    id: undefined,
+    code: undefined,
+    name: undefined,
+    status: 1,
+    subList: [],
+    matItemDOList: [],
+    creatorName: undefined,
+    createTime: undefined,
+    updaterName: undefined,
+    updateTime: undefined
+  }
+}
+
+const handleSelectedequip = (index, newValue: any) => {}
+</script>
+<style scoped lang="scss"></style>