任务列表界面修改

src/views/udi/trace/historyTask/index.vue

@@ -3,11 +3,11 @@
     <el-card>
       <el-form label-width="110px" v-show="showSearch" size="mini">
         <el-row type="flex">
-          <el-col type="flex">
+          <el-col type="flex" :span="8">
             <el-form-item label="任务类型:" prop="taskType" class="query-form-item">
               <el-select v-model="filterQuery.taskType"
                          placeholder="请选择任务类型"
-                         style="width: 200px"
+                         style="width: 90%"
                          @change="onSubmit"
                          clearable
               >
@@ -18,9 +18,9 @@
             </el-form-item>
 
           </el-col>
-          <el-col type="flex">
+          <el-col type="flex" :span="8">
             <el-form-item label="任务状态:" prop="status" class="query-form-item">
-              <el-select v-model="filterQuery.status" placeholder="请选择任务状态" style="width: 200px" @change="onSubmit" clearable>
+              <el-select v-model="filterQuery.status" placeholder="请选择任务状态" style="width: 90%" @change="onSubmit" clearable>
                 <el-option label="未处理" value="1"></el-option>
                 <el-option label="正在处理" value="2"></el-option>
                 <el-option label="已处理" value="3"></el-option>
@@ -28,10 +28,10 @@
             </el-form-item>
           </el-col>
 
-          <el-col type="flex">
+          <el-col type="flex" :span="8">
             <el-form-item label="产品通用名称:" prop="cpmctymc" class="query-form-item">
               <el-input v-model="filterQuery.cpmctymc"
-                        style="width: 200px"
+                        style="width: 90%"
                         placeholder="请输入产品通用名称"
                         @keyup.native="onSubmit"
               ></el-input>
@@ -39,29 +39,29 @@
           </el-col>
         </el-row>
         <el-row type="flex">
-          <el-col type="flex">
+          <el-col type="flex" :span="8">
             <el-form-item label="规格型号:" prop="ggxh" class="query-form-item">
               <el-input v-model="filterQuery.ggxh"
-                        style="width: 200px"
+                        style="width: 90%"
                         placeholder="请输入规格型号"
                         @keyup.native="onSubmit"
               ></el-input>
             </el-form-item>
           </el-col>
-          <el-col type="flex">
+          <el-col type="flex" :span="8">
             <el-form-item label="医疗器械注册人:" prop="ylqxzcrbarmc" class="query-form-item">
               <el-input v-model="filterQuery.ylqxzcrbarmc"
-                        style="width: 200px"
+                        style="width: 90%"
                         placeholder="请输入医疗器械注册人"
                         @keyup.native="onSubmit"
               ></el-input>
             </el-form-item>
           </el-col>
 
-          <el-col type="flex">
+          <el-col type="flex" :span="8">
             <el-form-item label="批次号:" prop="batchNo" class="query-form-item">
               <el-input v-model="filterQuery.batchNo"
-                        style="width: 200px"
+                        style="width: 90%"
                         placeholder="请输入批次号"
                         @keyup.native="onSubmit"
               ></el-input>

src/views/udi/trace/task/index.vue

@@ -3,7 +3,7 @@
     <el-card>
       <el-form label-width="110px" v-show="showSearch" size="mini">
         <el-row type="flex">
-          <el-col type="flex">
+          <el-col type="flex" :span="8">
             <el-form-item label="任务类型:" prop="taskType" class="query-form-item">
               <el-select v-model="filterQuery.taskType"
                          placeholder="请选择任务类型"
@@ -18,7 +18,7 @@
             </el-form-item>
 
           </el-col>
-          <el-col type="flex">
+          <el-col type="flex" :span="8">
             <el-form-item label="任务状态:" prop="status" class="query-form-item">
               <el-select v-model="filterQuery.status" placeholder="请选择任务状态" style="width: 90%" @change="onSubmit"
                          clearable>
@@ -29,7 +29,7 @@
             </el-form-item>
           </el-col>
 
-          <el-col type="flex">
+          <el-col type="flex" :span="8">
             <el-form-item label="产品通用名称:" prop="cpmctymc" class="query-form-item">
               <el-input v-model="filterQuery.cpmctymc"
                         style="width: 90%"
@@ -40,7 +40,7 @@
           </el-col>
         </el-row>
         <el-row type="flex">
-          <el-col type="flex">
+          <el-col type="flex" :span="8">
             <el-form-item label="规格型号:" prop="ggxh" class="query-form-item">
               <el-input v-model="filterQuery.ggxh"
                         style="width: 90%"
@@ -49,7 +49,7 @@
               ></el-input>
             </el-form-item>
           </el-col>
-          <el-col type="flex">
+          <el-col type="flex" :span="8">
             <el-form-item label="医疗器械注册人:" prop="ylqxzcrbarmc" class="query-form-item">
               <el-input v-model="filterQuery.ylqxzcrbarmc"
                         style="width: 90%"
@@ -59,7 +59,7 @@
             </el-form-item>
           </el-col>
 
-          <el-col type="flex">
+          <el-col type="flex" :span="8">
             <el-form-item label="批次号:" prop="batchNo" class="query-form-item">
               <el-input v-model="filterQuery.batchNo"
                         style="width: 90%"
@@ -147,7 +147,7 @@
         <el-table-column label="批次号" prop="batchNo" width="120" show-overflow-tooltip></el-table-column>
         <el-table-column label="生产日期" prop="produceDate" width="120" show-overflow-tooltip></el-table-column>
         <el-table-column label="失效日期" prop="expireDate" width="120" show-overflow-tooltip></el-table-column>
-        <!--        <el-table-column label="序列号" prop="serialNo" width="180"></el-table-column>-->
+        <el-table-column label="序列号" prop="serialNo" width="120"></el-table-column>
         <el-table-column label="创建时间" prop="createTime" width="180"></el-table-column>
         <!--        <el-table-column label="更新时间" prop="updateTime" width="180"></el-table-column>-->
         <el-table-column label="操作" width="80" fixed="right">