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

@@ -38,6 +38,11 @@
      <el-form ref="form" :model="form" :rules="rules" label-width="95px" size="small">
        <el-row>
          <el-col :span="24">
            <el-form-item label="排序：" prop="orderNum">
              <avue-input-number v-model="form.orderNum" precision="0" style="width: 100%" :max="24" :min="1" controls-position=""></avue-input-number>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="组件：" prop="id">
              <avue-select v-model="form.id" placeholder="请选择组件" type="tree" :dic="dic"></avue-select>
            </el-form-item>
@@ -48,19 +53,19 @@
            </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">
            <el-form-item label="图标：" prop="icon">
              <input-icon v-model="form.icon" placeholder="请选择图标">
              </input-icon>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="描述：" prop="description">
              <el-input v-model="form.description" :rows="2" type="textarea"></el-input>
            <el-form-item label="占据列数：" prop="span" tip="总列数为24">
              <avue-input-number v-model="form.span" precision="0" style="width: 100%" :max="24" :min="2" controls-position="" labelTip="总列数为24，如占满整行请输入24"></avue-input-number>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="高度占比：" prop="height">
              <avue-input-number v-model="form.height" style="width: 100%" :min="0" :max="1" controls-position=""></avue-input-number>
            </el-form-item>
          </el-col>
        </el-row>
@@ -74,7 +79,6 @@
</template>

<script>
import iconList from "@/config/iconList";
import basicOption from "@/util/basic-option";
import {addSave, deleteStatus, editSave,  gridStatus} from "@/api/modeling/statusPool/api";
import func from "@/util/func";
@@ -83,7 +87,6 @@
  name: "homeConfig",
  data() {
    return {
      iconList: iconList,
      loading: false,
      data: [],
      option: {
@@ -94,6 +97,10 @@
        calcHeight: -60,
        column: [
          {
            label: '排序',
            prop: 'orderNum',
          },
          {
            label: '组件',
            prop: 'id',
          },
@@ -102,25 +109,27 @@
            prop: 'title',
          },
          {
            label: '图标',
            prop: 'icon',
          },
          {
            label: '占据列数',
            prop: 'span'
          },
          {
            label: '标签',
            prop: 'name',
            sortable: true,
          },
          {
            label: '描述',
            prop: 'description',
            label: '高度占比',
            prop: 'height',
          },
        ]
      },
      dialogTitle: '',
      form: {
        orderNum:1,
        id: "",
        name: "",
        description: ""
        title: "",
        span:24,
        icon: "",
        height:1
      },
      rules: {
        id: [
@@ -128,14 +137,20 @@
        ],
        span:[
          {required: true, message: '请输入占据列数', trigger: 'blur'},
        ],
        height:[
          {required: true, message: '请输入高度占比', trigger: 'blur'},
        ]
      },
      dic:[{
        label:'待办流程任务',
        value:'UndoTaskPortlet'
      },{
        label:'选项2',
        value:1
        label:'待办事项',
        value:'taskPortlet'
      },{
        label:'test',
        value:'test'
      }],
      visible: false,
      selectList: [],
@@ -182,6 +197,7 @@
    // 创建按钮
    addClickHandler() {
      this.visible = true;
      this.form.orderNum=this.data.length;
      this.dialogTitle = 'add';
    },

@@ -244,10 +260,12 @@
    // 关闭对话框
    visibleCloseHandler() {
      const form = {
        orderNum:1,
        id: "",
        name: "",
        imagePath: "",
        description: ""
        title: "",
        span:24,
        icon: "",
        height:1
      }
      this.form = form;
      this.visible = false;