| | |
| | | <div class="elTableDiv"> |
| | | <el-table |
| | | ref="tableDataRef" |
| | | class="tableFixed" |
| | | class="tableFixed table_only" |
| | | :data="tableData" |
| | | :style="{width: 100+'%',height:tableHeight+'px'}" |
| | | border |
| | |
| | | prop="CaptPlanShopCalendarList" |
| | | label="工作日历" |
| | | sortable="custom" |
| | | min-width="300" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <date-picker |
| | |
| | | :row-data="row" |
| | | style="width: 100%;" |
| | | :capacity-planning-search="CapacityPlanningSearch" |
| | | @over="over" |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | prop="CaptPlanUser" |
| | | label="创建人员" |
| | | sortable="custom" |
| | | width="160" |
| | | width="120" |
| | | /> |
| | | <el-table-column |
| | | prop="CaptPlanDate" |
| | |
| | | |
| | | <el-table-column |
| | | prop="CaptPlanStus" |
| | | width="160" |
| | | width="120" |
| | | label="有效状态" |
| | | sortable="custom" |
| | | > |
| | |
| | | <div v-else>/</div> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <!-- <el-table-column--> |
| | | <!-- label="操作"--> |
| | | <!-- width="120"--> |
| | | <!-- fixed="right"--> |
| | | <!-- >--> |
| | | <!-- <template slot-scope="{row}">--> |
| | | <!-- <div class="operationClass">--> |
| | | <!-- <el-tooltip class="item" effect="dark" content="编辑" placement="top">--> |
| | | <!-- <i class="el-icon-edit-outline" @click="edit('edit',row)" />--> |
| | | <!-- </el-tooltip>--> |
| | | <!-- <el-tooltip v-del-tab-index class="item" effect="dark" content="删除" placement="top">--> |
| | | <!-- <i class="el-icon-delete" @click="del(row)" />--> |
| | | <!-- </el-tooltip>--> |
| | | <!-- </div>--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | </el-table> |
| | | </div> |
| | | <!--分页--> |
| | |
| | | <el-dialog |
| | | :title="operation==='setting'?'设置':'默认方案'" |
| | | :visible.sync="dialogVisible" |
| | | width="1280px" |
| | | width="1360px" |
| | | :close-on-click-modal="false" |
| | | top="10vh" |
| | | @closed="handleClose" |
| | |
| | | :header-cell-style="this.$headerCellStyle" |
| | | :cell-style="this.$cellStyle" |
| | | > |
| | | |
| | | <el-table-column |
| | | v-if="operation!=='setting'" |
| | | width="50" |
| | |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <el-radio |
| | | v-model="radioSelectedId" |
| | | :label="row.hx" |
| | | v-model="radioSelectedCode" |
| | | :label="row.code" |
| | | style="padding-left: 10px;" |
| | | @change.native="getCurrentRowSource(row.hx)" |
| | | @change.native="getCurrentRowSource(row.code)" |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="famc" |
| | | prop="code" |
| | | label="方案编码" |
| | | width="100" |
| | | fixed |
| | | show-tooltip-when-overflow |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.isVisible===0">{{ row.code }}</div> |
| | | <el-input v-else v-model="row.code" placeholder="请输入" type="text" /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="name" |
| | | label="方案名称" |
| | | width="150" |
| | | fixed |
| | | show-tooltip-when-overflow |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <el-input v-model="row.famc" :disabled="row.isVisible===0" type="text" /> |
| | | <div v-if="row.isVisible===0">{{ row.name }}</div> |
| | | <el-input v-else v-model="row.name" placeholder="请输入" type="text" /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="gzsc" |
| | | prop="duration" |
| | | label="工作时长" |
| | | width="100" |
| | | show-tooltip-when-overflow |
| | | /> |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div>{{ row.duration ? parseFloat(row.duration.toFixed(2)) : '0' }} 小时</div> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | prop="time1" |
| | | prop="wktme1_start" |
| | | label="工作时间一" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.isVisible===0"> |
| | | <div v-if="row.wktme1_start">{{ row.wktme1_start }}</div> |
| | | <div v-else>/</div> |
| | | </div> |
| | | <el-time-picker |
| | | v-model="row.time1" |
| | | v-else |
| | | v-model="row.wktme1_start" |
| | | is-range |
| | | :disabled="row.isVisible===0" |
| | | :editable="false" |
| | | :clearable="false" |
| | | range-separator="~" |
| | | start-placeholder="开始" |
| | | end-placeholder="结束" |
| | | format="HH:mm" |
| | | @focus="val=>getTime(val,row,'time1')" |
| | | @focus="val=>getTime(val,row,'wktme1_start')" |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="time2" |
| | | prop="wktme2_start" |
| | | label="工作时间二" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.isVisible===0"> |
| | | <div v-if="row.wktme2_start">{{ row.wktme2_start }}</div> |
| | | <div v-else>/</div> |
| | | </div> |
| | | <el-time-picker |
| | | v-model="row.time2" |
| | | v-else-if="row.isVisible===1" |
| | | v-model="row.wktme2_start" |
| | | is-range |
| | | :disabled="row.isVisible===0" |
| | | :disabled="row.wktme1_start.length===0" |
| | | :editable="false" |
| | | :clearable="false" |
| | | range-separator="~" |
| | | start-placeholder="开始" |
| | | end-placeholder="结束" |
| | | format="HH:mm" |
| | | @focus="val=>getTime(val,row,'time2')" |
| | | @focus="val=>getTime(val,row,'wktme2_start')" |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="time3" |
| | | prop="wktme3_start" |
| | | label="工作时间三" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.isVisible===0"> |
| | | <div v-if="row.wktme3_start">{{ row.wktme3_start }}</div> |
| | | <div v-else>/</div> |
| | | </div> |
| | | <el-time-picker |
| | | v-model="row.time3" |
| | | v-else-if="row.isVisible===1" |
| | | v-model="row.wktme3_start" |
| | | is-range |
| | | :disabled="row.wktme2_start.length===0" |
| | | :editable="false" |
| | | :disabled="row.isVisible===0" |
| | | :clearable="false" |
| | | format="HH:mm" |
| | | range-separator="~" |
| | | start-placeholder="开始" |
| | | end-placeholder="结束" |
| | | @focus="val=>getTime(val,row,'time3')" |
| | | @focus="val=>getTime(val,row,'wktme3_start')" |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="time4" |
| | | prop="wktme4_start" |
| | | label="工作时间四" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.isVisible===0"> |
| | | <div v-if="row.wktme4_start">{{ row.wktme4_start }}</div> |
| | | <div v-else>/</div> |
| | | </div> |
| | | <el-time-picker |
| | | v-model="row.time4" |
| | | v-else-if="row.isVisible===1" |
| | | v-model="row.wktme4_start" |
| | | is-range |
| | | :disabled="row.wktme3_start.length===0" |
| | | format="HH:mm" |
| | | :editable="false" |
| | | :disabled="row.isVisible===0" |
| | | :clearable="false" |
| | | :editable="false" |
| | | range-separator="~" |
| | | start-placeholder="开始" |
| | | end-placeholder="结束" |
| | | @focus="val=>getTime(val,row,'time4')" |
| | | @focus="val=>getTime(val,row,'wktme4_start')" |
| | | /> |
| | | |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="time5" |
| | | prop="wktme5_start" |
| | | label="工作时间五" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.isVisible===0"> |
| | | <div v-if="row.wktme5_start">{{ row.wktme5_start }}</div> |
| | | <div v-else>/</div> |
| | | </div> |
| | | <el-time-picker |
| | | v-model="row.time5" |
| | | :disabled="row.isVisible===0" |
| | | v-else-if="row.isVisible===1" |
| | | v-model="row.wktme5_start" |
| | | is-range |
| | | :disabled="row.wktme4_start.length===0" |
| | | :clearable="false" |
| | | :editable="false" |
| | | format="HH:mm" |
| | | :clearable="false" |
| | | range-separator="~" |
| | | start-placeholder="开始" |
| | | end-placeholder="结束" |
| | | @focus="val=>getTime(val,row,'time5')" |
| | | @focus="val=>getTime(val,row,'wktme5_start')" |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div class="operationClass"> |
| | | <el-button v-if="row.isVisible===0" type="text" @click="editRow(row)">编辑</el-button> |
| | | <el-button v-if="row.isVisible===0" type="text" @click="delRow(row)">删除</el-button> |
| | | <el-button v-if="row.isVisible===1" type="text" @click="saveRow(row)">保存</el-button> |
| | | <el-button v-if="row.isVisible===1" type="text" @click="cancelRow(row)">取消</el-button> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | <span slot="footer" class="dialog-footer"> |
| | | <div class="footerButton"> |
| | | <el-button @click="dialogVisibleCancel">返 回</el-button> |
| | | <el-button v-if="operation!=='setting'" type="primary" @click="dialogVisibleConfirm">确 定</el-button> |
| | | <el-button |
| | | v-if="operation!=='setting'" |
| | | type="primary" |
| | | :loading="$store.state.app.buttonIsDisabled" |
| | | :disabled="$store.state.app.buttonIsDisabled" |
| | | @click="dialogVisibleConfirm" |
| | | >确 定</el-button> |
| | | </div> |
| | | </span> |
| | | </el-dialog> |
| | | |
| | | <!--导入组件--> |
| | | <import-picker |
| | | ref="importPickerFunc" |
| | | class="importPickerClass" |
| | | :shows.sync="shows" |
| | | :title="title_value" |
| | | :colos="colos" |
| | | :code="code" |
| | | /> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import Pagination from '@/components/Pagination' |
| | | import { AddUpdateOrganization, DeleteOrganization, OrganizationSearch, PrentOrganization } from '@/api/jcsz' |
| | | import { getCookie } from '@/utils/auth' |
| | | import ImportPicker from '@/components/ImportPicker' |
| | | import { validateCode } from '@/utils/global' |
| | | import $ from 'jquery' |
| | | import DatePicker from '@/components/DatePicker' |
| | | import { CapacityPlanningSearch } from '@/api/scgl' |
| | | import { |
| | | CapacityPlanningSearch, |
| | | CapacityPlanningSetupAddUpdate, |
| | | CapacityPlanningSetupDelete, |
| | | CapacityPlanningSetupSearch, CapacityPlanSubmit |
| | | } from '@/api/scgl' |
| | | import { DeviceTypeSelect, WorkShopSelect } from '@/api/sbgl' |
| | | import { handleDatetime3 } from '@/utils/global' |
| | | |
| | | export default { |
| | | name: 'Zzjg', |
| | | components: { |
| | | Pagination, ImportPicker, DatePicker |
| | | Pagination, DatePicker |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | devicetypeArr: [], |
| | | total: 10, |
| | | tableData: [], |
| | | |
| | | dialogVisible: false, |
| | | dialogForm: { |
| | | // OrgType: '', |
| | | // OrgCode: '', |
| | | // OrgName: '', |
| | | // SupUnit: ''// 上级单位 |
| | | }, |
| | | operation: '', |
| | | pickerOptions: { |
| | | disabledDate(time) { |
| | |
| | | // return time.getTime() < Date.now(); // 不可选历史天、不可选当前天、可选未来天 |
| | | } |
| | | }, |
| | | popoverVisible: false, |
| | | available: null, |
| | | nextMonth: null, |
| | | |
| | | tableDataDialog: [ |
| | | // { |
| | | // famc: '方案一', |
| | | // gzsc: '8小时', |
| | | // time1: [new Date(2016, 9, 10, 8, 40), new Date(2016, 9, 10, 9, 40)], |
| | | // time2: '', |
| | | // time3: '', |
| | | // time4: '', |
| | | // time5: '' |
| | | // } |
| | | ], |
| | | radioSelectedId: '', |
| | | |
| | | title_value: '数据导入 / 点检部位', |
| | | code: '4', |
| | | shows: false |
| | | tableDataDialog: [], |
| | | radioSelectedCode: '', |
| | | tempObj: {} // 临时对象,默认方案提交时使用 |
| | | |
| | | } |
| | | }, |
| | | watch: { |
| | | shows() { |
| | | if (!this.shows) { |
| | | this.getCapacityPlanningSearch() |
| | | } |
| | | } |
| | | }, |
| | | |
| | | created() { |
| | | |
| | | this.handleRequest() |
| | | }, |
| | | mounted() { |
| | | window.addEventListener('resize', this.getHeight) |
| | | this.getHeight() |
| | | |
| | | this.handleRequest() |
| | | // this.getDialogData() |
| | | }, |
| | | methods: { |
| | | getCurrentRowSource() { |
| | | |
| | | // 子组件失焦时执行 |
| | | over(val) { |
| | | if (val) { |
| | | // console.log(val) |
| | | this.getCapacityPlanningSearch() |
| | | } |
| | | }, |
| | | getDialogData() { |
| | | let number = Math.random() * Math.random()// 作为删除时的标识符 |
| | | number = number === 0 ? (10 + Math.random()) : number |
| | | this.tableDataDialog.push( |
| | | { |
| | | hx: 1, |
| | | famc: '方案一', |
| | | gzsc: '8小时', |
| | | time1: [], |
| | | time2: [], |
| | | time3: [], |
| | | time4: [], |
| | | time5: [], |
| | | number, |
| | | isVisible: 0 |
| | | } |
| | | ) |
| | | getCurrentRowSource(code) { |
| | | this.radioSelectedCode = code |
| | | }, |
| | | async getDialogData() { |
| | | const { data: res } = await CapacityPlanningSetupSearch() |
| | | this.tableDataDialog = res |
| | | |
| | | this.tableDataDialog.forEach(item => { |
| | | let number = Math.random() * Math.random()// 作为删除时的标识符 |
| | | number = number === 0 ? (10 + Math.random()) : number |
| | | item.number = number |
| | | item.isVisible = 0 |
| | | item.duration = this.computingTime(item.wktme1_start, item.wktme2_start, item.wktme3_start, item.wktme4_start, item.wktme5_start) |
| | | }) |
| | | }, |
| | | // 计算时间的方法 返回 多少小时 |
| | | computingTime(time1, time2, time3, time4, time5) { |
| | | // 转成分钟计算 |
| | | const second1 = time1 ? calcTime(time1) : null |
| | | const second2 = time2 ? calcTime(time2) : null |
| | | const second3 = time3 ? calcTime(time3) : null |
| | | const second4 = time4 ? calcTime(time4) : null |
| | | const second5 = time5 ? calcTime(time5) : null |
| | | return (second1 + second2 + second3 + second4 + second5) / 60 |
| | | |
| | | // 两个时间差值 转化为分钟数 |
| | | function calcTime(val) { |
| | | return (parseInt(val.split('~')[1].split(':')[0]) * 60 + parseInt(val.split('~')[1].split(':')[1])) - (parseInt(val.split('~')[0].split(':')[0]) * 60 + parseInt(val.split('~')[0].split(':')[1])) |
| | | } |
| | | }, |
| | | getTime(val, row, belong) { |
| | | const res = this.getDt() |
| | | if (belong === 'time1') { |
| | | // row.time1.push(new Date(res.yyyy, res.MM, res.dd, '00', '00')) |
| | | row.time1 = row.time1.length > 0 ? row.time1 : row.time1.push(new Date()) |
| | | } else if (belong === 'time2') { |
| | | row.time2 = row.time2.length > 0 ? row.time2 : row.time2.push(new Date()) |
| | | } else if (belong === 'time3') { |
| | | row.time3 = row.time3.length > 0 ? row.time3 : row.time3.push(new Date()) |
| | | } else if (belong === 'time4') { |
| | | row.time4 = row.time4.length > 0 ? row.time4 : row.time4.push(new Date()) |
| | | } else if (belong === 'time5') { |
| | | row.time5 = row.time5.length > 0 ? row.time5 : row.time5.push(new Date()) |
| | | // const res = this.getDt() |
| | | if (belong === 'wktme1_start') { |
| | | // row.wktme1_start.push(new Date(res.yyyy, res.MM, res.dd, '00', '00')) |
| | | row.wktme1_start = row.wktme1_start.length > 0 ? row.wktme1_start : row.wktme1_start.push(new Date()) |
| | | } else if (belong === 'wktme2_start') { |
| | | row.wktme2_start = row.wktme2_start.length > 0 ? row.wktme2_start : row.wktme2_start.push(new Date()) |
| | | } else if (belong === 'wktme3_start') { |
| | | row.wktme3_start = row.wktme3_start.length > 0 ? row.wktme3_start : row.wktme3_start.push(new Date()) |
| | | } else if (belong === 'wktme4_start') { |
| | | row.wktme4_start = row.wktme4_start.length > 0 ? row.wktme4_start : row.wktme4_start.push(new Date()) |
| | | } else if (belong === 'wktme5_start') { |
| | | row.wktme5_start = row.wktme5_start.length > 0 ? row.wktme5_start : row.wktme5_start.push(new Date()) |
| | | } |
| | | |
| | | const duration = this.computingTime(handleDatetime3(row.wktme1_start[0]) + '~' + handleDatetime3(row.wktme1_start[1]), |
| | | row.wktme2_start.length !== 0 ? handleDatetime3(row.wktme2_start[0]) + '~' + handleDatetime3(row.wktme2_start[1]) : null, |
| | | row.wktme3_start.length !== 0 ? handleDatetime3(row.wktme3_start[0]) + '~' + handleDatetime3(row.wktme3_start[1]) : null, |
| | | row.wktme4_start.length !== 0 ? handleDatetime3(row.wktme4_start[0]) + '~' + handleDatetime3(row.wktme4_start[1]) : null, |
| | | row.wktme5_start.length !== 0 ? handleDatetime3(row.wktme5_start[0]) + '~' + handleDatetime3(row.wktme5_start[1]) : null) |
| | | row.duration = parseFloat(duration.toFixed(2)) |
| | | console.log(row.duration) |
| | | }, |
| | | getDt() { |
| | | const dt = new Date() |
| | |
| | | return { yyyy: y, MM: m, dd: d, hh, mm } |
| | | }, |
| | | addRow() { |
| | | const temp = this.tableDataDialog.find(item => item.isVisible === 1) |
| | | if (temp) { |
| | | return this.$message.info('请先保存上一条记录!') |
| | | } |
| | | |
| | | let number = Math.random() * Math.random()// 作为删除时的标识符 |
| | | number = number === 0 ? (10 + Math.random()) : number |
| | | this.tableDataDialog.push( |
| | | { |
| | | hx: 2, |
| | | famc: '方案xxx', |
| | | gzsc: '8小时', |
| | | time1: [], |
| | | time2: [], |
| | | time3: [], |
| | | time4: [], |
| | | time5: [], |
| | | isVisible: 1 |
| | | RowNum: 2, |
| | | code: '', |
| | | name: '', |
| | | duration: '', |
| | | wktme1_start: [], |
| | | wktme2_start: [], |
| | | wktme3_start: [], |
| | | wktme4_start: [], |
| | | wktme5_start: [], |
| | | isVisible: 1, |
| | | number |
| | | } |
| | | ) |
| | | }, |
| | | editRow(row) { |
| | | console.log(row) |
| | | row.isVisible = 1 |
| | | cancelRow(row) { |
| | | this.tableDataDialog.forEach((item, index) => { |
| | | if (row.number === item.number) { |
| | | this.tableDataDialog.splice(index, 1) |
| | | } |
| | | }) |
| | | }, |
| | | saveRow(row) { |
| | | row.isVisible = 0 |
| | | }, |
| | | delRow(row) { |
| | | async saveRow(row) { |
| | | if (row.code.trim().toString().length === 0) { |
| | | return this.$message.info('方案编码不能为空!') |
| | | } |
| | | if (row.name.trim().toString().length === 0) { |
| | | return this.$message.info('方案名称不能为空!') |
| | | } |
| | | if (row.wktme1_start.length === 0) { |
| | | return this.$message.info('工作时间不能为空,保存失败!') |
| | | } |
| | | // 保存时需要先判断工作时间后面的不能小于前面的 |
| | | // 先取出来存转化成分钟存成数组进行大小对比 |
| | | if (calcTime(handleDatetime3(row.wktme1_start[1]), handleDatetime3(row.wktme2_start[0]))) { |
| | | return this.$message.info('工作时间二的开始时间小于了工作时间一的结束时间,保存失败!') |
| | | } |
| | | if (calcTime(handleDatetime3(row.wktme2_start[1]), handleDatetime3(row.wktme3_start[0]))) { |
| | | return this.$message.info('工作时间三的开始时间小于了工作时间二的结束时间,保存失败!') |
| | | } |
| | | if (calcTime(handleDatetime3(row.wktme3_start[1]), handleDatetime3(row.wktme4_start[0]))) { |
| | | return this.$message.info('工作时间四的开始时间小于了工作时间三的结束时间,保存失败!') |
| | | } |
| | | if (calcTime(handleDatetime3(row.wktme4_start[1]), handleDatetime3(row.wktme5_start[0]))) { |
| | | return this.$message.info('工作时间五的开始时间小于了工作时间四的结束时间,保存失败!') |
| | | } |
| | | const Duration = this.computingTime(handleDatetime3(row.wktme1_start[0]) + '~' + handleDatetime3(row.wktme1_start[1]), |
| | | row.wktme2_start.length !== 0 ? handleDatetime3(row.wktme2_start[0]) + '~' + handleDatetime3(row.wktme2_start[1]) : null, |
| | | row.wktme3_start.length !== 0 ? handleDatetime3(row.wktme3_start[0]) + '~' + handleDatetime3(row.wktme3_start[1]) : null, |
| | | row.wktme4_start.length !== 0 ? handleDatetime3(row.wktme4_start[0]) + '~' + handleDatetime3(row.wktme4_start[1]) : null, |
| | | row.wktme5_start.length !== 0 ? handleDatetime3(row.wktme5_start[0]) + '~' + handleDatetime3(row.wktme5_start[1]) : null) |
| | | const data = { |
| | | CapSetupCode: row.code, |
| | | CapSetupName: row.name, |
| | | OneStartDate: row.wktme1_start.length !== 0 ? handleDatetime3(row.wktme1_start[0]) + '~' + handleDatetime3(row.wktme1_start[1]) : '', |
| | | TwoStartDate: row.wktme2_start.length !== 0 ? handleDatetime3(row.wktme2_start[0]) + '~' + handleDatetime3(row.wktme2_start[1]) : '', |
| | | ThreeStartDate: row.wktme3_start.length !== 0 ? handleDatetime3(row.wktme3_start[0]) + '~' + handleDatetime3(row.wktme3_start[1]) : '', |
| | | FourStartDate: row.wktme4_start.length !== 0 ? handleDatetime3(row.wktme4_start[0]) + '~' + handleDatetime3(row.wktme4_start[1]) : '', |
| | | FiveStartDate: row.wktme5_start.length !== 0 ? handleDatetime3(row.wktme5_start[0]) + '~' + handleDatetime3(row.wktme5_start[1]) : '', |
| | | Duration: parseFloat(Duration.toFixed(2)) |
| | | } |
| | | const res = await CapacityPlanningSetupAddUpdate({ capacitylist: [data] }) |
| | | if (res.code === '200') { |
| | | await this.getDialogData() |
| | | } |
| | | |
| | | // 如果时间段二的开始时间小于时间段一的结束时间 则返回true,并且提示用户保存不了 |
| | | function calcTime(time1, time2) { |
| | | const temp1 = parseInt(time1.split(':')[0]) * 60 + parseInt(time1.split(':')[1]) |
| | | const temp2 = parseInt(time2.split(':')[0]) * 60 + parseInt(time2.split(':')[1]) |
| | | return temp2 < temp1 |
| | | } |
| | | }, |
| | | CapacityPlanningSearch() { |
| | | async delRow(row) { |
| | | const res = await CapacityPlanningSetupDelete({ capsetupcode: row.code }) |
| | | if (res.code === '200') { |
| | | await this.getDialogData() |
| | | } |
| | | }, |
| | | async CapacityPlanningSearch() { |
| | | |
| | | }, |
| | | handleRequest() { |
| | |
| | | this.devicetypeArr = res |
| | | }, |
| | | mrfaSearch(row, operation) { |
| | | console.log(row) |
| | | this.operation = operation |
| | | this.dialogVisible = true |
| | | |
| | | this.tempObj = row |
| | | this.radioSelectedCode = row.CaptPlanWorkShiftCode |
| | | this.getDialogData() |
| | | this.$nextTick(() => { |
| | | this.$refs.tableDataDialogRef.doLayout() |
| | | }) |
| | |
| | | search() { |
| | | this.getCapacityPlanningSearch() |
| | | }, |
| | | // 导入按钮 |
| | | upload() { |
| | | this.shows = true |
| | | this.$refs.importPickerFunc.newDataFunc() |
| | | }, |
| | | colos() { |
| | | this.shows = false |
| | | }, |
| | | // 重置 |
| | | reset() { |
| | | this.form.workshop = '' |
| | |
| | | setting(operation) { |
| | | this.operation = operation |
| | | this.dialogVisible = true |
| | | |
| | | this.getDialogData() |
| | | this.$nextTick(() => { |
| | | this.$refs.tableDataDialogRef.doLayout() |
| | | }) |
| | | }, |
| | | // 新增按钮 |
| | | add(operation) { |
| | | this.operation = operation |
| | | this.dialogVisible = true |
| | | }, |
| | | // 修改按钮 |
| | | edit(operation, row) { |
| | | this.operation = operation |
| | | this.dialogVisible = true |
| | | |
| | | this.$nextTick(() => { |
| | | this.dialogForm.OrgCode = row.org_code |
| | | this.dialogForm.OrgName = row.org_name |
| | | this.dialogForm.SupUnit = row.parent_id |
| | | }) |
| | | }, |
| | | // 删除按钮 |
| | | async del(row) { |
| | | this.$confirm('是否确认删除?', '提示', { |
| | | confirmButtonText: '确定', |
| | | cancelButtonText: '取消', |
| | | type: 'warning' |
| | | }).then(() => { |
| | | DeleteOrganization({ orgid: row.code }).then(res => { |
| | | if (res.code === '200') { |
| | | this.$message.success('删除成功!') |
| | | if (this.form.page > 1 && this.tableData.length === 1) { |
| | | this.form.page-- |
| | | } |
| | | this.getCapacityPlanningSearch() |
| | | } |
| | | }) |
| | | }).catch(() => { |
| | | this.$message.info('已取消删除') |
| | | }) |
| | | }, |
| | | // 对话框关闭事件 |
| | | handleClose() { |
| | | this.dialogForm.OrgType = '' |
| | | this.dialogForm.OrgCode = '' |
| | | this.dialogForm.OrgName = '' |
| | | this.dialogForm.SupUnit = '' |
| | | this.$refs.dialogForm.clearValidate() |
| | | this.radioSelectedCode = '' |
| | | this.tempObj = {} |
| | | this.tableDataDialog = [] |
| | | }, |
| | | // 对话框取消 |
| | | dialogVisibleCancel() { |
| | |
| | | }, |
| | | // 对话框确认 |
| | | dialogVisibleConfirm() { |
| | | this.dialogVisible = false |
| | | const data = { |
| | | wkshopcode: this.tempObj.CaptPlanWorkShopid, |
| | | capunitcode: this.tempObj.CaptPlanDeviceTypeid, |
| | | captplanid: this.tempObj.CaptPlanId ? this.tempObj.CaptPlanId : '', |
| | | capsetupcode: this.radioSelectedCode, |
| | | captplantype: this.tempObj.CaptPlanType |
| | | } |
| | | this.$store.state.app.buttonIsDisabled = true |
| | | CapacityPlanSubmit(data).then(res => { |
| | | if (res.code === '200') { |
| | | this.dialogVisible = false |
| | | this.$store.state.app.buttonIsDisabled = false |
| | | this.getCapacityPlanningSearch() |
| | | } |
| | | }) |
| | | }, |
| | | // 获取页面高度 |
| | | getHeight() { |
| | |
| | | .el-table .custom-row { |
| | | background: #f8f8fa; |
| | | } |
| | | |
| | | /*为了让面板在超出区域可显示*/ |
| | | .el-table__body-wrapper{ |
| | | overflow: visible !important |
| | | } |
| | | .table_only{ |
| | | overflow: visible !important |
| | | } |
| | | </style> |