2024-10-24

src/views/modules/quotation/requestForQuote.vue

@@ -151,7 +151,7 @@
         <template slot-scope="scope">
           <el-link style="cursor: pointer" @click="updateModal(scope.row)" v-if="scope.row.quotationStatus !== '已完成'">编辑</el-link>
           <el-link style="cursor: pointer" v-if="scope.row.quotationStatus === '草稿'" @click="updateModalStatus(scope.row,'C')">下达</el-link>
-<!--          <el-link style="cursor: pointer" @click="updateModal(scope.row)" v-if="scope.row.quotationStatus === '已完成'">详情</el-link>-->
+          <el-link style="cursor: pointer" @click="updateDetailModal(scope.row)" v-if="scope.row.quotationStatus === '已完成'">详情</el-link>
         </template>
       </el-table-column>
     </el-table>
@@ -189,19 +189,20 @@
           </el-col>
           <el-col :span="4">
             <el-form-item label="要求完成日期" prop="requiredCompletionDate">
-              <el-date-picker v-model="modalData.requiredCompletionDate" :disabled="quotationInformationFlag('requiredCompletionDate') === 'N' && modalData.flag === '2'"
+              <el-date-picker v-model="modalData.requiredCompletionDate"
+                              :disabled="(quotationInformationFlag('requiredCompletionDate') === 'N' && modalData.flag === '2') || detailVisible"
                               style="width: 100%" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"></el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="4">
             <el-form-item label="优先等级" >
-              <dict-data-select v-if="modalFlag" :disabled="quotationInformationFlag('priorityLevel') === 'N' && modalData.flag === '2'"
+              <dict-data-select v-if="modalFlag" :disabled="(quotationInformationFlag('priorityLevel') === 'N' && modalData.flag === '2') || detailVisible"
                                 v-model="modalData.priorityLevel" dict-type="priority_Level"></dict-data-select>
             </el-form-item>
           </el-col>
           <el-col :span="4">
             <el-form-item label="询价金额">
-              <el-input-number :step="0" :disabled="quotationInformationFlag('quotationAmount') === 'N' && modalData.flag === '2'"
+              <el-input-number :step="0" :disabled="(quotationInformationFlag('quotationAmount') === 'N' && modalData.flag === '2') || detailVisible"
                                :controls="false" v-model="modalData.quotationAmount"></el-input-number>
             </el-form-item>
           </el-col>
@@ -224,18 +225,20 @@
           </el-col>
           <el-col :span="4">
             <el-form-item label="Quote Type">
-              <dict-data-select v-if="modalFlag" :disabled="quotationInformationFlag('quoteType') === 'N' && modalData.flag === '2'" v-model="modalData.quoteType"
+              <dict-data-select v-if="modalFlag"
+                                :disabled="(quotationInformationFlag('quoteType') === 'N' && modalData.flag === '2') || detailVisible" v-model="modalData.quoteType"
                                 clearable dict-type="quote_type" :use-default-value="modalData.flag === '1'"></dict-data-select>
             </el-form-item>
           </el-col>
           <el-col :span="4">
             <el-form-item label="客户询价单号" prop="customerQuoteNo">
-              <el-input :disabled="quotationInformationFlag('customerQuoteNo') === 'N' && modalData.flag === '2'" v-model="modalData.customerQuoteNo"></el-input>
+              <el-input :disabled="(quotationInformationFlag('customerQuoteNo') === 'N' && modalData.flag === '2') || detailVisible"
+                        v-model="modalData.customerQuoteNo"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="4">
             <el-form-item label="是否需要Sourcing">
-              <dict-data-select v-if="modalFlag" :disabled="quotationInformationFlag('sourcing') === 'N' && modalData.flag === '2'"
+              <dict-data-select v-if="modalFlag" :disabled="(quotationInformationFlag('sourcing') === 'N' && modalData.flag === '2') || detailVisible"
                                 v-model="modalData.sourcing" dict-type="sourcing"></dict-data-select>
             </el-form-item>
           </el-col>
@@ -255,21 +258,21 @@
           </el-col>
           <el-col :span="4">
             <el-form-item label="Delivery Terms" prop="deliveryTerms">
-              <dict-data-select v-if="modalFlag" :disabled="quotationInformationFlag('deliveryTerms') === 'N' && modalData.flag === '2'" v-model="modalData.deliveryTerms"
+              <dict-data-select v-if="modalFlag" :disabled="(quotationInformationFlag('deliveryTerms') === 'N' && modalData.flag === '2') || detailVisible" v-model="modalData.deliveryTerms"
                                 clearable dict-type="delivery_terms" :use-default-value="modalData.flag === '1'"></dict-data-select>
             </el-form-item>
           </el-col>
           <el-col :span="4">
             <el-form-item prop="quoterName">
-              <span v-if="quotationInformationFlag('quoter') === 'N' && modalData.flag === '2'" slot="label">报价专员</span>
+              <span v-if="(quotationInformationFlag('quoter') === 'N' && modalData.flag === '2') || detailVisible" slot="label">报价专员</span>
               <span v-else style="cursor: pointer" slot="label" @click="getBaseList(2002)"><a herf="#">报价专员</a></span>
-              <el-input :disabled="quotationInformationFlag('quoter') === 'N' && modalData.flag === '2'" v-model="modalData.quoterName" readonly></el-input>
+              <el-input :disabled="(quotationInformationFlag('quoter') === 'N' && modalData.flag === '2') || detailVisible" v-model="modalData.quoterName" readonly></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="4">
-            <el-form-item prop="trackerName" v-if="modalData.sourcing === 'Y' || modalData.sourcing === '0' || modalData.sourcing === 0">
-              <span style="cursor: pointer" slot="label" @click="getBaseList(2000)"><a herf="#">采购专员</a></span>
-              <el-input v-model="modalData.trackerName" readonly></el-input>
+            <el-form-item prop="trackerName" v-if="(modalData.sourcing === 'Y' || modalData.sourcing === '0' || modalData.sourcing === 0) && !detailVisible">
+              <span style="cursor: pointer" slot="label" @click="getBaseList(2000)"><a>采购专员</a></span>
+              <el-input v-model="modalData.trackerName" :disabled="detailVisible" readonly></el-input>
             </el-form-item>
             <el-form-item label="采购专员" v-else>
               <el-input :disabled="quotationInformationFlag('tracker') === 'N' && modalData.flag === '2'" v-model="modalData.trackerName" readonly></el-input>
@@ -281,7 +284,7 @@
             <el-form-item label="备注" style="display: block;min-height: 90px">
               <el-input
                 type="textarea"
-                :disabled="quotationInformationFlag('technicalConsiderations') === 'N' && modalData.flag === '2'"
+                :disabled="(quotationInformationFlag('technicalConsiderations') === 'N' && modalData.flag === '2') || detailVisible"
                 v-model="modalData.technicalConsiderations"
                 :autosize="{minRows: 3, maxRows: 3}"
                 resize='none'>
@@ -351,7 +354,7 @@
         </el-tabs>
       </el-form>
       <el-footer style="height:35px;margin-top: 10px;padding-bottom:5px;text-align:center">
-        <el-button type="primary" @click="saveData()">保存</el-button>
+        <el-button type="primary" v-if="!detailVisible" @click="saveData()">保存</el-button>
         <el-button type="primary" @click="modalFlag = false">关闭</el-button>
         <el-button v-if="modalData.quotationStatus === '审批中'" type="primary" @click="agreeSubmit">同意</el-button>
         <el-button v-if="modalData.quotationStatus === '审批中' && modalData.isReject === 'Y'" type="primary" @click="rejectVisible = true">驳回</el-button>
@@ -857,6 +860,11 @@ export default {
     },
     "searchData.quotationBatchNo"(newVal,oldVal){
       this.searchData.quotationBatchNo = newVal.toUpperCase()
+    },
+    modalFlag(newVal,oldVal){
+      if (newVal === false){
+        this.detailVisible = false
+      }
     }
   },
   data() {
@@ -1931,6 +1939,7 @@ export default {
       ],
       rejectVisible:false,
       rejectOpinion:'',
+      detailVisible:false,
     }
   },
   mounted() {
@@ -3373,6 +3382,10 @@ export default {
       } else {
         this.$router.push({name:`part-partInformation`,params:{partNo:row.testPartNo},})
       }
+    },
+    updateDetailModal(row){
+      this.detailVisible = true
+      this.updateModal(row)
     }
   }
 }