Source/plt-web/plt-web-ui/src/views/wel/homeConfig.vue

@@ -1,16 +1,13 @@
<template>
  <basic-container>
    <avue-crud
      ref="useCrud"
      ref="crud"
      :data="data"
      :option="option"
      :page.sync="page"
      :table-loading="loading"
      @selection-change="selectChange"
      @row-click="rowClickHandler"
      @refresh-change="handleRefresh"
      @size-change="sizeChange"
      @current-change="currentChange"
    >
      <template slot="menuLeft">
        <el-button icon="el-icon-plus" plain size="small" type="primary" @click="addClickHandler">创建
@@ -37,16 +34,21 @@
      width="500px"
      @close="visibleCloseHandler"
    >
      <el-form ref="form" :model="form" :rules="rules" label-width="80px" size="small">
      <el-form ref="form" :model="form" :rules="rules" label-width="95px" size="small">
        <el-row>
          <el-col :span="24">
            <el-form-item label="名称：" prop="id">
              <el-input v-model="form.id"></el-input>
            <el-form-item label="组件：" prop="id">
              <avue-select v-model="form.id" placeholder="请选择组件" type="tree" :dic="dic"></avue-select>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="标签：" prop="name">
              <el-input v-model="form.name"></el-input>
            <el-form-item label="标题：" prop="title">
              <el-input v-model="form.title"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="占据列数：" prop="span" tip="总列数为24">
              <avue-input-number v-model="form.span" precision="0" style="width: 100%" :max="24" :min="1" controls-position="" tip="总列数为24，如占满整行请输入24"></avue-input-number>
            </el-form-item>
          </el-col>
          <el-col :span="24">
@@ -91,13 +93,16 @@
        calcHeight: -60,
        column: [
          {
            label: '名称',
            label: '组件',
            prop: 'id',
            sortable: true,
          },
          {
            label: '图标',
            prop: 'icon'
            label: '标题',
            prop: 'title',
          },
          {
            label: '占据列数',
            prop: 'span'
          },
          {
            label: '标签',
@@ -118,18 +123,22 @@
      },
      rules: {
        id: [
          {required: true, message: '请输入名称', trigger: 'blur'},
          {required: true, message: '请选择组件', trigger: 'blur'},
        ],
        span:[
          {required: true, message: '请输入占据列数', trigger: 'blur'},
        ]
      },
      dic:[{
        label:'待办流程任务',
        value:'UndoTaskPortlet'
      },{
        label:'选项2',
        value:1
      }],
      visible: false,
      selectList: [],
      lastIndex: null,
      page: {
        currentPage: 1,
        pageSize: 15,
        total: 0,
        pageSizes: [15, 30, 50, 100],
      },
      lastIndex: null
    }
  },
  created() {
@@ -137,13 +146,10 @@
  },
  methods: {
    getList() {
      gridStatus(this.page.currentPage, this.page.pageSize).then(res => {
      gridStatus().then(res => {
        const data = res.data.data;
        this.data = data;
        this.page.total = res.data.total;
        this.loading = false;
      }).catch(err => {
        this.$message.error(err);
      });
    },

@@ -157,23 +163,11 @@
      this.selectList = row;
    },

    //  条数
    sizeChange(val) {
      this.page.pageSize = val;
      this.getList();
    },

    // 页码
    currentChange(val) {
      this.page.currentPage = val;
      this.getList();
    },

    // 行单选
    rowClickHandler(row) {
      func.rowClickHandler(
        row,
        this.$refs.useCrud,
        this.$refs.crud,
        this.lastIndex,
        (newIndex) => {
          this.lastIndex = newIndex;