无数据 样式

master
zth 3 years ago
parent 9fd7f71fc4
commit 21fcdd76e5

@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>demo</h1>
</body>
</html>

@ -1 +0,0 @@
*{margin:0;padding:0}html{font-size:16px}body{background:#f2f2f2}.main,.main[data-v-6dba40ee]{width:95%;margin:0 2.5%}.main .table[data-v-6dba40ee]{margin-top:50px;border:1px solid #ebeef5;height:80vh;overflow-y:auto}.main .table .column[data-v-6dba40ee]{padding:12px 10px;box-sizing:border-box;text-align:center}.main .table .header[data-v-6dba40ee]{display:block ruby;border-bottom:1px solid #ebeef5}.main .table .header .column[data-v-6dba40ee]{background:#42b0d5;color:#fff}.main .table .line[data-v-6dba40ee]{display:flex;border-bottom:1px solid #ebeef5}.main .table .line .column[data-v-6dba40ee]{border-right:1px solid #ebeef5}.main .title[data-v-6dba40ee]{margin:1rem 0}.main .SearchBox[data-v-6dba40ee]{display:flex;margin-top:1rem}.main .SearchBox>[data-v-6dba40ee]{margin-right:10px}.main .SearchBox .SearchButtonBox[data-v-6dba40ee]{display:flex;align-items:center;justify-content:center}.main .SearchBox .SearchButtonBox .SearchButton[data-v-6dba40ee]{display:ruby}.main .SearchBox .el-input[data-v-6dba40ee]{width:auto!important}.main .el-table[data-v-6dba40ee]{margin-top:1rem}.main .el-form-item[data-v-6dba40ee]{margin:0!important}

File diff suppressed because one or more lines are too long

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.2 KiB

@ -1 +0,0 @@
<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>vue</title><script defer="defer" type="module" src="/js/chunk-vendors.71de0459.js"></script><script defer="defer" type="module" src="/js/app.a0a00693.js"></script><link href="/css/chunk-vendors.7518329a.css" rel="stylesheet"><link href="/css/app.722c205b.css" rel="stylesheet"><script defer="defer" src="/js/chunk-vendors-legacy.f481f98f.js" nomodule></script><script defer="defer" src="/js/app-legacy.407e40a5.js" nomodule></script></head><body><noscript><strong>We're sorry but vue doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -167,6 +167,12 @@
</div>
</div>
</div>
<div
class="text"
v-if="tableData.length == 0 || TextNum == tableData.length"
>
暂无数据
</div>
</div>
</div>
</template>
@ -286,31 +292,36 @@ export default {
},
],
tableData: [],
TextNum: 0,
};
},
mounted() {
this.web_data.forEach((item) => {
this.tableData.push({
loading: true,
data: [
{
date: " ",
web_code: item.web_name,
vessel_voyage: " ",
pol_name_pod_name: " ",
departure_date: " ",
arrival_date: " ",
transit_time: " ",
box_type: " ",
ocean_freight_ocean_currency: "",
total_freight_total_currency: " ",
},
],
});
});
},
mounted() {},
methods: {
Reset() {
this.tableData = [];
this.web_data.forEach((item) => {
this.tableData.push({
loading: true,
data: [
{
date: " ",
web_code: item.web_name,
vessel_voyage: " ",
pol_name_pod_name: " ",
departure_date: " ",
arrival_date: " ",
transit_time: " ",
box_type: " ",
ocean_freight_ocean_currency: "",
total_freight_total_currency: " ",
},
],
});
});
},
Search() {
this.TextNum = 0;
this.Reset();
this.web_data.forEach((item, index) => {
this.search_data = { ...this.search_data, ...item };
Search(this.search_data)
@ -339,12 +350,14 @@ export default {
this.$message(res.data.msg);
this.tableData[index].data = [];
this.tableData[index].loading = false;
this.TextNum++;
}
})
.catch((err) => {
this.$message(err);
this.tableData[index].data = [];
this.tableData[index].loading = false;
this.TextNum++;
});
});
},
@ -409,5 +422,10 @@ export default {
.el-form-item {
margin: 0 !important;
}
.text {
text-align: center;
margin-top: 1rem;
color: #c9c9c9;
}
}
</style>

@ -17,7 +17,7 @@ module.exports = defineConfig({
target: "http://118.190.106.151:3434", //目标接口域名
changeOrigin: true, //是否跨域
pathRewrite: {
"^/api": "/", //重写接口
"^/api": "", //重写接口
},
},
},

Loading…
Cancel
Save