审计预警下拉框支持复制

src/views/warning/edit.vue

@@ -25,7 +25,6 @@ import warningDetail from './components/detail.vue'
 import dayjs from "dayjs";
 
 
-
 const warningCode = ref("warning")
 const dialog = ref(false)
 const endDialog = ref(false)
@@ -41,8 +40,7 @@ const loading = ref(false)
 const rejectDialog = ref(false)
 const node = ref()
 const formData = ref({
-  reportProject:{
+  reportProject: {},
-  },
   record: {
     warningSupervision: null,
     supervisionTime: null,
@@ -295,7 +293,6 @@ async function getAuditTableInformFun(type){
 }
 
 
-
 //打开督审记录窗口
 const warningDetailDiaglog = ref(false)
 const warningTable = ref()
@@ -415,9 +412,21 @@ const ensureSupervisionTime = () => {
             <el-row>
               <el-col :span="6">
                 <el-form-item label="报审类型" prop="reportType">
-                  <el-select :disabled="isDisabled" v-model="formData.reportProject.reportType">
+                  <!-- 查看态：外观=禁用 el-select，但可复制 -->
-                    <el-option value="项目控制价" label="项目控制价"></el-option>
+                  <el-input
-                    <el-option value="结算项目" label="结算项目"></el-option>
+                      v-if="isDisabled"
+                      :model-value="formData.reportProject.reportType"
+                      readonly
+                      class="select-disabled-like"
+                  />
+
+                  <!-- 编辑态：正常 el-select -->
+                  <el-select
+                      v-else
+                      v-model="formData.reportProject.reportType"
+                  >
+                    <el-option label="项目控制价" value="项目控制价"/>
+                    <el-option label="结算项目" value="结算项目"/>
                   </el-select>
                 </el-form-item>
               </el-col>
@@ -428,26 +437,47 @@ const ensureSupervisionTime = () => {
               </el-col>
               <el-col :span="6">
                 <el-form-item label="项目类别">
-                  <el-select :disabled="isDisabled" v-model="formData.reportProject.projectType">
+                  <el-input
-                    <el-option value="服务类" label="服务类"></el-option>
+                      v-if="isDisabled"
-                    <el-option value="工程类" label="工程类"></el-option>
+                      :model-value="formData.reportProject.projectType"
-                    <el-option value="货物类" label="货物类"></el-option>
+                      readonly
-                    <el-option value="信息化类" label="信息化类"></el-option>
+                      class="select-disabled-like"
+                  />
+                  <el-select
+                      v-else
+                      v-model="formData.reportProject.projectType"
+                  >
+                    <el-option label="服务类" value="服务类"/>
+                    <el-option label="工程类" value="工程类"/>
+                    <el-option label="货物类" value="货物类"/>
+                    <el-option label="信息化类" value="信息化类"/>
                   </el-select>
                 </el-form-item>
               </el-col>
               <el-col :span="6">
                 <el-form-item label="审计单位" prop="auditUnitId">
-                  <depart-tree-select :auth="false" :disabled="isDisabled" v-model="formData.reportProject.auditUnitId"
+                  <!-- 查看态：可复制 -->
-                                      :size="'default'" placeholder="" clearable/>
+                  <el-input v-if="isDisabled" :model-value="formData.reportProject.auditUnit" readonly
+                            class="select-disabled-like"/>
+                  <depart-tree-select v-else :auth="false" v-model="formData.reportProject.auditUnitId" clearable/>
                 </el-form-item>
               </el-col>
             </el-row>
             <el-row>
               <el-col :span="6">
                 <el-form-item label="项目单位" prop="projectUnitId">
-                  <depart-tree-select :auth="false" :disabled="isDisabled" v-model="formData.reportProject.projectUnitId"
+                  <el-input
-                                      :size="'default'" placeholder="" clearable/>
+                      v-if="isDisabled"
+                      :model-value="formData.reportProject.projectUnit"
+                      readonly
+                      class="select-disabled-like"
+                  />
+                  <depart-tree-select
+                      v-else
+                      :auth="false"
+                      v-model="formData.reportProject.projectUnitId"
+                      clearable
+                  />
                 </el-form-item>
               </el-col>
               <el-col :span="6">
@@ -462,14 +492,23 @@ const ensureSupervisionTime = () => {
               </el-col>
               <el-col :span="6">
                 <el-form-item v-if="isEndData" label="报审金额（元）" prop="reportMoney">
-                  <el-input :disabled="isDisabled" type="number" v-model="formData.reportProject.reportMoney"></el-input>
+                  <el-input :disabled="isDisabled" type="number"
+                            v-model="formData.reportProject.reportMoney"></el-input>
                 </el-form-item>
                 <el-form-item v-else label="采购方式" prop="purchaseMethod">
-                  <el-select :disabled="isDisabled" v-model="formData.reportProject.purchaseMethod">
+                  <el-input
-                    <el-option v-for="(item,index) in dict.procurementMethod" :key="index"
+                      v-if="isDisabled"
+                      :model-value="dict.procurementMethod.find(d => d.dictValue === formData.reportProject.purchaseMethod)?.dictLabel"
+                      readonly
+                      class="select-disabled-like"
+                  />
+                  <el-select v-else v-model="formData.reportProject.purchaseMethod">
+                    <el-option
+                        v-for="item in dict.procurementMethod"
+                        :key="item.dictValue"
                         :label="item.dictLabel"
                         :value="item.dictValue"
-                    ></el-option>
+                    />
                   </el-select>
                 </el-form-item>
               </el-col>
@@ -486,7 +525,8 @@ const ensureSupervisionTime = () => {
                   />
                 </el-form-item>
                 <el-form-item v-else label="报审金额（元）" prop="reportMoney">
-                  <el-input :disabled="isDisabled" type="number" v-model="formData.reportProject.reportMoney"></el-input>
+                  <el-input :disabled="isDisabled" type="number"
+                            v-model="formData.reportProject.reportMoney"></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="6">
@@ -584,7 +624,8 @@ const ensureSupervisionTime = () => {
               </el-col>
               <el-col :span="6">
                 <el-form-item label="合同金额" prop="contractMount">
-                  <el-input :disabled="isDisabled" type="number" v-model="formData.reportProject.contractMount"></el-input>
+                  <el-input :disabled="isDisabled" type="number"
+                            v-model="formData.reportProject.contractMount"></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="6">
@@ -648,12 +689,14 @@ const ensureSupervisionTime = () => {
             <el-row :gutter="20">
               <el-col :span="6">
                 <el-form-item label="审定金额（元）">
-                  <el-input :disabled="isDisabled" type="number" v-model="formData.reportProject.archivingMoney"></el-input>
+                  <el-input :disabled="isDisabled" type="number"
+                            v-model="formData.reportProject.archivingMoney"></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="6">
                 <el-form-item label="审减金额（元）">
-                  <el-input :disabled="isDisabled" type="number" v-model="formData.reportProject.archivingReduceMoney"></el-input>
+                  <el-input :disabled="isDisabled" type="number"
+                            v-model="formData.reportProject.archivingReduceMoney"></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="6">
@@ -666,7 +709,8 @@ const ensureSupervisionTime = () => {
               </el-col>
               <el-col :span="6">
                 <el-form-item label="预警监督人员" prop="warningSupervision">
-                  <el-select :disabled="recordDisplay"  v-model="formData.record.warningSupervision" :remote-method="inputGetList"
+                  <el-select :disabled="recordDisplay" v-model="formData.record.warningSupervision"
+                             :remote-method="inputGetList"
                              filterable>
                     <el-option v-for="(item,index) in polices" :key="index" :value="item.idCode"
                                :label="item.name"></el-option>
@@ -691,7 +735,8 @@ const ensureSupervisionTime = () => {
               </el-col>
               <el-col :span="6">
                 <el-form-item label="证据提供者" prop="evidenceOffer">
-                  <el-input placeholder="请输入证据提供者" :disabled="recordDisplay" v-model="formData.record.evidenceOffer"></el-input>
+                  <el-input placeholder="请输入证据提供者" :disabled="recordDisplay"
+                            v-model="formData.record.evidenceOffer"></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="6">
@@ -815,7 +860,8 @@ const ensureSupervisionTime = () => {
 
 
         <el-dialog v-model="detailShow" width="90vw" @close="closeDetailShow">
-          <warningDetail @close-page-fun="closeDetailShow" :node="detailProps.node" :id="detailProps.id" :back-path="detailProps.backPath" :is-end="detailProps.isEnd"></warningDetail>
+          <warningDetail @close-page-fun="closeDetailShow" :node="detailProps.node" :id="detailProps.id"
+                         :back-path="detailProps.backPath" :is-end="detailProps.isEnd"></warningDetail>
         </el-dialog>
 
         <report-audit @submitFeedback="submitFeedback" @closeFun="closeAuditDialogFun"
@@ -842,7 +888,8 @@ const ensureSupervisionTime = () => {
         ></report-audit-end>
 
         <report-audit-reject @submitFeedback="submitFeedback" @closeFun="closeDialogFun" :node="formData.record.node"
-                             :isWarning="warningCode"    :reportId="formData.record.id" :dialog="rejectDialog" :isAudit="false"></report-audit-reject>
+                             :isWarning="warningCode" :reportId="formData.record.id" :dialog="rejectDialog"
+                             :isAudit="false"></report-audit-reject>
       </el-main>
     </main>
   </div>
@@ -861,4 +908,23 @@ const ensureSupervisionTime = () => {
 .border_red {
   border: red 2px solid;
 }
+
+/* 让 el-input 看起来和 el-select 禁用态一模一样 */
+.select-disabled-like {
+  --el-input-bg-color: var(--el-disabled-bg-color);
+  --el-input-border-color: var(--el-disabled-border-color);
+  --el-input-text-color: var(--el-text-color-regular);
+
+  .el-input__wrapper {
+    background-color: var(--el-disabled-bg-color);
+    box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
+    cursor: not-allowed;
+  }
+
+  .el-input__inner {
+    color: #a8abb2;
+    cursor: text; /* 允许选中复制 */
+  }
+}
+
 </style>