第六步更新

zhouhailu

2021-02-19 62aee3a4d8fb9ad0771076cd6f421067daef270d

第六步更新

 src/view/accessReport/chooseAssess.vue

@@ -231,22 +231,32 @@
              <div>
                <h4 style="padding: 12px;font-size: 16px">回收/支付参数</h4>
                <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="frequencyParams(params)">
                        <Option v-for="item in itemsFreList" :value="item.id">{{item.value}}</Option>
                      </Select>
                  <template slot="subjectTypeSlot" slot-scope="params">
                    <span style="width: 100px;display: inline-block;text-align: left">{{params.row.Name}}</span>
                    <Tooltip content="编辑" class="tableActionMargin"  theme="light" transfer max-width="200"
                             placement="top">
                      <span style="display: inline-block;width: 50px;text-align: right">
                      <Icon  custom="custom custom-bianji" size="18"
                            :class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="sixEditIcon(params.row)"/>
                      </span>
                    </Tooltip>
                  </template>
                  <template slot="RecoveryTimeSlot" slot-scope="params">
                    <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">
                    <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">
                    <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>
                  <!--<template slot="FrequencyIdSlot" slot-scope="params">-->
                      <!--<Select v-model="params.row.FrequencyId" size="large" @on-change="frequencyParams(params)">-->
                        <!--<Option v-for="item in itemsFreList" :value="item.id">{{item.value}}</Option>-->
                      <!--</Select>-->
                  <!--</template>-->
                  <!--<template slot="RecoveryTimeSlot" slot-scope="params">-->
                    <!--<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">-->
                    <!--<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">-->
                    <!--<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>
            </Card>
@@ -288,6 +298,41 @@
          <Button size="large" custom-icon="custom custom-quxiao" style="float: right;" type="error" @click="editZhutiType=false" >取消</Button>
        </div>
      </Modal>
      <Modal v-model="editPromptModal"
             draggable
             footer-hide
             :mask-closable="false"
             class-name="vertical-center-modal"
             width="800">
        <p slot="header">
          <Icon custom="custom custom-bianji" style="margin-right: 10px;"></Icon>
          <span>编辑回收/支付参数</span>
        </p>
        <div>
          <Table max-height=600 row-key="id" ref="sixPromptChild" border :columns="sixPromptChildColumns" :data="sixPromptChild">
            <template slot="FrequencyIdSlot" slot-scope="params">
            <Select v-model="params.row.FrequencyId" size="large" @on-change="frequencyParams(params)">
            <Option v-for="item in itemsFreList" :value="item.id">{{item.value}}</Option>
            </Select>
            </template>
            <template slot="RecoveryTimeSlot" slot-scope="params">
            <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">
            <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">
            <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 class="clearfix" style="width: 200px;margin:0px auto 15px;">
            <Button size="large" custom-icon="custom custom-queding" style="float: left;" type="primary" @click="promptConfirm">保存</Button>
            <Button size="large" custom-icon="custom custom-quxiao" style="float: right;" type="error" @click="editPromptModal=false" >取消</Button>
          </div>
        </div>
      </Modal>
    </div>
  </div>
</template>
@@ -318,6 +363,8 @@
          id:2
        }
      ],
      editPromptModal:false, // 第六步弹框判断
      sixPromptChild:[], //第六步弹框
      fourthList:[], //第四步table数据
      thirdList:[],//第三步table数据
      locationV:[],  //地区绑定值
@@ -375,7 +422,8 @@
      sixToModel:"", // 经营参数年份model绑定
      tableTwoIndustry:[],  //回收支付参数行业数据
      tableTwoLocation:[],//回收支付参数地区数据
      show_children:true
      show_children:true,
      show_children_sec:true,
    }
  },
  mounted () {
@@ -407,6 +455,35 @@
    }
  },
  methods: {
    /**
     * 第六步编辑弹框保存按钮
     **/
    promptConfirm(){
      this.editPromptModal=false
    },
    /**
     * 第六步编辑弹框按钮
     **/
    sixEditIcon(params){
      params._showChildren=true
      console.log(params)
      this.sixPromptChild=params.children
      if(this.sixPromptChild!=null&&this.sixPromptChild.length>0) {
        this.sixPromptChild.forEach((val, index) => {
          if (val.children!= null &&val.children.length>0) {
            val._showChildren = this.show_children
            val.children.forEach((val_01,index_01)=>{
              if (val_01.children!= null &&val_01.children.length>0) {
                val_01._showChildren = this.show_children
              }
            })
          }
        })
      }
       this.tableTwoIndustry=JSON.parse(localStorage.getItem('a'))
      this.tableTwoLocation=this.cityList
      this.editPromptModal=true
    },
    /**
     * 第六步地区分类
     **/
@@ -470,9 +547,9 @@
      }).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.ClassLabelSet=JSON.parse(localStorage.getItem('a'))
          //this.tableTwoLocation=this.cityList
          // this.sixthTwoList.forEach((val,index)=>{
          //   val._showChildren = this.show_children
          // })
@@ -491,7 +568,7 @@
        a={
          id:i
        }
        this.sixToYear.push( a)
        this.sixToYear.push(a)
      }
      let data={
        RId:this.RId,
@@ -865,8 +942,8 @@
        method: 'post'
      }).then(res => {
        if (res.data.Check) {
          localStorage.setItem(this.getdata,JSON.stringify(res.data.Data))
          this.PropertyIdList=JSON.parse(localStorage.getItem(this.getdata))
          localStorage.setItem('a',JSON.stringify(res.data.Data))
          this.PropertyIdList=JSON.parse(localStorage.getItem('a'))
            // this.PropertyIdList=this.getdata
        } else {

@@ -1191,13 +1268,13 @@
    }
  },
  computed:{
    sixthTwoListColumns(){
    sixPromptChildColumns(){
      let columns = []
      columns.push({
        title: '科目类型',
        key: 'Name',
        align: 'center',
        //tree: true,
        tree: true,
      })
      columns.push({
        title: '回收/支付频率',
@@ -1213,18 +1290,55 @@
      })
      columns.push({
        title: '行业分类',
        key: 'ClassLabelSet',
        key: 'ClassIndustry',
        align: 'center',
        slot:"ClassLabelSetSlot"
      })
      columns.push({
        title: '所属地区',
        key: 'Location',
        key: 'RegionInfo',
        slot:'LocationSlot',
        align: 'center',
      })
      return columns
    },
    sixthTwoListColumns(){
      let columns = []
      columns.push({
        title: '科目类型',
        key: 'Name',
        align: 'center',
        // tree: true,
        slot:"subjectTypeSlot",
        minWidth:200,
        maxWidth:220
      })
      columns.push({
        title: '回收/支付频率',
        key: 'FrequencyId',
        align: 'center',
       // slot:"FrequencyIdSlot"
      })
      columns.push({
        title: '回收时限',
        key: 'RecoveryTime',
        align: 'center',
       // slot:"RecoveryTimeSlot"
      })
      columns.push({
        title: '行业分类',
        key: 'ClassIndustry',
        align: 'center',
       //slot:"ClassLabelSetSlot"
      })
      columns.push({
        title: '所属地区',
        key: 'RegionInfo',
       // slot:'LocationSlot',
        align: 'center',
      })
      return columns
    },
    sixthListColumns(){
      let columns = []
      columns.push({