回收员管理界面调整

jnpf-java-boot/jnpf-web/src/views/recyclestationstaff/index.vue

@@ -68,6 +68,16 @@
           <el-table-column prop="birthday" label="生日" align="left">
           </el-table-column>
           <el-table-column prop="autoEnabled" label="自动接单" align="left">
+            <template slot-scope="scope">
+              <div v-if="scope.row.autoEnabled == '开'" style="display: flex;align-items: center;">
+                <div class="green"></div>
+                <span style="margin-left:10px;">开</span>
+              </div>
+              <div v-else style="display: flex;align-items: center;">
+                <div class="red"></div>
+                <span style="margin-left:10px;color:#8898AA;">关</span>
+              </div>
+            </template>
           </el-table-column>
 
           <el-table-column label="操作" fixed="right" width="150">
@@ -466,3 +476,17 @@ export default {
   }
 }
 </script>
+<style scoped>
+.green {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background-color: rgb(95, 197, 146);
+}
+.red {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background-color: rgb(219, 111, 111);
+}
+</style>