1

src/components/enterprise/material/appletmaterial.vue

+<template>
+    <div class="appletmaterial" style="padding: 0;margin: 0;">
+
+        <div class="page-content">
+            <div>
+                <q-btn color="accent" style="float:right;" size="sm" class="q-mr-md" icon="add" label="添加小程序"
+                    @click="goadd()"></q-btn>
+            </div>
+            <div style="width: 100%;display: flex;align-items: center;flex-wrap: wrap;padding: 10px 20px;"  v-if="dataList.length>0">
+                <q-card class="imgcard" v-for="(x,y) in dataList" :key='y'
+                    :style="{border:x.check==true?'2px solid #91d5ff':'2px solid #FFF'}"
+                    @click="dataList[y].check = !dataList[y].check,$forceUpdate();">
+                    <q-card-section>
+                        <div
+                            style="display:flex;align-items: center;justify-content: space-between;margin-bottom: 5px;">
+                            <span>{{x.UpdateTime}}</span>
+                            <!-- <q-btn class="q-mr-md" label="编辑" size="xs" color="accent" style="margin-right: 0;" @click.stop="goedit(x)" /> -->
+                            <i class="el-icon-edit-outline" style="font-size: 20px;color: #1890ff;"
+                                @click.stop="goedit(x)"></i>
+                        </div>
+                        <q-img :src="x.AppletModel && x.AppletModel.ImagePath?x.AppletModel.ImagePath:''" class="imgstyle">
+                            <div class="absolute-bottom text-subtitle1 text-center onetext"
+                                style="padding: 0;padding: 0 5px;font-size: 12px;">
+                                {{x.AppletModel&& x.AppletModel.Title?x.AppletModel.Title:''}}
+                            </div>
+                        </q-img>
+                        <div class="onetext" style="margin-top: 5px;">上传者:{{x.UpdateByName}}</div>
+                        <div class="onetext" style="margin-top: 5px;">分钟:{{x.MediumGroupName}}</div>
+                    </q-card-section>
+                </q-card>
+                <div style="width: 100%;height: 50px;line-height: 50px;text-align: center;" v-if="dataList.length==0">暂无数据</div>
+
+            </div>
+            <div style="width: 100%;height: 50px;line-height: 50px;text-align: center;" v-if="dataList.length==0">暂无数据</div>
+
+        </div>
+        <div v-if="Isadd==true">
+            <alladdsc :allclassifyList="allclassifyList" type='6' @editsuccess="getchildren" :editobj='editobj'   @getcancel='Isadd=false'></alladdsc>
+        </div>
+
+    </div>
+</template>
+
+<script>
+    import alladdsc from './allAddSC'
+    export default {
+        name: "appletmaterial",
+        components: {
+            alladdsc,
+        },
+        props: {
+            dataList: {
+                type: Array,
+                default: [],
+            },
+            allclassifyList:{
+                type: Array,
+                default: [],
+            }
+        },
+        data() {
+            return {
+                loading: false,
+                Isadd: false,
+                editobj:null
+            }
+        },
+        created() {
+        },
+        methods: {
+            
+            goadd() {
+                this.Isadd = true;
+                this.editobj=null
+            },
+            goedit(row){
+                this.editobj= {}
+                this.editobj.Id = row.Id;
+                this.editobj.MediaGroupId = row.MediaGroupId;
+                this.editobj.Type = row.Type;
+                this.editobj.AppletModel = JSON.parse(JSON.stringify(row.AppletModel)) ;
+                this.Isadd = true
+            },
+            getchildren(){
+                this.$emit('editsuccess')
+                this.Isadd = false
+            },
+
+        }
+    }
+
+</script>
+
+<style>
+    .appletmaterial .Sysuser_Date .el-input--prefix .el-input__inner {
+        background-color: red;
+        border: 0;
+    }
+
+    .appletmaterial .state-item {
+        padding: 2px 5px;
+        border-radius: 3px;
+        text-align: center;
+        font-size: 10px;
+    }
+
+    .appletmaterial .frIdlist {
+        padding: 3px 10px;
+        border-radius: 3px;
+        background: #EEEEEF;
+        align-items: center;
+        justify-content: center;
+        margin-right: 5px;
+        margin-bottom: 5px;
+        cursor: pointer;
+    }
+
+    .class-popover .q-pr-lg {
+        padding-right: 0;
+        margin-top: 20px;
+    }
+
+    .appletmaterial .el-date-editor.el-input {
+        width: 100%;
+    }
+
+    .appletmaterial .el-date-editor.el-input input {
+        background-color: transparent !important;
+    }
+
+    .appletmaterial .el-range-editor .el-range-input {
+        background: none;
+    }
+
+    .Sysuser_Date .el-input__inner {
+        background: transparent !important;
+        border: 0 !important;
+    }
+
+    .appletmaterial .el-drawer.rtl {
+        overflow: inherit;
+    }
+
+    .appletmaterial .imgcard {
+        width: 240px;
+        margin: 0 15px 15px 0
+    }
+
+    .appletmaterial .imgstyle {
+        width: 100%;
+        height: 120px;
+        border-radius: 0;
+    }
+
+    .appletmaterial .onetext {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        width: 208px;
+    }
+</style>
\ No newline at end of file

src/pages/enterprise/materialManage.vue

@@ -41,7 +41,7 @@
                  <appletmaterial :dataList='dataList' :allclassifyList='allclassifyList' @editsuccess="getchildren"></appletmaterial>
             </div>
             <div v-if="tabCheck=='7'">
-                 <filematerial></filematerial>
+                 <filematerial :dataList='dataList' :allclassifyList='allclassifyList' @editsuccess="getchildren"></filematerial>
             </div>
         </div>
         <!-- <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="PageCount" :input="true" @input="changePage" /> -->