e
7 months ago
parent
1ba5b5efd9
commit
4d17fe5189
@ -0,0 +1,44 @@
|
||||
<template>
|
||||
<div class="gImageView">
|
||||
<el-image
|
||||
v-if="url"
|
||||
style="width: 60px; height: 68px"
|
||||
:src="url"
|
||||
:preview-src-list="[url]"
|
||||
>
|
||||
</el-image>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
value: {
|
||||
type: String,
|
||||
default: () => {
|
||||
return "";
|
||||
},
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
baseUrl: window.$SERVICE.BASEURL,
|
||||
url: "",
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
value: {
|
||||
handler(val) {
|
||||
console.log(val)
|
||||
if (val) {
|
||||
this.url = this.baseUrl + val;
|
||||
} else {
|
||||
this.url = "";
|
||||
}
|
||||
},
|
||||
deep: true,
|
||||
immediate: true,
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="less"></style>
|
||||
@ -1,57 +1,57 @@
|
||||
import Vue from 'vue'
|
||||
import App from './App.vue'
|
||||
import ElementUI from 'element-ui';
|
||||
import HighchartsVue from 'highcharts-vue'
|
||||
import highcharts from 'highcharts'
|
||||
import highcharts3d from 'highcharts/highcharts-3d'
|
||||
import 'element-ui/lib/theme-chalk/index.css';
|
||||
import router from './router'
|
||||
import store from './store'
|
||||
import Message from './components/message';
|
||||
import Vue from "vue";
|
||||
import App from "./App.vue";
|
||||
import ElementUI from "element-ui";
|
||||
import HighchartsVue from "highcharts-vue";
|
||||
import highcharts from "highcharts";
|
||||
import highcharts3d from "highcharts/highcharts-3d";
|
||||
import "element-ui/lib/theme-chalk/index.css";
|
||||
import router from "./router";
|
||||
import store from "./store";
|
||||
import Message from "./components/message";
|
||||
import erupload from "./components/upload";
|
||||
import lkyTable from "./components/publicModule/lkyTable" // 本组件样式包含普通表格、分页
|
||||
import lkyPagination from "./components/publicModule/lkyPagination" // 本组件单独抽离分页样式
|
||||
|
||||
import "@/loveflow/assets/index.less"
|
||||
import "@/loveflow/assets/reset.less"
|
||||
import "@/loveflow/assets/reset.scss"
|
||||
import * as cusRule from '@/loveflow/rules'
|
||||
import { registerPlugins } from '@/loveflow/plugins/index'
|
||||
import FormDialog from '@/loveflow/components/modal/formDialog.vue'
|
||||
import gMainTable from '@/loveflow/components/data/table.vue'
|
||||
import gScreenTable from '@/loveflow/components/data/screenTable.vue'
|
||||
import gDict from '@/loveflow/components/data/dict.vue'
|
||||
import gTab from '@/loveflow/components/data/tabWrap.vue'
|
||||
import gChart from '@/loveflow/components/echart/chart.vue'
|
||||
import lkyTable from "./components/publicModule/lkyTable"; // 本组件样式包含普通表格、分页
|
||||
import lkyPagination from "./components/publicModule/lkyPagination"; // 本组件单独抽离分页样式
|
||||
|
||||
import "@/loveflow/assets/index.less";
|
||||
import "@/loveflow/assets/reset.less";
|
||||
import "@/loveflow/assets/reset.scss";
|
||||
import * as cusRule from "@/loveflow/rules";
|
||||
import { registerPlugins } from "@/loveflow/plugins/index";
|
||||
import FormDialog from "@/loveflow/components/modal/formDialog.vue";
|
||||
import gMainTable from "@/loveflow/components/data/table.vue";
|
||||
import gScreenTable from "@/loveflow/components/data/screenTable.vue";
|
||||
import gDict from "@/loveflow/components/data/dict.vue";
|
||||
import gTab from "@/loveflow/components/data/tabWrap.vue";
|
||||
import gChart from "@/loveflow/components/echart/chart.vue";
|
||||
import gImageView from "@/loveflow/components/data/imageView.vue";
|
||||
|
||||
import * as echarts from "echarts";
|
||||
Vue.prototype.$echarts = echarts;
|
||||
|
||||
highcharts3d(highcharts)
|
||||
highcharts3d(highcharts);
|
||||
|
||||
Vue.prototype.$rules = cusRule
|
||||
registerPlugins(Vue)
|
||||
Vue.prototype.$rules = cusRule;
|
||||
registerPlugins(Vue);
|
||||
|
||||
Vue.use(ElementUI);
|
||||
Vue.use(Message);
|
||||
Vue.use(HighchartsVue)
|
||||
Vue.component('erupload', erupload)
|
||||
Vue.component('lkyTable', lkyTable)
|
||||
Vue.component('lkyPagination',lkyPagination)
|
||||
Vue.component('FormDialog', FormDialog)
|
||||
Vue.component('gMainTable', gMainTable)
|
||||
Vue.component('gScreenTable', gScreenTable)
|
||||
Vue.component('gDict', gDict)
|
||||
Vue.component('gTab', gTab)
|
||||
Vue.component('gChart', gChart)
|
||||
Vue.use(HighchartsVue);
|
||||
Vue.component("erupload", erupload);
|
||||
Vue.component("lkyTable", lkyTable);
|
||||
Vue.component("lkyPagination", lkyPagination);
|
||||
Vue.component("FormDialog", FormDialog);
|
||||
Vue.component("gMainTable", gMainTable);
|
||||
Vue.component("gScreenTable", gScreenTable);
|
||||
Vue.component("gDict", gDict);
|
||||
Vue.component("gTab", gTab);
|
||||
Vue.component("gChart", gChart);
|
||||
Vue.component("gImageView", gImageView);
|
||||
const vm = new Vue({
|
||||
el: '#app',
|
||||
el: "#app",
|
||||
router,
|
||||
store,
|
||||
|
||||
render: h => h(App)
|
||||
}).$mount('#app')
|
||||
|
||||
|
||||
render: (h) => h(App),
|
||||
}).$mount("#app");
|
||||
|
||||
export default vm
|
||||
export default vm;
|
||||
|
||||
Loading…
Reference in new issue