|  |  |  | 
|---|
|  |  |  | :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="22" @click="handleCancleStaus"> | 
|---|
|  |  |  | <el-col :span="!clickedTableRef?22:20"> | 
|---|
|  |  |  | <div class="title_text">管路规划产能</div> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | <el-col :span="2"> | 
|---|
|  |  |  | <el-col :span="1" v-if="!clickedTableRef"> | 
|---|
|  |  |  | <el-button | 
|---|
|  |  |  | class="title_btn" | 
|---|
|  |  |  | type="default" | 
|---|
|  |  |  | @click="editRowEvent" >编辑</el-button> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | <el-col :span="1.8" v-if="clickedTableRef"> | 
|---|
|  |  |  | <el-button | 
|---|
|  |  |  | class="title_btn" | 
|---|
|  |  |  | type="primary" | 
|---|
|  |  |  | 
|---|
|  |  |  | > | 
|---|
|  |  |  | 保存 | 
|---|
|  |  |  | </el-button> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | <el-col :span="1" v-if="clickedTableRef"> | 
|---|
|  |  |  | <el-button | 
|---|
|  |  |  | class="title_btn ml20" | 
|---|
|  |  |  | type="default" | 
|---|
|  |  |  | @click="handleCancleStaus">取消</el-button> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | size="small" | 
|---|
|  |  |  | @cell-click="cellClickEvent" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <vxe-column field="processName" title="标准工序名称" min-width="150"> | 
|---|
|  |  |  | <vxe-column field="processName" title="标准工序名称" min-width="150" fixed="left"> | 
|---|
|  |  |  | </vxe-column> | 
|---|
|  |  |  | <vxe-column | 
|---|
|  |  |  | field="dayProduceType" | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="box_container"> | 
|---|
|  |  |  | <el-row> | 
|---|
|  |  |  | <el-col :span="22" @click="handleCancleStausGas"> | 
|---|
|  |  |  | <el-col :span="!clickedTableRefGas?22:20"> | 
|---|
|  |  |  | <div class="title_text">气柜规划产能</div> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | <el-col :span="2"> | 
|---|
|  |  |  | <el-col :span="1" v-if="!clickedTableRefGas"> | 
|---|
|  |  |  | <el-button | 
|---|
|  |  |  | class="title_btn" | 
|---|
|  |  |  | type="default" | 
|---|
|  |  |  | @click="editRowEventGas" >编辑</el-button> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | <el-col :span="1.8" v-if="clickedTableRefGas"> | 
|---|
|  |  |  | <el-button | 
|---|
|  |  |  | class="title_btn" | 
|---|
|  |  |  | type="primary" | 
|---|
|  |  |  | 
|---|
|  |  |  | > | 
|---|
|  |  |  | 保存 | 
|---|
|  |  |  | </el-button> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | <el-col :span="1" v-if="clickedTableRefGas"> | 
|---|
|  |  |  | <el-button | 
|---|
|  |  |  | class="title_btn ml20" | 
|---|
|  |  |  | type="default" | 
|---|
|  |  |  | @click="handleCancleStausGas">取消</el-button> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  | <div class="tabel_container"> | 
|---|
|  |  |  | 
|---|
|  |  |  | :data="gasPlanList" | 
|---|
|  |  |  | @cell-click="cellClickEventGas" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <vxe-column field="processName" title="标准工序名称" min-width="150"> | 
|---|
|  |  |  | <vxe-column field="processName" title="标准工序名称" min-width="150" fixed="left"> | 
|---|
|  |  |  | </vxe-column> | 
|---|
|  |  |  | <vxe-column | 
|---|
|  |  |  | field="dayProduceType" | 
|---|
|  |  |  | 
|---|
|  |  |  | //     return $table.isEditByRow(row); | 
|---|
|  |  |  | //   } | 
|---|
|  |  |  | // }; | 
|---|
|  |  |  | // const editRowEvent = (row) => { | 
|---|
|  |  |  | //   const $table = tableRef.value; | 
|---|
|  |  |  | //   if ($table) { | 
|---|
|  |  |  | //     $table.setEditRow(row); | 
|---|
|  |  |  | //   } | 
|---|
|  |  |  | // }; | 
|---|
|  |  |  | const editRowEvent = () => { | 
|---|
|  |  |  | clickedTableRef.value = true; | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | const editRowEventGas = () => { | 
|---|
|  |  |  | clickedTableRefGas.value = true; | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | const saveRowEvent = (row) => { | 
|---|
|  |  |  | if (!queryParams.value.date) { | 
|---|
|  |  |  | ElMessage({ | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | const handleCancleStaus = () => { | 
|---|
|  |  |  | clickedTableRef.value = false; | 
|---|
|  |  |  | const year = queryParams.value.date.split("-")[0]; | 
|---|
|  |  |  | const month = parseInt(queryParams.value.date.split("-")[1]); | 
|---|
|  |  |  | getRouteList(year, month); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | const handleCancleStausGas = () => { | 
|---|
|  |  |  | clickedTableRefGas.value = false; | 
|---|
|  |  |  | const year = queryParams.value.date.split("-")[0]; | 
|---|
|  |  |  | const month = parseInt(queryParams.value.date.split("-")[1]); | 
|---|
|  |  |  | getGasList(year, month); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | // const cancelRowEvent = () => { | 
|---|
|  |  |  | //   const $table = tableRef.value; | 
|---|
|  |  |  | 
|---|
|  |  |  | loading2.value = false; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | function cellClickEvent({ row, column }) { | 
|---|
|  |  |  | clickedTableRef.value = true; | 
|---|
|  |  |  | row.dayProduceAllNum = row.dayProduceNum * row.personnelNumber; | 
|---|
|  |  |  | row.monthProduceAllNum = row.dayProduceAllNum * row.days; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | function cellClickEventGas({ row, column }) { | 
|---|
|  |  |  | clickedTableRefGas.value = true; | 
|---|
|  |  |  | row.dayProduceAllNum = row.dayProduceNum * row.personnelNumber; | 
|---|
|  |  |  | row.monthProduceAllNum = row.dayProduceAllNum * row.days; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .title_btn { | 
|---|
|  |  |  | margin-top: 20px; | 
|---|
|  |  |  | &.ml20{ | 
|---|
|  |  |  | margin-left:20px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .tabel_container { | 
|---|
|  |  |  | width: 98%; | 
|---|