feat:新增企业画像-企业中标分析报告下载弹窗

apps/bigmember_pc/src/views/portrayal/components/BidInfoActive.vue

@@ -885,6 +885,12 @@ export default {
         this.originalParameter.industry = childrenArr
       }
 
+      // 采购单位类型
+      if(this.backFilter.buyerClass) {
+        const buyerArr = this.backFilter.buyerClass.split(',')
+        this.originalParameter.buyerClass = buyerArr
+      }
+
       // 回显成交时间
       if(this.backFilter.timeRange) {
         const timeArr = this.backFilter.timeRange.split('_')

apps/bigmember_pc/src/views/portrayal/components/DownloadFilter.vue

@@ -1,8 +1,10 @@
 <template>
   <section class="search-box">
     <div class="filter-row prop-name">
-      <span class="row-label" :style="!hasPower ? 'width:80px': ''">目标业主：</span>
-      <span>{{ buyerName }}</span>
+      <span class="row-label" :style="!hasPower ? 'width:80px': ''">
+        {{ type === 'procurementUnit' ? '目标业主' : '目标企业' }}
+      </span>
+      <span>{{ type === 'procurementUnit' ? buyerName : entName }}</span>
     </div>
     <div class="filter-row" v-if="hasPower">
       <span class="row-label">成交时间：</span>
@@ -115,7 +117,7 @@
                   ref="areaCity"
                 />
               </div>
-              <div class="more-item">
+              <div class="more-item mr-16">
                 <IndustryCascader
                   class="filter-item"
                   @change="changeIndustry"
@@ -124,6 +126,15 @@
                   ref="industry"
                 />
               </div>
+              <div class="more-item" v-if="type !== 'procurementUnit'">
+                <BuyerClassCascader
+                  class="filter-item"
+                  v-model="originalParameter.buyerClass"
+                  @change="changeBuyerClass"
+                  :showOptions="subscribeBuyerClass"
+                  ref="buyerClass"
+                />
+              </div>
             </div>
           </div>
         </el-collapse-transition>
@@ -139,15 +150,29 @@
 import AreaCityCascader from '@/components/selector-cascader/AreaCityCascader.vue'
 import IndustryCascader from '@/components/selector-cascader/IndustryCascader.vue'
 import searchrangeCascader from '@/components/selector-cascader/searchrangeCascader.vue'
+import BuyerClassCascader from '@/components/selector-cascader/BuyerClassCascader.vue'
 export default {
   components: {
     AreaCityCascader,
     IndustryCascader,
-    searchrangeCascader
+    searchrangeCascader,
+    BuyerClassCascader
   },
   // 选项的数据项
   inject: ['backPageFilter'],
   props: {
+    type: {
+      type: String,
+      default: ''
+    },
+    entId: {
+      type: String,
+      default: ''
+    },
+    entName: {
+      type: String,
+      default: ''
+    },
     hasPower: {
       type: Boolean,
       default: false
@@ -175,18 +200,20 @@ export default {
     return {
       filter: {
         buyer: this.buyerName || '',
+        entId: this.entId || '',
         exactMatch: '0', // 模糊、精准搜索
         match: '', // 关键词
         matchRange: 'purchasing', // 搜索范围
         area: {}, // 地区
         scopeClass: '', // 行业
         timeRange: 2018 + '_' + new Date().getFullYear(), // 成交时间范围
-        buyerClass: '' // 采购单位选项
+        buyerClass: '' // 采购单位类型
       },
       originalParameter: {
         area: {},
         industry: {},
-        matchRange: ['项目名称/标的物']
+        matchRange: ['项目名称/标的物'],
+        buyerClass: []
       },
       startYear: null,
       endYear: null,
@@ -201,20 +228,21 @@ export default {
         winner: '中标企业',
         buyer: '采购单位'
       },
-      matchRangeArr: ['项目名称/标的物', '招标代理机构', '中标企业'],
+      matchRangeArr: ['项目名称/标的物', '招标代理机构'],
       // 地区选择项
       subscribeAreaMap: {},
       // 行业选择项
       subscribeIndustryMap: {},
+      // 采购单位类型
+      subscribeBuyerClass: [],
       // 展开收起更多筛选条件
-      moreShow: true,
+      moreShow: true
     }
   },
   watch: {
     canSelect: {
       handler (newVal) {
         if (newVal) {
-          console.log(4487)
           this.initSelectData(newVal)
         }
       },
@@ -244,6 +272,11 @@ export default {
           this.endYearRage.push(i)
         }
       }
+      if(this.type === 'procurementUnit') {
+        this.matchRangeArr.push('中标企业')
+      } else {
+        this.matchRangeArr.push('采购单位')
+      }
     },
     // 初始化筛选项数据
     initSelectData (data) {
@@ -258,6 +291,7 @@ export default {
       this.subscribeAreaMap = areaArr
       const industryObj = this.initIndustryData(data.scopeArr)
       this.subscribeIndustryMap = industryObj
+      this.subscribeBuyerClass = data.buyerClassArr || []
     },
     // 年份选择项
     setYear(data, rage) {
@@ -382,6 +416,12 @@ export default {
         this.originalParameter.industry = childrenArr
       }
 
+      // 采购单位类型
+      if(this.backFilter.buyerClass) {
+        const buyerArr = this.backFilter.buyerClass.split(',')
+        this.originalParameter.buyerClass = buyerArr
+      }
+
       // 回显成交时间
       if(this.backFilter.timeRange) {
         const timeArr = this.backFilter.timeRange.split('_')
@@ -441,6 +481,11 @@ export default {
       })
       this.filter.scopeClass = tempArr.toString()
     },
+    changeBuyerClass(item) {
+      // 采购单位
+      const tempArr = item
+      this.filter.buyerClass = tempArr.toString()
+    },
     // 筛选开始分析
     doAnalyse () {
       if (this.startYear === '') {
@@ -451,7 +496,7 @@ export default {
       }
       this.filter.timeRange = this.startYear + '_' + this.endYear
       this.backPageFilter(JSON.stringify(this.filter))
-    },
+    }
   }
 }
 </script>

apps/bigmember_pc/src/views/portrayal/components/EntReportDownloadDialog.vue

@@ -1,6 +1,6 @@
 <template>
   <el-dialog
-    title="业主采购分析报告下载"
+    title="企业中标分析报告下载"
     :visible.sync="options.visible"
     :close-on-click-modal="false"
     lock-scroll
@@ -12,164 +12,33 @@
       <section class="report-effect-box">
         <div class="left">
           <p class="box-label">报告作用：</p>
-          <p class="box-desc">通过业主多维度采购分析，了解业主招标动向、合作代理机构、重点及首次合作企业等，便于洞察业主采购需求，开发新客户、客户维护。</p>
+          <p class="box-desc">通过企业多维度数据分析，洞悉企业历史中标动态、市场区域分布、客户类型分布等，利于了解潜在竞争对手的竞争实力。</p>
         </div>
         <el-button type="primary" @click="viewExample">查看报告样例</el-button>
       </section>
-      <section class="search-box">
-        <div class="filter-row prop-name">
-          <span class="row-label" :style="!hasPower ? 'width:80px': ''">目标业主：</span>
-          <span>{{ totalInfo.buyerName }}</span>
-        </div>
-        <div class="filter-row" v-if="hasPower">
-          <span class="row-label">成交时间：</span>
-          <div class="release_container">
-            <el-popover
-              class="release_main"
-              popper-class="release_pover"
-              placement="bottom"
-              width="240"
-              trigger="click"
-              :append-to-body="false"
-            >
-              <template>
-                <ul class="yearul">
-                  <li
-                    class="yearlist"
-                    @click="setYear(item, 'start')"
-                    v-for="(item, index) in startYearRage"
-                    :key="index"
-                  >
-                    {{ item }}
-                  </li>
-                </ul>
-              </template>
-              <template slot="reference">
-                <el-input
-                  size="small"
-                  v-model="startYear"
-                  slot="reference"
-                  placeholder="请选择年份"
-                >
-                </el-input>
-                <i  v-show="startYear" class="input-clear-img"  @click="clearClick('2')"></i>
-              </template>
-            </el-popover>
-            <div class="rowline"></div>
-            <el-popover
-              class="release_main"
-              popper-class="release_pover"
-              placement="bottom"
-              width="240"
-              @show="endYearClick"
-              trigger="click"
-              :append-to-body="false"
-            >
-              <template>
-                <ul class="yearul">
-                  <li
-                    class="yearlist"
-                    @click="setYear(item, 'end')"
-                    v-for="(item, index) in endYearRage"
-                    :key="index"
-                  >
-                    {{ item }}
-                  </li>
-                </ul>
-              </template>
-              <template  slot="reference">
-                <el-input
-                  size="small"
-                  v-model="endYear"
-                  placeholder="请选择年份"
-                >
-                </el-input>
-                <i  v-show="endYear" class="input-clear-img"  @click="clearClick('3')"></i>
-              </template>
-            </el-popover>
-          </div>
-        </div>
-        <div class="filter-row more-search" v-if="hasPower">
-          <span class="row-label">更多筛选条件：</span>
-          <div class="search-content">
-            <el-collapse-transition>
-              <div v-show="moreShow">
-                <div class="key-div">
-                  <el-input
-                    class="keywords-input"
-                    size="small"
-                    placeholder="请输入关键词，多个关键词用空格隔开"
-                    maxlength="50"
-                    show-word-limit
-                    v-model="filter.match"
-                  >
-                    <i
-                      v-show="filter.match"
-                      style="color: #cfcfcf;cursor: pointer"
-                      slot="suffix"
-                      class="el-icon-error el-input__icon"
-                      @click="clearClick('1')"></i>
-                  </el-input>
-                </div>
-                <div class="more">
-                  <!-- 搜索范围 -->
-                  <div class="more-item mr-16">
-                    <searchrangeCascader
-                      class="filter-item"
-                      v-model="originalParameter.matchRange"
-                      @change="matchRangeChange"
-                      :showOptions="matchRangeArr"
-                    />
-                  </div>
-                  <!-- 地区组件 -->
-                  <div class="more-item mr-16">
-                    <AreaCityCascader
-                      class="filter-item"
-                      v-model="originalParameter.area"
-                      @change="saveAreaData"
-                      :showAreaMap="subscribeAreaMap"
-                      :onlyProvince="true"
-                      ref="areaCity"
-                    />
-                  </div>
-                  <div class="more-item">
-                    <IndustryCascader
-                      class="filter-item"
-                      @change="changeIndustry"
-                      :showOptions="subscribeIndustryMap"
-                      v-model="originalParameter.industry"
-                      ref="industry"
-                    />
-                  </div>
-                </div>
-              </div>
-            </el-collapse-transition>
-            <div class="confirm-div">
-              <span class="highlight" @click="moreShow = !moreShow">{{moreShow ? '收起' : '展开'}}<i :class="moreShow ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i></span>
-              <el-button type="primary" @click="doAnalyse">确定</el-button>
-            </div>
-          </div>
-        </div>
-      </section>
+      <download-filter
+        :hasPower="options.hasPower"
+        :entName="entName"
+        :entId="entId"
+        :backFilter="backFilter"
+        :canSelect="canSelect"
+      ></download-filter>
       <section class="empty" v-if="!hasPower">
-        <div>该业主暂无采购项目，暂无法下载报告</div>
+        <div>该企业暂无中标项目，暂无法下载报告</div>
       </section>
       <section class="empty" v-if="hasPower && emptyShow">
-        <div>当前条件下该业主暂无采购项目，请修改成交时间再试试吧</div>
+        <div>当前条件下该企业暂无中标项目，请修改成交时间再试试吧</div>
       </section>
       <section class="market-general-box" v-if="hasPower && !emptyShow">
-        <span class="box-label">采购分析概况：</span>
-        <span>采购项目数量：<strong>{{ totalInfo.buyerCount }}</strong></span>
-        <span>采购规模：<strong>{{ totalInfo.buyerScale }}</strong></span>
-        <span>中标企业数量：<strong>{{ totalInfo.winnerCount }}</strong></span>
-        <span>外省中标企业：<strong>{{ totalInfo.otherWinner }}</strong></span>
+        <span class="box-label">中标分析概况：</span>
+        <span v-for="item in totalData">{{item.label}}：<strong>{{ item.count }}</strong></span>
         <span class="highlight view-more" @click="viewMore">查看更多</span>
       </section>
       <section class="download-notice-box" v-if="hasPower && !emptyShow">
         <p class="box-label">下载须知：</p>
         <div class="box-desc">
-          <p>1. 报告内容 <strong>不包含采购单位通讯录</strong>；</p>
-          <p>2.“招标动态”按照发布时间排序，报告最多展示前100条，如需导出全部，请前往进行数据导出；</p>
+          <p>1. 报告内容 <strong>不包含工商变动、企业通讯录</strong>；</p>
+          <p>2.“中标动态”按照发布时间排序，报告最多展示前100条，如需导出全部，请前往进行数据导出；</p>
           <p>3. 该报告数据来自于公开数据整理，不代表任何权威观点，仅供参考；</p>
           <p>4. 请在有效期内使用下载权限，逾期清零；</p>
           <p>5. 如有任何疑问,您可拨打<em class="highlight">400-108-667</em>联系客服或点击<em class="highlight t-ud" @click="openCustomer">联系在线客服</em>。</p>
@@ -178,7 +47,7 @@
     </div>
     <div slot="footer" v-if="hasPower && !emptyShow && !pageLoading">
       <div class="footer-con">
-        <span class="residue">市场分析定制报告下载余额：1份</span>
+        <span class="residue">企业中标分析报告下载余额：1份</span>
         <span class="go-recharge" @click="goRecharge">去充值&gt;</span>
         <span class="deduct">本次扣除：<em>1份</em></span>
         <span class="zero-tip" v-if="residueCount === 0">余额不足，请先充值</span>
@@ -191,17 +60,13 @@
 <script>
 import { Dialog, Button } from 'element-ui'
 import { debounce } from '@/utils/'
-import AreaCityCascader from '@/components/selector-cascader/AreaCityCascader.vue'
-import IndustryCascader from '@/components/selector-cascader/IndustryCascader.vue'
-import searchrangeCascader from '@/components/selector-cascader/searchrangeCascader.vue'
+import DownloadFilter from './DownloadFilter.vue'
 
 export default {
   components: {
     [Dialog.name]: Dialog,
     [Button.name]: Button,
-    AreaCityCascader,
-    IndustryCascader,
-    searchrangeCascader
+    DownloadFilter
   },
   props: {
     options: {
@@ -213,10 +78,18 @@ export default {
         }
       }
     },
+    entId: {
+      type: String,
+      default: ''
+    },
+    entName: {
+      type: String,
+      default: ''
+    },
     // 概况信息
-    totalInfo: {
-      type: Object,
-      default: {}
+    totalData: {
+      type: Array,
+      default: []
     },
     emptyShow: {
       type: Boolean,
@@ -242,43 +115,7 @@ export default {
     }
   },
   data () {
-    const buyerName = this.totalInfo.buyerName
     return {
-      filter: {
-        buyer: buyerName || '',
-        exactMatch: '0', // 模糊、精准搜索
-        match: '', // 关键词
-        matchRange: 'purchasing', // 搜索范围
-        area: {}, // 地区
-        scopeClass: '', // 行业
-        timeRange: 2018 + '_' + new Date().getFullYear(), // 成交时间范围
-        buyerClass: '' // 采购单位选项
-      },
-      originalParameter: {
-        area: {},
-        industry: {},
-        matchRange: ['项目名称/标的物']
-      },
-      startYear: null,
-      endYear: null,
-      // 开始时间选择项
-      startYearRage: [],
-      // 结束时间选择项
-      endYearRage: [],
-      // 搜索范围
-      matchRangeObj: {
-        purchasing: '项目名称/标的物',
-        agency: '招标代理机构',
-        winner: '中标企业',
-        buyer: '采购单位'
-      },
-      matchRangeArr: ['项目名称/标的物', '招标代理机构', '中标企业'],
-      // 地区选择项
-      subscribeAreaMap: {},
-      // 行业选择项
-      subscribeIndustryMap: {},
-      // 展开收起更多筛选条件
-      moreShow: true,
       // 下载余额
       residueCount: 0
     }
@@ -298,237 +135,9 @@ export default {
       return this.options.hasPower
     }
   },
-  created() {
-    this.initSearchData()
-  },
-  mounted() {
-    if(this.options.hasPower) {
-      this.$nextTick(() => {
-        this.backFilterFun()
-      })
-    }
-  },
+  created() {},
+  mounted() {},
   methods: {
-    initSearchData () {
-      this.initSelectData(this.canSelect)
-      // 成交时间
-      const nowYear = new Date().getFullYear()
-      this.startYear = 2018
-      this.endYear = nowYear
-      for (let i = 2018; i <= nowYear; i++) {
-        this.startYearRage.push(i)
-        if (this.startYear === '') {
-          this.endYearRage.push(i)
-        }
-      }
-    },
-    // 初始化筛选项数据
-    initSelectData (data) {
-      if (!data) return
-      if (!data.areaArr) {
-        data.areaArr = []
-      }
-      if (!data.scopeArr) {
-        data.scopeArr = []
-      }
-      const areaArr = this.dataProcessingArea(data.areaArr)
-      this.subscribeAreaMap = areaArr
-      const industryObj = this.initIndustryData(data.scopeArr)
-      this.subscribeIndustryMap = industryObj
-    },
-    // 年份选择项
-    setYear(data, rage) {
-      if (rage === 'start') {
-        this.startYear = data
-        this.endYearRage = this.startYearRage.slice(
-          this.startYearRage.indexOf(data),
-          this.startYearRage.length
-        )
-        if (this.endYear !== '') {
-          if (data > this.endYear) {
-            this.startYear = this.endYear
-            this.endYear = data
-          }
-        }
-      } else if (rage === 'end') {
-        this.endYear = data
-      }
-    },
-    // 结束年份选择
-    endYearClick() {
-      if (this.startYear !== '') {
-        this.endYearRage = this.startYearRage.slice(
-          this.startYearRage.indexOf(this.startYear),
-          this.startYearRage.length
-        )
-      } else {
-        this.endYearRage = this.startYearRage
-      }
-    },
-    // 清除选项
-    clearClick(data) {
-      if (data === '1') {
-        this.filter.match = ''
-      } else if (data === '2') {
-        this.startYear = ''
-      } else if (data === '3') {
-        this.endYear = ''
-      }
-    },
-    // 搜索范围选择
-    matchRangeChange(arr) {
-      // 搜索范围
-      const checkBoxArr = []
-      arr.forEach((item) => {
-        if (item === '项目名称/标的物') {
-          checkBoxArr.push('purchasing')
-        }
-        if (item === '采购单位') {
-          checkBoxArr.push('buyer')
-        }
-        if (item === '中标企业') {
-          checkBoxArr.push('winner')
-        }
-        if (item === '招标代理机构') {
-          checkBoxArr.push('agency')
-        }
-      })
-      if (checkBoxArr.length > 0) {
-        this.filter.matchRange = checkBoxArr.join(',')
-      } else {
-        this.filter.matchRange = ''
-      }
-      // this.$emit('onScreenChange', this.ScreenParams)
-    },
-    // 地区选择
-    saveAreaData(data) {
-      let dataArr = []
-      dataArr = Object.keys(data)
-      if (dataArr.length === 0) {
-        this.filter.area = ''
-      } else {
-        this.filter.area = dataArr.join(',')
-      }
-    },
-    // 处理地区筛选项
-    dataProcessingArea(arr) {
-      if (!Array.isArray(arr)) return
-      const map = {}
-      arr.forEach((ele) => {
-        map[ele] = []
-      })
-      return map
-    },
-    // 回显筛选条件
-    backFilterFun () {
-      if(!this.backFilter) return
-      Object.assign(this.filter, this.backFilter)
-      // 回显地区
-      if(typeof this.backFilter.area === 'string') {
-        const areaObj = {}
-        const areaArr = this.backFilter.area.split(',')
-        for(let item of areaArr) {
-          this.$set(areaObj, item, [])
-        }
-        this.originalParameter.area = areaObj
-      } else if(typeof this.backFilter.area === 'object') {
-        this.originalParameter.area = this.backFilter.area
-      }
-
-      // 回显搜索范围
-      if(this.backFilter?.matchRange) {
-        const arr = this.backFilter.matchRange.split(',')
-        const matchArr = []
-        arr.forEach(item => {
-          if(this.matchRangeObj[item]) {
-            matchArr.push(this.matchRangeObj[item])
-          }
-        })
-        this.originalParameter.matchRange = matchArr
-      }
-
-      // 回显行业
-      if(this.backFilter.scopeClass) {
-        const scopeArr = this.backFilter.scopeClass.split(',')
-        const childrenArr = []
-        for(const item of scopeArr) {
-          const temp = item.split('_')
-          const value = temp[1]
-          childrenArr.push(value)
-        }
-        this.originalParameter.industry = childrenArr
-      }
-
-      // 回显成交时间
-      if(this.backFilter.timeRange) {
-        const timeArr = this.backFilter.timeRange.split('_')
-        this.startYear = timeArr[0] || 2018
-        this.endYear = timeArr[1] || new Date().getFullYear()
-      }
-    },
-    // 处理数据为行业选择页面所需格式
-    initIndustryData(data) {
-      var arr = []
-      var obj = {}
-      if (data) {
-        data.forEach(function (item) {
-          item = item.split('_')
-          // obj[item[0]] = item[1]
-          arr.push({
-            key: item[0],
-            val: item[1]
-          })
-        })
-        var tempArr = []
-        var newArr = []
-        for (var i = 0; i < arr.length; i++) {
-          if (tempArr.indexOf(arr[i].key) === -1) {
-            newArr.push({
-              key: arr[i].key,
-              child: [arr[i].val]
-            })
-            tempArr.push(arr[i].key)
-          } else {
-            for (var j = 0; j < newArr.length; j++) {
-              if (newArr[j].key === arr[i].key) {
-                newArr[j].child.push(arr[i].val)
-                break
-              }
-            }
-          }
-        }
-        for (var t = 0; t < newArr.length; t++) {
-          obj[newArr[t].key] = newArr[t].child
-        }
-        return obj
-      } else {
-        return '请选择行业'
-      }
-    },
-    changeIndustry(item) {
-      // 行业
-      const tempArr = []
-      Object.keys(item).forEach((v) => {
-        const tempItem = item[v]
-        if (Array.isArray(tempItem)) {
-          tempItem.forEach((vv) => {
-            tempArr.push(`${v}_${vv}`)
-          })
-        }
-      })
-      this.filter.scopeClass = tempArr.toString()
-    },
-    // 筛选开始分析
-    doAnalyse () {
-      if (this.startYear === '') {
-        this.startYear = 2018
-      }
-      if (this.endYear === '') {
-        this.endYear = new Date().getFullYear()
-      }
-      this.filter.timeRange = this.startYear + '_' + this.endYear
-      this.$emit('onPageChange', JSON.stringify(this.filter))
-    },
     // 获取下载余额
     getResidueCount () {
 
@@ -600,12 +209,12 @@ export default {
     justify-content: space-between;
     align-items: center;
     .left{
-      width:720px;
+      width:758px;
     }
     .el-button{
-      padding: 6px 35px;
-      font-size:16px;
-      line-height: 24px;
+      padding: 7px 22px;
+      font-size:14px;
+      line-height: 22px;
     }
   }
   .market-general-box{
@@ -631,97 +240,6 @@ export default {
     border-radius: 8px;
     border: 1px solid rgba(0,0,0, 0.05);
   }
-  .search-box{
-    .filter-row{
-      display: flex;
-      align-items: center;
-      margin-bottom: 8px;
-    }
-    .row-label{
-      width:120px;
-      color: #5F5E64;
-    }
-    .prop-name{
-      span:nth-of-type(2) {
-        font-size: 16px;
-        line-height: 24px;
-        color: #1d1d1d;
-      }
-    }
-    .release_container {
-      display: flex;
-      align-items: center;
-      padding: 3px 3px 3px 0;
-      background: #f5f6f7;
-      border-radius: 2px;
-
-      .rowline {
-        margin: 0 6px;
-        width: 14px;
-        height: 1px;
-        background: #e0e0e0;
-      }
-      .input-clear-img{
-        position: absolute;
-        width: 12px;
-        height: 12px;
-        line-height: 32px;
-        cursor: pointer;
-        top: 10px;
-        right: 10px;
-        background: url('~@/assets/images/icon/cancel.png') no-repeat center;
-        background-size: contain;
-      }
-    }
-    .more-search{
-      align-items: flex-start;
-      .row-label{
-        margin-top: 7px;
-      }
-      .search-content{
-        flex: 1;
-      }
-      .more{
-        display: flex;
-        margin-top: 12px;
-        margin-bottom: 12px;
-      }
-      .confirm-div{
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        .el-icon-arrow-up, .el-icon-arrow-down{
-          font-size:12px;
-          margin-left:5px;
-        }
-        .el-button {
-          padding: 4px 23px;
-          font-size:14px;
-          line-height: 22px;
-        }
-      }
-    }
-    ::v-deep {
-      .release_main {
-        position: relative;
-        .el-input__inner {
-          width: 172px;
-          height:28px;
-          background: #fff;
-          cursor: pointer;
-          color: #1d1d1d;
-          font-size: 14px;
-        }
-      }
-      .keywords-input {
-        width: 660px;
-        .el-input--small .el-input__inner {
-          height:36px;
-        }
-      }
-    }
-
-  }
   .empty{
     font-size: 14px;
     line-height: 22px;
@@ -774,10 +292,6 @@ export default {
     }
 
   }
-
-  .mr-16{
-    margin-right: 16px;
-  }
 }
 ::v-deep {
   .el-dialog{
@@ -801,50 +315,5 @@ export default {
   .el-button {
     border-radius: 6px !important;
   }
-  .more-item {
-    display: flex;
-    align-items: center;
-    .selector-cascader > .el-popover, .selector-cascader > .el-select-dropdown {
-      left: unset !important;
-    }
-    .selector-cascader .virtual-cascader,
-    .selector-cascader .el-cascader {
-      min-width: 160px;
-    }
-    .el-input__inner{
-      height:36px;
-      line-height: 36px;
-    }
-    .el-input__suffix{
-      height: 36px;
-    }
-    .selector-cascader > .el-popper{
-      margin-top: 7px;
-    }
-
-    .el-scrollbar__view.el-cascader-menu__list {
-      min-width: 160px;
-    }
-  }
-}
-.release_pover {
-  .yearul {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: flex-start;
-
-    .yearlist {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      width: 70px;
-      height: 46px;
-      cursor: pointer;
-
-      &:hover {
-        color: #2cb7ca;
-      }
-    }
-  }
 }
 </style>