|
@@ -1,69 +1,59 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
- <basic-container
|
|
|
- v-show="isShow">
|
|
|
- <avue-crud :option="option"
|
|
|
- :data="dataList"
|
|
|
- ref="crud"
|
|
|
- v-model="form"
|
|
|
- :page.sync="page"
|
|
|
- @row-del="rowDel"
|
|
|
- @row-update="rowUpdate"
|
|
|
- :before-open="beforeOpen"
|
|
|
- :before-close="beforeClose"
|
|
|
- :search.sync="search"
|
|
|
- @row-save="rowSave"
|
|
|
- @saveColumn="saveColumn"
|
|
|
- @search-change="searchChange"
|
|
|
- @search-reset="searchReset"
|
|
|
- @selection-change="selectionChange"
|
|
|
- @current-change="currentChange"
|
|
|
- @size-change="sizeChange"
|
|
|
- @refresh-change="refreshChange"
|
|
|
- @on-load="onLoad"
|
|
|
- @tree-load="treeLoad"
|
|
|
- :cell-style="tableRowClassName"
|
|
|
- :table-loading="loading"
|
|
|
- @expand-change="expandChange"
|
|
|
- @resetColumn="resetColumn"
|
|
|
- @search-criteria-switch="searchCriteriaSwitch"
|
|
|
- >
|
|
|
+ <basic-container v-show="isShow">
|
|
|
+ <avue-crud :option="option" :data="dataList" ref="crud" v-model="form" :page.sync="page" @row-del="rowDel"
|
|
|
+ @row-update="rowUpdate" :before-open="beforeOpen" :before-close="beforeClose" :search.sync="search"
|
|
|
+ @row-save="rowSave" @saveColumn="saveColumn" @search-change="searchChange" @search-reset="searchReset"
|
|
|
+ @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
|
|
|
+ @refresh-change="refreshChange" @on-load="onLoad" @tree-load="treeLoad" :cell-style="tableRowClassName"
|
|
|
+ :table-loading="loading" @expand-change="expandChange" @resetColumn="resetColumn"
|
|
|
+ @search-criteria-switch="searchCriteriaSwitch">
|
|
|
<template slot-scope="scope" slot="expand">
|
|
|
<el-table :data="scope.row.insideList" v-loading="scope.row.loading" :cell-style="tableRowClassName">
|
|
|
- <el-table-column label="产品分类" prop="priceCategory" align="center" show-overflow-tooltip width="200"></el-table-column>
|
|
|
- <el-table-column label="价格类别" prop="priceType" align="center" show-overflow-tooltip width="180"></el-table-column>
|
|
|
- <el-table-column label="商品名称" prop="cname" align="center" show-overflow-tooltip width="120"></el-table-column>
|
|
|
- <el-table-column label="编码" prop="code" align="center" show-overflow-tooltip width="120"></el-table-column>
|
|
|
- <el-table-column label="规格型号" prop="typeno" align="center" show-overflow-tooltip width="120"></el-table-column>
|
|
|
- <el-table-column label="供应商" prop="corpName" align="center" show-overflow-tooltip width="120"></el-table-column>
|
|
|
- <el-table-column label="订货数量" prop="orderQuantity" align="center" show-overflow-tooltip width="180"></el-table-column>
|
|
|
- <el-table-column label="发货数量" prop="actualQuantity" align="center" show-overflow-tooltip width="200"></el-table-column>
|
|
|
- <el-table-column label="库存" prop="storageQuantity" align="center" show-overflow-tooltip width="200"></el-table-column>
|
|
|
- <el-table-column label="采购价格" prop="purchaseAmount" align="center" show-overflow-tooltip width="200"></el-table-column>
|
|
|
- <el-table-column label="最新单价" prop="price" align="center" show-overflow-tooltip width="200"></el-table-column>
|
|
|
- <el-table-column label="金额" prop="amount" align="center" show-overflow-tooltip width="200"></el-table-column>
|
|
|
+ <el-table-column label="产品分类" prop="priceCategory" align="center" show-overflow-tooltip
|
|
|
+ width="200"></el-table-column>
|
|
|
+ <el-table-column label="价格类别" prop="priceType" align="center" show-overflow-tooltip
|
|
|
+ width="180"></el-table-column>
|
|
|
+ <el-table-column label="商品名称" prop="cname" align="center" show-overflow-tooltip
|
|
|
+ width="120"></el-table-column>
|
|
|
+ <el-table-column label="编码" prop="code" align="center" show-overflow-tooltip width="120"></el-table-column>
|
|
|
+ <el-table-column label="规格型号" prop="typeno" align="center" show-overflow-tooltip
|
|
|
+ width="120"></el-table-column>
|
|
|
+ <el-table-column label="供应商" prop="corpName" align="center" show-overflow-tooltip
|
|
|
+ width="120"></el-table-column>
|
|
|
+ <el-table-column label="订货数量" prop="orderQuantity" align="center" show-overflow-tooltip
|
|
|
+ width="180"></el-table-column>
|
|
|
+ <el-table-column label="发货数量" prop="actualQuantity" align="center" show-overflow-tooltip
|
|
|
+ width="200"></el-table-column>
|
|
|
+ <el-table-column label="库存" prop="storageQuantity" align="center" show-overflow-tooltip
|
|
|
+ width="200"></el-table-column>
|
|
|
+ <el-table-column label="采购价格" prop="purchaseAmount" align="center" show-overflow-tooltip
|
|
|
+ width="200"></el-table-column>
|
|
|
+ <el-table-column label="最新单价" prop="price" align="center" show-overflow-tooltip
|
|
|
+ width="200"></el-table-column>
|
|
|
+ <el-table-column label="金额" prop="amount" align="center" show-overflow-tooltip
|
|
|
+ width="200"></el-table-column>
|
|
|
</el-table>
|
|
|
</template>
|
|
|
<template slot-scope="scope" slot="orderNo">
|
|
|
- <span style="color: #409EFF;cursor: pointer" @click.stop="beforeOpenPage(scope.row,scope.index)">{{ scope.row.orderNo }}</span>
|
|
|
+ <span style="color: #409EFF;cursor: pointer" @click.stop="beforeOpenPage(scope.row, scope.index)">{{
|
|
|
+ scope.row.orderNo }}</span>
|
|
|
</template>
|
|
|
<template slot="corpIdSearch">
|
|
|
- <crop-select
|
|
|
- v-model="search.corpId"
|
|
|
- corpType="KH"
|
|
|
- ></crop-select>
|
|
|
+ <crop-select v-model="search.corpId" corpType="KH"></crop-select>
|
|
|
</template>
|
|
|
<template slot-scope="scope" slot="corpId">
|
|
|
- <span style="color: #409EFF;cursor: pointer" @click.stop="beforeOpenPage(scope.row,scope.index)">{{ scope.row.corpsName }}</span>
|
|
|
+ <span style="color: #409EFF;cursor: pointer" @click.stop="beforeOpenPage(scope.row, scope.index)">{{
|
|
|
+ scope.row.corpsName }}</span>
|
|
|
</template>
|
|
|
<template slot-scope="scope" slot="createUser">
|
|
|
{{ scope.row.createUserName }}
|
|
|
</template>
|
|
|
<template slot-scope="scope" slot="createPurchase">
|
|
|
- {{ scope.row.createPurchase == 1? '是': '否' }}
|
|
|
+ {{ scope.row.createPurchase == 1 ? '是' : '否' }}
|
|
|
</template>
|
|
|
<template slot-scope="scope" slot="createFreight">
|
|
|
- {{ scope.row.createFreight == 1? '是': '否' }}
|
|
|
+ {{ scope.row.createFreight == 1 ? '是' : '否' }}
|
|
|
</template>
|
|
|
<template slot="status" slot-scope="scope">
|
|
|
<span v-if="scope.row.status == 0">暂存</span>
|
|
@@ -82,14 +72,14 @@
|
|
|
<span v-if="scope.row.specialCheckStatus == 3">审批通过</span>
|
|
|
</template>
|
|
|
<template slot="menuLeft" slot-scope="{size}">
|
|
|
- <el-button type="success" :size="size" @click="copyOrder" :disabled="single">复制单据</el-button>
|
|
|
+ <!-- <el-button type="success" :size="size" @click="copyOrder" :disabled="single">复制单据</el-button>
|
|
|
<el-button type="info" :size="size" icon="el-icon-printer">报表打印</el-button>
|
|
|
<el-button
|
|
|
type="info"
|
|
|
size="small"
|
|
|
icon="el-icon-download"
|
|
|
@click="exportHandle"
|
|
|
- >库 存</el-button>
|
|
|
+ >库 存</el-button> -->
|
|
|
</template>
|
|
|
<template slot-scope="scope" slot="menu">
|
|
|
<!-- <el-button
|
|
@@ -98,31 +88,21 @@
|
|
|
@click="saveSell(scope.row)"
|
|
|
:disabled="scope.row.status < 3 || scope.row.createPurchase == 1"
|
|
|
>生成采购</el-button> -->
|
|
|
- <el-button
|
|
|
- type="text"
|
|
|
- icon="el-icon-delete"
|
|
|
- size="small"
|
|
|
- @click.stop="beforeOpenPage(scope.row,scope.index)"
|
|
|
- :disabled="scope.row.status > 0"
|
|
|
- >查看
|
|
|
+ <el-button type="text" icon="el-icon-delete" size="small"
|
|
|
+ @click.stop="beforeOpenPage(scope.row, scope.index)">查看
|
|
|
</el-button>
|
|
|
</template>
|
|
|
</avue-crud>
|
|
|
</basic-container>
|
|
|
|
|
|
- <detail-page
|
|
|
- ref="detail"
|
|
|
- @goBack="goBack"
|
|
|
- :detailData="detailData"
|
|
|
- v-if="!isShow"
|
|
|
- ></detail-page>
|
|
|
+ <detail-page ref="detail" @goBack="goBack" :detailData="detailData" v-if="!isShow"></detail-page>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import option from "./configuration/mainList.json";
|
|
|
-import {typeSave, saveSell,detail} from "@/api/basicData/configuration"
|
|
|
-import {getContractList,deleteDetails} from "@/api/basicData/proxyOrder"
|
|
|
+import { typeSave, saveSell, detail } from "@/api/basicData/configuration"
|
|
|
+import { getContractList, deleteDetails } from "@/api/basicData/proxyOrder"
|
|
|
import detailPage from "./detailsPageEdit";
|
|
|
import search from "../../../page/index/search";
|
|
|
import { defaultDate } from "@/util/date";
|
|
@@ -149,13 +129,13 @@ export default {
|
|
|
form: {},
|
|
|
option: {},
|
|
|
parentId: 0,
|
|
|
- search:{},
|
|
|
+ search: {},
|
|
|
dataList: [],
|
|
|
page: {
|
|
|
pageSize: 10,
|
|
|
currentPage: 1,
|
|
|
total: 0,
|
|
|
- pageSizes: [10,50,100,200,300]
|
|
|
+ pageSizes: [10, 50, 100, 200, 300]
|
|
|
},
|
|
|
// 非单个禁用
|
|
|
single: true,
|
|
@@ -168,7 +148,7 @@ export default {
|
|
|
},
|
|
|
async created() {
|
|
|
// this.search.businesDate = defaultDate(1)
|
|
|
- this.search.createTime = defaultDate(3)
|
|
|
+ // this.search.createTime = defaultDate(3)
|
|
|
// this.option = option
|
|
|
this.option = await this.getColumnData(this.getColumnName(418), option);
|
|
|
this.getWorkDicts("payment_term").then(res => {
|
|
@@ -184,7 +164,7 @@ export default {
|
|
|
this.option.column.forEach(item => {
|
|
|
if (item.search) i++
|
|
|
})
|
|
|
- if (i % 3 !== 0){
|
|
|
+ if (i % 3 !== 0) {
|
|
|
const num = 3 - Number(i % 3)
|
|
|
this.option.searchMenuSpan = num * 8;
|
|
|
this.option.searchMenuPosition = "right";
|
|
@@ -225,7 +205,7 @@ export default {
|
|
|
setTimeout(() => {
|
|
|
if (this.$route.query.id) {
|
|
|
this.isShow = true
|
|
|
- this.beforeOpenPage({id: this.$route.query.id})
|
|
|
+ this.beforeOpenPage({ id: this.$route.query.id })
|
|
|
}
|
|
|
if (this.$route.query.check) {
|
|
|
this.isShow = true
|
|
@@ -239,21 +219,21 @@ export default {
|
|
|
this.$store.commit("DOMXS_IN_DETAIL");
|
|
|
}
|
|
|
if (this.$route.query.params) {
|
|
|
- this.beforeOpenPage({id: this.$route.query.params})
|
|
|
+ this.beforeOpenPage({ id: this.$route.query.params })
|
|
|
}
|
|
|
}, 100)
|
|
|
},
|
|
|
methods: {
|
|
|
- searchCriteriaSwitch(type){
|
|
|
- if (type){
|
|
|
+ searchCriteriaSwitch(type) {
|
|
|
+ if (type) {
|
|
|
this.option.height = this.option.height - 190
|
|
|
- }else {
|
|
|
+ } else {
|
|
|
this.option.height = this.option.height + 190
|
|
|
}
|
|
|
this.$refs.crud.getTableHeight()
|
|
|
},
|
|
|
- tableRowClassName({row, column, rowIndex, columnIndex}) {
|
|
|
- if (row.orderStatus == '录入' && columnIndex == 19){
|
|
|
+ tableRowClassName({ row, column, rowIndex, columnIndex }) {
|
|
|
+ if (row.orderStatus == '录入' && columnIndex == 19) {
|
|
|
return {
|
|
|
background: '#eceb3c',
|
|
|
}
|
|
@@ -280,7 +260,7 @@ export default {
|
|
|
message: "操作成功!"
|
|
|
});
|
|
|
this.page.currentPage = 1;
|
|
|
- this.onLoad(this.page, {parentId: 0});
|
|
|
+ this.onLoad(this.page, { parentId: 0 });
|
|
|
});
|
|
|
},
|
|
|
//修改时的修改按钮点击触发
|
|
@@ -385,30 +365,30 @@ export default {
|
|
|
//点击搜索按钮触发
|
|
|
searchChange(params, done) {
|
|
|
if (params.businesDate) {
|
|
|
- params.orderStartDate = params.businesDate[0]+ " " + "00:00:00"
|
|
|
- params.orderEndDate = params.businesDate[1]+ " " + "23:59:59"
|
|
|
+ params.contractStartDate = params.businesDate[0] + " " + "00:00:00"
|
|
|
+ params.contractEndDate = params.businesDate[1] + " " + "23:59:59"
|
|
|
delete params.businesDate;
|
|
|
}
|
|
|
- if (params.requiredDeliveryDate) {
|
|
|
- params.deliveryStartDate = params.requiredDeliveryDate[0]+ " " + "00:00:00"
|
|
|
- params.deliveryEndDate = params.requiredDeliveryDate[1]+ " " + "23:59:59"
|
|
|
- this.$delete(params,'requiredDeliveryDate')
|
|
|
- }
|
|
|
- if (params.requiredArrivalDate) {
|
|
|
- params.arrivalDateStart = params.requiredArrivalDate[0]+ " " + "00:00:00"
|
|
|
- params.arrivalDateEnd = params.requiredArrivalDate[1]+ " " + "23:59:59"
|
|
|
- this.$delete(params,'requiredArrivalDate')
|
|
|
- }
|
|
|
- if (params.actualDeliveryDate) {
|
|
|
- params.actualDeliveryDateStart = params.actualDeliveryDate[0]+ " " + "00:00:00"
|
|
|
- params.actualDeliveryDateEnd = params.actualDeliveryDate[1]+ " " + "23:59:59"
|
|
|
- this.$delete(params,'actualDeliveryDate')
|
|
|
- }
|
|
|
- if (params.createTime) {
|
|
|
- params.createTimeStart = params.createTime[0]+ " " + "00:00:00"
|
|
|
- params.createTimeEnd = params.createTime[1]+ " " + "23:59:59"
|
|
|
- this.$delete(params,'createTime')
|
|
|
- }
|
|
|
+ // if (params.requiredDeliveryDate) {
|
|
|
+ // params.deliveryStartDate = params.requiredDeliveryDate[0]+ " " + "00:00:00"
|
|
|
+ // params.deliveryEndDate = params.requiredDeliveryDate[1]+ " " + "23:59:59"
|
|
|
+ // this.$delete(params,'requiredDeliveryDate')
|
|
|
+ // }
|
|
|
+ // if (params.requiredArrivalDate) {
|
|
|
+ // params.arrivalDateStart = params.requiredArrivalDate[0]+ " " + "00:00:00"
|
|
|
+ // params.arrivalDateEnd = params.requiredArrivalDate[1]+ " " + "23:59:59"
|
|
|
+ // this.$delete(params,'requiredArrivalDate')
|
|
|
+ // }
|
|
|
+ // if (params.actualDeliveryDate) {
|
|
|
+ // params.actualDeliveryDateStart = params.actualDeliveryDate[0]+ " " + "00:00:00"
|
|
|
+ // params.actualDeliveryDateEnd = params.actualDeliveryDate[1]+ " " + "23:59:59"
|
|
|
+ // this.$delete(params,'actualDeliveryDate')
|
|
|
+ // }
|
|
|
+ // if (params.createTime) {
|
|
|
+ // params.createTimeStart = params.createTime[0]+ " " + "00:00:00"
|
|
|
+ // params.createTimeEnd = params.createTime[1]+ " " + "23:59:59"
|
|
|
+ // this.$delete(params,'createTime')
|
|
|
+ // }
|
|
|
this.page.currentPage = 1;
|
|
|
this.onLoad(this.page, params);
|
|
|
done()
|
|
@@ -433,7 +413,7 @@ export default {
|
|
|
this.$refs.crud.toggleRowExpansion(item, false)
|
|
|
})
|
|
|
this.page.currentPage = 1;
|
|
|
- this.onLoad(this.page,this.search);
|
|
|
+ this.onLoad(this.page, this.search);
|
|
|
},
|
|
|
// 表格展开触发
|
|
|
expandChange(row, index) {
|
|
@@ -454,15 +434,15 @@ export default {
|
|
|
let queryParams = Object.assign({}, data, {
|
|
|
size: page.pageSize,
|
|
|
current: page.currentPage,
|
|
|
- billType:'XS',
|
|
|
+ billType: 'XS',
|
|
|
corpsTypeId: this.treeDeptId
|
|
|
})
|
|
|
this.loading = true;
|
|
|
getContractList(queryParams).then(res => {
|
|
|
this.dataList = res.data.data.records
|
|
|
this.dataList.forEach(item => {
|
|
|
- this.$set(item,'insideList',[])
|
|
|
- this.$set(item,'loading', true)
|
|
|
+ this.$set(item, 'insideList', [])
|
|
|
+ this.$set(item, 'loading', true)
|
|
|
})
|
|
|
this.page.total = res.data.data.total
|
|
|
this.option.height = window.innerHeight - 240;
|
|
@@ -473,12 +453,12 @@ export default {
|
|
|
//树桩列点击展开触发
|
|
|
treeLoad(tree, treeNode, resolve) {
|
|
|
const parentId = tree.id;
|
|
|
- getContractList({parentId: parentId}).then(res => {
|
|
|
+ getContractList({ parentId: parentId }).then(res => {
|
|
|
resolve(res.data.data.records);
|
|
|
});
|
|
|
},
|
|
|
goBack() {
|
|
|
- this.detailData=this.$options.data().detailData
|
|
|
+ this.detailData = this.$options.data().detailData
|
|
|
if (JSON.stringify(this.$route.query) != "{}") {
|
|
|
this.$router.$avueRouter.closeTag();
|
|
|
this.$router.push({
|
|
@@ -494,30 +474,30 @@ export default {
|
|
|
gobackSearch(params) {
|
|
|
params = Object.assign({}, this.search)
|
|
|
if (params.businesDate && params.businesDate != '') {
|
|
|
- params.orderStartDate = params.businesDate[0]+ " " + "00:00:00"
|
|
|
- params.orderEndDate = params.businesDate[1]+ " " + "23:59:59"
|
|
|
- this.$delete(params,'businesDate')
|
|
|
- }
|
|
|
- if (params.requiredDeliveryDate && params.requiredDeliveryDate != '') {
|
|
|
- params.deliveryStartDate = params.requiredDeliveryDate[0]+ " " + "00:00:00"
|
|
|
- params.deliveryEndDate = params.requiredDeliveryDate[1]+ " " + "23:59:59"
|
|
|
- this.$delete(params,'requiredDeliveryDate')
|
|
|
- }
|
|
|
- if (params.requiredArrivalDate && params.requiredArrivalDate != '') {
|
|
|
- params.arrivalDateStart = params.requiredArrivalDate[0]+ " " + "00:00:00"
|
|
|
- params.arrivalDateEnd = params.requiredArrivalDate[1]+ " " + "23:59:59"
|
|
|
- this.$delete(params,'requiredArrivalDate')
|
|
|
- }
|
|
|
- if (params.actualDeliveryDate && params.actualDeliveryDate != '') {
|
|
|
- params.actualDeliveryDateStart = params.actualDeliveryDate[0]+ " " + "00:00:00"
|
|
|
- params.actualDeliveryDateEnd = params.actualDeliveryDate[1]+ " " + "23:59:59"
|
|
|
- this.$delete(params,'actualDeliveryDate')
|
|
|
- }
|
|
|
- if (params.createTime && params.createTime != '') {
|
|
|
- params.createTimeStart = params.createTime[0]+ " " + "00:00:00"
|
|
|
- params.createTimeEnd = params.createTime[1]+ " " + "23:59:59"
|
|
|
- this.$delete(params,'createTime')
|
|
|
+ params.contractStartDate = params.businesDate[0] + " " + "00:00:00"
|
|
|
+ params.contractEndDate = params.businesDate[1] + " " + "23:59:59"
|
|
|
+ this.$delete(params, 'businesDate')
|
|
|
}
|
|
|
+ // if (params.requiredDeliveryDate && params.requiredDeliveryDate != '') {
|
|
|
+ // params.deliveryStartDate = params.requiredDeliveryDate[0]+ " " + "00:00:00"
|
|
|
+ // params.deliveryEndDate = params.requiredDeliveryDate[1]+ " " + "23:59:59"
|
|
|
+ // this.$delete(params,'requiredDeliveryDate')
|
|
|
+ // }
|
|
|
+ // if (params.requiredArrivalDate && params.requiredArrivalDate != '') {
|
|
|
+ // params.arrivalDateStart = params.requiredArrivalDate[0]+ " " + "00:00:00"
|
|
|
+ // params.arrivalDateEnd = params.requiredArrivalDate[1]+ " " + "23:59:59"
|
|
|
+ // this.$delete(params,'requiredArrivalDate')
|
|
|
+ // }
|
|
|
+ // if (params.actualDeliveryDate && params.actualDeliveryDate != '') {
|
|
|
+ // params.actualDeliveryDateStart = params.actualDeliveryDate[0]+ " " + "00:00:00"
|
|
|
+ // params.actualDeliveryDateEnd = params.actualDeliveryDate[1]+ " " + "23:59:59"
|
|
|
+ // this.$delete(params,'actualDeliveryDate')
|
|
|
+ // }
|
|
|
+ // if (params.createTime && params.createTime != '') {
|
|
|
+ // params.createTimeStart = params.createTime[0]+ " " + "00:00:00"
|
|
|
+ // params.createTimeEnd = params.createTime[1]+ " " + "23:59:59"
|
|
|
+ // this.$delete(params,'createTime')
|
|
|
+ // }
|
|
|
return params
|
|
|
},
|
|
|
//列保存触发
|
|
@@ -543,7 +523,7 @@ export default {
|
|
|
},
|
|
|
async resetColumn() {
|
|
|
this.option = option;
|
|
|
- const inSave = await this.delColumnData(this.getColumnName(418),option);
|
|
|
+ const inSave = await this.delColumnData(this.getColumnName(418), option);
|
|
|
if (inSave) {
|
|
|
this.$nextTick(() => {
|
|
|
this.$refs.crud.doLayout()
|
|
@@ -561,8 +541,7 @@ export default {
|
|
|
type: 'warning'
|
|
|
}).then(() => {
|
|
|
window.open(
|
|
|
- `/api/blade-client/goodsdesc/export-out-info?${
|
|
|
- this.website.tokenHeader
|
|
|
+ `/api/blade-client/goodsdesc/export-out-info?${this.website.tokenHeader
|
|
|
}=${getToken()}`
|
|
|
);
|
|
|
}).catch(() => {
|
|
@@ -592,6 +571,4 @@ export default {
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<style scoped>
|
|
|
-
|
|
|
-</style>
|
|
|
+<style scoped></style>
|