1

src/components.d.ts

@@ -22,7 +22,6 @@ declare module 'vue' {
     ElForm: typeof import('element-plus/es')['ElForm']
     ElFormItem: typeof import('element-plus/es')['ElFormItem']
     ElHeader: typeof import('element-plus/es')['ElHeader']
-    ElIcon: typeof import('element-plus/es')['ElIcon']
     ElInput: typeof import('element-plus/es')['ElInput']
     ElMain: typeof import('element-plus/es')['ElMain']
     ElMenu: typeof import('element-plus/es')['ElMenu']
@@ -32,10 +31,10 @@ declare module 'vue' {
     ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
     ElSelect: typeof import('element-plus/es')['ElSelect']
     ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
+    ElSwitch: typeof import('element-plus/es')['ElSwitch']
     ElTable: typeof import('element-plus/es')['ElTable']
     ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
     ElTree: typeof import('element-plus/es')['ElTree']
-    ElTreeSelect: typeof import('element-plus/es')['ElTreeSelect']
     MapSelector: typeof import('./components/MapSelector.vue')['default']
     Pagination: typeof import('./components/Pagination/index.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']

src/views/ModelManage/HandleDialog.vue

@@ -6,10 +6,6 @@ const props = defineProps({
     required: true,
   },
   row: [Object],
-  categoryList: {
-    type: Array,
-    default: [],
-  },
 })
 
 const emit = defineEmits(['closed', 'onSuccess'])
@@ -23,10 +19,10 @@ onMounted(() => {
 })
 
 const formRef = ref(null)
-const formField = ref({})
+const formField = ref({ enabled: true, params: [] })
 const formRules = reactive({
-  username: [{ required: true, message: '不可为空', trigger: 'change' }],
+  name: [{ required: true, message: '不可为空', trigger: 'change' }],
-  password: [{ required: true, message: '不可为空', trigger: 'change' }],
+  code: [{ required: true, message: '不可为空', trigger: 'change' }],
 })
 
 const loading = ref(false)
@@ -37,11 +33,12 @@ function closed() {
 
 const submitForm = async () => {
   await formRef.value.validate()
-  const api = isAdd.value ? '/user/create' : '/user/update'
+  const api = isAdd.value ? '/template/create' : '/template/update'
   const params = {
     ...formField.value,
     id: isAdd.value ? null : props.row.id,
   }
+  loading.value = true
   RPC.post(api, params)
     .then((res) => {
       ElMessage.success('操作成功')
@@ -58,6 +55,32 @@ if (!isAdd.value) {
     ...props.row,
   }
 }
+const addRow = () => {
+  if (formField.value.params) {
+    formField.value.params.push({
+      name: '',
+      key: '',
+      value: '',
+      type: 'string',
+      excel_loc: '',
+      enabled: true,
+    })
+  } else {
+    formField.value.params = [
+      {
+        name: '',
+        key: '',
+        value: '',
+        type: 'string',
+        excel_loc: '',
+        enabled: true,
+      },
+    ]
+  }
+}
+const delRow = (index) => {
+  formField.value.params.splice(index, 1)
+}
 </script>
 
 <template>
@@ -78,18 +101,74 @@ if (!isAdd.value) {
       v-loading="loading"
       label-width="100"
     >
-      <el-form-item prop="username" label="用户名">
+      <el-form-item prop="name" label="名称">
-        <el-input placeholder="请输入" v-model="formField.username" />
+        <el-input placeholder="请输入" v-model="formField.name" />
+      </el-form-item>
+      <el-form-item prop="code" label="字段">
+        <el-input placeholder="请输入" v-model="formField.code" />
+      </el-form-item>
+      <el-form-item prop="sheet_name" label="表格名称">
+        <el-input placeholder="请输入" v-model="formField.sheet_name" />
       </el-form-item>
-      <el-form-item v-if="isAdd" prop="password" label="密码">
+      <el-form-item prop="auto_path" label="路径">
-        <el-input placeholder="请输入" v-model="formField.password" />
+        <el-input placeholder="请输入" v-model="formField.auto_path" />
       </el-form-item>
-      <el-form-item prop="phone" label="电话">
+      <el-form-item prop="description" label="描述">
-        <el-input placeholder="请输入" v-model="formField.phone" />
+        <el-input placeholder="请输入" v-model="formField.description" />
       </el-form-item>
-      <el-form-item prop="email" label="邮箱">
+      <el-form-item prop="enabled" label="是否启用">
-        <el-input placeholder="请输入" v-model="formField.email" />
+        <el-switch v-model="formField.enabled" active-text="启用" inactive-text="禁用" />
       </el-form-item>
+      <el-form-item prop="params" label="表格参数">
+        <el-button size="small" icon="Plus" type="primary" @click="addRow"> 添加 </el-button>
+      </el-form-item>
+      <el-table :data="formField.params" header-row-class-name="table-header">
+        <el-table-column align="center" label="字段名称">
+          <template #default="{ row }">
+            <el-input placeholder="请输入" v-model="row.name" />
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="字段键">
+          <template #default="{ row }">
+            <el-input placeholder="请输入" v-model="row.key" />
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="字段值">
+          <template #default="{ row }">
+            <el-input placeholder="请输入" v-model="row.value" />
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="字段类型">
+          <template #default="{ row }">
+            <el-select placeholder="请输入" v-model="row.type">
+              <el-option value="string" label="字符串"></el-option>
+              <el-option value="number" label="数字"></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="字段位置">
+          <template #default="{ row }">
+            <el-input placeholder="请输入" v-model="row.excel_loc" />
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="是否启用">
+          <template #default="{ row }">
+            <el-switch v-model="row.enabled" active-text="启用" inactive-text="禁用" />
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="操作" width="60">
+          <template #default="{ $index }">
+            <el-button link type="danger" @click="delRow($index)"> 删除 </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- <el-form-item prop="类型" label="是否启用">
+        <el-select placeholder="请输入" v-model="formField.type">
+          <el-option :value="1" label="目录"></el-option>
+          <el-option :value="2" label="菜单"></el-option>
+          <el-option :value="3" label="按钮"></el-option>
+        </el-select>
+      </el-form-item> -->
     </el-form>
     <template #footer>
       <div class="dialog-footer">

src/views/ModelManage/index.vue

@@ -36,16 +36,19 @@
       >
         <el-table-column align="center" label="名称" prop="name" show-overflow-tooltip />
         <el-table-column align="center" label="字段" prop="code" show-overflow-tooltip />
+        <el-table-column align="center" label="表格名称" prop="sheet_name" show-overflow-tooltip />
+        <el-table-column align="center" label="路径" prop="auto_path" show-overflow-tooltip />
         <el-table-column align="center" label="描述" prop="description" show-overflow-tooltip />
+        <el-table-column align="center" label="是否启用" prop="enabled">
+          <template #default="{ row }">
+            {{ row.enabled ? '启用' : '禁用' }}
+          </template>
+        </el-table-column>
         <el-table-column align="center" label="操作" width="120">
           <template #default="{ row }">
-            <el-button v-if="row.status != 1" link type="primary" @click="edit(row)">
+            <el-button link type="primary" @click="edit(row)"> 编辑 </el-button>
-              编辑
-            </el-button>
 
-            <el-button v-if="row.status != 1" link type="danger" @click="handleDelete(row)">
+            <el-button link type="danger" @click="handleDelete(row)"> 删除 </el-button>
-              删除
-            </el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -63,7 +66,6 @@
       v-if="isShowDialog"
       :type="rowType"
       :row="currentRow"
-      :categoryList="categoryList"
       @closed="isShowDialog = false"
       @on-success="getList"
     />