Merge branch 'http_mock' of git.xiaojukeji.com:jacklijiajia/thoth-frontend into http_mock

src/views/projectManage/requirement/list/index.vue

@@ -1,116 +1,101 @@
 <template>
   <div style="width:100%;height:100%;padding-top:1px;background-color: #F2F3F6;">
     <div class="container">
-      <el-header class="requirement-header">
-        <el-row>
-          <!-- <el-col :span="3">
-            <el-input id="requirement_basicName1" v-model="searchForm.name" placeholder="需求名称" />
-          </el-col> -->
-          <el-col :span="4">
-            <el-dropdown @command="handleCommand">
-              <span class="el-dropdown-link">
-                {{ getTitle(searchTitle.project) }}
-                <i class="el-icon-arrow-down el-icon--right" />
-              </span>
-              <el-dropdown-menu slot="dropdown" class="requirement_el-dropdown-menu">
-                <el-dropdown-item
-                  v-for="(item,index) in searchInfo.belongingProject"
-                  :key="index"
-                  :command="{value: item,flag: 1}"
-                >{{ item.msg }}</el-dropdown-item>
-              </el-dropdown-menu>
-            </el-dropdown>
-          </el-col>
-          <el-col :span="4">
-            <el-dropdown @command="handleCommand">
-              <span class="el-dropdown-link">
-                {{ getTitle(searchTitle.businessline) }}
-                <i class="el-icon-arrow-down el-icon--right" />
-              </span>
-              <el-dropdown-menu slot="dropdown" class="requirement_el-dropdown-menu">
-                <el-dropdown-item
-                  v-for="(item,index) in searchInfo.bizType"
-                  :key="index"
-                  :command="{value: item,flag: 2}"
-                >{{ item.msg }}</el-dropdown-item>
-              </el-dropdown-menu>
-            </el-dropdown>
-          </el-col>
-          <el-col :span="4">
-            <el-dropdown @command="handleCommand">
-              <span class="el-dropdown-link">
-                {{ getTitle(searchTitle.source) }}
-                <i class="el-icon-arrow-down el-icon--right" />
-              </span>
-              <el-dropdown-menu slot="dropdown" class="requirement_el-dropdown-menu">
-                <el-dropdown-item
-                  v-for="(item,index) in searchInfo.sourceType"
-                  :key="index"
-                  :command="{value: item,flag: 3}"
-                >{{ item.msg }}</el-dropdown-item>
-              </el-dropdown-menu>
-            </el-dropdown>
-          </el-col>
-          <el-col :span="3">
-            <el-dropdown @command="handleCommand">
-              <span class="el-dropdown-link">
-                {{ getTitle(searchTitle.priority) }}
-                <i class="el-icon-arrow-down el-icon--right" />
-              </span>
-              <el-dropdown-menu slot="dropdown" class="requirement_el-dropdown-menu">
-                <el-dropdown-item
-                  v-for="(item,index) in searchInfo.priority"
-                  :key="index"
-                  :command="{value: item,flag: 4}"
-                >{{ item.msg }}</el-dropdown-item>
-              </el-dropdown-menu>
-            </el-dropdown>
-          </el-col>
-          <el-col :span="3">
-            <el-select
-              id="requirement_basicName2"
-              v-model="searchForm.pm"
-              filterable
-              remote
-              placeholder="PM"
-              :remote-method="searchUser"
-              :loading="userLoading"
-            >
-              <el-option v-for="item in options" :key="item.idap" :label="item.name" :value="item.idap">
-                <div style="text-align: center">
-                  <span style="float: left;color: #8492a6; font-size: 13px">{{ item.idap }}</span>
-                  <span>{{ item.name }}</span>
-                  <span style="float: right; color: #8492a6; font-size: 13px">{{ item.deptName }}</span>
-                </div>
-              </el-option>
-            </el-select>
-          </el-col>
-          <el-col :span="3">
-            <el-select
-              id="requirement_basicName3"
-              v-model="searchForm.creator"
-              filterable
-              remote
-              placeholder="创建人"
-              :remote-method="searchUser"
-              :loading="userLoading"
-            >
-              <el-option v-for="item in options" :key="item.idap" :label="item.name" :value="item.idap">
-                <div style="text-align: center">
-                  <span style="float: left;color: #8492a6; font-size: 13px">{{ item.idap }}</span>
-                  <span>{{ item.name }}</span>
-                  <span style="float: right; color: #8492a6; font-size: 13px">{{ item.deptName }}</span>
-                </div>
-              </el-option>
-            </el-select>
-          </el-col>
-          <el-col :span="3">
-            <div style="float: right">
-              <el-button type="primary" size="mini" @click="getTableData">查询</el-button>
-              <el-button size="mini" @click="reset">重置</el-button>
-            </div>
-          </el-col>
-        </el-row>
+      <el-header class="requirement-header" style=" margin: 1%;display:flex;align-items: center;justify-content: space-between;">
+        <el-dropdown @command="handleCommand">
+          <span class="el-dropdown-link">
+            {{ getTitle(searchTitle.project) }}
+            <i class="el-icon-arrow-down el-icon--right" />
+          </span>
+          <el-dropdown-menu slot="dropdown" class="requirement_el-dropdown-menu">
+            <el-dropdown-item
+              v-for="(item,index) in searchInfo.belongingProject"
+              :key="index"
+              :command="{value: item,flag: 1}"
+            >{{ item.msg }}</el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
+        <el-dropdown @command="handleCommand">
+          <span class="el-dropdown-link">
+            {{ getTitle(searchTitle.businessline) }}
+            <i class="el-icon-arrow-down el-icon--right" />
+          </span>
+          <el-dropdown-menu slot="dropdown" class="requirement_el-dropdown-menu">
+            <el-dropdown-item
+              v-for="(item,index) in searchInfo.bizType"
+              :key="index"
+              :command="{value: item,flag: 2}"
+            >{{ item.msg }}</el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
+        <el-dropdown @command="handleCommand">
+          <span class="el-dropdown-link">
+            {{ getTitle(searchTitle.source) }}
+            <i class="el-icon-arrow-down el-icon--right" />
+          </span>
+          <el-dropdown-menu slot="dropdown" class="requirement_el-dropdown-menu">
+            <el-dropdown-item
+              v-for="(item,index) in searchInfo.sourceType"
+              :key="index"
+              :command="{value: item,flag: 3}"
+            >{{ item.msg }}</el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
+        <el-dropdown @command="handleCommand">
+          <span class="el-dropdown-link">
+            {{ getTitle(searchTitle.priority) }}
+            <i class="el-icon-arrow-down el-icon--right" />
+          </span>
+          <el-dropdown-menu slot="dropdown" class="requirement_el-dropdown-menu">
+            <el-dropdown-item
+              v-for="(item,index) in searchInfo.priority"
+              :key="index"
+              :command="{value: item,flag: 4}"
+            >{{ item.msg }}</el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
+        <div style="width:10%">
+          <el-select
+            id="requirement_basicName2"
+            v-model="searchForm.pm"
+            filterable
+            remote
+            placeholder="PM"
+            :remote-method="searchUser"
+            :loading="userLoading"
+          >
+            <el-option v-for="item in options" :key="item.idap" :label="item.name" :value="item.idap">
+              <div style="text-align: center">
+                <span style="float: left;color: #8492a6; font-size: 13px">{{ item.idap }}</span>
+                <span>{{ item.name }}</span>
+                <span style="float: right; color: #8492a6; font-size: 13px">{{ item.deptName }}</span>
+              </div>
+            </el-option>
+          </el-select>
+        </div>
+        <div style="width:10%">
+          <el-select
+            id="requirement_basicName3"
+            v-model="searchForm.creator"
+            filterable
+            remote
+            placeholder="创建人"
+            :remote-method="searchUser"
+            :loading="userLoading"
+          >
+            <el-option v-for="item in options" :key="item.idap" :label="item.name" :value="item.idap">
+              <div style="text-align: center">
+                <span style="float: left;color: #8492a6; font-size: 13px">{{ item.idap }}</span>
+                <span>{{ item.name }}</span>
+                <span style="float: right; color: #8492a6; font-size: 13px">{{ item.deptName }}</span>
+              </div>
+            </el-option>
+          </el-select>
+        </div>
+        <div>
+          <el-button type="primary" size="mini" @click="getTableData">查询</el-button>
+          <el-button size="mini" @click="reset">重置</el-button>
+        </div>
       </el-header>
       <div style="height:100%;width:100%;padding-bottom: 14px;">
         <el-main class="requirement-main">