zhibinlv
/
FIS1.5
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

同上

HQ
刘云峰 2 months ago
parent
66b75dabd3
commit
00ddcc5368
1 changed files with 369 additions and 487 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 834
      vue/src/views/pg-fis/basedate/planControl_V2/index.vue

834
vue/src/views/pg-fis/basedate/planControl_V2/index.vue
View File

@ -1,311 +1,191 @@
<!--计划管理信息页--> <!--计划管理信息页-->
<template> <template>
<div class="cr-body-content"> <div class="cr-body-content">
<div ref="box"> <div ref="box">
<flexbox class="content-header" id="planControl-content-header"> <flexbox class="content-header" id="planControl-content-header">
<el-form <el-form :model="listQuery" ref="searchForm" v-show="showSearch" :inline="true">
:model="listQuery"
ref="searchForm"
v-show="showSearch"
:inline="true">
<el-form-item label="底盘号" prop="vin" > <el-form-item label="底盘号" prop="vin">
<el-input <el-input v-model="listQuery.vin" clearable size="small" style="width: 120px" />
v-model="listQuery.vin" </el-form-item>
clearable
size="small"
style="width: 120px"
/>
</el-form-item>
<el-form-item label="车型代码" prop="vehicleModelCode" > <el-form-item label="车型代码" prop="vehicleModelCode">
<el-input <el-input v-model="listQuery.vehicleModelCode" clearable size="small" style="width: 120px" />
v-model="listQuery.vehicleModelCode" </el-form-item>
clearable
size="small"
style="width: 120px"
/>
</el-form-item>
<el-form-item label="车型名称" prop="vehicleModelName"> <el-form-item label="车型名称" prop="vehicleModelName">
<el-input v-model="listQuery.vehicleModelName" clearable size="small" style="width: 120px" /> <el-input v-model="listQuery.vehicleModelName" clearable size="small" style="width: 120px" />
</el-form-item> </el-form-item>
<el-form-item label="涂装下线时间" prop="paintOfflineTimeBegin"> <el-form-item label="涂装下线时间" prop="paintOfflineTimeBegin">
<el-date-picker <el-date-picker v-model="listQuery.paintOfflineTimeBegin" size="small" style="width: 200px" type="datetime"></el-date-picker>
v-model="listQuery.paintOfflineTimeBegin" </el-form-item>
size="small" <el-form-item label="-" prop="paintOfflineTimeEnd">
style="width: 200px" <el-date-picker v-model="listQuery.paintOfflineTimeEnd" size="small" style="width: 200px" type="datetime"></el-date-picker>
type="datetime" </el-form-item>
></el-date-picker>
</el-form-item>
<el-form-item label="-" prop="paintOfflineTimeEnd">
<el-date-picker
v-model="listQuery.paintOfflineTimeEnd"
size="small"
style="width: 200px"
type="datetime"
></el-date-picker>
</el-form-item>
<el-form-item label="总装上线时间" prop="onlineTimeBegin"> <el-form-item label="总装上线时间" prop="onlineTimeBegin">
<el-date-picker <el-date-picker v-model="listQuery.onlineTimeBegin" size="small" style="width: 200px" type="datetime"></el-date-picker>
v-model="listQuery.onlineTimeBegin" </el-form-item>
size="small" <el-form-item label="-" prop="onlineTimeEnd">
style="width: 200px" <el-date-picker v-model="listQuery.onlineTimeEnd" size="small" style="width: 200px" type="datetime"></el-date-picker>
type="datetime" </el-form-item>
></el-date-picker>
</el-form-item>
<el-form-item label="-" prop="onlineTimeEnd">
<el-date-picker
v-model="listQuery.onlineTimeEnd"
size="small"
style="width: 200px"
type="datetime"
></el-date-picker>
</el-form-item>
<el-form-item label="序列号" prop="serialNumBegin"> <el-form-item label="序列号" prop="serialNumBegin">
<el-input <el-input v-model="listQuery.serialNumBegin" clearable size="small" style="width: 120px" />
v-model="listQuery.serialNumBegin" </el-form-item>
clearable <el-form-item label="-" prop="serialNumEnd">
size="small" <el-input v-model="listQuery.serialNumEnd" clearable size="small" style="width: 120px" />
style="width: 120px" </el-form-item>
/>
</el-form-item>
<el-form-item label="-" prop="serialNumEnd">
<el-input
v-model="listQuery.serialNumEnd"
clearable
size="small"
style="width: 120px"
/>
</el-form-item>
<el-form-item label="物流配货顺序号" prop="hostSNBegin"> <el-form-item label="物流配货顺序号" prop="hostSNBegin">
<el-input <el-input v-model="listQuery.hostSNBegin" clearable size="small" style="width: 120px" />
v-model="listQuery.hostSNBegin" </el-form-item>
clearable <el-form-item label="-" prop="hostSNEnd">
size="small" <el-input v-model="listQuery.hostSNEnd" clearable size="small" style="width: 120px" />
style="width: 120px" </el-form-item>
/>
</el-form-item>
<el-form-item label="-" prop="hostSNEnd">
<el-input
v-model="listQuery.hostSNEnd"
clearable
size="small"
style="width: 120px"
/>
</el-form-item>
<el-form-item label="创建时间" prop="createTimeBegin"> <el-form-item label="创建时间" prop="createTimeBegin">
<el-date-picker <el-date-picker v-model="listQuery.createTimeBegin" size="small" style="width: 200px" type="datetime"></el-date-picker>
v-model="listQuery.createTimeBegin" </el-form-item>
size="small" <el-form-item label="-" prop="createTimeEnd">
style="width: 200px" <el-date-picker v-model="listQuery.createTimeEnd" size="small" style="width: 200px" type="datetime"></el-date-picker>
type="datetime" </el-form-item>
></el-date-picker>
</el-form-item>
<el-form-item label="-" prop="createTimeEnd">
<el-date-picker
v-model="listQuery.createTimeEnd"
size="small"
style="width: 200px"
type="datetime"
></el-date-picker>
</el-form-item>
<el-form-item label="导入时间" prop="importTimeBegin"> <el-form-item label="导入时间" prop="importTimeBegin">
<el-date-picker <el-date-picker v-model="listQuery.importTimeBegin" size="small" style="width: 200px" type="datetime"></el-date-picker>
v-model="listQuery.importTimeBegin" </el-form-item>
size="small" <el-form-item label="-" prop="importTimeEnd">
style="width: 200px" <el-date-picker v-model="listQuery.importTimeEnd" size="small" style="width: 200px" type="datetime"></el-date-picker>
type="datetime" </el-form-item>
></el-date-picker>
</el-form-item>
<el-form-item label="-" prop="importTimeEnd">
<el-date-picker
v-model="listQuery.importTimeEnd"
size="small"
style="width: 200px"
type="datetime"
></el-date-picker>
</el-form-item>
<el-form-item> <el-form-item>
<el-button <el-button type="primary" icon="el-icon-search" size="mini" @click="handleFilter">搜索</el-button>
type="primary" <el-button icon="el-icon-refresh" size="mini" @click="resetQuery('searchForm')">重置</el-button>
icon="el-icon-search" <el-button type="warning" plain icon="el-icon-download" size="mini" style="margin-left: 15px" @click="handleDownload()">导出(Excel)查询信息
size="mini" </el-button>
@click="handleFilter" <el-button class="filter-item" size="mini" type="success" icon="el-icon-plus" @click="handleImport">导入
>搜索</el-button </el-button>
> </el-form-item>
<el-button <el-form-item>
icon="el-icon-refresh" <div class="tipper" v-if="tipper != ''" v-html="tipper"></div>
size="mini" </el-form-item>
@click="resetQuery('searchForm')" </el-form>
>重置</el-button </flexbox>
> </div>
<el-button <div class="l-table">
type="warning" <!--表格渲染-->
plain <el-table ref="multipleTable" v-loading="listLoading" element-loading-text="拼命加载中..." element-loading-spinner="el-icon-loading"
icon="el-icon-download" class="cr-table" :data="list" :height="tableHeight" size="small" stripe border highlight-current-row style="width: 100%"
size="mini" @sort-change="sortChange" @selection-change="handleSelectionChange" @row-click="handleRowClick">
style="margin-left: 15px" <el-table-column v-for="(item, index) in getDefaultField" :key="index" :prop="item.prop" :label="item.label"
@click="handleDownload()" :min-width="item.width" :formatter="fieldFormatter" sortable="custom" :gutter="0">
>导出(Excel)查询信息 <template slot="header" slot-scope="scope">
</el-button> {{ scope.column.label }}
<el-button </template>
class="filter-item" </el-table-column>
size="mini" </el-table>
type="success" </div>
icon="el-icon-plus" <!-- show-overflow-tooltip -->
@click="handleImport"
>导入
</el-button>
</el-form-item>
<el-form-item>
<div class="tipper" v-if="tipper != ''" v-html="tipper"></div>
</el-form-item>
</el-form>
</flexbox>
</div>
<div class="l-table">
<!--表格渲染-->
<el-table
ref="multipleTable"
v-loading="listLoading"
element-loading-text="拼命加载中..."
element-loading-spinner="el-icon-loading"
class="cr-table"
:data="list"
:height="tableHeight"
size="small"
stripe
border
highlight-current-row
style="width: 100%"
@sort-change="sortChange"
@selection-change="handleSelectionChange"
@row-click="handleRowClick"
>
<el-table-column
v-for="(item, index) in getDefaultField"
:key="index"
:prop="item.prop"
:label="item.label"
:min-width="item.width"
:formatter="fieldFormatter"
sortable="custom"
:gutter="0"
>
<template slot="header" slot-scope="scope">
{{ scope.column.label }}
</template>
</el-table-column>
</el-table>
</div>
<!-- show-overflow-tooltip -->
<div class="table-footer"> <div class="table-footer">
<!-- 分页控件 style="margin-top: -25px;margin-bottom:-25px;float:right;"--> <!-- 分页控件 style="margin-top: -25px;margin-bottom:-25px;float:right;"-->
<pagination <pagination v-show="totalCount > 0" :total="totalCount" :page.sync="page" :limit.sync="listQuery.MaxResultCount"
v-show="totalCount > 0" @pagination="getList" />
:total="totalCount" <!-- 导入Excel组件 -->
:page.sync="page" <importExcel ref="importexcel" :show="showExcelImport" :importURL="importExcelURL" @close="importClose" />
:limit.sync="listQuery.MaxResultCount" </div>
@pagination="getList"
/>
<!-- 导入Excel组件 -->
<importExcel
ref="importexcel"
:show="showExcelImport"
:importURL="importExcelURL"
@close="importClose"
/>
</div>
</div> </div>
</template> </template>
<script> <script>
import Pagination from "@/components/Pagination"; import Pagination from "@/components/Pagination";
import permission from "@/directive/permission/index.js"; import permission from "@/directive/permission/index.js";
import CRMTableHead from "../../components/CRMTableHead"; import CRMTableHead from "../../components/CRMTableHead";
import importExcel from "@/components/ImportExcel-normal"; import importExcel from "@/components/ImportExcel-normal";
import { mapGetters } from "vuex"; import {
import Lockr from "lockr"; mapGetters
import moment from "moment"; } from "vuex";
import message_table from "../../components/mixins/message_table"; import Lockr from "lockr";
import { downloadFile } from "@/utils/crmindex.js"; import moment from "moment";
import message_table from "../../components/mixins/message_table";
import {
downloadFile
} from "@/utils/crmindex.js";
//组件计量单位 //组件计量单位
// const bomUnit = [ // const bomUnit = [
// { key: 0, display_name: "PC" }, // { key: 0, display_name: "PC" },
// { key: 1, display_name: "TON" }, // { key: 1, display_name: "TON" },
// { key: 2, display_name: "Other" }, // { key: 2, display_name: "Other" },
// ]; // ];
// const projectTypeKeyValue = bomUnit.reduce((acc, cur) => { // const projectTypeKeyValue = bomUnit.reduce((acc, cur) => {
// acc[cur.key] = cur.display_name; // acc[cur.key] = cur.display_name;
// return acc; // return acc;
// }, {}); // }, {});
export default { export default {
name: "RepeatM100", name: "RepeatM100",
components: { Pagination, CRMTableHead, importExcel }, components: {
directives: { permission }, Pagination,
mixins: [message_table], CRMTableHead,
data() { importExcel
return {
importExcelURL:'/api/newjit/import-note/import',
tipper:"",
showExcelImport: false,
form: {},
list: null,
totalCount: 0,
listLoading: true,
listQuery: {
factory:undefined,
vin:undefined,
vehicleModelCode:undefined,
paintOfflineTimeBegin:undefined,
paintOfflineTimeEnd:undefined,
onlineTimeBegin:undefined,
onlineTimeEnd:undefined,
serialNumBegin:undefined,
serialNumEnd:undefined,
hostSNBegin:undefined,
hostSNEnd:undefined,
productLine:undefined,
createTimeBegin:undefined,
createTimeEnd:undefined,
importTimeBegin:undefined,
importTimeEnd:undefined,
SkipCount: 0,
MaxResultCount: 15,
}, },
page: 1, directives: {
showSearch: true, permission
//bomUnit, },
multipleSelection: [], mixins: [message_table],
tableHeight: document.documentElement.clientHeight - 260, data() {
}; return {
}, importExcelURL: '/api/newjit/import-note/import',
mounted() { tipper: "",
this.getTipper(); showExcelImport: false,
let timer = setInterval(() => { form: {},
list: null,
totalCount: 0,
listLoading: true,
listQuery: {
factory: undefined,
vin: undefined,
vehicleModelCode: undefined,
paintOfflineTimeBegin: undefined,
paintOfflineTimeEnd: undefined,
onlineTimeBegin: undefined,
onlineTimeEnd: undefined,
serialNumBegin: undefined,
serialNumEnd: undefined,
hostSNBegin: undefined,
hostSNEnd: undefined,
productLine: undefined,
createTimeBegin: undefined,
createTimeEnd: undefined,
importTimeBegin: undefined,
importTimeEnd: undefined,
SkipCount: 0,
MaxResultCount: 15,
},
page: 1,
showSearch: true,
//bomUnit,
multipleSelection: [],
tableHeight: document.documentElement.clientHeight - 260,
};
},
mounted() {
this.getTipper(); this.getTipper();
}, 60000); let timer = setInterval(() => {
// var offsetHei = document.documentElement.clientHeight; this.getTipper();
// let boxH = this.$refs.box.offsetHeight; }, 60000);
// this.tableHeight = offsetHei - boxH - 57 - 79;//57为footer高度，79为页面上部标签高度 // var offsetHei = document.documentElement.clientHeight;
}, // let boxH = this.$refs.box.offsetHeight;
created() { // this.tableHeight = offsetHei - boxH - 57 - 79;//57为footer高度，79为页面上部标签高度
this.getList(); },
}, created() {
computed: { this.getList();
getDefaultField() { },
computed: {
getDefaultField() {
var tempsTabs = [{ var tempsTabs = [{
label: "底盘号", label: "底盘号",
prop: "vin", prop: "vin",
@ -402,213 +282,215 @@
width: 120 width: 120
}, },
]; ];
return tempsTabs; return tempsTabs;
}, },
...mapGetters(["userInfo"]), //获取当前用户信息 ...mapGetters(["userInfo"]), //获取当前用户信息
}, },
methods: { methods: {
/** 导出功能 */ /** 导出功能 */
handleDownload() { handleDownload() {
this.listLoading = true; this.listLoading = true;
console.log("计划管理导出条件：" + JSON.stringify(this.listQuery)); console.log("计划管理导出条件：" + JSON.stringify(this.listQuery));
this.$axios this.$axios
.posts("/api/newjit/import-note/export", this.listQuery) .posts("/api/newjit/import-note/export", this.listQuery)
.then((res) => { .then((res) => {
let filename = res.item; let filename = res.item;
this.$axios this.$axios
.BolbGets("/api/newjit/exclude-part-cfg/download/" + filename) .BolbGets("/api/newjit/exclude-part-cfg/download/" + filename)
.then((response) => { .then((response) => {
if (filename.indexOf("_") != -1) { if (filename.indexOf("_") != -1) {
let downName = let downName =
filename.slice(0, filename.lastIndexOf("_")) + filename.slice(0, filename.lastIndexOf("_")) +
filename.slice(filename.lastIndexOf(".")); filename.slice(filename.lastIndexOf("."));
downloadFile(response, downName); downloadFile(response, downName);
this.$notify({ this.$notify({
title: "成功", title: "成功",
message: "数据-导出成功！", message: "数据-导出成功！",
type: "success", type: "success",
duration: 2000, duration: 2000,
}); });
} else { } else {
downloadFile(response, filename); downloadFile(response, filename);
this.$notify({ this.$notify({
title: "成功", title: "成功",
message: "数据-导出成功！", message: "数据-导出成功！",
type: "success", type: "success",
duration: 2000, duration: 2000,
}); });
} }
this.listLoading = false; this.listLoading = false;
}) })
.catch(() => { .catch(() => {
this.listLoading = false; this.listLoading = false;
}); });
});
},
/** 重置按钮操作 */
resetQuery(refName) {
this.$refs[refName].resetFields();
this.handleQuery();
},
/** 搜索按钮操作 */
handleQuery() {
this.listQuery.SkipCount = 1;
this.getList();
},
//关闭导入窗体时调用
importClose() {
this.showExcelImport = false;
},
// 导入后回调
importNormalCallback(res,fileuploadList){
// 导入功能，第一次调用时 ret.Status = true 并且 ret.Message 不为空时， 弹出确认对话框，显示ret.Message,
// 如果选择是， 调用api/newjit/import-note/import，并且第二个参数forceExecute 传入true，选择否关闭
if(res.status && res.message && res.message.length > 0){
this.$confirm(`${res.message}, 是否确定继续导入`, '提示', {
confirmButtonText: '继续导入',
cancelButtonText: '取消导入',
type: 'warning'
})
.then(() => {
this.listLoading = true
let fd = new FormData();
fileuploadList.forEach((file) => {
fd.append("files", file); // 添加文件
});
fd.append("forceExecute", true);
this.$axios.posts(this.importExcelURL, fd)
.then(async (res) => {
this.listLoading = false
this.$message({
message: "导入成功！",
type: "success",
}); });
},
/** 重置按钮操作 */
resetQuery(refName) {
this.$refs[refName].resetFields();
this.handleQuery();
},
/** 搜索按钮操作 */
handleQuery() {
this.listQuery.SkipCount = 1;
this.getList();
},
//关闭导入窗体时调用
importClose() {
this.showExcelImport = false;
},
// 导入后回调
importNormalCallback(res, fileuploadList) {
// 导入功能，第一次调用时 ret.Status = true 并且 ret.Message 不为空时， 弹出确认对话框，显示ret.Message,
// 如果选择是， 调用api/newjit/import-note/import，并且第二个参数forceExecute 传入true，选择否关闭
if (res.status && res.message && res.message.length > 0) {
this.$confirm(`${res.message}, 是否确定继续导入`, '提示', {
confirmButtonText: '继续导入',
cancelButtonText: '取消导入',
type: 'warning'
})
.then(() => {
this.listLoading = true
let fd = new FormData();
fileuploadList.forEach((file) => {
fd.append("files", file); // 添加文件
});
fd.append("forceExecute", true);
this.$axios.posts(this.importExcelURL, fd)
.then(async (res) => {
this.listLoading = false
this.$message({
message: "导入成功！",
type: "success",
});
this.importClose()
this.getList();
})
.catch(() => {
this.listLoading = false
this.$message({
message: res.message,
type: "error",
showClose: true
});
this.importClose()
this.getList();
});
})
.catch(() => {
this.importClose()
this.getList();
})
} else {
this.importClose() this.importClose()
this.getList(); this.getList();
}) }
.catch(() => { },
this.listLoading = false /** 刷新列表 */
this.$message({ handleHandle(data) {
message: res.message, if (data.type !== "edit") {
type: "error",
showClose:true
});
this.importClose()
this.getList(); this.getList();
}); }
}) },
.catch(() => { /** 格式化字段 */
this.importClose() fieldFormatter(row, column) {
return row[column.property] || "--";
},
getList(data) {
this.listLoading = true;
if (data != undefined) {
this.listQuery.SkipCount = (this.page - 1) * data.limit;
} else {
this.listQuery.SkipCount = (this.page - 1) * this.listQuery.MaxResultCount;
}
this.$axios.gets("/api/newjit/import-note/list", this.listQuery)
.then((response) => {
this.list = response.items;
this.totalCount = response.totalCount;
setTimeout(() => {
//大数据量加载时
this.listLoading = false;
}, 500);
})
.catch(() => {
this.listLoading = false;
});
},
handleFilter() {
this.page = 1;
this.getList(); this.getList();
}) },
}else{ sortChange(data) {
this.importClose() const {
this.getList(); prop,
} order
}, } = data;
/** 刷新列表 */ if (!prop || !order) {
handleHandle(data) { this.listQuery.Sorting = undefined
if (data.type !== "edit") { this.handleFilter();
this.getList(); return;
} }
}, this.listQuery.Sorting = prop + " " + order;
/** 格式化字段 */ this.handleFilter();
fieldFormatter(row, column) { },
return row[column.property] || "--";
},
getList(data){
this.listLoading = true;
if (data != undefined) {
this.listQuery.SkipCount = (this.page - 1) * data.limit;
} else {
this.listQuery.SkipCount = (this.page - 1) * this.listQuery.MaxResultCount;
}
this.$axios.gets("/api/newjit/import-note/list", this.listQuery)
.then((response) => {
this.list = response.items;
this.totalCount = response.totalCount;
setTimeout(() => {
//大数据量加载时
this.listLoading = false;
}, 500);
})
.catch(() => {
this.listLoading = false;
});
},
handleFilter() {
this.page = 1;
this.getList();
},
sortChange(data) {
const { prop, order } = data;
if (!prop || !order) {
this.listQuery.Sorting = undefined
this.handleFilter();
return;
}
this.listQuery.Sorting = prop + " " + order;
this.handleFilter();
},
handleSelectionChange(val) { handleSelectionChange(val) {
this.multipleSelection = val; this.multipleSelection = val;
}, },
handleRowClick(row, column, event) { handleRowClick(row, column, event) {
this.$refs.multipleTable.clearSelection(); this.$refs.multipleTable.clearSelection();
this.$refs.multipleTable.toggleRowSelection(row); this.$refs.multipleTable.toggleRowSelection(row);
}, },
handleImport() { handleImport() {
//导入 //导入
this.showExcelImport = true; this.showExcelImport = true;
}, },
// 更改主表格高度 // 更改主表格高度
changeMainTableHeight(){ changeMainTableHeight() {
this.$nextTick(()=>{ this.$nextTick(() => {
var offsetHei = document.documentElement.clientHeight; var offsetHei = document.documentElement.clientHeight;
// let boxH = this.$refs.box.offsetHeight; // let boxH = this.$refs.box.offsetHeight;
let headerH = document.getElementById("planControl-content-header").clientHeight let headerH = document.getElementById("planControl-content-header").clientHeight
let footerH = this.totalCount > 0 ? 67 : 0 //footer高度 let footerH = this.totalCount > 0 ? 67 : 0 //footer高度
this.tableHeight = offsetHei - headerH - 67 - 79; //79为页面上部标签高度 this.tableHeight = offsetHei - headerH - 67 - 79; //79为页面上部标签高度
//this.tableHeight = offsetHei -260 //this.tableHeight = offsetHei -260
}) })
}, },
getTipper(){ getTipper() {
if(this.$route.name != 'pg-planControl'){ if (this.$route.name != 'pg-planControl') {
return return
} }
this.$axios.posts( "/api/newjit/import-note/print-timeout-remind" ).then((res) => { this.$axios.posts("/api/newjit/import-note/print-timeout-remind").then((res) => {
this.tipper = "" this.tipper = ""
let _item = "" let _item = ""
let _style = "" let _style = ""
if (res.timeoutMinutes >= res.configMinutes) { if (res.timeoutMinutes >= res.configMinutes) {
//写提示信息 //写提示信息
_style = "color:red;font-weight:bold" _style = "color:red;font-weight:bold"
} else { } else {
_style = "color:green" _style = "color:green"
}
_item = `<span style=${_style}>已经${res.timeoutMinutes}分钟没有导入计划\xa0\xa0\xa0\xa0</span>`
this.tipper += _item
this.$nextTick(() => {
this.changeMainTableHeight()
})
})
} }
_item = `<span style=${_style}>已经${res.timeoutMinutes}分钟没有导入计划\xa0\xa0\xa0\xa0</span>` },
this.tipper += _item };
</script>
this.$nextTick(() => {
this.changeMainTableHeight()
})
})
}
},
};
</script>
<style lang="scss" scoped>
@import "../../../pg-fis/styles/crmtable.scss";
<style lang="scss" scoped> .tipper {
@import "../../../pg-fis/styles/crmtable.scss";
.tipper{
border: solid 1px #ddd; border: solid 1px #ddd;
border-radius: 5px; border-radius: 5px;
display: inline-block; display: inline-block;
padding: 10px; padding: 10px;
line-height: 20px; line-height: 20px;
} }
</style> </style>

Write Preview
Loading…
Cancel
Save