合并冲突

back/src/views/modules/abilityStatistics/index.vue

@@ -26,29 +26,18 @@
         <!--起始日期 @keyup.enter.native="getDataList()"-->
         <el-form-item>
           <span>日期：</span>
-          <el-date-picker
-            v-model="value1"
-            type="datetimerange"
-            range-separator="至"
-            start-placeholder="开始日期"
-            end-placeholder="结束日期"
-            format="yyyy-MM-dd HH:mm:ss"
-            value-format="yyyy-MM-dd HH:mm:ss"
-          >
+          <el-date-picker v-model="value1" type="datetimerange" range-separator="至" start-placeholder="开始日期"
+            end-placeholder="结束日期" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss">
           </el-date-picker>
         </el-form-item>
         <!--审核状态-->
-        <el-form-item >
+        <el-form-item>
           <span>审核状态：</span>
-          <el-select
-            v-model="examineStatus"
-            placeholder="请选审核状态"
-            clearable
-          >
-          <el-option label="全部" value="-1"></el-option>
-          <el-option label="审核中" value="0"></el-option>
-            <el-option  label="通过" value="1"></el-option>
-            <el-option  label="不通过" value="2"></el-option>
+          <el-select v-model="examineStatus" placeholder="请选审核状态" clearable>
+            <el-option label="全部" value="-1"></el-option>
+            <el-option label="审核中" value="0"></el-option>
+            <el-option label="通过" value="1"></el-option>
+            <el-option label="不通过" value="2"></el-option>
           </el-select>
         </el-form-item>
 
@@ -62,11 +51,7 @@
             clearable
           >
             <el-option label="全部" value=""></el-option>
-            <el-option
-              v-for="item in departmentSelects"
-              :key="item.label"
-              v-bind="item"
-            ></el-option>
+            <el-option v-for="item in departmentSelects" :key="item.label" v-bind="item"></el-option>
           </el-select>
         </el-form-item>
 
@@ -75,13 +60,8 @@
           <span>类型：</span>
           <el-select v-model="abilityType" placeholder="请选择类型" clearable>
             <el-option label="全部" value=""></el-option>
-            <el-option
-              v-for="item in typeOptions"
-              :key="item.name"
-              :label="item.name"
-              :value="item.name"
-              v-bind="item"
-            ></el-option>
+            <el-option v-for="(item, i) in typeOptions" :key="`${item.name}${i}`" :label="item.name" :value="item.name" v-bind="item">
+            </el-option>
           </el-select>
         </el-form-item>
 
@@ -92,7 +72,7 @@
         <!--操作按钮重置-->
         <el-form-item>
           <el-button type="primary" @click="resetDataList()">{{
-            $t('reset')
+          $t('reset')
           }}</el-button>
         </el-form-item>
         <!-- 导出 -->
@@ -113,25 +93,18 @@
         </div> -->
 
           <div class="second-title">
-            <span
-              style="margin-right: 30px"
-              :class="[
-                departmentId === 1 || departmentId === 3
-                  ? 'departmentStyle'
-                  : ''
-              ]"
-              @click="handleChose(3)"
-            >
+            <span style="margin-right: 30px" :class="[
+              departmentId === 1 || departmentId === 3
+                ? 'departmentStyle'
+                : ''
+            ]" @click="handleChose(3)">
               能力上架统计
             </span>
-            <span
-              :class="[
-                departmentId === 2 || departmentId === 4
-                  ? 'departmentStyle'
-                  : ''
-              ]"
-              @click="handleChose(4)"
-            >
+            <span :class="[
+              departmentId === 2 || departmentId === 4
+                ? 'departmentStyle'
+                : ''
+            ]" @click="handleChose(4)">
               能力使用统计
             </span>
             <!--   <span v-if='this.choseId===0' :class="[departmentId===3?'departmentStyle':'']"  @click="handleChose(3)">
@@ -150,14 +123,8 @@
           </div>
           <div class="line-style"></div>
           <!--统计表-->
-          <el-table
-            :data="tableData"
-            :header-cell-style="{ textAlign: 'center' }"
-            :cell-style="{ textAlign: 'center' }"
-            border
-            style="width: 100%"
-            v-show="this.departmentId === 1"
-          >
+          <el-table :data="tableData" :header-cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }"
+            border style="width: 100%" v-show="this.departmentId === 1">
             <el-table-column prop="name" label="上架部门" min-width="100%">
             </el-table-column>
             <el-table-column label="组件">
@@ -165,17 +132,9 @@
               </el-table-column>
               <el-table-column prop="tcfw" label="图层服务" min-width="100%">
               </el-table-column>
-              <el-table-column
-                prop="kfzj"
-                label="通用开发组件"
-                min-width="100%"
-              >
+              <el-table-column prop="kfzj" label="通用开发组件" min-width="100%">
               </el-table-column>
-              <el-table-column
-                prop="ywzj"
-                label="业务能力组件"
-                min-width="100%"
-              >
+              <el-table-column prop="ywzj" label="业务能力组件" min-width="100%">
               </el-table-column>
             </el-table-column>
             <el-table-column prop="yyzy" label="应用资源" min-width="100%">
@@ -183,14 +142,8 @@
             <el-table-column prop="zj" label="总计" min-width="100%">
             </el-table-column>
           </el-table>
-          <el-table
-            :data="tableData"
-            :header-cell-style="{ textAlign: 'center' }"
-            :cell-style="{ textAlign: 'center' }"
-            border
-            style="width: 100%"
-            v-show="this.departmentId === 2"
-          >
+          <el-table :data="tableData" :header-cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }"
+            border style="width: 100%" v-show="this.departmentId === 2">
             <el-table-column prop="name" label="申请部门" min-width="100%">
             </el-table-column>
             <el-table-column label="组件">
@@ -198,17 +151,9 @@
               </el-table-column>
               <el-table-column prop="tcfw" label="图层服务" min-width="100%">
               </el-table-column>
-              <el-table-column
-                prop="kfzj"
-                label="通用开发组件"
-                min-width="100%"
-              >
+              <el-table-column prop="kfzj" label="通用开发组件" min-width="100%">
               </el-table-column>
-              <el-table-column
-                prop="ywzj"
-                label="业务能力组件"
-                min-width="100%"
-              >
+              <el-table-column prop="ywzj" label="业务能力组件" min-width="100%">
               </el-table-column>
             </el-table-column>
             <el-table-column prop="yyzy" label="应用资源" min-width="100%">
@@ -234,52 +179,35 @@
             <el-table-column prop="resourceName" label="资源名称" min-width="100%">
             </el-table-column>
             <el-table-column prop="type" label="类型" min-width="100%"> </el-table-column>
-            <el-table-column v-if="this.departmentId === 4"  prop="resourceDeptName" label="提供部门" min-width="100%">
+            <el-table-column v-if="this.departmentId === 4" prop="resourceDeptName" label="提供部门" min-width="100%">
             </el-table-column>
             <el-table-column prop="createDate" label="日期" min-width="100%"> </el-table-column>
             <el-table-column prop="approveStatus" label="状态" min-width="100%">
             </el-table-column>
             <el-table-column label="操作" min-width="100%">
-		<template slot-scope="scope"   >
-			<el-link type="primary" v-if="scope.row.applyNumber" v-on:click="detailClick(scope.row)">查看详情</el-link>
-      <el-link type="info" v-else disabled>后台挂接，无详情</el-link>
-		</template>
-  </el-table-column>
+              <template slot-scope="scope">
+                <el-link type="primary" v-if="scope.row.applyNumber" v-on:click="detailClick(scope.row)">查看详情</el-link>
+                <el-link type="info" v-else disabled>后台挂接，无详情</el-link>
+              </template>
+            </el-table-column>
           </el-table>
-          <!-- <div class="block">
-            <el-pagination
-              @current-change="handleCurrentChange"
-              layout="total, prev, pager, next, jumper"
-              :total="total"
-              :page-size="5"
-              :current-page="currentPage"
-            >
+          <div class="block">
+            <el-pagination @current-change="handleCurrentChange" layout="total, prev, pager, next, jumper"
+              :total="total" :page-size="pageSize" :current-page="currentPage">
             </el-pagination>
-          </div> -->
+          </div>
         </div>
       </el-card>
     </div>
-    <component-used
-      v-if="UsedIsShow"
-      :tableId="tableId"
-      :fatherId="fatherId"
-      @closeChild2="closeChild2"
-    ></component-used>
-    <component-services
-      v-if="servicesIsShow"
-      :tableId="tableId"
-      :fatherId="fatherId"
-      @closeChild="closeChild"
-    ></component-services>
-    <application-resources
-      v-if="resourcesIsShow"
-      :tableId="tableId"
-      :fatherId="fatherId"
-      @closeApplication="closeApplication"
-    ></application-resources>
-  <ability-detail  v-if="detailsVisible"
-  :detailsVisible="detailsVisible" :detailParamss="detailParamss"  :detailType="detailType" @closeModal="closeModal">
-</ability-detail>
+    <component-used v-if="UsedIsShow" :tableId="tableId" :fatherId="fatherId" @closeChild2="closeChild2">
+    </component-used>
+    <component-services v-if="servicesIsShow" :tableId="tableId" :fatherId="fatherId" @closeChild="closeChild">
+    </component-services>
+    <application-resources v-if="resourcesIsShow" :tableId="tableId" :fatherId="fatherId"
+      @closeApplication="closeApplication"></application-resources>
+    <ability-detail v-if="detailsVisible" :detailsVisible="detailsVisible" :detailParamss="detailParamss"
+      :detailType="detailType" @closeModal="closeModal">
+    </ability-detail>
   </div>
 
 </template>
@@ -382,6 +310,7 @@ export default {
       choseId: 0,
       departmentId: 1,
       currentPage: 1,
+      pageSize: 10,
       homeIsShow: true,
       servicesIsShow: false,
       resourcesIsShow: false,
@@ -447,7 +376,7 @@ export default {
     // const date2 = new Date(year2, month2, day2, 7)
     // this.value1.unshift(date2)
   },
-  mounted () {
+  mounted() {
     // this.getFirstTree()
     if (this.departmentId === 1) {
       this.handleChose(3)
@@ -474,14 +403,24 @@ export default {
     closeModal () {
       this.detailsVisible = false
     },
-    handleCurrentChange (val) {
-      if (this.choseId === 0) {
-        this.getFirstTree(val)
-      } else if (this.choseId === 1) {
-        this.getReleaseTree(val)
+    handleCurrentChange(val) {
+      console.log('val------------>', val);
+      this.currentPage = val;
+      // todo
+      if(this.departmentId === 3) {
+        this.getOneDetail(val)
       }
+      if(this.departmentId === 4) {
+        this.getTwoDetail(val)
+      }
+      
+      // if (this.choseId === 0) {
+      //   this.getFirstTree(val)
+      // } else if (this.choseId === 1) {
+      //   this.getReleaseTree(val)
+      // }
     },
-    getTreeName (data) {
+    getTreeName(data) {
       this.$http
         .get('/census/center/v3/treeList/', {
           params: {
@@ -511,7 +450,7 @@ export default {
     //     },
 
     // 组件服务部门发布情况--改为能力上架统计
-    getFirstTree (page) {
+    getFirstTree(page) {
       if (this.examineStatus == '-1') {
         this.status = ''
       } else if (this.examineStatus == '0') {
@@ -576,7 +515,7 @@ export default {
         })
     },
     // 组件服务部门使用情况列表-改为能力使用统计
-    getSecondTree () {
+    getSecondTree() {
       if (this.examineStatus == '-1') {
         this.status = ''
       } else if (this.examineStatus == '0') {
@@ -591,8 +530,8 @@ export default {
       this.$http
         .get('/census/center/selectApplyDeptDetailTypeCountList', {
           params: {
-            // page: page || 1,
-            // limit: 5,
+            page: page || 1,
+            limit: this.pageSize,
             approveStatus: this.status,
             deptId: this.abilityDepartment,
             params: '',
@@ -641,7 +580,7 @@ export default {
         })
     },
     // 点击查看详情
-    detailClick (row) {
+    detailClick(row) {
       this.detailParamss = {}
       const applyNumber = row.applyNumber
       if (this.departmentId == 3) { // 能力上架
@@ -682,8 +621,8 @@ export default {
           })
       }
     },
-    // 能力上架明细
-    getOneDetail (page) {
+    // 能力上架明细  能力上架统计
+    getOneDetail(page) {
       var passAndReview = '' // 转变"通过"字段为通过
       if (this.examineStatus == '-1') {
         this.status = ''
@@ -699,8 +638,8 @@ export default {
       this.$http
         .get('/census/center/selectCensusResourceTable', {
           params: {
-            // limit: 5,
-            // page: page || 1,
+            limit: this.pageSize,
+            page: this.currentPage,
             approveStatus: this.status,
             deptId: this.abilityDepartment,
             type: this.abilityType,
@@ -710,8 +649,8 @@ export default {
         })
         .then((res) => {
           console.log('111111', this.tableData, res.data.data)
-          this.tableData = res.data.data
-          this.tableDataClone = res.data.data
+          this.tableData = res.data.data.list
+          this.tableDataClone = res.data.data.list
           this.total = res.data.data.total
           this.exportExcelCondition = qs.stringify({
             approveStatus: this.status,
@@ -721,8 +660,8 @@ export default {
           })
         })
     },
-    // 能力使用明细
-    getTwoDetail (page) {
+    // 能力使用明细 能力使用统计
+    getTwoDetail(page) {
       var passAndReview = '' // 转变"通过"字段为通过
       if (this.examineStatus == '-1') {
         this.status = ''
@@ -738,8 +677,8 @@ export default {
       this.$http
         .get('/census/center/selectCensusApplyTable', {
           params: {
-            // limit: 5,
-            // page: page || 1,
+            limit: this.pageSize,
+            page: this.currentPage,
             approveStatus: this.status,
             deptId: this.abilityDepartment,
             type: this.abilityType,
@@ -748,8 +687,8 @@ export default {
           }
         })
         .then((res) => {
-          this.tableData = res.data.data
-          this.tableDataClone = res.data.data
+          this.tableData = res.data.data.list
+          this.tableDataClone = res.data.data.list
           this.total = res.data.data.total
           this.exportExcelCondition = qs.stringify({
             approveStatus: this.status,
@@ -759,7 +698,7 @@ export default {
           })
         })
     },
-    getReleaseTree (page) {
+    getReleaseTree(page) {
       this.$http
         .get('/census/center/selectApplyDeptDetailTypeCountList/', {
           params: {
@@ -805,7 +744,7 @@ export default {
         })
     },
     // 应用资源部门使用情况列表
-    getUsedTree () {
+    getUsedTree() {
       this.$http
         .get('/census/center/v3/resourceReleaseDetails/', {
           params: {
@@ -819,7 +758,7 @@ export default {
           this.tableData = res.data.data.list
         })
     },
-    handleClick (row) {
+    handleClick(row) {
       if (this.choseId === 0) {
         if (this.departmentId === 1) {
           this.homeIsShow = false
@@ -840,7 +779,7 @@ export default {
       }
     },
     // 选择组件
-    choseBtn (index) {
+    choseBtn(index) {
       this.choseId = index
       this.handleChose(1)
     },
@@ -898,26 +837,26 @@ export default {
       }
     },
     // 翻页
-    handleSizeChange (val) {
+    handleSizeChange(val) {
       console.log(`每页 ${val} 条`)
     },
-    closeChild () {
+    closeChild() {
       this.homeIsShow = true
       this.servicesIsShow = false
       this.handleCurrentChange(1)
     },
-    closeChild2 () {
+    closeChild2() {
       this.homeIsShow = true
       this.UsedIsShow = false
       this.handleCurrentChange(1)
     },
-    closeApplication () {
+    closeApplication() {
       this.homeIsShow = true
       this.resourcesIsShow = false
       this.handleCurrentChange(1)
     },
     // 明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数
-    goToDetail () {
+    goToDetail() {
       this.detailFlag = !this.detailFlag
       if (this.departmentId === 1) {
         this.handleChose(3)
@@ -943,7 +882,7 @@ export default {
       }
     },
     // 点击查询按钮查询数据
-    getDataList () {
+    getDataList() {
       if (this.value1 && this.value1.length > 0) {
         this.startDate = this.handleTime(this.value1[0], 'yyyy-MM-dd HH:mm:ss')
         this.endDate = this.handleTime(this.value1[1], 'yyyy-MM-dd HH:mm:ss')
@@ -974,7 +913,7 @@ export default {
       }
     },
     // 重置按钮查询数据
-    resetDataList () {
+    resetDataList() {
       this.value1 = []
       this.startDate = ''
       this.endDate = ''
@@ -1012,7 +951,7 @@ export default {
       }
     },
     // 定义格式化函数：
-    handleTime (time, format) {
+    handleTime(time, format) {
       if (time == null || time == undefined || time == '') {
         return ''
       }
@@ -1051,6 +990,7 @@ export default {
   display: flex;
   flex-direction: column;
 }
+
 .container-left {
   width: 250px;
   height: 1000px;
@@ -1058,11 +998,13 @@ export default {
   // background-color: #ffffff;
   margin-right: 10px;
 }
+
 .left-search {
   width: 250px;
   height: 76px;
   background-color: #ffffff;
 }
+
 .input-style {
   width: 210px;
   height: 36px;
@@ -1072,11 +1014,13 @@ export default {
   border: 1px solid transparent;
   background-color: #f2f4fa;
 }
+
 input::placeholder {
   font-weight: 400;
   font-size: 14px;
   color: #b0b3ca;
 }
+
 .input-search {
   width: 44px;
   height: 30px;
@@ -1086,10 +1030,12 @@ input::placeholder {
   top: 38px;
   left: 196px;
 }
+
 ::v-deep.tree-style {
   .el-tree-node__label {
     font-size: 16px;
   }
+
   .el-tree-node__content {
     width: 240px;
     overflow: hidden;
@@ -1105,6 +1051,7 @@ input::placeholder {
   background-color: #fafafc;
   display: inline-block;
 }
+
 .title {
   display: flex;
   font-size: 20px;
@@ -1113,10 +1060,12 @@ input::placeholder {
   padding-left: 15px;
   padding-top: 10px;
 }
+
 .title-list-style {
   display: flex;
   margin-top: 10px;
 }
+
 .title-single {
   font-size: 14px;
   width: 90px;
@@ -1127,6 +1076,7 @@ input::placeholder {
   border-radius: 12px;
   cursor: pointer;
 }
+
 .box-style {
   width: 90px;
   height: 24px;
@@ -1135,11 +1085,13 @@ input::placeholder {
   align-items: center;
   padding-bottom: 2px;
 }
+
 .second-title {
   margin-top: 20px;
   font-size: 14px;
   color: #979eb9;
   cursor: pointer;
+
   .detail-button {
     width: 60px;
     height: 30px;
@@ -1153,6 +1105,7 @@ input::placeholder {
     color: #fff;
   }
 }
+
 .line-style {
   width: 100%;
   height: 1px;
@@ -1160,23 +1113,28 @@ input::placeholder {
   margin-top: 15px;
   margin-bottom: 15px;
 }
+
 .aui-card--fill {
   width: 100% !important;
   padding: 0px !important;
 }
+
 .choseStyle {
   color: #526aff;
   border: 1px solid #526aff;
 }
+
 .departmentStyle {
   color: #526aff;
 }
+
 ::v-deep .tree-text-styleJ {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   word-break: break-all;
 }
+
 .export {
   display: inline-block;
   width: 70px;
@@ -1188,18 +1146,21 @@ input::placeholder {
   border: 1px solid #dcdfe6;
   color: #000;
 }
+
 .export:hover {
   border-color: #c5ddfd;
   background-color: #ecf4fe;
   color: #0058e1;
   text-decoration: none;
 }
+
 .export:active {
   border-color: #c5ddfd;
   background-color: #ecf4fe;
   color: #0058e1;
   text-decoration: none;
 }
+
 .export:visited {
   color: #fff;
   text-decoration: none;

front/src/views/home/infrastructurePage.vue

@@ -312,16 +312,24 @@
               <span>{{ statusText[record.status] || '' }}</span>
             </template>
             <template v-if="column.dataIndex === 'operation'">
-              <a :class="record.status != 1 ? 'disabled-text' : ''" @click="
-                openVideo(
-                  record.channelCode ||
-                    record.channelId ||
-                    record.channelCode.channelId,
-                  record
-                )
-              ">
+              <!-- 离线 -->
+              <a v-if="record.status != 1" class="disabled-text">
                 预览
               </a>
+              <a-tooltip v-else placement="top">
+                <template #title>请申请后在我的申请中预览视频!</template>
+                <a @click="
+                  openVideo(
+                    record.channelCode ||
+                      record.channelId ||
+                      record.channelCode.channelId,
+                    record
+                  )
+                ">
+                  预览
+                </a>
+              </a-tooltip>
+
             </template>
           </template>
         </a-table>
@@ -343,7 +351,12 @@
         </a-table>
       </div>
       <!-- 单个预览弹窗 -->
-      <a-modal wrapClassName="single-preview-modal" v-model:visible="visible" title="视频预览" :width="960" destroyOnClose>
+      <a-modal wrapClassName="single-preview-modal" v-model:visible="visible" :width="960" destroyOnClose>
+        <!-- title="视频预览" -->
+        <template #title>
+          <span>视频预览</span>
+          <span style="color: #ff4d4f;margin-left:10px">{{`(请申请后在我的申请中预览视频)`}}</span>
+        </template>
         <template #footer></template>
         <div style="width: 100%; display: flex; justify-content: center">
           <div style="width: 100%; height: 100%; position: relative" v-show="isXiHaiAn">
@@ -2370,6 +2383,7 @@ video::-webkit-media-controls {
   cursor: not-allowed;
   opacity: 0.5;
   color: #666666;
+
   &:hover {
     color: #666666;
   }