123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219 |
- <!--
- changeRea 厂商
- -->
- <template>
- <el-dialog title="关联资产" :visible.sync="dialog.changeRea" width="800px">
- <div>
- <div id="changeRea">
- <div class="title-search" style="margin-bottom: 10px;">
- <el-input placeholder="输入名称或编码查询" v-model="search" size="small" style="width:300px;" clearable></el-input>
- <el-button @click="getPropertyData" size="small">查找</el-button>
- </div>
- <div>
- <floor-cascader @change="changeFloor"></floor-cascader>
- </div>
- <el-radio-group v-model="radio" style="width:100%;">
- <el-table :data="tableData" style="width: 100%" height="300px">
- <el-table-column label="资产名称">
- <template slot-scope="scope">
- <el-radio :label="scope.row.EquipID" :ref="scope.row.EquipID" :value="scope.row.EquipLocalName || scope.row.EquipName">
- {{scope.row.EquipLocalName || scope.row.EquipName}}
- </el-radio>
- </template>
- </el-table-column>
- <el-table-column label="本地编码">
- <template slot-scope="scope">{{scope.row.EquipLocalID || scope.row.EquipID}}</template>
- </el-table-column>
- <el-table-column prop="name" label="所在楼层">
- <template slot-scope="scope">{{getFloor(scope.row.FloorId)}}</template>
- </el-table-column>
- <el-table-column label="设备族">
- <span>{{this.category.assetName}}</span>
- </el-table-column>
- <el-table-column label="安装位置">
- <template slot-scope="scope">
- {{scope.row.LedgerParam?scope.row.LedgerParam.Siteinstall?scope.row.LedgerParam.Siteinstall.InstallLocation:"--":"--"}}
- </template>
- </el-table-column>
- </el-table>
- </el-radio-group>
- <my-pagination :page="page" @change="changed" style="margin-top:10px;"></my-pagination>
- <div class="footer">
- <el-button type="primary" @click="clickTrue" style="display:block;margin: 10px auto 0;">确 定</el-button>
- </div>
- </div>
- </div>
- </el-dialog>
- </template>
- <script>
- import myPagination from "@/components/ledger/lib/myPagination";
- import paramDetails from "@/components/dialogs/list/paramDetails"
- import { getSpaceFloor, queryProperty } from "@/api/scan/request"
- import floorCascader from "@/components/ledger/lib/floorCascader";
- import { mapGetters, mapActions } from "vuex"
- export default {
- components: {
- myPagination,
- paramDetails,
- floorCascader
- },
- props: {
- dialog: {
- type: Object,
- default: function () {
- return {
- changeRea: true
- };
- }
- },
- category: {
- type: Object,
- default: function () {
- return {}
- }
- }
- },
- data() {
- return {
- search: "", //搜索文案
- radio: "",
- tableData: [],
- page: {
- size: 50,
- sizes: [10, 30, 50, 100, 150, 200],
- total: 0,
- currentPage: 1
- },
- mess: {},
- codeListCode: [],
- floorList: []
- };
- },
- created() {
- this.getFloorList();
- },
- computed: {
- ...mapGetters("layout", ["projectId", "secret", "userId"])
- },
- mounted() { },
- methods: {
- //根据楼层id对应楼层
- getFloor(relation) {
- let floor = !!relation ? relation.floor || "" : ""
- if (!!floor) {
- let floorName = ""
- this.floorList.map(item => {
- if (!!item.floors && item.floors.length) {
- item.floors.map(child => {
- if (child.id == floor) {
- floorName = child.infos.FloorLocalName || child.infos.FloorName
- }
- })
- }
- })
- return floorName
- } else {
- return "--"
- }
- },
- //确认选择
- clickTrue() {
- if (this.radio) {
- this.$emit('changeProperty', { PropertyId: this.radio, LinkEquipLocalName: this.$refs[this.radio].value });
- this.dialog.changeRea = false;
- } else {
- this.$message("请先选择资产")
- }
- },
- //查询条件-所在建筑楼层
- getFloorList() {
- let param = {
- secret: this.secret,
- ProjId: this.projectId
- }
- getSpaceFloor(param).then(res => {
- if (res.data.Result == "success") {
- this.floorList = res.data.Content
- } else {
- this.$message.error("请求错误:" + res.data.ResultMsg)
- }
- }).catch(_ => {
- this.$message.error("请求错误")
- })
- },
- //所在建筑楼层修改
- changeFloor(val) {
- this.mess = {
- buildId: val[0] || "",
- floorId: val[1] || ""
- }
- this.getPropertyData()
- },
- //分页修改
- changed() {
- this.getPropertyData()
- },
- //弹窗显示时
- changePage() {
- this.page = {
- size: 50,
- sizes: [10, 30, 50, 100],
- total: 0,
- currentPage: 1
- }
- this.getPropertyData()
- },
- //查询表数据
- getPropertyData() {
- let param = {
- Filters: `EquipmentId isNull;Family="${this.category.assetType}"`,
- PageNumber: this.page.currentPage,
- PageSize: this.page.size
- }
- //建筑id
- if (this.mess.buildId == "noKnow") {
- param.Filters += `;buildingId isNull`
- } else if (this.mess.buildId && this.mess.buildId != "all") {
- param.Filters += `;buildingId='${this.mess.buildId}'`
- }
- //楼层id
- if (this.mess.floorId == "noKnow") {
- param.Filters += `;floorId isNull`
- } else if (this.mess.floorId && this.mess.floorId != "all") {
- param.Filters += `;floorId='${this.mess.floorId}'`
- }
- //名称和编码
- if (this.search) {
- param.Filters += `;floorId='${this.mess.floorId}'`
- }
- queryProperty(param, res => {
- this.tableData = res.Content
- this.page.total = res.Total
- })
- }
- },
- watch: {
- dialog: {
- deep: true,
- handler: function () {
- if (this.dialog.changeRea) {
- this.changePage()
- this.radio = ""
- }
- }
- }
- }
- };
- </script>
- <style lang="less">
- #changeRea {
- .el-table thead {
- tr {
- th {
- background-color: #f5f7fa;
- }
- }
- }
- }
- </style>
|