hd-idevvue3 3.0.2 → 3.0.4

package/src/views/privilege/quartz/comquartzjob.vue

@@ -1,65 +1,150 @@
 <template>
   <el-container>
     <el-main>
-
-      <hd-com-grid ref="grid" :hdQuery="hdQuery" url="/webresources/login/com/ComQuartzJob">
+      <hd-com-grid
+        ref="grid"
+        :hdQuery="hdQuery"
+        url="/webresources/login/com/ComQuartzJob"
+      >
         <div class="filter-container" slot="query">
-          <el-input @keyup.enter.native="$refs.grid.doQuery()" style="width: 200px;" class="filter-item" :placeholder="$t('实体名称，任务名称')"
-                    v-model="hdQuery.query.anyQuery">
+          <el-input
+            @keyup.enter.native="$refs.grid.doQuery()"
+            style="width: 200px"
+            class="filter-item"
+            :placeholder="$t('实体名称，任务名称')"
+            v-model="hdQuery.query.anyQuery"
+          >
           </el-input>
-          <el-button class="filter-item" type="primary" icon="search" @click="$refs.grid.doQuery()"  :keyMap="['alt','q']">{{$t('搜索')}}</el-button>
-          <el-button class="filter-item"  @click="doEdit('')" type="primary" icon="edit" :keyMap="['alt','a']">{{$t('新增')}}
+          <el-button
+            class="filter-item"
+            type="primary"
+            :icon="ElIconSearch"
+            @click="$refs.grid.doQuery()"
+            :keyMap="['alt', 'q']"
+            >{{ $t('搜索') }}</el-button
+          >
+          <el-button
+            class="filter-item"
+            @click="doEdit('')"
+            type="primary"
+            :icon="ElIconEdit"
+            :keyMap="['alt', 'a']"
+            >{{ $t('新增') }}
           </el-button>
-          <el-button class="filter-item" @click="$refs.grid.doRemoveAll()" type="danger"  :keyMap="['alt','d']">{{$t('删除')}}
+          <el-button
+            class="filter-item"
+            @click="$refs.grid.doRemoveAll()"
+            type="danger"
+            :keyMap="['alt', 'd']"
+            >{{ $t('删除') }}
           </el-button>
         </div>
-        <el-table-column width="100px" align="center" label="操作" fixed="right">
+        <el-table-column
+          width="100px"
+          align="center"
+          label="操作"
+          fixed="right"
+        >
           <template slot-scope="scope">
-            <hd-btn icon="el-icon-edit" hint="编辑" @click.stop="doEdit(scope.row.qjId)"></hd-btn>
-            <hd-btn icon="el-icon-delete" hint="删除" @click.stop="$refs.grid.doRemove(scope.row.qjId)"></hd-btn>
+            <hd-btn
+              icon="el-icon-edit"
+              hint="编辑"
+              @click.stop="doEdit(scope.row.qjId)"
+            ></hd-btn>
+            <hd-btn
+              icon="el-icon-delete"
+              hint="删除"
+              @click.stop="$refs.grid.doRemove(scope.row.qjId)"
+            ></hd-btn>
           </template>
         </el-table-column>
-        <el-table-column width="100px" align="center" label="实体名" prop="beanName" sortable>
+        <el-table-column
+          width="100px"
+          align="center"
+          label="实体名"
+          prop="beanName"
+          sortable
+        >
         </el-table-column>
-        <el-table-column width="100px" align="center" label="cron表达式" prop="cronExpression" sortable>
+        <el-table-column
+          width="100px"
+          align="center"
+          label="cron表达式"
+          prop="cronExpression"
+          sortable
+        >
         </el-table-column>
-        <el-table-column width="100px" align="center" label="是否使用" prop="isPause" sortable>
+        <el-table-column
+          width="100px"
+          align="center"
+          label="是否使用"
+          prop="isPause"
+          sortable
+        >
           <template slot-scope="scope">
-            <span>{{scope.row.isPause == '0' ? '√' : '×'}}</span>
+            <span>{{ scope.row.isPause == '0' ? '√' : '×' }}</span>
           </template>
         </el-table-column>
-        <el-table-column width="100px" align="center" label="任务名称" prop="jobName" sortable>
+        <el-table-column
+          width="100px"
+          align="center"
+          label="任务名称"
+          prop="jobName"
+          sortable
+        >
         </el-table-column>
-        <el-table-column width="100px" align="center" label="执行方法" prop="methodName" sortable>
+        <el-table-column
+          width="100px"
+          align="center"
+          label="执行方法"
+          prop="methodName"
+          sortable
+        >
         </el-table-column>
-        <el-table-column width="100px" align="center" label="参数名称" prop="params" sortable>
+        <el-table-column
+          width="100px"
+          align="center"
+          label="参数名称"
+          prop="params"
+          sortable
+        >
         </el-table-column>
-        <el-table-column width="100px" align="center" label="备注" prop="remark" sortable>
+        <el-table-column
+          width="100px"
+          align="center"
+          label="备注"
+          prop="remark"
+          sortable
+        >
         </el-table-column>
       </hd-com-grid>
     </el-main>
-    <comquartzjobform ref="comquartzjobform" @save-ok="$refs.grid.doQuery()"></comquartzjobform>
+    <comquartzjobform
+      ref="comquartzjobform"
+      @save-ok="$refs.grid.doQuery()"
+    ></comquartzjobform>
   </el-container>
 </template>
-<script>
-  import comquartzjobform from './comquartzjobform'
-  export default {
-    name: 'comquartzjob',
-    components: {  comquartzjobform },
-    data() {
-      return {
-        hdQuery: new HdQuery(this),
-      }
-    },
-
-    mounted() {
 
-    },
-    methods: {
-
-      doEdit(qjId) { // 增加或编辑
-        this.$refs['comquartzjobform'].show(qjId)
-      },
+<script>
+import { Search as ElIconSearch, Edit as ElIconEdit } from '@element-plus/icons'
+import comquartzjobform from './comquartzjobform'
+export default {
+  data() {
+    return {
+      hdQuery: new HdQuery(this),
+      ElIconSearch,
+      ElIconEdit,
     }
-  }
+  },
+  name: 'comquartzjob',
+  components: { comquartzjobform },
+  mounted() {},
+  methods: {
+    doEdit(qjId) {
+      // 增加或编辑
+      this.$refs['comquartzjobform'].show(qjId)
+    },
+  },
+}
 </script>

package/src/views/privilege/quartz/comquartzjobform.vue

@@ -1,89 +1,106 @@
 <template>
-  <el-dialog title="编辑" :visible.sync="visible" width='60%'>
+  <el-dialog title="编辑" :visible.sync="visible" width="60%">
     <el-form label-width="100px" :model="hdform" ref="hdform">
       <el-row>
         <el-col :span="8" :xs="16">
-          <el-form-item label = "实体名" prop="beanName" :rules="$r(0,0,50)">
-            <el-input type="text" v-model="hdform.beanName" ></el-input>
+          <el-form-item label="实体名" prop="beanName" :rules="$r(0, 0, 50)">
+            <el-input type="text" v-model="hdform.beanName"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8" :xs="16">
-          <el-form-item label = "cron表达式" prop="cronExpression" :rules="$r(0,0,50)">
-            <el-input type="text" v-model="hdform.cronExpression" ></el-input>
+          <el-form-item
+            label="cron表达式"
+            prop="cronExpression"
+            :rules="$r(0, 0, 50)"
+          >
+            <el-input type="text" v-model="hdform.cronExpression"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8" :xs="16">
-          <el-form-item label = "是否使用" prop="isPause" :rules="$r(0)"><!--1暂停，0不暂停就是使用-->
-            <el-switch v-model="hdform.isPause" active-value="0" inactive-value="1"></el-switch>
+          <el-form-item label="是否使用" prop="isPause" :rules="$r(0)"
+            ><!--1暂停，0不暂停就是使用-->
+            <el-switch
+              v-model="hdform.isPause"
+              active-value="0"
+              inactive-value="1"
+            ></el-switch>
           </el-form-item>
         </el-col>
         <el-col :span="8" :xs="16">
-          <el-form-item label = "任务名称" prop="jobName" :rules="$r(0,0,50)">
-            <el-input type="text" v-model="hdform.jobName" ></el-input>
+          <el-form-item label="任务名称" prop="jobName" :rules="$r(0, 0, 50)">
+            <el-input type="text" v-model="hdform.jobName"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8" :xs="16">
-          <el-form-item label = "执行方法" prop="methodName" :rules="$r(0,0,50)">
-            <el-input type="text" v-model="hdform.methodName" ></el-input>
+          <el-form-item
+            label="执行方法"
+            prop="methodName"
+            :rules="$r(0, 0, 50)"
+          >
+            <el-input type="text" v-model="hdform.methodName"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8" :xs="16">
-          <el-form-item label = "参数名称" prop="params" :rules="$r(0,0,255)">
-            <el-input type="text" v-model="hdform.params" ></el-input>
+          <el-form-item label="参数名称" prop="params" :rules="$r(0, 0, 255)">
+            <el-input type="text" v-model="hdform.params"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8" :xs="16">
-          <el-form-item label = "备注" prop="remark" :rules="$r(0,0,255)">
-            <el-input type="text" v-model="hdform.remark" ></el-input>
+          <el-form-item label="备注" prop="remark" :rules="$r(0, 0, 255)">
+            <el-input type="text" v-model="hdform.remark"></el-input>
           </el-form-item>
         </el-col>
       </el-row>
     </el-form>
     <div slot="footer" class="dialog-footer">
-      <el-button @click="visible = false">{{$t('取 消')}}</el-button>
-      <el-button type="primary" @click="submit" :loading="loading"> {{$t('确 定')}}</el-button>
+      <el-button @click="visible = false">{{ $t('取 消') }}</el-button>
+      <el-button type="primary" @click="submit" :loading="loading">
+        {{ $t('确 定') }}</el-button
+      >
     </div>
   </el-dialog>
-
 </template>
 
 <script>
-  export default {
-    name: 'comquartzjobform',
-    data() {
-      return {
-        hdform: {},
-        visible: false,
-        tsLoading: false,
-        loading: false
-
-      }
-    },
-    methods: {
-      show(qjId) { // 换为本表主键
-        //弹窗重复使用时,清除校验项目
-        if (this.$refs['hdform'])
-          this.$refs['hdform'].resetFields()
-        this.visible = true
-        this.$http.get('/webresources/login/com/ComQuartzJob/findone?qjId=' + qjId).then(response => {
+export default {
+  name: 'comquartzjobform',
+  data() {
+    return {
+      hdform: {},
+      visible: false,
+      tsLoading: false,
+      loading: false,
+    }
+  },
+  methods: {
+    show(qjId) {
+      // 换为本表主键
+      //弹窗重复使用时,清除校验项目
+      if (this.$refs['hdform']) this.$refs['hdform'].resetFields()
+      this.visible = true
+      this.$http
+        .get('/webresources/login/com/ComQuartzJob/findone?qjId=' + qjId)
+        .then((response) => {
           const data = response.data
           this.hdform = data
         })
-      },
+    },
 
-      submit() {
-        // console.debug(this.hdform)
-        this.$refs['hdform'].validate((valid) => {
-          if (!valid) {
-            return false;
-          }
-          this.loading = true
-          this.$http.post('/webresources/login/com/ComQuartzJob/saveone', this.hdform).then(response => {
+    submit() {
+      // console.debug(this.hdform)
+      this.$refs['hdform'].validate((valid) => {
+        if (!valid) {
+          return false
+        }
+        this.loading = true
+        this.$http
+          .post('/webresources/login/com/ComQuartzJob/saveone', 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
@@ -91,9 +108,8 @@
             this.$emit('save-ok') // 主页面调用弹窗时添加
             this.visible = false
           })
-        })
-      }
-    }
-  }
+      })
+    },
+  },
+}
 </script>
-

package/src/views/privilege/quartz/comquartzlog.vue

@@ -1,59 +1,143 @@
 <template>
   <el-container>
     <el-main>
-
-      <hd-com-grid ref="grid" :hdQuery="hdQuery" url="/webresources/login/com/ComQuartzLog" recHide :default-sort="{prop: '', order: 'descending'}">
+      <hd-com-grid
+        ref="grid"
+        :hdQuery="hdQuery"
+        url="/webresources/login/com/ComQuartzLog"
+        recHide
+        :default-sort="{ prop: '', order: 'descending' }"
+      >
         <div class="filter-container" slot="query">
-          <el-input @keyup.enter.native="$refs.grid.doQuery()" style="width: 200px;" class="filter-item" :placeholder="$t('实体名称，任务名称')"
-                    v-model="hdQuery.query.anyQuery">
+          <el-input
+            @keyup.enter.native="$refs.grid.doQuery()"
+            style="width: 200px"
+            class="filter-item"
+            :placeholder="$t('实体名称，任务名称')"
+            v-model="hdQuery.query.anyQuery"
+          >
           </el-input>
-          <el-button class="filter-item" type="primary" icon="search" @click="$refs.grid.doQuery()"  :keyMap="['alt','q']">{{$t('搜索')}}</el-button>
-          <el-button class="filter-item" @click="$refs.grid.doRemoveAll()" type="danger"  :keyMap="['alt','d']">{{$t('删除')}}
+          <el-button
+            class="filter-item"
+            type="primary"
+            :icon="ElIconSearch"
+            @click="$refs.grid.doQuery()"
+            :keyMap="['alt', 'q']"
+            >{{ $t('搜索') }}</el-button
+          >
+          <el-button
+            class="filter-item"
+            @click="$refs.grid.doRemoveAll()"
+            type="danger"
+            :keyMap="['alt', 'd']"
+            >{{ $t('删除') }}
           </el-button>
         </div>
-        <el-table-column width="100px" align="center" label="操作" fixed="right">
+        <el-table-column
+          width="100px"
+          align="center"
+          label="操作"
+          fixed="right"
+        >
           <template slot-scope="scope">
-            <hd-btn icon="el-icon-delete" hint="删除" @click.stop="$refs.grid.doRemove(scope.row.qlId)"></hd-btn>
+            <hd-btn
+              icon="el-icon-delete"
+              hint="删除"
+              @click.stop="$refs.grid.doRemove(scope.row.qlId)"
+            ></hd-btn>
           </template>
         </el-table-column>
 
-        <el-table-column width="100px" align="center" label="实体名称" prop="beanName" sortable>
+        <el-table-column
+          width="100px"
+          align="center"
+          label="实体名称"
+          prop="beanName"
+          sortable
+        >
         </el-table-column>
-        <el-table-column width="120px" align="center" label="cron表达式" prop="cronExpression" sortable>
+        <el-table-column
+          width="120px"
+          align="center"
+          label="cron表达式"
+          prop="cronExpression"
+          sortable
+        >
         </el-table-column>
-        <el-table-column width="100px" align="center" label="执行时间" prop="exceptionDetail" sortable>
+        <el-table-column
+          width="100px"
+          align="center"
+          label="执行时间"
+          prop="exceptionDetail"
+          sortable
+        >
         </el-table-column>
-        <el-table-column width="100px" align="center" label="是否成功" prop="isSuccess" sortable>
+        <el-table-column
+          width="100px"
+          align="center"
+          label="是否成功"
+          prop="isSuccess"
+          sortable
+        >
         </el-table-column>
-        <el-table-column width="100px" align="center" label="任务名称" prop="jobName" sortable>
+        <el-table-column
+          width="100px"
+          align="center"
+          label="任务名称"
+          prop="jobName"
+          sortable
+        >
         </el-table-column>
-        <el-table-column width="100px" align="center" label="任务参数" prop="params" sortable>
+        <el-table-column
+          width="100px"
+          align="center"
+          label="任务参数"
+          prop="params"
+          sortable
+        >
         </el-table-column>
-        <el-table-column width="120px" align="center" label="运行时间(秒)" prop="time" sortable>
+        <el-table-column
+          width="120px"
+          align="center"
+          label="运行时间(秒)"
+          prop="time"
+          sortable
+        >
         </el-table-column>
-        <el-table-column width="200px" align="center" label="记录时间" prop="logTime" :inputProp="$datetime" sortable>
+        <el-table-column
+          width="200px"
+          align="center"
+          label="记录时间"
+          prop="logTime"
+          :inputProp="$datetime"
+          sortable
+        >
         </el-table-column>
-        <el-table-column width="100px" align="center" label="方法名" prop="methodName" sortable>
+        <el-table-column
+          width="100px"
+          align="center"
+          label="方法名"
+          prop="methodName"
+          sortable
+        >
         </el-table-column>
       </hd-com-grid>
     </el-main>
   </el-container>
 </template>
-<script>
-  export default {
-    name: 'comquartzlog',
-    components: {   },
-    data() {
-      return {
-        hdQuery: new HdQuery(this),
-      }
-    },
-
-    mounted() {
-
-    },
-    methods: {
 
+<script>
+import { Search as ElIconSearch } from '@element-plus/icons'
+export default {
+  data() {
+    return {
+      hdQuery: new HdQuery(this),
+      ElIconSearch,
     }
-  }
+  },
+  name: 'comquartzlog',
+  components: {},
+  mounted() {},
+  methods: {},
+}
 </script>