hd-idevvue3 3.0.2 → 3.0.4

package/src/views/privilege/personDept/authuser.vue

@@ -1,123 +1,229 @@
 <template>
   <el-container>
     <el-main>
-      <hd-com-grid :hdQuery="hdQuery" :removeUrl="removeUrl" imExcel notInit
-                   ref="grid" url="/webresources/login/privilege/AuthUser" visualScroll :exField="exField"
-                   :excelFormatter="doExcelFormatter">
+      <hd-com-grid
+        :hdQuery="hdQuery"
+        :removeUrl="removeUrl"
+        imExcel
+        notInit
+        ref="grid"
+        url="/webresources/login/privilege/AuthUser"
+        visualScroll
+        :exField="exField"
+        :excelFormatter="doExcelFormatter"
+      >
         <div class="filter-container" slot="query">
-          <el-input @keyup.enter.native="$refs.grid.doQuery()" class="filter-item" :placeholder="$t('姓名、账号')"
-                    style="width: 200px;"
-                    v-model="hdQuery.query.name">
+          <el-input
+            @keyup.enter.native="$refs.grid.doQuery()"
+            class="filter-item"
+            :placeholder="$t('姓名、账号')"
+            style="width: 200px"
+            v-model="hdQuery.query.name"
+          >
           </el-input>
-          <el-button @click="$refs.grid.doQuery()" class="filter-item" keyType="query">
-            {{$t('搜索')}}
+          <el-button
+            @click="$refs.grid.doQuery()"
+            class="filter-item"
+            keyType="query"
+          >
+            {{ $t('搜索') }}
           </el-button>
-          <el-button @click="doEdit('')" class="filter-item" keyType="add" type="primary" vid="add">{{$t('新增')}}
+          <el-button
+            @click="doEdit('')"
+            class="filter-item"
+            keyType="add"
+            type="primary"
+            vid="add"
+            >{{ $t('新增') }}
           </el-button>
-          <el-button @click="$refs.grid.doRemoveAll()" class="filter-item" keyType="remove" type="danger">{{$t('删除')}}
+          <el-button
+            @click="$refs.grid.doRemoveAll()"
+            class="filter-item"
+            keyType="remove"
+            type="danger"
+            >{{ $t('删除') }}
           </el-button>
         </div>
-        <el-table-column align="center" fixed="right" label="操作" width="110px">
+        <el-table-column
+          align="center"
+          fixed="right"
+          label="操作"
+          width="110px"
+        >
           <template slot-scope="scope">
-            <hd-btn @click.stop="doResetPsw(scope.row)" class="fa fa-asterisk" hint="重置密码" vid="resetpassword"></hd-btn>
-            <hd-btn @click.stop="doEdit(scope.row.userId)" hint="编辑" icon="el-icon-edit"></hd-btn>
-            <hd-btn @click.stop="doRemove(scope.row)" hint="删除" icon="el-icon-delete"></hd-btn>
-            <hd-btn @click.stop="doFaceRec(scope.row)" class="fa fa-vcard-o" hint="人脸识别">
+            <hd-btn
+              @click.stop="doResetPsw(scope.row)"
+              class="fa fa-asterisk"
+              hint="重置密码"
+              vid="resetpassword"
+            ></hd-btn>
+            <hd-btn
+              @click.stop="doEdit(scope.row.userId)"
+              hint="编辑"
+              icon="el-icon-edit"
+            ></hd-btn>
+            <hd-btn
+              @click.stop="doRemove(scope.row)"
+              hint="删除"
+              icon="el-icon-delete"
+            ></hd-btn>
+            <hd-btn
+              @click.stop="doFaceRec(scope.row)"
+              class="fa fa-vcard-o"
+              hint="人脸识别"
+            >
             </hd-btn>
           </template>
         </el-table-column>
-        <el-table-column align="left" header-align="center" label="姓名" prop="name" sortable width="100px">
+        <el-table-column
+          align="left"
+          header-align="center"
+          label="姓名"
+          prop="name"
+          sortable
+          width="100px"
+        >
         </el-table-column>
-        <el-table-column align="left" header-align="center" label="账号" prop="account" sortable width="100px">
+        <el-table-column
+          align="left"
+          header-align="center"
+          label="账号"
+          prop="account"
+          sortable
+          width="100px"
+        >
         </el-table-column>
-        <el-table-column :input="require('../orgDept/orgnselect').default" :inputFormat="(result, row)=>row.orgnName"
-                         align="left" header-align="center" label="部门" prop="orgnId"
-                         sortable width="180px">
+        <el-table-column
+          :input="require('../orgDept/orgnselect').default"
+          :inputFormat="(result, row) => row.orgnName"
+          align="left"
+          header-align="center"
+          label="部门"
+          prop="orgnId"
+          sortable
+          width="180px"
+        >
         </el-table-column>
-        <el-table-column align="center" label="账号过期日期" prop="accountPassDate" sortable width="auto">
+        <el-table-column
+          align="center"
+          label="账号过期日期"
+          prop="accountPassDate"
+          sortable
+          width="auto"
+        >
         </el-table-column>
-        <el-table-column align="center" label="密码修改时间" prop="pwModifyTim" sortable width="auto">
+        <el-table-column
+          align="center"
+          label="密码修改时间"
+          prop="pwModifyTim"
+          sortable
+          width="auto"
+        >
         </el-table-column>
       </hd-com-grid>
     </el-main>
-    <authuserform @save-ok="$refs.grid.doQuery()" ref="authuserform" :exFieldCode="exField.gridCode"></authuserform>
+    <authuserform
+      @save-ok="$refs.grid.doQuery()"
+      ref="authuserform"
+      :exFieldCode="exField.gridCode"
+    ></authuserform>
     <facerec ref="facerec"></facerec>
   </el-container>
 </template>
+
 <script>
-  import authuserform from './authuserform'
-  import facerec from './facerec'
+import authuserform from './authuserform'
+import facerec from './facerec'
 
-  export default {
-    name: 'authuser',
-    components: {authuserform, facerec},
-    data() {
-      return {
-        removeUrl: '',
-        hdQuery: new HdQuery(this),
-        orgnName: '',
-        orgnId: '',
-        exField: {
-          open: true,
-          table: 'AUTH_USER',
-          columnList: ['EX_FIELD1', 'EX_FIELD2', 'EX_FIELD3', 'EX_FIELD4', 'EX_FIELD5'],
-          gridCode: 'authUserGrid'
-        },
-      }
-    },
-    mounted() {
-      if (this.$route.query.q) {
-        this.$set(this.hdQuery.query, 'name', this.$route.query.q);
-      }
-    },
-    methods: {
-      queryUser(orgnId, orgnName) {
-        this.orgnId = orgnId
-        this.hdQuery.query.orgnId = orgnId
-        this.orgnName = orgnName
-        this.$refs.grid.doQuery()
+export default {
+  name: 'authuser',
+  components: { authuserform, facerec },
+  data() {
+    return {
+      removeUrl: '',
+      hdQuery: new HdQuery(this),
+      orgnName: '',
+      orgnId: '',
+      exField: {
+        open: true,
+        table: 'AUTH_USER',
+        columnList: [
+          'EX_FIELD1',
+          'EX_FIELD2',
+          'EX_FIELD3',
+          'EX_FIELD4',
+          'EX_FIELD5',
+        ],
+        gridCode: 'authUserGrid',
       },
-      doResetPsw(row) { // 增加或编辑
-        this.$confirm(this.$t('此操作将重置密码为888888, 是否继续?'), this.$t('提示'), {
+    }
+  },
+  mounted() {
+    if (this.$route.query.q) {
+      this.$set(this.hdQuery.query, 'name', this.$route.query.q)
+    }
+  },
+  methods: {
+    queryUser(orgnId, orgnName) {
+      this.orgnId = orgnId
+      this.hdQuery.query.orgnId = orgnId
+      this.orgnName = orgnName
+      this.$refs.grid.doQuery()
+    },
+    doResetPsw(row) {
+      // 增加或编辑
+      this.$confirm(
+        this.$t('此操作将重置密码为888888, 是否继续?'),
+        this.$t('提示'),
+        {
           confirmButtonText: this.$t('确定'),
           cancelButtonText: this.$t('取消'),
-          type: 'warning'
-        }).then(() => {
-          this.$http.post('/webresources/login/privilege/AuthUser/resetPassword?userId=' + row.userId).then(response => {
-            const data = response.data
-            this.$message({
-              type: data.code === '-1' ? 'error' : 'success',
-              message: data.message
+          type: 'warning',
+        }
+      )
+        .then(() => {
+          this.$http
+            .post(
+              '/webresources/login/privilege/AuthUser/resetPassword?userId=' +
+                row.userId
+            )
+            .then((response) => {
+              const data = response.data
+              this.$message({
+                type: data.code === '-1' ? 'error' : 'success',
+                message: data.message,
+              })
+              if (data.code === '-1') {
+                return
+              }
+              this.$refs.grid.doQuery()
             })
-            if (data.code === '-1') {
-              return
-            }
-            this.$refs.grid.doQuery()
-          })
-        }).catch(() => {
         })
-      },
-      doEdit(userId) { // 增加或编辑
-        this.$refs['authuserform'].show(userId, this.orgnId, this.orgnName)
-      },
-      doRemove(row) {
-        this.removeUrl = '/webresources/login/privilege/AuthUser/remove?userId=' + row.userId
-        this.$refs.grid.doRemove(row)
-      },
-      doFaceRec(row) {
-        this.$refs.facerec.show(row)
-      },
-      doExcelFormatter(excelData) {
-        let r = {
-          multiHeader : [['用户管理', '', '', '', '', '', '', '', '']],
-          header : excelData.merdata[0],
-          data : excelData.merdata.slice(1),
-          filename : excelData.title,
-          merges : ['A1:I1']
-        }
-        console.log(r)
-        return r;
+        .catch(() => {})
+    },
+    doEdit(userId) {
+      // 增加或编辑
+      this.$refs['authuserform'].show(userId, this.orgnId, this.orgnName)
+    },
+    doRemove(row) {
+      this.removeUrl =
+        '/webresources/login/privilege/AuthUser/remove?userId=' + row.userId
+      this.$refs.grid.doRemove(row)
+    },
+    doFaceRec(row) {
+      this.$refs.facerec.show(row)
+    },
+    doExcelFormatter(excelData) {
+      let r = {
+        multiHeader: [['用户管理', '', '', '', '', '', '', '', '']],
+        header: excelData.merdata[0],
+        data: excelData.merdata.slice(1),
+        filename: excelData.title,
+        merges: ['A1:I1'],
       }
-    }
-  }
+      console.log(r)
+      return r
+    },
+  },
+}
 </script>

package/src/views/privilege/personDept/authuserform.vue

@@ -1,36 +1,52 @@
 <template>
-  <el-dialog :visible.sync="visible" title="编辑" width='90%'>
-
-    <hd-form :model="hdform" label-width="100px" ref="hdform" :exFieldCode="exFieldCode">
+  <el-dialog :visible.sync="visible" title="编辑" width="90%">
+    <hd-form
+      :model="hdform"
+      label-width="100px"
+      ref="hdform"
+      :exFieldCode="exFieldCode"
+    >
       <el-row>
         <el-col :span="24">
-          <HdTempSave :auto="true" :saveFun="saveFunTemp" @reload="loadFromTemp" ref="hdTempSave"
-                      style="float: right" v-if="visible"></HdTempSave>
+          <HdTempSave
+            :auto="true"
+            :saveFun="saveFunTemp"
+            @reload="loadFromTemp"
+            ref="hdTempSave"
+            style="float: right"
+            v-if="visible"
+          ></HdTempSave>
         </el-col>
         <el-col :span="24" :xs="16">
-          <el-form-item :rules="$r(1,2,20)" label="姓名" prop="name">
+          <el-form-item :rules="$r(1, 2, 20)" label="姓名" prop="name">
             <el-input type="text" v-model="hdform.name"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="12" :xs="16">
-          <el-form-item :rules="$r(1,3,20)" label="账户" prop="account">
+          <el-form-item :rules="$r(1, 3, 20)" label="账户" prop="account">
             <el-input type="text" v-model="hdform.account"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="24" :xs="16">
           <el-form-item :rules="$r(1)" label="部门" prop="orgnName">
             <!--<el-input type="text" v-model="hdform.orgnId" ></el-input>-->
-            <orgncascader :idVal.sync="hdform.orgnId" :txtVal.sync="hdform.orgnName"
-                        style="width: 100%"></orgncascader>
+            <orgncascader
+              :idVal.sync="hdform.orgnId"
+              :txtVal.sync="hdform.orgnName"
+              style="width: 100%"
+            ></orgncascader>
           </el-form-item>
         </el-col>
         <el-col :span="12" :xs="16">
           <el-form-item label="账号过期日期" prop="accountPassDate">
-            <el-date-picker v-bind="$date" v-model="hdform.accountPassDate"></el-date-picker>
+            <el-date-picker
+              v-bind="$date"
+              v-model="hdform.accountPassDate"
+            ></el-date-picker>
           </el-form-item>
         </el-col>
         <el-col :span="12" :xs="16">
-          <el-form-item :rules="$r(0,0,255)" label="描述" prop="description">
+          <el-form-item :rules="$r(0, 0, 255)" label="描述" prop="description">
             <el-input type="text" v-model="hdform.description"></el-input>
           </el-form-item>
         </el-col>
@@ -38,117 +54,153 @@
       <el-row>
         <el-col :span="8" :xs="16">
           <el-form-item label="账户锁定标志">
-            <el-switch active-value="1" inactive-value="0" v-model="hdform.lockId"></el-switch>
+            <el-switch
+              active-value="1"
+              inactive-value="0"
+              v-model="hdform.lockId"
+            ></el-switch>
           </el-form-item>
         </el-col>
         <el-col :span="8" :xs="16">
           <el-form-item label="账户停用标志">
-            <el-switch active-value="1" inactive-value="0" v-model="hdform.stopId"></el-switch>
+            <el-switch
+              active-value="1"
+              inactive-value="0"
+              v-model="hdform.stopId"
+            ></el-switch>
           </el-form-item>
         </el-col>
 
         <el-col :span="8" :xs="16">
           <el-form-item label="密码永不过期">
-            <el-switch active-value="1" inactive-value="0" v-model="hdform.pwNeverPassId"></el-switch>
+            <el-switch
+              active-value="1"
+              inactive-value="0"
+              v-model="hdform.pwNeverPassId"
+            ></el-switch>
           </el-form-item>
         </el-col>
 
         <el-col :span="8" :xs="16">
           <el-form-item label="个人不可改密">
-            <el-switch active-value="1" inactive-value="0" v-model="hdform.donotChgId"></el-switch>
+            <el-switch
+              active-value="1"
+              inactive-value="0"
+              v-model="hdform.donotChgId"
+            ></el-switch>
           </el-form-item>
         </el-col>
         <el-col :span="8" :xs="16">
           <el-form-item label="登录先改密">
-            <el-switch active-value="1" inactive-value="0" v-model="hdform.nextChgId"></el-switch>
+            <el-switch
+              active-value="1"
+              inactive-value="0"
+              v-model="hdform.nextChgId"
+            ></el-switch>
           </el-form-item>
         </el-col>
       </el-row>
     </hd-form>
     <div class="dialog-footer" slot="footer">
-      <el-button @click="visible = false">{{$t('取 消')}}</el-button>
-      <el-button :hotKeyRange="$options.name" :loading="loading" @click="submit" keyType="save" type="primary">
-        {{$t('确 定')}}
+      <el-button @click="visible = false">{{ $t('取 消') }}</el-button>
+      <el-button
+        :hotKeyRange="$options.name"
+        :loading="loading"
+        @click="submit"
+        keyType="save"
+        type="primary"
+      >
+        {{ $t('确 定') }}
       </el-button>
     </div>
   </el-dialog>
-
 </template>
 
 <script>
-  import orgncascader from './orgncascader'
-  import ExtendForm from "../../../hdcom/ExtendForm";
+import orgncascader from './orgncascader'
+import ExtendForm from '../../../hdcom/ExtendForm'
 
-  export default {
-    name: 'authuserform',
-    components: {
-        ExtendForm,
-      orgncascader
-    },
-    data() {
-      return {
-        hdform: {},
-        visible: false,
-        tsLoading: false,
-        loading: false
-      }
-    },
-    props: {
-      orgnId: String,
-      orgnName: String,
-      exFieldCode: String,
-    },
-    methods: {
-      show(userId, orgnId, orgnName) { // 换为本表主键
+export default {
+  name: 'authuserform',
+  components: {
+    ExtendForm,
+    orgncascader,
+  },
+  data() {
+    return {
+      hdform: {},
+      visible: false,
+      tsLoading: false,
+      loading: false,
+    }
+  },
+  props: {
+    orgnId: String,
+    orgnName: String,
+    exFieldCode: String,
+  },
+  methods: {
+    show(userId, orgnId, orgnName) {
+      // 换为本表主键
 
-        this.visible = true
-        this.$http.post('/webresources/login/privilege/AuthUser/findone?userId=' + userId + '&orgnId=' + orgnId).then(response => {
+      this.visible = true
+      this.$http
+        .post(
+          '/webresources/login/privilege/AuthUser/findone?userId=' +
+            userId +
+            '&orgnId=' +
+            orgnId
+        )
+        .then((response) => {
           const data = response.data
           this.hdform = data
-          if (!userId) {//这块代码已经没用,后端已经赋值,而且推荐后端写
+          if (!userId) {
+            //这块代码已经没用,后端已经赋值,而且推荐后端写
             this.hdform.orgnId = orgnId
             this.hdform.orgnName = orgnName
           }
           // 弹窗重复使用时,清除校验项目
           if (this.$refs['hdform']) {
-              this.$refs['hdform'].$refs.hdform.resetFields()
+            this.$refs['hdform'].$refs.hdform.resetFields()
           }
         })
+    },
 
-      },
-
-      submit() {
-        // console.debug(this.hdform)
-        this.$refs['hdform'].$refs.hdform.validate((valid) => {
-          if (!valid) {
-            return false
-          }
-          this.loading = true
-          // this.hdform.orgnId = this.parentId
-          this.$http.post('/webresources/login/privilege/AuthUser/save', this.hdform).then(response => {
+    submit() {
+      // console.debug(this.hdform)
+      this.$refs['hdform'].$refs.hdform.validate((valid) => {
+        if (!valid) {
+          return false
+        }
+        this.loading = true
+        // this.hdform.orgnId = this.parentId
+        this.$http
+          .post('/webresources/login/privilege/AuthUser/save', this.hdform)
+          .then((response) => {
             this.loading = false
             const data = response.data
             this.$message({
               type: data.code === '-1' ? 'error' : 'success',
-              message: data.message
+              message: data.message,
             })
             if (data.code === '-1') {
               return
             }
             this.$emit('save-ok') // 主页面调用弹窗时添加
             this.visible = false
-          }).catch(() => {//数据同步的校验,时,会从这里触发
+          })
+          .catch(() => {
+            //数据同步的校验,时,会从这里触发
             this.loading = false
           })
-        })
-      },
-      saveFunTemp() {
-        return this.hdform
-      },
-      loadFromTemp(storeFrom) {
-        Object.assign(this.hdform, storeFrom)
-      },
-    }
-  }
+      })
+    },
+    saveFunTemp() {
+      return this.hdform
+    },
+    loadFromTemp(storeFrom) {
+      Object.assign(this.hdform, storeFrom)
+    },
+  },
+}
 </script>
-