| | |
| | | <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, |
| | |
| | | <!--<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> |
| | |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: "app", |
| | |
| | | .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> |
| | |
| | | </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> |
| | |
| | | } |
| | | 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); |
| | |
| | | "iconfont icon-iframe", |
| | | "iconfont icon-huanyingye", |
| | | ] |
| | | } |
| | | }, |
| | | ...fontIconList |
| | | ] |
| | |
| | | </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"> |
| | | 名称 |
| | |
| | | </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"> |
| | | 实现类 |
| | |
| | | <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"> |
| | | 描述 |
| | |
| | | <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> |
| | | |
| | | <!-- 新增 修改 --> |
| | |
| | | <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"> |
| | |
| | | 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: { |
| | |
| | | sortable: true, |
| | | }, |
| | | { |
| | | label: '图标', |
| | | prop: 'icon' |
| | | }, |
| | | { |
| | | label: '标签', |
| | | prop: 'name', |
| | | sortable: true, |