ShineKOT 发布系统代码 [后台服务，演示应用]

app_Web/src/widgets/ibizappctrl/ctrl-amount-list/ctrl-amount-list-base.vue

 <template>  
     <div :class="['app-list',this.items.length > 0 ? '' : 'app-list-empty' ]">
-        <div v-if="items.length > 0">
-            <div v-for = "item in items" :key="item.srfkey"  :class="['app-list-item', {'isSelect': item.isselected === true ? true : false}]" @click="handleClick(item)"  @dblclick="handleDblClick(item)">
-                <div class="app-list-item-content">
-                    <div class="item-icon">
-                        <template v-if="item.srficon">
-                            <img :src="item.srficon" />
-                        </template>
-                        <template v-else>
-                            <img src="/assets/img/noimage.png"/>
-                        </template>
+            <div style="display: flex;justify-content: space-between;align-items: center;height: 100%;">
+    <div style="height: 80px;width: 80px;display: flex;align-items: center;justify-content: center;">
+        <i class="el-icon-share" style="font-size: 50px;color: #36a3f7"/>
     </div>
-                    <template>
-                        <div class="item-content-text">
-                            <span class="item-text">{{item.srfmajortext}}</span>
-                            <span v-if="item.srfdescription" class="item-subtext">{{ item.srfdescription }}</span>
+    <div style="height: 80px;width: 80px;display: flex;flex-direction: column;justify-content: center;">
+        <div style="margin-bottom: 8px;color: rgba(0,0,0,.45);font-size: 18px;font-weight: 700;">
+            <span> 部件 </span>
         </div>
-                    </template>
+        <div style="color: #666;font-size: 24px;font-weight: 700;text-align: center;">
+            <span> {{ calculation() }} </span>
         </div>
-                <div v-if="item.srfdate" class="app-list-item-date">
-                    <span class="date">{{ item.srfdate }}</span>
     </div>
-                <div class="app-list-item-action">
-                    <template v-for="(action,index) in Object.keys(ActionModel)">
-                        <a :key="index" style="display: inline-block;margin: 0 12px;" @click="uiAction(item, action, $event)">
-                            <i :class="ActionModel[action].icon" style="margin-right:2px;"></i>
-                            <span>{{ActionModel[action].caption}}</span>
-                        </a>
-                    </template>
-                </div>
-            </div>
-            <template v-if="isScrollBar">
-            <div v-if="totalRecord>items.length" class="loadmore">{{ this.$t('app.commonWords.loadmore') }}</div>
-            <div v-else class="loadmore">{{ this.$t('app.commonWords.nomore') }}</div>
-            </template>
-        </div>
-        <div v-else>
-            {{ $t('entities.ibizappctrl.ctrlamount_list.nodata') }}
-        </div>
-        <el-backtop target=".content-container .app-list"></el-backtop>
+</div>
     </div>
 </template>
 <script lang='tsx'>
@@ -181,6 +155,17 @@ export default class CtrlAmountBase extends Vue implements ControlInterface {
         }
     }
 
+        public calculation(){
+        let total = 0;
+        if(this.items.length > 0 ){
+            this.items.forEach((item: any) => {
+                if(item.srfamount){
+                    total += item.srfamount;
+                }
+            })
+        }
+        return total;
+    }
 
 
     /**

app_Web/src/widgets/ibizappeditor/editor-amount-list/editor-amount-list-base.vue

 <template>  
     <div :class="['app-list',this.items.length > 0 ? '' : 'app-list-empty' ]">
-        <div v-if="items.length > 0">
-            <div v-for = "item in items" :key="item.srfkey"  :class="['app-list-item', {'isSelect': item.isselected === true ? true : false}]" @click="handleClick(item)"  @dblclick="handleDblClick(item)">
-                <div class="app-list-item-content">
-                    <div class="item-icon">
-                        <template v-if="item.srficon">
-                            <img :src="item.srficon" />
-                        </template>
-                        <template v-else>
-                            <img src="/assets/img/noimage.png"/>
-                        </template>
+            <div style="display: flex;justify-content: space-between;align-items: center;height: 100%;">
+    <div style="height: 80px;width: 80px;display: flex;align-items: center;justify-content: center;">
+        <i class="el-icon-s-operation" style="font-size: 50px;color: #34bfa3"/>
     </div>
-                    <template>
-                        <div class="item-content-text">
-                            <span class="item-text">{{item.srfmajortext}}</span>
-                            <span v-if="item.srfdescription" class="item-subtext">{{ item.srfdescription }}</span>
+    <div style="height: 80px;width: 80px;display: flex;flex-direction: column;justify-content: center;">
+        <div style="margin-bottom: 8px;color: rgba(0,0,0,.45);font-size: 18px;font-weight: 700;">
+            <span> 编辑器 </span>
         </div>
-                    </template>
+        <div style="color: #666;font-size: 24px;font-weight: 700;text-align: center;">
+            <span> {{ calculation() }} </span>
         </div>
-                <div v-if="item.srfdate" class="app-list-item-date">
-                    <span class="date">{{ item.srfdate }}</span>
     </div>
-                <div class="app-list-item-action">
-                    <template v-for="(action,index) in Object.keys(ActionModel)">
-                        <a :key="index" style="display: inline-block;margin: 0 12px;" @click="uiAction(item, action, $event)">
-                            <i :class="ActionModel[action].icon" style="margin-right:2px;"></i>
-                            <span>{{ActionModel[action].caption}}</span>
-                        </a>
-                    </template>
-                </div>
-            </div>
-            <template v-if="isScrollBar">
-            <div v-if="totalRecord>items.length" class="loadmore">{{ this.$t('app.commonWords.loadmore') }}</div>
-            <div v-else class="loadmore">{{ this.$t('app.commonWords.nomore') }}</div>
-            </template>
-        </div>
-        <div v-else>
-            {{ $t('entities.ibizappeditor.editoramount_list.nodata') }}
-        </div>
-        <el-backtop target=".content-container .app-list"></el-backtop>
+</div>
     </div>
 </template>
 <script lang='tsx'>
@@ -181,6 +155,17 @@ export default class EditorAmountBase extends Vue implements ControlInterface {
         }
     }
 
+        public calculation(){
+        let total = 0;
+        if(this.items.length > 0 ){
+            this.items.forEach((item: any) => {
+                if(item.srfamount){
+                    total += item.srfamount;
+                }
+            })
+        }
+        return total;
+    }
 
 
     /**

app_Web/src/widgets/ibizappview/view-amount-list/view-amount-list-base.vue

 <template>  
     <div :class="['app-list',this.items.length > 0 ? '' : 'app-list-empty' ]">
-        <div v-if="items.length > 0">
-            <div v-for = "item in items" :key="item.srfkey"  :class="['app-list-item', {'isSelect': item.isselected === true ? true : false}]" @click="handleClick(item)"  @dblclick="handleDblClick(item)">
-                <div class="app-list-item-content">
-                    <div class="item-icon">
-                        <template v-if="item.srficon">
-                            <img :src="item.srficon" />
-                        </template>
-                        <template v-else>
-                            <img src="/assets/img/noimage.png"/>
-                        </template>
+            <div style="display: flex;justify-content: space-between;align-items: center;height: 100%;">
+    <div style="height: 80px;width: 80px;display: flex;align-items: center;justify-content: center;">
+        <Icon type="md-analytics" size="50" color="#40c9c6"/>
     </div>
-                    <template>
-                        <div class="item-content-text">
-                            <span class="item-text">{{item.srfmajortext}}</span>
-                            <span v-if="item.srfdescription" class="item-subtext">{{ item.srfdescription }}</span>
+    <div style="height: 80px;width: 80px;display: flex;flex-direction: column;justify-content: center;">
+        <div style="margin-bottom: 8px;color: rgba(0,0,0,.45);font-size: 18px;font-weight: 700;">
+            <span> 视图 </span>
         </div>
-                    </template>
+        <div style="color: #666;font-size: 24px;font-weight: 700;text-align: center;">
+            <span> {{ calculation() }} </span>
         </div>
-                <div v-if="item.srfdate" class="app-list-item-date">
-                    <span class="date">{{ item.srfdate }}</span>
     </div>
-                <div class="app-list-item-action">
-                    <template v-for="(action,index) in Object.keys(ActionModel)">
-                        <a :key="index" style="display: inline-block;margin: 0 12px;" @click="uiAction(item, action, $event)">
-                            <i :class="ActionModel[action].icon" style="margin-right:2px;"></i>
-                            <span>{{ActionModel[action].caption}}</span>
-                        </a>
-                    </template>
-                </div>
-            </div>
-            <template v-if="isScrollBar">
-            <div v-if="totalRecord>items.length" class="loadmore">{{ this.$t('app.commonWords.loadmore') }}</div>
-            <div v-else class="loadmore">{{ this.$t('app.commonWords.nomore') }}</div>
-            </template>
-        </div>
-        <div v-else>
-            {{ $t('entities.ibizappview.viewamount_list.nodata') }}
-        </div>
-        <el-backtop target=".content-container .app-list"></el-backtop>
+</div>
     </div>
 </template>
 <script lang='tsx'>
@@ -181,6 +155,17 @@ export default class ViewAmountBase extends Vue implements ControlInterface {
         }
     }
 
+        public calculation(){
+        let total = 0;
+        if(this.items.length > 0 ){
+            this.items.forEach((item: any) => {
+                if(item.srfamount){
+                    total += item.srfamount;
+                }
+            })
+        }
+        return total;
+    }
 
 
     /**