Fixiaobai
2023-09-25 22b45a79b2ceab7625e0fe248458c398cc26110d
src/components/view/technical.vue
@@ -18,14 +18,15 @@
            v-model="searchData.date"
            value-format="yyyy-MM-dd"
            type="date"
            style="width: 10vw;"
            placeholder="选择日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="产品名称:">
          <el-input v-model="searchData.name" @input="query"></el-input>
        <el-form-item label="产品名称:" style="margin-right: 24px;">
          <el-input v-model="searchData.name" ></el-input>
        </el-form-item>
        <el-form-item label="编制状态:" >
          <el-select v-model="searchData.type" size="small" placeholder="全部" style="width: 250px;">
          <el-select v-model="searchData.type" size="small" placeholder="全部" style="width: 10vw;">
              <el-option label="待编制" :value="0"></el-option>
                     <el-option label="已编制" :value="1"></el-option>
          </el-select>
@@ -39,7 +40,8 @@
    <div class="technical-table">
      <div class="table-box">
        <el-table
          border style="width: 100%"
          border
          height="calc(90vh - 250px)"
          :data="technicalTable"
          >
          <el-table-column
@@ -83,6 +85,10 @@
            label="交货日期">
          </el-table-column>
          <el-table-column
            prop="note"
            label="备注">
          </el-table-column>
          <el-table-column
            label="状态"
            width="85"
            >
@@ -98,7 +104,7 @@
              <template slot-scope="scope">
                <!-- <el-button type="text" size="small" @click="showDetails(scope.row)">查看详情</el-button>
                <el-button type="text" size="small">编辑附件</el-button> -->
                <el-button type="text" size="small" @click="authorizedstrength(scope.row)">编制</el-button>
                <el-button v-if="scope.row.type===0" type="text" size="small" @click="authorizedstrength(scope.row)">编制</el-button>
              </template>
            </el-table-column>
      </el-table>
@@ -108,9 +114,9 @@
    <el-pagination
       @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page="pageParams.pageNo"
      :page-sizes="[100, 200, 300, 400]"
      :page-size="pageParams.pageSize"
      :current-page="pageParams.pageSize"
      :page-sizes="[10, 20, 50, 100]"
      :page-size="pageParams.countSize"
      layout="total, sizes, prev, pager, next, jumper"
      :total="pageParams.total">
    </el-pagination>
@@ -240,8 +246,8 @@
       showDetail: false,
       selectedRow: {},
       pageParams:{
        pageNo:1,
        pageSize:10,
        pageSize:1,
        countSize:10,
        total:0
       }
    }
@@ -261,8 +267,8 @@
              id:this.compiledata.id
        }).then( res =>{
        this.$message.success('编制完成')
      })
        this.getTechnicalTableData()
      })
      },
      async showDetails(row){
@@ -276,8 +282,8 @@
      async  getTechnicalTableData() {
        const res = await this.$axios.get(this.$api.url.selectAllOrder,{
          params:{
            pageSize:(this.pageParams.pageNo-1),
            countSize:this.pageParams.pageSize,...this.searchData,
            pageSize:(this.pageParams.pageSize),
            countSize:this.pageParams.countSize,...this.searchData,
            orderCode:this.searchData.id, 
            time:this.searchData.date,
            name:this.searchData.name,
@@ -299,11 +305,11 @@
        this.getTechnicalTableData()
      },
      handleSizeChange(value){
        this.pageParams.pageSize = value
        this.pageParams.countSize = value
        this.getTechnicalTableData()
      },
      handleCurrentChange(value){
        this.pageParams.pageNo = value
        this.pageParams.pageSize = value
        this.getTechnicalTableData()
      }
    },
@@ -344,7 +350,7 @@
  font-size: 20px;
}
.search-header .el-form-item:nth-child(1){
  margin-right: 48px;
  margin-right: 24px;
.search-header .el-form-item:nth-child(2){
  margin-right: 24px;
@@ -367,7 +373,7 @@
}
/* 输入框的样式 */
.search-header .el-form-item .el-input >>>.el-input__inner{
width: 224px;
width: 10vw;
height: 32px ;
box-sizing: border-box;
background: rgb(255, 255, 255);
@@ -379,7 +385,7 @@
/* 技术文件表格样式 */
.technical-table{
  margin-top: 11px;
  height: calc(100% - 140px);
  /* height: calc(100% - 140px); */
  background: #fff;
  padding: 23px 21px ;
  font-size: 14px;