计划变更详情

src/style/global.less

@@ -315,6 +315,9 @@ body {
   justify-content: space-between;
   align-items: center;
 }
+.flex-row {
+  flex-direction: row;
+}
 
 .text-indent {
   text-indent: 2em;

src/views/sop/sop-manage/plan-change/index.vue

@@ -140,7 +140,10 @@
             </t-col>
             <t-col :span="12">
               <t-form-item label="处理结果">
-                <t-radio-group v-model="formData.projectExchangeApprove">
+                <t-radio-group
+                  v-model="formData.projectExchangeApprove"
+                  :disabled="IS_VIEW_MODE"
+                >
                   <t-radio value="FINISH">已完成</t-radio>
                   <t-radio value="NOT_UPDATE"
                     >经沟通，取消变更(原因请填写变更备注)</t-radio
@@ -153,13 +156,23 @@
             </t-col>
             <t-col :span="12">
               <t-form-item label="变更备注" name="remark">
-                <t-textarea v-model="formData.remark"></t-textarea>
+                <t-textarea
+                  v-model="formData.remark"
+                  :disabled="IS_VIEW_MODE"
+                ></t-textarea>
               </t-form-item>
             </t-col>
           </template>
         </t-row>
       </t-form>
-      <t-space class="sop-step-footer">
+      <t-space
+        v-if="IS_VIEW_MODE"
+        class="sop-step-footer"
+        style="flex-direction: row"
+      >
+        <t-button theme="primary" @click="cancelHandle">返回</t-button>
+      </t-space>
+      <t-space v-else class="sop-step-footer">
         <t-button theme="primary" @click="submitHandle">提交</t-button>
         <t-button theme="default" @click="cancelHandle">取消</t-button>
       </t-space>
@@ -275,6 +288,9 @@ function getFlowApproveHistoryList(data) {
 const IS_NEW_MODE = computed(() => {
   return props.type === 'new';
 });
+const IS_VIEW_MODE = computed(() => {
+  return props.type === 'view';
+});
 const readonly = computed(() => {
   return !IS_NEW_MODE.value;
 });

src/views/sop/sop-manage/project-change-report/index.vue

@@ -31,6 +31,12 @@
         :selected-row-keys="selectedRowKeys"
         @select-change="selectChange"
       >
+        <template #code="{ col, row }">
+          <more-content
+            :content="row[col.colKey]"
+            @action="handleDetail(row)"
+          ></more-content>
+        </template>
         <template #createTime="{ col, row }">
           {{ timestampFilter(row[col.colKey]) }}
         </template>
@@ -57,7 +63,7 @@
       v-if="perm.LINK_Finish"
       v-model:visible="showPlanChangeDialog"
       :sop="curSopData"
-      type="audit"
+      :type="curType"
       @confirm="fetchData"
     ></plan-change-dialog>
   </div>
@@ -108,9 +114,15 @@ const columns = [
 ];
 const curSopData = ref({});
 const showPlanChangeDialog = ref(false);
-
+const curType = ref('audit');
 const handleApply = (row) => {
   curSopData.value = row;
+  curType.value = 'audit';
+  showPlanChangeDialog.value = true;
+};
+const handleDetail = async (row) => {
+  curSopData.value = row;
+  curType.value = 'view';
   showPlanChangeDialog.value = true;
 };
 const fields = ref([

src/views/work-hours/work-hours-manage/abnormal-check/abnormal-detail-dialog.vue

@@ -14,7 +14,7 @@
       <div class="t-tabs sop-step-list">
         <div class="t-tabs__content">
           <div class="t-tab-panel">
-            <t-form colon label-width="72px" class="sop-step-body">
+            <t-form colon label-width="80px" class="sop-step-body">
               <t-row :gutter="[0, 4]">
                 <t-col :span="3">
                   <t-form-item label="异常编号">{{ row.code }}</t-form-item>