|
@@ -49,19 +49,13 @@
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="地区" prop="cityId">
|
|
|
- <el-select
|
|
|
+ <el-cascader
|
|
|
v-model="queryParams.cityId"
|
|
|
- placeholder="请选择地区"
|
|
|
+ placeholder="请选择省份/地市/区县"
|
|
|
+ :options="cityList"
|
|
|
+ @change="areaIdChange"
|
|
|
clearable
|
|
|
- size="small"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="dict in systemList"
|
|
|
- :key="dict.system"
|
|
|
- :label="dict.systemName"
|
|
|
- :value="dict.system"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
+ ></el-cascader>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="时间范围" prop="value">
|
|
|
<el-date-picker
|
|
@@ -118,7 +112,12 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { getSystemList, getVerificationLogList } from "../../../common/js/home";
|
|
|
+import {
|
|
|
+ getSystemList,
|
|
|
+ getCityAreaList,
|
|
|
+ getVerificationLogList,
|
|
|
+ getVerificationLogExport,
|
|
|
+} from "../../../common/js/home";
|
|
|
export default {
|
|
|
name: "Login",
|
|
|
components: {},
|
|
@@ -130,13 +129,13 @@ export default {
|
|
|
queryParams: {
|
|
|
current: 1,
|
|
|
pageSize: 10,
|
|
|
- loginName: "",
|
|
|
- userName: "",
|
|
|
- system: "",
|
|
|
- userId: "",
|
|
|
- cityId: "",
|
|
|
- startTime: "",
|
|
|
- endTime: "",
|
|
|
+ loginName: null,
|
|
|
+ userName: null,
|
|
|
+ system: null,
|
|
|
+ userId: null,
|
|
|
+ cityId: null,
|
|
|
+ startTime: null,
|
|
|
+ endTime: null,
|
|
|
value: [],
|
|
|
},
|
|
|
tableList: [],
|
|
@@ -151,32 +150,47 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
init() {
|
|
|
- // getSystemList().then(res=>{
|
|
|
- // console.log('res: ', res);
|
|
|
- // this.systemList = res.data
|
|
|
- // })
|
|
|
+ getSystemList().then((res) => {
|
|
|
+ this.systemList = res.data;
|
|
|
+ });
|
|
|
+ getCityAreaList().then((res2) => {
|
|
|
+ this.cityList = res2.data;
|
|
|
+ });
|
|
|
},
|
|
|
getList() {
|
|
|
- // getVerificationLogList(this.queryParams).then(res=>{
|
|
|
- // console.log('res: ', res);
|
|
|
- // this.tableList = res.data;
|
|
|
- // this.total = res.total
|
|
|
- // })
|
|
|
+ this.loading = true;
|
|
|
+ getVerificationLogList(this.queryParams).then(res=>{
|
|
|
+ this.loading = false;
|
|
|
+ this.tableList = res.data.list;
|
|
|
+ this.total = res.data.total
|
|
|
+ })
|
|
|
},
|
|
|
timeChange(val) {
|
|
|
- console.log("val: ", val);
|
|
|
this.queryParams.startTime = val[0];
|
|
|
this.queryParams.endTime = val[1];
|
|
|
},
|
|
|
handleQuery() {
|
|
|
+ this.queryParams.current = 1;
|
|
|
this.getList();
|
|
|
},
|
|
|
+ // 查询条件地区选择
|
|
|
+ areaIdChange(val) {
|
|
|
+ this.queryParams.cityId = val[val.length - 1];
|
|
|
+ },
|
|
|
// 重置
|
|
|
resetQuery() {
|
|
|
this.resetForm("queryForm");
|
|
|
+ this.queryParams.startTime = "";
|
|
|
+ this.queryParams.endTime = "";
|
|
|
+ this.queryParams.current = 1;
|
|
|
+ this.getList();
|
|
|
},
|
|
|
// 导出
|
|
|
- handleDownload() {},
|
|
|
+ handleDownload() {
|
|
|
+ getVerificationLogExport(this.queryParams).then(res=>{
|
|
|
+
|
|
|
+ })
|
|
|
+ },
|
|
|
},
|
|
|
};
|
|
|
</script>
|