1

src/pages/sale/activeType.vue

@@ -3,33 +3,33 @@
     list-style-type: none;
   }
 
-  .myoffer ul {
+  .activeType ul {
     padding: 0px;
   }
 
-  .myoffer li {
+  .activeType li {
     background: rgba(221, 222, 224, 0.2);
     border-radius: 4px;
     margin-top: 15px;
   }
 
-  .myoffer li .dline {
+  .activeType li .dline {
     display: table;
     width: 100%;
     display: flex;
     flex-direction: row;
   }
 
-  .myoffer li .d1,
-  .myoffer li .d2,
-  .myoffer li .d3,
-  .myoffer li .d4,
-  .myoffer li .d5 {
+  .activeType li .d1,
+  .activeType li .d2,
+  .activeType li .d3,
+  .activeType li .d4,
+  .activeType li .d5 {
     width: 18%;
     padding: 20px 20px 10px;
   }
 
-  .myoffer li .d7 {
+  .activeType li .d7 {
     flex: 1;
     width: 1px;
     display: flex;
@@ -38,19 +38,19 @@
     justify-content: center;
   }
 
-  .myoffer li .d1 .di-title {
+  .activeType li .d1 .di-title {
     font-size: 16px;
     color: #111111;
   }
 
-  .myoffer li .d1 .di-c {
+  .activeType li .d1 .di-c {
     font-size: 14px;
     display: flex;
     line-height: 28px;
     color: #111111;
   }
 
-  .myoffer li .d6 {
+  .activeType li .d6 {
     padding: 10px 20px;
     width: 100%;
     height: inherit;
@@ -58,7 +58,7 @@
     border-top: 1px solid #dddee0;
   }
 
-  .myoffer li .d6 .progress {
+  .activeType li .d6 .progress {
     width: 100%;
     height: 5px;
     position: absolute;
@@ -66,41 +66,41 @@
     bottom: 0;
   }
 
-  .myoffer li .d2 div {
+  .activeType li .d2 div {
     margin: 2px 0;
     font-size: 14px;
     color: #111111;
   }
 
-  .myoffer li .d2-n {
+  .activeType li .d2-n {
     font-size: 12px;
     color: #999999;
     margin-right: 20px;
   }
 
-  .myoffer li .d3 .d3-s {
+  .activeType li .d3 .d3-s {
     color: var(--q-color-negative);
     font-weight: bold;
   }
 
-  .myoffer li .d3 div {
+  .activeType li .d3 div {
     margin: 2px 0;
     font-size: 14px;
   }
 
-  .myoffer li .d4 div {
+  .activeType li .d4 div {
     font-size: 14px;
     color: #111111;
     margin: 2px 0;
   }
 
-  .myoffer li .d5 div {
+  .activeType li .d5 div {
     font-size: 14px;
     color: #111111;
     margin: 2px 0;
   }
 
-  .myoffer .myCourseNName {
+  .activeType .myCourseNName {
     width: 25px;
     height: 25px;
     border-radius: 50%;
@@ -109,10 +109,18 @@
     line-height: 25px;
     background-color: #004d40;
   }
+ .activeType .app-image {
+    background-position: center center;
+    width: 50px;
+    height: 50px;
+    border-radius: 0%;
+    float: left;
+    margin-right: 8px;
+  }
 
 </style>
 <template>
-  <div class="page-body myoffer">
+  <div class="page-body activeType">
     <div class="page-search row items-center">
       <div class="col row wrap q-mr-lg q-col-gutter-md">
         <div class="col-3">
@@ -133,12 +141,15 @@
         </template>
         <template v-slot:body-cell-CoverImage="props">
           <q-td :props="props">
-            xx
+            <div class="app-image"
+                :style="{backgroundImage:'url(' + props.row.CoverImage + ')',backgroundSize:'cover'}">
+              </div>
           </q-td>
         </template>
         <template v-slot:body-cell-label="props">
           <q-td :props="props">
-            xx
+            <span v-for="(LItem,Lindex) in props.row.LableNameList" style=""
+                :key="Lindex">{{LItem}}{{Lindex+1 == props.row.LableNameList.length ?'':'、'}}</span>
           </q-td>
         </template>
         <template v-slot:body-cell-optioned="props">
@@ -146,6 +157,8 @@
             <div>
               <q-btn  flat size="xs" icon="edit"
                 color="accent" style="font-weight:400" label="编辑" @click="editQuotation(props.row)" />
+                 <q-btn  flat size="xs" icon="edit"
+                color="accent" style="font-weight:400" label="删除" @click="" />
             </div>
           </q-td>
         </template>
@@ -155,33 +168,20 @@
         </template>
       </q-table>
     </div>
-    <!-- 新增修改报价单 -->
-    <!-- <q-dialog v-model="showForm" persistent>
-      <quotation-form :obj="offerObj" @save="refreshPage()"></quotation-form>
-    </q-dialog>
-    -->
+    <!-- 新增修改活动类型 -->
+     <ActiveTypeForm v-if="showForm" @close="closeruleset" :save-obj="typeObj" @success="resetSearch">
+     </ActiveTypeForm>
   
   </div>
 </template>
 <script>
-//   import quotationForm from '../../components/sale/quotation-form'
-
-//   import {
-//     queryCourseOfferPage,
-
-//   } from '../../api/course/index'
-//   import {
-//     mapState
-//   } from "vuex";
+import ActiveTypeForm from '../../components/sale/active/activeType-from'
   export default {
     meta: {
-      title: "我的报价单"
+      title: "活动类型"
     },
     components: {
-    //   quotationForm,
-    //   quotationstudyForm,
-    //   offertransorderForm,
-    //   viewquotationForm
+        ActiveTypeForm
     },
     data() {
       return {
@@ -194,8 +194,6 @@
           TypeName: '',
         },
         pageCount: 0,
-        showForm: false, //是否显示报价单弹窗
-        offerObj: {}, //报价单信息
         columns: [{
             name: "Id",
             label: "编号",
@@ -222,8 +220,10 @@
           {
             name: 'optioned',
             label: '操作',
+            align: "left"
           }
         ],
+         //-----------
         showOrderForm: false, //是否显示转订单表单
         commonId: 0,
         showEditPrice: false, //是否显示改价表单
@@ -234,13 +234,16 @@
         uppriceMsg: {
           Id: 0,
           ApplyReason: ''
-        }
+        },
+        //-----------
+        showForm:false,
+        typeObj:{}
       }
     },
 
     mounted() {
       this.currentUrl = this.$route.path;
-      this.msg.CreateBy = this.getLocalStorage().Id;
+    //   this.msg.CreateBy = this.getLocalStorage().Id;
       this.getList();
 
     },
@@ -260,29 +263,22 @@
       //刷新页面
       refreshPage() {
         this.showForm = false;
-        this.showOrderForm = false;
-        this.showStudyForm = false;
         this.getList();
       },
-      gotoDetails(item) {
-        // this.rId = item.Id;
-        // this.isShowviewQuo = true;
-        this.OpenNewUrl("/sale/quotation", {
-          Id: item.Id
-        });
-      },
-      //显示报价单
+    //   gotoDetails(item) {
+    //     // this.rId = item.Id;
+    //     // this.isShowviewQuo = true;
+    //     this.OpenNewUrl("/sale/quotation", {
+    //       Id: item.Id
+    //     });
+    //   },
+      //显示修改
       editQuotation(item) {
         if (item) {
-          if (item.OfferType == 1) {
-            this.showForm = true;
-          } else {
-            this.showStudyForm = true;
-          }
-        } else {
           this.showForm = true;
+          this.typeObj = item;
         }
-        this.offerObj = item;
+        
       },
       //重新查询
       resetSearch() {
@@ -294,7 +290,10 @@
         this.msg.pageIndex = val;
         this.getList()
       },
-     
+      //关闭弹窗
+      closeruleset() {
+        this.showForm = false;
+      },
     }
   }