ylyx-cli 1.0.16 → 1.1.1

package/templates/vue-app/files/src/views/system/user/center.vue

@@ -1,140 +1,140 @@
-<template>
-  <div class="app-container">
-    <el-row>
-      <el-col :span="12" style="margin-left: 25%">
-        <el-card class="box-card">
-          <div slot="header" class="clearfix">
-            <span>个人信息</span>
-          </div>
-          <el-form
-            ref="form"
-            :model="query"
-            :rules="rules"
-            label-width="70px"
-            style="margin: 0 50px">
-            <el-form-item label="用户名">
-              <el-input v-model="query.username" disabled clearable> </el-input>
-            </el-form-item>
-            <el-form-item label="姓名" prop="name">
-              <el-input v-model="query.name" clearable> </el-input>
-            </el-form-item>
-            <el-form-item label="手机号" prop="phone">
-              <el-input v-model="query.phone" clearable> </el-input>
-            </el-form-item>
-            <el-form-item label="单位">
-              <el-input v-model="query.company" clearable> </el-input>
-            </el-form-item>
-            <el-form-item label="职务">
-              <el-input v-model="query.duty" clearable> </el-input>
-            </el-form-item>
-            <el-form-item style="position: relative">
-              <el-button type="primary" @click="doSubmit" :loading="saveLoading">保存</el-button>
-              <el-button
-                style="position: absolute; right: 0"
-                type="text"
-                @click="$refs.pass.dialog = true"
-                >修改密码</el-button
-              >
-            </el-form-item>
-          </el-form>
-        </el-card>
-      </el-col>
-    </el-row>
-    <updatePass ref="pass" />
-  </div>
-</template>
-
-<script>
-import { mapGetters } from 'vuex';
-import updatePass from './center/updatePass';
-import updateEmail from './center/updateEmail';
-import store from '@/store';
-import { isvalidPhone } from '@/utils/validate';
-import crud from '@/mixins/crud';
-import { editUser, getCenterUser, updateById } from '@/api/system/user';
-
-export default {
-  name: 'Center',
-  components: { updatePass, updateEmail },
-  mixins: [crud],
-  dicts: ['user_status', 'sex', 'job_title', 'position'],
-  data() {
-    // 自定义验证
-    const validPhone = (rule, value, callback) => {
-      if (value && !isvalidPhone(value)) {
-        callback(new Error('请输入正确的11位手机号码'));
-      } else {
-        callback();
-      }
-    };
-    return {
-      saveLoading: false,
-      form: {},
-      rules: {
-        name: [
-          { required: true, message: '请输入姓名', trigger: 'blur' },
-          { min: 2, max: 20, message: '长度在 2 到 20 个字符', trigger: 'blur' },
-        ],
-        phone: [{ validator: validPhone, trigger: 'blur' }],
-      },
-      hospitalList: [],
-      roles: [],
-      roleDatas: [],
-    };
-  },
-  computed: {
-    ...mapGetters(['user', 'updateAvatarApi', 'baseApi', 'fileUploadApi']),
-  },
-  created() {
-    // this.centerUser();
-    console.log(this.user);
-    this.query = {
-      id: this.user.id,
-      username: this.user.username,
-      company: this.user.company,
-      duty: this.user.duty,
-      name: this.user.name,
-      phone: this.user.phone,
-    };
-  },
-  methods: {
-    centerUser() {
-      getCenterUser().then(res => {
-        this.form = res;
-        let roles = [];
-        this.form.roles.forEach((role, index) => {
-          roles.push(role.id);
-        });
-        this.roleDatas = roles;
-        this.signPath = this.form.signPath;
-      });
-    },
-
-    doSubmit() {
-      if (this.$refs['form']) {
-        this.$refs['form'].validate(valid => {
-          if (valid) {
-            this.saveLoading = true;
-            updateById(this.query)
-              .then(() => {
-                // this.editSuccessNotify()
-                // store.dispatch('GetInfo').then(() => {})
-                this.$message({
-                  message: '保存成功',
-                  type: 'success',
-                });
-                store.dispatch('GetInfo').then(() => {});
-                this.saveLoading = false;
-              })
-              .catch(() => {
-                this.saveLoading = false;
-              });
-          }
-        });
-      }
-    },
-  },
-};
-</script>
-
-<style rel="stylesheet/scss" lang="scss"></style>
+<template>
+  <div class="app-container">
+    <el-row>
+      <el-col :span="12" style="margin-left: 25%">
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <span>个人信息</span>
+          </div>
+          <el-form
+            ref="form"
+            :model="query"
+            :rules="rules"
+            label-width="70px"
+            style="margin: 0 50px">
+            <el-form-item label="用户名">
+              <el-input v-model="query.username" disabled clearable> </el-input>
+            </el-form-item>
+            <el-form-item label="姓名" prop="name">
+              <el-input v-model="query.name" clearable> </el-input>
+            </el-form-item>
+            <el-form-item label="手机号" prop="phone">
+              <el-input v-model="query.phone" clearable> </el-input>
+            </el-form-item>
+            <el-form-item label="单位">
+              <el-input v-model="query.company" clearable> </el-input>
+            </el-form-item>
+            <el-form-item label="职务">
+              <el-input v-model="query.duty" clearable> </el-input>
+            </el-form-item>
+            <el-form-item style="position: relative">
+              <el-button type="primary" @click="doSubmit" :loading="saveLoading">保存</el-button>
+              <el-button
+                style="position: absolute; right: 0"
+                type="text"
+                @click="$refs.pass.dialog = true"
+                >修改密码</el-button
+              >
+            </el-form-item>
+          </el-form>
+        </el-card>
+      </el-col>
+    </el-row>
+    <updatePass ref="pass" />
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+import updatePass from './center/updatePass';
+import updateEmail from './center/updateEmail';
+import store from '@/store';
+import { isvalidPhone } from '@/utils/validate';
+import crud from '@/mixins/crud';
+import { editUser, getCenterUser, updateById } from '@/api/system/user';
+
+export default {
+  name: 'Center',
+  components: { updatePass, updateEmail },
+  mixins: [crud],
+  dicts: ['user_status', 'sex', 'job_title', 'position'],
+  data() {
+    // 自定义验证
+    const validPhone = (rule, value, callback) => {
+      if (value && !isvalidPhone(value)) {
+        callback(new Error('请输入正确的11位手机号码'));
+      } else {
+        callback();
+      }
+    };
+    return {
+      saveLoading: false,
+      form: {},
+      rules: {
+        name: [
+          { required: true, message: '请输入姓名', trigger: 'blur' },
+          { min: 2, max: 20, message: '长度在 2 到 20 个字符', trigger: 'blur' },
+        ],
+        phone: [{ validator: validPhone, trigger: 'blur' }],
+      },
+      hospitalList: [],
+      roles: [],
+      roleDatas: [],
+    };
+  },
+  computed: {
+    ...mapGetters(['user', 'updateAvatarApi', 'baseApi', 'fileUploadApi']),
+  },
+  created() {
+    // this.centerUser();
+    console.log(this.user);
+    this.query = {
+      id: this.user.id,
+      username: this.user.username,
+      company: this.user.company,
+      duty: this.user.duty,
+      name: this.user.name,
+      phone: this.user.phone,
+    };
+  },
+  methods: {
+    centerUser() {
+      getCenterUser().then(res => {
+        this.form = res;
+        let roles = [];
+        this.form.roles.forEach((role, index) => {
+          roles.push(role.id);
+        });
+        this.roleDatas = roles;
+        this.signPath = this.form.signPath;
+      });
+    },
+
+    doSubmit() {
+      if (this.$refs['form']) {
+        this.$refs['form'].validate(valid => {
+          if (valid) {
+            this.saveLoading = true;
+            updateById(this.query)
+              .then(() => {
+                // this.editSuccessNotify()
+                // store.dispatch('GetInfo').then(() => {})
+                this.$message({
+                  message: '保存成功',
+                  type: 'success',
+                });
+                store.dispatch('GetInfo').then(() => {});
+                this.saveLoading = false;
+              })
+              .catch(() => {
+                this.saveLoading = false;
+              });
+          }
+        });
+      }
+    },
+  },
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss"></style>