资产编码
-{{data.code}}
+{{permanentDetail.code}}
资产类别
-{{data.assetType}}
+{{permanentDetail.assetType}}
经营属性
-{{data.operationType}}
+增加方式
-{{data.addType}}
+构建时间
-{{data.buildTime}}
+{{permanentDetail.buildTime}}
使用情况
-{{data.useType}}
+资产状态
-{{data.assetStatus}}
+扶贫资产
-{{data.isFormAsset}}
+管理人
-{{data.manager}}
+{{permanentDetail.manager}}
履约情况
-{{data.agreeType}}
+存在权属纠纷
-{{data.dispute}}
+数量/建筑面积
-{{data.quantity}}
+{{permanentDetail.quantity}}
单位
-{{data.unit}}
+{{permanentDetail.unit}}
原值
-{{data.originalValue}}
+{{permanentDetail.originalValue}}
残值率 N%
-{{data.residualsRate}}
+{{permanentDetail.residualsRate}}
折旧方式
-{{data.depreciationType}}
+累计折旧
-{{data.depreciationValue}}
+{{permanentDetail.depreciationValue}}
备注
-{{data.remark}}
+{{permanentDetail.remark}}
合同编码
-{{data.code}}
+{{permanentDetail.code}}
-
合同截止日期
-{{data.endTime}}
+合同类型
+
-
预结款日期
-{{data.settlementDate}}
+合同来源
+
-
结款金额
-{{data.settlementAmount}}
+甲方
+{{permanentDetail.firstParty}}
-
天数
-{{data.days}}
+乙方
+{{permanentDetail.secondParty}}
-
合同类型
-{{data.assetType}}
+甲方代表
+{{permanentDetail.firstPartyDirector}}
-
+ 合同来源
-{{data.contractionSource}}
+乙方代表
+{{permanentDetail.secondPartyDirector}}
+
+
+ 甲方电话
+{{permanentDetail.firstPartyPhone}}
+
+
乙方电话
+{{permanentDetail.secondPartyPhone}}
签订日期
-{{data.buildingTime}}
+{{permanentDetail.buildingTime}}
-
甲方
-{{data.firstParty}}
+乙方身份证号
+{{permanentDetail.secondPartyIdCard}}
-
乙方
-{{data.secondParty}}
+合同状态
+
-
+
+ 开始日期
-{{data.startTime}}
+备注
+{{permanentDetail.remark}}
+
+
+ 收付款类型
+
+
+ 结款方式
+
+
+ 支付方式
+
+
合同标的
+{{permanentDetail.contractObject}}
标的数量
-{{data.num}}
+{{permanentDetail.num}}
-
+ 单位
-{{data.unit}}
+计量单位
+{{permanentDetail.unit}}
+
+
+ 开始日期
+{{permanentDetail.startTime}}
+
+
结束日期
+{{permanentDetail.endTime}}
收付款类型
-{{data.collectionPay}}
+
+
+ 承包年限(年)
+{{permanentDetail.contractYears}}
+
+
+ 承包价款(元)
+{{permanentDetail.totalAmount}}
+
+
+ 折合年均(元)
+{{permanentDetail.price}}
+
+
+ 已结款(元)
+{{permanentDetail.receivedAmount}}
+
+
+
+
+ 下次结款(元)
+{{permanentDetail.settledAmount}}
+
+
+ 投资期限(年)
+{{permanentDetail.contractYears}}
+
+
+ 投资总金额(元)
+{{permanentDetail.totalAmount}}
+
+
+ 收益周期
+{{permanentDetail.incomePeriod}}
+
+
+ 收益方式
+{{permanentDetail.incomeType}}
+
+
+ 收益金额(元)
+{{permanentDetail.incomeAmount}}
+
+
+ 年均收益金额(元)
+{{permanentDetail.averageIncome}}
+
+
+ 已收益结算(元)
+{{permanentDetail.settledIncome}}
+
+
+
+ 未结算(元)
+{{permanentDetail.unsettledIncome}}
+
+
附件
+
+
+
+
+
+
+
+
+
diff --git a/src/views/resources/asset-details/index.js b/src/views/resources/asset-details/index.js
new file mode 100644
index 0000000..8944127
--- /dev/null
+++ b/src/views/resources/asset-details/index.js
@@ -0,0 +1,227 @@
+
+import { attachmentList } from "@/api/common/uploadAttachment.js";
+import { getResource, attachmentQuery, getInfo } from '../api/index.js';
+import DictTag from '@/components/DictTag';
+export default {
+ components: {
+ DictTag
+ },
+ props: {
+ data: {},
+ type: {
+ type: String,
+ default: '1'
+ }
+ },
+ data () {
+ return {
+ isLoad: false,
+ permanentDetail: {},
+ // 资源分类字典
+ resourceTypeOptions: [],
+ //农用地资源类型字典
+ farmingResourceTypeOptions: [],
+ //建设用地资源类型字典
+ buildResourceTypeOptions: [],
+ //未利用地、林木用地资源类型字典
+ unusedResourceTypeOptions: [],
+ // 资产状态sys_normal_disable字典
+ statusOptions: [],
+ // 使用情况字典
+ useTypeOptions: [],
+ // 系统是否字典
+ sysYesNoOptions: [],
+ // 履约情况字典
+ agreeTypeOptions: [],
+ // 合同类型字典
+ typeOfContractTypeOptions: [],
+ // 结款方式字典
+ settleTypeOptions: [],
+ // 收付款类型字典
+ collectionPayOptions: [],
+ // 合同来源字典
+ contractionSourceOptions: [],
+ // 合同状态字典
+ contractionStatusOptions: [],
+ // 招标方式字典
+ biddingWayOptions: [],
+ // 招标类型字典
+ biddingTypesOptions: [],
+ // 合同支付方式字典
+ contractPaymentTypeOptions: [],
+ // 投资形式字典
+ investTypeOptions: [],
+ // 出资形式字典
+ payTypeOptions: [],
+
+ showfile: false,
+ showfileHT: false,
+ };
+ },
+ watch: {
+ data: {
+ handler () {
+ this.getData();
+ },
+ immediate: true, // 立即执行
+ }
+ },
+ computed: {
+ },
+ created () {
+ this.isLoad = false
+ this.getDicts("resource_type").then(response => {
+ this.resourceTypeOptions = response.data;
+ });
+ this.getDicts("sys_normal_disable").then(response => {
+ this.statusOptions = response.data;
+ });
+ this.getDicts("resource_farming_type").then(response => {
+ this.farmingResourceTypeOptions = response.data;
+ });
+ this.getDicts("resources_build_type").then(response => {
+ this.buildResourceTypeOptions = response.data;
+ });
+ this.getDicts("resources_unused_type").then(response => {
+ this.unusedResourceTypeOptions = response.data;
+ });
+ this.getDicts("use_type").then(response => {
+ this.useTypeOptions = response.data;
+ });
+ this.getDicts("sys_yes_no").then((response) => {
+ this.sysYesNoOptions = response.data;
+ });
+ this.getDicts("agree_type").then(response => {
+ this.agreeTypeOptions = response.data;
+ });
+ this.getDicts("type_of_contract").then(response => {
+ this.typeOfContractTypeOptions = response.data;
+ });
+ this.getDicts("settle_type").then(response => {
+ this.settleTypeOptions = response.data;
+ });
+ this.getDicts("collection_pay").then(response => {
+ this.collectionPayOptions = response.data;
+ });
+ this.getDicts("contraction_source").then(response => {
+ this.contractionSourceOptions = response.data;
+ });
+ this.getDicts("contraction_status").then(response => {
+ this.contractionStatusOptions = response.data;
+ });
+ this.getDicts("bidding_way").then(response => {
+ this.biddingWayOptions = response.data;
+ });
+ this.getDicts("bidding_types").then(response => {
+ this.biddingTypesOptions = response.data;
+ });
+ this.getDicts("contract_payment_type").then(response => {
+ this.contractPaymentTypeOptions = response.data;
+ });
+ this.getDicts("invest_type").then(response => {
+ this.investTypeOptions = response.data;
+ });
+ this.getDicts("pay_type").then(response => {
+ this.payTypeOptions = response.data;
+ });
+ },
+ mounted () {
+ },
+ methods: {
+ openImage (url) {
+ this.$emit('openImage',url)
+ // this.dialogImageUrl = url;
+ // this.dialogVisible = true;
+ },
+ close () {
+ this.$emit('close')
+ },
+ getData(){
+ this.showfile = false;
+ this.showfileHT = false;
+ if (this.type == '1' ||this.type == '2' || this.type == '3'){
+ getResource(this.data.id).then((response) => {
+ this.permanentDetail = response.data;
+ this.permanentDetail.fileList = [];
+ attachmentQuery({tableId: this.data.id, tableName: 't_asset_resource', bizPath: 'asset'}).then((response) => {
+ if (response.code == 200) {
+ let UattachmentList = response.rows;
+ for (let i = 0; i < UattachmentList.length; i++) {
+ let fileName = UattachmentList[i].fileName;
+ let subIndex = fileName.lastIndexOf(".");
+ let ext = fileName.substring(subIndex + 1, fileName.length);
+ let urls = "";
+ let type = "";
+ if (ext == "xlsx" || ext == "xls") {
+ urls = require("./icon_excel.jpg");
+ type = 'excel';
+ } else if (ext == "doc" || ext == "docx") {
+ urls = require("./icon_word.jpg");
+ type = 'word';
+ } else if (ext == "pdf") {
+ urls = require("./icon_pdf.jpg");
+ type = 'pdf';
+ } else if (ext == "zip") {
+ urls = require("./icon_zip.jpg");
+ type = 'zip';
+ } else {
+ urls = UattachmentList[i].fileUrl;
+ type = 'image';
+ }
+ this.permanentDetail.fileList.push({
+ url: urls,
+ urlApi: '/api' + UattachmentList[i].fileUrl,
+ thumUrl: '/api' + UattachmentList[i].thumUrl,
+ type: type
+ })
+ this.showfile = true;
+ }
+ }
+ });
+ });
+ }
+ if (this.type == '4' || this.type == '5' || this.type == '6'){
+ getInfo(this.data.id).then((response) => {
+ this.permanentDetail = response.data;
+ this.permanentDetail.fileList = [];
+ attachmentQuery({tableId: this.data.id, tableName: 't_contraction_info', bizPath: 'contraction'}).then((response) => {
+ if (response.code == 200) {
+ let UattachmentList = response.rows;
+ for (let i = 0; i < UattachmentList.length; i++) {
+ let fileName = UattachmentList[i].fileName;
+ let subIndex = fileName.lastIndexOf(".");
+ let ext = fileName.substring(subIndex + 1, fileName.length);
+ let urls = "";
+ let type = "";
+ if (ext == "xlsx" || ext == "xls") {
+ urls = require("./icon_excel.jpg");
+ type = 'excel';
+ } else if (ext == "doc" || ext == "docx") {
+ urls = require("./icon_word.jpg");
+ type = 'word';
+ } else if (ext == "pdf") {
+ urls = require("./icon_pdf.jpg");
+ type = 'pdf';
+ } else if (ext == "zip") {
+ urls = require("./icon_zip.jpg");
+ type = 'zip';
+ } else {
+ urls = UattachmentList[i].fileUrl;
+ type = 'image';
+ }
+ this.permanentDetail.fileList.push({
+ url: urls,
+ urlApi: '/api' + UattachmentList[i].fileUrl,
+ thumUrl: '/api' + UattachmentList[i].thumUrl,
+ type: type
+ })
+ this.showfileHT = true;
+ }
+ }
+ });
+ });
+ }
+
+ }
+ }
+};
diff --git a/src/views/resources/asset-details/index.scss b/src/views/resources/asset-details/index.scss
new file mode 100644
index 0000000..1c12633
--- /dev/null
+++ b/src/views/resources/asset-details/index.scss
@@ -0,0 +1,182 @@
+.gl_pop_cash {
+ background: rgba(10, 25, 47, 0.8);
+ position: absolute;
+ border: 2px solid #3181f6;
+ box-shadow: 0 0 5px #3181f6;
+ border-radius: 0 0 100px 0;
+ // border-left: 0.15vw solid #357dfa;
+ z-index: 11;
+
+ .head_main {
+ height: 60px;
+ display: flex;
+ align-items: center;
+ position: relative;
+ justify-content: space-between;
+ padding: 0 20px;
+ background: linear-gradient(to right, rgba(49, 129, 246, .8), rgba(49, 129, 246, 0));
+ .title {
+ color: #ffad00;
+ font-size: 20px !important;
+ display: flex;
+ align-items: center;
+ line-height: 1;
+ text-shadow: 0 0 15px #3181f6;
+ i{
+ display: block;
+ width: 20px;
+ height: 20px;
+ background: url("tt_icon.png") no-repeat center;
+ background-size: 100% 100%;
+ margin-right: 10px;
+ }
+ }
+
+ .close {
+ background: url('./close.png') no-repeat;
+ background-size: 100% 100%;
+ width: 20px;
+ height: 20px;
+ cursor: pointer;
+ }
+
+ .xs_main {
+ height: 30px;
+ position: absolute;
+ width: 100%;
+ display: flex;
+ align-items: center;
+
+ .block {
+ width: 20px;
+ display: flex;
+
+ .point {
+ width: .55vh;
+ height: .55vh;
+ margin-right: 0.36vw;
+
+ &.p1 {
+ background: rgba(53, 125, 250, 1)
+ }
+
+ &.p2 {
+ background: rgba(53, 125, 250, .7)
+ }
+
+ &.p3 {
+ background: rgba(53, 125, 250, .4)
+ }
+ }
+
+ }
+
+ .xs_x {
+ height: 1px;
+ flex: 1;
+ background: #214284;
+ }
+ }
+ }
+
+ .echarts_main {
+ height: 600px;
+ overflow-y: auto;
+
+ div {
+ // height: 40px;
+ line-height: 20px;
+
+ p {
+ // white-space: nowrap;
+ }
+ }
+
+ .headers {
+ height: 30px;
+ font-size: 14px;
+ color: #0befca;
+ text-align: center;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-right: 0.53vw;
+ background: rgba(11, 239, 202, .2);
+ margin-bottom: 0.9vh
+ }
+
+ .desc_main {
+ overflow-y: scroll;
+ padding-right: 0.33vw;
+
+ .analysisTable_list {
+ margin: 0;
+ padding: 0;
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+
+ .flex_item {
+ cursor: pointer;
+ list-style: none;
+ margin: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ color: #fff;
+ font-size: 12px;
+ position: relative;
+ height: 30px;
+
+ &:nth-child(2n) {
+ background: rgba(53, 125, 250, .1);
+ }
+ }
+ }
+ }
+ }
+
+}
+
+.pop_statistical_desc {
+ width: 600px;
+ margin: 0;
+ left: 480px;
+ top: 180px;
+ padding-bottom: 1.04vw !important;
+
+ .head_main {
+
+ .title {
+ color: #fff;
+ }
+ }
+
+ .echarts_main {
+ margin-top: 16px;
+
+ div {
+ display: flex;
+ align-items: center;
+
+ &:nth-child(even) {
+ //background: rgba(32, 89, 188, 0.2);
+ }
+
+ p {
+ font-size: 16px;
+ &:nth-child(1) {
+ width: 8vw;
+ padding-right: 1vw;
+ text-align: right;
+ flex-shrink: 0;
+ color: #b0cfec;
+ }
+ margin: 0;
+ color: #ffffff;
+ line-height: 3.92vh;
+ }
+ }
+ }
+}
diff --git a/src/views/resources/asset-details/index.vue b/src/views/resources/asset-details/index.vue
new file mode 100644
index 0000000..b0a7bb3
--- /dev/null
+++ b/src/views/resources/asset-details/index.vue
@@ -0,0 +1,4 @@
+
+
+
diff --git a/src/views/resources/asset-details/tt_icon.png b/src/views/resources/asset-details/tt_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..59f4001c5a0480c1edd936a298af27bcb5187edc
GIT binary patch
literal 536
zcmV+z0_XjSP)
+
+ {{permanentDetail.assetName}}
+ {{permanentDetail.name}}
+
+
+
+
+
+ 资源编码
+{{permanentDetail.code}}
+
+
+ 资源分类
+
+
+ 资源类型
+
+
+ 坐落位置
+{{permanentDetail.location}}
+
+
+ 东至
+{{permanentDetail.east}}
+
+
+ 西至
+{{permanentDetail.west}}
+
+
+ 南至
+{{permanentDetail.south}}
+
+
+ 北至
+{{permanentDetail.north}}
+
+
+ 总面积(亩)
+{{permanentDetail.totalArea}}
+
+
+ 资产状态
+
+
+ 使用情况
+
+
+ 履约情况
+
+
+ 存在权属纠纷
+
+
+ 备注
+{{permanentDetail.remark}}
+
+
+ 附件
+
+
+
+
+
+
+
+
+
+
+
+
+ 合同编码
+{{permanentDetail.code}}
+
+
+ 合同类型
+
+
+ 合同来源
+
+
+ 甲方
+{{permanentDetail.firstParty}}
+
+
+ 乙方
+{{permanentDetail.secondParty}}
+
+
+ 甲方代表
+{{permanentDetail.firstPartyDirector}}
+
+
+ 乙方代表
+{{permanentDetail.secondPartyDirector}}
+
+
+ 甲方电话
+{{permanentDetail.firstPartyPhone}}
+
+
+ 乙方电话
+{{permanentDetail.secondPartyPhone}}
+
+
+ 签订日期
+{{permanentDetail.buildingTime}}
+
+
+ 乙方身份证号
+{{permanentDetail.secondPartyIdCard}}
+
+
+ 合同状态
+
+
+
+ 备注
+{{permanentDetail.remark}}
+
+
+ 收付款类型
+
+
+ 结款方式
+
+
+ 支付方式
+
+
+ 合同标的
+{{permanentDetail.contractObject}}
+
+
+ 标的数量
+{{permanentDetail.num}}
+
+
+ 计量单位
+{{permanentDetail.unit}}
+
+
+ 开始日期
+{{permanentDetail.startTime}}
+
+
+ 结束日期
+{{permanentDetail.endTime}}
+
+
+
+ 收付款类型
+
+
+ 承包年限(年)
+{{permanentDetail.contractYears}}
+
+
+ 承包价款(元)
+{{permanentDetail.totalAmount}}
+
+
+ 折合年均(元)
+{{permanentDetail.price}}
+
+
+ 已结款(元)
+{{permanentDetail.receivedAmount}}
+
+
+
+
+ 下次结款(元)
+{{permanentDetail.settledAmount}}
+
+
+ 投资期限(年)
+{{permanentDetail.contractYears}}
+
+
+ 投资总金额(元)
+{{permanentDetail.totalAmount}}
+
+
+ 收益周期
+{{permanentDetail.incomePeriod}}
+
+
+ 收益方式
+{{permanentDetail.incomeType}}
+
+
+ 收益金额(元)
+{{permanentDetail.incomeAmount}}
+
+
+ 年均收益金额(元)
+{{permanentDetail.averageIncome}}
+
+
+ 已收益结算(元)
+{{permanentDetail.settledIncome}}
+
+
+
+ 未结算(元)
+{{permanentDetail.unsettledIncome}}
+
+
+ 附件
+
+
+
+
+
+
+
+
-
-
-
+
+
+
+ ![]()
diff --git a/src/views/resources/index.js b/src/views/resources/index.js
index bc5c4e9..a7e9ad5 100644
--- a/src/views/resources/index.js
+++ b/src/views/resources/index.js
@@ -20,6 +20,8 @@ import MainGis from './main-gis/index.vue';
import { comps } from './data.js'
+import AssetDetails from './asset-details/index.vue';
+
export default {
components: {
GisMap,
@@ -38,6 +40,7 @@ export default {
Right12,
Right22,
Right32,
+ AssetDetails,
Bottom1
},
data () {
@@ -54,6 +57,11 @@ export default {
}
],
tab: '1',
+ dialogImageUrl: '',
+ dialogVisible: false,
+ showDetail: false,
+ permanentDetail: {},
+ permanentType: '1'
};
},
computed: {
@@ -68,6 +76,17 @@ export default {
methods: {
tabChange (info) {
this.tab = info.id;
+ },
+ openImage (url) {
+ console.log(url)
+ this.dialogImageUrl = url;
+ this.dialogVisible = true;
+ },
+ clickDetail (val, type) {
+ console.log(val + 111111111)
+ this.permanentDetail = val;
+ this.permanentType = type;
+ this.showDetail = true;
}
}
};
diff --git a/src/views/resources/index.scss b/src/views/resources/index.scss
index 1b7aaf4..99f2f1d 100644
--- a/src/views/resources/index.scss
+++ b/src/views/resources/index.scss
@@ -4,4 +4,24 @@
left: 0;
right: 0;
bottom: 0;
-}
\ No newline at end of file
+}
+.imgBox{
+ position: absolute;
+ left: 0;
+ top: 0;
+ z-index: 999999;
+ width: 100vw;
+ height: 100%;
+ .box_bg{
+ background-color: rgba(0,0,0,0.5);
+ width: 100%;
+ height: 100%;
+ }
+ img{
+ height: 60vh;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%,-50%);
+ }
+}