云资源相关开发

front/src/api/personalCenter.js

@@ -7,6 +7,20 @@ export function getMyProcessInstancePage(params) {
     params,
   })
 }
+export function getResourceBusinessList(params) {
+  return request({
+    url: 'resource/getResourceBusinessList',
+    method: 'post',
+    params,
+  })
+}
+export function getVideoBusinessList(params) {
+  return request({
+    url: 'resource/getVideoBusinessList',
+    method: 'post',
+    params,
+  })
+}
 export function yaweiApproveStatus(params) {
   return request({
     url: 'resource/ZywMessage/yaweiApproveStatus',

front/src/views/personalCenter/components/ApplyDetails.vue

@@ -22,8 +22,12 @@
       :refObj="refObj"
       v-else-if="showType === '数据资源申请'"
     ></dataResourceApplication>
+    <cloudResources
+      :refObj="refObj"
+      v-else-if="showType === '云资源'"
+    ></cloudResources>
     <OtherApplications :refObj="refObj" v-else></OtherApplications>
-    <div>
+    <div v-if="showType !== '云资源'">
       <div class="title">审批详情</div>
       <template v-for="item in dataSource.data" :key="item">
         <div class="oddNumbers">子单号:{{ item[0] }}</div>
@@ -50,6 +54,7 @@
   import Demand from './Demand.vue'
   import Comment from './Comment.vue'
   import dataResourceApplication from './dataResourceApplication.vue'
+  import cloudResources from './cloudResources.vue'
   import DeviceApplyDetail from './DeviceApplyDetail.vue'
   import OtherApplications from '@/views/personalCenter/components/OtherApplications '
   import { onMounted, reactive, defineProps, ref } from 'vue'

front/src/views/personalCenter/components/MyApply.vue

@@ -12,7 +12,10 @@
         {{ item }}
       </div>
     </div>
-    <div class="tab" v-show="typeIndex != 5">
+    <div
+      class="tab"
+      v-show="typeIndex != 5 && typeIndex != 6 && typeIndex != 7"
+    >
       <span>申请状态</span>
       <div
         :class="tabIndex == index ? 'tabclass' : ' '"
@@ -39,7 +42,11 @@
           :key="item.index"
         >
           <div class="content-body-title">
-            <span>申请单号：{{ item.applyNumber || item.GUID || '--' }}</span>
+            <span>
+              申请单号：{{
+                item.applyNumber || item.GUID || item.BSNUM || '--'
+              }}
+            </span>
             <div></div>
           </div>
           <a-tooltip>
@@ -47,7 +54,7 @@
               {{
                 item.cameraList
                   ? item.system
-                  : item.title || item.name || item.title
+                  : item.title || item.name || item.title || item.BUSINESS_NAME
               }}
             </template>
             <div class="content-body-title">
@@ -55,7 +62,10 @@
                 名称：{{
                   item.cameraList
                     ? item.system
-                    : item.title || item.name || item.title
+                    : item.title ||
+                      item.name ||
+                      item.title ||
+                      item.BUSINESS_NAME
                 }}
               </span>
               <div></div>
@@ -74,13 +84,27 @@
             >
               审核结果：{{ item.state === 0 ? '审核中' : '审核完成' }}
             </p>
+            <p
+              class="content-body-content-son"
+              v-else-if="typeName == '云资源申请' || typeName == '云视频申请'"
+            >
+              审核结果：{{ item.STATUS }}
+            </p>
             <p class="content-body-content-son" v-else>
               审核结果：{{ item.bmyijian ? '审核完成' : '审核中' }}
             </p>
           </div>
           <div class="content-body-bottom">
             <div>
-              申请日期：{{ item.createDate || item.startTime || item.tbsj }}
+              申请日期：{{
+                item.createDate ||
+                item.startTime ||
+                item.tbsj ||
+                (item.CREATE_TIME &&
+                  moment(item.CREATE_TIME.time + 480 * 60 * 1000).format(
+                    'YYYY-MM-DD HH:mm:ss'
+                  ))
+              }}
             </div>
             <!-- 西海岸--增加过期时间显示 -->
             <div v-if="isXiHaiAn">过期时间：{{ item.expireDate || '' }}</div>
@@ -238,6 +262,8 @@
     getDeviceDetail,
     yaweiApproveStatus,
     yaweiApproveDetails,
+    getResourceBusinessList,
+    getVideoBusinessList,
   } from '@/api/personalCenter'
   import {
     updateRes,
@@ -247,6 +273,7 @@
     selectOneDel,
   } from '@/api/home'
   import { useRouter } from 'vue-router'
+  import { getUserInfo } from '@/api/user'
   import { message } from 'ant-design-vue'
   import ApplyDetails from '@/views/personalCenter/components/ApplyDetails'
   import mybus from '@/myplugins/mybus'
@@ -256,6 +283,10 @@
     tabTypeName: { type: String, default: '' },
   })
   const router = useRouter()
+  const userName = ref('')
+  getUserInfo().then((res) => {
+    userName.value = res.data.data.username
+  })
   let typeList = ref([
     '能力申请',
     '能力上架',
@@ -263,6 +294,8 @@
     '能力需求',
     '需求评论',
     '数据资源申请',
+    '云资源申请',
+    '云视频申请',
     // '能力评价',
   ])
   // 西海岸-设备申请
@@ -409,6 +442,25 @@
           detailsVisible.value = true
         })
         .catch((err) => {})
+    } else if (typeName.value == '云资源申请') {
+      refObj.value.description = '政务云'
+      refObj.value.STATUS = item.STATUS // 状态
+      refObj.value.CREATE_TIME = moment(
+        item.CREATE_TIME.time + 480 * 60 * 1000
+      ).format('YYYY-MM-DD HH:mm:ss')
+      // 操作时间
+      refObj.value.PROJECT_NAME = item.PROJECT_NAME // 业务名称
+      refObj.value.BSNUM = item.BSNUM // 业务id
+      refObj.value.APPLYTYPE = item.APPLYTYPE // 申请类型
+      refObj.value.SOURCE_TYPE = item.SOURCE_TYPE // 资源类型
+      refObj.value.REGION_CODE = item.REGION_CODE // 区划编码
+      refObj.value.REGION_NAME = item.REGION_NAME // 区划名称
+      refObj.value.ORG_NAME = item.ORG_NAME // 部门名称
+      refObj.value.ORG_CODE = item.ORG_CODE // 部门名称编码
+      refObj.value.AGENT_NAME = item.AGENT_NAME // 处室名称
+      refObj.value.AGENT_CODE = item.AGENT_CODE // 处室编码
+      refObj.value.CREATOR_NAME = item.CREATOR_NAME // 申请人
+      detailsVisible.value = true
     } else if (typeName.value == '设备申请') {
       getDeviceDetailInfo(item.deviceId)
         .then((res) => {
@@ -599,6 +651,24 @@
           showType.value = '数据资源申请'
         }
       )
+    } else if (typeName.value == '云资源申请') {
+      getResourceBusinessList({ userAccount: 'qdsdzzwbgsxtaqglc' }).then(
+        (res) => {
+          console.log('数据资源申请===============>', res.data.data)
+          contentList.data = res.data.data
+          num.value = []
+          total.value = 0
+          showType.value = '云资源'
+        }
+      )
+    } else if (typeName.value == '云视频申请') {
+      getVideoBusinessList({ userAccount: 'zfcxjsjkjc' }).then((res) => {
+        console.log('数据资源申请===============>', res.data.data)
+        contentList.data = res.data.data
+        num.value = []
+        total.value = 0
+        showType.value = '云资源'
+      })
     } else if (typeName.value == '能力评价') {
       contentList.data = []
       num.value = []

front/src/views/personalCenter/components/cloudResources.vue

@@ -0,0 +1,229 @@
+<!--
+ * @Author: hisense.liangjunhua
+ * @Date: 2022-07-12 09:42:44
+ * @LastEditors: Light
+ * @LastEditTime: 2022-11-11 18:30:28
+ * @Description:我的申请 能力申请 查看详情
+-->
+<template>
+  <div class="top">
+    <div class="title">基本信息</div>
+    <div class="main" v-if="props.refObj">
+      <div>
+        <p class="item">
+          <span>状态：{{ props.refObj.STATUS || '--' }}</span>
+          <span>操作时间：{{ props.refObj.CREATE_TIME || '--' }}</span>
+        </p>
+        <p class="item">
+          <span>业务名称：{{ props.refObj.PROJECT_NAME || '--' }}</span>
+          <span>业务id：{{ props.refObj.BSNUM || '--' }}</span>
+        </p>
+        <p class="item">
+          <span>申请类型：{{ props.refObj.APPLYTYPE || '--' }}</span>
+          <span>资源类型：{{ props.refObj.SOURCE_TYPE || '--' }}</span>
+        </p>
+        <p class="item">
+          <span>区划编码：{{ props.refObj.REGION_CODE || '--' }}</span>
+          <span>区划名称：{{ props.refObj.REGION_NAME || '--' }}</span>
+        </p>
+        <p class="item">
+          <span>部门名称：{{ props.refObj.ORG_NAME || '--' }}</span>
+          <span>部门名称编码：{{ props.refObj.ORG_CODE || '--' }}</span>
+        </p>
+        <p class="item">
+          <span>处室名称：{{ props.refObj.AGENT_NAME || '--' }}</span>
+          <span>处室编码：{{ props.refObj.AGENT_CODE || '--' }}</span>
+        </p>
+        <p class="item">
+          <span>申请人：{{ props.refObj.CREATOR_NAME || '--' }}</span>
+        </p>
+      </div>
+    </div>
+  </div>
+</template>
+<script setup>
+  import { ref, defineProps } from 'vue'
+  const props = defineProps({
+    refObj: { type: Object, default: null },
+  })
+  console.log(props.refObj, '=====================================')
+  // if (props.refObj.resourceApplication) {
+  //   showArr.value = []
+  //   for (const key in props.refObj.resourceApplication) {
+  //     if (props.refObj.resourceApplication[key].length > 0) {
+  //       let obj = { name: '', instanceId: '', list: [], list2: [] }
+  //       obj.name = key
+  //       props.refObj.resourceApplication[key].map((item) => {
+  //         obj.instanceId = item.instanceId
+  //         if (item.resources.length > 0) {
+  //           item.resources.map((val) => {
+  //             obj.list.push(val)
+  //           })
+  //         } else {
+  //           item.camera.map((val) => {
+  //             obj.list2.push(val)
+  //           })
+  //         }
+  //       })
+  //       showArr.value.push(obj)
+  //     }
+  //   }
+  // }
+</script>
+<style lang="less" scoped>
+  .title {
+    font-size: 0.18rem;
+    color: #000;
+    font-weight: bold;
+    margin-bottom: 0.2rem;
+    padding-left: 0.1rem;
+    border-left: 0.06rem #0058e1 solid;
+  }
+  .top {
+    margin-bottom: 0.1rem;
+    .main {
+      background: #eee;
+      padding: 0.2rem 0.2rem 0.1rem;
+      p {
+        display: flex;
+        justify-content: space-between;
+        & > span {
+          width: 100%;
+        }
+        .enclosure {
+          width: 95%;
+          padding: 0.05rem 0.1rem;
+          background: #ddd;
+          display: flex;
+          justify-content: space-between;
+          margin-top: 0.05rem;
+        }
+        .btn:hover {
+          color: #0058e1;
+          cursor: pointer;
+        }
+      }
+      .item {
+        span {
+          width: 4.5rem;
+        }
+      }
+    }
+  }
+  .bottom {
+    .main {
+      .item {
+        border-top: 1px #eee solid;
+        .deptName {
+          color: #0058e1;
+          font-size: 0.16rem;
+          margin-top: 0.1rem;
+          display: flex;
+          align-items: center;
+          .img {
+            width: 0.05rem;
+            height: 0.05rem;
+            border-radius: 0.05rem;
+            background: #0058e1;
+            margin-right: 0.1rem;
+          }
+        }
+        .oddNumbers {
+          margin: 0.1rem 0 0 0.15rem;
+        }
+        .box {
+          margin-left: 0.1rem;
+          .ability {
+            height: 1.3rem;
+            display: flex;
+            border-bottom: 1px #eee solid;
+            padding: 0.1rem 0;
+            .left {
+              display: inline-block;
+              width: 1.1rem;
+              height: 1.1rem;
+              margin-left: 0.1rem;
+              background: url('~@/assets/home/sxt_square.png') no-repeat;
+              background-size: 100%;
+            }
+
+            .sxt {
+              background: url('~@/assets/home/sxt_square.png') no-repeat;
+              background-size: 100%;
+            }
+            .yyzy {
+              background: url('~@/assets/home/yyzy_square.png') no-repeat;
+              background-size: 100%;
+            }
+
+            .znsf {
+              background: url('~@/assets/home/znsf_square.png') no-repeat;
+              background-size: 100%;
+            }
+
+            .tcfw {
+              background: url('~@/assets/home/tcfw_square.png') no-repeat;
+              background-size: 100%;
+            }
+
+            .kfzj {
+              background: url('~@/assets/home/kfzj_square.png') no-repeat;
+              background-size: 100%;
+            }
+
+            .ywzj {
+              background: url('~@/assets/home/ywzj_square.png') no-repeat;
+              background-size: 100%;
+            }
+            .btn {
+              cursor: pointer;
+              color: #0087ff;
+              align-self: flex-end;
+              padding: 5px 10px;
+              border: 1px #0087ff solid;
+              border-radius: 0.2rem;
+            }
+            .right {
+              flex: 1;
+              margin-left: 0.15rem;
+              .ability-top {
+                width: 100%;
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                .name {
+                  .type {
+                    background: #0087ff;
+                    color: #fff;
+                    padding: 2px 10px;
+                    border-radius: 10px;
+                    margin-left: 0.1rem;
+                  }
+                }
+              }
+              .ability-bottom {
+                margin-top: 0.15rem;
+                // display: flex;
+                // justify-content: space-between;
+                .dec {
+                  width: 7rem;
+                  height: 0.44rem;
+                  overflow: hidden;
+                  text-overflow: ellipsis;
+                  display: -webkit-box;
+                  -webkit-line-clamp: 2;
+                  -webkit-box-orient: vertical;
+                  word-break: break-all;
+                }
+                .result:hover {
+                  color: #0058e1;
+                  cursor: pointer;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+</style>