wangting
2024-11-20 fc64b1e30e931f66ca570066df4725090224db1e
业务类型、状态池添加图标
已修改7个文件
93 ■■■■■ 文件已修改
Source/plt-web/plt-web-ui/public/index.html 29 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
Source/plt-web/plt-web-ui/src/App.vue 4 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
Source/plt-web/plt-web-ui/src/components/dynamic-components/dynamic-table.vue 7 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
Source/plt-web/plt-web-ui/src/components/dynamic-components/dynamic-tree.vue 9 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
Source/plt-web/plt-web-ui/src/config/iconList.js 3 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/businessType/index.vue 20 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/statusPool/index.vue 21 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
Source/plt-web/plt-web-ui/public/index.html
@@ -22,6 +22,12 @@
  <script src="<%= BASE_URL %>cdn/xlsx/FileSaver.min.js"></script>
  <script src="<%= BASE_URL %>cdn/xlsx/xlsx.full.min.js"></script>
  <link href="<%= BASE_URL %>favicon.png" rel="icon">
  <!-- icon 导入需要的包 (一定要放到index.html中的head标签里) -->
  <!-- 引入阿里巴巴的图表库iconfont和svg图标后,直接使用图标名即可,记得加前缀 -->
  <link rel="stylesheet" href="https://at.alicdn.com/t/font_567566_pwc3oottzol.css">
  <script src="//at.alicdn.com/t/font_2621503_zcbiqy2g1i.js"></script>
  <title>PLTWEB平台</title>
  <style>
    html,
@@ -114,6 +120,29 @@
<!--<script charset="utf-8" src="<%= BASE_URL %>cdn/avue/2.12.4/avue.min.js"></script>-->
<script charset="utf-8" src="<%= BASE_URL %>cdn/avue/2.13.1/avue.min.js"></script>
<script charset="utf-8" src="<%= BASE_URL %>cdn/nutflow/wf-design-base/index.umd.min.js"></script>
<script>
  //将引入的图标库添加到项目图标库中
  let fontIconList=[{
      label: '阿里图标-Symbol图标',
      list: [ {
        label: '机构',
        value: '#icon-jigou'
      },
        {
          label: '短信管理',
          value: '#icon-duanxinguanli'
        },
        {
          label: '发票管理系统',
          value: '#icon-fapiaoguanlixitong'
        },
        {
          label: '角色',
          value: '#icon-jiaose'
        }]
  }];
</script>
</body>
</html>
Source/plt-web/plt-web-ui/src/App.vue
@@ -4,7 +4,6 @@
  </div>
</template>
<script>
export default {
  name: "app",
@@ -180,4 +179,7 @@
.el-descriptions__header{
  margin-bottom: 10px;
}
.font14{font-size: 14px;width: 12px;height: 12px;display: inline-block;}
.font16{font-size: 16px;width: 14px;height: 14px;display: inline-block;}
</style>
Source/plt-web/plt-web-ui/src/components/dynamic-components/dynamic-table.vue
@@ -59,7 +59,12 @@
        </el-tooltip>
      </template>
      <template #icon="{ row }">
          <i :class="'iconfont '+row.icon"> </i>
          <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>
  </div>
Source/plt-web/plt-web-ui/src/components/dynamic-components/dynamic-tree.vue
@@ -241,13 +241,18 @@
      }
      const parentBtmName = (node.level === 0) ? '' : node.data.attributes.btmname;
      const params = this.params;
      let url='';
      if (node.level === 0) {
        params.queryRoot = true;
        if(this.paramVOS.querytemplate){
          //说明是通过按钮点击打开的,Action参数中配置有this.paramVOS.querytemplate
          url="/api/uiDataController/getDataByTemp";
        }
      } else {
        delete params.queryRoot;
      }
      getTree(parentOid, parentBtmName, params).then(res => {
        resolve(res.data.treeData)
      getTree(parentOid, parentBtmName, params,url).then(res => {
        resolve(res.data.treeData )
        this.$nextTick(()=>{
          if (this.isRefresh) {
            this.$refs.tree.setCurrentKey(this.currentClickNode.data.oid);
Source/plt-web/plt-web-ui/src/config/iconList.js
@@ -149,5 +149,6 @@
      "iconfont icon-iframe",
      "iconfont icon-huanyingye",
    ]
  }
  },
  ...fontIconList
]
Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/businessType/index.vue
@@ -35,8 +35,8 @@
        </div>
        <div style="display: flex;justify-content:left;margin-top: 15px;">
          <div class="descBox" style="width: 40%">
            <el-descriptions :column="1" border class="margin-top" size="medium" title="属性信息">
              <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
            <el-descriptions :column="2" border class="margin-top" size="medium" title="属性信息">
              <el-descriptions-item :span="12" :contentStyle="descriptionOption.contentStyle"
                                    :labelStyle="descriptionOption.labelStyle">
                <template slot="label">
                  名称
@@ -50,7 +50,19 @@
                </template>
                <el-tag v-if="nodeRow.name">{{ nodeRow.name }}</el-tag>
              </el-descriptions-item>
              <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
              <el-descriptions-item  :contentStyle="descriptionOption.contentStyle+';min-width: 100px;'"
                                    :labelStyle="descriptionOption.labelStyle">
                <template slot="label">
                  图标
                </template>
                <span class="avue-icon avue-icon--small">
                  <svg v-if="nodeRow.icon && nodeRow.icon.indexOf('#')==-1" aria-hidden="true">
                    <use :xlink:href="nodeRow.icon"></use>
                  </svg>
                  <i v-else :class="nodeRow.icon"></i>
                </span>
              </el-descriptions-item>
              <el-descriptions-item :span="12" :contentStyle="descriptionOption.contentStyle"
                                    :labelStyle="descriptionOption.labelStyle">
                <template slot="label">
                  实现类
@@ -60,7 +72,7 @@
                  <el-tag style="max-width: 100%;overflow: hidden;display: block">{{ nodeRow.implClass }}</el-tag>
                </el-tooltip>
              </el-descriptions-item>
              <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
              <el-descriptions-item :span="12" :contentStyle="descriptionOption.contentStyle"
                                    :labelStyle="descriptionOption.labelStyle">
                <template slot="label">
                  描述
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>
    <!-- 新增 修改 -->
@@ -53,6 +62,12 @@
          <el-col :span="24">
            <el-form-item label="标签:" prop="name">
              <el-input v-model="form.name"></el-input>
            </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">
@@ -99,11 +114,13 @@
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: {
@@ -119,6 +136,10 @@
            sortable: true,
          },
          {
            label: '图标',
            prop: 'icon'
          },
          {
            label: '标签',
            prop: 'name',
            sortable: true,