From 5ac493610bfcd8127504f8f9f251588ff3c8135b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8C=83=E5=BC=BA=E5=BC=BA?= <787203167>
Date: Fri, 15 Sep 2023 14:37:48 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9OTA=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E7=9A=84=E8=A1=A8=E6=A0=BC=E5=8F=98=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../otamanagement/otaAuthentication/index.vue | 651 +++++++++---------
 1 file changed, 333 insertions(+), 318 deletions(-)

diff --git a/jero-web/src/views/otamanagement/otaAuthentication/index.vue b/jero-web/src/views/otamanagement/otaAuthentication/index.vue
index ef4be56fa..9b03fe0f7 100644
--- a/jero-web/src/views/otamanagement/otaAuthentication/index.vue
+++ b/jero-web/src/views/otamanagement/otaAuthentication/index.vue
@@ -29,29 +29,29 @@
             </div>
           </a-col>
 
-<!--          <a-col :md="6" :sm="8">-->
-<!--            <div class="box-title-text">-->
-<!--              <div class="title-text" :title="$t('softwareplatform')">-->
-<!--                <span>{{ $t('softwareplatform') }}</span>-->
-<!--              </div>-->
-<!--              <a-select :placeholder="$t('PleaseSelect')+$t('softwareplatform')"-->
-<!--                        class="box-input"-->
-<!--                        :getPopupContainer="triggerNode=> triggerNode.parentNode"-->
-<!--                        allowClear-->
-<!--                        showSearch-->
-<!--                        optionFilterProp="children"-->
-<!--                        :autoClearSearchValue="false"-->
-<!--                        v-model="queryParam.softwareplatform">-->
-<!--                <a-select-option v-for="(item, key) in softwareplatformList"-->
-<!--                                 :key="key"-->
-<!--                                 :value="item.value">-->
-<!--                  <span style="display: inline-block;width: 100%" :title=" item.name">-->
-<!--                    {{ item.name }}-->
-<!--                  </span>-->
-<!--                </a-select-option>-->
-<!--              </a-select>-->
-<!--            </div>-->
-<!--          </a-col>-->
+          <!--          <a-col :md="6" :sm="8">-->
+          <!--            <div class="box-title-text">-->
+          <!--              <div class="title-text" :title="$t('softwareplatform')">-->
+          <!--                <span>{{ $t('softwareplatform') }}</span>-->
+          <!--              </div>-->
+          <!--              <a-select :placeholder="$t('PleaseSelect')+$t('softwareplatform')"-->
+          <!--                        class="box-input"-->
+          <!--                        :getPopupContainer="triggerNode=> triggerNode.parentNode"-->
+          <!--                        allowClear-->
+          <!--                        showSearch-->
+          <!--                        optionFilterProp="children"-->
+          <!--                        :autoClearSearchValue="false"-->
+          <!--                        v-model="queryParam.softwareplatform">-->
+          <!--                <a-select-option v-for="(item, key) in softwareplatformList"-->
+          <!--                                 :key="key"-->
+          <!--                                 :value="item.value">-->
+          <!--                  <span style="display: inline-block;width: 100%" :title=" item.name">-->
+          <!--                    {{ item.name }}-->
+          <!--                  </span>-->
+          <!--                </a-select-option>-->
+          <!--              </a-select>-->
+          <!--            </div>-->
+          <!--          </a-col>-->
 
           <a-col :md="6" :sm="8">
             <div class="box-title-text">
@@ -145,7 +145,7 @@
             <a-col :md="6" :sm="24">
               <a @click="handleToggleSearch">
                 {{ !toggleSearchStatus ? $t('open') : $t('away') }}
-                <a-icon :type="toggleSearchStatus ? 'up' : 'down'" />
+                <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
               </a>
               <a-button class="box-button" style="margin-left: 8px" @click="searchReset">{{ $t('reset') }}</a-button>
               <a-button class="box-button" style="margin-left: 8px" type="primary" @click="searchQuery">{{ $t('query') }}</a-button>
@@ -157,339 +157,354 @@
     <div class="table-operator">
       <div class="operator-text" @click="handleExportManage"
            v-has="'ota:export'">
-        <a-icon type="export" :rotate="-90" />
+        <a-icon type="export" :rotate="-90"/>
         {{ $t('export') }}
       </div>
     </div>
     <div>
-      <a-table ref="table" size="middle" :components="drag(columns, 'columns')" :loading="loading" :pagination="false"
-        :scroll="{ x: '100%', y: 'calc(100vh - 140px)' }" rowKey="id" :data-source="dataSource" @change="tableOnChange"
-        :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }" :columns="columns">
+      <a-table ref="table"
+               size="middle"
+               :components="drag(columns, 'columns')"
+               :loading="loading" :pagination="false"
+               :rowClassName="rowClassName"
+               :scroll="{ x: '100%', y: 'calc(100vh - 140px)' }" rowKey="id" :data-source="dataSource"
+               @change="tableOnChange"
+               :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }" :columns="columns">
         <!--         -->
         <span slot="operation" slot-scope="text,record">
           <a class="text-operation" @click="detailclick(record)">{{text}}</a>
         </span>
       </a-table>
       <div class="page" v-if="dataSource && dataSource.length > 0">
-        <a-pagination :show-total="total => $t('total') + ` ${total} ` + $t('strip')" show-quick-jumper show-size-changer
-          :page-size.sync="pageSize" :total="total" :current="pageNo" @change="pageOnChange"
-          @showSizeChange="SizeChange" />
+        <a-pagination :show-total="total => $t('total') + ` ${total} ` + $t('strip')" show-quick-jumper
+                      show-size-changer
+                      :page-size.sync="pageSize" :total="total" :current="pageNo" @change="pageOnChange"
+                      @showSizeChange="SizeChange"/>
       </div>
     </div>
   </a-card>
 </template>
 
 <script>
-import { getAction, postAction, deleteAction,downloadFile } from '@/api/manage'
-import { mapGetters } from 'vuex'
-import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
-import ImportFile from '@/components/ImportFileData/index'
-import moment from 'moment'
+  import { getAction, postAction, deleteAction, downloadFile } from '@/api/manage'
+  import { mapGetters } from 'vuex'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
+  import ImportFile from '@/components/ImportFileData/index'
+  import moment from 'moment'
 
-export default {
-  name: 'index',
-  components: {
-    ImportFile
-  },
-  mixins: [ResizeHeader, ResizeColumnProvide],
-  data() {
-    return {
-      //url传参严格按照当前命名
-      url: {
-        list: '/lawsTechnologyEvaluation/lawsTechnologyEvaluationEO/page',
-        deleteBatch: '/lawsTechnologyEvaluation/lawsTechnologyEvaluationEO/deleteBatch',
-        exportData: '/ota/otaBaCxList/exportData',
-        importZipUrl: '/ota/otaBaCxList/importData',//导入
-      },
-      number:'',
-      visible: false,
-      loading: false,
-      toggleSearchStatus: false,
-      dataSource: [],
-      selectedRowKeys: [],
-      selectedRowKeysRecord: [],
-      serialNumber: '',
-      total: 0,
-      pageSize: 10,
-      pageNo: 1,
-      CategoryTreeList: [],
-      softwareversionList: [],
-      softwareplatformList: [],
-      vehicleTypeList: [],
-      marketList: [],
-      queryParam: {
-      },
-      formInline: {},
-      releaseTypeList:['BUILD','MARKETING','POC'],
-      rules: {
-        whetherTobring: [
+  export default {
+    name: 'index',
+    components: {
+      ImportFile
+    },
+    mixins: [ResizeHeader, ResizeColumnProvide],
+    data() {
+      return {
+        //url传参严格按照当前命名
+        url: {
+          list: '/lawsTechnologyEvaluation/lawsTechnologyEvaluationEO/page',
+          deleteBatch: '/lawsTechnologyEvaluation/lawsTechnologyEvaluationEO/deleteBatch',
+          exportData: '/ota/otaBaCxList/exportData',
+          importZipUrl: '/ota/otaBaCxList/importData'//导入
+        },
+        number: '',
+        visible: false,
+        loading: false,
+        toggleSearchStatus: false,
+        dataSource: [],
+        selectedRowKeys: [],
+        selectedRowKeysRecord: [],
+        serialNumber: '',
+        total: 0,
+        pageSize: 10,
+        pageNo: 1,
+        CategoryTreeList: [],
+        softwareversionList: [],
+        softwareplatformList: [],
+        vehicleTypeList: [],
+        marketList: [],
+        queryParam: {},
+        formInline: {},
+        releaseTypeList: ['BUILD', 'MARKETING', 'POC'],
+        rules: {
+          whetherTobring: [
+            {
+              required: true,
+              message: this.$t('standardDecompositionDocument') + this.$t('cannotEmpty'),
+              trigger: 'change'
+            }
+          ]
+        },
+        columns: [
           {
-            required: true,
-            message: this.$t('standardDecompositionDocument') + this.$t('cannotEmpty'),
-            trigger: 'change'
+            title: this.$t('softwareversion'),
+            align: 'left',
+            dataIndex: 'plannedBpLaunchBatch',
+            ellipsis: true,
+            sorter: true,
+            width: 150,
+            scopedSlots: { customRender: 'operation' }
+          },
+          // {
+          //   title: this.$t('softwareplatform'),
+          //   align: 'left',
+          //   dataIndex: 'ggpc',
+          //   ellipsis: true,
+          //   width: 170
+          // },
+          {
+            title: this.$t('market'),
+            align: 'left',
+            width: 150,
+            ellipsis: true,
+            sorter: true,
+            dataIndex: 'market'
+          },
+          {
+            title: this.$t('releaseType'),
+            align: 'left',
+            width: 150,
+            ellipsis: true,
+            sorter: true,
+            dataIndex: 'releaseType'
+          },
+          {
+            title: this.$t('vehicleType'),
+            align: 'left',
+            width: 600,
+            ellipsis: true,
+            sorter: true,
+            dataIndex: 'appliedVehicleProject'
+          },
+          {
+            title: this.$t('softwarereleasetime'),
+            align: 'left',
+            width: 120,
+            ellipsis: true,
+            sorter: true,
+            dataIndex: 'releaseDate'
           }
-        ]
+          // {
+          //   title: this.$t('operation'),
+          //   align: 'left',
+          //   fixed: 'right',
+          //   width: 100,
+          //   scopedSlots: { customRender: 'operation' }
+          // }
+        ],
+        userInfoQuery: {},
+        administrators: false,
+        orderBy: '1',
+        orderByField: ''
+      }
+    },
+    mounted() {
+      this.getSelectData()
+      this.getList()
+      this.administrators = false
+    },
+    methods: {
+      ...mapGetters(['userInfo']),
+      getSelectData() {
+        getAction('/ota/otaManageApplyEO/getPullDownList', {}).then((res) => {
+          if (res.success) {
+            this.softwareversionList = res.result.plannedBpLaunchBatchList
+            this.vehicleTypeList = res.result.carSet
+            this.marketList = res.result.marketSet
+          } else {
+          }
+        })
       },
-      columns: [
-        {
-          title: this.$t('softwareversion'),
-          align: 'left',
-          dataIndex: 'plannedBpLaunchBatch',
-          ellipsis: true,
-          sorter:true,
-          width: 150,
-          scopedSlots: { customRender: 'operation' }
-        },
-        // {
-        //   title: this.$t('softwareplatform'),
-        //   align: 'left',
-        //   dataIndex: 'ggpc',
-        //   ellipsis: true,
-        //   width: 170
-        // },
-        {
-          title: this.$t('market'),
-          align: 'left',
-          width: 150,
-          ellipsis: true,
-          sorter:true,
-          dataIndex: 'market'
-        },
-        {
-          title: this.$t('releaseType'),
-          align: 'left',
-          width: 150,
-          ellipsis: true,
-          sorter:true,
-          dataIndex: 'releaseType'
-        },
-        {
-          title: this.$t('vehicleType'),
-          align: 'left',
-          width: 600,
-          ellipsis: true,
-          sorter:true,
-          dataIndex: 'appliedVehicleProject'
-        },
-        {
-          title: this.$t('softwarereleasetime'),
-          align: 'left',
-          width: 120,
-          ellipsis: true,
-          sorter:true,
-          dataIndex: 'releaseDate'
-        },
-        // {
-        //   title: this.$t('operation'),
-        //   align: 'left',
-        //   fixed: 'right',
-        //   width: 100,
-        //   scopedSlots: { customRender: 'operation' }
-        // }
-      ],
-      userInfoQuery: {},
-      administrators: false,
-      orderBy: '1',
-      orderByField: ''
-    }
-  },
-  mounted() {
-    this.getSelectData()
-    this.getList()
-    this.administrators = false
-  },
-  methods: {
-    ...mapGetters(['userInfo']),
-    getSelectData(){
-      getAction('/ota/otaManageApplyEO/getPullDownList', {}).then((res) => {
-        if (res.success) {
-          this.softwareversionList = res.result.plannedBpLaunchBatchList
-          this.vehicleTypeList = res.result.carSet
-          this.marketList = res.result.marketSet
-        } else {
-        }
-      })
-    },
-    tableOnChange(pagination, filters, sorter) {
-      this.orderBy = sorter.order == 'ascend' ? '1' : '2'
-      this.orderByField = sorter.columnKey
-      this.getList()
-    },
-    handleToggleSearch() {
-      this.toggleSearchStatus = !this.toggleSearchStatus
-    },
-    searchQuery() {
-      this.pageNo = 1
-      this.getList()
-    },
-    searchReset() {
-      this.queryParam = {}
-      this.$route.query.serialNumber = ''
-      this.$route.query.flowStatus = ''
-      this.pageNo = 1
-      this.getList()
-    },
-    pageOnChange(page) {
-      this.pageNo = page
-      this.getList()
-    },
-    SizeChange(page, pageSize) {
-      this.pageNo = 1
-      this.pageSize = pageSize
-      this.getList()
-    },
-    getList() {
-      let queryParam = JSON.parse(JSON.stringify(this.queryParam))
-      Object.keys(queryParam).forEach(val => {
-        if (queryParam[val] instanceof Array) {
-          queryParam[val] = queryParam[val].join(',')
-        }
-      })
-      let query = {
-        pageNo: this.pageNo,
-        pageSize: this.pageSize,
-        orderBy: this.orderBy,
-        orderByField: this.orderByField,
-        ...queryParam
-      }
-      this.loading = true
-      getAction('/ota/otaManageApplyEO/getOtaPage', query).then((res) => {
-        if (res.success) {
-          if (res.result.current > 1 && res.result.records.length == 0) {
-            this.pageNo = 1
-            this.getList()
-            return
+      tableOnChange(pagination, filters, sorter) {
+        this.orderBy = sorter.order == 'ascend' ? '1' : '2'
+        this.orderByField = sorter.columnKey
+        this.getList()
+      },
+      handleToggleSearch() {
+        this.toggleSearchStatus = !this.toggleSearchStatus
+      },
+      searchQuery() {
+        this.pageNo = 1
+        this.getList()
+      },
+      searchReset() {
+        this.queryParam = {}
+        this.$route.query.serialNumber = ''
+        this.$route.query.flowStatus = ''
+        this.pageNo = 1
+        this.getList()
+      },
+      pageOnChange(page) {
+        this.pageNo = page
+        this.getList()
+      },
+      SizeChange(page, pageSize) {
+        this.pageNo = 1
+        this.pageSize = pageSize
+        this.getList()
+      },
+      getList() {
+        let queryParam = JSON.parse(JSON.stringify(this.queryParam))
+        Object.keys(queryParam).forEach(val => {
+          if (queryParam[val] instanceof Array) {
+            queryParam[val] = queryParam[val].join(',')
           }
-          this.dataSource = res.result.records || []
-          this.total = res.result.total
-          this.loading = false
-        } else {
-          this.loading = false
+        })
+        let query = {
+          pageNo: this.pageNo,
+          pageSize: this.pageSize,
+          orderBy: this.orderBy,
+          orderByField: this.orderByField,
+          ...queryParam
+        }
+        this.loading = true
+        getAction('/ota/otaManageApplyEO/getOtaPage', 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.loading = false
+          }
+        })
+      },
+      onSelectChange(value, record) {
+        this.selectedRowKeys = value
+        this.selectedRowKeysRecord = record
+      },
+      //导出
+      handleExportManage() {
+        // console.log('menuId',this.menuId)
+        let dateName = moment(new Date()).format('YYYYMMDD')
+        let name = 'OTA' + this.$t('softwareversion') + ' ' + dateName + '.xlsx'
+        let long = localStorage.getItem('language')
+        let cut = ''
+        if (long && long == 'zh-cn') {
+          this.cut = 'cn'
+        } else if (long && long == 'en-us') {
+          this.cut = 'en'
+        }
+        let query = {
+          exportName: name,
+          selections: this.selectedRowKeys.join(','),
+          ...this.queryParam,
+          cut: this.cut
         }
-      })
-    },
-    onSelectChange(value, record) {
-      this.selectedRowKeys = value
-      this.selectedRowKeysRecord = record
-    },
-    //导出
-    handleExportManage() {
-      // console.log('menuId',this.menuId)
-      let dateName = moment(new Date()).format('YYYYMMDD')
-      let name = 'OTA' + this.$t('softwareversion') + ' ' + dateName + '.xlsx'
-      let long = localStorage.getItem('language')
-      let cut = ''
-      if (long && long == 'zh-cn') {
-        this.cut = 'cn'
-      } else if (long && long == 'en-us') {
-        this.cut = 'en'
-      }
-      let query = {
-        exportName: name,
-        selections: this.selectedRowKeys.join(','),
-        ...this.queryParam,
-        cut:this.cut
-      }
 
-      downloadFile('ota/otaManageApplyEO/otaExportXls', name, query, this.selectClear)
-    },
-    // 查看
-    detailclick(item){
-      this.$router.push({
-        path: '/components/detil',
-        query: item
-      })
-    },
-    onChange(value, dateString) {
-      if (this.queryParam.releaseDate && this.queryParam.releaseDate.length > 0) {
-        let dateOne = moment(dateString[0]).format('YYYY-MM-DD')
-        let dateTwo = moment(dateString[1]).format('YYYY-MM-DD')
-        this.queryParam.softwareIssueTimeStart = dateOne
-        this.queryParam.softwareIssueTimeEnd = dateTwo
-      } else {
-        this.queryParam.releaseDate = []
-        // this.queryParamOne[item + '_name'] = []
+        downloadFile('ota/otaManageApplyEO/otaExportXls', name, query, this.selectClear)
+      },
+      // 查看
+      detailclick(item) {
+        this.$router.push({
+          path: '/components/detil',
+          query: item
+        })
+      },
+      onChange(value, dateString) {
+        if (this.queryParam.releaseDate && this.queryParam.releaseDate.length > 0) {
+          let dateOne = moment(dateString[0]).format('YYYY-MM-DD')
+          let dateTwo = moment(dateString[1]).format('YYYY-MM-DD')
+          this.queryParam.softwareIssueTimeStart = dateOne
+          this.queryParam.softwareIssueTimeEnd = dateTwo
+        } else {
+          this.queryParam.releaseDate = []
+          // this.queryParamOne[item + '_name'] = []
+        }
+      },
+      rowClassName(row, index) {
+        if (row.isNew) {
+          return 'rowClassRedYellow'
+        }
       }
-    },
+    }
   }
-}
 </script>
 
 <style>
-.tree-select .ant-select-tree-dropdown {
-  height: 298px !important;
-}
+  .tree-select .ant-select-tree-dropdown {
+    height: 298px !important;
+  }
 </style>
 <style scoped>
-@import '~@assets/less/common.less';
+  @import '~@assets/less/common.less';
 
-.page {
-  text-align: right;
-  margin-top: 20px;
-}
+  .page {
+    text-align: right;
+    margin-top: 20px;
+  }
 
-.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: 20%;
-  min-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: 20%;
+    min-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;*/
+  }
 
-.text-operation {
-  margin-right: 8px;
-}
+  .text-operation {
+    margin-right: 8px;
+  }
 
-.itemModel {
-  width: calc(100% - 130px);
-  display: inline-block;
-  margin-top: 2px;
-}
+  .itemModel {
+    width: calc(100% - 130px);
+    display: inline-block;
+    margin-top: 2px;
+  }
 
-.Required {
-  color: red;
-  margin-right: 4px;
-}
+  .Required {
+    color: red;
+    margin-right: 4px;
+  }
 
-::v-deep .ant-table-row:first-child {
-  background: #fff !important;
-  opacity: 0.9;
-}
+  /*::v-deep .ant-table-row:first-child {*/
+  /*  background: #fff !important;*/
+  /*  opacity: 0.9;*/
+  /*}*/
 
-::v-deep .ant-table-body {
-  background: transparent !important;
-}
+  ::v-deep .ant-table-body {
+    background: transparent !important;
+  }
 
-::v-deep .ant-table-placeholder {
-  margin-top: 8px !important;
-}
-/deep/ .ant-calendar-range-picker-input{
-  margin-left: -2px !important;
-}
+  ::v-deep .ant-table-placeholder {
+    margin-top: 8px !important;
+  }
+
+  /deep/ .ant-calendar-range-picker-input {
+    margin-left: -2px !important;
+  }
+
+  ::v-deep .rowClassRedYellow {
+    background: yellow!important;
+  }
 </style>
\ No newline at end of file