2024-10-14

src/views/modules/quotation/sellForQuotation/quotationDetail/toolQuotation.vue

@@ -447,53 +447,54 @@ export default {
   <el-dialog title="报价工具" v-drag
              @close="closeQuotationToolDialog"
              @open="openQuotationToolDialog"
-             :visible.sync="saveQuotationToolFlag" width="40%"
+             :visible.sync="saveQuotationToolFlag" width="600px"
              :close-on-click-modal="false"
              top="15vh" append-to-body>
-    <el-form :rules="quotationToolRules" ref="quotationToolForm" :model="quotationTool" label-position="top"
-             style="height: 260px">
-      <el-row>
-        <el-col :span="8">
+    <el-form :rules="quotationToolRules" ref="quotationToolForm" :model="quotationTool" label-position="top">
+      <el-row :gutter="20">
+        <el-col :span="10">
           <el-form-item label="工具编码" prop="toolNo">
             <span slot="label" @click="toolHeaderDialogFlag = true" style="cursor: pointer"><a>工具编码</a></span>
             <el-input v-model="quotationTool.toolNo" clearable/>
           </el-form-item>
         </el-col>
-        <el-col :span="12" :offset="2">
+        <el-col :span="14">
           <el-form-item label="工具描述" prop="toolDescription">
             <el-input v-model="quotationTool.toolDescription" :disabled="quotationTool.toolNo !== '*'" clearable/>
           </el-form-item>
         </el-col>
       </el-row>
-      <el-row>
-        <el-col :span="8">
+      <el-row :gutter="20">
+        <el-col :span="10">
           <el-form-item label="工具数量" prop="toolQuantity">
-            <el-input-number style="margin-top: -5px;width: 100%;" v-model="quotationTool.toolQuantity" :controls="false" :min="1" @input="computeToolQuotationUnitCost(quotationTool)"></el-input-number>
+            <el-input-number :step="0" v-model="quotationTool.toolQuantity" :controls="false" :min="1" @input="computeToolQuotationUnitCost(quotationTool)"></el-input-number>
           </el-form-item>
         </el-col>
-        <el-col :span="12" :offset="2">
+        <el-col :span="14">
           <el-form-item label="预计使用寿命" prop="expectedServiceLife">
-            <el-input-number style="margin-top: -5px;width: 100%" v-model="quotationTool.expectedServiceLife" :controls="false" :min="1" @input="computeToolQuotationUnitCost(quotationTool)"></el-input-number>
+            <el-input-number :step="0"  v-model="quotationTool.expectedServiceLife" :controls="false" :min="1" @input="computeToolQuotationUnitCost(quotationTool)"></el-input-number>
           </el-form-item>
         </el-col>
       </el-row>
-      <el-row>
-        <el-col :span="8">
+      <el-row :gutter="20">
+        <el-col :span="10">
           <el-form-item label="单位成本" prop="unitCost">
-            <el-input-number style="margin-top: -5px;width: 100%" v-model="quotationTool.unitCost" :disabled="quotationTool.toolNo !== '*'" :controls="false" :min="1" @input="computeToolQuotationUnitCost(quotationTool)"></el-input-number>
+            <el-input-number style="width: 100%" :precision="6" :step="0" v-model="quotationTool.unitCost" :controls="false" :min="1" @input="computeToolQuotationUnitCost(quotationTool)"></el-input-number>
           </el-form-item>
         </el-col>
-        <el-col :span="12" :offset="2">
+        <el-col :span="14">
           <el-form-item label="单位报价成本" prop="unitCost">
-            <el-input-number disabled style="margin-top: -5px;width: 100%" v-model="quotationTool.quotationUnitCost" :controls="false" :min="1"></el-input-number>
+            <el-input-number disabled :precision="6" :step="0"  v-model="quotationTool.quotationUnitCost" :controls="false" :min="1"></el-input-number>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="备注" prop="remark" class="auto">
+            <el-input v-model="quotationTool.remark" resize="none" type="textarea" :autosize="{minRows: 3, maxRows: 3}"/>
           </el-form-item>
         </el-col>
       </el-row>
-      <el-form-item label="备注" prop="remark" style="height: 90px">
-        <el-input v-model="quotationTool.remark" resize="none" type="textarea" :autosize="{minRows: 3, maxRows: 3}" style="width: 93%"/>
-      </el-form-item>
     </el-form>
-    <span slot="footer" class="dialog-footer" style="margin-top: 5px">
+    <span slot="footer" class="dialog-footer" style="height: 30px;line-height: 30px">
         <el-button type="primary" :loading="saveQuotationToolLoading" @click="saveQuotationTool">确 定</el-button>
         <el-button @click="saveQuotationToolFlag= false">取 消</el-button>
       </span>
@@ -529,8 +530,5 @@ export default {
 </template>
 
 <style scoped>
-.el-input-number /deep/ .el-input__inner{
-  text-align: right;
-  padding-right: 5px !important;
-}
+
 </style>