|
|
@@ -20,13 +20,15 @@
|
|
|
type="primary"
|
|
|
icon="search"
|
|
|
class="search"
|
|
|
+ @click="handleSearch"
|
|
|
/>
|
|
|
<el-button
|
|
|
type="primary"
|
|
|
icon="edit"
|
|
|
class="bt"
|
|
|
- @click="onStatusClick"
|
|
|
- ><i class="el-icon-edit" />查改</el-button>
|
|
|
+ @click="() => {dialogDetail = true}"
|
|
|
+ ><i class="el-icon-edit" />查改
|
|
|
+ </el-button>
|
|
|
<!-- <el-button type="primary" disabled icon="edit" @click="" style="margin-left: 10px">工艺方案复制</el-button>-->
|
|
|
<el-button
|
|
|
type="primary"
|
|
|
@@ -36,18 +38,87 @@
|
|
|
>工单超节损统计
|
|
|
</el-button>
|
|
|
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ icon="edit"
|
|
|
+ class="bt"
|
|
|
+ @click="()=>{dialogKhsz = true}"
|
|
|
+ >考核设置
|
|
|
+ </el-button>
|
|
|
+
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ icon="edit"
|
|
|
+ class="bt"
|
|
|
+ @click="()=>{dialogXzgdtl = true}"
|
|
|
+ >修正工单投料
|
|
|
+ </el-button>
|
|
|
+
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ icon="edit"
|
|
|
+ class="bt"
|
|
|
+ @click="()=>{dialogGxclhc = true}"
|
|
|
+ >工序产量核查
|
|
|
+ </el-button>
|
|
|
+
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ icon="edit"
|
|
|
+ class="bt"
|
|
|
+ @click="()=>{dialogGdzjfptj = true}"
|
|
|
+ >工单质检废品统计
|
|
|
+ </el-button>
|
|
|
+
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
|
|
|
<!--按钮弹窗部分-->
|
|
|
+
|
|
|
+ <!-- 查改 -->
|
|
|
+ <Detail
|
|
|
+ v-if="dialogDetail"
|
|
|
+ v-model="dialogDetail"
|
|
|
+ :gdbh="gdbh"
|
|
|
+ />
|
|
|
+
|
|
|
+ <!-- 工单超节损统计 -->
|
|
|
<el-dialog
|
|
|
v-model="dialogGdcjstj"
|
|
|
title="工单超节损统计"
|
|
|
- style="width: 20vw;height: 30vh"
|
|
|
+ destroy-on-close
|
|
|
>
|
|
|
- <Gdcjstj :gdbh="currentRow" />
|
|
|
+ <Gdcjstj :gdbh="gdbh" />
|
|
|
</el-dialog>
|
|
|
|
|
|
+ <!-- 修正工单印件质量考核设置 -->
|
|
|
+ <Khsz
|
|
|
+ v-if="dialogKhsz"
|
|
|
+ v-model="dialogKhsz"
|
|
|
+ :gdbh="gdbh"
|
|
|
+ />
|
|
|
+
|
|
|
+ <!-- 修正工单投料 -->
|
|
|
+ <Xzgdtl
|
|
|
+ v-if="dialogXzgdtl"
|
|
|
+ v-model="dialogXzgdtl"
|
|
|
+ :date="date"
|
|
|
+ />
|
|
|
+
|
|
|
+ <!-- 工序产量核查 -->
|
|
|
+ <Gxclhc
|
|
|
+ v-if="dialogGxclhc"
|
|
|
+ v-model="dialogGxclhc"
|
|
|
+ :gdbh="gdbh"
|
|
|
+ />
|
|
|
+
|
|
|
+ <!-- 工单质检废品统计 -->
|
|
|
+ <Gongdanzhijianfeipintongji
|
|
|
+ v-if="dialogGdzjfptj"
|
|
|
+ v-model="dialogGdzjfptj"
|
|
|
+ :val="gdbh"
|
|
|
+ />
|
|
|
+
|
|
|
</div>
|
|
|
</layout-header>
|
|
|
|
|
|
@@ -119,7 +190,6 @@
|
|
|
:cell-style="{ padding: '0px' }"
|
|
|
:header-row-style="{ height: '20px' }"
|
|
|
:header-cell-style="{ padding: '0px' }"
|
|
|
- @row-dblclick="doubleClick"
|
|
|
>
|
|
|
<el-table-column
|
|
|
type="selection"
|
|
|
@@ -134,28 +204,33 @@
|
|
|
:width="column.width"
|
|
|
show-overflow-tooltip="true"
|
|
|
/>
|
|
|
-
|
|
|
</el-table>
|
|
|
-
|
|
|
</layout-content>
|
|
|
-
|
|
|
</layout>
|
|
|
</layout>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script setup>
|
|
|
// 全量引入格式化工具 请按需保留
|
|
|
-import { ElMessage, ElMessageBox } from 'element-plus'
|
|
|
-import { Layout, LayoutSider, LayoutContent, LayoutHeader } from '@arco-design/web-vue'
|
|
|
-import { ref, reactive } from 'vue'
|
|
|
-import { getSide, getTable, getOrderSuperLossGy } from '@/api/mes_api_gty/orderAccounting'
|
|
|
-import Gdcjstj from '@/view/performance/12-orderAccounting/gdcjstj.vue'
|
|
|
-
|
|
|
-defineOptions({ name: 'Company' })
|
|
|
+import { Layout, LayoutContent, LayoutHeader, LayoutSider } from '@arco-design/web-vue'
|
|
|
+import { ref, watch } from 'vue'
|
|
|
+import { getOrderGy, getOrderSuperLossGy, getSide, getTable, updateOrderGy } from '@/api/mes_api_gty/orderAccounting'
|
|
|
+import Gdcjstj from '@/view/performance/12-orderAccounting/componets/gdcjstj.vue'
|
|
|
+import Khsz from '@/view/performance/12-orderAccounting/componets/khsz.vue'
|
|
|
+import Xzgdtl from '@/view/performance/12-orderAccounting/componets/xzgdtl.vue'
|
|
|
+import Gxclhc from '@/view/performance/12-orderAccounting/componets/gxclhc.vue'
|
|
|
+import Gongdanzhijianfeipintongji
|
|
|
+ from '@/view/performance/09-workOrderVerification/componets/gongdanzhijianfeipintongji.vue'
|
|
|
+import Detail from '@/view/performance/12-orderAccounting/componets/detail.vue'
|
|
|
|
|
|
+// 弹窗
|
|
|
const dialogGdcjstj = ref(false)
|
|
|
+const dialogDetail = ref(false)
|
|
|
+const dialogKhsz = ref(false)
|
|
|
+const dialogXzgdtl = ref(false)
|
|
|
+const dialogGxclhc = ref(false)
|
|
|
+const dialogGdzjfptj = ref(false)
|
|
|
|
|
|
-// =========== 左侧树侧形结构 ===========
|
|
|
// 侧边栏数据
|
|
|
const treeData = ref([])
|
|
|
const getSideData = async() => {
|
|
|
@@ -172,7 +247,7 @@ const getSideData = async() => {
|
|
|
children: value.map(item => ({
|
|
|
label: `${item['客户编号']}【${item['客户名称']}】(工单数:${item.total})`,
|
|
|
date: date,
|
|
|
- code: item?.['客户编号']
|
|
|
+ code: item?.['客户编号'],
|
|
|
})),
|
|
|
}
|
|
|
transformedData.push(transformedItem)
|
|
|
@@ -180,10 +255,9 @@ const getSideData = async() => {
|
|
|
treeData.value = transformedData
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
getSideData()
|
|
|
|
|
|
-// =========== 表格数据部分 ===========
|
|
|
+// 表格数据
|
|
|
const tableCols1 = [
|
|
|
{ label: '超损工单', prop: '', width: '90' },
|
|
|
{ label: '工单编号', prop: 'Gd_gdbh', width: '100' },
|
|
|
@@ -227,17 +301,24 @@ const tableCols2 = [
|
|
|
const tableData1 = ref([])
|
|
|
const tableData2 = ref([])
|
|
|
const currentRow = ref({})
|
|
|
+const gdbh = ref('')
|
|
|
+const date = ref('')
|
|
|
+const searchInfo = ref('')
|
|
|
+
|
|
|
+watch(currentRow, (value, oldValue, onCleanup) => {
|
|
|
+ gdbh.value = value?.['Gd_gdbh']
|
|
|
+ date.value = value?.['年月']
|
|
|
+})
|
|
|
|
|
|
// 显示上方表格
|
|
|
const handleNodeClick = async(node) => {
|
|
|
if (node.children) {
|
|
|
- console.log(node.date)
|
|
|
const { date } = node
|
|
|
const res = await getTable({ date, limit: 9999, page: 1 })
|
|
|
tableData1.value = res.data.data
|
|
|
console.log(res.data)
|
|
|
} else {
|
|
|
- console.log(node.date, node.code)
|
|
|
+ // console.log(node.date, node.code)
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -254,7 +335,14 @@ const showOrderSuperLossGy = async() => {
|
|
|
}))
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+// 定位
|
|
|
+const handleSearch = () => {
|
|
|
+ if (searchInfo.value) {
|
|
|
+ tableData1.value = tableData1.value.filter(item => {
|
|
|
+ return item['Gd_gdbh'] === searchInfo.value ?? item
|
|
|
+ })
|
|
|
+ }
|
|
|
+}
|
|
|
const rowClassName = ({ row, rowIndex }) => {
|
|
|
|
|
|
}
|
|
|
@@ -263,9 +351,11 @@ const rowClassName = ({ row, rowIndex }) => {
|
|
|
:deep(.plan-usage-low div) {
|
|
|
color: red !important;
|
|
|
}
|
|
|
+
|
|
|
.JKWTree-container {
|
|
|
display: flex;
|
|
|
}
|
|
|
+
|
|
|
.JKWTree-tree {
|
|
|
width: 300px;
|
|
|
background-color: #fff;
|
|
|
@@ -273,23 +363,27 @@ const rowClassName = ({ row, rowIndex }) => {
|
|
|
padding: 10px;
|
|
|
margin-right: 20px;
|
|
|
}
|
|
|
+
|
|
|
.JKWTree-tree h3 {
|
|
|
font-size: 15px;
|
|
|
font-weight: 700;
|
|
|
margin: 10px 0;
|
|
|
}
|
|
|
+
|
|
|
.JKWTree-content {
|
|
|
flex: 1;
|
|
|
}
|
|
|
+
|
|
|
:deep(.el-table__body .warning-row) {
|
|
|
background: #FFFF80 !important;
|
|
|
}
|
|
|
+
|
|
|
/* 选中某行时的背景色 */
|
|
|
:deep(.el-table__body tr.current-row) > td {
|
|
|
background: #ff80ff !important;
|
|
|
}
|
|
|
|
|
|
-:deep(.el-table .bg-yellow){
|
|
|
+:deep(.el-table .bg-yellow) {
|
|
|
background: yellow;
|
|
|
}
|
|
|
|
|
|
@@ -298,25 +392,31 @@ const rowClassName = ({ row, rowIndex }) => {
|
|
|
:deep(.el-table td .cell) {
|
|
|
line-height: 20px !important;
|
|
|
}
|
|
|
-:deep(.el-tabs__header){
|
|
|
+
|
|
|
+:deep(.el-tabs__header) {
|
|
|
margin-bottom: 0;
|
|
|
}
|
|
|
-.search{
|
|
|
+
|
|
|
+.search {
|
|
|
margin-left: 0px !important;
|
|
|
margin-right: 10px !important;
|
|
|
}
|
|
|
-.bt{
|
|
|
+
|
|
|
+.bt {
|
|
|
margin-left: 2px !important;
|
|
|
padding: 3px !important;
|
|
|
font-size: 12px;
|
|
|
}
|
|
|
-.el-tabs__header{
|
|
|
+
|
|
|
+.el-tabs__header {
|
|
|
margin: 0px !important;
|
|
|
}
|
|
|
-.gva-table-box{
|
|
|
+
|
|
|
+.gva-table-box {
|
|
|
padding: 0px !important;
|
|
|
}
|
|
|
-.mab{
|
|
|
+
|
|
|
+.mab {
|
|
|
margin-bottom: 5px;
|
|
|
}
|
|
|
</style>
|