Просмотр исходного кода

feat:工单池费用结算table宽度调整,移动端二维码上传

Moss 1 год назад
Родитель
Сommit
57de52b009

+ 53 - 1
src/views/setting/organizationManagement/tenantDetails/index.vue

@@ -5,7 +5,8 @@
       <el-tab-pane label="商户信息" name="first"></el-tab-pane>
       <el-tab-pane label="商城配置信息" name="second"></el-tab-pane>
       <el-tab-pane label="微信配置信息" name="third"></el-tab-pane>
-	  <el-tab-pane label="结算配置信息" name="four"></el-tab-pane>
+	    <el-tab-pane label="结算配置信息" name="four"></el-tab-pane>
+	    <el-tab-pane label="移动端二维码" name="five"></el-tab-pane>
     </el-tabs>
 
     <div v-show="step == 'first'">
@@ -201,6 +202,57 @@
 			</el-form-item>
       </el-form>
     </div>
+
+    <div v-show="step == 'five'">
+      <el-form label-width="100px" label-position="right">
+        <el-upload
+          class="avatar-uploader"
+          :action="baseURL + 'common/upload'"
+          :headers="myHeaders"
+          :show-file-list="false"
+          :on-success="uploadSuccess"
+          :before-upload="beforeUpload">
+        </el-upload>
+        <el-form-item label="公众号" prop="imgUrl">
+          <div class="images">
+            <div class="main-img">
+              <div class="img" v-if="img1_url" @mouseover="img1_hover = true;" @mouseout="img1_hover = false;">
+                <el-image ref="img1" :src="img1_url" :preview-src-list="[img1_url]" style="width: 120px; height: 120px" fit="contain"></el-image>
+                <div class="mask" v-show="img1_hover">
+                  <i class="el-icon-zoom-in" @click="previewImage('img1')"></i>
+                  <i class="el-icon-upload2" @click="uploadImage('img1')"></i>
+                </div>
+              </div>
+              <div class="add" v-else @click="uploadImage('img1')">
+                <i class="el-icon-plus avatar-uploader-icon"></i>
+              </div>
+            </div>
+          </div>
+          <div class="tips">
+            <span>建议尺寸:400*400</span>
+          </div>
+        </el-form-item>
+        <el-form-item label="小程序" prop="imgUrl">
+          <div class="images">
+            <div class="main-img">
+              <div class="img" v-if="img2_url" @mouseover="img2_hover = true;" @mouseout="img2_hover = false;">
+                <el-image ref="img2" :src="img2_url" :preview-src-list="[img2_url]" style="width: 120px; height: 120px" fit="contain"></el-image>
+                <div class="mask" v-show="img2_hover">
+                  <i class="el-icon-zoom-in" @click="previewImage('img2')"></i>
+                  <i class="el-icon-upload2" @click="uploadImage('img2')"></i>
+                </div>
+              </div>
+              <div class="add" v-else @click="uploadImage('img2')">
+                <i class="el-icon-plus avatar-uploader-icon"></i>
+              </div>
+            </div>
+          </div>
+          <div class="tips">
+            <span>建议尺寸:400*400</span>
+          </div>
+        </el-form-item>
+      </el-form>
+    </div>
 		
 		<div class="page-footer">
       <div class="footer" :class="classObj">

+ 10 - 5
src/views/workOrder/workOrderPool/detailModule/SettleAccounts/index.vue

@@ -82,7 +82,8 @@ export default {
         {
           columnAttributes: {
             label: '结算产品大类',
-            prop: 'parentCategoryId'
+            prop: 'parentCategoryId',
+            width: '110'
           },
           render: (h, { row, column, index }) => {
             return <div class="redbordererr">
@@ -116,7 +117,8 @@ export default {
         {
           columnAttributes: {
             label: '结算产品小类',
-            prop: 'categoryId'
+            prop: 'categoryId',
+            width: '110'
           },
           render: (h, { row, column, index }) => {
             return <div class="redbordererr">
@@ -257,7 +259,8 @@ export default {
               {
                 columnAttributes: {
                   label: '上门费(元/单)',
-                  prop: 'repairAmount'
+                  prop: 'repairAmount',
+                  width: '110'
                 },
                 render: (h, { row, column, index }) => {
                   return <div class="redbordererr">
@@ -278,7 +281,8 @@ export default {
               {
                 columnAttributes: {
                   label: '维修费结算比例%',
-                  prop: 'normAmount'
+                  prop: 'normAmount',
+                  width: '110'
                 },
                 render: (h, { row, column, index }) => {
                   return <div class="redbordererr">
@@ -289,7 +293,8 @@ export default {
               {
                 columnAttributes: {
                   label: '维修费用结算',
-                  prop: 'repairNormAmount'
+                  prop: 'repairNormAmount',
+                  width: '110'
                 },
                 render: (h, { row, column, index }) => {
                   return <div class="redbordererr">