C端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

515 regels
21 KiB

  1. <template>
  2. <div>
  3. <div class="layout-content">
  4. <div class="shopBox" style="margin-bottom:20px;" v-if="fromAddTask != 'fromAddTask'">
  5. <rent-shop :rentInfoData='wxShops' :merchentEditIf="merchentEditIf"></rent-shop>
  6. </div>
  7. <div class="text-box">
  8. <div class="text-box-title" :style="{background:navigationInfo.moduleColor}">合同信息</div>
  9. <div class="text-box-content">
  10. <el-row>
  11. <el-col :span="3" class="span-title">合同编号:</el-col>
  12. <el-col :span="18" class="span-text">{{wxRentContract.contractNumber}}</el-col>
  13. </el-row>
  14. <el-row>
  15. <el-col :span="3" class="span-title">合同状态:</el-col>
  16. <el-col :span="18" class="span-text">{{cStatus(wxRentContract.status)}}</el-col>
  17. </el-row>
  18. <el-row>
  19. <el-col :span="3" class="span-title">合同签约日:</el-col>
  20. <el-col :span="18" class="span-text">{{changeDate(wxRentContract.signDate)}}</el-col>
  21. </el-row>
  22. </div>
  23. </div>
  24. <div class="text-box">
  25. <div class="text-box-title" :style="{background:navigationInfo.moduleColor}">乙方信息</div>
  26. <div class="text-box-content">
  27. <el-row>
  28. <el-col :span="3" class="span-title">商户名称:</el-col>
  29. <el-col :span="18" class="span-text">{{wxRentContract.merchantName}}</el-col>
  30. </el-row>
  31. <el-row>
  32. <el-col :span="3" class="span-title">合同主体名称:</el-col>
  33. <el-col :span="18" class="span-text">{{wxRentContract.subjectName}}</el-col>
  34. </el-row>
  35. <el-row>
  36. <el-col :span="3" class="span-title">经营品牌:</el-col>
  37. <el-col :span="18" class="span-text">{{changeBrand(wxRentContract.brand)}}</el-col>
  38. </el-row>
  39. <el-row>
  40. <el-col :span="3" class="span-title">业态:</el-col>
  41. <el-col :span="18" class="span-text">{{changeBusiness(wxRentContract.businessId)}}</el-col>
  42. </el-row>
  43. <el-row>
  44. <el-col :span="3" class="span-title">店面类型:</el-col>
  45. <el-col :span="18" class="span-text">{{changeShopType(wxRentContract.shopType)}}</el-col>
  46. </el-row>
  47. <el-row>
  48. <el-col :span="3" class="span-title">负责人:</el-col>
  49. <el-col :span="18" class="span-text">{{wxRentContract.linkPerson}}</el-col>
  50. </el-row>
  51. <el-row>
  52. <el-col :span="3" class="span-title">联系电话:</el-col>
  53. <el-col :span="18" class="span-text">{{wxRentContract.linkPhone}}</el-col>
  54. </el-row>
  55. </div>
  56. </div>
  57. <div class="text-box">
  58. <div class="text-box-title" :style="{background:navigationInfo.moduleColor}">签约信息</div>
  59. <div class="text-box-content">
  60. <el-row>
  61. <el-col :span="3" class="span-title">租赁开始日期:</el-col>
  62. <el-col :span="18" class="span-text">{{changeDate(wxRentContract.rentalStartDate)}}</el-col>
  63. </el-row>
  64. <el-row>
  65. <el-col :span="3" class="span-title">租赁截止日期:</el-col>
  66. <el-col :span="18" class="span-text">{{changeDate(wxRentContract.rentalEndDate)}}</el-col>
  67. </el-row>
  68. <el-row>
  69. <el-col :span="3" class="span-title">总租期:</el-col>
  70. <el-col :span="18" class="span-text">{{totalPeriodMonth+'个月'+totalPeriodDay+"天"}}</el-col>
  71. </el-row>
  72. <el-row>
  73. <el-col :span="3" class="span-title">装修期:</el-col>
  74. <el-col :span="18" class="span-text">{{wxRentContract.fixStartDate+' 至 '+wxRentContract.fixEndDate}}</el-col>
  75. </el-row>
  76. <el-row>
  77. <el-col :span="3" class="span-title">计租开始日期:</el-col>
  78. <el-col :span="18" class="span-text">{{changeDate(wxRentContract.startDate)}}</el-col>
  79. </el-row>
  80. <el-row>
  81. <el-col :span="3" class="span-title">账单生成方式:</el-col>
  82. <el-col :span="18" class="span-text">{{getAdjustPeriod}}</el-col>
  83. </el-row>
  84. <el-row>
  85. <el-col :span="3" class="span-title" v-if="contractType!=3&&contractType!=4">计租方式:</el-col>
  86. <el-col :span="18" class="span-text" v-if="contractType!=3&&contractType!=4">{{changeType(wxRentContract.type)}}</el-col>
  87. </el-row>
  88. </div>
  89. </div>
  90. <div class="text-box">
  91. <div class="text-box-title" :style="{background:navigationInfo.moduleColor}">费用明细</div>
  92. <div class="text-box-content">
  93. <el-row>
  94. <el-col :span="3" class="span-title">计租面积:</el-col>
  95. <el-col :span="18" class="span-text">{{wxRentContract.rentArea+'㎡'}}</el-col>
  96. </el-row>
  97. <el-row>
  98. <el-col :span="3" class="span-title" v-if="contractType!=3&&contractType!=4">计租方式:</el-col>
  99. <el-col :span="18" class="span-text" v-if="contractType!=3&&contractType!=4">{{changeType(wxRentContract.type)}}</el-col>
  100. </el-row>
  101. <el-row>
  102. <el-col :span="3" v-if="wxRentContract.type==2&&contractType!=3&&contractType!=4" class="span-title">保底营业额:</el-col>
  103. <el-col :span="18" v-if="wxRentContract.type==2&&contractType!=3&&contractType!=4" class="span-text">{{wxRentContract.revenue/100+'元'}}</el-col>
  104. </el-row>
  105. <el-row v-if="wxRentContract.type!=2&&contractType==2">
  106. <el-col :span="3" class="span-title">租金单价:</el-col>
  107. <el-col :span="18" class="span-text">{{wxRentContract.rentPrice+' ㎡/元/'+priceUnitType}}</el-col>
  108. </el-row>
  109. <el-row v-if="wxRentContract.type!=2&&contractType==4">
  110. <el-col :span="3" class="span-title">物业费单价:</el-col>
  111. <el-col :span="18" class="span-text">{{wxRentContract.rentPrice/100+' ㎡/元/'+priceUnitType}}</el-col>
  112. </el-row>
  113. <el-row>
  114. <el-col :span="3" v-if="wxRentContract.type!=2" class="span-title">{{contractType==2?"租金:":"物业费:"}}</el-col>
  115. <el-col :span="18" v-if="wxRentContract.type!=2" class="span-text">{{wxRentContract.price/100+' 元/'+priceUnitType}}</el-col>
  116. </el-row>
  117. <el-row>
  118. <el-col :span="3" v-if="wxRentContract.type!=1&&contractType!=3&&contractType!=4" class="span-title">联营扣点:</el-col>
  119. <el-col :span="18" v-if="wxRentContract.type!=1&&contractType!=3&&contractType!=4 && wxRentContract.busDiscountRatio!=undefined &&wxRentContract.busDiscountRatio!=''" class="span-text">
  120. <!-- aaa -->
  121. <show-rate-list class="cur-rate-list"></show-rate-list>
  122. </el-col>
  123. <el-col :span="18" v-if="wxRentContract.type!=1&&contractType!=3&&contractType!=4 && wxRentContract.busDiscountRatio!=undefined &&wxRentContract.busDiscountRatio==''" class="span-text">{{wxRentContract.payRatio/100+'%'}}</el-col>
  124. </el-row>
  125. <el-row>
  126. <el-col :span="3" class="span-title">押金:</el-col>
  127. <el-col :span="18" class="span-text">{{wxRentContract.deposit/100+' 元'}}</el-col>
  128. </el-row>
  129. <el-row>
  130. <el-col :span="3" class="span-title">付款周期:</el-col>
  131. <el-col :span="18" class="span-text">{{wxRentContract.receivePeriod+' 月'}}</el-col>
  132. </el-row>
  133. <el-row v-if="wxRentContract.latePayRatio">
  134. <el-col :span="3" class="span-title">滞纳金费率:</el-col>
  135. <el-col :span="18" class="span-text">{{wxRentContract.latePayRatio+ '%'}}<span style="margin-left:30px;">{{'欠缴后 '+wxRentContract.latePayDay+' 日开始计费'}}</span></el-col>
  136. </el-row>
  137. <el-row v-if="wxRentContract.adjustRatio&&wxRentContract.adjustRatio.length>0">
  138. <el-col :span="3" class="span-title">
  139. 年租金调整:
  140. </el-col>
  141. <el-col v-if="wxRentContract.adjustRatioWay==1" :span="18" class="span-text"><span v-for="(item,index) in wxRentContract.adjustRatio" :key='index'>{{"第"+(index+2)+"年上浮"+item/100+'%'+(wxRentContract.adjustRatio.length>1&&wxRentContract.adjustRatio.length>index+1?', ':'')}}</span></el-col>
  142. <el-col v-if="wxRentContract.adjustRatioWay==2" :span="18" class="span-text"><span v-for="(item,index) in wxRentContract.adjustRatio" :key='index'>{{"第"+(index+2)+"年上浮"+item/100+'元/'+priceUnitType+(wxRentContract.adjustRatio.length>1&&wxRentContract.adjustRatio.length>index+1?', ':'')}}</span></el-col>
  143. <el-col v-if="wxRentContract.adjustRatioWay==3" :span="18" class="span-text"><span v-for="(item,index) in wxRentContract.adjustRatio" :key='index'>{{"第"+(index+2)+"年"+item/100+'元/'+priceUnitType+(wxRentContract.adjustRatio.length>1&&wxRentContract.adjustRatio.length>index+1?', ':'')}}</span></el-col>
  144. </el-row>
  145. <el-row v-show="businessType!='3'">
  146. <el-col :span="3" class="span-title">合同账单:</el-col>
  147. <el-col :span="18" class="span-text">
  148. <rent-bill :data="billData" :editIf='true' :ref="billTk"></rent-bill>
  149. </el-col>
  150. </el-row>
  151. </div>
  152. </div>
  153. <div class="text-box" v-if="businessType==3">
  154. <div class="text-box-title" :style="{background:navigationInfo.moduleColor}">租赁信息</div>
  155. <div class="text-box-content">
  156. <el-row>
  157. <el-col :span="2" class="span-title">租赁费用:</el-col>
  158. <el-col :span="6" class="span-text">{{Number(rentOweCount)>0?'有欠缴':'无欠缴'}}</el-col>
  159. <el-col :span="2" class="span-title">物业费用:</el-col>
  160. <el-col :span="6" class="span-text">{{Number(propertyOweCount)>0?'有欠缴':'无欠缴'}}</el-col>
  161. <el-col :span="2" class="span-title">押金情况:</el-col>
  162. <el-col :span="6" class="span-text">{{Number(depositOweCount)>0?'有欠缴':'无欠缴'}}</el-col>
  163. </el-row>
  164. <el-row>
  165. <el-col :span="2" class="span-title">其他:</el-col>
  166. <el-col :span="6" class="span-text">{{sRemark}}</el-col>
  167. </el-row>
  168. </div>
  169. </div>
  170. <div class="text-box">
  171. <!-- <div class="text-box-title" :style="{background:navigationInfo.moduleColor}">审批意见</div> -->
  172. <div class="text-box-content">
  173. <el-row>
  174. <el-col :span="3" class="span-title">合同附件:</el-col>
  175. <el-col :span="6" class="span-text" style="color:blue;" v-if="fileNames.length<=0">无</el-col>
  176. <el-col :span="6" class="span-text" style="color:blue;" v-if="fileNames.length>0"><div class="download-file" v-for="(item,index) in fileNames" :key="index" @click.stop.prevent="download(index)">{{item.name}}</div></el-col>
  177. </el-row>
  178. </div>
  179. </div>
  180. <el-row style="margin:20px 0 0;text-align:center;">
  181. <el-button @click.stop.prevent="cancel">返回</el-button>
  182. </el-row>
  183. </div>
  184. </div>
  185. </template>
  186. <script>
  187. import commonUtil from "../../core/tool/commonUtil";
  188. import AjaxUtil from "../../core/tool/ajaxService";
  189. import { mapState, mapActions } from "vuex";
  190. import{ ContractUrl } from "../contract/businessComp/UrlEnum.js"
  191. import { CouponCacheData } from "../../service/couponData/data.js";
  192. import rentBill from "../contract/contractutil/rentbill.vue";
  193. import { ContractData } from "../../service/contract/data.js";
  194. import rentShop from "./contractutil/rentshop.vue";
  195. import showRateList from './rent/showRateList.vue';
  196. import moment from "moment";
  197. export default {
  198. name: "pointsCheck",
  199. components: {
  200. rentBill,
  201. rentShop,
  202. showRateList,
  203. },
  204. data() {
  205. return {
  206. brands:[],
  207. fromAddTask:"",
  208. merchentEditIf: true,
  209. priceUnitType:'',
  210. priceUnitOption:ContractData.priceUnitOption,
  211. totalPeriodMonth: 0,
  212. totalPeriodDay: 0,
  213. contractType:0,
  214. remark: "",
  215. wxShops:[],
  216. billData:[],
  217. billTk: "rentbill",
  218. wxRentContract:'',
  219. rentOweCount:'',
  220. propertyOweCount :'',
  221. businessType:'',
  222. depositOweCount:'',
  223. sRemark:'',
  224. wxMerchant:'',
  225. businessIds:[],
  226. progressData:[],
  227. fileNames:[],
  228. active:0,
  229. // 店铺类型
  230. shopTypes: ContractData.shopTypes,
  231. //计租计算方式
  232. computedTypes: ContractData.computedTypes,
  233. };
  234. },
  235. //新增computed属性
  236. computed: {
  237. ...mapState({
  238. topNav: state => state.topNav.data, //将 this.topNav 映射为 this.$store.topNav.data
  239. navigationInfo: state => state.topNav.navigationInfo,
  240. formData: state => state.setRentInfo.formData,
  241. }),
  242. getAdjustPeriod() {
  243. return this.wxRentContract.adjustPeriod == 3
  244. ? "按自然月生成"
  245. : "按计租日期生成";
  246. },
  247. },
  248. methods: {
  249. cStatus(item) {
  250. return item!=undefined?CouponCacheData.rentStatus.filter(e => {
  251. return e.value == item.toString();
  252. })[0].name:'';
  253. },
  254. changeBrand(brand){
  255. return this.brands.length>0&&brand?this.brands.filter(e=>e.id==brand)[0].value:''
  256. },
  257. changeBusiness(businessId){
  258. return this.businessIds.length>0&&businessId!=undefined?this.businessIds.filter(e=>e.id==businessId)[0].title:''
  259. },
  260. changeShopType(id){
  261. return id!=undefined?this.shopTypes.filter(e=>e.value==id)[0].label:'';
  262. },
  263. changeDate(date) {
  264. return moment(date).format("YYYY-MM-DD");
  265. },
  266. changeType(type){
  267. return type!=undefined?this.computedTypes.filter(e=>e.value==type)[0].label:'';
  268. },
  269. ...mapActions([
  270. "setNavData", // 将this.setNavData 映射为 this.$store.dispatch('setNavData')
  271. "setFormData",
  272. ]),
  273. download:function(index){
  274. window.open(this.fileNames[index].url)
  275. },
  276. cancel(){
  277. this.$router.back(-1);
  278. },
  279. getData() {
  280. let _this=this;
  281. this.contractType=this.$route.query.contractType;
  282. if(this.$route.query.contractType==3||this.$route.query.contractType==4){
  283. this.getFetch(
  284. "/api/wxPropertyContract/findById?id=" + this.$route.query.id
  285. ).then(d => {
  286. d.data.wxPropertyContract.adjustRatio=d.data.wxPropertyContract.adjustRatio?JSON.parse(d.data.wxPropertyContract.adjustRatio):'';
  287. _this.wxRentContract=d.data.wxPropertyContract;
  288. _this.wxRentContract.fixStartDate=_this.wxRentContract.fixStartDate?moment(_this.wxRentContract.fixStartDate).format('YYYY-MM-DD'):""
  289. _this.wxRentContract.fixEndDate=_this.wxRentContract.fixEndDate?moment(_this.wxRentContract.fixEndDate).format('YYYY-MM-DD'):""
  290. this.priceUnitType = this.wxRentContract.priceUnit?this.priceUnitOption.filter(e=>e.value==this.wxRentContract.priceUnit)[0].name:'';
  291. _this.totalPeriodMonth = d.data.totalPeriodMonth
  292. _this.totalPeriodDay = d.data.totalPeriodDay
  293. _this.fileNames = JSON.parse(d.data.wxPropertyContract.fileNames);
  294. _this.wxShops=d.data.wxShops
  295. if(_this.$route.query.businessType==3){
  296. _this.rentOweCount=d.data.rentOweCount;
  297. _this.propertyOweCount=d.data.propertyOweCount;
  298. _this.depositOweCount=d.data.depositOweCount;
  299. _this.sRemark=d.data.remark;
  300. }
  301. if(_this.businessType!=3){
  302. _this.$refs[_this.billTk].setData(d.data.previewBillRentList);
  303. }
  304. if (d.data.wxRentContract.busDiscountRatio == undefined || d.data.wxRentContract.busDiscountTime == undefined) {
  305. d.data.wxRentContract.busDiscountRatio = '';
  306. d.data.wxRentContract.busDiscountTime = 1;
  307. }
  308. //aaa
  309. this.formData.busDiscountRatio = d.data.wxRentContract.busDiscountRatio;
  310. this.formData.busDiscountTime = d.data.wxRentContract.busDiscountTime;
  311. this.formData.payRatio = d.data.wxRentContract.payRatio;
  312. let curObj = Object.assign({},this.formData);
  313. this.setFormData(curObj);
  314. });
  315. }else{
  316. this.getFetch(
  317. "/api/wxRentContract/findById?id=" + this.$route.query.id
  318. ).then(d => {
  319. d.data.wxRentContract.adjustRatio=d.data.wxRentContract.adjustRatio?JSON.parse(d.data.wxRentContract.adjustRatio):'';
  320. _this.wxRentContract=d.data.wxRentContract;
  321. _this.wxRentContract.fixStartDate=_this.wxRentContract.fixStartDate?moment(_this.wxRentContract.fixStartDate).format('YYYY-MM-DD'):""
  322. _this.wxRentContract.fixEndDate=_this.wxRentContract.fixEndDate?moment(_this.wxRentContract.fixEndDate).format('YYYY-MM-DD'):""
  323. this.priceUnitType = this.wxRentContract.priceUnit?this.priceUnitOption.filter(e=>e.value==this.wxRentContract.priceUnit)[0].name:'';
  324. _this.totalPeriodMonth = d.data.totalPeriodMonth
  325. _this.totalPeriodDay = d.data.totalPeriodDay
  326. _this.fileNames = JSON.parse(d.data.wxRentContract.fileNames);
  327. _this.wxShops=d.data.wxShops;
  328. if(_this.$route.query.businessType==3){
  329. _this.rentOweCount=d.data.rentOweCount;
  330. _this.propertyOweCount=d.data.propertyOweCount;
  331. _this.depositOweCount=d.data.depositOweCount;
  332. _this.sRemark=d.data.remark;
  333. }
  334. if(_this.businessType!=3){
  335. _this.$refs[_this.billTk].setData(d.data.previewBillRentList);
  336. }
  337. if (d.data.wxRentContract.busDiscountRatio == undefined || d.data.wxRentContract.busDiscountTime == undefined) {
  338. d.data.wxRentContract.busDiscountRatio = '';
  339. d.data.wxRentContract.busDiscountTime = 1;
  340. }
  341. //aaa
  342. this.formData.busDiscountRatio = d.data.wxRentContract.busDiscountRatio;
  343. this.formData.busDiscountTime = d.data.wxRentContract.busDiscountTime;
  344. this.formData.payRatio = d.data.wxRentContract.payRatio;
  345. let curObj = Object.assign({},this.formData);
  346. this.setFormData(curObj);
  347. });
  348. }
  349. this.getFetch(
  350. "/api/workflow/applyHistoryAndAssignee?businessId=" + this.$route.query.id
  351. ).then(d => {
  352. let progressData=d.data;
  353. progressData=d.data;
  354. progressData.reverse();
  355. let indexs=0;
  356. _this.progressData=[]
  357. progressData.map((item,index)=>{
  358. if(item.isLastStart){
  359. indexs=index
  360. }
  361. })
  362. progressData.map((item,index)=>{
  363. if(index>=indexs){
  364. _this.progressData.push(item)
  365. }
  366. })
  367. _this.progressData.map((item,index)=>{
  368. if(item.status==1){
  369. item.userName=item.userName+'( 发起审批)'
  370. }else if(item.status==2){
  371. item.userName=item.userName+'( 已审批)'
  372. }else if(item.status==3){
  373. item.userName=item.userName+'( 驳回)'
  374. }else if(item.status==4){
  375. item.userName=item.userName+'( 待审批)'
  376. }
  377. })
  378. for(var i=1;_this.progressData.length<=10;i++) {
  379. if(_this.progressData[i].status==4) {
  380. _this.active=i
  381. break;
  382. }
  383. }
  384. });
  385. }
  386. },
  387. mounted: function() {
  388. // this.getFetch("/api/at/list?describe=")
  389. commonUtil.pvuv.setPVUV.apply(this, []);
  390. },
  391. created() {
  392. // this.reload()
  393. this.businessType=this.$route.query.businessType;
  394. if(this.$route.query.contractType==2){
  395. this.setNavData(["合同管理", "多经点位", "租金合同", "查看"]);
  396. }else{
  397. this.setNavData(["合同管理", "多经点位", "物业合同", "查看"]);
  398. }
  399. if(this.$route.query.flags){
  400. this.fromAddTask = this.$route.query.flags;
  401. this.setNavData(["招商管理", "多经点位", "租金合同", "查看"]);
  402. }
  403. this.getData();
  404. //获取品牌列表
  405. this.getFetch("/api/wxBrand/queryBrand")
  406. .then(d => {
  407. this.brands = d.data;
  408. })
  409. .catch(err => {
  410. this.$message.error(err.data);
  411. });
  412. this.getFetch(ContractUrl.businessList)
  413. .then(d => {
  414. this.businessIds = d.data;
  415. })
  416. .catch(err => {
  417. this.$message.error(err.data);
  418. });
  419. }
  420. };
  421. </script>
  422. <style scoped>
  423. .text-box {
  424. background: #fff;
  425. margin-bottom: 20px;
  426. }
  427. .download-file{
  428. cursor: pointer;
  429. }
  430. .text-box-title {
  431. height: 42px;
  432. line-height: 42px;
  433. padding-left: 20px;
  434. color: #fff;
  435. font-weight: 400px;
  436. font-size: 14px;
  437. background: rgba(51, 153, 255, 1);
  438. }
  439. .text-box-content {
  440. padding: 20px;
  441. line-height: 36px;
  442. font-size: 12px;
  443. }
  444. .span-title {
  445. text-align: right;
  446. padding-right: 15px;
  447. }
  448. .layout-content {
  449. width: 100%;
  450. height: auto;
  451. min-height: 300px;
  452. background: #141e29;
  453. border-radius: 2px;
  454. padding: 0 20px 20px 20px;
  455. overflow: hidden;
  456. text-align: left;
  457. }
  458. .el-form {
  459. background: #f5f7f8;
  460. text-align: left;
  461. padding: 25px 22px 22px;
  462. margin-bottom: 20px !important;
  463. }
  464. .el-form .el-form-item {
  465. margin-bottom: 0 !important;
  466. /* width: 200px; */
  467. }
  468. /* .el-select{
  469. width:120px;
  470. } */
  471. .tableContainer {
  472. margin-top: 20px !important;
  473. background: #fff;
  474. }
  475. .el-button {
  476. /* width: 60px; */
  477. border: none !important;
  478. margin: 0 10px;
  479. height: 40px;
  480. }
  481. .builtBtn {
  482. width: 100px;
  483. height: 32px;
  484. background: rgba(81, 169, 201, 1);
  485. border: 0 !important;
  486. line-height: 32px;
  487. text-align: center;
  488. margin: 0;
  489. padding: 0 !important;
  490. }
  491. .builtBtn:hover {
  492. background: rgba(81, 169, 201, 0.88);
  493. }
  494. .builtBtn i {
  495. margin-right: 10px;
  496. }
  497. .fx_send .el-form-item__content .el-select {
  498. width: 120px !important;
  499. }
  500. .fx_title .el-input {
  501. width: 150px;
  502. }
  503. .approval-list .span-title{
  504. padding-right: 0;
  505. }
  506. .cur-rate-list /deep/ .rate-show-list li {
  507. margin-top: 6px;
  508. }
  509. </style>