From c318950ad6d08e46bf8133ce301da02a9c52bce9 Mon Sep 17 00:00:00 2001
From: zhangdingyu <974548713@qq.com>
Date: Tue, 22 Oct 2019 14:51:49 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=9B=E5=BB=BA=E9=87=87=E8=B4=AD=E5=90=88?=
 =?UTF-8?q?=E5=90=8C=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../CreatePurchaseContract/index.vue          | 168 +++++++-----------
 1 file changed, 68 insertions(+), 100 deletions(-)

diff --git a/src/views/PurchasingCenter/CreatePurchaseContract/index.vue b/src/views/PurchasingCenter/CreatePurchaseContract/index.vue
index 6127b78b..3f75d696 100644
--- a/src/views/PurchasingCenter/CreatePurchaseContract/index.vue
+++ b/src/views/PurchasingCenter/CreatePurchaseContract/index.vue
@@ -1,105 +1,62 @@
 <template>
   <div class="components-container">
     <el-card>
-      <el-form label-width="90px" label-position="right">
-        <el-row>
-          <el-col :span="6">
-            <el-form-item label="供应商:">
-              <el-select v-model="supplierValue11" clearable filterable size="small" placeholder="供应商" style="width:100%" @focus="fetchData11()" @change="selectHetong()">
-                <el-option
-                  v-for="item in supplier11"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"/>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="合同编号:">
-              <el-select v-model="contractNumValue" filterable size="small" placeholder="合同编号" style="width:100%" @change="contractChange">
-                <el-option
-                  v-for="item in contractNums"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"/>
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="6">
-            <el-form-item label="供应商:">
-              <!--<el-select v-model="supplierValue" clearable filterable size="small" placeholder="供应商" style="width:100%" @focus="fetchData" @change="supplierChange">-->
-              <el-select v-model="supplierValue" clearable filterable size="small" placeholder="供应商" style="width:100%" @focus="fetchData" @change="supplierChange9745">
-                <el-option
-                  v-for="item in supplier"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"/>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="合同名称:">
-              <el-input v-model="contractName" size="small"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="4">
-            <el-form-item label="是否含税:">
-              <el-input v-model="taxRate" size="small"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="1">
-            <el-tooltip :content="hasTax" placement="top">
-              <el-switch
-                v-model="hasTax"
-                active-color="#13ce66"
-                inactive-color="#ff4949"
-                active-value="含税"
-                inactive-value="未税"
-                style="margin: 10px"/>
-            </el-tooltip>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="交货日期:">
-              <el-input v-model="deliveryDate" :disabled="!contractNumValue" size="small" type="textarea" rows="1" @blur="contractHeaderChange"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开票信息:">
-              <el-input v-model="invoiceInfo" :disabled="!contractNumValue" size="small" type="textarea" rows="1" @blur="contractHeaderChange"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="支付日期:">
-              <el-input v-model="payDate" :disabled="!contractNumValue" size="small" type="textarea" rows="1" @blur="contractHeaderChange"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="支付方式:">
-              <el-input v-model="payMethod" :disabled="!contractNumValue" size="small" type="textarea" rows="1" @blur="contractHeaderChange"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="21">
-            <el-form-item label="其他说明:">
-              <el-input v-model="otherInfo" :disabled="!contractNumValue" size="small" type="textarea" rows="1" @blur="contractHeaderChange"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="1">
-            <el-button v-if="quickChangePrice" size="mini" style="margin: 10px 0 0 10px" @click="quickChangePrice=!quickChangePrice">快速修改价格</el-button>
-            <el-button v-else size="mini" style="margin: 10px 0 0 10px" @click="quickChangePrice=!quickChangePrice">还原</el-button>
-          </el-col>
-        </el-row>
-      </el-form>
+      <el-row>
+        <span>供 应 &nbsp;商:</span>
+        <el-select v-model="supplierValue11" clearable filterable size="small" placeholder="供应商" @focus="fetchData11()" @change="selectHetong()">
+          <el-option
+            v-for="item in supplier11"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"/>
+        </el-select>
+        <span>合同编号:</span>
+        <el-select v-model="contractNumValue" filterable size="small" placeholder="合同编号" @change="contractChange">
+          <el-option
+            v-for="item in contractNums"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"/>
+        </el-select>
+        <span>|| 供 应 商:</span>
+        <el-select v-model="supplierValue" clearable filterable size="small" placeholder="供应商" @focus="fetchData" @change="supplierChange9745">
+          <el-option
+            v-for="item in supplier"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"/>
+        </el-select>
+        <span>合同名称:</span>
+        <el-input v-model="contractName" size="small"/>
+        <span>是否含税:</span>
+        <el-input v-model="taxRate" size="small"/>
+        <el-tooltip :content="hasTax" placement="top">
+          <el-switch
+            v-model="hasTax"
+            active-color="#13ce66"
+            inactive-color="#ff4949"
+            active-value="含税"
+            inactive-value="未税"/>
+        </el-tooltip>
+      </el-row>
+      <el-row style="margin-top: 10px">
+        <span>交货日期:</span>
+        <el-input v-model="deliveryDate" :disabled="!contractNumValue" size="small" type="textarea" rows="1" @blur="contractHeaderChange"/>
+        <span>开票信息:</span>
+        <el-input v-model="invoiceInfo" :disabled="!contractNumValue" size="small" type="textarea" rows="1" @blur="contractHeaderChange"/>
+        <span>支付 日期:</span>
+        <el-input v-model="payDate" :disabled="!contractNumValue" size="small" type="textarea" rows="1" @blur="contractHeaderChange"/>
+        <span>支付方式:</span>
+        <el-input v-model="payMethod" :disabled="!contractNumValue" size="small" type="textarea" rows="1" @blur="contractHeaderChange"/>
+        <span>其他说明:</span>
+        <el-input v-model="otherInfo" :disabled="!contractNumValue" size="small" type="textarea" rows="1" @blur="contractHeaderChange"/>
+        <el-button v-if="quickChangePrice" size="mini" style="margin: 0px 0 0 10px" @click="quickChangePrice=!quickChangePrice">快速修改价格</el-button>
+        <el-button v-else size="mini" style="margin: 10px 0 0 10px" @click="quickChangePrice=!quickChangePrice">还原</el-button>
+      </el-row>
+
       <el-table :data="tableData1" border style="margin: 10px 0;max-height: 480px;" height="480px" size="mini" show-summary tooltip-effect="dark">
         <el-table-column label="序号" align="center" width="50" type="index"/>
-        <el-table-column label="交货期" align="center" width="150">
+        <el-table-column label="交货期" align="center" width="170">
           <template slot-scope="scope">
             <el-date-picker
               v-if="quickChangePrice"
@@ -107,8 +64,7 @@
               size="mini"
               type="date"
               format="yyyy-MM-dd"
-              value-format="yyyy-MM-dd"
-              style="width:100%"/>
+              value-format="yyyy-MM-dd"/>
             <b v-else>{{ scope.row.交货期.split(' ')[0] || '—' }}</b>
           </template>
         </el-table-column>
@@ -892,9 +848,21 @@ export default {
     margin-top: 20px;
   }
   span{
-    margin: 0 0 0 20px;
+    margin: 0 0 0 5px;
   }
   .el-form-item{
     margin: 0;
   }
+  .el-select{
+    width:150px;
+    margin-right: 10px;
+  }
+  .el-input{
+    width:150px;
+    margin-right: 10px;
+  }
+  .el-textarea{
+    width:150px;
+    margin-right: 10px;
+  }
 </style>