|
@@ -35,13 +35,15 @@
|
|
/>
|
|
/>
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="资产分类编号" prop="categoryNumber">
|
|
|
|
- <el-input
|
|
|
|
- v-model="queryParams.categoryNumber"
|
|
|
|
- placeholder="请输入资产分类编号"
|
|
|
|
- clearable
|
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
|
- />
|
|
|
|
|
|
+ <el-form-item label="资产分类" prop="categoryNumber">
|
|
|
|
+ <el-select v-model="queryParams.categoryNumber" filterable placeholder="请输入资产分类">
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in assetCategoryList"
|
|
|
|
+ :key="item.number"
|
|
|
|
+ :label="item.name"
|
|
|
|
+ :value="item.number">
|
|
|
|
+ </el-option>
|
|
|
|
+ </el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="取得时间" prop="buildDate">
|
|
<el-form-item label="取得时间" prop="buildDate">
|
|
<el-date-picker clearable
|
|
<el-date-picker clearable
|
|
@@ -52,12 +54,14 @@
|
|
</el-date-picker>
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="存放地点" prop="placeName">
|
|
<el-form-item label="存放地点" prop="placeName">
|
|
- <el-input
|
|
|
|
- v-model="queryParams.placeName"
|
|
|
|
- placeholder="请输入存放地点"
|
|
|
|
- clearable
|
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
|
- />
|
|
|
|
|
|
+ <el-select v-model="queryParams.placeName" filterable placeholder="请输入存放地点">
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in placeList"
|
|
|
|
+ :key="item.id"
|
|
|
|
+ :label="item.name"
|
|
|
|
+ :value="item.name">
|
|
|
|
+ </el-option>
|
|
|
|
+ </el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="资产用途" prop="purpose">
|
|
<el-form-item label="资产用途" prop="purpose">
|
|
<el-select v-model="queryParams.purpose" placeholder="请选择资产用途" clearable>
|
|
<el-select v-model="queryParams.purpose" placeholder="请选择资产用途" clearable>
|
|
@@ -69,13 +73,14 @@
|
|
/>
|
|
/>
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="使用部门ID" prop="deptId">
|
|
|
|
- <el-input
|
|
|
|
|
|
+ <el-form-item label="使用部门" prop="deptId">
|
|
|
|
+ <el-cascader
|
|
v-model="queryParams.deptId"
|
|
v-model="queryParams.deptId"
|
|
- placeholder="请输入使用部门ID"
|
|
|
|
- clearable
|
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
|
- />
|
|
|
|
|
|
+ :options="deptList"
|
|
|
|
+ :show-all-levels="false"
|
|
|
|
+ clearable :props="{value: 'id'}"
|
|
|
|
+ placeholder="请选择使用部门"
|
|
|
|
+ ></el-cascader>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="登记人" prop="registrant">
|
|
<el-form-item label="登记人" prop="registrant">
|
|
<el-input
|
|
<el-input
|
|
@@ -190,7 +195,11 @@
|
|
<dict-tag :options="dict.type.asset_kind" :value="scope.row.kind"/>
|
|
<dict-tag :options="dict.type.asset_kind" :value="scope.row.kind"/>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column label="资产分类编号" align="center" prop="categoryNumber" />
|
|
|
|
|
|
+ <el-table-column label="资产分类" align="center" prop="categoryNumber">
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <span>{{getAssetCategory(scope.row.categoryNumber)}}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
<el-table-column label="资产原值" align="center" prop="amount" />
|
|
<el-table-column label="资产原值" align="center" prop="amount" />
|
|
<el-table-column label="数量" align="center" prop="quantity" />
|
|
<el-table-column label="数量" align="center" prop="quantity" />
|
|
<el-table-column label="取得时间" align="center" prop="buildDate" width="180">
|
|
<el-table-column label="取得时间" align="center" prop="buildDate" width="180">
|
|
@@ -292,7 +301,7 @@
|
|
v-for="dict in dict.type.asset_prupose"
|
|
v-for="dict in dict.type.asset_prupose"
|
|
:key="dict.value"
|
|
:key="dict.value"
|
|
:label="dict.label"
|
|
:label="dict.label"
|
|
-:value="dict.value"
|
|
|
|
|
|
+ :value="dict.value"
|
|
></el-option>
|
|
></el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -323,7 +332,7 @@
|
|
v-for="dict in dict.type.asset_status"
|
|
v-for="dict in dict.type.asset_status"
|
|
:key="dict.value"
|
|
:key="dict.value"
|
|
:label="dict.label"
|
|
:label="dict.label"
|
|
-:value="parseInt(dict.value)"
|
|
|
|
|
|
+ :value="parseInt(dict.value)"
|
|
></el-option>
|
|
></el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -338,6 +347,9 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import { listAsset, getAsset, delAsset, addAsset, updateAsset } from "@/api/asset/asset";
|
|
import { listAsset, getAsset, delAsset, addAsset, updateAsset } from "@/api/asset/asset";
|
|
|
|
+import { allCategory } from '@/api/asset/category.js'
|
|
|
|
+import { treeselect } from '@/api/system/dept.js'
|
|
|
|
+import { allPlace } from '@/api/asset/place.js'
|
|
|
|
|
|
export default {
|
|
export default {
|
|
name: "Asset",
|
|
name: "Asset",
|
|
@@ -358,6 +370,12 @@ export default {
|
|
total: 0,
|
|
total: 0,
|
|
// 资产信息表格数据
|
|
// 资产信息表格数据
|
|
assetList: [],
|
|
assetList: [],
|
|
|
|
+ // 资产分类数据
|
|
|
|
+ assetCategoryList: [],
|
|
|
|
+ // 部门数据
|
|
|
|
+ deptList: [],
|
|
|
|
+ // 地点数据
|
|
|
|
+ placeList: [],
|
|
// 弹出层标题
|
|
// 弹出层标题
|
|
title: "",
|
|
title: "",
|
|
// 是否显示弹出层
|
|
// 是否显示弹出层
|
|
@@ -423,9 +441,32 @@ export default {
|
|
};
|
|
};
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
- this.getList();
|
|
|
|
|
|
+ this.initData();
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ /** 初始化数据 */
|
|
|
|
+ initData() {
|
|
|
|
+ this.loading = true;
|
|
|
|
+ const promice = Promise.all([listAsset(this.queryParams), allCategory(), treeselect(), allPlace()])
|
|
|
|
+ promice.then(([response, response2, response3, response4]) => {
|
|
|
|
+ this.assetList = response.rows;
|
|
|
|
+ this.total = response.total;
|
|
|
|
+ this.loading = false;
|
|
|
|
+ this.assetCategoryList = response2.data
|
|
|
|
+ this.deptList = response3.data
|
|
|
|
+ this.placeList = response4.data
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ /** 获取资产分类 */
|
|
|
|
+ getAssetCategory(number) {
|
|
|
|
+ let value = ''
|
|
|
|
+ this.assetCategoryList.forEach(category => {
|
|
|
|
+ if (category.number === number) {
|
|
|
|
+ value = `[${number}]${category.name}`
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ return value
|
|
|
|
+ },
|
|
/** 查询资产信息列表 */
|
|
/** 查询资产信息列表 */
|
|
getList() {
|
|
getList() {
|
|
this.loading = true;
|
|
this.loading = true;
|