Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/statusPool/index.vue

@@ -31,6 +31,15 @@
        <el-button icon="el-icon-delete" plain size="small" type="text" @click="delRowClickHandler(row)">删除
        </el-button>
      </template>

      <template #icon="{ row }">
          <span class="avue-icon avue-icon--small">
            <svg v-if="row.icon && row.icon.indexOf('#')==-1" aria-hidden="true">
              <use :xlink:href="row.icon"></use>
            </svg>
            <i v-else :class="row.icon"></i>
          </span>
      </template>
    </avue-crud>

    <!-- 新增 修改 -->
@@ -56,6 +65,12 @@
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="图标：" prop="icon">
              <avue-input-icon v-model="form.icon" :icon-list="iconList" placeholder="请选择图标">
              </avue-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>
@@ -70,7 +85,7 @@

    <!-- 导入 -->
    <upload-file ref="upload" :fileType="upFileType" :fileUrl="fileUrl" :tipList="tipList" title="导入"
                 @updata="getTreeList"></upload-file>
                 @updata="getList"></upload-file>

    <!-- 查看使用范围 -->
    <el-dialog
@@ -92,18 +107,19 @@
      </avue-crud>
    </el-dialog>
  </basic-container>

</template>

<script>
import {gridStatus, addSave, editSave, deleteStatus, exportStatus, listUsed} from "@/api/modeling/statusPool/api";
import func from "@/util/func";
import basicOption from "@/util/basic-option";
import iconList from "@/config/iconList";

export default {
  name: "index",
  data() {
    return {
      iconList: iconList,
      loading: false,
      data: [],
      option: {
@@ -117,6 +133,10 @@
            label: '名称',
            prop: 'id',
            sortable: true,
          },
          {
            label: '图标',
            prop: 'icon'
          },
          {
            label: '标签',
@@ -187,24 +207,21 @@
    }
  },
  created() {
    this.getTreeList();
    this.getList();
  },
  methods: {
    // 左侧树请求
    getTreeList() {
    getList() {
      gridStatus(this.page.currentPage, this.page.pageSize).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);
      });
    },

    // 表格刷新
    handleRefresh() {
      this.getTreeList();
      this.getList();
    },

    // 表格多选
@@ -215,13 +232,13 @@
    //  条数
    sizeChange(val) {
      this.page.pageSize = val;
      this.getTreeList();
      this.getList();
    },

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

    // 行单选
@@ -267,7 +284,7 @@
        deleteStatus(this.selectList).then(res => {
          if (res.data.code === 200) {
            this.$message.success(res.data.obj);
            this.getTreeList();
            this.getList();
          }
        })
      }).catch(() => {
@@ -290,7 +307,7 @@
        deleteStatus(list).then(res => {
          if (res.data.code === 200) {
            this.$message.success(res.data.obj);
            this.getTreeList();
            this.getList();
          }
        })
      }).catch(() => {
@@ -323,14 +340,12 @@
            if (res.data.code === 200) {
              this.$message.success(res.data.obj);
              this.loading = true;
              this.getTreeList();
              this.getList();
              this.visible = false;
            } else {
              this.$message.error(res.data.obj);
            }
          }).catch(error => {
            this.$message.error(error);
          });
          })
        } else {
          return false;
        }
@@ -389,7 +404,6 @@
        this.checkViewData = this.checkViewDataSearch;
        return done();
      }
      ;

      this.checkViewData = this.checkViewData.filter(item => {
        return item.name && item.name.includes(name);