|
@@ -1,5 +1,9 @@
|
|
|
<template>
|
|
|
- <div class="container">
|
|
|
+ <div class="container" id="shijian">
|
|
|
+ <el-tabs v-model="activeName" type="card">
|
|
|
+ <el-tab-pane label="待处理" name="no"/>
|
|
|
+ <el-tab-pane label="审核完成" name="ok"/>
|
|
|
+ </el-tabs>
|
|
|
<div class="header">
|
|
|
<Search :searchOptions="searchForm" ref="searchRef" @dataList="getData"/>
|
|
|
</div>
|
|
@@ -211,10 +215,24 @@ const getColorByState = (state) => {
|
|
|
return "";
|
|
|
}
|
|
|
};
|
|
|
+const activeName = ref("no");
|
|
|
|
|
|
onMounted(() => {
|
|
|
+ // searchForm.value.isOk = "0"
|
|
|
+ searchRef.value.searchForm.state = "0"
|
|
|
getData();
|
|
|
});
|
|
|
+watch(
|
|
|
+ () => activeName.value,
|
|
|
+ (val) => {
|
|
|
+ if (val == "ok") {
|
|
|
+ searchRef.value.searchForm.state = "1";
|
|
|
+ } else {
|
|
|
+ searchRef.value.searchForm.state = "0";
|
|
|
+ }
|
|
|
+ getData();
|
|
|
+ }
|
|
|
+);
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
@@ -250,3 +268,10 @@ onMounted(() => {
|
|
|
}
|
|
|
}
|
|
|
</style>
|
|
|
+<style lang="scss">
|
|
|
+#shijian {
|
|
|
+ .is-active {
|
|
|
+ background-color: #f5f7fa;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|