新增页面

src/views/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="app-container home">
     <div v-if="sysType == 1">
-      <div style="display: flex">
+      <div style="display: flex;margin-bottom: 40px;">
         <div style="width: 70%">
           <ul class="block" v-if="sysType == 1">
             <li @click="jump('/business/inStock')">
@@ -97,7 +97,7 @@
           </ul>
         </div>
         <div style="width: 30%">
-          <div style="width: 100%" v-if="sysType == 1">
+          <div style="width: 100%">
             <div style="display: flex">
               <div id="box" style="width: 100%; height: 350px"></div>
 
@@ -120,7 +120,7 @@
           </div>
         </div>
       </div>
-      <div style="display: flex">
+      <div style="display: flex;margin-bottom: 40px;">
         <div style="width: 70%">
           <div>
             <div
@@ -139,7 +139,10 @@
               <div class="home_stock_table">日期</div>
               <div class="home_stock_table">提单号</div>
               <div class="home_stock_table">业务类型</div>
-              <div class="home_stock_table">操作</div>
+              <div class="home_stock_table_right">
+                <div>操作</div>
+                <el-link type="primary">更多>></el-link>
+              </div>
             </div>
             <div v-if="tableData.length > 0">
               <div
@@ -153,18 +156,25 @@
               >
                 <div class="home_stock_table">{{ item.refno1 }}</div>
                 <div class="home_stock_table">
-                  {{ item.auditItem }}/div>
-                  <div class="home_stock_table">{{ item.refno3 }}</div>
-                  <div class="home_stock_table">{{ item.refno2 }}</div>
-                  <div class="home_stock_table">操作</div>
+                  {{ item.auditItem }}
                 </div>
+                <div class="home_stock_table">{{ item.refno3 }}</div>
+                <div class="home_stock_table">{{ item.refno2 }}</div>
+                <div class="home_stock_table">操作</div>
               </div>
             </div>
-            <div v-else style="display: flex;justify-content:center;height: 213px;border-bottom: 2px solid #dfe6ec;">
-              <div style="align-self: center;color: #909399;font-size:14px;">
-                        暂无数据
+            <div
+              v-else
+              style="
+                display: flex;
+                justify-content: center;
+                height: 213px;
+                border-bottom: 1px solid #dfe6ec;
+              "
+            >
+              <div style="align-self: center; color: #909399; font-size: 14px">
+                暂无数据
               </div>
-              
             </div>
           </div>
           <!-- <el-table
@@ -244,21 +254,19 @@
           </el-table>
         </div>
       </div>
-      <div style="display: flex">
-        <div style="width: 70%"></div>
-        <div style="width: 30%"></div>
-      </div>
-    </div>
-    <div style="width: 100%; margin-bottom: 50px" v-if="sysType == 1"></div>
-    <div style="width: 100%; float: left; margin-top: 20px" v-if="sysType == 1">
-      <div style="display: flex">
-        <div
-          id="commoDity"
-          style="width: 68%; height: 350px; margin-left: 40px"
-        ></div>
-        <div id="cargoOwner" style="width: 30%; height: 350px"></div>
+      <div style="display: flex;">
+        <div style="width: 70%">
+          <div
+            id="commoDity"
+            style="width: 100%; height: 350px; margin-left: 40px"
+          ></div>
+        </div>
+        <div style="width: 30%">
+          <div id="cargoOwner" style="width: 100%; height: 350px"></div>
+        </div>
       </div>
     </div>
+
     <el-dialog
       v-if="sysType == 1"
       title="消息提示"
@@ -1296,4 +1304,10 @@ export default {
   justify-content: center;
   align-self: center;
 }
+.home_stock_table_right {
+  display: flex;
+  width: 20%;
+  justify-content: space-around;
+  align-self: center;
+}
 </style>

src/views/morePage/stock/index.vue

@@ -0,0 +1,126 @@
+<template>
+  <div class="app-container">
+    <el-table
+      v-loading="loading"
+      :data="tableData"
+      :header-cell-style="{ borderBottom: '1px dashed #dfe6ec' }"
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column
+        prop="refno1"
+        :show-overflow-tooltip="true"
+        label="委托方"
+      ></el-table-column>
+      <el-table-column
+        prop="auditItem"
+        :show-overflow-tooltip="true"
+        label="日期"
+      >
+        <template slot-scope="scope">
+          <span v-if="!scope.row.auditItem">无时间</span>
+          <span v-else>{{ scope.row.auditItem.slice(0, 10) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="refno3"
+        :show-overflow-tooltip="true"
+        label="提单号"
+      ></el-table-column>
+      <el-table-column
+        prop="refno2"
+        :show-overflow-tooltip="true"
+        label="业务类型"
+      >
+        <template slot-scope="scope">
+          <span v-if="scope.row.refno2 === 'SJRK'">入库</span>
+          <span v-else-if="scope.row.refno2 === 'SJCK'">出库</span>
+          <span v-else-if="scope.row.refno2 === 'HQZY'">货转</span>
+          <span v-else-if="scope.row.refno2 === 'CKDB'">调拨</span>
+          <span v-else-if="scope.row.refno2 === 'CCF'">仓储费</span>
+          <span v-else-if="scope.row.refno2 === 'HWTG'">货物通关</span>
+          <span v-else-if="scope.row.refno2 === 'ZYF'">作业费</span>
+          <span v-else-if="scope.row.refno2 === 'SF'">收费</span>
+          <span v-else-if="scope.row.refno2 === 'DZ'">对账</span>
+          <span v-else-if="scope.row.refno2 === 'FF'">付费</span>
+          <span v-else-if="scope.row.refno2 === 'JSCCF'">计算仓储费</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        v-for="(item, index) in getRowList"
+        :key="index"
+        :label="item.name"
+        :width="item.width"
+        :prop="item.label"
+        align="center"
+        :show-overflow-tooltip="true"
+        sortable
+        :fixed="item.fixed"
+      />
+      <el-table-column prop="address" label="操作" width="80">
+        <template slot-scope="scope">
+          <span style="cursor: pointer" @click="approval(scope.row)"
+            >查看详情</span
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+      <el-dialog
+      title="消息提示"
+      :visible.sync="dialogVisible"
+      width="80%"
+      :before-close="handleClose"
+      :close-on-click-modal="false"
+    >
+      <span
+        v-html="text"
+        class="text"
+        style="max-width: 100%; height: auto"
+      ></span>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="dialogVisible = false"
+          >关 闭</el-button
+        >
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { inquiry } from "../../../../src/api/index";
+export default {
+  name: "index",
+  data() {
+    return {
+      tableData: [],
+       dialogVisible: false,
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    getList() {
+      let data = {
+        actId: "",
+      };
+      inquiry(data).then((res) => {
+        this.tableData = res.data;
+      });
+    },
+    querytoDo(res) {
+      this.dialogVisible = true;
+      this.text = res;
+    },
+  },
+};
+</script>
+<style>
+</style>