From 731d894cf232d98b547df2bd006795de74fb16a7 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期四, 09 二月 2023 15:05:10 +0800
Subject: [PATCH] 数据管理样式修改
---
src/views/datamanage/styleManage.vue | 456 +++++++++++++++++++++++++++++++-------------------------
1 files changed, 253 insertions(+), 203 deletions(-)
diff --git a/src/views/datamanage/styleManage.vue b/src/views/datamanage/styleManage.vue
index 9d56b1c..c7f3077 100644
--- a/src/views/datamanage/styleManage.vue
+++ b/src/views/datamanage/styleManage.vue
@@ -291,24 +291,27 @@
:label="$t('dataManage.styleObj.dirid')"
:label-width="formLabelWidth"
>
- <el-select
- v-model="upform.dirid"
- placeholder="璇烽�夋嫨"
- style="width:85%"
- @focus="setOptionWidth"
- >
- <el-option :value="upform.dirid" :label="upform.dirName"
- :style="{ width: selectOptionWidth, height: selectheight }">
- <el-tree
- ref="tree"
- :data="editcatalogOption"
- :default-expand-all="defaultexpand"
- node-key="id"
- :props="defaultProps"
- @node-click="handleNodeClickto"
- />
- </el-option>
- </el-select>
+ <el-select
+ v-model="upform.dirid"
+ placeholder="璇烽�夋嫨"
+ style="width:85%"
+ @focus="setOptionWidth"
+ >
+ <el-option
+ :value="upform.dirid"
+ :label="upform.dirName"
+ :style="{ width: selectOptionWidth, height: selectheight }"
+ >
+ <el-tree
+ ref="tree"
+ :data="editcatalogOption"
+ :default-expand-all="defaultexpand"
+ node-key="id"
+ :props="defaultProps"
+ @node-click="handleNodeClickto"
+ />
+ </el-option>
+ </el-select>
<!-- <el-cascader
v-model="upform.dirid"
:options="editcatalogOption"
@@ -332,24 +335,27 @@
:label="$t('dataManage.styleObj.depid')"
:label-width="formLabelWidth"
>
- <el-select
- v-model="upform.depid"
- placeholder="璇烽�夋嫨"
- style="width:85%"
- @focus="setOptionWidth"
- >
- <el-option :value="upform.depid" :label="upform.depName"
- :style="{ width: selectOptionWidth, height: selectheight }">
- <el-tree
- ref="tree"
- :data="editCompanyOption"
- :default-expand-all="defaultexpand"
- node-key="id"
- :props="defaultProps"
- @node-click="handleNodeClick"
- />
- </el-option>
- </el-select>
+ <el-select
+ v-model="upform.depid"
+ placeholder="璇烽�夋嫨"
+ style="width:85%"
+ @focus="setOptionWidth"
+ >
+ <el-option
+ :value="upform.depid"
+ :label="upform.depName"
+ :style="{ width: selectOptionWidth, height: selectheight }"
+ >
+ <el-tree
+ ref="tree"
+ :data="editCompanyOption"
+ :default-expand-all="defaultexpand"
+ node-key="id"
+ :props="defaultProps"
+ @node-click="handleNodeClick"
+ />
+ </el-option>
+ </el-select>
<!-- <el-cascader
v-model="upform.depid"
:options="editCompanyOption"
@@ -423,33 +429,41 @@
:label="$t('dataManage.styleObj.fileguid')"
:label-width="formLabelWidth"
>
- <el-input
- v-model="upform.fileGuid"
- disabled
- autocomplete="off"
- style="width:70%"
- ></el-input>
- <input
- name="file1"
- type="file"
- id="editFile"
- multiple="multiple"
- style="display: none"
- @change="editFile(0)"
- />
- <el-button
- style="margin-left: 6px;"
- type="primary"
- size="small"
- :underline="false"
- @click="geteditFile(0)"
- >閫夋嫨</el-button>
- <el-button
- type="primary"
- size="small"
- :underline="false"
- @click="seteditFile(0)"
- >涓婁紶</el-button>
+ <!-- -->
+ <div class="BoxFlex">
+ <div class="BoxFlexinput">
+ <el-input
+ v-model="upform.fileGuid"
+ disabled
+ autocomplete="off"
+ style="width:100%"
+ ></el-input>
+ </div>
+ <div class="BoxFlexbutton">
+ <input
+ name="file1"
+ type="file"
+ id="editFile"
+ multiple="multiple"
+ style="display: none"
+ @change="editFile(0)"
+ />
+ <el-button
+ style="margin-left: 6px;"
+ type="primary"
+ size="small"
+ :underline="false"
+ @click="geteditFile(0)"
+ >閫夋嫨</el-button>
+ <el-button
+ type="primary"
+ size="small"
+ :underline="false"
+ @click="seteditFile(0)"
+ >涓婁紶</el-button>
+ </div>
+ </div>
+ <!-- -->
<!-- <el-link
:underline="false"
@click="geteditFile(0)"
@@ -467,34 +481,42 @@
:label="$t('dataManage.styleObj.viewguid')"
:label-width="formLabelWidth"
>
- <el-input
- v-model="upform.viewGuid"
- disabled
- autocomplete="off"
- style="width:70%"
- ></el-input>
- <input
- name="file1"
- :accept="'.jpg,.png'"
- type="file"
- id="editimageFile"
- multiple="multiple"
- style="display: none"
- @change="editFile(1)"
- />
- <el-button
- style="margin-left: 6px;"
- type="primary"
- size="small"
- :underline="false"
- @click="geteditFile(1)"
- >閫夋嫨</el-button>
- <el-button
- type="primary"
- size="small"
- :underline="false"
- @click="seteditFile(1)"
- >涓婁紶</el-button>
+ <div class="BoxFlex">
+ <div class="BoxFlexinput">
+ <el-input
+ v-model="upform.viewGuid"
+ disabled
+ autocomplete="off"
+ style="width:100%"
+ ></el-input>
+ </div>
+ <div>
+ <input
+ name="file1"
+ :accept="'.jpg,.png'"
+ type="file"
+ id="editimageFile"
+ multiple="multiple"
+ style="display: none"
+ @change="editFile(1)"
+ />
+ <el-button
+ style="margin-left: 6px;"
+ type="primary"
+ size="small"
+ :underline="false"
+ @click="geteditFile(1)"
+ >閫夋嫨</el-button>
+ <el-button
+ type="primary"
+ size="small"
+ :underline="false"
+ @click="seteditFile(1)"
+ >涓婁紶</el-button>
+ </div>
+ </div>
+ <!--
+ -->
<!-- <el-link
:underline="false"
@click="geteditFile(1)"
@@ -566,24 +588,27 @@
:label="$t('dataManage.styleObj.dirid')"
:label-width="formLabelWidth"
>
- <el-select
- v-model="insertform.dirid"
- placeholder="璇烽�夋嫨"
- style="width:85%"
- @focus="setOptionWidth"
- >
- <el-option :value="insertform.dirid" :label="insertform.dirName"
- :style="{ width: selectOptionWidth, height: selectheight }">
- <el-tree
- ref="tree"
- :data="catalogOption"
- :default-expand-all="defaultexpand"
- node-key="id"
- :props="defaultProps"
- @node-click="handcatalogChange"
- />
- </el-option>
- </el-select>
+ <el-select
+ v-model="insertform.dirid"
+ placeholder="璇烽�夋嫨"
+ style="width:85%"
+ @focus="setOptionWidth"
+ >
+ <el-option
+ :value="insertform.dirid"
+ :label="insertform.dirName"
+ :style="{ width: selectOptionWidth, height: selectheight }"
+ >
+ <el-tree
+ ref="tree"
+ :data="catalogOption"
+ :default-expand-all="defaultexpand"
+ node-key="id"
+ :props="defaultProps"
+ @node-click="handcatalogChange"
+ />
+ </el-option>
+ </el-select>
<!-- <el-cascader
v-model="insertform.dirid"
:options="catalogOption"
@@ -607,24 +632,27 @@
:label="$t('dataManage.styleObj.depid')"
:label-width="formLabelWidth"
>
- <el-select
- v-model="insertform.depid"
- placeholder="璇烽�夋嫨"
- style="width:85%"
- @focus="setOptionWidth"
- >
- <el-option :value="insertform.depid" :label="insertform.depName"
- :style="{ width: selectOptionWidth, height: selectheight }">
- <el-tree
- ref="tree"
- :data="companyOption"
- :default-expand-all="defaultexpand"
- node-key="id"
- :props="cascader"
- @node-click="handcompanyChange"
- />
- </el-option>
- </el-select>
+ <el-select
+ v-model="insertform.depid"
+ placeholder="璇烽�夋嫨"
+ style="width:85%"
+ @focus="setOptionWidth"
+ >
+ <el-option
+ :value="insertform.depid"
+ :label="insertform.depName"
+ :style="{ width: selectOptionWidth, height: selectheight }"
+ >
+ <el-tree
+ ref="tree"
+ :data="companyOption"
+ :default-expand-all="defaultexpand"
+ node-key="id"
+ :props="cascader"
+ @node-click="handcompanyChange"
+ />
+ </el-option>
+ </el-select>
<!-- <el-cascader
v-model="insertform.depid"
:options="companyOption"
@@ -697,33 +725,41 @@
:label="$t('dataManage.styleObj.fileguid')"
:label-width="formLabelWidth"
>
- <el-input
- v-model="insertform.fileGuid"
- disabled
- autocomplete="off"
- style="width:70%"
- />
- <input
- name="file1"
- type="file"
- id="insertFile"
- multiple="multiple"
- style="display: none"
- @change="insertFile(0)"
- />
- <el-button
- style="margin-left: 6px;"
- type="primary"
- size="small"
- :underline="false"
- @click="getInsertFile(0)"
- >閫夋嫨</el-button>
- <el-button
- type="primary"
- size="small"
- :underline="false"
- @click="setinsertFile(0)"
- >涓婁紶</el-button>
+ <div class="BoxFlex">
+ <div class="BoxFlexinput">
+ <el-input
+ v-model="insertform.fileGuid"
+ disabled
+ autocomplete="off"
+ style="width:100%"
+ />
+ </div>
+ <div>
+ <input
+ name="file1"
+ type="file"
+ id="insertFile"
+ multiple="multiple"
+ style="display: none"
+ @change="insertFile(0)"
+ />
+ <el-button
+ style="margin-left: 6px;"
+ type="primary"
+ size="small"
+ :underline="false"
+ @click="getInsertFile(0)"
+ >閫夋嫨</el-button>
+ <el-button
+ type="primary"
+ size="small"
+ :underline="false"
+ @click="setinsertFile(0)"
+ >涓婁紶</el-button>
+ </div>
+ </div>
+ <!--
+ -->
<!-- <el-link
:underline="false"
@click="getInsertFile(0)"
@@ -740,34 +776,40 @@
:label="$t('dataManage.styleObj.viewguid')"
:label-width="formLabelWidth"
>
- <el-input
- v-model="insertform.viewGuid"
- disabled
- autocomplete="off"
- style="width:70%"
- />
- <input
- name="file1"
- :accept="'.jpg,.png'"
- type="file"
- id="insertimageFile"
- multiple="multiple"
- style="display: none"
- @change="insertFile(1)"
- />
- <el-button
- style="margin-left: 6px;"
- type="primary"
- size="small"
- :underline="false"
- @click="getInsertFile(1)"
- >閫夋嫨</el-button>
- <el-button
- type="primary"
- size="small"
- :underline="false"
- @click="setinsertFile(1)"
- >涓婁紶</el-button>
+ <div class="BoxFlex">
+ <div class="BoxFlexinput">
+ <el-input
+ v-model="insertform.viewGuid"
+ disabled
+ autocomplete="off"
+ style="width:100%"
+ />
+ </div>
+ <div> <input
+ name="file1"
+ :accept="'.jpg,.png'"
+ type="file"
+ id="insertimageFile"
+ multiple="multiple"
+ style="display: none"
+ @change="insertFile(1)"
+ />
+ <el-button
+ style="margin-left: 6px;"
+ type="primary"
+ size="small"
+ :underline="false"
+ @click="getInsertFile(1)"
+ >閫夋嫨</el-button>
+ <el-button
+ type="primary"
+ size="small"
+ :underline="false"
+ @click="setinsertFile(1)"
+ >涓婁紶</el-button>
+ </div>
+ </div>
+
<!-- <el-link
:underline="false"
@click="getInsertFile(1)"
@@ -1102,29 +1144,29 @@
std.push(this.multipleSelection[i].id);
}
this.$confirm('姝ゆ搷浣滃皢姘镐箙鍒犻櫎璇ユ牱寮�, 鏄惁缁х画?', '鎻愮ず', {
- confirmButtonText: '纭畾',
- cancelButtonText: '鍙栨秷',
- type: 'warning'
- }).then(async () => {
- const data = await deleteStyles({ ids: std.toString() });
- if (data.code == 200) {
- this.$message({
- message: "鍒犻櫎鎴愬姛锛�",
- type: "success",
- });
- this.getRoleTabelData();
- } else {
- this.$message({
- message: "鍒犻櫎澶辫触锛�",
- type: "warning",
- });
- }
- }).catch(() => {
+ confirmButtonText: '纭畾',
+ cancelButtonText: '鍙栨秷',
+ type: 'warning'
+ }).then(async () => {
+ const data = await deleteStyles({ ids: std.toString() });
+ if (data.code == 200) {
this.$message({
- type: 'info',
- message: '宸插彇娑堝垹闄�'
- });
+ message: "鍒犻櫎鎴愬姛锛�",
+ type: "success",
+ });
+ this.getRoleTabelData();
+ } else {
+ this.$message({
+ message: "鍒犻櫎澶辫触锛�",
+ type: "warning",
+ });
+ }
+ }).catch(() => {
+ this.$message({
+ type: 'info',
+ message: '宸插彇娑堝垹闄�'
});
+ });
},
showDirTree(res) {
this.dirFlag = res;
@@ -1608,6 +1650,14 @@
}
}
}
+ .BoxFlex {
+ display: flex;
+ justify-content: space-around;
+ width: 85%;
+ .BoxFlexinput {
+ flex: 1;
+ }
+ }
}
</style>
--
Gitblit v1.9.3