样式调整

src/views/modules/custom/suggestionmake-detail.vue

@@ -1,6 +1,6 @@
 <template>
   <el-dialog :visible.sync="visible" title="详情" :close-on-click-modal="false" :close-on-press-escape="false">
-    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
+    <el-form :model="dataForm" ref="dataForm" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
         <el-form-item label="建议标题 :">
           <span>{{dataForm.suggestionTitle}}</span>
         </el-form-item>
@@ -17,13 +17,13 @@
           <span>{{dataForm.suggestionContent}}</span>
         </el-form-item>
         <el-form-item label="图片 :">
-          <el-upload
-            action=""
-            :file-list="dataForm.suggestionPicList"
-            disabled="true"
-            list-type="picture-card">
-            <i class="el-icon-plus"></i>
-          </el-upload>
+          <el-image v-for="url in dataForm.suggestionPicList"
+                    style="width: 100px; height: 100px; margin-right: 10px"
+                    :key="url"
+                    :src="url"
+                    :preview-src-list="previewImgList"
+                    @click="clickImg(url)">
+          </el-image>
         </el-form-item>
     </el-form>
 
@@ -43,6 +43,7 @@
 <script>
 import mixinViewModule from '@/mixins/view-module'
 import debounce from 'lodash/debounce'
+import 'element-ui/lib/theme-chalk/image.css'
 export default {
   mixins: [mixinViewModule],
   data () {
@@ -50,9 +51,11 @@ export default {
       visible: false,
       dataForm: {
         id: '',
-        suggestionPics: ''
+        suggestionPics: '',
+        suggestionPicList: []
       },
       dataList: [],
+      previewImgList: [],
       dialogVisible: true
     }
   },
@@ -72,6 +75,10 @@ export default {
         }
       })
     },
+    clickImg (url) {
+      this.previewImgList = []
+      this.previewImgList.push(url)
+    },
     // 获取信息
     getInfo: debounce (
       function () {

src/views/modules/custom/suggestionmake.vue

@@ -2,7 +2,7 @@
   <el-card shadow="never" class="aui-card--fill">
     <div class="mod-custom__suggestionmake}">
       <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
-        <el-form-item label="所属部门">
+        <el-form-item label="所属组织">
           <el-cascader v-model="ids"
                        :options="options"
                        :props="{ checkStrictly: true }"
@@ -161,6 +161,7 @@ export default {
       if (res.code !== 0) {
         return this.$message.error(res.msg)
       }
+      console.log(res.data)
       this.optionSuggestionType = res.data
       }).catch(() => {})
     },