Merge branch 'master' of http://132.232.92.186:3000/XinXiBu/oa-system

src/components/Resource/CarData.vue

@@ -0,0 +1,245 @@
+<template>
+    <div>
+        <div class="communal-list">
+            <div class="communal-title">
+                <div>车公司资料</div>
+                <div class="communal-box">
+                    <el-input @input="Inquireclick()" placeholder="请输入单位地区/单位名称/联系人/联系电话" v-model="input" clearable
+                        style="width: 500px;">
+                    </el-input>
+                    <router-link to="/home/CarDataAdd">
+                        <el-button type="primary">新增</el-button>
+                    </router-link>
+
+                </div>
+            </div>
+            <template>
+                <el-table :data="tableDatas.slice((currentPage - 1) * pageSize, currentPage * pageSize)" border
+                    style="width: 100%" v-loading="loading" element-loading-text="拼命加载中...">
+                    <el-table-column prop="num" label="序 号" width="55">
+                        <template slot-scope="scope">
+                            {{ (currentPage - 1) * pageSize + scope.$index + 1 }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="unitArea" label="单位地区" width="180">
+                    </el-table-column>
+                    <el-table-column prop="unitName" label="单位名称" width="220">
+                    </el-table-column>
+                    <el-table-column prop="contact" label="联系人" width="220">
+                    </el-table-column>
+                    <el-table-column prop="contactTel" label="联系电话" width="180">
+                    </el-table-column>
+                    <el-table-column prop="score" label="评分" width="55">
+                    </el-table-column>
+                    <el-table-column prop="createTime" label="更新时间" width="180">
+                    </el-table-column>
+                    <el-table-column label="操作" width="200">
+                        <template slot-scope="scope">
+                            <el-button size="mini" @click="upDate(scope.$index, scope.row)">编辑</el-button>
+                            <el-button size="mini" type="danger" @click="del(scope.$index, scope.row)">删除</el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </template>
+            <div class="block">
+                <el-pagination align='center' @size-change="handleSizeChange" @current-change="handleCurrentChange"
+                    :current-page="currentPage" :page-sizes="[10, 15, 20]" :page-size="pageSize"
+                    layout="total, sizes, prev, pager, next" :total="tableDatas.length">
+                </el-pagination>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+            rules: {
+                UnitArea: [
+                    { required: true, message: '请输入单位地区', trigger: 'blur' },
+                    { required: true, message: '请输入单位地区', trigger: 'change' },
+                ],
+                UnitName: [
+                    { required: true, message: '请输入单位名称', trigger: 'blur' },
+                ],
+                Contact: [
+                    { required: true, message: '请输入单位联系人', trigger: 'blur' },
+                ],
+                ContactTel: [
+                    { required: true, message: '请输入单位联系人电话', trigger: 'blur' },
+                ],
+
+            },
+            loading: false,
+            tableDatas: [],
+            tableData: [],
+            currentPage: 1, // 当前页码
+            pageSize: 15,// 每页的数据条数
+            input: '',
+            token: '',
+            userId: 0,
+            unitAreas: [],
+            restaurants: [],
+            upCarVisible: false,
+
+        }
+    },
+    methods: {
+        //每页条数改变时触发 选择一页显示多少行
+        handleSizeChange(val) {
+            this.currentPage = 1;
+            this.pageSize = val;
+        },
+        //当前页改变时触发 跳转其他页
+        handleCurrentChange(val) {
+            this.currentPage = val;
+        },
+        carData() {
+            this.loading = true
+            var url = "http://localhost:5256/api/Resource/QuerCarData"
+            var that = this
+            this.$axios({
+                method: 'post',
+                url: url,
+                headers: {
+                    Authorization: 'Bearer ' + this.token
+                },
+                data: {
+                    portType: 1,
+                }
+            }).then(function (res) {
+                console.log(res)
+                debugger
+                if (res.data.code == 200) {
+                    debugger
+                    that.tableData = res.data.data;
+                    that.tableDatas = that.tableData;
+                    that.tableData.forEach(function (item, index) {
+                        that.unitAreas.push({
+                            value: item.unitArea,
+                        });
+                    });
+                }
+                that.loading = false
+            }).catch(function (error) {
+                that.loading = false
+                that.$message.error("网络错误，请稍后重试");
+            });
+        },
+        //搜索框处理
+        Inquireclick() {
+            var newarr = [];
+            if (this.input == "") {
+                newarr = this.tableData;
+            } else {
+                for (var i = 0; i < this.tableData.length; i++) {
+                    if (this.tableData[i].unitArea.indexOf(this.input) != -1) {
+                        newarr.push(this.tableData[i]);
+                    } else if (this.tableData[i].unitName.indexOf(this.input) != -1) {
+                        newarr.push(this.tableData[i]);
+                    } else if (this.tableData[i].contact.indexOf(this.input) != -1) {
+                        newarr.push(this.tableData[i]);
+                    } else if (this.tableData[i].contactTel.indexOf(this.input) != -1) {
+                        newarr.push(this.tableData[i]);
+                    }
+                }
+            }
+            this.tableDatas = newarr;
+        },
+        querySearch(queryString, cb) {
+            var arr = this.unitAreas;
+            for (var i = 0; i < arr.length - 1; i++) {
+                for (var j = i + 1; j < arr.length; j++) {
+                    if (arr[i].value == arr[j].value) {
+                        arr.splice(j, 1);
+                        //因为数组长度减小1，所以直接 j++ 会漏掉一个元素，所以要 j--
+                        j--;
+                    }
+                }
+            }
+            var restaurants = arr;
+            var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
+            // 调用 callback 返回建议列表的数据
+            cb(results);
+        },
+        createFilter(queryString) {
+            return (restaurant) => {
+                return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
+            };
+        },
+        upDate(index, row) {
+            localStorage.setItem('CarDataEdit', JSON.stringify(row));
+            this.$router.push('/home/carDataEdit')
+        },
+        handleSelect(item) {
+            console.log(item);
+        },
+        del(index, row) {
+            var url = "http://localhost:5256/api/Resource/DelCarData"
+            var that = this
+            this.$axios({
+                method: 'post',
+                url: url,
+                headers: {
+                    Authorization: 'Bearer ' + this.token
+                },
+                data: {
+                    Id: row.id,
+                    DeleteUserId: this.userId
+                }
+            }).then(function (res) {
+                console.log(res)
+                debugger
+                if (res.data.code == 200) {
+                    debugger
+                    that.$message({
+                        message: '删除成功',
+                        type: 'success'
+                    });
+                    that.carData();
+                } else {
+                    that.$message.error('删除失败！');
+                }
+                that.loading = false
+            }).catch(function (error) {
+                that.loading = false
+                that.$message.error("网络错误，请稍后重试");
+            });
+        }
+    },
+    mounted() {
+        debugger
+        this.token = JSON.parse(localStorage.getItem('userinif')).token;
+        this.userId = JSON.parse(localStorage.getItem('userinif')).userInfo.userId
+        this.carData();
+    }
+}
+</script>
+<style>
+.communal-list {
+    background-color: #fff;
+    padding: 10px;
+    box-shadow: 0 0 5px #0005;
+    border-radius: 10px;
+}
+
+.communal-title {
+    display: flex;
+    font-size: 17px;
+    font-weight: 600;
+    color: #555;
+    margin-top: 8px;
+    margin-bottom: 10px;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.communal-box {
+    display: flex;
+}
+
+.communal-box>button {
+    margin-left: 10px;
+    padding: 8px 20px;
+}
+</style>

src/components/Resource/CarDataAdd.vue

@@ -0,0 +1,382 @@
+<template>
+    <div v-loading="loading" element-loading-text="跳转中...">
+        <div class="communal-title">
+            <div>添加车公司资料</div>
+        </div>
+        <template>
+            <el-form :model="addData" :rules="rules" ref="addData" label-width="100px" class="demo-ruleForm">
+                <el-row>
+                    <el-col :span="8">
+                        <el-form-item label="服务评分" prop="Score">
+                            <el-select v-model="addData.Score" placeholder="服务评分">
+                                <el-option key="1" label="1分" value="1"></el-option>
+                                <el-option key="2" label="2分" value="2"></el-option>
+                                <el-option key="3" label="3分" value="3"></el-option>
+                                <el-option key="4" label="4分" value="4"></el-option>
+                                <el-option key="5" label="5分" value="5"></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="单位地区" prop="UnitArea">
+                            <el-autocomplete class="inline-input" v-model="addData.UnitArea"
+                                :fetch-suggestions="querySearch" placeholder="请输入单位地区" @select="handleSelect"
+                                style="width: 290px;"></el-autocomplete>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="单位名称" prop="UnitName">
+                            <el-input placeholder="单位名称" v-model="addData.UnitName">
+                            </el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="24">
+                        <el-form-item label="单位地址" prop="Address">
+                            <el-input placeholder="单位地址" v-model="addData.Address">
+                            </el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="8">
+                        <el-form-item label="联系人" prop="Contact">
+                            <el-input placeholder="单位地址" v-model="addData.Contact">
+                            </el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="联系方式" prop="ContactTel">
+                            <el-input placeholder="联系方式" v-model="addData.ContactTel">
+                            </el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="电子邮箱" prop="ContactEmail">
+                            <el-input placeholder="电子邮箱" v-model="addData.ContactEmail">
+                            </el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="8">
+                        <el-form-item label="传 真" prop="ContactFax">
+                            <el-input placeholder="传 真" v-model="addData.ContactFax">
+                            </el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="23">
+                        <el-form-item label="其他信息" prop="OtherInfo">
+                            <el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="addData.OtherInfo"
+                                style="width: 80%;"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="6">
+                        <el-form-item label="有相关的车辆资质" prop="QualificationScore" label-width="130px">
+                            <template>
+                                <el-radio v-model="addData.QualificationScore" label="A"
+                                    style="margin-right: 10px">A</el-radio>
+                                <el-radio v-model="addData.QualificationScore" label="B"
+                                    style="margin-right: 10px">B</el-radio>
+                                <el-radio v-model="addData.QualificationScore" label="C"
+                                    style="margin-right: 10px">C</el-radio>
+                            </template>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="9">
+                        <el-form-item label="车辆2-4年新，VIP及以上需要2年新" prop="CarAgeScore" label-width="260px">
+                            <template>
+                                <el-radio v-model="addData.CarAgeScore" label="A" style="margin-right: 10px">A</el-radio>
+                                <el-radio v-model="addData.CarAgeScore" label="B" style="margin-right: 10px">B</el-radio>
+                                <el-radio v-model="addData.CarAgeScore" label="C" style="margin-right: 10px">C</el-radio>
+                            </template>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="9">
+                        <el-form-item label="车身干净，无文字图片等" prop="CleanImgScore" label-width="170px">
+                            <template>
+                                <el-radio v-model="addData.CleanImgScore" label="A" style="margin-right: 10px">A</el-radio>
+                                <el-radio v-model="addData.CleanImgScore" label="B" style="margin-right: 10px">B</el-radio>
+                                <el-radio v-model="addData.CleanImgScore" label="C" style="margin-right: 10px">C</el-radio>
+                            </template>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="6">
+                        <el-form-item label="车内整洁、无异味" prop="SmellScore" label-width="130px">
+                            <template>
+                                <el-radio v-model="addData.SmellScore" label="A" style="margin-right: 10px">A</el-radio>
+                                <el-radio v-model="addData.SmellScore" label="B" style="margin-right: 10px">B</el-radio>
+                                <el-radio v-model="addData.SmellScore" label="C" style="margin-right: 10px">C</el-radio>
+                            </template>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="9">
+                        <el-form-item label="提前备水，纸巾等" prop="WaterPaperScore" label-width="260px">
+                            <template>
+                                <el-radio v-model="addData.WaterPaperScore" label="A"
+                                    style="margin-right: 10px">A</el-radio>
+                                <el-radio v-model="addData.WaterPaperScore" label="B"
+                                    style="margin-right: 10px">B</el-radio>
+                                <el-radio v-model="addData.WaterPaperScore" label="C"
+                                    style="margin-right: 10px">C</el-radio>
+                            </template>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="9">
+                        <el-form-item label="车辆配置高（皮座椅等）" prop="HardwareScore" label-width="170px">
+                            <template>
+                                <el-radio v-model="addData.HardwareScore" label="A" style="margin-right: 10px">A</el-radio>
+                                <el-radio v-model="addData.HardwareScore" label="B" style="margin-right: 10px">B</el-radio>
+                                <el-radio v-model="addData.HardwareScore" label="C" style="margin-right: 10px">C</el-radio>
+                            </template>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="6">
+                        <el-form-item label="时间概念强" prop="TimeScore" label-width="130px">
+                            <template>
+                                <el-radio v-model="addData.TimeScore" label="A" style="margin-right: 10px">A</el-radio>
+                                <el-radio v-model="addData.TimeScore" label="B" style="margin-right: 10px">B</el-radio>
+                                <el-radio v-model="addData.TimeScore" label="C" style="margin-right: 10px">C</el-radio>
+                            </template>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="9">
+                        <el-form-item label="安全意识高" prop="SafetyScore" label-width="260px">
+                            <template>
+                                <el-radio v-model="addData.SafetyScore" label="A" style="margin-right: 10px">A</el-radio>
+                                <el-radio v-model="addData.SafetyScore" label="B" style="margin-right: 10px">B</el-radio>
+                                <el-radio v-model="addData.SafetyScore" label="C" style="margin-right: 10px">C</el-radio>
+                            </template>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="9">
+                        <el-form-item label="司机驾龄时间长，提前熟悉路线" prop="DrivingAgeScore" label-width="210px">
+                            <template>
+                                <el-radio v-model="addData.DrivingAgeScore" label="A"
+                                    style="margin-right: 10px">A</el-radio>
+                                <el-radio v-model="addData.DrivingAgeScore" label="B"
+                                    style="margin-right: 10px">B</el-radio>
+                                <el-radio v-model="addData.DrivingAgeScore" label="C"
+                                    style="margin-right: 10px">C</el-radio>
+                            </template>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-form-item>
+                    <div style="margin-left: 60%;">
+                        <el-button type="primary" @click="addBtn">立即保存</el-button>
+                        <router-link to='/home/CarData'>
+                            <el-button>取消</el-button>
+                        </router-link>
+                    </div>
+
+
+                </el-form-item>
+            </el-form>
+        </template>
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        var isnumber = (rule, value, callback) => {
+            debugger
+            var reg = /^1[3456789]\d{9}$/;//小数点左边最高16位，小数点右边最多4位
+            if (reg.test(value)) {
+                callback();
+            } else
+                callback(new Error("请输入正确的手机号"));
+
+
+        };
+        return {
+            rules: {
+                UnitArea: [
+                    { required: true, message: '请输入单位地区', trigger: 'blur' },
+                    { required: true, message: '请输入单位地区', trigger: 'change' },
+                ],
+                UnitName: [
+                    { required: true, message: '请输入单位名称', trigger: 'blur' },
+                ],
+                Contact: [
+                    { required: true, message: '请输入单位联系人', trigger: 'blur' },
+                ],
+                ContactTel: [
+                    { required: true, message: '请输入单位联系人电话', trigger: 'blur' },
+                    { validator: isnumber, message: '请输入正确的手机号', trigger: 'change' }
+                ],
+            },
+            loading: false,
+            tableData: [],
+            currentPage: 1, // 当前页码
+            pageSize: 15,// 每页的数据条数
+            input: '',
+            token: '',
+            userId: 0,
+            addData: {
+                UnitArea: '',
+                UnitName: '',
+                Address: '',
+                Contact: '',
+                ContactTel: '',
+                ContactEmail: '',
+                ContactFax: '',
+                CarDes: '',
+                CarPicPaths: '',
+                OtherInfo: '',
+                Score: '5',
+                QualificationScore: 'A',
+                CarAgeScore: 'A',
+                CleanImgScore: 'A',
+                SmellScore: 'A',
+                WaterPaperScore: 'A',
+                HardwareScore: 'A',
+                TimeScore: 'A',
+                SafetyScore: 'A',
+                DrivingAgeScore: 'A',
+                CreateUserId: 0,
+                Remark: ''
+            },
+            unitAreas: [],
+            restaurants: [],
+
+        }
+    },
+    methods: {
+
+        carData() {
+            var url = "http://localhost:5256/api/Resource/QuerCarData"
+            var that = this
+            this.$axios({
+                method: 'post',
+                url: url,
+                headers: {
+                    Authorization: 'Bearer ' + this.token
+                },
+                data: {
+                    portType: 1,
+                }
+            }).then(function (res) {
+                console.log(res)
+                debugger
+                if (res.data.code == 200) {
+                    debugger
+                    that.tableData = res.data.data;
+                    that.tableData.forEach(function (item, index) {
+                        that.unitAreas.push({
+                            value: item.unitArea,
+                        });
+                    });
+                }
+            })
+        },
+        handleSelect(item) {
+            console.log(item);
+        },
+        addBtn() {
+            const that = this;
+            debugger
+            this.addData.CreateUserId = JSON.parse(localStorage.getItem('userinif')).userInfo.userId
+            this.addData.Remark = this.addData.OtherInfo
+            that.$refs.addData.validate((valid) => {
+                if (valid) {
+                    var url = "http://localhost:5256/api/Resource/AddCarData"
+
+                    that.$axios({
+                        method: 'post',
+                        url: url,
+                        headers: {
+                            Authorization: 'Bearer ' + that.token
+                        },
+                        data: that.addData
+                    }).then(function (res) {
+                        console.log(res)
+                        debugger
+                        if (res.data.code == 200) {
+                            that.$message({
+                                message: '添加成功',
+                                type: 'success'
+                            });
+                            that.loading = true;
+                            setTimeout(() => {
+                                that.$router.push('/home/CarData')
+                            }, 3000);
+                        } else {
+                            that.$message.error('添加失败！');
+                        }
+                    })
+                } else {
+                    this.$message.error('请完善信息在保存！');
+                    return false;
+                }
+            })
+        },
+
+
+        querySearch(queryString, cb) {
+            var arr = this.unitAreas;
+            for (var i = 0; i < arr.length - 1; i++) {
+                for (var j = i + 1; j < arr.length; j++) {
+                    if (arr[i].value == arr[j].value) {
+                        arr.splice(j, 1);
+                        //因为数组长度减小1，所以直接 j++ 会漏掉一个元素，所以要 j--
+                        j--;
+                    }
+                }
+            }
+            var restaurants = arr;
+            var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
+            // 调用 callback 返回建议列表的数据
+            cb(results);
+        },
+        createFilter(queryString) {
+            return (restaurant) => {
+                return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
+            };
+        },
+    },
+    mounted() {
+        debugger
+        this.token = JSON.parse(localStorage.getItem('userinif')).token;
+        this.userId = JSON.parse(localStorage.getItem('userinif')).userInfo.userId
+        this.carData();
+    }
+}
+</script>
+<style>
+.communal-list {
+    background-color: #fff;
+    padding: 10px;
+    box-shadow: 0 0 5px #0005;
+    border-radius: 10px;
+}
+
+.communal-title {
+    display: flex;
+    font-size: 17px;
+    font-weight: 600;
+    color: #555;
+    margin-top: 8px;
+    margin-bottom: 2px;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.communal-box {
+    display: flex;
+}
+
+.communal-box>button {
+    margin-left: 10px;
+    padding: 8px 20px;
+}
+</style>

src/components/Resource/CarDataEdit.vue

@@ -0,0 +1,403 @@
+<template>
+    <div v-loading="loading" element-loading-text="跳转中...">
+        <div class="communal-title">
+            <div>修改车公司资料</div>
+        </div>
+        <template>
+            <el-form :model="upData" :rules="rules" ref="upData" label-width="100px" class="demo-ruleForm">
+                <el-row>
+                    <el-col :span="8">
+                        <el-form-item label="服务评分" prop="Score">
+                            <el-select v-model="upData.Score" placeholder="服务评分">
+                                <el-option key="1" label="1分" value="1"></el-option>
+                                <el-option key="2" label="2分" value="2"></el-option>
+                                <el-option key="3" label="3分" value="3"></el-option>
+                                <el-option key="4" label="4分" value="4"></el-option>
+                                <el-option key="5" label="5分" value="5"></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="单位地区" prop="UnitArea">
+                            <el-autocomplete class="inline-input" v-model="upData.UnitArea" :fetch-suggestions="querySearch"
+                                placeholder="请输入单位地区" @select="handleSelect" style="width: 290px;"></el-autocomplete>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="单位名称" prop="UnitName">
+                            <el-input placeholder="单位名称" v-model="upData.UnitName">
+                            </el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="24">
+                        <el-form-item label="单位地址" prop="Address">
+                            <el-input placeholder="单位地址" v-model="upData.Address">
+                            </el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="8">
+                        <el-form-item label="联系人" prop="Contact">
+                            <el-input placeholder="单位地址" v-model="upData.Contact">
+                            </el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="联系方式" prop="ContactTel">
+                            <el-input placeholder="联系方式" v-model="upData.ContactTel">
+                            </el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="电子邮箱" prop="ContactEmail">
+                            <el-input placeholder="电子邮箱" v-model="upData.ContactEmail">
+                            </el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="8">
+                        <el-form-item label="传 真" prop="ContactFax">
+                            <el-input placeholder="传 真" v-model="upData.ContactFax">
+                            </el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="23">
+                        <el-form-item label="其他信息" prop="OtherInfo">
+                            <el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="upData.OtherInfo"
+                                style="width: 80%;"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="6">
+                        <el-form-item label="有相关的车辆资质" prop="QualificationScore" label-width="130px">
+                            <template>
+                                <el-radio v-model="upData.QualificationScore" label="A"
+                                    style="margin-right: 10px">A</el-radio>
+                                <el-radio v-model="upData.QualificationScore" label="B"
+                                    style="margin-right: 10px">B</el-radio>
+                                <el-radio v-model="upData.QualificationScore" label="C"
+                                    style="margin-right: 10px">C</el-radio>
+                            </template>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="9">
+                        <el-form-item label="车辆2-4年新，VIP及以上需要2年新" prop="CarAgeScore" label-width="260px">
+                            <template>
+                                <el-radio v-model="upData.CarAgeScore" label="A" style="margin-right: 10px">A</el-radio>
+                                <el-radio v-model="upData.CarAgeScore" label="B" style="margin-right: 10px">B</el-radio>
+                                <el-radio v-model="upData.CarAgeScore" label="C" style="margin-right: 10px">C</el-radio>
+                            </template>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="9">
+                        <el-form-item label="车身干净，无文字图片等" prop="CleanImgScore" label-width="170px">
+                            <template>
+                                <el-radio v-model="upData.CleanImgScore" label="A" style="margin-right: 10px">A</el-radio>
+                                <el-radio v-model="upData.CleanImgScore" label="B" style="margin-right: 10px">B</el-radio>
+                                <el-radio v-model="upData.CleanImgScore" label="C" style="margin-right: 10px">C</el-radio>
+                            </template>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="6">
+                        <el-form-item label="车内整洁、无异味" prop="SmellScore" label-width="130px">
+                            <template>
+                                <el-radio v-model="upData.SmellScore" label="A" style="margin-right: 10px">A</el-radio>
+                                <el-radio v-model="upData.SmellScore" label="B" style="margin-right: 10px">B</el-radio>
+                                <el-radio v-model="upData.SmellScore" label="C" style="margin-right: 10px">C</el-radio>
+                            </template>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="9">
+                        <el-form-item label="提前备水，纸巾等" prop="WaterPaperScore" label-width="260px">
+                            <template>
+                                <el-radio v-model="upData.WaterPaperScore" label="A" style="margin-right: 10px">A</el-radio>
+                                <el-radio v-model="upData.WaterPaperScore" label="B" style="margin-right: 10px">B</el-radio>
+                                <el-radio v-model="upData.WaterPaperScore" label="C" style="margin-right: 10px">C</el-radio>
+                            </template>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="9">
+                        <el-form-item label="车辆配置高（皮座椅等）" prop="HardwareScore" label-width="170px">
+                            <template>
+                                <el-radio v-model="upData.HardwareScore" label="A" style="margin-right: 10px">A</el-radio>
+                                <el-radio v-model="upData.HardwareScore" label="B" style="margin-right: 10px">B</el-radio>
+                                <el-radio v-model="upData.HardwareScore" label="C" style="margin-right: 10px">C</el-radio>
+                            </template>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="6">
+                        <el-form-item label="时间概念强" prop="TimeScore" label-width="130px">
+                            <template>
+                                <el-radio v-model="upData.TimeScore" label="A" style="margin-right: 10px">A</el-radio>
+                                <el-radio v-model="upData.TimeScore" label="B" style="margin-right: 10px">B</el-radio>
+                                <el-radio v-model="upData.TimeScore" label="C" style="margin-right: 10px">C</el-radio>
+                            </template>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="9">
+                        <el-form-item label="安全意识高" prop="SafetyScore" label-width="260px">
+                            <template>
+                                <el-radio v-model="upData.SafetyScore" label="A" style="margin-right: 10px">A</el-radio>
+                                <el-radio v-model="upData.SafetyScore" label="B" style="margin-right: 10px">B</el-radio>
+                                <el-radio v-model="upData.SafetyScore" label="C" style="margin-right: 10px">C</el-radio>
+                            </template>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="9">
+                        <el-form-item label="司机驾龄时间长，提前熟悉路线" prop="DrivingAgeScore" label-width="210px">
+                            <template>
+                                <el-radio v-model="upData.DrivingAgeScore" label="A" style="margin-right: 10px">A</el-radio>
+                                <el-radio v-model="upData.DrivingAgeScore" label="B" style="margin-right: 10px">B</el-radio>
+                                <el-radio v-model="upData.DrivingAgeScore" label="C" style="margin-right: 10px">C</el-radio>
+                            </template>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-form-item>
+                    <div style="margin-left: 60%;">
+                        <el-button type="primary" @click="editBtn">立即保存</el-button>
+                        <router-link to='/home/CarData'>
+                            <el-button>取消</el-button>
+                        </router-link>
+                    </div>
+
+
+                </el-form-item>
+            </el-form>
+        </template>
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        var isnumber = (rule, value, callback) => {
+            debugger
+            var reg = /^1[3456789]\d{9}$/;//小数点左边最高16位，小数点右边最多4位
+            if (reg.test(value)) {
+                callback();
+            } else
+                callback(new Error("请输入正确的手机号"));
+
+
+        };
+        return {
+            rules: {
+                UnitArea: [
+                    { required: true, message: '请输入单位地区', trigger: 'blur' },
+                    { required: true, message: '请输入单位地区', trigger: 'change' },
+                ],
+                UnitName: [
+                    { required: true, message: '请输入单位名称', trigger: 'blur' },
+                ],
+                Contact: [
+                    { required: true, message: '请输入单位联系人', trigger: 'blur' },
+                ],
+                ContactTel: [
+                    { required: true, message: '请输入单位联系人电话', trigger: 'blur' },
+                    { validator: isnumber, message: '请输入正确的手机号', trigger: 'change' }
+                ],
+            },
+            loading: false,
+            CarDataEdit: {},
+            currentPage: 1, // 当前页码
+            pageSize: 15,// 每页的数据条数
+            input: '',
+            token: '',
+            userId: 0,
+            upData: {
+                Id: 0,
+                UnitArea: '',
+                UnitName: '',
+                Address: '',
+                Contact: '',
+                ContactTel: '',
+                ContactEmail: '',
+                ContactFax: '',
+                CarDes: '',
+                CarPicPaths: '',
+                OtherInfo: '',
+                Score: '5',
+                QualificationScore: 'A',
+                CarAgeScore: 'A',
+                CleanImgScore: 'A',
+                SmellScore: 'A',
+                WaterPaperScore: 'A',
+                HardwareScore: 'A',
+                TimeScore: 'A',
+                SafetyScore: 'A',
+                DrivingAgeScore: 'A',
+                Remark: ''
+            },
+            unitAreas: [],
+            restaurants: [],
+
+        }
+    },
+    methods: {
+
+        carData() {
+            var url = "http://localhost:5256/api/Resource/QuerCarData"
+            var that = this
+            this.$axios({
+                method: 'post',
+                url: url,
+                headers: {
+                    Authorization: 'Bearer ' + this.token
+                },
+                data: {
+                    portType: 1,
+                }
+            }).then(function (res) {
+                console.log(res)
+                debugger
+                if (res.data.code == 200) {
+                    debugger
+                    that.tableData = res.data.data;
+                    that.tableData.forEach(function (item, index) {
+                        that.unitAreas.push({
+                            value: item.unitArea,
+                        });
+                    });
+                }
+            })
+        },
+        handleSelect(item) {
+            console.log(item);
+        },
+        editBtn() {
+            const that = this;
+            debugger
+            this.upData.CreateUserId = JSON.parse(localStorage.getItem('userinif')).userInfo.userId
+            this.upData.Remark = this.upData.OtherInfo
+            that.$refs.upData.validate((valid) => {
+                if (valid) {
+                    var url = "http://localhost:5256/api/Resource/AddCarData"
+
+                    that.$axios({
+                        method: 'post',
+                        url: url,
+                        headers: {
+                            Authorization: 'Bearer ' + that.token
+                        },
+                        data: that.upData
+                    }).then(function (res) {
+                        console.log(res)
+                        debugger
+                        if (res.data.code == 200) {
+                            that.$message({
+                                message: '修改成功',
+                                type: 'success'
+                            });
+                            that.loading = true;
+                            setTimeout(() => {
+                                that.$router.push('/home/CarData')
+                            }, 3000);
+                        } else {
+                            that.$message.error('修改失败！');
+                        }
+                    }).catch(function (error) {
+                        that.$message.error("网络错误，请稍后重试");
+                    });
+                } else {
+                    this.$message.error('请完善信息在保存！');
+                    return false;
+                }
+            })
+        },
+        querySearch(queryString, cb) {
+            var arr = this.unitAreas;
+            for (var i = 0; i < arr.length - 1; i++) {
+                for (var j = i + 1; j < arr.length; j++) {
+                    if (arr[i].value == arr[j].value) {
+                        arr.splice(j, 1);
+                        //因为数组长度减小1，所以直接 j++ 会漏掉一个元素，所以要 j--
+                        j--;
+                    }
+                }
+            }
+            var restaurants = arr;
+            var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
+            // 调用 callback 返回建议列表的数据
+            cb(results);
+        },
+        createFilter(queryString) {
+            return (restaurant) => {
+                return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
+            };
+        },
+        editData() {
+            this.upData.Id = this.CarDataEdit.id;
+            this.upData.UnitArea = this.CarDataEdit.unitArea;
+            this.upData.UnitName = this.CarDataEdit.unitName;
+            this.upData.Address = this.CarDataEdit.address;
+            this.upData.Contact = this.CarDataEdit.contact;
+            this.upData.ContactTel = this.CarDataEdit.contactTel;
+            this.upData.ContactEmail = this.CarDataEdit.contactEmail;
+            this.upData.ContactFax = this.CarDataEdit.contactFax;
+            this.upData.CarDes = this.CarDataEdit.carDes;
+            this.upData.CarPicPaths = this.CarDataEdit.carPicPaths;
+            this.upData.OtherInfo = this.CarDataEdit.otherInfo;
+            this.upData.Score = this.CarDataEdit.score;
+            this.upData.QualificationScore = this.CarDataEdit.qualificationScore;
+            this.upData.CarAgeScore = this.CarDataEdit.carAgeScore;
+            this.upData.CleanImgScore = this.CarDataEdit.cleanImgScore;
+            this.upData.SmellScore = this.CarDataEdit.smellScore;
+            this.upData.WaterPaperScore = this.CarDataEdit.waterPaperScore;
+            this.upData.HardwareScore = this.CarDataEdit.hardwareScore;
+            this.upData.TimeScore = this.CarDataEdit.timeScore;
+            this.upData.SafetyScore = this.CarDataEdit.safetyScore;
+            this.upData.DrivingAgeScore = this.CarDataEdit.drivingAgeScore;
+            this.upData.Remark = this.CarDataEdit.otherInfo;
+        },
+    },
+
+    mounted() {
+        debugger
+        this.token = JSON.parse(localStorage.getItem('userinif')).token;
+        this.userId = JSON.parse(localStorage.getItem('userinif')).userInfo.userId
+        debugger
+        this.CarDataEdit = JSON.parse(localStorage.getItem('CarDataEdit'));
+        this.carData();
+        this.editData();
+    }
+}
+</script>
+<style>
+.communal-list {
+    background-color: #fff;
+    padding: 10px;
+    box-shadow: 0 0 5px #0005;
+    border-radius: 10px;
+}
+
+.communal-title {
+    display: flex;
+    font-size: 17px;
+    font-weight: 600;
+    color: #555;
+    margin-top: 8px;
+    margin-bottom: 2px;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.communal-box {
+    display: flex;
+}
+
+.communal-box>button {
+    margin-left: 10px;
+    padding: 8px 20px;
+}
+</style>

src/components/child/index.vue

@@ -4,78 +4,41 @@
             <div class="communal-title">
                 <div>员工列表</div>
                 <div class="communal-box">
-                    <el-input
-                        @input="Inquireclick()"
-                        placeholder="请输入内容"
-                        v-model="input"
-                        clearable>
+                    <el-input @input="Inquireclick()" placeholder="请输入内容" v-model="input" clearable>
                     </el-input>
                     <el-button @click="Inquireclick()" type="primary"><i class="icon-sousuo"></i></el-button>
                 </div>
             </div>
             <template>
-                <el-table
-                :data="tableDatas.slice((currentPage-1)*pageSize,currentPage*pageSize)"
-                border
-                style="width: 100%">
-                    <el-table-column
-                        prop="num"
-                        label="序 号"
-                        width="55">
+                <el-table :data="tableDatas.slice((currentPage - 1) * pageSize, currentPage * pageSize)" border
+                    style="width: 100%">
+                    <el-table-column prop="num" label="序 号" width="55">
                         <template slot-scope="scope">
-                            {{(currentPage - 1) * pageSize + scope.$index + 1}}
+                            {{ (currentPage - 1) * pageSize + scope.$index + 1 }}
                         </template>
                     </el-table-column>
-                    <el-table-column
-                        prop="number"
-                        width="100"
-                        label="员工号">
+                    <el-table-column prop="number" width="100" label="员工号">
                     </el-table-column>
-                    <el-table-column
-                        width="100" 
-                        prop="cnName"
-                        label="姓 名">
+                    <el-table-column width="100" prop="cnName" label="姓 名">
                     </el-table-column>
-                    <el-table-column
-                        prop="companyName"
-                        label="分属公司"
-                        width="220">
+                    <el-table-column prop="companyName" label="分属公司" width="220">
                     </el-table-column>
-                    <el-table-column
-                        prop="jobName"
-                        label="职 位"
-                        width="200">
+                    <el-table-column prop="jobName" label="职 位" width="200">
                     </el-table-column>
-                    <el-table-column
-                        prop="ext"
-                        label="分机号"
-                        width="100">
+                    <el-table-column prop="ext" label="分机号" width="100">
                     </el-table-column>
-                    <el-table-column
-                        prop="phone"
-                        label="手机号"
-                        width="200">
+                    <el-table-column prop="phone" label="手机号" width="200">
                     </el-table-column>
-                    <el-table-column
-                        prop="urgentPhone"
-                        label="紧急联络电话"
-                        width="200">
+                    <el-table-column prop="urgentPhone" label="紧急联络电话" width="200">
                     </el-table-column>
-                    <el-table-column
-                        prop="email"
-                        label="电子邮箱">
+                    <el-table-column prop="email" label="电子邮箱">
                     </el-table-column>
                 </el-table>
             </template>
             <div class="block">
-                <el-pagination align='center' 
-                    @size-change="handleSizeChange" 
-                    @current-change="handleCurrentChange"
-                    :current-page="currentPage" 
-                    :page-sizes="[10,15,20]" 
-                    :page-size="pageSize" 
-                    layout="total, sizes, prev, pager, next" 
-                    :total="tableDatas.length">
+                <el-pagination align='center' @size-change="handleSizeChange" @current-change="handleCurrentChange"
+                    :current-page="currentPage" :page-sizes="[10, 15, 20]" :page-size="pageSize"
+                    layout="total, sizes, prev, pager, next" :total="tableDatas.length">
                 </el-pagination>
             </div>
         </div>
@@ -86,137 +49,137 @@ import { co, el } from '@fullcalendar/core/internal-common';
 export default {
     data() {
         return {
-            tableDatas:[],
+            tableDatas: [],
             tableData: [
                 {
-                    num:'1',
+                    num: '1',
                     date: '2016-05-03',
                     name: '王小虎',
-                    pnum:'15896358421',
+                    pnum: '15896358421',
                     address: '上海市普陀区金沙江路 1518 弄'
-                }, 
+                },
                 {
-                    num:'2',
+                    num: '2',
                     date: '2016-05-02',
                     name: '王小虎',
-                    pnum:'15896358421',
+                    pnum: '15896358421',
                     address: '上海市普陀区金沙江路 1518 弄'
-                }, 
+                },
                 {
-                    num:'3',
+                    num: '3',
                     date: '2016-05-04',
                     name: '王小虎',
-                    pnum:'15896358421',
+                    pnum: '15896358421',
                     address: '上海市普陀区金沙江路 1518 弄'
-                }, 
+                },
                 {
-                    num:'4',
+                    num: '4',
                     date: '2016-05-01',
                     name: '王小虎',
-                    pnum:'15896358421',
+                    pnum: '15896358421',
                     address: '上海市普陀区金沙江路 1518 弄'
-                }, 
+                },
                 {
-                    num:'5',
+                    num: '5',
                     date: '2016-05-08',
                     name: '王小虎',
-                    pnum:'15896358421',
+                    pnum: '15896358421',
                     address: '上海市普陀区金沙江路 1518 弄'
-                }, 
+                },
                 {
-                    num:'6',
+                    num: '6',
                     date: '2016-05-06',
                     name: '王小虎',
-                    pnum:'15896358421',
+                    pnum: '15896358421',
                     address: '上海市普陀区金沙江路 1518 弄'
-                }, 
+                },
                 {
-                    num:'7',
+                    num: '7',
                     date: '2016-05-07',
                     name: '王小虎',
-                    pnum:'15896358421',
+                    pnum: '15896358421',
                     address: '上海市普陀区金沙江路 1518 弄'
-                }, 
+                },
                 {
-                    num:'8',
+                    num: '8',
                     date: '2016-05-06',
                     name: '王小虎',
-                    pnum:'15896358421',
+                    pnum: '15896358421',
                     address: '上海市普陀区金沙江路 1518 弄'
-                }, 
+                },
                 {
-                    num:'9',
+                    num: '9',
                     date: '2016-05-07',
                     name: '王小虎',
-                    pnum:'15896358421',
+                    pnum: '15896358421',
                     address: '上海市普陀区金沙江路 1518 弄'
-                }, 
+                },
                 {
-                    num:'10',
+                    num: '10',
                     date: '2016-05-06',
                     name: '王小虎',
-                    pnum:'15896358421',
+                    pnum: '15896358421',
                     address: '上海市普陀区金沙江路 1518 弄'
-                }, 
+                },
                 {
-                    num:'11',
+                    num: '11',
                     date: '2016-05-07',
                     name: '王小虎',
-                    pnum:'15896358421',
+                    pnum: '15896358421',
                     address: '上海市普陀区金沙江路 1518 弄'
-                }, 
+                },
                 {
-                    num:'12',
+                    num: '12',
                     date: '2016-05-06',
                     name: '王小虎',
-                    pnum:'15896358421',
+                    pnum: '15896358421',
                     address: '上海市普陀区金沙江路 1518 弄'
-                }, 
+                },
                 {
-                    num:'13',
+                    num: '13',
                     date: '2016-05-07',
                     name: '王小虎',
-                    pnum:'15896358421',
+                    pnum: '15896358421',
                     address: '上海市普陀区金沙江路 1518 弄'
-                }, 
+                },
                 {
-                    num:'14',
+                    num: '14',
                     date: '2016-05-06',
                     name: '王小虎',
-                    pnum:'15896358421',
+                    pnum: '15896358421',
                     address: '上海市普陀区金沙江路 1518 弄'
-                }, 
+                },
                 {
-                    num:'15',
+                    num: '15',
                     date: '2016-05-07',
                     name: '王小虎',
-                    pnum:'15896358421',
+                    pnum: '15896358421',
                     address: '上海市普陀区金沙江路 1518 弄'
-                }, 
+                },
                 {
-                    num:'16',
+                    num: '16',
                     date: '2016-05-06',
                     name: '王小虎',
-                    pnum:'15896358421',
+                    pnum: '15896358421',
                     address: '上海市普陀区金沙江路 1518 弄'
-                }, 
+                },
                 {
-                    num:'17',
+                    num: '17',
                     date: '2016-05-07',
                     name: '王小虎',
-                    pnum:'15896358421',
+                    pnum: '15896358421',
                     address: '上海市普陀区金沙江路 1518 弄'
                 }
             ],
             currentPage: 1, // 当前页码
-            pageSize: 15 ,// 每页的数据条数
-            input:'',
-            token:''
+            pageSize: 15,// 每页的数据条数
+            input: '',
+            token: ''
         }
     },
-    methods:{
-         //每页条数改变时触发 选择一页显示多少行
-         handleSizeChange(val) {
+    methods: {
+        //每页条数改变时触发 选择一页显示多少行
+        handleSizeChange(val) {
             this.currentPage = 1;
             this.pageSize = val;
         },
@@ -224,132 +187,135 @@ export default {
         handleCurrentChange(val) {
             this.currentPage = val;
         },
-        Inquireclick(){
-            var newarr=[];
-            if(this.input==""){
-                newarr=this.tableData;
-            }else{
-                for(var i=0;i<this.tableData.length;i++){
-                    if(this.tableData[i].number.indexOf(this.input)!=-1){
+        Inquireclick() {
+            var newarr = [];
+            if (this.input == "") {
+                newarr = this.tableData;
+            } else {
+                for (var i = 0; i < this.tableData.length; i++) {
+                    if (this.tableData[i].number.indexOf(this.input) != -1) {
                         newarr.push(this.tableData[i]);
                     }
-                    else if(this.tableData[i].cnName.indexOf(this.input)!=-1){
+                    else if (this.tableData[i].cnName.indexOf(this.input) != -1) {
                         newarr.push(this.tableData[i]);
                     }
-                    else if(this.tableData[i].jobName.indexOf(this.input)!=-1){
+                    else if (this.tableData[i].jobName.indexOf(this.input) != -1) {
                         newarr.push(this.tableData[i]);
                     }
-                    else if(this.tableData[i].companyName.indexOf(this.input)!=-1){
+                    else if (this.tableData[i].companyName.indexOf(this.input) != -1) {
                         newarr.push(this.tableData[i]);
                     }
-                    else if(this.tableData[i].ext.indexOf(this.input)!=-1){
+                    else if (this.tableData[i].ext.indexOf(this.input) != -1) {
                         newarr.push(this.tableData[i]);
                     }
-                    else if(this.tableData[i].phone.indexOf(this.input)!=-1){
+                    else if (this.tableData[i].phone.indexOf(this.input) != -1) {
                         newarr.push(this.tableData[i]);
                     }
-                    else if(this.tableData[i].urgentPhone.indexOf(this.input)!=-1){
+                    else if (this.tableData[i].urgentPhone.indexOf(this.input) != -1) {
                         newarr.push(this.tableData[i]);
                     }
-                    else if(this.tableData[i].email.indexOf(this.input)!=-1){
+                    else if (this.tableData[i].email.indexOf(this.input) != -1) {
                         newarr.push(this.tableData[i]);
                     }
                 }
             }
-            this.tableDatas=newarr;
+            this.tableDatas = newarr;
         },
-        Getemployees(){
-            var url="/api/System/GetUserList"
-            var that=this
+        Getemployees() {
+            var url = "/api/System/GetUserList"
+            var that = this
             this.$axios({
                 method: 'post',
-                url:url,
-                headers:{
-                    Authorization:'Bearer '+this.token
+                url: url,
+                headers: {
+                    Authorization: 'Bearer ' + this.token
                 },
-                data:{
+                data: {
                     portType: 1,
                 }
-            }).then(function(res){
+            }).then(function (res) {
                 console.log(res)
-                if(res.data.code==200){
-                    that.tableData=res.data.data
-                    that.tableData.forEach(item=>{
-                        if(item.cnName==null){
+                if (res.data.code == 200) {
+                    that.tableData = res.data.data
+                    that.tableData.forEach(item => {
+                        if (item.cnName == null) {
                             item.cnName = ''
-                        } 
-                        if(item.companyId==null){
+                        }
+                        if (item.companyId == null) {
                             item.companyId = ''
-                        } 
-                        if(item.companyName==null){
+                        }
+                        if (item.companyName == null) {
                             item.companyName = ''
-                        } 
-                        if(item.depId==null){
+                        }
+                        if (item.depId == null) {
                             item.depId = ''
-                        } 
-                        if(item.depName==null){
+                        }
+                        if (item.depName == null) {
                             item.depName = ''
-                        } 
-                        if(item.email==null){
+                        }
+                        if (item.email == null) {
                             item.email = ''
-                        } 
-                        if(item.ext==null){
+                        }
+                        if (item.ext == null) {
                             item.ext = ''
-                        } 
-                        if(item.id==null){
+                        }
+                        if (item.id == null) {
                             item.id = ''
-                        } 
-                        if(item.jobName==null){
+                        }
+                        if (item.jobName == null) {
                             item.jobName = ''
-                        } 
-                        if(item.jobPostId==null){
+                        }
+                        if (item.jobPostId == null) {
                             item.jobPostId = ''
-                        } 
-                        if(item.number==null){
+                        }
+                        if (item.number == null) {
                             item.number = ''
-                        } 
-                        if(item.phone==null){
+                        }
+                        if (item.phone == null) {
                             item.phone = ''
-                        } 
-                        if(item.urgentPhone==null){
+                        }
+                        if (item.urgentPhone == null) {
                             item.urgentPhone = ''
                         }
                     })
-                    that.tableDatas=that.tableData;
+                    that.tableDatas = that.tableData;
                     console.log(that.tableDatas)
                 }
             })
         }
     },
-    mounted(){
-        this.token=JSON.parse(localStorage.getItem('userinif')).token;
+    mounted() {
+        this.token = JSON.parse(localStorage.getItem('userinif')).token;
         console.log(this.token)
         this.Getemployees();
     }
 }
 </script>
 <style>
-    .communal-list{
-        background-color: #fff;
-        padding: 10px;
-        box-shadow: 0 0 5px #0005;
-        border-radius: 10px;
-    }
-    .communal-title{
-        display: flex;
-        font-size: 17px;
-        font-weight:600 ;
-        color: #555;
-        margin-top: 8px;
-        margin-bottom: 2px;
-        justify-content: space-between;
-        align-items: center;
-    }
-    .communal-box{
-        display: flex;
-    }
-    .communal-box>button{
-        margin-left: 10px;
-        padding: 8px 20px;
-    }
+.communal-list {
+    background-color: #fff;
+    padding: 10px;
+    box-shadow: 0 0 5px #0005;
+    border-radius: 10px;
+}
+
+.communal-title {
+    display: flex;
+    font-size: 17px;
+    font-weight: 600;
+    color: #555;
+    margin-top: 8px;
+    margin-bottom: 2px;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.communal-box {
+    display: flex;
+}
+
+.communal-box>button {
+    margin-left: 10px;
+    padding: 8px 20px;
+}
 </style>

src/components/system/Company.vue

@@ -258,7 +258,9 @@ export default {
                         });
                     });
                 }
-            })
+            }).catch(function (error) {
+                that.$message.error("网络错误，请稍后重试");
+            });
         },
         Inquireclick() {
             var newarr = [];
@@ -343,7 +345,9 @@ export default {
                     this.$message.error('请完善信息在保存！');
                     return false;
                 }
-            })
+            }).catch(function (error) {
+                that.$message.error("网络错误，请稍后重试");
+            });
         },
         //关闭修改框
         handleClose(done) {
@@ -469,7 +473,9 @@ export default {
                     this.$message.error('请完善信息在保存！');
                     return false;
                 }
-            })
+            }).catch(function (error) {
+                that.$message.error("网络错误，请稍后重试");
+            });
         },
         //#endregion
         //绑定负责人下拉框

src/components/system/Department.vue

@@ -271,8 +271,7 @@ export default {
                 for (var i = 0; i < this.tableData.length; i++) {
                     if (this.tableData[i].depName.indexOf(this.input) != -1) {
                         newarr.push(this.tableData[i]);
-                    }
-                    if (this.tableData[i].companyName.indexOf(this.input) != -1) {
+                    } else if (this.tableData[i].companyName.indexOf(this.input) != -1) {
                         newarr.push(this.tableData[i]);
                     }
                 }
@@ -335,7 +334,9 @@ export default {
                     this.$message.error('请完善信息在保存！');
                     return false;
                 }
-            })
+            }).catch(function (error) {
+                that.$message.error("网络错误，请稍后重试");
+            });
         },
         //关闭修改框
         handleClose(done) {
@@ -372,7 +373,9 @@ export default {
                     } else {
                         that.$message.error("删除失败，请稍后重试");
                     }
-                })
+                }).catch(function (error) {
+                    that.$message.error("网络错误，请稍后重试");
+                });
 
             }).catch(() => {
                 this.$message({
@@ -438,7 +441,9 @@ export default {
                     this.$message.error('请完善信息在保存！');
                     return false;
                 }
-            })
+            }).catch(function (error) {
+                that.$message.error("网络错误，请稍后重试");
+            });
         },
         //#endregion
 

src/components/system/JobPost.vue

@@ -248,8 +248,9 @@ export default {
                 for (var i = 0; i < this.tableData.length; i++) {
                     if (this.tableData[i].depName.indexOf(this.input) != -1) {
                         newarr.push(this.tableData[i]);
-                    }
-                    if (this.tableData[i].companyName.indexOf(this.input) != -1) {
+                    } else if (this.tableData[i].companyName.indexOf(this.input) != -1) {
+                        newarr.push(this.tableData[i]);
+                    } else if (this.tableData[i].jobName.indexOf(this.input) != -1) {
                         newarr.push(this.tableData[i]);
                     }
                 }

src/components/system/User.vue

@@ -280,14 +280,11 @@ export default {
                 for (var i = 0; i < this.tableData.length; i++) {
                     if (this.tableData[i].cnName.indexOf(this.input) != -1) {
                         newarr.push(this.tableData[i]);
-                    }
-                    if (this.tableData[i].companyName.indexOf(this.input) != -1) {
+                    } else if (this.tableData[i].companyName.indexOf(this.input) != -1) {
                         newarr.push(this.tableData[i]);
-                    }
-                    if (this.tableData[i].depName.indexOf(this.input) != -1) {
+                    } else if (this.tableData[i].depName.indexOf(this.input) != -1) {
                         newarr.push(this.tableData[i]);
-                    }
-                    if (this.tableData[i].jobName.indexOf(this.input) != -1) {
+                    } else if (this.tableData[i].jobName.indexOf(this.input) != -1) {
                         newarr.push(this.tableData[i]);
                     }
                 }

src/router/index.js

@@ -22,6 +22,9 @@ import Tourguide from '@/components/OP/Tourguide'
 import Department from '@/components/system/Department'
 import User from '@/components/system/User'
 import JobPost from '@/components/system/JobPost'
+import CarData from '@/components/Resource/CarData'
+import CarDataAdd from '@/components/Resource/CarDataAdd';
+import CarDataEdit from '@/components/Resource/CarDataEdit';
 Vue.use(Router)
 
 export default new Router({
@@ -120,6 +123,18 @@ export default new Router({
           path: '/home/JobPost',
           name: 'JobPost',
           component: JobPost
+        }, {
+          path: '/home/CarData',
+          name: 'CarData',
+          component: CarData
+        }, {
+          path: '/home/CarDataAdd',
+          name: 'CarDataAdd',
+          component: CarDataAdd
+        }, {
+          path: '/home/CarDataEdit',
+          name: 'CarDataEdit',
+          component: CarDataEdit
         },
 
       ]