@epxing/business 0.0.0-stage → 5.3.0-beta.2

package/src/base/CommonSearchList.vue

@@ -0,0 +1,191 @@
+
+<script>
+// @jsx-vue3（T30 JSX 批③：scopedSlots 集群 Vue3 化）
+import EntitySubList from '@epxing/components/src/entity-sub-list'
+
+export default {
+  name: 'epx-base-common-search-list',
+  extends: EntitySubList,
+  data () {
+    return {
+      filterDrawer: false,
+      searchCommonParams: [],
+      addCommonDialod: false,
+      commonName: '',
+      commonOrder: ''
+    }
+  },
+  computed: {
+    getScopeChinese () {
+      return (value) => {
+        let scopeText = ''
+        if (value) {
+          const scope = JSON.parse(value)
+          if (scope.scopeText) {
+            scopeText = scope.scopeText
+          } else if (scope.scopeParams) {
+            const scopeParams = [...scope.scopeParams]
+            scopeParams.forEach(item => {
+              scopeText += (item.text + item.linkLabel || item.link || '')
+            })
+          }
+        }
+        return scopeText
+      }
+    }
+  },
+  methods: {
+    setSearch (config, item) {
+      if (item && item.ID) {
+        this.editFieldId = item.ID
+      }
+      if (item && item.SCOPE) {
+        const scope = JSON.parse(item.SCOPE)
+        this.searchCommonParams = scope.scopeParams || []
+      }
+      this.filterDrawer = true
+    },
+    addScopeParams (v) {
+      if (v && v.length > 0) {
+        this.searchCommonParams = v
+        if (this.editFieldId) {
+          this.saveCommon()
+        } else {
+          this.addCommonDialod = true
+        }
+      } else {
+        this.$message.error('没有设置查询条件')
+      }
+    },
+    saveCommon () {
+      if (!this.commonName && !this.editFieldId) {
+        this.$message.error('请输入名称')
+        return
+      }
+      let params = {}
+      if (this.editFieldId) {
+        params = {
+          action: 'update',
+          entityId: 'FM_SEARCH_COMMON',
+          'bean.ID': this.editFieldId,
+          'bean.SCOPE': JSON.stringify({ scopeParams: this.searchCommonParams })
+        }
+      } else {
+        params = {
+          entityId: 'FM_SEARCH_COMMON',
+          'bean.CLIENT': this.CLIENT,
+          'bean.SYSTEM': this.SYSTEM,
+          'bean.ENTITY': this.$query.id,
+          'bean.NAME': this.commonName,
+          'bean.ORDER_NUM': this.commonOrder,
+          'bean.SCOPE': JSON.stringify({ scopeParams: this.searchCommonParams })
+        }
+      }
+      this.$http.save(params)
+        .then(data => {
+          this.$message.success('保存成功')
+          this.commonName = ''
+          this.commonOrder = ''
+          this.addCommonDialod = false
+          this.searchCommonParams = []
+          this.editFieldId = null
+          this.reloadData()
+        })
+        .catch(err => {
+          this.$message.error(err.message || '处理失败')
+        })
+    },
+    renderField (field, index) {
+      return {
+        default: ({ row }) => {
+          if (field.attriName === 'SCOPE' && row.SCOPE) {
+            return (
+              <span style={{ background: '#E6F6FF', padding: '2px 4px', borderRadius: '2px' }}>
+                {this.getScopeChinese(row.SCOPE)}
+              </span>
+            )
+          } else if (field.newLine) {
+            return (
+              <el-tooltip effect="dark" content={row[field.attriName + '#'] || row[field.attriName]} placement="top">
+                <div class="table-cell" style={field.newLine ? { maxHeight: `${22 * field.lineNum + 'px'}`, whiteSpace: 'normal', display: 'block' } : ''}>
+                  <epx-entity-list-edit-field fieldConfigs={field} row={row} onClick={this.clickField.bind(this)} onChange={this.changeField.bind(this)} isEdit={this.editField.rowId === row.ID && this.editField.columnId === field.attriName} />
+                  { index === 0 && this.$configs.type === 'tree' && this.$configs.operateTreeListFlag && this.treeListOperates.length > 0 && (
+                    <el-dropdown class="tree-list-sort" v-slots={{
+                      dropdown: () => (<el-dropdown-menu>
+                        {
+                          this.treeListOperates.map(item => (
+                            <el-dropdown-item onClick={this.$handler.bind(this, item, row)}>{item.text}</el-dropdown-item>
+                          ))
+                        }
+                      </el-dropdown-menu>)
+                    }}>
+                      <span class="el-dropdown-link">
+                        <i class="el-icon-sort"></i>
+                      </span>
+
+                    </el-dropdown>
+                  ) }
+                </div>
+              </el-tooltip>
+            )
+          } else {
+            return (
+              <div class={['table-cell', { 'table-cell--detail': field.state === 'DETAIL' || field.state === 'READONLY' }]}>
+                <epx-entity-list-edit-field fieldConfigs={field} row={row} onClick={this.clickField.bind(this)} onChange={this.changeField.bind(this)} isEdit={this.editField.rowId === row.ID && this.editField.columnId === field.attriName} />
+                { index === 0 && this.$configs.type === 'tree' && this.$configs.operateTreeListFlag && this.treeListOperates.length > 0 && (
+                  <el-dropdown class="tree-list-sort" v-slots={{
+                    dropdown: () => (<el-dropdown-menu>
+                      {
+                        this.treeListOperates.map(item => (
+                          <el-dropdown-item onClick={this.$handler.bind(this, item, row)}>{item.text}</el-dropdown-item>
+                        ))
+                      }
+                    </el-dropdown-menu>)
+                  }}>
+                    <span class="el-dropdown-link">
+                      <i class="el-icon-sort"></i>
+                    </span>
+
+                  </el-dropdown>
+                ) }
+              </div>
+            )
+          }
+        }
+      }
+    },
+    renderScopeDrawer () {
+      return (
+        <epx-scope-drawer visible={this.filterDrawer} {...{ 'onUpdate:visible': v => { this.filterDrawer = v } }} ref="filterDrawer" metaId={this.$query.id} params={this.searchCommonParams} onChangeParams={v => this.addScopeParams(v)}/>
+      )
+    },
+    renderNameDialog () {
+      return (
+        <el-dialog modelValue={this.addCommonDialod} {...{ 'onUpdate:modelValue': v => { this.addCommonDialod = v } }} width="400px" title="新增常用查询" v-slots={{
+          footer: () => (<span class="dialog-footer">
+            <el-button onClick={() => { this.addCommonDialod = false }}>取 消</el-button>
+            <el-button type="primary" onClick={this.saveCommon.bind(this)}>确 定</el-button>
+          </span>)
+        }}>
+          <div class="add-form-item">
+            <label for="">名称：</label>
+            <el-input size="default" v-model={this.commonName} placeholder="请输入名称"></el-input>
+          </div>
+          <div class="add-form-item">
+            <label for="">排序号：</label>
+            <el-input size="default" v-model={this.commonOrder} placeholder="请输入排序号"></el-input>
+          </div>
+
+        </el-dialog>
+      )
+    }
+  },
+  created () {
+    this.renderComponents.unshift(this.renderScopeDrawer, this.renderNameDialog)
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/base/CompayDetail.vue

@@ -0,0 +1,199 @@
+<template>
+   <div class="client">
+    <div class="client-card">
+      <div class="client-icon">
+        <img v-if="clientInfo.logoUrl" :src="logoUrl" alt="" />
+      </div>
+      <div class="client-content">
+        <p class="client-name">{{clientInfo.name}}</p>
+        <p class="client-info">
+          <span>咨询电话 : {{clientInfo.tel}}</span>
+          <span>邮箱 : {{clientInfo.main}}</span>
+        </p>
+        <p class="client-info--border">
+          <span>已发布{{clientInfo.deployCount}}个系统</span>
+          <span>用户数：{{clientInfo.clientUsagesCount}}</span>
+        </p>
+      </div>
+    </div>
+    <div class="client-introduce">
+      <div class="client-title">简介</div>
+      <div class="client-introduce__content" v-html="clientInfo.introduce"></div>
+    </div>
+    <div class="client-config">
+      <div class="client-title">已发布产品</div>
+      <ul class="client-product__list">
+        <li class="client-product__item" v-for="item in deloyAppList" :key="item.sysId">
+          <div class="client-product__logo">
+            <img :src="item.LOGO? $util.getFileUrl(item.logo) : require('@/assets/images/app.png')" />
+          </div>
+          <div class="client-product__info">
+            <p>{{item.sysName}}</p>
+            <p>{{item.total}}家用户</p>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script>
+
+import component from '@epxing/core/src/mixins/component'
+export default {
+  name: 'epx-base-company-detail',
+  mixins: [component],
+  data () {
+    return {
+      clientInfo: {},
+      deloyAppList: []
+    }
+  },
+  computed: {
+    logoUrl () {
+      return window.location.origin + this.clientInfo.logoUrl
+    }
+  },
+  methods: {
+    getClientInfo () {
+      this.$http.get({
+        action: 'clientInfo',
+        entityId: 'FM_CLIENT',
+        id: this.$query.id
+      })
+        .then(data => {
+          this.clientInfo = data
+        })
+    },
+    getDeployAppList () {
+      this.$http.list({
+        action: 'myDeployApp',
+        entityId: 'FM_CLIENT',
+        id: this.$query.id
+      })
+        .then(data => {
+          this.deloyAppList = data
+        })
+    }
+  },
+  created () {
+    this.getClientInfo()
+    this.getDeployAppList()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.client {
+  flex: 1;
+}
+.client-card {
+  padding: 20px;
+  background: var(--epx-bg-card);
+  border-radius: var(--epx-radius-base);
+  display: flex;
+  align-items: center;
+}
+.client-icon {
+  width: 60px;
+  height: 60px;
+  background: var(--epx-bg-card);
+  border-radius: var(--epx-radius-l);
+  border: 1px solid var(--epx-border);
+  margin-right: 16px;
+  >img {
+    width: 100%;
+    height: 100%;
+    padding: 10px;
+  }
+}
+.client-content {
+  flex: 1;
+  overflow: hidden;
+}
+.client-name {
+  font-weight: bold;
+  font-size: var(--epx-font-size-l);
+  color: var(--epx-text);
+  line-height: 24px;
+}
+.client-info {
+  font-size: var(--epx-font-size-base);
+  color: #444444;
+  line-height: 22px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-top: 8px;
+  >span {
+    margin-right: 30px;
+  }
+}
+.client-info--border{
+  line-height: 1.1
+  ;
+  margin-top: 10px;
+  >span {
+    padding-left: 8px;
+    margin-right: 0;
+  }
+  >span:first-child {
+    border-right:  1px solid var(--epx-border);
+    padding-left: 0;
+    padding-right: 8px;
+  }
+}
+
+.client-title {
+  font-weight: bold;
+  font-size: 18px;
+  color: var(--epx-text);
+  line-height: 1;
+  margin-top: 30px;
+  margin-bottom: 14px;
+}
+.client-introduce__content {
+  padding: 10px;
+  background: var(--epx-bg-card);
+  border: 1px solid var(--epx-border);
+  overflow: auto;
+}
+.client-product__list {
+  display: flex;
+  flex-wrap: wrap;
+}
+.client-product__item {
+  width: calc(33.33% - 20px);
+  box-sizing: border-box;
+  margin: 10px;
+  padding: 20px;
+  display: flex;
+  align-items: center;
+  background: var(--epx-bg-card);
+  border-radius: var(--epx-radius-base);
+}
+.client-product__logo {
+  >img {
+    width: 56px;
+    height:56px;
+    margin-right: 20px;
+  }
+}
+.client-config__count {
+  font-weight: bold;
+  font-size: 24px;
+  color: var(--epx-text);
+}
+.client-product__info {
+  font-size: var(--epx-font-size-base);
+  color: #444444;
+  line-height: 22px;
+  >p:first-child {
+    font-weight: bold;
+    font-size: var(--epx-font-size-l);
+    color: var(--epx-text);
+    line-height: 24px;
+    margin-bottom: 8px;
+  }
+}
+</style>