|
|
@@ -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>
|
