From 8399d182aef8207d5bcd38a50d1aeb1750593bc0 Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期五, 01 十二月 2023 13:36:35 +0800
Subject: [PATCH] 提交信息
---
src/views/repositoryai/verbaltrick/particulars/index.vue | 173 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 169 insertions(+), 4 deletions(-)
diff --git a/src/views/repositoryai/verbaltrick/particulars/index.vue b/src/views/repositoryai/verbaltrick/particulars/index.vue
index 5c96032..a05e672 100644
--- a/src/views/repositoryai/verbaltrick/particulars/index.vue
+++ b/src/views/repositoryai/verbaltrick/particulars/index.vue
@@ -1,17 +1,182 @@
<template>
- <div>鎸囨爣璇︽儏</div>
+ <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 {};
+ 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: {},
+ 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></style>
+<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>
--
Gitblit v1.9.3