对接任务确认流程

jero-web/src/views/processCenter/components/engineeringConfirmation.vue

@@ -39,21 +39,29 @@
             {{$t('viewFile')}}
          </a>
       </span>
+      <span slot="engineerFeedbackContent" slot-scope="text,result">
+             <a class="text"
+                @click="detailsClick(result)">
+           {{text}}
+         </a>
+      </span>
       <span slot="operation" slot-scope="result">
          <a class="text"
             v-if="$route.query.TaskKey == 'zrrclrw' || $route.query.TaskKey == 'dreDispose'"
             :disabled="!result.createUser"
             @click="edit(result,$t('edit'))">
            {{$t('edit')}}
-         </a>
-         <a class="text"
-            @click="detailsClick(result)">
-           {{$t('details')}}
          </a>
            <a class="text"
               v-if="$route.query.TaskKey == 'zrrclrw'"
-              @click="answerClick(result,$t('replyFromProjectContactPerson'))">
-           {{$t('confirm')}}
+              :disabled="!result.status"
+              @click="confirm(result)">
+             <span v-if="result.status == 'NotDone'">
+               {{$t('confirm')}}
+             </span>
+             <span v-if="result.status == 'haveDone'">
+               {{$t('cancelConfirm')}}
+             </span>
          </a>
          <a class="text"
             v-if="$route.query.TaskKey == 'zrrclrw'"
@@ -167,7 +175,7 @@
     </a-modal>
     <a-modal
       :title="$t('engineeringConfirmationDetails')"
-      :width="600"
+      :width="900"
       :visible="visibleDetails"
       :maskClosable="false"
       @cancel="visibleDetails = false"
@@ -177,57 +185,88 @@
           {{$t('cancel')}}
         </a-button>
       </template>
-      <a-row :gutter="24" style="margin-bottom: 18px">
-        <a-col :span="6">
-          <div class="text-field-left">{{this.$t('feedbackFromTheEngineer')}}:</div>
-        </a-col>
-        <a-col :span="18">
-          <div class="text-field-right">
-            {{formInlineDetails.engineerFeedbackContent}}
+      <div class="engineeringBox">
+        <div style="width: calc(100% - 12px)" v-for="(item,index) in detailsList" v-if="detailsList.length > 0">
+          <div class="title-header-text" v-if="index == 0">
+            {{this.$t('currentInformation')}}
           </div>
-        </a-col>
-      </a-row>
-      <a-row :gutter="24" style="margin-bottom: 18px">
-        <a-col :span="6">
-          <div class="text-field-left">{{this.$t('Deliverables')}}:</div>
-        </a-col>
-        <a-col :span="18">
-          <div v-if="formInlineDetails.fileId" class="text-field-right text-field-cou"
-               @click="viewFileClick(formInlineDetails.fileId)">
-            {{this.$t('viewFile')}}
+          <div class="title-header-text" style="margin-top: 40px" v-if="index == 1">
+            {{this.$t('deliveryHistory')}}
           </div>
-        </a-col>
-      </a-row>
-      <a-row :gutter="24" style="margin-bottom: 18px">
-        <a-col :span="6">
-          <div class="text-field-left">{{this.$t('completedBy')}}:</div>
-        </a-col>
-        <a-col :span="18">
-          <div class="text-field-right">
-            {{formInlineDetails.createBy}}
-          </div>
-        </a-col>
-      </a-row>
-      <a-row :gutter="24" style="margin-bottom: 18px">
-        <a-col :span="6">
-          <div class="text-field-left">{{this.$t('completedTime')}}:</div>
-        </a-col>
-        <a-col :span="18">
-          <div class="text-field-right">
-            {{formInlineDetails.createTime}}
-          </div>
-        </a-col>
-      </a-row>
-      <a-row :gutter="24" style="margin-bottom: 18px">
-        <a-col :span="6">
-          <div class="text-field-left">{{this.$t('replyFromProjectContactPerson')}}:</div>
-        </a-col>
-        <a-col :span="18">
-          <div class="text-field-right">
-            {{formInlineDetails.engineeringInterfacePersonReply}}
-          </div>
-        </a-col>
-      </a-row>
+          <a-row :gutter="24" style="margin-bottom: 18px">
+            <a-col :span="5">
+              <div class="text-field-left">{{this.$t('projectDeliveryRequirements')}}:</div>
+            </a-col>
+            <a-col :span="19">
+              <div class="text-field-right">
+                {{item.deliveryInstructions}}
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24" style="margin-bottom: 18px">
+            <a-col :span="5">
+              <div class="text-field-left">{{this.$t('feedbackFromTheEngineer')}}:</div>
+            </a-col>
+            <a-col :span="19">
+              <div class="text-field-right">
+                {{item.engineerFeedbackContent}}
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24" style="margin-bottom: 18px">
+            <a-col :span="5">
+              <div class="text-field-left">{{this.$t('Deliverables')}}:</div>
+            </a-col>
+            <a-col :span="19">
+              <div v-if="item.fileId" class="text-field-right text-field-cou"
+                   @click="viewFileClick(item.fileId)">
+                {{this.$t('viewUploadedFiles')}}
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24" style="margin-bottom: 18px">
+            <a-col :span="5">
+              <div class="text-field-left">{{this.$t('completedBy')}}:</div>
+            </a-col>
+            <a-col :span="7">
+              <div class="text-field-right">
+                {{item.createBy}}
+              </div>
+            </a-col>
+            <a-col :span="5">
+              <div class="text-field-left">{{this.$t('completedTime')}}:</div>
+            </a-col>
+            <a-col :span="7">
+              <div class="text-field-right">
+                {{item.createTime}}
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24" style="margin-bottom: 18px">
+            <a-col :span="5">
+              <div class="text-field-left">{{this.$t('replyFromProjectContactPerson')}}:</div>
+            </a-col>
+            <a-col :span="19">
+              <div class="text-field-right">
+                {{item.engineeringInterfacePersonReply}}
+              </div>
+            </a-col>
+          </a-row>
+        </div>
+        <div class="noData">
+          {{this.$t('noData')}}
+        </div>
+      </div>
+      <div class="page" v-if="detailsList.length > 0">
+        <a-pagination
+          :show-total="total => $t('total')+` ${total} `+$t('strip')"
+          show-quick-jumper
+          :page-size.sync="pageSize"
+          :total="total"
+          @change="pageOnChange"
+        />
+      </div>
+      <JLoading :loading="pageLoading">{{$t('dataLoading')}}</JLoading>
     </a-modal>
     <a-modal
       :title="$t('reminderHandling')"
@@ -277,8 +316,12 @@
       return {
         loading: false,
         visibleFile: false,
+        pageLoading: false,
         dataSource: [],
         dataSourceTable: [],
+        pageSize: 10,
+        pageNo: 1,
+        total: 0,
         distributionEngineerList: [],
         columnsTable: [
           {
@@ -367,7 +410,8 @@
             title: this.$t('feedbackFromTheEngineer'),
             dataIndex: 'engineerFeedbackContent',
             align: 'center',
-            ellipsis: true
+            ellipsis: true,
+            scopedSlots: { customRender: 'engineerFeedbackContent' }
           },
           {
             title: this.$t('Deliverables'),
@@ -385,10 +429,11 @@
           {
             title: this.$t('operation'),
             align: 'center',
-            width: 200,
+            width: 300,
             scopedSlots: { customRender: 'operation' }
           }
         ],
+        detailsList: [],
         url: {
           list: '/project/projectTaskInventoryFeedbackEO/list',
           add: '/project/projectTaskInventoryFeedbackEO/add',
@@ -396,7 +441,9 @@
           deleted: '/project/projectTaskInventoryFeedbackEO/delete',
           DetailEOAdd: '/project/projectTaskInventoryDetailEO/add',
           queryByActiProcInstId: '/project/projectTaskInventoryDetailEO/queryByActiProcInstId',
-          remindDispose: '/project/projectTaskInventoryEO/remindDispose'
+          remindDispose: '/project/projectTaskInventoryEO/remindDispose',
+          page: '/project/feedbackHistory/page',
+          confirmEdit: '/project/projectTaskInventoryDetailEO/edit'
         }
       }
     },
@@ -404,6 +451,10 @@
       this.getList()
     },
     methods: {
+      pageOnChange(page, pageSize) {
+        this.pageNo = page
+        this.getList()
+      },
       handleOk() {
         this.$refs.ruleForm.validate(valid => {
           if (valid) {
@@ -482,6 +533,34 @@
           this.$refs.ruleForm.validateField()
         })
       },
+      confirm(val) {
+        let _this = this
+        this.$confirm({
+          content: _this.$t('confirmOperation') + '?',
+          onOk() {
+            let query = {}
+            if (val.status == 'NotDone') {
+              query = {
+                id: val.projectTaskInventoryId,
+                status: 'haveDone'
+              }
+            } else {
+              query = {
+                id: val.projectTaskInventoryId,
+                status: 'NotDone'
+              }
+            }
+            putAction(_this.url.confirmEdit, query).then((res) => {
+              if (res.success) {
+                _this.$message.success(_this.$t('OperationSuccessful'))
+                _this.getList()
+              } else {
+                _this.$message.warning(_this.$t('operationFailed'))
+              }
+            })
+          }
+        })
+      },
       reminderHandling() {
         this.visibleTable = true
         this.getReminderHandlingList()
@@ -526,8 +605,25 @@
         })
       },
       detailsClick(val) {
-        this.formInlineDetails = val || {}
         this.visibleDetails = true
+        this.getDetails(val)
+      },
+      getDetails(row) {
+        let query = {
+          pageNo: this.pageNo,
+          pageSize: this.pageSize,
+          feedbackId: row.id
+        }
+        this.pageLoading = true
+        getAction(this.url.page, query).then((res) => {
+          if (res.success) {
+            this.detailsList = res.result.records || []
+            this.total = res.result.total
+            this.pageLoading = false
+          } else {
+            this.pageLoading = false
+          }
+        })
       },
       PersonnelSelectionChange(value, id) {
         this.formInline[value] = id
@@ -754,4 +850,28 @@
     color: #00B3BE;
     cursor: pointer;
   }
+
+  .engineeringBox {
+    width: 100%;
+    max-height: 600px;
+    overflow: auto;
+  }
+
+  .title-header-text {
+    font-size: 16px;
+    font-weight: 400;
+    color: #000F16;
+    margin-bottom: 30px;
+  }
+
+  .page {
+    text-align: right;
+    margin-top: 20px;
+  }
+
+  .noData {
+    height: 200px;
+    line-height: 200px;
+    text-align: center;
+  }
 </style>