{"remainingRequest":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\src\\views\\tools\\storage\\index.vue?vue&type=template&id=cfcc7040&scoped=true","dependencies":[{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\src\\views\\tools\\storage\\index.vue","mtime":1732871026811},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1732872824662},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1732872827008},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1732872824662},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1732872825835}],"contextDependencies":[],"result":["\n<div class=\"app-container\" style=\"padding: 8px;\">\n  <!--工具栏-->\n  <div class=\"head-container\">\n    <div v-if=\"crud.props.searchToggle\">\n      <!-- 搜索 -->\n      <el-input v-model=\"query.blurry\" clearable size=\"small\" placeholder=\"输入内容模糊搜索\" style=\"width: 200px;\" class=\"filter-item\" @keyup.enter.native=\"crud.toQuery\" />\n      <date-range-picker v-model=\"query.createTime\" class=\"date-item\" />\n      <rrOperation />\n    </div>\n    <crudOperation :permission=\"permission\">\n      <!-- 新增 -->\n      <el-button\n        slot=\"left\"\n        v-permission=\"['admin','storage:add']\"\n        class=\"filter-item\"\n        size=\"mini\"\n        type=\"primary\"\n        icon=\"el-icon-upload\"\n        @click=\"crud.toAdd\"\n      >上传\n      </el-button>\n    </crudOperation>\n  </div>\n  <!--表单组件-->\n  <el-dialog append-to-body :close-on-click-modal=\"false\" :before-close=\"crud.cancelCU\" :visible.sync=\"crud.status.cu > 0\" :title=\"crud.status.add ? '文件上传' : '编辑文件'\" width=\"500px\">\n    <el-form ref=\"form\" :model=\"form\" size=\"small\" label-width=\"80px\">\n      <el-form-item label=\"文件名\">\n        <el-input v-model=\"form.name\" style=\"width: 370px;\" />\n      </el-form-item>\n      <!--   上传文件   -->\n      <el-form-item v-if=\"crud.status.add\" label=\"上传\">\n        <el-upload\n          ref=\"upload\"\n          :limit=\"1\"\n          :before-upload=\"beforeUpload\"\n          :auto-upload=\"false\"\n          :headers=\"headers\"\n          :on-success=\"handleSuccess\"\n          :on-error=\"handleError\"\n          :action=\"fileUploadApi + '?name=' + form.name\"\n        >\n          <div class=\"eladmin-upload\"><i class=\"el-icon-upload\" /> 添加文件</div>\n          <div slot=\"tip\" class=\"el-upload__tip\">可上传任意格式文件，且不超过100M</div>\n        </el-upload>\n      </el-form-item>\n    </el-form>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <el-button type=\"text\" @click=\"crud.cancelCU\">取消</el-button>\n      <el-button v-if=\"crud.status.add\" :loading=\"loading\" type=\"primary\" @click=\"upload\">确认</el-button>\n      <el-button v-else :loading=\"crud.status.cu === 2\" type=\"primary\" @click=\"crud.submitCU\">确认</el-button>\n    </div>\n  </el-dialog>\n  <!--表格渲染-->\n  <el-table ref=\"table\" v-loading=\"crud.loading\" :data=\"crud.data\" style=\"width: 100%;\" @selection-change=\"crud.selectionChangeHandler\">\n    <el-table-column type=\"selection\" width=\"55\" />\n    <el-table-column prop=\"name\" label=\"文件名\">\n      <template slot-scope=\"scope\">\n        <el-popover\n          :content=\"'file/' + scope.row.type + '/' + scope.row.realName\"\n          placement=\"top-start\"\n          title=\"路径\"\n          width=\"200\"\n          trigger=\"hover\"\n        >\n          <a\n            slot=\"reference\"\n            :href=\"baseApi + '/file/' + scope.row.type + '/' + scope.row.realName\"\n            class=\"el-link--primary\"\n            style=\"word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color: #1890ff;font-size: 13px;\"\n            target=\"_blank\"\n          >\n            {{ scope.row.name }}\n          </a>\n        </el-popover>\n      </template>\n    </el-table-column>\n    <el-table-column prop=\"path\" label=\"预览图\">\n      <template slot-scope=\"{row}\">\n        <el-image\n          :src=\" baseApi + '/file/' + row.type + '/' + row.realName\"\n          :preview-src-list=\"[baseApi + '/file/' + row.type + '/' + row.realName]\"\n          fit=\"contain\"\n          lazy\n          class=\"el-avatar\"\n        >\n          <div slot=\"error\">\n            <i class=\"el-icon-document\" />\n          </div>\n        </el-image>\n      </template>\n    </el-table-column>\n    <el-table-column prop=\"suffix\" label=\"文件类型\" />\n    <el-table-column prop=\"type\" label=\"类别\" />\n    <el-table-column prop=\"size\" label=\"大小\" />\n    <el-table-column prop=\"createName\" label=\"操作人\" />\n    <el-table-column prop=\"createTime\" label=\"创建日期\">\n      <template slot-scope=\"scope\">\n        <span>{{ parseTime(scope.row.createTime) }}</span>\n      </template>\n    </el-table-column>\n  </el-table>\n  <!--分页组件-->\n  <pagination />\n</div>\n",null]}