第六步样式完成功能待确认

zhouhailu

2021-02-09 7ad3a4b0e053ff25ddfa4a9609ca30d2d17accaa

第六步样式完成功能待确认

 src/view/accessReport/chooseAssess.vue

@@ -208,31 +208,44 @@
              <div>
                <h4 style="padding: 12px;font-size: 16px">经营参数</h4>
                <Table  ref="sixthList" border :columns="sixthListColumns" :data="sixthList">

                    <template  slot="sixToYearSlot" slot-scope="params">
                      <Select v-model="params.row.SurplusYearNum" size="large" @on-change="tableOsurplusChange(params)" @on-blur="tableOsurplusBlur(params)">
                        <Option v-for="itemyear in sixToYear" :value="itemyear.id">{{itemyear.id}}</Option>
                      </Select>
                    </template>
                  <template  slot="sixProductTime" slot-scope="params">
                      <DatePicker type="date" v-model="params.row.SOPDate" @on-change="tableOProductTime(params)" :clearable="false" format="yyyy-MM-dd"  size="large"></DatePicker>
                  </template>
                  <template slot="productMoney" slot-scope="params">
                    <cashInput v-model="params.row.NewInvestment"
                               size="large"
                               :rule="/^100$|^(d|[1-9]\d)(\.\d+)*$/"
                               placeholder="请输入金额(元)"
                               @on-change="tableONewInvestment(params)"
                    >
                      <Icon :custom="CustomMethods.cashIcon(params.row.NewInvestment)" slot="suffix"/>
                    </cashInput>
                  </template>
                </Table>
              </div>
              <div>
                <h4 style="padding: 12px;font-size: 16px">回收/支付参数</h4>
                <Table  ref="sixthTwoList" border :columns="sixthTwoListColumns" :data="sixthTwoList">
                <Table row-key="id" ref="sixthTwoList" border :columns="sixthTwoListColumns" :data="sixthTwoList">
                  <template slot="FrequencyIdSlot" slot-scope="params">
                      <Select v-model="params.row.FrequencyId" size="large" @on-change="sss(params.row)">
                      <Select v-model="params.row.FrequencyId" size="large" @on-change="frequencyParams(params)">
                        <Option v-for="item in itemsFreList" :value="item.id">{{item.value}}</Option>
                        <!--<Option value="按半年">按半年</Option>-->
                        <!--<Option value="按季">按季</Option>-->
                      </Select>
                  </template>
                  <template slot="RecoveryTimeSlot" slot-scope="params">
                    <Input  v-model="params.row.RecoveryTime" size="large"/>
                    <Select v-model="params.row.RecoveryTime" size="large" @on-change="RecoveryChange(params)">
                      <Option v-for="itemyear in sixToYear" :value="itemyear.id">{{itemyear.id}}</Option>
                    </Select>
                  </template>
                  <template slot="ClassLabelSetSlot" slot-scope="params">
                    <!--<Select v-model="params.row.ClassLabel" size="large">-->
                      <!--<Option></Option>-->
                    <!--</Select>-->
                    <Cascader style="width:100%" @on-change="classLabelSetChange(params)" size="large" placeholder="请选择或输入行业"  :clearable="false" filterable :data="tableTwoIndustry" :class="((params.row.ClassLabelSet[0]==null&&params.row.ClassLabelSet[1]==='0'&&params.row.ClassLabelSet[2]==='0'&&params.row.ClassLabelSet[3]==='0')||params.row.ClassLabelSet.length===0)?'ErrorTip':''" v-model="params.row.ClassLabelSet"></Cascader>
                  </template>
                  <template slot="LocationSlot" slot-scope="params">
                    <!--<Select v-model="params.row.Country" size="large">-->
                      <!--<Option></Option>-->
                    <!--</Select>-->
                    <Cascader @on-change="locationChange(params)" placeholder="请选择或输入地区"  size="large" :clearable="false" filterable :data="tableTwoLocation"  :class="((params.row.Location[0]==='0'&&params.row.Location[1]==='0'&&params.row.Location[2]==='0')||params.row.Location.length===0)?'ErrorTip':''" v-model="params.row.Location"></Cascader>
                  </template>
                </Table>
              </div>
@@ -358,6 +371,11 @@
      sixthList:[], //第六步数据的table获取
      loadingsixth:false,
      sixthTwoList:[], //第六步第二个table数据获取
      sixToYear:[], //第六步上面table年份数组
      sixToModel:"", // 经营参数年份model绑定
      tableTwoIndustry:[],  //回收支付参数行业数据
      tableTwoLocation:[],//回收支付参数地区数据
      show_children:true
    }
  },
  mounted () {
@@ -389,9 +407,57 @@
    }
  },
  methods: {
    sss(params){
      console.log(params)
    /**
     * 第六步地区分类
     **/
    locationChange(params){
      this.sixthTwoList[params.index]=params.row
    },
    /**
     * 第六步行业分类
     **/
    classLabelSetChange(params){
      this.sixthTwoList[params.index]=params.row
    },
    /**
     * 第六步回收时限
     **/
    RecoveryChange(params){
      this.sixthTwoList[params.index]=params.row
    },
    /**
     * 第六步回收支付频率
     **/
    frequencyParams(params){
      this.sixthTwoList[params.index]=params.row
    },
    /**
     * 第六步在建工程预计新投资金额change
     **/
    tableONewInvestment(params){
      this.sixthList[params.index]=params.row
    },
    /**
     * 第六步在建工程竣工投产时间change
     **/
    tableOProductTime(params){
      this.sixthList[params.index]=params.row
    },
    /**
     * 第六步经营参数剩余经营年数blur
     **/
    tableOsurplusBlur(params){
        this.tableOsurplusChange(params)
    },
    /**
     * 第六步经营参数剩余经营年数change
     **/
    tableOsurplusChange(params){
      this.sixthList[params.index]=params.row
    },
    /**
     *  获取第六步下半部数据
     **/
    getSixthTwoList(){
      let data={
        RId:this.RId,
@@ -404,13 +470,29 @@
      }).then(res => {
        if (res.data.Check) {
          this.sixthTwoList=res.data.Data
          // this.ClassLabelSet=JSON.parse(localStorage.getItem('a'))
          this.tableTwoIndustry=[]
          this.tableTwoLocation=this.cityList
          // this.sixthTwoList.forEach((val,index)=>{
          //   val._showChildren = this.show_children
          // })
        } else {

        }
      }, res => {
      })
    },
    /**
     *  获取第六步上半部数据
     **/
    getSixthList(){
      let a
      for (let i=1;i<=100;i++){
        a={
          id:i
        }
        this.sixToYear.push( a)
      }
      let data={
        RId:this.RId,
      }
@@ -421,12 +503,17 @@
      }).then(res => {
        if (res.data.Check) {
          this.sixthList=res.data.Data
          this.sixthList.sixToYear=this.sixToYear
          console.log(this.sixthList)
        } else {

        }
      }, res => {
      })
    },
    /**
     *  第五步转移操作
     **/
    clickMove(params,s){
      console.log(params)
      console.log(s)
@@ -795,7 +882,6 @@
      let data={
        RangeFlag:"All"
      }
      let a
      axios.request({
        url: '/Industry/GetIndustryList',
        data,
@@ -803,8 +889,8 @@
      }).then(res => {
        if (res.data.Check) {
          //this.ClassLabelSet=res.data.Data
          localStorage.setItem(a,JSON.stringify(res.data.Data))
          this.ClassLabelSet=JSON.parse(localStorage.getItem(a))
          localStorage.setItem('a',JSON.stringify(res.data.Data))
          this.ClassLabelSet=JSON.parse(localStorage.getItem('a'))
        } else {

        }
@@ -1111,6 +1197,7 @@
        title: '科目类型',
        key: 'Name',
        align: 'center',
        //tree: true,
      })
      columns.push({
        title: '回收/支付频率',
@@ -1149,16 +1236,19 @@
        title: '剩余经营年数',
        key: 'SurplusYearNum',
        align: 'center',
        slot:'sixToYearSlot'
      })
      columns.push({
        title: '在建工程竣工投产时间',
        key: 'SOPDate',
        align: 'center',
        slot:'sixProductTime'
      })
      columns.push({
        title: '在建工程预计新投资金额',
        key: 'NewInvestment',
        align: 'center',
        slot:'productMoney'
      })
      return columns
    },
@@ -1279,19 +1369,19 @@
    font-size:18px;
    padding-right: 15px;
  }
  .locationClass .ivu-cascader-size-large .ivu-cascader-label{
    color:#000!important;
    background:#fff;
  }
  .ivu-table-row:hover .ivu-cascader-size-large .ivu-cascader-label{
    background: #ebf7ff;
  }
  /*.locationClass .ivu-cascader-size-large .ivu-cascader-label{*/
    /*color:#000!important;*/
    /*background:#fff;*/
  /*}*/
  /*.ivu-table-row:hover .ivu-cascader-size-large .ivu-cascader-label{*/
    /*background: #ebf7ff;*/
  /*}*/
  /*.locationClass .ivu-cascader-disabled .ivu-cascader-label{*/
    /*background: #fff;*/
  /*}*/
  .locationClass .ivu-cascader-disabled .ivu-icon-ios-arrow-down{
    display: none;
  }
  /*.locationClass .ivu-cascader-disabled .ivu-icon-ios-arrow-down{*/
    /*display: none;*/
  /*}*/
  .addSearchClass .ivu-cascader-not-found-tip{
    width: calc(100% - 90px);
  }