采购合同审批：审批是否

src/views/PurchasingCenter/PurchaseContractApproval/index.vue

@@ -99,8 +99,7 @@
       </div>
     </el-card>
 
-    <el-card>
-      <div style="width:900px;margin-left: 350px">
+    <div style="width:900px;margin: 0 auto">
       <el-card>
         <table id="1" cellspacing="0px" align="center" border width="100%" style="">
           <tr style="height: 40px">
@@ -147,12 +146,11 @@
         <div id="23"/>
       </el-card>
     </div>
-    </el-card>
 
-    <el-dialog :visible.sync="dialogVisible3" title="审批" center style="min-height: 300px;" width="20%">
+    <el-dialog :visible.sync="dialogVisible3" title="审批" center style="min-height: 300px;" width="370px">
       <el-form ref="form2" :model="form2" :rules="rules2" label-position="left" label-width="110px" class="demo-ruleForm">
         <el-form-item label="审批是否通过" prop="审批是否通过" center>
-          <el-select v-model="form2.审批是否通过" size="small" @change="selectChange">
+          <el-select v-model="form2.审批是否通过" size="small">
             <el-option
               v-for="item in approval"
               :key="item.value"
@@ -161,7 +159,7 @@
           </el-select>
         </el-form-item>
         <el-form-item label="未通过原因" prop="未通过原因">
-          <el-input v-model="form2.未通过原因" :disabled="disabled" size="small"/>
+          <el-input v-model="form2.未通过原因" :disabled="form2.审批是否通过!==2" size="small"/>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -213,7 +211,6 @@ export default {
           label: '否'
         }
       ],
-      disabled: true,
       form2: {
         审批是否通过: 1,
         未通过原因: ''
@@ -277,11 +274,6 @@ export default {
       this.dialogVisible3 = true
       this.ProcurementContractNum = row.采购合同流水号
     },
-    selectChange() {
-      if (this.form2.审批是否通过 === 2) {
-        this.disabled = false
-      }
-    },
     submitApproval(formName) {
       this.$refs[formName].validate((valid) => {
         if (valid) {