提交 86044965 authored 作者: Administrator's avatar Administrator

升级element-plus版本

上级 1ffb51ee
{
"name": "print-vue",
"version": "1.0.0",
"type": "module",
"main": "./dist/PrintVue.umd.cjs",
"module": "./dist/PrintVue.js",
"types": "./dist/index.d.ts",
"exports": {
".": {
"import": "./dist/PrintVue.js",
"require": "./dist/PrintVue.umd.cjs"
}
},
"publishConfig": {
"registry": "http://assembly.lingqingkeji.com/repository/vue/",
"access": "public"
},
"scripts": {
"dev": "vite",
"build": "vue-tsc && vite build",
"preview": "vite preview"
},
"files": [
"package.json",
"README.md",
"LICENSE",
"dist"
],
"dependencies": {
"@types/node": "^18.11.18",
"element-plus": "^2.2.28",
"axios": "^0.24.0",
"jquery": "^3.7.0",
"vue": "^3.2.45",
"vue-router": "^4.1.6",
"vuex": "^4.1.0",
"vue-plugin-hiprint": "^0.0.52"
},
"devDependencies": {
"@vitejs/plugin-vue": "^4.0.0",
"sass": "^1.57.1",
"terser": "^5.16.3",
"typescript": "^4.9.3",
"vite": "^4.0.0",
"vite-plugin-dts": "1.4.1",
"vue-tsc": "^1.0.11"
},
"license": "ISC"
"name": "print-vue",
"version": "1.0.0",
"type": "module",
"main": "./dist/PrintVue.umd.cjs",
"module": "./dist/PrintVue.js",
"types": "./dist/index.d.ts",
"exports": {
".": {
"import": "./dist/PrintVue.js",
"require": "./dist/PrintVue.umd.cjs"
}
},
"publishConfig": {
"registry": "http://assembly.lingqingkeji.com/repository/vue/",
"access": "public"
},
"scripts": {
"dev": "vite",
"build": "vue-tsc && vite build",
"preview": "vite preview"
},
"files": [
"package.json",
"README.md",
"LICENSE",
"dist"
],
"dependencies": {
"@types/node": "^18.11.18",
"element-plus": "^2.6.0",
"axios": "^0.24.0",
"jquery": "^3.7.0",
"vue": "^3.2.45",
"vue-router": "^4.1.6",
"vuex": "^4.1.0",
"vue-plugin-hiprint": "^0.0.52"
},
"devDependencies": {
"@vitejs/plugin-vue": "^4.0.0",
"sass": "^1.57.1",
"terser": "^5.16.3",
"typescript": "^4.9.3",
"vite": "^4.0.0",
"vite-plugin-dts": "1.4.1",
"vue-tsc": "^1.0.11"
},
"license": "ISC"
}
<template>
<div style="padding: 10px;">
<el-button type="primary" icon="plus" size="small" @click="show" style="margin-bottom: 10px;">
新增
</el-button>
<el-table :data="tableData" style="width: 7 0%" border>
<el-table-column fixed prop="date" label="Date" width="150" />
<el-table-column prop="name" label="Name" width="120" />
<el-table-column prop="state" label="State" width="120" />
<el-table-column prop="city" label="City" width="120" />
<el-table-column prop="address" label="Address" width="600" />
<el-table-column prop="zip" label="Zip" width="120" />
<el-table-column fixed="right" label="Operations" width="120">
<template #default>
<el-button link type="primary" size="small" @click="handleClick">Detail</el-button>
<el-button link type="primary" size="small">Edit</el-button>
</template>
</el-table-column>
</el-table>
<indexVue v-model="showDrawer" ref="printRef" :templateData="template" />
</div>
<div style="padding: 10px">
<el-button
type="primary"
icon="plus"
size="small"
@click="show"
style="margin-bottom: 10px"
>
新增
</el-button>
<el-table :data="tableData" style="width: 7 0%" border>
<el-table-column fixed prop="date" label="Date" width="150" />
<el-table-column prop="name" label="Name" width="120" />
<el-table-column prop="state" label="State" width="120" />
<el-table-column prop="city" label="City" width="120" />
<el-table-column prop="address" label="Address" width="600" />
<el-table-column prop="zip" label="Zip" width="120" />
<el-table-column fixed="right" label="Operations" width="120">
<template #default>
<el-button link type="primary" size="small" @click="handleClick"
>Detail</el-button
>
<el-button link type="primary" size="small">Edit</el-button>
</template>
</el-table-column>
</el-table>
<indexVue v-model="showDrawer" ref="printRef" :templateData="template" />
</div>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
import indexVue from './components/printDrawer.vue';
import template from './ts/template';
import indexVue from './components/printDrawer.vue'
import template from './ts/template'
const showDrawer = ref(false)
const printRef = ref()
const tableData = [
{
date: '2016-05-03',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
tag: 'Home',
},
{
date: '2016-05-02',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
tag: 'Office',
},
{
date: '2016-05-04',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
tag: 'Home',
},
{
date: '2016-05-01',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
tag: 'Office',
},
{
date: '2016-05-03',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
tag: 'Home'
},
{
date: '2016-05-02',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
tag: 'Office'
},
{
date: '2016-05-04',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
tag: 'Home'
},
{
date: '2016-05-01',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
tag: 'Office'
}
]
const handleClick = () => {
// console.log('click')
// console.log('click')
}
const show = () => {
showDrawer.value = true
printRef.value.mounted()
showDrawer.value = true
printRef.value.mounted()
}
</script>
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论