Signed-off-by: zhaobao <528046418@qq.com>

pages/disaster/index.vue

@@ -23,7 +23,10 @@
 						</template>
 						<view class="item" @click="handle({type:'detail',item})">
 							<view class="title">
-								<view class="name">{{item.dlName}}</view>									
+								<view class="name">{{item.dlName}}</view>
+								<view class="camera" @click.stop="showCamera">
+									<uni-icons v-if='item.cameraNum>0' type="videocam-filled" size="20" color="#007aff" ></uni-icons>
+								</view>								
 							</view>
 							<view class="item-row space-between">
 								<uni-tag :text="item.disasterLevelTitle" custom-style="background-color: #ecf5ff; border-color: #d9ecff; color: #409eff;"></uni-tag>
@@ -60,7 +63,10 @@
 						</template>
 						<view class="item" @click="handle({type:'detail',item})">
 							<view class="title">
-								<view class="name">{{item.rdName}}</view>									
+								<view class="name">{{item.rdName}}</view>	
+								<view class="camera" @click.stop="showCamera">
+									<uni-icons v-if='item.cameraNum>0' type="videocam-filled" size="20" color="#007aff" ></uni-icons>
+								</view>																	
 							</view>
 							<view class="item-row space-between">
 								<view class="icon-item">
@@ -144,6 +150,9 @@
 					this.items=res.data
 				})
 			},
+			showCamera(item){
+				
+			},
 			handle({type,item}){
 				if(type==='detail'){					
 					this.$refs.detail.show(item)
@@ -259,11 +268,25 @@
 		}
 		.item{
 			color: #666;
-			.name{
-				font-size: 32rpx;
-				color: #222222;
-				line-height: 1;
-				padding-bottom: 10rpx;
+			.title{
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				.name{
+					font-size: 32rpx;
+					color: #222222;
+					line-height: 1;
+					padding-bottom: 10rpx;
+					text-overflow: ellipsis;
+					overflow: hidden;
+					white-space: nowrap;
+					flex: 1;
+				}
+				.camera{
+					width: 100rpx;
+					text-align: right;
+					flex-shrink: 0;
+				}
 			}
 			image{
 				&.icon{

unpackage/dist/dev/mp-weixin/pages/disaster/index.js

@@ -197,6 +197,12 @@ var _disaster = _interopRequireDefault(__webpack_require__(/*! @/api/disaster.js
 //
 //
 //
+//
+//
+//
+//
+//
+//
 var CreateDisaster = function CreateDisaster() {
   __webpack_require__.e(/*! require.ensure | pages/disaster/components/CreateDisaster */ "pages/disaster/components/CreateDisaster").then((function () {
     return resolve(__webpack_require__(/*! ./components/CreateDisaster.vue */ 301));
@@ -260,6 +266,7 @@ var _default = {
         _this.items = res.data;
       });
     },
+    showCamera: function showCamera(item) {},
     handle: function handle(_ref2) {
       var type = _ref2.type,
         item = _ref2.item;

unpackage/dist/dev/mp-weixin/pages/disaster/index.wxss

@@ -106,11 +106,25 @@
 .page-wrap .pageMain .item.data-v-0df63a46 {
   color: #666;
 }
-.page-wrap .pageMain .item .name.data-v-0df63a46 {
+.page-wrap .pageMain .item .title.data-v-0df63a46 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.page-wrap .pageMain .item .title .name.data-v-0df63a46 {
   font-size: 32rpx;
   color: #222222;
   line-height: 1;
   padding-bottom: 10rpx;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  flex: 1;
+}
+.page-wrap .pageMain .item .title .camera.data-v-0df63a46 {
+  width: 100rpx;
+  text-align: right;
+  flex-shrink: 0;
 }
 .page-wrap .pageMain .item image.icon.data-v-0df63a46 {
   width: 30rpx;

unpackage/dist/dev/mp-weixin/project.private.config.json

@@ -9,7 +9,7 @@
       "list": [
         {
           "name": "",
-          "pathName": "pages/danger/index",
+          "pathName": "pages/disaster/index",
           "query": "",
           "launchMode": "default",
           "scene": null