From 62778d5d0ce4fdd257d5fcacc83681baf05d54a9 Mon Sep 17 00:00:00 2001 From: mg <maokecheng@163.com> Date: 星期三, 02 十一月 2022 15:15:27 +0800 Subject: [PATCH] 新增任务页面 --- src/views/operate/rectification/taskList/components/createInterface/index.vue | 80 ++++++++++++++++++++++------------------ 1 files changed, 44 insertions(+), 36 deletions(-) diff --git a/src/views/operate/rectification/taskList/components/createInterface/index.vue b/src/views/operate/rectification/taskList/components/createInterface/index.vue index 1be774b..8b0944b 100644 --- a/src/views/operate/rectification/taskList/components/createInterface/index.vue +++ b/src/views/operate/rectification/taskList/components/createInterface/index.vue @@ -5,39 +5,42 @@ <el-form ref="user" label-width="140px" autoComplete="on" :model="myInterface" :rules="createmyInterfaceRules" label-position="right"> <!-- 搴旂敤鍚嶇О --> - <el-form-item label="搴旂敤鍚嶇О:" prop="applicationName"> - <el-input v-model="myInterface.applicationName" placeholder="濉啓搴旂敤鍚嶇О"></el-input> + <el-form-item label="浠诲姟缂栧彿:" prop="applicationName"> + <el-input v-model="myInterface.applicationName" placeholder="濉啓浠诲姟缂栧彿"></el-input> </el-form-item> <!-- 搴旂敤鍥炬爣 --> - <el-form-item label="搴旂敤鍥炬爣:" prop="applicationIconUrl"> - <div class="iconBox"> - <div class="upload"> - <img src="@/assets/imgs/user/default-avatar.jpg" alt=""> - </div> - <div class="iconView"> - <span>绀烘剰鍥�</span> - <img src="@/assets/imgs/user/default-avatar.jpg" alt=""> - </div> - <div class="tip"> - <span>鍙厑璁镐笂浼爅pg,jpeg,png,svg鏍煎紡鐨勫浘鐗囷紝寤鸿灏哄涓�105px*105px</span> - </div> - </div> + <el-form-item label="鏍囬:" prop="applicationIconUrl"> + <el-input v-model="myInterface.applicationName" placeholder="濉啓妗堜欢缂栧彿"></el-input> </el-form-item> <!-- 搴旂敤绫诲瀷 --> - <el-form-item label="搴旂敤绫诲瀷:" prop="applicationType"> - <div class="optionItem"> - <el-radio-group v-model="myInterface.applicationType"> - <el-radio :label="1">缃戦〉搴旂敤</el-radio> - </el-radio-group> - </div> + <el-form-item label="绫诲瀷:" prop="applicationType"> + <el-input v-model="myInterface.applicationName" placeholder="濉啓闂绫诲瀷"></el-input> </el-form-item> - <!--缃戠珯url --> - <el-form-item label="缃戠珯url:" prop="websiteUrl"> - <el-input v-model="myInterface.websiteUrl"></el-input> + <!-- 搴旂敤鍚嶇О --> + <el-form-item label="绾у埆:" prop="applicationName"> + <el-input v-model="myInterface.applicationName" placeholder="濉啓琛楅亾"></el-input> </el-form-item> - <!-- 搴旂敤鎻忚堪 --> - <el-form-item label="搴旂敤鎻忚堪:" prop="description"> - <el-input v-model="myInterface.description" placeholder="璇峰~鍐欐弿杩�"></el-input> + <!-- 搴旂敤鍥炬爣 --> + <el-form-item label="琛楅亾:" prop="applicationIconUrl"> + <el-input v-model="myInterface.applicationName" placeholder="濉啓绀惧尯"></el-input> + </el-form-item> + <!-- 搴旂敤绫诲瀷 --> + <el-form-item label="绀惧尯:" prop="applicationType"> + <el-input v-model="myInterface.applicationName" placeholder="濉啓鐩戠潱鍛�"></el-input> + </el-form-item> + <!-- 搴旂敤鍥炬爣 --> + <el-form-item label="寮�濮嬫椂闂�:" prop="applicationIconUrl"> + <el-input v-model="myInterface.applicationName" placeholder="濉啓闂鎻忚堪"></el-input> + </el-form-item> + <!-- 搴旂敤绫诲瀷 --> + <el-form-item label="缁撴潫鏃堕棿:" prop="applicationType"> + <el-input v-model="myInterface.applicationName" placeholder="濉啓涓婃姤鏃堕棿"></el-input> + </el-form-item> + <el-form-item label="浠诲姟鎻忚堪:" prop="applicationType"> + <el-input v-model="myInterface.applicationName" placeholder="濉啓涓婃姤鏃堕棿"></el-input> + </el-form-item> + <el-form-item label="鐘舵��:" prop="applicationType"> + <el-input v-model="myInterface.applicationName" placeholder="濉啓鐘舵��"></el-input> </el-form-item> <!-- 鎸夐挳 --> <el-form-item> @@ -95,7 +98,7 @@ }, createmyInterfaceRules: { applicationName: [ - { required: true, trigger: "blur", validator: validateApplicationName}, + { required: true, trigger: "blur", validator: validateApplicationName }, ], applicationIconUrl: [ { required: true, trigger: "blur", validator: validateApplicationIconUrl }, @@ -119,11 +122,11 @@ handleUser() { const { myInterface } = this; this.$axios.post('sccg/system/portal/thirdApp/add', { - websiteUrl:myInterface.websiteUrl, - applicationIconUrl:myInterface.applicationIconUrl, - applicationType:0, - description:myInterface.description, - applicationName:myInterface.applicationName + websiteUrl: myInterface.websiteUrl, + applicationIconUrl: myInterface.applicationIconUrl, + applicationType: 0, + description: myInterface.description, + applicationName: myInterface.applicationName }).then(res => { console.log(res); // if (res.code === 200) { @@ -145,6 +148,7 @@ padding: 0 55px; background-color: #09152f; padding-bottom: 50px; + .mainContent { display: flex; justify-content: center; @@ -188,16 +192,20 @@ } } } - .optionBtn{ + + .optionBtn { margin-top: 30px; - &::v-deep .el-button{ + + &::v-deep .el-button { padding: 12px 40px; } - .reset{ + + .reset { border: 1px solid #0079fe; color: #0079fe; } } + &::v-deep .el-form-item__label { color: #4b9bb7; } -- Gitblit v1.8.0