Commit 8cc0e0e4 by liangjianmin

css

parent 3e9319b1
.messagexk .message-box{background:#fff;padding:20px;height:calc(100vh - 136px)}.messagexk .message-box .h3{font-size:16px;color:#333;font-weight:bold;position:relative}.messagexk .message-box .h3::before{content:"";width:3px;height:100%;background:#1969F9;position:absolute;left:-20px;top:0px}.messagexk .message-box .el-form{float:left;padding-top:35px}.messagexk .message-box .el-form .el-form-item__label{color:#333}.messagexk .message-box .el-form .el-input{width:280px;color:#333}.messagexk .message-box .el-form .el-input.is-disabled .el-input__inner{background:#F1F4FA;border:1px solid #F1F4FA;color:#333}.messagexk .message-box .el-form .submits{margin-top:26px;cursor:pointer;width:76px;height:37px;line-height:37px;background:#1969F9;border-radius:2px;font-size:14px;color:#fff;text-align:center}.messagexk .message-box .el-form .submits:hover{background:#0050E0} .messagexk .message-box {
\ No newline at end of file background: #fff;
padding: 20px;
height: calc(100vh - 136px);
}
.messagexk .message-box .h3 {
font-size: 16px;
color: #333;
font-weight: bold;
position: relative;
}
.messagexk .message-box .h3::before {
content: "";
width: 3px;
height: 100%;
background: #1969F9;
position: absolute;
left: -20px;
top: 0px;
}
.messagexk .message-box .el-form {
float: left;
padding-top: 35px;
}
.messagexk .message-box .el-form .el-form-item__label {
color: #333;
}
.messagexk .message-box .el-form .el-input {
width: 280px;
color: #333;
}
.messagexk .message-box .el-form .el-input.is-disabled .el-input__inner {
background: #F1F4FA;
border: 1px solid #F1F4FA;
color: #333;
}
.messagexk .message-box .el-form .submits {
margin-top: 26px;
cursor: pointer;
width: 76px;
height: 37px;
line-height: 37px;
background: #1969F9;
border-radius: 2px;
font-size: 14px;
color: #fff;
text-align: center;
}
.messagexk .message-box .el-form .submits:hover {
background: #0050E0;
}
/*# sourceMappingURL=message.min.css.map */
\ No newline at end of file
{"version":3,"sources":["message.less"],"names":[],"mappings":"AAAA,UAEI;EACI,gBAAA;EACA,aAAA;EACA,QAAO,mBAAP;;AALR,UAEI,aAII;EACI,eAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;;AACA,UATR,aAII,IAKK;EACG,SAAQ,EAAR;EACA,UAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,WAAA;EACA,QAAA;;AAlBhB,UAEI,aAmBI;EACI,WAAA;EAGA,iBAAA;;AAzBZ,UAEI,aAmBI,SAEI;EAAqB,WAAA;;AAvBjC,UAEI,aAmBI,SAGI;EAAU,YAAA;EAAY,WAAA;;AAxBlC,UAEI,aAmBI,SAKI,UAAS,YAAa;EAClB,mBAAA;EACA,yBAAA;EACA,WAAA;;AA7BhB,UAEI,aAmBI,SAUI;EACI,gBAAA;EACA,eAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,mBAAA;EACA,kBAAA;EACA,eAAA;EACA,WAAA;EACA,kBAAA;;AACA,UAxCZ,aAmBI,SAUI,SAWK;EACG,mBAAA","file":"message.min.css"}
\ No newline at end of file
...@@ -103,28 +103,28 @@ ...@@ -103,28 +103,28 @@
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
<div class="row bothSide"> <div class="row bothSide">
<div class="box"> <div class="box">
<el-form-item label="报价型号" prop="name"> <el-form-item label="报价型号" prop="goods_name">
<el-input v-model="ruleForm.goods_name"></el-input> <el-input v-model="ruleForm.goods_name" placeholder="请输入型号"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="报价数量" prop="name"> <el-form-item label="报价数量" prop="quote_number">
<el-input v-model="ruleForm.quote_number"></el-input> <el-input v-model="ruleForm.quote_number" placeholder="请输入数量"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="币种"> <el-form-item label="币种">
<el-select v-model="ruleForm.currency" placeholder="请选择"> <el-select v-model="ruleForm.currency" @change="currentChange">
<el-option label="区域一" value="shanghai"></el-option> <el-option label="RMB" value="1"></el-option>
<el-option label="区域二" value="beijing"></el-option> <el-option label="USD" value="2"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="批次" prop="name"> <el-form-item label="批次" prop="batch">
<el-input v-model="ruleForm.name" placeholder="请输入D/C"></el-input> <el-input v-model="ruleForm.batch" placeholder="请输入D/C"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="最小包装数量" prop="name"> <el-form-item label="最小包装数量">
<el-input v-model="ruleForm.name" placeholder="请输入型号"></el-input> <el-input v-model="ruleForm.mpq" placeholder="请输入MPQ"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="其他费用" prop="" class="updatebox"> <el-form-item label="其他费用" class="updatebox">
<el-input placeholder=""></el-input> <el-input placeholder="" v-model="ruleForm.price_other" placeholder="请输入其他费用"></el-input>
<div class="selectdw"> <div class="selectdw">
<el-select placeholder="RGB" class="placehoload"> <el-select v-model="ruleForm.unit" placeholder="RGB" class="placehoload">
<el-option label="RGB" value="RGB"></el-option> <el-option label="RGB" value="RGB"></el-option>
<el-option label="USD" value="USD"></el-option> <el-option label="USD" value="USD"></el-option>
</el-select> </el-select>
...@@ -132,43 +132,40 @@ ...@@ -132,43 +132,40 @@
</el-form-item> </el-form-item>
</div> </div>
<div class="box"> <div class="box">
<el-form-item label="报价品牌"> <el-form-item label="报价品牌" prop="brand_s">
<el-select v-model="ruleForm.name" placeholder="请选择"> <el-input v-model="ruleForm.brand_s" placeholder="请输入品牌"></el-input>
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="价格" prop="name"> <el-form-item label="价格" prop="price_origin">
<el-input v-model="ruleForm.name"></el-input> <el-input v-model="ruleForm.price_origin" placeholder="请输入价格"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="税率" prop="name"> <el-form-item label="税率">
<el-input v-model="ruleForm.name"></el-input> <el-input disabled v-model="ruleForm.tax_rate" style="width: 100px"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="货期" prop="" class="updatebox"> <el-form-item label="货期" prop="delivery_time" class="updatebox">
<el-input placeholder=""></el-input> <el-input placeholder="" v-model="ruleForm.delivery_time"></el-input>
<div class="selectdw"> <div class="selectdw">
<el-select placeholder="天" class="placehoload"> <el-select v-model="ruleForm.dlhqdw" placeholder="天" class="placehoload">
<el-option label="天" value="天"></el-option> <el-option label="天" value="天"></el-option>
<el-option label="周" value="周"></el-option> <el-option label="周" value="周"></el-option>
</el-select> </el-select>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="起订量" prop="name"> <el-form-item label="起订量">
<el-input v-model="ruleForm.name"></el-input> <el-input v-model="ruleForm.moq" placeholder="请输入起订量"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="报价有效期" prop="name"> <el-form-item label="报价有效期" prop="expire_time">
<el-input v-model="ruleForm.name"></el-input> <el-date-picker type="date" placeholder="选择报价有效期" v-model="ruleForm.expire_time"></el-date-picker>
</el-form-item> </el-form-item>
</div> </div>
</div> </div>
<el-form-item label="备注" prop="desc"> <el-form-item label="备注">
<el-input type="textarea" v-model="ruleForm.remark" placeholder="请输入备注"></el-input> <el-input type="textarea" v-model="ruleForm.remark" placeholder="请输入备注"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button> <el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="submit">确 定</el-button> <el-button type="primary" @click="submitForm('ruleForm')">确 定</el-button>
</div> </div>
</el-dialog> </el-dialog>
<Menu/> <Menu/>
...@@ -212,12 +209,47 @@ ...@@ -212,12 +209,47 @@
inquiry_info: {}, inquiry_info: {},
quote_list: [], quote_list: [],
ruleForm: { ruleForm: {
name:'', goods_name: '',
goods_name:'', quote_number: '',
currency: '1',
batch: '',
mpq: '',
price_other: '',
unit: '',
brand_s: '',
price_origin: '',
tax_rate: '13%',
delivery_time: '',
dlhqdw: '',
moq: '',
expire_time: '',
remark: ''
}, },
rules: { rules: {
name: [ goods_name: [
{required: true, message: '请输入活动名称', trigger: 'blur'} {required: true, message: '请输入报价型号', trigger: 'blur'}
],
quote_number: [
{required: true, message: '请输入报价数量', trigger: 'blur'}
],
currency: [
{required: true, message: '请选择币种', trigger: 'blur'}
],
batch: [
{required: true, message: '请输入批次', trigger: 'blur'}
],
brand_s: [
{required: true, message: '请选择报价品牌', trigger: 'blur'}
],
price_origin: [
{required: true, message: '请输入价格', trigger: 'blur'},
{type: 'number', message: '价格必须为纯数字'}
],
delivery_time: [
{required: true, message: '请输入货期', trigger: 'blur'}
],
expire_time: [
{required: true, message: '请输入报价有效期', trigger: 'blur'}
] ]
}, },
dialogVisible: true dialogVisible: true
...@@ -251,8 +283,22 @@ ...@@ -251,8 +283,22 @@
added() { added() {
this.dialogVisible = true; this.dialogVisible = true;
}, },
submit() { currentChange(val) {
if (val == 1) {
this.ruleForm.tax_rate = '13%';
} else if (val == 2) {
this.ruleForm.tax_rate = '0';
}
},
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
alert('submit!');
} else {
console.log('error submit!!');
return false;
}
});
}, },
del() { del() {
var arr = []; var arr = [];
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment