商品档案

src/HManagement/salesForecastTemplate/modules/templateList.vue

@@ -27,7 +27,7 @@
       </template>
       <template v-slot:opreation="scope">
         <slot v-if="scope.data.status === '新建'" name="edit" :data="scope.data"></slot>
-        <slot name="release" :data="scope.data"></slot>
+        <slot v-if="scope.data.status !== '结束'" name="release" :data="scope.data"></slot>
         <slot v-if="scope.data.status === '新建'" name="del" :data="scope.data"></slot>
         <slot v-if="scope.data.status === '发布'" name="finish" :data="scope.data"></slot>
       </template>

src/SDrpManagement/Products/index.vue

@@ -0,0 +1,21 @@
+<template>
+  <div>
+    <select-class></select-class>
+    <list></list>
+  </div>
+</template>
+
+<script>
+import list from './modules/list'
+import selectClass from './modules/Select'
+
+export default {
+  components:{
+    list,
+    selectClass
+  }
+}
+
+</script>
+<style>
+</style>

src/SDrpManagement/Products/modules/Select.vue

@@ -0,0 +1,56 @@
+<template>
+  <div class="container border-bottom">
+    <ul class="flex-align-center normal-margin">
+      <li :class="brand_act === item.sa_brandid?'act':''" class="brand-item" v-for="item in brands" :key="item.sa_brandid" @click="(brand_act = item.sa_brandid)">{{item.brandname}}</li>
+    </ul>
+    <div>
+
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      brands:[],
+      brand_act:0
+    }
+  },
+  methods:{
+    async queryBrands () {
+      const res = await this.$api.requested({
+        "id": "20220922085103",
+        "version":1,
+        "content": {
+          "pageSize":1000,
+          "where":{
+            "condition":""
+          }
+        }
+      })
+      this.brands = res.data
+    }
+  },
+  mounted () {
+    this.queryBrands()
+  }
+}
+
+</script>
+<style>
+</style>
+<style scoped>
+.brand-item{
+  margin-right: 20px;
+  color: #768093;
+  cursor: pointer;
+  transition: .2s all linear;
+}
+.act{
+  color:#000;
+}
+.border-bottom{
+  border-bottom: 1px solid #e3e5ea;
+}
+</style>

src/SDrpManagement/Products/modules/list.vue

@@ -0,0 +1,84 @@
+<template>
+  <div>
+    <div class="container">
+      <el-row :gutter="20">
+        <el-col :span="4" v-for="item in list" :key="item.index">
+          <div class="product-card">
+            <div class="product-image">
+              <img style="width:100%" :src="item.cover" alt="">
+            </div>
+            <div class="product-info">
+              <p>{{item.itemname}}</p>
+              <p class="product-itemno">编码:{{item.itemno}}</p>
+              <p class="product-price">¥{{item.price}}</p>
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+      <div style="margin-top:16px;text-align:center">
+      <el-pagination
+        background
+        small
+        :current-page="1"
+        :page-size="10"
+        layout="total, prev, pager, next, jumper"
+        :total="100">
+      </el-pagination>
+    </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      list:[]
+    }
+  },
+  mounted () {
+    for (let i = 0;i<10;i++) {
+      this.list.push({
+        cover:'http://oms.idcgroup.com.cn:8082/samex/servlet/attchdown/3582',
+        itemname:'紫铜覆塑管',
+        itemno:'NBNTO-28571530003',
+        price:199
+      })
+    }
+  }
+}
+
+</script>
+<style>
+</style>
+<style scoped>
+.product-card{
+  padding: 10px;
+  margin-bottom: 20px;
+  background: #fff;
+  transition: all .2s linear;
+  cursor: pointer;
+}
+.product-image{
+  display: flex;
+  align-items: center;
+  height: 150px;
+  overflow: hidden;
+}
+.product-info{
+  padding:10px
+}
+.product-card:hover{
+  box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
+  transform: translate3d(0,-2px,0);
+}
+.product-price {
+  font-size: 14px;
+  color: red;
+}
+.product-itemno{
+  font-size: 12px;
+  color:#888;
+  margin-bottom: 10px;
+}
+</style>

src/SDrpManagement/commdiityGroup/index.vue

@@ -0,0 +1,12 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+
+}
+
+</script>
+<style>
+</style>

src/router/SDrpManagement.js

@@ -1,4 +1,12 @@
 const SDrpManagement = [
-  
+  {
+    path: '/products',
+    name: 'products',
+    meta: {
+      title: '商品档案',
+      ast_nav:true
+    },
+    component: () => import(/* webpackChunkName: "about" */ '@/SDrpManagement/Products/index.vue')
+  },
 ]
 export default SDrpManagement

src/style/style.css

@@ -3,8 +3,9 @@
   padding: 0;
 }
 body{
-  font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
-  font-size: 16px;
+  /* font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
+  font-size: 16px; */
+  font:16px/1.5 Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;
   color: #333333;
   background-color: #FAFAFA;
   /* min-width: 1200px; */

yos/index.html

@@ -1 +1 @@
-<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"><link rel="icon" href="favicon.ico"><title>yos_manage</title><script defer="defer" type="module" src="js/chunk-vendors.8e4fd6d5.js"></script><script defer="defer" type="module" src="js/app.1497085c.js"></script><link href="css/app.09f1a246.css" rel="stylesheet"><script defer="defer" src="js/chunk-vendors-legacy.d9087565.js" nomodule></script><script defer="defer" src="js/app-legacy.0169833a.js" nomodule></script></head><body><noscript><strong>We're sorry but yos_manage doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>
+<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"><link rel="icon" href="favicon.ico"><title>yos_manage</title><script defer="defer" type="module" src="js/chunk-vendors.8e4fd6d5.js"></script><script defer="defer" type="module" src="js/app.786cc5e8.js"></script><link href="css/app.09f1a246.css" rel="stylesheet"><script defer="defer" src="js/chunk-vendors-legacy.d9087565.js" nomodule></script><script defer="defer" src="js/app-legacy.a690b3f7.js" nomodule></script></head><body><noscript><strong>We're sorry but yos_manage doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>