Browse Source

ly PSSR 增加u table

ly 6 months ago
parent
commit
a616b8ef5a
1 changed files with 27 additions and 23 deletions
  1. 27 23
      ui/src/views/pssr/pipe/index.vue

+ 27 - 23
ui/src/views/pssr/pipe/index.vue

@@ -167,45 +167,48 @@
       <span>填写要求:所有的压力管道符合检查内容要求的,在相应的检查内容项打“✔”,不符合打“×”。如有不符合要求的立即联系负责人整改。</span>
     </div>
 
-    <el-table v-loading="loading" :data="pipeList" @selection-change="handleSelectionChange" :height="clientHeight"
+    <u-table v-loading="loading" :data="pipeList" @selection-change="handleSelectionChange" :height="clientHeight"
+             :row-key="row => { return row.id }"
+             use-virtual
+             showBodyOverflow="title"
               border>
-      <el-table-column type="selection" width="55" align="center"/>
-      <el-table-column label="审批状态" align="center" prop="approveStatus" width="100">
+      <u-table-column type="selection" width="55" align="center"/>
+      <u-table-column label="审批状态" align="center" prop="approveStatus" width="100">
         <template slot-scope="scope">
           <el-tag v-if="scope.row.approveStatus==0">未审批</el-tag>
           <el-tag v-if="scope.row.approveStatus==1" type="warning">待确认</el-tag>
           <el-tag v-if="scope.row.approveStatus==3" type="success">已确认1</el-tag>
           <el-tag v-if="scope.row.approveStatus==2" type="success">已确认2</el-tag>
         </template>
-      </el-table-column>
-      <el-table-column label="单元号" align="center" prop="unit" :show-overflow-tooltip="true"/>
-      <el-table-column label="管道名称" align="center" prop="pipelineName" :show-overflow-tooltip="true"/>
-      <el-table-column label="管道编号" align="center" prop="pipelineNo" :show-overflow-tooltip="true"/>
-      <el-table-column label="检查内容" align="center">
-        <el-table-column label="已经检验(是/否)" align="center" prop="checked" :show-overflow-tooltip="true"/>
-        <el-table-column label="符合要求(是/否)" align="center" prop="require" :show-overflow-tooltip="true"/>
-        <el-table-column label="在有效期内(是/否)" align="center" prop="validity" :show-overflow-tooltip="true"/>
-      </el-table-column>
-      <el-table-column label="确认人1" align="center" prop="confirmer1" :show-overflow-tooltip="true"
+      </u-table-column>
+      <u-table-column label="单元号" align="center" prop="unit" :show-overflow-tooltip="true"/>
+      <u-table-column label="管道名称" align="center" prop="pipelineName" :show-overflow-tooltip="true"/>
+      <u-table-column label="管道编号" align="center" prop="pipelineNo" :show-overflow-tooltip="true"/>
+      <u-table-column label="检查内容" align="center">
+        <u-table-column label="已经检验(是/否)" align="center" prop="checked" :show-overflow-tooltip="true"/>
+        <u-table-column label="符合要求(是/否)" align="center" prop="require" :show-overflow-tooltip="true"/>
+        <u-table-column label="在有效期内(是/否)" align="center" prop="validity" :show-overflow-tooltip="true"/>
+      </u-table-column>
+      <u-table-column label="确认人1" align="center" prop="confirmer1" :show-overflow-tooltip="true"
                        width="150">
         <template slot-scope="scope">
           <span>{{ scope.row.confirm1Name }}</span>
         </template>
-      </el-table-column>
-      <el-table-column label="确认人2" align="center" prop="confirmer2" :show-overflow-tooltip="true"
+      </u-table-column>
+      <u-table-column label="确认人2" align="center" prop="confirmer2" :show-overflow-tooltip="true"
                        width="150">
         <template slot-scope="scope">
           <span>{{ scope.row.confirm2Name }}</span>
         </template>
-      </el-table-column>
-      <el-table-column label="时间" align="center" prop="confirmationDate" width="100">
+      </u-table-column>
+      <u-table-column label="时间" align="center" prop="confirmationDate" width="100">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.confirmationDate, '{y}-{m}-{d}') }}</span>
         </template>
-      </el-table-column>
-      <el-table-column label="驳回原因" align="center" prop="reason" :show-overflow-tooltip="true"/>
-      <el-table-column label="备注" align="center" prop="remarks" :show-overflow-tooltip="true"/>
-      <el-table-column label="操作" align="center" fixed="right" width="120" v-if="isApprove==0" class-name="small-padding fixed-width">
+      </u-table-column>
+      <u-table-column label="驳回原因" align="center" prop="reason" :show-overflow-tooltip="true"/>
+      <u-table-column label="备注" align="center" prop="remarks" :show-overflow-tooltip="true"/>
+      <u-table-column label="操作" align="center" fixed="right" width="120" v-if="isApprove==0" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
             size="mini"
@@ -232,12 +235,13 @@
           >删除
           </el-button>
         </template>
-      </el-table-column>
-    </el-table>
+      </u-table-column>
+    </u-table>
 
     <pagination
       v-show="total>0"
       :total="total"
+      :page-sizes="[20,100,500]"
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
       @pagination="getList"