| | |
| | | <template> |
| | | <!--日工时管理--> |
| | | <div class="work-time-management"> |
| | | <div class="search"> |
| | | <div class="search_thing" style="width: 200px"> |
| | | <div class="search_label">星期:</div> |
| | | <el-select v-model="entity.weekDay" clearable placeholder="全部" size="small" @change="refreshTable()"> |
| | | <el-option v-for="item in weekList" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </div> |
| | | <div class="search_thing" style="width: 390px"> |
| | | <div class="search_label" style="width: 90px">时间范围:</div> |
| | | <div class="search_input"> |
| | | <div class="capacity-scope"> |
| | | <div> |
| | | <el-form :model="entity" ref="entity" size="small" :inline="true"> |
| | | <el-form-item label="星期" prop="weekDay" class="form-item"> |
| | | <el-select v-model="entity.weekDay" clearable placeholder="全部" size="small" @change="refreshTable()"> |
| | | <el-option v-for="item in weekList" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="时间范围" prop="dateTime" class="dateTime"> |
| | | <el-date-picker v-model="entity.dateTime" clearable end-placeholder="结束日期" format="yyyy-MM-dd" |
| | | range-separator="至" size="small" start-placeholder="开始日期" style="width: 100%" type="daterange" |
| | | value-format="yyyy-MM-dd" @change="refreshTable()"> |
| | | range-separator="至" size="small" start-placeholder="开始日期" type="daterange" |
| | | style="width: 100%" |
| | | value-format="yyyy-MM-dd" @change="refreshTable()"> |
| | | </el-date-picker> |
| | | </div> |
| | | </div> |
| | | <!-- 以下这两个为组长角色特有的 --> |
| | | <div class="search_thing" style="width: 200px"> |
| | | <div class="search_label">名字:</div> |
| | | <el-input v-model="entity.name" clearable placeholder="请输入" size="small" |
| | | @keyup.enter.native="refreshTable()"></el-input> |
| | | </div> |
| | | <div v-if="currentTable == 'ValueTable1'" class="search_thing" style="width: 250px"> |
| | | <div class="search_label" style="width: 120px">样品编号:</div> |
| | | <el-input v-model="entity.sample" clearable placeholder="请输入" size="small" |
| | | @keyup.enter.native="refreshTable()"></el-input> |
| | | </div> |
| | | <div v-if="currentTable == 'ValueTable0'" class="search_thing" style="width: 200px"> |
| | | <div class="search_label">状态:</div> |
| | | <el-select v-model="entity.state" placeholder="全部" size="small" @change="refreshTable()" clearable> |
| | | <el-option v-for="item in stateList" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </div> |
| | | <div class="search_thing" style="padding-left: 30px; width: 100px"> |
| | | <el-button size="small" @click="refresh()">重 置</el-button> |
| | | <el-button size="small" type="primary" @click="refreshTable()">查 询</el-button> |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item label="名字" prop="name"> |
| | | <el-input v-model="entity.name" clearable placeholder="请输入" size="small" |
| | | @keyup.enter.native="refreshTable()"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="状态" prop="state" v-if="currentTable == 'ValueTable0'"> |
| | | <el-select v-model="entity.state" placeholder="全部" size="small" @change="refreshTable()" clearable> |
| | | <el-option v-for="item in stateList" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="样品编号" prop="sample" v-if="currentTable == 'ValueTable1'"> |
| | | <el-input v-model="entity.sample" clearable placeholder="请输入" size="small" |
| | | @keyup.enter.native="refreshTable()"></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" size="mini" @click="refreshTable">查询</el-button> |
| | | <el-button size="mini" @click="refresh">重置</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div style="display: flex; align-items: center; justify-content: space-between"> |
| | | <div style="display: flex; align-items: center; justify-content: space-between;margin-bottom: 10px"> |
| | | <el-radio-group :key="'111'" v-model="currentTable" size="small" @change="searchList"> |
| | | <el-radio-button label="ValueTable0"> 辅助工时 </el-radio-button> |
| | | <el-radio-button label="ValueTable1"> 产量工时 </el-radio-button> |
| | | </el-radio-group> |
| | | <div style="display: flex; align-items: center"> |
| | | <!-- <p style="font-size: 14px; margin-right: 30px">--> |
| | | <!-- 总工时汇总:<span v-if="totalInfo" style="font-size: 16px; color: #3a7bfa">{{--> |
| | | <!-- totalInfo["产量工时汇总"] + totalInfo["辅助工时汇总"]--> |
| | | <!-- ? Number(--> |
| | | <!-- totalInfo["产量工时汇总"] + totalInfo["辅助工时汇总"]--> |
| | | <!-- ).tofixed(4)--> |
| | | <!-- : 0--> |
| | | <!-- }}</span> 产量工时汇总:<span v-if="totalInfo" style="font-size: 16px; color: #3a7bfa">{{--> |
| | | <!-- totalInfo["产量工时汇总"]--> |
| | | <!-- ? Number(totalInfo["产量工时汇总"]).tofixed(4)--> |
| | | <!-- : 0--> |
| | | <!-- }}</span> 辅助工时汇总:<span v-if="totalInfo" style="font-size: 16px; color: #3a7bfa">{{--> |
| | | <!-- totalInfo["辅助工时汇总"]--> |
| | | <!-- ? Number(totalInfo["辅助工时汇总"]).tofixed(4)--> |
| | | <!-- : 0--> |
| | | <!-- }}</span>--> |
| | | <!-- </p>--> |
| | | <el-button v-show="currentTable == 'ValueTable0' && |
| | | checkPermi(['performance:manHour:workTimeManagement:add']) |
| | | " size="small" type="primary" @click="openAdd">录入数据</el-button> |
| | |
| | | </div> |
| | | <div class="table"> |
| | | <lims-table :tableData="tableData" :column="column" :page="page" :tableLoading="tableLoading" |
| | | key="tableData" |
| | | :height="'calc(100vh - 350px)'" :isSelection="true" v-if="currentTable == 'ValueTable0'" |
| | | @pagination="pagination" :handleSelectionChange="handleSelectionChange"></lims-table> |
| | | key="tableData" :height="'calc(100vh - 330px)'" |
| | | :isSelection="true" v-if="currentTable == 'ValueTable0'" |
| | | @pagination="pagination" :handleSelectionChange="handleSelectionChange"></lims-table> |
| | | <lims-table :tableData="tableData0" :column="column0" :page="page0" :tableLoading="tableLoading" |
| | | key="tableData0" |
| | | :height="'calc(100vh - 350px)'" v-if="currentTable == 'ValueTable1'" @pagination="pagination0"></lims-table> |
| | | key="tableData0" :height="'calc(100vh - 330px)'" |
| | | v-if="currentTable == 'ValueTable1'" @pagination="pagination0"></lims-table> |
| | | </div> |
| | | <el-dialog :before-close="handleClose" :title="formData.id ? '编辑' : '录入数据'" :visible.sync="addVisible" |
| | | width="600px"> |
| | |
| | | <el-input v-model="formData.week" disabled size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="星期:"> |
| | | <!-- <el-input v-model="formData.weekDay" size="small" disabled></el-input> --> |
| | | <el-select v-model="formData.weekDay" disabled placeholder="请选择" size="small"> |
| | | <el-option v-for="item in weekList" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | |
| | | ], |
| | | page: { |
| | | total: 0, |
| | | size: 10, |
| | | size: 20, |
| | | current: 1, |
| | | }, |
| | | tableLoading: false, |
| | |
| | | ], |
| | | page0: { |
| | | total: 0, |
| | | size: 10, |
| | | size: 20, |
| | | current: 1, |
| | | }, |
| | | shifList: [], |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .work-time-management { |
| | | height: 100%; |
| | | overflow-y: scroll; |
| | | padding: 20px; |
| | | padding-top: 0; |
| | | /* scrollbar-width: none; */ |
| | | .form-item >>>.el-form-item__content { |
| | | width: 120px; |
| | | } |
| | | |
| | | /* .work-time-management::-webkit-scrollbar { |
| | | display: none; |
| | | } */ |
| | | .search { |
| | | background-color: #fff; |
| | | height: 80px; |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | |
| | | .search_thing { |
| | | width: 300px; |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | |
| | | .search_label { |
| | | width: 70px; |
| | | font-size: 14px; |
| | | text-align: right; |
| | | } |
| | | |
| | | .search_input { |
| | | width: calc(100% - 70px); |
| | | .dateTime >>>.el-form-item__content { |
| | | width: 260px; |
| | | } |
| | | </style> |