From 1c6a9c60b874a6280fe48562c0cddc758adf7113 Mon Sep 17 00:00:00 2001
From: Vinjor <vinjorm@gmail.com>
Date: Tue, 12 Nov 2024 17:35:54 +0800
Subject: [PATCH 1/2] 1

---
 pages-order/orderDetail/orderDetail.vue       |  24 ++--
 .../components/uni-steps/uni-steps.vue        | 113 +++++++++++++++---
 2 files changed, 109 insertions(+), 28 deletions(-)

diff --git a/pages-order/orderDetail/orderDetail.vue b/pages-order/orderDetail/orderDetail.vue
index ab503a1..f64147b 100644
--- a/pages-order/orderDetail/orderDetail.vue
+++ b/pages-order/orderDetail/orderDetail.vue
@@ -206,12 +206,12 @@
         <view v-if="isDetail == '1'" class="card cardInfo projCard">
           <view class="projTitle">维修进度记录表</view>
           <view class="projList">
-<!--            <view class="tushi-box">-->
-<!--              <view class="tushi-item">- 待维修  </view>-->
-<!--              <view class="tushi-item" style="color: #E8A321">○ 维修中  </view>-->
-<!--              <view class="tushi-item" style="color: #17DBB1;">√ 已完成</view>-->
-<!--            </view>-->
-            <uni-steps :options="list2" active-color="#007AFF" :active="active" direction="column" />
+            <view class="tushi-box">
+              <view class="tushi-item" style="color: #B7BDC6">待维修  </view>
+              <view class="tushi-item" style="color: #E8A321">维修中  </view>
+              <view class="tushi-item" style="color: #2979FF;">已完成</view>
+            </view>
+            <uni-steps :canOpenCus="canOpenCus" :options="list2" active-color="#007AFF" :active="active" :doingActive="doingActive" direction="column" @prviewImage="prviewImage" @sendCusImgManage="sendCusImgManage"/>
 <!--            <uni-table ref="table" :loading="false" border stripe  emptyText="暂无数据">-->
 <!--              <uni-tr>-->
 <!--                <uni-th width="50" align="center">序号</uni-th>-->
@@ -375,8 +375,10 @@ export default {
       //是否是通知客户取车操作，默认都不是
       ifCallCus:false,
       //维修项目进度记录表
-      tableData:[],
-      active: 1,
+      // tableData:[],
+      active: -1,
+      doingActive: -1,
+      //维修项目进度记录表
       list2: [],
       //通知客户取车联系人对象
       callServiceInfo:{
@@ -832,9 +834,12 @@ export default {
             let thisObj = res.data[i]
             thisObj.title = thisObj.itemName
             if(thisObj.itemStatus=='03'){
-              //这个项目已处理完毕,维修完成的项目设置为这个
+              //这个项目已处理完毕,
               endIndex = i
               thisObj.desc = formatTimestamp(thisObj.updateTime)
+            }else if(thisObj.itemStatus=='02'){
+              //正在处理中
+              this.doingActive = i
             }
             this.list2.push(thisObj)
           }
@@ -1193,6 +1198,7 @@ export default {
       gap: 20rpx;
 
       .tushi-box{
+        font-size: 16px;
         display: flex;
         align-items: center;
         justify-content: center;
diff --git a/uni_modules/uni-steps/components/uni-steps/uni-steps.vue b/uni_modules/uni-steps/components/uni-steps/uni-steps.vue
index 11fb29c..6117006 100644
--- a/uni_modules/uni-steps/components/uni-steps/uni-steps.vue
+++ b/uni_modules/uni-steps/components/uni-steps/uni-steps.vue
@@ -4,10 +4,27 @@
 			<view :class="[direction==='column'?'uni-steps__column-text-container':'uni-steps__row-text-container']">
 				<view v-for="(item,index) in options" :key="index"
 					:class="[direction==='column'?'uni-steps__column-text':'uni-steps__row-text']">
-					<text :style="{color:index === active?activeColor:deactiveColor}"
+					<text v-if="doingActive==index" :style="{color:doingColor}"
+						:class="[direction==='column'?'uni-steps__column-title':'uni-steps__row-title']">{{item.title}}</text>
+					<text v-else :style="{color:index <= active?activeColor:deactiveColor}"
 						:class="[direction==='column'?'uni-steps__column-title':'uni-steps__row-title']">{{item.title}}</text>
 					<text v-if="item.desc" :style="{color: deactiveColor}"
 						:class="[direction==='column'?'uni-steps__column-desc':'uni-steps__row-desc']">{{item.desc}}</text>
+          <template >
+            <view class="projImg" v-if="item.recordsItemList.length>0">
+              <image v-for="(img, imgIndex) in item.recordsItemList" @click="prviewImage(item.recordsItemList,imgIndex)" :key="imgIndex" :src="imgUrlPrex + img.image"
+                     class="projImgItem"></image>
+            </view>
+            <view class="projSend" v-if="item.recordsItemList.length>0 && canOpenCus">
+              <template >
+                <uni-icons v-if="doingActive==index" type="cloud-upload" size="18" :style="{color:doingColor}"></uni-icons>
+                <uni-icons v-else type="cloud-upload" size="18" :style="{color:index <= active?activeColor:deactiveColor}"></uni-icons>
+<!--                <image mode="aspectFit" src="@/static/icons/send.png" class="projIcon" :style="{color:index <= active?activeColor:deactiveColor}"></image>-->
+                <text v-if="doingActive==index"  :style="{color: doingColor}" @click="sendCusImgManage(item.recordsItemList)">发送给客户</text>
+                <text v-else :style="{color:index <= active?activeColor:deactiveColor}" @click="sendCusImgManage(item.recordsItemList)">发送给客户</text>
+              </template>
+            </view>
+          </template>
 				</view>
 			</view>
 			<view :class="[direction==='column'?'uni-steps__column-container':'uni-steps__row-container']">
@@ -17,12 +34,18 @@
 						:class="[direction==='column'?'uni-steps__column-line':'uni-steps__row-line',direction==='column'?'uni-steps__column-line--before':'uni-steps__row-line--before']"
 						:style="{backgroundColor:index<=active&&index!==0?activeColor:index===0?'transparent':deactiveColor}">
 					</view>
-					<view :class="[direction==='column'?'uni-steps__column-check':'uni-steps__row-check']"
-						v-if="index === active">
-						<uni-icons :color="activeColor" :type="activeIcon" size="20" />
-					</view>
+<!--					<view :class="[direction==='column'?'uni-steps__column-check':'uni-steps__row-check']"-->
+<!--						v-if="index === active">-->
+<!--						<uni-icons :color="activeColor" :type="activeIcon" size="20" />-->
+<!--					</view>-->
+					<view v-if="doingActive==index" :class="[direction==='column'?'uni-steps__column-circle':'uni-steps__row-circle']"
+						:style="{backgroundColor:doingColor}" >
+            <text style="font-size: 16px;color: white">{{index+1}}</text>
+          </view>
 					<view v-else :class="[direction==='column'?'uni-steps__column-circle':'uni-steps__row-circle']"
-						:style="{backgroundColor:index<active?activeColor:deactiveColor}" />
+						:style="{backgroundColor:index<=active?activeColor:deactiveColor}" >
+            <text style="font-size: 16px;color: white">{{index+1}}</text>
+          </view>
 					<view
 						:class="[direction==='column'?'uni-steps__column-line':'uni-steps__row-line',direction==='column'?'uni-steps__column-line--after':'uni-steps__row-line--after']"
 						:style="{backgroundColor:index<active&&index!==options.length-1?activeColor:index===options.length-1?'transparent':deactiveColor}" />
@@ -44,7 +67,7 @@
 	 * @property {String} activeColor 选中状态的颜色
 	 * @property {Array} options 数据源，格式为：[{title:'xxx',desc:'xxx'},{title:'xxx',desc:'xxx'}]
 	 */
-
+  import config from '@/config'
 	export default {
 		name: 'UniSteps',
 		props: {
@@ -53,6 +76,11 @@
 				type: String,
 				default: 'row'
 			},
+      canOpenCus: {
+				// 是否可以操作发送给客户
+				type: Boolean,
+				default: false
+			},
 			activeColor: {
 				// 激活状态颜色
 				type: String,
@@ -63,10 +91,20 @@
 				type: String,
 				default: '#B7BDC6'
 			},
+			doingColor: {
+				// 进行中颜色
+				type: String,
+				default: '#E8A321'
+			},
 			active: {
-				// 当前步骤
+				// 当前已经处理完的步骤
 				type: Number,
-				default: 0
+				default: -1
+			},
+      doingActive: {
+				// 当前正在处理的步骤
+				type: Number,
+				default: -1
 			},
 			activeIcon: {
 				// 当前步骤
@@ -83,6 +121,7 @@
 		data() {
 			return {
 				heightArr: [],
+        imgUrlPrex:config.baseImageUrl,
 			}
 		},
 		mounted() {
@@ -95,6 +134,14 @@
 				}).exec()
 			}
 		},
+    methods:{
+      prviewImage(itemList,index){
+        this.$emit("prviewImage",itemList,index)
+      },
+      sendCusImgManage(itemList){
+        this.$emit("sendCusImgManage",itemList)
+      },
+    }
 	}
 </script>
 
@@ -164,15 +211,15 @@
 	}
 
 	.uni-steps__row-title {
-		font-size: 14px;
-		line-height: 16px;
+		font-size: 28rpx;
+		line-height: 32rpx;
 		text-align: center;
 	}
 
 	.uni-steps__column-title {
-		font-size: 18px;
+		font-size: 28rpx;
 		text-align: left;
-		line-height: 24px;
+		line-height: 32rpx;
 	}
 
 	.uni-steps__row-desc {
@@ -182,9 +229,9 @@
 	}
 
 	.uni-steps__column-desc {
-		font-size: 16px;
+		font-size: 25rpx;
 		text-align: left;
-		line-height: 20px;
+		line-height: 32rpx;
 	}
 
 	.uni-steps__row-container {
@@ -253,16 +300,17 @@
 	}
 
 	.uni-steps__row-circle {
-		width: 15px;
-		height: 15px;
+		width: 20px;
+		height: 20px;
 		border-radius: 50%;
 		background-color: #B7BDC6;
 		margin: 0px 3px;
 	}
 
 	.uni-steps__column-circle {
-		width: 15px;
-		height: 15px;
+		width: 20px;
+		height: 20px;
+    text-align: center;
 		border-radius: 50%;
 		background-color: #B7BDC6;
 		margin: 4px 0px 5px 0px;
@@ -277,4 +325,31 @@
 		line-height: 14px;
 		margin: 2px 0px;
 	}
+  .projImg {
+    width: 100%;
+    display: grid;
+    grid-template-columns: repeat(auto-fill, 120rpx);
+    justify-content: space-between;
+    gap: 20rpx;
+    padding: 20rpx 0;
+
+    .projImgItem {
+      width: 120rpx;
+      height: 120rpx;
+      background-color: #efefef;
+    }
+  }
+
+  .projSend {
+    display: flex;
+    align-items: center;
+    font-weight: 500;
+    font-size: 28rpx;
+    column-gap: 8rpx;
+  }
+  .projIcon{
+    width: 28rpx;
+    height: 28rpx;
+  }
+
 </style>

From 1f1c515f4fb3b4bacf3096684ad37ee9c13ef0dd Mon Sep 17 00:00:00 2001
From: Vinjor <vinjorm@gmail.com>
Date: Tue, 12 Nov 2024 19:14:21 +0800
Subject: [PATCH 2/2] 1

---
 components/orderCard.vue                  |  2 +-
 pages-home/home/home.vue                  | 22 +++++++-
 pages-order/addOrder/addOrder.vue         | 18 +++----
 pages-order/choosePeople/choosePeople.vue |  4 +-
 pages-order/orderDetail/orderDetail.vue   | 62 ++++++++++++++++++++---
 5 files changed, 87 insertions(+), 21 deletions(-)

diff --git a/components/orderCard.vue b/components/orderCard.vue
index 9667edb..8517283 100644
--- a/components/orderCard.vue
+++ b/components/orderCard.vue
@@ -71,7 +71,7 @@
           作废
         </view>
         <view v-if="(order.ticketsStatus == '04' || order.ticketsStatus == '05')&& (userInfo.roleCodes.includes('weixiu') || userInfo.roleCodes.includes('service_advisor') || userInfo.roleCodes.includes('general_inspection'))" @click="addProj(order)" class="btn pg">
-          添加项目
+          修改项目
         </view>
         <view @click="gotoDetail" class="btn pg">
 <!--          在什么都不能操作的情况下，可以查看详情-->
diff --git a/pages-home/home/home.vue b/pages-home/home/home.vue
index 1886d41..695a4c8 100644
--- a/pages-home/home/home.vue
+++ b/pages-home/home/home.vue
@@ -111,6 +111,11 @@
       <uni-popup-dialog type="success" cancelText="线下告知" confirmText="去签字" title="系统提示" content="客户是否在场进行签字确认？" @confirm="dialogConfirm"
                         @close="dialogClose"></uni-popup-dialog>
     </uni-popup>
+    <!-- 提示窗示例 -->
+    <uni-popup ref="addProjDialog" type="dialog">
+      <uni-popup-dialog type="success" cancelText="修改已有项目" confirmText="新增项目" title="系统提示" content="是否需要新增项目？" @confirm="addProjDialogConfirm"
+                        @close="cancelDialogClose"></uni-popup-dialog>
+    </uni-popup>
     <!-- 输入框示例 -->
     <uni-popup ref="inputDialog" type="dialog">
       <uni-popup-dialog ref="inputClose"  mode="input" title="线下告知" value=""
@@ -393,12 +398,27 @@ export default {
       this.$refs.inputDialog.open()
     },
     /**
-     * 添加项目
+     * 卡片的 修改项目 按钮点击
      */
     addProj(order){
       this.ticketId = order.id
+      this.$refs.addProjDialog.open()
+    },
+    /**
+     * 新增项目
+     */
+    addProjDialogConfirm(){
       this.$refs.proj.open()
     },
+    /**
+     * 修改已有项目
+     */
+    cancelDialogClose(){
+      this.$refs.addProjDialog.close()
+      uni.navigateTo({
+        url: `/pages-order/orderDetail/orderDetail?id=${this.ticketId}&isDetail=0`
+      });
+    },
     /**
      * 添加项目回调
      */
diff --git a/pages-order/addOrder/addOrder.vue b/pages-order/addOrder/addOrder.vue
index f059e88..616b78c 100644
--- a/pages-order/addOrder/addOrder.vue
+++ b/pages-order/addOrder/addOrder.vue
@@ -18,15 +18,15 @@
             </view>
           </view>
         </view>
-        <view class="card" style="padding-bottom: 20rpx">
-          <view class="carTitle">单据类型</view>
-          <radio-group @change="handleChange" style="padding: 0 20rpx">
-            <label v-for="(option, index) in options" :key="index" class="radio-label">
-              <radio :value="option.value" :checked="option.value === ticketType"/>
-              <text>{{ option.label }}</text>
-            </label>
-          </radio-group>
-        </view>
+<!--        <view class="card" style="padding-bottom: 20rpx">-->
+<!--          <view class="carTitle">单据类型</view>-->
+<!--          <radio-group @change="handleChange" style="padding: 0 20rpx">-->
+<!--            <label v-for="(option, index) in options" :key="index" class="radio-label">-->
+<!--              <radio :value="option.value" :checked="option.value === ticketType"/>-->
+<!--              <text>{{ option.label }}</text>-->
+<!--            </label>-->
+<!--          </radio-group>-->
+<!--        </view>-->
         <view :class="{ 'none': !carList || carList.length === 0 }" class="card cardInfo carCard">
           <template v-if="!carList || carList.length === 0">
             <image class="cardNoneIcon" mode="widthFix" src="/pages-order/static/carNoneIcon.png"></image>
diff --git a/pages-order/choosePeople/choosePeople.vue b/pages-order/choosePeople/choosePeople.vue
index cc74230..9c92769 100644
--- a/pages-order/choosePeople/choosePeople.vue
+++ b/pages-order/choosePeople/choosePeople.vue
@@ -285,7 +285,7 @@ export default {
       }else if (this.type == 'xs') {
         if (this.checkedUserId == '' && this.checkedUserName == '') {
           uni.showToast({
-            title: '请选择销售人员！',
+            title: '请选择服务顾问！',
             icon: 'none'
           })
         } else {
@@ -302,7 +302,7 @@ export default {
             data: param
           }).then((res) => {
             uni.showToast({
-              title: '选择销售人员成功！',
+              title: '选择服务顾问成功！',
               icon: 'none'
             })
             setTimeout(() => {
diff --git a/pages-order/orderDetail/orderDetail.vue b/pages-order/orderDetail/orderDetail.vue
index f64147b..19371da 100644
--- a/pages-order/orderDetail/orderDetail.vue
+++ b/pages-order/orderDetail/orderDetail.vue
@@ -28,7 +28,7 @@
               <image v-show="ticketInfo.carInfo.logoImg" :src="imgUrlPrex + ticketInfo.carInfo.logoImg" class="carImage" mode="aspectFill"></image>
               <view class="carHeaderRight">
                 <text class="carNumber">{{ ticketInfo.carNo }}</text>
-                <text class="carType">{{ ticketInfo.carBrandName }}</text>
+                <text class="carType">{{ ticketInfo.carBrandName+"  " }} <text v-if="ticketInfo.carInfo && ticketInfo.carInfo.carModel"> - {{ticketInfo.carInfo.carModel}}</text></text>
               </view>
             </view>
             <view class="carBody">
@@ -119,8 +119,8 @@
           <view class="projTitle">维修项目</view>
           <view class="projList">
             <template>
-              <view v-for="item in ticketInfo.projects" :key="item.id" class="projEditItem">
-
+              <view v-for="(item,index) in ticketInfo.projects" :key="item.id" class="projEditItem">
+                <view class="del-proj-box" @click="delProj(item.id,index)"><uni-icons type="trash" size="25" style="color: #0174F6"></uni-icons></view>
                 <view class="projEditLine1">
                   <text>{{ item.itemName }}</text>
                   <text v-if="canSeeMoney"  class="projAmount">￥{{ item.itemMoney }}</text>
@@ -146,7 +146,7 @@
                     <template>
                       <view class="editPeople">
                         <view class="editForm">
-                          <text class="label">销售人员</text>
+                          <text class="label">服务顾问</text>
                           <text >{{item.saleName || ""}}
                           </text>
                         </view>
@@ -156,7 +156,7 @@
                     </template>
                     <template v-if="isDetail == '0'">
                       <image @click="editPeople('xs', item)"src="/pages-order/static/addIcon.png" style="width: 28rpx;height: 28rpx"></image>
-<!--                      <text class="addText" @click="editPeople('xs', item)">添加销售人员</text>-->
+<!--                      <text class="addText" @click="editPeople('xs', item)">添加服务顾问</text>-->
                     </template>
                   </view>
                   <view class="line"></view>
@@ -321,7 +321,7 @@ import {bus} from "@/utils/eventBus";
 import request from '@/utils/request';
 import upload from '@/utils/upload'
 import {getOrderStatusText,formatDate,formatTimestamp,getDictTextByCodeAndValue,saveTicketsRecords} from "@/utils/utils";
-import {getUserInfo,setJSONData,setStorageWithExpiry,getStorageWithExpiry} from '@/utils/auth'
+import {getUserInfo,setJSONData,getJSONData,setStorageWithExpiry,getStorageWithExpiry} from '@/utils/auth'
 import config from '@/config'
 export default {
   components: {
@@ -385,8 +385,21 @@ export default {
         name:"",
         tel:""
       },
+      //删除的项目id
+      delProjId:[],
     };
   },
+  watch: {
+// demo 是要深度监听的值
+    ticketInfo: {
+      handler(newVal, oldVal) {
+        console.log(newVal, "有变化");
+        setJSONData("projects",newVal.projects)
+      },
+      // 开启深度监听
+      deep: true
+    }
+  },
   onLoad(data) {
     this.loginUser = getUserInfo()
     this.canSeeMoney = !this.loginUser.roleCodes.includes('repair_staff');
@@ -408,6 +421,16 @@ export default {
     this.waresByTicket()
   },
   methods: {
+    /**
+     * 删除项目
+     */
+    delProj(id,index){
+      this.delProjId.push(id)
+      //从缓存中移除
+      this.$nextTick(()=>{
+        this.ticketInfo.projects.splice(index,1)
+      })
+    },
     /**
      * 监听输入框
      */
@@ -426,6 +449,7 @@ export default {
           item.itemMoney = item.itemPrice*item.itemCount*item.itemDiscount
         }
       })
+      // setJSONData("projects",this.ticketInfo.projects)
       console.log(item,"item")
     },
     /**
@@ -489,7 +513,7 @@ export default {
         request({
           url: '/admin-api/repair/titem/updateRepairItem',
           method: 'PUT',
-          data:this.ticketInfo.projects
+          data:{"itemList":this.ticketInfo.projects,"delProjIdList":this.delProjId,"ticketId":this.ticketId}
         }).then((res) => {
           if(res.code==200){
             uni.showToast({
@@ -890,6 +914,23 @@ export default {
             item.createTime = formatTimestamp(item.createTime)
           })
         }
+        //从缓存中获取项目的信息替换掉
+        let projects = getJSONData("projects")
+        let projectMap = new Map();
+        if(projects){
+          //转key value形式
+          projects.map((item)=>{
+            projectMap.set(item.id,item)
+          })
+          resultObj.projects = resultObj.projects.map((item)=>{
+            if(projectMap.has(item.id)){
+              console.log(projectMap.get(item.id))
+              return projectMap.get(item.id)
+            }else{
+              return item
+            }
+          })
+        }
         this.$nextTick(()=>{
           this.ticketInfo = resultObj
           //判断当前角色及工单状态显示操作按钮
@@ -1281,7 +1322,12 @@ export default {
         padding: 0 20rpx;
         background: #F2F2F7;
         border-radius: 4rpx 4rpx 4rpx 4rpx;
-
+        position: relative;
+        .del-proj-box{
+          position: absolute;
+          top: -10px;
+          right: -10px;
+        }
         .projEditLine1 {
           display: flex;
           align-items: center;