From 0243fa63313ebf928894a86a8b4e465465c42ecf Mon Sep 17 00:00:00 2001 From: yxh <172933527@qq.com> Date: 星期四, 29 六月 2023 18:06:22 +0800 Subject: [PATCH] Merge branch 'wulong' of http://116.62.18.175:6699/r/~yxh/smartor-web into yxh01 --- src/views/repositoryai/verbaltrick/index.vue | 428 +++++--- src/assets/styles/variables.scss | 2 src/views/repositoryai/templateku/particulars/index.vue | 155 +++ src/views/repositoryai/templateku/configurat/index.vue | 350 +++++++ src/router/index.js | 5 src/utils/cm-setting.js | 13 src/assets/styles/element-variables.scss | 2 src/main.js | 9 src/views/repositoryai/verbaltrick/particulars/index.vue | 182 +++ package.json | 2 src/views/Intelligentcenter/centercontrol/index.vue | 249 ++++ src/views/previews.vue | 19 src/views/repositoryai/intention/index.vue | 303 +++-- src/views/repositoryai/templateku/index.vue | 1174 +++++++++++++++++++++++ 14 files changed, 2,538 insertions(+), 355 deletions(-) diff --git a/package.json b/package.json index d78f317..6b33458 100644 --- a/package.json +++ b/package.json @@ -39,6 +39,7 @@ "@riophae/vue-treeselect": "0.4.0", "axios": "0.24.0", "clipboard": "2.0.8", + "codemirror": "^5.65.13", "core-js": "^3.25.3", "cos-js-sdk-v5": "^1.4.18", "dayjs": "^1.11.7", @@ -60,6 +61,7 @@ "sortablejs": "1.10.2", "vue": "2.6.12", "vue-cli": "^2.9.6", + "vue-codemirror": "^4.0.6", "vue-count-to": "1.0.13", "vue-cropper": "0.5.5", "vue-meta": "2.4.0", diff --git a/src/assets/styles/element-variables.scss b/src/assets/styles/element-variables.scss index 1a7cce3..6baac93 100644 --- a/src/assets/styles/element-variables.scss +++ b/src/assets/styles/element-variables.scss @@ -4,7 +4,7 @@ **/ /* theme color */ -$--color-primary: #3a80c2; +$--color-primary: #3ba2f7; $--color-success: #13ce66; $--color-warning: #ffba00; $--color-danger: #ff4949; diff --git a/src/assets/styles/variables.scss b/src/assets/styles/variables.scss index 431299d..8b81233 100644 --- a/src/assets/styles/variables.scss +++ b/src/assets/styles/variables.scss @@ -13,7 +13,7 @@ // 榛樿鑿滃崟涓婚椋庢牸 $base-menu-color:#f7f8f8; $base-menu-color-active:#f4f4f5; -$base-menu-background:transparent; +$base-menu-background:#5788fe; $base-logo-title-color: #ffffff; $base-menu-light-color:rgba(0,0,0,.70); diff --git a/src/main.js b/src/main.js index 3bb7dce..3ae7057 100644 --- a/src/main.js +++ b/src/main.js @@ -20,7 +20,14 @@ import 'quill/dist/quill.core.css' import 'quill/dist/quill.snow.css' import 'quill/dist/quill.bubble.css' - Vue.use(VueQuillEditor) + Vue.use(VueQuillEditor); + // 寮曞叆 +import { codemirror } from "vue-codemirror"; +import "@/utils/cm-setting.js"; +Vue.component("codemirror", codemirror); +// import VueCodeMirror from 'vue-codemirror' +// import 'vue-codemirror/dist/codemirror.css' +// Vue.use(VueCodeMirror) //瀹炵幇quill-editor缂栬緫鍣ㄦ嫋鎷戒笂浼犲浘鐗� // import Quill from 'quill' diff --git a/src/router/index.js b/src/router/index.js index 4e05b6d..42def5b 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -47,6 +47,11 @@ hidden: true }, { + path: '/previews', + component: () => import('@/views/previews'), + hidden: true + }, + { path: '/register', component: () => import('@/views/register'), hidden: true diff --git a/src/utils/cm-setting.js b/src/utils/cm-setting.js new file mode 100644 index 0000000..2bdd0c6 --- /dev/null +++ b/src/utils/cm-setting.js @@ -0,0 +1,13 @@ +// cm-setting.js +// 缁勪欢鏍峰紡 +import "codemirror/lib/codemirror.css"; +// 涓婚 +import "codemirror/theme/3024-day.css"; // 寮曞叆涓婚鏍峰紡锛屾牴鎹缃殑theme鐨勪富棰樺紩鍏� +import "codemirror/theme/ayu-mirage.css"; +import "codemirror/theme/monokai.css"; +import 'codemirror/theme/rubyblue.css' +// html浠g爜楂樹寒 +import "codemirror/mode/htmlmixed/htmlmixed.js"; +// 璇█妯″紡 +import 'codemirror/mode/javascript/javascript.js' + diff --git a/src/views/Intelligentcenter/centercontrol/index.vue b/src/views/Intelligentcenter/centercontrol/index.vue index 221339b..2456672 100644 --- a/src/views/Intelligentcenter/centercontrol/index.vue +++ b/src/views/Intelligentcenter/centercontrol/index.vue @@ -7,6 +7,7 @@ class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" + @select="handleSelect" background-color="#545c64" text-color="#fff" active-text-color="#ffd04b" @@ -14,33 +15,46 @@ <el-submenu index="1"> <template slot="title"> <i class="el-icon-location"></i> - <span>瀵艰埅涓�</span> + <span>鎮h�呯鐞�</span> </template> <el-menu-item-group> - <template slot="title">鍒嗙粍涓�</template> <el-menu-item index="1-1">閫夐」1</el-menu-item> - <el-menu-item index="1-2">閫夐」2</el-menu-item> </el-menu-item-group> - <el-menu-item-group title="鍒嗙粍2"> - <el-menu-item index="1-3">閫夐」3</el-menu-item> - </el-menu-item-group> - <el-submenu index="1-4"> + <!-- <el-submenu index="1-4"> <template slot="title">閫夐」4</template> <el-menu-item index="1-4-1">閫夐」1</el-menu-item> - </el-submenu> + </el-submenu> --> </el-submenu> - <el-menu-item index="2"> - <i class="el-icon-menu"></i> - <span slot="title">瀵艰埅浜�</span> - </el-menu-item> - <el-menu-item index="3" disabled> - <i class="el-icon-document"></i> - <span slot="title">瀵艰埅涓�</span> - </el-menu-item> - <el-menu-item index="4"> - <i class="el-icon-setting"></i> - <span slot="title">瀵艰埅鍥�</span> - </el-menu-item> + <el-submenu index="2"> + <template slot="title"> + <i class="el-icon-location"></i> + <span>鐭ヨ瘑搴�</span> + </template> + <el-menu-item-group> + <el-menu-item index="2-1">瀹f暀绠$悊</el-menu-item> + <el-menu-item index="2-2">闂嵎绠$悊</el-menu-item> + <el-menu-item index="2-3">棰樺簱绠$悊</el-menu-item> + </el-menu-item-group> + <!-- <el-submenu index="1-4"> + <template slot="title">閫夐」4</template> + <el-menu-item index="1-4-1">閫夐」1</el-menu-item> + </el-submenu> --> + </el-submenu> + <el-submenu index="3"> + <template slot="title"> + <i class="el-icon-location"></i> + <span>鎮h�呯鐞�</span> + </template> + <el-menu-item-group> + <el-menu-item index="3-1">璇濇湳搴�</el-menu-item> + <el-menu-item index="3-2">鎰忓浘绠$悊</el-menu-item> + <el-menu-item index="3-3">妯$増搴�</el-menu-item> + </el-menu-item-group> + <!-- <el-submenu index="1-4"> + <template slot="title">閫夐」4</template> + <el-menu-item index="1-4-1">閫夐」1</el-menu-item> + </el-submenu> --> + </el-submenu> </el-menu> </div> <!-- 鍙充晶鏁版嵁 --> @@ -58,7 +72,36 @@ :label="item.title" :name="item.name" > - {{ item.content }} + <!-- {{ item.content }} --> + <div class="leftvalu-code" v-if="editableTabs.length"> + <el-tabs + v-model="fiactiveName" + type="card" + @tab-click="handleClick" + > + <el-tab-pane + v-if="item.content == 0 || item.content == 3" + label="浠g爜灞曠ず" + name="first" + ><codemirror + v-model="item.value" + :options="options" + ></codemirror + ></el-tab-pane> + <el-tab-pane + v-if="item.content == 1 || item.content == 3" + label="琛ㄦ牸灞曠ず" + name="second" + ><el-table :data="tableData" style="width: 100%"> + <el-table-column prop="date" label="鏃ユ湡" width="180"> + </el-table-column> + <el-table-column prop="name" label="濮撳悕" width="180"> + </el-table-column> + <el-table-column prop="address" label="鍦板潃"> + </el-table-column> </el-table + ></el-tab-pane> + </el-tabs> + </div> </el-tab-pane> </el-tabs> </div> @@ -67,24 +110,135 @@ </template> <script> +// import { codemirror } from "vue-codemirror"; export default { name: "education", data() { return { - editableTabsValue: "2", - editableTabs: [ + code: "", + fiactiveName: "first", + options: { + line: true, + theme: "rubyblue", // 涓婚 + tabSize: 4, // 鍒惰〃绗︾殑瀹藉害 + indentUnit: 2, // 涓�涓潡搴旇缂╄繘澶氬皯涓┖鏍硷紙鏃犺杩欏湪缂栬緫璇█涓剰鍛崇潃浠�涔堬級銆傞粯璁ゅ�间负 2銆� + firstLineNumber: 1, // 浠庡摢涓暟瀛楀紑濮嬭绠楄鏁般�傞粯璁ゅ�间负 1銆� + readOnly: false, // 鍙 + autorefresh: true, + smartIndent: true, // 涓婁笅鏂囩缉杩� + lineNumbers: true, // 鏄惁鏄剧ず琛屽彿 + styleActiveLine: true, // 楂樹寒閫変腑琛� + viewportMargin: Infinity, //澶勭悊楂樺害鑷�傚簲鏃舵惌閰嶄娇鐢� + showCursorWhenSelecting: true, // 褰撻�夋嫨澶勪簬娲诲姩鐘舵�佹椂鏄惁搴旂粯鍒舵父鏍� + mode: "javascript", + }, + tableData: [ { - title: "Tab 1", - name: "1", - content: "Tab 1 content", + date: "2016-05-02", + name: "鐜嬪皬铏�", + address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�", }, { - title: "Tab 2", - name: "2", - content: "Tab 2 content", + date: "2016-05-04", + name: "鐜嬪皬铏�", + address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1517 寮�", + }, + { + date: "2016-05-01", + name: "鐜嬪皬铏�", + address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1519 寮�", + }, + { + date: "2016-05-03", + name: "鐜嬪皬铏�", + address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1516 寮�", }, ], + + editableTabsValue: "2-2-3", + editableTabslist: [ + { + title: "鎮h�呯鐞�", + name: "1-1", + content: 0, + value: "<el-tab-pane>", + }, + { + title: "瀹f暀绠$悊", + name: "2-1", + content: 1, + value: + "<el-table-column prop='address' label='鍦板潃'></el-table-column>", + }, + { + title: "闂嵎绠$悊", + name: "2-2", + content: 3, + value: + "<el-table-column prop='address' label='鍦板潃'></el-table-column>", + }, + { + title: "棰樺簱绠$悊", + name: "2-3", + content: "", + }, + { + title: "璇濇湳搴�", + name: "3-1", + content: "", + }, + { + title: "鎰忓浘绠$悊", + name: "3-2", + content: "", + }, + { + title: "妯℃澘搴�", + name: "3-3", + content: "", + }, + ], + // 闇�瑕佺殑鏍戠殑鏍煎紡 + editableTabslisat: [ + { + title: "鎮h�呯鐞�", + name: "1", + son: [ + { + title: "鎮h�呯鐞�", + name: "1-1", + content: "", + }, + ], + }, + { + title: "鐭ヨ瘑搴�", + name: "2", + son: [ + { + title: "瀹f暀绠$悊", + name: "2-1", + content: "", + }, + { + title: "闂嵎绠$悊", + name: "2-2", + content: "", + }, + { + title: "棰樺簱绠$悊", + name: "2-3", + content: "", + son: [ + { title: "鏀跨瓥绠$悊", name: "2-3-1", content: "" }, + { title: "娌诲畨绠$悊", name: "2-3-2", content: "" }, + ], + }, + ], + }, + ], + editableTabs: [], tabIndex: 2, }; }, @@ -96,15 +250,26 @@ handleOpen(key, keyPath) { console.log(key, keyPath); }, + handleSelect(key, keyPath) { + console.log(key, keyPath, "ss"); + var result = this.editableTabslist.find((v) => { + return v.name === key; // return v.value === '9' 杩斿洖undefined + }); + + var results = this.editableTabs.some(function (item) { + if (item.name == key) { + //item.name == "鐜嬮夯瀛�" + return true; //杩斿洖false + } + }); + if (!results) { + this.editableTabs.push(result); + } + this.editableTabsValue = key; + console.log(result); + }, handleTabsEdit(targetName, action) { if (action === "add") { - let newTabName = ++this.tabIndex + ""; - this.editableTabs.push({ - title: "New Tab", - name: newTabName, - content: "New Tab content", - }); - this.editableTabsValue = newTabName; } if (action === "remove") { let tabs = this.editableTabs; @@ -131,6 +296,17 @@ <style lang="scss" scoped> .educationmanagement { display: flex; +} +.leftvalu-code { + // background: #3a3d42; + height: 300px; + ::v-deep.CodeMirror { + position: relative; + overflow: hidden; + // background: #3a3d42; + color: #3a92ef; + font-size: 20px; + } } .sidecolumn { width: 300px; @@ -168,6 +344,7 @@ display: center !important; } } + .qrcode-dialo { text-align: center; // display: flex; diff --git a/src/views/previews.vue b/src/views/previews.vue new file mode 100644 index 0000000..8257818 --- /dev/null +++ b/src/views/previews.vue @@ -0,0 +1,19 @@ +<template> + <div>浜岀淮鐮佸唴瀹归瑙�</div> +</template> + +<script> +export default { + name: "RuoyiUiPreviews", + + data() { + return {}; + }, + + mounted() {}, + + methods: {}, +}; +</script> + +<style lang="scss" scoped></style> diff --git a/src/views/repositoryai/intention/index.vue b/src/views/repositoryai/intention/index.vue index bba76ed..ae0771e 100644 --- a/src/views/repositoryai/intention/index.vue +++ b/src/views/repositoryai/intention/index.vue @@ -3,7 +3,7 @@ <!-- 宸︿晶鏍� --> <div class="sidecolumn"> <div class="sidecolumn-top"> - <div class="top-wj">鎰忓浘绫诲瀷</div> + <div class="top-wj">鎸囨爣绫诲瀷</div> <div class="top-tj" @click="dialogFormVisible = true">+娣诲姞</div> </div> <div class="center-ss"> @@ -56,10 +56,10 @@ <div class="leftvlue-top"> <el-tabs v-model="topactiveName" @tab-click="tophandleClick"> <el-tab-pane name="Local"> - <span class="mulsz" slot="label">鏈湴鎰忓浘搴� </span> + <span class="mulsz" slot="label">鏅�氭寚鏍囧簱 </span> </el-tab-pane> <el-tab-pane name="sharing"> - <span class="mulsz" slot="label">鍏变韩鎰忓浘搴� </span> + <span class="mulsz" slot="label">鐗瑰畾鎸囨爣搴� </span> </el-tab-pane> </el-tabs> </div> @@ -75,7 +75,7 @@ v-show="showSearch" label-width="98px" > - <el-form-item label="鎰忓浘鍚嶇О" prop="userName"> + <el-form-item label="鎸囨爣绉嶇被" prop="userName"> <el-input v-model="queryParams.userName" placeholder="璇疯緭鍏�" @@ -84,13 +84,36 @@ @keyup.enter.native="handleQuery" /> </el-form-item> - <el-form-item label="閫傜敤鐤剧梾" prop="status"> - <el-cascader - v-model="queryParams.status" - :options="optionss" - :props="propss" + <el-form-item label="鎸囨爣鍊�" prop="userName"> + <el-input + v-model="queryParams.userName" + placeholder="璇疯緭鍏�" clearable - ></el-cascader> + style="width: 200px" + @keyup.enter.native="handleQuery" + /> + </el-form-item> + <el-form-item label="璇█" prop="status"> + <el-select v-model="queryParams.status" placeholder="璇烽�夋嫨"> + <el-option + v-for="item in languagelist" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> + </el-form-item> + <el-form-item label="鏄惁鍚敤" prop="status"> + <el-select v-model="queryParams.status" placeholder="璇烽�夋嫨"> + <el-option + v-for="item in qyoptions" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> </el-form-item> <el-form-item> @@ -158,7 +181,7 @@ v-if="columns[0].visible" /> <el-table-column - label="鎰忓浘鍚嶇О" + label="鎸囨爣绉嶇被" align="center" key="userName" prop="userName" @@ -166,7 +189,7 @@ :show-overflow-tooltip="true" /> <el-table-column - label="鐗堟湰" + label="鎸囨爣鍊�" align="center" key="nickName" prop="nickName" @@ -175,14 +198,14 @@ /> <el-table-column - label="閫傜敤鐤剧梾" + label="鎸囨爣瑙勫垯" align="center" key="aphonenumber" prop="aphonenumber" v-if="columns[4].visible" - width="120" + width="400" /><el-table-column - label="鎰忓浘鎻忚堪" + label="鎸囨爣绫诲瀷" align="center" key="bphonenumber" prop="bphonenumber" @@ -190,40 +213,31 @@ width="120" /> <el-table-column - label="鏈�杩戠紪杈�" + label="璇█" align="center" key="cphonenumber" prop="cphonenumber" v-if="columns[4].visible" width="120" /> + <el-table-column label="鏄惁鍚敤" align="center" key="status"> + <template slot-scope="scope"> + <el-switch + v-model="scope.row.status" + active-value="0" + inactive-value="1" + @change="handleStatusChange(scope.row)" + ></el-switch> + </template> + </el-table-column> <el-table-column label="鎿嶄綔" align="center" - width="300" + width="200" class-name="small-padding fixed-width" > <template slot-scope="scope"> - <el-button - size="medium" - type="text" - @click="goQRCode(scope.row)" - v-hasPermi="['system:user:edit']" - > - <span class="button-text" - ><i class="el-icon-edit"></i>浜岀淮鐮�</span - ></el-button - > - <el-button - size="medium" - type="text" - @click="ViewQuestionnaire(scope.row)" - v-hasPermi="['system:user:edit']" - ><span class="button-textck" - ><i class="el-icon-edit"></i>鏌ョ湅</span - ></el-button - > <el-button size="medium" type="text" @@ -256,87 +270,89 @@ </el-col> </el-row> - <!-- 娣诲姞鎴栦慨鏀规剰鍥鹃厤缃璇濇 --> + <!-- 娣诲姞鎴栦慨鏀规寚鏍囬厤缃璇濇 --> <el-dialog :title="title" - :visible.sync="open" + :visible.sync="indexopen" width="900px" append-to-body > - <el-form ref="form" :model="form" :rules="rules" label-width="100px"> + <el-form + ref="form" + :model="indexform" + :rules="rules" + label-width="100px" + > <el-row> - <el-col :span="12"> - <el-form-item label="濮撳悕" prop="nickName"> - <el-input - v-model="form.nickName" - placeholder="璇疯緭鍏ュ鍚�" - maxlength="30" - /> - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="鎬у埆" prop="deptId"> - <el-select v-model="form.sex" placeholder="璇烽�夋嫨鎬у埆"> + <el-col :span="24"> + <el-form-item label="璇█" prop="deptId"> + <el-select + v-model="indexform.language" + placeholder="璇烽�夋嫨璇█" + > <el-option - v-for="dict in dict.type.sys_user_sex" - :key="dict.value" - :label="dict.label" - :value="dict.value" + v-for="index in languagelist" + :key="index.value" + :label="index.label" + :value="index.value" ></el-option> </el-select> </el-form-item> </el-col> </el-row> <el-row> - <el-col :span="12"> - <el-form-item label="璇佷欢绫诲瀷" prop="phonenumber"> + <el-col :span="24"> + <el-form-item label="鎸囨爣绉嶇被" prop="nickName"> <el-input - v-model="form.phonenumber" - placeholder="璇烽�夋嫨璇佷欢绫诲瀷" - maxlength="11" + v-model="indexform.nickName" + placeholder="璇疯緭鍏ユ寚鏍囩绫�" + maxlength="40" /> - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="璇佷欢鍙�" prop="email"> - <el-input - v-model="form.email" - placeholder="璇疯緭鍏ヨ瘉浠跺彿" - maxlength="50" - /> - </el-form-item> - </el-col> - </el-row> + </el-form-item> </el-col + ></el-row> <el-row> - <el-col :span="12"> - <el-form-item label="鏈汉鎵嬫満鍙�" prop="userName"> + <el-col :span="24"> + <el-form-item label="鎷涙爣绫诲瀷"> + <el-radio-group v-model="indexform.resource"> + <el-radio label="閫夐」"></el-radio> + <el-radio label="鏂囨湰"></el-radio> + <el-radio label="鏁板��"></el-radio> + </el-radio-group> + </el-form-item> </el-col + ></el-row> + <el-row> + <el-col :span="24"> + <el-form-item label="鎸囨爣鍊�" prop="userName"> <el-input - v-model="form.userName" + v-model="indexform.userName" placeholder="璇疯緭鍏ユ墜鏈哄彿" maxlength="30" /> - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="浜插睘鎵嬫満鍙�" prop="password"> + </el-form-item> </el-col + ></el-row> + + <el-row> + <el-col :span="24"> + <el-form-item label="鎸囨爣瑙勫垯" prop="email"> <el-input - v-model="form.password" - placeholder="璇疯緭鍏ヤ翰灞炴墜鏈哄彿" - type="password" - maxlength="20" - show-password - /> + v-model="indexform.remark" + type="textarea" + placeholder="璇疯緭鍏ュ唴瀹�" + ></el-input> </el-form-item> </el-col> </el-row> <el-row> - <el-col :span="12"> - <el-form-item label="鎮h�呮爣绛�"> - <el-cascader - :options="optionss" - :props="propss" - clearable - ></el-cascader> + <el-col :span="24"> + <el-form-item label="鏄惁鍚敤"> + <el-radio-group v-model="indexform.qystatus"> + <el-radio + v-for="item in qyoptions" + :key="item.value" + :label="item.value" + >{{ item.label }}</el-radio + > + </el-radio-group> </el-form-item> </el-col> </el-row> @@ -345,7 +361,7 @@ <el-col :span="24"> <el-form-item label="澶囨敞"> <el-input - v-model="form.remark" + v-model="indexform.remark" type="textarea" placeholder="璇疯緭鍏ュ唴瀹�" ></el-input> @@ -395,15 +411,6 @@ <el-button type="primary" @click="deletefenlei">纭� 瀹�</el-button> </span> </el-dialog> - <!-- 浜岀淮鐮佸睍绀哄脊妗� --> - <el-dialog width="30%" :visible.sync="goQRCodeVisible"> - <div class="qrcode-dialo"> - <div class="qrcode-text"> - {{ namequestionnaire }}<span>{{ haoquestionnaire }}</span> - </div> - <div class="qrcode-img"></div> - </div> - </el-dialog> </div> </template> @@ -451,11 +458,12 @@ userList: [ { userid: 1, - userName: "涓夊彿鎰忓浘", - nickName: "1.2.4", - aphonenumber: "鍏宠妭鐐庣棁", - bphonenumber: "寰堟", - cphonenumber: "2022-12-12 ", + userName: "琛�甯歌銆佸翱甯歌", + nickName: "璐", + aphonenumber: "(?!涓�.*|娌�.*|鏈�.*)^.*([璐钩鍑]|璐|璇勫|璇勫),10", + bphonenumber: "閫夋嫨", + cphonenumber: "鏅�氳瘽", + status: "0", }, ], // 寮瑰嚭灞傛爣棰� @@ -468,53 +476,59 @@ postOptions: [], // 瑙掕壊閫夐」 roleOptions: [], - // 琛ㄥ崟鍙傛暟 - form: {}, + // 娣诲姞銆佷慨鏀瑰弬鏁� + indexform: {}, numberlb: 22, numberlbs: 2, sidecolumnform: {}, //娣诲姞绫诲埆琛ㄥ崟 dialogFormVisible: false, //娣诲姞绫诲埆寮规 - goQRCodeVisible: false, //浜岀淮鐮佸脊妗� sidecolumnval: "", //绫诲埆鎼滅储 + indexopen: false, //寮规灞曠ず鍚� propss: { multiple: true }, - optionss: [ + languagelist: [ { value: 1, - label: "涓滃崡", + label: "鏅�氳瘽", }, { value: 2, - label: "瑗垮寳", + label: "绮よ", }, { value: 3, - label: "浠ㄤ花浠�", + label: "鑻辫", + }, + ], //璇█鍒楄〃 + qyoptions: [ + { + value: 1, + label: "鍚敤", }, { - value: 4, - label: "鍏椋掗", + value: 2, + label: "鍏抽棴", }, ], //绫诲埆鍒楄〃 editableTabs: [ { - title: "鎰忓浘鍒嗙被涓�", + title: "鎸囨爣鍒嗙被涓�", number: "1", }, { - title: "鎰忓浘鍒嗙被浜�", + title: "鎸囨爣鍒嗙被浜�", number: "2", }, { - title: "鎰忓浘鍒嗙被涓�", + title: "鎸囨爣鍒嗙被涓�", number: "2", }, { - title: "鎰忓浘鍒嗙被鍥�", + title: "鎸囨爣鍒嗙被鍥�", number: "2", }, { - title: "鎰忓浘鍒嗙被浜�", + title: "鎸囨爣鍒嗙被浜�", number: "2", }, ], @@ -639,20 +653,31 @@ this.deletefenl = row.title; } }, + // 棰樼洰鐘舵�佷慨鏀� + handleStatusChange(row) { + let text = row.status === "0" ? "鍚敤" : "鍋滅敤"; + this.$modal + .confirm('纭瑕�"' + text + '""' + row.userName + '"鐢ㄦ埛鍚楋紵') + .then(function () { + return changeUserStatus(row.userId, row.status); + }) + .then(() => { + this.$modal.msgSuccess(text + "鎴愬姛"); + }) + .catch(function () { + row.status = row.status === "0" ? "1" : "0"; + }); + }, //鎼滅储绫诲埆 sidecolumnss() {}, // 鍒囨崲鍏变韩/鏈湴 tophandleClick() {}, // 鍙栨秷鎸夐挳 cancel() { - this.open = false; + this.indexopen = false; this.reset(); }, - goQRCode(row) { - this.goQRCodeVisible = true; - this.namequestionnaire = row.userName; - this.haoquestionnaire = row.nickName; - }, + // 琛ㄥ崟閲嶇疆 reset() { this.form = { @@ -692,23 +717,15 @@ }, /** 鏂板鎸夐挳鎿嶄綔 */ handleAdd() { - this.$router.push({ - path: "/knowledge/questionnaire/compilequer/", - }); + this.reset(); + this.title = "鏂板鎸囨爣"; + this.indexopen = true; }, /** 淇敼鎸夐挳鎿嶄綔 */ handleUpdate(row) { - this.$router.push({ - path: "/knowledge/questionnaire/compilequer/", - query: { id: "1" }, - }); - }, - // 鏌ョ湅鎰忓浘 - ViewQuestionnaire() { - this.$router.push({ - path: "/knowledge/questionnaire/examine/", - query: { id: "1" }, - }); + this.reset(); + this.title = "淇敼鎸囨爣"; + this.indexopen = true; }, // 淇敼鍒嗙被寮规 popoveramend(tagcategoryid) { @@ -724,13 +741,13 @@ if (this.form.userId != undefined) { updateUser(this.form).then((response) => { this.$modal.msgSuccess("淇敼鎴愬姛"); - this.open = false; + this.indexopen = false; this.getList(); }); } else { addUser(this.form).then((response) => { this.$modal.msgSuccess("鏂板鎴愬姛"); - this.open = false; + this.indexopen = false; this.getList(); }); } diff --git a/src/views/repositoryai/templateku/configurat/index.vue b/src/views/repositoryai/templateku/configurat/index.vue new file mode 100644 index 0000000..25c8ed9 --- /dev/null +++ b/src/views/repositoryai/templateku/configurat/index.vue @@ -0,0 +1,350 @@ +<template> + <div class="stencils"> + <!-- 涓婇儴 --> + <div class="stencils-top"> + <div class="basic">寰呴�夐棶棰�</div> + <div class="top-menu"> + <div class="search-box"> + <el-form :inline="true" :model="formInline" class="demo-form-inline"> + <el-form-item label="璇█" prop="status"> + <el-select v-model="formInline.status" placeholder="璇烽�夋嫨"> + <el-option + v-for="item in languagelist" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> + </el-form-item> + <el-form-item label="闂涓绘棬"> + <el-input + v-model="formInline.user" + placeholder="闂涓绘棬" + ></el-input> + </el-form-item> + <el-form-item label="鍏宠仈鎸囨爣"> + <el-input + v-model="formInline.user" + placeholder="鍏宠仈鎸囨爣" + ></el-input> + </el-form-item> + <el-form-item> + <el-button type="primary" icon="el-icon-search" @click="onSubmit" + >鎼滅储</el-button + > + </el-form-item> + </el-form> + </div> + <div + style=" + height: 300px; + border: 0.5px solid #aeafb1; + overflow-x: hidden; + overflow-y: scroll; + " + > + <div class="menu-list" v-for="item in 13"> + <div>鐢ㄨ嵂鏄惁瑙勮寖</div> + <div class="menu-icon" @click="menudeletei(index)"> + <i class="el-icon-plus" /> + </div> + </div> + </div> + </div> + </div> + <!-- 涓嬮儴 --> + <div class="stencils-bottom"> + <div class="issue"> + <div class="basics">宸查�夋嫨闂</div> + <div style="margin: 10px; font-size: 20px">浣撴閫氱煡</div> + <div + style=" + height: 350px; + margin: 10px; + border: 0.5px solid #aeafb1; + overflow-x: hidden; + overflow-y: scroll; + " + > + <div class="menu-list" v-for="item in 13"> + <div>鐢ㄨ嵂鏄惁瑙勮寖</div> + <div class="menu-icons" @click="menudeletei(index)"> + <i class="el-icon-delete" /> + </div> + </div> + </div> + <div class="issue-button"> + <el-button type="primary" icon="el-icon-circle-plus-outline" + >鍏崇郴鍥�</el-button + > + <el-button type="primary" icon="el-icon-s-claim">淇濆瓨</el-button> + </div> + </div> + <div class="particulars"> + <div class="headline"> + <div class="basics">闂閰嶇疆</div> + <div class="headbottom"> + <el-button + type="primary" + icon="el-icon-circle-plus-outline" + @click="addzbiao" + >娣诲姞鎸囨爣</el-button + > + <el-button type="primary" icon="el-icon-s-claim">淇濆瓨</el-button> + </div> + </div> + <div + class="valuetop" + v-for="(item, index) in deployList" + :key="item.id" + > + <div class="val-text"> + <div> + 鏈夋棤澶嶆煡 <span>{{ item.name }}</span> + </div> + <div class="text-icon" @click="deletei(index)"> + <i class="el-icon-delete" /> + </div> + </div> + <div class="val-bon"> + <el-form ref="form" :model="item" label-width="90px"> + <el-form-item label="鑺傜偣ID"> + <el-input v-model="item.id"></el-input> + </el-form-item> + <el-form-item label="鑺傜偣鎻忚堪"> + <el-input v-model="item.name"></el-input> + </el-form-item> + <el-form-item label="鏂囨湰鎻愮ず"> + <el-input type="textarea" v-model="item.valuetop"></el-input> + </el-form-item> + <el-form-item label="璇煶鍦板潃"> + <el-input v-model="item.name"></el-input> + </el-form-item> + <el-form-item label="璺宠浆闂鍙�"> + <el-input v-model="item.name"></el-input> + </el-form-item> + <el-form-item label="鎾姤绫诲瀷"> + <el-radio-group v-model="item.resource"> + <el-radio label="娣峰悎浼樺厛"></el-radio> + <el-radio label="鏂囧瓧浼樺厛"></el-radio> + </el-radio-group> + </el-form-item> + <el-form-item label="鎸囨爣绫诲瀷"> + <el-radio-group v-model="item.resource"> + <el-radio label="閫夐」"></el-radio> + <el-radio label="鏂囨湰"></el-radio> + <el-radio label="鏁扮粍"></el-radio> + </el-radio-group> + </el-form-item> + <el-form-item label="鎸囨爣鍚嶇О"> + <el-input v-model="item.name"></el-input> + </el-form-item> + <el-form-item label="鎸囨爣鍊�"> + <el-input v-model="item.name"></el-input> + </el-form-item> + <el-form-item label="閫傜敤瑙勫垯"> + <el-radio-group v-model="item.resources"> + <el-radio label="鍩虹"></el-radio> + <el-radio label="鑷畾涔�"></el-radio> + </el-radio-group> + </el-form-item> + <el-form-item + label="鑷畾涔夎鍒�" + v-if="item.resources == '鑷畾涔�'" + > + <el-input type="textarea" v-model="item.valuetop"></el-input> + </el-form-item> + </el-form> + </div> + </div> + </div> + </div> + </div> +</template> + +<script> +export default { + data() { + return { + deployList: [ + { + id: 1, + name: "鏈�", + valuetop: + "(?!.*蹇榺.*涓峾.*娌�)^.*(鏄瘄鏈墊瀵箌鍋殀浣渱妫�|鏌澶嶈瘖|濂絴鍙傚姞|澶嶈瘖|鍘�(杩噟濂絴浜唡瀹寍鍖婚櫌)|鏉�(杩噟浜唡鍖婚櫌))|娌¢敊|瀵瑰憖|鍙兘|(宸茬粡|鏃�)鍘讳簡|寮�浜嗚嵂|鑵板甫|鍚婂甫|瑕佺殑|(?<!娌�)鏈夌殑|琛ㄥ甫,10;瑕�,5", + }, + { + id: 2, + name: "涓嶇煡閬�", + valuetop: + "(涓峾娌璋亅楝紎鎬庝箞).*(鐥厊鍙兘|鐭ラ亾|浜嗚В|娓呮|鎳倈鏄庣櫧|纭|纭畾|鏅撳緱|鐭ユ檽|璁ゅ緱|璇嗗緱|鍗拌薄|鐔熸倝|璁皘浼殀鍏冲績|鍏虫敞|娉ㄦ剰|鍛婅瘔|閫氱煡|鍚�)", + }, + ], + languagelist: [ + { + value: 1, + label: "鏅�氳瘽", + }, + { + value: 2, + label: "绮よ", + }, + { + value: 3, + label: "鑻辫", + }, + ], //璇█鍒楄〃 + formInline: { + user: "", + region: "", + }, + }; + }, + + created() {}, + + methods: { + deletei(index) { + console.log(index); + this.deployList.splice(index, 1); + }, + addzbiao() { + const ids = this.deployList.length + 1; + console.log(ids); + this.deployList.push({ + id: ids, + name: "", + valuetop: "", + }); + }, + onSubmit() { + console.log("submit!"); + }, + }, +}; +</script> + +<style lang="scss" scoped> +.stencils-top { + .basic { + height: 50px; + margin: 15px; + margin-bottom: 0; + padding: 0 20px 20px 20px; + line-height: 50px; + background: #92c5f0; + justify-content: space-between; + } + .top-menu { + margin: 15px; + margin-top: 0; + height: 400px; + padding: 10px 30px 10px 30px; + background: #f2f5fc; + border: 1px solid #dcdfe6; + -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), + 0 0 6px 0 rgba(0, 0, 0, 0.04); + .menu-list { + display: flex; + justify-content: space-between; + padding: 5px; + border-bottom: 0.5px solid #bfc0c2; + } + } +} +.stencils-bottom { + display: flex; + justify-content: space-between; + .issue { + width: 37%; + margin-left: 15px; + height: 500px; + background: #f2f5fc; + .menu-list { + display: flex; + justify-content: space-between; + padding: 5px; + border-bottom: 0.5px solid #bfc0c2; + } + .basics { + height: 50px; + padding-left: 20px; + line-height: 50px; + background: #92c5f0; + justify-content: space-between; + } + } + .issue-button { + margin: 10px; + text-align: right; + } + .particulars { + width: 59%; + margin-right: 15px; + background: #f2f5fc; + + .headline { + display: flex; + height: 50px; + padding: 0 20px 20px 20px; + line-height: 50px; + background: #92c5f0; + justify-content: space-between; + } + .valuetop { + .val-text { + display: flex; + height: 50px; + margin: 15px; + margin-bottom: 0; + // padding: 0 20px 20px 20px; + padding: 0 20px; + align-items: center; + background: #92c5f0; + justify-content: space-between; + .text-icon { + width: 35px; + height: 35px; + line-height: 35px; + text-align: center; + background: #fafafa; + cursor: pointer; + border-radius: 5px; + } + } + .val-bon { + margin: 15px; + margin-top: 0; + padding: 30px; + background: #f2f5fc; + border: 1px solid #dcdfe6; + -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), + 0 0 6px 0 rgba(0, 0, 0, 0.04); + } + } + } +} +.menu-icon { + cursor: pointer; + width: 20px; + height: 20px; + line-height: 20px; + text-align: center; + margin-right: 10px; + background: #78baf0; + color: #fff; + border-radius: 2px; +} +.menu-icons { + cursor: pointer; + width: 20px; + height: 20px; + line-height: 20px; + text-align: center; + margin-right: 10px; + background: #f7603a; + color: #fff; + border-radius: 2px; +} +</style> diff --git a/src/views/repositoryai/templateku/index.vue b/src/views/repositoryai/templateku/index.vue index 76e8a51..c43d358 100644 --- a/src/views/repositoryai/templateku/index.vue +++ b/src/views/repositoryai/templateku/index.vue @@ -1,17 +1,1181 @@ <template> - <div>闅忚妯$増</div> + <div class="Questionnairemanagement"> + <!-- 宸︿晶鏍� --> + <div class="sidecolumn" v-show="topactiveName == 'Local'"> + <div class="sidecolumn-top"> + <div class="top-wj">妯$増绫诲瀷</div> + <div class="top-tj" @click="dialogFormVisible = true">+娣诲姞</div> + </div> + <div class="center-ss"> + <el-input + placeholder="璇疯緭鍏ュ唴瀹�" + v-model="sidecolumnval" + class="input-with-select" + size="medium " + > + <el-button + @click="sidecolumnss" + slot="append" + icon="el-icon-search" + ></el-button> + </el-input> + </div> + <div class="bottom-fl"> + <el-tabs tab-position="right"> + <el-tab-pane :label="`鍏ㄩ儴 (${numberlb})`"></el-tab-pane> + <el-tab-pane + class="tab-paness" + :key="item.title" + v-for="(item, index) in editableTabs" + > + <span slot="label"> + {{ + item.title + " (" + item.number + ")" + }}   <el-popover + placement="top-start" + width="100" + trigger="hover" + > + <div style="text-align: center"> + <el-button type="text" @click="popoveramend(item)" + >淇敼</el-button + ><el-button type="text" @click="deletefenlei(item)" + ><span style="color: rgb(173, 55, 55)" + >鍒犻櫎</span + ></el-button + > + </div> + <i slot="reference" class="el-icon-share"></i> </el-popover + ></span> + </el-tab-pane> + </el-tabs> + </div> + </div> + <!-- 鍙充晶鏁版嵁 --> + <div :class="topactiveName == 'Local' ? 'leftvlue' : 'leftvlues'"> + <div class="leftvlue-top"> + <el-tabs v-model="topactiveName" @tab-click="tophandleClick"> + <el-tab-pane name="Local"> + <span class="mulsz" slot="label">鏅�氭ā鐗堝簱 </span> + </el-tab-pane> + <el-tab-pane name="sharing"> + <span class="mulsz" slot="label">閫氱敤妯$増搴� </span> + </el-tab-pane> + </el-tabs> + </div> + <div class="leftvlue-bg"> + <el-row :gutter="20"> + <!--鐢ㄦ埛鏁版嵁--> + <el-col :span="24" :xs="24"> + <el-form + :model="queryParams" + ref="queryForm" + size="small" + :inline="true" + v-show="showSearch" + label-width="98px" + > + <el-form-item label="妯$増鍚嶇О" prop="userName"> + <el-input + v-model="queryParams.userName" + placeholder="璇疯緭鍏�" + clearable + style="width: 200px" + @keyup.enter.native="handleQuery" + /> + </el-form-item> + <el-form-item label="璇█" prop="status"> + <el-select v-model="queryParams.status" placeholder="璇烽�夋嫨"> + <el-option + v-for="item in languagelist" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> + </el-form-item> + <el-form-item label="鏄惁鍚敤" prop="status"> + <el-select v-model="queryParams.status" placeholder="璇烽�夋嫨"> + <el-option + v-for="item in qyoptions" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> + </el-form-item> + + <el-form-item> + <el-button + type="primary" + icon="el-icon-search" + size="medium" + @click="handleQuery" + >鎼滅储</el-button + > + <el-button + icon="el-icon-refresh" + size="medium" + @click="resetQuery" + >閲嶇疆</el-button + > + </el-form-item> + </el-form> + + <el-row :gutter="10" class="mb8"> + <el-col :span="1.5"> + <el-button + type="primary" + plain + icon="el-icon-plus" + size="medium" + @click="handleAdd" + v-hasPermi="['system:user:add']" + >鏂板</el-button + > + </el-col> + + <el-col :span="1.5"> + <el-button + type="danger" + plain + icon="el-icon-delete" + size="medium" + :disabled="multiple" + @click="handleDelete" + v-hasPermi="['system:user:remove']" + >鍒犻櫎</el-button + > + </el-col> + <!-- <el-col :span="1.5"> </el-col> --> + </el-row> + <!-- 鏍囧噯妯$増 --> + <el-table + v-if="topactiveName == 'Local'" + v-loading="loading" + :data="userList" + :border="true" + @selection-change="handleSelectionChange" + > + <el-table-column type="selection" width="50" align="center" /> + <el-table-column + label="搴忓彿" + align="center" + key="userId" + prop="userId" + /> + <el-table-column + label="妯$増鍚嶇О" + align="center" + key="userName" + prop="userName" + :show-overflow-tooltip="true" + /> + <el-table-column + label="闈欓粯鏃堕棿" + align="center" + key="nickName" + prop="nickName" + width="400" + :show-overflow-tooltip="true" + /> + + <el-table-column + label="鏃犲0閲嶅娆℃暟" + align="center" + key="aphonenumber" + prop="aphonenumber" + width="400" + /><el-table-column + label="鏃犲0鍖归厤閲嶅娆℃暟" + align="center" + key="bphonenumber" + prop="bphonenumber" + width="120" + /> + <el-table-column + label="閫氱敤搴�" + align="center" + key="bphonenumbear" + prop="bphonenumbear" + width="120" + /> + <el-table-column + label="璇█" + align="center" + key="indicator" + prop="indicator" + width="120" + /> + <el-table-column label="鏄惁鍚敤" align="center" key="status"> + <template slot-scope="scope"> + <el-switch + v-model="scope.row.status" + active-value="0" + inactive-value="1" + @change="handleStatusChange(scope.row)" + ></el-switch> + </template> + </el-table-column> + + <el-table-column + label="鎿嶄綔" + align="center" + width="200" + class-name="small-padding fixed-width" + > + <template slot-scope="scope"> + <el-button + size="medium" + type="text" + @click="handleUpdate(scope.row)" + ><span class="button-textxg" + ><i class="el-icon-edit-outline"></i>淇敼</span + ></el-button + > + <el-button + size="medium" + type="text" + @click="compileUpdate(scope.row)" + ><span class="button-bji" + ><i class="el-icon-edit"></i>缂栬緫璇濇湳</span + ></el-button + > + <el-button + size="medium" + type="text" + @click="handleDelete(scope.row)" + v-hasPermi="['system:user:remove']" + ><span class="button-textsc" + ><i class="el-icon-delete-solid"></i>鍒犻櫎</span + ></el-button + > + <el-button + size="medium" + type="text" + @click="handleDelete(scope.row)" + v-hasPermi="['system:user:remove']" + ><span class=".button-xiazai" + ><i class="el-icon-s-management"></i>澶嶅埗妯$増</span + ></el-button + > + </template> + </el-table-column> + </el-table> + <!-- 閫氱敤妯$増 --> + <el-table + v-else + v-loading="loading" + :data="userList" + :border="true" + @selection-change="handleSelectionChange" + > + <el-table-column type="selection" width="50" align="center" /> + <el-table-column + label="搴忓彿" + align="center" + key="userId" + prop="userId" + /> + <el-table-column + label="閫氱敤妯$増鍚嶇О" + align="center" + key="userName" + prop="userName" + :show-overflow-tooltip="true" + /> + <el-table-column + label="璇█" + align="center" + key="nickName" + prop="nickName" + width="400" + :show-overflow-tooltip="true" + /> + <el-table-column label="鏄惁鍚敤" align="center" key="status"> + <template slot-scope="scope"> + <el-switch + v-model="scope.row.status" + active-value="0" + inactive-value="1" + @change="handleStatusChange(scope.row)" + ></el-switch> + </template> + </el-table-column> + + <el-table-column + label="鎿嶄綔" + align="center" + width="200" + class-name="small-padding fixed-width" + > + <template slot-scope="scope"> + <el-button + size="medium" + type="text" + @click="handleUpdate(scope.row)" + ><span class="button-textxg" + ><i class="el-icon-edit-outline"></i>淇敼</span + ></el-button + > + <el-button + size="medium" + type="text" + @click="compileUpdate(scope.row)" + ><span class="button-bji" + ><i class="el-icon-edit"></i>缂栬緫璇濇湳</span + ></el-button + > + <el-button + size="medium" + type="text" + @click="handleDelete(scope.row)" + v-hasPermi="['system:user:remove']" + ><span class="button-textsc" + ><i class="el-icon-delete-solid"></i>鍒犻櫎</span + ></el-button + > + <el-button + size="medium" + type="text" + @click="downloadfn(scope.row)" + v-hasPermi="['system:user:remove']" + ><span class="button-xiazai" + ><i class="el-icon-download"></i>涓嬭浇</span + ></el-button + > + <el-button + size="medium" + type="text" + @click="copyfn(scope.row)" + v-hasPermi="['system:user:remove']" + ><span class=".button-xiazai" + ><i class="el-icon-s-management"></i>澶嶅埗妯$増</span + ></el-button + > + </template> + </el-table-column> + </el-table> + <!-- 搴曢儴鍒嗛〉 --> + <pagination + v-show="total > 0" + :total="total" + :page.sync="queryParams.pageNum" + :limit.sync="queryParams.pageSize" + @pagination="getList" + /> + </el-col> + </el-row> + + <!-- 娣诲姞鎴栦慨鏀规爣鍑嗘ā鐗堝璇濇 --> + <el-dialog + v-if="topactiveName == 'Local'" + :title="title" + :visible.sync="indexopen" + width="900px" + append-to-body + > + <el-form + ref="form" + :model="indexform" + :rules="rules" + label-width="110px" + > + <el-row> + <el-col :span="24"> + <el-form-item label="璇█" prop="deptId"> + <el-select + v-model="indexform.language" + placeholder="璇烽�夋嫨璇█" + > + <el-option + v-for="index in languagelist" + :key="index.value" + :label="index.label" + :value="index.value" + ></el-option> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="24"> + <el-form-item label="妯$増鍚嶇О" prop="nickName"> + <el-input + v-model="indexform.nickName" + placeholder="璇疯緭鍏ユā鐗堝悕绉�" + maxlength="80" + /> + </el-form-item> </el-col + ></el-row> + <el-row> + <el-col :span="24"> + <el-form-item label="闈欓粯鏃堕棿(绉�)" prop="verbaltricktext"> + <el-input v-model="indexform.userName" maxlength="30" /> + </el-form-item> </el-col + ></el-row> + <el-row> + <el-col :span="24"> + <el-form-item label="鏃犲0閲嶅娆℃暟" prop="verbaltrickyy"> + <el-input v-model="indexform.userName" maxlength="30" /> + </el-form-item> </el-col + ></el-row> + <el-row> + <el-col :span="24"> + <el-form-item label="鏃犲尮閰嶉噸澶嶆鏁�" prop="matchtext"> + <el-input v-model="indexform.userName" maxlength="30" /> + </el-form-item> </el-col + ></el-row> + <el-row> + <el-col :span="24"> + <el-form-item label="鍚姩浠诲姟" prop="matchyy"> + <el-input v-model="indexform.userName" maxlength="30" /> + </el-form-item> </el-col + ></el-row> + <el-row> + <el-col :span="24"> + <el-form-item label="閫氱敤搴�" prop="deptId"> + <el-select v-model="indexform.language" placeholder="璇烽�夋嫨"> + <el-option + v-for="index in languagelist" + :key="index.value" + :label="index.label" + :value="index.value" + ></el-option> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="24"> + <el-form-item label="绉戝" prop="deptId"> + <el-select v-model="indexform.language" placeholder="璇烽�夋嫨"> + <el-option + v-for="index in languagelist" + :key="index.value" + :label="index.label" + :value="index.value" + ></el-option> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="24"> + <el-form-item label="璇婃柇绫诲瀷鍏抽敭瀛�" prop="librarytext"> + <el-input v-model="indexform.userName" maxlength="30" /> + </el-form-item> </el-col + ></el-row> + <el-row> + <el-col :span="24"> + <el-form-item label="璇婃柇绫诲瀷" prop="deptId"> + <el-select v-model="indexform.language" placeholder="璇烽�夋嫨"> + <el-option + v-for="index in languagelist" + :key="index.value" + :label="index.label" + :value="index.value" + ></el-option> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="24"> + <el-form-item label="闅忚鎺ㄥ欢澶╂暟" prop="vaguetext"> + <el-input v-model="indexform.userName" maxlength="30" /> + </el-form-item> </el-col + ></el-row> + <el-row> + <el-col :span="24"> + <el-form-item label="妯$増鏍囩淇℃伅" prop="vagueyy"> + <el-input v-model="indexform.userName" maxlength="30" /> + </el-form-item> </el-col + ></el-row> + <el-row> + <el-col :span="24"> + <el-form-item label="鎾姤鏂瑰紡"> + <el-radio-group v-model="indexform.qystatus"> + <el-radio + v-for="item in qyoptionbo" + :key="item.value" + :label="item.value" + >{{ item.label }}</el-radio + > + </el-radio-group> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="24"> + <el-form-item label="鏄惁鍚敤"> + <el-radio-group v-model="indexform.qystatus"> + <el-radio + v-for="item in qyoptions" + :key="item.value" + :label="item.value" + >{{ item.label }}</el-radio + > + </el-radio-group> + </el-form-item> + </el-col> + </el-row> + + <el-row> + <el-col :span="24"> + <el-form-item label="澶囨敞"> + <el-input + v-model="indexform.remark" + type="textarea" + placeholder="璇疯緭鍏ュ唴瀹�" + ></el-input> + </el-form-item> + </el-col> + </el-row> + </el-form> + <div slot="footer" class="dialog-footer"> + <el-button type="primary" @click="submitForm">纭� 瀹�</el-button> + <el-button @click="cancel">鍙� 娑�</el-button> + </div> + </el-dialog> + <!-- 娣诲姞鎴栦慨鏀归�氱敤妯$増瀵硅瘽妗� --> + <el-dialog + :title="title" + :visible.sync="indexopenty" + width="900px" + append-to-body + > + <el-form + ref="form" + :model="indexform" + :rules="rules" + label-width="100px" + > + <el-row> + <el-col :span="24"> + <el-form-item label="璇█" prop="deptId"> + <el-select + v-model="indexform.language" + placeholder="璇烽�夋嫨璇█" + > + <el-option + v-for="index in languagelist" + :key="index.value" + :label="index.label" + :value="index.value" + ></el-option> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="24"> + <el-form-item label="妯$増鍚嶇О" prop="nickName"> + <el-input + v-model="indexform.nickName" + placeholder="璇疯緭鍏ユā鐗堜富鏃�" + maxlength="80" + /> + </el-form-item> </el-col + ></el-row> + <el-row> + <el-col :span="24"> + <el-form-item label="鏄惁鍚敤"> + <el-radio-group v-model="indexform.qystatus"> + <el-radio + v-for="item in qyoptions" + :key="item.value" + :label="item.value" + >{{ item.label }}</el-radio + > + </el-radio-group> + </el-form-item> + </el-col> + </el-row> + + <el-row> + <el-col :span="24"> + <el-form-item label="澶囨敞"> + <el-input + v-model="indexform.remark" + type="textarea" + placeholder="璇疯緭鍏ュ唴瀹�" + ></el-input> + </el-form-item> + </el-col> + </el-row> + </el-form> + <div slot="footer" class="dialog-footer"> + <el-button type="primary" @click="submitForm">纭� 瀹�</el-button> + <el-button @click="cancel">鍙� 娑�</el-button> + </div> + </el-dialog> + </div> + </div> + <!-- 娣诲姞绫诲埆寮规 --> + <el-dialog + :title="amendtag ? '淇敼绫诲埆' : '鏂板绫诲埆'" + width="30%" + :visible.sync="dialogFormVisible" + > + <el-form :model="classifyform"> + <el-form-item + :label="amendtag ? '璇疯緭鍏ユ柊鐨勭被鍒悕绉�' : '璇疯緭鍏ョ被鍒悕绉�'" + > + <el-input + v-model="classifyform.categoryname" + autocomplete="off" + ></el-input> + </el-form-item> + </el-form> + <div slot="footer" class="dialog-footer"> + <el-button @click="dialogFormVisible = false">鍙� 娑�</el-button> + <el-button type="primary" @click="submitsidecolumn">纭� 瀹�</el-button> + </div> + </el-dialog> + <!-- 鍒犻櫎绫诲埆纭妗� --> + <el-dialog title="璀﹀憡" :visible.sync="deleteVisible" width="40%"> + <div style="font-size: 20px; color: rgb(247, 76, 76)"> + 鏄惁纭鍒犻櫎鍒嗙被锛歔<span>{{ deletefenl }}</span + >]? + </div> + <div style="font-size: 20px"> + 姝ゆ搷浣滀細灏嗚绫诲埆涓嬫墍鏈夋ā鍧楄浆绉昏嚦[鏈垎绫籡锛屾槸鍚︾户缁垹闄ゆ鍒嗙被锛� + </div> + <span slot="footer" class="dialog-footer"> + <el-button @click="deleteVisible = false">鍙� 娑�</el-button> + <el-button type="primary" @click="deletefenlei">纭� 瀹�</el-button> + </span> + </el-dialog> + </div> </template> <script> +import { + listUser, + getUser, + delUser, + addUser, + updateUser, +} from "@/api/system/user"; export default { + name: "questionnaire", + dicts: ["sys_normal_disable", "sys_user_sex"], data() { - return {}; + return { + topactiveName: "Local", //椤堕儴閫夋嫨 + // 閬僵灞� + loading: false, + // 閫変腑鏁扮粍 + ids: [], + // 闈炲崟涓鐢� + single: true, + // 闈炲涓鐢� + multiple: true, + // 鏄剧ず鎼滅储鏉′欢 + showSearch: true, + // 鎬绘潯鏁� + total: 0, + namequestionnaire: "", + haoquestionnaire: "", + idds: "", + amendtag: false, //鏄惁淇敼绫诲埆 + dialogFormVisible: false, //淇敼娣诲姞绫诲埆寮规 + deleteVisible: false, //鍒嗙被鍒犻櫎寮规 + deletefenl: "楂樿鍘�", //鍒犻櫎椤� + classifyform: { + categoryname: "", + }, //绫诲埆琛ㄥ崟 + // 琛ㄦ牸鏁版嵁 + userList: [ + { + userid: 1, + userName: "琛�甯歌銆佸翱甯歌", + nickName: "璐", + aphonenumber: "(?!涓�.*|娌�.*|鏈�.*)^.*([璐钩鍑]|璐|璇勫|璇勫),10", + bphonenumber: "閫夋嫨", + cphonenumber: "鏅�氳瘽", + status: "0", + }, + ], + // 寮瑰嚭灞傛爣棰� + title: "", + // 鏄惁鏄剧ず寮瑰嚭灞� + open: false, + // 鏃ユ湡鑼冨洿 + dateRange: [], + // 宀椾綅閫夐」 + postOptions: [], + // 瑙掕壊閫夐」 + roleOptions: [], + // 娣诲姞銆佷慨鏀瑰弬鏁� + indexform: {}, + numberlb: 22, + numberlbs: 2, + sidecolumnform: {}, //娣诲姞绫诲埆琛ㄥ崟 + dialogFormVisible: false, //娣诲姞绫诲埆寮规 + sidecolumnval: "", //绫诲埆鎼滅储 + indexopen: false, //寮规灞曠ず鍚� + indexopenty: false, //寮规灞曠ず鍚� + propss: { multiple: true }, + languagelist: [ + { + value: 1, + label: "鏅�氳瘽", + }, + { + value: 2, + label: "绮よ", + }, + { + value: 3, + label: "鑻辫", + }, + ], //璇█鍒楄〃 + qyoptions: [ + { + value: 1, + label: "鍚敤", + }, + { + value: 2, + label: "鍏抽棴", + }, + ], + // 鎾姤鏂瑰紡 + qyoptionbo: [ + { + value: 1, + label: "璇煶浼樺厛", + }, + { + value: 2, + label: "鏂囧瓧浼樺厛", + }, + ], + //绫诲埆鍒楄〃 + editableTabs: [ + { + title: "妯$増鍒嗙被涓�", + number: "1", + }, + { + title: "妯$増鍒嗙被浜�", + number: "2", + }, + { + title: "妯$増鍒嗙被涓�", + number: "2", + }, + { + title: "妯$増鍒嗙被鍥�", + number: "2", + }, + { + title: "妯$増鍒嗙被浜�", + number: "2", + }, + ], + // 鏌ヨ鍙傛暟 + queryParams: { + pageNum: 1, + pageSize: 10, + userName: undefined, + phonenumber: undefined, + status: undefined, + deptId: undefined, + IDnumber: undefined, + }, + // 琛ㄥ崟鏍¢獙 + rules: { + userName: [ + { required: true, message: "涓绘棬涓嶈兘涓虹┖", trigger: "blur" }, + { + min: 2, + max: 20, + message: "鐢ㄦ埛鍚嶇О闀垮害蹇呴』浠嬩簬 2 鍜� 20 涔嬮棿", + trigger: "blur", + }, + ], + nickName: [ + { required: true, message: "鐢ㄦ埛鏄电О涓嶈兘涓虹┖", trigger: "blur" }, + ], + password: [ + { required: true, message: "鐢ㄦ埛瀵嗙爜涓嶈兘涓虹┖", trigger: "blur" }, + { + min: 5, + max: 20, + message: "鐢ㄦ埛瀵嗙爜闀垮害蹇呴』浠嬩簬 5 鍜� 20 涔嬮棿", + trigger: "blur", + }, + ], + email: [ + { + type: "email", + message: "璇疯緭鍏ユ纭殑閭鍦板潃", + trigger: ["blur", "change"], + }, + ], + phonenumber: [ + { + pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, + message: "璇疯緭鍏ユ纭殑鎵嬫満鍙风爜", + trigger: "blur", + }, + ], + IDnumber: [ + { + pattern: + /^\d{6}((((((19|20)\d{2})(0[13-9]|1[012])(0[1-9]|[12]\d|30))|(((19|20)\d{2})(0[13578]|1[02])31)|((19|20)\d{2})02(0[1-9]|1\d|2[0-8])|((((19|20)([13579][26]|[2468][048]|0[48]))|(2000))0229))\d{3})|((((\d{2})(0[13-9]|1[012])(0[1-9]|[12]\d|30))|((\d{2})(0[13578]|1[02])31)|((\d{2})02(0[1-9]|1\d|2[0-8]))|(([13579][26]|[2468][048]|0[048])0229))\d{2}))(\d|X|x)$/, + message: "璇疯緭鍏ユ纭殑韬唤璇佸彿鐮�", + trigger: "blur", + }, + ], + }, + }; + }, + watch: {}, + created() { + this.getList(); }, - created() {}, + methods: { + /** 鏌ヨ鐢ㄦ埛鍒楄〃 */ + getList() { + // this.loading = true; + listUser().then((response) => { + console.log(response); + console.log(this.userList); + }); + }, + // 娣诲姞銆佷慨鏀圭被鍒� + submitsidecolumn() { + if (this.amendtag) { + this.classifyform.tagcategoryid = this.idds; + // toamendtagcategory(this.addDateRange(this.classifyform)).then( + // (response) => { + // console.log(response); + // this.gitclasify(); + // } + // ); + } else { + // addtagcategory(this.addDateRange(this.classifyform)).then( + // (response) => { + // console.log(response); + // this.gitclasify(); + // } + // ); + } + this.classifyform = { + categoryname: "", + }; + this.idds = ""; + this.dialogFormVisible = false; + }, + //鍒犻櫎鍒嗙被 + deletefenlei(row) { + if (this.deleteVisible) { + // deletetagcategory(this.idds).then((response) => { + // console.log(response); + // this.gitclasify(); + // }); + this.deleteVisible = false; + this.idds = ""; + } else { + this.deleteVisible = true; + this.idds = row.tagcategoryid; + this.deletefenl = row.title; + } + }, + // 澶嶅埗妯$増 + copyfn() {}, + // 涓嬭浇妯$増 + downloadfn() {}, + // 璺宠浆缂栬緫璇濇湳椤甸潰 + compileUpdate(row) { + if (this.topactiveName == "Local") { + this.$router.push({ + path: "/repositoryai/templateku/configurat/", + query: { id: "1" }, + }); + } else { + this.$router.push({ + path: "/repositoryai/templateku/particulars/", + query: { id: "1" }, + }); + } + }, + // 棰樼洰鐘舵�佷慨鏀� + handleStatusChange(row) { + let text = row.status === "0" ? "鍚敤" : "鍋滅敤"; + this.$modal + .confirm('纭瑕�"' + text + '""' + row.userName + '"鐢ㄦ埛鍚楋紵') + .then(function () { + return changeUserStatus(row.userId, row.status); + }) + .then(() => { + this.$modal.msgSuccess(text + "鎴愬姛"); + }) + .catch(function () { + row.status = row.status === "0" ? "1" : "0"; + }); + }, + //鎼滅储绫诲埆 + sidecolumnss() {}, + // 渚挎嵎鏍囩 + tsgnameto() {}, + // 鍒囨崲鍏变韩/鏈湴 + tophandleClick() {}, + // 鍙栨秷鎸夐挳 + cancel() { + this.indexopen = false; + this.indexopenty = false; + this.reset(); + }, - methods: {}, + // 琛ㄥ崟閲嶇疆 + reset() { + this.form = { + userId: undefined, + deptId: undefined, + userName: undefined, + nickName: undefined, + password: undefined, + phonenumber: undefined, + email: undefined, + sex: undefined, + status: "0", + remark: undefined, + postIds: [], + roleIds: [], + }; + this.resetForm("form"); + }, + /** 鎼滅储鎸夐挳鎿嶄綔 */ + handleQuery() { + this.queryParams.pageNum = 1; + this.getList(); + }, + /** 閲嶇疆鎸夐挳鎿嶄綔 */ + resetQuery() { + this.dateRange = []; + this.resetForm("queryForm"); + this.queryParams.deptId = undefined; + this.$refs.tree.setCurrentKey(null); + this.handleQuery(); + }, + // 澶氶�夋閫変腑鏁版嵁 + handleSelectionChange(selection) { + this.ids = selection.map((item) => item.userId); + this.single = selection.length != 1; + this.multiple = !selection.length; + }, + /** 鏂板鎸夐挳鎿嶄綔 */ + handleAdd() { + this.reset(); + this.title = "鏂板妯$増"; + if (this.topactiveName == "Local") { + this.indexopen = true; + } else { + this.indexopenty = true; + } + }, + /** 淇敼鎸夐挳鎿嶄綔 */ + handleUpdate(row) { + this.reset(); + this.title = "淇敼妯$増"; + if (this.topactiveName == "Local") { + this.indexopen = true; + } else { + this.indexopenty = true; + } + }, + // 淇敼鍒嗙被寮规 + popoveramend(tagcategoryid) { + this.idds = tagcategoryid; + this.amendtag = true; + this.dialogFormVisible = true; + }, + + /** 鏇存柊/淇敼鎻愪氦鎸夐挳 */ + submitForm: function () { + this.$refs["form"].validate((valid) => { + if (valid) { + if (this.form.userId != undefined) { + updateUser(this.form).then((response) => { + this.$modal.msgSuccess("淇敼鎴愬姛"); + this.indexopen = false; + this.indexopenty = false; + this.getList(); + }); + } else { + addUser(this.form).then((response) => { + this.$modal.msgSuccess("鏂板鎴愬姛"); + this.indexopen = false; + this.indexopenty = false; + + this.getList(); + }); + } + } + }); + }, + /** 鍒犻櫎鎸夐挳鎿嶄綔 */ + handleDelete(row) { + const userIds = row.userId || this.ids; + this.$modal + .confirm('鏄惁纭鍒犻櫎鐢ㄦ埛缂栧彿涓�"' + userIds + '"鐨勬暟鎹」锛�') + .then(function () { + return delUser(userIds); + }) + .then(() => { + this.getList(); + this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + }) + .catch(() => {}); + }, + }, }; </script> -<style lang="scss" scoped></style> +<style lang="scss" scoped> +.Questionnairemanagement { + display: flex; +} +.sidecolumn { + width: 300px; + min-height: 100vh; + text-align: center; + // display: flex; + margin-top: 20px; + margin: 20px; + padding: 30px; + background: #edf1f7; + border: 1px solid #dcdfe6; + -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), + 0 0 6px 0 rgba(0, 0, 0, 0.04); + .sidecolumn-top { + display: flex; + justify-content: space-between; + .top-wj { + font-size: 20px; + } + .top-tj { + font-size: 18px; + + color: rgb(0, 89, 255); + cursor: pointer; + } + } + .center-ss { + margin-top: 30px; + .input-with-select { + height: 40px !important; + } + } + .bottom-fl { + margin-top: 30px; + display: center !important; + } +} +.qrcode-dialo { + text-align: center; + // display: flex; + margin: 20px; + padding: 30px; + background: #edf1f7; + border: 1px solid #dcdfe6; + -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), + 0 0 6px 0 rgba(0, 0, 0, 0.04); + .qrcode-text { + font-size: 20px; + span { + margin-left: 20px; + } + } + .qrcode-img { + width: 300px; + height: 400px; + } +} +.tsgname { + width: 90px; + margin-right: 10px; + text-align: center; + cursor: pointer; + height: 40px; + line-height: 40px; + background: #7799fa; + color: #ffff; + font-size: 18px; + border-radius: 5px; +} +.tsgname:hover { + background: #3366f5; +} +::v-deep.el-tabs--left, +.el-tabs--right { + overflow: hidden; + align-items: center; + display: flex; +} +::v-deep.el-input--medium .el-input__inner { + height: 40px !important; +} +::v-deep.el-tabs--right .el-tabs__active-bar.is-right { + height: 40px; + width: 5px; + left: 0; +} +::v-deep.el-tabs--right .el-tabs__item.is-right { + display: block; + font-size: 20px; +} +.leftvlue { + // display: flex; + // flex: 1; + width: 80%; + margin-top: 20px; + // margin: 20px; + padding: 30px; + background: #ffff; + border: 1px solid #dcdfe6; + -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), + 0 0 6px 0 rgba(0, 0, 0, 0.04); + .mulsz { + font-size: 20px; + } +} +.leftvlues { + // display: flex; + // flex: 1; + width: 100%; + margin: 20px; + // margin: 20px; + padding: 30px; + background: #ffff; + border: 1px solid #dcdfe6; + -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), + 0 0 6px 0 rgba(0, 0, 0, 0.04); + .mulsz { + font-size: 20px; + } +} +.button-text { + color: rgb(70, 204, 238); +} +.button-bji { + color: rgb(39, 167, 67); +} +.button-textxg { + color: rgb(35, 81, 233); +} +.button-textsc { + color: rgb(235, 23, 23); +} +.button-xiazai { + color: #0ab2c9; +} +</style> diff --git a/src/views/repositoryai/templateku/particulars/index.vue b/src/views/repositoryai/templateku/particulars/index.vue new file mode 100644 index 0000000..11653d3 --- /dev/null +++ b/src/views/repositoryai/templateku/particulars/index.vue @@ -0,0 +1,155 @@ +<template> + <div> + <div class="basic">鍩烘湰淇℃伅</div> + <div class="top-text"> + <div class="substance"> + <p> + 鎸囨爣閫夐」锛�<span>{{ optionvalue }}</span> + </p> + </div> + </div> + <div class="headline"> + <div class="basics">闂閰嶇疆</div> + <div class="headbottom"> + <el-button + type="primary" + icon="el-icon-circle-plus-outline" + @click="addzbiao" + >娣诲姞鎸囨爣</el-button + > + <el-button type="primary" icon="el-icon-s-claim">淇濆瓨</el-button> + </div> + </div> + <div class="valuetop" v-for="(item, index) in deployList" :key="item.id"> + <div class="val-text"> + <div> + <span>{{ item.name }}</span> + </div> + <div class="text-icon" @click="deletei(index)"> + <i class="el-icon-delete" /> + </div> + </div> + <div class="val-bon"> + <el-form ref="form" :model="item" label-width="90px"> + <el-form-item label="璇煶鏂囨湰"> + <el-input v-model="item.name"></el-input> + </el-form-item> + <el-form-item label="璇煶璺緞"> + <el-input v-model="item.name"></el-input> + </el-form-item> + + <el-form-item label="鑷畾涔夎鍒�"> + <el-input type="textarea" v-model="item.valuetop"></el-input> + </el-form-item> + </el-form> + </div> + </div> + </div> +</template> + +<script> +export default { + data() { + return { + optionvalue: "鍖婚櫌鏅�氳瘽閫氱敤搴�", + + deployList: [ + { + id: 1, + name: "鎮ㄥソ锛屾垜鏄灏旀瞾宸︿腑鏃椾汉姘戝尰闄㈢殑鏅鸿兘鍥炶鍔╂墜锛�", + valuetop: + "(?!.*蹇榺.*涓峾.*娌�)^.*(鏄瘄鏈墊瀵箌鍋殀浣渱妫�|鏌澶嶈瘖|濂絴鍙傚姞|澶嶈瘖|鍘�(杩噟濂絴浜唡瀹寍鍖婚櫌)|鏉�(杩噟浜唡鍖婚櫌))|娌¢敊|瀵瑰憖|鍙兘|(宸茬粡|鏃�)鍘讳簡|寮�浜嗚嵂|鑵板甫|鍚婂甫|瑕佺殑|(?<!娌�)鏈夌殑|琛ㄥ甫,10;瑕�,5", + }, + { + id: 2, + name: "鎮ㄥソ锛屾垜鏄灏旀瞾宸︿腑鏃椾汉姘戝尰闄㈢殑鏅鸿兘鍥炶鍔╂墜锛�", + valuetop: + "(涓峾娌璋亅楝紎鎬庝箞).*(鐥厊鍙兘|鐭ラ亾|浜嗚В|娓呮|鎳倈鏄庣櫧|纭|纭畾|鏅撳緱|鐭ユ檽|璁ゅ緱|璇嗗緱|鍗拌薄|鐔熸倝|璁皘浼殀鍏冲績|鍏虫敞|娉ㄦ剰|鍛婅瘔|閫氱煡|鍚�)", + }, + ], + }; + }, + + created() {}, + + methods: { + onSubmit() { + console.log("submit!"); + }, + deletei(index) { + console.log(index); + this.deployList.splice(index, 1); + }, + addzbiao() { + const ids = this.deployList.length + 1; + console.log(ids); + this.deployList.push({ + id: ids, + name: "", + valuetop: "", + }); + }, + }, +}; +</script> + +<style lang="scss" scoped> +.top-text { + margin: 15px; + margin-top: 0; + padding: 0 30px 30px 30px; + background: #f2f5fc; + border: 1px solid #dcdfe6; + -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), + 0 0 6px 0 rgba(0, 0, 0, 0.04); +} +.basic { + height: 50px; + margin: 15px; + margin-bottom: 0; + padding: 0 20px 20px 20px; + line-height: 50px; + background: #92c5f0; +} +.headline { + display: flex; + height: 50px; + margin: 15px; + margin-bottom: 0; + padding: 0 20px 20px 20px; + line-height: 50px; + background: #92c5f0; + justify-content: space-between; +} +.valuetop { + .val-text { + display: flex; + height: 50px; + margin: 15px; + margin-bottom: 0; + // padding: 0 20px 20px 20px; + padding: 0 20px; + align-items: center; + background: #92c5f0; + justify-content: space-between; + .text-icon { + width: 35px; + height: 35px; + line-height: 35px; + text-align: center; + background: #fafafa; + cursor: pointer; + border-radius: 5px; + } + } + .val-bon { + margin: 15px; + margin-top: 0; + padding: 30px; + background: #f2f5fc; + border: 1px solid #dcdfe6; + -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), + 0 0 6px 0 rgba(0, 0, 0, 0.04); + } +} +</style> diff --git a/src/views/repositoryai/verbaltrick/index.vue b/src/views/repositoryai/verbaltrick/index.vue index ef7032a..e03124a 100644 --- a/src/views/repositoryai/verbaltrick/index.vue +++ b/src/views/repositoryai/verbaltrick/index.vue @@ -56,10 +56,10 @@ <div class="leftvlue-top"> <el-tabs v-model="topactiveName" @tab-click="tophandleClick"> <el-tab-pane name="Local"> - <span class="mulsz" slot="label">鏈湴璇濇湳搴� </span> + <span class="mulsz" slot="label">鏅�氳瘽鏈簱 </span> </el-tab-pane> <el-tab-pane name="sharing"> - <span class="mulsz" slot="label">鍏变韩璇濇湳搴� </span> + <span class="mulsz" slot="label">鐗瑰畾璇濇湳搴� </span> </el-tab-pane> </el-tabs> </div> @@ -75,7 +75,7 @@ v-show="showSearch" label-width="98px" > - <el-form-item label="璇濇湳鍚嶇О" prop="userName"> + <el-form-item label="璇濇湳涓绘棬" prop="userName"> <el-input v-model="queryParams.userName" placeholder="璇疯緭鍏�" @@ -84,13 +84,36 @@ @keyup.enter.native="handleQuery" /> </el-form-item> - <el-form-item label="閫傜敤鐤剧梾" prop="status"> - <el-cascader - v-model="queryParams.status" - :options="optionss" - :props="propss" + <el-form-item label="鍏宠仈鎸囨爣" prop="userName"> + <el-input + v-model="queryParams.userName" + placeholder="璇疯緭鍏�" clearable - ></el-cascader> + style="width: 200px" + @keyup.enter.native="handleQuery" + /> + </el-form-item> + <el-form-item label="璇█" prop="status"> + <el-select v-model="queryParams.status" placeholder="璇烽�夋嫨"> + <el-option + v-for="item in languagelist" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> + </el-form-item> + <el-form-item label="鏄惁鍚敤" prop="status"> + <el-select v-model="queryParams.status" placeholder="璇烽�夋嫨"> + <el-option + v-for="item in qyoptions" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> </el-form-item> <el-form-item> @@ -138,11 +161,6 @@ <!-- <el-col :span="1.5"> </el-col> --> </el-row> - <!-- <right-toolbar - :showSearch.sync="showSearch" - @queryTable="getList" - :columns="columns" - ></right-toolbar> --> <el-table v-loading="loading" :data="userList" @@ -155,82 +173,84 @@ align="center" key="userId" prop="userId" - v-if="columns[0].visible" /> <el-table-column - label="璇濇湳鍚嶇О" + label="涓绘棬" align="center" key="userName" prop="userName" - v-if="columns[1].visible" :show-overflow-tooltip="true" /> <el-table-column - label="鐗堟湰" + label="闂鏂囨湰" align="center" key="nickName" prop="nickName" - v-if="columns[2].visible" + width="400" :show-overflow-tooltip="true" /> <el-table-column - label="閫傜敤鐤剧梾" + label="闂璇煶" align="center" key="aphonenumber" prop="aphonenumber" - v-if="columns[4].visible" - width="120" + width="400" /><el-table-column - label="璇濇湳鎻忚堪" + label="鍏宠仈鎸囨爣" align="center" key="bphonenumber" prop="bphonenumber" - v-if="columns[4].visible" width="120" /> <el-table-column - label="鏈�杩戠紪杈�" + label="鎸囨爣閫夐」" align="center" - key="cphonenumber" - prop="cphonenumber" - v-if="columns[4].visible" + key="bphonenumber" + prop="bphonenumber" width="120" /> + <el-table-column + label="璇█" + align="center" + key="indicator" + prop="indicator" + width="120" + /> + <el-table-column label="鏄惁鍚敤" align="center" key="status"> + <template slot-scope="scope"> + <el-switch + v-model="scope.row.status" + active-value="0" + inactive-value="1" + @change="handleStatusChange(scope.row)" + ></el-switch> + </template> + </el-table-column> <el-table-column label="鎿嶄綔" align="center" - width="300" + width="200" class-name="small-padding fixed-width" > <template slot-scope="scope"> <el-button size="medium" type="text" - @click="goQRCode(scope.row)" - v-hasPermi="['system:user:edit']" - > - <span class="button-text" - ><i class="el-icon-edit"></i>浜岀淮鐮�</span - ></el-button - > - <el-button - size="medium" - type="text" - @click="ViewQuestionnaire(scope.row)" - v-hasPermi="['system:user:edit']" - ><span class="button-textck" - ><i class="el-icon-edit"></i>鏌ョ湅</span - ></el-button - > - <el-button - size="medium" - type="text" @click="handleUpdate(scope.row)" v-hasPermi="['system:user:edit']" ><span class="button-textxg" - ><i class="el-icon-edit"></i>淇敼</span + ><i class="el-icon-edit-outline"></i>淇敼</span + ></el-button + > + <el-button + size="medium" + type="text" + @click="compileUpdate(scope.row)" + v-hasPermi="['system:user:edit']" + ><span class="button-bji" + ><i class="el-icon-edit"></i>缂栬緫璇濇湳</span ></el-button > <el-button @@ -239,7 +259,7 @@ @click="handleDelete(scope.row)" v-hasPermi="['system:user:remove']" ><span class="button-textsc" - ><i class="el-icon-edit"></i>鍒犻櫎</span + ><i class="el-icon-delete-solid"></i>鍒犻櫎</span ></el-button > </template> @@ -259,84 +279,142 @@ <!-- 娣诲姞鎴栦慨鏀硅瘽鏈厤缃璇濇 --> <el-dialog :title="title" - :visible.sync="open" + :visible.sync="indexopen" width="900px" append-to-body > - <el-form ref="form" :model="form" :rules="rules" label-width="100px"> + <el-form + ref="form" + :model="indexform" + :rules="rules" + label-width="100px" + > <el-row> - <el-col :span="12"> - <el-form-item label="濮撳悕" prop="nickName"> - <el-input - v-model="form.nickName" - placeholder="璇疯緭鍏ュ鍚�" - maxlength="30" - /> - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="鎬у埆" prop="deptId"> - <el-select v-model="form.sex" placeholder="璇烽�夋嫨鎬у埆"> + <el-col :span="24"> + <el-form-item label="璇█" prop="deptId"> + <el-select + v-model="indexform.language" + placeholder="璇烽�夋嫨璇█" + > <el-option - v-for="dict in dict.type.sys_user_sex" - :key="dict.value" - :label="dict.label" - :value="dict.value" + v-for="index in languagelist" + :key="index.value" + :label="index.label" + :value="index.value" ></el-option> </el-select> </el-form-item> </el-col> </el-row> <el-row> - <el-col :span="12"> - <el-form-item label="璇佷欢绫诲瀷" prop="phonenumber"> + <el-col :span="24"> + <el-form-item label="璇濇湳涓绘棬" prop="nickName"> <el-input - v-model="form.phonenumber" - placeholder="璇烽�夋嫨璇佷欢绫诲瀷" - maxlength="11" + v-model="indexform.nickName" + placeholder="璇疯緭鍏ヨ瘽鏈富鏃�" + maxlength="80" /> - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="璇佷欢鍙�" prop="email"> + </el-form-item> </el-col + ></el-row> + <el-row> + <el-col :span="24"> + <div + style="display: flex; margin-left: 100px; margin-bottom: 10px" + > + <div class="tsgname" @click="tsgnameto()">鍖婚櫌鍚嶇О</div> + <div class="tsgname" @click="tsgnameto()">鍖婚櫌鐢佃瘽</div> + <div class="tsgname" @click="tsgnameto()">鍖婚櫌濮撳悕</div> + <div class="tsgname" @click="tsgnameto()">闅忚濮撳悕</div> + <div class="tsgname" @click="tsgnameto()">闅忚鐢佃瘽</div> + <div class="tsgname" @click="tsgnameto()">鎬у埆</div> + <div class="tsgname" @click="tsgnameto()">骞撮緞</div> + <div class="tsgname" @click="tsgnameto()">鍦板潃</div> + </div> + </el-col></el-row + > + <el-row> + <el-col :span="24"> + <el-form-item label="璇濇湳鏂囨湰" prop="verbaltricktext"> + <el-input v-model="indexform.userName" maxlength="30" /> + </el-form-item> </el-col + ></el-row> + <el-row> + <el-col :span="24"> + <el-form-item label="璇濇湳璇煶" prop="verbaltrickyy"> + <el-input v-model="indexform.userName" maxlength="30" /> + </el-form-item> </el-col + ></el-row> + <el-row> + <el-col :span="24"> + <el-form-item label="鏃犲尮閰嶆枃鏈�" prop="matchtext"> + <el-input v-model="indexform.userName" maxlength="30" /> + </el-form-item> </el-col + ></el-row> + <el-row> + <el-col :span="24"> + <el-form-item label="鏃犲尮閰嶈闊�" prop="matchyy"> + <el-input v-model="indexform.userName" maxlength="30" /> + </el-form-item> </el-col + ></el-row> + <el-row> + <el-col :span="24"> + <el-form-item label="鏃犲0鏂囨湰" prop="silenttext"> + <el-input v-model="indexform.userName" maxlength="30" /> + </el-form-item> </el-col + ></el-row> + <el-row> + <el-col :span="24"> + <el-form-item label="鏃犲0璇煶" prop="silentyy"> + <el-input v-model="indexform.userName" maxlength="30" /> + </el-form-item> </el-col + ></el-row> + <el-row> + <el-col :span="24"> + <el-form-item label="閫氱敤搴撴枃鏈�" prop="librarytext"> + <el-input v-model="indexform.userName" maxlength="30" /> + </el-form-item> </el-col + ></el-row> + <el-row> + <el-col :span="24"> + <el-form-item label="閫氱敤搴撹闊�" prop="libraryy"> + <el-input v-model="indexform.userName" maxlength="30" /> + </el-form-item> </el-col + ></el-row> + <el-row> + <el-col :span="24"> + <el-form-item label="鍚笉娓呮枃鏈�" prop="vaguetext"> + <el-input v-model="indexform.userName" maxlength="30" /> + </el-form-item> </el-col + ></el-row> + <el-row> + <el-col :span="24"> + <el-form-item label="鍚笉娓呰闊�" prop="vagueyy"> + <el-input v-model="indexform.userName" maxlength="30" /> + </el-form-item> </el-col + ></el-row> + + <el-row> + <el-col :span="24"> + <el-form-item label="璇濇湳瑙勫垯" prop="email"> <el-input - v-model="form.email" - placeholder="璇疯緭鍏ヨ瘉浠跺彿" - maxlength="50" - /> + v-model="indexform.remark" + type="textarea" + placeholder="璇疯緭鍏ュ唴瀹�" + ></el-input> </el-form-item> </el-col> </el-row> <el-row> - <el-col :span="12"> - <el-form-item label="鏈汉鎵嬫満鍙�" prop="userName"> - <el-input - v-model="form.userName" - placeholder="璇疯緭鍏ユ墜鏈哄彿" - maxlength="30" - /> - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="浜插睘鎵嬫満鍙�" prop="password"> - <el-input - v-model="form.password" - placeholder="璇疯緭鍏ヤ翰灞炴墜鏈哄彿" - type="password" - maxlength="20" - show-password - /> - </el-form-item> - </el-col> - </el-row> - <el-row> - <el-col :span="12"> - <el-form-item label="鎮h�呮爣绛�"> - <el-cascader - :options="optionss" - :props="propss" - clearable - ></el-cascader> + <el-col :span="24"> + <el-form-item label="鏄惁鍚敤"> + <el-radio-group v-model="indexform.qystatus"> + <el-radio + v-for="item in qyoptions" + :key="item.value" + :label="item.value" + >{{ item.label }}</el-radio + > + </el-radio-group> </el-form-item> </el-col> </el-row> @@ -345,7 +423,7 @@ <el-col :span="24"> <el-form-item label="澶囨敞"> <el-input - v-model="form.remark" + v-model="indexform.remark" type="textarea" placeholder="璇疯緭鍏ュ唴瀹�" ></el-input> @@ -395,15 +473,6 @@ <el-button type="primary" @click="deletefenlei">纭� 瀹�</el-button> </span> </el-dialog> - <!-- 浜岀淮鐮佸睍绀哄脊妗� --> - <el-dialog width="30%" :visible.sync="goQRCodeVisible"> - <div class="qrcode-dialo"> - <div class="qrcode-text"> - {{ namequestionnaire }}<span>{{ haoquestionnaire }}</span> - </div> - <div class="qrcode-img"></div> - </div> - </el-dialog> </div> </template> @@ -451,11 +520,12 @@ userList: [ { userid: 1, - userName: "涓夊彿璇濇湳", - nickName: "1.2.4", - aphonenumber: "鍏宠妭鐐庣棁", - bphonenumber: "寰堟", - cphonenumber: "2022-12-12 ", + userName: "琛�甯歌銆佸翱甯歌", + nickName: "璐", + aphonenumber: "(?!涓�.*|娌�.*|鏈�.*)^.*([璐钩鍑]|璐|璇勫|璇勫),10", + bphonenumber: "閫夋嫨", + cphonenumber: "鏅�氳瘽", + status: "0", }, ], // 寮瑰嚭灞傛爣棰� @@ -468,31 +538,37 @@ postOptions: [], // 瑙掕壊閫夐」 roleOptions: [], - // 琛ㄥ崟鍙傛暟 - form: {}, + // 娣诲姞銆佷慨鏀瑰弬鏁� + indexform: {}, numberlb: 22, numberlbs: 2, sidecolumnform: {}, //娣诲姞绫诲埆琛ㄥ崟 dialogFormVisible: false, //娣诲姞绫诲埆寮规 - goQRCodeVisible: false, //浜岀淮鐮佸脊妗� sidecolumnval: "", //绫诲埆鎼滅储 + indexopen: false, //寮规灞曠ず鍚� propss: { multiple: true }, - optionss: [ + languagelist: [ { value: 1, - label: "涓滃崡", + label: "鏅�氳瘽", }, { value: 2, - label: "瑗垮寳", + label: "绮よ", }, { value: 3, - label: "浠ㄤ花浠�", + label: "鑻辫", + }, + ], //璇█鍒楄〃 + qyoptions: [ + { + value: 1, + label: "鍚敤", }, { - value: 4, - label: "鍏椋掗", + value: 2, + label: "鍏抽棴", }, ], //绫诲埆鍒楄〃 @@ -528,20 +604,10 @@ deptId: undefined, IDnumber: undefined, }, - // 鍒椾俊鎭� - columns: [ - { key: 0, label: `鐢ㄦ埛缂栧彿`, visible: true }, - { key: 1, label: `鐢ㄦ埛鍚嶇О`, visible: true }, - { key: 2, label: `鐢ㄦ埛鏄电О`, visible: true }, - { key: 3, label: `閮ㄩ棬`, visible: true }, - { key: 4, label: `鎵嬫満鍙风爜`, visible: true }, - { key: 5, label: `鐘舵�乣, visible: true }, - { key: 6, label: `鍒涘缓鏃堕棿`, visible: true }, - ], // 琛ㄥ崟鏍¢獙 rules: { userName: [ - { required: true, message: "鐢ㄦ埛鍚嶇О涓嶈兘涓虹┖", trigger: "blur" }, + { required: true, message: "涓绘棬涓嶈兘涓虹┖", trigger: "blur" }, { min: 2, max: 20, @@ -639,20 +705,39 @@ this.deletefenl = row.title; } }, + compileUpdate(row) { + this.$router.push({ + path: "/repositoryai/verbaltrick/particulars/", + query: { id: "1" }, + }); + }, + // 棰樼洰鐘舵�佷慨鏀� + handleStatusChange(row) { + let text = row.status === "0" ? "鍚敤" : "鍋滅敤"; + this.$modal + .confirm('纭瑕�"' + text + '""' + row.userName + '"鐢ㄦ埛鍚楋紵') + .then(function () { + return changeUserStatus(row.userId, row.status); + }) + .then(() => { + this.$modal.msgSuccess(text + "鎴愬姛"); + }) + .catch(function () { + row.status = row.status === "0" ? "1" : "0"; + }); + }, //鎼滅储绫诲埆 sidecolumnss() {}, + // 渚挎嵎鏍囩 + tsgnameto() {}, // 鍒囨崲鍏变韩/鏈湴 tophandleClick() {}, // 鍙栨秷鎸夐挳 cancel() { - this.open = false; + this.indexopen = false; this.reset(); }, - goQRCode(row) { - this.goQRCodeVisible = true; - this.namequestionnaire = row.userName; - this.haoquestionnaire = row.nickName; - }, + // 琛ㄥ崟閲嶇疆 reset() { this.form = { @@ -692,23 +777,15 @@ }, /** 鏂板鎸夐挳鎿嶄綔 */ handleAdd() { - this.$router.push({ - path: "/knowledge/questionnaire/compilequer/", - }); + this.reset(); + this.title = "鏂板璇濇湳"; + this.indexopen = true; }, /** 淇敼鎸夐挳鎿嶄綔 */ handleUpdate(row) { - this.$router.push({ - path: "/knowledge/questionnaire/compilequer/", - query: { id: "1" }, - }); - }, - // 鏌ョ湅璇濇湳 - ViewQuestionnaire() { - this.$router.push({ - path: "/knowledge/questionnaire/examine/", - query: { id: "1" }, - }); + this.reset(); + this.title = "淇敼璇濇湳"; + this.indexopen = true; }, // 淇敼鍒嗙被寮规 popoveramend(tagcategoryid) { @@ -724,13 +801,13 @@ if (this.form.userId != undefined) { updateUser(this.form).then((response) => { this.$modal.msgSuccess("淇敼鎴愬姛"); - this.open = false; + this.indexopen = false; this.getList(); }); } else { addUser(this.form).then((response) => { this.$modal.msgSuccess("鏂板鎴愬姛"); - this.open = false; + this.indexopen = false; this.getList(); }); } @@ -815,6 +892,21 @@ height: 400px; } } +.tsgname { + width: 90px; + margin-right: 10px; + text-align: center; + cursor: pointer; + height: 40px; + line-height: 40px; + background: #7799fa; + color: #ffff; + font-size: 18px; + border-radius: 5px; +} +.tsgname:hover { + background: #3366f5; +} ::v-deep.el-tabs--left, .el-tabs--right { overflow: hidden; @@ -851,7 +943,7 @@ .button-text { color: rgb(70, 204, 238); } -.button-textck { +.button-bji { color: rgb(39, 167, 67); } .button-textxg { diff --git a/src/views/repositoryai/verbaltrick/particulars/index.vue b/src/views/repositoryai/verbaltrick/particulars/index.vue new file mode 100644 index 0000000..f072168 --- /dev/null +++ b/src/views/repositoryai/verbaltrick/particulars/index.vue @@ -0,0 +1,182 @@ +<template> + <div> + <div class="basic">鍩烘湰淇℃伅</div> + <div class="top-text"> + <div class="substance"> + <p>璇濇湳涓绘棬锛�<span>鏈夋棤澶嶆煡</span></p> + <p>闂鏂囨湰锛�<span>鏈夋棤澶嶆煡</span></p> + <p>鎸囨爣绉嶇被锛�<span>鏈夋棤澶嶆煡</span></p> + <p> + 鎸囨爣閫夐」锛�<span>{{ optionvalue }}</span> + </p> + </div> + </div> + <div class="headline"> + <div class="basics">闂閰嶇疆</div> + <div class="headbottom"> + <el-button + type="primary" + icon="el-icon-circle-plus-outline" + @click="addzbiao" + >娣诲姞鎸囨爣</el-button + > + <el-button type="primary" icon="el-icon-s-claim">淇濆瓨</el-button> + <el-button type="primary" icon="el-icon-document" + >鏇存柊鎸囨爣瑙勫垯鑷虫ā鐗�</el-button + > + </div> + </div> + <div class="valuetop" v-for="(item, index) in deployList" :key="item.id"> + <div class="val-text"> + <div> + 鏈夋棤澶嶆煡 <span>{{ item.name }}</span> + </div> + <div class="text-icon" @click="deletei(index)"> + <i class="el-icon-delete" /> + </div> + </div> + <div class="val-bon"> + <el-form ref="form" :model="form" label-width="80px"> + <el-form-item label="鎸囨爣绫诲瀷"> + <el-radio-group v-model="form.resource"> + <el-radio label="閫夐」"></el-radio> + <el-radio label="鏂囨湰"></el-radio> + <el-radio label="鏁扮粍"></el-radio> + </el-radio-group> + </el-form-item> + <el-form-item label="鎸囨爣鍚嶇О"> + <el-input v-model="form.name"></el-input> + </el-form-item> + <el-form-item label="鎸囨爣鍊�"> + <el-input v-model="item.name"></el-input> + </el-form-item> + <el-form-item label="鐗规畩璧勬簮"> + <el-radio-group v-model="form.resource"> + <el-radio label="鍩虹"></el-radio> + <el-radio label="鑷畾涔�"></el-radio> + </el-radio-group> + </el-form-item> + <el-form-item label="鍩虹瑙勫垯"> + <el-input type="textarea" v-model="item.valuetop"></el-input> + </el-form-item> + </el-form> + </div> + </div> + </div> +</template> + +<script> +export default { + data() { + return { + optionvalue: "涓嶉渶瑕併�佹病鏈夈�佷笉鐭ラ亾", + form: { + name: "", + region: "", + date1: "", + date2: "", + delivery: false, + type: [], + resource: "", + desc: "", + }, + deployList: [ + { + id: 1, + name: "鏈�", + valuetop: + "(?!.*蹇榺.*涓峾.*娌�)^.*(鏄瘄鏈墊瀵箌鍋殀浣渱妫�|鏌澶嶈瘖|濂絴鍙傚姞|澶嶈瘖|鍘�(杩噟濂絴浜唡瀹寍鍖婚櫌)|鏉�(杩噟浜唡鍖婚櫌))|娌¢敊|瀵瑰憖|鍙兘|(宸茬粡|鏃�)鍘讳簡|寮�浜嗚嵂|鑵板甫|鍚婂甫|瑕佺殑|(?<!娌�)鏈夌殑|琛ㄥ甫,10;瑕�,5", + }, + { + id: 2, + name: "涓嶇煡閬�", + valuetop: + "(涓峾娌璋亅楝紎鎬庝箞).*(鐥厊鍙兘|鐭ラ亾|浜嗚В|娓呮|鎳倈鏄庣櫧|纭|纭畾|鏅撳緱|鐭ユ檽|璁ゅ緱|璇嗗緱|鍗拌薄|鐔熸倝|璁皘浼殀鍏冲績|鍏虫敞|娉ㄦ剰|鍛婅瘔|閫氱煡|鍚�)", + }, + ], + }; + }, + + created() {}, + + methods: { + onSubmit() { + console.log("submit!"); + }, + deletei(index) { + console.log(index); + this.deployList.splice(index, 1); + }, + addzbiao() { + const ids = this.deployList.length + 1; + console.log(ids); + this.deployList.push({ + id: ids, + name: "", + valuetop: "", + }); + }, + }, +}; +</script> + +<style lang="scss" scoped> +.top-text { + margin: 15px; + margin-top: 0; + padding: 0 30px 30px 30px; + background: #f2f5fc; + border: 1px solid #dcdfe6; + -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), + 0 0 6px 0 rgba(0, 0, 0, 0.04); +} +.basic { + height: 50px; + margin: 15px; + margin-bottom: 0; + padding: 0 20px 20px 20px; + line-height: 50px; + background: #cdcdce; +} +.headline { + display: flex; + height: 50px; + margin: 15px; + margin-bottom: 0; + padding: 0 20px 20px 20px; + line-height: 50px; + background: #cdcdce; + justify-content: space-between; +} +.valuetop { + .val-text { + display: flex; + height: 50px; + margin: 15px; + margin-bottom: 0; + // padding: 0 20px 20px 20px; + padding: 0 20px; + align-items: center; + background: #cdcdce; + justify-content: space-between; + .text-icon { + width: 35px; + height: 35px; + line-height: 35px; + text-align: center; + background: #fafafa; + cursor: pointer; + border-radius: 5px; + } + } + .val-bon { + margin: 15px; + margin-top: 0; + padding: 30px; + background: #f2f5fc; + border: 1px solid #dcdfe6; + -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), + 0 0 6px 0 rgba(0, 0, 0, 0.04); + } +} +</style> -- Gitblit v1.9.3