qv/src/views/dataManagement/index.vue

<template>
    <div>
      <el-row>
        <el-col span="24">
          <div>
          <el-input placeholder="请输入内容" v-model="input1">
    <template slot="prepend">Http://</template>
  </el-input>
</div>
<div style="margin-top: 15px;">
  <el-input placeholder="请输入内容" v-model="input2">
    <template slot="append">.com</template>
  </el-input>
</div>
<div style="margin-top: 15px;">
  <el-input placeholder="请输入内容" v-model="input3" class="input-with-select">
    <el-select v-model="select" slot="prepend" placeholder="请选择">
      <el-option label="餐厅名" value="1"></el-option>
      <el-option label="订单号" value="2"></el-option>
      <el-option label="用户电话" value="3"></el-option>
    </el-select>
    <el-button slot="append" icon="el-icon-search"></el-button>
  </el-input>
</div>
        </el-col>
    
      </el-row>
      <el-row>
        <el-col span="1"></el-col>
        <el-col span="22">
        <el-table border>
                    <el-table-column prop="time" label="时间"></el-table-column>
                    <el-table-column prop="abstract" label="编队号"></el-table-column>
                    <el-table-column prop="abstract" label="长机平台"></el-table-column>
                    <el-table-column prop="abstract" label="摘要"></el-table-column>
        </el-table>
        </el-col>
        <el-col span="1"></el-col>
      </el-row>
    </div>
  </template>
  
  <script>
  export default {
    data() {
      return {
        username: '',
        password: '',
      };
    },
    methods: {
      submitForm() {
        // 这里可以编写提交表单的代码
      },
    },
  };
  </script>