Quellcode durchsuchen

修改cropper控件

luobo vor 4 Jahren
Ursprung
Commit
87cd17987e
2 geänderte Dateien mit 15 neuen und 10 gelöschten Zeilen
  1. 6 0
      src/components/cropper.vue
  2. 9 10
      src/views/system/album/index.vue

+ 6 - 0
src/components/cropper.vue

@@ -53,6 +53,10 @@ export default {
     fixed_number: {
       type: Array,
       default: [21, 9]
+    },
+    modName:{
+      type:String,
+      default:""
     }
   },
   data() {
@@ -109,6 +113,8 @@ export default {
       this.$refs.cropper.getCropBlob(data => {
         let formData = new FormData();
         formData.append('file', data);
+        formData.append("modName",this.modName)
+        
         uploadFile(formData).then(response => {
           if (response.code === 200) {
             this.$emit('img', response.fileName);

+ 9 - 10
src/views/system/album/index.vue

@@ -83,7 +83,7 @@
       </el-table-column>
       <el-table-column label="相簿标题名称" align="center" prop="title" />
       <el-table-column label="相簿描述" align="center" prop="contents" />
-      <el-table-column label="默认图片" align="center" prop="url" />
+      <el-table-column label="封面图片" align="center" prop="url" />
       <el-table-column label="备注" align="center" prop="remark" />
       <el-table-column label="状态" align="center" prop="status" :formatter="statusFormat" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
@@ -117,8 +117,8 @@
     <!-- 添加或修改家族相簿对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="家族" prop="familyId">
-          <el-select v-model="form.familyId" placeholder="请选择家族">
+        <el-form-item label="家族" prop="familyId" >
+          <el-select v-model="form.familyId" v-if="!familyName" placeholder="请选择家族">
             <el-option
             v-for="item in familyOptions"
             :key="'f'+item.id"
@@ -126,15 +126,16 @@
             :value="item.id"
           />
           </el-select>
+          <el-tag v-else>{{familyName}}</el-tag>
         </el-form-item>
         <el-form-item label="相簿标题名称" prop="title">
-          <el-input v-model="form.title" type="textarea" placeholder="请输入内容" />
+          <el-input v-model="form.title"  placeholder="请输入内容" />
         </el-form-item>
         <el-form-item label="相簿描述" prop="contents">
-          <el-input v-model="form.contents" placeholder="请输入相簿描述" />
+          <el-input v-model="form.contents" type="textarea" placeholder="请输入相簿描述" />
         </el-form-item>
-        <el-form-item label="默认图片url(应该获取第一张图片作为默认)" prop="url">
-          <el-input v-model="form.url" placeholder="请输入默认图片url(应该获取第一张图片作为默认)" />
+        <el-form-item label="封面图片" prop="url">
+          <!-- <el-input v-model="form.url" placeholder="请输入默认图片url(应该获取第一张图片作为默认)" /> -->
         </el-form-item>
         <el-form-item label="备注" prop="remark">
           <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
@@ -149,9 +150,7 @@
             ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="删除标志" prop="delFlag">
-          <el-input v-model="form.delFlag" placeholder="请输入删除标志" />
-        </el-form-item>
+        
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>