12 changed files with 890 additions and 18 deletions
@ -0,0 +1,204 @@ |
|||
export function monthArray(){ |
|||
const monthArray=['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']; |
|||
return monthArray; |
|||
} |
|||
export function staticCountryArray(){ |
|||
const countrys=[{ |
|||
label: '热门国家', |
|||
options: [{value:'China',label:'中国'},] |
|||
},{ |
|||
label: '所有国家', |
|||
options: [ |
|||
{value:'Angola',label:'安哥拉'}, |
|||
{value:'Afghanistan',label:'阿富汗'}, |
|||
{value:'Albania',label:'阿尔巴尼亚'}, |
|||
{value:'Algeria',label:'阿尔及利亚'}, |
|||
{value:'Andorra',label:'安道尔共和国'}, |
|||
{value:'Anguilla',label:'安圭拉岛'}, |
|||
{value:'Antigua and Barbuda',label:'安提瓜和巴布达'}, |
|||
{value:'Argentina',label:'阿根廷'}, |
|||
{value:'Armenia',label:'亚美尼亚'}, |
|||
{value:'Ascension',label:'阿森松'}, |
|||
{value:'Australia',label:'澳大利亚'}, |
|||
{value:'Austria',label:'奥地利'}, |
|||
{value:'Azerbaijan',label:'阿塞拜疆'}, |
|||
{value:'Bahamas',label:'巴哈马'}, |
|||
{value:'Bahrain',label:'巴林'}, |
|||
{value:'Bangladesh',label:'孟加拉国'}, |
|||
{value:'Barbados',label:'巴巴多斯'}, |
|||
{value:'Belarus',label:'白俄罗斯'}, |
|||
{value:'Belgium',label:'比利时'}, |
|||
{value:'Belize',label:'伯利兹'}, |
|||
{value:'Benin',label:'贝宁'}, |
|||
{value:'Bermuda Is',label:'百慕大群岛'}, |
|||
{value:'Bolivia',label:'玻利维亚'}, |
|||
{value:'Botswana',label:'博茨瓦纳'}, |
|||
{value:'Brazil',label:'巴西'}, |
|||
{value:'Brunei',label:'文莱'}, |
|||
{value:'Bulgaria',label:'保加利亚'}, |
|||
{value:'Burkina Faso',label:'布基纳法索'}, |
|||
{value:'Burma',label:'缅甸'}, |
|||
{value:'Burundi',label:'布隆迪'}, |
|||
{value:'Cameroon',label:'喀麦隆'}, |
|||
{value:'Canada',label:'加拿大'}, |
|||
{value:'Cayman Is',label:'开曼群岛'}, |
|||
{value:'Central African Republic',label:'中非共和国'}, |
|||
{value:'Chad',label:'乍得'}, |
|||
{value:'Chile',label:'智利'}, |
|||
{value:'China',label:'中国'}, |
|||
{value:'Colombia',label:'哥伦比亚'}, |
|||
{value:'Congo',label:'刚果'}, |
|||
{value:'Cook Is',label:'库克群岛'}, |
|||
{value:'Costa Rica',label:'哥斯达黎加'}, |
|||
{value:'Cuba',label:'古巴'}, |
|||
{value:'Cyprus',label:'塞浦路斯'}, |
|||
{value:'Czech Republic',label:'捷克'}, |
|||
{value:'Denmark',label:'丹麦'}, |
|||
{value:'Djibouti',label:'吉布提'}, |
|||
{value:'Dominica Rep',label:'多米尼加共和国'}, |
|||
{value:'Ecuador',label:'厄瓜多尔'}, |
|||
{value:'Egypt',label:'埃及'}, |
|||
{value:'EI Salvador',label:'萨尔瓦多'}, |
|||
{value:'Estonia',label:'爱沙尼亚'}, |
|||
{value:'Ethiopia',label:'埃塞俄比亚'}, |
|||
{value:'Fiji',label:'斐济'}, |
|||
{value:'Finland',label:'芬兰'}, |
|||
{value:'France',label:'法国'}, |
|||
{value:'French Guiana',label:'法属圭亚那'}, |
|||
{value:'French Polynesia',label:'法属玻利尼西亚'}, |
|||
{value:'Gabon',label:'加蓬'}, |
|||
{value:'Gambia',label:'冈比亚'}, |
|||
{value:'Georgia',label:'格鲁吉亚'}, |
|||
{value:'Germany',label:'德国'}, |
|||
{value:'Ghana',label:'加纳'}, |
|||
{value:'Gibraltar',label:'直布罗陀'}, |
|||
{value:'Greece',label:'希腊'}, |
|||
{value:'Grenada',label:'格林纳达'}, |
|||
{value:'Guam',label:'关岛'}, |
|||
{value:'Guatemala',label:'危地马拉'}, |
|||
{value:'Guinea',label:'几内亚'}, |
|||
{value:'Guyana',label:'圭亚那'}, |
|||
{value:'Haiti',label:'海地'}, |
|||
{value:'Honduras',label:'洪都拉斯'}, |
|||
{value:'Hungary',label:'匈牙利'}, |
|||
{value:'Iceland',label:'冰岛'}, |
|||
{value:'India',label:'印度'}, |
|||
{value:'Indonesia',label:'印度尼西亚'}, |
|||
{value:'Iran',label:'伊朗'}, |
|||
{value:'Iraq',label:'伊拉克'}, |
|||
{value:'Ireland',label:'爱尔兰'}, |
|||
{value:'Israel',label:'以色列'}, |
|||
{value:'Italy',label:'意大利'}, |
|||
{value:'Ivory Coast',label:'科特迪瓦'}, |
|||
{value:'Jamaica',label:'牙买加'}, |
|||
{value:'Japan',label:'日本'}, |
|||
{value:'Jordan',label:'约旦'}, |
|||
{value:'Kampuchea (Cambodia )',label:'柬埔寨'}, |
|||
{value:'Kazakstan',label:'哈萨克斯坦'}, |
|||
{value:'Kenya',label:'肯尼亚'}, |
|||
{value:'Korea',label:'韩国'}, |
|||
{value:'Kuwait',label:'科威特'}, |
|||
{value:'Kyrgyzstan',label:'吉尔吉斯坦'}, |
|||
{value:'Laos',label:'老挝'}, |
|||
{value:'Latvia',label:'拉脱维亚'}, |
|||
{value:'Lebanon',label:'黎巴嫩'}, |
|||
{value:'Lesotho',label:'莱索托'}, |
|||
{value:'Liberia',label:'利比里亚'}, |
|||
{value:'Libya',label:'利比亚'}, |
|||
{value:'Liechtenstein',label:'列支敦士登'}, |
|||
{value:'Lithuania',label:'立陶宛'}, |
|||
{value:'Luxembourg',label:'卢森堡'}, |
|||
{value:'Madagascar',label:'马达加斯加'}, |
|||
{value:'Malawi',label:'马拉维'}, |
|||
{value:'Malaysia',label:'马来西亚'}, |
|||
{value:'Maldives',label:'马尔代夫'}, |
|||
{value:'Mali',label:'马里'}, |
|||
{value:'Malta',label:'马耳他'}, |
|||
{value:'Mariana Is',label:'马里亚那群岛'}, |
|||
{value:'Martinique',label:'马提尼克'}, |
|||
{value:'Mauritius',label:'毛里求斯'}, |
|||
{value:'Mexico',label:'墨西哥'}, |
|||
{value:'Moldova',label:'摩尔多瓦'}, |
|||
{value:'Monaco',label:'摩纳哥'}, |
|||
{value:'Mongolia',label:'蒙古'}, |
|||
{value:'Montserrat Is',label:'蒙特塞拉特岛'}, |
|||
{value:'Morocco',label:'摩洛哥'}, |
|||
{value:'Mozambique',label:'莫桑比克'}, |
|||
{value:'Namibia',label:'纳米比亚'}, |
|||
{value:'Nauru',label:'瑙鲁'}, |
|||
{value:'Nepal',label:'尼泊尔'}, |
|||
{value:'Netheriands Antilles',label:'荷属安的列斯'}, |
|||
{value:'Netherlands',label:'荷兰'}, |
|||
{value:'New Zealand',label:'新西兰'}, |
|||
{value:'Nicaragua',label:'尼加拉瓜'}, |
|||
{value:'Niger',label:'尼日尔'}, |
|||
{value:'Nigeria',label:'尼日利亚'}, |
|||
{value:'North Korea',label:'朝鲜'}, |
|||
{value:'Norway',label:'挪威'}, |
|||
{value:'Oman',label:'阿曼'}, |
|||
{value:'Pakistan',label:'巴基斯坦'}, |
|||
{value:'Panama',label:'巴拿马'}, |
|||
{value:'Papua New Cuinea',label:'巴布亚新几内亚'}, |
|||
{value:'Paraguay',label:'巴拉圭'}, |
|||
{value:'Peru',label:'秘鲁'}, |
|||
{value:'Philippines',label:'菲律宾'}, |
|||
{value:'Poland',label:'波兰'}, |
|||
{value:'Portugal',label:'葡萄牙'}, |
|||
{value:'Puerto Rico',label:'波多黎各'}, |
|||
{value:'Qatar',label:'卡塔尔'}, |
|||
{value:'Reunion',label:'留尼旺'}, |
|||
{value:'Romania',label:'罗马尼亚'}, |
|||
{value:'Russia',label:'俄罗斯'}, |
|||
{value:'Saint Lueia',label:'圣卢西亚'}, |
|||
{value:'Saint Vincent',label:'圣文森特岛'}, |
|||
{value:'Samoa Eastern',label:'东萨摩亚(美)'}, |
|||
{value:'Samoa Western',label:'西萨摩亚'}, |
|||
{value:'San Marino',label:'圣马力诺'}, |
|||
{value:'Sao Tome and Principe',label:'圣多美和普林西比'}, |
|||
{value:'Saudi Arabia',label:'沙特阿拉伯'}, |
|||
{value:'Senegal',label:'塞内加尔'}, |
|||
{value:'Seychelles',label:'塞舌尔'}, |
|||
{value:'Sierra Leone',label:'塞拉利昂'}, |
|||
{value:'Singapore',label:'新加坡'}, |
|||
{value:'Slovakia',label:'斯洛伐克'}, |
|||
{value:'Slovenia',label:'斯洛文尼亚'}, |
|||
{value:'Solomon Is',label:'所罗门群岛'}, |
|||
{value:'Somali',label:'索马里'}, |
|||
{value:'South Africa',label:'南非'}, |
|||
{value:'Spain',label:'西班牙'}, |
|||
{value:'SriLanka',label:'斯里兰卡'}, |
|||
{value:'St.Lucia',label:'圣卢西亚'}, |
|||
{value:'St.Vincent',label:'圣文森特'}, |
|||
{value:'Sudan',label:'苏丹'}, |
|||
{value:'Suriname',label:'苏里南'}, |
|||
{value:'Swaziland',label:'斯威士兰'}, |
|||
{value:'Sweden',label:'瑞典'}, |
|||
{value:'Switzerland',label:'瑞士'}, |
|||
{value:'Syria',label:'叙利亚'}, |
|||
{value:'Tajikstan',label:'塔吉克斯坦'}, |
|||
{value:'Tanzania',label:'坦桑尼亚'}, |
|||
{value:'Thailand',label:'泰国'}, |
|||
{value:'Togo',label:'多哥'}, |
|||
{value:'Tonga',label:'汤加'}, |
|||
{value:'Trinidad and Tobago',label:'特立尼达和多巴哥'}, |
|||
{value:'Tunisia',label:'突尼斯'}, |
|||
{value:'Turkey',label:'土耳其'}, |
|||
{value:'Turkmenistan',label:'土库曼斯坦'}, |
|||
{value:'Uganda',label:'乌干达'}, |
|||
{value:'Ukraine',label:'乌克兰'}, |
|||
{value:'United Arab Emirates',label:'阿拉伯联合酋长国'}, |
|||
{value:'United Kiongdom',label:'英国'}, |
|||
{value:'United States of America',label:'美国'}, |
|||
{value:'Uruguay',label:'乌拉圭'}, |
|||
{value:'Uzbekistan',label:'乌兹别克斯坦'}, |
|||
{value:'Venezuela',label:'委内瑞拉'}, |
|||
{value:'Vietnam',label:'越南'}, |
|||
{value:'Yemen',label:'也门'}, |
|||
{value:'Yugoslavia',label:'南斯拉夫'}, |
|||
{value:'Zimbabwe',label:'津巴布韦'}, |
|||
{value:'Zaire',label:'扎伊尔'}, |
|||
{value:'Zambia',label:'赞比亚'} |
|||
] |
|||
}] |
|||
return countrys; |
|||
} |
|||
@ -0,0 +1,532 @@ |
|||
<template> |
|||
<div class="body"> |
|||
<p class="title">资产挂牌</p> |
|||
<div class="listing_title">基础信息</div> |
|||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm1" label-width="150px" class="ruleForm" label-position="left"> |
|||
<el-form-item label="上传资产图片" prop="serial_img" > |
|||
<p class="listing_tips">上传高清质量资产正面图，有助快速通过审核，方便购买方了解资产，图片尺寸建议为800px * 800px</p> |
|||
<div class="listing_upload"> |
|||
<el-upload |
|||
class="avatar-uploader" |
|||
:action="action" |
|||
:show-file-list="false" |
|||
:on-change="fileChange" |
|||
|
|||
:on-success="(res)=>{handleAvatarSuccess(0,res,index)}" v-for="(item,index) in 5" :key="index"> |
|||
<img v-if="ruleForm.serial_img[index]" :src="ruleForm.serial_img[index]" class="avatar"> |
|||
<template v-else> |
|||
<i class="el-icon-plus avatar-uploader-icon"></i> |
|||
<p class="avatar_p">添加上传图片</p> |
|||
</template> |
|||
</el-upload> |
|||
</div> |
|||
</el-form-item> |
|||
<el-form-item label="资产名称" prop="serial_name" > |
|||
<el-input v-model="ruleForm.serial_name" placeholder="最多允许输入30个汉字（60字符）" class="serial_name"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="资产类型" prop="asset_type_id" > |
|||
<p class="listing_tips">请确认或修改资产类型</p> |
|||
<el-cascader :show-all-levels="false" filterable :props="props" :options="options" class="serial_name" v-model="ruleForm.asset_type_id"></el-cascader> |
|||
</el-form-item> |
|||
<el-form-item label="资产所在地" prop="province"> |
|||
<el-select placeholder="选择具体省份" clearable filterable v-model="ruleForm.province" class="select_city" @change="changeDate(0)"> |
|||
<el-option |
|||
v-for="item in province" |
|||
:key="item.id" |
|||
:label="item.name" |
|||
:value="item.province_code" > |
|||
</el-option> |
|||
</el-select> |
|||
<el-select placeholder="选择具体城市" clearable filterable v-model="ruleForm.city" class="select_city" @change="changeDate(1)"> |
|||
<el-option |
|||
v-for="item in city" |
|||
:key="item.id" |
|||
:label="item.name" |
|||
:value="item.city_code" > |
|||
</el-option> |
|||
</el-select> |
|||
<el-select placeholder="选择具体区镇" clearable filterable v-model="ruleForm.area" class="select_city"> |
|||
<el-option |
|||
v-for="item in area" |
|||
:key="item.id" |
|||
:label="item.name" |
|||
:value="item.area_code"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="资产基本情况" prop="serial_content" > |
|||
<div class="listing_title1"> |
|||
<p class="listing_tips">请确认或修改资产类型</p> |
|||
<div class="listing_title1_right"> |
|||
<button class="listing_button">下载模板</button> |
|||
<button class="listing_button">上传文件</button> |
|||
</div> |
|||
</div> |
|||
<mavon-editor |
|||
v-model="ruleForm.serial_content" |
|||
:subfield="false" ref="md" :boxShadow="false" |
|||
@imgAdd="$imgAdd" @change="change" |
|||
class="listing_editor"/> |
|||
<div class="upload_file"> |
|||
<p class="listing_tips">已上传文件：</p> |
|||
</div> |
|||
</el-form-item> |
|||
<el-form-item label="其他资产材料" :prop="ruleForm.buy_mode==2?'serial_img' :'' " > |
|||
<p class="listing_tips">请上传与资产相关的证明材料（线上交易请在此处上传相关资产）</p> |
|||
<button class="listing_button">上传文件</button> |
|||
</el-form-item> |
|||
<el-form-item label="内部决策情况" prop="decision" > |
|||
<el-radio v-model="ruleForm.decision" :label="1">个人同意</el-radio> |
|||
<el-radio v-model="ruleForm.decision" :label="2">股东会决议</el-radio> |
|||
<el-radio v-model="ruleForm.decision" :label="3">董事会决议</el-radio> |
|||
<el-radio v-model="ruleForm.decision" :label="4">总经理办公会决议</el-radio> |
|||
<el-radio v-model="ruleForm.decision" :label="5">其他</el-radio> |
|||
<el-input v-model="ruleForm.decision_case" v-if="ruleForm.decision==5" placeholder="请输入其他情况" class="listing_input"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="挂牌时长" prop="cartellino_time_id" > |
|||
<el-select placeholder="选择挂牌时长" clearable filterable v-model="ruleForm.cartellino_time_id" class="select_city1"> |
|||
<el-option |
|||
v-for="item in xuanzeguojia" |
|||
:key="item.id" |
|||
:label="item.value" |
|||
:value="item.value"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<div class="listing_title">交易信息</div> |
|||
<el-form-item label="挂牌类型" prop="cartellino_type" > |
|||
<el-radio v-model="ruleForm.cartellino_type" :label="1">协议</el-radio> |
|||
<el-radio v-model="ruleForm.cartellino_type" :label="2">拍卖</el-radio> |
|||
</el-form-item> |
|||
<el-form-item label="资产单价" prop="price" v-if="ruleForm.cartellino_type==1"> |
|||
<el-input v-model="ruleForm.price" placeholder="请输入单个资产的价格" class="listing_input"></el-input> |
|||
</el-form-item> |
|||
<div class="listing_flex"> |
|||
<el-form-item label="起拍单价" prop="start_auction_money" v-if="ruleForm.cartellino_type==2"> |
|||
<el-input v-model="ruleForm.start_auction_money" placeholder="请输入起拍单价" class="listing_input"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="竞价金额" prop="bidding_money" v-if="ruleForm.cartellino_type==2"> |
|||
<el-input v-model="ruleForm.bidding_money" placeholder="请输入单次竞价时需要增加的金额" class="listing_input"></el-input> |
|||
</el-form-item> |
|||
</div> |
|||
<div class="listing_flex"> |
|||
<el-form-item label="资产单位" prop="asset_unit" > |
|||
<el-input v-model="ruleForm.asset_unit" placeholder="请输入单个资产单位的量词" class="listing_input"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="挂牌数量" prop="count"> |
|||
<el-input v-model="ruleForm.count" placeholder="请输入需要挂牌资产的数量" class="listing_input"></el-input> |
|||
</el-form-item> |
|||
</div> |
|||
<el-form-item label="起购数量" prop="pay_count"> |
|||
<el-input v-model="ruleForm.pay_count" placeholder="请输入购买时单次至少购买数量" class="listing_input"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="付款方式" prop="pay_mode" > |
|||
<el-radio v-model="ruleForm.pay_mode" :label="1">网银支付</el-radio> |
|||
<el-radio v-model="ruleForm.pay_mode" :label="2">对公转账</el-radio> |
|||
<span class="listing_tips">交易金额大于200万时系统自动选择对公转账</span> |
|||
</el-form-item> |
|||
<el-form-item label="交易方式" prop="buy_mode" > |
|||
<el-radio v-model="ruleForm.buy_mode" :label="1">线下交易</el-radio> |
|||
<el-radio v-model="ruleForm.buy_mode" :label="2">线上交易</el-radio> |
|||
<span class="listing_tips">选取线上交易请在基础信息内上传资产数据</span> |
|||
</el-form-item> |
|||
<el-form-item label="交付方式" prop="goods_mode"> |
|||
<el-radio v-model="ruleForm.goods_mode" :label="1">现场交付</el-radio> |
|||
<el-radio v-model="ruleForm.goods_mode" :label="2">物流配送</el-radio> |
|||
<el-input v-model="ruleForm.express_money" v-if="ruleForm.goods_mode==2" placeholder="请输入物流配送金额" class="listing_input"></el-input> |
|||
</el-form-item> |
|||
<div class="listing_title">挂牌费用说明</div> |
|||
<el-form-item label="交付方式" prop="serial_img"> |
|||
<el-radio v-model="ruleForm.pay_type" :label="1">支付宝支付</el-radio> |
|||
<el-radio v-model="ruleForm.pay_type" :label="2">网银支付</el-radio> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div class="footer"> |
|||
<button class="submit" @click="submit">提交资料</button> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import { mavonEditor } from 'mavon-editor' |
|||
import 'mavon-editor/dist/css/index.css' |
|||
import {get_asset_type,getProvince,getCity,getArea,cartellino,getPrice} from '../../../api/index' |
|||
export default { |
|||
data(){ |
|||
return{ |
|||
host:'http://wenhua.xingtongworld.com', |
|||
action:'http://wenhua.xingtongworld.com/api/Index/uploadimg', |
|||
query:{ |
|||
id:'', |
|||
// name:'' |
|||
}, |
|||
options:[], |
|||
props: { |
|||
multiple: true, |
|||
value:'id', |
|||
label:'name', |
|||
leaf:'is_son', |
|||
}, |
|||
province:[], |
|||
city:[], |
|||
area:[], |
|||
xuanzeguojia:[], |
|||
ruleForm:{ |
|||
serial_name:'', |
|||
serial_img:[], |
|||
asset_type_id:'', |
|||
province:null, |
|||
city:'', |
|||
area:'', |
|||
serial_content:'', |
|||
else_serial_file:[], |
|||
decision:1, |
|||
decision_case:'', |
|||
cartellino_time_id:'', |
|||
cartellino_type:1, |
|||
price:'', |
|||
asset_unit:'', |
|||
count:'', |
|||
pay_count:'', |
|||
pay_mode:1, |
|||
buy_mode:1, |
|||
goods_mode:1, |
|||
express_money:'', |
|||
start_auction_money:'', |
|||
bidding_money:'', |
|||
pay_type:1, |
|||
}, |
|||
rules:{ |
|||
serial_img: [ |
|||
{ required: true, message: '请上传资产图片', trigger: 'blur' }, |
|||
], |
|||
serial_name: [ |
|||
{ required: true, message: '请输入资产名称', trigger: 'blur' }, |
|||
], |
|||
asset_type_id: [ |
|||
{ required: true, message: '请选择资产类型', trigger: 'blur' }, |
|||
], |
|||
province: [ |
|||
{ required: true, message: '请选择资产所在地（省）', trigger: 'blur' }, |
|||
], |
|||
serial_content: [ |
|||
{ required: true, message: '请输入资产基本情况', trigger: 'blur' }, |
|||
], |
|||
else_serial_file: [ |
|||
{ required: true, message: '请上传其他资产材料', trigger: 'blur' }, |
|||
], |
|||
decision: [ |
|||
{ required: true, message: '请选择内部决策情况', trigger: 'blur' }, |
|||
], |
|||
cartellino_time_id: [ |
|||
{ required: true, message: '请选择挂牌时长', trigger: 'blur' }, |
|||
], |
|||
cartellino_type: [ |
|||
{ required: true, message: '请选择挂牌类型', trigger: 'blur' }, |
|||
], |
|||
price: [ |
|||
{ required: true, message: '请输入资产单价', trigger: 'blur' }, |
|||
], |
|||
asset_unit: [ |
|||
{ required: true, message: '请输入资产单位', trigger: 'blur' }, |
|||
], |
|||
count: [ |
|||
{ required: true, message: '请输入挂牌数量', trigger: 'blur' }, |
|||
], |
|||
pay_count: [ |
|||
{ required: true, message: '请输入购买时单次至少购买数量', trigger: 'blur' }, |
|||
], |
|||
pay_mode: [ |
|||
{ required: true, message: '请选择付款方式', trigger: 'blur' }, |
|||
], |
|||
buy_mode: [ |
|||
{ required: true, message: '请选择交易方式', trigger: 'blur' }, |
|||
], |
|||
goods_mode: [ |
|||
{ required: true, message: '请选择交付方式', trigger: 'blur' }, |
|||
], |
|||
pay_type: [ |
|||
{ required: true, message: '请选择支付方式', trigger: 'blur' }, |
|||
], |
|||
start_auction_money: [ |
|||
{ required: true, message: '请输入起拍单价', trigger: 'blur' }, |
|||
], |
|||
bidding_money: [ |
|||
{ required: true, message: '请输入竞价金额', trigger: 'blur' }, |
|||
], |
|||
}, |
|||
} |
|||
}, |
|||
components: { |
|||
mavonEditor |
|||
}, |
|||
created(){ |
|||
this.get_asset_type(); |
|||
this.getProvince(); |
|||
this.getPrice() |
|||
}, |
|||
methods:{ |
|||
getPrice(){ |
|||
getPrice().then(res => { |
|||
console.info(res) |
|||
if(res.code==100){ |
|||
} |
|||
}) |
|||
}, |
|||
changeDate(type){ |
|||
console.info(type) |
|||
if(type==0){ |
|||
this.getCity() |
|||
}else if(type==1){ |
|||
this.getArea() |
|||
} |
|||
}, |
|||
getProvince(){ |
|||
getProvince().then(res => { |
|||
console.info(res) |
|||
if(res.code==100){ |
|||
this.province=res.list |
|||
} |
|||
}) |
|||
}, |
|||
getCity(){ |
|||
let data={ |
|||
code:this.ruleForm.province |
|||
} |
|||
getCity(data).then(res=>{ |
|||
console.info(res) |
|||
if(res.code==100){ |
|||
this.city=res.list |
|||
} |
|||
}) |
|||
}, |
|||
getArea(){ |
|||
let data={ |
|||
code:this.ruleForm.city |
|||
} |
|||
getArea(data).then(res=>{ |
|||
console.info(res) |
|||
if(res.code==100){ |
|||
this.area=res.list |
|||
} |
|||
}) |
|||
}, |
|||
get_asset_type(){ |
|||
get_asset_type().then(res=>{ |
|||
console.info(res) |
|||
if(res.code==100){ |
|||
this.options=res.data |
|||
} |
|||
}) |
|||
}, |
|||
submit(){ |
|||
this.$refs["ruleForm1"].validate((valid) => { |
|||
if(valid){ |
|||
cartellino(this.ruleForm).then(res=>{ |
|||
|
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
// 将图片上传到服务器，返回地址替换到md中 |
|||
$imgAdd(pos, $file){ |
|||
var formdata = new FormData(); |
|||
formdata.append('file', $file); |
|||
// 这里没有服务器供大家尝试，可将下面上传接口替换为你自己的服务器接口 |
|||
this.$axios({ |
|||
url: this.action, |
|||
method: 'post', |
|||
data: formdata, |
|||
headers: { 'Content-Type': 'multipart/form-data' }, |
|||
}).then((url) => { |
|||
this.$refs.md.$img2Url(pos, url); |
|||
}) |
|||
}, |
|||
change(value, render){ |
|||
// render 为 markdown 解析后的结果 |
|||
this.html = render; |
|||
}, |
|||
fileChange(file){ |
|||
const typeArr = ['image/png', 'image/gif', 'image/jpeg', 'image/jpg']; |
|||
const isJPG = typeArr.indexOf(file.raw.type) !== -1; |
|||
const isLt3M = file.size / 1024 / 1024 < 10; |
|||
if (!isJPG) { |
|||
this.$message.error('只能是图片!'); |
|||
this.$refs.upload.clearFiles(); |
|||
return; |
|||
} |
|||
if (!isLt3M) { |
|||
this.$message.error('上传图片大小不能超过 10MB!'); |
|||
this.$refs.upload.clearFiles(); |
|||
return; |
|||
} |
|||
}, |
|||
overstep(){ |
|||
this.$message.error('只能上传一张图片！'); |
|||
}, |
|||
handleAvatarSuccess(type,res,index) { |
|||
console.info(res) |
|||
if(res.code == 1){ |
|||
let url=this.host + res.data.img_url; |
|||
if(type==0){ |
|||
console.info(index) |
|||
if(this.ruleForm.serial_img[index]){ |
|||
// this.ruleForm.serial_img[index]=url |
|||
this.$set(this.ruleForm.serial_img,index,url) |
|||
}else{ |
|||
this.ruleForm.serial_img.push(url) |
|||
} |
|||
console.info(this.ruleForm.serial_img) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.body{ |
|||
margin-top: 15px; |
|||
} |
|||
.title{ |
|||
color: #333333; |
|||
font-size: 18px; |
|||
margin-bottom: 15px; |
|||
} |
|||
.listing_title1{ |
|||
display: flex; |
|||
align-items: center; |
|||
width: 800px; |
|||
justify-content: space-between; |
|||
margin-bottom: 15px; |
|||
} |
|||
.listing_title{ |
|||
background-color: #C94D4D; |
|||
color: white; |
|||
font-size: 16px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
padding-left: 20px; |
|||
} |
|||
.upload_file{ |
|||
margin: 15px 0; |
|||
} |
|||
.listing_flex{ |
|||
display: flex; |
|||
} |
|||
.listing_editor{ |
|||
min-height: 500px; |
|||
width: 800px; |
|||
border: 1px solid #D1D1D1; |
|||
} |
|||
.listing_title1_right{ |
|||
width: 160px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
.listing_button{ |
|||
width: 70px; |
|||
height: 32px; |
|||
border-radius: 5px; |
|||
border: 1px solid #E7B0B0; |
|||
background: #F3D8D8; |
|||
font-size: 14px; |
|||
color: rgba(201, 76, 76, 0.898039215686275); |
|||
} |
|||
.listing_upload{ |
|||
display: flex; |
|||
margin-top: 10px; |
|||
} |
|||
.select_type{ |
|||
width: 800px; |
|||
height: 50px; |
|||
color: #7F7F7F; |
|||
padding-left: 15px; |
|||
line-height: 50px; |
|||
background-color: #FDF8F8; |
|||
border: 1px solid #F3D8D8; |
|||
margin-bottom: 10px; |
|||
} |
|||
.listing_tips{ |
|||
font-size: 14px; |
|||
color: rgba(127, 127, 127, 0.898039215686275); |
|||
} |
|||
.listing_tips:hover{ |
|||
color: #D85E5E; |
|||
} |
|||
.avatar_p{ |
|||
font-size: 14px; |
|||
color: #7F7F7F; |
|||
} |
|||
.serial_name{ |
|||
width: 800px; |
|||
} |
|||
.select_city{ |
|||
width: 200px; |
|||
margin-right: 15px; |
|||
} |
|||
.select_city1{ |
|||
width: 400px; |
|||
} |
|||
.listing_input{ |
|||
width: 300px; |
|||
} |
|||
.footer{ |
|||
text-align: center; |
|||
margin-top: 50px; |
|||
} |
|||
.submit{ |
|||
width: 340px; |
|||
height: 40px; |
|||
background: -moz-linear-gradient(top, #F8D89F 0%, #D98282 100%); |
|||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8D89F), color-stop(100%,#D98282)); |
|||
background: -webkit-linear-gradient(top, #F8D89F 0%,#D98282 100%); |
|||
background: -o-linear-gradient(top, #F8D89F 0%,#D98282 100%); |
|||
background: -ms-linear-gradient(top, #F8D89F 0%,#D98282 100%); |
|||
background: linear-gradient(to bottom, #F8D89F 0%,#D98282 100%); |
|||
font-size: 14px; |
|||
color: #FFFFFF; |
|||
border: none; |
|||
margin-bottom: 10px; |
|||
} |
|||
|
|||
|
|||
|
|||
.avatar-uploader{ |
|||
margin-right: 15px; |
|||
} |
|||
.ruleForm>>>.el-form-item__label{ |
|||
padding-left: 20px; |
|||
text-align: right; |
|||
} |
|||
.avatar-uploader >>> .el-upload--text{ |
|||
width: 120px; |
|||
height: 120px; |
|||
/* line-height: 120px; */ |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
.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: 40px; |
|||
color: #8c939d; |
|||
width: 40px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
text-align: center; |
|||
color: #CB5151; |
|||
} |
|||
.avatar-uploader img{ |
|||
width: 120px; |
|||
height: 120px; |
|||
line-height: 120px; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue