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

src/components/Finance/FeesPage.vue

@@ -59,7 +59,7 @@
             <el-tab-pane label="机票预订" name="85"></el-tab-pane>
             <el-tab-pane label="团组增减款项" name="98"></el-tab-pane> -->
         </el-tabs>
-        <div>
+        <div class="feepage-tables">
             <el-table height="600" ref="multipleTable" border :data="tableData" tooltip-effect="dark" style="width: 100%"
                 @selection-change="handleSelectionChange" :row-class-name="rowClassName">
                 <el-table-column type="selection" width="40" v-if="formInline.Status == 0">
@@ -93,15 +93,20 @@
                 </el-table-column>
                 <el-table-column prop="balance" label="剩余尾款" show-overflow-tooltip width="150">
                 </el-table-column>
-                <el-table-column prop="operatorName" label="申请人" width="100">
+                <el-table-column v-if="activeName==98" label="下载" show-overflow-tooltip width="100">
+                    <template slot-scope="scope">
+                        <el-button size="mini" type="primary" @click="Additionaldownload(scope.row)">附加下载</el-button>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="operatorName" label="申请人" width="80">
                 </el-table-column>
-                <el-table-column prop="auditOperatorName" label="审核人" width="100" >
+                <el-table-column prop="auditOperatorName" label="审核人" width="80" >
                 </el-table-column>
                 <el-table-column prop="overBudget" label="超预算比例" show-overflow-tooltip width="120">
                 </el-table-column>
-                <el-table-column prop="payType" label="支付方式" width="100" >
+                <el-table-column prop="payType" label="支付方式" width="80" >
                 </el-table-column>
-                <el-table-column prop="cardType" label="卡类型" width="100" >
+                <el-table-column prop="cardType" label="卡类型" width="80" >
                     <template slot-scope="scope">
                         {{scope.row.payType!="刷卡"?'-':scope.row.cardType}}
                     </template>
@@ -215,6 +220,27 @@ export default {
                     document.querySelector('.reviewed').innerHTML = res.data.data.data.totalStr4;
                 }
             })
+        },
+        Additionaldownload(val){
+            var that = this
+            var url = "/api/Groups/FeeAuditOtherFileDownlaod/"+val.id
+            this.$axios({
+                method: 'get',
+                url: url,
+                headers: {
+                    Authorization: 'Bearer ' + that.token
+                },
+            }).then(function (res) {
+                if (res.data.code == 200) {
+                    that.$message({
+                        message: res.data.msg,
+                        type: 'success',
+                    });
+                    window.open(res.data.data);
+                }else{
+                    that.$message.error(res.data.msg);
+                }
+            })
         },
          //获取分类
          PostGroupDirectionalClassificationInit() {
@@ -435,7 +461,9 @@ export default {
 .fesspage-head .el-form-item {
     margin-bottom: 10px;
 }
-
+.feepage-tables .el-button{
+    font-size: 12px;
+}
 .payments {
     margin-top: 10px;
 }

src/components/Resource/CountryFeeCost.vue

@@ -23,11 +23,11 @@
                             {{ (currentPage - 1) * pageSize + scope.$index + 1 }}
                         </template>
                     </el-table-column>
-                    <el-table-column prop="visaContinent" label="洲" width="80">
+                    <el-table-column prop="continent" label="洲">
                     </el-table-column>
-                    <el-table-column prop="visaCountry" label="国家" width="150">
+                    <el-table-column prop="country" label="国家">
                     </el-table-column>
-                    <el-table-column prop="isVisaExemption" label="是否免签" width="80">
+                    <!-- <el-table-column prop="isVisaExemption" label="是否免签" width="80">
                         <template slot-scope="is">
                             <span v-if="is.row.isVisaExemption == 1">否</span>
                             <span v-else>是</span>
@@ -44,8 +44,12 @@
                             <span v-if="is.row.isElectronicSignature == 1">否</span>
                             <span v-else>是</span>
                         </template>
+                    </el-table-column> -->
+                    <el-table-column prop="lastUpdateUserName" label="数据更新人"  width="150">
+                    </el-table-column>
+                    <el-table-column prop="lastUpdateTime" label="数据更新时间"  width="150">
                     </el-table-column>
-                    <el-table-column prop="visaTime" label="一般签证时间(天)" width="100">
+                    <!-- <el-table-column prop="visaTime" label="一般签证时间(天)" width="100">
                     </el-table-column>
                     <el-table-column prop="visaPrice" label="费用(元)" :formatter="rounding">
                     </el-table-column>
@@ -56,11 +60,11 @@
                     <el-table-column prop="urgentTime" label="加急签证时间(天)">
                     </el-table-column>
                     <el-table-column prop="urgentPrice" label="加急签证费用(元)" :formatter="rounding">
-                    </el-table-column>
-                    <el-table-column prop="visaPriceDesc" label="费用描述" width="110">
-                        <template slot-scope="visaPriceDesc">
-                            <el-popover placement="top-start" title="费用描述" trigger="hover" width="200"
-                                :content="visaPriceDesc.row.visaPriceDesc">
+                    </el-table-column> -->
+                    <el-table-column prop="provinceVisaFeeLabel" label="费用描述" width="110">
+                        <template slot-scope="provinceVisaFeeLabel">
+                            <el-popover title="费用描述" trigger="hover" placement="left" width="400">
+                                <div style="white-space: pre-line;overflow-y: auto;height: 400px;" v-html="provinceVisaFeeLabel.row.provinceVisaFeeLabel"></div>
                                 <el-button slot="reference" size="mini">移上查看</el-button>
                             </el-popover>
                         </template>
@@ -144,7 +148,7 @@ export default {
             this.QueryVisaCountryFeeCosts();
         },
         QueryVisaCountryFeeCosts(){
-            var url = "/api/Resource/QueryVisaCountryFeeCosts"
+            var url = "/api/Resource/VisaFeeStandardList"
             var that = this
             this.$axios({
                 method: 'post',
@@ -205,7 +209,7 @@ export default {
                 cancelButtonText: '取消',
                 type: 'warning'
             }).then(() => {
-                var url = "/api/Resource/DelCountryFeeCost"
+                var url = "/api/Resource/VisaFeeStandardSoftDel"
                 var that = this
                 this.$axios({
                     method: 'post',
@@ -214,8 +218,8 @@ export default {
                         Authorization: 'Bearer ' + this.token
                     },
                     data: {
-                        Id: row.id,
-                        DeleteUserId: this.userId
+                        id: row.id,
+                        currUserId: this.userId
                     }
                 }).then(function (res) {
                     if (res.data.code == 200) {

src/components/Resource/CountryFeeCostOperation.vue

@@ -1,188 +1,106 @@
 <template>
-    <div v-loading="loading" element-loading-text="跳转中..." class="car_add" style="min-width: 1000px;">
-        <div class="communal-title">
-            <div>签证费用资料</div>
+    <div class="VisaFeeStandard-all">
+        <div class="VisaFeeStandard-title">
+            签证费用标准录入
         </div>
-        <div>
-            <el-form :model="addData" :rules="rules" ref="addData" label-width="110px" class="demo-ruleForm">
-                <div style="display: flex;">
-                    <div style="width: 20%;">
-                        <el-form-item label="签证费用类型" label-width="140px">
-                            <el-select v-model="addData.visaFeeType" placeholder="签证费用类型">
-                                <el-option v-for="(item,index) in visaFeeTypearr" :key="index" :label="item.label" :value="item.value"></el-option>
-                            </el-select>
-                        </el-form-item>
-                    </div>
-                    <div style="width: 39%;">
-                        <el-form-item label="所在洲" label-width="140px" prop="VisaContinent">
-                            <el-input placeholder="所在洲" v-model="addData.VisaContinent">
-                            </el-input>
-                        </el-form-item>
-                    </div>
-                    <div style="width: 39%;">
-                        <el-form-item label="国家名称" label-width="140px" prop="VisaCountry">
-                            <el-input placeholder="国家名称" v-model="addData.VisaCountry">
-                            </el-input>
-                        </el-form-item>
-                    </div>
+        <div class="VisaFeeStandard-General">
+            <el-form ref="form" :rules="rules" :model="form" class="VisaFeeStandard-el-form" label-width="120px">
+                <div class="clflex">
+                    <el-form-item label="洲名" prop="continent">
+                        <el-input v-model="form.continent"></el-input>
+                    </el-form-item>
+                    <el-form-item label="国家名" prop="country">
+                        <el-input v-model="form.country"></el-input>
+                    </el-form-item>
+                    <el-form-item label="签证费用类型" prop="feeType">
+                        <el-select @change="feeTypechange" v-model="form.feeType" placeholder="请选择签证费用类型">
+                            <el-option v-for="(item,index) in visaFeeTypearr" :key="index" :label="item.label"
+                                :value="item.value"></el-option>
+                        </el-select>
+                    </el-form-item>
                 </div>
-                <div style="display: flex;">
-                    <div style="width: 98%;">
-                        <el-form-item label="签证地址" label-width="140px" prop="VisaAddress">
-                            <el-input placeholder="签证地址" v-model="addData.VisaAddress">
-                            </el-input>
+                <div v-for="(item,index) in visaFeessb" :key="index">
+                    <div class="region-box clflex">
+                        <el-divider content-position="left">{{ item.provinceName }}</el-divider>
+                        <el-form-item label="送签地址">
+                            <el-input v-model="item.visaAddress"></el-input>
                         </el-form-item>
-                    </div>
-                </div>
-                <div style="display: flex;">
-                    <div v-if="!addData.visaFeeType" style="width: 25%;">
-                        <el-form-item label="签证类型" label-width="140px">
-                            <el-select v-model="addData.VisaType" placeholder="请选择签证类型">
-                                <el-option key="暂无" label="暂无" value="暂无">
-                                </el-option>
-                                <el-option key="大公务" label="大公务" value="大公务">
-                                </el-option>
-                                <el-option key="小公务" label="小公务" value="小公务">
-                                </el-option>
-                                <el-option key="大小公务同时" label="大小公务同时" value="大小公务同时">
-                                </el-option>
-                            </el-select>
-                        </el-form-item>
-                    </div>
-                    <div style="width: 25%;">
-                        <el-form-item label="是否免签" label-width="140px">
-                            <el-radio-group v-model="addData.IsVisaExemption">
-                                <el-radio :label="0">是</el-radio>
-                                <el-radio :label="1">否</el-radio>
+                        <el-form-item label="是否落地签">
+                            <el-radio-group v-model="item.isVisaOnArrival">
+                                <el-radio :label="false">否</el-radio>
+                                <el-radio :label="true">是</el-radio>
                             </el-radio-group>
                         </el-form-item>
-                    </div>
-                    <div v-if="!addData.visaFeeType" style="width: 25%;">
-                        <el-form-item label="是否落地签" label-width="140px">
-                            <el-radio-group v-model="addData.IsVisaOnArrival">
-                                <el-radio :label="0">是</el-radio>
-                                <el-radio :label="1">否</el-radio>
+                        <el-form-item label="是否电子签">
+                            <el-radio-group v-model="item.isElectronicSign">
+                                <el-radio :label="false">否</el-radio>
+                                <el-radio :label="true">是</el-radio>
                             </el-radio-group>
                         </el-form-item>
-                    </div>
-                    <div v-if="!addData.visaFeeType" style="width: 25%;">
-                        <el-form-item label="是否电子签" label-width="140px">
-                            <el-radio-group v-model="addData.IsElectronicSignature">
-                                <el-radio :label="0">是</el-radio>
-                                <el-radio :label="1">否</el-radio>
+                        <el-form-item label="签证时间(工作日)">
+                            <el-input v-model="item.visaTime"></el-input>
+                        </el-form-item>
+                        <el-form-item label="是否免签(大公务)">
+                            <el-radio-group v-model="item.isVisaExemptionLarge">
+                                <el-radio :label="false">否</el-radio>
+                                <el-radio :label="true">是</el-radio>
                             </el-radio-group>
                         </el-form-item>
-                    </div>
-                </div>
-                <div style="display: flex;flex-wrap: wrap;">
-                    <div style="width: 49%;">
-                        <el-form-item label="普通签证时间" label-width="140px" prop="VisaTime">
-                            <el-input style="width: 100%;" placeholder="普通签证时间" v-model="addData.VisaTime">
-                                <template slot="append">天</template>
-                            </el-input>
+                        <el-form-item label="签证费用(大公务)">
+                            <el-input-number style="width: 100%" :precision="2" :controls="false"
+                                v-model="item.largeVisaPrice"></el-input-number>
                         </el-form-item>
-                    </div>
-                    <div style="width: 49%;">
-                        <el-form-item label="签证费用" label-width="140px" prop="VisaPrice">
-                            <el-input-number style="width:100%" v-model="addData.VisaPrice" auto-complete="off"
-                                :precision="2" :controls="false"></el-input-number>
-                            <!-- <el-input placeholder="签证费用" v-model="addData.VisaPrice">
-                                <template slot="append">元</template>
-                            </el-input> -->
+                        <el-form-item label="代办费(大公务)">
+                            <el-input-number style="width: 100%" :precision="2" :controls="false"
+                                v-model="item.largeAgencyFee"></el-input-number>
                         </el-form-item>
-                    </div>
-                    <div v-if="!addData.visaFeeType" style="width: 49%;">
-                        <el-form-item label="大公务代办费 " label-width="140px">
-                            <el-input-number style="width:100%" v-model="addData.grandBusinessAgencyFee" auto-complete="off"
-                                :precision="2" :controls="false"></el-input-number>
-                           
+                        <el-form-item label="是否免签(小公务)">
+                            <el-radio-group v-model="item.isVisaExemptionSmall">
+                                <el-radio :label="false">否</el-radio>
+                                <el-radio :label="true">是</el-radio>
+                            </el-radio-group>
                         </el-form-item>
-                    </div>
-                    <div v-if="!addData.visaFeeType" style="width: 49%;">
-                        <el-form-item label="小公务代办费" label-width="140px">
-                            <el-input-number style="width:100%" v-model="addData.pettyBusinessAgencyFee" auto-complete="off"
-                                :precision="2" :controls="false"></el-input-number>
+                        <el-form-item label="签证费用(小公务)">
+                            <el-input-number style="width: 100%" :precision="2" :controls="false"
+                                v-model="item.smallVisaPrice"></el-input-number>
                         </el-form-item>
-                    </div>
-                </div>
-                <div style="display: flex;">
-                    <div style="width: 98%;">
-                        <el-form-item label="签证价格描述" label-width="140px" prop="VisaPriceDesc">
-                            <el-input type="textarea" :rows="3" placeholder="签证价格描述"
-                                v-model="addData.VisaPriceDesc"></el-input>
+                        <el-form-item label="代办费(小公务)">
+                            <el-input-number style="width: 100%" :precision="2" :controls="false"
+                                v-model="item.smallAgencyFee"></el-input-number>
                         </el-form-item>
-                    </div>
-                </div>
-
-                <div style="display: flex;flex-wrap: wrap;">
-                    <div v-if="!addData.visaFeeType" style="width: 49%;">
-                        <el-form-item label="加急签证时间" label-width="140px" prop="UrgentTime">
-                            <el-input  style="width: 100%;" placeholder="加急签证时间" v-model="addData.UrgentTime">
-                                <template slot="append">天</template>
-                            </el-input>
+                        <el-form-item label="外办费用(普通)">
+                            <el-input-number style="width: 100%" :precision="2" :controls="false"
+                                v-model="item.normExtFee"></el-input-number>
                         </el-form-item>
-                    </div>
-                    <div v-if="!addData.visaFeeType" style="width: 49%;">
-                        <el-form-item label="加急签证费用" label-width="140px" prop="UrgentPrice">
-                            <el-input-number style="width:100%" v-model="addData.UrgentPrice" auto-complete="off"
-                                :precision="2" :controls="false"></el-input-number>
+                        <el-form-item label="外办费用(加急)">
+                            <el-input-number style="width: 100%" :precision="2" :controls="false"
+                                v-model="item.urgExtFee"></el-input-number>
                         </el-form-item>
-                    </div>
-                    <div style="width: 49%;">
-                        <el-form-item label="云南代办费" label-width="140px">
-                            <el-input-number style="width:100%" v-model="addData.yunNanAgencyFee" auto-complete="off"
-                                :precision="2" :controls="false"></el-input-number>
-                        </el-form-item>
-                    </div>
-                    <div style="width: 49%;">
-                        <el-form-item label="贵州代办费" label-width="140px">
-                            <el-input-number style="width:100%" v-model="addData.guiZhouAgencyFee" auto-complete="off"
-                                :precision="2" :controls="false"></el-input-number>
+                        <el-form-item label="签证是否加急">
+                            <el-radio-group v-model="item.isUrgent">
+                                <el-radio :label="false">否</el-radio>
+                                <el-radio :label="true">是</el-radio>
+                            </el-radio-group>
                         </el-form-item>
-                    </div>
-                    <div style="width: 49%;">
-                        <el-form-item label="重庆代办费" label-width="140px">
-                            <el-input-number style="width:100%" v-model="addData.chongQingAgencyFee" auto-complete="off"
-                                :precision="2" :controls="false"></el-input-number>
+                        <el-form-item label="加急时间">
+                            <el-input v-model.number="item.urgentTime"></el-input>
                         </el-form-item>
-                    </div>
-                    <div style="width: 49%;">
-                        <el-form-item label="重庆外办费用(普通)" label-width="140px" title="重庆外办出入境证明费用 - 普通">
-                            <el-input-number style="width:100%" v-model="addData.chongQingNormalFee" auto-complete="off"
-                                :precision="2" :controls="false"></el-input-number>
+                        <el-form-item label="加急费用">
+                            <el-input-number style="width: 100%" :precision="2" :controls="false"
+                                v-model="item.urgentPrice"></el-input-number>
                         </el-form-item>
-                    </div>
-                    <div style="width: 49%;">
-                        <el-form-item label="重庆外办费用(加急)" label-width="140px" title="重庆外办出入境证明费用 - 加急">
-                            <el-input-number style="width:100%" v-model="addData.chongQingUrgentFee" auto-complete="off"
-                                :precision="2" :controls="false"></el-input-number>
+                        <el-form-item label="加急费用描述">
+                            <el-input v-model.number="item.urgentPriceDesc"></el-input>
                         </el-form-item>
-                    </div>
-                </div>
-                <div style="display: flex;">
-                    <div v-if="!addData.visaFeeType" style="width: 98%;">
-                        <el-form-item label="加急签证价格描述" label-width="140px" prop="UrgentPriceDesc">
-                            <el-input type="textarea" :rows="3" placeholder="加急签证价格描述"
-                                v-model="addData.UrgentPriceDesc"></el-input>
+                        <el-form-item style="width: 65.5%;" label="备注">
+                            <el-input v-model.number="item.remark"></el-input>
                         </el-form-item>
                     </div>
                 </div>
-                <div style="display: flex;">
-                    <div style="width: 98%;">
-                        <el-form-item label="签证备注" label-width="140px" prop="Remark">
-                            <el-input type="textarea" :rows="3" placeholder="签证备注" v-model="addData.Remark"></el-input>
-                        </el-form-item>
-                    </div>
+                <div style="width: 100%;text-align: right;">
+                    <el-button type="primary" @click="submitForm('form')">立即创建</el-button>
+                    <el-button @click="gohome">取消</el-button>
                 </div>
-
-                <el-form-item>
-                    <div style="margin-left: 60%;">
-                        <el-button type="primary" @click="addBtn">保存</el-button>
-                        <router-link to='/home/CountryFeeCost'>
-                            <el-button>取消</el-button>
-                        </router-link>
-                    </div>
-                </el-form-item>
             </el-form>
         </div>
     </div>
@@ -191,82 +109,107 @@
 export default {
     data() {
         return {
-            rules: {
-                VisaContinent: [
-                    { required: true, message: '请输入所属洲', trigger: 'blur' },
-                ],
-                VisaCountry: [
-                    { required: true, message: '请输入国家', trigger: 'blur' },
-                ],
-                grandBusinessAgencyFee: [
-                    { required: true, message: '大公务代办费不能为空', trigger: 'blur' },
-                ],
-                pettyBusinessAgencyFee: [
-                    { required: true, message: '小公务代办费不能为空', trigger: 'blur' },
-                ],
-                VisaPrice: [
-                    { required: true, message: '签证金额不能为空', trigger: 'blur' },
-                    { pattern: /^(([1-9]?\d{0,8}(\.\d{1,2})?)|999999999|999999999\.(0){1,2})$/, message: '请输入正确的金额(最多2位小数)' }
-                ],
-                VisaTime: [
-                    { required: true, message: '签证时间不能为空', trigger: 'blur' },
-                    {
-                        pattern: '^([0-9][0-9]*)?$',
-                        message: "请正确的输入天数",
-                        trigger: "blur"
-                    }
-                ],
-                UrgentPrice: [
-                    { required: true, message: '加急签证金额不能为空', trigger: 'blur' },
-
-                    { pattern: /^(([1-9]?\d{0,8}(\.\d{1,2})?)|999999999|999999999\.(0){1,2})$/, message: '请输入正确的金额(最多2位小数)' }
-                ],
-                UrgentTime: [
-                    { required: true, message: '加急签证时间不能为空', trigger: 'blur' },
-                    {
-                        pattern: '^([0-9][0-9]*)?$',
-                        message: "请正确的输入天数",
-                        trigger: "blur"
-                    }
-                ],
+            form: {
+                id:0,
+                continent: '',
+                country: '',
+                feeType: '',
             },
-            loading: false,
-            tableData: [],
-            currentPage: 1, // 当前页码
-            pageSize: 15,// 每页的数据条数
-            input: '',
-            token: '',
-            userId: 0,
-            addData: {
-                Status: 0,
-                Id: 0,
-                VisaContinent: '',
-                VisaCountry: '',
-                IsVisaExemption: 1,
-                IsVisaOnArrival: 1,
-                IsElectronicSignature: 1,
-                VisaPrice: 0,
-                VisaPriceDesc: '',
-                VisaType: '',
-                grandBusinessAgencyFee:0,
-                pettyBusinessAgencyFee:0,
-                VisaTime: '0',
-                IsUrgent: 1,
-                UrgentTime: '0',
-                UrgentPrice: 0,
-                UrgentPriceDesc: '',
-                VisaAddress: '',
-                CreateUserId: 0,
-                Remark: '',
-                //添加新字段
-                visaFeeType:0,//签证费用类型 0 因公 1 因私签证费用类型 0 因公 1 因私
-                yunNanAgencyFee:0,//云南代办费
-                guiZhouAgencyFee:0,//贵州代办费
-                chongQingAgencyFee:0,//重庆代办费
-                chongQingNormalFee:0,//重庆外办出入境证明费用 - 普通
-                chongQingUrgentFee:0,//重庆外办出入境证明费用 - 加急
-            },
-            CountryFeeCostData: {},
+            visaFeessb:[],
+            visaFees:[
+                {
+                    id:0,
+                    parentId:0,//签证费用表Id
+                    provinceId:122,//签证费用归属省份Id
+                    provinceName:'四川',//省份名称
+                    visaAddress:'',//送签地址
+                    isVisaOnArrival:false,//是否落地签
+                    isElectronicSign:false,//是否电子签
+                    visaTime:'',//签证时间(工作日)
+                    isVisaExemptionLarge:false,//是否免签(大公务)
+                    largeVisaPrice:0,//签证费用(大公务)
+                    largeAgencyFee:0,//代办费(大公务)
+                    isVisaExemptionSmall:false,//是否免签(小公务)
+                    smallVisaPrice:0,//签证费用(小公务)
+                    smallAgencyFee:0,//代办费(小公务)
+                    normExtFee:0,//外办费用(普通)
+                    urgExtFee:0,//外办费用(加急)
+                    isUrgent:false,//签证是否加急
+                    urgentTime:'',//加急时间(工作日)
+                    urgentPrice:0,//加急费用
+                    urgentPriceDesc:'',//加急费用描述
+                    remark:'',//备注
+                },
+                {
+                    id:0,
+                    parentId:0,//签证费用表Id
+                    provinceId:103,//签证费用归属省份Id
+                    provinceName:'重庆',//省份名称
+                    visaAddress:'',//送签地址
+                    isVisaOnArrival:false,//是否落地签
+                    isElectronicSign:false,//是否电子签
+                    visaTime:'',//签证时间(工作日)
+                    isVisaExemptionLarge:false,//是否免签(大公务)
+                    largeVisaPrice:0,//签证费用(大公务)
+                    largeAgencyFee:0,//代办费(大公务)
+                    isVisaExemptionSmall:false,//是否免签(小公务)
+                    smallVisaPrice:0,//签证费用(小公务)
+                    smallAgencyFee:0,//代办费(小公务)
+                    normExtFee:0,//外办费用(普通)
+                    urgExtFee:0,//外办费用(加急)
+                    isUrgent:false,//签证是否加急
+                    urgentTime:'',//加急时间(工作日)
+                    urgentPrice:0,//加急费用
+                    urgentPriceDesc:'',//加急费用描述
+                    remark:'',//备注
+                },
+                {
+                    id:0,
+                    parentId:0,//签证费用表Id
+                    provinceId:108,//签证费用归属省份Id
+                    provinceName:'贵州',//省份名称
+                    visaAddress:'',//送签地址
+                    isVisaOnArrival:false,//是否落地签
+                    isElectronicSign:false,//是否电子签
+                    visaTime:'',//签证时间(工作日)
+                    isVisaExemptionLarge:false,//是否免签(大公务)
+                    largeVisaPrice:0,//签证费用(大公务)
+                    largeAgencyFee:0,//代办费(大公务)
+                    isVisaExemptionSmall:false,//是否免签(小公务)
+                    smallVisaPrice:0,//签证费用(小公务)
+                    smallAgencyFee:0,//代办费(小公务)
+                    normExtFee:0,//外办费用(普通)
+                    urgExtFee:0,//外办费用(加急)
+                    isUrgent:false,//签证是否加急
+                    urgentTime:'',//加急时间(工作日)
+                    urgentPrice:0,//加急费用
+                    urgentPriceDesc:'',//加急费用描述
+                    remark:'',//备注
+                },
+                {
+                    id:0,
+                    parentId:0,//签证费用表Id
+                    provinceId:132,//签证费用归属省份Id
+                    provinceName:'云南',//省份名称
+                    visaAddress:'',//送签地址
+                    isVisaOnArrival:false,//是否落地签
+                    isElectronicSign:false,//是否电子签
+                    visaTime:'',//签证时间(工作日)
+                    isVisaExemptionLarge:false,//是否免签(大公务)
+                    largeVisaPrice:0,//签证费用(大公务)
+                    largeAgencyFee:0,//代办费(大公务)
+                    isVisaExemptionSmall:false,//是否免签(小公务)
+                    smallVisaPrice:0,//签证费用(小公务)
+                    smallAgencyFee:0,//代办费(小公务)
+                    normExtFee:0,//外办费用(普通)
+                    urgExtFee:0,//外办费用(加急)
+                    isUrgent:false,//签证是否加急
+                    urgentTime:'',//加急时间(工作日)
+                    urgentPrice:0,//加急费用
+                    urgentPriceDesc:'',//加急费用描述
+                    remark:'',//备注
+                }
+            ],
             visaFeeTypearr:[{
                 label: '因公',
                 value: 0
@@ -274,202 +217,168 @@ export default {
                 label: '因私',
                 value: 1
             }],
+            editid: 0, // 编辑的ID
+            token: '', // 用户令牌
+            userid: '', // 用户ID
+            rules: {
+                continent: [
+                    { required: true, message: '请填写洲名', trigger: 'blur' }
+                ],
+                country: [
+                    { required: true, message: '请填写国家名', trigger: 'blur' }
+                ],
+                feeType: [
+                    { required: true, message: '请选择签证费用类型', trigger: 'change' }
+                ]
+            },
+            Identification:true,
         }
     },
     methods: {
-        CountryFeeCost() {
-            this.loading = true
-            var url = "/api/Resource/QueryCountryFeeCost"
+        //保存api
+        VisaFeeStandardSave() {
             var that = this
-            that.addData.CreateUserId = that.userId
+            var url = "/api/Resource/VisaFeeStandardSave"
             this.$axios({
                 method: 'post',
                 url: url,
                 headers: {
-                    Authorization: 'Bearer ' + this.token
+                    Authorization: 'Bearer ' + that.token
                 },
                 data: {
-                    portType: 1,
+                    id:that.form.id,
+                    continent: that.form.continent,
+                    country: that.form.country,
+                    feeType: that.form.feeType,
+                    visaFees: that.visaFeessb,
                 }
             }).then(function (res) {
-                console.log(res)
-
                 if (res.data.code == 200) {
-                    that.tableData = res.data.data;
-                    that.addData.Id = that.$route.query.id;
-                    if (that.addData.Id == undefined || that.addData.Id == null) {
-                        //添加
-                        that.addData.Status = 1
-                    } else {
-                        //编辑
-                        that.upData();
-                    }
+                    that.$message({
+                        message: res.data.msg,
+                        type: 'success',
+                    });
+                    that.gohome();
+                } else {
+                    that.$message.error(res.data.msg);
                 }
-                that.loading = false
-            }).catch(function (error) {
-                that.loading = false
-                that.$message.error("网络错误，请稍后重试");
-            });
+            })
         },
-
-        addBtn() {
-            const that = this;
-            if (that.addData.visaFeeType) {
-                that.addData.VisaType = '';
-                that.addData.IsVisaOnArrival = 1;
-                that.addData.IsElectronicSignature = 1;
-                that.addData.grandBusinessAgencyFee = 0;
-                that.addData.pettyBusinessAgencyFee = 0;
-                that.addData.UrgentTime = '0';
-                that.addData.UrgentPrice = 0;
-                that.addData.UrgentPriceDesc = "";
-            }
-            that.addData.CreateUserId = that.userId;
-
-            that.$refs.addData.validate((valid) => {
+        gohome() {
+            // 返回上一页
+            this.$router.go(-1);
+        },
+        submitForm(formName) {
+            this.$refs[formName].validate((valid) => {
                 if (valid) {
-                    console.log(that.addData)
-                    var url = "/api/Resource/OperationCountryFeeCost"
-                    that.$axios({
-                        method: 'post',
-                        url: url,
-                        headers: {
-                            Authorization: 'Bearer ' + that.token
-                        },
-                        data: that.addData
-                    }).then(function (res) {
-                        console.log(res)
-
-                        if (res.data.code == 200) {
-                            that.$message({
-                                message: res.data.msg,
-                                type: 'success'
-                            });
-                            that.loading = true;
-                            setTimeout(() => {
-                                that.$router.push('/home/CountryFeeCost')
-                            }, 3000);
-                        } else {
-                            that.$message.error(res.data.msg);
-                        }
-                    })
+                    this.VisaFeeStandardSave();
                 } else {
-                    this.$message.error('请完善信息在保存！');
+                    this.$message.error('请检查是否填写完整！');
                     return false;
                 }
-            })
+            });
         },
-        upData() {
-            for (var i = 0; i < this.tableData.length; i++) {
-                if (this.tableData[i].id == parseInt(this.addData.Id)) {
-                    
-                    this.CountryFeeCostData = this.tableData[i];
-                    break;
-                }
+        feeTypechange(){
+            console.log(this.form.feeType);
+            
+            if(this.form.feeType != 0){
+                this.visaFeessb=[{
+                    id:0,
+                    parentId:0,//签证费用表Id
+                    provinceId:122,//签证费用归属省份Id
+                    provinceName:'四川',//省份名称
+                    visaAddress:'',//送签地址
+                    isVisaOnArrival:false,//是否落地签
+                    isElectronicSign:false,//是否电子签
+                    visaTime:'',//签证时间(工作日)
+                    isVisaExemptionLarge:false,//是否免签(大公务)
+                    largeVisaPrice:0,//签证费用(大公务)
+                    largeAgencyFee:0,//代办费(大公务)
+                    isVisaExemptionSmall:false,//是否免签(小公务)
+                    smallVisaPrice:0,//签证费用(小公务)
+                    smallAgencyFee:0,//代办费(小公务)
+                    normExtFee:0,//外办费用(普通)
+                    urgExtFee:0,//外办费用(加急)
+                    isUrgent:false,//签证是否加急
+                    urgentTime:'',//加急时间(工作日)
+                    urgentPrice:0,//加急费用
+                    urgentPriceDesc:'',//加急费用描述
+                    remark:'',//备注
+                }]
+                
+            }else{
+                this.visaFeessb=this.visaFees;
             }
-            this.addData.Status = 2;
-            this.addData.Id = this.CountryFeeCostData.id;
-            this.addData.VisaContinent = this.CountryFeeCostData.visaContinent;
-            this.addData.VisaCountry = this.CountryFeeCostData.visaCountry;
-            this.addData.IsVisaExemption = this.CountryFeeCostData.isVisaExemption;
-            this.addData.IsVisaOnArrival = this.CountryFeeCostData.isVisaOnArrival;
-            this.addData.IsElectronicSignature = this.CountryFeeCostData.isElectronicSignature;
-            this.addData.VisaPrice = this.CountryFeeCostData.visaPrice;
-            this.addData.VisaPriceDesc = this.CountryFeeCostData.visaPriceDesc;
-            this.addData.VisaType = this.CountryFeeCostData.visaType;
-            this.addData.grandBusinessAgencyFee = this.CountryFeeCostData.grandBusinessAgencyFee;
-            this.addData.pettyBusinessAgencyFee = this.CountryFeeCostData.pettyBusinessAgencyFee;
-            this.addData.VisaTime = this.CountryFeeCostData.visaTime;
-            this.addData.UrgentTime = this.CountryFeeCostData.urgentTime;
-            if (this.addData.UrgentTime != "" && this.addData.UrgentTime != 0 && this.addData.UrgentTime != null) {
-                this.addData.IsUrgent = "0";
-            }
-            this.addData.UrgentPrice = this.CountryFeeCostData.urgentPrice;
-            this.addData.UrgentPriceDesc = this.CountryFeeCostData.urgentPriceDesc;
-            this.addData.VisaAddress = this.CountryFeeCostData.visaAddress;
-            this.addData.CreateUserId = this.CountryFeeCostData.createUserId;
-            this.addData.Remark = this.CountryFeeCostData.remark;
-            //
-            this.addData.visaFeeType = this.CountryFeeCostData.visaFeeType;
-            this.addData.yunNanAgencyFee = this.CountryFeeCostData.yunNanAgencyFee;
-            this.addData.guiZhouAgencyFee = this.CountryFeeCostData.guiZhouAgencyFee;
-            this.addData.chongQingAgencyFee = this.CountryFeeCostData.chongQingAgencyFee;
-            this.addData.chongQingNormalFee = this.CountryFeeCostData.chongQingNormalFee;
-            this.addData.chongQingUrgentFee = this.CountryFeeCostData.chongQingUrgentFee;
+        },
+        //获取签证标准info
+        VisaFeeStandardInfo() {
+            var that = this
+            var url = "/api/Resource/VisaFeeStandardInfo"
+            this.$axios({
+                method: 'post',
+                url: url,
+                headers: {
+                    Authorization: 'Bearer ' + that.token
+                },
+                data: {
+                    portType:1,
+                    id: that.editid,
+                }
+            }).then(function (res) {
+                if (res.data.code == 200) {
+                    that.form.continent = res.data.data.continent;
+                    that.form.country = res.data.data.country;
+                    that.form.feeType = res.data.data.feeType;
+                    that.form.id = res.data.data.id;
+                    // that.feeTypechange();
+                    that.visaFeessb = res.data.data.visaFees;
+                } else {
+                    that.$message.error(res.data.msg);
+                }
+            })
         },
     },
-
     mounted() {
-
+        // 这里可以进行一些初始化操作，比如获取数据等
+        // this.fetchData();
+        this.editid = this.$route.query.id;
+        console.log( this.editid);
+        if (this.editid==undefined) {
+            this.feeTypechange();
+        }else{
+            this.VisaFeeStandardInfo();
+        }
         this.token = JSON.parse(localStorage.getItem('userinif')).token;
-        this.userId = JSON.parse(localStorage.getItem('userinif')).userInfo.userId
-        this.CountryFeeCost();
-
-    }
+        this.userid = JSON.parse(localStorage.getItem('userinif')).userInfo.userId;
+    },
 }
 </script>
 <style>
-.communal-list {
+.VisaFeeStandard-all{
     background-color: #fff;
     padding: 10px;
     box-shadow: 0 0 5px #0005;
     border-radius: 10px;
+    min-height: 830px;
     
 }
-
-.car_add .communal-title {
-    display: flex;
-    font-size: 17px;
-    font-weight: 600;
-    color: #555;
-    margin-bottom: 20px;
-    justify-content: space-between;
-    align-items: center;
+.VisaFeeStandard-General .el-form-item{
+    width: 31%;
 }
-
-.appraise-box {
+.VisaFeeStandard-el-form .clflex{
     display: flex;
-    flex-wrap: wrap;
     justify-content: space-between;
-    margin: 50px 0;
-}
-
-.appraise-box>div {
-    width: 30%;
+    flex-wrap: wrap;
 }
-
-.communal-box {
-    display: flex;
+.VisaFeeStandard-el-form .el-input__inner,.el-select {
+    width: 100%;
 }
-
-.communal-box>button {
-    margin-left: 10px;
-    padding: 8px 20px;
+.VisaFeeStandard-el-form .el-select {
+    width: 100%;
 }
-
-.car_add {
-    background-color: #fff;
-    padding: 20px;
-    box-shadow: 0 0 5px #0005;
-    border-radius: 10px;
-}
-
-.el-input-group {
-    line-height: normal;
-    display: inline-table;
-    width: 90%;
-    border-collapse: separate;
-    border-spacing: 0;
-}
-
-
-@media screen and (max-width: 1700px) {
-    .appraise-box>div {
-        width: 48%;
-    }
-
-    .appraise-box>div el-form-item__content {
-        width: 260px !important;
-    }
+.VisaFeeStandard-title{
+    font-size: 17px;
+    font-weight: 600;
+    margin-bottom: 10px;
 }
-</style>
+</style>

src/components/home.vue

@@ -155,60 +155,6 @@
                   </div>
                   <div class="inif-li-text">GPT</div>
                 </div>
-                <!-- <div class="box-inif-li">
-                  <div class="inif-li-img">
-                    <img src="../assets/QuNaEr.jpg" alt="" />
-                  </div>
-                  <div class="inif-li-text">去哪儿</div>
-                </div>
-                <div class="box-inif-li">
-                  <div class="inif-li-img">
-                    <img src="../assets/QuNaEr.jpg" alt="" />
-                  </div>
-                  <div class="inif-li-text">去哪儿</div>
-                </div>
-                <div class="box-inif-li">
-                  <div class="inif-li-img">
-                    <img src="../assets/QuNaEr.jpg" alt="" />
-                  </div>
-                  <div class="inif-li-text">去哪儿</div>
-                </div>
-                <div class="box-inif-li">
-                  <div class="inif-li-img">
-                    <img src="../assets/QuNaEr.jpg" alt="" />
-                  </div>
-                  <div class="inif-li-text">去哪儿</div>
-                </div>
-                <div class="box-inif-li">
-                  <div class="inif-li-img">
-                    <img src="../assets/QuNaEr.jpg" alt="" />
-                  </div>
-                  <div class="inif-li-text">去哪儿</div>
-                </div>
-                <div class="box-inif-li">
-                  <div class="inif-li-img">
-                    <img src="../assets/QuNaEr.jpg" alt="" />
-                  </div>
-                  <div class="inif-li-text">去哪儿</div>
-                </div>
-                <div class="box-inif-li">
-                  <div class="inif-li-img">
-                    <img src="../assets/QuNaEr.jpg" alt="" />
-                  </div>
-                  <div class="inif-li-text">去哪儿</div>
-                </div>
-                <div class="box-inif-li">
-                  <div class="inif-li-img">
-                    <img src="../assets/QuNaEr.jpg" alt="" />
-                  </div>
-                  <div class="inif-li-text">去哪儿</div>
-                </div>
-                <div class="box-inif-li">
-                  <div class="inif-li-img">
-                    <img src="../assets/QuNaEr.jpg" alt="" />
-                  </div>
-                  <div class="inif-li-text">去哪儿</div>
-                </div> -->
               </div>
             </div>
           </div>
@@ -233,10 +179,25 @@
             </div>
           </div>
         </el-header>
-        <el-main>
-          <!-- <keep-alive>
-            <router-view/>
-          </keep-alive> -->
+        <div class="Jumplists">
+          <el-breadcrumb separator="|"
+          class="Jumparr-ul"
+          @mousedown.native="downCursor"
+          @mousemove.native="moveCursor"
+          :style="{transform: 'translateX('+disX+'px)'}"
+          >
+            <el-breadcrumb-item  v-for="(item,index) in Jumparr" :key="index" :to="{ path: '/home'+item.webUrl }">
+              <div class="Jumparr-li" :class="{'activeCss':activeVar==item.indexs}" @click="SelectJump(item,index)">
+                <div style="display: flex;align-items: center;">
+                  <div>{{item.pageName}}</div>
+                  <div v-if="!item.pageName.includes('主页')" @click.stop="Jumparrdel(item,index)" class="Jumparr-cha">✖</div>
+                  <div v-else class="Jumparr-chas"></div>
+                </div>
+              </div>
+            </el-breadcrumb-item>
+          </el-breadcrumb>
+        </div>
+        <el-main style="height: 100%;">
           <router-view  @transfer="getUser"/> 
         </el-main>
       </el-container>
@@ -293,13 +254,68 @@ export default {
       indexsrc:'',
       sex:0,
       classA:'',
-      classB:''
+      classB:'',
+
+      ////////////
+      Jumparr:[],
+      activeVar:0,
+      Cursoridentification:false,
+      Jumparrul:'',
+      Jumparrbox:'',
+      disX:0,
+      disXs:0,
     };
   },
   // components: {
   //   child
   // },
   methods: {
+    //鼠标按下事件
+    downCursor(e){
+      this.Cursoridentification=true;
+      this.disXs = e.clientX;
+      let dragWidth = this.Jumparrul[0].offsetWidth;
+      // console.log(this.Jumparrul[0].scrollWidth + '-------小盒子');
+      // console.log(this.Jumparrbox[0].scrollWidth +'-------大盒子');
+      document.onmousemove = (e) => {
+        if (this.Cursoridentification == true) {
+          let moveX = e.clientX - this.disXs;
+          if (moveX >= 0) {
+            moveX = 0;
+          }
+          this.disX = moveX;
+          // console.log(e.clientX+'-------鼠标');
+          console.log(this.Jumparrul[0].scrollWidth + '-------小盒子');
+          // console.log(this.Jumparrul[0]);
+          console.log(this.Jumparrbox[0].scrollWidth +'-------大盒子');
+          // console.log(this.Jumparrbox[0]);
+        }
+      };
+      document.onmouseup = (e) => {
+        // let moveXs=e.clientX - this.disXs;
+        // if (moveXs >= 0) {
+        //   this.disX = 0;
+        // }
+        document.onmousemove = null;
+        this.Cursoridentification=false
+      };
+    },
+    moveCursor(e){
+      // if (this.Cursoridentification==true) {
+      //   let moveX = e.clientX - this.disXs;
+      //   console.log(moveX);
+        
+      //   if (moveX <= 0) {
+      //     moveX = 0;
+      //   }
+      //   this.disX=moveX
+      // }
+      
+    },
+    upCursor(){
+      // console.log('songkai');
+      // this.Cursoridentification=false
+    },
     //子传父
     getUser(msg){
       console.log(msg);
@@ -320,8 +336,7 @@ export default {
       console.log(window.innerHeight-(this.$refs.haeds.offsetHeight+this.$refs.avatarhaeds.offsetHeight))
     },
     toURLs(val, item) {
-      console.log(val)
-      console.log(item)
+      this.activeVar=val;
       localStorage.setItem("indexs", val);
       localStorage.setItem("innhtml", item.pageList[0].pageName);
       localStorage.setItem("Permissions", JSON.stringify(item.pageAuth));
@@ -329,9 +344,22 @@ export default {
       document.querySelector(".header-title").innerHTML = item.pageList[0].pageName;
     },
     toURL(val, item) {
-      console.log(val)
-      console.log(item)
+      this.activeVar=val;
+      this.Jumparr.push(
+        {
+          pageName:item.pageName,
+          webUrl:item.webUrl,
+          indexs:val,
+        }
+      )
+      let nArr = this.Jumparr.filter((currentValue, currentIndex, selfArr) => {
+        return selfArr.findIndex(x =>x.pageName === currentValue.pageName) === currentIndex
+      });
+      this.Jumparr=nArr
+      console.log(this.Jumparr);
+      localStorage.setItem('Jumparr', JSON.stringify(this.Jumparr));
       localStorage.setItem("indexs", val);
+      localStorage.setItem('activeVar', JSON.stringify(val));
       localStorage.setItem("innhtml", item.pageName);
       localStorage.setItem("Permissions", JSON.stringify(item.pageAuth));
       this.$router.push({ path: "/home" + item.webUrl });
@@ -374,7 +402,6 @@ export default {
     ifIndexValue() {
       this.indexs = localStorage.getItem('indexs');
       document.querySelector(".header-title").innerHTML = localStorage.getItem('innhtml');
-      console.log(this.indexs)
     },
     //实用工具
     instrumentclick(val, evt) {
@@ -390,7 +417,21 @@ export default {
     },
     getmenu() {
       this.menuList = JSON.parse(localStorage.getItem('userinif')).authData;
-      console.log(this.menuList)
+      var that = this
+      this.menuList.filter(function (item) {
+        if (item.modulName == '主页') {
+          if (that.Jumparr.length==0) {
+            that.Jumparr.push({
+              pageName:item.pageList[0].pageName,
+              webUrl:item.pageList[0].webUrl,
+              indexs:item.modulid+'-'+item.pageList[0].pageid,
+            })
+            that.activeVar=item.modulid+'-'+item.pageList[0].pageid,
+            localStorage.setItem('Jumparr', JSON.stringify(that.Jumparr));
+          }
+          return item
+        }
+      })
     },
     //登出
     logOut() {
@@ -665,37 +706,32 @@ export default {
     },
     setIntervaltime(){
 
+    },
+    SelectJump(item,index){
+      this.activeVar=item.indexs;
+      this.indexs=item.indexs;
+      localStorage.setItem("indexs", this.indexs);
+      localStorage.setItem('activeVar', JSON.stringify(this.activeVar));
+    },
+    Jumparrdel(item,index){
+      this.Jumparr.splice(index, 1);
+      localStorage.setItem('Jumparr', JSON.stringify(this.Jumparr));
+      console.log(item);
+      if(item.indexs==JSON.parse(localStorage.getItem('activeVar'))){
+        this.$router.push({ path: "/home" + this.Jumparr[0].webUrl });
+        this.indexs=this.Jumparr[0].indexs;
+        this.activeVar=this.Jumparr[0].indexs;
+      }
+      // this.activeVar= JSON.parse(localStorage.getItem('activeVar')) || 0;
     }
-    //实时通讯
-    // async startConnection() {
-    //   this.connection = new signalR.HubConnectionBuilder()
-    //     .withUrl('/api/chatHub') // 替换为你的SignalR服务端URL
-    //     .build();
- 
-    //   this.connection.on('ReceiveMessage', (message) => {
-    //     console.log('Received message:', message);
-    //   });
- 
-    //   try {
-    //     await this.connection.start();
-    //     console.log('SignalR Connected.');
-    //   } catch (err) {
-    //     console.log('Error while starting SignalR connection:', err);
-    //   }
-    // },
-    // async sendMessage() {
-    //   if (this.connection) {
-    //     try {
-    //       await this.connection.invoke('SendMessage', 'Hello World'); // SendMessage是服务端定义的方法
-    //     } catch (err) {
-    //       console.error(err);
-    //     }
-    //   }
-    // },
   },
   mounted() {
     
     // this.unReadCount=JSON.parse(localStorage.getItem('unReadCount'));
+    this.Jumparrul = document.getElementsByClassName("Jumparr-ul");
+    this.Jumparrbox = document.getElementsByClassName("Jumplists");
+    console.log(this.Jumparrul);
+    
     this.removal();
     this.radioChange(false);
     this.ifIndexValue();
@@ -721,6 +757,8 @@ export default {
     this.sex=JSON.parse(localStorage.getItem('userinif')).userInfo.sex;
     this.token=JSON.parse(localStorage.getItem('userinif')).token;
     this.userinif = JSON.parse(localStorage.getItem('userinif'));
+    this.Jumparr= JSON.parse(localStorage.getItem('Jumparr')) || [];
+    this.activeVar= JSON.parse(localStorage.getItem('activeVar')) || 0;
     this.PotsMessageUnreadTotalCount();
     // if (this.userId!=21) {
     //     localStorage.clear();
@@ -877,7 +915,14 @@ html {
     
   
 }
-
+.el-submenu:hover{
+  transition: all 0.2s ease;
+  transform: translateY(-3px);
+}
+.el-menu-item:hover{
+  transition: all 0.2s ease;
+  transform: translateY(-3px);
+}
 .btnradio {
   display: flex;
   align-items: center;
@@ -1286,6 +1331,74 @@ i.icon-tongzhi {
 .all-box .el-textarea__inner{
   font-size: 13px;
 }
+.el-card__body, .el-main{
+  padding-top: 20px;
+}
+.Jumplists{
+  padding: 0 20px;
+  padding-top: 10px;
+  display: flex;
+  overflow: hidden;
+  align-items: flex-end;
+  height: 40px;
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE and Edge */
+  -moz-user-select:none; /* Firefox私有属性 */
+  -webkit-user-select:none; /* WebKit内核私有属性 */
+  -ms-user-select:none; /* IE私有属性(IE10及以后) */
+  -khtml-user-select:none; /* KHTML内核私有属性 */
+  -o-user-select:none; /* Opera私有属性 */
+  user-select:none; /* CSS3属性 */
+  border-bottom: 1px solid #ffdddd;
+}
+.Jumplists::-webkit-scrollbar {
+  display: none; /* Chrome, Safari, and Opera */
+}
+.Jumplists .el-breadcrumb{
+  display: -webkit-inline-box;
+  transition-property: transform;
+  transition-duration: 500ms;
+  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
+}
+.Jumplists .el-breadcrumb__item{
+  display: flex;
+  align-items: center;
+  background-color: #fff;
+}
+.Jumplists .Jumparr-li{
+  padding: 10px 0px 10px 10px;
+  font-weight: 600;
+  color: #606266;
+  
+}
 
+.Jumplists .Jumparr-li:hover{
+  background-color: #ebf6fd;
+  font-weight: 600;
+  border-radius: 10px 10px 0px 0px;
+  cursor: pointer;
+  color: #409eff;
+}
+.Jumparr-chas{
+  width: 20px;
+  height: 18px;
+  display: inline-block;
+}
+.Jumparr-cha{
+  margin-left: 10px;
+  font-size: 18px;
+  margin-right: 5px;
+}
+.Jumparr-cha:hover{
+  color: red;
+}
+.Jumplists .activeCss{
+  background-color: #ebf6fd;
+  font-weight: 600;
+  border-radius: 10px 10px 0px 0px;
+  cursor: pointer;
+  color: #409eff;
+}
 </style>
 
+