小修改

src/apis/holding3.js

@@ -0,0 +1,9 @@
+import axios from '../utils/request'
+// 藏品登记-列表
+export const getHolding3List = (data) => {
+  return axios({
+    method: 'post',
+    url: '/cms/goods/pass/list',
+    data
+  })
+}

src/views/holding/holding0_add.vue

@@ -142,7 +142,7 @@ export default {
       // 表单数据
       fromData: {
         number: 'DJ2021081701',
-        people: 'Admin',
+        people: '',
         source: '',
         unit: '',
         textarea: ''
@@ -217,7 +217,12 @@ export default {
     this.getHoldingList(this.mydata)
   },
   // 生命周期 - 挂载完成（可以访问DOM元素）
-  mounted () {},
+  mounted () {
+    // 获取用户名
+    let userData = localStorage.getItem('daliCK')
+    userData = JSON.parse(userData)
+    this.fromData.people = userData.user.nickName
+  },
   beforeCreate () {}, // 生命周期 - 创建之前
   beforeMount () {}, // 生命周期 - 挂载之前
   beforeUpdate () {}, // 生命周期 - 更新之前

src/views/holding/holding3.vue

@@ -89,7 +89,8 @@
           </div>
           <!-- 图片显示 -->
           <div class="imgInfo" v-else>
-            <div class="imgInfo_single" v-for="i in 28" :key="i">
+            <div class="beNull" v-if="imgList.length===0">暂无数据</div>
+            <div v-else class="imgInfo_single" v-for="(item,index) in imgList" :key="index">
               <img src="../../assets/img/user.png" alt="" />
               <span>文物名称</span>
             </div>
@@ -110,12 +111,23 @@
 </template>
 
 <script>
+import { getHolding3List } from '@/apis/holding3'
 import TabList from '@/components/tabLeft.vue'
 export default {
   name: 'Holding3',
   components: { TabList },
   data () {
     return {
+      // 请求藏品总账参数
+      mydata: {
+        startTime: '', // 开始时间
+        endTime: '', // 结束时间
+        pageNum: 1, // 起始页码，默认1为第一页
+        pageSize: 10, // 每页数量
+        searchKey: '', // 搜索条件
+        status: '', // 状态
+        type: ''// 类型
+      },
       // 控制显示表格还是图片
       change: 0,
       type: '',
@@ -141,6 +153,8 @@ export default {
           label: '双皮奶22'
         }
       ],
+      // 图片数据
+      imgList: [],
       // 表格数据
       tableData: [
         {
@@ -162,6 +176,12 @@ export default {
   watch: {},
   // 方法集合
   methods: {
+    // 封装获取藏品总账列表
+    async getHolding3List (data) {
+      const res = await getHolding3List(data)
+      // console.log(666, res)
+      this.imgList = res.data.list
+    },
     // 控制显示表格还是图片
     pattern (index) {
       this.change = index
@@ -171,6 +191,9 @@ export default {
   created () {},
   // 生命周期 - 挂载完成（可以访问DOM元素）
   mounted () {
+    // 调用获取藏品总账列表
+    this.getHolding3List(this.mydata)
+    // 显示图还是表格
     this.tabInd = this.INtabInd
   },
   beforeCreate () {}, // 生命周期 - 创建之前
@@ -257,6 +280,10 @@ export default {
           }
         }
         .imgInfo {
+          .beNull{
+            margin-top: 40px;
+            font-size: 26px;
+          }
           max-height: 635px;
           overflow: auto;
           width: 100%;