zhanbo.xu

feat: 调整样式

......@@ -303,8 +303,8 @@ export default {
},
pageSizes: {
type: Array,
default(){
return [10, 20, 30, 40, 50, 100]
default() {
return [10, 20, 30, 40, 50, 100];
},
},
expandRowKeys: {
......
......@@ -130,6 +130,22 @@
:selectFixed="false"
:rowSelectDataType="false"
>
<template v-slot:interfaceName="scope">
<el-popover trigger="hover" placement="top">
<div class="name-wrapper-content">{{ scope.row.interfaceName }}</div>
<span slot="reference" class="name-wrapper">
{{ scope.row.interfaceName }}
</span>
</el-popover>
</template>
<template v-slot:requestParams="scope">
<el-popover trigger="hover" placement="top">
<div class="name-wrapper-content">{{ scope.row.requestParams }}</div>
<span slot="reference" class="name-wrapper">
{{ scope.row.requestParams }}
</span>
</el-popover>
</template>
</Table>
</div>
</template>
......@@ -170,6 +186,8 @@ export default {
value: "interfaceName",
width: "",
align: "left",
slot: true,
showOverflowTooltip: false,
},
{
name: "IP地址",
......@@ -182,6 +200,8 @@ export default {
value: "requestParams",
width: "",
align: "left",
slot: true,
showOverflowTooltip: false,
},
{
name: "状态",
......@@ -337,4 +357,14 @@ export default {
transform: translate(0, -50%);
z-index: 10;
}
.name-wrapper {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 200px;
display: inline-block;
}
.name-wrapper-content {
max-width: 400px;
}
</style>
......
......@@ -29,13 +29,13 @@
</Formitem>
</el-col>
<el-col :span="5">
<Formitem label="订单编号" prop="orderNo">
<Formitem label="物流运单编号" prop="logisticsNo">
<el-input
type="text"
class="inputShadow"
id="inputInner--orderNo"
id="inputInner--logisticsNo"
resize="none"
v-model="sreachFormData.orderNo"
v-model="sreachFormData.logisticsNo"
clearable
placeholder=""
></el-input>
......@@ -115,6 +115,14 @@
:selectFixed="false"
:rowSelectDataType="false"
>
<template v-slot:receiptInfo="scope">
<el-popover trigger="hover" placement="top">
<div class="name-wrapper-content">{{ scope.row.receiptInfo }}</div>
<span slot="reference" class="name-wrapper">
{{ scope.row.receiptInfo }}
</span>
</el-popover>
</template>
</Table>
<DialogVue
:outerVisible="outerVisible"
......@@ -139,7 +147,7 @@ export default {
return {
sreachFormData: {
receiptType: "",
orderNo: "",
logisticsNo: "",
receiptStatus: "",
},
page: {
......@@ -156,8 +164,8 @@ export default {
align: "left",
},
{
name: "单编号",
value: "orderNo",
name: "物流运单编号",
value: "logisticsNo",
width: "",
align: "left",
},
......@@ -172,6 +180,8 @@ export default {
value: "receiptInfo",
width: "",
align: "left",
slot: true,
showOverflowTooltip: false,
},
{
name: "创建时间",
......@@ -308,6 +318,16 @@ export default {
}
}
}
.name-wrapper {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 200px;
display: inline-block;
}
.name-wrapper-content {
max-width: 400px;
}
.texttareaTip {
position: absolute;
......
......@@ -4,7 +4,7 @@
title="离境单申报"
:visible.sync="timeVisible"
:show-close="false"
width="40%"
width="450px"
:close-on-click-modal="false"
:destroy-on-close="true"
v-loading="loadings.dialogLoading"
......@@ -19,7 +19,7 @@
size="small"
>
<el-row :gutter="5">
<el-col :span="8">
<el-col :span="24">
<Formitem label="离境时间" prop="leaveTime" type="edit">
<!-- <el-select
type="text"
......