update: less组件替换scss

src/components/404/404.vue

@@ -28,6 +28,6 @@ export default class Error404 extends Vue {
 }
 </script>
 
-<style lang='less'>
-@import './404.less';
+<style lang='scss'>
+@import './404.scss';
 </style>
\ No newline at end of file

src/components/500/500.vue

@@ -28,6 +28,6 @@ export default class Error404 extends Vue {
 }
 </script>
 
-<style lang='less'>
-@import './500.less';
+<style lang='scss'>
+@import './500.scss';
 </style>
\ No newline at end of file

src/components/action-timeline/action-timeline.vue

@@ -163,6 +163,6 @@ export default class ActionTimeline extends Vue {
 }
 </script>
 
-<style lang='less'>
-@import './action-timeline.less';
+<style lang='scss'>
+@import './action-timeline.scss';
 </style>
\ No newline at end of file

src/components/app-actionbar/app-actionbar.vue

@@ -150,6 +150,6 @@ export default class AppActionBar extends Vue {
 }
 </script>
 
-<style lang='less'>
-@import "./app-actionbar.less";
+<style lang='scss'>
+@import "./app-actionbar.scss";
 </style>
\ No newline at end of file

src/components/app-address-selection/app-address-selection.vue

@@ -93,6 +93,6 @@ export default class AppAddressSelection extends Vue {
 }
 </script>
 
-<style lang='less'>
-@import './app-address-selection.less';
+<style lang='scss'>
+@import './app-address-selection.scss';
 </style>
\ No newline at end of file

src/components/app-alert-group/app-alert-group.vue

@@ -112,7 +112,7 @@ export default class AppAlertGroup extends Vue {
 }
 </script>
 
-<style lang="less">
+<style lang="scss">
 .view-body-messages {
     margin-bottom: 6px;
 }

src/components/app-alert/app-alert.vue

@@ -230,6 +230,6 @@ export default class AppAlert extends Vue {
 }
 </script>
 
-<style lang="less">
-@import './app-alert.less';
+<style lang="scss">
+@import './app-alert.scss';
 </style>
\ No newline at end of file

src/components/app-autocomplete/app-autocomplete.vue

@@ -319,6 +319,6 @@ export default class AppAutocomplete extends Vue {
 }
 </script>
 
-<style lang='less'>
-@import './app-autocomplete.less';
+<style lang='scss'>
+@import './app-autocomplete.scss';
 </style>
\ No newline at end of file

src/components/app-breadcrumb/app-breadcrumb.vue

@@ -216,6 +216,6 @@ export default class Breadcrumb extends Vue {
 }
 </script>
 
-<style lang='less'>
-@import "./app-breadcrumb.less";
+<style lang='scss'>
+@import "./app-breadcrumb.scss";
 </style>
\ No newline at end of file

src/components/app-build/app-build.vue

@@ -55,6 +55,6 @@ export default class AppBuild extends Vue {
 }
 </script>
 
-<style lang="less">
-@import './app-build.less';
+<style lang="scss">
+@import './app-build.scss';
 </style>
\ No newline at end of file

src/components/app-calendar-itemlayoutpanel/app-calendar-itemlayoutpanel.scss

+.app-calendar-itemlayoutpanel{
+    display: flex;
+    .item-icon{
+        width: 40px;
+        height: 40px;
+        margin-right: 10px;
+        img{
+            width: 100%;
+            height: 100%;
+            border-radius: 50%;
+        }
+    }
+    .item-text{
+        .title{
+            font-size: 18px;
+            font-weight: bold;
+        }
+        .srfdescription{
+            margin-top: 14px;
+            margin-bottom: 14px;
+        }
+        .date{
+            .start{
+                margin:0 6px;
+            }
+            .end{
+                margin:0 6px; 
+            }
+        }
+    }
+}

src/components/app-calendar-itemlayoutpanel/app-calendar-itemlayoutpanel.vue

+<template>
+    <div class="app-calendar-itemlayoutpanel">
+        <div class="item-icon">            
+        </div>   
+        <div class="item-text">
+            <div class="title">{{inputData.title}}</div>
+            <div class="srfdescription">{{inputData.srfdescription}}</div>
+            <div class="date">
+                {{ $t('userCustom.AppCalendarItemlayoutpanel.from') }}
+                <span class="start">{{inputData.start}}</span>
+                {{$t('userCustom.AppCalendarItemlayoutpanel.to')}}
+                <span class="end">{{inputData.end}}</span>
+            </div>
+        </div>
+        
+    </div>
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop, Model, Watch } from 'vue-property-decorator';
+import { Subject,Subscription } from 'rxjs';
+@Component({
+})
+export default class AppCalendarItemlayoutpanel extends Vue {
+
+    /**
+     * 面板数据对象
+     *
+     * @type {*}
+     * @memberof AppCalendarItemlayoutpanel
+     */
+    @Prop() public inputData?: any;
+}
+</script>
+
+<style lang="scss">
+@import './app-calendar-itemlayoutpanel.scss';
+</style>
\ No newline at end of file

src/components/app-checkbox-list/app-checkbox-list.vue

@@ -284,6 +284,6 @@ export default class AppCheckBox extends Vue {
 }
 </script>
 
-<style lang='less'>
-@import './app-checkbox-list.less';
+<style lang='scss'>
+@import './app-checkbox-list.scss';
 </style>
\ No newline at end of file

src/components/app-checkbox/app-checkbox.vue

@@ -50,6 +50,6 @@ export default class AppCheckbox extends Vue {
 }
 </script>
 
-<style lang='less'>
-@import "./app-checkbox.less";
+<style lang='scss'>
+@import "./app-checkbox.scss";
 </style>
\ No newline at end of file

src/components/app-color-picker/app-color-picker.vue

@@ -179,6 +179,6 @@ export default class AppColorPicker extends Vue {
 }
 </script>
 
-<style lang="less">
-@import './app-color-picker.less';
+<style lang="scss">
+@import './app-color-picker.scss';
 </style>

src/components/app-color-span/app-color-span.vue

@@ -152,7 +152,7 @@ export default class AppColorSpan extends Vue {
 }
 </script>
 
-<style lang="less">
+<style lang="scss">
     .text-color{
         padding: 2px 8px;
         margin: 6px 6px 6px 0px;

src/components/app-column-format/app-column-format.vue

@@ -53,6 +53,6 @@ export default class AppColumnFormat extends Vue {
 }
 </script>
 
-<style lang='less'>
-@import "./app-column-format.less";
+<style lang='scss'>
+@import "./app-column-format.scss";
 </style>
\ No newline at end of file

src/components/app-column-link/app-column-link.vue

@@ -314,6 +314,6 @@ export default class AppColumnLink extends Vue {
 }
 </script>
 
-<style lang='less'>
-@import './app-column-link.less';
+<style lang='scss'>
+@import './app-column-link.scss';
 </style>
\ No newline at end of file

src/components/app-column-render/app-column-render.vue

@@ -148,6 +148,6 @@ export default class AppColumnRender extends Vue {
 }
 </script>
 
-<style lang='less'>
-@import "./app-column-render.less";
+<style lang='scss'>
+@import "./app-column-render.scss";
 </style>
\ No newline at end of file

src/components/app-dashboard-design/app-dashboard-design.vue

@@ -457,6 +457,6 @@ export default class AppDashboardDesign extends Vue {
 }
 </script>
 
-<style lang="less">
-@import "./app-dashboard-design.less";
+<style lang="scss">
+@import "./app-dashboard-design.scss";
 </style>
\ No newline at end of file

src/components/app-data-card/app-data-card.scss

+.app-data-card{
+    padding: 10px;
+    .data-item{
+        display: flex;
+        margin-bottom: 16px;
+        .item-text{
+            .srfmajortext{
+                font-size: 18px;
+                font-weight: bold;
+            }
+            .srfdescription{
+                display: -webkit-box;
+                -webkit-box-orient: vertical;
+                -webkit-line-clamp: 1;
+                overflow: hidden;
+            }
+        }
+        .item-icon{
+            width: 50px;
+            height: 50px;
+            margin-right: 10px;
+            .single-card-img{
+                border-radius: 50%;
+                width: 100%;
+                height: 100%;
+            }
+        }
+    }
+    .data-view-item-action{
+        width: 100%;
+        display: flex;
+        justify-content: space-around;
+        border-top: 1px solid #e2e2e2;
+        padding-top: 10px;
+        button{
+            width: 50%;
+            font-size: 15px;
+            border: none;
+            background-color: transparent;
+            border: none;
+        }
+    }  
+}
\ No newline at end of file

src/components/app-data-card/app-data-card.vue

+<template>
+    <div class="app-data-card">
+        <div class="data-item">
+            <div class="item-icon">
+                <img v-if="inputData.srficonpath" :src="inputData.srficonpath" class="single-card-img" />
+            <img v-else src="/assets/img/noimage.png" class="single-card-img" />
+            </div>   
+            <div class="item-text">
+                <div class="srfmajortext">{{inputData.srfmajortext}}</div>
+                <div class="srfdescription" :title="inputData.srfdescription">{{inputData.srfdescription}}</div>
+            </div>
+        </div>      
+        <div class="data-view-item-action" v-if="actionModel">
+            <template v-for="(action,index) in Object.keys(actionModel)">
+                <button type="info" :key="index" @click="uiAction(inputData, action, $event)">
+                    <i :class="actionModel[action].icon" style="margin-right:2px;"></i>
+                    <span>{{actionModel[action].caption}}</span>
+                </button>
+            </template>
+        </div>
+    </div>
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop, Model, Watch } from 'vue-property-decorator';
+import { Subject,Subscription } from 'rxjs';
+@Component({
+})
+export default class AppDataCard extends Vue {
+    /**
+     * 面板数据对象
+     *
+     * @type {*}
+     * @memberof AppDataCard
+     */
+    @Prop() public inputData?: any;
+
+     /**
+     * 操作栏模型
+     * 
+     * @type {*}
+     * @memberof AppDataCard
+     */
+    @Prop() public actionModel:any;
+
+    /**
+     * 操作列界面行为
+     *
+     * @param {*} data
+     * @param {*} tag
+     * @param {*} $event
+     * @memberof AppDataCard
+     */
+	public uiAction(data: any, tag: any, $event: any) {
+        this.$emit('uiAction',data, tag, $event)
+    }
+}
+</script>
+<style lang="scss">
+    @import './app-data-card.scss';
+</style>
\ No newline at end of file

src/components/app-data-upload/app-data-upload.less → src/components/app-data-upload/app-data-upload.scss

-// 导入视图样式
-.app-data-upload-view{
-  font-family: "Microsoft YaHei";
-  display: flex;
-  flex-direction: column;
-  .main-content{
-    height: calc(100% - 68px);
-    background: #FAFAFB;
-    border-radius: 4px;
-    border: 1px dashed #D7D7D7;
-    margin-top: 10px;
-    // 上传文件区域
-    .upload-container{
-      cursor: pointer;
-      height: 100%;
-      width: 100%;
-      text-align: center; 
-      padding-top: 58px;
-      .icon-import{
-        display: block;
-        margin: 0 auto 17px;
-      }
-      .select-file-text{
-        height: 17px;
-        font-size: 12px;
-        color: #565656;
-        line-height: 17px;
-      }
-    }
-    // 信息展示容器
-    .data-info-container{
-      padding: 8px 10px 6px;
-      height: 100%;
-      width: 100%;
-      // 进度条
-      .progress{
-        margin-bottom: 6px ;
-        .el-progress-bar__outer{
-          background-color: #FFFFFF;
-        }
-        .el-progress-bar__inner{
-          background-color: #D7E9FF;
-        }
-      }
-      .message-container{
-        height: calc(100% - 26px);
-        display: flex;
-        justify-content: space-between;
-        ul li{
-          list-style-type: none;
-          padding-left: 20px;
-        }
-        .result-list{
-          height: 100%;
-          width: 100%;
-          overflow: auto;
-        }
-        //成功信息区
-        .result-list{
-          ul .success-item{
-            background: url("~@/assets/img/icon-success.svg") no-repeat 5px 5px;
-            background-size: 10px 10px;
-          }
-        }
-        //错误信息区
-        .result-list{
-          ul .error-item{
-            background: url("~@/assets/img/icon-error.svg") no-repeat 5px 5px;
-            background-size: 10px 10px;
-          }
-        }
-
-      }
-    }
-  }
-  // 下载模板区
-  .second-content{
-    padding: 16px 12px 0;
-    margin-bottom: 30px;
-    .import-template-message{
-      font-size: 12px;
-      height: 17px;
-      color: #565656;
-      line-height: 17px;
-    }
-    .import-template{
-      .icon-link{
-        width: 12px;
-        margin-bottom: -1px;
-        margin-right: 3px;
-      }
-      height: 17px;
-      font-size: 12px;
-      color: #57A3FD;
-      line-height: 17px;
-    }
-  }
-  // 底部按钮
-  .button-container{
-    text-align: right;
-    margin: 15px;
-    height: 28px;
-    .el-button{
-      margin: 0 0 0 8px;
-      padding: 3px 15px;
-      font-size: 12px;
-      line-height: 20px;
-    }
-    .primary-button{
-      color: #FFFFFF;
-      background-color: #57A3FD;
-      border-color: #57A3FD;
-      &:hover{
-        background: #66b1ff;
-        border-color: #66b1ff;
-      }
-      &:disabled{
-        color: var(--button-font-color-light);
-        border-color: var(--button-font-color-light);
-        background-color: var(--button-background-color-light);
-      }
-    }
-  }
-}
-
-//模态样式
-.view-default.app-data-upload-modal{
-  .app-data-upload-view{
-    width: 100%;
-    height: 100%;
-    padding: 0 20px 24px 20px;
-  }
-  .ivu-modal-content .ivu-modal-body{
-    height: calc(100% - 58px);
-  }
-  // 模态标题
-  .ivu-modal-header{
-    padding: 16px;
-    border: 0;
-    .ivu-modal-header-inner{
-      color: #333333;
-      font-weight: 600;
-      height: 24px;
-      line-height: 24px;
-    }
-  }
-  // 关闭图标
-  .ivu-modal-close .ivu-icon-ios-close{
-    color: #999999;
-    font-weight: 600;
-  }
+// 导入视图样式
+.app-data-upload-view{
+  font-family: "Microsoft YaHei";
+  display: flex;
+  flex-direction: column;
+  .main-content{
+    height: calc(100% - 68px);
+    background: #FAFAFB;
+    border-radius: 4px;
+    border: 1px dashed #D7D7D7;
+    margin-top: 10px;
+    // 上传文件区域
+    .upload-container{
+      cursor: pointer;
+      height: 100%;
+      width: 100%;
+      text-align: center; 
+      padding-top: 58px;
+      .icon-import{
+        display: block;
+        margin: 0 auto 17px;
+      }
+      .select-file-text{
+        height: 17px;
+        font-size: 12px;
+        color: #565656;
+        line-height: 17px;
+      }
+    }
+    // 信息展示容器
+    .data-info-container{
+      padding: 8px 10px 6px;
+      height: 100%;
+      width: 100%;
+      // 进度条
+      .progress{
+        margin-bottom: 6px ;
+        .el-progress-bar__outer{
+          background-color: #FFFFFF;
+        }
+        .el-progress-bar__inner{
+          background-color: #D7E9FF;
+        }
+      }
+      .message-container{
+        height: calc(100% - 26px);
+        display: flex;
+        justify-content: space-between;
+        ul li{
+          list-style-type: none;
+          padding-left: 20px;
+        }
+        .result-list{
+          height: 100%;
+          width: 100%;
+          overflow: auto;
+        }
+        //成功信息区
+        .result-list{
+          ul .success-item{
+            background: url("~@/assets/img/icon-success.svg") no-repeat 5px 5px;
+            background-size: 10px 10px;
+          }
+        }
+        //错误信息区
+        .result-list{
+          ul .error-item{
+            background: url("~@/assets/img/icon-error.svg") no-repeat 5px 5px;
+            background-size: 10px 10px;
+          }
+        }
+
+      }
+    }
+  }
+  // 下载模板区
+  .second-content{
+    padding: 16px 12px 0;
+    margin-bottom: 30px;
+    .import-template-message{
+      font-size: 12px;
+      height: 17px;
+      color: #565656;
+      line-height: 17px;
+    }
+    .import-template{
+      .icon-link{
+        width: 12px;
+        margin-bottom: -1px;
+        margin-right: 3px;
+      }
+      height: 17px;
+      font-size: 12px;
+      color: #57A3FD;
+      line-height: 17px;
+    }
+  }
+  // 底部按钮
+  .button-container{
+    text-align: right;
+    margin: 15px;
+    height: 28px;
+    .el-button{
+      margin: 0 0 0 8px;
+      padding: 3px 15px;
+      font-size: 12px;
+      line-height: 20px;
+    }
+    .primary-button{
+      color: #FFFFFF;
+      background-color: #57A3FD;
+      border-color: #57A3FD;
+      &:hover{
+        background: #66b1ff;
+        border-color: #66b1ff;
+      }
+      &:disabled{
+        color: var(--button-font-color-light);
+        border-color: var(--button-font-color-light);
+        background-color: var(--button-background-color-light);
+      }
+    }
+  }
+}
+
+//模态样式
+.view-default.app-data-upload-modal{
+  .app-data-upload-view{
+    width: 100%;
+    height: 100%;
+    padding: 0 20px 24px 20px;
+  }
+  .ivu-modal-content .ivu-modal-body{
+    height: calc(100% - 58px);
+  }
+  // 模态标题
+  .ivu-modal-header{
+    padding: 16px;
+    border: 0;
+    .ivu-modal-header-inner{
+      color: #333333;
+      font-weight: 600;
+      height: 24px;
+      line-height: 24px;
+    }
+  }
+  // 关闭图标
+  .ivu-modal-close .ivu-icon-ios-close{
+    color: #999999;
+    font-weight: 600;
+  }
 }
\ No newline at end of file

src/components/app-data-upload/app-data-upload.vue

@@ -607,6 +607,6 @@ export default class AppDataUploadView extends Vue {
 }
 </script>
 
-<style lang="less">
-@import "./app-data-upload.less";
+<style lang="scss">
+@import "./app-data-upload.scss";
 </style>

src/components/app-department-personnel/app-department-personnel.vue

@@ -431,6 +431,6 @@ export default class AppDepartmentPersonnel extends Vue {
 }
 
 </script>
-<style lang="less">
-@import './app-department-personnel.less';
+<style lang="scss">
+@import './app-department-personnel.scss';
 </style>
\ No newline at end of file

src/components/app-department-select/app-department-select.vue

@@ -283,6 +283,6 @@ export default class AppDepartmentSelect extends Vue {
 }
 </script>
 
-<style lang='less'>
-@import './app-department-select.less';
+<style lang='scss'>
+@import './app-department-select.scss';
 </style>
\ No newline at end of file

src/components/app-embed-picker/app-embed-picker.vue

@@ -285,6 +285,6 @@ export default class AppEmbedPicker extends Vue {
 }
 </script>
 
-<style lang='less'>
-@import './app-embed-picker.less';
+<style lang='scss'>
+@import './app-embed-picker.scss';
 </style>
\ No newline at end of file

src/components/app-export-excel/app-export-excel.vue

@@ -135,6 +135,6 @@ export default class AppExportExcel extends Vue {
 }
 </script>
 
-<style lang='less'>
-@import './app-export-excel.less';
+<style lang='scss'>
+@import './app-export-excel.scss';
 </style>

src/components/app-file-upload/app-file-upload.vue

@@ -513,6 +513,6 @@ export default class AppFileUpload extends Vue {
 }
 </script>
 
-<style lang='less'>
-@import './app-file-upload.less';
+<style lang='scss'>
+@import './app-file-upload.scss';
 </style>
\ No newline at end of file

src/components/app-form-druipart/app-form-druipart.vue

@@ -497,6 +497,6 @@ export default class AppFormDRUIPart extends Vue {
     }
 }
 </script>
-<style lang = "less">
-@import './app-form-druipart.less';
+<style lang="scss">
+@import './app-form-druipart.scss';
 </style>
\ No newline at end of file

src/components/app-form-group/app-form-group.vue

@@ -351,6 +351,6 @@ export default class AppFormGroup extends Vue {
     }
 }
 </script>
-<style lang='less'>
-@import './app-form-group.less';
+<style lang='scss'>
+@import './app-form-group.scss';
 </style>
\ No newline at end of file

src/components/app-form-group2/app-form-group2.vue

@@ -62,6 +62,6 @@ export default class AppFormGroup2 extends Vue {
 
 }
 </script>
-<style lang="less">
-@import './app-form-group2.less';
+<style lang="scss">
+@import './app-form-group2.scss';
 </style>
\ No newline at end of file

src/components/app-form-item/app-form-item.vue

@@ -288,6 +288,6 @@ export default class AppFormItem extends Vue {
 
 }
 </script>
-<style lang='less'>
-@import "./app-form-item.less";
+<style lang='scss'>
+@import "./app-form-item.scss";
 </style>
\ No newline at end of file

src/components/app-form-item2/app-form-item2.vue

@@ -211,6 +211,6 @@ export default class AppFormItem2 extends Vue {
   }
 }
 </script>
-<style lang="less">
-@import "./app-form-item2.less";
+<style lang="scss">
+@import "./app-form-item2.scss";
 </style>
\ No newline at end of file

src/components/app-form-part/app-form-part.vue

@@ -239,6 +239,6 @@ export default class AppFormPart extends Vue {
 
 }
 </script>
-<style lang = "less">
-@import './app-form-part.less';
+<style lang="scss">
+@import './app-form-part.scss';
 </style>
\ No newline at end of file

src/components/app-form/app-form.vue

@@ -28,6 +28,6 @@ export default class AppForm extends Vue {
     @Prop() public name?: string;
 }
 </script>
-<style lang = "less">
-@import './app-form.less';
+<style lang="scss">
+@import './app-form.scss';
 </style>
\ No newline at end of file

src/components/app-format-data/app-format-data.vue

@@ -91,6 +91,6 @@ export default class AppFormatData extends Vue {
 
 }
 </script>
-<style lang="less">
-@import './app-format-data.less';
+<style lang="scss">
+@import './app-format-data.scss';
 </style>
\ No newline at end of file

src/components/app-full-scren/app-full-scren.vue

 <template>
     <div class="fullscren">
-        <Icon :type="fullScren == true ? 'ios-contract' : 'ios-expand'" size="22" @click="handleScreen"/>
+        <Icon :type="fullScren == true ? 'ios-contract' : 'ios-expand'" color="#aaa" size="22" @click="handleScreen"/>
     </div>
 </template>
 <script lang = 'ts'>
@@ -82,7 +82,7 @@ export default class AppFullScren extends Vue{
 }
 
 </script>
-<style lang='less'>
+<style lang='scss'>
 .fullscren{
     cursor:pointer;
     padding: 0 5px;

src/components/app-group-picker/app-group-picker.vue

@@ -283,7 +283,7 @@ export default class AppGroupPicker extends Vue {
 }
 </script>
 
-<style lang="less">
+<style lang="scss">
 .ibiz-group-picker{
   width: 100%;
   height: 100%;

src/components/app-group-select/app-group-select.vue

@@ -327,6 +327,6 @@ export default class AppGroupSelect extends Vue {
 }
 </script>
 
-<style lang="less">
-@import './app-group-select.less';
+<style lang="scss">
+@import './app-group-select.scss';
 </style>
\ No newline at end of file

src/components/app-icon-menus/app-icon-menus.vue

@@ -74,6 +74,6 @@ export default class AppQuickMenus extends Vue {
 }
 </script>
 
-<style lang='less'>
-@import "./app-icon-menus.less";
+<style lang='scss'>
+@import "./app-icon-menus.scss";
 </style>
\ No newline at end of file

src/components/app-image-preview/app-image-preview.vue

@@ -199,6 +199,6 @@ export default class AppImagePreview extends Vue {
 
 }
 </script>
-<style lang = "less">
-@import './app-image-preview.less';
+<style lang="scss">
+@import './app-image-preview.scss';
 </style>
\ No newline at end of file

src/components/app-image-upload/app-image-upload.vue

@@ -503,6 +503,6 @@ export default class AppImageUpload extends Vue {
     }
 }
 </script>
-<style lang = "less">
-@import './app-image-upload.less';
+<style lang="scss">
+@import './app-image-upload.scss';
 </style>
\ No newline at end of file

src/components/app-input-ip/app-input-ip.vue

@@ -184,6 +184,6 @@ export default class AppInputIp extends Vue {
 }
 </script>
 
-<style lang='less'>
-@import './app-input-ip.less';
+<style lang='scss'>
+@import './app-input-ip.scss';
 </style>

src/components/app-keep-alive/app-keep-alive.vue

@@ -177,7 +177,7 @@ export default {
 }
 </script>
 
-<style lang="less">
+<style lang="scss">
 
 </style>
 

src/components/app-lang/app-lang.vue

@@ -67,6 +67,6 @@ export default class AppLang extends Vue {
 
 }
 </script>
-<style lang="less">
-@import './app-lang.less';
+<style lang="scss">
+@import './app-lang.scss';
 </style>
\ No newline at end of file

src/components/app-list-itemlayoutpanel/app-list-itemlayoutpanel.scss

+.app-list-itemlayoutpanel{
+    padding: 0 0 0 20px;
+    // margin: 10px;
+    .srfmajortext{
+        font-size: 16px;
+        cursor: pointer;
+    }
+    .srfdescription{
+        margin-bottom: 10px;
+    }
+    .el-tag{
+        margin: 10px 6px 10px 0;
+        color: #000;
+        padding: 0 16px;
+        max-height: 24px;
+        line-height: 24px;
+        background-color: rgb(250, 250, 250)
+    }
+    .srfmajortext:hover{
+        color: #40a9ff;
+    }
+    .user-information{
+        display: flex;
+        .srficon{
+            width: 28px;
+            height: 28px;
+            margin-right: 6px;
+            >img{
+                width: 100%;
+                border-radius: 50%;
+                height: 100%;
+            }
+        }
+    }
+    .app-list-item-action{
+        margin-top:6px;
+        >a{
+            margin:0 20px 0 0 !important;
+        }
+    }
+}

src/components/app-list-itemlayoutpanel/app-list-itemlayoutpanel.vue

+<template>
+    <div v-if="inputData" class="app-list-itemlayoutpanel">
+        <h4 class="srfmajortext">{{inputData.srfmajortext}}</h4>
+        <template v-for="(tagitem,index) of tagArr">
+            <el-tag v-if="tagArr" type="info" size="medium" :key="index">{{tagitem}}</el-tag>
+        </template>
+        <p class="srfdescription">{{inputData.srfdescription}}</p>
+        <div class="user-information">
+            <div class="srficon">
+                <img v-if="inputData.srficon" :src="inputData.srficon" />
+                <img v-else src="/assets/img/noimage.png" alt="">
+            </div>
+            <span class="srfdate">{{inputData.srfdate}}</span>
+        </div>
+        <div class="app-list-item-action" v-if="actionModel">
+            <template v-for="(action,index) in Object.keys(actionModel)">
+                <a :key="index" style="display: inline-block;margin: 0 12px;" @click="uiAction(inputData, action, $event)">
+                    <i :class="actionModel[action].icon" style="margin-right:2px;"></i>
+                    <span>{{actionModel[action].caption}}</span>
+                </a>
+            </template>
+        </div>
+    </div>
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop, Model, Watch } from 'vue-property-decorator';
+import { Subject,Subscription } from 'rxjs';
+@Component({
+})
+export default class AppListItemlayoutpanel extends Vue { 
+
+    /**
+     * 传递数据
+     * 
+     * @type {any}
+     * @memberof AppListItemlayoutpanel
+     */
+    @Prop() public inputData: any;
+
+    /**
+     * 操作栏模型
+     * 
+     * @type {*}
+     * @memberof AppListItemlayoutpanel
+     */
+    @Prop() public actionModel:any;
+
+    /**
+     * 处理数据
+     * 
+     * @memberof AppListItemlayoutpanel
+     */
+    public tagArr:Array<any>=[];
+
+    /**
+     * 操作列界面行为
+     *
+     * @param {*} data
+     * @param {*} tag
+     * @param {*} $event
+     * @memberof AppListItemlayoutpanel
+     */
+	public uiAction(data: any, tag: any, $event: any) {
+        this.$emit('uiAction',data, tag, $event)
+    }
+
+    /**
+     * vue生命周期
+     * 
+     * @memberof AppListItemlayoutpanel
+     */
+    public created(){
+        if(this.inputData && this.inputData.srftag){
+            this.tagArr = this.inputData.srftag.split(',');
+        }
+    }
+}
+</script>
+
+<style lang='scss'>
+@import './app-list-itemlayoutpanel.scss';
+</style>
\ No newline at end of file

src/components/app-lock-scren/app-lock-scren.vue

 <template>
     <div class="lockscren">
         <span>
-            <Icon type="md-lock" size="22" @click="handleLock"/>
+            <Icon type="md-lock" size="22" color="#aaa" @click="handleLock"/>
             <el-dialog :title="this.$t('components.lockScren.title')"
                 :visible.sync="box"
                 width="30%"
@@ -91,7 +91,7 @@ export default class AppLockScren extends Vue{
 }
 
 </script>
-<style lang='less'>
+<style lang='scss'>
 .lockscren{
     cursor:pointer;
     padding: 0 5px;

src/components/app-lock/app-lock.vue

@@ -116,6 +116,6 @@ export default class AppLockIndex extends Vue{
 }
 
 </script>
-<style lang='less'>
-@import './app-lock.less';
+<style lang='scss'>
+@import './app-lock.scss';
 </style>
\ No newline at end of file

src/components/app-map-position/app-map-position.vue

@@ -464,6 +464,6 @@ export default class AppMapPosition extends Vue  {
 }
 </script>
 
-<style lang='less'>
-@import './app-map-position.less';
+<style lang='scss'>
+@import './app-map-position.scss';
 </style>
\ No newline at end of file

src/components/app-message-popover/app-message-popover.less → src/components/app-message-popover/app-message-popover.scss

@@ -19,6 +19,7 @@
   font-size: 19px;
   padding-top: 2px;
   padding-right: 2px;
+  color: #aaa;
   cursor: pointer;
 }
 

src/components/app-message-popover/app-message-popover.vue

@@ -224,6 +224,6 @@ export default class AppMessagePopover extends Vue {
 }
 </script>
 
-<style lang='less'>
-@import "app-message-popover.less";
+<style lang='scss'>
+@import "app-message-popover.scss";
 </style>
\ No newline at end of file

src/components/app-mpicker/app-mpicker.vue

@@ -386,6 +386,6 @@ export default class AppMpicker extends Vue {
 
 }
 </script>
-<style lang="less">
-@import './app-mpicker.less';
+<style lang="scss">
+@import './app-mpicker.scss';
 </style>
\ No newline at end of file

src/components/app-org-select/app-org-select.vue

@@ -320,6 +320,6 @@ export default class AppOrgSelect extends Vue {
 }
 </script>
 
-<style lang="less">
-@import "./app-org-select.less";
+<style lang="scss">
+@import "./app-org-select.scss";
 </style>
\ No newline at end of file

src/components/app-orgsector/app-orgsector.vue

@@ -151,6 +151,6 @@ export default class AppOrgSector extends Vue {
 }
 </script>
 
-<style lang="less">
-@import "./app-orgsector.less";
+<style lang="scss">
+@import "./app-orgsector.scss";
 </style>
\ No newline at end of file

src/components/app-panel-button/app-panel-button.vue

@@ -57,6 +57,6 @@ export default class AppPanelButton extends Vue {
 
 }
 </script>
-<style lang='less'>
+<style lang='scss'>
 
 </style>
\ No newline at end of file

src/components/app-panel-field/app-panel-field.vue

@@ -201,6 +201,6 @@ export default class AppPanelField extends Vue {
   }
 }
 </script>
-<style lang='less'>
-@import "./app-panel-field.less";
+<style lang='scss'>
+@import "./app-panel-field.scss";
 </style>
\ No newline at end of file