|
|
@@ -2,10 +2,15 @@
|
|
|
<div>
|
|
|
<el-container>
|
|
|
<!-- 左侧树侧形结构-->
|
|
|
- <el-aside width="270px">
|
|
|
- <div class="JKWTree-tree" style="height: 600px">
|
|
|
+ <el-aside width="300px">
|
|
|
+ <div class="JKWTree-tree" style="height: 746px">
|
|
|
<h3> 产品管理</h3>
|
|
|
- <el-tree :data="treeData" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
|
|
|
+<!-- <el-tree :data="treeData" :props="defaultProps" @node-click="handleNodeClick"></el-tree>-->
|
|
|
+ <el-tree :data="treeData" :props="defaultProps" @node-click="handleNodeClick" @node-expand="handleNodeExpand">
|
|
|
+ <template #default="{node,data}">
|
|
|
+ {{data['客户编号']}}【{{data['客户名称']}}】
|
|
|
+ </template>
|
|
|
+ </el-tree>
|
|
|
</div>
|
|
|
</el-aside>
|
|
|
|
|
|
@@ -18,17 +23,16 @@
|
|
|
<el-form ref="elSearchFormRef" :inline="true" :model="searchInfo" class="demo-form-inline" :rules="searchRule" @keyup.enter="onSubmit">
|
|
|
<!-- 左侧查询输入框 -->
|
|
|
<el-form-item>
|
|
|
- <el-input v-model="searchInfo.keyword" placeholder="请输入产品编号或产品名称" clearable style="width: 200px;"></el-input>
|
|
|
+ <el-input v-model="searchInfo.keyword" placeholder="搜索产品编号或产品名称" clearable style="width: 200px;"></el-input>
|
|
|
</el-form-item>
|
|
|
<!-- 查询和重置按钮 -->
|
|
|
<el-form-item>
|
|
|
<el-button type="primary" icon="search" @click="onSubmit">查询</el-button>
|
|
|
<!-- <el-button icon="refresh" @click="onReset">重置</el-button>-->
|
|
|
- <el-button type="primary" icon="plus" @click="openDialog">新增</el-button>
|
|
|
+<!-- <el-button type="primary" icon="plus" @click="openDialog">新增</el-button>-->
|
|
|
<el-button type="primary" icon="Download" @click="cpexportToExcel">导出产品资料</el-button>
|
|
|
<el-dialog v-model="cpdialogexportToExcel" title="导出产品资料" width="50%">
|
|
|
<!-- 在这里放入弹出页面的内容 -->
|
|
|
- <p>这是弹出页面的内容 导出产品资料</p>
|
|
|
|
|
|
</el-dialog>
|
|
|
|
|
|
@@ -47,7 +51,7 @@
|
|
|
<div class="gva-table-box">
|
|
|
<!-- 数据表格 -->
|
|
|
<el-table ref="multipleTable"
|
|
|
- style="width: 100%;height: 600px;"
|
|
|
+ style="width: 100%;height: 580px;"
|
|
|
border
|
|
|
tooltip-effect="dark"
|
|
|
:data="tableData"
|
|
|
@@ -60,7 +64,7 @@
|
|
|
<el-table-column type="selection" width="55" />
|
|
|
<el-table-column align="left" label="客户编号" prop="客户编号" width="100" />
|
|
|
<el-table-column align="left" label="产品编号" prop="产品编号" width="115" />
|
|
|
- <el-table-column align="left" label="产品名称" prop="产品名称" width="500" />
|
|
|
+ <el-table-column align="left" label="产品名称" prop="产品名称" width="340" />
|
|
|
<el-table-column align="left" label="版本号" prop="版本号" width="100"/>
|
|
|
<el-table-column align="left" label="成品规格" prop="成品规格" width="100" />
|
|
|
<el-table-column align="left" label="计量单位" prop="计量单位" width="100"/>
|
|
|
@@ -79,65 +83,71 @@
|
|
|
<el-table-column align="left" label="印件数" prop="yjData" width="100" />
|
|
|
</el-table>
|
|
|
<div class="gva-pagination">
|
|
|
- <el-pagination layout="total, sizes, prev, pager, next, jumper" :current-page="page" :page-size="pageSize" :page-sizes="[10, 30, 50, 100]" :total="total" @current-change="handleCurrentChange" @size-change="handleSizeChange"/>
|
|
|
+ <el-pagination layout="total, sizes, prev, pager, next, jumper" :current-page="page"
|
|
|
+ :page-size="pageSize" :page-sizes="[10, 30, 50, 100]" :total="total"
|
|
|
+ @current-change="handleCurrentChange" @size-change="handleSizeChange" />
|
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
- <!-- 印件资料、工艺资料、印版资料、技术资料附件【按钮】-->
|
|
|
- <div>
|
|
|
- <el-button type="primary" icon="" @click="showTable('印件资料')" style="margin-right: 2px;">印件资料</el-button>
|
|
|
- <el-button type="primary" icon="" @click="showTable('工艺资料')" style="margin-right: 2px;">工艺资料</el-button>
|
|
|
- <el-button type="primary" icon="" @click="showTable('印版资料')" style="margin-right: 2px;">印版资料</el-button>
|
|
|
- <el-button type="primary" icon="" @click="showTable('技术资料附件')" style="margin-right: 2px;">技术资料附件</el-button>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div v-if="currentTable === '印件资料'">
|
|
|
- <el-table ref="multipleTable" style="width: 100%;height: 400px" border tooltip-effect="dark" :data="yjtableData" row-key="ID" @selection-change="handleSelectionChange">
|
|
|
- <el-table-column type="selection" width="55" />
|
|
|
- <el-table-column align="left" label="印件号" prop="yj_yjno" width="80"/>
|
|
|
- <el-table-column align="left" label="印件代号" prop="yj_yjdh" width="100" />
|
|
|
- <el-table-column align="left" label="印件名称" prop="yj_yjmc" width="563" />
|
|
|
- <el-table-column align="left" label="纸张名称" prop="yj_zzdh" width="100"/>
|
|
|
- <el-table-column align="left" label="投料规格" prop="yj_tlgg" width="240"/>
|
|
|
- <el-table-column align="left" label="开料规格" prop="yj_klgg" width="100"/>
|
|
|
- <el-table-column align="left" label="开数" prop="yj_ks" width="80" />
|
|
|
- <el-table-column align="left" label="联数" prop="yj_ls" width="80" />
|
|
|
- <el-table-column align="left" label="备注" prop="yj_desc" width="200" />
|
|
|
- <el-table-column align="left" label="建档用户" prop="sys_id" width="130" />
|
|
|
- <el-table-column align="left" label="建档日期" prop="sys_rq" width="160" />
|
|
|
- <el-table-column align="left" label="更新日期" prop="mod_rq" width="160"/>
|
|
|
- </el-table>
|
|
|
</div>
|
|
|
|
|
|
- <div v-if="currentTable === '工艺资料'">
|
|
|
- <el-table ref="multipleTable" style="width: 100%;height: 400px" border tooltip-effect="dark" :data="gytableData" row-key="ID" @selection-change="handleSelectionChange">
|
|
|
- <el-table-column type="selection" width="55" />
|
|
|
- <el-table-column align="left" label="方案" prop="方案" width="70"/>
|
|
|
- <el-table-column align="left" label="印件" prop="Gy0_yjno" width="70" />
|
|
|
- <el-table-column align="left" label="工序" prop="Gy0_gxh" width="70" />
|
|
|
- <el-table-column align="left" label="工序名称" prop="gy0_gxmc" width="220" />
|
|
|
- <el-table-column align="left" label="工序名称" prop="add_gxmc" width="530" />
|
|
|
- <el-table-column align="left" label="开数" prop="Gy0_Ks" width="70" />
|
|
|
- <el-table-column align="left" label="联数" prop="Gy0_ls" width="70" />
|
|
|
- <el-table-column align="left" label="备注" prop="备注" width="150" />
|
|
|
- <el-table-column align="left" label="工价系数" prop="工价系数" width="100" />
|
|
|
- <el-table-column align="left" label="损耗系数" prop="损耗系数" width="100" />
|
|
|
- <el-table-column align="left" label="计损色数" prop="Gy0_Ms" width="100" />
|
|
|
- <el-table-column align="left" label="人工检_正品版" prop="人工检_正品版" width="120" />
|
|
|
- <el-table-column align="left" label="人工检_次品版" prop="人工检_正品版" width="120" />
|
|
|
- <el-table-column align="left" label="人工检_废检" prop="人工检_废检" width="120"/>
|
|
|
- <el-table-column align="left" label="机检_正品版" prop="机检_正品版" width="120"/>
|
|
|
- <el-table-column align="left" label="机检_次品检" prop="机检_次品检" width="120"/>
|
|
|
- <el-table-column align="left" label="机检_废检" prop="机检_废检" width="120"/>
|
|
|
- <el-table-column align="left" label="设备编号" prop="Gy0_sbmc" width="100"/>
|
|
|
- <el-table-column align="left" label="最后修改" prop="最后修改" width="160"/>
|
|
|
- <el-table-column align="left" label="建档日期" prop="建档日期" width="160"/>
|
|
|
- <el-table-column align="left" label="更新日期" prop="更新日期" width="160"/>
|
|
|
- </el-table>
|
|
|
- </div>
|
|
|
|
|
|
- <div v-if="currentTable === '印版资料'">
|
|
|
- <el-table ref="multipleTable" style="width: 100%;height: 400px" border tooltip-effect="dark" :data="ybtableData" row-key="ID" @selection-change="handleSelectionChange">
|
|
|
+ <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
|
|
|
+
|
|
|
+ <el-tab-pane label="印件资料" @click="showTable('印件资料')" name="first">
|
|
|
+ <el-table ref="multipleTable"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ highlight-current-row="true"
|
|
|
+ style="width: 100%;height: 400px" border tooltip-effect="dark" :data="yjtableData" row-key="ID" @selection-change="handleSelectionChange">
|
|
|
+ <el-table-column type="selection" width="55" />
|
|
|
+ <el-table-column align="left" label="印件号" prop="yj_yjno" width="80"/>
|
|
|
+ <el-table-column align="left" label="印件代号" prop="yj_yjdh" width="100" />
|
|
|
+ <el-table-column align="left" label="印件名称" prop="yj_yjmc" width="340" />
|
|
|
+ <el-table-column align="left" label="纸张名称" prop="yj_zzdh" width="100"/>
|
|
|
+ <el-table-column align="left" label="投料规格" prop="yj_tlgg" width="240"/>
|
|
|
+ <el-table-column align="left" label="开料规格" prop="yj_klgg" width="100"/>
|
|
|
+ <el-table-column align="left" label="开数" prop="yj_ks" width="80" />
|
|
|
+ <el-table-column align="left" label="联数" prop="yj_ls" width="80" />
|
|
|
+ <el-table-column align="left" label="备注" prop="yj_desc" width="200" />
|
|
|
+ <el-table-column align="left" label="建档用户" prop="sys_id" width="130" />
|
|
|
+ <el-table-column align="left" label="建档日期" prop="sys_rq" width="160" />
|
|
|
+ <el-table-column align="left" label="更新日期" prop="mod_rq" width="160"/>
|
|
|
+ </el-table>
|
|
|
+ </el-tab-pane>
|
|
|
+
|
|
|
+ <el-tab-pane label="工艺资料" @click="showTable('工艺资料')" name="second">
|
|
|
+ <el-table ref="multipleTable"
|
|
|
+ highlight-current-row="true"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ style="width: 100%;height: 400px" border tooltip-effect="dark" :data="gytableData" row-key="ID" @selection-change="handleSelectionChange">
|
|
|
+ <el-table-column type="selection" width="55" />
|
|
|
+ <el-table-column align="left" label="方案" prop="方案" width="70"/>
|
|
|
+ <el-table-column align="left" label="印件" prop="Gy0_yjno" width="70" />
|
|
|
+ <el-table-column align="left" label="工序" prop="Gy0_gxh" width="70" />
|
|
|
+ <el-table-column align="left" label="工序名称" prop="gy0_gxmc" width="120" />
|
|
|
+ <el-table-column align="left" label="工序名称" prop="add_gxmc" width="340" />
|
|
|
+ <el-table-column align="left" label="开数" prop="Gy0_Ks" width="70" />
|
|
|
+ <el-table-column align="left" label="联数" prop="Gy0_ls" width="70" />
|
|
|
+ <el-table-column align="left" label="备注" prop="备注" width="150" />
|
|
|
+ <el-table-column align="left" label="工价系数" prop="工价系数" width="100" />
|
|
|
+ <el-table-column align="left" label="损耗系数" prop="损耗系数" width="100" />
|
|
|
+ <el-table-column align="left" label="计损色数" prop="Gy0_Ms" width="100" />
|
|
|
+ <el-table-column align="left" label="人工检_正品版" prop="人工检_正品版" width="120" />
|
|
|
+ <el-table-column align="left" label="人工检_次品版" prop="人工检_正品版" width="120" />
|
|
|
+ <el-table-column align="left" label="人工检_废检" prop="人工检_废检" width="120"/>
|
|
|
+ <el-table-column align="left" label="机检_正品版" prop="机检_正品版" width="120"/>
|
|
|
+ <el-table-column align="left" label="机检_次品检" prop="机检_次品检" width="120"/>
|
|
|
+ <el-table-column align="left" label="机检_废检" prop="机检_废检" width="120"/>
|
|
|
+ <el-table-column align="left" label="设备编号" prop="Gy0_sbmc" width="100"/>
|
|
|
+ <el-table-column align="left" label="最后修改" prop="最后修改" width="160"/>
|
|
|
+ <el-table-column align="left" label="建档日期" prop="建档日期" width="160"/>
|
|
|
+ <el-table-column align="left" label="更新日期" prop="更新日期" width="160"/>
|
|
|
+ </el-table>
|
|
|
+ </el-tab-pane>
|
|
|
+
|
|
|
+ <el-tab-pane label="印版资料" @click="showTable('印版资料')" name="third">
|
|
|
+ <el-table ref="multipleTable"
|
|
|
+ highlight-current-row="true"
|
|
|
+ style="width: 100%;height: 400px" border tooltip-effect="dark" :data="ybtableData" row-key="ID" @selection-change="handleSelectionChange">
|
|
|
<el-table-column type="selection" width="55" />
|
|
|
<el-table-column align="left" label="方案" prop="YB_方案" width="100"/>
|
|
|
<el-table-column align="left" label="印件号" prop="YB_Yjno" width="100" />
|
|
|
@@ -149,10 +159,13 @@
|
|
|
<el-table-column align="left" label="建档日期" prop="建档日期" width="160" />
|
|
|
<el-table-column align="left" label="更新日期" prop="更新日期" width="160" />
|
|
|
</el-table>
|
|
|
- </div>
|
|
|
+ </el-tab-pane>
|
|
|
+
|
|
|
|
|
|
- <div v-if="currentTable === '技术资料附件'">
|
|
|
- <el-table ref="multipleTable" style="width: 100%;height: 400px" border tooltip-effect="dark" :data="jstableData" row-key="ID" @selection-change="handleSelectionChange">
|
|
|
+ <el-tab-pane label="技术资料附件" @click="showTable('技术资料附件')" name="fourth">
|
|
|
+ <el-table ref="multipleTable"
|
|
|
+ highlight-current-row="true"
|
|
|
+ style="width: 100%;height: 400px" border tooltip-effect="dark" :data="jstableData" row-key="ID" @selection-change="handleSelectionChange">
|
|
|
<el-table-column type="selection" width="55" />
|
|
|
<el-table-column align="left" label="序号" prop="序号" width="100"/>
|
|
|
<el-table-column align="left" label="适用工序" prop="适用工序" width="100" />
|
|
|
@@ -163,71 +176,64 @@
|
|
|
<el-table-column align="left" label="建档日期" prop="建档日期" width="160" />
|
|
|
<el-table-column align="left" label="更新日期" prop="更新日期" width="160" />
|
|
|
</el-table>
|
|
|
- </div>
|
|
|
+ </el-tab-pane>
|
|
|
+
|
|
|
+
|
|
|
+ </el-tabs>
|
|
|
|
|
|
<!-- 弹窗 -->
|
|
|
<el-dialog v-model="dialogFormVisible" :before-close="closeDialog" :title="type==='create'?'添加产品资料':'修改产品资料'" destroy-on-close>
|
|
|
<el-row>
|
|
|
- <!-- 左侧表单 -->
|
|
|
- <el-col :span="8">
|
|
|
- <el-scrollbar height="500px">
|
|
|
- <el-form :model="formData" label-position="right" ref="elFormRef" :rules="rule" label-width="100px">
|
|
|
- <el-form-item label="客户料号:" prop="address">
|
|
|
- <el-input v-model="formData.address" :clearable="true" placeholder="请输入客户料号" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="产品编号:" prop="gender">
|
|
|
- <el-input v-model="formData.gender" :clearable="true" placeholder="请输入产品编号" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="产品名称:" prop="idCard">
|
|
|
- <el-input v-model="formData.idCard" :clearable="true" placeholder="请输入产品名称" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="版本号:" prop="department">
|
|
|
- <el-input v-model="formData.department" :clearable="true" placeholder="请输入版本号" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="成品规格:" prop="joinDate">
|
|
|
- <el-input v-model="formData.joinDate" :clearable="true" placeholder="请输入成品规格" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="单位:" prop="joinDate">
|
|
|
- <el-input v-model="formData.joinDate" :clearable="true" placeholder="请输入单位" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="产品分类:" prop="joinDate">
|
|
|
- <el-input v-model="formData.joinDate" :clearable="true" placeholder="请输入产品分类" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- </el-scrollbar>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <!-- 中间表单 -->
|
|
|
- <el-col :span="8">
|
|
|
- <el-scrollbar height="500px">
|
|
|
- <el-form :model="formData" label-position="right" ref="elFormRef" :rules="rule" label-width="100px">
|
|
|
- <el-form-item label="最近接单日期:" prop="name">
|
|
|
- <el-input v-model="formData.name" :clearable="true" placeholder="请输入最近接单日期:" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="最近引用日期:" prop="birthDate">
|
|
|
- <el-input v-model="formData.birthDate" :clearable="true" placeholder="请输入最近引用日期" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="印件数:" prop="position">
|
|
|
- <el-input v-model="formData.position" :clearable="true" placeholder="请输入印件数" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="工艺:" prop="departmentId">
|
|
|
- <el-input v-model="formData.departmentId" :clearable="true" placeholder="请输入工艺" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="当前状态:" prop="departmentId">
|
|
|
- <el-input v-model="formData.departmentId" :clearable="true" placeholder="请输入当前状态" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="最后修改:" prop="departmentId">
|
|
|
- <el-input v-model="formData.departmentId" :clearable="true" placeholder="请输入最后修改:" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="建档时间:" prop="departmentId">
|
|
|
- <el-input v-model="formData.departmentId" :clearable="true" placeholder="请输入建档时间" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="更新时间:" prop="departmentId">
|
|
|
- <el-input v-model="formData.departmentId" :clearable="true" placeholder="请输入更新时间" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- </el-scrollbar>
|
|
|
- </el-col>
|
|
|
+ <el-scrollbar height="500px">
|
|
|
+ <el-form :model="formDataTest" label-position="right" ref="elFormRef" :rules="rule" label-width="100px">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="印品代号:" prop="address">
|
|
|
+ <el-input v-model="formDataTest['U8UID']" :clearable="true" placeholder="" style="width: 120px;" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="版本号:" prop="gender">
|
|
|
+ <el-input v-model="formDataTest['版本号']" :clearable="true" placeholder="" style="width: 100px;" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="10">
|
|
|
+ <el-form-item label="客户料号:" prop="idCard">
|
|
|
+ <el-input v-model="formDataTest['客户料号']" :clearable="true" placeholder="" style="width: 210px;" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="产品名称:" prop="department">
|
|
|
+ <el-input v-model="formDataTest['产品名称']" :clearable="true" placeholder="" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="产品类别:" prop="department">
|
|
|
+ <el-input v-model="formDataTest['产品类别']" :clearable="true" placeholder="" style="width: 180px;" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="单位:" prop="department">
|
|
|
+ <el-input v-model="formDataTest['计量单位']" :clearable="true" placeholder="" style="width: 180px;" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-form-item label="成品规格:" prop="department">
|
|
|
+ <el-input v-model="formDataTest['成品规格']" :clearable="true" placeholder="" />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-form-item label="产品备注:" prop="remark">
|
|
|
+ <el-input type="textarea" v-model="formDataTest['产品备注']" :rows="4" :clearable="true" placeholder="" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-form>
|
|
|
+ </el-scrollbar>
|
|
|
+
|
|
|
</el-row>
|
|
|
|
|
|
<template #footer>
|
|
|
@@ -238,62 +244,6 @@
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
|
|
|
- <!-- 详情展示弹窗 -->
|
|
|
- <el-dialog v-model="detailShow" style="width: 800px" lock-scroll :before-close="closeDetailShow" title="员工基本资料管理" destroy-on-close>
|
|
|
- <el-scrollbar height="550px">
|
|
|
- <el-descriptions column="2" border>
|
|
|
- <!-- 左侧部分 -->
|
|
|
- <el-descriptions-item label="客户料号" :min-width="labelMinWidth">
|
|
|
- {{ formData.employeeId }}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item label="产品编号" :min-width="labelMinWidth">
|
|
|
- {{ formData.gender }}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item label="产品名称" :min-width="labelMinWidth">
|
|
|
- {{ formData.idCard }}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item label="版本号" :min-width="labelMinWidth">
|
|
|
- {{ formData.sectionName }}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item label="成品规格" :min-width="labelMinWidth">
|
|
|
- {{ formData.employeeId }}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item label="单位" :min-width="labelMinWidth">
|
|
|
- {{ formData.gender }}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item label="产品分类" :min-width="labelMinWidth">
|
|
|
- {{ formData.idCard }}
|
|
|
- </el-descriptions-item>
|
|
|
-
|
|
|
- <!-- 右侧部分 -->
|
|
|
- <el-descriptions-item label="最近接单日期" :min-width="labelMinWidth">
|
|
|
- {{ formData.name }}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item label="最近引用日期" :min-width="labelMinWidth">
|
|
|
- {{ formData.birthdate }}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item label="印件数" :min-width="labelMinWidth">
|
|
|
- {{ formData.position }}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item label="工艺" :min-width="labelMinWidth">
|
|
|
- {{ formData.departmentId }}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item label="当前状态" :min-width="labelMinWidth">
|
|
|
- {{ formData.name }}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item label="最后修改" :min-width="labelMinWidth">
|
|
|
- {{ formData.birthdate }}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item label="建档时间" :min-width="labelMinWidth">
|
|
|
- {{ formData.position }}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item label="更新时间" :min-width="labelMinWidth">
|
|
|
- {{ formData.departmentId }}
|
|
|
- </el-descriptions-item>
|
|
|
- </el-descriptions>
|
|
|
- </el-scrollbar>
|
|
|
-
|
|
|
- </el-dialog>
|
|
|
</el-main>
|
|
|
</el-container>
|
|
|
</el-container>
|
|
|
@@ -305,7 +255,8 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- currentTable: '', // 当前展示的表格
|
|
|
+ currentTable: '',
|
|
|
+ activeName: 'first',
|
|
|
// 其他表格数据...
|
|
|
};
|
|
|
},
|
|
|
@@ -329,7 +280,7 @@ import {createCompany, deleteCompany, deleteCompanyByIds, updateCompany, findCom
|
|
|
import { getDictFunc, formatDate, formatBoolean, filterDict, ReturnArrImg, onDownloadFile } from '@/utils/format'
|
|
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
|
|
import { ref, reactive } from 'vue'
|
|
|
-import {getCustom, getDepartment, getProduct, getProductData} from "@/api/yunyin/yunying";
|
|
|
+import {getCustom, getDepartment, getProduct, getProductData, getStaffList} from "@/api/yunyin/yunying";
|
|
|
defineOptions({ name: 'Company'})
|
|
|
// =========== 导出Excel表格 ===========
|
|
|
//导出产品
|
|
|
@@ -350,12 +301,14 @@ const gydialogexportToExcel = ref(false)
|
|
|
const treeData = ref({})
|
|
|
const getCustomdata = async () => {
|
|
|
try {
|
|
|
- const response = await getCustom(); // 调用接口获取数据
|
|
|
- const formatCustomData = response.data.map(item => ({
|
|
|
- children: [],
|
|
|
- label: `${item.客户编号}【${item.客户名称}】`,
|
|
|
- }));
|
|
|
- treeData.value = formatCustomData
|
|
|
+ const data = await getCustom() //接口调用函数
|
|
|
+ treeData.value = data.data;
|
|
|
+ // const response = await getCustom(); // 调用接口获取数据
|
|
|
+ // const formatCustomData = response.data.map(item => ({
|
|
|
+ // children: [],
|
|
|
+ // label: `${item.客户编号}【${item.客户名称}】`,
|
|
|
+ // }));
|
|
|
+ // treeData.value = formatCustomData
|
|
|
} catch (error) {
|
|
|
console.error('Error fetching custom data:', error);
|
|
|
}
|
|
|
@@ -364,11 +317,14 @@ getCustomdata()
|
|
|
|
|
|
//点击左侧树形获取列表
|
|
|
const tableData = reactive([])
|
|
|
+const _custom_code = ref(null)
|
|
|
const handleNodeClick = async (node) => {
|
|
|
- const custom_code = node.客户编号;
|
|
|
- const WorkListdata = await getProduct({ custom_code:custom_code, limit: pageSize.value, page: page.value });
|
|
|
- tableData.splice(0, tableData.length, ...WorkListdata.data.data);//表格
|
|
|
- total.value = tableData.length;//共多少条
|
|
|
+ _custom_code.value = node.客户编号;
|
|
|
+ _getProduct()
|
|
|
+ // const custom_code = node.客户编号;
|
|
|
+ // const WorkListdata = await getProduct({ custom_code:custom_code, limit: pageSize.value, page: page.value });
|
|
|
+ // tableData.splice(0, tableData.length, ...WorkListdata.data.data);//表格
|
|
|
+ // total.value = tableData.length;//共多少条
|
|
|
};
|
|
|
//印件资料
|
|
|
const yjtableData = reactive([])
|
|
|
@@ -389,19 +345,36 @@ const tableRowClick = async (row) => {
|
|
|
ybtableData.splice(0, ybtableData.length, ...res.data.ybData);//印版资料表格
|
|
|
};
|
|
|
|
|
|
+//封装的方法
|
|
|
+const _getProduct = async ()=>{
|
|
|
+ let params = {}
|
|
|
+ params.custom_code = _custom_code.value;
|
|
|
+ params.limit = pageSize.value;
|
|
|
+ params.page = page.value;
|
|
|
+ try {
|
|
|
+ const WorkListdata = await getProduct(params);
|
|
|
+ tableData.splice(0, tableData.length, ...WorkListdata.data.data);//表格
|
|
|
+ total.value = tableData.length;//共多少条
|
|
|
+ } catch (error) {
|
|
|
+ console.error(error);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
// 分页
|
|
|
const handleCurrentChange = (val) => {
|
|
|
page.value = val;
|
|
|
- // console.log(page)
|
|
|
- getCustomdata();
|
|
|
+ _getProduct();
|
|
|
};
|
|
|
|
|
|
// 修改页面容量 点击多少条/页
|
|
|
const handleSizeChange = (val) => {
|
|
|
page.value = 10;//默认显示十条
|
|
|
pageSize.value = val;
|
|
|
- getCustomdata();
|
|
|
+ _getProduct();
|
|
|
};
|
|
|
+const page = ref(1)
|
|
|
+const total = ref(0)
|
|
|
+const pageSize = ref(10)
|
|
|
|
|
|
|
|
|
// 自动化生成的字典（可能为空）以及字段
|
|
|
@@ -431,9 +404,6 @@ const searchRule = reactive({
|
|
|
})
|
|
|
const elFormRef = ref()
|
|
|
const elSearchFormRef = ref()
|
|
|
-const page = ref(1)
|
|
|
-const total = ref(0)
|
|
|
-const pageSize = ref(10)
|
|
|
const searchInfo = ref({})
|
|
|
// 搜索
|
|
|
const onSubmit = () => {
|
|
|
@@ -464,24 +434,16 @@ setOptions()
|
|
|
//行为控制标记（弹窗内部需要增还是改）
|
|
|
const type = ref('')
|
|
|
|
|
|
+let formDataTest = reactive({})
|
|
|
//修改
|
|
|
const updateCompanyFunc = async (row) => {
|
|
|
const product_code = row.产品编号;
|
|
|
- console.log(product_code);
|
|
|
- try {
|
|
|
- // const res = await getProductData({ product_code });
|
|
|
- // console.log(res)
|
|
|
- // 根据需要进行操作，比如更新表单数据或显示弹窗等
|
|
|
- // if (res.code === 0) {
|
|
|
- // formData.value = res.data.recompany;
|
|
|
- // dialogFormVisible.value = true;
|
|
|
- // }
|
|
|
- } catch (error) {
|
|
|
- // 处理错误
|
|
|
- console.error('Error in updateCompanyFunc:', error);
|
|
|
- }
|
|
|
+ // console.log(product_code);
|
|
|
+ formDataTest = row;
|
|
|
+ console.log(row);
|
|
|
dialogFormVisible.value = true;
|
|
|
};
|
|
|
+
|
|
|
// 弹窗控制标记
|
|
|
const dialogFormVisible = ref(false)
|
|
|
|
