OTA对接列表数据

jero-web/src/views/otamanagement/otaAuthentication/components/detil.vue

@@ -164,7 +164,7 @@
       </div>
       <!--        列表设置-->
       <!--      v-if="!this.$route.query.it"-->
-      <a-popconfirm :visible="customizevisible" overlayClassName="popconfirmClassName"
+      <a-popconfirm :visible="customizevisible" overlayClassName="popconfirmClassName" :getPopupContainer="triggerNode => { return triggerNode.parentNode; }"
                     placement="bottomRight" >
         <template slot="title" id="popconfirmmize">
           <div style="max-height:360px;overflow:scroll;overflow-x: auto;width: 216px">
@@ -201,18 +201,42 @@
         <template slot="operation" slot-scope="text, record">
           <a-button class="action-dict" @click="UpdateLog(record)">{{$t('historicalrecord')}}</a-button>
         </template>
-<!--        备注编辑-->
+        <!--        备注编辑-->
         <template slot="remarks" slot-scope="text, record">
           <span @click="getremark(record)">{{text}}</span>
         </template>
-<!--        Vdr详情-->
+        <!--        Vdr详情-->
         <template slot="vdr" slot-scope="text, record">
           <span @click="getcdr(record)">{{text}}</span>
         </template>
-<!--        项目版本编辑-->
-
+        <!--        项目版本编辑-->
         <template slot="projectVersionName" slot-scope="text, record">
-          <span @click="getcdr(record)">{{text}}</span>
+          <a-select :placeholder="$t('PleaseSelect')"
+                    class="box-input"
+                    style="width: 90%"
+                    :getPopupContainer="triggerNode=> triggerNode.parentNode"
+                    allowClear
+                    showSearch
+                    optionFilterProp="label"
+                    :autoClearSearchValue="false"
+                    v-model="record.projectVersionName">
+            <a-select-option v-for="(item, key) in projectVersionList"
+                             :label='item'
+                             :key="key"
+                             :value="item">
+                  <span style="display: inline-block;width: 100%" :title=" item">
+                    {{ item }}
+                  </span>
+            </a-select-option>
+          </a-select>
+        </template>
+        <!--        认证进度编辑-->
+        <template slot="attestationSchedule" slot-scope="text, record">
+          <j-dict-select-tag class="box-input" v-model="record.attestationSchedule"
+                             :placeholder="$t('PleaseSelect')"
+                             :type="'select'"
+                             style="width: 90%"
+                             :triggerChange="false" :dictCode="'certification_progress'"/>
         </template>
       </a-table>
       <div class="page" v-if="dataSource && dataSource.length > 0">
@@ -333,6 +357,7 @@ export default {
       softwareversionList: [],
       softwareplatform: [],
       vehicleTypeList: [],
+      projectVersionList: [],
       typeList: [],
       columnsAll: [],
       marketList: [],
@@ -773,7 +798,8 @@ export default {
           align: 'left',
           width: 170,
           ellipsis: true,
-          dataIndex: 'attestationSchedule'
+          dataIndex: 'attestationSchedule',
+          scopedSlots: { customRender: 'attestationSchedule' }
         },
         {
           title: this.$t('matchingstate'),
@@ -795,6 +821,7 @@ export default {
           align: 'left',
           width: 170,
           ellipsis: true,
+          dataIndex:'operation',
           scopedSlots: { customRender: 'operation' }
         },
       ],
@@ -1173,7 +1200,7 @@ export default {
   height: 298px !important;
 }
 </style>
-<style scoped>
+<style lang="less" scoped>
 @import '~@assets/less/common.less';
 
 .page {
@@ -1236,7 +1263,10 @@ export default {
   flex-direction: column;
   align-items: flex-start;
 }
-
+/deep/ .ant-table-row:first-child {
+  background: #fff !important;
+  opacity: 0.9;
+}
 .customize-text-title {
   margin-left: 0;
   font-size: 14px;
@@ -1244,41 +1274,36 @@ export default {
   color: #040B29;
   margin-bottom: 22px;
 }
-::v-deep .ant-table-row:first-child {
+/deep/ .ant-table-row:first-child {
   background: #fff !important;
-  opacity: 0.9;
+  opacity: 2.9;
 }
 
-::v-deep .ant-table-body {
+/deep/ .ant-table-body {
   background: transparent !important;
 }
 
-::v-deep .ant-table-placeholder {
+/deep/ .ant-table-placeholder {
   margin-top: 8px !important;
 }
 /deep/.popconfirmClassName {
   z-index: 999;
   width: 264px
 }
-
-.popconfirmClassName .ant-popover-buttons {
+/deep/ .ant-popover-inner-content .ant-popover-buttons {
   display: none !important;
 }
 
-.popconfirmClassName .anticon-exclamation-circle {
+/deep/.popconfirmClassName .anticon-exclamation-circle {
   display: none !important;
 }
-::v-deep .ant-table-fixed-header .ant-table-body-inner {
+/deep/ .ant-table-fixed-header .ant-table-body-inner {
   overflow: visible;
 }
 popconfirmmize {
   z-index: 999;
 }
 
-::v-deep .popconfirmmize .ant-popover-buttons {
-  display: none !important;
-}
-
 .popconfirmmize .anticon-exclamation-circle {
   display: none !important;
 }
@@ -1286,8 +1311,8 @@ popconfirmmize {
 .popconfirmmize .ant-popover-message {
   padding: 4px 0 36px !important;
 }
-::v-deep .ant-popover-buttons {
-  display: none !important;
+/deep/ .ant-select-dropdown {
+  z-index: 100;
 }
 </style>
 <style lang='less'>