update

src/api/assetsManager/profit.js

@@ -8,11 +8,29 @@ export function getBaseInfo(data) {
     })
 }
 
-//基础数据
+//列表数据
 export function getProfitInfo(data) {
     return request({
         url: '/api/v1/appassetprofit/getProfitInfo',
         method: 'post',
         data
     })
+}
+
+//获取图标数据
+export function getProfitInfoFigure(data) {
+    return request({
+        url: '/api/v1/appassetprofit/getProfitInfoFigure',
+        method: 'post',
+        data
+    })
+}
+
+//导出数据
+export function exportData(data) {
+    return request({
+        url: '/api/v1/appassetprofit/export',
+        method: 'post',
+        data
+    })
 }

src/api/assetsManager/setUp.js

@@ -0,0 +1,33 @@
+import request from '@/utils/request'
+//基础数据
+export function addAssets(data) {
+    return request({
+        url: '/api/v1/appassetconf/save',
+        method: 'post',
+        data
+    })
+}
+
+export function getList(data) {
+    return request({
+        url: '/api/v1/appassetconf/pageQuery',
+        method: 'post',
+        data
+    })
+}
+
+export function deleteAssets(data) {
+    return request({
+        url: '/api/v1/appassetconf/delete',
+        method: 'post',
+        data
+    })
+}
+
+export function getInfo(data) {
+    return request({
+        url: '/api/v1/appassetconf/query',
+        method: 'post',
+        data
+    })
+}

src/router/index.js

@@ -217,14 +217,29 @@ export const constantRoutes = [{
         component: Layout,
         redirect: '/assetsManager/profit',
         name: '资产收益分析',
-        meta: { title: '资产管理', icon: 'el-icon-setting' },
+        meta: { title: '资产管理系统', icon: 'el-icon-setting' },
         children: [{
-            path: 'profit',
-            name: 'Profit',
-            component: () =>
-                import ('@/views/assetsManager/profit/index'),
-            meta: { title: '资产收益分析', icon: 'el-icon-user-solid' }
-        }]
+                path: 'profit',
+                name: 'Profit',
+                component: () =>
+                    import ('@/views/assetsManager/profit/index'),
+                meta: { title: '资产收益分析', icon: 'el-icon-user-solid' }
+            },
+            {
+                path: 'investment',
+                name: 'Investment',
+                component: () =>
+                    import ('@/views/assetsManager/investment/index'),
+                meta: { title: '资产投资分析', icon: 'el-icon-user-solid' }
+            },
+            {
+                path: 'setUp',
+                name: 'SetUp',
+                component: () =>
+                    import ('@/views/assetsManager/setUp/index'),
+                meta: { title: '资产管理设置', icon: 'el-icon-user-solid' }
+            }
+        ]
     },
 
     {

src/views/assetsManager/investment/index.vue

@@ -0,0 +1,5 @@
+<template>
+  <div style="padding-top: 200px; padding-left: 100px;">
+    敬请期待....
+  </div>
+</template>

src/views/assetsManager/setUp/add-or-update.vue

@@ -0,0 +1,165 @@
+<template>
+  <el-dialog :visible.sync="visible" :title="title" :close-on-click-modal="false" :close-on-press-escape="false" @close="closeFun()">
+    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="'120px'">
+      <el-form-item label="费用类型" v-if="type === 'first'" prop="type">
+        <el-select v-model="dataForm.type" style="width: 600px;">
+					<el-option v-for="item in ompList" :key="item.value" :label="item.label" :value="item.value"></el-option>
+				</el-select>
+      </el-form-item>
+      <el-form-item label="费用类型" v-if="type === 'second'">
+        <label style="width: 600px;">赔偿支出</label>
+      </el-form-item>
+      <el-form-item label="费用类型" v-if="type === 'third'" prop="type">
+        <el-select v-model="dataForm.type" style="width: 600px;">
+					<el-option v-for="item in finances" :key="item.value" :label="item.label" :value="item.value"></el-option>
+				</el-select>
+      </el-form-item>
+      <el-form-item label="费用类型" v-if="type === 'fourth'" prop="type">
+        <el-select v-model="dataForm.type" style="width: 600px;">
+					<el-option v-for="item in opList" :key="item.value" :label="item.label" :value="item.value"></el-option>
+				</el-select>
+      </el-form-item>
+      <el-form-item label="费用类型" v-if="type === 'fifth'">
+        <label style="width: 600px;">处置净收益</label>
+      </el-form-item>
+			<el-form-item label="金额" prop="amount">
+        <el-input type="text" style="width: 600px;" :maxlength="20" show-word-limit v-model="dataForm.amount" placeholder="金额"></el-input>
+      </el-form-item>
+			<el-form-item label="发生时间" prop="times">
+        <el-date-picker
+          v-model="dataForm.times"
+          type="date"
+          @change="dateChange"
+          style="width: 600px;"
+          placeholder="选择日期">
+        </el-date-picker>
+      </el-form-item>
+    </el-form>
+    <template slot="footer">
+      <el-button @click="visible = false">取消</el-button>
+      <el-button type="primary" @click="dataFormSubmitHandle()">确定</el-button>
+    </template>
+  </el-dialog>  
+</template>
+
+<script>
+import debounce from 'lodash/debounce'
+import { addAssets, getInfo } from '@/api/assetsManager/setUp'
+export default {
+  data() {
+    return {
+      title: null,
+      type: null,
+      visible: false,
+      ompList: [
+        {label: '故障花费', value: 1},
+        {label: '平台服务费', value: 2},
+      ],
+      finances: [
+        {label: '已付成本', value: 1},
+        {label: '剩余成本', value: 2},
+      ],
+      opList: [
+        {label: '仓储费用', value: 1},
+        {label: '运输费用', value: 2},
+        {label: '销售费用', value: 3},
+        {label: '平台费用', value: 4},
+      ],
+      dataForm: {
+        id: null,
+        amount: null,
+        sn: null,
+        tableOrder: null,
+        type: 1,
+        time: null,
+        times: null
+      },
+    }
+  },
+  computed: {
+    dataRule () {
+      return {
+        amount: [
+          { required: true, message: "金额不能为空", trigger: 'blur' }
+        ],
+        type: [
+          { required: true, message: "费用类型不能为空", trigger: 'change' }
+        ],
+        times: [
+          { required: true, message: "发生时间不能为空", trigger: 'change' }
+        ]
+      }
+    }
+  },
+  methods: {
+    init () {
+      this.visible = true
+      this.$nextTick(() => {
+        this.dataForm = {
+          id: this.dataForm.id,
+          amount: null,
+          sn: this.dataForm.sn,
+          tableOrder: this.dataForm.tableOrder,
+          type: 1,
+          time: null,
+          times: null
+        }
+        if(this.dataForm.id) {
+          this.getDataInfo()
+        }
+      })
+    },
+    closeFun() {
+      this.$refs['dataForm'].resetFields();
+    },
+    getDataInfo() {
+      getInfo({id: this.dataForm.id}).then(res => {
+        if(res.code === 200) {
+          this.dataForm = {...res.data}
+          this.dataForm.times = res.data.time
+        }
+      })
+    },
+    dateChange(data) {
+      this.dataForm.time = this.DateToStr(data)
+    },
+    //日期转字符串
+    DateToStr(date) {
+     var year = date.getFullYear();//年
+     var month = date.getMonth();//月
+     var day = date.getDate();//日
+    //  var hours = date.getHours();//时
+    //  var min = date.getMinutes();//分
+    //  var second = date.getSeconds();//秒
+     return year + "-" +
+         ((month + 1) > 9 ? (month + 1) : "0" + (month + 1)) + "-" +
+         (day > 9 ? day : ("0" + day)) 
+        //  (hours > 9 ? hours : ("0" + hours)) + ":" +
+        //  (min > 9 ? min : ("0" + min)) + ":" +
+        //  (second > 9 ? second : ("0" + second));
+    },
+    // 表单提交
+    dataFormSubmitHandle: debounce(function () {
+      this.$refs['dataForm'].validate((valid) => {
+        if (!valid) {
+          return false
+        }
+        addAssets(this.dataForm).then(res => {
+          if (res.code !== 200) {
+            return this.$message.error(res.msg)
+          }
+          this.$message({
+            message: `操作成功`,
+            type: 'success',
+            duration: 1000,
+            onClose: () => {
+              this.visible = false
+              this.$emit('refreshDataList')
+            }
+          })
+        }).catch(() => {})
+      })
+    }, 1000, { 'leading': true, 'trailing': false }),
+  }
+}
+</script>

src/views/assetsManager/setUp/index.vue

@@ -0,0 +1,639 @@
+<template>
+  <div class="page-content" style="padding: 20px;">
+    <el-form :inline="true" :model="listQuery" @keyup.enter.native="searchHandle()">
+      <el-row>
+        <el-form-item label="设备SN">
+          <el-input v-model="listQuery.sn" placeholder="请输入设备SN" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="时间">
+          <el-date-picker
+            v-model="listQuery.times"
+            type="datetimerange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            @change="timeChange">
+          </el-date-picker>
+        </el-form-item>
+        <div style="float: right;">
+          <el-form-item>
+            <el-button type="primary" @click="searchHandle()">搜索</el-button>
+          </el-form-item>
+          <el-form-item>
+            <el-button @click="resetForm()">重置</el-button>
+          </el-form-item>
+        </div>
+      </el-row>
+      <div class="data-info">
+        <div class="data-base-title">资产基础信息</div>
+        <el-row class="data-row">
+          <el-col :span='3'>
+            <div class="data-sn">设备编号</div>
+          </el-col>
+          <el-col :span='3'>
+            <div class="data-content">{{pageData.sn || '-'}}</div>
+          </el-col>
+          <el-col :span='3'>
+            <div class="data-sn">产品类别</div>
+          </el-col>
+          <el-col :span='3'>
+            <div class="data-content">{{pageData.category || '-'}}</div>
+          </el-col>
+          <el-col :span='3'>
+            <div class="data-sn">产品类型</div>
+          </el-col>
+          <el-col :span='3'>
+            <div class="data-content">{{pageData.type || '-'}}</div>
+          </el-col>
+          <el-col :span='3'>
+            <div class="data-sn">厂家</div>
+          </el-col>
+          <el-col :span='3'>
+            <div class="data-content">{{pageData.factory || '-'}}</div>
+          </el-col>
+        </el-row>
+        <el-row class="data-sub-row">
+          <el-col :span='3'>
+            <div class="data-sn">电芯</div>
+          </el-col>
+          <el-col :span='3'>
+            <div class="data-content">{{pageData.cellFactory || '-'}}</div>
+          </el-col>
+          <el-col :span='3'>
+            <div class="data-sn">电芯类型</div>
+          </el-col>
+          <el-col :span='3'>
+            <div class="data-content">{{pageData.cellType || '-'}}</div>
+          </el-col>
+          <el-col :span='3'>
+            <div class="data-sn">电压平台</div>
+          </el-col>
+          <el-col :span='3'>
+            <div class="data-content">{{pageData.voltPlatform || '-'}}</div>
+          </el-col>
+          <el-col :span='3'>
+            <div class="data-sn">容量</div>
+          </el-col>
+          <el-col :span='3'>
+            <div class="data-content">{{pageData.capacity || '-'}}</div>
+          </el-col>
+        </el-row>
+        <el-row class="data-sub-row">
+          <el-col :span='3'>
+            <div class="data-sn">生产时间</div>
+          </el-col>
+          <el-col :span='3'>
+            <div class="data-content">{{pageData.productTime || '-'}}</div>
+          </el-col>
+          <el-col :span='3'>
+            <div class="data-sn">投营时间</div>
+          </el-col>
+          <el-col :span='3'>
+            <div class="data-content">{{pageData.deliverTime || '-'}}</div>
+          </el-col>
+          <el-col :span='3'>
+            <div class="data-sn">采购价格</div>
+          </el-col>
+          <el-col :span='3'>
+            <div class="data-content">{{pageData.price || 0}}</div>
+          </el-col>
+        </el-row>
+      </div>
+      <div style="margin-top: 20px;">
+        <el-tabs v-model="activeName" @tab-click="handleClick">
+          <el-tab-pane label="运维信息" name="first">
+            <el-button type="primary" @click="addHandle">新增</el-button>
+            <div style="height: 20px;"></div>
+            <el-table
+              v-loading="loading"
+              :data="data"
+              element-loading-text="Loading"
+              :header-cell-style="{background:'rgba(242, 242, 242, 1)',borderColor:'rgba(242, 242, 242, 1);',textAlign:'center'}"
+              :cell-style="{'text-align':'center'}"
+              fit
+              highlight-current-row
+            >
+              <el-table-column label="科目">
+                <template slot-scope="scope">
+                  {{ scope.row.type | typeOne }}
+                </template>
+              </el-table-column>
+
+              <el-table-column label="金额">
+                <template slot-scope="scope">
+                  {{ scope.row.amount || 0 }}
+                </template>
+              </el-table-column>
+
+              <el-table-column label="发生时间">
+                <template slot-scope="scope">
+                  {{ scope.row.time || '-'}}
+                </template>
+              </el-table-column>
+
+              <el-table-column align="center" label="操作" width="180">
+                <template slot-scope="scope">
+                  <el-button @click="deleteHadle(scope.row.id)" type="text">删除</el-button>
+                  <el-button @click="edit(scope.row.id)" type="text">修改</el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+
+            <el-pagination style="float: right; margin-top: 30px;" :current-page="listQuery.index" :page-sizes="[10, 20, 50, 100]" :page-size="listQuery.length" :total="total"
+              layout="total, sizes, prev, pager, next, jumper" @size-change="pageSizeChangeHandle"
+              @current-change="pageCurrentChangeHandle">
+            </el-pagination>
+          </el-tab-pane>
+          <el-tab-pane label="赔偿信息" name="second">
+            <el-button type="primary" @click="addHandle">新增</el-button>
+            <div style="height: 20px;"></div>
+            <el-table
+              v-loading="loading"
+              :data="data"
+              element-loading-text="Loading"
+              :header-cell-style="{background:'rgba(242, 242, 242, 1)',borderColor:'rgba(242, 242, 242, 1);',textAlign:'center'}"
+              :cell-style="{'text-align':'center'}"
+              fit
+              highlight-current-row
+            >
+              <el-table-column label="科目">
+                <template>
+                  赔偿支出
+                </template>
+              </el-table-column>
+
+              <el-table-column label="金额">
+                <template slot-scope="scope">
+                  {{ scope.row.amount || 0 }}
+                </template>
+              </el-table-column>
+
+              <el-table-column label="发生时间">
+                <template slot-scope="scope">
+                  {{ scope.row.time || '-' }}
+                </template>
+              </el-table-column>
+
+              <el-table-column align="center" label="操作" width="180">
+                <template slot-scope="scope">
+                  <el-button @click="deleteHadle(scope.row.id)" type="text">删除</el-button>
+                  <el-button @click="edit(scope.row.id)" type="text">修改</el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+
+            <el-pagination style="float: right; margin-top: 30px;" :current-page="listQuery.index" :page-sizes="[10, 20, 50, 100]" :page-size="listQuery.length" :total="total"
+              layout="total, sizes, prev, pager, next, jumper" @size-change="pageSizeChangeHandle"
+              @current-change="pageCurrentChangeHandle">
+            </el-pagination>
+          </el-tab-pane>
+          <el-tab-pane label="金融成本" name="third">
+            <el-button type="primary" @click="addHandle">新增</el-button>
+            <div style="height: 20px;"></div>
+            <el-table
+              v-loading="loading"
+              :data="data"
+              element-loading-text="Loading"
+              :header-cell-style="{background:'rgba(242, 242, 242, 1)',borderColor:'rgba(242, 242, 242, 1);',textAlign:'center'}"
+              :cell-style="{'text-align':'center'}"
+              fit
+              highlight-current-row
+            >
+              <el-table-column label="科目">
+                <template slot-scope="scope">
+                  {{ scope.row.type | typeThree }}
+                </template>
+              </el-table-column>
+
+              <el-table-column label="金额">
+                <template slot-scope="scope">
+                  {{ scope.row.amount || 0 }}
+                </template>
+              </el-table-column>
+
+              <el-table-column label="发生时间">
+                <template slot-scope="scope">
+                  {{ scope.row.time || '-' }}
+                </template>
+              </el-table-column>
+
+              <el-table-column align="center" label="操作" width="180">
+                <template slot-scope="scope">
+                  <el-button @click="deleteHadle(scope.row.id)" type="text">删除</el-button>
+                  <el-button @click="edit(scope.row.id)" type="text">修改</el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+
+            <el-pagination style="float: right; margin-top: 30px;" :current-page="listQuery.index" :page-sizes="[10, 20, 50, 100]" :page-size="listQuery.length" :total="total"
+              layout="total, sizes, prev, pager, next, jumper" @size-change="pageSizeChangeHandle"
+              @current-change="pageCurrentChangeHandle">
+            </el-pagination>
+          </el-tab-pane>
+          <el-tab-pane label="运营信息" name="fourth">
+            <el-button type="primary" @click="addHandle">新增</el-button>
+            <div style="height: 20px;"></div>
+            <el-table
+              v-loading="loading"
+              :data="data"
+              element-loading-text="Loading"
+              :header-cell-style="{background:'rgba(242, 242, 242, 1)',borderColor:'rgba(242, 242, 242, 1);',textAlign:'center'}"
+              :cell-style="{'text-align':'center'}"
+              fit
+              highlight-current-row
+            >
+              <el-table-column label="科目">
+                <template slot-scope="scope">
+                  {{ scope.row.type | typeFour }}
+                </template>
+              </el-table-column>
+
+              <el-table-column label="金额">
+                <template slot-scope="scope">
+                  {{ scope.row.amount || 0 }}
+                </template>
+              </el-table-column>
+
+              <el-table-column label="发生时间">
+                <template slot-scope="scope">
+                  {{ scope.row.time || '-' }}
+                </template>
+              </el-table-column>
+
+              <el-table-column align="center" label="操作" width="180">
+                <template slot-scope="scope">
+                  <el-button @click="deleteHadle(scope.row.id)" type="text">删除</el-button>
+                  <el-button @click="edit(scope.row.id)" type="text">修改</el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+
+            <el-pagination style="float: right; margin-top: 30px;" :current-page="listQuery.index" :page-sizes="[10, 20, 50, 100]" :page-size="listQuery.length" :total="total"
+              layout="total, sizes, prev, pager, next, jumper" @size-change="pageSizeChangeHandle"
+              @current-change="pageCurrentChangeHandle">
+            </el-pagination>
+          </el-tab-pane>
+          <el-tab-pane label="处置信息" name="fifth">
+            <el-button type="primary" @click="addHandle">新增</el-button>
+            <div style="height: 20px;"></div>
+            <el-table
+              v-loading="loading"
+              :data="data"
+              element-loading-text="Loading"
+              :header-cell-style="{background:'rgba(242, 242, 242, 1)',borderColor:'rgba(242, 242, 242, 1);',textAlign:'center'}"
+              :cell-style="{'text-align':'center'}"
+              fit
+              highlight-current-row
+            >
+              <el-table-column label="科目">
+                <template>
+                  处置净收益
+                </template>
+              </el-table-column>
+
+              <el-table-column label="金额">
+                <template slot-scope="scope">
+                  {{ scope.row.amount || 0 }}
+                </template>
+              </el-table-column>
+
+              <el-table-column label="发生时间">
+                <template slot-scope="scope">
+                  {{ scope.row.time || '-' }}
+                </template>
+              </el-table-column>
+
+              <el-table-column align="center" label="操作" width="180">
+                <template slot-scope="scope">
+                  <el-button @click="deleteHadle(scope.row.id)" type="text">删除</el-button>
+                  <el-button @click="edit(scope.row.id)" type="text">修改</el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+
+            <el-pagination style="float: right; margin-top: 30px;" :current-page="listQuery.index" :page-sizes="[10, 20, 50, 100]" :page-size="listQuery.length" :total="total"
+              layout="total, sizes, prev, pager, next, jumper" @size-change="pageSizeChangeHandle"
+              @current-change="pageCurrentChangeHandle">
+            </el-pagination>
+          </el-tab-pane>
+        </el-tabs>
+      </div>
+    </el-form>
+    <AddUpdate ref="addUpdate" v-if="visable" @refreshDataList="getDataList" />
+  </div>  
+</template>
+
+<script>
+import AddUpdate from './add-or-update'
+import { getList, deleteAssets } from '@/api/assetsManager/setUp'
+import { getBaseInfo } from '@/api/assetsManager/profit'
+export default {
+  components: {AddUpdate},
+  data() {
+    return {
+      pageData: {},
+      data: [],
+      loading: false,
+      total: 0,
+      listQuery: {
+        index: 1,
+        length: 10,
+        sn: '',
+        timeStart: null,
+        timeEnd: null,
+        type: null,
+        tableOrder: 1,
+        times: []
+      },
+      activeName: 'first',
+      visable: false,
+    }
+  },
+  methods: {
+    handleClick(tab, event) {
+      this.activeName = tab.name
+      if(tab.name === 'first') {
+        this.listQuery.tableOrder = 1
+      } else if(tab.name === 'second') {
+        this.listQuery.tableOrder = 2
+      } else if(tab.name === 'third') {
+        this.listQuery.tableOrder = 3
+      } else if(tab.name === 'fourth') {
+        this.listQuery.tableOrder = 4
+      } else if(tab.name === 'fifth') {
+        this.listQuery.tableOrder = 5
+      }
+      this.getDataList()
+    },
+    //获取基础数据
+    getBaseDataInfo() {
+      getBaseInfo(this.listQuery).then(res => {
+        if(res.code === 200) {
+          this.pageData = res.data
+        }
+      })
+    },
+    //获取列表数据
+    getDataList() {
+      this.loading = true
+      this.data = null
+      getList(this.listQuery).then(res => {
+        if(res.code === 200) {
+          this.data = res.data.records || []
+          this.total = res.total
+          this.loading = false
+        } else {
+          this.loading = false
+          return this.$message.error(res.message)
+        }
+      })
+    },
+    searchHandle() {
+      this.getDataList()
+      this.getBaseDataInfo()
+    },
+    //时间选择
+    timeChange(data) {
+      this.listQuery.timeStart = this.DateToStr(data[0])
+      this.listQuery.timeEnd = this.DateToStr(data[1])
+    },
+    //日期转字符串
+    DateToStr(date) {
+     var year = date.getFullYear();//年
+     var month = date.getMonth();//月
+     var day = date.getDate();//日
+     var hours = date.getHours();//时
+     var min = date.getMinutes();//分
+     var second = date.getSeconds();//秒
+     return year + "-" +
+         ((month + 1) > 9 ? (month + 1) : "0" + (month + 1)) + "-" +
+         (day > 9 ? day : ("0" + day)) + " " +
+         (hours > 9 ? hours : ("0" + hours)) + ":" +
+         (min > 9 ? min : ("0" + min)) + ":" +
+         (second > 9 ? second : ("0" + second));
+    },
+    // 分页, 每页条数
+    pageSizeChangeHandle (val) {
+      this.listQuery.index = 1
+      this.listQuery.length = val
+      this.getDataList()
+    },
+    // 分页, 当前页
+    pageCurrentChangeHandle (val) {
+      this.listQuery.index = val
+      this.getDataList()
+    },
+    //新增
+    addHandle() {
+      this.visable = true
+      this.$nextTick(() => {
+        this.$refs.addUpdate.init()
+        this.$refs.addUpdate.title = '新增配置'
+        this.$refs.addUpdate.type = this.activeName
+        this.$refs.addUpdate.dataForm.id = null
+        this.$refs.addUpdate.dataForm.sn = this.listQuery.sn
+        this.$refs.addUpdate.dataForm.tableOrder = this.activeName === 'first' ? 1: (this.activeName === 'second' ? 2 : (this.activeName === 'third' ? 3 : (this.activeName === 'fourth' ? 4 : 5)))
+      })
+    },
+    //修改
+    edit(id) {
+      this.visable = true
+      this.$nextTick(() => {
+        this.$refs.addUpdate.init()
+        this.$refs.addUpdate.title = '修改配置'
+        this.$refs.addUpdate.dataForm.id = id
+        this.$refs.addUpdate.type = this.activeName
+        this.$refs.addUpdate.dataForm.sn = this.listQuery.sn
+        this.$refs.addUpdate.dataForm.tableOrder = this.activeName === 'first' ? 1: (this.activeName === 'second' ? 2 : (this.activeName === 'third' ? 3 : (this.activeName === 'fourth' ? 4 : 5)))
+      })
+    },
+    //删除
+    deleteHadle(id) {
+      this.$confirm("此操作将删除该数据, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+        center: true,
+      }).then(() => {
+        deleteAssets({id: id}).then(res => {
+          if (res.code === 200) {
+            this.getDataList()
+            this.$message({
+              message: "操作成功",
+              type: "success",
+              duration: 1000,
+            });
+          } else {
+            return this.$message.error(res.message)
+          }
+        })
+      })
+    }
+  },
+  filters: {
+    typeOne(value) {
+      if(value) {
+        if(value === 1) {
+          return '故障花费'
+        } else if(value === 2) {
+          return '平台服务费'
+        } else {
+          return '-'
+        }
+      } else {
+        return '-'
+      }
+    },
+    typeThree(value) {
+      if(value) {
+        if(value === 1) {
+          return '已付成本'
+        } else if(value === 2) {
+          return '剩余成本'
+        } else {
+          return '-'
+        }
+      } else {
+        return '-'
+      }
+    },
+    typeFour(value) {
+      if(value) {
+        if(value === 1) {
+          return '仓储费用'
+        } else if(value === 2) {
+          return '运输费用'
+        } else if(value === 3) {
+          return '销售费用'
+        } else if(value === 4) {
+          return '平台费用'
+        } else {
+          return '-'
+        }
+      } else {
+        return '-'
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+  .page-content {
+    height: 100%;
+    width: 100%;
+
+    .data-info {
+      width: 100%;
+      height: auto;
+
+      .data-base-title {
+        font-size: 13px;
+        font-weight: 600;
+        font-family: 'FZCuSong-B09S';
+      }
+
+      .data-row {
+        margin-top: 20px;
+        border-left: solid 1px #A4A4A4;
+
+        .data-sn {
+          width: 100%;
+          height: 30px;
+          line-height: 30px;
+          text-align: center;
+          color: #1C1C1C;
+          font-size: 14px;
+          font-family: 'SimHei';
+          border-bottom: solid 1px #A4A4A4;
+          border-top: solid 1px #A4A4A4;
+          border-right: solid 1px #A4A4A4;
+        }
+
+        .data-content {
+          width: 100%;
+          height: 30px;
+          line-height: 30px;
+          text-align: center;
+          color: #A4A4A4;
+          font-size: 14px;
+          font-family: 'SimHei';
+          border-top: solid 1px #A4A4A4;
+          border-right: solid 1px #A4A4A4;
+          border-bottom: solid 1px #A4A4A4;
+        }
+      }
+
+      .data-sub-row {
+        border-left: solid 1px #A4A4A4;
+
+        .data-sn {
+          width: 100%;
+          height: 30px;
+          line-height: 30px;
+          text-align: center;
+          color: #1C1C1C;
+          font-size: 14px;
+          font-family: 'SimHei';
+          border-bottom: solid 1px #A4A4A4;
+          border-right: solid 1px #A4A4A4;
+        }
+
+        .data-content {
+          width: 100%;
+          height: 30px;
+          line-height: 30px;
+          text-align: center;
+          color: #A4A4A4;
+          font-size: 14px;
+          font-family: 'SimHei';
+          border-right: solid 1px #A4A4A4;
+          border-bottom: solid 1px #A4A4A4;
+        }
+      }
+    }
+
+    .status-info {
+      width: 100%;
+      height: auto;
+      margin-top: 20px;
+
+      .data-base-title {
+        font-size: 13px;
+        font-weight: 600;
+        font-family: 'FZCuSong-B09S';
+      }
+
+      .data-row {
+        margin-top: 20px;
+        border-left: solid 1px #A4A4A4;
+
+        .data-sn {
+          width: 100%;
+          height: 30px;
+          line-height: 30px;
+          text-align: center;
+          color: #1C1C1C;
+          font-size: 14px;
+          font-family: 'SimHei';
+          border-bottom: solid 1px #A4A4A4;
+          border-top: solid 1px #A4A4A4;
+          border-right: solid 1px #A4A4A4;
+        }
+
+        .data-content {
+          width: 100%;
+          height: 30px;
+          line-height: 30px;
+          text-align: center;
+          color: #A4A4A4;
+          font-size: 14px;
+          font-family: 'SimHei';
+          border-top: solid 1px #A4A4A4;
+          border-right: solid 1px #A4A4A4;
+          border-bottom: solid 1px #A4A4A4;
+        }
+      }
+    }
+  }
+</style>