2023-5-18

src/HDrpManagement/ProductMag/detail/index.vue

@@ -9,7 +9,7 @@
         idname="itemid"
         ownertable="plm_item"
         tags=""
-        :tabs="['详细信息','营销分类','商品组','商品等级价格']"
+        :tabs="['详细信息','营销分类','商品组','商品等级价格','技术资料']"
         @pageChange="pageChange"
         @onEditSuccess="queryMainData($route.query.id)"
         >
@@ -98,6 +98,9 @@
       <div slot="slot3">
         <productPrice :data="mainData"></productPrice>
       </div>
+      <div slot="slot4">
+        <productInfo></productInfo>
+      </div>
     </basicDetails>
   </div>
 </template>
@@ -109,6 +112,7 @@ import saleClass from '../modules/saleClass.vue'
 import productGroup from '../modules/productGroup.vue'
 import productPrice from '../modules/productPrice'
 import addClass from '../modules/addClass'
+import productInfo from './modules/productInfo'
 export default {
   name: "index",
   data() {
@@ -117,7 +121,7 @@ export default {
       mainAreaData:{}
     }
   },
-  components:{detail_data,saleClass,productPrice,addClass,Edit,productGroup},
+  components:{detail_data,saleClass,productPrice,addClass,Edit,productGroup,productInfo},
   methods: {
     async queryMainData(id) {
       const res = await this.$api.requested({

src/HDrpManagement/ProductMag/detail/modules/productInfo.vue

@@ -0,0 +1,94 @@
+
+<template>
+  <div>
+    <div style="display:flex;align-items:center">
+      <el-input
+          placeholder="请输入搜索内容"
+          suffix-icon="el-icon-search"
+          v-model="params.content.where.condition"
+          style="width:200px"
+          size="mini"
+          class="input-with-select inline-16"
+          @keyup.native.enter="listData(params.content.pageNumber=1)"
+          @clear="clearData"
+          clearable>
+      </el-input>
+    </div>
+    <div style="margin-top: 15px">
+      <tableLayout :layout="tablecols" :data="list" :opwidth="200"  :custom="false" :width="false" fixedName="operation">
+      
+      </tableLayout>
+    </div>
+    <div style="margin-top:16px;text-align:right">
+      <el-pagination
+          background
+          small
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="params.content.pageNumber"
+          :page-size="params.content.pageSize"
+          layout="total, prev, pager, next, jumper"
+          :total="total">
+      </el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props:["data"],
+  data () {
+    return {
+      tablecols:[],
+      list:[],
+      total:0,
+      params:{
+        "id": 20221216105402,
+        "content": {
+            "itemid": '',
+            "pageNumber": 1,
+            "pageSize": 20,
+            "where": {
+                "condition": ""
+            }
+        },
+      },
+      options:[
+      ],
+    }
+  },
+  methods:{
+    async listData(){
+      this.params.content.itemid = this.$route.query.id
+      const res = await this.$api.requested(this.params)
+      this.list = res.data
+      this.total = res.total
+      console.log(this.list)
+    },
+    handleSizeChange(val) {
+      // console.log(`每页 ${val} 条`);
+      this.params.content.pageSize = val
+      this.listData()
+    },
+    handleCurrentChange(val) {
+      // console.log(`当前页: ${val}`);
+      this.params.content.pageNumber = val
+      this.listData()
+    },
+    clearData(){
+      this.listData()
+    },
+    queryClick(){
+      this.listData()
+    }
+  },
+  created() {
+    this.listData()
+    this.tablecols = this.tool.tabelCol(this.$route.name).productInfo.tablecols
+  }
+}
+
+</script>
+<style scoped>
+
+</style>