|
@@ -6,8 +6,8 @@
|
|
|
<!-- 按钮部分-->
|
|
<!-- 按钮部分-->
|
|
|
<el-form ref="elSearchFormRef" class="demo-form-inline" :rules="searchRule" @keyup.enter="onSubmit">
|
|
<el-form ref="elSearchFormRef" class="demo-form-inline" :rules="searchRule" @keyup.enter="onSubmit">
|
|
|
<el-form-item>
|
|
<el-form-item>
|
|
|
- <el-input v-model="searchInfo" placeholder="搜索" clearable style="width: 200px;margin: 5px"></el-input>
|
|
|
|
|
- <el-button type="primary" icon="search" @click="onSubmit" style="margin: 5px">查询</el-button>
|
|
|
|
|
|
|
+ <el-input v-model="searchInfo" placeholder="搜索" clearable style="width: 180px;"></el-input>
|
|
|
|
|
+ <el-button type="primary" icon="search" @click="onSubmit" >查询</el-button>
|
|
|
<el-button type="primary" @click="onAttendance" style="margin: 5px">新增</el-button>
|
|
<el-button type="primary" @click="onAttendance" style="margin: 5px">新增</el-button>
|
|
|
<el-button type="primary" @click="baogong_del" style="margin: 5px;float: right;background-color: red">删除</el-button>
|
|
<el-button type="primary" @click="baogong_del" style="margin: 5px;float: right;background-color: red">删除</el-button>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -38,18 +38,14 @@
|
|
|
@row-click="tableRowClick" :show-overflow-tooltip="true"
|
|
@row-click="tableRowClick" :show-overflow-tooltip="true"
|
|
|
@selection-change="handleSelectionChange">
|
|
@selection-change="handleSelectionChange">
|
|
|
<el-table-column type="selection" width="55" />
|
|
<el-table-column type="selection" width="55" />
|
|
|
- <el-table-column sortable align="center" label="序号" prop="序号" width="80" />
|
|
|
|
|
- <el-table-column sortable align="left" label="订单子编号" prop="订单子编号" width="120"/>
|
|
|
|
|
- <el-table-column sortable align="center" label="订单号" prop="订单号" width="120"/>
|
|
|
|
|
- <el-table-column sortable align="left" label="生产款号" prop="生产款号" width="120" />
|
|
|
|
|
- <el-table-column sortable align="left" label="款式" prop="款式" width="110" />
|
|
|
|
|
- <el-table-column sortable align="left" label="颜色" prop="颜色" width="80" />
|
|
|
|
|
- <el-table-column sortable align="left" label="制单总数" prop="制单总数" width="100" />
|
|
|
|
|
- <el-table-column sortable align="left" label="实裁总数" prop="实裁总数" width="110" />
|
|
|
|
|
- <el-table-column sortable align="left" label="单位" prop="单位" width="80" />
|
|
|
|
|
- <el-table-column sortable align="left" label="工序" prop="工序" width="80" />
|
|
|
|
|
- <el-table-column sortable align="left" label="验片人" prop="验片人" width="90" />
|
|
|
|
|
- <el-table-column sortable align="left" label="日期" prop="日期" width="120" />
|
|
|
|
|
|
|
+ <el-table-column sortable align="center" label="序号" prop="序号" width="100" />
|
|
|
|
|
+1 <el-table-column sortable align="center" label="订单号" prop="订单号" width="150"/>
|
|
|
|
|
+ <el-table-column sortable align="left" label="生产款号" prop="生产款号" width="150" />
|
|
|
|
|
+ <el-table-column sortable align="left" label="款式" prop="款式" width="150" />
|
|
|
|
|
+ <el-table-column sortable align="left" label="颜色" prop="颜色" width="150" />
|
|
|
|
|
+ <el-table-column sortable align="left" label="工序" prop="工序" width="150" />
|
|
|
|
|
+ <el-table-column sortable align="left" label="面料出库人" prop="面料出库人" width="150" />
|
|
|
|
|
+ <el-table-column sortable align="left" label="日期" prop="日期" width="160" />
|
|
|
</el-table>
|
|
</el-table>
|
|
|
<!-- 分页 -->
|
|
<!-- 分页 -->
|
|
|
<div class="gva-pagination">
|
|
<div class="gva-pagination">
|
|
@@ -61,146 +57,101 @@
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<!-- 弹窗 -->
|
|
<!-- 弹窗 -->
|
|
|
- <el-dialog v-model="dialogFormVisible" :before-close="closeDialog" :title="'修改员工基本资料'" destroy-on-close>
|
|
|
|
|
- <el-form :model="formDataTest" label-position="right" ref="elFormRef" :rules="rule" label-width="100px">
|
|
|
|
|
- <div class="form-container">
|
|
|
|
|
- <!-- 左侧部分 -->
|
|
|
|
|
- <div class="form-column" style="width: 36%;">
|
|
|
|
|
- <el-form-item label="员工编号：" prop="employeeId" class="mab" >
|
|
|
|
|
- <el-input v-model="formDataTest['员工编号']" placeholder="" style="width: 190px;"
|
|
|
|
|
- id="员工编号" @keydown="handleKeyDown($event, '员工编号', '在职状态', '性别')" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="性别：" prop="gender" class="mab">
|
|
|
|
|
- <el-input v-model="formDataTest['性别']" placeholder="" style="width: 190px;"
|
|
|
|
|
- id="性别" @keydown="handleKeyDown($event, '性别', '员工编号', '身份证号')" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="身份证号：" prop="gender" class="mab">
|
|
|
|
|
- <el-input v-model="formDataTest['身份证号']" placeholder="" style="width: 190px;"
|
|
|
|
|
- id="身份证号" @keydown="handleKeyDown($event, '身份证号', '性别', '所在部门')" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="部门名称：" prop="gender" class="mab">
|
|
|
|
|
- <el-input v-model="formDataTest['所在部门']" placeholder="" style="width: 190px;"
|
|
|
|
|
- id="所在部门" @keydown="handleKeyDown($event, '所在部门', '身份证号', '聘用日期')" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="入职日期:" prop="joinDate" class="mab">
|
|
|
|
|
- <el-input v-model="formDataTest['聘用日期']" placeholder="" style="width: 190px;"
|
|
|
|
|
- id="聘用日期" @keydown="handleKeyDown($event, '聘用日期', '所在部门', '人员类别')" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="人员类别:" prop="joinDate" >
|
|
|
|
|
- <el-select v-model="formDataTest['人员类别']" placeholder="" style="width: 190px;" id="人员类别"
|
|
|
|
|
- @keydown="handleKeyDown($event, '人员类别', '聘用日期', '班次类型')"
|
|
|
|
|
- >
|
|
|
|
|
- <el-option label="生产" value="生产"></el-option>
|
|
|
|
|
- <el-option label="行政" value="行政"></el-option>
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="班次类型:" prop="joinDate" class="mab">
|
|
|
|
|
- <el-input v-model="formDataTest['班次类型']" placeholder="" style="width: 190px;"
|
|
|
|
|
- id="班次类型" @keydown="handleKeyDown($event, '班次类型', '人员类别', '工资表类别')" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="工资表类别:" prop="joinDate" class="mab">
|
|
|
|
|
- <el-select v-model="formDataTest['工资表类别']" placeholder="" style="width: 190px;"
|
|
|
|
|
- id="工资表类别" @keydown="handleKeyDown($event, '工资表类别', '班次类型', 'U8在职')"
|
|
|
|
|
- >
|
|
|
|
|
- <el-option label="职员级计时工资表" value="职员级计时工资表"></el-option>
|
|
|
|
|
- <el-option label="另发工资" value="另发工资"></el-option>
|
|
|
|
|
- <el-option label="操作级计件工资表" value="操作级计件工资表"></el-option>
|
|
|
|
|
- <el-option label="操作级计时工资表" value="操作级计时工资表"></el-option>
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="U8在职:" prop="joinDate" class="mab">
|
|
|
|
|
- <el-input v-model="formDataTest['U8在职']" placeholder="" style="width: 190px;"
|
|
|
|
|
- id="U8在职" @keydown="handleKeyDown($event, 'U8在职', '工资表类别', '员工姓名')" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <!-- 中间部分 -->
|
|
|
|
|
- <div class="form-column">
|
|
|
|
|
- <el-form-item label="员工姓名:" prop="name" class="mab" label-width="100">
|
|
|
|
|
- <el-input v-model="formDataTest['员工姓名']" placeholder="" style="width: 190px;"
|
|
|
|
|
- id="员工姓名" @keydown="handleKeyDown($event, '员工姓名', 'U8在职', '出生日期')" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="出生日期:" prop="birthDate" class="mab" label-width="100">
|
|
|
|
|
- <el-input v-model="formDataTest['出生日期']" placeholder="" style="width: 190px;"
|
|
|
|
|
- id="出生日期" @keydown="handleKeyDown($event, '出生日期', '员工姓名', '职称职务')" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="职务:" prop="position" class="mab" label-width="100">
|
|
|
|
|
- <el-input v-model="formDataTest['职称职务']" placeholder="" style="width: 190px;"
|
|
|
|
|
- id="职称职务" @keydown="handleKeyDown($event, '职称职务', '出生日期', '部门编码')" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="部门编号:" prop="position" class="mab" label-width="100">
|
|
|
|
|
- <el-input v-model="formDataTest['部门编码']" placeholder="" style="width: 190px;"
|
|
|
|
|
- id="部门编码" @keydown="handleKeyDown($event, '部门编码', '职称职务', '转正日期')" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="转正日期:" prop="departmentId" class="mab" label-width="100">
|
|
|
|
|
- <el-input v-model="formDataTest['转正日期']" placeholder="" style="width: 190px;"
|
|
|
|
|
- id="转正日期" @keydown="handleKeyDown($event, '转正日期', '部门编码', '扣减司龄')" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="扣减司龄:" prop="departmentId" class="mab" label-width="100">
|
|
|
|
|
- <el-input v-model="formDataTest['扣减司龄']" placeholder="" style="width: 190px;"
|
|
|
|
|
- id="扣减司龄" @keydown="handleKeyDown($event, '扣减司龄', '转正日期', '人员性质')" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="人员性质:" prop="departmentId" class="mab" label-width="100">
|
|
|
|
|
- <el-select v-model="formDataTest['人员性质']" placeholder="" style="width: 190px;"
|
|
|
|
|
- id="人员性质" @keydown="handleKeyDown($event, '人员性质', '扣减司龄', '薪酬核算分组')"
|
|
|
|
|
- >
|
|
|
|
|
- <el-option label="退休返聘" value="退休返聘"></el-option>
|
|
|
|
|
- <el-option label="劳动合同工" value="劳动合同工"></el-option>
|
|
|
|
|
- <el-option label="借用" value="借用"></el-option>
|
|
|
|
|
- <el-option label="劳务派遣" value="劳务派遣"></el-option>
|
|
|
|
|
- <el-option label="实习生" value="实习生"></el-option>
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="工资核算分组:" prop="joinDate" class="mab" label-width="100" >
|
|
|
|
|
- <el-input v-model="formDataTest['薪酬核算分组']" placeholder="" style="width: 190px;"
|
|
|
|
|
- id="薪酬核算分组" @keydown="handleKeyDown($event, '薪酬核算分组', '人员性质', '在职状态')" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="在职状态:" prop="joinDate" class="mab" label-width="100" >
|
|
|
|
|
- <el-input v-model="formDataTest['在职状态']" placeholder="" style="width: 190px;"
|
|
|
|
|
- id="在职状态" @keydown="handleKeyDown($event, '在职状态', '薪酬核算分组', '员工编号')" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </el-form>
|
|
|
|
|
- <!-- 添加编辑页面取消确定按钮 -->
|
|
|
|
|
- <div style="text-align: right; ">
|
|
|
|
|
- <el-button @click="closeDialog">取消</el-button>
|
|
|
|
|
- <el-button type="primary" @click="enterDialog">确定</el-button>
|
|
|
|
|
- </div>
|
|
|
|
|
- </el-dialog>
|
|
|
|
|
|
|
+ <el-dialog v-model="dialogFormVisible" :before-close="edit_closeDialog" destroy-on-close style="width: 60%; height: 70%;">
|
|
|
|
|
+ <h1 style="margin: 0%;margin-bottom: 10px;">修改</h1>
|
|
|
|
|
+ <el-row :gutter="24" style="margin-bottom: 20px;">
|
|
|
|
|
+ <el-col :span="10">
|
|
|
|
|
+ <el-form-item label="订单号:" prop="deliveryDate" class="mab" label-width="80px" style="font-size: 20px; margin: 10px;">
|
|
|
|
|
+ <el-input v-model="edit_formData['订单号']" style="width: 70%; height: 40px;" id="订单号:" />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="生产款号:" prop="deliveryDate" class="mab" label-width="120px" style="font-size: 20px; margin: 10px;">
|
|
|
|
|
+ <el-input v-model="edit_formData['生产款号']" style="width: 70%; height: 40px;" id="生产款号" />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+
|
|
|
|
|
+ <el-row :gutter="24" style="margin-bottom: 20px;">
|
|
|
|
|
+ <el-col :span="10">
|
|
|
|
|
+ <el-form-item label="款式:" prop="deliveryDate" class="mab" label-width="80px" style="font-size: 20px; margin: 10px;">
|
|
|
|
|
+ <el-input v-model="edit_formData['款式']" style="width: 70%; height: 40px;" id="款式" />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="颜色:" prop="deliveryDate" class="mab" label-width="120px" style="font-size: 20px; margin: 10px;">
|
|
|
|
|
+ <el-input v-model="edit_formData['颜色']" style="width: 70%; height: 40px;" id="颜色" />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+
|
|
|
|
|
+ <el-row :gutter="24" style="margin-bottom: 20px;">
|
|
|
|
|
+ <el-col :span="10">
|
|
|
|
|
+ <el-form-item label="工序:" prop="deliveryDate" class="mab" label-width="80px" style="font-size: 20px; margin: 10px;">
|
|
|
|
|
+ <el-input v-model="edit_formData['工序']" style="width: 70%; height: 40px;" id="工序" />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="面料出库人:" prop="deliveryDate" class="mab" label-width="120px" style="font-size: 20px; margin: 10px;">
|
|
|
|
|
+ <el-input v-model="edit_formData['面料出库人']" style="width: 70%; height: 40px;" id="面料出库人" />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+
|
|
|
|
|
+ <el-row :gutter="24" style="margin-bottom: 20px;">
|
|
|
|
|
+ <el-col :span="10">
|
|
|
|
|
+ <el-form-item label="日期:" prop="deliveryDate" class="mab" label-width="80px" style="font-size: 20px; margin: 10px;">
|
|
|
|
|
+ <el-input v-model="edit_formData['日期']" style="width: 70%; height: 40px;" id="日期" />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+
|
|
|
|
|
+ <template #footer>
|
|
|
|
|
+ <div class="dialog-footer">
|
|
|
|
|
+ <el-button @click="edit_closeDialog" style="width: 110px;height: 60px;font-size: 20px;">取消</el-button>
|
|
|
|
|
+ <el-button type="primary" @click="edit_Dialog" style="width: 110px;height: 60px;font-size: 20px;">确认</el-button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-dialog>
|
|
|
|
|
+
|
|
|
|
|
|
|
|
<!-- 新增弹窗 -->
|
|
<!-- 新增弹窗 -->
|
|
|
- <el-dialog v-model="AttendanceVisible" title="新增" destroy-on-close width="50%">
|
|
|
|
|
|
|
+ <el-dialog v-model="AttendanceVisible" destroy-on-close style="width: 100%;height: 100%;margin: 0px;">
|
|
|
|
|
+ <h1 style="margin: 0%;margin-bottom: 10px;">新增</h1>
|
|
|
<el-row :gutter="24" style="margin-bottom: 20px;">
|
|
<el-row :gutter="24" style="margin-bottom: 20px;">
|
|
|
- <el-input v-model="add_searchInfo" placeholder="扫描订单二维码获取订单信息" clearable style="width: 400px;margin: 5px"></el-input>
|
|
|
|
|
- <el-button type="primary" icon="search" @click="add_onSubmit" style="margin: 5px">查询</el-button>
|
|
|
|
|
|
|
+ <el-input v-model="add_searchInfo" placeholder="扫描订单二维码获取订单信息"
|
|
|
|
|
+ @keyup.enter="add_onSubmit"
|
|
|
|
|
+ id="searchInput"
|
|
|
|
|
+ style="width: 270px;margin: 5px;height: 50px;">
|
|
|
|
|
+ </el-input>
|
|
|
|
|
+ <el-button type="primary" icon="search" @click="add_onSubmit" style="margin: 5px;height: 50px;">查询</el-button>
|
|
|
|
|
+
|
|
|
|
|
+ <el-form-item label="日期:" prop="deliveryDate" class="mab" label-width="100" style="font-size: 30px;margin: 10px;">
|
|
|
|
|
+ <el-date-picker v-model="add_riqiformData['日期']" type="date" style="width: 150px;height: 40px;"/>
|
|
|
|
|
+ </el-form-item>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
|
|
|
|
|
- <el-row :gutter="24" style="margin-bottom: 20px;">
|
|
|
|
|
- <el-table ref="multipleTable" style="width: 100%;height: 20vh" tooltip-effect="dark"
|
|
|
|
|
- :row-style="{ height: '30px' }" :header-cell-style="{ padding: '0px' }"
|
|
|
|
|
- :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
|
|
|
|
|
|
|
+ <el-row :gutter="24" style="margin-bottom: 50px;">
|
|
|
|
|
+ <el-table ref="multipleTable" style="width: 100%;height: 54vh" tooltip-effect="dark"
|
|
|
|
|
+ :row-style="{ height: '50px' }" :header-cell-style="{ padding: '5px' }"
|
|
|
|
|
+ :cell-style="{ padding: '10px' }" :header-row-style="{ height: '20px' }"
|
|
|
:data="add_tableData" border row-key="ID"
|
|
:data="add_tableData" border row-key="ID"
|
|
|
size="small" highlight-current-row="true" @row-dblclick="add_updateCompanyFunc"
|
|
size="small" highlight-current-row="true" @row-dblclick="add_updateCompanyFunc"
|
|
|
@row-click="add_tableRowClick" :show-overflow-tooltip="true"
|
|
@row-click="add_tableRowClick" :show-overflow-tooltip="true"
|
|
|
@selection-change="handleSelectionChange">
|
|
@selection-change="handleSelectionChange">
|
|
|
- <el-table-column sortable align="center" label="订单号" prop="订单号" width="180"/>
|
|
|
|
|
|
|
+ <el-table-column sortable align="center" label="订单号" prop="订单号" width="270"/>
|
|
|
<el-table-column sortable align="left" label="生产款号" prop="生产款号" width="305"/>
|
|
<el-table-column sortable align="left" label="生产款号" prop="生产款号" width="305"/>
|
|
|
- <el-table-column sortable align="left" label="款式" prop="款式" width="180"/>
|
|
|
|
|
- <el-table-column sortable align="left" label="颜色" prop="颜色" width="180"/>
|
|
|
|
|
|
|
+ <el-table-column sortable align="left" label="款式" prop="款式" width="270"/>
|
|
|
|
|
+ <el-table-column sortable align="left" label="颜色" prop="颜色" width="270"/>
|
|
|
</el-table>
|
|
</el-table>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
|
|
|
|
|
- <el-row :gutter="24" style="margin-bottom: 20px;">
|
|
|
|
|
- <el-form-item label="日期:" prop="deliveryDate" class="mab" label-width="80">
|
|
|
|
|
- <el-date-picker v-model="add_riqiformData['日期']" type="date" style="width: 150px;"/>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-row>
|
|
|
|
|
|
|
+
|
|
|
|
|
|
|
|
<template #footer>
|
|
<template #footer>
|
|
|
<div class="dialog-footer">
|
|
<div class="dialog-footer">
|
|
|
- <el-button @click="add_closeDialog">取消</el-button>
|
|
|
|
|
- <el-button type="primary" @click="add_Dialog">保存</el-button>
|
|
|
|
|
|
|
+ <el-button @click="add_closeDialog" style="width: 110px;height: 60px;font-size: 20px;">取消</el-button>
|
|
|
|
|
+ <el-button type="primary" @click="add_Dialog" style="width: 110px;height: 60px;font-size: 20px;">保存</el-button>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
</el-dialog>
|
|
</el-dialog>
|
|
@@ -348,7 +299,7 @@ const _getStaffList = async ()=>{
|
|
|
const WorkListdata = [
|
|
const WorkListdata = [
|
|
|
{
|
|
{
|
|
|
'序号':'1',
|
|
'序号':'1',
|
|
|
- '订单号':'XXX001',
|
|
|
|
|
|
|
+ '订单号':'2408001',
|
|
|
'生产款号':'2403-1622款',
|
|
'生产款号':'2403-1622款',
|
|
|
'款式':'连衣裙',
|
|
'款式':'连衣裙',
|
|
|
'颜色':'红色',
|
|
'颜色':'红色',
|
|
@@ -358,20 +309,20 @@ const _getStaffList = async ()=>{
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
'序号':'2',
|
|
'序号':'2',
|
|
|
- '订单号':'XXX002',
|
|
|
|
|
|
|
+ '订单号':'2408002',
|
|
|
'生产款号':'2403-1622款',
|
|
'生产款号':'2403-1622款',
|
|
|
- '款式':'连衣裙',
|
|
|
|
|
- '颜色':'红色',
|
|
|
|
|
|
|
+ '款式':'裤子',
|
|
|
|
|
+ '颜色':'蓝色',
|
|
|
'工序':'仓库出库',
|
|
'工序':'仓库出库',
|
|
|
'面料验片人':'xxx',
|
|
'面料验片人':'xxx',
|
|
|
'日期':'2024-07-16'
|
|
'日期':'2024-07-16'
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
'序号':'3',
|
|
'序号':'3',
|
|
|
- '订单号':'XXX003',
|
|
|
|
|
|
|
+ '订单号':'2408003',
|
|
|
'生产款号':'2403-1622款',
|
|
'生产款号':'2403-1622款',
|
|
|
- '款式':'连衣裙',
|
|
|
|
|
- '颜色':'红色',
|
|
|
|
|
|
|
+ '款式':'西服',
|
|
|
|
|
+ '颜色':'黑色 ',
|
|
|
'工序':'仓库出库',
|
|
'工序':'仓库出库',
|
|
|
'面料验片人':'xxx',
|
|
'面料验片人':'xxx',
|
|
|
'日期':'2024-07-16'
|
|
'日期':'2024-07-16'
|
|
@@ -401,41 +352,87 @@ const currentDate = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
|
|
|
//新增按钮
|
|
//新增按钮
|
|
|
const onAttendance = () => {
|
|
const onAttendance = () => {
|
|
|
AttendanceVisible.value=true
|
|
AttendanceVisible.value=true
|
|
|
- const WorkListdata = [
|
|
|
|
|
- {
|
|
|
|
|
- '订单号':'XXX001',
|
|
|
|
|
- '生产款号':'2403-1622款',
|
|
|
|
|
- '款式':'连衣裙',
|
|
|
|
|
- '颜色':'红色'
|
|
|
|
|
- },
|
|
|
|
|
- ];
|
|
|
|
|
|
|
+ setTimeout(() => {
|
|
|
|
|
+ const inputElement = document.querySelector('#searchInput');
|
|
|
|
|
+ if (inputElement) {
|
|
|
|
|
+ inputElement.focus();
|
|
|
|
|
+ }
|
|
|
|
|
+ }, 100); // 延迟100毫秒
|
|
|
add_riqiformData['日期'] = currentDate
|
|
add_riqiformData['日期'] = currentDate
|
|
|
- console.log(WorkListdata)
|
|
|
|
|
- add_tableData.splice(0,add_tableData.length,...WorkListdata);//表格数据
|
|
|
|
|
};
|
|
};
|
|
|
const add_riqiformData = reactive({
|
|
const add_riqiformData = reactive({
|
|
|
日期: '',
|
|
日期: '',
|
|
|
});
|
|
});
|
|
|
// 新增确定
|
|
// 新增确定
|
|
|
const add_Dialog = () => {
|
|
const add_Dialog = () => {
|
|
|
-
|
|
|
|
|
|
|
+ AttendanceVisible.value = false
|
|
|
};
|
|
};
|
|
|
// 新增取消
|
|
// 新增取消
|
|
|
const add_closeDialog = () => {
|
|
const add_closeDialog = () => {
|
|
|
- AttendanceVisible.value=true
|
|
|
|
|
|
|
+ AttendanceVisible.value = false
|
|
|
};
|
|
};
|
|
|
|
|
|
|
|
// =========== 新增搜索 ===========
|
|
// =========== 新增搜索 ===========
|
|
|
const add_searchInfo = ref('')
|
|
const add_searchInfo = ref('')
|
|
|
//点击【查询】按钮
|
|
//点击【查询】按钮
|
|
|
const add_onSubmit = async ()=>{
|
|
const add_onSubmit = async ()=>{
|
|
|
|
|
+
|
|
|
if(add_searchInfo.value === '' || add_searchInfo.value === undefined){
|
|
if(add_searchInfo.value === '' || add_searchInfo.value === undefined){
|
|
|
|
|
+ const WorkListdata = [];
|
|
|
|
|
+ add_tableData.splice(0,add_tableData.length,...WorkListdata);
|
|
|
ElMessage({type: 'warning',message: '搜索内容不能为空' })
|
|
ElMessage({type: 'warning',message: '搜索内容不能为空' })
|
|
|
}else{
|
|
}else{
|
|
|
console.log(add_searchInfo.value)
|
|
console.log(add_searchInfo.value)
|
|
|
|
|
+ if(add_searchInfo.value === '2408001'){
|
|
|
|
|
+ const WorkListdata = [
|
|
|
|
|
+ {
|
|
|
|
|
+ '订单子编号':'2408001-1',
|
|
|
|
|
+ '订单号':'2408001',
|
|
|
|
|
+ '生产款号':'2401-1622款',
|
|
|
|
|
+ '款式':'连衣裙',
|
|
|
|
|
+ '颜色':'红色'
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ '订单子编号':'2408001-2',
|
|
|
|
|
+ '订单号':'2408001',
|
|
|
|
|
+ '生产款号':'2401-1623款',
|
|
|
|
|
+ '款式':'长袖',
|
|
|
|
|
+ '颜色':'蓝色'
|
|
|
|
|
+ },
|
|
|
|
|
+ ];
|
|
|
|
|
+ add_tableData.splice(0,add_tableData.length,...WorkListdata);//表格数据
|
|
|
|
|
+ }else if(add_searchInfo.value === '2408002'){
|
|
|
|
|
+ const WorkListdata = [
|
|
|
|
|
+ {
|
|
|
|
|
+ '订单子编号':'2408002-2',
|
|
|
|
|
+ '订单号':'2408002',
|
|
|
|
|
+ '生产款号':'2402-1624款',
|
|
|
|
|
+ '款式':'西服',
|
|
|
|
|
+ '颜色':'白色'
|
|
|
|
|
+ },
|
|
|
|
|
+ ];
|
|
|
|
|
+ add_tableData.splice(0,add_tableData.length,...WorkListdata);//表格数据
|
|
|
|
|
+ }else if(add_searchInfo.value === '2408003'){
|
|
|
|
|
+ const WorkListdata = [
|
|
|
|
|
+ {
|
|
|
|
|
+ '订单子编号':'2408003-3',
|
|
|
|
|
+ '订单号':'2408003',
|
|
|
|
|
+ '生产款号':'2403-1625款',
|
|
|
|
|
+ '款式':'西服',
|
|
|
|
|
+ '颜色':'白色'
|
|
|
|
|
+ },
|
|
|
|
|
+ ];
|
|
|
|
|
+ add_tableData.splice(0,add_tableData.length,...WorkListdata);//表格数据
|
|
|
|
|
+ }
|
|
|
|
|
+ add_searchInfo.value = '';
|
|
|
|
|
+ setTimeout(() => {
|
|
|
|
|
+ const inputElement = document.querySelector('#searchInput');
|
|
|
|
|
+ if (inputElement) {
|
|
|
|
|
+ inputElement.focus();
|
|
|
|
|
+ }
|
|
|
|
|
+ }, 100); // 延迟100毫秒
|
|
|
}
|
|
}
|
|
|
};
|
|
};
|
|
|
-
|
|
|
|
|
// =========== 删除按钮 ===========
|
|
// =========== 删除按钮 ===========
|
|
|
const bgSelection = ref(null)
|
|
const bgSelection = ref(null)
|
|
|
const baogong_del = () => {
|
|
const baogong_del = () => {
|
|
@@ -454,14 +451,22 @@ const handleSelectionChange = (selection, type) => {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// =========== 修改 ===========
|
|
// =========== 修改 ===========
|
|
|
|
|
+const dialogFormVisible = ref(false)
|
|
|
|
|
+const edit_formData = ref({})
|
|
|
// 双击修改
|
|
// 双击修改
|
|
|
const updateCompanyFunc = async (row) => {
|
|
const updateCompanyFunc = async (row) => {
|
|
|
- // let code = row['员工编号'];
|
|
|
|
|
- // const getStaffInfo_data = await getStaffInfo({code:code});
|
|
|
|
|
- // formDataTest.value = getStaffInfo_data.data;
|
|
|
|
|
- // dialogFormVisible.value = true;
|
|
|
|
|
|
|
+ console.log(row)
|
|
|
|
|
+ dialogFormVisible.value = true;
|
|
|
|
|
+ Object.assign(edit_formData.value,row);
|
|
|
|
|
+};
|
|
|
|
|
+// 修改确认
|
|
|
|
|
+const edit_Dialog = async (row) => {
|
|
|
|
|
+ dialogFormVisible.value = false;
|
|
|
|
|
+};
|
|
|
|
|
+// 修改取消
|
|
|
|
|
+const edit_closeDialog = async (row) => {
|
|
|
|
|
+ dialogFormVisible.value = false;
|
|
|
};
|
|
};
|
|
|
-
|
|
|
|
|
// =========== 分页 ===========
|
|
// =========== 分页 ===========
|
|
|
// 分页相关的响应式变量
|
|
// 分页相关的响应式变量
|
|
|
const page = ref(1)
|
|
const page = ref(1)
|
|
@@ -480,8 +485,7 @@ const handleSizeChange = (val) => {
|
|
|
_getStaffList();
|
|
_getStaffList();
|
|
|
};
|
|
};
|
|
|
|
|
|
|
|
-// 弹窗控制标记
|
|
|
|
|
-const dialogFormVisible = ref(false)
|
|
|
|
|
|
|
+
|
|
|
//修改
|
|
//修改
|
|
|
const formDataTest = ref({})
|
|
const formDataTest = ref({})
|
|
|
|
|
|
