zx

src/components/UploadFile/index.vue

@@ -55,7 +55,8 @@ export default defineComponent({
         // 上传成功
         handlerSuccess(response, file, fileList) {
             this.fileList = fileList || [];
-            this.$emit("change", this.fileList)
+            const data = response.data;
+            this.$emit("change", data)
         },
         // 上传失败
         handlerError() {}, 

src/views/MatManage/_matList/config.js

@@ -5,4 +5,10 @@ export function statusFormatter(row) {
         case 3: return '已终止';
         default: return '';
     }
-};
+};
+export function groupFormatter(row) {
+    switch(row.groupId) {
+        case 0: return '未分组'
+        default: return row.groupId;
+    }
+}

src/views/MatManage/_matList/index.vue

@@ -35,18 +35,23 @@
                @selection-change="handleSelect"
                :header-cell-style="{background: '#EEE'}">
                <el-table-column type="selection" width="55" />
-               <el-table-column prop="title" label="素材" width="360"></el-table-column>
+               <el-table-column prop="title" label="素材" width="240"></el-table-column>
                <el-table-column prop="tag" label="标签" width="240">
                    <template #default="scope">
-                       <el-tag style="margin-right: 8px" v-for="(item,index) in scope.row.tag" :key="index">
-                           {{item == 1?'媒体评测':item == 2?'产品宣传':'其他'}}
+                       <el-tag style="margin-right: 8px" v-for="(item,index) in scope.row.tagList" :key="index">
+                           {{item.title}}
                         </el-tag>
                    </template>
                </el-table-column>
-               <el-table-column prop="set" label="分组" :formatter="statusFormatter"></el-table-column>
-               <el-table-column prop="series" label="车型" :formatter="statusFormatter"></el-table-column>
-               <el-table-column prop="info" label="描述"></el-table-column>
-               <el-table-column prop="time" label="上传时间"></el-table-column>
+               <el-table-column prop="groupId" label="分组" :formatter="groupFormatter"></el-table-column>
+               <el-table-column prop="brandList" label="车型">
+                   <template #default="scope">
+                       <el-tag style="margin-right: 8px" v-for="(item,index) in scope.row.brandList" :key="index">
+                           {{item.name}}
+                        </el-tag>
+                   </template>
+               </el-table-column>
+               <el-table-column prop="creatAt" label="上传时间"></el-table-column>
                <el-table-column prop="action" label="操作" fixed="right" width="240">
                    <template #default="scope">
                         <el-link type="primary" @click="goEdit(scope.row.id)">编辑</el-link>
@@ -68,7 +73,7 @@
 
 <script>
 import {defineComponent, reactive, watch, getCurrentInstance} from 'vue'
-import {statusFormatter} from './config.js'
+import {groupFormatter} from './config.js'
 export default defineComponent({
     name: 'v-questList',
     setup() {
@@ -90,7 +95,7 @@ export default defineComponent({
             form,proxy,
             tableData,
             pagination,
-            statusFormatter
+            groupFormatter
         }
     },
     mounted() {
@@ -107,6 +112,7 @@ export default defineComponent({
             let obj = Object.assign({pageNum: this.pagination.current,pageSize: this.pagination.pageSize})
             this.proxy.$post("/reference/list", obj).then(res => {
                 const data = res.data
+                console.log(data.records)
                 this.tableData.data = data.records;
                 this.pagination.total = data.total
             }).catch(() => {});

src/views/MatManage/_matUpload/index.vue

@@ -5,6 +5,7 @@
                 <el-form-item label="分组" style="width: 80%">
                     <el-select v-model="form.groupId" placeholder="请选择">
                         <el-option :value="0" label="不分组"></el-option>
+                        <el-option v-for="(item) in groupData" :key="item.id" :value="item.id" :label="item.name"></el-option>
                     </el-select>
                 </el-form-item>
                 <el-form-item label="车系" style="width: 80%">
@@ -31,7 +32,7 @@
                     </el-checkbox-group>
                 </el-form-item>
                 <el-form-item label="素材描述" style="width: 80%">
-                    <el-input type="textarea" v-model="form.description" />
+                    <el-input type="textarea" v-model="form.title" />
                 </el-form-item>
                 <el-form-item label="素材内容" style="width: 100%">
                     <uploadFile @change="handlerUpload" :config="{ limit: 1, accept: '.jpg, .jpeg, .png, .gif'}">
@@ -57,15 +58,19 @@ export default defineComponent({
         const form = reactive({
             groupId: 0,
             title: '',
+            type: undefined,
             tagList: [],
             brandList: [],
+            coverUrl: '',
+            fileUrl: '',
         });
         const tagData = ref([]);
         const brandData = ref([]);
+        const groupData = ref([]);
         const { proxy } = getCurrentInstance();
         return {
             form,proxy,
-            tagData,brandData,
+            tagData,brandData,groupData,
             activeId
         }
     },
@@ -80,13 +85,19 @@ export default defineComponent({
             this.proxy.$post("/brand/list", {}).then(res => {
                 this.brandData = res.data.records;
             }).catch(() => {});
+            this.proxy.$post("/referenceGroup/list", {}).then(res => {
+                this.groupData = res.data.records;
+            }).catch(() => {});
         },
         confirm() {
-            this.$router.go(-1);
+            this.proxy.$post("/reference/add", this.form).then(res => {
+                this.$message.success(res.data)
+                this.$router.go(-1);
+            }).catch(() => {});
         },
         //素材上传
         handlerUpload(data) {
-            console.log(data)
+            this.form.fileUrl = data.fileUrl
         }
     }
 })

src/views/MatManage/_setManage/index.vue

@@ -15,7 +15,7 @@
                    </el-form-item>
                </el-form>
                <template #reference>
-                   <el-button size="default" type="primary" @click="visible = true">添加分组</el-button>
+                   <el-button size="default" type="primary" @click="visible = true;setForm.name=''">添加分组</el-button>
                </template>
            </el-popover>
        </div>
@@ -46,6 +46,13 @@
                 :total="pagination.total"
             />
        </div>
+       <el-dialog v-model="editVisible" width="30%" title="重命名">
+           <el-input v-model="setForm.name" placeholder="请输入分组名"></el-input>
+           <template #footer>
+               <el-button @click="editVisible = false;setForm=''">取消</el-button>
+               <el-button @click="editConfirm" type="primary">确定</el-button>
+           </template>
+       </el-dialog>
     </div>
 </template>
 
@@ -73,12 +80,14 @@ export default defineComponent({
             name: ''
         })
         const visible = ref(false);
+        const editVisible = ref(false);
+        const activeId = ref(false);
         return {
             form,setForm,proxy,
             tableData,
             pagination,
             statusFormatter,
-            visible
+            visible,editVisible,activeId
         }
     },
     mounted() {
@@ -103,7 +112,16 @@ export default defineComponent({
 
         },
         handlerEdit(value) {
-
+            this.activeId = value
+            this.editVisible = true;
+        },
+        editConfirm() {
+            let obj = Object.assign(this.setForm, {id: this.activeId})
+            this.proxy.$post("/referencegroup/upd", obj).then(res => {
+                this.getData();
+                this.editVisible = false;
+                this.$message.success(res.data)
+            }).catch(() => {});
         },
         //添加确认
         addConfirm() {