feat: 调整样式

zhanbo.xu
Commit 566820db3dadc9bfddeccf64210feff2e6dd297a 566820db 1 parent cb5de63e
Showing 4 changed files with 61 additions and 11 deletions
src/components/Table/index.vue
src/views/log-search/index.vue
src/views/receipt-management/index.vue
src/views/reportingData/time-dialog.vue
--- a/src/components/Table/index.vue
View file @566820d
+++ b/src/components/Table/index.vue
View file @566820d
@@ -303,8 +303,8 @@ export default {
     },
     pageSizes: {
       type: Array,
-      default(){
+      default() {
-        return [10, 20, 30, 40, 50, 100]
+        return [10, 20, 30, 40, 50, 100];
       },
     },
     expandRowKeys: {
@@ -439,7 +439,7 @@ export default {
       this.$nextTick(() => {
         if (table) {
           table.style.maxHeight = this.maxHeight;
-          tableBody.clientHeight >= parseInt(this.maxHeight) 
+          tableBody.clientHeight >= parseInt(this.maxHeight)
             ? (table.style.height = this.maxHeight - 40 + "px")
             : (table.style.height = tableBody.clientHeight + "px");
           this.$refs.tables.doLayout();
--- a/src/views/log-search/index.vue
View file @566820d
+++ b/src/views/log-search/index.vue
View file @566820d
@@ -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>
--- a/src/views/receipt-management/index.vue
View file @566820d
+++ b/src/views/receipt-management/index.vue
View file @566820d
@@ -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: "订单编号",
+          name: "物流运单编号",
-          value: "orderNo",
+          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;
--- a/src/views/reportingData/time-dialog.vue
View file @566820d
+++ b/src/views/reportingData/time-dialog.vue
View file @566820d
@@ -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"