打包修改

build/utils.js

@@ -47,6 +47,7 @@ exports.cssLoaders = function (options) {
     if (options.extract) {
       return ExtractTextPlugin.extract({
         use: loaders,
+        publicPath:'../../',
         fallback: 'vue-style-loader'
       })
     } else {

config/dev.env.js

@@ -4,5 +4,5 @@ const prodEnv = require('./prod.env')
 
 module.exports = merge(prodEnv, {
   NODE_ENV: '"development"',
-  API_HOST:"/api/"
+  API_HOST:'"/api/"'
 })

config/index.js

@@ -52,13 +52,13 @@ module.exports = {
     // Paths
     assetsRoot: path.resolve(__dirname, '../dist'),
     assetsSubDirectory: 'static',
-    assetsPublicPath: '/',
+    assetsPublicPath: './',
 
     /**
      * Source Maps
      */
 
-    productionSourceMap: true,
+    productionSourceMap: false,
     // https://webpack.js.org/configuration/devtool/#production
     devtool: '#source-map',
 

src/components/Login.vue

@@ -90,11 +90,11 @@ export default {
                     password: this.password
                 }
             }).then(function(res){
-                console.log(res)
+                console.log(res);
                 if(res.data.code==200){
                     localStorage.setItem('userinif', JSON.stringify(res.data.data));
                     that.fullscreenLoading=false;
-                    that.$router.push('/home/index')
+                    that.$router.push('/home/index');
                 }else{
                     that.fullscreenLoading=false;
                     that.$message({
@@ -106,11 +106,13 @@ export default {
         }
     },
     mounted() {
+
+console.log(process.env.API_HOST);
+
         document.querySelector(".login-all").style.height = window.innerHeight + "px";
         let that = this
         document.onkeydown = function (e) {
             e = window.event || e
-            console.log(e.code)
             //保证是在登录页面发出的enter事件
             if (e.code === 'Enter' || e.code === 'enter'|| e.code === 'NumpadEnter') {
                 //调用登录函数
@@ -295,11 +297,11 @@ body {
     color: #fff;
 }
 
-.el-input__prefix {
+.login-input .el-input__prefix {
     width: 40px;
 }
 
-.el-input--prefix .el-input__inner {
+.login-input .el-input--prefix .el-input__inner {
     padding-left: 50px;
 }
 

src/components/OP/visaEdit.vue

@@ -6,16 +6,13 @@
         <div class="small-title">
             <span>基础信息</span>
         </div>
-        <div class="tips">
-            姓名等需要与护照所示一致；曾用姓名包括未婚时称呼、宗教用称呼、工作用称呼、化名
-        </div>
         <div class="foundation-form">
+            <div class="tips">
+                姓名等需要与护照所示一致；曾用姓名包括未婚时称呼、宗教用称呼、工作用称呼、化名
+            </div>
             <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
                 <div class="foundation-box">
-                    <el-form-item label="姓:" prop="name">
-                        <el-input v-model="ruleForm.name"></el-input>
-                    </el-form-item>
-                    <el-form-item label="名:" prop="name">
+                    <el-form-item label="姓名:" prop="name">
                         <el-input v-model="ruleForm.name"></el-input>
                     </el-form-item>
                     <el-form-item label="曾用姓名:" prop="name">
@@ -24,6 +21,9 @@
                     <el-form-item label="移动电话:" prop="name">
                         <el-input v-model="ruleForm.name"></el-input>
                     </el-form-item>
+                    <el-form-item label="出生日期:" prop="name">
+                        <el-input v-model="ruleForm.name"></el-input>
+                    </el-form-item>
                     <el-form-item label="身份证号" prop="name">
                         <el-input v-model="ruleForm.name"></el-input>
                     </el-form-item>
@@ -60,9 +60,7 @@
                     <el-form-item label="省份:" prop="name">
                         <el-input v-model="ruleForm.name"></el-input>
                     </el-form-item>
-                    <el-form-item label="出生日期:" prop="name">
-                        <el-input v-model="ruleForm.name"></el-input>
-                    </el-form-item>
+                    
                     <el-form-item label="最高学历:" prop="name">
                         <el-input v-model="ruleForm.name"></el-input>
                     </el-form-item>
@@ -82,7 +80,7 @@
             </el-form>
         </div>
         <div class="small-title">
-            现就职单位
+            <span>现就职单位</span>
         </div>
         <div class="flats-form">
             <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
@@ -117,6 +115,125 @@
                     <el-form-item label="单位主管:" prop="name">
                         <el-input v-model="ruleForm.name" placeholder="姓名:(除本人以外)"></el-input>
                     </el-form-item>
+                    <el-form-item label="主管职务:" prop="name">
+                        <el-input v-model="ruleForm.name" placeholder="单位主管职务"></el-input>
+                    </el-form-item>
+                    <el-form-item label="工作内容" prop="desc" style="width: 100%;">
+                        <el-input type="textarea" v-model="ruleForm.desc" placeholder="工作内容简单介绍(美加签证必填)"></el-input>
+                    </el-form-item>
+                </div>
+            </el-form>
+        </div>
+        <div class="small-title">
+            <span>配偶信息</span>
+        </div>
+        <div class="flats-form">
+            <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
+                <div class="foundation-box">
+                    <el-form-item label="结婚时间:" prop="name">
+                        <el-input v-model="ruleForm.name" placeholder="请注明结婚时间"></el-input>
+                    </el-form-item>
+                    <el-form-item label="离婚时间:" prop="name">
+                        <el-input v-model="ruleForm.name" placeholder="如离婚，请注明离婚时间"></el-input>
+                    </el-form-item>
+                    <el-form-item label="配偶姓名:" prop="name">
+                        <el-input v-model="ruleForm.name" placeholder="客户配偶姓名（若离异或分居或去世也应填写此项）"></el-input>
+                    </el-form-item>
+                    <el-form-item label="出生日期:" prop="name">
+                        <el-input v-model="ruleForm.name"></el-input>
+                    </el-form-item>
+                    <el-form-item label="出生城市" prop="name">
+                        <el-input v-model="ruleForm.name"></el-input>
+                    </el-form-item>
+                    <el-form-item label="省份" prop="name">
+                        <el-input v-model="ruleForm.name"></el-input>
+                    </el-form-item>
+                    <el-form-item label="配偶住址:" prop="name">
+                        <el-input v-model="ruleForm.name" placeholder="客户配偶住址（如果与客户不一样，须提供其配偶的地址，国家-省-市-街道-单元-门牌号）"></el-input>
+                    </el-form-item>
+                    <el-form-item label="工作单位:" prop="name">
+                        <el-input v-model="ruleForm.name" placeholder="客户配偶工作单位名称"></el-input>
+                    </el-form-item>
+                    <el-form-item label="单位地址:" prop="name">
+                        <el-input v-model="ruleForm.name" placeholder="客户配偶工作单位地址"></el-input>
+                    </el-form-item>
+                    <el-form-item label="职务:" prop="name">
+                        <el-input v-model="ruleForm.name" placeholder="客户配偶工作单位职务"></el-input>
+                    </el-form-item>
+                </div>
+            </el-form>
+        </div>
+        <div class="small-title">
+            <span>家庭成员信息</span>
+        </div>
+        <el-form v-for="(item,i) in studentList" :key="i">
+            <div class="member-li">
+                <el-form-item label="称谓:" prop="name">
+                    <el-select v-model="value" filterable placeholder="请选择">
+                        <el-option
+                          v-for="item in options"
+                          :key="item.value"
+                          :label="item.label"
+                          :value="item.value">
+                        </el-option>
+                      </el-select>
+                </el-form-item>
+                <el-form-item label="姓名:" prop="age">
+                    <el-input v-model="studentList[i].age" clearable></el-input>
+                </el-form-item>
+                <el-form-item label="出生日期:" prop="name">
+                    <el-input v-model="studentList[i].name" clearable></el-input>
+                </el-form-item>
+                <el-form-item label="出生地:" prop="age">
+                    <el-input v-model="studentList[i].age" clearable></el-input>
+                </el-form-item>
+                <el-form-item label="政治面貌:" prop="name">
+                    <el-input v-model="studentList[i].name" clearable></el-input>
+                </el-form-item>
+                <el-form-item label="工作单位:" prop="age">
+                    <el-input v-model="studentList[i].age" clearable></el-input>
+                </el-form-item>
+                <el-form-item label="家庭住址:" prop="name">
+                    <el-input v-model="studentList[i].name" clearable></el-input>
+                </el-form-item>
+                <el-form-item label="是否生活在美国:" prop="age">
+                    <el-input v-model="studentList[i].age" clearable></el-input>
+                </el-form-item>
+                <el-form-item>
+                    <el-button circle icon="el-icon-plus" @click="addList()"></el-button>
+                    <el-button circle icon="el-icon-minus" @click="subList(i)" v-if="i>0"></el-button>
+                </el-form-item>
+            </div>
+        </el-form>
+        <div class="tips">
+            若家庭成员中有欧盟、欧洲经济区或瑞士公民，请填写下方信息：
+        </div>
+        <div class="flats-form">
+            <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
+                <div class="foundation-box">
+                    <el-form-item label="成员姓名:" prop="name">
+                        <el-input v-model="ruleForm.name"></el-input>
+                    </el-form-item>
+                    <el-form-item label="出生日期:" prop="name">
+                        <el-input v-model="ruleForm.name"></el-input>
+                    </el-form-item>
+                    <el-form-item label="成员国籍:" prop="name">
+                        <el-input v-model="ruleForm.name"></el-input>
+                    </el-form-item>
+                    <el-form-item label="出生日期:" prop="name">
+                        <el-input v-model="ruleForm.name"></el-input>
+                    </el-form-item>
+                    <el-form-item label="证件号码" prop="name">
+                        <el-input v-model="ruleForm.name" placeholder="旅行证件编号或身份证号码"></el-input>
+                    </el-form-item>
+                    <el-form-item label-width="330px" label="客户与该欧盟、欧洲经济区或瑞士公民亲属关系" prop="resource" style="width: 100%;">
+                        <el-radio-group v-model="ruleForm.resource">
+                            <el-radio label="配偶"></el-radio>
+                            <el-radio label="子女"></el-radio>
+                            <el-radio label="孙女儿"></el-radio>
+                            <el-radio label="赡养的老人"></el-radio>
+                        </el-radio-group>
+                    </el-form-item>
                 </div>
             </el-form>
         </div>
@@ -160,23 +277,54 @@ export default {
           desc: [
             { required: true, message: '请填写活动形式', trigger: 'blur' }
           ]
-        }
+        },
+        studentList: [
+           {name: '', age: ''}
+        ],
+        options: [{
+          value: '0',
+          label: '父亲'
+        }, {
+          value: '1',
+          label: '母亲'
+        }, {
+          value: '2',
+          label: '儿子'
+        }, {
+          value: '3',
+          label: '女儿'
+        }, {
+          value: '4',
+          label: '妻子'
+        }, {
+          value: '5',
+          label: '丈夫'
+        }],
+        value: ''
       };
     },
     methods: {
       submitForm(formName) {
-        this.$refs[formName].validate((valid) => {
-          if (valid) {
-            alert('submit!');
-          } else {
-            console.log('error submit!!');
-            return false;
-          }
-        });
-      },
-      resetForm(formName) {
-        this.$refs[formName].resetFields();
-      }
+            this.$refs[formName].validate((valid) => {
+                if (valid) {
+                    alert('submit!');
+                } else {
+                    console.log('error submit!!');
+                    return false;
+                }
+            });
+        },
+        resetForm(formName) {
+            this.$refs[formName].resetFields();
+        },
+        //加号
+        addList() {
+            this.studentList.push({ name: '', age: '' })
+        },
+        //减号
+        subList(index) {
+            this.studentList.splice(index, 1)
+        }
     }
 }
 </script>
@@ -213,12 +361,20 @@ export default {
         font-size: 14px;
         font-weight:600 ;
         color: #555;
-        margin: 10px 0;
+        margin: 18px 0;
     }
     .small-title>span{
         display: inline;
         padding: 5px 10px;
-        border: 1px solid #606266;
+        box-shadow: 0 0 5px #0005;
         border-radius: 5px;
     }
+    .member-li{
+        display: flex;
+        align-items: end;
+        justify-content: space-between;
+    }
+    .member-li>.el-form-item{
+        width: 10%;
+    }
 </style>

src/components/home.vue

@@ -583,4 +583,7 @@
       -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
       background-color: #b9bcc0;
     }
+    .delwh .el-menu{
+      background-color: #0f619f;
+    }
   </style>

src/main.js

@@ -9,7 +9,8 @@ import './assets/icon/iconfont.css'
 import store from './store/index.js';
 
 import axios from 'axios';
-axios.defaults.baseURL = 'http://localhost:5256/'
+axios.defaults.baseURL = 'http://132.232.92.186:8888';
+
 import { Message } from "element-ui";
 Vue.prototype.$message = Message
 Vue.prototype.$axios = axios;

vue.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+    publicPath:'./'
+}