采购合同审批：审批是否

src/views/PurchasingCenter/PurchaseContractApproval/index.vue

@@ -99,60 +99,58 @@
       </div>
     </el-card>
 
-    <el-card>
+    <div style="width:900px;margin: 0 auto">
-      <div style="width:900px;margin-left: 350px">
+      <el-card>
-        <el-card>
+        <table id="1" cellspacing="0px" align="center" border width="100%" style="">
-          <table id="1" cellspacing="0px" align="center" border width="100%" style="">
+          <tr style="height: 40px">
+            <td colspan="1" align="center" style="font-weight: bold">GAOJING</td>
+            <td colspan="3" align="center" style="font-weight: bold">产品销售合同</td>
+          </tr>
+          <tr style="height: 40px">
+            <td colspan="1" align="center">需方</td>
+            <td colspan="1" align="center">江苏高精机电装备有限公司</td>
+            <td colspan="1" align="center">合同编号</td>
+            <td colspan="1" align="center">{{ contract }}</td>
+          </tr>
+          <tr style="height: 40px">
+            <td colspan="1" align="center">供方</td>
+            <td colspan="1" align="center">{{ supplier }}</td>
+            <td colspan="1" align="center">签订地点</td>
+            <td colspan="1" align="center">江苏盐城</td>
+          </tr>
+        </table>
+        <div>一、 产品名称、型号、数量、单价、品牌：</div>
+        <table id="2" cellspacing="0px" align="center" border width="100%" style="">
+          <tbody id="4">
+            <tr id="tableHead" style="height: 40px">
+              <td colspan="1" align="center">物料名称</td>
+              <td colspan="1" align="center">物料规格</td>
+              <td colspan="1" align="center">物料型号</td>
+              <td colspan="1" align="center">发货天数</td>
+              <td colspan="1" align="center">数量</td>
+              <td colspan="1" align="center">单价</td>
+              <td colspan="1" align="center">总价</td>
+            </tr>
+          </tbody>
+          <tfoot>
             <tr style="height: 40px">
-              <td colspan="1" align="center" style="font-weight: bold">GAOJING</td>
+              <td colspan="6">运费：</td>
-              <td colspan="3" align="center" style="font-weight: bold">产品销售合同</td>
+              <td colspan="1" align="center">{{ freight }}</td>
             </tr>
             <tr style="height: 40px">
-              <td colspan="1" align="center">需方</td>
+              <td colspan="6">总价:  (人民币){{ RMB }}(含0.17增值税) </td>
-              <td colspan="1" align="center">江苏高精机电装备有限公司</td>
+              <td colspan="1" align="center">{{ TotalAmount }}</td>
-              <td colspan="1" align="center">合同编号</td>
-              <td colspan="1" align="center">{{ contract }}</td>
             </tr>
-            <tr style="height: 40px">
+          </tfoot>
-              <td colspan="1" align="center">供方</td>
+        </table>
-              <td colspan="1" align="center">{{ supplier }}</td>
+        <div id="23"/>
-              <td colspan="1" align="center">签订地点</td>
+      </el-card>
-              <td colspan="1" align="center">江苏盐城</td>
+    </div>
-            </tr>
-          </table>
-          <div>一、 产品名称、型号、数量、单价、品牌：</div>
-          <table id="2" cellspacing="0px" align="center" border width="100%" style="">
-            <tbody id="4">
-              <tr id="tableHead" style="height: 40px">
-                <td colspan="1" align="center">物料名称</td>
-                <td colspan="1" align="center">物料规格</td>
-                <td colspan="1" align="center">物料型号</td>
-                <td colspan="1" align="center">发货天数</td>
-                <td colspan="1" align="center">数量</td>
-                <td colspan="1" align="center">单价</td>
-                <td colspan="1" align="center">总价</td>
-              </tr>
-            </tbody>
-            <tfoot>
-              <tr style="height: 40px">
-                <td colspan="6">运费：</td>
-                <td colspan="1" align="center">{{ freight }}</td>
-              </tr>
-              <tr style="height: 40px">
-                <td colspan="6">总价:  (人民币){{ RMB }}(含0.17增值税) </td>
-                <td colspan="1" align="center">{{ TotalAmount }}</td>
-              </tr>
-            </tfoot>
-          </table>
-          <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) {