<template>
|
<div class="add-product-page">
|
<div class="top-view">
|
<div class="t-left">
|
<el-button type="primary" size="small" @click="cancelClickOne"
|
>放弃</el-button
|
>
|
<el-button
|
type="primary"
|
size="small"
|
:loading="isAddloading"
|
@click="saveClickOne('ruleForm')"
|
>保存</el-button
|
>
|
<!-- <el-divider direction="vertical"></el-divider> -->
|
<!-- <el-button type="primary" size="small" @click="quitClick">退出</el-button> -->
|
</div>
|
<div class="t-right">
|
<div
|
class="t-right-circle"
|
:class="isDeviceConnectStatus ? 't-r-bg-green ' : 't-r-bg-red '"
|
></div>
|
<div :class="isDeviceConnectStatus ? 't-right-green' : 't-right-red'">
|
计量仪器连接正常
|
</div>
|
</div>
|
</div>
|
<div class="body-card">
|
<div class="body-top">
|
<div class="b-t-left">
|
<el-form
|
:model="ruleForm"
|
:rules="rules"
|
ref="ruleForm"
|
label-width="85px"
|
label-position="right"
|
class="demo-ruleForm"
|
>
|
<el-row>
|
<el-col :span="3">
|
<el-form-item label="编号" prop="number">
|
<el-input v-model="ruleForm.number" size="small"></el-input>
|
</el-form-item>
|
<el-form-item label="生产用时" prop="record">
|
<el-input
|
v-model.number="ruleForm.record"
|
size="small"
|
></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="3">
|
<el-form-item label="生产日期" prop="createTime">
|
<el-date-picker
|
value-format="yyyy-MM-dd"
|
type="date"
|
placeholder="选择日期"
|
v-model="ruleForm.createTime"
|
size="small"
|
style="width: 100%"
|
></el-date-picker>
|
</el-form-item>
|
<el-form-item label="回数" prop="circle">
|
<el-input
|
v-model.number="ruleForm.circle"
|
size="small"
|
></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="3">
|
<el-form-item label="庄口" prop="marketId">
|
<el-select
|
v-model="ruleForm.marketId"
|
placeholder="请选择"
|
class="select-width"
|
>
|
<el-option
|
v-for="item in marketList"
|
:key="item.ID"
|
:label="item.name"
|
:value="item.ID"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="落丝茧量" prop="fallingSilkCocoonNumber">
|
<el-input
|
v-model.number="ruleForm.fallingSilkCocoonNumber"
|
size="small"
|
></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="3">
|
<el-form-item label="车间" prop="workshopId">
|
<el-select
|
v-model="ruleForm.workshopId"
|
placeholder="请选择"
|
class="select-width"
|
@change='getGroupNumber'
|
>
|
<el-option
|
v-for="item in nameList"
|
:key="item.number"
|
:label="item.name"
|
:value="item.number"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="每桶茧量" prop="bucketCocoonNumber">
|
<div style="display: flex">
|
<el-input
|
v-model.number="ruleForm.bucketCocoonNumber"
|
size="small"
|
></el-input>
|
<span class='margin_left_5px'>克</span>
|
</div>
|
</el-form-item>
|
</el-col>
|
<el-col :span="3">
|
<el-form-item label="组别" prop="groupNumber">
|
<el-select
|
v-model="ruleForm.groupNumber"
|
placeholder="请先选择车间"
|
no-data-text='请先选择车间'
|
class="select-width"
|
@change='getGroupNumber'
|
>
|
<el-option
|
v-for="item in workshopGroupList"
|
:key="item"
|
:label="item"
|
:value="item"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="实际车速" prop="vehicleSpeed">
|
<el-input
|
v-model.number="ruleForm.vehicleSpeed"
|
size="small"
|
></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="3">
|
<el-form-item label="规格" prop="spec">
|
<el-select
|
v-model="ruleForm.spec"
|
placeholder="请选择"
|
class="select-width"
|
>
|
<el-option
|
v-for="item in specList"
|
:key="item.ID"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="乙班时间" prop="timeYi">
|
<el-date-picker
|
value-format="yyyy-MM-dd"
|
type="date"
|
placeholder="选择日期"
|
v-model="ruleForm.timeYi"
|
size="small"
|
style="width: 100%"
|
></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="3">
|
<el-form-item label="是否结庄" prop="jieZhuang">
|
<el-input
|
v-model="ruleForm.jieZhuang"
|
size="small"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="甲班时间" prop="timeJia">
|
<el-date-picker
|
value-format="yyyy-MM-dd"
|
type="date"
|
placeholder="选择日期"
|
v-model="ruleForm.timeJia"
|
size="small"
|
style="width: 100%"
|
></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="3">
|
<el-form-item label="等级" prop="level">
|
<el-input
|
disabled
|
v-model="ruleForm.level"
|
size="small"
|
></el-input>
|
</el-form-item>
|
|
<el-form-item label="车组缫折" prop="groupReelingdiscount">
|
<el-input
|
v-model="ruleForm.groupReelingdiscount"
|
size="small"
|
></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="16">
|
<el-form-item label="落丝桶数:" prop="fallingSilkBucket">
|
<div class="doff-barrelage-card">
|
<div class="select-width">
|
<el-form-item
|
label=""
|
@input="inputStart"
|
label-width="0"
|
prop="fallingSilkBucketOne"
|
class='margin_right_10px select-width-input'
|
>
|
<el-input
|
v-model="ruleForm.fallingSilkBucketOne"
|
size="small"
|
class="d-b-c-input"
|
></el-input>
|
</el-form-item>
|
<el-checkbox
|
v-model="ruleForm.isfallingSilkBucketOne"
|
></el-checkbox>
|
</div>
|
<div class="select-width">
|
<el-form-item
|
label=""
|
@input="inputStart"
|
label-width="0"
|
prop="fallingSilkBucketTwo"
|
class='margin_right_10px select-width-input'
|
>
|
<el-input
|
v-model="ruleForm.fallingSilkBucketTwo"
|
size="small"
|
class="d-b-c-input"
|
></el-input>
|
</el-form-item>
|
<el-checkbox
|
v-model="ruleForm.isfallingSilkBucketTwo"
|
></el-checkbox>
|
</div>
|
<div class="select-width">
|
<el-form-item
|
label=""
|
@input="inputStart"
|
label-width="0"
|
prop="fallingSilkBucketThree"
|
class='margin_right_10px select-width-input'
|
>
|
<el-input
|
v-model="ruleForm.fallingSilkBucketThree"
|
size="small"
|
class="d-b-c-input"
|
></el-input>
|
</el-form-item>
|
<el-checkbox
|
v-model="ruleForm.isfallingSilkBucketThree"
|
></el-checkbox>
|
</div>
|
</div>
|
</el-form-item>
|
<el-form-item label="号带颜色:" prop="back">
|
<div class="doff-barrelage-card">
|
<div class="d-b-common">
|
<el-form-item
|
label="第一回"
|
@input="inputStartTwo"
|
label-width="90px"
|
prop="oneBack"
|
class="select-width"
|
>
|
<el-input
|
v-model="ruleForm.oneBack"
|
size="small"
|
></el-input>
|
</el-form-item>
|
</div>
|
<div class="d-b-common">
|
<el-form-item
|
label="第二回"
|
@input="inputStartTwo"
|
label-width="90px"
|
prop="twoBack"
|
class="select-width"
|
>
|
<el-input
|
v-model="ruleForm.twoBack"
|
size="small"
|
></el-input>
|
</el-form-item>
|
</div>
|
<div class="d-b-common">
|
<el-form-item
|
label="第三回"
|
@input="inputStartTwo"
|
label-width="90px"
|
prop="threeBack"
|
class="select-width"
|
>
|
<!-- <div class="n-m-c-label">第三回</div> -->
|
<el-input
|
v-model="ruleForm.threeBack"
|
size="small"
|
></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
</el-form-item>
|
</el-col>
|
<el-col :span="4">
|
<el-form-item label="理论丝量" prop="theorySilkAmount">
|
<el-input
|
v-model.number="ruleForm.theorySilkAmount"
|
size="small"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="总产量" prop="total">
|
<div style="display: flex">
|
<el-input
|
v-model.number="ruleForm.total"
|
size="small"
|
></el-input>
|
<span class='margin_left_5px'>kg</span>
|
</div>
|
</el-form-item>
|
</el-col>
|
<el-col :span="4">
|
<el-form-item label="台时产量" prop="hourYield">
|
<el-input
|
v-model.number="ruleForm.hourYield"
|
size="small"
|
></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<div class="b-t-right">
|
<div
|
class="b-t-r-icon"
|
:class="isDeviceConnectStatus ? 'c-p' : 'c-n'"
|
@click="deviceConnectClick"
|
>
|
<i class="el-icon-d-arrow-left"></i>
|
</div>
|
</div>
|
</div>
|
<div class="body-table">
|
<div class="b-t-unit">单位：克</div>
|
<el-table
|
:data="tableData"
|
style="width: 100%"
|
border
|
:height="'calc(100% - 0px)'"
|
>
|
<el-table-column
|
prop="carNumber"
|
label="车号"
|
width="99"
|
align="center"
|
>
|
</el-table-column>
|
<el-table-column label="第一回" align="center">
|
<el-table-column
|
prop="pieceNumber11"
|
label="1"
|
width="60"
|
align="center"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="pieceNumber12"
|
label="2"
|
width="60"
|
align="center"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="pieceNumber13"
|
label="3"
|
width="60"
|
align="center"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="pieceNumber14"
|
label="4"
|
width="60"
|
align="center"
|
>
|
</el-table-column>
|
</el-table-column>
|
<el-table-column label="第二回" align="center">
|
<el-table-column
|
prop="pieceNumber21"
|
label="1"
|
width="60"
|
align="center"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="pieceNumber22"
|
label="2"
|
width="60"
|
align="center"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="pieceNumber23"
|
label="3"
|
width="60"
|
align="center"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="pieceNumber24"
|
label="4"
|
width="60"
|
align="center"
|
>
|
</el-table-column>
|
</el-table-column>
|
<el-table-column label="第三回" align="center">
|
<el-table-column
|
prop="pieceNumber31"
|
label="1"
|
width="60"
|
align="center"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="pieceNumber32"
|
label="2"
|
width="60"
|
align="center"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="pieceNumber33"
|
label="3"
|
width="60"
|
align="center"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="pieceNumber34"
|
label="4"
|
width="60"
|
align="center"
|
>
|
</el-table-column>
|
</el-table-column>
|
<el-table-column prop="oneYield" label="台产量" align="center">
|
</el-table-column>
|
<el-table-column
|
prop="peopleYield"
|
label="个人产量"
|
width="60"
|
align="center"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="hourYield"
|
label="台时产量"
|
width="60"
|
align="center"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="personReelingdiscount"
|
label="个人缫折"
|
width="60"
|
align="center"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="allYield1"
|
label="一回产量"
|
width="60"
|
align="center"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="oneYield1"
|
label="一回台产"
|
width="60"
|
align="center"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="reelingdiscount1"
|
label="一回缫折"
|
width="60"
|
align="center"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="allYield2"
|
label="二回产量"
|
width="60"
|
align="center"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="oneYield2"
|
label="二回台产"
|
width="60"
|
align="center"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="reelingdiscount2"
|
label="二回缫折"
|
width="60"
|
align="center"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="allYield3"
|
label="三回产量"
|
width="60"
|
align="center"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="oneYield3"
|
label="三回台产"
|
width="60"
|
align="center"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="reelingdiscount3"
|
label="三回缫折"
|
width="60"
|
align="center"
|
>
|
</el-table-column>
|
</el-table>
|
</div>
|
</div>
|
<!-- 仪器连接正常弹窗 -->
|
<addProductDialog ref="addProductDialog"
|
:marketList='marketList'
|
:nameList='nameList'
|
:form='ruleForm'
|
:specList='specList'
|
@changeForm='changeForm'
|
@changeTableInput='changeTableInput' />
|
</div>
|
</template>
|
|
<script>
|
import addProductDialog from "./components/addProductDialog";
|
import {
|
// getYieldRegisterInfo,
|
saveYieldRegister,
|
getWorkshopManageCar,
|
getWorkshopManageGroup,
|
} from "@/api/productManage/productRegisterForm.js";
|
import {
|
getDictList,
|
} from "@/api/productManage/silkRegisterForm.js";
|
export default {
|
name: "addProductRegisterPage",
|
props: {},
|
mixins: [],
|
components: { addProductDialog },
|
computed: {},
|
data() {
|
return {
|
isDeviceConnectStatus: true,
|
marketList: [], //庄口
|
nameList: [], //车间
|
workshopGroupList: [], //组别
|
specList: [], //规格
|
ruleForm: {
|
number: "",
|
record: "",
|
createTime: "",
|
circle: "",
|
marketId: "",
|
fallingSilkCocoonNumber: "",
|
workshopId: "",
|
bucketCocoonNumber: "",
|
groupNumber: "",
|
vehicleSpeed: "",
|
spec: "",
|
timeYi: "",
|
jieZhuang: "",
|
timeJia: "",
|
level: "",
|
groupReelingdiscount: "",
|
fallingSilkBucket: "",
|
fallingSilkBucketOne: "",
|
isfallingSilkBucketOne: "",
|
fallingSilkBucketTwo: "",
|
isfallingSilkBucketTwo: "",
|
fallingSilkBucketThree: "",
|
isfallingSilkBucketThree: "",
|
back: "",
|
oneBack: "",
|
twoBack: "",
|
threeBack: "",
|
theorySilkAmount: "",
|
total: "",
|
hourYield: "",
|
},
|
rules: {
|
number: [{ required: true, message: "请输入编号", trigger: ["change", "blur"] }],
|
createTime: [
|
{ required: true, message: "请选择生产日期", trigger: ["change", "blur"] },
|
],
|
marketId: [
|
{ required: true, message: "请选择", trigger: ["change", "blur"] },
|
],
|
workshopId: [
|
{ required: true, message: "请选择", trigger: ["change", "blur"] },
|
],
|
groupNumber: [
|
{ required: true, message: "请选择", trigger: ["change", "blur"] },
|
],
|
spec: [
|
{ required: true, message: "请选择", trigger: ["change", "blur"] },
|
],
|
},
|
tableData: [],
|
isAddloading: false,
|
productRegisterId:null,
|
productRegisterNumber:null,
|
};
|
},
|
mounted() {
|
let query = this.$route.query;
|
if (query) {
|
this.productRegisterId = query.id ? query.id : "";
|
this.productRegisterNumber = query.number ? query.number : "";
|
}
|
this.getSelectDataList();
|
},
|
methods: {
|
changeForm(form,val){
|
if(val){
|
this.ruleForm.createTime=form.createTime
|
this.ruleForm.groupNumber=form.groupNumber
|
this.ruleForm.spec=form.spec
|
this.ruleForm.marketId=form.marketId
|
this.getGroupNumber()
|
}
|
},
|
changeTableInput(form){
|
let string=''
|
for(let i in this.tableData){
|
if(this.tableData[i].carNumber==form.carNumber){
|
string=i
|
if(Number(form.pieceNumber)>0&&Number(form.pieces)<5){
|
this.$set(this.tableData[i],'pieceNumber'+form.pieceNumber+form.pieces,form.netWeight)
|
break;
|
}
|
}
|
}
|
if(form.pieceNumber==3&&form.pieces==4){
|
this.$refs.addProductDialog.proForm.carNumber=this.tableData[Number(string)+1].carNumber
|
}else{
|
if(form.pieces==4){
|
this.$refs.addProductDialog.proForm.pieceNumber=Number(form.pieceNumber)+1
|
this.$refs.addProductDialog.proForm.pieces=1
|
}else{
|
this.$refs.addProductDialog.proForm.pieces=Number(form.pieces)+1
|
}
|
}
|
this.$refs.addProductDialog.proForm.netWeight=''
|
this.$forceUpdate();
|
},
|
getSelectDataList() {
|
//车间
|
getDictList({
|
dictType: 1,
|
}).then((res) => {
|
if (res.code == 200) {
|
this.nameList = res.data || [];
|
}
|
});
|
//规格
|
getDictList({
|
dictType: 3,
|
}).then((res) => {
|
if (res.code == 200) {
|
this.specList = res.data || [];
|
}
|
});
|
//庄口
|
getDictList({
|
dictType: 0,
|
}).then((res) => {
|
if (res.code == 200) {
|
this.marketList = res.data || [];
|
}
|
});
|
},
|
getGroupNumber(){
|
if(this.ruleForm.workshopId){
|
//组别
|
getWorkshopManageGroup({number:this.ruleForm.workshopId}).then((res) => {
|
if (res.code == 200) {
|
this.workshopGroupList=[]
|
let workshopGroupList = res.data || {};
|
if(Object.keys(workshopGroupList).length>0){
|
for(let i in workshopGroupList){
|
this.workshopGroupList.push(workshopGroupList[i])
|
}
|
}
|
}
|
});
|
if(this.ruleForm.groupNumber){
|
getWorkshopManageCar({
|
workshopNumber:this.ruleForm.workshopId+'',
|
groupNumber:this.ruleForm.groupNumber,
|
}).then((res) => {
|
if (res.code == 200) {
|
this.tableData=[]
|
let data = JSON.parse(JSON.stringify(res.data)) || {};
|
if(Object.keys(data).length>0){
|
for(let i in data){
|
for(let j in data[i]){
|
this.tableData.push({carNumber:data[i][j],perList:data[i]})
|
}
|
}
|
}
|
this.ruleForm.carNumber=this.tableData.length>0?this.tableData[0].carNumber:''
|
}
|
});
|
}
|
}else{
|
this.workshopGroupList =[]
|
}
|
},
|
inputStart() {
|
this.ruleForm.fallingSilkBucket = this.ruleForm.fallingSilkBucketOne + "-" + this.ruleForm.fallingSilkBucketTwo+"-" + this.ruleForm.fallingSilkBucketThree;
|
},
|
inputStartTwo() {
|
this.ruleForm.back = this.ruleForm.oneBack + "-" + this.ruleForm.twoBack+"-" + this.ruleForm.threeBack;
|
},
|
// 仪器连接弹窗
|
deviceConnectClick() {
|
if (this.isDeviceConnectStatus) {
|
this.$refs.addProductDialog.proForm.pieceNumber=1
|
this.$refs.addProductDialog.proForm.pieces=1
|
this.$forceUpdate();
|
this.$refs.addProductDialog.editDialogVisible = true;
|
}
|
},
|
// 退出
|
quitClick() {
|
this.$router.go(-1);
|
},
|
// 放弃
|
cancelClickOne() {
|
this.ruleForm = {
|
number: "",
|
record: "",
|
createTime: "",
|
circle: "",
|
marketId: "",
|
fallingSilkCocoonNumber: "",
|
workshopId: "",
|
bucketCocoonNumber: "",
|
groupNumber: "",
|
vehicleSpeed: "",
|
spec: "",
|
timeYi: "",
|
jieZhuang: "",
|
timeJia: "",
|
level: "",
|
groupReelingdiscount: "",
|
fallingSilkBucket: "",
|
fallingSilkBucketOne: "",
|
isfallingSilkBucketOne: "",
|
fallingSilkBucketTwo: "",
|
isfallingSilkBucketTwo: "",
|
fallingSilkBucketThree: "",
|
isfallingSilkBucketThree: "",
|
back: "",
|
oneBack: "",
|
twoBack: "",
|
threeBack: "",
|
theorySilkAmount: "",
|
total: "",
|
hourYield: "",
|
};
|
this.$refs.ruleForm.resetFields();
|
this.tableData = [];
|
},
|
// 保存
|
saveClickOne(formName) {
|
this.$refs[formName].validate((valid) => {
|
if (valid) {
|
let form = JSON.parse(JSON.stringify(this.ruleForm));
|
// params.workshopGroup=Number(params.workshopGroup)
|
this.isAddloading = true;
|
delete form.circleTwo;
|
let finenessList = JSON.parse(
|
JSON.stringify(this.tableList.tableData)
|
);
|
for (let i in finenessList) {
|
delete finenessList[i].productId;
|
}
|
let params = {
|
finenessList: finenessList,
|
...form,
|
};
|
// 编辑
|
if (this.productRegisterId) {
|
params.id = this.ruleForm.id ? this.ruleForm.id : Number(this.productRegisterId);
|
}
|
saveYieldRegister(params)
|
.then((res) => {
|
if (res.code == 200) {
|
this.isRegisterSave = true;
|
this.$message({
|
message: "保存成功！",
|
type: "success",
|
});
|
this.$router.push({
|
path: "/productManage/silkRegisterForm",
|
});
|
}
|
this.isAddloading = false;
|
})
|
.catch(() => {
|
setTimeout(() => {
|
this.isAddloading = false;
|
}, 3000);
|
});
|
} else {
|
console.log("error submit!!");
|
|
return false;
|
}
|
});
|
},
|
},
|
};
|
</script>
|
|
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
<style lang="scss" scoped>
|
.add-product-page {
|
height: 100%;
|
.top-view {
|
margin: 20px 30px;
|
height: 52px;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
padding: 0 20px 0 20px;
|
border-radius: 12px;
|
background-color: #fff;
|
.t-right {
|
display: flex;
|
font-size: 14px;
|
// color: #ff0000;
|
.t-right-circle {
|
width: 18px;
|
height: 18px;
|
border-radius: 9px;
|
// background: #ff0000;
|
margin-right: 10px;
|
}
|
}
|
}
|
.body-card {
|
margin: 0 30px;
|
background-color: #fff;
|
padding: 10px 15px;
|
height: calc(100% - 180px);
|
border-radius: 4px;
|
.select-width {
|
width: calc(100% - 20px);
|
.select-width-input{
|
width:calc(100% - 200px);float:left;
|
}
|
}
|
.body-top {
|
display: flex;
|
.b-t-left {
|
width: 95%;
|
padding-top: 15px;
|
.doff-barrelage-card {
|
display: flex;
|
.d-b-common {
|
width: 33.3%;
|
display: flex;
|
justify-content: center;
|
.d-b-c-input {
|
width: 50%;
|
margin-right: 10px;
|
}
|
.n-m-c-label {
|
color: #606266;
|
margin-right: 10px;
|
}
|
}
|
}
|
}
|
.b-t-right {
|
width: 60px;
|
.b-t-r-icon {
|
width: 50px;
|
height: 50px;
|
border-radius: 25px;
|
border: 1px solid #1890ff;
|
color: #1890ff;
|
font-size: 30px;
|
line-height: 50px;
|
text-align: center;
|
margin-top: 15px;
|
margin-left: 30px;
|
}
|
}
|
}
|
.body-table {
|
width:100%;
|
height:calc(100% - 263px);
|
position: relative;
|
.b-t-unit {
|
position: absolute;
|
top: -25px;
|
right: 20px;
|
}
|
}
|
}
|
}
|
.t-right-red {
|
color: #ff0000;
|
}
|
.t-right-green {
|
color: #00ff00;
|
}
|
.t-r-bg-red {
|
background: #ff0000;
|
}
|
.t-r-bg-green {
|
background: #00ff00;
|
}
|
.c-p {
|
cursor: pointer;
|
}
|
.c-n {
|
cursor: no-drop;
|
}
|
|
::v-deep {
|
}
|
</style>
|
