feat(控制计划): 填写模板

src/api/system/controlPlan.js

+import request from '@/utils/request'
+
+export function listTemplate(query) {
+    return request({
+        url: '/control/template/list',
+        method: 'get',
+        params: query,
+    })
+}

src/views/controlPlan/fillTemplate/index.vue

+<template>
+  <div class="app-container">
+    <el-form
+        ref="queryRef"
+        :model="queryParams"
+        :inline="true"
+    >
+      <el-form-item label="模板类型" prop="status">
+        <el-select
+            v-model="queryParams.templateType"
+            placeholder="请选择"
+            clearable
+            style="width: 200px"
+        >
+          <el-option
+              v-for="dict in control_plan"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="模板编号" prop="templatecode">
+        <el-input
+            v-model="queryParams.templatecode"
+            placeholder="请输入模板编号"
+            clearable
+            style="width: 200px"
+            @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="模板名称" prop="templateName">
+        <el-input
+            v-model="queryParams.templateName"
+            placeholder="请输入模板名称"
+            clearable
+            style="width: 200px"
+            @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery"
+        >查询</el-button
+        >
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+
+    <el-table
+        v-loading="loading"
+        :data="templateList"
+    >
+      <el-table-column type="index" width="55" align="center" />
+      <el-table-column label="模板类型" align="center" prop="templateType" >
+        <template #default="scope">
+            <dict-tag :options="control_plan" :value="scope.row.templateType" />
+        </template>
+      </el-table-column>
+      <el-table-column label="模板编号" align="center" prop="templateCode" >
+        <template #default="scope">
+          <span style="color: #1ab394">{{scope.row.templateCode}}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="模板名称" align="center" prop="templateName" >
+        <template #default="scope">
+          <span style="color: #1ab394">{{scope.row.templateName}}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="表单数量" align="center" prop="formCount" >
+        <template #default="scope">
+          <span style="color: #1ab394">{{scope.row.formCount}}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="创建时间" align="center" prop="createTime">
+        <template #default="scope">
+          <span>{{ parseTime(scope.row.createTime) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+          label="修改时间"
+          align="center"
+          prop="createTime"
+          width="180"
+      >
+        <template #default="scope">
+          <span>{{ parseTime(scope.row.updateTime) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="修改人" align="center" prop="updateUser"/>
+      <el-table-column
+          label="操作"
+          width="180"
+          align="center"
+          class-name="small-padding fixed-width"
+      >
+        <template #default="scope">
+          <el-button
+              v-hasPermi="['system:post:edit']"
+              link
+              type="primary"
+              icon="Edit"
+              @click="viewDetails(scope.row)"
+          >查看详情</el-button
+          >
+          <el-button
+              v-hasPermi="['system:post:edit']"
+              link
+              type="primary"
+              icon="Edit"
+              @click="handleUpdate(scope.row)"
+          >编辑</el-button
+          >
+          <el-button
+              v-hasPermi="['system:post:edit']"
+              link
+              type="primary"
+              icon="Edit"
+              @click="restoreDefault(scope.row)"
+          >恢复默认</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+        v-show="total > 0"
+        v-model:page="queryParams.pageNum"
+        v-model:limit="queryParams.pageSize"
+        :total="total"
+        @pagination="getList"
+    />
+
+  </div>
+</template>
+
+<script setup name="Post">
+import {
+  listTemplate
+} from '@/api/system/controlPlan.js'
+
+const { proxy } = getCurrentInstance()
+const { control_plan } = proxy.useDict('control_plan')
+
+const templateList = ref([])
+const loading = ref(true)
+const total = ref(0)
+
+const data = reactive({
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    postCode: undefined,
+    postName: undefined,
+    status: undefined,
+  },
+  rules: {
+    postName: [
+      { required: true, message: '岗位名称不能为空', trigger: 'blur' },
+    ],
+    postCode: [
+      { required: true, message: '岗位编码不能为空', trigger: 'blur' },
+    ],
+    postSort: [
+      { required: true, message: '岗位顺序不能为空', trigger: 'blur' },
+    ],
+  },
+})
+
+const { queryParams, form, rules } = toRefs(data)
+
+/** 查询岗位列表 */
+function getList() {
+  loading.value = true
+  listTemplate(queryParams.value).then((response) => {
+    templateList.value = response.rows
+    total.value = response.total
+    loading.value = false
+  })
+}
+
+
+/** 表单重置 */
+function reset() {
+  form.value = {
+    postId: undefined,
+    postCode: undefined,
+    postName: undefined,
+    postSort: 0,
+    status: '0',
+    remark: undefined,
+  }
+  proxy.resetForm('postRef')
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+  queryParams.value.pageNum = 1
+  getList()
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+  proxy.resetForm('queryRef')
+  handleQuery()
+}
+
+/** 修改按钮操作 */
+function handleUpdate(row) {
+
+}
+function viewDetails(row) {}
+function restoreDefault(row) {}
+
+getList()
+</script>

src/views/login.vue

@@ -104,7 +104,7 @@ const loginForm = ref({
 const loginRules = {
   username: [{ required: true, trigger: 'blur', message: '请输入您的账号' }],
   password: [{ required: true, trigger: 'blur', message: '请输入您的密码' }],
-  code: [{ required: true, trigger: 'change', message: '请输入验证码' }],
+  // code: [{ required: true, trigger: 'change', message: '请输入验证码' }],
 }
 
 const codeUrl = ref('')