Skip to content

P
PrintVue
提交 86044965 authored 作者: Administrator's avatar Administrator
浏览文件
操作

升级element-plus版本

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