朱兆平 / vue_cli · 提交

转到一个项目

作者 小范
提交 0888f4b3248de2178d15a5162c217babd2b06b7a 1 个父辈 ebf04e61

表单功能优化

内嵌 并排对比
正在显示 1 个修改的文件 包含 17 行增加 和 12 行删除
@@ -30,12 +30,12 @@ @@ -30,12 +30,12 @@
30 <!-- <el-button type="success" plain size="mini">保&nbsp;&nbsp;&nbsp;存</el-button>--> 30 <!-- <el-button type="success" plain size="mini">保&nbsp;&nbsp;&nbsp;存</el-button>-->
31 </span> 31 </span>
32 <el-row> 32 <el-row>
33 - <el-col style="width: 25%"> 33 + <el-col style="width: 38%">
34 <el-form-item> 34 <el-form-item>
35 - <el-input @keyup.native="form.shp.shp_name=form.shp.shp_name.replace(/[^A-Z0-9_]/g,'')" v-model="form.shp.shp_name" auto-complete="off" placeholder="名称" size="mini" style="width: 90%"></el-input> 35 + <el-input @keyup.native="form.shp.shp_name=form.shp.shp_name.replace(/[^A-Z0-9_]/g,'')" v-model="form.shp.shp_name" auto-complete="off" placeholder="名称" size="mini"></el-input>
36 </el-form-item> 36 </el-form-item>
37 </el-col> 37 </el-col>
38 - <el-col style="width: 52%;margin-left: 10px"> 38 + <el-col style="width: 40%;margin-left:5px">
39 <el-form-item> 39 <el-form-item>
40 <el-input @keyup.native="form.shp.shp_name=form.shp.shp_name.replace(/[^A-Z0-9_]/g,'')" v-model="shp_contact.contact_number" auto-complete="off" placeholder="电话/传真" size="mini"></el-input> 40 <el-input @keyup.native="form.shp.shp_name=form.shp.shp_name.replace(/[^A-Z0-9_]/g,'')" v-model="shp_contact.contact_number" auto-complete="off" placeholder="电话/传真" size="mini"></el-input>
41 <!-- <el-select v-model="form.shp.shp_detail_number" placeholder="电话/传真">--> 41 <!-- <el-select v-model="form.shp.shp_detail_number" placeholder="电话/传真">-->
@@ -113,12 +113,12 @@ @@ -113,12 +113,12 @@
113 <el-button type="primary" plain size="mini" style="margin-top: 5px" @click="getCneFwb()">收货人</el-button> 113 <el-button type="primary" plain size="mini" style="margin-top: 5px" @click="getCneFwb()">收货人</el-button>
114 </span> 114 </span>
115 <el-row> 115 <el-row>
116 - <el-col style="width: 25%"> 116 + <el-col style="width: 38%">
117 <el-form-item> 117 <el-form-item>
118 <el-input @keyup.native="form.cne.cne_name=form.cne.cne_name.replace(/[^A-Z0-9_]/g,'')" v-model="form.cne.cne_name" auto-complete="off" placeholder="名称" size="mini"></el-input> 118 <el-input @keyup.native="form.cne.cne_name=form.cne.cne_name.replace(/[^A-Z0-9_]/g,'')" v-model="form.cne.cne_name" auto-complete="off" placeholder="名称" size="mini"></el-input>
119 </el-form-item> 119 </el-form-item>
120 </el-col> 120 </el-col>
121 - <el-col style="width: 52%;margin-left: 10px"> 121 + <el-col style="width: 40%;margin-left: 5px">
122 <el-form-item> 122 <el-form-item>
123 <el-input @keyup.native="cne_contact.contact_number=cne_contact.contact_number.replace(/[^A-Z0-9_]/g,'')" v-model="cne_contact.contact_number" auto-complete="off" placeholder="电话/传真" size="mini"></el-input> 123 <el-input @keyup.native="cne_contact.contact_number=cne_contact.contact_number.replace(/[^A-Z0-9_]/g,'')" v-model="cne_contact.contact_number" auto-complete="off" placeholder="电话/传真" size="mini"></el-input>
124 </el-form-item> 124 </el-form-item>
@@ -875,9 +875,10 @@ Handling Information @@ -875,9 +875,10 @@ Handling Information
875 875
876 </el-col> 876 </el-col>
877 </el-row> 877 </el-row>
878 - <el-row style="margin-top: 40px;margin-left: 35%"> 878 + <el-row style="margin-top: 40px;margin-left: 40%">
879 <el-form-item> 879 <el-form-item>
880 <el-button type="primary" @click="addFwb">提交</el-button> 880 <el-button type="primary" @click="addFwb">提交</el-button>
  881 + <el-button @click="cancleBtn">清空</el-button>
881 </el-form-item> 882 </el-form-item>
882 </el-row> 883 </el-row>
883 </el-form> 884 </el-form>
@@ -918,12 +919,12 @@ Handling Information @@ -918,12 +919,12 @@ Handling Information
918 <!-- <el-button type="success" plain size="mini">保&nbsp;&nbsp;&nbsp;存</el-button>--> 919 <!-- <el-button type="success" plain size="mini">保&nbsp;&nbsp;&nbsp;存</el-button>-->
919 </span> 920 </span>
920 <el-row> 921 <el-row>
921 - <el-col style="width: 25%"> 922 + <el-col style="width: 38%">
922 <el-form-item label=" " prop="shp.shp_nam_name"> 923 <el-form-item label=" " prop="shp.shp_nam_name">
923 - <el-input @keyup.native="addForm.shp.shp_nam_name=addForm.shp.shp_nam_name.replace(/[^A-Z0-9_]/g,'')" v-model="addForm.shp.shp_nam_name" auto-complete="off" placeholder="名称" size="mini" style="width: 90%"></el-input> 924 + <el-input @keyup.native="addForm.shp.shp_nam_name=addForm.shp.shp_nam_name.replace(/[^A-Z0-9_]/g,'')" v-model="addForm.shp.shp_nam_name" auto-complete="off" placeholder="名称" size="mini"></el-input>
924 </el-form-item> 925 </el-form-item>
925 </el-col> 926 </el-col>
926 - <el-col style="width: 52%;margin-left: 10px"> 927 + <el-col style="width: 40%;margin-left:5px">
927 <el-form-item> 928 <el-form-item>
928 <el-input @keyup.native="addForm.shp.shp_detail_number=addForm.shp.shp_detail_number.replace(/[^A-Z0-9_]/g,'')" v-model="addForm.shp.shp_detail_number" auto-complete="off" placeholder="电话/传真" size="mini"></el-input> 929 <el-input @keyup.native="addForm.shp.shp_detail_number=addForm.shp.shp_detail_number.replace(/[^A-Z0-9_]/g,'')" v-model="addForm.shp.shp_detail_number" auto-complete="off" placeholder="电话/传真" size="mini"></el-input>
929 <!-- <el-select v-model="addForm.shp.shp_detail_number" placeholder="电话/传真">--> 930 <!-- <el-select v-model="addForm.shp.shp_detail_number" placeholder="电话/传真">-->
@@ -1002,12 +1003,12 @@ Handling Information @@ -1002,12 +1003,12 @@ Handling Information
1002 <!-- <el-button type="success" plain size="mini">保&nbsp;&nbsp;&nbsp;存</el-button>--> 1003 <!-- <el-button type="success" plain size="mini">保&nbsp;&nbsp;&nbsp;存</el-button>-->
1003 </span> 1004 </span>
1004 <el-row> 1005 <el-row>
1005 - <el-col style="width: 25%"> 1006 + <el-col style="width: 38%">
1006 <el-form-item> 1007 <el-form-item>
1007 <el-input @keyup.native="addForm.cne.cne_nam_name=addForm.cne.cne_nam_name.replace(/[^A-Z0-9_]/g,'')" v-model="addForm.cne.cne_nam_name" auto-complete="off" placeholder="名称" size="mini"></el-input> 1008 <el-input @keyup.native="addForm.cne.cne_nam_name=addForm.cne.cne_nam_name.replace(/[^A-Z0-9_]/g,'')" v-model="addForm.cne.cne_nam_name" auto-complete="off" placeholder="名称" size="mini"></el-input>
1008 </el-form-item> 1009 </el-form-item>
1009 </el-col> 1010 </el-col>
1010 - <el-col style="width: 52%;margin-left: 10px"> 1011 + <el-col style="width: 40%;margin-left: 5px">
1011 <el-form-item> 1012 <el-form-item>
1012 <el-input @keyup.native="addForm.cne.cne_detail_number=addForm.cne.cne_detail_number.replace(/[^A-Z0-9_]/g,'')" v-model="addForm.cne.cne_detail_number" auto-complete="off" placeholder="电话/传真" size="mini"></el-input> 1013 <el-input @keyup.native="addForm.cne.cne_detail_number=addForm.cne.cne_detail_number.replace(/[^A-Z0-9_]/g,'')" v-model="addForm.cne.cne_detail_number" auto-complete="off" placeholder="电话/传真" size="mini"></el-input>
1013 <!-- <el-select v-model="addForm.cne.cne_detail_number" placeholder="电话/传真">--> 1014 <!-- <el-select v-model="addForm.cne.cne_detail_number" placeholder="电话/传真">-->
@@ -1766,9 +1767,10 @@ Handling Information @@ -1766,9 +1767,10 @@ Handling Information
1766 1767
1767 </el-col> 1768 </el-col>
1768 </el-row> 1769 </el-row>
1769 - <el-row style="margin-top: 40px;margin-left: 35%"> 1770 + <el-row style="margin-top: 40px;margin-left: 40%">
1770 <el-form-item> 1771 <el-form-item>
1771 <el-button type="primary" @click="addFhl">提交</el-button> 1772 <el-button type="primary" @click="addFhl">提交</el-button>
  1773 + <el-button @click="cancleBtn">清空</el-button>
1772 </el-form-item> 1774 </el-form-item>
1773 </el-row> 1775 </el-row>
1774 </el-form> 1776 </el-form>
@@ -2615,6 +2617,9 @@ Handling Information @@ -2615,6 +2617,9 @@ Handling Information
2615 _this.$message.error(error.toString()) 2617 _this.$message.error(error.toString())
2616 }) 2618 })
2617 // console.log("获取分单的方法执行了") 2619 // console.log("获取分单的方法执行了")
  2620 + },
  2621 + cancleBtn(){
  2622 + Object.assign(this.$data, this.$options.data());
2618 } 2623 }
2619 }, 2624 },
2620 activated(){ 2625 activated(){