临时存档

Former-commit-id: c3f26030318f42d19e45760b84f127a9fa0f8010 [formerly c3f26030318f42d19e45760b84f127a9fa0f8010 [formerly c3f26030318f42d19e45760b84f127a9fa0f8010 [formerly c3f26030318f42d19e45760b84f127a9fa0f8010 [formerly baf913370e890b66c5362ef0b91ef5db294166e1 [formerly e639100e00f1418900c57d39864dfdb806a4d99b]]]]]
Former-commit-id: 08d6e4a635cf122d2c2ddec02ef361daba543a4d
Former-commit-id: 8a5c8f0bb71e1ae2cca3fc4119b4b9dcfb6c43b0
Former-commit-id: 234b0fd329e12597fa600237802f7b53f085b1d1 [formerly c2067e7e02f3beb7738ee64fbae0ac5fa43b1629]
Former-commit-id: ce100562eade5a4a8aab73ff242c45b783961aa2
Former-commit-id: 7556c751d0c13bd75d2c1142f302ff5bc6a32258
Former-commit-id: 77d6731bfe01c61a6fe28337168c2fa5e58015c9
Former-commit-id: afc2d950bac686de249f934359afe2a2bf27335d
Former-commit-id: 04be92fa4756f43ede6b8d9c983663f877284388

src/pages/demo/business/table/1/componnets/PageHeader/index.vue

@@ -1,5 +1,95 @@
 <template>
-  <div>
-    header
-  </div>
+  <el-form
+    :inline="true"
+    :model="form"
+    :rules="rules"
+    ref="form"
+    size="mini"
+    style="margin-bottom: -18px;">
+    
+    <el-form-item label="状态" prop="type">
+      <el-select
+        v-model="form.type"
+        placeholder="状态选择"
+        style="width: 100px;">
+        <el-option label="状态 1" value="1"></el-option>
+        <el-option label="状态 2" value="2"></el-option>
+        <el-option label="状态 3" value="3"></el-option>
+        <el-option label="状态 4" value="4"></el-option>
+        <el-option label="状态 5" value="5"></el-option>
+      </el-select>
+    </el-form-item>
+
+    <el-form-item label="用户" prop="user">
+      <el-input
+        v-model="form.user"
+        placeholder="用户"
+        style="width: 80px;"/>
+    </el-form-item>
+
+    <el-form-item label="卡密" prop="key">
+      <el-input
+        v-model="form.key"
+        placeholder="卡密"
+        style="width: 120px;"/>
+    </el-form-item>
+
+    <el-form-item label="备注" prop="note">
+      <el-input
+        v-model="form.note"
+        placeholder="备注"
+        style="width: 120px;"/>
+    </el-form-item>
+
+    <el-form-item>
+      <el-button
+        type="primary"
+        @click="submitForm('form')">
+        <d2-icon name="search"/>
+        查询
+      </el-button>
+    </el-form-item>
+
+    <el-form-item>
+      <el-button
+        @click="resetForm('form')">
+        <d2-icon name="refresh"/>
+        重置
+      </el-button>
+    </el-form-item>
+
+  </el-form>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      form: {
+        type: '1',
+        user: 'FairyEver',
+        key: '',
+        note: ''
+      },
+      rules: {
+        type: [ { required: true, message: '请选择一个状态', trigger: 'change' } ],
+        user: [ { required: true, message: '请输入用户', trigger: 'change' } ]
+      }
+    }
+  },
+  methods: {
+    submitForm (formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          this.$emit('submit', this.form)
+        } else {
+          return false
+        }
+      })
+    },
+    resetForm (formName) {
+      this.$refs[formName].resetFields()
+    }
+  }
+}
+</script>