126 lines
2.8 KiB
Markdown
126 lines
2.8 KiB
Markdown
|
# 六盘水烟草
|
|||
|
|
### 安装依赖
|
|||
|
|
npm install
|
|||
|
|
或者，直接解压里面的node_modules压缩包
|
|||
|
|
### 运行
|
|||
|
|
npm run dev
|
|||
|
|
### 打包
|
|||
|
|
npm run build
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
# ================== 组件使用 ==================
|
|||
|
|
|
|||
|
|
## 选择单位
|
|||
|
|
```js
|
|||
|
|
<!-- 选择单位 -->
|
|||
|
|
<Choosebm :showDdld="showDept" searchType="03" :zzlx="zzlx" @closezzjg="showDept=false" @listdata="deptChange" />
|
|||
|
|
|
|||
|
|
import Choosebm from "@/components/MyComponents/ChooseDept/index.vue";
|
|||
|
|
|
|||
|
|
const showDept = ref(false);
|
|||
|
|
const zzlx = ref(null);
|
|||
|
|
const deptChange = (val) => {
|
|||
|
|
fromData.value.responsibledeptname = val.orgName;
|
|||
|
|
fromData.value.responsibledeptid = val.id;
|
|||
|
|
}
|
|||
|
|
```
|
|||
|
|
```js
|
|||
|
|
## mosty 组件
|
|||
|
|
import * as MOSTY from "@/components/MyComponents/index";
|
|||
|
|
```
|
|||
|
|
## 标题组件
|
|||
|
|
```html
|
|||
|
|
<MOSTY.Assort :title="'基础信息'" />
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 编辑和删除 查看
|
|||
|
|
```html
|
|||
|
|
<template #actions="{ row }">
|
|||
|
|
<span class="operedit" @click="handleEdit(row)">
|
|||
|
|
<el-icon>
|
|||
|
|
<EditPen />
|
|||
|
|
</el-icon>
|
|||
|
|
编辑
|
|||
|
|
</span>
|
|||
|
|
<el-popconfirm confirm-button-text="是" cancel-button-text="否"
|
|||
|
|
icon-color="red" title="确定要删除?" @confirm="handleDel(row)">
|
|||
|
|
<template #reference>
|
|||
|
|
<span class="operdel" size="small">
|
|||
|
|
<el-icon>
|
|||
|
|
<Delete />
|
|||
|
|
</el-icon>
|
|||
|
|
删除</span>
|
|||
|
|
</template>
|
|||
|
|
</el-popconfirm>
|
|||
|
|
<span class="operesee" @click="handleSee(row)">
|
|||
|
|
<el-icon>
|
|||
|
|
<Compass />
|
|||
|
|
</el-icon>查看</span>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
## 文本框调高
|
|||
|
|
```vue
|
|||
|
|
:autosize="{minRows:2,maxRows:5}"
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 烟草api
|
|||
|
|
```js
|
|||
|
|
import { getApi, postApi } from "@/api/tobAcco_api.js";
|
|||
|
|
```
|
|||
|
|
## 字典调用方法
|
|||
|
|
```js
|
|||
|
|
const { proxy } = getCurrentInstance();
|
|||
|
|
const { D_TB_NHDJ } = proxy.$dict("D_TB_NHDJ");
|
|||
|
|
```
|
|||
|
|
```js
|
|||
|
|
props.rowItem.orgCode && props.rowItem.orgCode.replace('XN', '')
|
|||
|
|
|
|||
|
|
|
|||
|
|
ssbmid string 所属部门id
|
|||
|
|
ssbmmc string 所属部门名字
|
|||
|
|
|
|||
|
|
<el-input-number v-model="info.fsisBdArea" :precision="2" style="width: 100%" :min="0" />
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<el-popconfirm confirm-button-text="是" cancel-button-text="否" icon-color="red" title="确定要删除?"
|
|||
|
|
@confirm="onDelete(row)">
|
|||
|
|
<template #reference>
|
|||
|
|
<el-link type="danger">删除</el-link>
|
|||
|
|
</template>
|
|||
|
|
</el-popconfirm>
|
|||
|
|
|
|||
|
|
// 冒泡排序
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
### 导入
|
|||
|
|
```js
|
|||
|
|
// 导入模板数据
|
|||
|
|
const uploadFile = () => {
|
|||
|
|
nextTick(() => {
|
|||
|
|
fileBtn.value.click()
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
<input type="file" style="display: none;" @change="changeFile" ref="fileBtn">
|
|||
|
|
// 获取文件
|
|||
|
|
const changeFile = () => {
|
|||
|
|
nextTick(() => {
|
|||
|
|
let file = fileBtn.value.files[0]
|
|||
|
|
if (!file) { return; }
|
|||
|
|
let data = new FormData()
|
|||
|
|
data.append('file', file);
|
|||
|
|
uploadfilApi(data, `/mosty-jcgl/target/batchUpload`).then(() => {
|
|||
|
|
ElMessage.success("批量上传成功");
|
|||
|
|
listQuery.pageCurrent = 1;
|
|||
|
|
getTabList();
|
|||
|
|
}).finally(() => {
|
|||
|
|
fileBtn.value.value = ''
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
}
|