|
@@ -3,7 +3,7 @@
|
|
|
<el-form>
|
|
<el-form>
|
|
|
<el-form-item>
|
|
<el-form-item>
|
|
|
<el-input v-model="searchInfo" placeholder="搜索订单编号或生产款号" @keyup.enter="handleSearch()" style="width: 180px;" />
|
|
<el-input v-model="searchInfo" placeholder="搜索订单编号或生产款号" @keyup.enter="handleSearch()" style="width: 180px;" />
|
|
|
- <el-button type="primary" icon="Search" class="search" @click="handleSearch" />
|
|
|
|
|
|
|
+ <el-button type="primary" icon="search" class="search" @click="handleSearch">搜索</el-button>
|
|
|
<el-button type="primary" icon="Download" @click="exportToExcel" style="margin: 5px;float: right;">导出库存Excel</el-button>
|
|
<el-button type="primary" icon="Download" @click="exportToExcel" style="margin: 5px;float: right;">导出库存Excel</el-button>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-form>
|
|
</el-form>
|
|
@@ -12,14 +12,14 @@
|
|
|
<layout-sider :resize-directions="['right']" :width="200" style="margin-right: 10px;">
|
|
<layout-sider :resize-directions="['right']" :width="200" style="margin-right: 10px;">
|
|
|
<div class="JKWTree-tree" style="height: 70vh;">
|
|
<div class="JKWTree-tree" style="height: 70vh;">
|
|
|
<h3>面料库存</h3>
|
|
<h3>面料库存</h3>
|
|
|
- <el-tree :data="treeData" highlight-current="true" @node-click="handleNodeClick" />
|
|
|
|
|
|
|
+ <el-tree :data="treeData" class="treecolor" highlight-current="true" @node-click="handleNodeClick" />
|
|
|
</div>
|
|
</div>
|
|
|
</layout-sider>
|
|
</layout-sider>
|
|
|
|
|
|
|
|
<layout>
|
|
<layout>
|
|
|
<layout-content>
|
|
<layout-content>
|
|
|
<div class="gva-table-box">
|
|
<div class="gva-table-box">
|
|
|
- <el-table ref="multipleTable" style="width: 100%;height: 75vh" tooltip-effect="dark"
|
|
|
|
|
|
|
+ <el-table ref="multipleTable" style="width: 100%;height: 70vh" tooltip-effect="dark"
|
|
|
:row-style="{ height: '40px' }" :header-cell-style="{ padding: '0px' }"
|
|
:row-style="{ height: '40px' }" :header-cell-style="{ padding: '0px' }"
|
|
|
:cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
|
|
:cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
|
|
|
:data="restableData" border row-key="ID" size="small"
|
|
:data="restableData" border row-key="ID" size="small"
|
|
@@ -252,6 +252,18 @@ const handleNodeClick = async (node, check) => {
|
|
|
console.log(nodedata.value);
|
|
console.log(nodedata.value);
|
|
|
restableData.splice(0, restableData.length);//清空表格
|
|
restableData.splice(0, restableData.length);//清空表格
|
|
|
|
|
|
|
|
|
|
+ // 取消所有节点的颜色
|
|
|
|
|
+ const allNodes = document.querySelectorAll('.treecolor .el-tree-node');
|
|
|
|
|
+ allNodes.forEach(node => {
|
|
|
|
|
+ node.querySelector('.el-tree-node__label').style.color = '';
|
|
|
|
|
+ });
|
|
|
|
|
+ // 获取点击的节点 给当前点击的节点改变颜色【红色】
|
|
|
|
|
+ const clickedNodeId = node['$treeNodeId'];
|
|
|
|
|
+ const clickedNode = document.querySelector(`.treecolor .el-tree-node[data-key="${clickedNodeId}"]`);
|
|
|
|
|
+ if (clickedNode) {
|
|
|
|
|
+ clickedNode.querySelector('.el-tree-node__label').style.color = 'red';
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
//订单信息数据查询【接口】
|
|
//订单信息数据查询【接口】
|
|
|
const fabricListdata = await FabricLotList({date:nodedata.value});
|
|
const fabricListdata = await FabricLotList({date:nodedata.value});
|
|
|
console.log(fabricListdata)
|
|
console.log(fabricListdata)
|
|
@@ -352,6 +364,8 @@ const handleSizeChange = (val) => {
|
|
|
handleSearch();
|
|
handleSearch();
|
|
|
};
|
|
};
|
|
|
</script>
|
|
</script>
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
<style scoped>
|
|
<style scoped>
|
|
|
/* 根据出库状态文字颜色 */
|
|
/* 根据出库状态文字颜色 */
|
|
|
:deep(.status-plan-usage-low div) {
|
|
:deep(.status-plan-usage-low div) {
|