3

src/main.js

@@ -9,7 +9,7 @@ const app = createApp(App)
 for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
     app.component(key, component)
 }
-app.use(ElementPlus, {locale:zhCn});//使element全局变为英文
+app.use(ElementPlus, {locale:zhCn});//使element全局变为中文
 app.use(router)
 
 // 使用 app 实例来挂载应用

src/pages/system/components/LitLine.vue

@@ -45,7 +45,7 @@
                 <LookLine v-if="lookModal" :lookModal="lookModal" :needList="needList" :search="search" @lookBack="lookBack"
                     :listNum="listNum"></LookLine>
                 <DelLine v-if="delModal" :delModal="delModal" :needList="needList" :search="search" @delBack=delBack></DelLine>
-                <PicLook v-if="picModal" :picModal="picModal" @picBack="picBack"></PicLook>
+                <PicLook v-if="picModal" :picModal="picModal" :needList="needList" @picBack="picBack"></PicLook>
             </div>
         </div>
     </div>

src/pages/system/modalComp/AddLine.vue

@@ -15,6 +15,9 @@
                             </template>
                         </el-select>
                     </el-form-item>
+                    <!-- <el-form-item label="上传图片">
+                        <el-button type="primary">上传</el-button>
+                    </el-form-item> -->
                 </el-form>
                 <template #footer>
                     <span class="dialog-footer">
@@ -41,9 +44,9 @@ export default {
             type: Boolean,
             required: true
         },
-        search:{
-            type:Function,
-            required:true
+        search: {
+            type: Function,
+            required: true
         }
     },
     setup(props, { emit }) {

src/pages/system/modalComp/PicLook.vue

@@ -2,7 +2,8 @@
     <div>
         <div>
             <el-dialog v-model="dialogVisible" title="图片查看" width="30%" @close="closes">
-                <h1>暂无图片信息</h1>
+                <h1 v-if="picChange==''">暂无图片信息</h1>
+                <img v-else :src="picChange" alt="">
                 <template #footer>
                     <span class="dialog-footer">
                         <el-button @click="cancels">取消</el-button>
@@ -21,13 +22,25 @@ export default {
         picModal: {
             type: Boolean,
             required: true
+        },
+        needList: {
+            type: Object,
+            required: true
         }
     },
     setup(props, { emit }) {
         let dialogVisible = ref(false)
         let result = props.picModal
+        let newList = props.needList
+        let picChange = ref('')
+        // let showPic = ref(require(picChange + ''))
         let { cancels } = toRefs(props)
         function lineList() {
+            if (newList.pic === '') {
+                picChange.value = ''
+            } else {
+                picChange.value = require(newList.pic)
+            }
             dialogVisible.value = result
         }
         function canBack() {
@@ -41,7 +54,9 @@ export default {
             dialogVisible,
             lineList,
             cancels: canBack,
-            closes:canBack,
+            closes: canBack,
+            // showPic,
+            picChange
         }
     }
 }