按照新组件改造-服务资源管理- 未完

src/api/sync.js

@@ -8,8 +8,12 @@ import request from "@/utils/request";
 
 const baseUrl = "/syncsvr/v2";
 
+// 应用信息同步
 export const appSyncUrl = `${baseUrl}/appSync`;
 
+// 服务同步
+export const authSerSyncUrl = `${baseUrl}/serSync`
+
 export function sync(url) {
     return request({
         url,

src/components/form/index.vue

@@ -9,7 +9,20 @@
       <el-form :model="form" ref="form" label-suffix=":" :label-width="labelWidth">
         <dg-col v-for="(item, index) in formConfig" :key="index" :span="item.span || 12">
           <el-form-item :label="item.label" :prop="item.prop" :rules="item.rules">
-            <component :is="item.component" v-model="form[item.prop]" v-bind="item.attr" clearable />
+            <!-- 通用 -->
+            <template v-if="!item.custom">
+              <component
+                :is="item.component"
+                v-model="form[item.prop]"
+                :placeholder="setPlaceHolder(item)"
+                v-bind="item.attr"
+                clearable
+              />
+            </template>
+            <!-- 自定义 -->
+            <template v-else>
+              <slot :name="item.prop" :value="form[item.prop]" :item="item"></slot>
+            </template>
           </el-form-item>
         </dg-col>
       </el-form>
@@ -50,6 +63,21 @@ export default {
   },
   computed: {},
   methods: {
+    setPlaceHolder(item) {
+      const { component, label } = item;
+      const inputType = ['ElInput, DgInput'];
+      const selectType = ['ElSelect', 'DgSelect', 'DgDatePicker'];
+      let prefix;
+      if (inputType.includes(component)) {
+        prefix = '请输入';
+      } else if (selectType.includes(component)) {
+        prefix = '请选择';
+      } else {
+        prefix = '请输入';
+      }
+
+      return prefix + label;
+    },
     handleClose() {
       this.$emit('close');
     },

src/mixins/page-opt.js

@@ -40,6 +40,7 @@ export const syncOpt = {
 
 // 导入
 export const importOpt = {
+    methods: {
   /**
    * @description: 导入
    * @param { 接口地址 } action
@@ -69,6 +70,7 @@ export const importOpt = {
       area: ['550px', '500px']
     });
   }
+}
 };
 
 // 详情

src/pages/common/basic-list-page/index.vue

@@ -1,28 +0,0 @@
-<!--
-基础列表页：包含搜索栏、操作栏、列表
-@Author: linqian
-@Date: 2021-07-28 14:15
--->
-<template>
-  <div class="basic-page">
-      
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-  },
-  components: {},
-  data() {
-    return {};
-  },
-  computed: {},
-  methods: {},
-  created() {},
-  mounted() {}
-};
-</script>
-
-<style lang='scss'>
-</style>

src/pages/data-auth-module/auth-object-manage/appfun-resource-manage/DataConfig.js

@@ -59,20 +59,14 @@ const appForm = [
     prop: 'applyName',
     component: 'ElInput',
     value: '',
-    rules: [{ required: true, message: '请输入应用系统名称', trigger: 'change' }],
-    attr: {
-      placeholder: ''
-    }
+    rules: [{ required: true, message: '请输入应用系统名称', trigger: 'change' }]
   },
   {
     label: '应用英文名称',
     prop: 'appEnglishName',
     component: 'ElInput',
     value: '',
-    rules: [{ required: true, message: '请输入应用英文名称', trigger: 'change' }],
-    attr: {
-      placeholder: ''
-    }
+    rules: [{ required: true, message: '请输入应用英文名称', trigger: 'change' }]
   },
   {
     label: '上线日期',
@@ -80,7 +74,6 @@ const appForm = [
     component: 'DgDatePicker',
     value: '',
     attr: {
-      placeholder: '',
       type: 'date'
     },
     dateFormat: 'YYYY-MM-DD'
@@ -89,29 +82,20 @@ const appForm = [
     label: '应用负责人',
     prop: 'fzr',
     component: 'ElInput',
-    value: '',
-    attr: {
-      placeholder: ''
-    }
+    value: ''
   },
   {
     label: '应用系统管理单位名称',
     prop: 'managerOrgName',
     component: 'ElInput',
-    value: '',
-    attr: {
-      placeholder: ''
-    }
+    value: ''
   },
   {
     label: '应用系统编号',
     prop: 'applyCode',
     component: 'ElInput',
     value: '',
-    rules: [{ required: true, message: '请输入应用系统编号', trigger: 'change' }],
-    attr: {
-      placeholder: ''
-    }
+    rules: [{ required: true, message: '请输入应用系统编号', trigger: 'change' }]
   },
   {
     label: '应用系统在用标识',
@@ -120,7 +104,6 @@ const appForm = [
     value: '',
     rules: [{ required: true, message: '请选择应用系统在用标识', trigger: 'change' }],
     attr: {
-      placeholder: '',
       code: 'DM_APPLY_STATUS'
     },
     code: 'DM_APPLY_STATUS'
@@ -129,19 +112,13 @@ const appForm = [
     label: '应用系统事权单位代码',
     prop: 'orgCode',
     component: 'ElInput',
-    value: '',
-    attr: {
-      placeholder: ''
-    }
+    value: ''
   },
   {
     label: '应用系统运维单位名称',
     prop: 'appOpsDepName',
     component: 'ElInput',
-    value: '',
-    attr: {
-      placeholder: ''
-    }
+    value: ''
   },
   {
     label: '应用系统说明',
@@ -149,8 +126,7 @@ const appForm = [
     component: 'ElInput',
     attr: {
       type: 'textarea',
-      rows: 3,
-      placeholder: ''
+      rows: 3
     },
     value: '',
     span: 24

src/pages/data-auth-module/auth-object-manage/service-resource-manage/index.vue

@@ -78,7 +78,6 @@ import { serviceImportUrl } from "@/api/import";
 import { authSerSync } from "@/api/sync";
 export default {
     components: {
-        addForm
     },
     data() {
         return {

src/pages/empower-manage/institutional-quotas-manage/index.vue

@@ -9,7 +9,7 @@
       <el-form-item label="单位名称">
         <select-tree
           ref="selectTree"
-          api-name="getOrgTree"
+          api-name="getTree"
           @submitTreeValue="getTreeValue"
           nodeKey="id"
           placeholder="请选择单位名称"