修改项目详情的图表

jero-web/src/views/projectManagement/components/commentList.vue

@@ -9,6 +9,9 @@
       @close="handleCancel"
       :visible="visible">
       <div class="button-box">
+        <j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('comment')"
+                 v-model="commentText"></j-input>
+        <a-button @click="submitQuery" style="margin-right: 8px;" type="primary">{{$t('query')}}</a-button>
         <a-button @click="handleSubmit" type="primary">{{$t('publishComment')}}</a-button>
       </div>
       <div class="comment-box" v-if="dataList && dataList.length > 0">
@@ -29,8 +32,8 @@
               <a-icon type="message"/>
             </div>
           </div>
-          <div class="inside-box" v-if="item.ProjectCommentVOList && item.ProjectCommentVOList.length > 0">
-            <div class="box-content-inside" v-for="(val,indexOne) in item.ProjectCommentVOList" :key="indexOne">
+          <div class="inside-box" v-if="item.projectCommentVOList && item.projectCommentVOList.length > 0">
+            <div class="box-content-inside" v-for="(val,indexOne) in item.projectCommentVOList" :key="indexOne">
               <div class="img-box">
                 <img src="../../../assets/daiban.png" class="img" alt="">
               </div>
@@ -41,7 +44,7 @@
               <div class="box-text-text">
                 {{val.content}}
               </div>
-              <div class="box-icon" @click="messageClick(val)">
+              <div class="box-icon" @click="messageClick(item)">
                 <a-icon type="message"/>
               </div>
             </div>
@@ -99,6 +102,7 @@
         visible: false,
         dataList: [],
         formInline: {},
+        commentText:'',
         loading: false,
         title: this.$t('comment'),
         confirmLoading: false,
@@ -143,6 +147,9 @@
         this.$nextTick(() => {
           this.$refs.ruleForm.clearValidate()
         })
+      },
+      submitQuery(){
+
       },
       getList() {
         this.loading = true
@@ -336,12 +343,6 @@
     line-height: 48px;
   }
 
-  .box-input {
-    display: inline-block;
-    height: 38px;
-    width: 100%;
-  }
-
   .itemModel {
     width: calc(100% - 64px);
     display: inline-block;
@@ -361,4 +362,8 @@
     text-align: center;
     margin-top: 40px;
   }
+  .box-input{
+     width: calc(100% - 168px);
+     margin-right: 8px;
+  }
 </style>