From 5a39a64b6d2a8fafa7c5cf6544c652f5097fcfbf Mon Sep 17 00:00:00 2001
From: "zyx.net" <zyx>
Date: Fri, 11 Aug 2023 17:43:39 +0800
Subject: [PATCH] =?UTF-8?q?OTA=E7=AE=A1=E7=90=86=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jero-web/src/common/lang/en-us.js             |  14 +
 jero-web/src/common/lang/zh-cn.js             |  13 +
 .../otaAuthentication/components/detil.vue    | 624 ++++++++++++++++++
 .../otamanagement/otaAuthentication/index.vue | 442 +++++++++++++
 4 files changed, 1093 insertions(+)
 create mode 100644 jero-web/src/views/otamanagement/otaAuthentication/components/detil.vue
 create mode 100644 jero-web/src/views/otamanagement/otaAuthentication/index.vue

diff --git a/jero-web/src/common/lang/en-us.js b/jero-web/src/common/lang/en-us.js
index b1b29c080..b69f3f62f 100644
--- a/jero-web/src/common/lang/en-us.js
+++ b/jero-web/src/common/lang/en-us.js
@@ -1925,4 +1925,18 @@ module.exports = {
   processInitiationOne:'Process Initiation',
   taskHandlingOne:'Task Handling',
   taskReview:'Task Review',
+  softwareversion:'Software version',
+  softwareplatform:'Software platform',
+  softwarereleasetime:'Software release time',
+  theme:'theme',
+  influencestatute:'Influence statute',
+  vdrste:'VDR status',
+  impactdescription:'Impact description',
+  authenticationimpact:'Authentication impact',
+  impactstatement:'Impact statement',
+  certificationdeclaration:'Certification declaration',
+  matchingstate:'Matching state',
+  issuenotice:'Issue notice',
+  applyforrematch:'Apply for rematch',
+
 }
\ No newline at end of file
diff --git a/jero-web/src/common/lang/zh-cn.js b/jero-web/src/common/lang/zh-cn.js
index 8d1f65103..4462d9563 100644
--- a/jero-web/src/common/lang/zh-cn.js
+++ b/jero-web/src/common/lang/zh-cn.js
@@ -3881,4 +3881,17 @@ module.exports = {
   processInitiationOne:'任务发起',
   taskHandlingOne:'任务办理',
   taskReview:'任务审查',
+  softwareversion:'软件版本',
+  softwareplatform:'软件平台',
+  softwarereleasetime:'软件发布时间',
+  theme:'主题',
+  influencestatute:'影响法规',
+  vdrste:'VDR状态',
+  impactdescription:'影响描述',
+  authenticationimpact:'认证影响',
+  impactstatement:'影响说明',
+  certificationdeclaration:'认证申报',
+  matchingstate:'匹配状态',
+  issuenotice:'下发通知',
+  applyforrematch:'申请重新匹配',
 }
\ No newline at end of file
diff --git a/jero-web/src/views/otamanagement/otaAuthentication/components/detil.vue b/jero-web/src/views/otamanagement/otaAuthentication/components/detil.vue
new file mode 100644
index 000000000..978fcb7a5
--- /dev/null
+++ b/jero-web/src/views/otamanagement/otaAuthentication/components/detil.vue
@@ -0,0 +1,624 @@
+<!--ota管理查看-->
+<template>
+  <a-card :bordered="false">
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-row :gutter="24">
+          <a-col :md="6" :sm="8">
+            <div class="box-title-text">
+              <div class="title-text" :title="$t('VDR')">
+                <span>VDR</span>
+              </div>
+              <a-input class="box-input" :placeholder="$t('PleaseEnter') + 'VDR'"
+                       v-model="queryParam.VDR"></a-input>
+            </div>
+          </a-col>
+
+          <a-col :md="6" :sm="8">
+            <div class="box-title-text">
+              <div class="title-text" :title="$t('theme')">
+                <span>{{ $t('theme') }}</span>
+              </div>
+              <a-input class="box-input" :placeholder="$t('PleaseEnter') + $t('theme')"
+                       v-model="queryParam.theme"></a-input>
+            </div>
+          </a-col>
+
+          <a-col :md="6" :sm="8">
+            <div class="box-title-text">
+              <div class="title-text" :title="$t('influencestatute')">
+                <span>{{ $t('influencestatute') }}</span>
+              </div>
+              <a-input class="box-input" :placeholder="$t('PleaseEnter') + $t('influencestatute')"
+                       v-model="queryParam.influencestatute"></a-input>
+            </div>
+          </a-col>
+          <template v-if="toggleSearchStatus">
+            <a-col :md="6" :sm="8">
+              <div class="box-title-text">
+                <div class="title-text" :title="$t('vehicleType')">
+                  <span>{{ $t('vehicleType') }}</span>
+                </div>
+                <a-select :placeholder="$t('PleaseSelect')+$t('vehicleType')"
+                          class="box-input"
+                          :getPopupContainer="triggerNode=> triggerNode.parentNode"
+                          allowClear
+                          showSearch
+                          optionFilterProp="children"
+                          :autoClearSearchValue="false"
+                          v-model="queryParam.vehicleType">
+                  <a-select-option v-for="(item, key) in vehicleTypeList"
+                                   :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>
+          </template>
+          <span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons">
+            <a-col :md="6" :sm="24">
+              <a @click="handleToggleSearch">
+                {{ !toggleSearchStatus ? $t('open') : $t('away') }}
+                <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>
+            </a-col>
+          </span>
+        </a-row>
+      </a-form>
+    </div>
+    <a-divider />
+    <div style='height:100%'>
+      <div style='display:flex'>
+        <div>
+          <span style='font-weight: 900;font-size: 20px'>{{ $t('softwareversion') }}</span>
+          <span style='margin-left:5px'>{{ $t('softwarereleasetime') }}:2023-11-13</span>
+        </div>
+        <div style='margin-left: 10px;width: 300px;'>
+          <a-select :placeholder="$t('PleaseSelect')"
+                    class="box-input"
+                    :getPopupContainer="triggerNode=> triggerNode.parentNode"
+                    allowClear
+                    showSearch
+                    optionFilterProp="children"
+                    :autoClearSearchValue="false"
+                    @change='handChange'
+                    v-model="vehicleType">
+            <a-select-option value="all">{{$t('whole')}}</a-select-option>
+            <a-select-option v-for="(item, key) in vehicleTypeList"
+                             :key="key"
+                             :value="item.value">
+                  <span style="display: inline-block;width: 100%" :title=" item.name">
+                    {{ item.name }}
+                  </span>
+            </a-select-option>
+          </a-select>
+        </div>
+      </div>
+    </div>
+    <div v-if="vehicleType== 'all'" class="table-operator" style='margin-bottom: 19px;text-align: left;margin-top: 20px;'>
+      <div class="operator-text" @click="handleExportManage"
+           v-has="'otadetail:export'">
+        <a-icon type="export" :rotate="-90" />
+        {{ $t('export') }}
+      </div>
+      <div class="operator-text" @click="issuenotice"
+           v-has="'otadetail:Issuenotice'">
+        <a-icon type="sound" />
+        {{ $t('issuenotice') }}
+      </div>
+    </div>
+    <div v-else class="table-operator" style='margin-bottom: 19px;text-align: left;margin-top: 20px;'>
+      <div class="operator-text" @click="handleExportManage"
+           v-has="'otad:export'">
+        <a-icon type="export" :rotate="-90"/>
+        {{ $t('export') }}
+      </div>
+      <div class="operator-text" @click="BatchSetting"
+           v-has="'otad:batchsetting'">
+        <a-icon type="setting"  />
+        {{ $t('BatchSetting') }}
+      </div>
+      <div class="operator-text" @click="applyforrematch"
+           v-has="'otad:rematch'">
+        <a-icon type="rollback" />
+        {{ $t('applyforrematch') }}
+      </div>
+      <div class="operator-text" @click="preservation"
+           v-has="'otad:save'">
+        <a-icon type="check-circle" />
+        {{ $t('preservation') }}
+      </div>
+      <div class="operator-text" @click="submit"
+           v-has="'otad-submit'">
+        <a-icon type="check-circle" />
+        {{ $t('submit') }}
+      </div>
+      <div class="operator-text" @click="handleExportManage"
+           v-has="'otaman:export'">
+        <a-icon type="export" :rotate="-90"/>
+        {{ $t('export') }}
+      </div>
+      <div class="operator-text" @click="confirm"
+           v-has="'otaman:confirm'">
+        <a-icon type="check-circle" />
+        {{ $t('confirm') }}
+      </div>
+      <div class="operator-text" @click="sendBack"
+           v-has="'otaman:return'">
+        <a-icon type="rollback" />
+        {{ $t('sendBack') }}
+      </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"
+               :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }" :columns="vehicleType== 'all' ? columns : columnstype">
+        <!--         -->
+        <span slot="operation" slot-scope="text,record">
+          <a class="text-operation" @click="detailclick(record)">{{ $t('See') }}</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" />
+      </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'
+
+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:'',
+      vehicleType:'all',
+      visible: false,
+      loading: false,
+      toggleSearchStatus: false,
+      dataSource: [],
+      selectedRowKeys: [],
+      selectedRowKeysRecord: [],
+      serialNumber: '',
+      total: 0,
+      pageSize: 10,
+      pageNo: 1,
+      CategoryTreeList: [],
+      softwareversionList: [],
+      softwareplatform: [],
+      vehicleTypeList: [],
+      marketList: [],
+      queryParam: {},
+      formInline: {},
+      rules: {
+        whetherTobring: [
+          {
+            required: true,
+            message: this.$t('standardDecompositionDocument') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ]
+      },
+      columns: [
+        {
+          title: 'VDR',
+          align: 'left',
+          dataIndex: 'cpdjbh',
+          ellipsis: true,
+          width: 170
+        },
+        {
+          title: this.$t('theme'),
+          align: 'left',
+          dataIndex: 'ggpc',
+          ellipsis: true,
+          width: 170
+        },
+        {
+          title: this.$t('vdrste'),
+          align: 'left',
+          width: 170,
+          ellipsis: true,
+          dataIndex: 'cpsb'
+        },
+        {
+          title: this.$t('authenticationimpact'),
+          align: 'left',
+          width: 170,
+          ellipsis: true,
+          dataIndex: 'vehicleType'
+        },
+        {
+          title: this.$t('impactdescription'),
+          align: 'left',
+          width: 170,
+          ellipsis: true,
+          dataIndex: 'impactdescription'
+        },
+        {
+          title: this.$t('influencestatute') + '-CN',
+          align: 'left',
+          width: 170,
+          ellipsis: true,
+          dataIndex: 'influencestatuteCN'
+        },
+        {
+          title: this.$t('influencestatute') + '-EU',
+          align: 'left',
+          width: 170,
+          ellipsis: true,
+          dataIndex: 'influencestatuteEN'
+        },
+        {
+          title: this.$t('statisticalNodes'),
+          align: 'left',
+          width: 170,
+          ellipsis: true,
+          dataIndex: 'statisticalNodes'
+        },
+        {
+          title: this.$t('vehicleType'),
+          align: 'left',
+          width: 170,
+          ellipsis: true,
+          dataIndex: 'vehicleType'
+        },
+      ],
+      columnstype: [
+        {
+          title: 'VDR',
+          align: 'left',
+          dataIndex: 'cpdjbh',
+          ellipsis: true,
+          width: 170
+        },
+        {
+          title: this.$t('theme'),
+          align: 'left',
+          dataIndex: 'ggpc',
+          ellipsis: true,
+          width: 170
+        },
+        {
+          title: this.$t('vdrste'),
+          align: 'left',
+          width: 170,
+          ellipsis: true,
+          dataIndex: 'cpsb'
+        },
+        {
+          title: this.$t('authenticationimpact'),
+          align: 'left',
+          width: 170,
+          ellipsis: true,
+          dataIndex: 'authenticationimpact'
+        },
+        {
+          title: this.$t('impactstatement'),
+          align: 'left',
+          width: 170,
+          ellipsis: true,
+          dataIndex: 'impactstatement'
+        },
+        {
+          title: this.$t('influencestatute') + '-CN',
+          align: 'left',
+          width: 170,
+          ellipsis: true,
+          dataIndex: 'influencestatuteCN'
+        },
+        {
+          title: this.$t('influencestatute') + '-EU',
+          align: 'left',
+          width: 170,
+          ellipsis: true,
+          dataIndex: 'influencestatuteEN'
+        },
+        {
+          title: this.$t('statisticalNodes'),
+          align: 'left',
+          width: 170,
+          ellipsis: true,
+          dataIndex: 'statisticalNodes'
+        },
+        {
+          title: 'R&H Studio',
+          align: 'left',
+          width: 170,
+          ellipsis: true,
+          dataIndex: 'Studio'
+        },
+        {
+          title: this.$t('projectVersion'),
+          align: 'left',
+          width: 170,
+          ellipsis: true,
+          dataIndex: 'projectVersion'
+        },
+        {
+          title: this.$t('certificationStartOne'),
+          align: 'left',
+          width: 170,
+          ellipsis: true,
+          dataIndex: 'certificationStartOne'
+        },
+        {
+          title: this.$t('certificationdeclaration'),
+          align: 'left',
+          width: 170,
+          ellipsis: true,
+          dataIndex: 'certificationdeclaration'
+        },
+        {
+          title: this.$t('certificationEnd'),
+          align: 'left',
+          width: 170,
+          ellipsis: true,
+          dataIndex: 'certificationEnd'
+        },
+        {
+          title: this.$t('CertificationProgress'),
+          align: 'left',
+          width: 170,
+          ellipsis: true,
+          dataIndex: 'CertificationProgress'
+        },
+        {
+          title: this.$t('matchingstate'),
+          align: 'left',
+          width: 170,
+          ellipsis: true,
+          dataIndex: 'matchingstate'
+        },
+        {
+          title: this.$t('remarks'),
+          align: 'left',
+          width: 170,
+          ellipsis: true,
+          dataIndex: 'remarks'
+        },
+      ],
+      userInfoQuery: {},
+      administrators: false
+    }
+  },
+  mounted() {
+    this.getList()
+    this.administrators = false
+  },
+  methods: {
+    ...mapGetters(['userInfo']),
+    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,
+        ...queryParam
+      }
+      this.loading = true
+      getAction('/ota/otaBaCxList/page', query).then((res) => {
+        if (res.success) {
+          if (res.result.list.current > 1 && res.result.list.records.length == 0) {
+            this.pageNo = 1
+            this.getList()
+            return
+          }
+          this.dataSource = res.result.list.records || []
+          this.number = res.result.pjspzq
+          this.total = res.result.list.total
+          this.loading = false
+        } else {
+          this.loading = false
+        }
+      })
+    },
+    onSelectChange(value, record) {
+      this.selectedRowKeys = value
+      this.selectedRowKeysRecord = record
+    },
+    // 删除
+    deleteData(val) {
+      let _this = this
+      this.$confirm({
+        content: _this.$t('ConfirmDelete'),
+        onOk() {
+          deleteAction('ota/otaBaCxList/delete', { id: val.id }).then((res) => {
+            if (res.success) {
+              _this.$message.success(_this.$t('OperationSuccessful'))
+              _this.getList()
+            } else {
+              _this.$message.warning(res.message)
+            }
+          })
+        }
+      })
+    },
+    handChange(val){
+      this.vehicleType = val
+      this.$forceUpdate()
+    },
+    //导出
+    handleExportManage() {
+      if (JSON.stringify(this.parameter) == '{}') {
+        this.parameter.info_id = this.infoId
+        this.parameter.menu_id = this.menuId
+      }
+      // console.log('menuId',this.menuId)
+      let dateName = moment(new Date()).format('YYYY-MM-DD HH-mm-ss')
+      let name = this.$route.query.infoNumber + ' ' + dateName + '.zip'
+      let query = {
+        exportName: this.$route.query.infoNumber + ' ' + dateName,
+        idList: this.selectedRowKeys.join(','),
+        parameter: this.parameter
+      }
+
+      downloadFile('split/sarFileSplitItems/exportSplitInfoZip', name, query, this.selectClear)
+    },
+    // 下发通知
+    issuenotice(){
+
+    },
+    // 批量设置
+    BatchSetting(){
+
+    },
+    // 申请重新匹配
+    applyforrematch(){
+
+    },
+    // 保存
+    preservation(){
+
+    },
+    // 提交
+    submit(){
+
+    },
+    // 确认
+    confirm(){
+
+    },
+    // 退回
+    sendBack(){
+
+    },
+    onChange(value, dateString) {
+      if (this.queryParams.softwarereleasetime && this.queryParams.softwarereleasetime.length > 0) {
+        let dateOne = moment(dateString[0]).format('YYYY-MM-DD')
+        let dateTwo = moment(dateString[1]).format('YYYY-MM-DD')
+        this.queryParams.softwarereleasetime = [dateOne, dateTwo]
+      } else {
+        this.queryParams.softwarereleasetime = []
+        // this.queryParamOne[item + '_name'] = []
+      }
+    },
+  }
+}
+</script>
+
+<style>
+.tree-select .ant-select-tree-dropdown {
+  height: 298px !important;
+}
+</style>
+<style scoped>
+@import '~@assets/less/common.less';
+
+.page {
+  text-align: right;
+  margin-top: 20px;
+}
+
+.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;
+}
+
+.box-input {
+  display: inline-block;
+  width: 70%;
+  height: 38px;
+  margin-top: 2px;
+}
+
+.box-button {
+  height: 38px;
+  /*margin-top: 2px;*/
+}
+
+.text-operation {
+  margin-right: 8px;
+}
+
+.itemModel {
+  width: calc(100% - 130px);
+  display: inline-block;
+  margin-top: 2px;
+}
+
+.Required {
+  color: red;
+  margin-right: 4px;
+}
+
+::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-placeholder {
+  margin-top: 8px !important;
+}
+</style>
\ No newline at end of file
diff --git a/jero-web/src/views/otamanagement/otaAuthentication/index.vue b/jero-web/src/views/otamanagement/otaAuthentication/index.vue
new file mode 100644
index 000000000..dafac7c75
--- /dev/null
+++ b/jero-web/src/views/otamanagement/otaAuthentication/index.vue
@@ -0,0 +1,442 @@
+<!--ota管理-->
+<template>
+  <a-card :bordered="false">
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-row :gutter="24">
+          <a-col :md="6" :sm="8">
+            <div class="box-title-text">
+              <div class="title-text" :title="$t('softwareversion')">
+                <span>{{ $t('softwareversion') }}</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 softwareversionList"
+                                 :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">
+              <div class="title-text" :title="$t('vehicleType')">
+                <span>{{ $t('vehicleType') }}</span>
+              </div>
+              <a-select :placeholder="$t('PleaseSelect')+$t('vehicleType')"
+                        class="box-input"
+                        :getPopupContainer="triggerNode=> triggerNode.parentNode"
+                        allowClear
+                        showSearch
+                        optionFilterProp="children"
+                        :autoClearSearchValue="false"
+                        v-model="queryParam.vehicleType">
+                <a-select-option v-for="(item, key) in vehicleTypeList"
+                                 :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>
+          <template v-if="toggleSearchStatus">
+            <a-col :md="6" :sm="8">
+              <div class="box-title-text">
+                <div class="title-text" :title="$t('market')">
+                  <span>{{ $t('market') }}</span>
+                </div>
+                <a-select :placeholder="$t('PleaseSelect')+$t('market')"
+                          class="box-input"
+                          :getPopupContainer="triggerNode=> triggerNode.parentNode"
+                          allowClear
+                          showSearch
+                          optionFilterProp="children"
+                          :autoClearSearchValue="false"
+                          v-model="queryParam.market">
+                  <a-select-option v-for="(item, key) in marketList"
+                                   :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('softwarereleasetime')">
+                  <span>{{ $t('softwarereleasetime') }}</span>
+                </div>
+                <a-range-picker
+                  class="box-input"
+                  @change="onChange"
+                  style='margin-left: -1px'
+                  v-model="queryParam.softwarereleasetime"
+                  :disabled="false"/>
+              </div>
+            </a-col>
+          </template>
+          <span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons">
+            <a-col :md="6" :sm="24">
+              <a @click="handleToggleSearch">
+                {{ !toggleSearchStatus ? $t('open') : $t('away') }}
+                <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>
+            </a-col>
+          </span>
+        </a-row>
+      </a-form>
+    </div>
+    <div class="table-operator">
+      <div class="operator-text" @click="handleExportManage"
+           v-has="'ota:export'">
+        <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"
+        :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }" :columns="columns">
+        <!--         -->
+        <span slot="operation" slot-scope="text,record">
+          <a class="text-operation" @click="detailclick(record)">{{ $t('See') }}</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" />
+      </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'
+
+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: {},
+      rules: {
+        whetherTobring: [
+          {
+            required: true,
+            message: this.$t('standardDecompositionDocument') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ]
+      },
+      columns: [
+        {
+          title: this.$t('softwareversion'),
+          align: 'left',
+          dataIndex: 'cpdjbh',
+          ellipsis: true,
+          width: 170
+        },
+        {
+          title: this.$t('softwareplatform'),
+          align: 'left',
+          dataIndex: 'ggpc',
+          ellipsis: true,
+          width: 170
+        },
+        {
+          title: this.$t('market'),
+          align: 'left',
+          width: 170,
+          ellipsis: true,
+          dataIndex: 'cpsb'
+        },
+        {
+          title: this.$t('vehicleType'),
+          align: 'left',
+          width: 170,
+          ellipsis: true,
+          dataIndex: 'vehicleType'
+        },
+        {
+          title: this.$t('softwarereleasetime'),
+          align: 'left',
+          width: 170,
+          ellipsis: true,
+          dataIndex: 'cpmc'
+        },
+        {
+          title: this.$t('operation'),
+          align: 'left',
+          fixed: 'right',
+          width: 220,
+          scopedSlots: { customRender: 'operation' }
+        }
+      ],
+      userInfoQuery: {},
+      administrators: false
+    }
+  },
+  mounted() {
+    this.getList()
+    this.administrators = false
+  },
+  methods: {
+    ...mapGetters(['userInfo']),
+    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,
+        ...queryParam
+      }
+      this.loading = true
+      getAction('/ota/otaBaCxList/page', query).then((res) => {
+        if (res.success) {
+          if (res.result.list.current > 1 && res.result.list.records.length == 0) {
+            this.pageNo = 1
+            this.getList()
+            return
+          }
+          this.dataSource = res.result.list.records || []
+          this.number = res.result.pjspzq
+          this.total = res.result.list.total
+          this.loading = false
+        } else {
+          this.loading = false
+        }
+      })
+    },
+    onSelectChange(value, record) {
+      this.selectedRowKeys = value
+      this.selectedRowKeysRecord = record
+    },
+    // 删除
+    deleteData(val) {
+      let _this = this
+      this.$confirm({
+        content: _this.$t('ConfirmDelete'),
+        onOk() {
+          deleteAction('ota/otaBaCxList/delete', { id: val.id }).then((res) => {
+            if (res.success) {
+              _this.$message.success(_this.$t('OperationSuccessful'))
+              _this.getList()
+            } else {
+              _this.$message.warning(res.message)
+            }
+          })
+        }
+      })
+    },
+    //导出
+    handleExportManage() {
+      if (JSON.stringify(this.parameter) == '{}') {
+        this.parameter.info_id = this.infoId
+        this.parameter.menu_id = this.menuId
+      }
+      // console.log('menuId',this.menuId)
+      let dateName = moment(new Date()).format('YYYY-MM-DD HH-mm-ss')
+      let name = this.$route.query.infoNumber + ' ' + dateName + '.zip'
+      let query = {
+        exportName: this.$route.query.infoNumber + ' ' + dateName,
+        idList: this.selectedRowKeys.join(','),
+        parameter: this.parameter
+      }
+
+      downloadFile('split/sarFileSplitItems/exportSplitInfoZip', name, query, this.selectClear)
+    },
+    // 查看
+    detailclick(item){
+      this.$router.push({
+        path: '/components/detil',
+        query: item
+      })
+    },
+    onChange(value, dateString) {
+      if (this.queryParams.softwarereleasetime && this.queryParams.softwarereleasetime.length > 0) {
+        let dateOne = moment(dateString[0]).format('YYYY-MM-DD')
+        let dateTwo = moment(dateString[1]).format('YYYY-MM-DD')
+        this.queryParams.softwarereleasetime = [dateOne, dateTwo]
+      } else {
+        this.queryParams.softwarereleasetime = []
+        // this.queryParamOne[item + '_name'] = []
+      }
+    },
+  }
+}
+</script>
+
+<style>
+.tree-select .ant-select-tree-dropdown {
+  height: 298px !important;
+}
+</style>
+<style scoped>
+@import '~@assets/less/common.less';
+
+.page {
+  text-align: right;
+  margin-top: 20px;
+}
+
+.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;
+}
+
+.box-input {
+  display: inline-block;
+  width: 70%;
+  height: 38px;
+  margin-top: 2px;
+}
+
+.box-button {
+  height: 38px;
+  /*margin-top: 2px;*/
+}
+
+.text-operation {
+  margin-right: 8px;
+}
+
+.itemModel {
+  width: calc(100% - 130px);
+  display: inline-block;
+  margin-top: 2px;
+}
+
+.Required {
+  color: red;
+  margin-right: 4px;
+}
+
+::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-placeholder {
+  margin-top: 8px !important;
+}
+</style>
\ No newline at end of file