From 974b25c47ec60f4d4246247a34307db8dd491538 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8C=83=E5=BC=BA=E5=BC=BA?= <787203167>
Date: Tue, 24 Oct 2023 17:47:34 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9UAT=E6=8F=90=E5=87=BA?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ProjectDetails.vue             |   4 +
 .../components/nonConformance.vue             | 971 +++++++++---------
 .../components/projectStatus.vue              |  18 +-
 .../moudles/addModel.vue                      | 140 ++-
 .../moudles/detilModel.vue                    |  85 +-
 5 files changed, 707 insertions(+), 511 deletions(-)

diff --git a/jero-web/src/views/projectManagement/components/ProjectDetails.vue b/jero-web/src/views/projectManagement/components/ProjectDetails.vue
index ea759280f..577cbc4b8 100644
--- a/jero-web/src/views/projectManagement/components/ProjectDetails.vue
+++ b/jero-web/src/views/projectManagement/components/ProjectDetails.vue
@@ -167,6 +167,7 @@
       </div>
     </div>
     <projectStatus ref="projectStatusRef"
+                   :queryForm="queryForm"
                    @currentStatus="currentStatus"
                    @projectStatusForm="projectStatusForm"/>
     <versionStatistics ref="versionStatisticsRef" @versionStatisticsForm="versionStatisticsForm"/>
@@ -239,6 +240,9 @@
           if (res.success) {
             this.cut = res.cut
             this.queryForm = res.result[0] || {}
+            if (this.$refs.projectStatusRef){
+              this.$refs.projectStatusRef.getData(this.queryForm)
+            }
             if (this.cut == 'en') {
               this.queryForm.brandText = this.queryForm.brandTextEn
             } else {
diff --git a/jero-web/src/views/projectManagement/components/nonConformance.vue b/jero-web/src/views/projectManagement/components/nonConformance.vue
index 808cc8872..421b11d3f 100644
--- a/jero-web/src/views/projectManagement/components/nonConformance.vue
+++ b/jero-web/src/views/projectManagement/components/nonConformance.vue
@@ -149,7 +149,8 @@
         <!--           </a>-->
         <!--        </span>-->
         <div slot="CertificationProgress" slot-scope="text,result">
-             <span v-if="result.problemState == $t('red')" class="box-content-Progress box-content-cou nonConformityColor"
+             <span v-if="result.problemState == $t('red')"
+                   class="box-content-Progress box-content-cou nonConformityColor"
                    :style="{'width':long=='zh-cn'?'90px' : '120px'}"
              >
               {{result.problemState ? result.problemState : ''}}
@@ -165,19 +166,22 @@
               {{result.problemState ? result.problemState : ''}}
              </span>
         </div>
-<!--        <span slot="problemType" slot-scope="text,result">-->
-<!--                   <span>{{result.flag== 'NEW'?result.problemType_dictText:result.problemType}}</span>-->
-<!--                </span>-->
+        <!--        <span slot="problemType" slot-scope="text,result">-->
+        <!--                   <span>{{result.flag== 'NEW'?result.problemType_dictText:result.problemType}}</span>-->
+        <!--                </span>-->
         <span slot="operation" slot-scope="text,record">
           <a class="text-operation" v-has="'ncrTrack:check'"
              @click="detil(record)">
                 {{ $t('See') }}
               </a>
-          <a class="text-operation" v-if="record.flag == 'NEW' && record.createBy == userInfo().username" v-has="'ncrTrack:edit'"
+          <a class="text-operation" v-if="record.flag == 'NEW' && record.createBy == userInfo().username"
+             v-has="'ncrTrack:edit'"
              @click="edit(record)">
                 {{ $t('edit') }}
               </a>
-              <a class="text-operation" v-if="record.flag == 'NEW' && (record.administrator == 'true' || record.createBy == userInfo().username)" v-has="'ncrTrack:delete'"
+              <a class="text-operation"
+                 v-if="record.flag == 'NEW' && (record.administrator == 'true' || record.createBy == userInfo().username)"
+                 v-has="'ncrTrack:delete'"
                  @click="deleteLib(record)">
                 {{ $t('deleteLib') }}
               </a>
@@ -203,500 +207,513 @@
 </template>
 
 <script>
-import { getAction, postAction, downloadFile, deleteAction ,downloadFilePost} from '@/api/manage'
-import PersonnelSelection from '@/components/PersonnelSelection/index'
-import designCompliance from '../../toDoCenter/projectRegulationTasks/components/designCompliance'
-import store from '@/store/'
-import addModel from './addModelconformance'
-import moment from 'moment'
-import detilModel from './detilModel'
-import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
-import { mapGetters } from 'vuex'
+  import { getAction, postAction, downloadFile, deleteAction, downloadFilePost } from '@/api/manage'
+  import PersonnelSelection from '@/components/PersonnelSelection/index'
+  import designCompliance from '../../toDoCenter/projectRegulationTasks/components/designCompliance'
+  import store from '@/store/'
+  import addModel from './addModelconformance'
+  import moment from 'moment'
+  import detilModel from './detilModel'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
+  import { mapGetters } from 'vuex'
 
-export default {
-  name: 'projectNonConformance',
-  components: {
-    PersonnelSelection,
-    addModel,
-    detilModel,
-    designCompliance
-  },
-  mixins:[ResizeHeader, ResizeColumnProvide],
-  data() {
-    return {
-      queryParam: {},
-      loading: false,
-      dataSource: [],
-      selectedRowKeys: [],
-      projectNameList: [],
-      firstLevelDutyTerritoryList:[],
-      ProblemstateList:[this.$t('red'),this.$t('yellow'),this.$t('green'),],
-      // CertificationColor: {
-      //   $t('red'): 'nonConformityColor',
-      //   $t('green'): 'accordColor',
-      //   $t('yellow'): 'TrackedColor',
-      // },
-      toggleSearchStatus: false,
-      columns: [
-        {
-          title: this.$t('title'),
-          align: 'left',
-          dataIndex: 'title',
-          width: 170,
-          sorter:true,
-          ellipsis: true
-        },
-        {
-          title: this.$t('Relevantlawsregulations'),
-          align: 'left',
-          dataIndex: 'lawsName',
-          width: 170,
-          sorter:true,
-          ellipsis: true
-        },
-        {
-          title: this.$t('RelatedItems'),
-          align: 'left',
-          dataIndex: 'projectName',
-          width: 170,
-          sorter:true,
-          ellipsis: true
-        },
-        {
-          title: this.$t('problemType'),
-          align: 'left',
-          dataIndex: 'problemType_dictText',
-          width: 170,
-          sorter:true,
-          ellipsis: true,
-          scopedSlots: { customRender: 'problemType' }
-        },
-        {
-          title: this.$t('statisticalNodes'),
-          align: 'left',
-          dataIndex: 'dutyTerritory',
-          width: 100,
-          sorter:true,
-          ellipsis: true
-        },
-        {
-          title: this.$t('creator'),
-          align: 'left',
-          dataIndex: 'createBy',
-          width: 100,
-          sorter:true,
-          ellipsis: true
-        },
-        {
-          title: this.$t('Problemstate'),
-          align: 'left',
-          dataIndex: 'problemState',
-          width: 120,
-          sorter:true,
-          ellipsis: true,
-          scopedSlots: { customRender: 'CertificationProgress' }
-        },
-        {
-          title: this.$t('createTime'),
-          align: 'left',
-          dataIndex: 'createTime',
-          sorter:true,
-          width: 180
-        },
-        {
-          title: this.$t('updateTime'),
-          align: 'left',
-          dataIndex: 'updateTime',
-          sorter:true,
-          width: 180
-        },
-        {
-          title: this.$t('operation'),
-          align: 'left',
-          fixed: 'right',
-          width: localStorage.getItem('language') == 'zh-cn' ? 160 : 180,
-          scopedSlots: { customRender: 'operation' }
-        }
-      ],
-      total: 0,
-      pageSize: 10,
-      pageNo: 1,
-      orderBy: '1',
-      orderByField: '',
-      long: '',
-      isPersonnelSelection:true,
-      url: {
-        page: '/project/projectLawsInventoryEO/queryNotComplianList',
-        exportData: '/project/projectLawsInventoryEO/exportNotComplianList'
-      },
-      content: []
-    }
-  },
-  created() {
-    if (store.getters.userInfo) {
-      this.$socketPublic.dispatch('webSocketInit')//初始化ws
-    }
-  },
-  mounted() {
-    this.long = localStorage.getItem('language') || 'zh-cn'
-    this.getList()
-    this.getNameList()
-    this.getFirstLevelDutyTerritory()
-  },
-  watch: {
-    '$socketPublic.state.msg': {
-      //处理接收到的消息
-      handler: function(res) {
-        let that = this
-        let data = JSON.parse(res.data)
-        if (data.msgId) {
-          this.getList()
-        }
-      }
-    }
-  },
-  methods: {
-    ...mapGetters(['userInfo']),
-    getFirstLevelDutyTerritory() {
-      getAction('/sys/dictItem/getFirstLevelDutyTerritory', {}).then((res) => {
-        if (res.success) {
-          this.firstLevelDutyTerritoryList = res.result
-        } else {
-          this.firstLevelDutyTerritoryList = []
-        }
-      })
+  export default {
+    name: 'projectNonConformance',
+    components: {
+      PersonnelSelection,
+      addModel,
+      detilModel,
+      designCompliance
     },
-    getNameList() {
-      getAction('/project/projectNameInfoEO/queryProjectNameList', {}).then((res) => {
-        if (res.success) {
-          this.projectNameList = res.result || []
-        } else {
-          this.projectNameList = []
-        }
-      })
-    },
-    handleToggleSearch() {
-      this.toggleSearchStatus = !this.toggleSearchStatus
-    },
-    searchQuery() {
-      this.pageNo = 1
-      this.getList()
-    },
-    addModelForm(){
-      this.getList()
-    },
-    onSelectChange(value) {
-      this.content = []
-      this.selectedRowKeys = value
-      if (this.selectedRowKeys && this.selectedRowKeys.length > 0) {
-        this.dataSource.forEach(res => {
-          this.selectedRowKeys.forEach(val => {
-            if (res.uuid == val) {
-              this.content.push({
-                id: res.id || res.uuid,
-                flowType: res.flowType
-              })
-            }
-          })
-        })
-      }
-    },
-    searchReset() {
-      this.isPersonnelSelection = false
-      this.$nextTick(()=>{
-        this.isPersonnelSelection = true
-      })
-      this.pageNo = 1
-      this.queryParam = {}
-      this.getList()
-    },
-    pageOnChange(page, pageSize) {
-      this.pageNo = page
-      this.getList()
-    },
-    SizeChange(page, pageSize) {
-      this.pageNo = 1
-      this.pageSize = pageSize
-      this.getList()
-    },
-    tableOnChange(pagination, filters, sorter) {
-      this.orderBy = sorter.order == 'ascend' ? '1' : '2'
-      this.orderByField = sorter.columnKey
-      this.getList()
-    },
-    onChange(value){
-      console.log(value)
-      this.queryParam.problemType_dictText = value
-    },
-    getList() {
-      if(this.queryParam.problemType_dictText){
-        delete this.queryParam.problemType
-      }
-      let query = {
-        pageNo: this.pageNo,
-        pageSize: this.pageSize,
-        orderBy: this.orderBy,
-        orderByField: this.orderByField,
-        projectLibraryId: this.$route.query.id,
-        projectName:this.$route.query.projectName,
-        ...this.queryParam
-      }
-      this.loading = true
-      getAction(this.url.page, query).then((res) => {
-        if (res.success) {
-          if (res.result.current > 1 && res.result.records.length == 0) {
-            this.pageNo = 1
-            this.getList()
-            return
+    props: ['queryForm'],
+    mixins: [ResizeHeader, ResizeColumnProvide],
+    data() {
+      return {
+        queryParam: {},
+        loading: false,
+        dataSource: [],
+        selectedRowKeys: [],
+        projectNameList: [],
+        firstLevelDutyTerritoryList: [],
+        ProblemstateList: [this.$t('red'), this.$t('yellow'), this.$t('green')],
+        // CertificationColor: {
+        //   $t('red'): 'nonConformityColor',
+        //   $t('green'): 'accordColor',
+        //   $t('yellow'): 'TrackedColor',
+        // },
+        toggleSearchStatus: false,
+        columns: [
+          {
+            title: this.$t('title'),
+            align: 'left',
+            dataIndex: 'title',
+            width: 170,
+            sorter: true,
+            ellipsis: true
+          },
+          {
+            title: this.$t('Relevantlawsregulations'),
+            align: 'left',
+            dataIndex: 'lawsName',
+            width: 170,
+            sorter: true,
+            ellipsis: true
+          },
+          {
+            title: this.$t('RelatedItems'),
+            align: 'left',
+            dataIndex: 'projectName',
+            width: 170,
+            sorter: true,
+            ellipsis: true
+          },
+          {
+            title: this.$t('problemType'),
+            align: 'left',
+            dataIndex: 'problemType_dictText',
+            width: 170,
+            sorter: true,
+            ellipsis: true,
+            scopedSlots: { customRender: 'problemType' }
+          },
+          {
+            title: this.$t('statisticalNodes'),
+            align: 'left',
+            dataIndex: 'dutyTerritory',
+            width: 100,
+            sorter: true,
+            ellipsis: true
+          },
+          {
+            title: this.$t('creator'),
+            align: 'left',
+            dataIndex: 'createBy',
+            width: 100,
+            sorter: true,
+            ellipsis: true
+          },
+          {
+            title: this.$t('Problemstate'),
+            align: 'left',
+            dataIndex: 'problemState',
+            width: 120,
+            sorter: true,
+            ellipsis: true,
+            scopedSlots: { customRender: 'CertificationProgress' }
+          },
+          {
+            title: this.$t('createTime'),
+            align: 'left',
+            dataIndex: 'createTime',
+            sorter: true,
+            width: 180
+          },
+          {
+            title: this.$t('updateTime'),
+            align: 'left',
+            dataIndex: 'updateTime',
+            sorter: true,
+            width: 180
+          },
+          {
+            title: this.$t('operation'),
+            align: 'left',
+            fixed: 'right',
+            width: localStorage.getItem('language') == 'zh-cn' ? 160 : 180,
+            scopedSlots: { customRender: 'operation' }
           }
-          this.dataSource = res.result.records || []
-          this.total = res.result.total
-          this.loading = false
-        } else {
-          this.dataSource = []
-          this.loading = false
-        }
-      })
-    },
-    handleAdd(){
-      this.$refs.addModelRef.add()
-    },
-    edit(record){
-      this.$refs.addModelRef.edit(JSON.parse(JSON.stringify(record)))
-    },
-    detil(record){
-      if(record.flag == 'NEW'){
-        this.$refs.detilModelRef.edit(JSON.parse(JSON.stringify(record)))
-      }else{
-        this.designFlowStatusClick(record)
+        ],
+        total: 0,
+        pageSize: 10,
+        pageNo: 1,
+        orderBy: '1',
+        orderByField: '',
+        long: '',
+        isPersonnelSelection: true,
+        url: {
+          page: '/project/projectLawsInventoryEO/queryNotComplianList',
+          exportData: '/project/projectLawsInventoryEO/exportNotComplianList'
+        },
+        content: [],
+        numberPlatform: '',
+        carPlatform: ''
       }
     },
-    deleteLib(record){
-      let _this = this
-      this.$confirm({
-        content: _this.$t('ConfirmDelete'),
-        onOk() {
-          deleteAction('/project/problemManagementEO/deleteBatch', { ids: record.uuid }).then((res) => {
-            if (res.success) {
-              _this.$message.success(_this.$t('OperationSuccessful'))
-              _this.getList()
-            } else {
-              _this.$message.warning(res.message)
-            }
+    created() {
+      if (store.getters.userInfo) {
+        this.$socketPublic.dispatch('webSocketInit')//初始化ws
+      }
+    },
+    mounted() {
+      this.long = localStorage.getItem('language') || 'zh-cn'
+      // this.getList()
+      this.getNameList()
+      this.getFirstLevelDutyTerritory()
+    },
+    watch: {
+      '$socketPublic.state.msg': {
+        //处理接收到的消息
+        handler: function(res) {
+          let that = this
+          let data = JSON.parse(res.data)
+          if (data.msgId) {
+            this.getList()
+          }
+        }
+      }
+    },
+    methods: {
+      ...mapGetters(['userInfo']),
+      getData(data) {
+        this.carPlatform = data.vehiclePlatform
+        this.numberPlatform = data.digitalPlatform
+        this.getList()
+      },
+      getFirstLevelDutyTerritory() {
+        getAction('/sys/dictItem/getFirstLevelDutyTerritory', {}).then((res) => {
+          if (res.success) {
+            this.firstLevelDutyTerritoryList = res.result
+          } else {
+            this.firstLevelDutyTerritoryList = []
+          }
+        })
+      },
+      getNameList() {
+        getAction('/project/projectNameInfoEO/queryProjectNameList', {}).then((res) => {
+          if (res.success) {
+            this.projectNameList = res.result || []
+          } else {
+            this.projectNameList = []
+          }
+        })
+      },
+      handleToggleSearch() {
+        this.toggleSearchStatus = !this.toggleSearchStatus
+      },
+      searchQuery() {
+        this.pageNo = 1
+        this.getList()
+      },
+      addModelForm() {
+        this.getList()
+      },
+      onSelectChange(value) {
+        this.content = []
+        this.selectedRowKeys = value
+        if (this.selectedRowKeys && this.selectedRowKeys.length > 0) {
+          this.dataSource.forEach(res => {
+            this.selectedRowKeys.forEach(val => {
+              if (res.uuid == val) {
+                this.content.push({
+                  id: res.id || res.uuid,
+                  flowType: res.flowType
+                })
+              }
+            })
           })
         }
-      })
-    },
-    handleExport() {
-      let query = {
-        ...this.queryParam,
-        ncrTrackVOList: this.content,
-        projectLibraryId: this.$route.query.id,
-        projectName:this.$route.query.projectName,
-      }
-      let date = moment(new Date()).format('YYYY-MM-DD')
-      downloadFilePost(this.url.exportData, this.$t('Problemanagement') + date + '.zip', query, this.Deselect)
-    },
-    Deselect() {
-      this.selectedRowKeys = []
-    },
-    PersonnelSelectionChange(value, id) {
-      this.queryParam[value] = id
-      this.queryParam = { ...this.queryParam }
-      console.log(this.queryParam)
-    },
+      },
+      searchReset() {
+        this.isPersonnelSelection = false
+        this.$nextTick(() => {
+          this.isPersonnelSelection = true
+        })
+        this.pageNo = 1
+        this.queryParam = {}
+        this.getList()
+      },
+      pageOnChange(page, pageSize) {
+        this.pageNo = page
+        this.getList()
+      },
+      SizeChange(page, pageSize) {
+        this.pageNo = 1
+        this.pageSize = pageSize
+        this.getList()
+      },
+      tableOnChange(pagination, filters, sorter) {
+        this.orderBy = sorter.order == 'ascend' ? '1' : '2'
+        this.orderByField = sorter.columnKey
+        this.getList()
+      },
+      onChange(value) {
+        console.log(value)
+        this.queryParam.problemType_dictText = value
+      },
+      getList() {
+        if (this.queryParam.problemType_dictText) {
+          delete this.queryParam.problemType
+        }
+        let query = {
+          pageNo: this.pageNo,
+          pageSize: this.pageSize,
+          orderBy: this.orderBy,
+          orderByField: this.orderByField,
+          projectLibraryId: this.$route.query.id,
+          projectName: this.$route.query.projectName,
+          carPlatform: this.carPlatform,
+          numberPlatform: this.numberPlatform,
+          ...this.queryParam
+        }
+        this.loading = true
+        getAction(this.url.page, query).then((res) => {
+          if (res.success) {
+            if (res.result.current > 1 && res.result.records.length == 0) {
+              this.pageNo = 1
+              this.getList()
+              return
+            }
+            this.dataSource = res.result.records || []
+            this.total = res.result.total
+            this.loading = false
+          } else {
+            this.dataSource = []
+            this.loading = false
+          }
+        })
+      },
+      handleAdd() {
+        this.$refs.addModelRef.add()
+      },
+      edit(record) {
+        this.$refs.addModelRef.edit(JSON.parse(JSON.stringify(record)))
+      },
+      detil(record) {
+        if (record.flag == 'NEW') {
+          this.$refs.detilModelRef.edit(JSON.parse(JSON.stringify(record)))
+        } else {
+          this.designFlowStatusClick(record)
+        }
+      },
+      deleteLib(record) {
+        let _this = this
+        this.$confirm({
+          content: _this.$t('ConfirmDelete'),
+          onOk() {
+            deleteAction('/project/problemManagementEO/deleteBatch', { ids: record.uuid }).then((res) => {
+              if (res.success) {
+                _this.$message.success(_this.$t('OperationSuccessful'))
+                _this.getList()
+              } else {
+                _this.$message.warning(res.message)
+              }
+            })
+          }
+        })
+      },
+      handleExport() {
+        let query = {
+          ...this.queryParam,
+          ncrTrackVOList: this.content,
+          projectLibraryId: this.$route.query.id,
+          projectName: this.$route.query.projectName
+        }
+        let date = moment(new Date()).format('YYYY-MM-DD')
+        downloadFilePost(this.url.exportData, this.$t('Problemanagement') + date + '.zip', query, this.Deselect)
+      },
+      Deselect() {
+        this.selectedRowKeys = []
+      },
+      PersonnelSelectionChange(value, id) {
+        this.queryParam[value] = id
+        this.queryParam = { ...this.queryParam }
+        console.log(this.queryParam)
+      },
 
-    //流程状态点击事件
-    designFlowStatusClick(row, name) {
-      let query = {}
-      let TaskKey = ''
-      if (row.flowType == '2') {
-        if (row.flowStatus == 'Task to be confirmed' || row.flowStatus == 'Duty Person Rejected') {
-          TaskKey = 'zrrqr'
-        } else if (row.flowStatus == 'Results to be submitted' || row.flowStatus == 'Non-Compliance' ||row.flowStatus == 'To be tracked') {
-          TaskKey = 'zrrtjjfw'
-        } else if (row.flowStatus == 'Results to be reviewed' ||
-          row.flowStatus == 'Compliance' ||
-          row.flowStatus == 'NA') {
-          TaskKey = 'fggcssh'
+      //流程状态点击事件
+      designFlowStatusClick(row, name) {
+        let query = {}
+        let TaskKey = ''
+        if (row.flowType == '2') {
+          if (row.flowStatus == 'Task to be confirmed' || row.flowStatus == 'Duty Person Rejected') {
+            TaskKey = 'zrrqr'
+          } else if (row.flowStatus == 'Results to be submitted' || row.flowStatus == 'Non-Compliance' || row.flowStatus == 'To be tracked') {
+            TaskKey = 'zrrtjjfw'
+          } else if (row.flowStatus == 'Results to be reviewed' ||
+            row.flowStatus == 'Compliance' ||
+            row.flowStatus == 'NA') {
+            TaskKey = 'fggcssh'
+          }
+          query = {
+            actiProcInstId: row.actiProcInstId,
+            projectTaskInventoryId: row.id,
+            projectLibraryId: this.$route.query.id,
+            TaskKey: TaskKey,
+            isDisplay: false,
+            flowType: row.flowType,
+            Sponsor: 'regulationOwnerName',
+            personLiable: 'designDutyIdName',
+            typeOfDeliverables: 'designDeliverableTypeName',
+            deliverableTemplate: 'designDeliverableTemplate',
+            DueDate: 'designDueDate',
+            remarks: 'designRemark'
+          }
+        } else if (row.flowType == '4') {
+          if (row.flowStatus == 'Task to be confirmed' || row.flowStatus == 'Duty Person Rejected') {
+            TaskKey = 'zrrqr'
+          } else if (row.flowStatus == 'Results to be submitted' || row.flowStatus == 'Non-Compliance' || row.flowStatus == 'To be tracked') {
+            TaskKey = 'zrrtjjfw'
+          } else if (row.flowStatus == 'Results to be reviewed' ||
+            row.flowStatus == 'Compliance' ||
+            row.flowStatus == 'NA') {
+            TaskKey = 'fggcssh'
+          }
+          query = {
+            actiProcInstId: row.actiProcInstId,
+            projectTaskInventoryId: row.id,
+            projectLibraryId: this.$route.query.id,
+            TaskKey: TaskKey,
+            flowType: row.flowType,
+            isDisplay: false,
+            Sponsor: 'regulationOwnerName',
+            personLiable: 'verifyDutyIdName',
+            typeOfDeliverables: 'verifyDeliverableTypeName',
+            deliverableTemplate: 'verifyDeliverableTemplate',
+            DueDate: 'verifyDueDate',
+            remarks: 'verifyRemark'
+          }
         }
-        query = {
-          actiProcInstId: row.actiProcInstId,
-          projectTaskInventoryId: row.id,
-          projectLibraryId: this.$route.query.id,
-          TaskKey: TaskKey,
-          isDisplay: false,
-          flowType: row.flowType,
-          Sponsor: 'regulationOwnerName',
-          personLiable: 'designDutyIdName',
-          typeOfDeliverables: 'designDeliverableTypeName',
-          deliverableTemplate: 'designDeliverableTemplate',
-          DueDate: 'designDueDate',
-          remarks: 'designRemark',
+        this.$refs.designComplianceRef.getList(JSON.parse(JSON.stringify(query)), row.flowTypeName)
+      },
+      standardClick(val) {
+        let num = val.prcType
+        let query = {
+          taskIds: val.taskId,
+          projectTaskInventoryId: val.projectLawsInventoryId,
+          projectLibraryId: val.projectLibraryId,
+          projectName: val.projectName,
+          id: val.projectLibraryId,
+          serialNumber: val.serialNumber,
+          actiProcInstId: val.prcId,
+          primaryKeyId: val.projectTaskInventoryDetailId,
+          TaskKey: val.taskDefinitionKey,
+          isDisplay: val.status == 'NotDone' ? true : false
         }
-      } else if(row.flowType == '4'){
-        if (row.flowStatus == 'Task to be confirmed' || row.flowStatus == 'Duty Person Rejected') {
-          TaskKey = 'zrrqr'
-        } else if (row.flowStatus == 'Results to be submitted' || row.flowStatus == 'Non-Compliance' ||row.flowStatus == 'To be tracked') {
-          TaskKey = 'zrrtjjfw'
-        } else if (row.flowStatus == 'Results to be reviewed' ||
-          row.flowStatus == 'Compliance' ||
-          row.flowStatus == 'NA') {
-          TaskKey = 'fggcssh'
-        }
-        query = {
-          actiProcInstId: row.actiProcInstId,
-          projectTaskInventoryId: row.id,
-          projectLibraryId: this.$route.query.id,
-          TaskKey: TaskKey,
-          flowType: row.flowType,
-          isDisplay: false,
-          Sponsor: 'regulationOwnerName',
-          personLiable: 'verifyDutyIdName',
-          typeOfDeliverables: 'verifyDeliverableTypeName',
-          deliverableTemplate: 'verifyDeliverableTemplate',
-          DueDate: 'verifyDueDate',
-          remarks: 'verifyRemark',
+        switch (num) {
+          case '2':
+            query.flowType = 2
+            query.Sponsor = 'designInitiatorName'
+            query.personLiable = 'designDutyName'
+            query.typeOfDeliverables = 'designDeliverableTypeName'
+            query.deliverableTemplate = 'designDeliverableTemplate'
+            query.DueDate = 'designDueDate'
+            query.remarks = 'designRemark'
+            break
+          case '3':
+            query.flowType = 3
+            query.Sponsor = 'prehomoInitiatorName'
+            query.personLiable = 'prehomoDutyName'
+            query.typeOfDeliverables = 'prehomoDeliverableTypeName'
+            query.deliverableTemplate = 'prehomoDeliverableTemplate'
+            query.DueDate = 'prehomoDueDate'
+            query.remarks = 'prehomoRemark'
+            break
+          case '4':
+            query.flowType = 4
+            query.Sponsor = 'verifyInitiatorName'
+            query.personLiable = 'verifyDutyName'
+            query.typeOfDeliverables = 'verifyDeliverableTypeName'
+            query.deliverableTemplate = 'verifyDeliverableTemplate'
+            query.DueDate = 'verifyDueDate'
+            query.remarks = 'verifyRemark'
+            break
         }
+        let newUrl = this.$router.resolve({
+          path: '/taskListProcess',
+          query: query
+        })
+        window.open(newUrl.href, '_blank')
       }
-      this.$refs.designComplianceRef.getList(JSON.parse(JSON.stringify(query)), row.flowTypeName)
-    },
-    standardClick(val) {
-      let num = val.prcType
-      let query = {
-        taskIds: val.taskId,
-        projectTaskInventoryId: val.projectLawsInventoryId,
-        projectLibraryId: val.projectLibraryId,
-        projectName: val.projectName,
-        id: val.projectLibraryId,
-        serialNumber: val.serialNumber,
-        actiProcInstId: val.prcId,
-        primaryKeyId: val.projectTaskInventoryDetailId,
-        TaskKey: val.taskDefinitionKey,
-        isDisplay: val.status == 'NotDone' ? true : false
-      }
-      switch (num) {
-        case '2':
-          query.flowType = 2
-          query.Sponsor = 'designInitiatorName'
-          query.personLiable = 'designDutyName'
-          query.typeOfDeliverables = 'designDeliverableTypeName'
-          query.deliverableTemplate = 'designDeliverableTemplate'
-          query.DueDate = 'designDueDate'
-          query.remarks = 'designRemark'
-          break
-        case '3':
-          query.flowType = 3
-          query.Sponsor = 'prehomoInitiatorName'
-          query.personLiable = 'prehomoDutyName'
-          query.typeOfDeliverables = 'prehomoDeliverableTypeName'
-          query.deliverableTemplate = 'prehomoDeliverableTemplate'
-          query.DueDate = 'prehomoDueDate'
-          query.remarks = 'prehomoRemark'
-          break
-        case '4':
-          query.flowType = 4
-          query.Sponsor = 'verifyInitiatorName'
-          query.personLiable = 'verifyDutyName'
-          query.typeOfDeliverables = 'verifyDeliverableTypeName'
-          query.deliverableTemplate = 'verifyDeliverableTemplate'
-          query.DueDate = 'verifyDueDate'
-          query.remarks = 'verifyRemark'
-          break
-      }
-      let newUrl = this.$router.resolve({
-        path: '/taskListProcess',
-        query: query
-      })
-      window.open(newUrl.href, '_blank')
     }
   }
-}
 </script>
 <style scoped>
-@import '~@assets/less/common.less';
+  @import '~@assets/less/common.less';
 
-.box-title-text {
-  line-height: 1.4;
-  display: flex;
-  align-items: center;
-  margin-bottom: 10px;
-}
+  .box-title-text {
+    line-height: 1.4;
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+  }
 
-.title-text {
-  width: 110px;
-  color: #000F16;
-  display: inline-block;
-  font-weight: 500;
-  font-size: 14px;
-  margin-right: 16px;
-  margin-top: 3px;
-  text-align: right;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
+  .title-text {
+    width: 110px;
+    color: #000F16;
+    display: inline-block;
+    font-weight: 500;
+    font-size: 14px;
+    margin-right: 16px;
+    margin-top: 3px;
+    text-align: right;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 
-.box-input {
-  display: inline-block;
-  width: 70%;
-  height: 38px;
-  margin-top: 2px;
-}
+  .box-input {
+    display: inline-block;
+    width: 70%;
+    height: 38px;
+    margin-top: 2px;
+  }
 
-.box-button {
-  height: 38px;
-  /*margin-top: 2px;*/
-}
+  .box-button {
+    height: 38px;
+    /*margin-top: 2px;*/
+  }
 
-.page {
-  text-align: right;
-  margin-top: 20px;
-}
-.box-content-Progress {
-  width: 78px;
-  height: 32px;
-  display: inline-block;
-  text-align: center;
-  line-height: 32px;
-  border-radius: 4px;
-  background: #f1f3f5;
-  color: #919399;
-}
-.accordColor {
-  background: #dbf6e2;
-  color: #26BD4B;
-}
+  .page {
+    text-align: right;
+    margin-top: 20px;
+  }
 
-.nonConformityColor {
-  background: #f3dddd;
-  color: #E83030;
-}
+  .box-content-Progress {
+    width: 78px;
+    height: 32px;
+    display: inline-block;
+    text-align: center;
+    line-height: 32px;
+    border-radius: 4px;
+    background: #f1f3f5;
+    color: #919399;
+  }
 
-.TrackedColor {
-  background: #f6ebdb;
-  color: #FDA71C;
-}
+  .accordColor {
+    background: #dbf6e2;
+    color: #26BD4B;
+  }
 
-.notInvolvedColor {
-  background: #eef1f4;
-  color: #707486;
-}
+  .nonConformityColor {
+    background: #f3dddd;
+    color: #E83030;
+  }
 
-.submittedColor {
-  color: #00B3BE;
-  background: #ddf3f4;
-}
-.textName {
-  width: 100%;
-  overflow: hidden;
-  display: -webkit-box;
-  text-overflow: ellipsis;
-  /*! autoprefixer: off */
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  /*! autoprefixer: on;*/
-  text-justify: inter-ideograph;
-  word-break: break-all
-}
+  .TrackedColor {
+    background: #f6ebdb;
+    color: #FDA71C;
+  }
+
+  .notInvolvedColor {
+    background: #eef1f4;
+    color: #707486;
+  }
+
+  .submittedColor {
+    color: #00B3BE;
+    background: #ddf3f4;
+  }
+
+  .textName {
+    width: 100%;
+    overflow: hidden;
+    display: -webkit-box;
+    text-overflow: ellipsis;
+    /*! autoprefixer: off */
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    /*! autoprefixer: on;*/
+    text-justify: inter-ideograph;
+    word-break: break-all
+  }
 </style>
\ No newline at end of file
diff --git a/jero-web/src/views/projectManagement/components/projectStatus.vue b/jero-web/src/views/projectManagement/components/projectStatus.vue
index ee34ebcd4..d1fff51e3 100644
--- a/jero-web/src/views/projectManagement/components/projectStatus.vue
+++ b/jero-web/src/views/projectManagement/components/projectStatus.vue
@@ -29,7 +29,8 @@
         <otastatus @currentStatus="currentStatus" :idList="idList" v-if="activeKey == $t('otastatus')"/>
       </a-tab-pane>
       <a-tab-pane :key="$t('Problemanagement')" :tab="$t('Problemanagement')">
-        <nonConformance @currentStatus="currentStatus" v-if="activeKey == $t('Problemanagement')"/>
+        <nonConformance ref="nonConformanceRef" @currentStatus="currentStatus"
+                        v-if="activeKey == $t('Problemanagement')"/>
       </a-tab-pane>
     </a-tabs>
   </a-card>
@@ -56,12 +57,25 @@
       return {
         activeKey: this.$t('regulatoryComplianceManagement'),
         selectedRowKeys: [],
-        idList: []
+        idList: [],
+        queryForm: {}
       }
     },
     methods: {
+      getData(data) {
+        this.queryForm = data
+        this.queryForm = { ...this.queryForm }
+        if (this.$refs.nonConformanceRef) {
+          this.$refs.nonConformanceRef.getData(this.queryForm)
+        }
+      },
       activeKeyChange() {
         this.$emit('projectStatusForm', this.activeKey)
+        if (this.activeKey == this.$t('Problemanagement')) {
+          this.$nextTick(() => {
+            this.$refs.nonConformanceRef.getData(this.queryForm)
+          })
+        }
       },
       currentStatus(item) {
         this.$emit('currentStatus', item)
diff --git a/jero-web/src/views/projectManagement/projectNonConformance/moudles/addModel.vue b/jero-web/src/views/projectManagement/projectNonConformance/moudles/addModel.vue
index 80c0e6529..4bdffcda9 100644
--- a/jero-web/src/views/projectManagement/projectNonConformance/moudles/addModel.vue
+++ b/jero-web/src/views/projectManagement/projectNonConformance/moudles/addModel.vue
@@ -89,10 +89,50 @@
                 </div>
                 <a-form-model-item class="itemModel" prop="contentTemplate">
                   <a-select allowClear
+                            class="box-input"
+                            v-model="formInline.projectType"
+                            :getPopupContainer="triggerNode=> triggerNode.parentNode"
+                            showSearch
+                            @change="platformChange"
+                            :style="formInline.projectType == 'none' ? 'width:100%' : 'width:50%'"
+                            optionFilterProp="label"
+                            :autoClearSearchValue="false"
+                            :placeholder="$t('PleaseSelect')+$t('type')">
+                    <a-select-option v-for="(item, key) in platformList"
+                                     :key="key"
+                                     :label="item.name"
+                                     :value="item.value">
+                     <span style="display: inline-block;width: 100%" :title=" item.name ">
+                           {{ item.name}}
+                     </span>
+                    </a-select-option>
+                  </a-select>
+                  <a-select allowClear
+                            v-if="formInline.projectType == 'numberPlatform' || formInline.projectType == 'carPlatform'"
                             class="box-input"
                             v-model="formInline.projectId"
                             :getPopupContainer="triggerNode=> triggerNode.parentNode"
                             showSearch
+                            style="width: 50%;float: right"
+                            optionFilterProp="label"
+                            :autoClearSearchValue="false"
+                            :placeholder="$t('PleaseSelect')+$t('RelatedItems')">
+                    <a-select-option v-for="(item, key) in relatedItemsList"
+                                     :key="key"
+                                     :label="item"
+                                     :value="item">
+                     <span style="display: inline-block;width: 100%" :title="item ">
+                           {{item}}
+                     </span>
+                    </a-select-option>
+                  </a-select>
+                  <a-select allowClear
+                            class="box-input"
+                            v-else-if="formInline.projectType == 'model'"
+                            v-model="formInline.projectId"
+                            :getPopupContainer="triggerNode=> triggerNode.parentNode"
+                            showSearch
+                            style="width: 50%;float: right"
                             mode="multiple"
                             optionFilterProp="label"
                             :autoClearSearchValue="false"
@@ -271,17 +311,17 @@
                        v-for="(item,index) in formInline.progressTrackingList" :key="index">
                     <!--                    <span>{{item}}</span>-->
                     <div style="width: calc(100% - 116px);display: inline-block">
-<!--                      <quill-editor-->
-<!--                        class="text-editor trackingClass"-->
-<!--                        ref="myQuillEditorRef"-->
-<!--                        :disabled="true"-->
-<!--                        v-if="!item.isDescription"-->
-<!--                        v-model="item.progressTracking"-->
-<!--                        :content="item.progressTracking"-->
-<!--                        style="width: 100%;height: 200px;display: inline-block"-->
-<!--                        :options="editorOption"-->
-<!--                      />-->
-                      <div class="text-box"  v-if="!item.isDescription" v-html="item.progressTracking"></div>
+                      <!--                      <quill-editor-->
+                      <!--                        class="text-editor trackingClass"-->
+                      <!--                        ref="myQuillEditorRef"-->
+                      <!--                        :disabled="true"-->
+                      <!--                        v-if="!item.isDescription"-->
+                      <!--                        v-model="item.progressTracking"-->
+                      <!--                        :content="item.progressTracking"-->
+                      <!--                        style="width: 100%;height: 200px;display: inline-block"-->
+                      <!--                        :options="editorOption"-->
+                      <!--                      />-->
+                      <div class="text-box" v-if="!item.isDescription" v-html="item.progressTracking"></div>
                       <a-input class="box-input"
                                v-if="item.isDescription"
                                v-model='item.progressTracking'
@@ -479,6 +519,24 @@
     },
     data() {
       return {
+        platformList: [
+          {
+            name: this.$t('DigitalPlatform'),
+            value: 'numberPlatform'
+          },
+          {
+            name: this.$t('ModelPlatform'),
+            value: 'carPlatform'
+          },
+          {
+            name: this.$t('Model'),
+            value: 'model'
+          },
+          {
+            name: this.$t('nothing'),
+            value: 'none'
+          }
+        ],
         editorOption: { // 富文本框配置
           placeholder: '',
           theme: 'snow', // or 'bubble'
@@ -545,7 +603,7 @@
         formInline: {
           fileLinkList: [{}],
           progressTrackingList: [{
-            isDescription:true,
+            isDescription: true
           }],
           approvalEvidenceLinkList: [{}],
           dutyTerritory: undefined,
@@ -561,6 +619,7 @@
         chapterContentsList: [],
         firstLevelDutyTerritoryList: [],
         projectNameList: [],
+        relatedItemsList: [],
         ProblemstateList: [this.$t('red'), this.$t('yellow'), this.$t('green')],
         templateDisabled: false,
         contentTemplateList: [
@@ -641,7 +700,7 @@
             this.problemState = this.$t('emptyc')
           }
           let time = moment(new Date()).format('YYYY-MM-DD HH:mm:ss')
-          let text = '<p class="text-class">'+this.userInfo().username + ' ' + time+'</p>' + ' ' + this.$t('Problemstate') + this.$t('by') + '\'' + this.problemState + '\'' + this.$t('Changeto') + '\'' + value + '\''
+          let text = '<p class="text-class">' + this.userInfo().username + ' ' + time + '</p>' + ' ' + this.$t('Problemstate') + this.$t('by') + '\'' + this.problemState + '\'' + this.$t('Changeto') + '\'' + value + '\''
           if (JSON.stringify(this.formInline.progressTrackingList[0]) == '{}' || this.formInline.progressTrackingList[0].progressTracking == '') {
             this.formInline.progressTrackingList.forEach((item, index) => {
               item.progressTracking = text
@@ -681,7 +740,7 @@
       ...mapGetters(['userInfo']),
       add() {
         this.templateDisabled = false
-        this.getNameList()
+        // this.getNameList()
         this.getFirstLevelDutyTerritory()
         this.title = this.$t('newlyAdded')
         this.visible = true
@@ -699,8 +758,17 @@
         })
       },
       edit(row) {
-        console.log(row)
-        this.getNameList()
+        this.projectNameList = []
+        if (row.projectType == 'model') {
+          this.getNameList()
+          if (this.formInline.projectId != null) {
+            this.formInline.projectId = this.formInline.projectId.split(',')
+          } else {
+            this.formInline.projectId = undefined
+          }
+        } else if (row.projectType == 'numberPlatform' || row.projectType == 'carPlatform') {
+          this.getPlatform(row.projectType)
+        }
         this.getFirstLevelDutyTerritory()
         this.title = this.$t('edit')
         this.problemState = row.problemState
@@ -722,11 +790,6 @@
         if (this.formInline.fileLinkList == null) {
           this.formInline.fileLinkList = [{}]
         }
-        if (this.formInline.projectId != null) {
-          this.formInline.projectId = this.formInline.projectId.split(',')
-        } else {
-          this.formInline.projectId = undefined
-        }
         this.visible = true
         this.disabled = false
         this.templateDisabled = true
@@ -753,7 +816,7 @@
       TrackingModelForm(row) {
         let time = moment(new Date()).format('YYYY-MM-DD HH:mm:ss')
         console.log(row)
-        let text = '<p class="text-class">'+this.userInfo().username + ' ' + time +'</p>' + row
+        let text = '<p class="text-class">' + this.userInfo().username + ' ' + time + '</p>' + row
         console.log(text)
         this.formInline.progressTrackingList.forEach((item, index) => {
           if (!item.progressTracking) {
@@ -807,7 +870,6 @@
         })
       },
       handleSubmit() {
-        console.log(this.formInline)
         this.$refs.ruleForm.validate(valid => {
           if (valid) {
             this.confirmLoading = true
@@ -970,10 +1032,29 @@
       putAwayClick() {
         this.isDescription = !this.isDescription
       },
-      openClick(item){
+      openClick(item) {
         item.isDescription = !item.isDescription
-        this.formInline = {...this.formInline}
+        this.formInline = { ...this.formInline }
       },
+      platformChange(value) {
+        this.projectNameList = []
+        this.relatedItemsList = []
+        if (value == 'model') {
+          this.formInline.projectId = []
+          this.getNameList()
+        } else if (value == 'numberPlatform' || value == 'carPlatform') {
+          this.formInline.projectId = undefined
+          this.getPlatform(value)
+        }else{
+          this.formInline.projectId = undefined
+        }
+        this.formInline = { ...this.formInline }
+      },
+      getPlatform(platform) {
+        getAction('/project/projectLibraryBase/getPlatform', { platform: platform }).then((res) => {
+          this.relatedItemsList = res || []
+        })
+      }
     }
   }
 </script>
@@ -985,11 +1066,13 @@
   .ant-input-disabled {
     color: rgba(0, 0, 0, 0.65) !important;
   }
-  .text-class{
+
+  .text-class {
     color: rgba(0, 0, 0, 0.65);
     font-weight: bold;
   }
-  p{
+
+  p {
     margin: 0;
     padding: 0;
   }
@@ -1117,7 +1200,8 @@
   ::v-deep .itemModel-explain .ql-container {
     height: calc(100% - 100px);
   }
-  .text-box{
+
+  .text-box {
     width: 100%;
     height: 200px;
     display: inline-block;
diff --git a/jero-web/src/views/projectManagement/projectNonConformance/moudles/detilModel.vue b/jero-web/src/views/projectManagement/projectNonConformance/moudles/detilModel.vue
index 5631b0596..995ce517f 100644
--- a/jero-web/src/views/projectManagement/projectNonConformance/moudles/detilModel.vue
+++ b/jero-web/src/views/projectManagement/projectNonConformance/moudles/detilModel.vue
@@ -82,14 +82,56 @@
                 </div>
                 <a-form-model-item class="itemModel" prop="contentTemplate">
                   <a-select allowClear
+                            class="box-input"
+                            v-model="formInline.projectType"
+                            :getPopupContainer="triggerNode=> triggerNode.parentNode"
+                            showSearch
+                            :disabled="true"
+                            :style="formInline.projectType == 'none' ? 'width:100%' : 'width:50%'"
+                            optionFilterProp="label"
+                            :autoClearSearchValue="false"
+                            :placeholder="$t('PleaseSelect')+$t('type')">
+                    <a-select-option v-for="(item, key) in platformList"
+                                     :key="key"
+                                     :label="item.name"
+                                     :value="item.value">
+                     <span style="display: inline-block;width: 100%" :title=" item.name ">
+                           {{ item.name}}
+                     </span>
+                    </a-select-option>
+                  </a-select>
+                  <a-select allowClear
+                            v-if="formInline.projectType == 'numberPlatform' || formInline.projectType == 'carPlatform'"
                             class="box-input"
                             v-model="formInline.projectId"
                             :getPopupContainer="triggerNode=> triggerNode.parentNode"
                             showSearch
-                            mode="multiple"
-                            :disabled="disabled"
+                            :disabled="true"
+                            style="width: 50%;float: right"
                             optionFilterProp="label"
-                            :autoClearSearchValue="false">
+                            :autoClearSearchValue="false"
+                            :placeholder="$t('PleaseSelect')+$t('RelatedItems')">
+                    <a-select-option v-for="(item, key) in relatedItemsList"
+                                     :key="key"
+                                     :label="item"
+                                     :value="item">
+                     <span style="display: inline-block;width: 100%" :title="item ">
+                           {{item}}
+                     </span>
+                    </a-select-option>
+                  </a-select>
+                  <a-select allowClear
+                            class="box-input"
+                            v-else-if="formInline.projectType == 'model'"
+                            v-model="formInline.projectId"
+                            :getPopupContainer="triggerNode=> triggerNode.parentNode"
+                            showSearch
+                            :disabled="true"
+                            style="width: 50%;float: right"
+                            mode="multiple"
+                            optionFilterProp="label"
+                            :autoClearSearchValue="false"
+                            :placeholder="$t('PleaseSelect')+$t('RelatedItems')">
                     <a-select-option v-for="(item, key) in projectNameList"
                                      :key="key"
                                      :label="item.projectName"
@@ -302,6 +344,25 @@
             }
           ]
         },
+        relatedItemsList:[],
+        platformList: [
+          {
+            name: this.$t('DigitalPlatform'),
+            value: 'numberPlatform'
+          },
+          {
+            name: this.$t('ModelPlatform'),
+            value: 'carPlatform'
+          },
+          {
+            name: this.$t('Model'),
+            value: 'model'
+          },
+          {
+            name: this.$t('nothing'),
+            value: 'none'
+          }
+        ],
         visible: false,
         visibletrack: false,
         rulestracking: {
@@ -381,7 +442,18 @@
       },
       ...mapGetters(['userInfo']),
       edit(row) {
-        this.getNameList()
+        this.projectNameList = []
+        if (row.projectType == 'model') {
+          this.getNameList()
+          if (this.formInline.projectId != null) {
+            this.formInline.projectId = this.formInline.projectId.split(',')
+          } else {
+            this.formInline.projectId = undefined
+          }
+        } else if (row.projectType == 'numberPlatform' || row.projectType == 'carPlatform') {
+          this.getPlatform(row.projectType)
+        }
+        // this.getNameList()
         this.getFirstLevelDutyTerritory()
         this.title = this.$t('view')
         this.formInline = row
@@ -420,6 +492,11 @@
       },
       handleCancel() {
         this.visible = false
+      },
+      getPlatform(platform) {
+        getAction('/project/projectLibraryBase/getPlatform', { platform: platform }).then((res) => {
+          this.relatedItemsList = res || []
+        })
       }
     }
   }