fix:前台页面编辑查看显示修改

src/views/business/production/onWorkDetail/onWorkDetailDialog.vue

@@ -30,26 +30,33 @@
       <el-table-column type="index" label="序号" width="50" />
       <el-table-column property="recordDate" label="工作日期" width="120" >
         <template #default="scope">
-          <el-date-picker v-model="scope.row.recordDate" type="date" clearable size="small"
+          <el-date-picker v-if="recordStatu === 1 &&handlerId === useUserStore().user.userId" v-model="scope.row.recordDate" type="date" clearable size="small"
                           format="YYYY-MM-DD " value-format="YYYY-MM-DD"
                           :disabled="scope.row.inputdisabled"
                           style="width: 100%;">
           </el-date-picker>
+          <div v-else>{{dateFormat(scope.row.recordDate)}}</div>
         </template>
       </el-table-column>
       <el-table-column property="recordDetail" label="工作详情" width="300" >
         <template #default="scope">
-          <el-input type="textarea"  class="no-scrollbar" v-model="scope.row.recordDetail" :disabled="scope.row.inputdisabled"/>
+
+          <el-input type="textarea" v-if="recordStatu === 1 &&handlerId === useUserStore().user.userId"  class="no-scrollbar" v-model="scope.row.recordDetail" :disabled="scope.row.inputdisabled"/>
+          <div v-else>{{scope.row.recordDetail}}</div>
         </template>
       </el-table-column>
       <el-table-column property="userName" label="操作人" width="120" >
         <template #default="scope">
-          <el-input v-model="scope.row.userName" disabled />
+
+          <el-input v-if="recordStatu === 1 &&handlerId === useUserStore().user.userId" v-model="scope.row.userName" disabled />
+          <div v-else>
+            {{scope.row.userName}}
+          </div>
         </template>
       </el-table-column>
       <el-table-column label="操作" min-width="120" >
         <template #default="scope">
-          <el-button v-if="handlerId === useUserStore().user.userId" :disabled="scope.row.disabled" size="small" type="primary"  @click="handleClick(scope.$index, scope.row,this)">
+          <el-button v-if="recordStatu === 1 && handlerId === useUserStore().user.userId" :disabled="scope.row.disabled" size="small" type="primary"  @click="handleClick(scope.$index, scope.row,this)">
            {{scope.row.buttonName}}
           </el-button>
         </template>
@@ -72,7 +79,7 @@ import {
   updateDetail,
   addDetail
 } from "@/api/business/onWorkDetail";
-
+import moment from 'moment'
 const outerVisible = ref(false);
 const onworkDetailData = ref<TFrom[]>([]);
 const currentRow = ref();
@@ -200,7 +207,9 @@ const onSubmit = () =>{
     fullscreenLoading.value = false;
   })
 }
-
+const dateFormat = (date)=>{
+  return moment(date).format("YYYY-MM-DD");
+}
 defineExpose({
   openView,
 });