钢筋笼明细和管片明细完成

叶松

2023-10-10 145cb213e3dd14a88e685b86b336cfca5629bb15

 web/src/views/DuctpiecePLM/PlanManage/RebardemandIndex.vue

@@ -76,6 +76,8 @@
            <div 
              v-for="(element, ids) in item.needNums"
              :key="ids" 
              @click="showDetails(item,element)"
              style="cursor: pointer;"
              class="number_item"
              :class="{
                'item_f': element.needNums > element.okNum
@@ -96,6 +98,48 @@
        :total="total">
      </el-pagination>
    </div>
    <!-- 钢筋笼明细弹框 -->
    <el-dialog
      class="prop_dialog"
      title="钢筋笼明细"
      :visible.sync="asyncBeardetails"
      width="65%">
      <div class="bears_content">
        <el-table
          v-loading="loadingDetails"
          :data="bearDetails"
          height="100%">
          <el-table-column align="center" label="序号" width="60">
            <template #default="scope">
              <span>{{(pageNum - 1) * pageSize + scope.$index + 1}}</span>
            </template>
          </el-table-column>
          <el-table-column prop="produceNumber" label="钢筋笼编号" align="center" width="160"></el-table-column>
          <el-table-column prop="proName" label="项目名称" align="center" width="250" show-overflow-tooltip></el-table-column>
          <el-table-column prop="sizeName" label="尺寸" align="center" ></el-table-column>
          <el-table-column prop="reinforcementName" label="配筋" align="center"></el-table-column>
          <el-table-column prop="blockName" label="块号" align="center" ></el-table-column>
          <el-table-column prop="groupName" label="生产班组" align="center" ></el-table-column>
          <el-table-column prop="quality_time" label="质检时间" align="center" width="160"></el-table-column>
          <el-table-column prop="createUser" label="制作人" align="center" ></el-table-column>
          <el-table-column prop="checkName" label="质检人" align="center" ></el-table-column>
          <el-table-column prop="isQualified" label="质量标注" align="center" ></el-table-column>
          <el-table-column prop="isModel" label="是否入模" align="center" ></el-table-column>
        </el-table>
      </div>
      <div class="bear_footer">
        <el-pagination
          background
          @current-change="changeDetailsPageNum"
          @size-change="changeDetailsPageSize"
          :current-page="pageNumDetails"
          :page-sizes="[10, 20, 50, 100]"
          :page-size="pageSizeDetails"
          layout="total, sizes, prev, pager, next, jumper"
          :total="totalDetails">
        </el-pagination>
      </div>
    </el-dialog>
    <!-- 新增计划信息 修改计划信息 -->
    <el-dialog
      class="prop_dialog"
@@ -197,9 +241,19 @@
        pageSize: 6,
        total: 0,
        loading: true,
        bearDetails:[],//钢筋笼明细
        pageNumDetails:1,
        pageSizeDetails:10,
        totalDetails:0,
        loadingDetails:true,
        proId:null,
        sizeId:null,
        reinforcementId:null,
        years:null,
        rebardemandList: [],
        asyncTitle: true, // true 新增计划信息 false 修改计划信息
        asyncRebardemand: false, // 弹窗
        asyncBeardetails:false,
        formcRebardemand: {}, // 表单信息
        rulescRebardemand: {
          proId: [{
@@ -271,6 +325,48 @@
        }).catch(() => {
          this.loading = false
        });
      },
      //展示钢筋笼明细弹框
      showDetails(val,num){
        this.asyncBeardetails = true
        this.proId = val.proId
        this.sizeId = val.sizeId
        this.reinforcementId = val.reinforcementId
        this.years = val.years
        this.searchBearDetails(val.proId,val.sizeId,num.reinforcementId,val.years)
      },
      //查询钢筋笼明细
      searchBearDetails(proId,sizeId,reinforcementId,years){
        this.loadingDetails = true;
        this.bearDetails = [];
        this.$api.Production.detailsBearProducts({
          proId: proId,
          sizeId:sizeId,
          reinforcementId:reinforcementId,
          years:years,
          pageNum: this.pageNumDetails,
          pageSize: this.pageSizeDetails
        }).then((res) => {
          if(res.statusMsg === 'ok') {
            this.totalDetails = res.data.total;
            this.bearDetails = res.data.list;
          }else{
            this.$message.warning(res.statusMsg)
          }
          this.loadingDetails = false;
        }).catch(() => {
          this.loadingDetails = false
        });
      },
      // 切换钢筋笼明细页数
      changeDetailsPageNum(page) {
        this.pageNumDetails = page;
        this.searchBearDetails(this.proId,this.sizeId,this.reinforcementId,this.years);
      },
      // 切换钢筋笼明细每页条数
      changeDetailsPageSize(size) {
        this.pageSizeDetails = size;
        this.searchBearDetails(this.proId,this.sizeId,this.reinforcementId,this.years);
      },
      // 打开添加信息 
      propInsert() {
@@ -437,6 +533,32 @@
<style lang="scss" scoped>
@import '../../../style/layout-main.scss';

.bears_content{
  height: 500px;
  /deep/ .el-table th.el-table__cell{
    background:#082F57!important;
    color: #18F6F8;
    border-right: 1px solid #18F6F8!important;
    border-bottom: 1px solid #18F6F8!important;
    border-top: 1px solid #18F6F8!important;
    &:last-child{
      border-right-color:transparent!important;
    }
  }
  /deep/.el-table .el-table__cell{
    border-left: 1px solid #18F6F8!important;
    border-right: 1px solid #18F6F8!important;
    border-bottom: 1px solid #18F6F8!important;
  }
  /deep/.el-table tr:nth-of-type(even){
    background: transparent;
  }
}
.bear_footer{
  text-align: right;
  line-height: 20px;
  margin: 15px 0 15px;
}
.manin_rebar_content {
  position: relative;
  display: flex;