src/views/mock/interface.vue

@@ -40,28 +40,28 @@
       :header-cell-style="styleObj"
       @sort-change="sortChange"
     >
-      <el-table-column label="ID" prop="id" sortable align="center" width="60">
+      <el-table-column label="ID" prop="id" sortable align="center" min-width="60">
         <template slot-scope="scope">
           <span>{{ scope.row.id }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="服务名" width="150px" align="center">
+      <el-table-column label="服务名" min-width="150px" align="center">
         <template slot-scope="scope">
           <span>{{ scope.row.customName }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="接口类" width="220px" align="center">
+      <el-table-column label="接口类" min-width="220px" align="center">
         <template slot-scope="scope">
           <span>{{ scope.row.interfaceName }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="版本" min-width="60px">
+      <el-table-column label="版本" min-min-width="60px">
         <template slot-scope="{row}">
           <span>{{ row.serviceVersion }}</span>
           <!-- <el-tag>{{ row.type | typeFilter }}</el-tag> -->
         </template>
       </el-table-column>
-      <el-table-column label="方法名" width="110px" align="center">
+      <el-table-column label="方法名" min-width="110px" align="center">
         <template slot-scope="scope">
           <span>{{ scope.row.methodName }}</span>
         </template>
@@ -77,24 +77,24 @@
           <span v-else>0</span>
         </template>
       </el-table-column> -->
-      <el-table-column label="状态" class-name="status-col" width="100">
+      <el-table-column label="状态" class-name="status-col" min-width="100">
         <template slot-scope="{row}">
           <el-tag :type="row.methodStatus | statusFilter">
             {{ statusMappings.get(row.methodStatus) }}
           </el-tag>
         </template>
       </el-table-column>
-      <el-table-column label="更新时间" width="150px" align="center">
+      <el-table-column label="更新时间" min-width="150px" align="center">
         <template slot-scope="scope">
           <span>{{ scope.row.updateTimeStr }}</span>
         </template>
       </el-table-column>
-      <el-table-column v-if="showReviewer" label="备注" width="110px" align="center">
+      <el-table-column v-if="showReviewer" label="备注" min-width="110px" align="center">
         <template slot-scope="scope">
           <span style="color:red;">{{ scope.row.remark }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="center" width="370px" class-name="small-padding fixed-width">
+      <el-table-column label="操作" align="center" min-width="370px" class-name="small-padding fixed-width">
         <template slot-scope="{row}">
           <el-button type="primary" size="mini" @click="handleCheck(row)">
             查看
@@ -240,7 +240,7 @@ export default {
   data() {
     return {
       styleObj: {
-        // 'color': 'rgba(0, 0, 0, 0.726)'
+        'color': 'rgba(0, 0, 0, 0.726)'
       },
       tableKey: 0,
       list: null,

src/views/mock/rule.vue

@@ -24,56 +24,56 @@
       :key="tableKey"
       v-loading="listLoading"
       :data="list"
-      border
       fit
       highlight-current-row
       style="width: 100%;"
+      :header-cell-style="styleObj"
       @sort-change="sortChange"
     >
-      <el-table-column label="ID" prop="id" sortable="custom" align="center" width="80">
+      <el-table-column label="ID" prop="id" sortable="custom" align="center" min-width="80px">
         <template slot-scope="scope">
           <span>{{ scope.row.id }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="方法名" width="150px" align="center">
+      <el-table-column label="方法名" min-width="150px" align="center">
         <!-- <template slot-scope="scope"> -->
         <span>{{ this.$route.query.methodName }}</span>
         <!-- </template> -->
       </el-table-column>
-      <el-table-column label="方法ID" width="220px" align="center">
+      <el-table-column label="方法ID" min-width="220px" align="center">
         <!-- <template slot-scope="scope"> -->
         <span>{{ this.$route.path.split('/')[3] }}</span>
         <!-- </template> -->
       </el-table-column>
-      <el-table-column label="规则" min-width="60px">
+      <el-table-column label="规则" min-min-width="60px">
         <template slot-scope="{row}">
           <span>{{ row.whenScript }}</span>
           <!-- <el-tag>{{ row.type | typeFilter }}</el-tag> -->
         </template>
       </el-table-column>
-      <el-table-column label="优先级" width="110px" align="center">
+      <el-table-column label="优先级" min-width="110px" align="center">
         <template slot-scope="scope">
           <span>{{ scope.row.execSort }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="状态" class-name="status-col" width="100">
+      <el-table-column label="状态" class-name="status-col" min-width="100">
         <template slot-scope="{row}">
           <el-tag :type="row.status | statusFilter">
             {{ statusMappings.get(row.status) }}
           </el-tag>
         </template>
       </el-table-column>
-      <el-table-column label="更新时间" width="150px" align="center">
+      <el-table-column label="更新时间" min-width="150px" align="center">
         <template slot-scope="scope">
           <span>{{ scope.row.updateTimeStr }}</span>
         </template>
       </el-table-column>
-      <el-table-column v-if="showReviewer" label="返回值" width="110px" align="center">
+      <el-table-column v-if="showReviewer" label="返回值" min-width="110px" align="center">
         <template slot-scope="scope">
           <span style="color:red;">{{ scope.row.returnMessage }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="center" width="230" class-name="small-padding fixed-width">
+      <el-table-column label="操作" align="center" min-width="230" class-name="small-padding fixed-width">
         <template slot-scope="{row}">
           <el-button type="primary" size="mini" @click="handleUpdate(row)">
             编辑
@@ -158,6 +158,9 @@ export default {
   },
   data() {
     return {
+      styleObj: {
+        'color': 'rgba(0, 0, 0, 0.726)'
+      },
       tableKey: 0,
       list: null,
       total: 0,