From 602321054220f4083469a5ca9609f8d2d12ef434 Mon Sep 17 00:00:00 2001
From: zhangqihang <zhangqihang>
Date: Tue, 20 Feb 2024 15:15:01 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E7=82=B9=E5=B7=A5=E7=A8=8B=E6=B5=81?=
 =?UTF-8?q?=E7=A8=8B=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                                    |  16 +
 .../key-project-management/index/index.vue    |   9 +
 .../positioning_management/index.vue          | 276 ++++++++++++++++++
 .../keyProjectApply.vue                       | 192 ++++++++++++
 .../positioning_management/list.vue           | 205 +++++++++++++
 .../positioning_management/videoView.vue      | 112 +++++++
 6 files changed, 810 insertions(+)
 create mode 100644 pages/application/key-project-management/positioning_management/index.vue
 create mode 100644 pages/application/key-project-management/positioning_management/keyProjectApply.vue
 create mode 100644 pages/application/key-project-management/positioning_management/list.vue
 create mode 100644 pages/application/key-project-management/positioning_management/videoView.vue

diff --git a/pages.json b/pages.json
index aaddc7b..f206e2a 100644
--- a/pages.json
+++ b/pages.json
@@ -747,6 +747,22 @@
 			"path": "pages/application/key-project-management/safety-environmental-inspection/list",
 			"style": {}
 		},
+        {
+            "path": "pages/application/key-project-management/positioning_management/index",
+            "style": {}
+        },
+        {
+            "path": "pages/application/key-project-management/positioning_management/keyProjectApply",
+            "style": {}
+        },
+        {
+            "path": "pages/application/key-project-management/positioning_management/list",
+            "style": {}
+        },
+        {
+            "path": "pages/application/key-project-management/positioning_management/videoView",
+            "style": {}
+        },
 		{
 			"path": "pages/application/key-project-management/safety-environmental-inspection/detail-list",
 			"style": {}
diff --git a/pages/application/key-project-management/index/index.vue b/pages/application/key-project-management/index/index.vue
index cb08df3..0477f37 100644
--- a/pages/application/key-project-management/index/index.vue
+++ b/pages/application/key-project-management/index/index.vue
@@ -11,6 +11,15 @@
           <text>重点工程管理</text>
         </view>
         <view class="apps-warp">
+          <navigator class="apps-item" hover-class="none" url="/pages/application/key-project-management/positioning_management/index">
+            <view class="imgs action">
+              <image src="../../../../static/icon-apps/icon-yxkj-1.png" mode=""></image>
+              <view v-if="count.GC_COUNT" class="cu-tag badge">{{count.GC_COUNT}}</view>
+            </view>
+            <view class="text-semi" style="text-align: center;">
+              <view>重点工程管理</view>
+            </view>
+          </navigator>
           <navigator class="apps-item" hover-class="none" url="/pages/application/key-project-management/safety-environmental-inspection/list">
             <view class="imgs action">
               <image src="../../../../static/icon-apps/icon-yxkj-1.png" mode=""></image>
diff --git a/pages/application/key-project-management/positioning_management/index.vue b/pages/application/key-project-management/positioning_management/index.vue
new file mode 100644
index 0000000..5e9c8fc
--- /dev/null
+++ b/pages/application/key-project-management/positioning_management/index.vue
@@ -0,0 +1,276 @@
+<template>
+  <view>
+    <cu-custom bgColor="bg-gradual-blueness" :isBack="true" :isRingt="true">
+      <block slot="backText">返回</block>
+      <block slot="content">重点工程管理</block>
+    </cu-custom>
+    <view class="select-fixed top-fixed">
+      <view class="cu-bar search bg-white">
+        <view class="search-form radius">
+          <text class="cuIcon-search"></text>
+          <input @input="InputBlur" placeholder="请输入关键字"
+                 confirm-type="search" />
+        </view>
+        <view class="action">
+          <button class="cu-btn bg-green shadow-blur radius" @click="getQuery">搜索</button>
+        </view>
+      </view>
+      <view class="line"></view>
+    </view>
+    <scroll-view class="dy-scroll" @scrolltolower="scrolltolower" scroll-y :style="'top:'+sTop+'px;height:calc(100vh - '+totalHeight+'px)'">
+      <view v-if="list.length>0" >
+        <view class="dy-list">
+          <view v-for="(item,index) of list" :key="index" :data-id="item.INSPECTION_ID" @click="$noMultipleClicks(goToDetail,item.OUTSOURCED_ID)" class="dy-list-item p20">
+            <view class="dy-title-flex align-center">
+              <text>{{item.OUTSOURCED_NAME}}</text>
+			  <text>
+				  <view v-if="(item.STATE==='-1' || item.STATE==='-2') && userId == item.CREATOR "
+				  style="border-radius: 96px;
+						font-size: 10px;
+						padding: 0px 10px;
+						height: 13px;
+						color: #ffffff;
+						background-color:#dd514c ;">1</view>
+			  </text>
+            </view>
+			<view v-show="item.IS_CORP_TYPE== '1'" class="dy-subtitle-flex">
+			  <text>
+				主管部门：{{ item.Q_COMPETENT_DEPT_NAME }}
+			  </text>
+			</view>
+            <view v-show="item.IS_CORP_TYPE== '1'" class="dy-subtitle-flex">
+              <text>
+                监督部门：{{ item.DEPARTMENT_NAME }}
+              </text>
+            </view>
+			<view v-show="item.IS_CORP_TYPE== '0'" class="dy-subtitle-flex">
+			  <text>
+				主管部门：{{ item.MANAGER_DEPARTMENT_NAME }}
+			  </text>
+			</view>
+			<view v-show="item.IS_CORP_TYPE== '0'" class="dy-subtitle-flex">
+			  <text>
+			    监管部门：{{ item.DEPARTMENT_NAME }}
+			  </text>
+			</view>
+            <view class="dy-subtitle-flex">
+              <text>相关方单位负责人：{{item.UNITS_PIC_NAME}}</text>
+              <text>电话：{{item.UNITS_PHONE}}</text>
+            </view>
+            <view class="dy-subtitle-flex" @click="fnKeyProjectApply(item.OUTSOURCED_ID)">
+              <text>定位坐标：{{ item.WORK_LONGITUDE?item.WORK_LONGITUDE+'*'+item.WORK_LATITUDE: ''}}</text>
+            </view>
+            <view class="dy-subtitle-flex" @click="fnKeyProjectApply(item.OUTSOURCED_ID)">
+              <text>状态：{{ item.STATE == '-1'?'开工申请中':item.STATE == '-2'?'结束申请中': item.STATE == '0'?'未开工': item.STATE == '1'?'进行中': '已结束'}}</text>
+            </view>
+			<view class="dy-subtitle-flex" style="height: 34upx;">
+			  <text></text>
+			  <text>
+			    <button class="cu-btn bg-blue margin-tb-sm sm" @click="$noMultipleClicks(goToDetail,item.OUTSOURCED_ID)">查看</button>
+				<button style="margin-left: 20upx;" class="cu-btn bg-blue margin-tb-sm sm" @click="$noMultipleClicks(goToVideo,item.OUTSOURCED_ID)">播放</button>
+			  </text>
+			</view>
+          </view>
+        </view>
+      </view>
+      <view v-else-if="dataFlag=='noData'" class="dy-null">
+        <view class="dy-null-img">
+          <image :src="background[dataFlag].url" mode=""></image>
+        </view>
+        <view class="dy-null-title">
+          {{background[dataFlag].msg}}
+        </view>
+      </view>
+      <view class="cu-tabbar-height"></view>
+    </scroll-view>
+  </view>
+</template>
+
+<script>
+import {
+  basePath,corpinfoId,loginSession,formatDate,loginUser,loginUserId
+} from '@/common/tool.js';
+import tkiTree from "@/components/select-tree/select-tree.vue"
+export default {
+  components: {
+    tkiTree
+  },
+  data() {
+    return {
+      showRight: false,
+      dataFlag:'noData',
+      sTop:0,
+      totalHeight:0,
+      list:[],//返回数据
+      page:1,//分页参数--页数
+      rows:10,//分页参数--每页数据条数
+      totalCount:0,//分页参数--初始化页数
+      isEnd:false,//防止多次刷新
+      totalPage: 0, //分页参数--分页数量
+      NameLikes : '',
+      noClick:true,
+	  userId: '',
+    }
+  },
+  onReady() {
+    let that=this;
+    let CustomBar = this.CustomBar;
+    uni.getSystemInfo({ //调用uni-app接口获取屏幕高度
+      success(res) { //成功回调函数
+        let titleH=uni.createSelectorQuery().select(".top-fixed"); //想要获取高度的元素名（class/id）
+        titleH.boundingClientRect(data=>{
+          that._data.sTop=data.height  //计算高度：元素高度=窗口高度-元素距离顶部的距离（data.top）
+          that.totalHeight = data.height+CustomBar
+        }).exec()
+      }
+    })
+  },
+  onLoad() {//页面第一次加载时触发，从跳转页面返回时不能触发，可以传递参
+
+  },
+  onShow() {
+    //页面显示或从后台跳回小程序时显示此页面时触发，从跳转页面返回时触发，不能传递参数
+    var _this = this;
+    _this.background = require('@/common/background.json');
+    _this.showCount = 10;
+    _this.currentPage = 1;
+    _this.list = [];
+    _this.isEnd = false;
+    _this.getData();
+    loginSession();
+  },
+  methods: {
+    //跳转事件
+    goToDetail(e) {
+      uni.navigateTo({
+        url: '/pages/application/key-project-management/positioning_management/keyProjectApply?OUTSOURCED_ID='+e
+      });
+    },
+	goToVideo(e) {
+      uni.navigateTo({
+        url: '/pages/application/key-project-management/positioning_management/list?OUTSOURCED_ID='+e
+      });
+    },
+    getQuery(){	//搜索按钮事件
+      var _this = this;
+      _this.showCount = 10;
+      _this.currentPage = 1;
+      _this.list = [];
+      _this.isEnd = false;
+      _this.getData();
+    },
+    InputBlur(e){
+      this.NameLikes = e.detail.value
+    },
+    // 滑动到底方法
+    scrolltolower(){
+      var _this = this;
+      _this.showCount = 10;
+      _this.currentPage = _this.currentPage + 1;
+      _this.isEnd = false;
+      if(_this.totalPage >= _this.currentPage){
+        _this.getData();//开始分页查询
+      }
+    },
+    getData(){
+      var _this = this;
+	  _this.userId = loginUserId;
+      if (_this.isEnd) {
+        return
+      }else{
+        this.isEnd =true;
+      }
+      uni.showLoading({
+        title:"加载中..."
+      });//加载中动画
+      uni.request({
+        url: basePath +'/app/keyProjects/outSouceslistPage?showCount='+_this.showCount+'&currentPage='+_this.currentPage ,
+        method: 'POST',
+        dataType: 'json',
+        header: {
+          'Content-type':'application/x-www-form-urlencoded'
+        },
+        data: {
+          KEYWORDS : _this.NameLikes, //关键字模糊查询
+          CORPINFO_ID:corpinfoId,
+		  UserId:loginUserId
+        },
+        success: (res) => {
+          uni.hideLoading();//结束加载中动画
+          if (res.data != null) {
+            _this.totalPage = res.data.page.totalPage;
+            if(_this.list.length == 0){
+              _this.list = res.data.varList;
+            }else{
+              if(res.data.varList != null){
+                _this.list2 = res.data.varList;
+                _this.list = _this.list.concat(_this.list2);
+              }
+            }
+          }
+        }
+      })
+    },
+  }
+}
+</script>
+
+<style>
+.dy-card {
+  background-color: #fff;
+  border-radius: 10upx;
+  margin: 30upx
+}
+
+.dy-card-title {
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 1px solid #eee;
+  min-height: 80upx;
+  line-height: 80upx;
+  padding: 0 30upx;
+}
+
+.dy-card-content {
+  padding: 0upx 30upx 30upx;
+
+}
+
+.dy-card-content-item {
+  margin-top: 20upx;
+}
+
+.dy-card-content-item .title {
+  display: flex;
+  align-items: center;
+}
+
+.dy-card-content-item .title .l {
+  width: 10upx;
+  height: 30upx;
+  border-radius: 20upx;
+  background-color: #666;
+  margin-right: 10upx;
+}
+
+.dy-card-content-item .content {
+  background-color: #F1F1F1;
+  padding: 10upx 14upx;
+  margin-top: 14upx;
+  line-height: 1.6;
+}
+
+.dy-card-content-item .name text {
+  background-color: #F1F1F1;
+  padding: 10upx 14upx;
+  margin-top: 14upx;
+  line-height: 1.6;
+  display: inline-block;
+}
+
+.dy-card-foot {
+  border-top: 1px solid #eee;
+  padding: 30upx;
+}
+</style>
+
diff --git a/pages/application/key-project-management/positioning_management/keyProjectApply.vue b/pages/application/key-project-management/positioning_management/keyProjectApply.vue
new file mode 100644
index 0000000..86b82c9
--- /dev/null
+++ b/pages/application/key-project-management/positioning_management/keyProjectApply.vue
@@ -0,0 +1,192 @@
+<template>
+  <view>
+  	<cu-custom bgColor="bg-gradual-blueness" :isBack="true">
+  		<block slot="backText">返回</block>
+  		<block slot="content">重点工程信息</block>
+  	</cu-custom>
+    <view class="form">
+    	<view class="wui-form-list">
+			<view class="cu-form-group">
+				<view class="title">重点工程名称：</view>
+				<view>{{info.OUTSOURCED_NAME}}</view>
+			</view>
+			<view class="cu-form-group">
+				<view class="title">计划工期：</view>
+				<view>{{info.STARTTIME}}至{{info.ENDTIME}}</view>
+			</view>
+			<view class="cu-form-group">
+				<view class="title">合同号：</view>
+				<view>{{info.CONTRACT_NUM}}</view>
+			</view>
+			<view class="cu-form-group">
+				<view class="title">施工相关方：</view>
+				<view>{{info.UNITS_NAME}}</view>
+			</view>
+			<view class="cu-form-group">
+				<view class="title">相关方单位工程负责人：</view>
+				<view>{{info.UNITS_PIC_NAME}}</view>
+			</view>
+			<view class="cu-form-group" >
+				<view class="title">相关方单位负责人手机：</view>
+				<view>{{info.UNITS_PHONE}}</view>
+			</view>
+			<view v-if="info.WORK_LONGITUDE" class="cu-form-group" >
+				<view class="title">经度：</view>
+				<view>{{info.WORK_LONGITUDE}}</view>
+			</view>
+			<view v-if="info.WORK_LATITUDE" class="cu-form-group" >
+				<view class="title">纬度：</view>
+				<view>{{info.WORK_LATITUDE}}</view>
+			</view>
+			<view class="cu-form-group" >
+				<view class="title">具体位置：</view>
+				<view>{{info.LOCATION}}</view>
+			</view>
+		</view>
+	</view>
+	<view class="cu-bar btn-group" style="margin-top: 30upx;">
+		<button v-if="info.STATE==='-1'&& anniuShow" class="cu-btn bg-blue margin-tb-sm lg"
+			@click="fnUpdateStateKeyProject('1')">工程开始</button>
+			<button v-if="info.STATE==='-2'&& anniuShow" class="cu-btn bg-blue margin-tb-sm lg"
+				@click="fnUpdateStateKeyProject('2')">工程结束</button>
+		<button class="cu-btn bg-green margin-tb-sm lg"
+			@click="goback">返回</button>
+	</view>
+  </view>
+</template>
+
+<script>
+import {
+  basePath,corpinfoId,loginSession,formatDate,loginUser,loginUserId
+} from '@/common/tool.js';
+export default {
+
+  data() {
+    return {
+      OUTSOURCED_ID: '',
+      KEYPROJECTCHECK_ID: '',
+      type: '',
+      info: {},
+	  WORK_LONGITUDE: '', //经度
+	  WORK_LATITUDE: '', //纬度
+      hiddenData: {},
+      popupShow: false,
+      videoShow: false,
+      videoSrc: '',
+	  anniuShow: false
+    }
+  },
+  computed: {
+    userInfo() {
+      return this.$store.getters.getUserInfo
+    }
+  },
+  onLoad(options) {
+    this.OUTSOURCED_ID = options.OUTSOURCED_ID
+    this.fnGetData()
+  },
+  methods: {
+    fnGetData() {
+		 var _this = this;
+		 uni.showLoading({
+		   title:"加载中..."
+		 });//加载中动画
+		//获取重点工程详细信息
+		uni.request({
+		  url: basePath +'/app/keyProjects/getOutsourced',
+		  method: 'POST',
+		  dataType: 'json',
+		  header: {
+		    'Content-type':'application/x-www-form-urlencoded'
+		  },
+		  data: {
+		    OUTSOURCED_ID: _this.OUTSOURCED_ID,
+		  },
+		  success: (res) => {
+		    uni.hideLoading();//结束加载中动画
+		    if (res.data != null) {
+		      _this.info = res.data.pd;
+		      _this.WORK_LONGITUDE = _this.info.WORK_LONGITUDE; //经度
+		      _this.WORK_LATITUDE = _this.info.WORK_LATITUDE; //纬度
+	
+				  _this.anniuShow = true;
+			  
+		    }
+		  }
+		})
+    },
+	//返回方法
+	goback() {
+		var pages = getCurrentPages(); // 获取当前页面栈
+		var prePage = pages[pages.length - 2]; // 上二级页面
+		prePage.$vm.initflag = true; // A 页面 init方法 为true
+		uni.navigateBack({
+			delta: 1
+		});
+		uni.hideLoading();
+	},
+	//工程开始
+	fnUpdateStateKeyProject(state){
+		var _this = this;
+		var content = '';
+		if(state === '1'){
+			content = '确定同意开工吗?'
+		}else if(state === '2'){
+			content = '确定同意结束吗?'
+		}
+		uni.showModal({
+			title: '提示',
+			cancelText: '确认',
+			confirmText: '取消',
+			content: content,
+			success: function (res) {
+				if (res.cancel) {
+					//获取重点工程详细信息
+					uni.request({
+					  url: basePath +'/app/keyProjects/updateState',
+					  method: 'POST',
+					  dataType: 'json',
+					  header: {
+					    'Content-type':'application/x-www-form-urlencoded'
+					  },
+					  data: {
+					    OUTSOURCED_ID: _this.OUTSOURCED_ID,
+					    STATE:state,
+					    OPERATOR: loginUserId //修改人
+					  },
+					  success: (res) => {
+					    uni.hideLoading();//结束加载中动画
+						_this.goback()
+					  }
+					})
+				}
+			}
+		});
+		
+	},
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.content {
+  padding: 0 20upx;
+  background-color: #fff;
+}
+
+.button {
+  text-align: center;
+  margin-top: 40upx;
+  margin-bottom: 40upx;
+  display: flex;
+  justify-content: space-between;
+
+  button {
+    width: 45%;
+  }
+}
+
+.ml-10:first-child {
+  margin-left: 0 !important;
+}
+</style>
diff --git a/pages/application/key-project-management/positioning_management/list.vue b/pages/application/key-project-management/positioning_management/list.vue
new file mode 100644
index 0000000..87c514c
--- /dev/null
+++ b/pages/application/key-project-management/positioning_management/list.vue
@@ -0,0 +1,205 @@
+<template>
+	<view>
+		<cu-custom bgColor="bg-gradual-blueness" :isBack="true" :isRingt="true">
+			<block slot="backText">返回</block>
+			<block slot="content">视频列表</block>
+		</cu-custom>
+		<scroll-view class="dy-scroll" @scrolltolower="scrolltolower" scroll-y :style="'top:'+sTop+'px;height:calc(100vh - '+totalHeight+'px)'">
+			<view v-if="list.length>0" >
+				<view class="dy-list">
+					<view v-for="(item,index) of list" :key="index" :data-id="item.INSPECTION_ID" @click="fnVideo(item)" class="dy-list-item p20">
+						 <view class="dy-title-flex align-center">
+							<text>{{ item.VIDEONAME }}</text>
+						</view>
+						<view class="dy-subtitle-flex">
+							<text>
+							  播放地址：{{ item.VIDEOURL }}
+							</text>
+						</view>
+						<view class="dy-subtitle-flex" v-if="item.LATITUDE&&item.LONGITUDE">
+							<text>
+								坐标：{{ item.LATITUDE }}*{{item.LONGITUDE}}
+							</text>
+						</view>
+						<view class="dy-subtitle-flex">
+							<text>
+							  状态：{{ item.LATITUDE&&item.LONGITUDE? "已定位":"未定位" }}
+							</text>
+							<view class="flex-between">
+								<button class="cu-btn bg-blue margin-tb-sm sm" @click="fnVideo(item)">播放</button>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+			<view v-else-if="dataFlag=='noData'" class="dy-null">
+				<view class="dy-null-img">
+				<image :src="background[dataFlag].url" mode=""></image>
+				</view>
+				<view class="dy-null-title">
+				{{background[dataFlag].msg}}
+				</view>
+			</view>
+			<view class="cu-tabbar-height"></view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+import {
+  basePath,corpinfoId,loginSession,formatDate,loginUser,loginUserId
+} from '@/common/tool.js';
+
+export default {
+  data() {
+    return {
+	  dataFlag:'noData',
+      OUTSOURCED_ID: '',
+      KEYWORDS: '',
+      list: [],
+      pageSize: 10,
+      currentPage: 1,
+      totalPage: 0,
+	  noClick:true,
+	  sTop:0,
+	  totalHeight:0,
+    }
+  },
+  onLoad(options) {
+    this.OUTSOURCED_ID = options.OUTSOURCED_ID
+  },
+  onShow() {
+	  var _this = this;
+	  _this.background = require('@/common/background.json');
+	  _this.showCount = 10;
+	  _this.currentPage = 1;
+	  _this.list = [];
+      _this.fnSearchList()
+  },
+  computed: {
+    userInfo() {
+      return this.$store.getters.getUserInfo
+    }
+  },
+  methods: {
+     fnGetData() {
+		 var _this = this;
+		 uni.showLoading({
+		   title:"加载中..."
+		 });//加载中动画
+		 uni.request({
+		   url: basePath +'/app/keyProjects/videomanagerList?showCount='+_this.showCount+'&currentPage='+_this.currentPage ,
+		   method: 'POST',
+		   dataType: 'json',
+		   header: {
+		     'Content-type':'application/x-www-form-urlencoded'
+		   },
+		   data: {
+		     OUTSOURCED_ID: this.OUTSOURCED_ID,
+		     KEYWORDS: this.KEYWORDS,
+		     showCount: this.pageSize,
+		     currentPage: this.currentPage
+		   },
+			success: (res) => {
+				uni.hideLoading();//结束加载中动画
+				_this.list = [...this.list, ...res.data.varList];
+				//换行
+				for(var i =0;i<_this.list.length;i++){
+					var videourl = '';
+					var old = this.list[i].VIDEOURL;
+					var k = 1;
+					if(_this.list[i].VIDEOURL){
+						for(var j =0;j<_this.list[i].VIDEOURL.length;j++){
+							if(j/2==22*k){
+								videourl+='\n';
+								k++;
+							}
+							videourl+=_this.list[i].VIDEOURL[j];
+						}
+					}
+					_this.list[i].VIDEOURL = videourl
+					_this.list[i].old = old
+				}
+				_this.totalPage = res.data.page.totalPage;
+		   }
+		})
+	},
+    scrolltolower() {
+      this.currentPage++;
+      if (this.totalPage >= this.currentPage) this.fnGetData();
+    },
+    fnSearchList() {
+		var _this = this;
+      _this.showCount = 10;
+      _this.currentPage = _this.currentPage + 1;
+      _this.list = [];
+      _this.fnGetData();
+    },
+	fnVideo(video) {
+		uni.navigateTo({
+		  url: '/pages/application/key-project-management/positioning_management/videoView?url='+video.old
+		});
+	}
+  },
+}
+</script>
+
+<style>
+.dy-card {
+  background-color: #fff;
+  border-radius: 10upx;
+  margin: 30upx
+}
+
+.dy-card-title {
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 1px solid #eee;
+  min-height: 80upx;
+  line-height: 80upx;
+  padding: 0 30upx;
+}
+
+.dy-card-content {
+  padding: 0upx 30upx 30upx;
+
+}
+
+.dy-card-content-item {
+  margin-top: 20upx;
+}
+
+.dy-card-content-item .title {
+  display: flex;
+  align-items: center;
+}
+
+.dy-card-content-item .title .l {
+  width: 10upx;
+  height: 30upx;
+  border-radius: 20upx;
+  background-color: #666;
+  margin-right: 10upx;
+}
+
+.dy-card-content-item .content {
+  background-color: #F1F1F1;
+  padding: 10upx 14upx;
+  margin-top: 14upx;
+  line-height: 1.6;
+}
+
+.dy-card-content-item .name text {
+  background-color: #F1F1F1;
+  padding: 10upx 14upx;
+  margin-top: 14upx;
+  line-height: 1.6;
+  display: inline-block;
+}
+
+.dy-card-foot {
+  border-top: 1px solid #eee;
+  padding: 30upx;
+}
+
+</style>
diff --git a/pages/application/key-project-management/positioning_management/videoView.vue b/pages/application/key-project-management/positioning_management/videoView.vue
new file mode 100644
index 0000000..bed31a3
--- /dev/null
+++ b/pages/application/key-project-management/positioning_management/videoView.vue
@@ -0,0 +1,112 @@
+<template>
+  <view>
+	  <cu-custom bgColor="bg-gradual-blueness" :isBack="true" :isRingt="true">
+	  	<block slot="backText">返回</block>
+	  	<block slot="content">视频播放</block>
+	  </cu-custom>
+      <video id="coursewareVideo" :src="src"
+             controls autoplay="autoplay" style="width: 100%;"></video>
+  </view>
+</template>
+
+<script>
+import {
+  videoPath
+} from '@/common/tool.js';
+export default {
+  data() {
+    return {
+      url: '',
+      src:''
+    }
+  },
+  onLoad(options) {
+	  var _this = this;
+    _this.url = options.url
+    _this.fnInit()
+  },
+  methods: {
+    fnInit(){
+		var _this = this;
+      _this.fnInitVideoPlat()
+    },
+    fnInitVideoPlat(){
+		var _this = this;
+		uni.showLoading({
+		    title: '加载中'
+		});
+      const params = _this.getUrlParams(_this.url)
+      if(!params || !params.serial){
+		  uni.showToast({
+		    title: '网络错误请重试',
+		    duration: 2000
+		  });
+        return
+      }
+      const serial = params.serial
+	  uni.request({
+	    url: videoPath +'/api/v1/login',
+	   data: {
+	       username:"admin",
+	       password:"234f3424be5a75ad898a1b55f6e34d9e",
+	       url_token_only:true
+	   },
+	   method: 'GET',
+	   header: {
+	       'Content-type': 'application/json'
+	   },
+	    success: (res) => {
+			console.log(res);
+		  const token = res.data.URLToken
+			uni.request({
+				url: videoPath +'/api/v1/stream/start',
+				data: {
+					serial,
+					token
+				},
+				method: 'GET',
+				header: {
+					'Content-type': 'application/json'
+				},
+				success: (ress) => {
+					console.log(ress);
+					_this.src = ress.data.HLS
+					uni.hideLoading();//结束加载中动画
+					
+				}
+			})
+	    }
+	  })
+    },
+    getUrlParams(url) {
+      const params = {};
+      const paramStr = url.split('?')[1]; // 获取问号后面的参数部分
+      if (paramStr) {
+        const paramArr = paramStr.split('&'); // 将参数字符串分割成键值对数组
+        paramArr.forEach((param) => {
+          const [key, value] = param.split('='); // 将键值对字符串分割成键和值
+          params[key] = value; // 将键值对添加到params对象中
+        });
+      }
+      return params;
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.content {
+  background-color: #fff;
+  padding: 0 20upx;
+}
+
+.button {
+  text-align: center;
+  margin-top: 40upx;
+  margin-bottom: 40upx;
+
+  button {
+    width: 70%;
+  }
+}
+</style>