(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[39],{ /***/ "../../node_modules/cache-loader/dist/cjs.js?!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js?!../../node_modules/vue-loader-v16/dist/index.js?!./src/app/program/views/case/Create.vue?vue&type=script&setup=true&lang=js": /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** D:/web_src/4dkankan_v4/node_modules/cache-loader/dist/cjs.js??ref--13-0!D:/web_src/4dkankan_v4/node_modules/babel-loader/lib!D:/web_src/4dkankan_v4/node_modules/cache-loader/dist/cjs.js??ref--1-0!D:/web_src/4dkankan_v4/node_modules/vue-loader-v16/dist??ref--1-1!./src/app/program/views/case/Create.vue?vue&type=script&setup=true&lang=js ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "../../node_modules/vue/dist/vue.runtime.esm-bundler.js"); /* harmony import */ var _lang__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/lang */ "./src/lang/index.ts"); /* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue */ "../../node_modules/ant-design-vue/es/index.js"); /* harmony import */ var _components_un_data_index_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/un-data/index.vue */ "./src/app/program/components/un-data/index.vue"); /* harmony import */ var _app_program_store_case__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/app/program/store/case */ "./src/app/program/store/case.ts"); /* harmony default export */ __webpack_exports__["default"] = ({ __name: 'Create', props: { show: Boolean }, emits: ['update:show'], setup(__props, { expose, emit: emits }) { expose(); const props = __props; const antLang = Object(vue__WEBPACK_IMPORTED_MODULE_0__["computed"])(() => { if (lang === 'zh') { return zhCN; } else if (lang === 'en') { return en; } else if (lang === 'ja') { return ja; } }); const posting = Object(vue__WEBPACK_IMPORTED_MODULE_0__["ref"])(false); const loading = Object(vue__WEBPACK_IMPORTED_MODULE_0__["ref"])(false); const cases = Object(vue__WEBPACK_IMPORTED_MODULE_0__["ref"])([]); const casesData = Object(vue__WEBPACK_IMPORTED_MODULE_0__["ref"])([]); const selectState = Object(vue__WEBPACK_IMPORTED_MODULE_0__["ref"])([{ type: 0, numList: [] }, { type: 1, numList: [] }]); const form = Object(vue__WEBPACK_IMPORTED_MODULE_0__["ref"])({ sceneName: '', caseTitle: '', isObj: 1 }); const pagination = Object(vue__WEBPACK_IMPORTED_MODULE_0__["ref"])({ total: 0, current: 1, pageSize: 6, showSizeChanger: false }); const columns = [{ title: _lang__WEBPACK_IMPORTED_MODULE_1__["ui18n"].t('program.case.sceneName'), dataIndex: 'name', key: 'name', width: '250px' }, { title: _lang__WEBPACK_IMPORTED_MODULE_1__["ui18n"].t('program.case.num'), dataIndex: 'num', key: 'num' }, { title: _lang__WEBPACK_IMPORTED_MODULE_1__["ui18n"].t('program.scene.calcDone'), dataIndex: 'algorithmTime', key: 'algorithmTime' }, { title: _lang__WEBPACK_IMPORTED_MODULE_1__["ui18n"].t('program.auth.status'), dataIndex: 'status', key: 'status', width: '130px', slots: { customRender: 'status' } }]; const handleCaseDelete = async record => { if (await useConfirm(_lang__WEBPACK_IMPORTED_MODULE_1__["ui18n"].t('program.sceneDown.delMsg'))) { deleteScene(SceneType.case, record.caseId); await caseDelete(record.caseId); getcaseList(); } }; const rowChangeBoxProps = record => ({ disabled: record.status !== 2 || record.inCase // 禁用status不为2 }); const changeHandler = ids => { selectState.value.find(i => i.type === form.value.isObj).numList = ids; }; const resetSelectState = () => { selectState.value = [{ type: 0, numList: [] }, { type: 1, numList: [] }]; }; const handleSceneReset = () => { form.value.isObj = 1; form.value.sceneName = ''; form.value.caseTitle = ''; pagination.value.current = 1; load(); }; const handleSceneSearch = () => { pagination.value.current = 1; load(); }; const handleSubmit = async () => { if (!(form.value.caseTitle || '').trim()) { ant_design_vue__WEBPACK_IMPORTED_MODULE_2__["message"].error(_lang__WEBPACK_IMPORTED_MODULE_1__["ui18n"].t('program.case.miss_case_title')); return; } posting.value = true; try { await Object(_app_program_store_case__WEBPACK_IMPORTED_MODULE_4__["saveCase"])({ caseTitle: (form.value.caseTitle || '').trim(), sceneNumParam: selectState.value }); resetSelectState(); handleSceneReset(); emits('update:show', true); } catch (e) {} posting.value = false; }; const handleCancel = () => { resetSelectState(); handleSceneReset(); emits('update:show', false); }; const handleSceneNameTrim = e => { let value = e.target.value.trimStart(); form.value.sceneName = value; }; const handleTableChange = (paging, filters, sorter) => { pagination.value.current = paging.current; load(); }; const load = () => { const params = { ...Object(vue__WEBPACK_IMPORTED_MODULE_0__["unref"])(form), pageNum: Object(vue__WEBPACK_IMPORTED_MODULE_0__["unref"])(pagination).current, pageSize: Object(vue__WEBPACK_IMPORTED_MODULE_0__["unref"])(pagination).pageSize }; loading.value = true; Object(_app_program_store_case__WEBPACK_IMPORTED_MODULE_4__["loadAllScenes"])(params).then(data => { pagination.value.total = data.data.total; casesData.value = data.data.list; loading.value = false; }).catch(() => { loading.value = false; }); }; Object(vue__WEBPACK_IMPORTED_MODULE_0__["watch"])(() => props.show, () => { if (props.show) { load(); } }); const __returned__ = { emits, props, antLang, posting, loading, cases, casesData, selectState, form, pagination, columns, handleCaseDelete, rowChangeBoxProps, changeHandler, resetSelectState, handleSceneReset, handleSceneSearch, handleSubmit, handleCancel, handleSceneNameTrim, handleTableChange, load, ref: vue__WEBPACK_IMPORTED_MODULE_0__["ref"], computed: vue__WEBPACK_IMPORTED_MODULE_0__["computed"], watch: vue__WEBPACK_IMPORTED_MODULE_0__["watch"], onMounted: vue__WEBPACK_IMPORTED_MODULE_0__["onMounted"], unref: vue__WEBPACK_IMPORTED_MODULE_0__["unref"], ui18n: _lang__WEBPACK_IMPORTED_MODULE_1__["ui18n"], message: ant_design_vue__WEBPACK_IMPORTED_MODULE_2__["message"], UnData: _components_un_data_index_vue__WEBPACK_IMPORTED_MODULE_3__["default"], loadAllScenes: _app_program_store_case__WEBPACK_IMPORTED_MODULE_4__["loadAllScenes"], saveCase: _app_program_store_case__WEBPACK_IMPORTED_MODULE_4__["saveCase"] }; Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true }); return __returned__; } }); /***/ }), /***/ "../../node_modules/cache-loader/dist/cjs.js?!../../node_modules/babel-loader/lib/index.js!../../node_modules/ts-loader/index.js?!../../node_modules/cache-loader/dist/cjs.js?!../../node_modules/vue-loader-v16/dist/index.js?!./src/app/program/views/case/index.vue?vue&type=script&lang=ts&setup=true": /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** D:/web_src/4dkankan_v4/node_modules/cache-loader/dist/cjs.js??ref--14-0!D:/web_src/4dkankan_v4/node_modules/babel-loader/lib!D:/web_src/4dkankan_v4/node_modules/ts-loader??ref--14-2!D:/web_src/4dkankan_v4/node_modules/cache-loader/dist/cjs.js??ref--1-0!D:/web_src/4dkankan_v4/node_modules/vue-loader-v16/dist??ref--1-1!./src/app/program/views/case/index.vue?vue&type=script&lang=ts&setup=true ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.error.cause.js */ "../../node_modules/core-js/modules/es.error.cause.js"); /* harmony import */ var core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ "../../node_modules/core-js/modules/es.array.push.js"); /* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "../../node_modules/vue/dist/vue.runtime.esm-bundler.js"); /* harmony import */ var _app_program_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/app/program/router */ "./src/app/program/router.ts"); /* harmony import */ var _ant_design_icons_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ant-design/icons-vue */ "../../node_modules/@ant-design/icons-vue/es/index.js"); /* harmony import */ var _components_un_data_index_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/un-data/index.vue */ "./src/app/program/components/un-data/index.vue"); /* harmony import */ var _store_auth__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../store/auth */ "./src/app/program/store/auth.ts"); /* harmony import */ var _app_program_hook__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @/app/program/hook */ "./src/app/program/hook/index.ts"); /* harmony import */ var _app_program_store_sys__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @/app/program/store/sys */ "./src/app/program/store/sys.ts"); /* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ant-design-vue */ "../../node_modules/ant-design-vue/es/index.js"); /* harmony import */ var _lang__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @/lang */ "./src/lang/index.ts"); /* harmony import */ var _Create_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Create.vue */ "./src/app/program/views/case/Create.vue"); /* harmony import */ var _app_program_store_case__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @/app/program/store/case */ "./src/app/program/store/case.ts"); /* harmony import */ var _app_program_assets_scene_cover_png__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @/app/program/assets/scene-cover.png */ "./src/app/program/assets/scene-cover.png"); /* harmony import */ var _app_program_assets_scene_cover_png__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_app_program_assets_scene_cover_png__WEBPACK_IMPORTED_MODULE_13__); /* harmony import */ var _app_program_hook_serve__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @/app/program/hook/serve */ "./src/app/program/hook/serve.ts"); /* harmony import */ var ant_design_vue_es_locale_zh_CN__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ant-design-vue/es/locale/zh_CN */ "../../node_modules/ant-design-vue/es/locale/zh_CN.js"); /* harmony import */ var ant_design_vue_es_locale_en_US__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ant-design-vue/es/locale/en_US */ "../../node_modules/ant-design-vue/es/locale/en_US.js"); /* harmony import */ var ant_design_vue_es_locale_ja_JP__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ant-design-vue/es/locale/ja_JP */ "../../node_modules/ant-design-vue/es/locale/ja_JP.js"); var __awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) { function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } return new (P || (P = Promise))(function (resolve, reject) { function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } step((generator = generator.apply(thisArg, _arguments || [])).next()); }); }; var __generator = undefined && undefined.__generator || function (thisArg, body) { var _ = { label: 0, sent: function () { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g; return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g; function verb(n) { return function (v) { return step([n, v]); }; } function step(op) { if (f) throw new TypeError("Generator is already executing."); while (g && (g = 0, op[0] && (_ = 0)), _) try { if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t; if (y = 0, t) op = [op[0] & 2, t.value]; switch (op[0]) { case 0: case 1: t = op; break; case 4: _.label++; return { value: op[1], done: false }; case 5: _.label++; y = op[1]; op = [0]; continue; case 7: op = _.ops.pop(); _.trys.pop(); continue; default: if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; } if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) { _.label = op[1]; break; } if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; } if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; } if (t[2]) _.ops.pop(); _.trys.pop(); continue; } op = body.call(thisArg, _); } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; } if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true }; } }; /* harmony default export */ __webpack_exports__["default"] = (/*#__PURE__*/Object(vue__WEBPACK_IMPORTED_MODULE_2__["defineComponent"])({ __name: 'index', setup: function (__props, _a) { var _this = this; var expose = _a.expose; expose(); var antLang = Object(vue__WEBPACK_IMPORTED_MODULE_2__["computed"])(function () { if (_lang__WEBPACK_IMPORTED_MODULE_10__["lang"] === 'zh') { return ant_design_vue_es_locale_zh_CN__WEBPACK_IMPORTED_MODULE_15__["default"]; } else if (_lang__WEBPACK_IMPORTED_MODULE_10__["lang"] === "en") { return ant_design_vue_es_locale_en_US__WEBPACK_IMPORTED_MODULE_16__["default"]; } else if (_lang__WEBPACK_IMPORTED_MODULE_10__["lang"] === "ja") { return ant_design_vue_es_locale_ja_JP__WEBPACK_IMPORTED_MODULE_17__["default"]; } }); var scenes = Object(vue__WEBPACK_IMPORTED_MODULE_2__["ref"])([]); var columns = Object(vue__WEBPACK_IMPORTED_MODULE_2__["computed"])(function () { var base = [{ title: '', slots: { customRender: 'cover' }, width: '10%' }, { title: '', slots: { customRender: 'infos' }, width: '70%' }, { title: '', slots: { customRender: 'action' }, width: '20%' }]; return base; }); var pagination = Object(vue__WEBPACK_IMPORTED_MODULE_2__["ref"])({ total: 0, current: 1, pageSize: 5, showSizeChanger: false }); var keyword = Object(vue__WEBPACK_IMPORTED_MODULE_2__["ref"])(''); var packing = Object(vue__WEBPACK_IMPORTED_MODULE_2__["ref"])({ errCode: 0, percent: 0, status: null, url: null, caseId: null }); var showCreate = Object(vue__WEBPACK_IMPORTED_MODULE_2__["ref"])(false); var delScene = function (records) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) { return [2 /*return*/]; }); }); }; var handleCreateUpdate = function (returnVal) { if (returnVal) { pagination.value.current = 1; load(); } showCreate.value = false; }; var handleView = function (record) { Object(_app_program_router__WEBPACK_IMPORTED_MODULE_3__["jump"])({ name: _app_program_router__WEBPACK_IMPORTED_MODULE_3__["metas"].edit.name, params: { m: record.caseId, title: record.caseTitle, type: _app_program_store_sys__WEBPACK_IMPORTED_MODULE_8__["SceneType"].fuse } }); }; var handleCaseEdit = function (record) { // isPanelCollapse.value = true Object(_app_program_router__WEBPACK_IMPORTED_MODULE_3__["jump"])({ name: _app_program_router__WEBPACK_IMPORTED_MODULE_3__["metas"].edit.name, params: { m: record.caseId, title: record.caseTitle, type: _app_program_store_sys__WEBPACK_IMPORTED_MODULE_8__["SceneType"].case, edit: 1 } }); }; var timer; var openDir = function (path) { console.log('openDir', path); Object(_app_program_hook_serve__WEBPACK_IMPORTED_MODULE_14__["useSend"])('openDir', path); }; var handleCaseDownload = function (record) { return __awaiter(_this, void 0, void 0, function () { var _a, data, err, res; var _this = this; return __generator(this, function (_b) { switch (_b.label) { case 0: return [4 /*yield*/, Object(_app_program_hook_serve__WEBPACK_IMPORTED_MODULE_14__["useInteractive"])('selectDir', { title: _lang__WEBPACK_IMPORTED_MODULE_10__["ui18n"].t('program.menu.selectTitle'), append: '' })]; case 1: _a = _b.sent(), data = _a.data, err = _a.err; if (!data) return [3 /*break*/, 3]; return [4 /*yield*/, Object(_app_program_store_case__WEBPACK_IMPORTED_MODULE_12__["caseRequestDownloadOffline"])(record.caseId, data)]; case 2: res = _b.sent(); console.error('handleCaseDownload', res); if (res.data.code == 8038) { ant_design_vue__WEBPACK_IMPORTED_MODULE_9__["message"].warn(_lang__WEBPACK_IMPORTED_MODULE_10__["ui18n"].t('program.case.errmsg_8038')); return [2 /*return*/]; } packing.value.errCode = 0; timer = setInterval(function () { return __awaiter(_this, void 0, void 0, function () { var res; return __generator(this, function (_a) { switch (_a.label) { case 0: return [4 /*yield*/, Object(_app_program_store_case__WEBPACK_IMPORTED_MODULE_12__["caseRequestDownloadProcess"])(record.caseId)]; case 1: res = _a.sent(); console.log('res', res); if (res) { packing.value.status = res.status; packing.value.url = res.url; packing.value.percent = res.percent; packing.value.caseId = res.caseId; load(); } if (res.status === 1003 || res.status === 1004 || res.percent === 100) { if (res.percent != 100) { packing.value.errCode = res.status; } packing.value.status = 0; packing.value.url = ''; packing.value.percent = 0; packing.value.caseId = ""; clearInterval(timer); load(); console.log('失败或成功'); } return [2 /*return*/]; } }); }); }, 1000); return [3 /*break*/, 4]; case 3: if (err === 401) { ant_design_vue__WEBPACK_IMPORTED_MODULE_9__["message"].error(_lang__WEBPACK_IMPORTED_MODULE_10__["ui18n"].t('program.menu.langTip')); } _b.label = 4; case 4: return [2 /*return*/]; } }); }); }; var handleCaseDelete = function (record) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) { switch (_a.label) { case 0: return [4 /*yield*/, Object(_app_program_hook__WEBPACK_IMPORTED_MODULE_7__["useConfirm"])(_lang__WEBPACK_IMPORTED_MODULE_10__["ui18n"].t('program.sceneDown.delMsg'))]; case 1: if (!_a.sent()) return [3 /*break*/, 3]; // Todo 删除已打开选项卡 // deleteScene(SceneType.case, record.caseId); return [4 /*yield*/, Object(_app_program_store_case__WEBPACK_IMPORTED_MODULE_12__["deleCase"])(record.caseId)]; case 2: // Todo 删除已打开选项卡 // deleteScene(SceneType.case, record.caseId); _a.sent(); pagination.value.current = 1; load(); _a.label = 3; case 3: return [2 /*return*/]; } }); }); }; var handleSearch = function (clear) { if (clear) { keyword.value = ''; } pagination.value.current = 1; load(); }; var handleTableChange = function (paging, filters, sorter) { pagination.value.current = paging.current; load(); }; var onDownload = function (record) { if (record.offlineStatus == 0 && !record.offlineEndTime) { handleCaseDownload(record); } }; var load = function () { var params = { pageNum: Object(vue__WEBPACK_IMPORTED_MODULE_2__["unref"])(pagination).current, pageSize: Object(vue__WEBPACK_IMPORTED_MODULE_2__["unref"])(pagination).pageSize, caseTitle: keyword.value || '' }; Object(_app_program_store_case__WEBPACK_IMPORTED_MODULE_12__["loadAllCases"])(params).then(function (data) { pagination.value.total = data.data.total; scenes.value = data.data.list; }); }; Object(vue__WEBPACK_IMPORTED_MODULE_2__["onMounted"])(function () { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) { return [2 /*return*/]; }); }); }); load(); var __returned__ = { antLang: antLang, scenes: scenes, columns: columns, pagination: pagination, keyword: keyword, packing: packing, showCreate: showCreate, delScene: delScene, handleCreateUpdate: handleCreateUpdate, handleView: handleView, handleCaseEdit: handleCaseEdit, timer: timer, openDir: openDir, handleCaseDownload: handleCaseDownload, handleCaseDelete: handleCaseDelete, handleSearch: handleSearch, handleTableChange: handleTableChange, onDownload: onDownload, load: load, SearchOutlined: _ant_design_icons_vue__WEBPACK_IMPORTED_MODULE_4__["SearchOutlined"], CloseCircleOutlined: _ant_design_icons_vue__WEBPACK_IMPORTED_MODULE_4__["CloseCircleOutlined"], UnData: _components_un_data_index_vue__WEBPACK_IMPORTED_MODULE_5__["default"], info: _store_auth__WEBPACK_IMPORTED_MODULE_6__["info"], Create: _Create_vue__WEBPACK_IMPORTED_MODULE_11__["default"], cover: _app_program_assets_scene_cover_png__WEBPACK_IMPORTED_MODULE_13___default.a }; Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true }); return __returned__; } })); /***/ }), /***/ "../../node_modules/cache-loader/dist/cjs.js?!../../node_modules/babel-loader/lib/index.js!../../node_modules/ts-loader/index.js?!../../node_modules/vue-loader-v16/dist/templateLoader.js?!../../node_modules/cache-loader/dist/cjs.js?!../../node_modules/vue-loader-v16/dist/index.js?!./src/app/program/views/case/index.vue?vue&type=template&id=272ac7a6&scoped=true&ts=true": /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** D:/web_src/4dkankan_v4/node_modules/cache-loader/dist/cjs.js??ref--14-0!D:/web_src/4dkankan_v4/node_modules/babel-loader/lib!D:/web_src/4dkankan_v4/node_modules/ts-loader??ref--14-2!D:/web_src/4dkankan_v4/node_modules/vue-loader-v16/dist/templateLoader.js??ref--7!D:/web_src/4dkankan_v4/node_modules/cache-loader/dist/cjs.js??ref--1-0!D:/web_src/4dkankan_v4/node_modules/vue-loader-v16/dist??ref--1-1!./src/app/program/views/case/index.vue?vue&type=template&id=272ac7a6&scoped=true&ts=true ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "../../node_modules/vue/dist/vue.runtime.esm-bundler.js"); var _withScopeId = function (n) { return Object(vue__WEBPACK_IMPORTED_MODULE_0__["pushScopeId"])("data-v-272ac7a6"), n = n(), Object(vue__WEBPACK_IMPORTED_MODULE_0__["popScopeId"])(), n; }; var _hoisted_1 = { class: "content-layer scene-layer" }; var _hoisted_2 = { class: "list-header" }; var _hoisted_3 = { class: "action-ctrl" }; var _hoisted_4 = { class: "action" }; var _hoisted_5 = { class: "icons" }; var _hoisted_6 = { class: "list-container" }; var _hoisted_7 = { class: "left" }; var _hoisted_8 = ["onClick"]; var _hoisted_9 = ["src"]; var _hoisted_10 = { class: "infos" }; var _hoisted_11 = /*#__PURE__*/_withScopeId(function () { /*#__PURE__*/return Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementVNode"])("div", { class: "infos_detail" }, [/*#__PURE__*/Object(vue__WEBPACK_IMPORTED_MODULE_0__["createCommentVNode"])("

{{ $t('program.case.updateTime') }}： {{ record.updateTime }}

"), /*#__PURE__*/Object(vue__WEBPACK_IMPORTED_MODULE_0__["createCommentVNode"])(" "), /*#__PURE__*/Object(vue__WEBPACK_IMPORTED_MODULE_0__["createCommentVNode"])(" "), /*#__PURE__*/Object(vue__WEBPACK_IMPORTED_MODULE_0__["createCommentVNode"])(" ")], -1 /* HOISTED */); }); var _hoisted_12 = { class: "scene-actions" }; var _hoisted_13 = { class: "menu-btn" }; var _hoisted_14 = { href: "javascript:;", style: { "padding": "5px 0" } }; var _hoisted_15 = { href: "javascript:;", style: { "padding": "5px 0" } }; var _hoisted_16 = /*#__PURE__*/_withScopeId(function () { /*#__PURE__*/return Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementVNode"])("i", { class: "icon iconfont icon-folder", style: { "font-size": "14px", "padding": "5px 0" } }, null, -1 /* HOISTED */); }); var _hoisted_17 = { href: "javascript:;", style: { "padding": "5px 0" } }; var _hoisted_18 = /*#__PURE__*/_withScopeId(function () { /*#__PURE__*/return Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementVNode"])("i", { class: "icon iconfont icon-refresh", style: { "font-size": "14px", "padding": "5px 0" } }, null, -1 /* HOISTED */); }); var _hoisted_19 = { href: "javascript:;", style: { "padding": "5px 0" } }; var _hoisted_20 = /*#__PURE__*/_withScopeId(function () { /*#__PURE__*/return Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementVNode"])("i", { class: "icon iconfont icon-refresh", style: { "font-size": "14px", "padding": "5px 0" } }, null, -1 /* HOISTED */); }); var _hoisted_21 = { key: 0 }; var _hoisted_22 = { key: 1 }; var _hoisted_23 = { class: "menu-btn" }; function render(_ctx, _cache, $props, $setup, $data, $options) { var _component_a_input = Object(vue__WEBPACK_IMPORTED_MODULE_0__["resolveComponent"])("a-input"); var _component_a_input_group = Object(vue__WEBPACK_IMPORTED_MODULE_0__["resolveComponent"])("a-input-group"); var _component_a_button = Object(vue__WEBPACK_IMPORTED_MODULE_0__["resolveComponent"])("a-button"); var _component_a_menu_item = Object(vue__WEBPACK_IMPORTED_MODULE_0__["resolveComponent"])("a-menu-item"); var _component_a_menu = Object(vue__WEBPACK_IMPORTED_MODULE_0__["resolveComponent"])("a-menu"); var _component_a_dropdown = Object(vue__WEBPACK_IMPORTED_MODULE_0__["resolveComponent"])("a-dropdown"); var _component_a_table = Object(vue__WEBPACK_IMPORTED_MODULE_0__["resolveComponent"])("a-table"); var _component_a_config_provider = Object(vue__WEBPACK_IMPORTED_MODULE_0__["resolveComponent"])("a-config-provider"); return Object(vue__WEBPACK_IMPORTED_MODULE_0__["openBlock"])(), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementBlock"])("div", _hoisted_1, [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createVNode"])(_component_a_config_provider, { locale: $setup.antLang }, { default: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(function () { return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementVNode"])("div", _hoisted_2, [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementVNode"])("div", _hoisted_3, [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementVNode"])("div", _hoisted_4, [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createVNode"])(_component_a_input_group, { compact: "", class: "input" }, { default: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(function () { return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createVNode"])(_component_a_input, { class: "search-input", style: { "width": "292px" }, value: $setup.keyword, "onUpdate:value": _cache[1] || (_cache[1] = function ($event) { return $setup.keyword = $event; }), placeholder: _ctx.$t('sys.searchAll'), onChange: _cache[2] || (_cache[2] = function ($event) { return $setup.handleSearch(false); }) }, { suffix: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(function () { return [$setup.keyword ? (Object(vue__WEBPACK_IMPORTED_MODULE_0__["openBlock"])(), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createBlock"])($setup["CloseCircleOutlined"], { key: 0, style: { "margin-right": "10px" }, onClick: _cache[0] || (_cache[0] = function ($event) { return $setup.handleSearch(true); }) })) : Object(vue__WEBPACK_IMPORTED_MODULE_0__["createCommentVNode"])("v-if", true), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createVNode"])($setup["SearchOutlined"])]; }), _: 1 /* STABLE */ }, 8 /* PROPS */, ["value", "placeholder"])]; }), _: 1 /* STABLE */ })]), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementVNode"])("div", _hoisted_5, [$setup.scenes.length ? (Object(vue__WEBPACK_IMPORTED_MODULE_0__["openBlock"])(), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createBlock"])(_component_a_button, { key: 0, class: "sync-btn", type: "primary", size: "middle", style: { "margin-right": "10px" }, onClick: _cache[3] || (_cache[3] = function ($event) { return $setup.handleSearch(true); }) }, { default: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(function () { return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createTextVNode"])(Object(vue__WEBPACK_IMPORTED_MODULE_0__["toDisplayString"])(_ctx.$t('program.camera.refesh')), 1 /* TEXT */)]; }), _: 1 /* STABLE */ })) : Object(vue__WEBPACK_IMPORTED_MODULE_0__["createCommentVNode"])("v-if", true), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createVNode"])(_component_a_button, { class: "sync-btn", type: "primary", size: "middle", onClick: _cache[4] || (_cache[4] = function ($event) { return $setup.showCreate = true; }) }, { default: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(function () { return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createTextVNode"])(Object(vue__WEBPACK_IMPORTED_MODULE_0__["toDisplayString"])(_ctx.$t('program.case.create')), 1 /* TEXT */)]; }), _: 1 /* STABLE */ })])])]), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementVNode"])("div", _hoisted_6, [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementVNode"])("div", _hoisted_7, [$setup.scenes.length ? (Object(vue__WEBPACK_IMPORTED_MODULE_0__["openBlock"])(), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createBlock"])(_component_a_table, { key: 0, class: "content-table", rowKey: '_id', columns: $setup.columns, "data-source": $setup.scenes, pagination: $setup.pagination, onChange: $setup.handleTableChange }, { cover: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(function (_a) { var record = _a.record; return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementVNode"])("div", { class: "cover onC", onClick: function ($event) { return $setup.handleView(record); } }, [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementVNode"])("img", { src: $setup.cover }, null, 8 /* PROPS */, _hoisted_9)], 8 /* PROPS */, _hoisted_8)]; }), infos: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(function (_a) { var record = _a.record; return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementVNode"])("div", _hoisted_10, [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementVNode"])("h3", null, Object(vue__WEBPACK_IMPORTED_MODULE_0__["toDisplayString"])(record.caseTitle), 1 /* TEXT */), _hoisted_11])]; }), action: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(function (_a) { var record = _a.record; return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createCommentVNode"])(" {{ record }} "), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementVNode"])("div", _hoisted_12, [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createVNode"])(_component_a_button, { type: "link", onClick: function ($event) { return $setup.handleCaseEdit(record); } }, { default: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(function () { return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementVNode"])("span", _hoisted_13, Object(vue__WEBPACK_IMPORTED_MODULE_0__["toDisplayString"])(_ctx.$t('program.sceneDown.edit')), 1 /* TEXT */)]; }), _: 2 /* DYNAMIC */ }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"]), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createCommentVNode"])(" \r\n \r\n {{ $t('program.sceneDown.down') }}\r\n \r\n "), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createVNode"])(_component_a_dropdown, { trigger: ['click'] }, { overlay: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(function () { return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["withDirectives"])(Object(vue__WEBPACK_IMPORTED_MODULE_0__["createVNode"])(_component_a_menu, null, { default: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(function () { return [$setup.packing.status === 1000 && record.caseId == $setup.packing.caseId ? (Object(vue__WEBPACK_IMPORTED_MODULE_0__["openBlock"])(), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createBlock"])(_component_a_menu_item, { key: "-2", disabled: true }, { default: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(function () { return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementVNode"])("a", _hoisted_14, Object(vue__WEBPACK_IMPORTED_MODULE_0__["toDisplayString"])(_ctx.$t('program.sceneDetail.packing')) + "： " + Object(vue__WEBPACK_IMPORTED_MODULE_0__["toDisplayString"])($setup.packing.percent) + " % ", 1 /* TEXT */)]; }), _: 1 /* STABLE */ })) : Object(vue__WEBPACK_IMPORTED_MODULE_0__["createCommentVNode"])("v-if", true), $setup.packing.status != 1000 && record.offlineStatus == 2 ? (Object(vue__WEBPACK_IMPORTED_MODULE_0__["openBlock"])(), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createBlock"])(_component_a_menu_item, { key: "0", onClick: function ($event) { return $setup.openDir(record.offlinePath); } }, { default: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(function () { return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementVNode"])("a", _hoisted_15, [_hoisted_16, Object(vue__WEBPACK_IMPORTED_MODULE_0__["createTextVNode"])(" " + Object(vue__WEBPACK_IMPORTED_MODULE_0__["toDisplayString"])(_ctx.$t('program.case.local')), 1 /* TEXT */)]), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementVNode"])("div", null, Object(vue__WEBPACK_IMPORTED_MODULE_0__["toDisplayString"])(_ctx.$t('program.case.packedTime')) + "：" + Object(vue__WEBPACK_IMPORTED_MODULE_0__["toDisplayString"])(record.offlineEndTime), 1 /* TEXT */)]; }), _: 2 /* DYNAMIC */ }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"])) : Object(vue__WEBPACK_IMPORTED_MODULE_0__["createCommentVNode"])("v-if", true), $setup.packing.status != 1000 && record.offlineStatus == 2 ? (Object(vue__WEBPACK_IMPORTED_MODULE_0__["openBlock"])(), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createBlock"])(_component_a_menu_item, { key: "1", onClick: function ($event) { return $setup.handleCaseDownload(record); }, disabled: $setup.packing.status === 1000 && record.caseId === $setup.packing.caseId }, { default: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(function () { return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementVNode"])("a", _hoisted_17, [_hoisted_18, Object(vue__WEBPACK_IMPORTED_MODULE_0__["createTextVNode"])(" " + Object(vue__WEBPACK_IMPORTED_MODULE_0__["toDisplayString"])(_ctx.$t('program.sceneDetail.reFirstPacking')), 1 /* TEXT */)])]; }), _: 2 /* DYNAMIC */ }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick", "disabled"])) : Object(vue__WEBPACK_IMPORTED_MODULE_0__["createCommentVNode"])("v-if", true), $setup.packing.status != 1000 && [-1, 1003, 1004].includes(record.offlineStatus) ? (Object(vue__WEBPACK_IMPORTED_MODULE_0__["openBlock"])(), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createBlock"])(_component_a_menu_item, { key: "-1", onClick: function ($event) { return $setup.handleCaseDownload(record); } }, { default: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(function () { return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementVNode"])("a", _hoisted_19, [_hoisted_20, Object(vue__WEBPACK_IMPORTED_MODULE_0__["createTextVNode"])(" " + Object(vue__WEBPACK_IMPORTED_MODULE_0__["toDisplayString"])(_ctx.$t('program.sceneDown.recalc')), 1 /* TEXT */)]), $setup.packing.errCode ? (Object(vue__WEBPACK_IMPORTED_MODULE_0__["openBlock"])(), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementBlock"])("div", _hoisted_21, Object(vue__WEBPACK_IMPORTED_MODULE_0__["toDisplayString"])($setup.packing.errCode == 1003 ? _ctx.$t('program.case.errmsg') : _ctx.$t('program.case.errmsg_full')), 1 /* TEXT */)) : (Object(vue__WEBPACK_IMPORTED_MODULE_0__["openBlock"])(), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementBlock"])("div", _hoisted_22, Object(vue__WEBPACK_IMPORTED_MODULE_0__["toDisplayString"])([-1, 1003].includes(record.offlineStatus) ? _ctx.$t('program.case.errmsg') : _ctx.$t('program.case.errmsg_full')), 1 /* TEXT */))]; }), _: 2 /* DYNAMIC */ }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"])) : Object(vue__WEBPACK_IMPORTED_MODULE_0__["createCommentVNode"])("v-if", true)]; }), _: 2 /* DYNAMIC */ }, 1536 /* NEED_PATCH, DYNAMIC_SLOTS */), [[vue__WEBPACK_IMPORTED_MODULE_0__["vShow"], $setup.packing.status || record.offlineStatus != 0]])]; }), default: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(function () { return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createVNode"])(_component_a_button, { type: "link", onClick: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withModifiers"])(function ($event) { return $setup.onDownload(record); }, ["prevent"]), disabled: $setup.packing.status === 1000 && record.caseId != $setup.packing.caseId }, { default: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(function () { return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createTextVNode"])(Object(vue__WEBPACK_IMPORTED_MODULE_0__["toDisplayString"])(_ctx.$t('program.sceneDown.down')), 1 /* TEXT */), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createCommentVNode"])(" ")]; }), _: 2 /* DYNAMIC */ }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick", "disabled"])]; }), _: 2 /* DYNAMIC */ }, 1024 /* DYNAMIC_SLOTS */), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createVNode"])(_component_a_button, { type: "link", onClick: function ($event) { return $setup.handleCaseDelete(record); } }, { default: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(function () { return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementVNode"])("span", _hoisted_23, Object(vue__WEBPACK_IMPORTED_MODULE_0__["toDisplayString"])(_ctx.$t('program.delete')), 1 /* TEXT */)]; }), _: 2 /* DYNAMIC */ }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"])])]; }), _: 1 /* STABLE */ }, 8 /* PROPS */, ["columns", "data-source", "pagination"])) : (Object(vue__WEBPACK_IMPORTED_MODULE_0__["openBlock"])(), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createBlock"])($setup["UnData"], { key: 1, desc: $setup.keyword ? _ctx.$t('program.case.unKeySearch') : _ctx.$t('program.case.empty') }, { default: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(function () { return [!$setup.keyword ? (Object(vue__WEBPACK_IMPORTED_MODULE_0__["openBlock"])(), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementBlock"])("div", { key: 0, class: Object(vue__WEBPACK_IMPORTED_MODULE_0__["normalizeClass"])({ disabled: !$setup.info }) }, [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createVNode"])(_component_a_button, { class: "sync-btn", type: "primary", size: "middle", onClick: _cache[5] || (_cache[5] = function ($event) { return $setup.showCreate = true; }) }, { default: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(function () { return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createTextVNode"])(Object(vue__WEBPACK_IMPORTED_MODULE_0__["toDisplayString"])(_ctx.$t('program.case.create')), 1 /* TEXT */)]; }), _: 1 /* STABLE */ })], 2 /* CLASS */)) : Object(vue__WEBPACK_IMPORTED_MODULE_0__["createCommentVNode"])("v-if", true)]; }), _: 1 /* STABLE */ }, 8 /* PROPS */, ["desc"]))])]), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createVNode"])($setup["Create"], { show: $setup.showCreate, "onUpdate:show": $setup.handleCreateUpdate }, null, 8 /* PROPS */, ["show"])]; }), _: 1 /* STABLE */ }, 8 /* PROPS */, ["locale"])]); } /***/ }), /***/ "../../node_modules/cache-loader/dist/cjs.js?!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader-v16/dist/templateLoader.js?!../../node_modules/cache-loader/dist/cjs.js?!../../node_modules/vue-loader-v16/dist/index.js?!./src/app/program/views/case/Create.vue?vue&type=template&id=5cb453f8": /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** D:/web_src/4dkankan_v4/node_modules/cache-loader/dist/cjs.js??ref--13-0!D:/web_src/4dkankan_v4/node_modules/babel-loader/lib!D:/web_src/4dkankan_v4/node_modules/vue-loader-v16/dist/templateLoader.js??ref--7!D:/web_src/4dkankan_v4/node_modules/cache-loader/dist/cjs.js??ref--1-0!D:/web_src/4dkankan_v4/node_modules/vue-loader-v16/dist??ref--1-1!./src/app/program/views/case/Create.vue?vue&type=template&id=5cb453f8 ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "../../node_modules/vue/dist/vue.runtime.esm-bundler.js"); const _hoisted_1 = { class: "process-content", style: { "color": "white", "width": "100%", "overflow": "hidden" } }; function render(_ctx, _cache, $props, $setup, $data, $options) { const _component_a_input = Object(vue__WEBPACK_IMPORTED_MODULE_0__["resolveComponent"])("a-input"); const _component_a_form_item = Object(vue__WEBPACK_IMPORTED_MODULE_0__["resolveComponent"])("a-form-item"); const _component_a_form = Object(vue__WEBPACK_IMPORTED_MODULE_0__["resolveComponent"])("a-form"); const _component_a_select_option = Object(vue__WEBPACK_IMPORTED_MODULE_0__["resolveComponent"])("a-select-option"); const _component_a_select = Object(vue__WEBPACK_IMPORTED_MODULE_0__["resolveComponent"])("a-select"); const _component_a_button = Object(vue__WEBPACK_IMPORTED_MODULE_0__["resolveComponent"])("a-button"); const _component_a_table = Object(vue__WEBPACK_IMPORTED_MODULE_0__["resolveComponent"])("a-table"); const _component_a_modal = Object(vue__WEBPACK_IMPORTED_MODULE_0__["resolveComponent"])("a-modal"); return Object(vue__WEBPACK_IMPORTED_MODULE_0__["openBlock"])(), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createBlock"])(_component_a_modal, { centered: true, visible: $props.show, onCancel: $setup.handleCancel, title: _ctx.$t('program.case.add_case'), width: "790px", okText: _ctx.$t('program.rocre.ok'), cancelText: _ctx.$t('program.rocre.cancel'), "ok-button-props": { disabled: $setup.posting }, class: "dialog", onOk: $setup.handleSubmit }, { default: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(() => [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementVNode"])("div", _hoisted_1, [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createVNode"])(_component_a_form, { model: $setup.form, "wrapper-col": { span: 15 } }, { default: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(() => [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createVNode"])(_component_a_form_item, { label: _ctx.$t('program.case.caseTitle') }, { default: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(() => [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createVNode"])(_component_a_input, { value: $setup.form.caseTitle, "onUpdate:value": _cache[0] || (_cache[0] = $event => $setup.form.caseTitle = $event), "show-count": "", style: { "width": "620px" }, placeholder: _ctx.$t('sys.inputPlc'), maxlength: 100 }, null, 8 /* PROPS */, ["value", "placeholder"])]), _: 1 /* STABLE */ }, 8 /* PROPS */, ["label"])]), _: 1 /* STABLE */ }, 8 /* PROPS */, ["model"]), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createVNode"])(_component_a_form, { layout: "inline", model: $setup.form }, { default: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(() => [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createVNode"])(_component_a_form_item, { label: _ctx.$t('program.case.title'), style: { "padding-left": "28px" } }, { default: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(() => [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createVNode"])(_component_a_input, { value: $setup.form.sceneName, "onUpdate:value": _cache[1] || (_cache[1] = $event => $setup.form.sceneName = $event), placeholder: _ctx.$t('sys.searchAll') }, null, 8 /* PROPS */, ["value", "placeholder"])]), _: 1 /* STABLE */ }, 8 /* PROPS */, ["label"]), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createVNode"])(_component_a_form_item, { label: _ctx.$t('program.case.sceneType') }, { default: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(() => [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createVNode"])(_component_a_select, { value: $setup.form.isObj, "onUpdate:value": _cache[2] || (_cache[2] = $event => $setup.form.isObj = $event), style: { "width": "130px" } }, { default: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(() => [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createVNode"])(_component_a_select_option, { value: 0 }, { default: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(() => [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createTextVNode"])(Object(vue__WEBPACK_IMPORTED_MODULE_0__["toDisplayString"])(_ctx.$t('program.scene.laserClo')), 1 /* TEXT */)]), _: 1 /* STABLE */ }), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createVNode"])(_component_a_select_option, { value: 1 }, { default: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(() => [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createTextVNode"])(Object(vue__WEBPACK_IMPORTED_MODULE_0__["toDisplayString"])(_ctx.$t('program.scene.laserObj')), 1 /* TEXT */)]), _: 1 /* STABLE */ })]), _: 1 /* STABLE */ }, 8 /* PROPS */, ["value"])]), _: 1 /* STABLE */ }, 8 /* PROPS */, ["label"]), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createVNode"])(_component_a_form_item, null, { default: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(() => [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createVNode"])(_component_a_button, { style: { "margin-left": "10px", "width": "80px" }, onClick: $setup.handleSceneReset }, { default: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(() => [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createTextVNode"])(Object(vue__WEBPACK_IMPORTED_MODULE_0__["toDisplayString"])(_ctx.$t('epoint.pointActions.reset')), 1 /* TEXT */)]), _: 1 /* STABLE */ }), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createVNode"])(_component_a_button, { type: "primary", style: { "margin-left": "10px", "width": "80px" }, onClick: $setup.handleSceneSearch }, { default: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(() => [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createTextVNode"])(Object(vue__WEBPACK_IMPORTED_MODULE_0__["toDisplayString"])(_ctx.$t('program.case.query')), 1 /* TEXT */)]), _: 1 /* STABLE */ })]), _: 1 /* STABLE */ })]), _: 1 /* STABLE */ }, 8 /* PROPS */, ["model"]), $setup.casesData.length > 0 ? (Object(vue__WEBPACK_IMPORTED_MODULE_0__["openBlock"])(), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createBlock"])(_component_a_table, { key: 0, class: "content-table", rowKey: 'num', "row-selection": { selectedRowKeys: $setup.selectState.find(i => i.type === $setup.form.isObj).numList, onChange: $setup.changeHandler, getCheckboxProps: $setup.rowChangeBoxProps }, columns: $setup.columns, "data-source": $setup.casesData, pagination: $setup.pagination, loading: $setup.loading, style: { marginTop: '10px' }, onChange: $setup.handleTableChange }, { status: Object(vue__WEBPACK_IMPORTED_MODULE_0__["withCtx"])(({ record }) => [Object(vue__WEBPACK_IMPORTED_MODULE_0__["createElementVNode"])("span", null, Object(vue__WEBPACK_IMPORTED_MODULE_0__["toDisplayString"])(_ctx.$t(`program.case.status_${record.status}`)), 1 /* TEXT */)]), _: 1 /* STABLE */ }, 8 /* PROPS */, ["row-selection", "data-source", "pagination", "loading"])) : (Object(vue__WEBPACK_IMPORTED_MODULE_0__["openBlock"])(), Object(vue__WEBPACK_IMPORTED_MODULE_0__["createBlock"])($setup["UnData"], { key: 1, desc: _ctx.$t('sys.unData'), style: { "min-height": "320px" } }, null, 8 /* PROPS */, ["desc"]))])]), _: 1 /* STABLE */ }, 8 /* PROPS */, ["visible", "title", "okText", "cancelText", "ok-button-props"]); } /***/ }), /***/ "../../node_modules/css-loader/dist/cjs.js?!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js?!../../node_modules/cache-loader/dist/cjs.js?!../../node_modules/vue-loader-v16/dist/index.js?!./src/app/program/views/case/Create.vue?vue&type=style&index=0&id=5cb453f8&lang=css": /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** D:/web_src/4dkankan_v4/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!D:/web_src/4dkankan_v4/node_modules/vue-loader-v16/dist/stylePostLoader.js!D:/web_src/4dkankan_v4/node_modules/postcss-loader/src??ref--7-oneOf-1-2!D:/web_src/4dkankan_v4/node_modules/cache-loader/dist/cjs.js??ref--1-0!D:/web_src/4dkankan_v4/node_modules/vue-loader-v16/dist??ref--1-1!./src/app/program/views/case/Create.vue?vue&type=style&index=0&id=5cb453f8&lang=css ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { // Imports var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "../../node_modules/css-loader/dist/runtime/api.js"); exports = ___CSS_LOADER_API_IMPORT___(false); // Module exports.push([module.i, "\n.ant-form-item-label {\r\n color: #fff;\n}\n.ant-input:focus,\r\n.ant-input-focused {\r\n border-color: rgba(255, 255, 255, 0.6);\n}\n.ant-input-affix-wrapper,\r\n.ant-select:not(.ant-select-customize-input) .ant-select-selector,\r\n.ant-input {\r\n background-color: RGBA(41, 41, 41, 1);\r\n border-color: rgba(255, 255, 255, 0.2);\r\n color: #fff;\n}\n.ant-form-item-label > label {\r\n color: #fff;\n}\n.ant-input-affix-wrapper .ant-input {\r\n background: none;\n}\n.ant-input-suffix,\r\n.ant-select-arrow {\r\n color: rgba(255, 255, 255, 0.7);\n}\n.ant-input-show-count-suffix {\r\n color: white;\n}\n.ant-select-focused:not(.ant-select-disabled).ant-select:not(\r\n .ant-select-customize-input\r\n )\r\n .ant-select-selector {\r\n border-color: rgba(255, 255, 255, 0.6);\n}\n.ant-select:not(.ant-select-disabled):hover .ant-select-selector {\r\n border-color: rgba(255, 255, 255, 0.6);\n}\n.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {\r\n border-color: rgba(255, 255, 255, 0.6);\n}\n.ant-checkbox-disabled .ant-checkbox-inner {\r\n background-color: rgba(255, 255, 255, 0.2);\n}\r\n", ""]); // Exports module.exports = exports; /***/ }), /***/ "../../node_modules/css-loader/dist/cjs.js?!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js?!../../node_modules/sass-loader/dist/cjs.js?!../../node_modules/cache-loader/dist/cjs.js?!../../node_modules/vue-loader-v16/dist/index.js?!./src/app/program/views/case/index.vue?vue&type=style&index=0&id=272ac7a6&lang=scss&scoped=true": /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** D:/web_src/4dkankan_v4/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!D:/web_src/4dkankan_v4/node_modules/vue-loader-v16/dist/stylePostLoader.js!D:/web_src/4dkankan_v4/node_modules/postcss-loader/src??ref--9-oneOf-1-2!D:/web_src/4dkankan_v4/node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!D:/web_src/4dkankan_v4/node_modules/cache-loader/dist/cjs.js??ref--1-0!D:/web_src/4dkankan_v4/node_modules/vue-loader-v16/dist??ref--1-1!./src/app/program/views/case/index.vue?vue&type=style&index=0&id=272ac7a6&lang=scss&scoped=true ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { // Imports var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "../../node_modules/css-loader/dist/runtime/api.js"); exports = ___CSS_LOADER_API_IMPORT___(false); // Module exports.push([module.i, ".scene-layer[data-v-272ac7a6] {\n flex-direction: column;\n}\n.cover[data-v-272ac7a6] {\n width: 120px;\n height: 80px;\n position: relative;\n}\n.cover.onC[data-v-272ac7a6] {\n cursor: pointer;\n}\n.cover img[data-v-272ac7a6] {\n width: 100%;\n height: 100%;\n display: block;\n}\n.cover span[data-v-272ac7a6] {\n background: rgba(0, 0, 0, 0.6);\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n color: #ffffff;\n}\n.infos[data-v-272ac7a6] {\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n}\n.infos .infos_detail[data-v-272ac7a6] {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 0 5px;\n}\n.infos.onC[data-v-272ac7a6] {\n cursor: pointer;\n}\n.infos *[data-v-272ac7a6] {\n margin: 0;\n}\n.infos h3[data-v-272ac7a6] {\n font-size: 14px;\n color: #ffffff;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n overflow: hidden;\n}\n.infos p[data-v-272ac7a6] {\n font-size: 12px;\n color: rgba(255, 255, 255, 0.7);\n}\n.action[data-v-272ac7a6] {\n color: #00c8af;\n display: flex;\n justify-content: space-around;\n}\n.action span[data-v-272ac7a6] {\n color: rgba(255, 255, 255, 0.3);\n}\n.action span[data-v-272ac7a6],\n.action a[data-v-272ac7a6] {\n overflow: hidden;\n flex: 1 1 0;\n flex-basis: 0;\n text-align: center;\n}\n.input[data-v-272ac7a6] {\n width: 500px;\n}\n.action-ctrl[data-v-272ac7a6] {\n display: flex;\n justify-content: space-between;\n width: 100%;\n overflow: hidden;\n margin: 0;\n}\n.action-ctrl .action .select-all[data-v-272ac7a6] {\n width: 120px;\n}\n.action-ctrl .action .select-cat[data-v-272ac7a6] {\n width: 100px;\n}\n.action-ctrl .action .search-input[data-v-272ac7a6] {\n width: 180px;\n}\n.action-ctrl .tab[data-v-272ac7a6] {\n display: flex;\n justify-content: flex-start;\n}\n.action-ctrl .tab h2[data-v-272ac7a6] {\n margin-right: 50px;\n font-size: 20px;\n font-weight: normal;\n padding-bottom: 8px;\n cursor: pointer;\n color: rgba(255, 255, 255, 0.7);\n transition: color 0.3s ease;\n}\n.action-ctrl .tab h2[data-v-272ac7a6]:hover {\n color: #fff;\n}\n.action-ctrl .tab h2.active[data-v-272ac7a6] {\n color: #fff;\n font-weight: bold;\n padding-bottom: 7px;\n}\n.action-ctrl .action[data-v-272ac7a6] {\n justify-content: flex-end;\n}\n.action-ctrl .icons[data-v-272ac7a6] {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.action-ctrl .icons .sync-btn[data-v-272ac7a6] {\n border-radius: 4px 4px 4px 4px;\n}\n.action-ctrl .icons .iconfont[data-v-272ac7a6] {\n margin-right: 24px;\n}\n.un-data[data-v-272ac7a6] {\n height: calc(100% - 80px);\n}\n.scene-action-info[data-v-272ac7a6] {\n text-align: right;\n}\n.scene-action-info > .info[data-v-272ac7a6] {\n margin-right: 80px;\n color: rgb(205, 127, 55);\n}\n.scene-action-info .ant-dropdown-link[data-v-272ac7a6] {\n margin-right: 80px;\n}\n.list-header[data-v-272ac7a6] {\n display: flex;\n width: 100%;\n padding-bottom: 19px;\n}\n.list-container[data-v-272ac7a6] {\n flex: 1;\n display: flex;\n width: 100%;\n min-height: 100%;\n overflow: hidden;\n background-color: rgb(27, 27, 28);\n}\n.list-container .left[data-v-272ac7a6] {\n flex: 1;\n overflow: hidden;\n}\n.list-container .right[data-v-272ac7a6] {\n flex: 0;\n max-width: 540px;\n margin-left: 60px;\n background-color: rgba(255, 255, 255, 0.06);\n color: #fff;\n padding: 30px;\n border-radius: 4px 4px 4px 4px;\n display: none;\n}\n@media screen and (min-width: 600px) and (max-width: 1440px) {\n.list-container.active[data-v-272ac7a6] .infos .infos_detail {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.list-container.active[data-v-272ac7a6] .infos .infos_detail .slash {\n display: none;\n}\n}\n.list-container.active .right[data-v-272ac7a6] {\n display: flex;\n animation: slideInRight-272ac7a6 0.3s ease-in-out forwards;\n flex: 0 0 540px;\n}\n@media screen and (min-width: 600px) and (max-width: 1440px) {\n.list-container.active .right[data-v-272ac7a6] {\n flex: 0 0 420px;\n}\n}\n.scene-actions[data-v-272ac7a6] {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n}\n.scene-actions[data-v-272ac7a6] .ant-btn-link {\n color: #00c8af;\n}\n.scene-actions[data-v-272ac7a6] .ant-btn-link:hover {\n color: rgba(255, 255, 255, 0.9);\n}\n@keyframes slideInRight-272ac7a6 {\nfrom {\n transform: translate3d(100%, 0, 0);\n visibility: visible;\n}\nto {\n transform: translate3d(0, 0, 0);\n}\n}", ""]); // Exports module.exports = exports; /***/ }), /***/ "../../node_modules/css-loader/dist/cjs.js?!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js?!../../node_modules/sass-loader/dist/cjs.js?!../../node_modules/cache-loader/dist/cjs.js?!../../node_modules/vue-loader-v16/dist/index.js?!./src/app/program/views/case/index.vue?vue&type=style&index=1&id=272ac7a6&lang=scss&scoped=true": /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** D:/web_src/4dkankan_v4/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!D:/web_src/4dkankan_v4/node_modules/vue-loader-v16/dist/stylePostLoader.js!D:/web_src/4dkankan_v4/node_modules/postcss-loader/src??ref--9-oneOf-1-2!D:/web_src/4dkankan_v4/node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!D:/web_src/4dkankan_v4/node_modules/cache-loader/dist/cjs.js??ref--1-0!D:/web_src/4dkankan_v4/node_modules/vue-loader-v16/dist??ref--1-1!./src/app/program/views/case/index.vue?vue&type=style&index=1&id=272ac7a6&lang=scss&scoped=true ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { // Imports var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "../../node_modules/css-loader/dist/runtime/api.js"); exports = ___CSS_LOADER_API_IMPORT___(false); // Module exports.push([module.i, ".scene-layer .action[data-v-272ac7a6] .ant-input-group,\n.scene-layer .action[data-v-272ac7a6] .ant-input-group .ant-input {\n text-align: left !important;\n}\n.ant-table-thead > tr > th[data-v-272ac7a6] {\n padding: 0 !important;\n border-bottom: none !important;\n height: 0 !important;\n line-height: 0 !important;\n visibility: hidden;\n}\n[data-v-272ac7a6] .ant-table-thead {\n display: none !important;\n}\n[data-v-272ac7a6] .ant-dropdown-menu-item-disabled {\n opacity: 0.5;\n}\n[data-v-272ac7a6] .ant-dropdown-menu-item {\n text-align: left;\n}\n[data-v-272ac7a6] .ant-dropdown-menu-title-content >div {\n color: rgba(255, 255, 255, 0.5);\n font-size: 12px;\n}", ""]); // Exports module.exports = exports; /***/ }), /***/ "../../node_modules/vue-style-loader/index.js?!../../node_modules/css-loader/dist/cjs.js?!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js?!../../node_modules/cache-loader/dist/cjs.js?!../../node_modules/vue-loader-v16/dist/index.js?!./src/app/program/views/case/Create.vue?vue&type=style&index=0&id=5cb453f8&lang=css": /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** D:/web_src/4dkankan_v4/node_modules/vue-style-loader??ref--7-oneOf-1-0!D:/web_src/4dkankan_v4/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!D:/web_src/4dkankan_v4/node_modules/vue-loader-v16/dist/stylePostLoader.js!D:/web_src/4dkankan_v4/node_modules/postcss-loader/src??ref--7-oneOf-1-2!D:/web_src/4dkankan_v4/node_modules/cache-loader/dist/cjs.js??ref--1-0!D:/web_src/4dkankan_v4/node_modules/vue-loader-v16/dist??ref--1-1!./src/app/program/views/case/Create.vue?vue&type=style&index=0&id=5cb453f8&lang=css ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { // style-loader: Adds some css to the DOM by adding a