商品组

src/HDrpManagement/ProductGroupMag/index.vue

@@ -6,7 +6,7 @@
     <div class="container normal-panel normal-margin">
       <list ref="list">
         <template v-slot:detail="scope">
-          <el-button type="text" size="small" @click="$router.push({path:'/projectTarget_edit',query:{id:scope.data.sa_salestargetbillid,type:'onlyread'}})">详 情</el-button>
+          <product_detail :data="scope.data" @onSuccess="onSuccess"  :type="'text'"></product_detail>
         </template>
       </list>
     </div>
@@ -14,16 +14,15 @@
 </template>
 
 <script>
-import list from './modules/list'
-
-import add from './modules/add'
-import detail from './modules/details.vue'
+import list from './modules/list';
+import add from './modules/add';
+import product_detail from './modules/details.vue';
 export default {
   name:"index",
   components:{
     list,
     add,
-    detail
+    product_detail
   },
   methods:{
     onSuccess () {

src/HDrpManagement/ProductGroupMag/modules/details.vue

@@ -1,12 +1,105 @@
 <template>
     <div >
-        <el-button size="small" type="text" >详 情</el-button>
+        <el-button size="small" type="text" @click="onShow">详情</el-button>
+        <el-dialog
+        title="商品组详情"
+        :visible.sync="drawer"
+        width="650px"
+
+    >
+      <div>
+        <el-row :gutter="50">
+          <el-form  ref="form"  size="mini" label-position="left" label-width="80px" disabled> 
+            <el-col :span="15">
+              <el-form-item   label="商品组名">
+                <el-tag v-if="form.groupname">{{form.groupname}}</el-tag>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item   label="商品组号">
+                <el-tag v-if="form.groupnum">{{form.groupnum}}</el-tag>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item   label="品牌名称">
+                <el-tag v-if="form.brandname">{{form.brandname}}</el-tag>
+              </el-form-item>
+            </el-col>
+            <el-col :span="15">
+              <el-form-item   label="是否上架">
+                <el-switch 
+                  v-model="isonsale" disabled>
+                </el-switch>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item   label="产品名">
+                <el-tag v-if="form.itemname">{{form.itemname}}</el-tag>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item   label="产品类别">
+                <el-tag v-if="form.itemclassname">{{form.itemclassname}}</el-tag>
+              </el-form-item>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item   label="标签">
+                <div v-if="tag">
+                  <div v-for="(item,index) in form.tag1" :key="index" style="float:left;margin-left: 2%;margin-top: 2%;" >
+                    <el-tag  >{{form.tag1[index]}}</el-tag>
+                  </div>
+                </div>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item   label="创建人员">
+                <el-tag v-if="form.createby">{{form.createby}}</el-tag>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item   label="更新人员">
+                <el-tag v-if="form.changeby">{{form.changeby}}</el-tag>
+              </el-form-item>
+            </el-col>
+          </el-form>
+        </el-row>
+      </div>
+    </el-dialog>
     </div>
   </template>
   
   <script>
   export default {
-    name: "deatails"
+    name: "detail",
+    props:["data"],
+    data(){
+        return {
+            drawer:false,
+            isonsale:"",
+            tag:"",
+            form:[]
+        }
+    },
+    methods: {
+        onShow(){
+            this.drawer = true
+            console.log(this.data)
+            this.form = this.data
+            if(this.form.tag1.length > 0){
+              this.tag = true
+            }else {
+              this.tag = false
+            }
+            
+            if(this.form.isonsale === 0){
+              this.isonsale = false
+            }else{
+              this.isonsale = true
+            }
+        }
+    },
+    mounted(){
+    }
   }
   
   </script>

src/HDrpManagement/ProductGroupMag/modules/list.vue

@@ -1,8 +1,17 @@
 <template>
   <div>
+    <select_proGro  @searchActive="searchActive" ></select_proGro>
     <tableLayout :layout="tablecols" :data="list" :opwidth="200" :custom="true" :height="tableHieght">
       <template v-slot:customcol="scope">
-        <p >{{scope.column.data[scope.column.columnname]}}</p>
+        <div v-if="scope.column.columnname === 'isonsale'">
+          <el-switch v-if="scope.column.data[scope.column.columnname] === 0"
+            v-model="isonsales" disabled>
+          </el-switch>
+          <el-switch v-if="scope.column.data[scope.column.columnname] === 1"
+            v-model="isonsale" disabled>
+          </el-switch>
+        </div>
+        <p v-else>{{scope.column.data[scope.column.columnname]}}</p>
       </template>
       <template v-slot:opreation="scope">
         <slot name="detail" :data="scope.data"></slot>
@@ -24,18 +33,24 @@
 </template>
 
 <script>
+import select_proGro from './search.vue'
 export default {
   name: "list",
   data() {
     return {
+      tableHieght:400,
       tablecols:[],
       list:[],
       total:0,
       currentPage:0,
+      isonsale:true,
+      isonsales:false,
       params:{
         "id": "20220922164403",
         "version":1,
         "content": {
+          pageNumber:1,
+          pageSize:10,
           "where":{
             "condition":""
           }
@@ -43,28 +58,32 @@ export default {
       }
     }
   },
+  components:{
+    select_proGro
+  },
   mounted() {
-    this.listData();
+    this.queryData();
   },
   methods:{
-    async listData(){
-      console.log("输出")
+    async queryData(){
       const res=await this.$api.requested(this.params)
-      console.log("输出")
-      console.log(res)
       this.list = res.data
       this.total = res.total
       this.currentPage = res.pageNumber
     },
+    searchActive(data) {
+      this.params.content.where.condition = data
+      this.queryData()
+    },
     handleSizeChange(val) {
       // console.log(`每页 ${val} 条`);
       this.params.content.pageSize = val
-      this.listData()
+      this.queryData()
     },
     handleCurrentChange(val) {
       // console.log(`当前页: ${val}`);
       this.params.content.pageNumber = val
-      this.listData()
+      this.queryData()
     },
   },
   created() {

src/HDrpManagement/ProductGroupMag/modules/search.vue

@@ -0,0 +1,44 @@
+<template>
+    <div class="container border-bottom">
+        <span>搜索: </span>
+        <el-input
+            with="200"
+            type="text"
+            v-model="search"
+            placeholder="商品组名"
+            size="small"
+            clearable
+            @searchActive="queryClick"
+            @keyup.enter.native="queryClick()"
+            @clear="queryClick"
+        >
+        <i slot="prefix" class="el-icon-search"  @click="queryClick()"></i>
+        </el-input>
+    </div>
+</template>
+<script>
+export default {
+    name:'search',
+    data(){
+        return {
+            search:""
+        }
+    },
+    methods:{
+        queryClick(){
+            this.$emit('searchActive',this.search)
+        }
+        
+    }
+}
+</script>
+<style scoped>
+    .el-input {
+        width: 200px;
+        margin-right: 16px;
+    }
+    /deep/.el-input__prefix {
+    display: flex;
+    align-items: center;
+    }
+</style>