工单备注

pages/workOrder/detail.vue

@@ -56,6 +56,18 @@
                 <view class="label">服务需求</view>
                 <view class="value">{{ detail.remarks || '--' }}</view>
             </view>
+            <view class="row" style="align-items: center;">
+                <view class="label">工单备注</view>
+                <view class="value phonenumber">{{ detail.remarks_workorder || '--' }}<My-button v-if="isonlinesales" :customStyle="{
+                    width: '142rpx',
+                    height: '48rpx',
+                    'background-color': '#FFFFFF',
+                    'color': '#3874F6',
+                    borderRadius: '10rpx',
+                    'margin-left': '20rpx'
+                }" text="修改备注" @onClick="editRemarks" />
+                </view>
+            </view>
             <up-transition :show="transition" v-if="detail.sku || detail.itemname">
                 <view class="transition">
                     <up-divider />
@@ -153,6 +165,14 @@
             </view>
         </view>
     </view>
+
+    <up-modal :show="shoeEditRemarks" title="工单备注" showCancelButton @confirm="confirmRemarks
+    " ref="uModal1" :asyncClose="true" @cancel="shoeEditRemarks = false">
+        <view style="width: 99%;">
+            <up-textarea v-model="refuseremarks" placeholder="工单备注" count></up-textarea>
+        </view>
+    </up-modal>
+
     <view style="height: 50px;" />
 </template>
 
@@ -173,7 +193,9 @@ const steps = reactive([
     { title: '提交', value: '提交' },
     { title: '完工', value: '已完工' }
 ]);
-let sa_workorderid = 0;
+let sa_workorderid = 0,
+    isonlinesales = ref(false);
+
 onLoad((options) => {
     sa_workorderid = options.id;
     getDetail()
@@ -181,12 +203,24 @@ onLoad((options) => {
         uni.showToast({ title: "保存成功", icon: 'none' });
         getDetail()
     }
+
+    $Http.basic({
+        "classname": "common.usercenter.usercenter",
+        "method": "queryUserMsg",
+        "content": {}
+    }).then(res => {
+        console.log("用户信息", res);
+        if (res.code === 1) {
+            if (res.data.agent.type == '网销' || res.data.usertype == 1) {
+                isonlinesales.value = true;
+            }
+        }
+    })
 });
 
 onUnload(() => {
     delete $Http.content1
 });
-
 const time = ref(new Date().getTime());
 
 let detail = reactive({
@@ -471,6 +505,32 @@ function confirmCancel() {
     toChangeMsg();
 }
 
+// 编辑工单备注
+let shoeEditRemarks = ref(false),
+    refuseremarks = ref("");
+let uModal1 = ref(null);
+
+function editRemarks() {
+    refuseremarks.value = detail.remarks_workorder || "";
+    shoeEditRemarks.value = true;
+}
+
+function confirmRemarks() {
+    $Http.basic({
+        "id": 2026020509571602,
+        "content": {
+            sa_workorderid: detail.sa_workorderid,
+            remarks_workorder: refuseremarks.value
+        }
+    }).then(res => {
+        console.log("工单备注", res)
+        uni.showToast({ title: res.code !== 1 ? res.msg : '编辑成功', icon: 'none' });
+        if (res.code !== 1) return uModal1.value.loading = false;
+        shoeEditRemarks.value = false;
+        detail.remarks_workorder = refuseremarks.value;
+    })
+}
+
 defineExpose({ detail })
 
 </script>