素材库

packages/wxwork/Announce/AppAnnounce/components/Add.vue

@@ -131,6 +131,10 @@
                         </div>
                       </div>
                     </el-popover>
+                    <div class="add-material add-item" @click="$refs.ChooseMaterial.open()">
+                      <img src="https://cdn.cunwuyun.cn/dvcp/announce/add.png"/>
+                      <span style="color: #2266FF; font-size: 12px;">从素材库选择</span>
+                    </div>
                   </div>
                   <div class="tips">
                     <em>从本地上传，图片最大支持10MB，支持JPG,PNG格式；视频最大支持10MB，支持MP4格式；文件最大支持20MB</em>
@@ -277,6 +281,7 @@
             <el-button @click="onDateForm" type="primary" :loading="isLoading2" style="width: 92px;">确认</el-button>
           </div>
         </ai-dialog>
+        <ChooseMaterial ref="ChooseMaterial" :instance="instance"></ChooseMaterial>
       </div>
     </template>
     <template #footer>
@@ -289,7 +294,8 @@
 
 <script>
 import Phone from './Phone'
-import {mapActions, mapState} from 'vuex'
+import ChooseMaterial from '../../../AppMaterialLibrary/components/ChooseMaterial.vue'
+import { mapActions, mapState } from 'vuex'
 
 export default {
   name: 'Add',
@@ -301,13 +307,15 @@ export default {
   },
 
   components: {
-    Phone
+    Phone,
+    ChooseMaterial
   },
 
   data() {
     return {
       info: {},
       department: [],
+      isShowChoose: false,
       isLoading1: false,
       isLoading2: false,
       fileList: [],
@@ -747,6 +755,7 @@ export default {
 
   .add {
     display: flex;
+    position: relative;
     flex-direction: column;
     padding: 14px 16px;
     background: #F9F9F9;
@@ -754,6 +763,13 @@ export default {
     border: 1px solid #D0D4DC;
     border-top: none;
 
+    .add-material {
+      position: absolute;
+      bottom: 14px;
+      left: 16px;
+      transform: translateX(120%);
+    }
+
     .add-item {
       display: flex;
       align-items: center;