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 Vue from "vue";
|
||||||
import App from './App.vue'
|
import App from "./App.vue";
|
||||||
import ElementUI from 'element-ui';
|
import ElementUI from "element-ui";
|
||||||
import HighchartsVue from 'highcharts-vue'
|
import HighchartsVue from "highcharts-vue";
|
||||||
import highcharts from 'highcharts'
|
import highcharts from "highcharts";
|
||||||
import highcharts3d from 'highcharts/highcharts-3d'
|
import highcharts3d from "highcharts/highcharts-3d";
|
||||||
import 'element-ui/lib/theme-chalk/index.css';
|
import "element-ui/lib/theme-chalk/index.css";
|
||||||
import router from './router'
|
import router from "./router";
|
||||||
import store from './store'
|
import store from "./store";
|
||||||
import Message from './components/message';
|
import Message from "./components/message";
|
||||||
import erupload from "./components/upload";
|
import erupload from "./components/upload";
|
||||||
import lkyTable from "./components/publicModule/lkyTable" // 本组件样式包含普通表格、分页
|
import lkyTable from "./components/publicModule/lkyTable"; // 本组件样式包含普通表格、分页
|
||||||
import lkyPagination from "./components/publicModule/lkyPagination" // 本组件单独抽离分页样式
|
import lkyPagination from "./components/publicModule/lkyPagination"; // 本组件单独抽离分页样式
|
||||||
|
|
||||||
import "@/loveflow/assets/index.less"
|
import "@/loveflow/assets/index.less";
|
||||||
import "@/loveflow/assets/reset.less"
|
import "@/loveflow/assets/reset.less";
|
||||||
import "@/loveflow/assets/reset.scss"
|
import "@/loveflow/assets/reset.scss";
|
||||||
import * as cusRule from '@/loveflow/rules'
|
import * as cusRule from "@/loveflow/rules";
|
||||||
import { registerPlugins } from '@/loveflow/plugins/index'
|
import { registerPlugins } from "@/loveflow/plugins/index";
|
||||||
import FormDialog from '@/loveflow/components/modal/formDialog.vue'
|
import FormDialog from "@/loveflow/components/modal/formDialog.vue";
|
||||||
import gMainTable from '@/loveflow/components/data/table.vue'
|
import gMainTable from "@/loveflow/components/data/table.vue";
|
||||||
import gScreenTable from '@/loveflow/components/data/screenTable.vue'
|
import gScreenTable from "@/loveflow/components/data/screenTable.vue";
|
||||||
import gDict from '@/loveflow/components/data/dict.vue'
|
import gDict from "@/loveflow/components/data/dict.vue";
|
||||||
import gTab from '@/loveflow/components/data/tabWrap.vue'
|
import gTab from "@/loveflow/components/data/tabWrap.vue";
|
||||||
import gChart from '@/loveflow/components/echart/chart.vue'
|
import gChart from "@/loveflow/components/echart/chart.vue";
|
||||||
|
import gImageView from "@/loveflow/components/data/imageView.vue";
|
||||||
|
|
||||||
import * as echarts from "echarts";
|
import * as echarts from "echarts";
|
||||||
Vue.prototype.$echarts = echarts;
|
Vue.prototype.$echarts = echarts;
|
||||||
|
|
||||||
highcharts3d(highcharts)
|
highcharts3d(highcharts);
|
||||||
|
|
||||||
Vue.prototype.$rules = cusRule
|
Vue.prototype.$rules = cusRule;
|
||||||
registerPlugins(Vue)
|
registerPlugins(Vue);
|
||||||
|
|
||||||
Vue.use(ElementUI);
|
Vue.use(ElementUI);
|
||||||
Vue.use(Message);
|
Vue.use(Message);
|
||||||
Vue.use(HighchartsVue)
|
Vue.use(HighchartsVue);
|
||||||
Vue.component('erupload', erupload)
|
Vue.component("erupload", erupload);
|
||||||
Vue.component('lkyTable', lkyTable)
|
Vue.component("lkyTable", lkyTable);
|
||||||
Vue.component('lkyPagination',lkyPagination)
|
Vue.component("lkyPagination", lkyPagination);
|
||||||
Vue.component('FormDialog', FormDialog)
|
Vue.component("FormDialog", FormDialog);
|
||||||
Vue.component('gMainTable', gMainTable)
|
Vue.component("gMainTable", gMainTable);
|
||||||
Vue.component('gScreenTable', gScreenTable)
|
Vue.component("gScreenTable", gScreenTable);
|
||||||
Vue.component('gDict', gDict)
|
Vue.component("gDict", gDict);
|
||||||
Vue.component('gTab', gTab)
|
Vue.component("gTab", gTab);
|
||||||
Vue.component('gChart', gChart)
|
Vue.component("gChart", gChart);
|
||||||
|
Vue.component("gImageView", gImageView);
|
||||||
const vm = new Vue({
|
const vm = new Vue({
|
||||||
el: '#app',
|
el: "#app",
|
||||||
router,
|
router,
|
||||||
store,
|
store,
|
||||||
|
|
||||||
render: h => h(App)
|
render: (h) => h(App),
|
||||||
}).$mount('#app')
|
}).$mount("#app");
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
export default vm
|
export default vm;
|
||||||
|
|||||||
Loading…
Reference in new issue