工作218:页面样式调整

  <div class="table-list-page">
    <div class="query-area">
      <!--样式控制全部 已经退回 待审核GY-->
      <el-row>
        <el-radio-group v-model="query.status" @change="list">
          <el-radio-button label="">全部</el-radio-button>
          <el-radio-button v-for="item in status" :key="item.value" :label="item.value">{{
              item.text
            }}
          </el-radio-button>
        </el-radio-group>


        <div style="float: right;margin-right: 20px">
          <el-select v-model="query.type"  style="width: 150px;margin-right: 20px">
            <el-option label="客户名称" value="client" size="medium "></el-option>
            <el-option label="订单名称" value="order_name" size="medium "></el-option>
            <el-option label="投放部门" value="put_department" size="medium "></el-option>
            <el-option label="订单编号" value="order_number" size="medium "></el-option>
            <el-option label="创建人" value="created_by" size="medium "></el-option>
          </el-select>
          <el-input
              v-model="query.keywords"
              style="width: 200px;margin-right: 20px"

          />
          <el-button
              @click="list"
              icon="el-icon-search"
              type="primary"
          >
            查询
          </el-button><!--
          <el-button @click="resetQuery" icon="el-icon-refresh">
            重置
          </el-button>-->
        </div>

      </el-row>
      <el-row style="float: left">
        <el-select
            v-model="query.business_module"
            placeholder="请选择业务单元"
            @change="list"
        >
          <el-option
              v-for="items in menus"
              :key="items.value"
              :label="items.label"
              :value="items.value">
          </el-option>
        </el-select>
        <el-date-picker
            v-model="query.created_at"
            placeholder="请选择创建时间"
            @change="list"
        ></el-date-picker>
      </el-row>
      <!--调用新增的接口取获取数据-->
      <div class="operation-button-area" style="float: right;margin-right: 20px">
        <el-button
            icon="el-icon-plus"
            type="primary"
            size="medium"
            @click="handleAdd"
        >
          新增
        </el-button>
      </div>
      <!--样式控制全部 全部 昨日-->
      <el-radio-group
          v-model="query.search_time"
          style="float: right;margin-right: 20px"
          @change="list"
      >
        <el-radio-button label="">全部</el-radio-button>
        <el-radio-button label="1">昨日</el-radio-button>
        <el-radio-button label="2">近七日</el-radio-button>
        <el-radio-button label="3">近三十日</el-radio-button>
      </el-radio-group>

页面样式