From 5f9bf325d92acf34032116c0ea59504131f71bbc Mon Sep 17 00:00:00 2001
From: zhangdingyu <974548713@qq.com>
Date: Fri, 20 Sep 2019 10:22:11 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A6=BB=E7=BA=BF=E5=90=88=E5=90=8C(=E8=BD=A6)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../OfflineContract1/index.vue                | 37 ++++++++++++++-----
 1 file changed, 27 insertions(+), 10 deletions(-)

diff --git a/src/views/WorkshopProcurement/OfflineContract1/index.vue b/src/views/WorkshopProcurement/OfflineContract1/index.vue
index c0bb6a4e..cc3eb5aa 100644
--- a/src/views/WorkshopProcurement/OfflineContract1/index.vue
+++ b/src/views/WorkshopProcurement/OfflineContract1/index.vue
@@ -44,12 +44,12 @@
               <el-tag v-else type="success" size="small">充足</el-tag>
             </template>
           </el-table-column>
-          <el-table-column label="物料名称" min-width="150" align="center">
+          <el-table-column label="物料名称" min-width="180" align="center">
             <template slot-scope="scope">
               {{ scope.row.物料名称 }}
             </template>
           </el-table-column>
-          <el-table-column label="物料型号" min-width="150" align="center">
+          <el-table-column label="物料型号" show-overflow-tooltip min-width="150" align="center">
             <template slot-scope="scope">
               {{ scope.row.物料型号 }}
             </template>
@@ -78,13 +78,14 @@
               <span v-else>{{ scope.row.安全库存量 }}</span>
             </template>
           </el-table-column>
-          <el-table-column label="设置" min-width="100" align="center">
+          <el-table-column label="设置" min-width="100" align="center" fixed="right">
             <template slot-scope="scope">
-              <el-button v-if="scope.row.changeSafeValue" type="mini" size="mini" icon="el-icon-circle-check-outline" @click="confirmEdit(scope.row)">确定</el-button>
+              <el-button v-if="scope.row.changeSafeValue" type="mini" plain size="mini" icon="el-icon-circle-check-outline" @click="confirmEdit(scope.row)">确定</el-button>
               <el-button
                 v-else
                 type="primary"
                 size="mini"
+                plain
                 icon="el-icon-edit"
                 @click="scope.row.changeSafeValue=!scope.row.changeSafeValue">设置</el-button>
             </template>
@@ -176,11 +177,23 @@
             {{ scope.row.规定到货时间.split(' ')[0] }}
           </template>
         </el-table-column>
-        <el-table-column label="操作" align="center" width="200" fixed="right">
+        <el-table-column label="操作" align="center" width="150" fixed="right">
           <template slot-scope="scope">
-            <el-button :disabled="parseInt(scope.row.离线合同状态)!==1" type="primary" size="mini" icon="el-icon-edit" @click="editOfflineContract(scope.row)"/>
-            <el-button :disabled="parseInt(scope.row.离线合同状态)!==1" type="danger" size="mini" icon="el-icon-delete" @click="deleteOfflineContract(scope.row)"/>
-            <el-button type="warning" size="mini" icon="el-icon-download" @click="exportExcel(scope.row)"/>
+            <el-tooltip effect="dark" content="编辑" placement="top">
+              <div style="display: inline-block">
+                <el-button :disabled="parseInt(scope.row.离线合同状态)!==1" size="mini" type="text" icon="el-icon-edit-outline" style="margin-left: 20px" @click="editOfflineContract(scope.row)"/>
+              </div>
+            </el-tooltip>
+            <el-tooltip effect="dark" content="删除" placement="top">
+              <div style="display: inline-block">
+                <el-button :disabled="parseInt(scope.row.离线合同状态)!==1" size="mini" type="text" icon="el-icon-delete" style="margin-left: 20px" @click="deleteOfflineContract(scope.row)"/>
+              </div>
+            </el-tooltip>
+            <el-tooltip effect="dark" content="导出" placement="top">
+              <div style="display: inline-block">
+                <el-button size="mini" type="text" icon="el-icon-download" style="margin-left: 20px" @click="exportExcel(scope.row)"/>
+              </div>
+            </el-tooltip>
           </template>
         </el-table-column>
       </el-table>
@@ -242,9 +255,13 @@
             {{ scope.row.到货数量 }}
           </template>
         </el-table-column>
-        <el-table-column label="操作" align="center" min-width="100">
+        <el-table-column label="操作" align="center" min-width="100" fixed="right">
           <template slot-scope="scope">
-            <el-button :disabled="disable" type="danger" size="mini" icon="el-icon-delete" @click="deleteMateriel(scope.row)">移除</el-button>
+            <el-tooltip effect="dark" content="移除" placement="top">
+              <div style="display: inline-block">
+                <el-button :disabled="disable" size="mini" type="text" icon="el-icon-delete" @click="deleteMateriel(scope.row)"/>
+              </div>
+            </el-tooltip>
           </template>
         </el-table-column>
       </el-table>