From 04332cb7ab99f5744c79cd70686e86a878a14b7f Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期五, 15 十二月 2023 11:14:36 +0800 Subject: [PATCH] 完成 --- src/views/repositoryai/verbaltrick/index.vue | 13 src/views/patient/patient/physical.vue | 84 +- src/views/repositoryai/templateku/configurat/index.vue | 1376 ++++++++++++++++++++++++++++------- src/views/repositoryai/verbaltrick/particulars/index.vue | 2 src/views/patient/patient/behospitalized.vue | 42 + src/views/patient/patient/index.vue | 11 src/views/knowledge/education/index.vue | 13 src/views/system/notice/index.vue | 185 +++- src/views/repositoryai/intention/index.vue | 2 src/views/patient/follow/index.vue | 10 src/views/repositoryai/templateku/index.vue | 567 +++----------- 11 files changed, 1,490 insertions(+), 815 deletions(-) diff --git a/src/views/knowledge/education/index.vue b/src/views/knowledge/education/index.vue index fab968a..e8aacfe 100644 --- a/src/views/knowledge/education/index.vue +++ b/src/views/knowledge/education/index.vue @@ -271,10 +271,15 @@ <el-table-column label="鏍囩" align="center" - key="cphonenumber" - prop="cphonenumber" - width="120" - /> + key="tagList" + prop="tagList" + width="160" + :show-overflow-tooltip="true" + > + <template slot-scope="scope"> + <span v-for="item in scope.row.tagList">{{ item }} </span> + </template> + </el-table-column> <el-table-column label="瀹f暀鏂瑰紡" align="center" diff --git a/src/views/patient/follow/index.vue b/src/views/patient/follow/index.vue index 4c99362..a4abccf 100644 --- a/src/views/patient/follow/index.vue +++ b/src/views/patient/follow/index.vue @@ -51,6 +51,16 @@ </el-option> </el-select> </el-form-item> + <el-form-item label="杩囨护鏃堕棿" prop="tagId"> + <el-date-picker + v-model="queryParams.value1" + type="daterange" + range-separator="鑷�" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + > + </el-date-picker> + </el-form-item> <el-row> <el-form-item label="杩囨护绫诲瀷" prop="tagId"> <el-select diff --git a/src/views/patient/patient/behospitalized.vue b/src/views/patient/patient/behospitalized.vue index d755294..de55f9c 100644 --- a/src/views/patient/patient/behospitalized.vue +++ b/src/views/patient/patient/behospitalized.vue @@ -41,6 +41,41 @@ </el-option> </el-select> </el-form-item> + <el-form-item label="绉戝/鐥呭尯" prop="tagId"> + <el-select v-model="queryParams.Patientid" placeholder="璇烽�夋嫨"> + <el-option + v-for="dict in dict.type.nursinggrade" + :key="dict.value" + :label="dict.label" + :value="dict.value" + > + </el-option> + </el-select> + </el-form-item> + <el-form-item label="鍏ラ櫌鏃堕棿" prop="entrytime"> + <el-date-picker + v-model="queryParams.entrytime" + type="daterange" + range-separator="鑷�" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + > + </el-date-picker> + </el-form-item> + <el-form-item + label="鍑洪櫌鏃堕棿" + prop="departuretime +" + > + <el-date-picker + v-model="queryParams.departuretime" + type="daterange" + range-separator="鑷�" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + > + </el-date-picker> + </el-form-item> <el-row> <el-form-item> <el-button @@ -247,6 +282,13 @@ width="120" /> <el-table-column + label="鍑洪櫌灏忕粨" + align="center" + key="telcode" + prop="telcode" + width="120" + /> + <el-table-column label="鎿嶄綔" align="center" width="160" diff --git a/src/views/patient/patient/index.vue b/src/views/patient/patient/index.vue index 87791b7..cfccd0a 100644 --- a/src/views/patient/patient/index.vue +++ b/src/views/patient/patient/index.vue @@ -91,7 +91,7 @@ </el-option> </el-select> </el-form-item> - <el-form-item label="鍑洪櫌鏃ユ湡" prop="userName"> + <el-form-item label="鍏ラ櫌鏃ユ湡" prop="userName"> <el-date-picker v-model="queryParams.valuetime1" align="right" @@ -100,6 +100,15 @@ > </el-date-picker> </el-form-item> + <el-form-item label="鍑洪櫌鏃ユ湡" prop="departuretime"> + <el-date-picker + v-model="queryParams.departuretime" + align="right" + type="date" + placeholder="閫夋嫨鏃ユ湡" + > + </el-date-picker> + </el-form-item> <el-form-item label="灏辫瘖缂栧彿" prop="number"> <el-input v-model="queryParams.number" diff --git a/src/views/patient/patient/physical.vue b/src/views/patient/patient/physical.vue index 563d1c5..296902a 100644 --- a/src/views/patient/patient/physical.vue +++ b/src/views/patient/patient/physical.vue @@ -20,24 +20,16 @@ @keyup.enter.native="handleQuery" /> </el-form-item> - <el-form-item label="鎮h�呯紪鍙�" prop="idno"> + <el-form-item label="浣撴缂栧彿" prop="idno"> <el-input v-model="queryParams.idno" - placeholder="璇疯緭鍏ユ偅鑰呯紪鍙�" + placeholder="璇疯緭鍏ヤ綋妫�缂栧彿" clearable style="width: 250px" @keyup.enter.native="handleQuery" /> </el-form-item> - <el-form-item label="鎮h�呯紪鍙�" prop="telcode"> - <el-input - v-model="queryParams.telcode" - placeholder="璇疯緭鍏ユ偅鑰呯紪鍙�" - clearable - style="width: 280px" - @keyup.enter.native="handleQuery" - /> - </el-form-item> + <el-form-item label="鎮h�呰寖鍥�" prop="tagId"> <el-select v-model="queryParams.Patientid" @@ -53,29 +45,29 @@ </el-option> </el-select> </el-form-item> - <el-row> - <el-form-item label="鎮h�呮爣绛�" prop="tagId"> - <el-select - v-model="queryParams.tagIds" - multiple - placeholder="璇烽�夋嫨" + <el-form-item label="鎮h�呮爣绛�" prop="tagId"> + <el-select + v-model="queryParams.tagIds" + multiple + placeholder="璇烽�夋嫨" + > + <el-option + v-for="item in optionstag" + :key="item.tagid" + :label="item.tagname" + :value="item.tagid" > - <el-option - v-for="item in optionstag" - :key="item.tagid" - :label="item.tagname" - :value="item.tagid" - > - </el-option> - </el-select> - </el-form-item> - <el-form-item label=" 灏辫瘖鏃ユ湡 " prop="admitdate"> + </el-option> + </el-select> + </el-form-item> + <el-row> + <el-form-item label=" 浣撴鏃堕棿 " prop="admitdate"> <el-date-picker - clearable v-model="queryParams.admitdate" - type="date" - value-format="yyyy-MM-dd" - placeholder="璇烽�夋嫨 灏辫瘖鏃ユ湡 " + type="daterange" + range-separator="鑷�" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" > </el-date-picker> </el-form-item> @@ -174,7 +166,7 @@ prop="patid" /> <el-table-column - label="鎮h�呯紪鍙�" + label="浣撴缂栧彿" align="center" key="Patientnumber" prop="Patientnumber" @@ -212,18 +204,32 @@ </template> </el-table-column> <el-table-column - label="灏辫瘖绫诲埆" + label="浣撴濂楅" + align="center" + key="combo" + prop="combo" + width="120" + /> + <el-table-column + label="浣撴绫诲瀷" align="center" key="idtype" prop="idtype" width="120" /> <el-table-column - label="璇婃柇" + label="浣撴鐘舵��" + align="center" + key="telcode" + prop="telcode" + width="120" + /> + <el-table-column + label="浣撴鎶ュ憡" align="center" key="idno" prop="idno" - width="190" + width="120" /> <el-table-column @@ -240,13 +246,7 @@ prop="telcode" width="120" /> - <el-table-column - label="鐘舵��" - align="center" - key="telcode" - prop="telcode" - width="120" - /> + <el-table-column label="灏辫瘖鏃堕棿" align="center" diff --git a/src/views/repositoryai/intention/index.vue b/src/views/repositoryai/intention/index.vue index b4d6ba3..8238d4c 100644 --- a/src/views/repositoryai/intention/index.vue +++ b/src/views/repositoryai/intention/index.vue @@ -950,7 +950,7 @@ }); this.sortFn(); }, - deloption() { + deloption(item) { const index = this.testuserList.indexOf(item); if (index !== -1) { this.testuserList.splice(index, 1); // 浠庣储寮曚綅缃垹闄や竴涓厓绱� diff --git a/src/views/repositoryai/templateku/configurat/index.vue b/src/views/repositoryai/templateku/configurat/index.vue index fb283bf..bd95c12 100644 --- a/src/views/repositoryai/templateku/configurat/index.vue +++ b/src/views/repositoryai/templateku/configurat/index.vue @@ -1,165 +1,706 @@ <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="璇烽�夋嫨"> + <div class="Questionnairemanagement"> + <!-- 宸︿晶鏍� --> + <div class="sidecolumn"> + <div style="height: 400px"> + <el-steps direction="vertical" :active="Editprogress"> + <el-step title="鍩虹淇℃伅"></el-step> + <el-step title="闅忚妯$増棰樼洰"></el-step> + <el-step + title="闅忚妯$増棰勮" + description="鏌ョ湅闅忚妯$増棰勮锛屽彲瀵煎嚭PDF" + ></el-step> + </el-steps> + </div> + </div> + <!-- 鍙充晶鏁版嵁 --> + <div class="leftvlue"> + <!-- 鍩烘湰淇℃伅 --> + <div v-if="Editprogress == 1"> + <div class="leftvlue-jbxx">鍩烘湰淇℃伅</div> + <el-divider></el-divider> + <el-form + :model="ruleForm" + :rules="rules" + ref="ruleForm" + label-width="120px" + class="demo-ruleForm" + > + <el-row> + <el-col :span="12"> + <el-form-item label="妯$増鍚嶇О" prop="region"> + <div style="width: 30%"> + <el-input v-model="ruleForm.name"></el-input> + </div> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="闅忚妯$増鍒嗙被" prop="region"> + <el-select + v-model="ruleForm.classify" + size="medium" + multiple + filterable + placeholder="璇烽�夋嫨鍒嗙被" + > + <el-option + class="ruleFormaa" + v-for="item in options" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> + </el-form-item> + </el-col> + </el-row> + + <el-form-item label="妯$増绠�浠�" prop="name"> + <div style="width: 50%"> + <el-input type="textarea" v-model="ruleForm.name"></el-input> + </div> + </el-form-item> + <el-row :gutter="20"> + <el-col :span="6"> + <el-form-item label="鐗堟湰鍙�" prop="name"> + <el-input v-model="currentVersion"></el-input> </el-form-item + ></el-col> + <el-col :span="9"> + <el-form-item label="鍙敤鐘舵��" prop="region"> + <el-select + v-model="ruleForm.classify" + size="medium" + multiple + filterable + placeholder="璇烽�夋嫨鍒嗙被" + > + <el-option + class="ruleFormaa" + v-for="item in options" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> </el-form-item + ></el-col> + </el-row> + <el-form-item label="閫氱煡鍙橀噺" prop="name"> + <el-row v-for="item in variablelist"> + <el-col :span="4"> + <el-input v-model="item.variable"></el-input> + </el-col> + <el-col :span="8" :offset="1"> + <el-input v-model="item.value"></el-input> + </el-col> + <el-col :span="4" :offset="1"> + <el-button + type="success" + icon="el-icon-plus" + circle + @click="addvariable(item)" + ></el-button> + <el-button + type="danger" + icon="el-icon-delete" + circle + @click="delvariable(item)" + ></el-button> + </el-col> + </el-row> + </el-form-item> + + <el-form-item label="鏍囩" prop="desc"> + <div class="xinz-inf"> + <el-tag + :key="tag" + type="success" + v-for="tag in dynamicTags" + closable + :disable-transitions="false" + @close="handleClose(tag)" + > + {{ tag }} + </el-tag> + <el-select + v-model="inputValue" + v-if="inputVisible" + @change="handleInputConfirm" + filterable + placeholder="璇烽�夋嫨" + > <el-option - v-for="item in languagelist" - :key="item.value" + v-for="item in options" + :key="item.label" :label="item.label" - :value="item.value" + :value="item.label" > </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-button + v-else + class="button-new-tag" + size="small" + @click="showInput" + >+ 鏂板鏍囩</el-button > - </el-form-item> - </el-form> + </div> + </el-form-item> + <el-row :gutter="20"> + <el-col :span="6"> + <el-form-item label="璇█" prop="name"> + <el-select + v-model="ruleForm.language" + size="medium" + filterable + placeholder="璇烽�夋嫨鍒嗙被" + > + <el-option + class="ruleFormaa" + v-for="item in languagelist" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> </el-form-item + ></el-col> + <el-col :span="9"> + <el-form-item label="鎾姤浼樺厛" prop="region"> + <el-radio-group v-model="ruleForm.classify"> + <el-radio :label="3">璇█鍚堟垚浼樺厛</el-radio> + <el-radio :label="6">璇█鏂囦欢浼樺厛</el-radio> + </el-radio-group> + </el-form-item></el-col + > + </el-row> + <el-form-item label="闅忚鏂瑰紡" prop="region"> + <el-select + style="width: 500px" + v-model="ruleForm.way" + size="medium" + multiple + filterable + placeholder="璇烽�夋嫨鍒嗙被锛堝閫夛級" + > + <el-option + class="ruleFormaa" + v-for="item in xjxsoptions" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> + </el-form-item> + <el-form-item label="閫傜敤鐤剧梾" prop="region"> + <el-select + style="width: 500px" + v-model="ruleForm.illness" + size="medium" + multiple + filterable + placeholder="璇烽�夋嫨鍒嗙被锛堝閫夛級" + > + <el-option + class="ruleFormaa" + v-for="item in options" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> + </el-form-item> + <el-form-item label="閫傜敤闄㈠尯" prop="region"> + <el-select + v-model="ruleForm.courtyard" + size="medium" + filterable + placeholder="璇烽�夋嫨鍒嗙被" + > + <el-option + class="ruleFormaa" + v-for="item in options" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> + </el-form-item> + <el-form-item label="閫傜敤绉戝" prop="region"> + <el-select + style="width: 500px" + v-model="ruleForm.administrative" + size="medium" + multiple + filterable + placeholder="璇烽�夋嫨鍒嗙被锛堝閫夛級" + > + <el-option + class="ruleFormaa" + v-for="item in options" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> + </el-form-item> + <el-form-item label="閫氱敤搴�" prop="region"> + <el-select + style="width: 500px" + v-model="ruleForm.way" + size="medium" + multiple + filterable + placeholder="璇烽�夋嫨搴擄紙澶氶�夛級" + > + <el-option + class="ruleFormaa" + v-for="item in xjxsoptions" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> + </el-form-item> + <el-row :gutter="20"> + <el-col :span="8"> + <el-form-item label="闅忚鍓嶅鐞�" prop="name"> + <el-select + v-model="ruleForm.languageq" + size="medium" + filterable + placeholder="璇烽�夋嫨鍒嗙被" + > + <el-option + class="ruleFormaa" + v-for="item in xjxsoptions" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> </el-form-item + ></el-col> + <el-col :span="9"> + <el-form-item label="闅忚鍚庡鐞�" prop="region"> + <el-select + v-model="ruleForm.languageh" + size="medium" + filterable + placeholder="璇烽�夋嫨鍒嗙被" + > + <el-option + class="ruleFormaa" + v-for="item in xjxsoptions" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> </el-form-item + ></el-col> + </el-row> + <el-row :gutter="20"> + <el-col :span="8"> + <el-form-item label="闈欓粯鏃堕棿(绉�)" prop="name"> + <div style="width: 40%"> + <el-input + v-model="ruleForm.name" + ></el-input></div></el-form-item + ></el-col> + <el-col :span="8"> + <el-form-item label="鏃犲尮閰嶉噸澶�(娆�)" prop="region"> + <div style="width: 40%"> + <el-input v-model="ruleForm.name"></el-input> + </div> </el-form-item + ></el-col> + </el-row> + <el-form-item> + <el-button type="success" @click="nextstep('ruleForm')" + >涓嬩竴姝�</el-button + > + <el-button type="info" @click="closeFm('ruleForm')">鍏抽棴</el-button> + <el-button @click="submitForm('ruleForm')" + >淇濆瓨闅忚妯$増鍩虹淇℃伅</el-button + > + </el-form-item> + </el-form> + </div> + <!-- 闅忚妯$増璁剧疆 --> + <div v-if="Editprogress == 2"> + <div class="leftvlue-jbxx">闅忚妯$増棰樼洰璁剧疆</div> + <el-divider></el-divider> + <div class="addtopic"> + <el-button + type="primary" + icon="el-icon-plus" + round + @click="drawer = true" + >娣诲姞棰樼洰</el-button + > </div> - <div - style=" - height: 300px; - border: 0.5px solid #aeafb1; - overflow-x: hidden; - overflow-y: scroll; - " + <div class="presentation"> + <div class="presentation-left"> + <el-card class="box-card" style="min-height: 688px"> + <el-table v-loading="loading" :data="userList"> + <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="verbaltrick" + prop="verbaltrick" + :show-overflow-tooltip="true" + /> + + <el-table-column + label="鎿嶄綔" + align="center" + width="250" + class-name="small-padding fixed-width" + > + <template slot-scope="scope"> + <el-button + icon="el-icon-edit" + type="primary" + circle + @click="handleUpdate(scope.row)" + ></el-button> + <el-button + type="danger" + icon="el-icon-delete" + circle + @click="deloption(scope.row)" + ></el-button> + <el-button + @click="syioption(scope.row)" + type="success" + icon="el-icon-top" + circle + ></el-button> + <el-button + @click="xiayioption(scope.row)" + type="success" + icon="el-icon-bottom" + circle + ></el-button> + </template> + </el-table-column> + </el-table> + </el-card> + + <pagination + v-show="total > 0" + :total="total" + :page.sync="queryParams.pageNum" + :limit.sync="queryParams.pageSize" + @pagination="getList" + /> + </div> + <div class="presentation-right"> + <el-card class="box-card"> + <el-form + :inline="true" + :model="topicobj" + class="demo-form-inline" + > + <div class="headline"> + 棰樼洰璁剧疆璇︽儏 + <span style="margin-left: 30px" + ><el-button type="primary" @click="Submittopicobj" + >淇濆瓨</el-button + ></span + > + </div> + <el-form-item label="棰樼洰鏍囬"> + <el-input + v-model="topicobj.title" + placeholder="璇疯緭鍏ユ爣棰�" + ></el-input> + </el-form-item> + <el-row :gutter="10"> + <el-col :span="12" + ><el-form-item label="鏄惁蹇呯瓟"> + <el-radio-group v-model="topicobj.resource"> + <el-radio label="鏄�"></el-radio> + <el-radio label="鍚�"></el-radio> + </el-radio-group> </el-form-item + ></el-col> + <el-col :span="12" + ><el-form-item label="鏄惁闅愯棌"> + <el-radio-group v-model="topicobj.resourcea"> + <el-radio label="鏄�"></el-radio> + <el-radio label="鍚�"></el-radio> + </el-radio-group> </el-form-item + ></el-col> + </el-row> + <div class="headline"> + <div class="basics">閫夐」璁剧疆</div> + <div class="headbottom"> + <el-button + type="primary" + icon="el-icon-circle-plus-outline" + @click="addzbiao" + >娣诲姞鎸囨爣</el-button + > + </div> + </div> + <div class="topicxq" v-for="item in 2"> + <el-row :gutter="10"> + <el-col :span="12" + ><el-form-item label="澶勭悊"> + <el-input + type="text" + placeholder="(榛樿)鏃犲0" + v-model="queryParams.text" + show-word-limit + > + </el-input> </el-form-item + ></el-col> + <el-col :span="12" + ><el-form-item label="鑺傜偣ID"> + <el-input + type="text" + placeholder="璇疯緭鍏ュ垎鍊�" + v-model="queryParams.text" + show-word-limit + > + </el-input> </el-form-item + ></el-col> + </el-row> + <el-row :gutter="10"> + <el-col :span="12" + ><el-form-item label="閫変腑鎻愮ず"> + <el-input + type="text" + placeholder="璇疯緭鍏ュ唴瀹�" + v-model="queryParams.text" + maxlength="10" + show-word-limit + > + </el-input> </el-form-item + ></el-col> + <el-col :span="12" + ><el-form-item label="閫変腑璺宠浆"> + <el-input + type="text" + placeholder="璇疯緭鍏ラ鍙�" + v-model="queryParams.text" + show-word-limit + > + </el-input> </el-form-item + ></el-col> + </el-row> + <el-form-item label="璇煶鏂囨湰"> + <el-input + style="width: 24vw" + type="textarea" + placeholder="璇疯緭鍏ラ鍙�" + v-model="queryParams.text" + show-word-limit + > + </el-input> + </el-form-item> + + <el-row :gutter="10"> + <el-col :span="16"> + <el-form-item label="璇煶鏂囦欢"> + <el-upload + class="upload-demo" + style="display: flex" + action="https://jsonplaceholder.typicode.com/posts/" + :on-change="handleChange" + :file-list="fileList" + :limit="1" + :on-exceed="handleExceed" + > + <el-button size="small" type="primary" + >鐐瑰嚮涓婁紶</el-button + > + </el-upload> + </el-form-item></el-col + > + <el-col :span="8"> + <div style="text-align: right; padding-right: 10px;" > + <el-button type="danger" round>鍒犻櫎</el-button> + </div> + </el-col> + </el-row> + </div> + </el-form> + </el-card> + </div> + </div> + + <el-button type="success" @click="nextstep('ruleForm')" + >涓嬩竴姝�</el-button > - <div class="menu-list" v-for="item in 13"> - <div>鐢ㄨ嵂鏄惁瑙勮寖</div> - <div class="menu-icon" @click="menudeletei(index)"> - <i class="el-icon-plus" /> + <el-button type="primary" @click="laststep()">涓婁竴姝�</el-button> + <el-button type="info" @click="closeFm('ruleForm')">鍏抽棴</el-button> + <el-button @click="Saveproblem('ruleForm')">淇濆瓨棰樼洰鏁版嵁</el-button> + </div> + <!-- 闅忚妯$増棰勮 --> + <div v-if="Editprogress == 3"> + <div class="leftvlue-jbxx">闅忚妯$増棰勮</div> + <el-divider></el-divider> + <div class="preview-left"> + <!-- 鍗曢�� --> + <div class="topic-dev" v-for="item in valssu" :key="item.aaa"> + <div class="dev-text"> + {{ item.idd }}銆乕鍗曢�塢<span>{{ item.wssd }}</span> + </div> + <div class="dev-xx"> + <el-radio-group v-model="radio"> + <el-radio + v-for="(items, index) in item.sdadd" + :key="index" + :label="index" + >{{ items }}</el-radio + > + </el-radio-group> + </div> + </div> + <!-- 澶氶�� --> + <div class="topic-dev" v-for="item in valssu" :key="item.aaa"> + <div class="dev-text"> + {{ item.idd }}銆乕澶氶�塢<span>{{ item.wssd }}</span> + </div> + <div class="dev-xx"> + <el-checkbox-group v-model="radios"> + <el-checkbox + v-for="(items, index) in item.sdadd" + :key="index" + :label="index" + > + {{ items }} + </el-checkbox> + </el-checkbox-group> + </div> + </div> + <!-- 濉┖ --> + <div class="topic-dev" v-for="item in valssu" :key="item.aaa"> + <div class="dev-text"> + {{ item.idd }}銆乕濉┖]<span>{{ item.wssd }}</span> + </div> + <div class="dev-xx"> + <el-input placeholder="璇疯緭鍏ョ瓟妗�" v-model="radioas" clearable> + </el-input> </div> </div> </div> + <el-button type="info" @click="closeFm('ruleForm')">鍏抽棴</el-button> + <el-button>瀵煎嚭涓簆df</el-button> + <el-button type="primary" @click="laststep()">涓婁竴姝�</el-button> </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; - " + <!-- 娣诲姞棰樼洰寮圭獥 --> + <el-drawer + title="娣诲姞棰樼洰" + :visible.sync="drawer" + custom-class="demo-drawer" + width="50%" + > + <div class="preview-left"> + <el-form + :model="queryParams" + ref="queryForm" + size="small" + :inline="true" + label-width="98px" > - <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-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="sickness"> + <el-select + v-model="ruleForm.classify" + size="medium" + multiple + filterable + placeholder="璇烽�夋嫨鍒嗙被" + > + <el-option + class="ruleFormaa" + v-for="item in options" + :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-circle-plus-outline" - @click="addzbiao" - >娣诲姞鎸囨爣</el-button + icon="el-icon-search" + size="medium" + @click="handleQuery" + >鎼滅储</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-button icon="el-icon-refresh" size="medium" @click="resetQuery" + >閲嶇疆</el-button + > + </el-form-item> + </el-form> + <el-table v-loading="loading" :data="userList"> + <el-table-column + label="鏍囬" + align="center" + key="userName" + prop="userName" + width="100" + /> + <el-table-column + label="闂璇濇湳" + align="center" + key="verbaltrick" + prop="verbaltrick" + width="200" + :show-overflow-tooltip="true" + /> + + <el-table-column + label="鎿嶄綔" + align="center" + 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-circle-plus-outline"></i>娣诲姞</span + ></el-button > - <el-input type="textarea" v-model="item.valuetop"></el-input> - </el-form-item> - </el-form> - </div> - </div> + </template> + </el-table-column> + </el-table> </div> - </div> + </el-drawer> </div> </template> @@ -167,37 +708,133 @@ export default { data() { return { - deployList: [ + sidecolumnrabs: "left", //鏂瑰悜 + Editprogress: 2, //缂栬緫杩涘害 + currentVersion: "1.2.3", //褰撳墠鐗堟湰 + loading: false, // 閬僵灞� + drawer: false, //鎺у埗灞曞紑 + radio: "false", //鍗曢�夐閫変腑 + radios: [], //澶氶�夐閫変腑 + radioas: "", //濉┖棰樼瓟妗� + dynamicTags: ["鏍囩涓�", "鏍囩浜�", "鏍囩涓�"], + inputVisible: false, + inputValue: "", + topicobj: {}, + // 鎬绘潯鏁� + total: 1, + ruleForm: { + name: "", + region: "", + date1: "", + date2: "", + delivery: false, + type: [], + resource: "", + desc: "", + templatevalue: "", + data2: "", + }, + rules: {}, + rulesa: {}, + xjxsoptions: [ { - id: 1, - name: "鏈�", - valuetop: - "(?!.*蹇榺.*涓峾.*娌�)^.*(鏄瘄鏈墊瀵箌鍋殀浣渱妫�|鏌澶嶈瘖|濂絴鍙傚姞|澶嶈瘖|鍘�(杩噟濂絴浜唡瀹寍鍖婚櫌)|鏉�(杩噟浜唡鍖婚櫌))|娌¢敊|瀵瑰憖|鍙兘|(宸茬粡|鏃�)鍘讳簡|寮�浜嗚嵂|鑵板甫|鍚婂甫|瑕佺殑|(?<!娌�)鏈夌殑|琛ㄥ甫,10;瑕�,5", + value: "閫夐」1", + label: "鍥炬枃", }, { - id: 2, - name: "涓嶇煡閬�", - valuetop: - "(涓峾娌璋亅楝紎鎬庝箞).*(鐥厊鍙兘|鐭ラ亾|浜嗚В|娓呮|鎳倈鏄庣櫧|纭|纭畾|鏅撳緱|鐭ユ檽|璁ゅ緱|璇嗗緱|鍗拌薄|鐔熸倝|璁皘浼殀鍏冲績|鍏虫敞|娉ㄦ剰|鍛婅瘔|閫氱煡|鍚�)", + value: "閫夐」2", + label: "瑙嗛", + }, + { + value: "閫夐」3", + label: "闊抽", + }, + ], + fileList: [ + { + name: "food.jpeg", + url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100", + }, + ], + options: [ + { + value: "閫夐」1", + label: "鐤剧梾闅忚妯$増", + }, + { + value: "閫夐」2", + label: "鍏ラ櫌闅忚妯$増", + }, + { + value: "閫夐」3", + label: "鎵嬫湳闅忚妯$増", + }, + { + value: "閫夐」4", + label: "鎶ょ悊闅忚妯$増", }, ], languagelist: [ { - value: 1, + value: "1", label: "鏅�氳瘽", }, { - value: 2, + value: "2", label: "绮よ", }, { - value: 3, - label: "鑻辫", + value: "3", + label: "鑻辨枃", }, - ], //璇█鍒楄〃 - formInline: { - user: "", - region: "", + ], + variablelist: [ + { + variable: "paitent", + value: "琛ㄧず鎮h�呯殑鏍囪瘑", + }, + ], + + valssu: [ + { + idd: 1, + wssd: "浣犳渶杩戞�庝箞鏍�", + sdadd: ["sss", "ssccss", "ssaas", "ss"], + }, + ], + addvalue: "娣诲姞棰樼洰", + // 棰樼洰琛ㄦ牸鏁版嵁 + userList: [ + { + userid: "1", + userName: "涓�鍙烽殢璁挎ā鐗�", + verbaltrick: "涓�鍙烽殢璁挎ā鐗�", + }, + { + userid: "2", + userName: "浜屽彿闅忚妯$増", + verbaltrick: "涓�鍙烽殢璁挎ā鐗�", + }, + { + userid: "3", + userName: "涓夊彿闅忚妯$増", + verbaltrick: "涓�鍙烽殢璁挎ā鐗�", + }, + { + userid: "4", + userName: "鍥涘彿闅忚妯$増", + verbaltrick: "涓�鍙烽殢璁挎ā鐗�", + }, + ], + // 鏌ヨ鍙傛暟 + queryParams: { + pageNum: 1, + pageSize: 10, + userName: undefined, + phonenumber: undefined, + status: undefined, + deptId: undefined, + IDnumber: undefined, }, }; }, @@ -205,149 +842,326 @@ created() {}, methods: { - deletei(index) { - console.log(index); - this.deployList.splice(index, 1); + getIndexInArray(arr, obj) { + return arr.indexOf(obj); }, - addzbiao() { - const ids = this.deployList.length + 1; - console.log(ids); - this.deployList.push({ - id: ids, - name: "", - valuetop: "", + submitForm(formName) { + this.rules = this.rulesa; + // 鎻愪氦 + this.$refs[formName].validate((valid) => { + if (valid) { + alert("submit!"); + } else { + console.log("error submit!!"); + return false; + } }); }, - onSubmit() { - console.log("submit!"); + // 涓嬩竴姝� + nextstep() { + if (this.Editprogress <= 2) { + return this.Editprogress++; + } + }, + // 涓婁竴姝� + laststep() { + this.Editprogress = this.Editprogress - 1; + }, + // 鍏抽棴 + closeFm() { + this.$confirm("閫�鍑轰笉浼氫繚鐣欓〉闈㈠唴瀹规洿鏀�, 鏄惁缁х画?", "鎻愮ず", { + confirmButtonText: "纭畾", + cancelButtonText: "鍙栨秷", + type: "warning", + }) + .then(() => { + this.$router.go(-1); + }) + .catch(() => { + this.$message({ + type: "info", + message: "宸插彇娑�", + }); + }); + }, + // 淇濆瓨棰樼洰淇℃伅 + Saveproblem() {}, + /** 鏌ヨ棰樼洰鍒楄〃 */ + getList() { + // this.loading = true; + listUser().then((response) => { + console.log(response); + // this.userList = response.data; + // this.total = response.total; + // this.loading = false; + console.log(this.userList); + }); + // const { rows } = await listUser(); + // console.log(rows); + // this.list = rows; + }, + // 淇敼棰樼洰淇℃伅 + Submittopicobj() {}, + // 鏂板鍙橀噺 + addvariable() { + this.variablelist.push({ + variable: "", + value: "", + }); + }, + // 鍒犻櫎鍙橀噺 + delvariable(item) { + const index = this.variablelist.indexOf(item); + if (index !== -1) { + this.variablelist.splice(index, 1); // 浠庣储寮曚綅缃垹闄や竴涓厓绱� + } else { + console.log("鏈壘鍒拌瀵硅薄"); + } + }, + // 鎺у埗鏂囦欢 + handleChange(file, fileList) { + this.fileList = fileList.slice(-3); + }, + // 鏂囦欢瓒呭嚭涓暟闄愬埗鏃剁殑閽╁瓙 + handleExceed(files, fileList) { + this.$message.warning( + `褰撳墠闄愬埗閫夋嫨 1 涓枃浠讹紝鏈閫夋嫨浜� ${files.length} 涓枃浠讹紝鍏遍�夋嫨浜� ${ + files.length + fileList.length + } 涓枃浠禶 + ); + }, + // 鏍囩----------------- + handleClose(tag) { + this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1); + }, + handleInputConfirm() { + let inputValue = this.inputValue; + if (inputValue) { + this.dynamicTags.push(inputValue); + } + this.inputVisible = false; + this.inputValue = ""; + }, + showInput() { + this.inputVisible = true; + // 鑷姩鑾峰彇鐒︾偣 + // this.$nextTick((_) => { + // this.$refs.saveTagInput.$refs.input.focus(); + // }); + }, + //娴嬭瘯琛ㄥ崟 --------------------------------- + addzbiao() {}, + handleUpdate() {}, + deloption(item) { + const index = this.userList.indexOf(item); + if (index !== -1) { + this.userList.splice(index, 1); // 浠庣储寮曚綅缃垹闄や竴涓厓绱� + this.sortFn(); + } else { + console.log("鏈壘鍒拌瀵硅薄"); + } + }, + syioption(row) { + const index = this.getIndexInArray(this.userList, row); + const item = this.userList.splice(index, 1)[0]; // 绉婚櫎鎸囧畾绱㈠紩澶勭殑鍏冪礌锛屽苟淇濆瓨鍒癷tem鍙橀噺涓� + this.userList.splice(index - 1, 0, item); // 灏唅tem鎻掑叆鍒扮储寮曚綅缃殑鍓嶄竴浣� + this.sortFn(); + }, + xiayioption(row) { + const index = this.getIndexInArray(this.userList, row); + const item = this.userList.splice(index, 1)[0]; // 绉婚櫎鎸囧畾绱㈠紩澶勭殑鍏冪礌锛屽苟淇濆瓨鍒癷tem鍙橀噺涓� + this.userList.splice(index + 1, 0, item); // 灏唅tem鎻掑叆鍒扮储寮曚綅缃殑鍓嶄竴浣� + this.sortFn(); + }, + sortFn() { + this.userList = this.userList.map((item, index) => { + return { + userid: index + 1, + userName: item.userName, + verbaltrick: item.verbaltrick, + }; + }); + console.log(this.userList); + }, + // --------------------- + // 鏌ヨ棰樺簱 + handleQuery() {}, + resetQuery() {}, + resetForm(formName) { + this.$refs[formName].resetFields(); }, }, }; </script> <style lang="scss" scoped> -.stencils-top { - .basic { - height: 50px; - margin: 15px; - border-radius: 8px; - margin-bottom: 0; - padding: 0 20px 20px 20px; - line-height: 50px; - background: #bee2ff; - justify-content: space-between; +.Questionnairemanagement { + display: flex; +} +.sidecolumn { + width: 300px; + min-height: 100vh; + text-align: center; + // display: flex; + // margin-top: 20px; + margin: 20px; + margin-bottom: 0; + 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); +} +.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; } - .top-menu { - margin: 15px; - margin-top: 0; - height: 400px; - border-radius: 4px; - 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; + .leftvlue-jbxx { + font-size: 24px; + border-left: 5px solid #41a1be; + padding-left: 5px; + margin: 15px 0; + } + .demo-cascader { + margin-right: 20px; + } + .PreviewTemplate { + color: #02a7f0; + cursor: pointer; + font-size: 20px; + margin: 0 20px; + } +} +.preview-left { + 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); + .topic-dev { + margin-bottom: 25px; + font-size: 20px !important; + .dev-text { + margin-bottom: 10px; } } } -.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; - border-radius: 8px; - padding-left: 20px; - line-height: 50px; - background: #bee2ff; - justify-content: space-between; - } - } - .issue-button { - margin: 10px; - text-align: right; - } - .particulars { - width: 59%; - margin-right: 15px; - background: #f2f5fc; +.xinz-inf { + font-size: 18px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + line-height: 48px; + + .el-tag + .el-tag { + margin-left: 10px; + } + .button-new-tag { + margin-left: 10px; + height: 32px; + line-height: 30px; + padding-top: 0; + padding-bottom: 0; + } + .input-new-tag { + width: 90px; + margin-left: 10px; + vertical-align: bottom; + } +} +.addtopic { + margin-top: 30px; +} +.presentation { + margin: 20px 0; + display: flex; + .presentation-left { + width: 45%; + // height: 500px; + .button-textxg { + color: #024df0; + } + .button-textsc { + color: #f52727; + } + } + .presentation-right { + width: 55%; + max-height: 688px; + padding: 0 20px; + font-size: 18px; + overflow: auto; .headline { display: flex; - height: 50px; - padding: 0 20px 20px 20px; - line-height: 50px; - background: #bee2ff; justify-content: space-between; + font-size: 20px; + border-left: 3px solid #41a1be; + padding-left: 5px; + margin: 15px 0; } - .valuetop { - .val-text { - display: flex; - height: 50px; - margin: 15px; - margin-bottom: 0; - // padding: 0 20px 20px 20px; - padding: 0 20px; - align-items: center; - background: #bee2ff; - 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); - } + .topicxq { + background-color: #e2f5fc; + border-radius: 4px; + margin-top: 10px; + padding-left: 10px; + padding-top: 15px; } } } -.menu-icon { - cursor: pointer; - width: 20px; - height: 20px; - line-height: 20px; - text-align: center; - margin-right: 10px; - background: #78baf0; - color: #fff; - border-radius: 2px; +::v-deep .addtopic-input { + input { + background: #02a7f0; + color: #edf1f7; + width: 150px; + } } -.menu-icons { - cursor: pointer; - width: 20px; - height: 20px; - line-height: 20px; - text-align: center; - margin-right: 10px; - background: #f7603a; - color: #fff; - border-radius: 2px; +::v-deep.el-step.is-vertical .el-step__title { + font-size: 20px; } +::v-deep.el-input--medium { + font-size: 18px !important; +} +::v-deep.ruleFormaa.el-select { + display: inline-block; + position: relative; + width: 700px; +} +.el-select__tags { + font-size: 20px; + max-width: 888px !important; +} +::v-deep.el-radio__inner { + width: 22px; + height: 22px; +} +// ::v-deep.topic-dev.el-radio__label { +// font-size: 24px; +// } +::v-deep.el-radio-group { + span { + font-size: 20px; + } +} +::v-deep.el-checkbox-group { + span { + font-size: 20px; + } +} +// ::v-deep.el-form-item--medium .el-form-item__content { +// line-height: 36px; +// display: flex; +// } </style> diff --git a/src/views/repositoryai/templateku/index.vue b/src/views/repositoryai/templateku/index.vue index 5c733eb..038a4a4 100644 --- a/src/views/repositoryai/templateku/index.vue +++ b/src/views/repositoryai/templateku/index.vue @@ -6,7 +6,7 @@ <div class="top-wj">妯$増绫诲瀷</div> <div class="top-tj" @click="dialogFormVisible = true">+娣诲姞</div> </div> - <div class="center-ss"> + <div class="center-ss"> <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="sidecolumnval" @@ -21,7 +21,7 @@ </el-input> </div> <div class="bottom-fl"> - <el-tabs tab-position="right"> + <!-- <el-tabs tab-position="right"> <el-tab-pane :label="`鍏ㄩ儴 (${numberlb})`"></el-tab-pane> <el-tab-pane class="tab-paness" @@ -48,21 +48,53 @@ <i slot="reference" class="el-icon-share"></i> </el-popover ></span> </el-tab-pane> - </el-tabs> + </el-tabs> --> + <el-menu + default-active="3" + class="el-menu-vertical-demo" + @open="handleOpen" + @close="handleClose" + @select="handleSelect" + > + <el-submenu index="1"> + <template slot="title"> + <i class="el-icon-location"></i> + <span>鍒嗙被涓�</span> + </template> + + <el-menu-item index="1-1">閫夐」1</el-menu-item> + <el-menu-item index="1-2">閫夐」2</el-menu-item> + <el-menu-item index="1-3">閫夐」3</el-menu-item> + <el-menu-item index="1-4">閫夐」3</el-menu-item> + </el-submenu> + <el-submenu index="2"> + <template slot="title"> + <i class="el-icon-menu"></i> + <span>鍒嗙被浜�</span> + </template> + <el-menu-item index="2-1">閫夐」1</el-menu-item> + <el-menu-item index="2-2">閫夐」2</el-menu-item> + <el-menu-item index="2-3">閫夐」3</el-menu-item> + </el-submenu> + <el-submenu index="3"> + <template slot="title"> + <i class="el-icon-document"></i> + <span>鍒嗙被涓�</span> + </template> + <el-menu-item index="2-1">閫夐」1</el-menu-item> + </el-submenu> + <el-submenu index="4"> + <template slot="title"> + <i class="el-icon-setting"></i> + <span>鍒嗙被鍥�</span> + </template> + <el-menu-item index="2-1">閫夐」1</el-menu-item> + </el-submenu> + </el-menu> </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"> <!--鐢ㄦ埛鏁版嵁--> @@ -75,7 +107,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,7 +116,7 @@ @keyup.enter.native="handleQuery" /> </el-form-item> - <el-form-item label="璇█" prop="status"> + <el-form-item label="閫傜敤绉戝" prop="status"> <el-select v-model="queryParams.status" placeholder="璇烽�夋嫨"> <el-option v-for="item in languagelist" @@ -95,7 +127,29 @@ </el-option> </el-select> </el-form-item> - <el-form-item label="鏄惁鍚敤" prop="status"> + <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 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" @@ -174,42 +228,68 @@ :show-overflow-tooltip="true" /> <el-table-column - label="闈欓粯鏃堕棿" + label="涓昏鍐呭" align="center" key="nickName" prop="nickName" - width="400" + width="300" :show-overflow-tooltip="true" /> <el-table-column - label="鏃犲0閲嶅娆℃暟" + label="閫傜敤鐤剧梾" align="center" key="aphonenumber" prop="aphonenumber" width="400" /><el-table-column - label="鏃犲0鍖归厤閲嶅娆℃暟" + label="閫傜敤绉戝" align="center" key="bphonenumber" prop="bphonenumber" width="120" /> <el-table-column - label="閫氱敤搴�" + label="鏍囩" align="center" - key="bphonenumbear" - prop="bphonenumbear" + key="tagList" + prop="tagList" + width="160" + :show-overflow-tooltip="true" + > + <template slot-scope="scope"> + <span v-for="item in scope.row.tagList">{{ item }} </span> + </template> + </el-table-column> + <el-table-column + label="瀹f暀鏂瑰紡" + align="center" + key="way" + prop="way" width="120" /> <el-table-column - label="璇█" + label="璧勬枡褰㈠紡" align="center" - key="indicator" - prop="indicator" + key="formal" + prop="formal" width="120" /> - <el-table-column label="鏄惁鍚敤" align="center" key="status"> + <el-table-column + label="鐗堟湰鍙�" + align="center" + key="versions" + prop="versions" + width="120" + /> + <el-table-column + label="鏈�杩戜慨鏀�" + align="center" + key="Recentrevision" + prop="Recentrevision" + width="120" + /> + <el-table-column label="鍙敤鐘舵��" align="center" key="status"> <template slot-scope="scope"> <el-switch v-model="scope.row.status" @@ -227,20 +307,13 @@ 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 + ><i class="el-icon-edit"></i>缂栬緫</span ></el-button > <el-button @@ -255,109 +328,17 @@ <el-button size="medium" type="text" - @click="handleDelete(scope.row)" + @click="preview(scope.row)" v-hasPermi="['system:user:remove']" ><span class=".button-xiazai" - ><i class="el-icon-s-management"></i>澶嶅埗妯$増</span + ><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" @@ -369,249 +350,6 @@ </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> <!-- 娣诲姞绫诲埆寮规 --> @@ -723,25 +461,25 @@ languagelist: [ { value: 1, - label: "鏅�氳瘽", + label: "鐭俊", }, { value: 2, - label: "绮よ", + label: "鐢佃瘽", }, { value: 3, - label: "鑻辫", + label: "灏忕▼搴�", }, ], //璇█鍒楄〃 qyoptions: [ { value: 1, - label: "鍚敤", + label: "鍙敤", }, { value: 2, - label: "鍏抽棴", + label: "鍋滅敤", }, ], // 鎾姤鏂瑰紡 @@ -767,14 +505,6 @@ }, { title: "妯$増鍒嗙被涓�", - number: "2", - }, - { - title: "妯$増鍒嗙被鍥�", - number: "2", - }, - { - title: "妯$増鍒嗙被浜�", number: "2", }, ], @@ -895,17 +625,16 @@ downloadfn() {}, // 璺宠浆缂栬緫璇濇湳椤甸潰 compileUpdate(row) { - if (this.topactiveName == "Local") { - this.$router.push({ - path: "/knowledge/templateku/configurat/", - query: { id: "1" }, - }); - } else { - this.$router.push({ - path: "/knowledge/templateku/particulars/", - query: { id: "1" }, - }); - } + this.$router.push({ + path: "/knowledge/templateku/configurat/", + query: { id: "1" }, + }); + + // this.$router.push({ + // path: "/knowledge/templateku/particulars/", + // query: { id: "1" }, + // }); + }, // 棰樼洰鐘舵�佷慨鏀� handleStatusChange(row) { @@ -921,6 +650,16 @@ .catch(function () { row.status = row.status === "0" ? "1" : "0"; }); + }, + // 渚ц竟-------------- + handleOpen(key, keyPath) { + console.log(key, keyPath); + }, + handleClose(key, keyPath) { + console.log(key, keyPath); + }, + handleSelect(key, keyPath) { + console.log(key, keyPath); }, //鎼滅储绫诲埆 sidecolumnss() {}, @@ -982,45 +721,11 @@ 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) { diff --git a/src/views/repositoryai/verbaltrick/index.vue b/src/views/repositoryai/verbaltrick/index.vue index 6cbcb07..dd3efca 100644 --- a/src/views/repositoryai/verbaltrick/index.vue +++ b/src/views/repositoryai/verbaltrick/index.vue @@ -258,10 +258,15 @@ <el-table-column label="鏍囩" align="center" - key="taglist" - prop="taglist" - width="120" - /> + key="tagList" + prop="tagList" + width="160" + :show-overflow-tooltip="true" + > + <template slot-scope="scope"> + <span v-for="item in scope.row.tagList">{{ item }} </span> + </template> + </el-table-column> <el-table-column label="璇█" align="center" diff --git a/src/views/repositoryai/verbaltrick/particulars/index.vue b/src/views/repositoryai/verbaltrick/particulars/index.vue index a4b6152..6c50e91 100644 --- a/src/views/repositoryai/verbaltrick/particulars/index.vue +++ b/src/views/repositoryai/verbaltrick/particulars/index.vue @@ -801,7 +801,7 @@ // 鏂囦欢瓒呭嚭涓暟闄愬埗鏃剁殑閽╁瓙 handleExceed(files, fileList) { this.$message.warning( - `褰撳墠闄愬埗閫夋嫨 3 涓枃浠讹紝鏈閫夋嫨浜� ${files.length} 涓枃浠讹紝鍏遍�夋嫨浜� ${ + `褰撳墠闄愬埗閫夋嫨 1 涓枃浠讹紝鏈閫夋嫨浜� ${files.length} 涓枃浠讹紝鍏遍�夋嫨浜� ${ files.length + fileList.length } 涓枃浠禶 ); diff --git a/src/views/system/notice/index.vue b/src/views/system/notice/index.vue index 7982b54..6881881 100644 --- a/src/views/system/notice/index.vue +++ b/src/views/system/notice/index.vue @@ -1,6 +1,13 @@ <template> <div class="app-container"> - <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> + <el-form + :model="queryParams" + ref="queryForm" + size="small" + :inline="true" + v-show="showSearch" + label-width="68px" + > <el-form-item label="鍏憡鏍囬" prop="noticeTitle"> <el-input v-model="queryParams.noticeTitle" @@ -18,7 +25,11 @@ /> </el-form-item> <el-form-item label="绫诲瀷" prop="noticeType"> - <el-select v-model="queryParams.noticeType" placeholder="鍏憡绫诲瀷" clearable> + <el-select + v-model="queryParams.noticeType" + placeholder="鍏憡绫诲瀷" + clearable + > <el-option v-for="dict in dict.type.sys_notice_type" :key="dict.value" @@ -27,9 +38,27 @@ /> </el-select> </el-form-item> + <el-form-item label="鍙戦�佹椂闂�" prop="createBy"> + <el-date-picker + v-model="queryParams.timeofdeparture" + type="daterange" + range-separator="鑷�" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + > + </el-date-picker> + </el-form-item> <el-form-item> - <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button> - <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button> + <el-button + type="primary" + icon="el-icon-search" + size="mini" + @click="handleQuery" + >鎼滅储</el-button + > + <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" + >閲嶇疆</el-button + > </el-form-item> </el-form> @@ -42,7 +71,8 @@ size="mini" @click="handleAdd" v-hasPermi="['system:notice:add']" - >鏂板</el-button> + >鏂板</el-button + > </el-col> <el-col :span="1.5"> <el-button @@ -53,7 +83,8 @@ :disabled="single" @click="handleUpdate" v-hasPermi="['system:notice:edit']" - >淇敼</el-button> + >淇敼</el-button + > </el-col> <el-col :span="1.5"> <el-button @@ -64,37 +95,75 @@ :disabled="multiple" @click="handleDelete" v-hasPermi="['system:notice:remove']" - >鍒犻櫎</el-button> + >鍒犻櫎</el-button + > </el-col> - <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> + <right-toolbar + :showSearch.sync="showSearch" + @queryTable="getList" + ></right-toolbar> </el-row> - <el-table v-loading="loading" :data="noticeList" @selection-change="handleSelectionChange"> + <el-table + v-loading="loading" + :data="noticeList" + @selection-change="handleSelectionChange" + > <el-table-column type="selection" width="55" align="center" /> - <el-table-column label="搴忓彿" align="center" prop="noticeId" width="100" /> + <el-table-column + label="搴忓彿" + align="center" + prop="noticeId" + width="100" + /> <el-table-column label="鍏憡鏍囬" align="center" prop="noticeTitle" :show-overflow-tooltip="true" /> - <el-table-column label="鍏憡绫诲瀷" align="center" prop="noticeType" width="100"> + <el-table-column + label="鍏憡绫诲瀷" + align="center" + prop="noticeType" + width="100" + > <template slot-scope="scope"> - <dict-tag :options="dict.type.sys_notice_type" :value="scope.row.noticeType"/> + <dict-tag + :options="dict.type.sys_notice_type" + :value="scope.row.noticeType" + /> </template> </el-table-column> <el-table-column label="鐘舵��" align="center" prop="status" width="100"> <template slot-scope="scope"> - <dict-tag :options="dict.type.sys_notice_status" :value="scope.row.status"/> + <dict-tag + :options="dict.type.sys_notice_status" + :value="scope.row.status" + /> </template> </el-table-column> - <el-table-column label="鍒涘缓鑰�" align="center" prop="createBy" width="100" /> - <el-table-column label="鍒涘缓鏃堕棿" align="center" prop="createTime" width="100"> + <el-table-column + label="鍒涘缓鑰�" + align="center" + prop="createBy" + width="100" + /> + <el-table-column + label="鍒涘缓鏃堕棿" + align="center" + prop="createTime" + width="100" + > <template slot-scope="scope"> - <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span> + <span>{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}</span> </template> </el-table-column> - <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width"> + <el-table-column + label="鎿嶄綔" + align="center" + class-name="small-padding fixed-width" + > <template slot-scope="scope"> <el-button size="mini" @@ -102,20 +171,22 @@ icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:notice:edit']" - >淇敼</el-button> + >淇敼</el-button + > <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="['system:notice:remove']" - >鍒犻櫎</el-button> + >鍒犻櫎</el-button + > </template> </el-table-column> </el-table> <pagination - v-show="total>0" + v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @@ -128,7 +199,10 @@ <el-row> <el-col :span="12"> <el-form-item label="鍏憡鏍囬" prop="noticeTitle"> - <el-input v-model="form.noticeTitle" placeholder="璇疯緭鍏ュ叕鍛婃爣棰�" /> + <el-input + v-model="form.noticeTitle" + placeholder="璇疯緭鍏ュ叕鍛婃爣棰�" + /> </el-form-item> </el-col> <el-col :span="12"> @@ -150,13 +224,14 @@ v-for="dict in dict.type.sys_notice_status" :key="dict.value" :label="dict.value" - >{{dict.label}}</el-radio> + >{{ dict.label }}</el-radio + > </el-radio-group> </el-form-item> </el-col> <el-col :span="24"> <el-form-item label="鍐呭"> - <editor v-model="form.noticeContent" :min-height="192"/> + <editor v-model="form.noticeContent" :min-height="192" /> </el-form-item> </el-col> </el-row> @@ -170,11 +245,17 @@ </template> <script> -import { listNotice, getNotice, delNotice, addNotice, updateNotice } from "@/api/system/notice"; +import { + listNotice, + getNotice, + delNotice, + addNotice, + updateNotice, +} from "@/api/system/notice"; export default { name: "Notice", - dicts: ['sys_notice_status', 'sys_notice_type'], + dicts: ["sys_notice_status", "sys_notice_type"], data() { return { // 閬僵灞� @@ -201,19 +282,19 @@ pageSize: 10, noticeTitle: undefined, createBy: undefined, - status: undefined + status: undefined, }, // 琛ㄥ崟鍙傛暟 form: {}, // 琛ㄥ崟鏍¢獙 rules: { noticeTitle: [ - { required: true, message: "鍏憡鏍囬涓嶈兘涓虹┖", trigger: "blur" } + { required: true, message: "鍏憡鏍囬涓嶈兘涓虹┖", trigger: "blur" }, ], noticeType: [ - { required: true, message: "鍏憡绫诲瀷涓嶈兘涓虹┖", trigger: "change" } - ] - } + { required: true, message: "鍏憡绫诲瀷涓嶈兘涓虹┖", trigger: "change" }, + ], + }, }; }, created() { @@ -223,7 +304,7 @@ /** 鏌ヨ鍏憡鍒楄〃 */ getList() { this.loading = true; - listNotice(this.queryParams).then(response => { + listNotice(this.queryParams).then((response) => { this.noticeList = response.rows; this.total = response.total; this.loading = false; @@ -241,7 +322,7 @@ noticeTitle: undefined, noticeType: undefined, noticeContent: undefined, - status: "0" + status: "0", }; this.resetForm("form"); }, @@ -257,9 +338,9 @@ }, // 澶氶�夋閫変腑鏁版嵁 handleSelectionChange(selection) { - this.ids = selection.map(item => item.noticeId) - this.single = selection.length!=1 - this.multiple = !selection.length + this.ids = selection.map((item) => item.noticeId); + this.single = selection.length != 1; + this.multiple = !selection.length; }, /** 鏂板鎸夐挳鎿嶄綔 */ handleAdd() { @@ -270,25 +351,25 @@ /** 淇敼鎸夐挳鎿嶄綔 */ handleUpdate(row) { this.reset(); - const noticeId = row.noticeId || this.ids - getNotice(noticeId).then(response => { + const noticeId = row.noticeId || this.ids; + getNotice(noticeId).then((response) => { this.form = response.data; this.open = true; this.title = "淇敼鍏憡"; }); }, /** 鎻愪氦鎸夐挳 */ - submitForm: function() { - this.$refs["form"].validate(valid => { + submitForm: function () { + this.$refs["form"].validate((valid) => { if (valid) { if (this.form.noticeId != undefined) { - updateNotice(this.form).then(response => { + updateNotice(this.form).then((response) => { this.$modal.msgSuccess("淇敼鎴愬姛"); this.open = false; this.getList(); }); } else { - addNotice(this.form).then(response => { + addNotice(this.form).then((response) => { this.$modal.msgSuccess("鏂板鎴愬姛"); this.open = false; this.getList(); @@ -299,14 +380,18 @@ }, /** 鍒犻櫎鎸夐挳鎿嶄綔 */ handleDelete(row) { - const noticeIds = row.noticeId || this.ids - this.$modal.confirm('鏄惁纭鍒犻櫎鍏憡缂栧彿涓�"' + noticeIds + '"鐨勬暟鎹」锛�').then(function() { - return delNotice(noticeIds); - }).then(() => { - this.getList(); - this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); - }).catch(() => {}); - } - } + const noticeIds = row.noticeId || this.ids; + this.$modal + .confirm('鏄惁纭鍒犻櫎鍏憡缂栧彿涓�"' + noticeIds + '"鐨勬暟鎹」锛�') + .then(function () { + return delNotice(noticeIds); + }) + .then(() => { + this.getList(); + this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + }) + .catch(() => {}); + }, + }, }; </script> -- Gitblit v1.9.3