0745

src/views/business/product/index.vue

@@ -81,8 +81,15 @@
 				</div>
 			</div>
 		</section>
-		<!-- 分页 -->
-		<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+		<div class="relative-container" style="background-color: #ececec;">
+			<div class="drawing-info" style="margin-left: 20px;">
+			工艺图纸电子化率：<span style="color: blue;font-size: 22px;">{{ drawingRatio }}%</span>
+			</div>
+			<!-- 分页 -->
+			<div class="pagination-container">
+			<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+			</div>
+		</div>
 
 		<section class="list-part-container row-container" style="flex: 1">
 			<section class="list-part-container" style="flex: 1">
@@ -185,6 +192,7 @@ import { listProduct, delProduct } from '@/api/business/product'
 import { getP2Product } from '@/api/business/p2.js'
 import productForm from './form'
 import processChoice from './DialogProcessChoice'
+import { getProcuctDrawing } from '@/api/business/drawing'
 import drawing from './drawingForm'
 import { listTechnologicalProcessDetail, saveTechnologicalProcessDetail, delTechnologicalProcessDetail, saveSingleTechnologicalProcessDetail } from '@/api/business/technologicalProcessDetail'
 import { listTechnologicalProcess, saveTechnologicalProcess, delTechnologicalProcess } from '@/api/business/technologicalProcess'
@@ -202,10 +210,12 @@ const productLoading = ref(false)
 const ids = ref([])
 const total = ref(0)
 const currentProduct = ref({})
+const productDrawing = ref(0)
 /** 工艺变量 */
 const technologicalProcessList = ref([])
 const technologicalProcessLoading = ref(false)
 const technologicalProcessIds = ref([])
+const drawingRatio = ref(0)
 const currentTechnologicalProcess = ref({})
 const technologicalProcessAddMultiple = ref(true)
 const detailsRow = {
@@ -241,6 +251,7 @@ const queryParams = ref({
  */
 function getList() {
 	productLoading.value = true
+	
 	listProduct(queryParams.value).then((response) => {
 		productList.value = response.rows
 		total.value = response.total
@@ -251,6 +262,12 @@ function getList() {
 			technologicalProcessList.value = []
 			technologicalprocessDetailList.value = []
 		}
+		//0712查询当前产品的图纸数量
+		getProcuctDrawing().then(res=>{
+		console.log(res,4446)
+		productDrawing.value = res.data
+		drawingRatio.value = (productDrawing.value / total.value *100).toFixed(2)
+	})
 	})
 }
 /**
@@ -547,3 +564,24 @@ onMounted(() => {
 	getList()
 })
 </script>
+<style scoped>
+.relative-container {
+  position: relative;
+  display: flex;
+  justify-content: space-between; /* 使文本和分页组件分别靠近容器的两端 */
+  align-items: center;
+  
+}
+
+.drawing-info {
+  /* 根据需要添加样式，例如字体大小、颜色等 */
+  flex-shrink: 0; /* 防止文本压缩 */
+}
+
+.pagination-container {
+  /* flex-grow: 1; 让分页容器占据剩余空间 */
+  text-align: center; /* 确保分页组件内的文本居中显示 */
+  margin-bottom: 5px;
+  margin-right: 8px;
+}
+</style>