0603电子图纸

src/api/business/drawing.js

@@ -0,0 +1,52 @@
+import request from '@/utils/request'
+const baseUrl = import.meta.env.VITE_APP_BASE_API
+
+// 查询电子图纸列表
+export function listDrawing(query) {
+  return request({
+   url: baseUrl +'/business/drawing/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询图纸名
+export function drawingByName(query) {
+  return request({
+   url: baseUrl +'/business/drawing/byName',
+    method: 'get',
+    params: query
+  })
+}
+// 查询电子图纸详细
+export function getDrawing(id) {
+  return request({
+   url: baseUrl +'/business/drawing/' + id,
+    method: 'get'
+  })
+}
+
+// 新增电子图纸
+export function addDrawing(data) {
+  return request({
+   url: baseUrl +'/business/drawing',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改电子图纸
+export function updateDrawing(id) {
+  return request({
+   url: baseUrl +'/business/drawing/' + id,
+    method: 'put',
+  })
+}
+
+// 删除电子图纸
+export function delDrawing(id) {
+  return request({
+   url: baseUrl +'/business/drawing/' + id,
+    method: 'delete'
+  })
+}

src/api/business/drawingRecords.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+const baseUrl = import.meta.env.VITE_APP_BASE_API
+// 查询电子图纸操作记录列表
+export function listRecords(query) {
+  return request({
+    url: baseUrl +'/business/records/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询电子图纸操作记录详细
+export function getRecords(id) {
+  return request({
+    url: baseUrl +'/business/records/' + id,
+    method: 'get'
+  })
+}
+
+// 新增电子图纸操作记录
+export function addRecords(data) {
+  return request({
+    url: baseUrl +'/business/records',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改电子图纸操作记录
+export function updateRecords(data) {
+  return request({
+    url: baseUrl +'/business/records',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除电子图纸操作记录
+export function delRecords(id) {
+  return request({
+    url: baseUrl +'/business/records/' + id,
+    method: 'delete'
+  })
+}

src/views/business/product/drawingForm.vue

@@ -0,0 +1,308 @@
+<template>
+  <!-- 添加或修改项目信息对话框 -->
+  <el-drawer v-model="visible" size="30%" direction="rtl" :close-on-press-escape="false">
+    <div class="page-container form-container">
+      <div class="form-btns-container">
+        <span class="title-label"><el-icon>
+            <Document />
+          </el-icon>
+          电子工艺图纸</span>
+      </div>
+
+      <!-- 搜索区域 -->
+      <el-form class="list-search-container" :inline="true">
+        <el-form-item>
+          <el-upload :action="webHost + '/common/upload'" :headers="headers" :on-success="handleSuccess"
+            :on-exceed="handleExceed" :before-upload="beforeUpload" :show-file-list="false">
+            <el-button type="success" icon="Plus">上传图纸
+            </el-button>
+          </el-upload>
+          <el-button type="primary" icon="Search" @click="handleRecords" style="margin-left: 10px;">操作历史
+          </el-button>
+        </el-form-item>
+      </el-form>
+      <!-- 列表区 -->
+      <div class="el-table-container">
+        <el-table ref="equipmentTable" v-loading="loading" row-key="id" @selection-change="handleSelectionChange"
+          :data="form.drawingList" height="100%">
+          <!-- <el-table-column type="selection" width="40" align="center" /> -->
+          <el-table-column label="图纸" prop="drawingName" align="center" />
+          <el-table-column fixed="right" label="操作" align="center" width="140px">
+            <template #default="scope">
+              <el-button link type="primary" @click="handlePreview(scope.row)">预览
+              </el-button>
+              <el-button link type="success" plain @click="handleDownload(scope.row)">下载</el-button>
+
+              <el-button link type="danger" @click="handleDelete(scope.row.id)">删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <!-- 分页 -->
+      <pagination v-show="total > 0" :total="total" v-model:page="form.pageNum" v-model:limit="form.pageSize"
+        @pagination="open" />
+    </div>
+
+    <el-dialog v-model="dialogVisible" width="1500px">
+      <iframe :src="pdfCover" style="width: 100%; height: 800px"></iframe>
+    </el-dialog>
+
+    <!-- 添加或修改app版本管理对话框 -->
+    <el-dialog title="查询到有同名文件" v-model="openRecords" width="280px" append-to-body>
+
+      <template #footer>
+        <div>
+          <el-button type="primary" @click="coverDrawing">覆 盖</el-button>
+          <el-button type="success" @click="saveDrawing">不 覆 盖</el-button>
+          <el-button type="info" @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </el-drawer>
+  <!-- 图纸弹窗 -->
+  <redcord-dialog ref="redcordsForm" />
+  <!-- <pdf :src="pdfUrl" /> -->
+</template>
+<script setup>
+// import  PDF  from 'vue-pdf';
+import {
+  listDrawing,
+  addDrawing,
+  delDrawing,
+  updateDrawing,
+  drawingByName
+} from "@/api/business/drawing";
+import redcordDialog from './recordsDialog'
+import { getToken } from '@/utils/auth'
+const webHost = import.meta.env.VITE_APP_BASE_API
+const { proxy } = getCurrentInstance();
+const total = ref(0)
+const emit = defineEmits(["handleSaveResourceSuccess"]);
+/** 表单抽屉 页变量 */
+const processDetail = ref({});
+/**覆盖对话框显示 */
+const openRecords = ref(false)
+const formLoading = ref(false)
+const pdfCover = ref('')
+const dialogVisible = ref(false)
+const pdfUrl = ref('')
+/**不覆盖文件名 */
+const coverName = ref('')
+const repeatingDrawings = ref([])
+const selections = ref([]);
+const headers = { Authorization: getToken() }
+const loading = ref(false);
+const visible = ref(false);
+/** 查询对象 */
+const data = reactive({
+  form: {
+    pageNum: 1,
+    pageSize: 10,
+    groupDetailList: [],
+    code: "",
+    remark: "",
+    type: false
+  },
+  rules: {
+    code: [{ required: true, message: "资源组编码不能为空", trigger: "blur" }],
+  },
+});
+const { form, rules } = toRefs(data);
+
+/***********************  方法区  ****************************/
+/** 打开抽屉 */
+function open(row) {
+
+  processDetail.value = row
+  loading.value = true;
+  form.value.technologicalProcessDetailId = row.id
+  listDrawing(form.value).then(res => {
+    form.value.drawingList = res.rows
+    total.value = res.total
+
+  })
+  loading.value = false;
+  visible.value = true;
+};
+/**
+ * 打开操作页面
+ */
+function handleRecords() {
+  proxy.$refs.redcordsForm.open(processDetail.value);
+}
+
+/**
+ * 列表checkbox列选择 事件
+ */
+function handleSelectionChange(selection) {
+  selections.value = selection;
+}
+
+
+
+/** 文件下载 */
+function handleDownload(row) {
+  console.log(webHost + row.url)
+
+  return new Promise((resolve, reject) => {
+    const xhr = new XMLHttpRequest();
+    xhr.open('GET', webHost + row.url, true);
+    xhr.responseType = 'blob';
+    xhr.upload.onprogress = (e) => {
+      if (e.lengthComputable) {
+        let progress = e.loaded / e.total;
+        console.log('文件上传进度是', progress);
+      }
+    };
+    xhr.onload = function () {
+      const url = window.URL.createObjectURL(xhr.response);
+      const eleLink = document.createElement('a');
+      eleLink.href = webHost + row.url;
+      eleLink.download = `${row.drawingName}`;
+      eleLink.style.display = 'none';
+      document.body.appendChild(eleLink);
+      eleLink.click();
+      document.body.removeChild(eleLink);
+      resolve('success');
+    };
+    xhr.onerror = (e) => {
+      proxy.$modal.msgError('下载文件失败!')
+      reject(e);
+    };
+    xhr.send();
+  });
+
+  // window.location.href = webHost + url
+}
+/**删除 */
+function handleDelete(id) {
+  proxy.$modal
+    .confirm('是否确认删除选中的电子图纸？')
+    .then(function () {
+      return delDrawing(id)
+    })
+    .then(() => {
+      reset();
+      open(processDetail.value)
+      proxy.$modal.msgSuccess('删除成功！')
+    })
+
+}
+
+/**上传成功回调 */
+function handleSuccess(row) {
+  form.value.url = row.fileName
+
+  var fileDrawing = {}
+  fileDrawing.drawingName = row.originalFilename
+  fileDrawing.technologicalProcessDetailId = processDetail.value.id
+  drawingByName(fileDrawing).then(res => {
+    if (res.code == 200) {
+      repeatingDrawings.value = res.data
+      if (repeatingDrawings.value.length == 0) {
+        coverName.value = row.originalFilename
+        saveDrawing();
+      } else {
+        //有同名文件，询问是否覆盖
+        openRecords.value = true
+        coverName.value = row.originalFilename
+        // coverName.value = row.originalFilename.slice(0, -4) + "_" + row.newFileName.slice(-6, -4) + row.originalFilename.slice(-4);
+      }
+    }
+  })
+}
+//覆盖保存
+function coverDrawing() {
+  console.log()
+  updateDrawing(repeatingDrawings.value[0].id).then(res => {
+    if (res.code == 200) {
+      form.value.type = true
+      saveDrawing();
+
+    }
+  })
+}
+//不覆盖保存
+function saveDrawing() {
+
+  form.value.drawingName = coverName.value
+  addDrawing(form.value).then(res => {
+    if (res.code == 200) {
+      reset();
+      open(processDetail.value)
+      formLoading.value = false
+      openRecords.value = false
+    }
+  })
+}
+
+/**预览 */
+function handlePreview(row) {
+
+  //  pdfUrl.value = webHost +row.url
+  // console.log(pdfUrl.value )
+  dialogVisible.value = true
+  pdfCover.value = webHost + row.url
+  // window.open((webHost + row.url))
+}
+
+// 取消按钮
+function cancel() {
+  openRecords.value = false
+}
+/**文件数量超出的回调 */
+function handleExceed(files) {
+  form.value.url = files[0].url
+}
+/** 文件上传前的 回调事件 */
+function beforeUpload(file) {
+  formLoading.value = true
+  const allowedTypes = ['application/pdf'];
+  const isAllowed = allowedTypes.includes(file.type);
+  if (!isAllowed) {
+    proxy.$modal.msgError('只能上传 PDF 格式的文件!')
+  }
+
+}
+/**
+ * 对话框关闭 事件
+ */
+function close() {
+  reset();
+  visible.value = false;
+}
+
+/** 表单重置 */
+function reset() {
+  form.value = {
+    pageNum: 1,
+    pageSize: 10,
+    code: null,
+    remark: null,
+    groupDetailList: [],
+    url: null,
+    drawingName: null,
+    type: false
+  };
+  coverName.value = ''
+  repeatingDrawings.value = []
+  proxy.resetForm("formRef");
+}
+
+
+
+
+
+/** 取消按钮 */
+const handleCancel = () => {
+  visible.value = false;
+  reset();
+};
+
+/** 暴露给父组件的方法 */
+defineExpose({
+  open,
+});
+</script>
+  

src/views/business/product/index.vue

@@ -160,6 +160,7 @@
 							<el-table-column label="工序简称" align="center" prop="processAlias" />
 							<el-table-column v-if="!editStatus" label="操作" width="140px" align="center">
 								<template #default="scope">
+									<el-button link type="primary" @click="handleShowResourceGroupDetailForm(scope.row)"  v-hasPermi="['business:product:add']"> 图纸 </el-button>
 									<el-button v-show="false" v-if="scope.row.editStatus && !editStatus" link type="primary" icon="Check" @click="handleSaveTechnologicalProcessDetail(scope.row)" v-hasPermi="['business:product:add']"> 保存 </el-button>
 									<el-button v-show="false" v-else-if="!editStatus && !scope.row.editStatus" link type="warning" icon="Edit" @click.prevent="scope.row.editStatus = true" v-hasPermi="['business:product:edit']"> 编辑 </el-button>
 									<el-button v-show="false" link type="danger" icon="Delete" @click="handleDeleteTechnologicalProcessDetail(scope.row, scope.$index)" v-hasPermi="['business:product:remove']"> 删除 </el-button>
@@ -174,6 +175,8 @@
 		<product-form ref="productRef" @handleSaveSuccess="handleQueryProduct"></product-form>
 		<!-- 工序弹窗 -->
 		<process-choice ref="processChoiceRef" :multiple-selected="handleProcessSelected"></process-choice>
+		<!-- 图纸弹窗 -->
+		<drawing ref="drawingForm" @handleSaveResourceSuccess="handleRefreshEquipment"/>
 	</div>
 </template>
 
@@ -182,6 +185,7 @@ import { listProduct, delProduct } from '@/api/business/product'
 import { getP2Product } from '@/api/business/p2.js'
 import productForm from './form'
 import processChoice from './DialogProcessChoice'
+import drawing from './drawingForm'
 import { listTechnologicalProcessDetail, saveTechnologicalProcessDetail, delTechnologicalProcessDetail, saveSingleTechnologicalProcessDetail } from '@/api/business/technologicalProcessDetail'
 import { listTechnologicalProcess, saveTechnologicalProcess, delTechnologicalProcess } from '@/api/business/technologicalProcess'
 import { ref } from 'vue'
@@ -526,6 +530,19 @@ function handleAddProcess() {
 	proxy.$refs.processChoiceRef.open()
 }
 
+/**
+ * 打开图纸抽屉
+ */
+function handleShowResourceGroupDetailForm(row) {
+	console.log(row)
+    proxy.$refs.drawingForm.open(row);
+ 
+}
+
+function handleRefreshEquipment(){
+
+}
+
 onMounted(() => {
 	getList()
 })

src/views/business/product/recordsDialog.vue

@@ -0,0 +1,80 @@
+<template>
+  <el-dialog title="电子图纸操作记录" v-model="visible" :width="width" @close="close" append-to-body draggable>
+    <template #header>
+      <span style="color: #fff">电子图纸操作记录</span>
+    </template>
+    <div class="page-container column-container">
+      <el-table ref="dialogTable" :data="list" height="460px" row-key="id" align="center">
+        <el-table-column label="行号" type="index" width="50" align="center" />
+        <el-table-column label="操作人" prop="userName" align="center" />
+        <el-table-column label="操作图纸名称" prop="drawingName" align="center" />
+        <el-table-column label="操作时间" prop="createTime" align="center" />
+        <el-table-column label="操作类型" prop="type" align="center" />
+      </el-table>
+      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+    </div>
+    
+  </el-dialog>
+</template>
+<script setup>
+import { ref } from '@vue/reactivity'
+import { listRecords } from '@/api/business/drawingRecords'
+const { proxy } = getCurrentInstance()
+const visible = ref(false)
+/**设备弹窗变量 */
+const total = ref(0)
+const props = defineProps({
+  width: {
+    type: String,
+    default: '900px'
+  }
+})
+const list = ref([])
+
+/**查询对象 */
+const data = reactive({
+  queryParams: {
+    name: '',
+    pageSize: 10,
+    pageNum: 1
+  }
+})
+const { queryParams } = toRefs(data)
+/***********************  方法区  ****************************/
+/**
+ * 对话框打开 事件
+ */
+function open(row) {
+  visible.value = true
+  if (row) {
+    console.log(row)
+    queryParams.value.technologicalProcessDetailId = row.id
+    getList()
+
+  }
+}
+
+/**
+ * 对话框关闭 事件
+ */
+function close() {
+  // proxy.$refs.dialogForm.resetFields()
+  proxy.$refs.dialogTable.clearSelection()
+  // handleSearch('clear')
+  visible.value = false
+}
+
+/**
+ * 加载数据
+ */
+function getList() {
+  listRecords(queryParams.value).then((res) => {
+    list.value = res.rows
+    total.value = res.total
+  })
+}
+
+defineExpose({
+  open
+})
+</script>