订单的服务时间

src/views/system/order/index.vue

@@ -85,6 +85,7 @@
             v-hasPermi="['system:nurseType:edit']"
             >查看</el-button
           >
+        
           <el-button
             size="mini"
             type="text"
@@ -103,13 +104,15 @@
       :limit.sync="queryParams.pageSize"
       @pagination="getList"
     />
+ 
+
     <!-- 查看弹框 -->
+
     <el-dialog
       title="查看订单信息"
-      :visible.sync="innerVisible4"
+      :visible.sync="innerVisible"
       append-to-body
       width="1048px"
-      class="orderInfo"
     >
       <el-form
         :inline="true"
@@ -118,6 +121,7 @@
         :rules="rules"
         label-width="120px"
       >
+
         <div v-for="(item, index) in query" :key="index">
               <el-form-item label="订单编号" prop="orderNo">
                 <el-input
@@ -152,33 +156,37 @@
                   style="width: 190px"
                 />
               </el-form-item>
-              <el-form-item label="服务时间" prop="serviceDate">
-                <el-input
-                  v-model="item.serviceDate"
-                  clearable
-                  @keyup.enter.native="handleQuery"
-                  :disabled="true"
-                  style="width: 150px"
-                />
-              </el-form-item>
-              <el-form-item label="服务地址" prop="serviceAddress">
-                <el-input
-                  v-model="item.serviceAddress"
-                  clearable
-                  @keyup.enter.native="handleQuery"
-                  :disabled="true"
-                  style="width: 240px"
-                />
-              </el-form-item>
+             
+             
+             
               <el-form-item label="护理项目名称" prop="nurseItemName">
                 <el-input
                   v-model="item.nurseItemName"
                   clearable
                   @keyup.enter.native="handleQuery"
                   :disabled="true"
+                  style="width: 150px"
+                />
+              </el-form-item>
+              <el-form-item label="服务时间" prop="time">
+                <el-input
+                  v-model="item.time"
+                  clearable
+                  @keyup.enter.native="handleQuery"
+                  :disabled="true"
+                  style="width: 240px"
+                />
+              </el-form-item>
+              <el-form-item label="护理项目时长" prop="itemServeDurationUnit">
+                <el-input
+                  v-model="item.itemServeDurationUnit"
+                  clearable
+                  @keyup.enter.native="handleQuery"
+                  :disabled="true"
                   style="width: 190px"
                 />
               </el-form-item>
+            
               <el-form-item label="护理项目价格" prop="nurseItemPrice">
                 <el-input
                   v-model="item.nurseItemPrice"
@@ -188,9 +196,9 @@
                   style="width: 150px"
                 />
               </el-form-item>
-              <el-form-item label="护理项目时长" prop="itemServeDurationUnit">
+              <el-form-item label="服务地址" prop="serviceAddress">
                 <el-input
-                  v-model="item.itemServeDurationUnit"
+                  v-model="item.serviceAddress"
                   clearable
                   @keyup.enter.native="handleQuery"
                   :disabled="true"
@@ -260,7 +268,8 @@ export default {
       value: "",
       // 遮罩层
       loading: true,
-      innerVisible4: false,
+      innerVisible: false,
+      innerVisibleA:false,
       // 选中数组
       ids: [],
       // 非单个禁用
@@ -316,15 +325,28 @@ export default {
       }
     },
     seeLook(row) {
-      this.innerVisible4 = true;
+      this.innerVisible = true;
       const id = row.orderNo;
       // console.log(row);
       Detailed(id).then((res) => {
+        res.data.forEach((e) => {
+          if (e.serviceDate) {
+            e.time =
+              e.serviceDate +
+              "-" +
+              e.serviceStartTime +
+              "-" +
+              e.serviceEndTime 
+          }
+         } );
         this.OrderDetailsLists = res.data;
         this.query = res.data;
         console.log(this.query);
       });
     },
+    leaflets(){
+      this.innerVisibleA = true;
+    },
     /** 查询护理类型信息列表 */
     getList() {
       this.loading = true;
@@ -368,15 +390,11 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       // console.log('row :>> ', row);
-      this.$confirm(
-        '是否确认删除订单信息的数据项？',
-        "提示",
-        {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
-        }
-      )
+      this.$confirm("是否确认删除订单信息的数据项？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
         .then(() => {
           deldetailed(row.appointmentOrderId).then((res) => {
             this.$message.success("删除成功");
@@ -404,4 +422,17 @@ export default {
   height: 500px;
   overflow-y: scroll;
 }
+  .clearfix:before,
+  .clearfix:after {
+    display: table;
+    content: "";
+  }
+  .clearfix:after {
+    clear: both
+  }
+
+  .box-card {
+    width: 1000px;
+  }
 </style>
+