From cf4de0a3f218b79d49b05450ca0fc4527c2fa78e Mon Sep 17 00:00:00 2001
From: 王旭 <1377869194@qq.com>
Date: 星期三, 22 二月 2023 17:15:55 +0800
Subject: [PATCH] 修改数据管理弹框按钮样式

---
 src/views/datamanage/dictionaryManage.vue |   69 ++++++++++++++++++++--------------
 1 files changed, 40 insertions(+), 29 deletions(-)

diff --git a/src/views/datamanage/dictionaryManage.vue b/src/views/datamanage/dictionaryManage.vue
index 5762d6b..6d7f73a 100644
--- a/src/views/datamanage/dictionaryManage.vue
+++ b/src/views/datamanage/dictionaryManage.vue
@@ -141,20 +141,26 @@
             />
 
             <el-table-column
-              min-width="100"
+              min-width="180"
               :label="$t('dataManage.dictionaryManageObj.operation')"
             >
               <template slot-scope="scope">
-                <el-link
+                <el-button
+                 type="primary"
+                  plain
+                  size="small"
                   v-if="btnStatus.select"
                   @click="showDetail(scope.$index, scope.row)"
-                  >{{ $t("dataManage.dictionaryManageObj.lookOver") }}</el-link
+                  >{{ $t("dataManage.dictionaryManageObj.lookOver") }}</el-button
                 >
-                <el-link
+                <el-button
+                 type="warning"
+                  plain
+                  size="small"
                   v-if="btnStatus.update"
                   @click="handleEdit(scope.$index, scope.row)"
                   style="margin-left: 10px"
-                  >{{ $t("dataManage.dictionaryManageObj.revamp") }}</el-link
+                  >{{ $t("dataManage.dictionaryManageObj.revamp") }}</el-button
                 >
               </template>
             </el-table-column>
@@ -174,7 +180,8 @@
         </div>
       </div>
     </div>
-    <div class="infoBox box_div" v-show="showinfoBox">
+    <div class="infoBox_box" v-show="showinfoBox">
+    <div class="infoBox box_div">
       <div slot="header" class="clearfix">
         <span>{{ $t("dataManage.dictionaryManageObj.particulars") }}</span>
         <div style="float: right; cursor: pointer" @click="closeDetial">
@@ -258,70 +265,72 @@
         </p>
       </div>
     </div>
+    </div>
     <el-dialog
-      top="3vh"
-      style="overflow: hidden"
+      top="2vh"
       :title="$t('dataManage.dictionaryManageObj.revamp')"
       :visible.sync="dialogFormVisible"
     >
-      <el-form :model="upform">
+     <div style="height: 500px; overflow: auto">
+      <el-form :model="upform" label-position="top">
         <el-form-item
           :label="$t('dataManage.dictionaryManageObj.number')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="upform.orderNum" autocomplete="off"></el-input>
+          <el-input v-model="upform.orderNum" autocomplete="off" style="width:85%"></el-input>
         </el-form-item>
         <el-form-item
           :label="$t('dataManage.dictionaryManageObj.tableName')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="upform.tab" autocomplete="off"></el-input>
+          <el-input v-model="upform.tab" autocomplete="off" style="width:85%"></el-input>
         </el-form-item>
         <el-form-item
           :label="$t('dataManage.dictionaryManageObj.tableAliasName')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="upform.tabDesc" autocomplete="off"></el-input>
+          <el-input v-model="upform.tabDesc" autocomplete="off" style="width:85%"></el-input>
         </el-form-item>
 
         <el-form-item
           :label="$t('dataManage.dictionaryManageObj.fieldName')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="upform.field" autocomplete="off"></el-input>
+          <el-input v-model="upform.field" autocomplete="off" style="width:85%"></el-input>
         </el-form-item>
         <el-form-item
           :label="$t('dataManage.dictionaryManageObj.fieldAliasName')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="upform.alias" autocomplete="off"></el-input>
+          <el-input v-model="upform.alias" autocomplete="off" style="width:85%"></el-input>
         </el-form-item>
         <el-form-item
           :label="$t('dataManage.dictionaryManageObj.fieldType')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="upform.type" autocomplete="off"></el-input>
+          <el-input v-model="upform.type" autocomplete="off" style="width:85%"></el-input>
         </el-form-item>
         <el-form-item
           :label="$t('dataManage.dictionaryManageObj.fieldLength')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="upform.len" autocomplete="off"></el-input>
+          <el-input v-model="upform.len" autocomplete="off" style="width:85%"></el-input>
         </el-form-item>
         <el-form-item
           :label="$t('dataManage.dictionaryManageObj.FieldPrecision')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="upform.precision" autocomplete="off"></el-input>
+          <el-input v-model="upform.precision" autocomplete="off" style="width:85%"></el-input>
         </el-form-item>
 
         <el-form-item
           :label="$t('dataManage.dictionaryManageObj.remark')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="upform.bak" autocomplete="off"></el-input>
+          <el-input v-model="upform.bak" autocomplete="off" style="width:85%"></el-input>
         </el-form-item>
       </el-form>
+     </div>
       <div slot="footer" class="dialog-footer">
         <el-button
           type="info"
@@ -336,53 +345,53 @@
     </el-dialog>
     <el-dialog
       :title="$t('dataManage.dictionaryManageObj.add')"
-      top="3vh"
-      style="overflow: hidden"
+      top="2vh"
       :visible.sync="InsertFormdialog"
     >
-      <el-form :model="insertform">
+     <div style="height: 500px; overflow: auto">
+      <el-form :model="insertform" label-position="top">
         <el-form-item
           :label="$t('dataManage.dictionaryManageObj.number')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="insertform.orderNum" autocomplete="off"></el-input>
+          <el-input v-model="insertform.orderNum" autocomplete="off" style="width:85%"></el-input>
         </el-form-item>
         <el-form-item
           :label="$t('dataManage.dictionaryManageObj.tableName')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="insertform.tab" autocomplete="off"></el-input>
+          <el-input v-model="insertform.tab" autocomplete="off" style="width:85%"></el-input>
         </el-form-item>
         <el-form-item
           :label="$t('dataManage.dictionaryManageObj.tableAliasName')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="insertform.tabDesc" autocomplete="off"></el-input>
+          <el-input v-model="insertform.tabDesc" autocomplete="off" style="width:85%"></el-input>
         </el-form-item>
 
         <el-form-item
           :label="$t('dataManage.dictionaryManageObj.fieldName')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="insertform.field" autocomplete="off"></el-input>
+          <el-input v-model="insertform.field" autocomplete="off" style="width:85%"></el-input>
         </el-form-item>
         <el-form-item
           :label="$t('dataManage.dictionaryManageObj.fieldAliasName')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="insertform.alias" autocomplete="off"></el-input>
+          <el-input v-model="insertform.alias" autocomplete="off" style="width:85%"></el-input>
         </el-form-item>
         <el-form-item
           :label="$t('dataManage.dictionaryManageObj.fieldType')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="insertform.type" autocomplete="off"></el-input>
+          <el-input v-model="insertform.type" autocomplete="off" style="width:85%"></el-input>
         </el-form-item>
         <el-form-item
           :label="$t('dataManage.dictionaryManageObj.fieldLength')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="insertform.len" autocomplete="off"></el-input>
+          <el-input v-model="insertform.len" autocomplete="off" style="width:85%"></el-input>
         </el-form-item>
         <el-form-item
           :label="$t('dataManage.dictionaryManageObj.FieldPrecision')"
@@ -391,6 +400,7 @@
           <el-input
             v-model="insertform.precision"
             autocomplete="off"
+            style="width:85%"
           ></el-input>
         </el-form-item>
 
@@ -398,9 +408,10 @@
           :label="$t('dataManage.dictionaryManageObj.remark')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="insertform.bak" autocomplete="off"></el-input>
+          <el-input v-model="insertform.bak" autocomplete="off" style="width:85%"></el-input>
         </el-form-item>
       </el-form>
+     </div>
       <div slot="footer" class="dialog-footer">
         <el-button type="info" size="small" @click="InsertFormdialog = false">{{
           $t("dataManage.dictionaryManageObj.cancel")

--
Gitblit v1.9.3