| | |
| | | :inline="true" |
| | | label-width="68px" |
| | | > |
| | | <el-row type="flex" justify="left" @click.stop="handleCancleStaus"> |
| | | <el-row type="flex" justify="left"> |
| | | <el-col :span="6"> |
| | | <el-form-item label="选择月份" prop="description"> |
| | | <el-date-picker |
| | |
| | | </el-form> |
| | | <div class="box_container"> |
| | | <el-row> |
| | | <el-col :span="!clickedTableRef?22:20" @click="handleCancleStaus"> |
| | | <el-col :span="!clickedTableRef?22:20"> |
| | | <div class="title_text">管路规划产能</div> |
| | | </el-col> |
| | | <el-col :span="1" v-if="!clickedTableRef"> |
| | |
| | | :edit-config="{ trigger: 'click', mode: 'row', showStatus: true }" |
| | | :data="routePlanList" |
| | | size="small" |
| | | @cell-click="cellClickEvent" |
| | | > |
| | | <vxe-column field="processName" title="标准工序名称" min-width="150" fixed="left"> |
| | | </vxe-column> |
| | |
| | | field="dayProduceType" |
| | | title="日产出类型" |
| | | min-width="160" |
| | | :edit-render="{}" |
| | | > |
| | | <template #edit="{ row }"> |
| | | <!-- <vxe-select |
| | | v-model="row.dayProduceType" |
| | | :options="dayProduceTypeOptions" |
| | | ></vxe-select> --> |
| | | <!-- <template #edit="{ row }"> |
| | | <el-select |
| | | clearable |
| | | v-model="row.dayProduceType" |
| | |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </template> |
| | | </template> --> |
| | | <template #default="{ row }"> |
| | | <div v-if="!clickedTableRef"> |
| | | <span>{{ formatTypeLabel([row.dayProduceType]) }}</span> |
| | |
| | | clearable |
| | | v-model="row.dayProduceType" |
| | | style="width: 140px" |
| | | @change="handlechangeDayproduceType($event,row)" |
| | | > |
| | | <el-option |
| | | v-for="type in dayProduceTypeOptions" |
| | |
| | | field="dayProduceNum" |
| | | title="日产出数量" |
| | | min-width="200" |
| | | :edit-render="{ autoFocus: 'input' }" |
| | | > |
| | | <template #edit="{ row }"> |
| | | <!-- <template #edit="{ row }"> |
| | | <el-input-number v-model="row.dayProduceNum" size="mini" /> |
| | | </template> |
| | | </template> --> |
| | | <template #default="{ row }"> |
| | | <div v-if="!clickedTableRef"> |
| | | <span>{{ row.dayProduceNum }}</span> |
| | | </div> |
| | | <div v-else> |
| | | <el-input-number v-model="row.dayProduceNum" size="mini" /> |
| | | <el-input-number @change="cellClickEvent($event,row)" v-model="row.dayProduceNum" size="mini" /> |
| | | </div> |
| | | </template> |
| | | </vxe-column> |
| | |
| | | field="dayProduceUnit" |
| | | title="日产出单位" |
| | | min-width="200" |
| | | :edit-render="{ autoFocus: 'input' }" |
| | | > |
| | | <template #edit="{ row }"> |
| | | <!-- <template #edit="{ row }"> |
| | | <el-input v-model="row.dayProduceUnit" /> |
| | | </template> |
| | | </template> --> |
| | | <template #default="{ row }"> |
| | | <div v-if="!clickedTableRef"> |
| | | <span>{{ row.dayProduceUnit }}</span> |
| | |
| | | field="personnelNumber" |
| | | title="人员数量" |
| | | min-width="200" |
| | | :edit-render="{ autoFocus: 'input' }" |
| | | > |
| | | <template #edit="{ row }"> |
| | | <!-- <template #edit="{ row }"> |
| | | <el-input-number v-model="row.personnelNumber" /> |
| | | </template> |
| | | </template> --> |
| | | <template #default="{ row }"> |
| | | <div v-if="!clickedTableRef"> |
| | | <span>{{ row.personnelNumber }}</span> |
| | | </div> |
| | | <div v-else> |
| | | <el-input-number v-model="row.personnelNumber" /> |
| | | <el-input-number @change="cellClickEvent($event,row)" v-model="row.personnelNumber" /> |
| | | </div> |
| | | </template> |
| | | </vxe-column> |
| | |
| | | field="dayProduceAllNum" |
| | | title="日产出总数量" |
| | | min-width="200" |
| | | :edit-render="{ autoFocus: 'input' }" |
| | | > |
| | | <template #edit="{ row }"> |
| | | <!-- <template #edit="{ row }"> |
| | | <el-input-number v-model="row.dayProduceAllNum" disabled /> |
| | | </template> |
| | | </template> --> |
| | | <template #default="{ row }"> |
| | | <div v-if="!clickedTableRef"> |
| | | <span>{{ row.dayProduceAllNum }}</span> |
| | |
| | | field="days" |
| | | title="天数" |
| | | min-width="200" |
| | | :edit-render="{ autoFocus: 'input' }" |
| | | > |
| | | <template #edit="{ row }"> |
| | | <!-- <template #edit="{ row }"> |
| | | <el-input-number v-model="row.days" /> |
| | | </template> |
| | | </template> --> |
| | | <template #default="{ row }"> |
| | | <div v-if="!clickedTableRef"> |
| | | <span>{{ row.days }}</span> |
| | | </div> |
| | | <div v-else> |
| | | <el-input-number v-model="row.days" /> |
| | | <el-input-number @change="cellClickEvent($event,row)" v-model="row.days" /> |
| | | </div> |
| | | </template> |
| | | </vxe-column> |
| | |
| | | field="monthProduceAllNum" |
| | | title="月产出数量" |
| | | min-width="200" |
| | | :edit-render="{ autoFocus: 'input' }" |
| | | > |
| | | <template #edit="{ row }"> |
| | | <!-- <template #edit="{ row }"> |
| | | <el-input-number v-model="row.monthProduceAllNum" disabled /> |
| | | </template> |
| | | </template> --> |
| | | <template #default="{ row }"> |
| | | <div v-if="!clickedTableRef"> |
| | | <span>{{ row.monthProduceAllNum }}</span> |
| | |
| | | field="remark" |
| | | title="备注" |
| | | min-width="200" |
| | | :edit-render="{ autoFocus: 'input' }" |
| | | > |
| | | <template #edit="{ row }"> |
| | | <!-- :edit-render="{ autoFocus: 'input' }" --> |
| | | <!-- <template #edit="{ row }"> |
| | | <el-input |
| | | type="text" |
| | | v-model="row.remark" |
| | | /> |
| | | </template> |
| | | </template> --> |
| | | <template #default="{ row }"> |
| | | <div v-if="!clickedTableRef"> |
| | | <span>{{ row.remark }}</span> |
| | |
| | | </div> |
| | | <div class="box_container"> |
| | | <el-row> |
| | | <el-col :span="!clickedTableRefGas?22:20" @click="handleCancleStausGas"> |
| | | <el-col :span="!clickedTableRefGas?22:20"> |
| | | <div class="title_text">气柜规划产能</div> |
| | | </el-col> |
| | | <el-col :span="1" v-if="!clickedTableRefGas"> |
| | |
| | | :height="height" |
| | | :edit-config="{ mode: 'row', trigger: 'click', showStatus: true }" |
| | | :data="gasPlanList" |
| | | @cell-click="cellClickEventGas" |
| | | > |
| | | <vxe-column field="processName" title="标准工序名称" min-width="150" fixed="left"> |
| | | </vxe-column> |
| | |
| | | field="dayProduceType" |
| | | title="日产出类型" |
| | | min-width="160" |
| | | :edit-render="{}" |
| | | > |
| | | <template #edit="{ row }"> |
| | | <!-- <vxe-select |
| | | v-model="row.dayProduceType" |
| | | :options="dayProduceTypeOptions" |
| | | ></vxe-select> --> |
| | | <!-- <template #edit="{ row }"> |
| | | <el-select |
| | | clearable |
| | | v-model="row.dayProduceType" |
| | |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </template> |
| | | </template> --> |
| | | <template #default="{ row }"> |
| | | <div v-if="!clickedTableRefGas"> |
| | | <span>{{ formatTypeLabel([row.dayProduceType]) }}</span> |
| | |
| | | clearable |
| | | v-model="row.dayProduceType" |
| | | style="width: 140px" |
| | | @change="handlechangeDayproduceType($event,row)" |
| | | > |
| | | <el-option |
| | | v-for="type in dayProduceTypeOptions" |
| | |
| | | field="dayProduceNum" |
| | | title="日产出数量" |
| | | min-width="200" |
| | | :edit-render="{ autoFocus: 'input' }" |
| | | > |
| | | <template #edit="{ row }"> |
| | | <!-- <template #edit="{ row }"> |
| | | <el-input-number v-model="row.dayProduceNum" size="mini" /> |
| | | </template> |
| | | </template> --> |
| | | <template #default="{ row }"> |
| | | <div v-if="!clickedTableRefGas"> |
| | | <span>{{ row.dayProduceNum }}</span> |
| | | </div> |
| | | <div v-else> |
| | | <el-input-number v-model="row.dayProduceNum" size="mini" /> |
| | | <el-input-number @change="cellClickEvent($event,row)" v-model="row.dayProduceNum" size="mini" /> |
| | | </div> |
| | | </template> |
| | | </vxe-column> |
| | |
| | | field="dayProduceUnit" |
| | | title="日产出单位" |
| | | min-width="200" |
| | | :edit-render="{ autoFocus: 'input' }" |
| | | > |
| | | <template #edit="{ row }"> |
| | | <!-- <template #edit="{ row }"> |
| | | <el-input v-model="row.dayProduceUnit" /> |
| | | </template> |
| | | </template> --> |
| | | <template #default="{ row }"> |
| | | <div v-if="!clickedTableRefGas"> |
| | | <span>{{ row.dayProduceUnit }}</span> |
| | |
| | | field="personnelNumber" |
| | | title="人员数量" |
| | | min-width="200" |
| | | :edit-render="{ autoFocus: 'input' }" |
| | | > |
| | | <template #edit="{ row }"> |
| | | <!-- <template #edit="{ row }"> |
| | | <el-input-number v-model="row.personnelNumber" /> |
| | | </template> |
| | | </template> --> |
| | | <template #default="{ row }"> |
| | | <div v-if="!clickedTableRefGas"> |
| | | <span>{{ row.personnelNumber }}</span> |
| | | </div> |
| | | <div v-else> |
| | | <el-input-number v-model="row.personnelNumber" /> |
| | | <el-input-number @change="cellClickEvent($event,row)" v-model="row.personnelNumber" /> |
| | | </div> |
| | | </template> |
| | | </vxe-column> |
| | |
| | | field="dayProduceAllNum" |
| | | title="日产出总数量" |
| | | min-width="200" |
| | | :edit-render="{ autoFocus: 'input' }" |
| | | > |
| | | <template #edit="{ row }"> |
| | | <!-- <template #edit="{ row }"> |
| | | <el-input-number v-model="row.dayProduceAllNum" disabled /> |
| | | </template> |
| | | </template> --> |
| | | <template #default="{ row }"> |
| | | <div v-if="!clickedTableRefGas"> |
| | | <span>{{ row.dayProduceAllNum }}</span> |
| | |
| | | field="days" |
| | | title="天数" |
| | | min-width="200" |
| | | :edit-render="{ autoFocus: 'input' }" |
| | | > |
| | | <template #edit="{ row }"> |
| | | <!-- <template #edit="{ row }"> |
| | | <el-input-number v-model="row.days" /> |
| | | </template> |
| | | </template> --> |
| | | <template #default="{ row }"> |
| | | <div v-if="!clickedTableRefGas"> |
| | | <span>{{ row.days }}</span> |
| | | </div> |
| | | <div v-else> |
| | | <el-input-number v-model="row.days" /> |
| | | <el-input-number @change="cellClickEvent($event,row)" v-model="row.days" /> |
| | | </div> |
| | | </template> |
| | | </vxe-column> |
| | |
| | | field="monthProduceAllNum" |
| | | title="月产出数量" |
| | | min-width="200" |
| | | :edit-render="{ autoFocus: 'input' }" |
| | | > |
| | | <template #edit="{ row }"> |
| | | <!-- <template #edit="{ row }"> |
| | | <el-input-number v-model="row.monthProduceAllNum" disabled /> |
| | | </template> |
| | | </template> --> |
| | | <template #default="{ row }"> |
| | | <div v-if="!clickedTableRefGas"> |
| | | <span>{{ row.monthProduceAllNum }}</span> |
| | |
| | | field="remark" |
| | | title="备注" |
| | | min-width="200" |
| | | :edit-render="{ autoFocus: 'input' }" |
| | | > |
| | | <template #edit="{ row }"> |
| | | <!-- <template #edit="{ row }"> |
| | | <el-input |
| | | type="text" |
| | | v-model="row.remark" |
| | | /> |
| | | </template> |
| | | </template> --> |
| | | <template #default="{ row }"> |
| | | <div v-if="!clickedTableRefGas"> |
| | | <span>{{ row.remark }}</span> |
| | |
| | | ); |
| | | return item ? item.label : type; |
| | | }) |
| | | .join(","); |
| | | .join(""); |
| | | } |
| | | return ""; |
| | | }; |
| | |
| | | } |
| | | const handleCancleStaus = () => { |
| | | clickedTableRef.value = false; |
| | | handleQuery(); |
| | | const year = queryParams.value.date.split("-")[0]; |
| | | const month = parseInt(queryParams.value.date.split("-")[1]); |
| | | getRouteList(year, month); |
| | | |
| | | }; |
| | | const handleCancleStausGas = () => { |
| | | clickedTableRefGas.value = false; |
| | | handleQuery(); |
| | | const year = queryParams.value.date.split("-")[0]; |
| | | const month = parseInt(queryParams.value.date.split("-")[1]); |
| | | getGasList(year, month); |
| | | } |
| | | // const cancelRowEvent = () => { |
| | | // const $table = tableRef.value; |
| | |
| | | return { |
| | | ...item, |
| | | dayProduceType: |
| | | item.dayProduceType == null ? "单人日产出" : item.dayProduceType, |
| | | item.dayProduceType == null ? "1" : item.dayProduceType, |
| | | dayProduceNum: item.dayProduceNum == null ? "0" : item.dayProduceNum, |
| | | dayProduceUnit: |
| | | item.dayProduceUnit == null ? "小时" : item.dayProduceUnit, |
| | |
| | | return { |
| | | ...item, |
| | | dayProduceType: |
| | | item.dayProduceType == null ? "单人日产出" : item.dayProduceType, |
| | | item.dayProduceType == null ? "1" : item.dayProduceType, |
| | | dayProduceNum: item.dayProduceNum == null ? "0" : item.dayProduceNum, |
| | | dayProduceUnit: |
| | | item.dayProduceUnit == null ? "小时" : item.dayProduceUnit, |
| | |
| | | }); |
| | | loading2.value = false; |
| | | } |
| | | function cellClickEvent({ row, column }) { |
| | | row.dayProduceAllNum = row.dayProduceNum * row.personnelNumber; |
| | | // function cellClickEvent({ row, column }) { |
| | | // console.log(row,column,"cellClickEvent") |
| | | // if(row.dayProduceType==="1"){ |
| | | // row.dayProduceAllNum = row.dayProduceNum * row.personnelNumber; |
| | | // }else{ |
| | | |
| | | // row.dayProduceAllNum = row.dayProduceNum |
| | | // } |
| | | // row.monthProduceAllNum = row.dayProduceAllNum * row.days; |
| | | // } |
| | | function cellClickEvent(e, row) { |
| | | console.log(row,"cellClickEvent") |
| | | if(row.dayProduceType==="1"){ |
| | | row.dayProduceAllNum = row.dayProduceNum * row.personnelNumber; |
| | | }else{ |
| | | |
| | | row.dayProduceAllNum = row.dayProduceNum |
| | | } |
| | | row.monthProduceAllNum = row.dayProduceAllNum * row.days; |
| | | } |
| | | function cellClickEventGas({ row, column }) { |
| | | row.dayProduceAllNum = row.dayProduceNum * row.personnelNumber; |
| | | function handlechangeDayproduceType(e,row){ |
| | | row.dayProduceAllNum = "0"; |
| | | row.monthProduceAllNum = "0"; |
| | | if(e=="1"){ |
| | | row.dayProduceAllNum = row.dayProduceNum * row.personnelNumber; |
| | | }else if(e=="2"){ |
| | | row.dayProduceAllNum = row.dayProduceNum |
| | | } |
| | | row.monthProduceAllNum = row.dayProduceAllNum * row.days; |
| | | } |
| | | function handleQuery() { |