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/domainManage.vue |  131 ++++++++++++++++++++++++-------------------
 1 files changed, 72 insertions(+), 59 deletions(-)

diff --git a/src/views/datamanage/domainManage.vue b/src/views/datamanage/domainManage.vue
index 6421b94..39691fa 100644
--- a/src/views/datamanage/domainManage.vue
+++ b/src/views/datamanage/domainManage.vue
@@ -122,9 +122,10 @@
             <el-table-column min-width="150" :label="$t('common.operate')">
               <template slot-scope="scope">
                 <el-button
-                  class="primary"
                   @click="showDetail(scope.row)"
+                  type="primary"
                   size="small"
+                  plain
                   >{{ $t("common.details") }}</el-button
                 >
                 <el-button
@@ -132,68 +133,79 @@
                   type="warning"
                   @click="handleEdit(scope.$index, scope.row)"
                   size="small"
+                  plain
                   >{{ $t("common.update") }}</el-button
                 >
               </template>
             </el-table-column>
           </el-table>
           <div class="pagination_box" style="margin-top: 20px">
-          <el-pagination
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-            :current-page="listData.pageIndex"
-            :page-sizes="[10, 20, 50, 100]"
-            :page-size="listData.pageSize"
-            layout="total, sizes, prev, pager, next, jumper"
-            :total="count"
-          >
-          </el-pagination>
+            <el-pagination
+              @size-change="handleSizeChange"
+              @current-change="handleCurrentChange"
+              :current-page="listData.pageIndex"
+              :page-sizes="[10, 20, 50, 100]"
+              :page-size="listData.pageSize"
+              layout="total, sizes, prev, pager, next, jumper"
+              :total="count"
+            >
+            </el-pagination>
+          </div>
         </div>
-        </div>
-        
       </div>
     </div>
-    <div class="infoBox subpage_Div box_div" v-show="showinfoBox">
-      <div slot="header" class="clearfix">
-        <span>{{ $t("common.details") }}</span>
-        <div style="float: right; cursor: pointer" @click="closeDetial">
-          <i class="el-icon-close"></i>
+    <div class="infoBox_box" v-show="showinfoBox">
+      <div class="infoBox subpage_Div box_div">
+        <div slot="header" class="clearfix">
+          <span>{{ $t("common.details") }}</span>
+          <div style="float: right; cursor: pointer" @click="closeDetial">
+            <i class="el-icon-close"></i>
+          </div>
         </div>
-      </div>
-      <el-divider></el-divider>
-      <div class="contentBox">
-        <p>
-          {{ $t("dataManage.domainManage.domName") }}锛歿{ itemdetail.domName }}
-        </p>
         <el-divider></el-divider>
-        <p>
-          {{ $t("dataManage.domainManage.domDesc") }}锛歿{ itemdetail.domDesc }}
-        </p>
-        <el-divider></el-divider>
-        <p>
-          {{ $t("dataManage.domainManage.domCode") }}锛歿{ itemdetail.domCode }}
-        </p>
-        <el-divider></el-divider>
-        <p>
-          {{ $t("dataManage.domainManage.codeDesc") }}锛歿{
-            itemdetail.codeDesc
-          }}
-        </p>
-        <el-divider></el-divider>
-        <p>{{ $t("dataManage.domainManage.bsm") }}锛歿{ itemdetail.bsm }}</p>
-        <el-divider></el-divider>
-        <p>{{ $t("dataManage.domainManage.level") }}锛歿{ itemdetail.level }}</p>
-        <el-divider></el-divider>
-        <p>
-          {{ $t("dataManage.domainManage.orderid") }}锛歿{ itemdetail.orderid }}
-        </p>
-        <el-divider></el-divider>
-        <p>{{ $t("dataManage.domainManage.bak") }}锛歿{ itemdetail.bak }}</p>
+        <div class="contentBox">
+          <p>
+            {{ $t("dataManage.domainManage.domName") }}锛歿{
+              itemdetail.domName
+            }}
+          </p>
+          <el-divider></el-divider>
+          <p>
+            {{ $t("dataManage.domainManage.domDesc") }}锛歿{
+              itemdetail.domDesc
+            }}
+          </p>
+          <el-divider></el-divider>
+          <p>
+            {{ $t("dataManage.domainManage.domCode") }}锛歿{
+              itemdetail.domCode
+            }}
+          </p>
+          <el-divider></el-divider>
+          <p>
+            {{ $t("dataManage.domainManage.codeDesc") }}锛歿{
+              itemdetail.codeDesc
+            }}
+          </p>
+          <el-divider></el-divider>
+          <p>{{ $t("dataManage.domainManage.bsm") }}锛歿{ itemdetail.bsm }}</p>
+          <el-divider></el-divider>
+          <p>
+            {{ $t("dataManage.domainManage.level") }}锛歿{ itemdetail.level }}
+          </p>
+          <el-divider></el-divider>
+          <p>
+            {{ $t("dataManage.domainManage.orderid") }}锛歿{
+              itemdetail.orderid
+            }}
+          </p>
+          <el-divider></el-divider>
+          <p>{{ $t("dataManage.domainManage.bak") }}锛歿{ itemdetail.bak }}</p>
+        </div>
       </div>
     </div>
     <el-dialog
-      width="510px"
-      top="5vh"
+      top="2vh"
       :title="
         behavior == '鏂板鐢ㄦ埛'
           ? `${$t('common.append')}`
@@ -202,14 +214,15 @@
       :visible.sync="dialogFormVisible"
       :before-close="handleClose"
     >
-      <el-form :model="editForm" ref="editForm">
+    <div style="height: 500px; overflow: auto">
+      <el-form :model="editForm" ref="editForm" label-position="top">
         <el-form-item
           :label="$t('dataManage.domainManage.domName')"
           :label-width="formLabelWidth"
         >
           <el-select
             :popper-append-to-body="false"
-            style="width: 100%"
+            style="width:85%"
             v-model="editForm.domName"
             placeholder="璇烽�夋嫨"
           >
@@ -227,46 +240,47 @@
           :label="$t('dataManage.domainManage.domDesc')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="editForm.domDesc" autocomplete="off"></el-input>
+          <el-input v-model="editForm.domDesc" autocomplete="off" style="width:85%"></el-input>
         </el-form-item>
 
         <el-form-item
           :label="$t('dataManage.domainManage.domCode')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="editForm.domCode" autocomplete="off"></el-input>
+          <el-input v-model="editForm.domCode" autocomplete="off" style="width:85%"></el-input>
         </el-form-item>
         <el-form-item
           :label="$t('dataManage.domainManage.codeDesc')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="editForm.codeDesc" autocomplete="off"></el-input>
+          <el-input v-model="editForm.codeDesc" autocomplete="off" style="width:85%"></el-input>
         </el-form-item>
         <el-form-item
           :label="$t('dataManage.domainManage.bsm')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="editForm.bsm" autocomplete="off"></el-input>
+          <el-input v-model="editForm.bsm" autocomplete="off" style="width:85%"></el-input>
         </el-form-item>
         <el-form-item
           :label="$t('dataManage.domainManage.level')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="editForm.level" autocomplete="off"></el-input>
+          <el-input v-model="editForm.level" autocomplete="off" style="width:85%"></el-input>
         </el-form-item>
         <el-form-item
           :label="$t('dataManage.domainManage.orderid')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="editForm.orderid" autocomplete="off"></el-input>
+          <el-input v-model="editForm.orderid" autocomplete="off" style="width:85%"></el-input>
         </el-form-item>
         <el-form-item
           :label="$t('dataManage.domainManage.bak')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="editForm.bak" autocomplete="off"></el-input>
+          <el-input v-model="editForm.bak" autocomplete="off" style="width:85%"></el-input>
         </el-form-item>
       </el-form>
+    </div>
       <div v-if="behavior == '淇敼淇℃伅'" slot="footer" class="dialog-footer">
         <el-button size="small" @click="cancelEdit()">{{
           $t("common.reset")
@@ -710,7 +724,6 @@
           margin: 5px;
         }
       }
-
     }
   }
 }

--
Gitblit v1.9.3