Merge branch 'master' of http://10.1.235.20:3000/asiainfo/static

2022/aiot-evaluate/src/components/form/IpuForm.vue

@@ -69,7 +69,7 @@
        ></ipu-date-picker>
      </el-form-item>
    </template>
    <el-form-item>
    <el-form-item class="last-btns">
      <slot name="btns"></slot>
    </el-form-item>
  </el-form>
@@ -98,4 +98,9 @@ const blurEvent = (form) => {
// 校验规则
</script>
<style lang="scss" scoped></style>
<style lang="scss" scoped>
.last-btns {
  margin-left: auto;
  height: 28px;
}
</style>

2022/aiot-evaluate/src/components/index.js

@@ -12,7 +12,8 @@ import IpuDrawer from './dialog/drawer/index.vue';
import IpuDialog from './dialog/dialog';
import IpuPanel from './panel';
import IpuButtonGroup from './button-group';
import IpuTableModule from './table-module';
import IpuPagination from './pagination';
/**
 * 注册全局组件
 * @param app
@@ -39,6 +40,9 @@ export function setupGlobalComponents(app) {
  app.component('ipu-button-group', IpuButtonGroup);
  // panel
  app.component('ipu-panel', IpuPanel);
  // 表格页面
  app.component('ipu-table-module', IpuTableModule);
  app.component('ipu-page', IpuPagination);
  //
}

2022/aiot-evaluate/src/components/pagination/index.vue

@@ -0,0 +1,50 @@
<template>
  <el-pagination
    v-model:currentPage="page.num"
    v-model:page-size="page.size"
    :total="page.total"
    v-bind="pageAttrs"
    @size-change="handleSizeChange"
    @current-change="handleCurrentChange"
  />
</template>
<script setup>
import { defineEmits, defineProps } from 'vue';
const emits = defineEmits();
defineProps({
  pageAttrs: {
    type: Object,
    default: () => {
      return {
        background: true,
        layout: 'total, sizes, prev, pager, next, jumper',
        pageSizes: [25, 50, 100, 1000],
        small: 'small'
      };
    }
  },
  page: {
    type: Object,
    default: () => {
      return {
        num: 1,
        size: 25,
        total: 0
      };
    }
  }
});
// 切换size
function handleSizeChange(size) {
  emits('handleSizeChange', size);
}
// 切换page
function handleCurrentChange(page) {
  emits('handleCurrentChange', page);
}
</script>
<style scoped lang="scss"></style>

2022/aiot-evaluate/src/components/panel/index.vue

@@ -52,14 +52,16 @@ defineProps({
  .ipu-panel-slot-left,
  .ipu-panel-slot-right {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .ipu-panel-slot-left {
    justify-content: flex-start;
    width: 40%;
  }
  .ipu-panel-slot-right {
    width: 40%;
    justify-content: flex-end;
  }
}
</style>

2022/aiot-evaluate/src/components/search-params/index.vue

@@ -143,4 +143,12 @@ const blurEvent = (form) => {
};
</script>
<style scoped lang="scss"></style>
<style scoped lang="scss">
.search-params {
  background: #fff;
  padding: 20px 10px 0 10px;
  border-radius: 5px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
</style>

2022/aiot-evaluate/src/components/table-module/index.vue

@@ -1,13 +1,81 @@
<template>
  <div class="table-module">
  <ipu-panel :title="pageData?.title">
    <template #slot-right>
      <ipu-button-group :btns="pageData?.btns"> </ipu-button-group>
    </template>
    <!-- 搜索 -->
    <ipu-search
      :searchParams="pageData?.searchParams"
      :formValues="pageData?.formValues"
      @search="search"
      @clearSearch="clearSearch"
    ></ipu-search>
    <!-- 表格 -->
    <ipu-table
      :tableHeader="pageData?.tableHeader"
      :tableData="pageData?.tableData"
    >
      <template #custom="scope">
        <el-button
          v-for="btn in pageData?.tableBtns"
          :key="btn.name"
          v-bind="btn.attrs"
          text
          @click="btn.onClick(scope.row)"
          >{{ btn.label }}</el-button
        >
      </template>
    </ipu-table>
  </div>
    <!-- 分页器 -->
    <ipu-page
      class="pagination"
      :page="pageData?.page"
      @handleCurrentChange="handleCurrentChange"
      @handleSizeChange="handleSizeChange"
    ></ipu-page>
  </ipu-panel>
</template>
<script setup>
import { defineProps, defineEmits } from 'vue';
const props = defineProps({
  pageData: {
    type: Object,
    default: () => {}
  }
});
const emits = defineEmits(['search',
  'clearSearch',
  'handleCurrentChange',
  'handleSizeChange']);
// 搜索
const search = (formValues) => {
  emits('search', formValues);
};
// 清除搜索
const clearSearch = (formValues) => {
  emits('clearSearch', formValues);
};
// 切换size
function handleSizeChange(size) {
  emits('handleSizeChange', size);
}
// 切换page
function handleCurrentChange(page) {
  emits('handleCurrentChange', page);
}
</script>
<style scoped lang="scss">
.pagination {
  margin: 10px 10px 0 0;
  display: flex;
  justify-content: flex-end;
}
</style>

2022/aiot-evaluate/src/components/table/TableAction.vue

@@ -1,21 +0,0 @@
<template>
  <span>
    <template v-for="btn in btns">
      <el-button :type="btn?.type" text @click.stop="btn?.onClick(value)">
        {{ btn.label }}
      </el-button>
    </template>
  </span>
</template>
<script setup>
import { defineProps } from 'vue';
const props = defineProps({
  value: {
    type: Array,
    default: () => {}
  }
});
</script>
<style scoped lang="scss"></style>

2022/aiot-evaluate/src/components/table/index.vue

@@ -1,5 +1,23 @@
<template>
  <el-table class="g-table" hei :data="tableData">
  <el-table
    class="g-table"
    :data="tableData"
    :header-cell-style="{
      padding: '0 4px',
      height: '39px',
      'font-weight': '600',
      'font-size': '14px',
      'line-height': '39px',
      color: '#000',
      'background-color': '#fafafa'
    }"
    :cell-style="{
      padding: '0 4px',
      height: '60px',
      'line-height': '60px',
      'font-size': '14px'
    }"
  >
    <template v-for="header in tableHeader" :key="header?.name">
      <!-- 自自定义按钮 -->
      <el-table-column
@@ -55,4 +73,14 @@ const props = defineProps({
console.log(props);
</script>
<style scoped lang="scss"></style>
<style scoped lang="scss">
:deep(.el-table__inner-wrapper) {
  font-size: 14px;
  .el-table__header-wrapper {
    font-size: 14px;
    thead tr {
      font-size: 14px;
    }
  }
}
</style>

2022/aiot-evaluate/src/views/demos/ApiResourceManagement.vue

@@ -1,29 +1,13 @@
<template>
  <ipu-panel title="API资源管理">
    <template #slot-left>
      <ipu-button-group :btns="btns"> </ipu-button-group>
    </template>
    <!-- 搜索 -->
    <ipu-search
      :searchParams="searchParams"
      :formValues="formValues"
      @search="search"
      @clearSearch="clearSearch"
    ></ipu-search>
    <!-- 表格 -->
    <ipu-table :tableHeader="tableHeader" :tableData="tableData">
      <template #custom="scope">
        <el-button type="danger" text @click="deleteRow(scope)">删除</el-button>
        <el-button text @click="edit(scope)">编辑</el-button>
      </template>
    </ipu-table>
  </ipu-panel>
  <ipu-table-module
    @search="search"
    @clearSearch="clearSearch"
    @handleSizeChange="handleSizeChange"
    @handleCurrentChange="handleCurrentChange"
    :pageData="pageData"
  ></ipu-table-module>
  <!-- 弹窗 -->
  <!-- <ipu-drawer
    :dialogForm="dialogForm"
    :before-close="cancleDialog"
  ></ipu-drawer> -->
  <ipu-dialog
    :dialogForm="dialogForm"
    @changeEvent="changeEvent"
@@ -36,57 +20,13 @@
<script setup>
import { ref, getCurrentInstance } from 'vue';
// --------查询资源----------
const tableHeader = ref([
  {
    label: '资源名称',
    name: 'resourceName',
    width: '193'
  },
  {
    label: '资源编码',
    name: 'resourceId',
    width: '193'
  },
  {
    label: '资源类型',
    name: 'resourceType',
    width: '137'
  },
  {
    label: '所属应用',
    name: 'belongApplication',
    width: '193'
  },
  {
    label: '资源地址',
    name: 'resourceUrl',
    width: '217'
  },
  {
    label: '排序',
    name: 'sort',
    width: '217'
  },
  {
    label: '资源地址',
    name: 'resourceUrl',
    width: '217'
  },
  {
    label: '输入',
    type: 'input',
    name: 'input',
    width: '217'
  },
  {
    label: '操作',
    type: 'custom',
    name: 'custom',
    width: '217'
  }
]);
function handleCurrentChange(page) {
  console.log(page);
}
function handleSizeChange(size) {
  console.log(size);
}
const tableData = ref([
  {
    resourceId: '212ajo35eng12',
@@ -151,142 +91,167 @@ const tableData = ref([
    resourceType: '这是一个终端柜管理角色',
    resourceUrl: '/product/productManage',
    sort: 1
  },
  {
    resourceId: '212ajo35eng12',
    resourceName: '终端柜安卓系统',
    belongApplication: '6523',
    resourceType: '这是一个终端柜管理角色',
    resourceUrl: '/product/productManage',
    sort: 1
  },
  {
    resourceId: '212ajo35eng12',
    resourceName: '终端柜安卓系统',
    belongApplication: '6523',
    resourceType: '这是一个终端柜管理角色',
    resourceUrl: '/product/productManage',
    sort: 1
  },
  {
    resourceId: '17493713',
    resourceName: '5G专网系统',
    belongApplication: '4340',
    resourceType: '这是一个终端柜管理角色',
    resourceUrl: '/product/productManage',
    sort: 1
  },
  {
    resourceId: '212ajo35eng12',
    resourceName: '终端柜安卓系统',
    belongApplication: '6523',
    resourceType: '这是一个终端柜管理角色',
    resourceUrl: '/product/productManage',
    sort: 1
  },
  {
    resourceId: '212ajo35eng12',
    resourceName: '终端柜安卓系统',
    belongApplication: '6523',
    resourceType: '这是一个终端柜管理角色',
    resourceUrl: '/product/productManage',
    sort: 1
  }
]);
const formValues = {
  resourceName: '',
  sourceType: [],
  resourceName1: ''
};
// 搜索项
const searchParams = ref([{
  name: 'resourceName',
  type: 'input',
  label: 'API资源名称',
  value: '',
  styles: {
    width: 200
  },
  attrs: {
    clearable: true
  },
  rules: [{
    required: true,
    message: 'Please input email address',
    trigger: 'blur'
function editRow(row) {
  console.log(row);
}
const pageData = ref({
  title: 'API资源管理',
  btns: [{
    name: 'add',
    onClick: addRole,
    label: '新建API资源',
    // 是否有边框线
    isLine: true,
    attrs: {
      type: 'primary',
      icon: 'Plus',
      text: true
    }
  }],
  searchParams: [{
    name: 'resourceName',
    type: 'input',
    label: '资源名称',
    value: '',
    styles: {
      width: 200
    },
    attrs: {
      clearable: true
    },
    rules: [{
      required: true,
      message: 'Please input email address',
      trigger: 'blur'
    },
    {
      type: 'email',
      message: 'Please input correct email address',
      trigger: ['blur', 'change']
    }]
  },
  {
    type: 'email',
    message: 'Please input correct email address',
    trigger: ['blur', 'change']
  }]
},
{
  name: 'sourceType',
  label: '资源类型',
  type: 'select',
  attrs: {
    clearable: true,
    disabled: false,
    multiple: true,
    options: [
      {
    name: 'sourceType',
    label: '资源类型',
    type: 'select',
    attrs: {
      clearable: true,
      disabled: false,
      multiple: true,
      options: [{
        label: '资源1',
        value: 'label'
      },
      {
        label: '资源2',
        value: 'label2'
      },
      {
        label: '资源3',
        value: 'labe3'
      },
      {
        label: '资源4',
        value: 'label4'
      },
      {
        label: '资源5',
        value: 'label5'
      },
      {
        label: '资源6',
        value: 'label6'
      }
    ]
      }]
    },
    width: 200,
    value: []
  },
  width: 200,
  value: []
},
{
  name: 'resourceName1',
  type: 'input',
  width: 200,
  attrs: {
    disabled: false,
    clearable: true
  {
    name: 'resourceName1',
    type: 'input',
    width: 200,
    attrs: {
      disabled: false,
      clearable: true
    },
    label: '资源名称1',
    value: ''
  }],
  formValues: {
    resourceName: '',
    sourceType: [],
    resourceName1: ''
  },
  label: '资源名称1',
  value: ''
}]);
const addRole = () => {
  dialogForm.value.drawerData.isOpen = true;
};
// header头按钮组
const btns = ref([{
  name: 'add',
  onClick: addRole,
  label: '新建API资源',
  // 是否有边框线
  isLine: true,
  attrs: {
    type: 'primary',
    icon: 'Plus',
    text: true
  tableHeader: [
    {
      label: '资源名称',
      name: 'resourceName',
      width: '193'
    },
    {
      label: '资源编码',
      name: 'resourceId',
      width: '193'
    },
    {
      label: '资源类型',
      name: 'resourceType',
      width: '137'
    },
    {
      label: '所属应用',
      name: 'belongApplication',
      width: '193'
    },
    {
      label: '资源地址',
      name: 'resourceUrl',
      width: '217'
    },
    {
      label: '排序',
      name: 'sort',
      width: '217'
    },
    {
      label: '资源地址',
      name: 'resourceUrl',
      width: '217'
    },
    {
      label: '输入',
      type: 'input',
      name: 'input',
      width: '217'
    },
    {
      label: '操作',
      type: 'custom',
      name: 'custom',
      width: '217'
    }
  ],
  tableData: tableData.value,
  tableBtns: [{
    name: 'delete',
    onClick: deleteRow,
    label: '删除',
    // 是否有边框线
    isLine: false,
    attrs: {
      type: 'danger',
      text: true
    }
  },
  {
    name: 'edit',
    onClick: editRow,
    label: '编辑',
    // 是否有边框线
    isLine: false,
    attrs: {
      text: true
    }
  }],
  page: {
    num: 1,
    size: 25,
    total: 100
  }
}]);
});
// --------查询资源----------
// 搜索项
function addRole() {
  dialogForm.value.drawerData.isOpen = true;
}
// 搜索
const search = (data) => {
@@ -338,12 +303,7 @@ function confirmDialog(value) {
}
const dialogForm = ref({
  // form返回
  formValues: {
    roleName: '',
    roleCode: '',
    roleDescription: '',
    clientId: ''
  },
  formValues: {},
  // form 属性
  forms: [{
    name: 'roleName',
@@ -394,9 +354,9 @@ const dialogForm = ref({
  }
});
const deleteRow = (row) => {
function deleteRow(row) {
  console.log(row);
};
}
const changeEvent = (form) => {
  console.log(form);