1

dsfhuksfhkAQu_33/static/css/chunk-1f275f82.9ab86588.css

+.filter-container[data-v-afc4d58e]{padding-bottom:10px}.app-container[data-v-afc4d58e]{padding:20px}.user-info[data-v-27d732f8]{background:#f5f7fa;padding:15px;border-radius:4px}.user-info p[data-v-27d732f8]{margin:5px 0;color:#606266}.app-container[data-v-bbed2c0a]{padding:20px;max-width:800px;margin:0 auto}.user-info-card[data-v-bbed2c0a]{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:24px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.05);box-shadow:0 2px 12px 0 rgba(0,0,0,.05)}.user-info-card h3[data-v-bbed2c0a]{margin:0 0 16px 0;color:#303133;font-size:16px;border-bottom:1px solid #ebeef5;padding-bottom:10px}.info-grid[data-v-bbed2c0a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.info-item[data-v-bbed2c0a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.info-item .label[data-v-bbed2c0a]{color:#606266;margin-right:8px;font-weight:500}.info-item .value[data-v-bbed2c0a]{color:#303133}.el-form-item[data-v-bbed2c0a]{margin-bottom:22px}.el-button[data-v-bbed2c0a]{padding:12px 20px}.page-container[data-v-308e51ee]{padding:20px}.box-card[data-v-308e51ee]{cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.box-card[data-v-308e51ee]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.card-content[data-v-308e51ee]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 0}.card-content i[data-v-308e51ee]{font-size:32px;margin-bottom:10px;color:#409eff}.card-content span[data-v-308e51ee]{font-size:16px}
\ No newline at end of file

dsfhuksfhkAQu_33/static/css/chunk-3e04d126.d712f77c.css

+.app-container[data-v-bbed2c0a]{padding:20px;max-width:800px;margin:0 auto}.user-info-card[data-v-bbed2c0a]{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:24px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.05);box-shadow:0 2px 12px 0 rgba(0,0,0,.05)}.user-info-card h3[data-v-bbed2c0a]{margin:0 0 16px 0;color:#303133;font-size:16px;border-bottom:1px solid #ebeef5;padding-bottom:10px}.info-grid[data-v-bbed2c0a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.info-item[data-v-bbed2c0a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.info-item .label[data-v-bbed2c0a]{color:#606266;margin-right:8px;font-weight:500}.info-item .value[data-v-bbed2c0a]{color:#303133}.el-form-item[data-v-bbed2c0a]{margin-bottom:22px}.el-button[data-v-bbed2c0a]{padding:12px 20px}
\ No newline at end of file

dsfhuksfhkAQu_33/static/css/chunk-7f2eb754.1425779b.css

-.filter-container[data-v-afc4d58e]{padding-bottom:10px}.app-container[data-v-afc4d58e]{padding:20px}.user-info[data-v-27d732f8]{background:#f5f7fa;padding:15px;border-radius:4px}.user-info p[data-v-27d732f8]{margin:5px 0;color:#606266}.page-container[data-v-24ba1099]{padding:20px}.box-card[data-v-24ba1099]{cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.box-card[data-v-24ba1099]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.card-content[data-v-24ba1099]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 0}.card-content i[data-v-24ba1099]{font-size:32px;margin-bottom:10px;color:#409eff}.card-content span[data-v-24ba1099]{font-size:16px}
\ No newline at end of file

dsfhuksfhkAQu_33/static/js/chunk-3e04d126.143d8181.js

+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-3e04d126"],{"07cd":function(e,t,r){"use strict";r.r(t);var s=function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"app-container"},[r("el-form",{ref:"form",attrs:{model:e.form,rules:e.rules,"label-width":"120px"}},[r("el-form-item",{attrs:{label:"用户手机号",prop:"phone"}},[r("el-input",{staticStyle:{width:"300px"},attrs:{placeholder:"请输入用户手机号"},model:{value:e.form.phone,callback:function(t){e.$set(e.form,"phone",t)},expression:"form.phone"}},[r("el-button",{attrs:{slot:"append"},on:{click:e.searchUser},slot:"append"},[e._v("查询")])],1)],1),e.userInfo?[r("div",{staticClass:"user-info-card"},[r("h3",[e._v("当前用户信息")]),r("div",{staticClass:"info-grid"},[r("div",{staticClass:"info-item"},[r("span",{staticClass:"label"},[e._v("用户ID：")]),r("span",{staticClass:"value"},[e._v(e._s(e.userInfo.userId))])]),r("div",{staticClass:"info-item"},[r("span",{staticClass:"label"},[e._v("手机号：")]),r("span",{staticClass:"value"},[e._v(e._s(e.userInfo.phonenumber))])])])]),r("el-form-item",{attrs:{label:"用户名字",prop:"nickName"}},[r("el-input",{staticStyle:{width:"300px"},attrs:{placeholder:"请输入用户名字"},model:{value:e.form.nickName,callback:function(t){e.$set(e.form,"nickName",t)},expression:"form.nickName"}})],1),r("el-form-item",{attrs:{label:"用户身份证号",prop:"identityId"}},[r("el-input",{staticStyle:{width:"300px"},attrs:{placeholder:"请输入用户身份证号"},model:{value:e.form.identityId,callback:function(t){e.$set(e.form,"identityId",t)},expression:"form.identityId"}})],1),r("el-form-item",[r("el-button",{attrs:{type:"primary"},on:{click:e.submitForm}},[e._v("保存修改")]),r("el-button",{on:{click:e.resetForm}},[e._v("重置")])],1)]:e._e()],2)],1)},i=[],n=(r("ac1f"),r("00b4"),r("d9e2"),r("b775")),a={name:"EditUser",data:function(){var e=function(e,t,r){var s=/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;s.test(t)?r():r(new Error("请输入正确的身份证号"))};return{form:{phone:"",nickName:"",identityId:"",userId:""},rules:{phone:[{required:!0,message:"请输入手机号",trigger:"blur"},{pattern:/^1[3-9]\d{9}$/,message:"请输入正确的手机号",trigger:"blur"}],nickName:[{required:!0,message:"请输入用户昵称",trigger:"blur"},{min:2,max:20,message:"长度在 2 到 20 个字符",trigger:"blur"}],identityId:[{required:!0,message:"请输入身份证号",trigger:"blur"},{validator:e,trigger:"blur"}]},userInfo:null}},methods:{searchUser:function(){var e=this;this.form.phone?Object(n["a"])({url:"/system/user/sysList",method:"get",params:{pageNum:1,pageSize:10,phonenumber:this.form.phone}}).then((function(t){t.rows&&t.rows.length>0?(e.userInfo=t.rows[0],e.form.userId=e.userInfo.userId,e.form.nickName=e.userInfo.nickName,e.form.identityId=e.userInfo.identityId||""):(e.$message.warning("未找到该用户"),e.resetForm())})):this.$message.warning("请输入手机号")},submitForm:function(){var e=this;this.$refs.form.validate((function(t){t&&Object(n["a"])({url:"/system/user/edit",method:"post",data:{userId:e.form.userId,nickName:e.form.nickName,identityId:e.form.identityId}}).then((function(){e.$message.success("修改成功"),e.resetForm()}))}))},resetForm:function(){this.$refs.form.resetFields(),this.userInfo=null,this.form.userId=""}}},o=a,l=(r("1c27"),r("2877")),m=Object(l["a"])(o,s,i,!1,null,"bbed2c0a",null);t["default"]=m.exports},"1c27":function(e,t,r){"use strict";r("4ff0")},"4ff0":function(e,t,r){}}]);
\ No newline at end of file

src/views/ops/webPage/index.vue

@@ -37,6 +37,15 @@
           </div>
         </el-card>
       </el-col>
+      <!-- 添加新的重置用户卡片 -->
+      <el-col :span="6">
+        <el-card class="box-card" shadow="hover" @click.native="handleOpen('resetUser')">
+          <div class="card-content">
+            <i class="el-icon-refresh"></i>
+            <span>重置用户</span>
+          </div>
+        </el-card>
+      </el-col>
     </el-row>
 
     <!-- 弹窗组件 -->
@@ -84,13 +93,15 @@
 <script>
 import xunibi from "./xunibi.vue";
 import addMoney from "./addMoney.vue";
-import editUser from "./editUser.vue";  // 导入新组件
+import editUser from "./editUser.vue";
+import resetUser from "./resetUser.vue";  // 导入新组件
 import request from '@/utils/request'
 export default {
   components: {
     xunibi,
     addMoney,
-    editUser  // 注册新组件
+    editUser,
+    resetUser  // 注册新组件
   },
   data() {
     return {
@@ -134,6 +145,10 @@ export default {
         case 'openExport':
           this.exportDialogVisible = true;
           return;
+        case 'resetUser':  // 添加新的 case
+          this.currentComponent = 'resetUser';
+          this.dialogTitle = '重置用户';
+          break;
       }
       if(type !== 'openExport') {
         this.dialogVisible = true;