From c50a8b158e31b9157869d28fb90c6f5c840bb05d Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期五, 08 十二月 2023 15:17:55 +0800 Subject: [PATCH] 提交信息 --- src/views/knowledge/questionnaire/compilequer/index.vue | 1226 +++++++++++++++++++++++++++------------------------------ 1 files changed, 585 insertions(+), 641 deletions(-) diff --git a/src/views/knowledge/questionnaire/compilequer/index.vue b/src/views/knowledge/questionnaire/compilequer/index.vue index 03e8202..4c2e5a9 100644 --- a/src/views/knowledge/questionnaire/compilequer/index.vue +++ b/src/views/knowledge/questionnaire/compilequer/index.vue @@ -4,15 +4,11 @@ <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="鍩虹淇℃伅"></el-step> + <el-step title="闂嵎棰樼洰"></el-step> <el-step title="闂嵎棰勮" - description="杩欐槸涓�娈靛緢闀垮緢闀垮緢闀跨殑鎻忚堪鎬ф枃瀛�" - ></el-step> - <el-step - title="缁撴灉鍙嶉" - description="杩欐槸涓�娈靛緢闀垮緢闀垮緢闀跨殑鎻忚堪鎬ф枃瀛�" + description="鏌ョ湅闂嵎棰勮锛屽彲瀵煎嚭PDF" ></el-step> </el-steps> </div> @@ -22,8 +18,9 @@ <!-- 鍩烘湰淇℃伅 --> <div v-if="Editprogress == 1"> <div class="leftvlue-jbxx"> - 鍩烘湰淇℃伅<span>褰撳墠鐗堟湰:{{ currentVersion }}</span> + 鍩烘湰淇℃伅 </div> + <el-divider></el-divider> <el-form :model="ruleForm" :rules="rules" @@ -31,16 +28,13 @@ label-width="100px" class="demo-ruleForm" > - <el-form-item label="娲诲姩鍚嶇О" prop="name"> - <el-input v-model="ruleForm.name"></el-input> - </el-form-item> - <el-form-item label="娲诲姩鍖哄煙" prop="region"> + <el-form-item label="闂嵎鍒嗙被" prop="region"> <el-select - v-model="ruleForm.region" + v-model="ruleForm.classify" size="medium" multiple filterable - placeholder="璇烽�夋嫨娲诲姩鍖哄煙" + placeholder="璇烽�夋嫨鍒嗙被" > <el-option class="ruleFormaa" @@ -52,40 +46,140 @@ </el-option> </el-select> </el-form-item> - <el-form-item label="娲诲姩褰㈠紡" prop="desc"> - <el-input - :rows="4" - type="textarea" - v-model="ruleForm.desc" - ></el-input> + <el-form-item label="闂嵎鏍囬" prop="name"> + <div style="width: 30%"> + <el-input v-model="ruleForm.name"></el-input> + </div> </el-form-item> - <el-form-item> - <el-button type="success" @click="submitForm('ruleForm')" - >涓嬩竴姝�</el-button + <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="sickness"> + <div style="width: 40%"> + <el-upload + class="upload-demo" + action="https://jsonplaceholder.typicode.com/posts/" + :on-change="handleChange" + :file-list="fileList" + > + <el-button size="small" type="primary">鐐瑰嚮涓婁紶</el-button> + <div slot="tip" class="el-upload__tip"> + 鍙兘涓婁紶jpg/png/xsl鏂囦欢锛屼笖涓嶈秴杩�50mb + </div> + </el-upload> + </div> + </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 options" + :key="item.label" + :label="item.label" + :value="item.label" + > + </el-option> + </el-select> + <el-button + v-else + class="button-new-tag" + size="small" + @click="showInput" + >+ 鏂板鏍囩</el-button + > + </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="region"> + <el-select + v-model="ruleForm.way" + size="medium" + multiple + filterable + placeholder="璇烽�夋嫨鍒嗙被" > - <el-button @click="resetForm('ruleForm')">閲嶇疆</el-button> - </el-form-item> - </el-form> - </div> - <!-- 闂嵎璁剧疆 --> - <div v-if="Editprogress == 2"> - <div class="leftvlue-jbxx">闂嵎璁剧疆</div> - <el-form - :model="ruleForm" - :rules="rules" - ref="ruleForm" - label-width="100px" - class="demo-ruleForm" - > - <el-form-item label="闂嵎浠嬬粛" prop="desc"> - <el-cascader - class="demo-cascader" - v-model="ruleForm.templatevalue" - :options="options" - :props="{ expandTrigger: 'hover' }" - ></el-cascader> - <el-select v-model="ruleForm.data2" 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 + v-model="ruleForm.illness" + size="medium" + multiple + filterable + placeholder="璇烽�夋嫨鍒嗙被" + > + <el-option + class="ruleFormaa" v-for="item in options" :key="item.value" :label="item.label" @@ -93,135 +187,225 @@ > </el-option> </el-select> - <div style="display: flex; margin-top: 20px"> - <div class="PreviewTemplate" @click="PreviewTemplate()"> - 棰勮妯$増 - </div> - <el-button type="primary">纭寮曠敤</el-button> - </div> </el-form-item> - <el-form-item label="娲诲姩褰㈠紡" prop="desc"> - <el-input type="textarea" v-model="ruleForm.desc"></el-input> - </el-form-item> - <el-form-item label="娲诲姩褰㈠紡" prop="desc"> - <el-input type="textarea" v-model="ruleForm.desc"></el-input> - <div class="addtopic"> - <el-select - v-model="addvalue" - @change="changeaddtopic" - class="addtopic-input" + <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 - v-for="item in options" - :key="item.value" - :label="item.label" - :value="item.value" - > - </el-option> - </el-select> - </div> - - <div class="presentation"> - <div class="presentation-left"> - <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" - width="300" - 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-scissors"></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"></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" - /> - </div> - <div class="presentation-right"> - <div class="headline">棰樼洰璁剧疆璇︽儏</div> - <div>棰樼洰鏍囬锛�<span>杩欏鏈烘瀯鎬庝箞鏍�</span></div> - <div>鏄惁蹇呯瓟锛�<span>鏄�</span> 鏄惁闅愯棌锛�<span>鍚�</span></div> - <div class="headline">閫夐」璁剧疆</div> - <div> - <p>閫夐」1:<span>鍖荤枟鏈烘瀯</span></p> - <p> - 濉啓鏄庣粏锛�<span>鏃�</span> 寮傚父閫夐」锛�<span>鏃�</span> - 鍒嗗�硷細<span>3</span> - </p> - <p>閫変腑鎻愮ず锛�<span>杩欎釜棰樻湁鐐归毦璇锋敞鎰�</span></p> - <p>閫変腑璺宠浆锛�<span>鏃�</span></p> - </div> - </div> - </div> + </el-option> + </el-select> + </el-form-item> + <el-form-item label="閫傜敤绉戝" prop="region"> + <el-select + 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> - <el-button type="success" @click="submitForm('ruleForm')" + <el-button type="success" @click="nextstep('ruleForm')" >涓嬩竴姝�</el-button > - <el-button type="primary" @click="laststep()">涓婁竴姝�</el-button> - <el-button @click="resetForm('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 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="maincontent" + prop="maincontent" + :show-overflow-tooltip="true" + /> + + <el-table-column + label="鎿嶄綔" + align="center" + width="200" + class-name="small-padding fixed-width" + > + <template slot-scope="scope"> + <el-button + icon="el-icon-edit" + type="primary" + round + @click="handleUpdate(scope.row)" + >淇敼</el-button + > + <el-button + type="danger" + icon="el-icon-delete" + circle + @click="handleDelete(scope.row)" + ></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> + <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="璇疯緭鍏ラ�夐」" + v-model="text" + 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="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="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="text" + show-word-limit + > + </el-input> </el-form-item + ></el-col> + </el-row> + </div> + </el-form> + </el-card> + </div> + </div> + + <el-button type="success" @click="nextstep('ruleForm')" + >涓嬩竴姝�</el-button + > + <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"> @@ -267,133 +451,100 @@ </div> </div> </div> - <el-button type="success" @click="submitForm('ruleForm')" - >涓嬩竴姝�</el-button - > + <el-button type="info" @click="closeFm('ruleForm')">鍏抽棴</el-button> + <el-button>瀵煎嚭涓簆df</el-button> <el-button type="primary" @click="laststep()">涓婁竴姝�</el-button> - <!-- <el-button @click="resetForm('ruleForm')">閲嶇疆</el-button> --> - </div> - <!-- 缁撴灉鍙嶉 --> - <div v-if="Editprogress == 4"> - <el-form - :model="ruleForm" - :rules="rules" - ref="ruleForm" - label-width="100px" - class="demo-ruleForm" - > - <el-form-item label="娲诲姩鍚嶇О" prop="name"> - <el-input v-model="ruleForm.name"></el-input> - </el-form-item> - <el-form-item label="娲诲姩鍖哄煙" prop="region"> - <el-select v-model="ruleForm.region" placeholder="璇烽�夋嫨娲诲姩鍖哄煙"> - <el-option label="鍖哄煙涓�" value="shanghai"></el-option> - <el-option label="鍖哄煙浜�" value="beijing"></el-option> - </el-select> - </el-form-item> - <el-form-item label="娲诲姩鏃堕棿" required> - <el-col :span="11"> - <el-form-item prop="date1"> - <el-date-picker - type="date" - placeholder="閫夋嫨鏃ユ湡" - v-model="ruleForm.date1" - style="width: 100%" - ></el-date-picker> - </el-form-item> - </el-col> - <el-col class="line" :span="2">-</el-col> - <el-col :span="11"> - <el-form-item prop="date2"> - <el-time-picker - placeholder="閫夋嫨鏃堕棿" - v-model="ruleForm.date2" - style="width: 100%" - ></el-time-picker> - </el-form-item> - </el-col> - </el-form-item> - <el-form-item label="鍗虫椂閰嶉��" prop="delivery"> - <el-switch v-model="ruleForm.delivery"></el-switch> - </el-form-item> - <el-form-item label="娲诲姩鎬ц川" prop="type"> - <el-checkbox-group v-model="ruleForm.type"> - <el-checkbox label="缇庨/椁愬巺绾夸笂娲诲姩" name="type"></el-checkbox> - <el-checkbox label="鍦版帹娲诲姩" name="type"></el-checkbox> - <el-checkbox label="绾夸笅涓婚娲诲姩" name="type"></el-checkbox> - <el-checkbox label="鍗曠函鍝佺墝鏇濆厜" name="type"></el-checkbox> - </el-checkbox-group> - </el-form-item> - <el-form-item label="鐗规畩璧勬簮" prop="resource"> - <el-radio-group v-model="ruleForm.resource"> - <el-radio label="绾夸笂鍝佺墝鍟嗚禐鍔�"></el-radio> - <el-radio label="绾夸笅鍦哄湴鍏嶈垂"></el-radio> - </el-radio-group> - </el-form-item> - <el-form-item label="娲诲姩褰㈠紡" prop="desc"> - <el-input type="textarea" v-model="ruleForm.desc"></el-input> - </el-form-item> - <el-form-item> - <el-button type="success" @click="submitForm('ruleForm')" - >绔嬪嵆鍒涘缓</el-button - > - <el-button type="primary" @click="laststep()">涓婁竴姝�</el-button> - <el-button @click="resetForm('ruleForm')">閲嶇疆</el-button> - </el-form-item> - </el-form> </div> </div> <!-- 棰勮妯$増寮圭獥 --> <el-drawer - title="闂嵎棰勮" + title="娣诲姞棰樼洰" :visible.sync="drawer" custom-class="demo-drawer" width="50%" > <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-form + :model="queryParams" + ref="queryForm" + size="small" + :inline="true" + 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="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-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" + </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-table v-loading="loading" :data="userList"> + <el-table-column + label="鏍囬" + align="center" + key="userid" + prop="userid" + width="100" + /> + <el-table-column + label="闂鍐呭" + align="center" + key="userName" + prop="userName" + 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 > - {{ 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> + </template> + </el-table-column> + </el-table> </div> </el-drawer> </div> @@ -411,6 +562,10 @@ radio: "false", //鍗曢�夐閫変腑 radios: [], //澶氶�夐閫変腑 radioas: "", //濉┖棰樼瓟妗� + dynamicTags: ["鏍囩涓�", "鏍囩浜�", "鏍囩涓�"], + inputVisible: false, + inputValue: "", + topicobj: {}, // 鎬绘潯鏁� total: 1, ruleForm: { @@ -426,333 +581,56 @@ data2: "", }, rules: {}, - rulesa: { - name: [ - { required: true, message: "璇疯緭鍏ユ椿鍔ㄥ悕绉�", trigger: "blur" }, - { min: 3, max: 5, message: "闀垮害鍦� 3 鍒� 5 涓瓧绗�", trigger: "blur" }, - ], - region: [ - { required: true, message: "璇烽�夋嫨娲诲姩鍖哄煙", trigger: "change" }, - ], - date1: [ - { - type: "date", - required: true, - message: "璇烽�夋嫨鏃ユ湡", - trigger: "change", - }, - ], - date2: [ - { - type: "date", - required: true, - message: "璇烽�夋嫨鏃堕棿", - trigger: "change", - }, - ], - type: [ - { - type: "array", - required: true, - message: "璇疯嚦灏戦�夋嫨涓�涓椿鍔ㄦ�ц川", - trigger: "change", - }, - ], - resource: [ - { required: true, message: "璇烽�夋嫨娲诲姩璧勬簮", trigger: "change" }, - ], - desc: [{ required: true, message: "璇峰~鍐欐椿鍔ㄥ舰寮�", trigger: "blur" }], - }, - // options: [ - // { - // value: "閫夐」1", - // label: "榛勯噾绯�", - // }, - // { - // value: "閫夐」2", - // label: "鍙岀毊濂�", - // }, - // { - // value: "閫夐」3", - // label: "铓典粩鐓�", - // }, - // { - // value: "閫夐」4", - // label: "榫欓』闈�", - // }, - // { - // value: "閫夐」5", - // label: "鍖椾含鐑ら腑", - // }, - // ], - options: [ + rulesa: {}, + xjxsoptions: [ { - value: "zhinan", - label: "鎸囧崡", - children: [ - { - value: "shejiyuanze", - label: "璁捐鍘熷垯", - children: [ - { - value: "yizhi", - label: "涓�鑷�", - }, - { - value: "fankui", - label: "鍙嶉", - }, - { - value: "xiaolv", - label: "鏁堢巼", - }, - { - value: "kekong", - label: "鍙帶", - }, - ], - }, - { - value: "daohang", - label: "瀵艰埅", - children: [ - { - value: "cexiangdaohang", - label: "渚у悜瀵艰埅", - }, - { - value: "dingbudaohang", - label: "椤堕儴瀵艰埅", - }, - ], - }, - ], + value: "閫夐」1", + label: "鍥炬枃", }, { - value: "zujian", - label: "缁勪欢", - children: [ - { - value: "basic", - label: "Basic", - children: [ - { - value: "layout", - label: "Layout 甯冨眬", - }, - { - value: "color", - label: "Color 鑹插僵", - }, - { - value: "typography", - label: "Typography 瀛椾綋", - }, - { - value: "icon", - label: "Icon 鍥炬爣", - }, - { - value: "button", - label: "Button 鎸夐挳", - }, - ], - }, - { - value: "form", - label: "Form", - children: [ - { - value: "radio", - label: "Radio 鍗曢�夋", - }, - { - value: "checkbox", - label: "Checkbox 澶氶�夋", - }, - { - value: "input", - label: "Input 杈撳叆妗�", - }, - { - value: "input-number", - label: "InputNumber 璁℃暟鍣�", - }, - { - value: "select", - label: "Select 閫夋嫨鍣�", - }, - { - value: "cascader", - label: "Cascader 绾ц仈閫夋嫨鍣�", - }, - { - value: "switch", - label: "Switch 寮�鍏�", - }, - { - value: "slider", - label: "Slider 婊戝潡", - }, - { - value: "time-picker", - label: "TimePicker 鏃堕棿閫夋嫨鍣�", - }, - { - value: "date-picker", - label: "DatePicker 鏃ユ湡閫夋嫨鍣�", - }, - { - value: "datetime-picker", - label: "DateTimePicker 鏃ユ湡鏃堕棿閫夋嫨鍣�", - }, - { - value: "upload", - label: "Upload 涓婁紶", - }, - { - value: "rate", - label: "Rate 璇勫垎", - }, - { - value: "form", - label: "Form 琛ㄥ崟", - }, - ], - }, - { - value: "data", - label: "Data", - children: [ - { - value: "table", - label: "Table 琛ㄦ牸", - }, - { - value: "tag", - label: "Tag 鏍囩", - }, - { - value: "progress", - label: "Progress 杩涘害鏉�", - }, - { - value: "tree", - label: "Tree 鏍戝舰鎺т欢", - }, - { - value: "pagination", - label: "Pagination 鍒嗛〉", - }, - { - value: "badge", - label: "Badge 鏍囪", - }, - ], - }, - { - value: "notice", - label: "Notice", - children: [ - { - value: "alert", - label: "Alert 璀﹀憡", - }, - { - value: "loading", - label: "Loading 鍔犺浇", - }, - { - value: "message", - label: "Message 娑堟伅鎻愮ず", - }, - { - value: "message-box", - label: "MessageBox 寮规", - }, - { - value: "notification", - label: "Notification 閫氱煡", - }, - ], - }, - { - value: "navigation", - label: "Navigation", - children: [ - { - value: "menu", - label: "NavMenu 瀵艰埅鑿滃崟", - }, - { - value: "tabs", - label: "Tabs 鏍囩椤�", - }, - { - value: "breadcrumb", - label: "Breadcrumb 闈㈠寘灞�", - }, - { - value: "dropdown", - label: "Dropdown 涓嬫媺鑿滃崟", - }, - { - value: "steps", - label: "Steps 姝ラ鏉�", - }, - ], - }, - { - value: "others", - label: "Others", - children: [ - { - value: "dialog", - label: "Dialog 瀵硅瘽妗�", - }, - { - value: "tooltip", - label: "Tooltip 鏂囧瓧鎻愮ず", - }, - { - value: "popover", - label: "Popover 寮瑰嚭妗�", - }, - { - value: "card", - label: "Card 鍗$墖", - }, - { - value: "carousel", - label: "Carousel 璧伴┈鐏�", - }, - { - value: "collapse", - label: "Collapse 鎶樺彔闈㈡澘", - }, - ], - }, - ], + value: "閫夐」2", + label: "瑙嗛", }, { - value: "ziyuan", - label: "璧勬簮", - children: [ - { - value: "axure", - label: "Axure Components", - }, - { - value: "sketch", - label: "Sketch Templates", - }, - { - value: "jiaohu", - label: "缁勪欢浜や簰鏂囨。", - }, - ], + value: "閫夐」3", + label: "闊抽", }, ], + fileList: [ + { + name: "food.jpeg", + url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100", + }, + { + name: "food2.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: "鎶ょ悊闂嵎", + }, + ], + variablelist: [ + { + variable: "paitent", + value: "琛ㄧず鎮h�呯殑鏍囪瘑", + }, + ], + valssu: [ { idd: 1, @@ -760,21 +638,6 @@ sdadd: ["sss", "ssccss", "ssaas", "ss"], }, ], - // options: [ - // { - // value: "閫夐」1", - // label: "鍗曢��", - // }, - // { - // value: "閫夐」2", - // label: "澶氶��", - // disabled: true, - // }, - // { - // value: "閫夐」3", - // label: "濉┖", - // }, - // ], addvalue: "娣诲姞棰樼洰", // 棰樼洰琛ㄦ牸鏁版嵁 userList: [ @@ -812,9 +675,6 @@ methods: { submitForm(formName) { - if (this.Editprogress <= 3) { - return this.Editprogress++; - } this.rules = this.rulesa; // 鎻愪氦 this.$refs[formName].validate((valid) => { @@ -826,6 +686,33 @@ } }); }, + // 涓嬩竴姝� + 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; @@ -840,18 +727,51 @@ // console.log(rows); // this.list = rows; }, - changeaddtopic(val) { - console.log(11); - console.log(val); - this.addvalue = "娣诲姞棰樼洰"; + // 淇敼棰樼洰淇℃伅 + Submittopicobj() {}, + // 鏂板鍙橀噺 + addvariable() { + this.variablelist.push({ + variable: "", + value: "", + }); }, - // 棰勮妯$増 - PreviewTemplate() { - this.drawer = true; + // 鍒犻櫎鍙橀噺 + delvariable(item) { + const index = this.variablelist.indexOf(item); + if (index !== -1) { + this.variablelist.splice(index, 1); // 浠庣储寮曚綅缃垹闄や竴涓厓绱� + } else { + console.log("鏈壘鍒拌瀵硅薄"); + } }, - laststep() { - this.Editprogress--; + // 鎺у埗鏂囦欢 + handleChange(file, fileList) { + this.fileList = fileList.slice(-3); }, + // 鏍囩----------------- + 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(); + // }); + }, + // -------------------------- + // 鏌ヨ棰樺簱 + handleQuery() {}, + resetQuery() {}, resetForm(formName) { this.$refs[formName].resetFields(); }, @@ -892,12 +812,10 @@ font-size: 20px; } .leftvlue-jbxx { - margin-bottom: 50px; - font-size: 20px; - span { - position: absolute; - right: 80px; - } + font-size: 24px; + border-left: 5px solid #41a1be; + padding-left: 5px; + margin: 15px 0; } .demo-cascader { margin-right: 20px; @@ -925,6 +843,30 @@ } } } +.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; } @@ -933,7 +875,7 @@ display: flex; .presentation-left { width: 50%; - height: 500px; + // height: 500px; .button-textxg { color: #024df0; } @@ -943,20 +885,22 @@ } .presentation-right { width: 50%; - height: 500px; - padding: 20px; + max-height: 688px; + padding: 0 20px; font-size: 18px; - border: 1px solid #909091; - span { - padding: 0 35px; - margin-right: 10px; - border-bottom: 1px solid #909091; - } + overflow: auto; .headline { font-size: 20px; border-left: 3px solid #41a1be; padding-left: 5px; margin: 15px 0; + } + .topicxq { + background-color: #e2f5fc; + border-radius: 4px; + margin-top: 10px; + padding-left: 10px; + padding-top: 15px; } } } @@ -971,7 +915,7 @@ font-size: 25px; } ::v-deep.el-input--medium { - font-size: 24px !important; + font-size: 18px !important; } ::v-deep.ruleFormaa.el-select { display: inline-block; -- Gitblit v1.9.3