[色子游戏]玩家-优化样式

saiadmin-artd/src/views/plugin/dice/player/index/modules/table-search.vue

@@ -18,6 +18,35 @@
         <el-input v-model="formData.name" placeholder="请输入昵称" clearable />
       </el-form-item>
     </el-col>
+    <el-col v-bind="setSpan(6)">
+      <el-form-item label="状态" prop="status">
+        <el-select v-model="formData.status" placeholder="全部" clearable style="width: 100%">
+          <el-option label="启用" :value="1" />
+          <el-option label="禁用" :value="0" />
+        </el-select>
+      </el-form-item>
+    </el-col>
+    <el-col v-bind="setSpan(6)">
+      <el-form-item label="平台币" prop="coin">
+        <el-input-number
+          v-model="formData.coin"
+          :min="0"
+          :precision="2"
+          placeholder="精确搜索"
+          controls-position="right"
+          style="width: 100%"
+        />
+      </el-form-item>
+    </el-col>
+    <el-col v-bind="setSpan(6)">
+      <el-form-item label="倍率" prop="is_up">
+        <el-select v-model="formData.is_up" placeholder="全部" clearable style="width: 100%">
+          <el-option label="正常" :value="0" />
+          <el-option label="强制杀猪" :value="1" />
+          <el-option label="T1高倍率" :value="2" />
+        </el-select>
+      </el-form-item>
+    </el-col>
   </sa-search-bar>
 </template>
 
@@ -32,41 +61,33 @@
   }
   const props = defineProps<Props>()
   const emit = defineEmits<Emits>()
-  // 展开/收起
   const isExpanded = ref<boolean>(false)
 
-  // 表单数据双向绑定
   const searchBarRef = ref()
   const formData = computed({
     get: () => props.modelValue,
     set: (val) => emit('update:modelValue', val)
   })
 
-  // 重置
   function handleReset() {
     searchBarRef.value?.ref.resetFields()
     emit('reset')
   }
 
-  // 搜索
   async function handleSearch() {
     emit('search', formData.value)
   }
 
-  // 展开/收起
   function handleExpand(expanded: boolean) {
     isExpanded.value = expanded
   }
 
-  // 栅格占据的列数
-  const setSpan = (span: number) => {
-    return {
-      span: span,
-      xs: 24, // 手机：满宽显示
-      sm: span >= 12 ? span : 12, // 平板：大于等于12保持，否则用半宽
-      md: span >= 8 ? span : 8, // 中等屏幕：大于等于8保持，否则用三分之一宽
-      lg: span,
-      xl: span
-    }
-  }
+  const setSpan = (span: number) => ({
+    span,
+    xs: 24,
+    sm: span >= 12 ? span : 12,
+    md: span >= 8 ? span : 8,
+    lg: span,
+    xl: span
+  })
 </script>