|
@@ -2,10 +2,11 @@
|
|
|
<div>
|
|
<div>
|
|
|
<!-- 左侧树形结构 -->
|
|
<!-- 左侧树形结构 -->
|
|
|
<el-container>
|
|
<el-container>
|
|
|
- <el-aside width="250px">
|
|
|
|
|
|
|
+ <el-aside width="300px">
|
|
|
<div class="JKWTree-tree">
|
|
<div class="JKWTree-tree">
|
|
|
<h3>其他计件单据维护</h3>
|
|
<h3>其他计件单据维护</h3>
|
|
|
- <el-tree :data="treeData" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
|
|
|
|
|
|
|
+ <el-tree :data="treeData" :props="defaultProps" highlight-current="true"
|
|
|
|
|
+ @node-click="handleNodeClick"></el-tree>
|
|
|
</div>
|
|
</div>
|
|
|
</el-aside>
|
|
</el-aside>
|
|
|
|
|
|
|
@@ -25,29 +26,29 @@
|
|
|
</div>
|
|
</div>
|
|
|
<!-- 数据展示 -->
|
|
<!-- 数据展示 -->
|
|
|
<el-table ref="multipleTable" style="width: 100%" tooltip-effect="dark" :data="tableData" row-key="ID"
|
|
<el-table ref="multipleTable" style="width: 100%" tooltip-effect="dark" :data="tableData" row-key="ID"
|
|
|
- @selection-change="handleSelectionChange" @row-dblclick="doubleClick">
|
|
|
|
|
|
|
+ highlight-current-row="true" border @selection-change="handleSelectionChange" @row-dblclick="doubleClick">
|
|
|
<el-table-column type="selection" width="55" />
|
|
<el-table-column type="selection" width="55" />
|
|
|
- <el-table-column align="left" prop="jjlx" label="计件类型" width="100" />
|
|
|
|
|
- <el-table-column align="left" prop="rq" label="日期" width="100" />
|
|
|
|
|
- <el-table-column align="left" prop="ygbh" label="员工编号" width="100" />
|
|
|
|
|
- <el-table-column align="left" prop="ygxm" label="员工姓名" width="100" />
|
|
|
|
|
- <el-table-column align="left" prop="gdbh" label="工单编号" width="100" />
|
|
|
|
|
- <el-table-column align="left" prop="cpmc" label="产品名称" width="300" />
|
|
|
|
|
- <el-table-column align="left" prop="cl" label="产量" width="100" />
|
|
|
|
|
- <el-table-column align="left" prop="qjgj" label="千件工价" width="100" />
|
|
|
|
|
- <el-table-column align="left" prop="gjbz" label="工价备注" width="200" />
|
|
|
|
|
- <el-table-column align="left" prop="bz" label="备注" width="100" />
|
|
|
|
|
- <el-table-column align="left" prop="gxmc" label="工序名称" width="100" />
|
|
|
|
|
- <el-table-column align="left" prop="yjh" label="印件号" width="100" />
|
|
|
|
|
- <el-table-column align="left" prop="gxh" label="工序号" width="100" />
|
|
|
|
|
- <el-table-column align="left" prop="cjyh" label="创建用户" width="150" />
|
|
|
|
|
- <el-table-column align="left" prop="cjsj" label="创建时间" width="200" />
|
|
|
|
|
- <el-table-column align="left" prop="xgsj" label="修改时间" width="200" />
|
|
|
|
|
- <el-table-column align="left" prop="uid" label="UNIQID" width="100" />
|
|
|
|
|
|
|
+ <el-table-column align="left" prop="sczl_Type" label="计件类型" width="100" />
|
|
|
|
|
+ <el-table-column align="left" prop="Sczl_rq" label="日期" width="100" />
|
|
|
|
|
+ <el-table-column align="left" prop="Sczl_bh1" label="员工编号" width="100" />
|
|
|
|
|
+ <el-table-column align="left" prop="name" label="员工姓名" width="100" />
|
|
|
|
|
+ <el-table-column align="left" prop="sczl_gdbh" label="工单编号" width="100" />
|
|
|
|
|
+ <el-table-column align="left" prop="Gd_cpmc" label="产品名称" width="300" />
|
|
|
|
|
+ <el-table-column align="left" prop="Sczl_cl" label="产量" width="100" />
|
|
|
|
|
+ <el-table-column align="left" prop="" label="千件工价" width="100" />
|
|
|
|
|
+ <el-table-column align="left" prop="" label="工价备注" width="200" />
|
|
|
|
|
+ <el-table-column align="left" prop="Sczl_desc" label="备注" width="100" />
|
|
|
|
|
+ <el-table-column align="left" prop="Sczl_gxmc" label="工序名称" width="100" />
|
|
|
|
|
+ <el-table-column align="left" prop="sczl_yjno" label="印件号" width="100" />
|
|
|
|
|
+ <el-table-column align="left" prop="sczl_gxh" label="工序号" width="100" />
|
|
|
|
|
+ <el-table-column align="left" prop="sys_id" label="创建用户" width="150" />
|
|
|
|
|
+ <el-table-column align="left" prop="sys_rq" label="创建时间" width="200" />
|
|
|
|
|
+ <el-table-column align="left" prop="mod_rq" label="修改时间" width="200" />
|
|
|
|
|
+ <el-table-column align="left" prop="UniqId" label="UNIQID" width="100" />
|
|
|
</el-table>
|
|
</el-table>
|
|
|
<!-- 分页 -->
|
|
<!-- 分页 -->
|
|
|
<div class="gva-pagination">
|
|
<div class="gva-pagination">
|
|
|
- <el-pagination layout="total, sizes, prev, pager, next, jumper" :current-page="page" :page-size="pageSize"
|
|
|
|
|
|
|
+ <el-pagination layout="total, sizes, prev, pager, next, jumper" :current-page="page" :page-size="limit"
|
|
|
:page-sizes="[10, 30, 50, 100]" :total="total" @current-change="handleCurrentChange"
|
|
:page-sizes="[10, 30, 50, 100]" :total="total" @current-change="handleCurrentChange"
|
|
|
@size-change="handleSizeChange" />
|
|
@size-change="handleSizeChange" />
|
|
|
</div>
|
|
</div>
|
|
@@ -102,13 +103,13 @@
|
|
|
<el-row>
|
|
<el-row>
|
|
|
<el-col>
|
|
<el-col>
|
|
|
<el-form-item label="工艺流程" prop="name">
|
|
<el-form-item label="工艺流程" prop="name">
|
|
|
- <el-col :span="10">
|
|
|
|
|
- <el-input v-model="formData.image" :clearable="true" placeholder="" />
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="4" style="margin-left: 10px;">
|
|
|
|
|
- <el-input v-model="formData.image" :clearable="true" placeholder="0" />
|
|
|
|
|
- </el-col>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
|
|
+ <el-col :span="10">
|
|
|
|
|
+ <el-input v-model="formData.image" :clearable="true" placeholder="" />
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="4" style="margin-left: 10px;">
|
|
|
|
|
+ <el-input v-model="formData.image" :clearable="true" placeholder="0" />
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
|
|
|
|
@@ -125,26 +126,26 @@
|
|
|
<el-row>
|
|
<el-row>
|
|
|
<el-col>
|
|
<el-col>
|
|
|
<el-form-item label="工价代号" prop="name">
|
|
<el-form-item label="工价代号" prop="name">
|
|
|
- <el-col :span="6">
|
|
|
|
|
- <el-input v-model="formData.image" :clearable="true" placeholder="030010003008" />
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="14" style="margin-left: 10px;">
|
|
|
|
|
- <el-input v-model="formData.image" :clearable="true" placeholder="原纸仓库--->度印车间" />
|
|
|
|
|
- </el-col>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
|
|
+ <el-col :span="6">
|
|
|
|
|
+ <el-input v-model="formData.image" :clearable="true" placeholder="030010003008" />
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="14" style="margin-left: 10px;">
|
|
|
|
|
+ <el-input v-model="formData.image" :clearable="true" placeholder="原纸仓库--->度印车间" />
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
|
|
|
|
|
<el-row>
|
|
<el-row>
|
|
|
<el-col>
|
|
<el-col>
|
|
|
<el-form-item label="票号备注" prop="name">
|
|
<el-form-item label="票号备注" prop="name">
|
|
|
- <el-col :span="20">
|
|
|
|
|
- <el-input v-model="formData.image" :clearable="true" placeholder="1-30" />
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="0" style="margin-left: 10px;">
|
|
|
|
|
- <el-input v-model="formData.image" :clearable="true" placeholder="原纸仓库--->度印车间" />
|
|
|
|
|
- </el-col>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
|
|
+ <el-col :span="20">
|
|
|
|
|
+ <el-input v-model="formData.image" :clearable="true" placeholder="1-30" />
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="0" style="margin-left: 10px;">
|
|
|
|
|
+ <el-input v-model="formData.image" :clearable="true" placeholder="原纸仓库--->度印车间" />
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
|
|
|
|
@@ -180,60 +181,35 @@ import { getDictFunc, formatDate, formatBoolean, filterDict, ReturnArrImg, onDow
|
|
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
|
|
import { Search, Refresh, Download } from '@element-plus/icons-vue'
|
|
import { Search, Refresh, Download } from '@element-plus/icons-vue'
|
|
|
import { ref, reactive, onMounted, onBeforeMount } from 'vue'
|
|
import { ref, reactive, onMounted, onBeforeMount } from 'vue'
|
|
|
|
|
+import { getOtherSideTable, getOtherTable } from '@/api/mes_api_gty/myapi'
|
|
|
|
|
+
|
|
|
|
|
|
|
|
defineOptions({
|
|
defineOptions({
|
|
|
name: '07-otherDocuments'
|
|
name: '07-otherDocuments'
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
-const treeData = reactive([
|
|
|
|
|
- {
|
|
|
|
|
- label: '202204[产量合计:19419]',
|
|
|
|
|
- children: [
|
|
|
|
|
- {
|
|
|
|
|
- label: 'ZM00526(张杭强)[产量合计:3112]',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- label: 'ZM00526(张杭强)[产量合计:3112]',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- label: 'ZM00526(张杭强)[产量合计:3112]',
|
|
|
|
|
- },
|
|
|
|
|
- ]
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- label: '202204[产量合计:19419]',
|
|
|
|
|
- children: [
|
|
|
|
|
- {
|
|
|
|
|
- label: 'ZM00526(张杭强)[产量合计:3112]',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- label: 'ZM00526(张杭强)[产量合计:3112]',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- label: 'ZM00526(张杭强)[产量合计:3112]',
|
|
|
|
|
- },
|
|
|
|
|
- ]
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- label: '202204[产量合计:19419]',
|
|
|
|
|
- children: [
|
|
|
|
|
- {
|
|
|
|
|
- label: 'ZM00526(张杭强)[产量合计:3112]',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- label: 'ZM00526(张杭强)[产量合计:3112]',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- label: 'ZM00526(张杭强)[产量合计:3112]',
|
|
|
|
|
- },
|
|
|
|
|
- ]
|
|
|
|
|
- },
|
|
|
|
|
-])
|
|
|
|
|
-const handleNodeClick = (node, check) => {
|
|
|
|
|
- //存放当前节点的nodeId
|
|
|
|
|
- console.log(node, check);
|
|
|
|
|
|
|
+// 侧边栏数据请求
|
|
|
|
|
+const treeData = reactive([]);
|
|
|
|
|
+const getSideData = async () => {
|
|
|
|
|
+ const response = await getOtherSideTable();
|
|
|
|
|
+ if (response.code === 0) {
|
|
|
|
|
+ const transformedData = response.data.map(item => ({
|
|
|
|
|
+ label: `${item.date.replace(/-/g, '.')}【产量合计: ${item.counts}】`,
|
|
|
|
|
+ children: item.sys.map(sysItem => ({
|
|
|
|
|
+ label: `${sysItem.Sczl_bh1}(${sysItem.name}) 【产量合计: ${sysItem.count}】`,
|
|
|
|
|
+ params: {
|
|
|
|
|
+ date: item.date.substring(0, 4) + '-' + item.date.substring(4),
|
|
|
|
|
+ Sczl_bh1: sysItem.Sczl_bh1,
|
|
|
|
|
+ },
|
|
|
|
|
+ })),
|
|
|
|
|
+ }));
|
|
|
|
|
+ treeData.splice(0, treeData.length, ...transformedData);
|
|
|
|
|
+ }
|
|
|
|
|
+};
|
|
|
|
|
+getSideData();
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
|
|
|
-}
|
|
|
|
|
|
|
|
|
|
// 自动化生成的字典(可能为空)以及字段
|
|
// 自动化生成的字典(可能为空)以及字段
|
|
|
const formData = ref({
|
|
const formData = ref({
|
|
@@ -264,63 +240,52 @@ const elFormRef = ref()
|
|
|
const elSearchFormRef = ref()
|
|
const elSearchFormRef = ref()
|
|
|
|
|
|
|
|
// =========== 表格控制部分 ===========
|
|
// =========== 表格控制部分 ===========
|
|
|
-const tableData = reactive([
|
|
|
|
|
- {
|
|
|
|
|
- jjlx: '拉料',
|
|
|
|
|
- rq: '2022/4/1',
|
|
|
|
|
- ygbh: 'ZM00408',
|
|
|
|
|
- ygxm: '李有文',
|
|
|
|
|
- gdbh: '2203102',
|
|
|
|
|
- cpmc: '黄金叶 (浓细支) 条盒(面彩)--裕版',
|
|
|
|
|
- cl: '18',
|
|
|
|
|
- qjgj: '400',
|
|
|
|
|
- gjbz: '胶印车间<-->模切车间',
|
|
|
|
|
- bz: '62-79',
|
|
|
|
|
- gxmc: '',
|
|
|
|
|
- yjh: '1',
|
|
|
|
|
- gxh: '',
|
|
|
|
|
- cjyh: '[1009/李美芬]',
|
|
|
|
|
- cjsj: '2022/4/15 16:45:19',
|
|
|
|
|
- xgsj: '',
|
|
|
|
|
- uid: '68924',
|
|
|
|
|
- },
|
|
|
|
|
-])
|
|
|
|
|
|
|
+const tableData = reactive([])
|
|
|
const page = ref(1)
|
|
const page = ref(1)
|
|
|
const total = ref(0)
|
|
const total = ref(0)
|
|
|
-const pageSize = ref(10)
|
|
|
|
|
|
|
+const limit = ref(10)
|
|
|
const searchInfo = ref('')
|
|
const searchInfo = ref('')
|
|
|
|
|
+const params = {
|
|
|
|
|
+ date: '',
|
|
|
|
|
+ Sczl_bh1: '',
|
|
|
|
|
+ page: page.value.toString(),
|
|
|
|
|
+ limit: limit.value.toString(),
|
|
|
|
|
+}
|
|
|
|
|
|
|
|
|
|
|
|
|
-// 分页
|
|
|
|
|
|
|
+// 分页设置
|
|
|
const handleSizeChange = (val) => {
|
|
const handleSizeChange = (val) => {
|
|
|
- pageSize.value = val
|
|
|
|
|
- getTableData()
|
|
|
|
|
|
|
+ limit.value = val;
|
|
|
|
|
+ params.limit = val.toString();
|
|
|
|
|
+ getTableData();
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-// 修改页面容量
|
|
|
|
|
|
|
+// 页面跳转
|
|
|
const handleCurrentChange = (val) => {
|
|
const handleCurrentChange = (val) => {
|
|
|
- page.value = val
|
|
|
|
|
- getTableData()
|
|
|
|
|
|
|
+ page.value = val;
|
|
|
|
|
+ params.page = val.toString();
|
|
|
|
|
+ getTableData();
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-// 查询
|
|
|
|
|
const getTableData = async () => {
|
|
const getTableData = async () => {
|
|
|
- const table = await getCompanyList({ page: page.value, pageSize: pageSize.value, ...searchInfo.value })
|
|
|
|
|
- if (table.code === 0) {
|
|
|
|
|
- tableData.value = table.data.list
|
|
|
|
|
- total.value = table.data.total
|
|
|
|
|
- page.value = table.data.page
|
|
|
|
|
- pageSize.value = table.data.pageSize
|
|
|
|
|
|
|
+ const response = await getOtherTable(params)
|
|
|
|
|
+ if (response.code === 0) {
|
|
|
|
|
+ total.value = response.data.total;
|
|
|
|
|
+ tableData.splice(0, tableData.length, ...response.data.rows);
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-getTableData()
|
|
|
|
|
|
|
+const handleNodeClick = (node, check) => {
|
|
|
|
|
+ if (node.params) {
|
|
|
|
|
+ params.date = node.params.date;
|
|
|
|
|
+ params.Sczl_bh1 = node.params.Sczl_bh1;
|
|
|
|
|
+ handleCurrentChange(1);
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
|
|
|
// 搜索
|
|
// 搜索
|
|
|
function onSearch() {
|
|
function onSearch() {
|
|
|
- console.log('搜索信息: ' + searchInfo.value);
|
|
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
// ============== 表格控制部分结束 ===============
|
|
// ============== 表格控制部分结束 ===============
|
|
|
|
|
|
|
|
// 获取需要的字典 可能为空 按需保留
|
|
// 获取需要的字典 可能为空 按需保留
|
|
@@ -441,7 +406,6 @@ function exportExcel() {
|
|
|
|
|
|
|
|
// 生命周期钩子
|
|
// 生命周期钩子
|
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
|
- console.log(tableData.length);
|
|
|
|
|
});
|
|
});
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|