<template>
|
<div class="add-common">
|
<el-dialog
|
:title="editCommonConfig.title + '产品'"
|
:visible.sync="editConfig.visible"
|
:width="dialogWidth"
|
:before-close="handleClose"
|
>
|
<!-- 头 -->
|
<div slot="title" class="dialog-header">
|
<span>{{ editCommonConfig.title + "产品" }}</span>
|
<div class="header_btns">
|
<span class="btn">
|
<i class="el-icon-printer"></i>
|
<span>打印</span>
|
</span>
|
<span class="btn" style="margin-left: 15px">
|
<i class="el-icon-s-tools"></i>
|
<span>动作</span>
|
</span>
|
<el-button v-if="showEdit" plain size="mini" style="margin-left: 15px" @click="editClick">编辑</el-button>
|
</div>
|
</div>
|
<!-- 内容 -->
|
<el-form
|
ref="form"
|
:model="editConfig.infomation"
|
:rules="rules"
|
label-position="right"
|
label-width="110px"
|
size="mini"
|
>
|
<!-- <div class="content-btn">
|
<el-button plain size="mini" disabled>标签打印</el-button>
|
<el-button plain size="mini" disabled>更新数量</el-button>
|
<el-button plain size="mini" disabled>执行补货</el-button>
|
</div> -->
|
<div class="basic-info">
|
<FormBtnsView
|
:add-product="addProduct"
|
@inOutBoundClick="inOutBoundClick"
|
:show-procure="showProcure"
|
:countObject="statisticsMap"
|
:show-sale="showSale"
|
/>
|
<div class="bottom">
|
<el-tabs v-model="activeName" type="card">
|
<el-tab-pane label="基本信息" name="first"></el-tab-pane>
|
<!-- <el-tab-pane label="销售" name="sale"></el-tab-pane>
|
<el-tab-pane label="采购" name="second"></el-tab-pane> -->
|
<el-tab-pane label="库存" name="third"></el-tab-pane>
|
<!-- <el-tab-pane label="会计" name="four"></el-tab-pane> -->
|
</el-tabs>
|
<!-- 基本信息 -->
|
<div v-if="activeName === 'first'">
|
<div class="purchase-view">
|
<div class="left">
|
<el-form-item label="产品名称" prop="name">
|
<el-input
|
v-model="editConfig.infomation.name"
|
placeholder=""
|
:disabled="!showFooter"
|
style="width: 85%"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="产品类型" prop="productType">
|
<el-select
|
v-model="editConfig.infomation.productType"
|
placeholder="请选择"
|
size="mini"
|
style="width: 85%"
|
:disabled="!showFooter"
|
>
|
<el-option v-for="item in productTypeOptions" :key="item.id" :label="item.name" :value="item.id">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<!-- <el-form-item label="开票策略" prop="invoicingStrategy" >
|
<el-select
|
v-model="editConfig.infomation.invoicingStrategy"
|
placeholder="请选择"
|
size="mini"
|
style="width: 85%"
|
:disabled="!showFooter"
|
>
|
<el-option v-for="item in strategyOptions" :key="item.id" :label="item.name" :value="item.id">
|
</el-option>
|
</el-select>
|
<div class="font_size_13" style="color: gray">可储存的产品是您管理库存水平的实物项目。</div>
|
<div class="font_size_13" style="color: gray">您可以在发货前为其开具结算单。</div>
|
</el-form-item> -->
|
<el-form-item label="物料类型" prop="model">
|
<el-select
|
v-model="editConfig.infomation.model"
|
placeholder="请选择"
|
filterable
|
clearable
|
style="width: 85%"
|
:popper-append-to-body="false"
|
:disabled="!showFooter"
|
>
|
<el-option v-for="item in materialTypeList" :key="item.id" :label="item.name" :value="item.id">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="单位" prop="unit">
|
<el-input
|
v-model="editConfig.infomation.unit"
|
placeholder="请输入"
|
style="width: 85%"
|
:disabled="!showFooter"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="产品标签" prop="productTagName">
|
<el-input
|
v-model="editConfig.infomation.productTagName"
|
placeholder="请输入"
|
style="width: 85%"
|
:disabled="!showFooter"
|
></el-input>
|
</el-form-item>
|
</div>
|
<div class="right">
|
<el-form-item label="销售价格" prop="salePrice">
|
<!-- <span>￥</span> -->
|
<el-input-number
|
v-model.trim="editConfig.infomation.salePrice"
|
placeholder="请输入"
|
:min="0"
|
:controls="false"
|
size="mini"
|
style="width: 81%"
|
:disabled="!showFooter"
|
></el-input-number>
|
</el-form-item>
|
<!-- <el-form-item label="销项税" prop="customerTaxes" >
|
<el-input-number
|
v-model="editConfig.infomation.customerTaxes"
|
placeholder="请输入"
|
:min="0"
|
:controls="false"
|
style="width: 85%; margin-right: 5px"
|
:disabled="!showFooter"
|
></el-input-number>
|
</el-form-item> -->
|
<el-form-item label="成本" prop="cost">
|
<!-- <span>￥</span> -->
|
<el-input-number
|
v-model.trim="editConfig.infomation.cost"
|
placeholder="请输入"
|
:min="0"
|
:controls="false"
|
size="mini"
|
style="width: 81%"
|
:disabled="!showFooter"
|
></el-input-number>
|
</el-form-item>
|
<el-form-item label="产品类别" prop="categoryId">
|
<el-select
|
v-model="editConfig.infomation.categoryId"
|
placeholder="请选择"
|
size="mini"
|
style="width: 85%"
|
:disabled="!showFooter"
|
>
|
<el-option
|
v-for="item in productCategoryOptions"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="内部编码" prop="internalReference">
|
<el-input
|
v-model.trim="editConfig.infomation.internalReference"
|
placeholder="请输入"
|
size="mini"
|
style="width: 85%"
|
:disabled="!showFooter"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="条码" prop="barcode">
|
<el-input
|
v-model.trim="editConfig.infomation.barcode"
|
placeholder="请输入"
|
size="mini"
|
style="width: 85%"
|
:disabled="!showFooter"
|
></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="all">
|
<!-- <div class="second-label">备注</div> -->
|
<el-form-item label="备注" prop="internalNotes">
|
<el-input
|
v-model.trim="editConfig.infomation.internalNotes"
|
placeholder="请输入"
|
size="mini"
|
type="textarea"
|
style="width: 95%"
|
:autosize="{ minRows: 4 }"
|
:disabled="!showFooter"
|
></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<!-- 库存 -->
|
<div v-if="activeName === 'third'">
|
<div class="purchase-view">
|
<div class="all">
|
<div class="second-label">物流</div>
|
</div>
|
</div>
|
<div class="purchase-view">
|
<!-- <div class="left">
|
<div class="second-label">操作</div>
|
<el-form-item label="路线" prop="checkedRoute" >
|
<el-checkbox-group v-model="checkedRoute" :min="1" :max="2">
|
<el-checkbox v-for="city in route" :label="city" :key="city" class="list-item">{{
|
city.length > 20 ? city.substring(0, 20) + "..." : city
|
}}</el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
</div> -->
|
<div class="left">
|
<el-form-item label="负责人" prop="principal" label-width="80px">
|
<el-select
|
v-model="editConfig.infomation.principal"
|
placeholder="请选择"
|
size="mini"
|
style="width: 85%"
|
:disabled="!showFooter"
|
>
|
<el-option v-for="item in memberOptions" :key="item.id" :label="item.name" :value="item.name">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="重量" prop="weight" label-width="80px">
|
<el-input-number
|
v-model="editConfig.infomation.weight"
|
placeholder="请输入"
|
:min="0"
|
:precision="2"
|
:controls="false"
|
style="width: 85%"
|
:disabled="!showFooter"
|
></el-input-number>
|
<span> kg</span>
|
</el-form-item>
|
<el-form-item label="体积" prop="volume" label-width="80px">
|
<el-input-number
|
v-model="editConfig.infomation.volume"
|
placeholder="请输入"
|
:min="0"
|
:precision="2"
|
:controls="false"
|
style="width: 85%"
|
:disabled="!showFooter"
|
></el-input-number>
|
<span> m³</span>
|
</el-form-item>
|
</div>
|
<div class="right">
|
<el-form-item label="制造前置时间" prop="makeAdvanceTime" label-width="130px">
|
<el-input-number
|
v-model="editConfig.infomation.makeAdvanceTime"
|
placeholder="请输入"
|
:min="0"
|
:precision="0"
|
:controls="false"
|
style="width: 85%"
|
:disabled="!showFooter"
|
></el-input-number>
|
<span> 天数</span>
|
</el-form-item>
|
<el-form-item label="生产订单准备天数" prop="orderAdvanceTime" label-width="130px">
|
<el-input-number
|
v-model="editConfig.infomation.orderAdvanceTime"
|
placeholder="请输入"
|
:min="0"
|
:precision="0"
|
:controls="false"
|
style="width: 85%"
|
:disabled="!showFooter"
|
></el-input-number>
|
<span> 天数</span>
|
</el-form-item>
|
<el-form-item label="客户前置时间" prop="deliveryAdvanceTime" label-width="130px">
|
<el-input-number
|
v-model="editConfig.infomation.deliveryAdvanceTime"
|
placeholder="请输入"
|
:min="0"
|
:precision="0"
|
:controls="false"
|
style="width: 85%"
|
:disabled="!showFooter"
|
></el-input-number>
|
<span> 天</span>
|
</el-form-item>
|
</div>
|
</div>
|
<!-- <div class="purchase-view">
|
<div class="left">
|
<div class="second-label">收货说明</div>
|
<el-form-item label="" prop="inStorageExplain" label-width="0px">
|
<el-input
|
v-model.trim="editConfig.infomation.inStorageExplain"
|
placeholder="此说明添加到收货订单中(例如，产品在仓库的存储位置)"
|
size="mini"
|
type="textarea"
|
style="width: 95%"
|
:autosize="{ minRows: 4 }"
|
:disabled="!showFooter"
|
></el-input>
|
</el-form-item>
|
</div>
|
<div class="right">
|
<div class="second-label">出库单说明</div>
|
<el-form-item label="" prop="outStorageExplain" label-width="0px">
|
<el-input
|
v-model.trim="editConfig.infomation.outStorageExplain"
|
placeholder="此通知已添加到送货单中"
|
size="mini"
|
type="textarea"
|
style="width: 95%"
|
:autosize="{ minRows: 4 }"
|
:disabled="!showFooter"
|
></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="purchase-view">
|
<div class="left">
|
<div class="second-label">内部调拨说明</div>
|
<el-form-item label="" prop="internalTransferExplain" label-width="0px">
|
<el-input
|
v-model.trim="editConfig.infomation.internalTransferExplain"
|
placeholder="此说明添加到内部调拨订单中(例如，在仓库中何处提取产品)"
|
size="mini"
|
type="textarea"
|
style="width: 100%"
|
:autosize="{ minRows: 4 }"
|
:disabled="!showFooter"
|
></el-input>
|
</el-form-item>
|
</div>
|
<div class="right"></div>
|
</div> -->
|
</div>
|
<!-- 下面不要删 二期或三期会用到 -->
|
<!-- 销售 -->
|
<!-- <div v-if="activeName === 'sale'">
|
<div class="purchase-view">
|
<div class="left">
|
<div class="second-label">{{ "加售&交叉销售" }}</div>
|
<el-form-item label="可选产品" prop="selectProduct" >
|
<el-select
|
v-model="editConfig.infomation.selectProduct"
|
multiple
|
placeholder="请选择"
|
size="mini"
|
style="width: 85%"
|
:disabled="!showFooter"
|
>
|
<el-option
|
v-for="item in selectProductOptions"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<div class="second-label">销售说明</div>
|
<el-form-item label="" prop="sellExplain" label-width="20px">
|
<el-input
|
v-model.trim="editConfig.infomation.sellExplain"
|
size="mini"
|
type="textarea"
|
style="width: 85%"
|
:autosize="{ minRows: 2 }"
|
:disabled="!showFooter"
|
></el-input>
|
</el-form-item>
|
</div>
|
<div class="right"></div>
|
</div>
|
</div> -->
|
<!-- 采购 -->
|
<!-- <div v-if="activeName === 'second'">
|
<CommonFormTableView
|
:product-table-list="productTableList"
|
:detail-enter="!showFooter"
|
@inputContent="inputContent"
|
@addProductClick="addProductClick"
|
>
|
<template v-if="showFooter" slot="tableButton">
|
<el-table-column label="操作" width="60" fixed="right" align="center">
|
<template slot-scope="scope">
|
<div @click="handleDelClick(scope)">
|
<i class="el-icon-delete"></i>
|
</div>
|
</template>
|
</el-table-column>
|
</template>
|
</CommonFormTableView>
|
<div class="purchase-view">
|
<div class="left">
|
<div class="second-label">供应商账单</div>
|
<el-form-item label="进项税" prop="client_name" >
|
<el-select
|
v-model="editConfig.infomation.memberId"
|
multiple
|
placeholder="请选择"
|
size="mini"
|
style="width: 63%"
|
:disabled="!showFooter"
|
>
|
<el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="控制策略" prop="client_name" >
|
<el-radio-group v-model="editConfig.infomation.resource">
|
<el-radio label="订单数量"></el-radio>
|
<el-radio label="收到数量"></el-radio>
|
</el-radio-group>
|
</el-form-item>
|
</div>
|
<div class="right">
|
<div class="second-label">采购说明</div>
|
<el-form-item label="" prop="name" label-width="0px">
|
<el-input
|
v-model.trim="editConfig.infomation.desc"
|
placeholder="本条备注被添加到采购订单"
|
size="mini"
|
type="textarea"
|
style="width: 100%"
|
:autosize="{ minRows: 4 }"
|
:disabled="!showFooter"
|
></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
</div> -->
|
</div>
|
</div>
|
</el-form>
|
<!-- 尾 -->
|
<div slot="footer" class="dialog-footer">
|
<el-button type="primary" size="small" @click="saveClick('form')" :disabled="!showFooter">保存</el-button>
|
<el-button size="small" @click="editConfig.visible = false">取消</el-button>
|
</div>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
// import CommonFormTableView from "@/components/makepager/CommonFormTableView"
|
import { getProductCategoryList } from "@/api/product/productCategory"
|
import { getProductList, addProduct, updateProduct } from "@/api/product/product"
|
|
let inputElement = null
|
export default {
|
name: "AddProductDialog",
|
props: {
|
editCommonConfig: {
|
type: Object,
|
default: () => {
|
return {
|
visible: false,
|
title: "新建",
|
infomation: {}
|
}
|
}
|
}
|
},
|
components: {},
|
computed: {},
|
data() {
|
return {
|
dialogWidth: "50%",
|
editConfig: this.editCommonConfig,
|
rules: {
|
name: [{ required: true, message: "请输入产品名称", trigger: "blur" }],
|
model: [{ required: true, message: "请选择物料类型", trigger: "change" }],
|
salePrice: [{ required: true, message: "请输入销售价格", trigger: "blur" }],
|
unit: [{ required: true, message: "请输入单位", trigger: "blur" }]
|
},
|
memberOptions: [{ name: "管理员", id: 1 }],
|
productCategoryOptions: [], // 产品类别
|
productTypeOptions: [
|
{ name: "能消耗", id: 1 },
|
{ name: "服务", id: 2 },
|
{ name: "可库存产品", id: 3 }
|
], // 产品类型
|
strategyOptions: [
|
{ name: "订购数量", id: 1 },
|
{ name: "交付数量", id: 2 }
|
], // 开票策略
|
selectProductOptions: [], // 可选产品
|
showButton: true,
|
activeName: "first",
|
productTableList: {},
|
tableData: [],
|
isNoProduct: false, // 添加明细行时是否有产品未选择
|
showEdit: false, // 是否显示编辑按钮
|
isDelClick: false, // 删除按钮是否可点击
|
showFooter: false, // 是否显示取消保存
|
imageSrc: "", // 图片地址
|
marketable: true, // 可销售
|
procurable: true, // 可采购
|
checkedRoute: [],
|
route: ["制造", "河池生产制造仓"],
|
addProduct: false,
|
showProcure: true,
|
showSale: true,
|
materialTypeList: [
|
{ name: "原材料", id: "原材料" },
|
{ name: "半成品", id: "半成品" },
|
{ name: "成品", id: "成品" },
|
{ name: "辅料", id: "辅料" },
|
{ name: "耗材", id: "耗材" },
|
{ name: "其他", id: "其他" }
|
],
|
statisticsMap: {
|
inLibrary: 0 // 在库
|
}
|
}
|
},
|
created() {
|
this.getProductCategoryList()
|
this.getProductList()
|
this.setTableForm()
|
this.setBottonView()
|
this.statisticsMap.inLibrary = this.editConfig?.infomation?.amount ?? 0
|
},
|
methods: {
|
// 获取产品类别
|
async getProductCategoryList() {
|
await getProductCategoryList({
|
keyWord: "",
|
page: 0,
|
pageSize: 0
|
}).then((res) => {
|
if (res.code === 200) {
|
this.productCategoryOptions = res.data
|
}
|
})
|
},
|
// 获取可选产品
|
async getProductList() {
|
await getProductList({
|
keyWord: "",
|
page: 1,
|
pageSize: 20
|
}).then((res) => {
|
if (res.code === 200) {
|
const list = res.data.map((item) => {
|
return {
|
id: item.id,
|
name: item.name
|
}
|
})
|
this.selectProductOptions = list || []
|
}
|
})
|
},
|
// 设置删除/打印/编辑是否显示
|
setBottonView() {
|
if (this.editConfig.title === "新建") {
|
this.showButton = false
|
this.showEdit = false
|
this.showFooter = true
|
this.addProduct = true
|
} else {
|
this.showEdit = true
|
this.showFooter = false
|
this.addProduct = false
|
}
|
},
|
// 关闭
|
handleClose() {
|
this.editConfig.visible = false
|
},
|
// 编辑
|
editClick() {
|
this.showEdit = false
|
this.showButton = false
|
this.showFooter = true
|
this.setTableForm()
|
},
|
// 保存
|
saveClick(formName) {
|
console.log(this.editConfig.infomation)
|
this.$refs[formName].validate((valid) => {
|
if (valid) {
|
let requestUrl = this.editConfig.title === "新建" ? addProduct : updateProduct
|
requestUrl({
|
...this.editConfig.infomation
|
}).then((res) => {
|
console.log(res)
|
this.editConfig.visible = false
|
if (res.code === 200) {
|
this.$message.success("添加成功")
|
this.$parent.getData()
|
}
|
})
|
}
|
})
|
},
|
// 删除
|
delClick() {},
|
setTableForm() {
|
this.productTableList = {
|
tableData: this.tableData,
|
tableColumn: [
|
{ label: "供应商", prop: "name", productName: true, isRequird: true },
|
// { label: "供应商名称", prop: "number", input: true },
|
// { label: "供应商产品代码", prop: "number", input: true },
|
{ label: "开始日期", prop: "amount", date: true },
|
{ label: "结束日期", prop: "price", date: true },
|
{ label: "公司", prop: "total", select: true },
|
{ label: "数量", prop: "total", inputFloat: true },
|
{ label: "价格", prop: "price", inputFloat: true },
|
{ label: "币种", prop: "total", select: true }
|
// { label: "交货提前时间", prop: "total", inputNumber: true }
|
]
|
}
|
},
|
// 产品列表输入
|
inputContent(val, prop, row) {
|
this.productId = row.productId
|
this.tableData.map((item) => {
|
if (item.productId === row.productId) {
|
item[prop] = val
|
}
|
})
|
},
|
// 产品新增
|
addProductClick() {
|
console.log(this.tableData)
|
for (let i = 0; i < this.tableData.length; i++) {
|
if (this.tableData[i].name.length === 0) {
|
this.isNoProduct = true
|
break
|
} else {
|
this.isNoProduct = false
|
}
|
}
|
if (!this.isNoProduct) {
|
this.productId++
|
this.tableData.push({
|
productId: this.productId,
|
id: 0,
|
amount: 0,
|
desc: "",
|
name: "",
|
number: "",
|
price: 0,
|
total: 0
|
})
|
}
|
},
|
// 产品删除
|
handleDelClick(scope) {
|
console.log(scope)
|
this.tableData.splice(scope.$index, 1)
|
},
|
// 上传图片
|
toGetImg() {
|
if (this.showFooter) {
|
if (inputElement === null) {
|
// 生成文件上传的控件
|
inputElement = document.createElement("input")
|
inputElement.setAttribute("type", "file")
|
inputElement.style.display = "none"
|
if (window.addEventListener) {
|
inputElement.addEventListener("change", this.uploadFile, false)
|
} else {
|
inputElement.attachEvent("onchange", this.uploadFile)
|
}
|
document.body.appendChild(inputElement)
|
}
|
inputElement.click()
|
}
|
},
|
uploadFile(el) {
|
if (el && el.target && el.target.files && el.target.files.length > 0) {
|
console.log(el)
|
const files = el.target.files[0]
|
const isLt2M = files.size / 1024 / 1024 < 2
|
const size = files.size / 1024 / 1024
|
console.log(size)
|
// 判断上传文件的大小
|
if (!isLt2M) {
|
this.$message.error("上传头像图片大小不能超过 2MB!")
|
} else if (files.type.indexOf("image") === -1) {
|
//如果不是图片格式
|
this.$message.error("请选择图片文件")
|
} else {
|
const that = this
|
const reader = new FileReader() // 创建读取文件对象
|
reader.readAsDataURL(el.target.files[0]) // 发起异步请求，读取文件
|
reader.onload = function () {
|
// 读取完成后，将结果赋值给img的src
|
that.imageSrc = this.result
|
console.log(this.result)
|
// 数据传到后台
|
//const formData = new FormData()
|
//formData.append('file', files); // 可以传到后台的数据
|
}
|
}
|
}
|
},
|
// 进出点击
|
inOutBoundClick() {
|
if (this.editConfig.title !== "新建") {
|
console.log(this.editConfig.infomation)
|
this.$router.push({
|
name: "inboundOutboundDetail",
|
params: {
|
name: this.editConfig.infomation.name,
|
id: this.editConfig.infomation.id
|
}
|
})
|
}
|
},
|
// 可销售/可采购
|
checkboxChange(val, param) {
|
if (val === "采购") {
|
this.showProcure = param
|
} else if (val === "销售") {
|
this.showSale = param
|
}
|
}
|
}
|
}
|
</script>
|
|
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
<style lang="scss" scoped>
|
.dialog-header {
|
display: flex;
|
align-items: center;
|
font-size: 14px;
|
color: #333;
|
.header_btns {
|
margin-left: auto;
|
margin-right: 60px;
|
.btn {
|
cursor: no-drop;
|
}
|
}
|
}
|
.content-btn {
|
height: 37px;
|
line-height: 37px;
|
padding-left: 20px;
|
border-bottom: 1px solid #e9e9e9;
|
}
|
.basic-info {
|
height: calc(100% - 80px);
|
overflow: auto;
|
margin: 10px;
|
// border: 1px solid #dcdfe6;
|
// box-shadow: inset 0 0 2px #dee2e6;
|
// -moz-box-shadow: inset 0 0 2px #dee2e6;
|
// -webkit-box-shadow: inset 0 0 2px #dee2e6;
|
.bottom {
|
margin-top: 10px;
|
}
|
.content-number {
|
display: flex;
|
justify-content: right;
|
height: 44px;
|
// border-bottom: 1px solid #e9e9e9;
|
font-size: 13px;
|
.sub-number {
|
width: 12.5%;
|
border-right: 1px solid #e9e9e9;
|
display: flex;
|
padding: 3px 9px;
|
.left {
|
margin-top: 3px;
|
font-size: 22px;
|
font-weight: 600;
|
}
|
.icon-view {
|
transform: rotate(270deg);
|
}
|
.right {
|
margin-left: 6px;
|
.right-label {
|
color: #495057;
|
}
|
.right-one {
|
height: 38px;
|
line-height: 38px;
|
}
|
}
|
}
|
}
|
.purchase-view {
|
display: flex;
|
.left {
|
width: 50%;
|
}
|
.right {
|
width: 50%;
|
}
|
.all {
|
width: 100%;
|
}
|
}
|
.second-label {
|
margin-left: 20px;
|
margin-right: 20px;
|
border-bottom: 1px solid #d9d9d9;
|
margin-bottom: 10px;
|
}
|
.list-item {
|
width: 100%;
|
}
|
.avatar-uploader .el-upload {
|
border: 1px dashed #d9d9d9;
|
border-radius: 6px;
|
cursor: pointer;
|
position: relative;
|
overflow: hidden;
|
}
|
.avatar-uploader .el-upload:hover {
|
border-color: #409eff;
|
}
|
.avatar-uploader-icon {
|
font-size: 28px;
|
color: #8c939d;
|
width: 178px;
|
height: 178px;
|
line-height: 178px;
|
text-align: center;
|
}
|
.avatar {
|
width: 178px;
|
height: 178px;
|
display: block;
|
}
|
}
|
::v-deep {
|
.el-dialog__headerbtn {
|
position: absolute;
|
top: 18px;
|
}
|
.el-button {
|
&:hover {
|
border: 1px solid #dcdfe6;
|
color: #333;
|
}
|
}
|
.el-tabs--card > .el-tabs__header {
|
border-bottom: none;
|
}
|
.el-tabs__item.is-active {
|
color: #fff;
|
background: #2a78fb;
|
}
|
.el-tabs__item {
|
height: 30px;
|
line-height: 30px;
|
font-size: 13px;
|
background: #f3f3f3;
|
}
|
.el-input__inner {
|
text-align: left;
|
}
|
}
|
</style>
|
