2
									
								
								App.vue
								
								
								
								
							
							
						
						|  | @ -20,7 +20,7 @@ | |||
| 		}, | ||||
| 		onShow: function() { | ||||
| 			if(uni.getStorageSync('phone_active')){ | ||||
| 				// 刷新token | ||||
| 				// 刷新token  | ||||
| 				this.$toolAll.tools.refreshToken(); | ||||
| 			} | ||||
| 		}, | ||||
|  |  | |||
|  | @ -18,20 +18,22 @@ | |||
|           <!-- 绘制圈 end --> | ||||
|           <!-- 状态文本 start --> | ||||
|           <block v-if="showInfo"> | ||||
|             <text class="cmd-progress-text" :title="setFormat"> | ||||
|             <text class="cmd-progress-text" :title="setFormat" :style="{color: strokeColor}"> | ||||
|               <block v-if="status != 'success' && status != 'exception' && setProgress < 100">{{setFormat}}</block> | ||||
|               <!-- #ifdef H5 --> | ||||
|               <svg v-if="status == 'exception'" viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" | ||||
|                 aria-hidden="true"> | ||||
|                 <path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path> | ||||
|               </svg> | ||||
|               <svg v-if="status == 'success' || setProgress == 100" viewBox="64 64 896 896" data-icon="check" width="1em" | ||||
|               <!-- <svg v-if="status == 'success' || setProgress == 100" viewBox="64 64 896 896" data-icon="check" width="1em" | ||||
|                 height="1em" fill="currentColor" aria-hidden="true" :style="{'color': strokeColor ? strokeColor : ''}"> | ||||
|                 <path d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"></path> | ||||
|               </svg> | ||||
|               </svg> --> | ||||
| 			  <text v-if="status == 'exception' || status == 'success' || setProgress == 100">{{setFormat}}</text> | ||||
|               <!-- #endif --> | ||||
|               <!-- #ifndef H5 --> | ||||
|               <text v-if="status == 'exception' || status == 'success' || setProgress == 100" :style="setCircleIcon"></text> | ||||
|               <!-- <text v-if="status == 'exception' || status == 'success' || setProgress == 100" :style="setCircleIcon"></text> --> | ||||
| 			  <text v-if="status == 'exception' || status == 'success' || setProgress == 100">{{setFormat}}</text> | ||||
|               <!-- #endif --> | ||||
|             </text> | ||||
|           </block> | ||||
|  | @ -64,7 +66,8 @@ | |||
|           </svg> | ||||
|           <!-- #endif --> | ||||
|           <!-- #ifndef H5 --> | ||||
|           <text v-if="status == 'exception' || status == 'success' || setProgress == 100" :style="setLineStatusIcon"></text> | ||||
|           <!-- <text v-if="status == 'exception' || status == 'success' || setProgress == 100" :style="setLineStatusIcon"></text> --> | ||||
|           <text v-if="status == 'exception' || status == 'success' || setProgress == 100">{{setFormat}}</text> | ||||
|           <!-- #endif --> | ||||
|         </text> | ||||
|       </block> | ||||
|  | @ -311,8 +314,7 @@ | |||
|         // 完成进度 | ||||
|         if (this.status == 'success' || this.setProgress >= 100) { | ||||
|           currentColor = this.strokeColor || '#52c41a' | ||||
|           svgToBase = | ||||
|             `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' data-icon='check' width='1em' height='1em' fill='${escape(currentColor)}' aria-hidden='true'%3E %3Cpath d='M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z'%3E%3C/path%3E %3C/svg%3E`; | ||||
|           // svgToBase = `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' data-icon='check' width='1em' height='1em' fill='${escape(currentColor)}' aria-hidden='true'%3E %3Cpath d='M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z'%3E%3C/path%3E %3C/svg%3E`; | ||||
|         } | ||||
|         return `background-image: url("${svgToBase}"); | ||||
| 				background-size: cover; | ||||
|  |  | |||
|  | @ -1,92 +1,94 @@ | |||
| <template> | ||||
|     <view class="content"> | ||||
|         <statusNav navBarTitle="增值服务"></statusNav> | ||||
|             <container-subgroup-two > | ||||
|                 <view slot="content" style="margin: 0 -30rpx;"> | ||||
|                   <view class="select-type"> | ||||
|                       <view class="text">选择类型</view> | ||||
|                       <view class="type"> | ||||
|                           <view class="li" @click="typeIndexFun(index)" :class="index==typeIndex?'on':''" | ||||
|                               v-for="(item,index) in typeData"> | ||||
|                               {{item.title}} | ||||
|                           </view> | ||||
|                       </view> | ||||
|                   </view> | ||||
|                   <view class="appreciationServe-from"> | ||||
|                       <view class="li"> | ||||
|                           <view class="title"> | ||||
|                               <text class="cor">*</text>产品名称 | ||||
|                           </view> | ||||
|                           <input class="input" type="text" value="全彩LED显示屏" /> | ||||
|                       </view> | ||||
|                       <view class="li"> | ||||
|                           <view class="title"> | ||||
|                               <text class="cor">*</text>规格型号 | ||||
|                           </view> | ||||
|                                         <input class="input" type="text" value="P2.5" /> | ||||
|                       </view> | ||||
|                     | ||||
|                       <view class="li"> | ||||
|                           <view class="title">产品品牌</view> | ||||
|                           <input class="input" type="text" value="" placeholder="请输入品牌" /> | ||||
|                       </view> | ||||
|                       <view class="li"> | ||||
|                           <view class="title"> | ||||
|                               <text class="cor">*</text>产品尺寸 | ||||
|                           </view> | ||||
|                            | ||||
|                           <input class="input" type="text" value="宽:38.5m x 高14.5m" /> | ||||
|                       </view> | ||||
|                   </view> | ||||
|                   <view class="supplementTitle">补充信息</view> | ||||
|                   <view class="supplement-from"> | ||||
|                       <view class="li"> | ||||
|                           <view class="title"> | ||||
|                               <text class="cor">*</text>联系人 | ||||
|                           </view> | ||||
|                           <input type="text" class="input" value="王富贵" /> | ||||
|                       </view> | ||||
|                       <view class="li"> | ||||
|                           <view class=""> | ||||
|                               <text class="cor">*</text>联系电话 | ||||
|                           </view> | ||||
|                           <input type="text" class="input" value="18256666666" /> | ||||
|                       </view> | ||||
|                       <view class="li"> | ||||
|                           <view class=""> | ||||
|                               <text class="cor">*</text>预约时间 | ||||
|                           </view> | ||||
|                           <input type="text" class="input" value="2022-02-16" /> | ||||
|                       </view> | ||||
|                          | ||||
|                     | ||||
|                          | ||||
|                       <view class="li-textarea"> | ||||
|                           <view class="title">*详细地址</view> | ||||
|                           <textarea class="textarea" value="湖南省株洲市荷塘区红旗中路456号五矿二十三冶综合楼" placeholder="" /> | ||||
|                       </view> | ||||
|                        | ||||
|                       <view class="scene-img"> | ||||
|                           <view class="title">现场图片</view> | ||||
|                           <view class="img-content"> | ||||
|                             <image class="img" src="../../static/del/微信图片_20220113152400.png" mode=""></image>  | ||||
|                                 <image class="img" src="../../static/del/微信图片_20220113152400.png" mode=""></image> | ||||
|                           </view> | ||||
|                           <view class="iocn-content"> | ||||
|                               <image class="icon" src="../../static/iocn/jia.png" mode=""></image> | ||||
|                           </view> | ||||
|                       </view> | ||||
|                   </view> | ||||
|                   <button class="submit-button" type="default">确认提交</button> | ||||
|                       | ||||
|         <container-subgroup-two> | ||||
|             <view slot="content" style="margin: 0 -30rpx;"> | ||||
|                 <view class="select-type"> | ||||
|                     <view class="text">选择类型</view> | ||||
|                     <view class="type"> | ||||
|                         <view class="li" @click="typeIndexFun(index)" :class="index==typeIndex?'on':''" | ||||
|                             v-for="(item,index) in typeData"> | ||||
|                             {{item.title}} | ||||
|                         </view> | ||||
|                     </view> | ||||
|                 </view> | ||||
|    | ||||
|      </container-subgroup-two> | ||||
|                 <view class="appreciationServe-from"> | ||||
|                     <view class="li"> | ||||
|                         <view class="title"> | ||||
|                             <text class="cor">*</text>产品名称 | ||||
|                         </view> | ||||
|                         <input class="input" type="text" value="全彩LED显示屏" /> | ||||
|                     </view> | ||||
|                     <view class="li"> | ||||
|                         <view class="title"> | ||||
|                             <text class="cor">*</text>规格型号 | ||||
|                         </view> | ||||
|                         <input class="input" type="text" value="P2.5" /> | ||||
|                     </view> | ||||
| 
 | ||||
|                     <view class="li"> | ||||
|                         <view class="title">产品品牌</view> | ||||
|                         <input class="input" type="text" value="" placeholder="请输入品牌" /> | ||||
|                     </view> | ||||
|                     <view class="li"> | ||||
|                         <view class="title"> | ||||
|                             <text class="cor">*</text>产品尺寸 | ||||
|                         </view> | ||||
| 
 | ||||
|                         <input class="input" type="text" value="宽:38.5m x 高14.5m" /> | ||||
|                     </view> | ||||
|                 </view> | ||||
|                 <view class="supplementTitle">补充信息</view> | ||||
|                 <view class="supplement-from"> | ||||
|                     <view class="li"> | ||||
|                         <view class="title"> | ||||
|                             <text class="cor">*</text>联系人 | ||||
|                         </view> | ||||
|                         <input type="text" class="input" value="王富贵" /> | ||||
|                     </view> | ||||
|                     <view class="li"> | ||||
|                         <view class=""> | ||||
|                             <text class="cor">*</text>联系电话 | ||||
|                         </view> | ||||
|                         <input type="text" class="input" value="18256666666" /> | ||||
|                     </view> | ||||
|                     <view class="li"> | ||||
|                         <view class=""> | ||||
|                             <text class="cor">*</text>预约时间 | ||||
|                         </view> | ||||
|                         <input type="text" class="input" value="2022-02-16" /> | ||||
|                     </view> | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
|                     <view class="li-textarea"> | ||||
|                         <view class="title">*详细地址</view> | ||||
|                         <textarea class="textarea" value="湖南省株洲市荷塘区红旗中路456号五矿二十三冶综合楼" placeholder="" /> | ||||
|                     </view> | ||||
| 
 | ||||
|                     <view class="scene-img"> | ||||
|                         <view class="title">现场图片</view> | ||||
|                         <view class="img-content"> | ||||
|                             <image class="img" src="../../static/del/img003.png" mode=""></image> | ||||
|                             <image class="img" src="../../static/del/img003.png" mode=""></image> | ||||
|                         </view> | ||||
|                         <view class="iocn-content"> | ||||
|                             <image class="icon" src="../../static/iocn/jia.png" mode=""></image> | ||||
|                         </view> | ||||
|                     </view> | ||||
|                 </view> | ||||
|                 <button class="submit-button" type="default">确认提交</button> | ||||
| 
 | ||||
|             </view> | ||||
|           </container-subgroup-two> | ||||
|             | ||||
|     </view> | ||||
|     </view> | ||||
|   | ||||
| </template> | ||||
| 
 | ||||
| <script> | ||||
|         import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue'; | ||||
|     import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue'; | ||||
|     import statusNav from '../../components/status-nav.vue'; | ||||
|     export default { | ||||
|         components: { | ||||
|  | @ -116,9 +118,9 @@ | |||
|                 ] | ||||
|             } | ||||
|         }, | ||||
| 		onLoad(op) { | ||||
| 			if(op.index!=undefined) this.typeIndex = op.index; | ||||
| 		}, | ||||
|         onLoad(op) { | ||||
|             if (op.index != undefined) this.typeIndex = op.index; | ||||
|         }, | ||||
|         methods: { | ||||
|             typeIndexFun(index) { | ||||
|                 this.typeIndex = index | ||||
|  | @ -128,11 +130,12 @@ | |||
| </script> | ||||
| 
 | ||||
| <style> | ||||
|     .content { | ||||
|     .content {} | ||||
| 
 | ||||
|     .cor { | ||||
|         color: #FF0000; | ||||
|     } | ||||
|    .cor{ | ||||
|        color: #FF0000; | ||||
|    } | ||||
| 
 | ||||
|     .select-type { | ||||
|         display: flex; | ||||
|         margin-top: 10rpx; | ||||
|  | @ -141,6 +144,7 @@ | |||
|         align-items: center; | ||||
|         padding: 0rpx 28rpx; | ||||
|     } | ||||
| 
 | ||||
|     .submit-button { | ||||
|         width: 686rpx; | ||||
|         border-radius: 50rpx; | ||||
|  | @ -152,6 +156,7 @@ | |||
|         text-align: center; | ||||
|         font-size: 30rpx; | ||||
|     } | ||||
| 
 | ||||
|     .select-type .text { | ||||
|         font-size: 28rpx; | ||||
|         color: #333333; | ||||
|  | @ -219,13 +224,13 @@ | |||
| 
 | ||||
|     .supplement-from { | ||||
|         background-color: #FFFFFF; | ||||
|             padding: 0rpx 25rpx; | ||||
|         padding: 0rpx 25rpx; | ||||
|     } | ||||
| 
 | ||||
|     .supplement-from .li { | ||||
|         display: flex; | ||||
|         align-items: center; | ||||
|      | ||||
| 
 | ||||
|         height: 80rpx; | ||||
|         font-size: 27rpx; | ||||
|         border-bottom: 2rpx solid #f5f5f7; | ||||
|  | @ -233,10 +238,12 @@ | |||
|         justify-content: space-between; | ||||
|         color: #333333; | ||||
|     } | ||||
|     .supplement-from .li .input{ | ||||
| 
 | ||||
|     .supplement-from .li .input { | ||||
|         text-align: right; | ||||
|         font-size: 24rpx | ||||
|     } | ||||
| 
 | ||||
|     .supplement-from .li-textarea { | ||||
|         font-size: 27rpx; | ||||
|         line-height: 27rpx; | ||||
|  | @ -244,46 +251,52 @@ | |||
|         color: #333333; | ||||
|         padding-bottom: 13rpx; | ||||
|     } | ||||
|          | ||||
|     .supplement-from .li-textarea .title{ | ||||
|     padding-top: 26rpx; | ||||
|     padding-bottom: 17rpx; | ||||
|     } | ||||
|      .supplement-from .li-textarea .textarea{ | ||||
|          width: 100%; | ||||
|          height: 127rpx; | ||||
|          background-color: #F5F5F5; | ||||
|          box-sizing: border-box; | ||||
|          padding: 20rpx; | ||||
|          font-size: 24rpx | ||||
|      } | ||||
|      .scene-img{ | ||||
|          display: flex; | ||||
|          margin-top: 27rpx; | ||||
|          padding-bottom: 30rpx; | ||||
|      } | ||||
|       .scene-img .title{ | ||||
|           margin-right: 28rpx; | ||||
|           font-size: 26rpx; | ||||
|           color: #333333; | ||||
|       } | ||||
|      .scene-img .img-content .img{ | ||||
|          width: 170rpx; | ||||
|          height: 130rpx; | ||||
|          margin-right: 10rpx; | ||||
|      } | ||||
|      .scene-img .iocn-content{ | ||||
|          width: 135rpx; | ||||
|          height: 135rpx; | ||||
|          background-color: #DCDCDC; | ||||
|          display: flex;align-items: center; | ||||
| justify-content: center; | ||||
|      } | ||||
|      .scene-img .iocn-content .icon{ | ||||
|           | ||||
|          width: 62rpx; | ||||
|          height: 62rpx; | ||||
|           | ||||
|      } | ||||
| </style> | ||||
| 
 | ||||
|     .supplement-from .li-textarea .title { | ||||
|         padding-top: 26rpx; | ||||
|         padding-bottom: 17rpx; | ||||
|     } | ||||
| 
 | ||||
|     .supplement-from .li-textarea .textarea { | ||||
|         width: 100%; | ||||
|         height: 127rpx; | ||||
|         background-color: #F5F5F5; | ||||
|         box-sizing: border-box; | ||||
|         padding: 20rpx; | ||||
|         font-size: 24rpx | ||||
|     } | ||||
| 
 | ||||
|     .scene-img { | ||||
|         display: flex; | ||||
|         margin-top: 27rpx; | ||||
|         padding-bottom: 30rpx; | ||||
|     } | ||||
| 
 | ||||
|     .scene-img .title { | ||||
|         margin-right: 28rpx; | ||||
|         font-size: 26rpx; | ||||
|         color: #333333; | ||||
|     } | ||||
| 
 | ||||
|     .scene-img .img-content .img { | ||||
|         width: 170rpx; | ||||
|         height: 130rpx; | ||||
|         margin-right: 10rpx; | ||||
|     } | ||||
| 
 | ||||
|     .scene-img .iocn-content { | ||||
|         width: 135rpx; | ||||
|         height: 135rpx; | ||||
|         background-color: #DCDCDC; | ||||
|         display: flex; | ||||
|         align-items: center; | ||||
|         justify-content: center; | ||||
|     } | ||||
| 
 | ||||
|     .scene-img .iocn-content .icon { | ||||
| 
 | ||||
|         width: 62rpx; | ||||
|         height: 62rpx; | ||||
| 
 | ||||
|     } | ||||
| </style> | ||||
|  |  | |||
|  | @ -1,170 +1,177 @@ | |||
| <template> | ||||
|     <view class="content"> | ||||
|         <statusNav navBarTitle="客户详情"></statusNav> | ||||
| 
 | ||||
|         <view class="details-nav"> | ||||
|             <view class="li"> | ||||
|                 <image class="icon" src="../../static/iocn/ty.png" mode=""></image> | ||||
|                 <view class="text"> | ||||
|                     基本信息 | ||||
|                 </view> | ||||
|             </view> | ||||
|             <view class="li"> | ||||
|                 <image class="icon" src="../../static/iocn/kh.png" mode=""></image> | ||||
|                 <view class="text"> | ||||
|                     联系人 | ||||
|                 </view> | ||||
|             </view> | ||||
|             <view class="li"> | ||||
|                 <image class="icon" src="../../static/iocn/xs.png" mode=""></image> | ||||
|                 <view class="text"> | ||||
|                     项目列表 | ||||
|                 </view> | ||||
|             </view> | ||||
|         </view> | ||||
|         <view class="details-content"> | ||||
|             <view class="title"> | ||||
|                 <image class="img" src="../../static/iocn/dn.png" mode=""></image> | ||||
|                 <text class="text">基本信息</text> | ||||
|             </view> | ||||
| 
 | ||||
|             <view class="text-content"> | ||||
|           <container-subgroup-two> | ||||
|         <view  slot="content" style="margin: 0 -30rpx;"> | ||||
|             <view class="details-nav"> | ||||
|                 <view class="li"> | ||||
|                     客户名称:<text class="cor">长沙警校</text> | ||||
|                     <image class="icon" src="../../static/iocn/ty.png" mode=""></image> | ||||
|                     <view class="text"> | ||||
|                         基本信息 | ||||
|                     </view> | ||||
|                 </view> | ||||
|                 <view class="li"> | ||||
|                     客户编号:<text class="cor">xxxxxxxxx</text> | ||||
|                     <image class="icon" src="../../static/iocn/kh.png" mode=""></image> | ||||
|                     <view class="text"> | ||||
|                         联系人 | ||||
|                     </view> | ||||
|                 </view> | ||||
|                 <view class="li"> | ||||
|                     客户等级:<text class="cor">VIP1</text> | ||||
|                 </view> | ||||
|                 <view class="li"> | ||||
|                     所属行业:<text class="cor">安防</text> | ||||
|                 </view> | ||||
|                 <view class="li"> | ||||
|                     客户类型:<text class="cor">xxxx</text> | ||||
|                 </view> | ||||
|                 <view class="li"> | ||||
|                     入库时间:<text class="cor">2022.3.1</text> | ||||
|                 </view> | ||||
|                 <view class="li"> | ||||
|                     项目数量:<text class="cor1">50</text> | ||||
|                 </view> | ||||
|                 <view class="li"> | ||||
|                     所属区域:<text class="cor">长沙</text> | ||||
|                 </view> | ||||
|                 <view class="li"> | ||||
|                     详细地址:<text class="cor">长沙xxxxx</text> | ||||
|                 </view> | ||||
| 
 | ||||
|             </view> | ||||
|         </view> | ||||
|         <view class="details-content"> | ||||
|             <view class="title"> | ||||
|                 <image class="img" src="../../static/iocn/lxr.png" mode=""></image> | ||||
|                 <text class="text">联系人</text> | ||||
|             </view> | ||||
| 
 | ||||
|             <view class="text-content"> | ||||
|                 <view class="li"> | ||||
|                     姓名:<text class="cor">Eveal</text> | ||||
|                 </view> | ||||
|                 <view class="li"> | ||||
|                     所属部门:<text class="cor">产品研发部</text> | ||||
|                 </view> | ||||
|                 <view class="li"> | ||||
|                     职务:<text class="cor">经理</text> | ||||
|                 </view> | ||||
|                 <view class="li"> | ||||
|                     电话:<text class="cor">154751787</text> | ||||
|                 </view> | ||||
|                 <view class="li"> | ||||
|                     微信:<text class="cor">14250</text> | ||||
|                 </view> | ||||
|                 <view class="li"> | ||||
|                     qq:<text class="cor">9090000</text> | ||||
|                 </view> | ||||
|                 <view class="li"> | ||||
|                     邮箱:<text class="cor">1216311@qq.com</text> | ||||
|                 </view> | ||||
|                 <view class="li"> | ||||
|                     负责时间段:<text class="cor">xxxxx </text> | ||||
|                 </view> | ||||
| 
 | ||||
| 
 | ||||
|             </view> | ||||
|         </view> | ||||
|         <view class="project-list"> | ||||
|             <view class="title-content"> | ||||
|                 <view class="title"> | ||||
|                     <image class="icon" src="../../static/iocn/xmlb.png" mode=""></image> | ||||
|                     <image class="icon" src="../../static/iocn/xs.png" mode=""></image> | ||||
|                     <view class="text"> | ||||
|                         项目列表 | ||||
|                     </view> | ||||
|                 </view> | ||||
|                 <picker mode="date" :value="time" @change="bindTimeChange"> | ||||
|                     <view class="date"> | ||||
|                         选择年份 <image class="icon" src="../../static/iocn/sjx.png" mode=""></image> | ||||
|             </view> | ||||
|             <view class="details-content"> | ||||
|                 <view class="title"> | ||||
|                     <image class="img" src="../../static/iocn/dn.png" mode=""></image> | ||||
|                     <text class="text">基本信息</text> | ||||
|                 </view> | ||||
|              | ||||
|                 <view class="text-content"> | ||||
|                     <view class="li"> | ||||
|                         客户名称:<text class="cor">长沙警校</text> | ||||
|                     </view> | ||||
|                 </picker> | ||||
|                     <view class="li"> | ||||
|                         客户编号:<text class="cor">xxxxxxxxx</text> | ||||
|                     </view> | ||||
|                     <view class="li"> | ||||
|                         客户等级:<text class="cor">VIP1</text> | ||||
|                     </view> | ||||
|                     <view class="li"> | ||||
|                         所属行业:<text class="cor">安防</text> | ||||
|                     </view> | ||||
|                     <view class="li"> | ||||
|                         客户类型:<text class="cor">xxxx</text> | ||||
|                     </view> | ||||
|                     <view class="li"> | ||||
|                         入库时间:<text class="cor">2022.3.1</text> | ||||
|                     </view> | ||||
|                     <view class="li"> | ||||
|                         项目数量:<text class="cor1">50</text> | ||||
|                     </view> | ||||
|                     <view class="li"> | ||||
|                         所属区域:<text class="cor">长沙</text> | ||||
|                     </view> | ||||
|                     <view class="li"> | ||||
|                         详细地址:<text class="cor">长沙xxxxx</text> | ||||
|                     </view> | ||||
|              | ||||
|                 </view> | ||||
|             </view> | ||||
|             <view class="details-content"> | ||||
|                 <view class="title"> | ||||
|                     <image class="img" src="../../static/iocn/lxr.png" mode=""></image> | ||||
|                     <text class="text">联系人</text> | ||||
|                 </view> | ||||
|              | ||||
|                 <view class="text-content"> | ||||
|                     <view class="li"> | ||||
|                         姓名:<text class="cor">Eveal</text> | ||||
|                     </view> | ||||
|                     <view class="li"> | ||||
|                         所属部门:<text class="cor">产品研发部</text> | ||||
|                     </view> | ||||
|                     <view class="li"> | ||||
|                         职务:<text class="cor">经理</text> | ||||
|                     </view> | ||||
|                     <view class="li"> | ||||
|                         电话:<text class="cor">154751787</text> | ||||
|                     </view> | ||||
|                     <view class="li"> | ||||
|                         微信:<text class="cor">14250</text> | ||||
|                     </view> | ||||
|                     <view class="li"> | ||||
|                         qq:<text class="cor">9090000</text> | ||||
|                     </view> | ||||
|                     <view class="li"> | ||||
|                         邮箱:<text class="cor">1216311@qq.com</text> | ||||
|                     </view> | ||||
|                     <view class="li"> | ||||
|                         负责时间段:<text class="cor">xxxxx </text> | ||||
|                     </view> | ||||
|              | ||||
|              | ||||
|                 </view> | ||||
|             </view> | ||||
|             <view class="project-list"> | ||||
|                 <view class="title-content"> | ||||
|                     <view class="title"> | ||||
|                         <image class="icon" src="../../static/iocn/xmlb.png" mode=""></image> | ||||
|                         <view class="text"> | ||||
|                             项目列表 | ||||
|                         </view> | ||||
|                     </view> | ||||
|                     <picker mode="date" :value="time" @change="bindTimeChange"> | ||||
|                         <view class="date"> | ||||
|                             选择年份 <image class="icon" src="../../static/iocn/sjx.png" mode=""></image> | ||||
|                         </view> | ||||
|                     </picker> | ||||
|              | ||||
|                 </view> | ||||
|              | ||||
|                 <view class="project-list-content"> | ||||
|                     <view class="li"> | ||||
|                         <view class="text"> | ||||
|                             南城校区液晶显示屏 | ||||
|                         </view> | ||||
|                         <view class="date"> | ||||
|                             2022/3/1 | ||||
|                         </view> | ||||
|                     </view> | ||||
|                     <view class="li"> | ||||
|                         <view class="text"> | ||||
|                             南城校区液晶显示屏 | ||||
|                         </view> | ||||
|                         <view class="date"> | ||||
|                             2022/3/1 | ||||
|                         </view> | ||||
|                     </view> | ||||
|                     <view class="li"> | ||||
|                         <view class="text"> | ||||
|                             南城校区液晶显示屏 | ||||
|                         </view> | ||||
|                         <view class="date"> | ||||
|                             2022/3/1 | ||||
|                         </view> | ||||
|                     </view> | ||||
|                     <view class="li"> | ||||
|                         <view class="text"> | ||||
|                             南城校区液晶显示屏 | ||||
|                         </view> | ||||
|                         <view class="date"> | ||||
|                             2022/3/1 | ||||
|                         </view> | ||||
|                     </view> | ||||
|                 </view> | ||||
|             </view> | ||||
|             <view class="contact-way"> | ||||
|                 <view class="title"> | ||||
|                     客户微信 | ||||
|                 </view> | ||||
|                 <image class="icon" src="../../static/iocn/wx.png" mode=""></image> | ||||
|             </view> | ||||
|             <view class="contact-way"> | ||||
|                 <view class="title"> | ||||
|                     客户电话 | ||||
|                 </view> | ||||
|                 <image class="icon1" src="../../static/iocn/dh.png" mode=""></image> | ||||
|             </view> | ||||
|                  | ||||
|         </view> | ||||
|  </container-subgroup-two> | ||||
| 
 | ||||
|             </view> | ||||
| 
 | ||||
|             <view class="project-list-content"> | ||||
|                 <view class="li"> | ||||
|                     <view class="text"> | ||||
|                         南城校区液晶显示屏 | ||||
|                     </view> | ||||
|                     <view class="date"> | ||||
|                         2022/3/1 | ||||
|                     </view> | ||||
|                 </view> | ||||
|                 <view class="li"> | ||||
|                     <view class="text"> | ||||
|                         南城校区液晶显示屏 | ||||
|                     </view> | ||||
|                     <view class="date"> | ||||
|                         2022/3/1 | ||||
|                     </view> | ||||
|                 </view> | ||||
|                 <view class="li"> | ||||
|                     <view class="text"> | ||||
|                         南城校区液晶显示屏 | ||||
|                     </view> | ||||
|                     <view class="date"> | ||||
|                         2022/3/1 | ||||
|                     </view> | ||||
|                 </view> | ||||
|                 <view class="li"> | ||||
|                     <view class="text"> | ||||
|                         南城校区液晶显示屏 | ||||
|                     </view> | ||||
|                     <view class="date"> | ||||
|                         2022/3/1 | ||||
|                     </view> | ||||
|                 </view> | ||||
|             </view> | ||||
|         </view> | ||||
|         <view class="contact-way"> | ||||
|             <view class="title"> | ||||
|                 客户微信 | ||||
|             </view> | ||||
|             <image class="icon" src="../../static/iocn/wx.png" mode=""></image> | ||||
|         </view> | ||||
|         <view class="contact-way"> | ||||
|             <view class="title"> | ||||
|                 客户电话 | ||||
|             </view> | ||||
|             <image class="icon1" src="../../static/iocn/dh.png" mode=""></image> | ||||
|         </view> | ||||
|     </view> | ||||
| </template> | ||||
| 
 | ||||
| <script> | ||||
|      import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue'; | ||||
|     import statusNav from '../../components/status-nav.vue'; | ||||
|     export default { | ||||
|         components: { | ||||
|             statusNav | ||||
|             statusNav, | ||||
|             containerSubgroupTwo | ||||
|         }, | ||||
|         data() { | ||||
|             return { | ||||
|  | @ -181,7 +188,6 @@ | |||
| 
 | ||||
| <style> | ||||
|     .content { | ||||
|         padding-top: 100rpx; | ||||
|         padding-right: 27rpx; | ||||
|         padding-left: 27rpx; | ||||
|     } | ||||
|  |  | |||
|  | @ -9,17 +9,17 @@ | |||
|                              > | ||||
|                               <swiper-item> | ||||
|                                   <view class="swiper-item uni-bg-red"> | ||||
|                                       <image class="img" src="../../static/del/项目图片.png" mode="aspectFill"></image> | ||||
|                                       <image class="img" src="../../static/del/img001.png" mode="aspectFill"></image> | ||||
|                                   </view> | ||||
|                               </swiper-item> | ||||
|                               <swiper-item> | ||||
|                                   <view class="swiper-item uni-bg-red"> | ||||
|                                       <image class="img" src="../../static/del/项目图片.png" mode="aspectFill"></image> | ||||
|                                       <image class="img" src="../../static/del/img001.png" mode="aspectFill"></image> | ||||
|                                   </view> | ||||
|                               </swiper-item> | ||||
|                               <swiper-item> | ||||
|                                   <view class="swiper-item uni-bg-red"> | ||||
|                                       <image class="img" src="../../static/del/项目图片.png" mode="aspectFill"></image> | ||||
|                                       <image class="img" src="../../static/del/img001.png" mode="aspectFill"></image> | ||||
|                                   </view> | ||||
|                               </swiper-item> | ||||
|                           </swiper> | ||||
|  |  | |||
|  | @ -5,7 +5,7 @@ | |||
|         <view class="project-list"> | ||||
|             <view class="li" @click="projectDetailsFun()"> | ||||
|                 <view class="message"> | ||||
|                     <image class="img" src="../../static/del/项目图片.png" mode="aspectFill"></image> | ||||
|                     <image class="img" src="../../static/del/img001.png" mode="aspectFill"></image> | ||||
| 
 | ||||
|                     <view class="text"> | ||||
|                         <view class="title"> | ||||
|  | @ -43,7 +43,7 @@ | |||
|             </view> | ||||
|             <view class="li"> | ||||
|                 <view class="message"> | ||||
|                     <image class="img" src="../../static/del/项目图片.png" mode="aspectFill"></image> | ||||
|                     <image class="img" src="../../static/del/img001.png" mode="aspectFill"></image> | ||||
| 
 | ||||
|                     <view class="text"> | ||||
|                         <view class="title"> | ||||
|  | @ -81,7 +81,7 @@ | |||
|             </view> | ||||
|             <view class="li"> | ||||
|                 <view class="message"> | ||||
|                     <image class="img" src="../../static/del/项目图片.png" mode="aspectFill"></image> | ||||
|                     <image class="img" src="../../static/del/img001.png" mode="aspectFill"></image> | ||||
|              | ||||
|                     <view class="text"> | ||||
|                         <view class="title"> | ||||
|  |  | |||
|  | @ -13,7 +13,7 @@ | |||
|             <view class="li" v-for="(item,index) in dataList"> | ||||
|                 <view class="textCon"> | ||||
|                     <view class="imgCon"> | ||||
|                         <image src="../../static/del/接收卡-图片.png" class="img" mode="aspectFill"></image> | ||||
|                         <image src="../../static/del/img001.png" class="img" mode="aspectFill"></image> | ||||
|                     </view> | ||||
| 
 | ||||
|                     <view class="text"> | ||||
|  |  | |||
|  | @ -9,17 +9,17 @@ | |||
|                               :duration="duration"> | ||||
|                               <swiper-item> | ||||
|                                   <view class="swiper-item uni-bg-red"> | ||||
|                                       <image class="img" src="../../static/del/项目图片.png" mode="aspectFill"></image> | ||||
|                                       <image class="img" src="../../static/del/img001.png" mode="aspectFill"></image> | ||||
|                                   </view> | ||||
|                               </swiper-item> | ||||
|                               <swiper-item> | ||||
|                                   <view class="swiper-item uni-bg-red"> | ||||
|                                       <image class="img" src="../../static/del/项目图片.png" mode="aspectFill"></image> | ||||
|                                       <image class="img" src="../../static/del/img001.png" mode="aspectFill"></image> | ||||
|                                   </view> | ||||
|                               </swiper-item> | ||||
|                               <swiper-item> | ||||
|                                   <view class="swiper-item uni-bg-red"> | ||||
|                                       <image class="img" src="../../static/del/项目图片.png" mode="aspectFill"></image> | ||||
|                                       <image class="img" src="../../static/del/img001.png" mode="aspectFill"></image> | ||||
|                                   </view> | ||||
|                               </swiper-item> | ||||
|                           </swiper> | ||||
|  |  | |||
|  | @ -29,7 +29,7 @@ | |||
| 		<view class="project-list"> | ||||
| 			<view class="li" @click="projectDetailsFun()" v-for="(item,index) in 10" :key="index"> | ||||
| 				<view class="message"> | ||||
| 					<image class="img" src="../../static/del/项目图片.png" mode="aspectFill" lazy-load></image> | ||||
| 					<image class="img" src="../../static/del/img001.png" mode="aspectFill" lazy-load></image> | ||||
| 					<view class="text disjb fc" style="height: 180rpx;"> | ||||
| 						<view class="clips1 fon24 bold">湖南工业大学化工学院会议室P2.5全彩LED显示屏</view> | ||||
| 						<view class="disjb fc" style="margin-left: -20rpx;height: 80%;"> | ||||
|  |  | |||
|  | @ -34,7 +34,7 @@ | |||
| 				<!-- 预约及时率、上门准时率、项目报修率 --> | ||||
| 				<view class="disja mar-s20"> | ||||
| 					<view v-for="(item,index) in percentageList" :key="index" class="disjcac fc col3"> | ||||
| 						<cmd-progress type="circle" :percent="item.num" :width="60" :stroke-color="['#00a2e9','#e87c00','#0b56ec'][index]" :circleStrokeColor="['rgba(0, 162, 233, 0.2)','rgba(232, 124, 0, 0.2)','rgba(11, 86, 236, 0.2)'][index]" :strokeShape="'square'"></cmd-progress> | ||||
| 						<cmd-progress type="circle" :percent="item.num" :width="60" :stroke-color="['#00a2e9','#e87c00','#0b56ec'][index]" :circleStrokeColor="['#c6e6f5','#f4dfc6','#c8d7f5'][index]" :strokeShape="'square'"></cmd-progress> | ||||
| 						<view class="fon24 mar-s20">{{item.title}}</view> | ||||
| 					</view> | ||||
| 				</view> | ||||
|  | @ -73,7 +73,7 @@ | |||
| 					{imgsrc:'/static/public/icon-my-notEvaluated.png',title:'未评价',num:0}, | ||||
| 				], | ||||
| 				percentageList:[ | ||||
| 					{title:'预约及时率',num:89}, | ||||
| 					{title:'预约及时率',num:100}, | ||||
| 					{title:'上门准时率',num:60}, | ||||
| 					{title:'项目报修率',num:40}, | ||||
| 				], | ||||
|  |  | |||
|  | @ -83,9 +83,9 @@ | |||
|                                 </view> | ||||
| 
 | ||||
|                                 <view class="input"> | ||||
|                                     <image class="img" src="../../static/del/微信图片_20220113152400.png" mode="aspectFill"> | ||||
|                                     <image class="img" src="../../static/del/img001.png" mode="aspectFill"> | ||||
|                                     </image> | ||||
|                                     <image class="img" src="../../static/del/微信图片_20220113152400.png" mode="aspectFill"> | ||||
|                                     <image class="img" src="../../static/del/img001.png" mode="aspectFill"> | ||||
|                                     </image> | ||||
|                                 </view> | ||||
|                             </view> | ||||
|  | @ -228,9 +228,9 @@ | |||
|                                 </view> | ||||
|                                 <view class="input add-display"> | ||||
|                                     <view class=""> | ||||
|                                         <image class="img" src="../../static/del/微信图片_20220113152400.png" | ||||
|                                         <image class="img" src="../../static/del/img001.png" | ||||
|                                             mode="aspectFill"></image> | ||||
|                                         <image class="img" src="../../static/del/微信图片_20220113152400.png" | ||||
|                                         <image class="img" src="../../static/del/img001.png" | ||||
|                                             mode="aspectFill"></image> | ||||
|                                     </view> | ||||
|                                 </view> | ||||
|  | @ -268,7 +268,7 @@ | |||
| 
 | ||||
|                             <view class="list"> | ||||
|                                 <view class="li"> | ||||
|                                     <image class="img" src="../../static/del/QQ截图20220210213041.png" mode="aspectFill"> | ||||
|                                     <image class="img" src="../../static/del/img001.png" mode="aspectFill"> | ||||
|                                     </image> | ||||
|                                     <view class="text-content"> | ||||
|                                         <view class="title"> | ||||
|  | @ -292,7 +292,7 @@ | |||
|                                     </view> | ||||
|                                 </view> | ||||
|                                 <view class="li"> | ||||
|                                     <image class="img" src="../../static/del/QQ截图20220210213041.png" mode="aspectFill"> | ||||
|                                     <image class="img" src="../../static/del/img001.png" mode="aspectFill"> | ||||
|                                     </image> | ||||
|                                     <view class="text-content"> | ||||
|                                         <view class="title"> | ||||
|  | @ -316,7 +316,7 @@ | |||
|                                     </view> | ||||
|                                 </view> | ||||
|                                 <view class="li"> | ||||
|                                     <image class="img" src="../../static/del/QQ截图20220210213041.png" mode="aspectFill"> | ||||
|                                     <image class="img" src="../../static/del/img001.png" mode="aspectFill"> | ||||
|                                     </image> | ||||
|                                     <view class="text-content"> | ||||
|                                         <view class="title"> | ||||
|  |  | |||
|  | @ -96,8 +96,8 @@ | |||
|                 </view> | ||||
|              | ||||
|                   <view class="input"> | ||||
|                       <image class="img" src="../../static/del/微信图片_20220113152400.png" mode="aspectFill"></image> | ||||
|                         <image class="img" src="../../static/del/微信图片_20220113152400.png" mode="aspectFill"></image> | ||||
|                       <image class="img" src="../../static/del/img001.png" mode="aspectFill"></image> | ||||
|                         <image class="img" src="../../static/del/img001.png" mode="aspectFill"></image> | ||||
|                   </view> | ||||
|             </view> | ||||
|         </view> | ||||
|  |  | |||
|  | @ -45,7 +45,7 @@ | |||
|                     工单编号:222226666558 | ||||
|                 </view> | ||||
|                 <view class="message"> | ||||
|                     <image class="img" src="../../static/del/项目图片.png" mode="aspectFill"></image> | ||||
|                     <image class="img" src="../../static/del/img001.png" mode="aspectFill"></image> | ||||
| 
 | ||||
|                     <view class="text"> | ||||
|                         <view class="title"> | ||||
|  | @ -98,7 +98,7 @@ | |||
|                     工单编号:222226666558 | ||||
|                 </view> | ||||
|                 <view class="message"> | ||||
|                     <image class="img" src="../../static/del/项目图片.png" mode="aspectFill"></image> | ||||
|                     <image class="img" src="../../static/del/img001.png" mode="aspectFill"></image> | ||||
|              | ||||
|                     <view class="text"> | ||||
|                         <view class="title"> | ||||
|  | @ -151,7 +151,7 @@ | |||
|                     工单编号:222226666558 | ||||
|                 </view> | ||||
|                 <view class="message"> | ||||
|                     <image class="img" src="../../static/del/项目图片.png" mode="aspectFill"></image> | ||||
|                     <image class="img" src="../../static/del/img001.png" mode="aspectFill"></image> | ||||
|              | ||||
|                     <view class="text"> | ||||
|                         <view class="title"> | ||||
|  |  | |||
|  | @ -97,8 +97,8 @@ | |||
| 
 | ||||
|                 <view class="input add-display"> | ||||
|                     <view class=""> | ||||
|                         <image class="img" src="../../static/del/微信图片_20220113152400.png" mode="aspectFill"></image> | ||||
|                         <image class="img" src="../../static/del/微信图片_20220113152400.png" mode="aspectFill"></image> | ||||
|                         <image class="img" src="../../static/del/img001.png" mode="aspectFill"></image> | ||||
|                         <image class="img" src="../../static/del/img001.png" mode="aspectFill"></image> | ||||
|                     </view> | ||||
| 
 | ||||
| 
 | ||||
|  | @ -201,8 +201,8 @@ | |||
| 
 | ||||
|                 <view class="input add-display"> | ||||
|                     <view class=""> | ||||
|                         <image class="img" src="../../static/del/微信图片_20220113152400.png" mode="aspectFill"></image> | ||||
|                         <image class="img" src="../../static/del/微信图片_20220113152400.png" mode="aspectFill"></image> | ||||
|                         <image class="img" src="../../static/del/img001.png" mode="aspectFill"></image> | ||||
|                         <image class="img" src="../../static/del/img001.png" mode="aspectFill"></image> | ||||
|                     </view> | ||||
| 
 | ||||
| 
 | ||||
|  |  | |||
|  | @ -4,7 +4,7 @@ | |||
| 		<container-subgroup> | ||||
| 			<view slot="content" style="margin: 0 -16rpx;" class="fon28"> | ||||
| 				<view @tap="goDetail(index)" class="bacf radius10 pad-sx20 pad-zy10 disjbac mar-x20" style="box-shadow: 0rpx 3rpx 20rpx rgba(0,0,0,.3);" v-for="(item,index) in 20" :key="index"> | ||||
| 					<image src="/static/del/QQ截图20220210213041.png" mode="aspectFill" lazy-load class="flexs" style="width: 240rpx;height: 184rpx;"></image> | ||||
| 					<image src="/static/del/img001.png" mode="aspectFill" lazy-load class="flexs" style="width: 240rpx;height: 184rpx;"></image> | ||||
| 					<view style="height: 184rpx;" class="width100 disjb fc pad-zy20 fon24"> | ||||
| 						<view class=" clips2">智能会议平板交互电子白板会议一体机视 频会议多媒体教学培训</view> | ||||
| 						<view style="display: flex;align-items: center;font-size: 26rpx;"> | ||||
|  |  | |||
| Before Width: | Height: | Size: 67 KiB After Width: | Height: | Size: 67 KiB | 
| Before Width: | Height: | Size: 42 KiB After Width: | Height: | Size: 42 KiB | 
| Before Width: | Height: | Size: 44 KiB After Width: | Height: | Size: 44 KiB | 
| Before Width: | Height: | Size: 64 KiB After Width: | Height: | Size: 64 KiB |