对接手机端

jero-web/src/views/phoneView/processManagement.vue

@@ -10,50 +10,55 @@
     <van-collapse class="collapse" v-model="activeNames">
       <van-collapse-item title="基本信息" name="1">
         <div class="content-box-type">
-          <span class="content-box-left">项目名称</span>
-          <span class="content-box-text">Aries-G1.1-中国台湾-00</span>
+          <span class="content-box-left">{{$t('entryName')}}</span>
+          <span class="content-box-text">{{queryForm.projectName+'-'+queryForm.projectVersion}}</span>
         </div>
         <div class="content-box-type">
-          <span class="content-box-left">法规编号</span>
-          <span class="content-box-text">ISO 16750-4-2003</span>
+          <span class="content-box-left">{{$t('regulationNo')}}</span>
+          <span class="content-box-text">{{queryForm.serialNumber || '--'}}</span>
         </div>
         <div class="content-box-type">
-          <span class="content-box-left">标题</span>
-          <span class="content-box-text">机动车运行安全技术条件</span>
+          <span class="content-box-left">{{$t('title')}}</span>
+          <span class="content-box-text">{{queryForm.title || '--'}}</span>
         </div>
         <div class="content-box-type">
-          <span class="content-box-left">子标题</span>
-          <span class="content-box-text">机动车运行安全技新车型实施日期新车型实施日期新车型实施日期术条件</span>
+          <span class="content-box-left">{{$t('subtitle')}}</span>
+          <span class="content-box-text">{{queryForm.subtitle || '--'}}</span>
         </div>
         <div class="content-box-type">
-          <span class="content-box-left">适用增补件</span>
-          <span class="content-box-text">机动车运行安全技新</span>
+          <span class="content-box-left">{{$t('applicableSupplement')}}</span>
+          <span class="content-box-text">{{queryForm.applicableSupplement || '--'}}</span>
         </div>
       </van-collapse-item>
+
       <van-collapse-item title="任务要求" name="2">
         <div class="content-box-type">
-          <span class="content-box-left">发起人</span>
-          <span class="content-box-text">--</span>
+          <span class="content-box-left">{{$t('Sponsor')}}</span>
+          <span class="content-box-text">{{queryProject[queryData.Sponsor] || '--'}}</span>
         </div>
         <div class="content-box-type">
-          <span class="content-box-left">责任人</span>
-          <span class="content-box-text">--</span>
+          <span class="content-box-left">{{$t('personLiable')}}</span>
+          <span class="content-box-text">{{queryProject[queryData.personLiable] || '--'}}</span>
         </div>
         <div class="content-box-type">
-          <span class="content-box-left">交付日期</span>
-          <span class="content-box-text">2023-10-20</span>
+          <span class="content-box-left">{{$t('deliveryDate')}}</span>
+          <span class="content-box-text">{{queryProject[queryData.DueDate] || '--'}}</span>
+        </div>
+        <div class="content-box-type">
+          <span class="content-box-left">{{$t('typeOfDeliverables')}}</span>
+          <span class="content-box-text">{{queryProject[queryData.typeOfDeliverables] || '--'}}</span>
         </div>
         <div class="content-box-type-text">
-          交付物模板
+          {{$t('deliverableTemplate')}}
         </div>
         <div class="content-box-type-text-one">
           线控底盘技术发展与标准化需求研究报告.pdf
         </div>
         <div class="content-box-type-text">
-          交付物说明
+          {{$t('descriptionDeliverables')}}
         </div>
         <div class="content-box-type-text-Two">
-          这里是交付物说明这里是交付物说明这里是交付物说明这里是交付物说明这里是交付物说明
+          {{queryProject[queryData.remarks] || '--'}}
         </div>
       </van-collapse-item>
       <van-collapse-item title="流程历史" name="3">
@@ -179,27 +184,124 @@
         </van-form>
       </van-collapse-item>
     </van-collapse>
+    <van-overlay :show="show">
+      <van-loading type="spinner">{{$t('loading')}}</van-loading>
+    </van-overlay>
   </div>
 </template>
 
 <script>
+  import { getAction, postAction, deleteAction, downloadFile, putAction } from '@/api/manage'
+  import { mapGetters } from 'vuex'
+
   export default {
     name: 'phoneProcessManagement',
     data() {
       return {
         activeNames: ['1', '2', '3', '4'],
-        form: {}
+        show: false,
+        form: {},
+        url: {
+          urlFrom: 'project/projectLibraryBase/queryById',
+          queryProjectLawsInventoryInfoById: 'project/projectLawsInventoryEO/queryProjectLawsInventoryInfoById',
+          queryTaskDetailByTaskIds: '/task/queryTaskDetailByTaskIds',
+          edit: '/project/projectTaskInventoryDetailEO/edit',
+          dreSubmit: '/project/projectTaskInventoryFeedbackEO/dreSubmit',
+          list: '/project/projectTaskInventoryFeedbackEO/list'
+        },
+        queryForm: {},
+        queryProject: {},
+        queryBy: {}
       }
     },
     mounted() {
       document.title = 'NIO GRP'
+      this.getData(this.$route.query)
     },
     methods: {
+      ...mapGetters(['userInfo']),
       iconClick() {
         this.$router.go(-1)
       },
       onSubmit() {
 
+      },
+
+      getData(row) {
+        this.show = true
+        this.queryData = row
+        this.queryData.isDisplay = JSON.parse(this.queryData.isDisplay)
+        let _this = this
+        this.standardContentList = [
+          {
+            title: this.$t('deliveryDate'),
+            value: this.queryData.DueDate
+          },
+          {
+            title: this.$t('typeOfDeliverables'),
+            value: this.queryData.typeOfDeliverables
+          },
+          {
+            title: this.$t('deliverableTemplate'),
+            value: this.queryData.deliverableTemplate,
+            type: 2
+          },
+          {},
+          {
+            title: this.$t('descriptionDeliverables'),
+            value: this.queryData.remarks
+          }
+        ]
+        if (row.taskIds) {
+          this.queryTaskDetailByTask(function() {
+            _this.queryProjectLawsInventoryInfo()
+          })
+        } else {
+          this.queryBy.projectLibraryId = row.projectLibraryId
+          this.queryBy.id = row.projectTaskInventoryId
+          this.queryProjectLawsInventoryInfo()
+        }
+      },
+      queryTaskDetailByTask(callback) {
+        this.loading = true
+        getAction(this.url.queryTaskDetailByTaskIds, { taskIds: this.queryData.taskIds }).then((res) => {
+          if (res instanceof String) {
+            this.queryBy = JSON.parse(res) || {}
+            callback()
+          } else {
+            this.queryBy = res || {}
+            callback()
+          }
+        })
+      },
+      queryProjectLawsInventoryInfo() {
+        let query = {
+          id: this.queryBy.id,
+          operatorType: 'taskAffirmQuery'
+        }
+        this.queryBy.approvalOpinion = ''
+        this.queryBy.approvalFile = ''
+        getAction(this.url.queryProjectLawsInventoryInfoById, query).then((res) => {
+          if (res.success) {
+            this.queryProject = res.result[0] || {}
+            this.getQueryForm()
+          } else {
+            this.queryProject = {}
+          }
+        })
+      },
+      getQueryForm() {
+        getAction(this.url.urlFrom, { id: this.queryBy.projectLibraryId }).then((res) => {
+          if (res.success) {
+            this.queryForm = res.result[0] || {}
+            if (this.queryProject) {
+              this.queryForm = { ...this.queryForm, ...this.queryProject }
+            }
+            this.show = false
+          } else {
+            this.queryForm = {}
+          }
+        })
       }
     }
   }
@@ -223,6 +325,7 @@
     z-index: 1000;
   }
 
+
   .icon {
     font-size: 0.66rem;
     width: 0.7rem;
@@ -294,7 +397,6 @@
   }
 
   .content-box-type-text {
-    display: inline-block;
     font-size: 0.38rem;
     font-family: PingFang SC-Regular, PingFang SC;
     font-weight: 400;
@@ -303,7 +405,6 @@
   }
 
   .content-box-type-text-one {
-    display: inline-block;
     font-size: 0.38rem;
     font-family: PingFang SC-Regular, PingFang SC;
     font-weight: 400;
@@ -328,6 +429,7 @@
     font-family: PingFang SC-Regular, PingFang SC;
     font-weight: 400;
     color: #040B29;
+    word-break: break-all;
   }
 
   ::v-deep .van-collapse-item__content {
@@ -479,4 +581,23 @@
     font-size: 0.42rem;
     font-weight: 500;
   }
+
+  ::v-deep .van-loading {
+    color: #fff;
+    font-size: 0.36rem;
+  }
+
+  ::v-deep .van-loading__text {
+    color: #fff;
+    font-size: 0.46rem;
+  }
+
+  ::v-deep .van-overlay {
+    z-index: 1001;
+    text-align: center;
+    line-height: 30;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
 </style>