update code

services/workorder_comment_service.go

@@ -5,11 +5,12 @@ import (
 	"time"
 	"time"
 
 
 	"github.com/astaxie/beego/logs"
 	"github.com/astaxie/beego/logs"
+	"github.com/astaxie/beego/orm"
 )
 )
 
 
 // WorkOrderCommentRepositoryInterface interface
 // WorkOrderCommentRepositoryInterface interface
 type WorkOrderCommentRepositoryInterface interface {
 type WorkOrderCommentRepositoryInterface interface {
-	GetWorkOrderComments(wid int64) ([]models.WorkOrderComment, error)
+	GetWorkOrderComments(wid int64) ([]orm.Params, error)
 	Add(workOrderComment models.WorkOrderComment) (int64, error)
 	Add(workOrderComment models.WorkOrderComment) (int64, error)
 }
 }
 
 
@@ -26,9 +27,9 @@ func GetWorkOrderCommentRepositoryInstance() *WorkOrderCommentRepository {
 }
 }
 
 
 // GetWorkOrderComments get WorkOrderComments
 // GetWorkOrderComments get WorkOrderComments
-func (r *WorkOrderCommentRepository) GetWorkOrderComments(wid int64) ([]models.WorkOrderComment, error) {
-	var workOrderComments []models.WorkOrderComment
-	_, err := r.q.Filter("wid", wid).OrderBy("id").All(&workOrderComments)
+func (r *WorkOrderCommentRepository) GetWorkOrderComments(wid int64) ([]orm.Params, error) {
+	var workOrderComments []orm.Params
+	_, err := r.o.Raw("SELECT * FROM (SELECT w.*,a.nickname,a.avatar FROM work_order_comment w LEFT JOIN (SELECT * FROM admin) a ON w.a_i_d = a.id AND w.wid = ? ORDER BY w.id DESC) b WHERE wid = ?", wid, wid).Values(&workOrderComments)
 	if err != nil {
 	if err != nil {
 		logs.Warn("GetWorkOrderComments get WorkOrderComments-----------", err)
 		logs.Warn("GetWorkOrderComments get WorkOrderComments-----------", err)
 	}
 	}

services/workorder_service.go

@@ -53,7 +53,7 @@ func (r *WorkOrderRepository) Close(id int64, cid int64, remark string) (int64,
 // GetUserWorkOrders get user WorkOrders
 // GetUserWorkOrders get user WorkOrders
 func (r *WorkOrderRepository) GetUserWorkOrders(uid int64) ([]models.WorkOrder, error) {
 func (r *WorkOrderRepository) GetUserWorkOrders(uid int64) ([]models.WorkOrder, error) {
 	var workOrders []models.WorkOrder
 	var workOrders []models.WorkOrder
-	_, err := r.q.Filter("uid", uid).Filter("delete", 0).OrderBy("-id").All(&workOrders)
+	_, err := r.q.Filter("uid", uid).Filter("delete", 0).OrderBy("-id").OrderBy("status").All(&workOrders)
 	if err != nil {
 	if err != nil {
 		logs.Warn("GetUserWorkOrders get user WorkOrders------------", err)
 		logs.Warn("GetUserWorkOrders get user WorkOrders------------", err)
 	}
 	}
@@ -89,13 +89,6 @@ func (r *WorkOrderRepository) Add(workOrder models.WorkOrder) (int64, error) {
 	if err != nil {
 	if err != nil {
 		logs.Warn("Add add WorkOrder------------", err)
 		logs.Warn("Add add WorkOrder------------", err)
 	}
 	}
-	if wid > 0 {
-		r.WorkOrderCommentRepository.Add(models.WorkOrderComment{
-			WID:      wid,
-			Content:  workOrder.Content,
-			CreateAt: createAt,
-		})
-	}
 	return wid, err
 	return wid, err
 }
 }
 
 

ui/kefu_client/src/views/workorder.vue

@@ -22,9 +22,9 @@
               <span class="type">{{getTypeName(item.tid)}}</span>
               <span class="type">{{getTypeName(item.tid)}}</span>
               <span class="date">{{$formatDate(item.create_at)}}</span>
               <span class="date">{{$formatDate(item.create_at)}}</span>
             </div>
             </div>
-            <i v-if="item.status == 1" style="color:#FF9800;">客服已回复</i>
-            <i v-if="item.status == 3" style="color:#ccc">工单已结束</i>
-            <i v-if="item.status == 0 || item.status == 2" style="color:green">待回复</i>
+            <i v-if="item.status == 1" style="color:#8bc34a;">已回复</i>
+            <i v-if="item.status == 3" style="color:#ccc">已结束</i>
+            <i v-if="item.status == 0 || item.status == 2" style="color:#FF9800">待处理</i>
           </li>
           </li>
         </template>
         </template>
       </ul>        
       </ul>        

ui/kefu_client/src/views/workorder_detail.vue

 <template>
 <template>
   <div class="container">
   <div class="container">
-    <mt-header v-if="isShowHeader" fixed :title="workorder.title || '工单详情'">
+    <mt-header v-if="isShowHeader" fixed title="工单详细">
       <div slot="left">
       <div slot="left">
         <mt-button @click="$router.go(-1)" icon="back"></mt-button>
         <mt-button @click="$router.go(-1)" icon="back"></mt-button>
       </div>
       </div>
-      <mt-button slot="right">
+      <mt-button v-if="workorder.status == 3" slot="right">
         <span>删除</span>
         <span>删除</span>
       </mt-button>
       </mt-button>
     </mt-header>
     </mt-header>
+    <div class="content"  :class="{'hide-header': !isShowHeader}">
+      <div class="head">
+        <div class="con">
+          <span>标题：</span>
+          <span>{{workorder.title}}</span>
+        </div>
+        <div class="con">
+          <span>内容：</span>
+          <span v-html="workorder.content"></span>
+        </div>
+        <div class="con">
+          <span>电话：</span>
+          <span>{{workorder.phone || '未预留电话号码'}}</span>
+        </div>
+        <div class="con">
+          <span>邮箱：</span>
+          <span>{{workorder.email || '未预留邮箱'}}</span>
+        </div>
+        <div class="con">
+          <span>时间：</span>
+          <span>{{$formatDate(workorder.create_at)}}</span>
+        </div>
+        <div class="con">
+          <span>状态：</span>
+          <span>
+            <i v-if="workorder.status == 1" style="color:#8bc34a;">已回复</i>
+            <i v-if="workorder.status == 3" style="color:#ccc">已结束</i>
+            <i v-if="workorder.status == 0 || workorder.status == 2" style="color:#FF9800">待处理</i>
+          </span>
+        </div>
+      </div>
+    </div>
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
@@ -19,6 +51,7 @@ export default {
   data() {
   data() {
     return {
     return {
       workorder: {},
       workorder: {},
+      comments:[]
     };
     };
   },
   },
   computed: {
   computed: {
@@ -29,23 +62,63 @@ export default {
     ])
     ])
   },
   },
   created() {
   created() {
-    document.title = "工单详情"
+    document.title = "工单详细"
     const id = this.$route.params.id
     const id = this.$route.params.id
-    this.getWorkOrder(id)
+    this.$store.commit("updateState", {isShowPageLoading: true});
+    axios.all([this.getWorkOrder(id), this.getComments(id)])
+    .then(axios.spread(() => {
+      this.$store.commit("updateState", {isShowPageLoading: false});
+    }));
   },
   },
   methods: {
   methods: {
     getWorkOrder(id){
     getWorkOrder(id){
-      axios.get("/public/workorder/"+id).then(response => {
+      return axios.get("/public/workorder/"+id).then(response => {
         this.workorder = response.data.data
         this.workorder = response.data.data
         console.log(this.workorder)
         console.log(this.workorder)
       }).catch(error => {
       }).catch(error => {
         console.log(error)
         console.log(error)
       });
       });
+    },
+    getComments(id){
+      return axios.get("/public/workorder/comments/"+id).then(response => {
+        this.comments = response.data.data
+        console.log(this.comments)
+      }).catch(error => {
+        console.log(error)
+      });
     }
     }
   }
   }
 };
 };
 </script>
 </script>
 <style lang="stylus" scoped>
 <style lang="stylus" scoped>
+  .content{
+    padding-top 50px
+    &.hide-header{
+      padding-top 0
+    }
+    .head{
+      margin 0 10px
+      padding 10px 0
+      border-bottom 1px solid rgba(158, 158, 158, 0.13);
+      .con{
+        font-size 15px
+        color #333
+        display flex
+        margin-bottom 8px
+        span{
+          flex-flow 1
+        }
+        span:first-child{
+          flex-flow 0
+          flex-shrink 0
+          width 45px
+        }
+        i{
+          font-style normal
+        }
+      }
   
   
+    }
+  }
 </style>
 </style>