1、公用样式修改；2、设置-我的密码-静态页面

src/App.vue

@@ -10,15 +10,15 @@ export default  {
 }
 </script>
 
-<style>
+<style lang="scss" type="text/stylus">
   body {
     font-family:”Microsoft YaHei”,Arial,Helvetica,sans-serif;
   }
   /* 在全局CSS里引用: */
   /* 滚动条宽度 */
   ::-webkit-scrollbar {
-    width: 10px;
-    height: 10px;
+    width: 12px;
+    height: 12px;
   }
 
   /* 滚动条的滑块 */
@@ -26,4 +26,32 @@ export default  {
     background-color: #c0ccda;
     border-radius: 6px;
   }
+
+  /* ---------  自定义class全局统一样式  ---------- */
+  .app-container {
+    height: 100%;
+
+    .box-card {
+      height: 100%;
+      overflow: hidden;
+    }
+  }
+
+  /* --- start --- element组件样式重置 全局  --  start ----- */
+  .el-card__header{
+    padding: 12px;
+    /* 修改在此class中的p */
+    p {
+      margin: 0;
+    }
+  }
+
+  // 搜索条件 样式
+  .queryFormInline {
+    .el-form-item {
+      margin: 0 5px ;
+      padding: 0;
+    }
+  }
+  /* --- end --- element组件样式重置  --  end ----- */
 </style>

src/assets/styles/index.scss

@@ -130,7 +130,7 @@ aside {
 }
 
 .pagination-container {
-  margin-top: 30px;
+  //margin-top: 30px;
 }
 
 .text-center {

src/assets/styles/ruoyi.scss

@@ -53,6 +53,11 @@
 	margin-left: 20px;
 }
 
+/*hxz自定义*/
+ .fs18 {
+   font-size: 18px;
+ }
+
 .el-dialog:not(.is-fullscreen){
 	margin-top: 6vh !important;
 }
@@ -76,16 +81,14 @@
 
 /** 表格布局 **/
 .pagination-container {
-	position: relative;
-	height: 25px;
-	margin-bottom: 10px;
-	margin-top: 15px;
-	padding: 10px 20px !important;
+  display: flex;
+  justify-content: flex-end;
+  padding: 15px 0 0;
 }
 
 .pagination-container .el-pagination {
 	right: 0;
-	position: absolute;
+  height: 25px;
 }
 
 .el-table .fixed-width .el-button--mini {

src/views/system/settings/setpsd.vue

+<template>
+  <div class="app-container">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <p class="fs18">修改密码</p>
+      </div>
+      <el-form :model="setForm" label-width="160px" size="small"  class="set-form">
+
+        <el-form-item label="平台登录账号：">
+          <el-input v-model="setForm.name" :disabled="true" style="width: 300px;margin-right:20px;"></el-input>
+          <el-button type="primary" icon="el-icon-edit" @click="edit('accountForm')">修改账号</el-button>
+        </el-form-item>
+
+        <el-form-item label="登录密码：">
+          <el-input v-model="setForm.loginpsd" :disabled="true" style="width: 300px;margin-right:20px;"></el-input>
+          <el-button type="primary" icon="el-icon-edit" @click="edit('loginForm')">修改密码</el-button>
+        </el-form-item>
+
+        <el-form-item>
+          <p class="tipsGray">平台登陆账号和密码用于登陆开放平台，建议您定期修改</p>
+        </el-form-item>
+
+        <div style="width: 320px;margin:30px 160px 50px;">
+          <el-divider ></el-divider>
+        </div>
+
+        <el-form-item label="支付密码：">
+          <el-input v-model="setForm.paypsd" :disabled="true" style="width: 300px;margin-right:20px;"></el-input>
+          <el-button type="primary" icon="el-icon-edit" @click="edit('payForm')">修改密码</el-button>
+        </el-form-item>
+
+        <el-form-item>
+          <p class="tipsGray">支付密码用于提现，请妥善保管您的支付密码，切勿告诉其他人，以免财产造成损失！</p>
+        </el-form-item>
+      </el-form>
+    </el-card>
+    <!--修改账号 对话框-->
+    <el-dialog title="修改登录账号" :visible.sync="isAccount" center>
+      <el-form :model="accountForm" label-width="160px" size="small">
+
+        <el-form-item label="登录密码：">
+          <el-input v-model="accountForm" style="width: 300px"></el-input>
+        </el-form-item>
+
+        <el-form-item label="平台登录账号：">
+          <el-input v-model="accountForm.name" :disabled="true" style="width: 300px;margin-right:20px;"></el-input>
+          <el-button type="primary" icon="el-icon-edit" @click="edit('accountForm')">修改账号</el-button>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="cancel">取 消</el-button>
+        <el-button type="primary" @click="submit('accountForm')">确 定</el-button>
+      </span>
+    </el-dialog>
+    <!--修改登录密码 对话框-->
+    <el-dialog title="修改登录密码" :visible.sync="isLogin" center>
+      <span>需要注意的是内容是默认不居中的</span>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="cancel">取 消</el-button>
+        <el-button type="primary" @click="submit('loginForm')">确 定</el-button>
+      </span>
+    </el-dialog>
+    <!--修改支付密码 对话框-->
+    <el-dialog title="修改支付密码" :visible.sync="isPay" center>
+      <span>需要注意的是内容是默认不居中的</span>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="cancel">取 消</el-button>
+        <el-button type="primary" @click="submit('payForm')">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "Setpsd",
+    data() {
+      return {
+        isAccount: false,
+        isLogin: false,
+        isPay: false,
+        setForm: {
+          name: '',
+          loginpsd: '******',
+          paypsd: '******'
+        },
+        accountForm: {
+
+        },
+        loginForm: {
+
+        },
+        payForm: {
+
+        }
+      }
+    },
+    mounted() {
+
+    },
+    methods: {
+      // 修改
+      edit(formName) {
+        // 账号
+        if(formName === 'accountForm') {
+          this.isAccount = true;
+        }
+        // 登录密码
+        if(formName === 'loginForm') {
+          this.isLogin = true;
+        }
+        // 支付密码
+        if(formName === 'payForm') {
+          this.isPay = true;
+        }
+      },
+      submit(formName) {
+        if(formName === 'accountForm') {
+          this.isAccount = false;
+        }
+        // 登录密码
+        if(formName === 'loginForm') {
+          this.isLogin = false;
+        }
+        // 支付密码
+        if(formName === 'payForm') {
+          this.isPay = false;
+        }
+      },
+      cancel() {
+        this.isAccount = false;
+        this.isLogin = false;
+        this.isPay = false;
+      },
+    }
+  }
+</script>
+
+<style lang="scss" type="text/stylus" scoped>
+.card-cont {
+  margin: 50px 0;
+}
+.set-form {
+  width: 90%;
+  margin: 40px 0 30px 100px;
+  /deep/.el-form-item {
+    margin-top: 18px!important;
+  }
+}
+  .tipsGray {
+    font-size: 14px;
+    color: #C9C9C9;
+  }
+</style>