1.优化项目2.搜索栏多行的变为一行可展开

loulijun2021

2022-09-07 ef9633e0d1689fd8869170f3aa0af6c90c2e5e7f

 src/views/scgl/scdd.vue

@@ -49,14 +49,13 @@
            <el-form-item label="产品名称" style=" display: flex;">
              <el-input v-model="form.partname" style="width: 200px" placeholder="请输入" />
            </el-form-item>
            <el-form-item label="产品规格" style=" display: flex;">
            <el-form-item v-show="isExpandForm" label="产品规格" style=" display: flex;">
              <el-input v-model="form.partspec" style="width: 200px" placeholder="请输入" />
            </el-form-item>

            <el-form-item label="创建人员" style=" display: flex;">
            <el-form-item v-show="isExpandForm" label="创建人员" style=" display: flex;">
              <el-input v-model="form.creatuser" style="width: 200px" placeholder="请输入" />
            </el-form-item>
            <el-form-item label="预计开工时间" label-width="100px" style=" display: flex;font-size: 14px;margin-top: 3px">
            <el-form-item v-show="isExpandForm" label="预计开工时间" label-width="100px" style=" line-height: 40px;;display: flex;font-size: 14px;">
              <el-date-picker
                v-model="form.paystartdate"
                type="daterange"
@@ -72,7 +71,7 @@
              <!--              :picker-options="expireTimeOption"-->

            </el-form-item>
            <el-form-item label="预计完工时间" label-width="100px" style=" display: flex;font-size: 14px;margin-top: 3px">
            <el-form-item v-show="isExpandForm" label="预计完工时间" label-width="100px" style=" display: flex;font-size: 14px;">
              <el-date-picker
                v-model="form.payenddate"
                type="daterange"
@@ -96,7 +95,7 @@
              <!--              />-->
            </el-form-item>
          </div>
          <div style="min-height: 100px">
          <div>
            <div style="display: flex;align-items: start;margin-top: 5px;z-index: 2;justify-content: end">
              <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button>
              <el-button type="info" icon="el-icon-refresh" @click="reset">重置</el-button>
@@ -133,13 +132,23 @@
          </div>
        </el-form>
      </div>
      <div class="elTableDiv">

      <div
        class="bodyTopFormExpand"
        @click="isExpandForm=!isExpandForm"
      >
        <i
          :class="!isExpandForm?'el-icon-arrow-down':'el-icon-arrow-up'"
          :style="{color:'#42B983'}"
        /></div>

      <div class="elTableDiv" style="margin-top: 0">
        <el-table
          :data="tableData"
          :height="tableHeight+'px'"
          :height="isExpandForm?tableHeight:(tableHeight+40)+'px'"
          border
          :row-class-name="tableRowClassName"
          :style="{width: 100+'%',height:tableHeight+'px',}"
          :style="{width: 100+'%',height:isExpandForm?tableHeight:(tableHeight+40)+'px',}"
          highlight-current-row
          :header-cell-style="this.$headerCellStyle"
          :cell-style="this.$cellStyle"
@@ -474,7 +483,8 @@
          { required: true, message: '请输入下单单数', trigger: ['blur', 'change'] }
        ]

      }
      },
      isExpandForm: false
      // expireTimeOption: {
      //   disabledDate(time) {
      //     return time.getTime() > Date.now() - 8.64e6 // 如果没有后面的-8.64e6就是不可以选择今天的
@@ -713,7 +723,7 @@
    getHeight() {
      this.$nextTick(() => {
        this.mainHeight = window.innerHeight - 85
        this.tableHeight = this.mainHeight - 260
        this.tableHeight = this.mainHeight - 250
        this.isIpad = window.innerHeight < 769 && window.innerWidth < 1367

        if (this.isIpad) {