{"remainingRequest":"D:\\Users\\小蓝\\Desktop\\赖博士版\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Users\\小蓝\\Desktop\\赖博士版\\ruoyi-ui\\src\\views\\note\\propertyInfo.vue?vue&type=style&index=0&id=504ca876&lang=css&","dependencies":[{"path":"D:\\Users\\小蓝\\Desktop\\赖博士版\\ruoyi-ui\\src\\views\\note\\propertyInfo.vue","mtime":1679367502655},{"path":"D:\\Users\\小蓝\\Desktop\\赖博士版\\ruoyi-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Users\\小蓝\\Desktop\\赖博士版\\ruoyi-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\Users\\小蓝\\Desktop\\赖博士版\\ruoyi-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\Users\\小蓝\\Desktop\\赖博士版\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Users\\小蓝\\Desktop\\赖博士版\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoubXQKewogIHBvc2l0aW9uOiByZWxhdGl2ZTsKfQouZHR7CiAgZGlzcGxheTogYmxvY2s7Cgp9Ci5wdHsKICByaWdodDogMTBweDsKICB0b3A6LTNweDsKICBkaXNwbGF5OiBibG9jazsKICBwb3NpdGlvbjogYWJzb2x1dGU7Cn0K"},{"version":3,"sources":["propertyInfo.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2VA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"propertyInfo.vue","sourceRoot":"src/views/note","sourcesContent":["<template>\n <div class=\"app-container\">\n <div class=\"form-header mt\">\n <h4 class=\"dt h4\">资产详细信息 </h4>\n <el-button type=\"primary\" class=\"pt\" icon=\"el-icon-edit\" @click=\"handleEdit()\" :disabled=\"btn\">编辑</el-button>\n </div>\n\n <el-form ref=\"elForm\" :model=\"formData\" :rules=\"rules\" size=\"medium\" label-width=\"100px\">\n <el-form-item label=\"id\" prop=\"id\">\n <el-input v-model=\"formData.id\" placeholder=\"请输入id\" :maxlength=\"11\" show-word-limit :disabled=\"true\"\n clearable prefix-icon='el-icon-mobile' :style=\"{width: '100%'}\"></el-input>\n </el-form-item>\n <el-form-item label=\"类别\" prop=\"type\">\n <el-select v-model=\"formData.type\" placeholder=\"请选择类别\" clearable :style=\"{width: '100%'}\" :disabled=\"dsb\" >\n <el-option v-for=\"(item, index) in typeOptions\" :key=\"index\" :label=\"item.label\" :value=\"item.value\"\n :disabled=\"item.disabled\"></el-option>\n </el-select>\n </el-form-item>\n <el-form-item label=\"标题\" prop=\"title\">\n <el-input v-model=\"formData.title\" placeholder=\"请输入标题\" clearable :style=\"{width: '100%'}\" :disabled=\"dsb\"></el-input>\n </el-form-item>\n <el-form-item label=\"存储地址\" prop=\"location\">\n <el-input v-model=\"formData.location\" placeholder=\"请输入存储地址\" clearable :style=\"{width: '100%'}\" :disabled=\"dsb\">\n </el-input>\n </el-form-item>\n <el-form-item label=\"持有人\" prop=\"holder\">\n <el-input v-model=\"formData.holder\" placeholder=\"请输入持有人\" clearable :style=\"{width: '100%'}\" :disabled=\"dsb\">\n </el-input>\n </el-form-item>\n <el-form-item label=\"具体位置\" prop=\"address\">\n <el-input v-model=\"formData.address\" placeholder=\"请输入具体位置\" clearable :style=\"{width: '100%'}\" :disabled=\"dsb\">\n </el-input>\n </el-form-item>\n <el-form-item label=\"备注\" prop=\"remark\">\n <el-input v-model=\"formData.remark\" placeholder=\"请输入备注\" clearable :style=\"{width: '100%'}\" :disabled=\"dsb\"></el-input>\n </el-form-item>\n\n <h4 class=\"form-header\">相关图片 </h4>\n <el-upload\n action=\"#\"\n list-type=\"picture-card\"\n multiple\n :http-request=\"requestUpload\"\n :file-list=\"fileList\"\n >\n <i slot=\"default\" class=\"el-icon-plus\"></i>\n <div slot=\"file\" slot-scope=\"{file}\">\n <img\n class=\"el-upload-list__item-thumbnail\"\n :src=\"file.url\"\n alt=\"\"\n style=\"width: 147px; height: 147px\"\n fit=\"cover\"\n :preview-src-list=\"[file.url]\"\n >\n <span class=\"el-upload-list__item-actions\">\n <span\n class=\"el-upload-list__item-preview\"\n @click=\"handlePictureCardPreview(file)\"\n >\n <i class=\"el-icon-zoom-in\"></i>\n </span>\n <span\n v-if=\"!disabled\"\n class=\"el-upload-list__item-delete\"\n @click=\"handleDownload(file.url)\"\n >\n <i class=\"el-icon-download\"></i>\n </span>\n <span\n v-if=\"!disabled\"\n class=\"el-upload-list__item-delete\"\n @click=\"handleRemove(file)\"\n >\n <i class=\"el-icon-delete\"></i>\n </span>\n </span>\n\n\n </div>\n </el-upload>\n\n <h4 class=\"form-header\">其他附件 </h4>\n <el-upload\n action=\"\"\n :file-list=\"fileListOther\"\n class=\"upload-demo\"\n multiple\n :on-preview=\"handlePreview\"\n\n :on-remove=\"handleRemove\"\n :http-request=\"requestUpload\"\n :show-file-list=\"true\"\n >\n <el-button type=\"primary\">Click to upload</el-button>\n <template #tip>\n <div class=\"el-upload__tip\">\n </div>\n </template>\n\n\n </el-upload>\n\n <el-form-item size=\"large\">\n <el-button type=\"primary\" @click=\"submitForm\" :disabled=\"dsb\">修改</el-button>\n </el-form-item>\n </el-form>\n\n <el-dialog :visible.sync=\"dialogVisible\">\n <img w-full :src=\"dialogImageUrl\" alt=\"Preview Image\" />\n </el-dialog>\n </div>\n</template>\n<script>\nimport {getPropertyInfo, updateProperty, uploadPic, download, getCategory} from \"@/api/note/index\";\nimport {addRole, updateRole} from \"@/api/system/role\";\nimport {blobValidate} from \"@/utils/ruoyi\";\nimport errorCode from \"@/utils/errorCode\";\nimport {Message} from \"element-ui\";\n\nexport default {\n components: {},\n props: [],\n data() {\n return {\n cdi:\"资产详细信息\",\n udi:\"资产信息修改\",\n fot:[\".jpg\",\".jif\"],\n fileList:[\n ],\n fileListOther:[\n\n ],\n dsb:true,\n btn:false,\n formData: {\n id: undefined,\n type: undefined,\n title: undefined,\n location: undefined,\n holder: undefined,\n address: undefined,\n remark: undefined,\n url: undefined,\n },\n dialogImageUrl: '',\n dialogVisible: false,\n disabled: false,\n rules: {\n id: [{\n required: true,\n message: '请输入id',\n trigger: 'blur'\n }],\n type: [{\n required: true,\n message: '请选择类别',\n trigger: 'change'\n }],\n title: [{\n required: true,\n message: '请输入标题',\n trigger: 'blur'\n }],\n location: [{\n required: true,\n message: '请输入存储地址',\n trigger: 'blur'\n }],\n holder: [{\n required: true,\n message: '请输入持有人',\n trigger: 'blur'\n }],\n address: [{\n required: true,\n message: '请输入具体位置',\n trigger: 'blur'\n }],\n remark: [{\n required: true,\n message: '请输入备注',\n trigger: 'blur'\n }],\n\n },\n typeOptions: [],\n }\n },\n computed: {},\n watch: {},\n created() {\n const id = this.$route.params && this.$route.params.id;\n let jd;\n if(this.$route.query.detail!=undefined)\n {\n jd = this.$route.query.detail\n this.btn= jd\n this.dsb = !jd\n document.title = \"修改资产详细信息\";\n this.$route.meta.title = \"修改资产详细信息\";//列表的名称\n }\n else{\n document.title = \"查看资产详细信息\";\n this.$route.meta.title = \"查看资产详细信息\";//列表的名称\n }\n\n let _this = this\n if (id) {\n this.loading = true;\n getPropertyInfo(id).then((response) => {\n this.formData = response.data;\n let paths = response.data.url.split(\",\");\n for(let i = 0; i < paths.length; i++)\n {\n if(paths[i]!=\"\") {\n\n let pth = paths[i].substr(paths[i].length - 4, paths[i].length)\n\n if (_this.fot.includes(pth) === true)\n _this.fileList.push({name:paths[i],url: process.env.VUE_APP_BASE_TRUE_API+paths[i]})\n else {\n // alert(paths[i])\n let nms = paths[i].split(\"\\/\")\n let nm = nms[nms.length - 1]\n _this.fileListOther.push({name:nm, url: process.env.VUE_APP_BASE_TRUE_API+paths[i]})\n }\n }\n }\n this.loading = false;\n });\n this.getCateInfor()\n\n }\n },\n mounted() {},\n methods: {\n /** 查询类别信息 */\n getCateInfor()\n {\n let _this = this\n getCategory().then(response=>{\n\n response.data.itemValues.replace(\"{\",\"\").replace(\"}\",\"\").split(\",\").map(elem=>{\n _this.typeOptions.push({\"label\":elem.split(\":\")[0], \"value\":elem.split(\":\")[0]})\n })\n })\n },\n submitForm() {\n let ul = this.fileList.map(function (elem){\n return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,\"\")\n }).join(\",\")\n let uls = this.fileListOther.map(function (elem){\n return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,\"\")\n }).join(\",\")\n this.formData.url = ul+\",\"+uls\n\n this.$refs['elForm'].validate(valid => {\n\n\n if (valid) {\n if (this.formData.id != undefined) {\n updateProperty(this.formData).then(response => {\n this.$modal.msgSuccess(\"修改成功\");\n // this.open = false;\n this.btn=false\n });\n } else {\n this.$modal.msgSuccess(\"修改失败\");\n\n }\n }\n })\n },\n resetForm() {\n this.$refs['elForm'].resetFields()\n },\n handlePreview(file)\n {\n let formData = {'path':\"/\"+file.url.replace(process.env.VUE_APP_BASE_TRUE_API,\"\")};\n let lens = formData.path.split(\".\")\n let suffix = lens[lens.length-1]\n download(formData).then(async (response) => {\n const isLogin = await blobValidate(response);\n let nt = new Date().getTime()\n let filename = 'property_'+nt+'.'+suffix\n const blob = new Blob([response])\n saveAs(blob, filename)\n })\n },\n handleRemoveFile(file) {\n alert(23)\n },\n handleRemove(file) {\n alert(323)\n },\n handlePictureCardPreview(file) {\n this.dialogImageUrl = file.url;\n this.dialogVisible = true;\n },\n handleDownload(url) {\n var formData = {'path':\"/\"+url.replace(process.env.VUE_APP_BASE_TRUE_API,\"\")};\n\n let lens = formData.path.split(\".\")\n let suffix = lens[lens.length-1]\n download(formData).then(async (response) => {\n const isLogin = await blobValidate(response);\n let nt = new Date().getTime()\n let filename = 'property_'+nt+'.'+suffix\n const blob = new Blob([response])\n saveAs(blob, filename)\n })\n },\n handleEdit()\n {\n this.dsb = false\n this.btn = true\n },\n requestUpload(params)\n {\n var file = params.file;\n var formData = new FormData();\n formData.append('uploadFile', file);\n let _this = this\n\n uploadPic(formData).then(response => {\n let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length)\n\n if(_this.fot.includes(pth) === true)\n {\n _this.fileList.push({name:response.data.fileName, \"url\":response.data.url})\n\n }\n\n else{\n _this.fileListOther.push({name:response.data.fileName, url:response.data.url})\n\n }\n })\n\n }\n\n }\n}\n\n</script>\n<style>\n.mt\n{\n position: relative;\n}\n.dt{\n display: block;\n\n}\n.pt{\n right: 10px;\n top:-3px;\n display: block;\n position: absolute;\n}\n</style>\n"]}]}
|
