修改样式

客户端/齐越慧眼/齐越慧眼/vuepage/client/src/views/competing/Index.vue

@@ -75,9 +75,9 @@
       <div style="width: 177px;" class="titleDiv">
         战场
       </div>
-      <div style="width: 177px;" class="titleDiv">
+      <!-- <div style="width: 177px;" class="titleDiv">
         竞争环境
-      </div>
+      </div> -->
       <div style="width: 177px;" class="titleDiv">
         建议评价量
       </div>
@@ -95,6 +95,8 @@
         :key="item.Id">
 
         <div style="padding-left: 10px;display: flex;align-items: center;color: #333333;background: #f3f2f7;height: 35px; border: 1px solid #d7d7d7;border-left: 0; border-right: 0;">
+          任务ID:{{item.Id}}
+
           SKU名称:{{item.Title}}
 
           售价:{{item.Price}}
@@ -106,24 +108,32 @@
             <a :href="item.GoodsUrl" target="_black">
             <img :src="item.ItemImg" style="width: 151px;height: 151px;" ></a>
           </div>
-          <div style="width: 177px;" class="contentDiv">
-            武将战力 {{getTop1Comment(item.CompetingItems)}}
-          </div>
           <div style="width: 177px;flex-direction: column" class="contentDiv">
-            {{getTop1Data(item.CompetingItems)[0]}}
+            <div>
-            <!-- <div style="color:#D7D7D7;">
+              精准品类词:{{item.CatName}}
-            达到该战场定义的</div>
+            </div>
+              最强武将战力:{{getTop1Comment(item.CompetingItems)}}
+
             <div style="color:#D7D7D7;">
-            评价量商家个数为 
+              猛将数量 ：
             {{getTop1Data(item.CompetingItems)[1]}}
-          </div> -->
+            </div>
+             
+            <div style="color:#D7D7D7;">
+              猛将最低价： 
+            {{getTop1Data(item.CompetingItems)[2]}}
           </div>
+
+          </div>
+          <!-- <div style="width: 177px;" class="contentDiv">
+            {{getTop1Data(item.CompetingItems)[0]}}
+          </div> -->
           <div style="width: 177px;" class="contentDiv">
             所需兵力:{{getCommentNeed(item.CompetingItems)}}
           </div>
           <div style="width: 801px;display: block;" class="contentDiv">
             
-            <div style="display: flex;" v-for="(son,i) in item.CompetingItems" :key="i">
+            <div style="display: flex;" v-for="(son,i) in item.CompetingItems.slice(0,5)" :key="i">
               <div class="contentColumn">TOP{{i+1}}</div>
               <div class="contentColumn">{{son.Price}}</div>
               <div class="contentColumn">{{son.CommentCount}}</div>
@@ -225,6 +235,7 @@ export default {
       if(items&&items.length>0)
       {
         var commentCount= items[0].CommentCount;
+        var price= items[0].Price;
 
         var text="优"
 
@@ -245,9 +256,9 @@ export default {
         {
           text="差"
         }
-        return [text,count]
+        return [text,count,price]
       }
-      return ['优',0]
+      return ['优',0,0]
     },
     getCommentNeed(items){
       var result=""

客户端/齐越慧眼/齐越慧眼/vuepage/client/src/views/competing/List.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
-    <a-table :dataSource="datas" :columns="columns" >
+    <a-table :dataSource="datas" :columns="columns" 
+      :pagination="pagination">
         <span slot="action" slot-scope="text, record">
         <template>
             <a @click="handleEdit(record)">修改</a>
@@ -12,6 +13,19 @@
         {{text=="0"?"京东":"京东" }}
       </span>
       
+      <div slot="Title" slot-scope="text,record">
+          <div v-if="text">
+            <span>{{ text }}</span>
+          </div>
+          <div v-else>
+            <a-select v-model="record.Title">
+              <a-select-option :value="null">无更多竞品</a-select-option>
+            </a-select>
+          </div>
+      </div>
+      <span slot="ItemUrl" slot-scope="text">
+        <a :href="text" target="_black">{{ text }}</a>
+      </span>
       <div slot="ImgUrl" slot-scope="text">
         <img :src="text" style="width: 50px;height: 50px;">
       </div>
@@ -27,6 +41,10 @@ export default {
   data() {
     return {
       datas: [],
+      pagination: {
+        current: 1,
+        pageSize: 20
+      },
       columns:[{
             title: '图片',
             dataIndex: 'ImgUrl',
@@ -36,7 +54,8 @@ export default {
           {
             title: 'SKU名称',
             dataIndex: 'Title',
-            width:'280px'
+            width:'280px',
+            // scopedSlots: { customRender: 'Title' }
           },
           {
             title: '价格',
@@ -51,6 +70,7 @@ export default {
           {
             title: '竞品链接',
             dataIndex: 'ItemUrl',
+            scopedSlots: { customRender: 'ItemUrl' },
             minWidth:'535px'
           },
           {
@@ -68,12 +88,20 @@ export default {
     };
   },
   mounted() {
+    window.checkCanSave=this.checkCanSave
     this.getDatas();
   },
   methods: {
     getDatas() {
       hyCoreModel.getData().then((res) => {
-        console.log(res, "当前竞品对象");
+        // if(res.length<20)
+        // {
+        //   var len=20-res.length
+        //   for(var i =0;i<len;i++)
+        //   {
+        //     res.push({Title:undefined,isEmpty:true})
+        //   }
+        // }
         this.datas = res;
       });
     },
@@ -93,6 +121,12 @@ export default {
             }
         })
     },
+    checkCanSave(){
+      if(this.datas.filter(c=>c.Title==undefined).length>0)
+      return false
+      else
+      return true
+    },
     saveData() {
       hyCoreModel.saveData().then((isOk) => {
         if (isOk) {